@charset "UTF-8";
/*====== Common Style =====*/
/* line 6, ../scss/sp_responsive.scss */
.for_pc {
  display: none !important; }

/* midashi */
/* line 9, ../scss/sp_responsive.scss */
.h-01 {
  position: relative;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.245em;
  text-align: center;
  padding: 0 0 10px;
  margin: 0 auto 40px; }
  /* line 19, ../scss/sp_responsive.scss */
  .h-01::before {
    content: "";
    position: absolute;
    left: 7.145%;
    bottom: 0;
    display: block;
    background: #5E81C0;
    border-radius: 3px;
    width: 85.71%;
    height: 3px; }
  /* line 31, ../scss/sp_responsive.scss */
  .bg-blue .h-01 {
    color: #fff; }
    /* line 34, ../scss/sp_responsive.scss */
    .bg-blue .h-01::before {
      background-color: #fff; }
  /* line 39, ../scss/sp_responsive.scss */
  .h-01 + .note {
    font-weight: 700;
    margin: 0 0 40px; }

/* line 45, ../scss/sp_responsive.scss */
.h-02 {
  background: #5E81C0;
  border-radius: 10px;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.477;
  padding: 8px 7%;
  margin: 0 auto 20px; }

/* line 56, ../scss/sp_responsive.scss */
.h-03 {
  background: #5E81C0;
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.245em;
  text-align: center;
  width: 65%;
  margin: 0 auto 20px; }

/* line 68, ../scss/sp_responsive.scss */
.h-04 {
  color: #000;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 35px; }

/* line 76, ../scss/sp_responsive.scss */
.h-05 {
  text-align: center;
  padding: 10px;
  margin: 0 auto 5px; }

/* line 82, ../scss/sp_responsive.scss */
.h-06 {
  position: relative;
  color: #5E81C0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.245em;
  text-align: center;
  padding: 0 0 10px;
  margin: 0 auto 40px; }
  /* line 92, ../scss/sp_responsive.scss */
  .h-06::before {
    content: "";
    position: absolute;
    left: 7.145%;
    bottom: 0;
    display: block;
    background: #5E81C0;
    border-radius: 3px;
    width: 85.71%;
    height: 3px; }
  /* line 104, ../scss/sp_responsive.scss */
  .bg-blue .h-06 {
    color: #fff; }
    /* line 107, ../scss/sp_responsive.scss */
    .bg-blue .h-06::before {
      background-color: #fff; }
  /* line 112, ../scss/sp_responsive.scss */
  .h-06 + .note {
    font-weight: 700;
    margin: 0 0 40px; }

/* line 118, ../scss/sp_responsive.scss */
.h-07 {
  text-align: center;
  padding: 10px;
  margin: 15px auto 15px;
  font-size: 18px; }

/* img */
/* line 127, ../scss/sp_responsive.scss */
.icon-arrow {
  vertical-align: middle;
  margin: 0 0.4em 0.2em 0;
  transform: scale(0.8); }
  /* line 132, ../scss/sp_responsive.scss */
  .icon-arrow.is-right {
    margin: 0 0 0.2em 0.4em; }

/* button */
/* line 136, ../scss/sp_responsive.scss */
.btn-banner {
  display: inline-block;
  background: #fff;
  border: solid 2px #fff;
  border-radius: 15px;
  color: #000;
  letter-spacing: 0.1em;
  text-align: center;
  width: 74%;
  height: 56px;
  line-height: 54px;
  transition: .3s; }
  /* line 149, ../scss/sp_responsive.scss */
  .btn-banner:hover {
    background: #5E81C0;
    border-color: #fff;
    color: #fff;
    font-weight: 500;
    opacity: 1; }

/* line 158, ../scss/sp_responsive.scss */
.btn-banner2 {
  display: inline-block;
  background: #fff;
  border: solid 2px #fff;
  border-radius: 15px;
  color: #000;
  letter-spacing: 0.1em;
  text-align: center;
  width: 74%;
  height: 56px;
  line-height: 12px;
  padding-top: 5px;
  transition: .3s; }
  /* line 172, ../scss/sp_responsive.scss */
  .btn-banner2:hover {
    background: #5E81C0;
    border-color: #fff;
    color: #fff;
    font-weight: 500;
    opacity: 1; }

/* box */
/*====== header =====*/
/* line 186, ../scss/sp_responsive.scss */
.sec-anchor {
  padding-top: 86px;
  margin-top: -86px; }

/* line 191, ../scss/sp_responsive.scss */
#header {
  margin-left: 0 !important; }

/* line 195, ../scss/sp_responsive.scss */
.toggle-button {
  z-index: 100;
  display: block;
  cursor: pointer; }

/* line 200, ../scss/sp_responsive.scss */
#toggle-button-open {
  position: fixed;
  top: 5px;
  right: 3px;
  background: url("../image/header/btn_gnv.png") 50% 50% no-repeat;
  background-size: 47px;
  color: #fff;
  font-size: 0;
  width: 76px;
  height: 76px;
    /*&::before {
        content: "MENU";
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        width: 100%;
    }

    span {
        display: block;
        font-size: 0;
        width: 60.5%;
        margin-top: -1.5px;
        top: 50%;
        left: 19.75%;

        &,
        &::before,
        &::after {
            position: absolute;
            background: #fff;
            border-radius: 6px;
            height: 3px;
        }
        &::before,
        &::after {
            content: "";
            display: block;
            width: 100%;
            right: 0;
        }
        &::before {
            top: -10px;
        }
        &::after {
            top: 10px;
        }
    }*/ }

/* line 251, ../scss/sp_responsive.scss */
#toggle-button-close {
  position: absolute;
  right: 25px;
  width: 40px;
  width: 40px;
  height: 40px; }
  /* line 258, ../scss/sp_responsive.scss */
  #toggle-button-close span {
    display: block;
    background: transparent;
    font-size: 0;
    width: 60.5%;
    margin-top: -1.5px;
    top: 50%;
    left: 19.75%; }
    /* line 267, ../scss/sp_responsive.scss */
    #toggle-button-close span, #toggle-button-close span::before, #toggle-button-close span::after {
      position: absolute;
      border-radius: 6px;
      height: 2px; }
    /* line 274, ../scss/sp_responsive.scss */
    #toggle-button-close span::before, #toggle-button-close span::after {
      content: "";
      display: block;
      background: #000;
      width: 100%;
      top: 0;
      right: 0; }
    /* line 283, ../scss/sp_responsive.scss */
    #toggle-button-close span::before {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px); }
    /* line 288, ../scss/sp_responsive.scss */
    #toggle-button-close span::after {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px); }

/* line 296, ../scss/sp_responsive.scss */
#toggle-menu {
  position: fixed;
  z-index: 110;
  top: 0;
  right: 0;
  background: #fff;
  max-width: 400px;
  width: 100%;
  height: 100%;
  transform: translate(100%, 0);
  transition: transform .5s; }
  /* line 308, ../scss/sp_responsive.scss */
  #toggle-menu .m-inner {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  /* line 315, ../scss/sp_responsive.scss */
  #toggle-menu a, #toggle-menu .no-link {
    color: #000; }
  /* line 316, ../scss/sp_responsive.scss */
  #toggle-menu a:hover, #toggle-menu a:focus {
    opacity: 1; }

/* line 319, ../scss/sp_responsive.scss */
.gnv-logo {
  position: relative;
  border-bottom: solid 1px #999;
  text-align: center;
  padding: 20px 0 5px; }

/* line 327, ../scss/sp_responsive.scss */
.gnv li {
  border-bottom: solid 1px #999; }
/* line 331, ../scss/sp_responsive.scss */
.gnv a, .gnv .no-link {
  position: relative;
  display: block;
  font-weight: 500;
  padding: 0.8em 2em;
  padding-right: 65px !important; }
  /* line 338, ../scss/sp_responsive.scss */
  .gnv a::after, .gnv .no-link::after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 38px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 400;
    transform: translateY(-50%) scaleY(1.4); }
  /* line 348, ../scss/sp_responsive.scss */
  .gnv a.toggle::after, .gnv .no-link.toggle::after {
    content: "＋";
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    transform: translateY(-50%); }
  /* line 354, ../scss/sp_responsive.scss */
  .gnv a.toggle.open::after, .gnv .no-link.toggle.open::after {
    content: "－"; }
/* line 359, ../scss/sp_responsive.scss */
.gnv .children {
  display: none; }
  /* line 362, ../scss/sp_responsive.scss */
  .gnv .children li {
    border-bottom: none;
    border-top: solid 1px #999; }
  /* line 366, ../scss/sp_responsive.scss */
  .gnv .children a {
    padding: 0.8em 4em; }
/* line 371, ../scss/sp_responsive.scss */
.gnv .children_pc {
  display: none; }

/* line 376, ../scss/sp_responsive.scss */
.nav-lang {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  padding: 10px 0; }
  /* line 381, ../scss/sp_responsive.scss */
  .nav-lang img {
    display: none; }

/* line 384, ../scss/sp_responsive.scss */
.nav-contact {
  text-align: center;
  margin-bottom: 40px; }
  /* line 388, ../scss/sp_responsive.scss */
  .nav-contact a {
    display: inline-block;
    background: #5E81C0;
    border-radius: 10px;
    color: #fff !important;
    font-size: 16px;
    font-size: 1.6rem;
    width: 76%;
    padding: 5px;
    margin-top: 10px; }

/* menu Open */
/* line 401, ../scss/sp_responsive.scss */
.gnvOpen {
  overflow: hidden; }
  /* line 404, ../scss/sp_responsive.scss */
  .gnvOpen #toggle-menu {
    transform: translate(0, 0); }

/* content */
/* line 410, ../scss/sp_responsive.scss */
#content {
  margin-top: 0 !important; }

/*====== footer =====*/
/* line 416, ../scss/sp_responsive.scss */
.area-sns {
  padding: 8.5% 0 3.5%; }
  /* line 419, ../scss/sp_responsive.scss */
  .area-sns .h-01 {
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 200px;
    margin-bottom: 20px; }

/* line 426, ../scss/sp_responsive.scss */
.sns-list {
  text-align: center; }
  /* line 429, ../scss/sp_responsive.scss */
  .sns-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2%; }
  /* line 435, ../scss/sp_responsive.scss */
  .sns-list img {
    transform: scale(0.7); }

/* line 440, ../scss/sp_responsive.scss */
.footer-logo {
  text-align: center; }
  /* line 443, ../scss/sp_responsive.scss */
  .footer-logo img {
    width: 64px; }

/* line 448, ../scss/sp_responsive.scss */
.footer-link {
  text-align: center;
  padding: 3% 0; }
  /* line 452, ../scss/sp_responsive.scss */
  .footer-link li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    font-size: 1.1rem;
    padding: 0 3% 0 4%; }
    /* line 459, ../scss/sp_responsive.scss */
    .footer-link li::before {
      content: "";
      position: absolute;
      top: 15%;
      left: 0;
      display: block;
      border-left: solid 1px #5E81C0;
      width: 0;
      height: 70%; }
    /* line 470, ../scss/sp_responsive.scss */
    .footer-link li:first-child::before {
      display: none; }

/* line 476, ../scss/sp_responsive.scss */
#area-copyright {
  background: #5E81C0;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
  padding: 2% 0 4%; }

/*# sourceMappingURL=sp_responsive.css.map */