@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

h2.tit {
  font-size: 28px;
  font-weight: bold;
}

h3.tit {
  font-size: 22px;
  font-weight: bold;
}

p.text {
  font-size: 14px;
  line-height: 1.7;
}

.btn {
  border: 1px solid #0b113e;
  box-sizing: border-box;
  color: #000 !important;
  display: block;
  font-weight: bold;
  padding: calc(0.5em + 3px) 0 0.5em 0;
  position: relative;
  text-align: center;
  width: 200px;
}
.btn:hover {
  background: #0b113e;
  color: #FFF !important;
}
.btn:hover:after {
  background: #FFF;
}

.contentWrap {
  display: block;
  margin: auto;
  max-width: 1240px;
  width: 90% !important;
}

/* smooth scroll position */
#lineup,
#frame_contact {
  scroll-margin-top: 110px;
}
@media screen and (max-width: 768px) {
  #lineup,
#frame_contact {
    scroll-margin-top: 0;
  }
}

.main-img figure {
  margin: auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main-img figure {
    margin-top: 20px;
  }
}
.main-img figure img {
  display: block;
  width: 100%;
}

/* リード */
.lead.contentWrap {
  max-width: 920px;
}
.lead h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lead h2 {
    font-size: 22px;
  }
}
.lead p.text {
  font-feature-settings: "palt";
}

/* 特長 */
.features_wrap .boxs .item {
  box-sizing: border-box;
  list-style: none;
  margin-left: auto;
  padding-left: 40px;
  position: relative;
}
.features_wrap .boxs .item:before {
  background: #0b113e;
  border-radius: 30px;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}
.features_wrap .boxs .item:after {
  align-items: center;
  content: "";
  color: #FFF;
  display: flex;
  font-family: "DIN Next W01 Regular", sans-serif;
  font-size: 20px;
  font-weight: bold;
  height: 30px;
  justify-content: center;
  position: absolute;
  top: 2px;
  left: 0;
  width: 30px;
}
@media screen and (max-width: 768px) {
  .features_wrap .boxs .item:after {
    top: 0;
  }
}
.features_wrap .boxs .item:nth-of-type(1):after {
  content: "1";
}
.features_wrap .boxs .item:nth-of-type(2):after {
  content: "2";
}
.features_wrap .boxs .item:nth-of-type(3):after {
  content: "3";
}
.features_wrap .boxs .item:nth-of-type(4):after {
  content: "4";
}
.features_wrap .boxs .item:nth-of-type(5):after {
  content: "5";
}

/* ラインアップ */
.lineup_wrap .boxs {
  -moz-column-gap: 2%;
       column-gap: 2%;
  row-gap: 30px;
  display: flex;
  flex-wrap: wrap;
}
.lineup_wrap .boxs .item {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 32%;
}
@media screen and (max-width: 768px) {
  .lineup_wrap .boxs .item {
    width: 100%;
  }
}
.lineup_wrap .boxs .item span {
  display: block;
  font-size: 14px;
}
.lineup_wrap .boxs .item figure {
  margin-left: auto;
  margin-right: auto;
}
.lineup_wrap .boxs .item figure img {
  width: 100%;
}
.lineup_wrap .boxs .item a {
  color: #000 !important;
}
.lineup_wrap .boxs .item a:hover {
  opacity: 0.7;
}

/* お申込みの流れ */
.flow_wrap .boxs {
  position: relative;
}
.flow_wrap .boxs:before {
  border-left: 3px dotted #0b113e;
  content: "";
  height: 80%;
  position: absolute;
  top: 10px;
  left: 23px;
}
@media screen and (max-width: 768px) {
  .flow_wrap .boxs:before {
    height: 75%;
  }
}
.flow_wrap .boxs .item {
  list-style: none;
  margin-left: auto;
  padding-left: 60px;
  position: relative;
}
.flow_wrap .boxs .item dl {
  padding-top: 10px;
}
.flow_wrap .boxs .item dt {
  font-size: 18px;
  font-weight: bold;
}
.flow_wrap .boxs .item dd.fl {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .flow_wrap .boxs .item dd.fl {
    display: block;
  }
  .flow_wrap .boxs .item dd.fl .btn {
    margin-bottom: 10px;
  }
}
.flow_wrap .boxs .item:before {
  align-items: center;
  background: #0b113e;
  border-radius: 50px;
  box-sizing: border-box;
  color: #FFF;
  content: "";
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: 50px;
  justify-content: center;
  padding-top: 0.9em;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
}
.flow_wrap .boxs .item:nth-of-type(1):before {
  content: "01";
}
.flow_wrap .boxs .item:nth-of-type(2):before {
  content: "02";
}
.flow_wrap .boxs .item:nth-of-type(3):before {
  content: "03";
}
.flow_wrap .boxs .item:nth-of-type(4):before {
  content: "04";
}
.flow_wrap .boxs .item:after {
  color: #FFF;
  content: "STEP";
  display: block;
  font-size: 10px;
  position: absolute;
  top: 0.8em;
  left: 0;
  letter-spacing: 0.1em;
  text-align: center;
  width: 50px;
}

/* よくあるご質問 */
.faq_wrap {
  margin-bottom: 40px;
}
.faq_wrap .boxs .item {
  list-style: none;
  margin-left: auto;
}
.faq_wrap .boxs .item dt {
  font-feature-settings: "palt";
  font-size: 18px;
  font-weight: bold;
}
.faq_wrap .boxs .item dt:before {
  box-sizing: border-box;
  content: "Q.";
  padding-right: 0.5em;
}
.faq_wrap .boxs .item dd {
  box-sizing: border-box;
  padding-left: 2em;
}

/* ==================================================
general
================================================== */
/* display */
.db {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/* font-size */
.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs19 {
  font-size: 19px;
}

.fs20 {
  font-size: 20px;
}

.fs21 {
  font-size: 21px;
}

.fs22 {
  font-size: 22px;
}

.fs23 {
  font-size: 23px;
}

.fs24 {
  font-size: 24px;
}

.fs25 {
  font-size: 25px;
}

.fs26 {
  font-size: 26px;
}

.fs27 {
  font-size: 27px;
}

.fs28 {
  font-size: 28px;
}

.fs29 {
  font-size: 29px;
}

.fs30 {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .sp-fs15 {
    font-size: 15px;
  }
  .sp-fs16 {
    font-size: 16px;
  }
  .sp-fs17 {
    font-size: 17px;
  }
  .sp-fs18 {
    font-size: 18px;
  }
  .sp-fs19 {
    font-size: 19px;
  }
  .sp-fs20 {
    font-size: 20px;
  }
  .sp-fs21 {
    font-size: 21px;
  }
  .sp-fs22 {
    font-size: 22px;
  }
  .sp-fs23 {
    font-size: 23px;
  }
  .sp-fs24 {
    font-size: 24px;
  }
  .sp-fs25 {
    font-size: 25px;
  }
  .sp-fs26 {
    font-size: 26px;
  }
  .sp-fs27 {
    font-size: 27px;
  }
  .sp-fs28 {
    font-size: 28px;
  }
  .sp-fs29 {
    font-size: 29px;
  }
  .sp-fs30 {
    font-size: 30px;
  }
}
/* font-weight */
.b {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .sp-b {
    font-weight: bold;
  }
}
/* margin-top */
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

/* margin-bottom */
.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}
/*# sourceMappingURL=style.css.map */