@charset "UTF-8";

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

html {
   font-size: 62.5%;
   scroll-behavior: smooth;
}

body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
   color: var(--font);
   background: var(--white);
   font-size: 1.6rem;
   font-weight: 500;
   line-height: 1.6;
   letter-spacing: .04em;
}

img {
   vertical-align: bottom;
   width: 100%;
}

li {
   list-style-type: none;
}

a {
   display: block;
   text-decoration: none;
}

hr {
   display: none;
}

.inner {
   max-width: 1400px;
   width: calc(100% - 50px);
   margin: 0 auto;
}
@media screen and (min-width:768px) {
   .inner {
      width: 85%;
   }
}

.nowrap {
   white-space: nowrap;
}

a {
   transition: .3s;
}
a:hover {
   opacity: .6;
}

h1,h2,h3,h4 {
   line-height: 1.4;
   font-weight: 700;
}


.sp {
   display: block !important;
}
.pc {
   display: none !important;
}
@media screen and (min-width:1024px) {
   .sp {
      display: none !important;
   }
   .pc {
      display: block !important;
   }
}