@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@200..800&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* CSS Document */

/***共通項目***/
html { box-sizing: border-box; font-size: 62.5%; /* 10px */ }
html,body { width:100%; height:100%; margin:0; padding:0;}
body { color:#333; font-size:1.4rem; font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.48rem) * 0.5063)), 1.6rem); line-height:1.6;}


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

img { margin: 0; padding: 0; border: 0; /*backface-visibility: hidden;*/ image-rendering: -webkit-optimize-contrast; }
img[src$=".svg"] { width: 100%;}
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; }
ul li, ol li { font-size: 0px;}

*:focus { outline: none; }

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

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

.embed { position: relative; width: 100%; padding-top: 56.25%; }
.embed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

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

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

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