@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
img {display: block; max-width: 100%; height: auto;}
img a {border: none;}
address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal; line-height: 1.0;}
q:before, q:after {content: "";}
figure {width: 100%; margin: 0; padding: 0;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-size: 62.5%;}
body {
    -webkit-text-size-adjust: 100%;
    word-break: break-all;
    color: #323232;
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}
a {text-decoration: none; -webkit-transition: all .3s; transition: all .3s;}
a:link {color: #323232;}
a:visited {color: #323232;}
a:hover { color: #005bab; text-decoration: underline;}
a:active {color: #005bab;}
p {line-height: 1.8;}

.header-wrap {
  width: 100%;
  padding: 0 10px;
  position: fixed;
  top: 10px;
  z-index: 100;
}
.header {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 17px 10px 16px;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  position: relative;
  background: rgba(255,255,255,1);
}
.header-logo {
  width: 220px;
}
.header-contact {
  position: absolute;
  top: 0;
  right: 0;
}
.gnav-contact a {
  display: block;
  width: 120px;
  padding: 0 10px;
  background-color: #005bab;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
  line-height: 73px;
  color: #fff;
}
.gnav-contact a:hover {
  background-color: #f8b800;
  text-decoration: none;
}
.sp-menu {
  display: none;
}
.gnav {
  position: absolute;
  top: 0;
  right: 136px;
}
.gnav-menu {
  display: flex;
  flex-wrap: wrap;
}
.gnav-menu li {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.gnav-menu li span {
  display: block;
  font-size: 1.2rem;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: 5px;
}
.gnav-menu li a {
  display: block;
  position: relative;
  padding: 20px 1em;
}
.gnav-menu li a:hover {
  text-decoration: none;
}
.gnav-menu li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:#f8b800;
  transition: all .3s;
  transform: scale(0, 1);
  transform-origin: center top;
}
.gnav-menu li a:hover::after {
  transform: scale(1, 1);
}
.type1{background-color: #ebada5;}
.type2{background-color: #d0d9ae;}
.type3{background-color: #dcf6ed;}
.type4{background-color: #95afcc;}
.type5{background-color: #f7ebbd;}

@media only screen and (max-width: 1024px) {
  .scroll-prevent {overflow: hidden;}
  .header {
    padding: 12px 10px;
  }
  .header-logo {
    width: 143px;
  }
  .header-contact {
    top: 6px;
    right: 70px;
  }
  .gnav-contact a {
    width: 100px;
    padding: 12px 1em;
    font-size: 1.4rem;
    line-height: 1;
  }
  .sp-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
  }
  .sp-menu .toggle-menu {
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    z-index: 9999;
  }
  .sp-menu .toggle-menu span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
  }
  .sp-menu .toggle-menu span:nth-of-type(1),
  .sp-menu .toggle-menu span:nth-of-type(3) {
    height: 2px;
    background: #f8b800;
    width: 100%;
    left: 0;
    border-radius: 3px;
  }
  .sp-menu .toggle-menu span:nth-of-type(1) {
    top: 10px; 
  }
  .sp-menu .toggle-menu span:nth-of-type(2) {
    top: 17px;
    left: 7px;
    font-size: 1.5rem;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #005bab;
    line-height: 1;
  }
  .sp-menu .toggle-menu span:nth-of-type(3) {
    top: 38px;
    background: #005bab;
  }
  .sp-menu .toggle-menu.active span:nth-of-type(1) {
      top: 16px;
      left: 10px;
      transform: translateY(6px) rotate(-45deg);
      width: 90%;
      background: #f8b800;
  }
  .sp-menu .toggle-menu.active span:nth-of-type(2) {
    opacity: 0;
  }
  .sp-menu .toggle-menu.active span:nth-of-type(3){
      top: 28px;
      left: 10px;
      transform: translateY(-6px) rotate(45deg);
      width: 90%;
      background: #f8b800;
  }
  .gnav {
    background-image: url(../img/bg-logo-gray.svg);
    background-size: cover;
    background-position: center center;
    background-color: #323232;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9998;
    padding: 70px 20px 40px;
  }
  .gnav-menu {
    display: block;
    max-width: 320px;
    margin: 0 auto;
  }
  .gnav-menu li {
    font-size: 1.8rem;
  }
  .gnav-menu li a {
    color: #fff;
  }
  .gnav-menu li a:hover {
    color: #f8b800;
  }
  .gnav-menu li a::after {
    height: 2px;
    background:#005bab;
  }
  
}

#pageTop {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 998;
    cursor: pointer;
    width: 49px;
    height: 49px;
}

/* hero-header-contents */
.hero-header-contents {
  width: 100%;
  height: 50vh;
  background-repeat: repeat , no-repeat;
  background-position: center , center;
  background-size: 3px 3px , cover;
}
.hero-header-contents h1,
.hero-header-contents p {
  position: absolute;
  top: 25vh;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  color:#fff;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  text-shadow: 0 0 5px rgba(0,0,0,1);
}
.hero-header-contents h1 span,
.hero-header-contents p span {
  display: block;
  font-size: 1.6rem;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: 500;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .hero-header-contents {
      height: 36vh;
  }
  .hero-header-contents::after {
      height: 36vh;
  }
  .hero-header-contents h1,
  .hero-header-contents p {
      top: 18vh;
      font-size: 3rem;
  }
  .hero-header-contents h1 span,
  .hero-header-contents p span {
    font-size: 1.4rem;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .hero-header-contents {
      height: 40vh;
  }
  .hero-header-contents::after {
      height: 40vh;
  }
  .hero-header-contents h1,
  .hero-header-contents p {
      top: 22vh;
      font-size: 2.2rem;
  }
}

.wrap::before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100vw;
  height: 100vh;
  content: "";
  background-image: url(../img/bg-logo-yellow.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% auto;
}
@media only screen and (max-width: 768px) {
  .wrap::before {
    background-position: bottom right -50px;
    background-size: auto 100%;
  }
}

.lead-wrap {
  background-color: #323232;
  padding: 30px 15px;
}
.lead {
  max-width: 1120px;
  margin: 0 auto;
}
.lead p {
  font-size: 1.8rem;
  color: #fff;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
  .lead p {
    font-size: 1.6rem;
  }
}

.parallax-bg {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}
.bg-img-1 {background-image: url(../img/bg-footer1.jpg);}
.bg-img-2 {background-image: url(../img/bg-footer2.jpg);}
.bg-img-3 {background-image: url(../img/bg-footer3.jpg);}
.bg-img-4 {background-image: url(../img/bg-footer4.jpg);}
.bg-img-5 {background-image: url(../img/bg-footer5.jpg);}
.bg-img-6 {background-image: url(../img/bg-footer6.jpg);}
.bg-img-7 {background-image: url(../img/bg-footer7.jpg);}
@media only screen and (max-width: 1024px) {
  .parallax-bg {
    background-attachment: scroll;
    height: 250px;
  }
}

/* footer-contact */
.footer-contact-wrap {
  background-image: url(../img/bg-footer-contact.jpg);
  background-size: cover;
  background-position: center center;
  padding: 80px 20px;
}
.footer-contact {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-contact li {
  width: 48%;
  background-color: #fff;
  padding: 30px 10px;
  text-align: center;
}
.footer-contact li:first-child a:hover {
  text-decoration: none;
}
.footer-contact-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.footer-contact-tel {
  font-size: 4.5rem;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .footer-contact-title {
    font-size: 1.8rem;
  }
  .footer-contact-tel {
    font-size: 3.5rem;
  }
  .footer-contact-txt {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 640px) {
  .footer-contact li {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 10px;
  }
  .footer-contact li:last-child {
    margin-bottom: 0;
  }  
}

/* footer */
footer {
  background-color: #f8b800;
  width: 100%;
  padding: 60px 20px;
}
footer ul {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
footer ul li:first-child {
  width: 110px;
}
footer ul li:last-child {
  width: calc(100% - 140px);
  margin-left: 30px;
}
footer ul li:last-child p {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.25em;
}
footer ul li:last-child dl {
  display: flex;
  flex-wrap: wrap;
}
footer ul li:last-child dl dt {
  font-size: 1.5rem;
  width: 3em;
}
footer ul li:last-child dl dd {
  font-size: 1.5rem;
  width: calc(100% - 3em);
  margin-bottom: 0.25em;
}
footer ul li:last-child dl dd span {
  margin-left: 1em;
}
@media only screen and (max-width: 768px) {
  footer ul li:last-child dl dd span {
    display: block;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  footer {
    padding: 40px 20px;
  }
  footer ul li:first-child {
    width: 100%;
    max-width: 110px;
    margin: 0 auto 20px;
  }
  footer ul li:last-child {
    width: 100%;
    margin-left: 0px;
  }
  footer ul li:last-child p span {
    display: block;
  }
  
}

/* copyright */
.copyright {
  padding: 18px;
  font-size: 1.3rem;
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
  line-height: 1;
  background-color: #fff;
}