@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=Roboto:wght@400;700&display=swap');

/* CSS Document */

/***共通項目***/
html { font-size: 62.5%; /* 10px */ }
	@media (max-width : 767px) {
		html { font-size: 56%; }
	}

html,body { width:100%; height:100%; margin:0; padding:0; box-sizing: border-box;}

body { line-height:1.4; color:#333; font-size:1.6rem; }

.clearfix:after { content: ""; clear: both; display: block; font-size: 0; }
.clr { clear: both; }

img { margin: 0; padding: 0; border: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
img[src$=".svg"] { width: 100%; height: auto;}
p { margin:0; padding:0; }

a{ color: #09F; text-decoration:none; }
a:visited{ color: #09F; }
a img { transition:0.6s; }
a:hover img { opacity:0.8; }
    @media (min-width: 769px) {
    	a[href^="tel:"] { pointer-events: none; }
    }

h1,h2,h3,h4,h5,h6,h7,h8 { margin:0; padding:0; font-size:medium; font-weight:normal; }

ul { margin:0; padding:0; list-style-type:none; font-size:0px; }
ul li { font-size: 0px;}

.w100 { width:100%; height: auto;}

:focus { outline: none; }

.gothic { font-family: 'Roboto', 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif; }

/******************
Noto Sans Weight

Light     300
Regular   400 ←標準（若干太目に見える）
Medium    500
Bold      700
Black     900

******************/

/***埋め込み系***/
.embed { position: relative; width: 100%; padding-top: 56.25%; }
.embed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }