@charset "UTF-8";
/***************************************
  structure
***************************************/
.c5-header__inner {
  max-width: 1000px;
}

@media only screen and (max-width: 767px) {
  #wrap #header h2 {
    padding-right: 0;
  }
}

.c5-inner {
  max-width: 1000px;
}

/***************************************
  mainvisual
***************************************/
.c5-topMv01__image {
  margin: 0;
}

.c5-topSection01 {
  padding: 65px 0;
  background: url(../images/bg.png) center top no-repeat;
  background-size: cover;
}

.c5-intro {
  padding: 65px 0 78px;
}

.c5-topLead01 {
  font-size: 28px;
  line-height: 1.7142857143;
  letter-spacing: -0.025em;
  text-align: center;
  margin: 0 0 74px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", sans-serif;
}
@media only screen and (max-width: 639px) {
  .c5-topLead01 {
    font-size: 19px;
    margin-right: -0.5em;
  }
}

.c5-topTitle01 {
  text-align: center;
  font-size: 30px;
  line-height: 1.3333333333;
  font-weight: 500;
  margin: 0 0 60px;
  font-family: "SST W01 Roman", sans-serif, "Helvetica Neue", Helvetica, Arial;
}
@media only screen and (max-width: 639px) {
  .c5-topTitle01 {
    font-size: 20px;
  }
}
.c5-topTitle01 > span {
  display: inline-block;
  position: relative;
  line-height: 1;
  padding: 0 34px;
}
@media only screen and (max-width: 767px) {
  .c5-topTitle01 > span {
    line-height: 1.2;
  }
}
@media only screen and (max-width: 639px) {
  .c5-topTitle01 > span {
    padding: 0 20px;
  }
}
.c5-topTitle01 > span:before, .c5-topTitle01 > span:after {
  content: "";
  display: block;
  width: 105px;
  height: 1px;
  background: url(../images/bg_title.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
}
@media only screen and (max-width: 639px) {
  .c5-topTitle01 > span:before, .c5-topTitle01 > span:after {
    background-size: 100% 100%;
    width: 5em;
  }
}
.c5-topTitle01 > span:before {
  left: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.c5-topTitle01 > span:after {
  right: 0;
  -webkit-transform: translate(100%, -50%) rotate(180deg);
          transform: translate(100%, -50%) rotate(180deg);
}

.c5-otIndexList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 58px 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 639px) {
  .c5-otIndexList {
    grid-gap: 30px 10px;
  }
}
.c5-otIndexList > li {
  width: calc(25% - 5px);
}
@media only screen and (max-width: 899px) {
  .c5-otIndexList > li {
    width: calc(33.3333333333% - 10px);
  }
}
@media only screen and (max-width: 639px) {
  .c5-otIndexList > li {
    width: calc(50% - 10px);
  }
}
.c5-otIndexList > li a {
  width: 100%;
}

.c5-otIndexLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: inherit;
}
.c5-otIndexLink__image {
  width: 100%;
  min-height: 304px;
  background: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 639px) {
  .c5-otIndexLink__image {
    min-height: 220px;
  }
}
.c5-otIndexLink__image img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.c5-otIndexLink__image:before {
  content: "";
  display: block;
  width: 23.83px;
  height: 24.2px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="23.825" height="24.2" viewBox="0 0 23.825 24.2"><defs><linearGradient id="linear-gradient" x1="1" y1="-0.242" x2="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%23c8d4d8"/><stop offset="1" stop-color="%23f5f4ef"/></linearGradient></defs><path id="パス_6" data-name="パス 6" d="M0,0H23.825L0,24.2Z" transform="translate(23.825 24.2) rotate(180)" fill="url(%23linear-gradient)"/></svg>');
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.c5-otIndexLink__title {
  text-align: center;
  margin: 25px 0 0;
  font-size: 22px;
  line-height: 1.4545454545;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", sans-serif;
}
@media only screen and (max-width: 639px) {
  .c5-otIndexLink__title {
    margin-top: 10px;
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) {
  .c5-otIndexLink:hover .c5-otIndexLink__image img {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0.5;
  }
  .c5-otIndexLink:hover .c5-otIndexLink__image:before {
    opacity: 0.4;
  }
  .c5-otIndexLink:hover .c5-otIndexLink__title {
    -webkit-transform: scale(0.82);
            transform: scale(0.82);
    opacity: 0.4;
  }
}

.c5-enq {
  background: white;
  padding: 40px 0 50px;
}
.c5-enq__title {
  font-size: 30px;
  line-height: 1.3333333333;
  font-weight: 500;
  text-align: center;
  position: relative;
  margin: 0 0 42px;
  font-family: "SST W01 Roman", sans-serif, "Helvetica Neue", Helvetica, Arial;
}
@media only screen and (max-width: 639px) {
  .c5-enq__title {
    padding-top: 1.17em;
    font-size: 26px;
    margin: 0 0 38px;
  }
}
.c5-enq__text {
  font-size: 16px;
  line-height: 2.5;
  letter-spacing: -0.015em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", sans-serif;
}
@media only screen and (max-width: 639px) {
  .c5-enq__text {
    text-align: left;
  }
}
.c5-enq__btns {
  margin: 46px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 639px) {
  .c5-enq__btns {
    margin-top: 38px;
  }
}
.c5-enq__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 320px;
  min-height: 65px;
  padding: 10px 45px 10px 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  font-size: 15px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", sans-serif;
  background: #333333;
  border-radius: 3px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
}
@media only screen and (max-width: 639px) {
  .c5-enq__btn {
    min-width: 320px;
  }
}
.c5-enq__btn:before, .c5-enq__btn:after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 50%;
  right: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.c5-enq__btn:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34.111" height="34.111" viewBox="0 0 34.111 34.111"><g id="arrow" transform="translate(0.086 0.086)"><path id="パス_35" data-name="パス 35" d="M9.144,2.509A16.554,16.554,0,1,1,3.112,8.125" transform="translate(-0.086 -0.086)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>');
}
.c5-enq__btn:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34.111" height="34.111" viewBox="0 0 34.111 34.111"><g id="arrow" transform="translate(0.086 0.086)"><path id="パス_36" data-name="パス 36" d="M13.5,20.693H24.671L20.3,16.815" transform="translate(-2.325 -2.896)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>');
}
@media only screen and (min-width: 768px) {
  .c5-enq__btn:hover {
    background-color: #6E6E6E;
  }
  .c5-enq__btn:hover:before {
    -webkit-transform: translate(0, -50%) rotate(360deg);
            transform: translate(0, -50%) rotate(360deg);
  }
}/*# sourceMappingURL=index.css.map */