/* reset
--------------------------------------------------------------*/
*,*::before,*::after { box-sizing: border-box; }
ul,ol { margin: 0; padding: 0; list-style: none; }
body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd { margin: 0; font-weight: normal; }
li { list-style-type:none;}
/* img { max-width: 100%; height: auto; display: block; } */
header,footer,main,aside,picture { display: block; }
/* iOS Safari tap reset */
body {-webkit-tap-highlight-color: transparent;}
/*--------------------------------------------------------------
base set
--------------------------------------------------------------*/
html { scroll-behavior: smooth; }
body { min-height: 100vh; text-rendering: optimizeSpeed; -webkit-text-size-adjust:10
0%; text-size-adjust: 100%; color: #333333; font-family: 'Noto Sans JP', sans-serif;
font-weight: 400; overflow-wrap: anywhere; overflow-x: hidden; 
letter-spacing: 0.1em; }
a { color: #333333; outline:none; text-decoration:none; }
@media print, screen and (max-width: 639px){
html { font-size:calc(100vw / 37.5); scroll-padding-top: 10rem; }
body { font-size: 1.3rem; line-height: 1.6; }
.pc-only{ display: none !important; }
}
@media print, screen and (min-width: 640px) {
html { font-size: calc(100vw / 148); }
body { font-size: 1.6rem; line-height: 1.86; }
.sp-only{ display: none !important; }
a{cursor: pointer;}
}
@media print, screen and (min-width: 1480px) {
html { font-size: 62.5%; scroll-padding-top: 12rem; }
a { transition: 0.5s; }
a:hover { opacity: 0.7; }
button:hover { opacity: 0.7; }
}

:root{
    --main-red: #ED514E;
    --secondary: #F2E9E4;
    --grey-text: #717171;
}

.hide{
    display: none !important;
}