/* ====================
フォント
=================== */
/* M PLUS Rounded 1c  */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');

/* Helvetica Neue：Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');

/* Noto Sans CJK JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* Material Icons */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


/* ====================
初期設定
=================== */
/* 基準：1440px */
html{
box-sizing: border-box;
font-size: calc(var(--vw) / 144); 
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
}

*, *::before, *::after {
box-sizing: inherit;
}

/* タブレット */
@media (max-width: 1024px) {
html{ font-size: calc(var(--vw) / 102.4); }
}
@media (max-width: 767px) {
html{ font-size: calc(var(--vw) / 76.7); }
}

/* スマホ */
@media (max-width: 599px) {
html{ font-size: calc(var(--vw) / 59); }
}
@media (max-width: 499px) {
html{ font-size: calc(var(--vw) / 49); }
}
@media (max-width: 399px) {
html{ font-size: calc(var(--vw) / 39); }
}


/* ====================
パーツ基本設定
=================== */
body {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight:500;
font-style: normal;
font-size: 1.6rem;
line-height: 1.9;
color:#1A1A1A;
padding:0;
margin:0;
}

h1,h2,h3,h4,h5,h6{
line-height: 1;
padding:0;
margin:0;
}

span{
white-space:nowrap;
display: inline-block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
padding:0;
margin:0;
}

img{
width:100%;
height:auto:
}

a{
cursor: pointer;
text-decoration: none;
}