/* ========================================
    main
======================================== */
body {
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Noto Sans JP", "ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

p {
  font-size: 28px;
  line-height: 1.7;
}

@media screen and (max-width: 750px) {
  p {
    font-size: 3.37vw;
  }
}

.wrap750 {
  max-width: 750px;
  margin: 0 auto;
}

.wrap690 {
  max-width: 690px;
  margin: 0 auto;
}

.wrap630 {
  max-width: 630px;
  margin: 0 auto;
}

.wrap580 {
  max-width: 580px;
  margin: 0 auto;
}

.wrap500 {
  max-width: 500px;
  margin: 0 auto;
}

.wrap460 {
  max-width: 460px;
  margin: 0 auto;
}

.wrap430 {
  max-width: 430px;
  margin: 0 auto;
}

.mt-10 {
  margin-top: -10px;
}

.mt-60 {
  margin-top: -60px;
}

@media screen and (max-width: 750px) {
  .mt-10 {
    margin-top: -1.33vw;
  }

  .mt-60 {
    margin-top: -8vw;
  }
}

.bg_cream {
  background-color: #f8f8e5;
}

.bg_gray {
  background-color: #f4f4f4;
}

.bg_sky {
  background-color: #eff9ff;
}

@media screen and (max-width: 750px) {
  .pt90 {
    padding-top: 12vw !important;
  }

  .pb90 {
    padding-bottom: 12vw !important;
  }

  .mt90 {
    margin-top: 12vw !important;
  }

  .pt80 {
    padding-top: 10.67vw !important;
  }

  .mb80 {
    margin-bottom: 10.67vw !important;
  }

  .pb80 {
    padding-bottom: 10.67vw !important;
  }

  .pb70 {
    padding-bottom: 9.33vw !important;
  }

  .mb70 {
    margin-bottom: 9.33vw !important;
  }

  .pt60 {
    padding-top: 8vw !important;
  }

  .mt60 {
    margin-top: 8vw !important;
  }

  .pt50 {
    padding-top: 6.67vw !important;
  }

  .pb50 {
    padding-bottom: 6.67vw !important;
  }

  .pt40 {
    padding-top: 5.33vw !important;
  }

  .pb40 {
    padding-bottom: 5.33vw !important;
  }

  .mb40 {
    margin-bottom: 5.33vw !important;
  }

  .pb30 {
    padding-bottom: 4vw !important;
  }
}

/* ========================================
    header
======================================== */
#lp_202204 .lp_header {
  padding: 0;
  position: absolute;
  top: auto;
}

@media screen and (max-width: 750px) {
  #lp_202204 .p-header_logo {
    margin-left: 2.67vw;
  }
}


/* ========================================
    fv
======================================== */

/* ========================================
    coupon
======================================== */
/*クーポン箇所デザイン　始まり*/
.web_coupon {
  background: url(../img/tcb-datsumou_01/bg_coupon02-1.webp) no-repeat top center;
  padding: 1220px 0 150px;
}

.change_btn {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.web_coupon--fv {
  background: url(../img/tcb-datsumou_01/bg_camp_summer.webp) no-repeat top center;
  padding: 1000px 0 100px;
}

.web_coupon--fv .limit_btn {
  padding-top: 160px;
}

.web_coupon--fv .box_countdown {
  padding-bottom: 10px;
}

.web_coupon--02 {
  background: url(../img/tcb-datsumou_01/bg_coupon02-2.webp) no-repeat top center;
  padding-bottom: 160px;
}

.web_coupon--short {
  background: url(../img/tcb-datsumou_01/bg_coupon03.webp) no-repeat top center;
  padding: 680px 0 100px;
}

@media screen and (max-width: 750px) {
  .web_coupon {
    background-size: 98% auto;
    padding: 158vw 0 10vw;
  }

  .web_coupon--fv {
    padding: 158vw 0 6vw;
  }

  .web_coupon--fv .limit_btn {
    padding-top: min(20px, calc(calc(20 / 750) * 65vw));
    padding-bottom: min(100px, calc(calc(100 / 750) * 65vw));
  }

  .web_coupon--fv .box_countdown {}

  .web_coupon--02 {
    padding: 143vw 0 14vw;
  }

  .web_coupon--short {
    padding: 83vw 0 4vw;
  }

}

@media screen and (max-width: 640px) {
  .web_coupon {
    z-index: 2 !important;
  }

  .fv_area-inner img {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .limit_btn {
    padding: clamp(20px, 4vw, 40px) clamp(15px, 1.5vw, 15px) clamp(35px, 7vw, 70px);
  }
}

/*クーポン箇所デザイン　終わり*/

/*カウントダウンデザイン　始まり*/
.box_countdown {
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Noto Sans JP", "ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  text-align: center;
  border-radius: 50px;
  display: block;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}

/* 終了まであと～の文言あるとき
.box_countdown p {
  color: #7accff;
}

.box_countdown p {
  font-size: 20px;
  text-align: center;
}
*/
.box_countdown .yycountdown-box {
  margin-left: 10px;
}

.box_countdown .yyc-day,
.box_countdown .yyc-hou,
.box_countdown .yyc-min,
.box_countdown .yyc-sec {
  font-size: 50px;
  font-weight: bold;
  background: none !important;
  color: #ff4e00 !important;
  padding: 1.5px 6px;
}

.box_countdown .yyc-day-text,
.box_countdown .yyc-hou-text,
.box_countdown .yyc-min-text,
.box_countdown .yyc-sec-text {
  color: #ff4e00 !important;
  font-size: 38px;
  font-weight: bold;
  margin: 0 3px;
}

@media screen and (max-width: 767px) {
  .box_countdown {
    max-width: 95%;
    padding: 5px 7px;
  }

  .box_countdown .yycountdown-box {
    margin-left: 5px;
  }

  .box_countdown .yyc-day,
  .box_countdown .yyc-hou,
  .box_countdown .yyc-min,
  .box_countdown .yyc-sec {
    font-size: 25px !important;
    padding: 0 3px;
    border-radius: 3px;
  }

  .box_countdown .yyc-day-text,
  .box_countdown .yyc-hou-text,
  .box_countdown .yyc-min-text,
  .box_countdown .yyc-sec-text {
    font-size: 20px !important;
    margin: 0 2px;
  }
}

/*カウントダウンデザイン　終わり*/


/* ========================================
    price_all 総額表示
======================================== */
.price_all_bg01 {
  background: #f4f4f4 url(../img/tcb-datsumou_01/bg_speech.webp) no-repeat top center/cover;
  padding: 70px 0 120px;
}

@media screen and (max-width: 750px) {
  .price_all_bg01 {
    padding: 9.33vw 0 16vw;
  }
}

.price_all_bg02 {
  background-color: #f183a0;
  padding: 70px 0 100px;
}

@media screen and (max-width: 750px) {
  .price_all_bg02 {
    padding: 9.33vw 0 13.33vw;
  }
}

.price_all_bg03 {
  background-color: #fffbe5;
  padding: 90px 0 70px;
  position: relative;
}

@media screen and (max-width: 750px) {
  .price_all_bg03 {
    padding: 12vw 0 9.33vw;
  }
}

.price_all_but_bg {
  background: #f183a0 url(../img/tcb-datsumou_01/bg_but.webp) no-repeat top center/contain;
  height: 112px;
  position: relative;
}

@media screen and (max-width: 750px) {
  .price_all_but_bg {
    height: 14.93vw;
  }
}

.price_all_but_img {
  max-width: 290px;
  position: absolute;
  bottom: -120px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 750px) {
  .price_all_but_img {
    bottom: -16vw;
    width: 38.67vw;
  }
}

.price_all_more_img {
  max-width: 305px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 750px) {
  .price_all_more_img {
    width: 40.67vw;
    top: 0.67vw;
  }
}

.price_all_txtBox {
  background-color: #ffffe4;
  padding: 40px 35px;
  margin: 50px 0 20px;
}

@media screen and (max-width: 750px) {
  .price_all_txtBox {
    padding: 5.33vw 4.67vw;
    margin: 6.67vw 0 2.67vw;
  }
}

.price_all_txtBox p {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -2.5px;
  line-height: 1.6;
}

@media screen and (max-width: 750px) {
  .price_all_txtBox p {
    font-size: 4.27vw;
  }
}

.price_all_txtBox p span {
  color: #e11526;
  font-size: 41px;
  font-weight: bold;
  letter-spacing: -1px;
}

@media screen and (max-width: 750px) {
  .price_all_txtBox p span {
    font-size: 5.47vw;
  }
}


/* ========================================
    attention こんなクリニックは注意
======================================== */
.attention_list {
  padding-top: 50px;
}

@media screen and (max-width: 750px) {
  .attention_list {
    padding-top: 6.67vw;
  }
}

.attention_list li {
  margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
  .attention_list li {
    margin-bottom: 5.33vw;
  }
}

.attention_acc_head {
  background-color: #2f2f2f;
  padding: 30px;
  min-height: 138px;
  display: flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 750px) {
  .attention_acc_head {
    padding: 4vw;
    min-height: auto;
    height: 19.07vw;
  }
}

.attention_acc_head::before {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #fff;
  position: absolute;
  right: 42px;
  top: 42%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 0.2s;
}

@media screen and (max-width: 750px) {
  .attention_acc_head::before {
    height: 3.33vw;
    right: 5.6vw;
  }
}

.attention_acc_head::after {
  content: "";
  width: 25px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 30px;
  top: 50%;
}

@media screen and (max-width: 750px) {
  .attention_acc_head::after {
    width: 3.33vw;
    right: 4vw;
  }
}

.attention_acc_head.js--accordion-open::before {
  top: 41%;
  right: 42px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (max-width: 750px) {
  .attention_acc_head.js--accordion-open::before {
    right: 5.6vw;
  }
}

.attention_acc_head p {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (max-width: 750px) {
  .attention_acc_head p {
    font-size: 4.27vw;
  }
}

.attention_acc_body {
  background-color: #fff;
  padding: 40px 30px;
  border: 1px solid #2f2f2f;
  border-top: 0;
}

@media screen and (max-width: 750px) {
  .attention_acc_body {
    padding: 5.33vw 4vw;
  }
}

.attention_acc_body p {
  letter-spacing: -1px;
}

.attention_acc_body p span {
  color: #1d75a9;
}

.attention_acc_txtBox {
  background-color: #fffbe5;
  padding: 30px 25px;
  font-weight: bold;
  color: #ff6681;
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: -2px;
  margin-top: 35px;
}

@media screen and (max-width: 750px) {
  .attention_acc_txtBox {
    font-size: 3.37vw;
    padding: 4vw 3.33vw;
    margin-top: 4.67vw;
    letter-spacing: -0.27vw;
  }
}



/* ========================================
    all_70off 今だけ全コース70%OFF
======================================== */
.all_70off_bg {
  background-color: #fffbe5;
}

.all_70off_bg._bgimg {
  background: #fffbe5 url(../img/tcb-datsumou_01/bg_cracker.png) no-repeat top 180px center/contain;
}

@media screen and (max-width: 750px) {
  .all_70off_bg._bgimg {
    background: #fffbe5 url(../img/tcb-datsumou_01/bg_cracker.png) no-repeat top 24vw center/contain;
  }
}

.all_70off_campaign_title p {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #ff6681;
  padding: 60px 0;
}

@media screen and (max-width: 750px) {
  .all_70off_campaign_title p {
    font-size: 4.53vw;
    padding: 8vw 0;
  }
}

.all_70off_campaign_txt p {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 30px;
}

@media screen and (max-width: 750px) {
  .all_70off_campaign_txt p {
    font-size: 4.53vw;
  }
}

.all_70off_campaign_txt p span {
  color: #ff6681;
  font-size: 50px;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .all_70off_campaign_txt p span {
    font-size: 6.67vw;
  }
}

.all_70off_campaign_txt p span._black {
  color: #000;
}

.all_70off_txt01 {
  padding: 80px 0 40px;
}

@media screen and (max-width: 750px) {
  .all_70off_txt01 {
    padding: 10.67vw 0 5.33vw;
  }
}

.all_70off_txt01 p {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 750px) {
  .all_70off_txt01 p {
    font-size: 4.27vw;
  }
}

.all_70off_txt01 p span._flame {
  font-size: 42px;
  color: #fff;
  background-color: #b59055;
  padding: 0 5px;
  margin: 0 6px;
}

@media screen and (max-width: 750px) {
  .all_70off_txt01 p span._flame {
    font-size: 5.6vw;
  }
}

.all_70off_txt01 p span._pink {
  color: #ff6681;
  font-size: 36px;
}

@media screen and (max-width: 750px) {
  .all_70off_txt01 p span._pink {
    font-size: 4.8vw;
  }
}

.all_70off_course img {
  margin-bottom: 20px;
}

.all_70off_txt02 p {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  padding: 20px 0 80px;
  letter-spacing: 1px;
}

@media screen and (max-width: 750px) {
  .all_70off_txt02 p {
    font-size: 3.47vw;
    padding: 2.67vw 0 10.67vw;
  }
}

.all_70off_txt02 p span {
  color: #ff6681;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .all_70off_txt02 p span {
    font-size: 4vw;
  }
}


/* ========================================
    treat 施術箇所
======================================== */
.treat_title {
  background: linear-gradient(to bottom, #bf9417, #d2b12e);
  text-align: center;
  color: #fff;
  font-size: 56px;
  font-weight: bold;
  padding: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 750px) {
  .treat_title {
    font-size: 7.47vw;
    padding: 2.67vw;
  }
}

.treat_title._sub {
  font-size: 43px;
  margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
  .treat_title._sub {
    font-size: 5vw;
  }
}

.treat_title._sub02 {
  font-size: 30px;
  margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
  .treat_title._sub02 {
    font-size: 4vw;
  }
}

.bg_treat {
  background-color: #f8f8e5;
  position: relative;
  margin-top: 85px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 750px) {
  .bg_treat {
    margin-top: 11.33vw;
    padding-bottom: 13.33vw;
  }
}

.treat_title_border {
  width: 100%;
  height: 90px;
  border-radius: 20px;
  border: 4px solid #cba61f;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

@media only screen and (max-width: 750px) {
  .treat_title_border {
    height: 12vw;
    border-radius: 2.67vw;
    border: 0.53vw solid #cba61f;
  }

}

.treat_title_border p {
  font-size: 43px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  .treat_title_border p {
    font-size: 5.73vw;
  }
}

.treat_title_border p span {
  color: #cba61f;
}

.treat_img_txt_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 75px;
}

.treat_img_txt_wrap img {
  width: 28vw;
  max-width: 220px;
}

@media screen and (max-width: 750px) {
  .treat_img_txt_wrap {
    padding-top: 10vw;
  }

  .treat_img_txt_wrap img {
    width: 28vw;
  }
}

.treat_txtBox p {
  font-size: 26px;
  line-height: 1.7;
  letter-spacing: 1.7px;
}

@media screen and (max-width: 750px) {
  .treat_txtBox p {
    font-size: 3.37vw;
    letter-spacing: 0.23vw;
  }
}

.treat_txtBox.type01 {
  width: 385px;
}

.treat_txtBox.type02 p._readtxt {
  text-align: center;
}

.treat_txtBox p._readtxt {
  font-size: 33px;
  font-weight: bold;
  color: #c19818;
  letter-spacing: -1px;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media screen and (max-width: 770px) {
  .treat_txtBox p._readtxt {
    font-size: clamp(12px, 4.5vw, 28px);
  }
}

.treat_img {
  position: relative;
}

.off_speech_img {
  position: absolute;
  right: -10px;
}

@media screen and (max-width: 750px) {
  .off_speech_img {
    width: 23%;
  }
}

.off_speech_img._off01 {
  bottom: 210px;
}

.off_speech_img._off02 {
  bottom: 230px;
}

.off_speech_img._off03 {
  bottom: 220px;
}

@media screen and (max-width: 750px) {
  .off_speech_img._off01 {
    bottom: 27vw;
  }

  .off_speech_img._off02 {
    bottom: 29vw;
  }

  .off_speech_img._off03 {
    bottom: 28vw;
  }
}

.treat_txt_line {
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  z-index: 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  .treat_txt_line {
    font-size: 6.4vw;
  }
}

.treat_txt_line::after {
  content: "";
  width: 100%;
  height: 30px;
  background-color: #fff100;
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 750px) {
  .treat_txt_line::after {
    height: 4vw;
  }
}

.treat_imgBox {
  display: flex;
  justify-content: space-between;
}

.treat_imgBox_inner {
  width: 47.6%;
}

/* 各種オプションメニューアコーディオン */
#lp_202204 .p-sec03_acc_head {
  padding: 43px 35px;
  background-color: #cba61f;
  position: relative;
}

@media screen and (max-width: 750px) {
  #lp_202204 .p-sec03_acc_head {
    padding: 5.73vw 4.67vw;
  }
}

#lp_202204 .p-sec03_acc_head_txt {
  text-align: left;
}


/* ========================================
   point ポイント３つ（オーダーメイド・無料・８つの理由）
======================================== */
.point_title {
  padding: 26px;
  background-color: #bc9a61;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .point_title {
    padding: 3.47vw;
  }
}

.point_title p {
  text-align: center;
  font-size: 45px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
}

@media screen and (max-width: 750px) {
  .point_title p {
    font-size: 6vw;
  }
}

.point_title.type02 p {
  line-height: 1.2;
}

.point_title p span {
  font-size: 48px;
  color: #fff100;
  letter-spacing: -2px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .point_title p span {
    font-size: 6.4vw;
  }
}

.point_title p span._big {
  font-size: 70px;
}

@media screen and (max-width: 750px) {
  .point_title p span._big {
    font-size: 9.33vw;
  }
}

.point_readtxt p {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -2px;
}

@media screen and (max-width: 750px) {
  .point_readtxt p {
    font-size: 4.53vw;
  }
}

.point_readtxt p span {
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.4em;
  text-decoration-color: rgba(255, 241, 0, 0.9);
  text-decoration-skip-ink: none;
}

.point_border_box {
  background-color: #fff;
  border: 1px solid #bc9a61;
  border-radius: 20px;
  padding: 18px;
}

.point_border_box p {
  color: #bc9a61;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
}

@media screen and (max-width: 750px) {
  .point_border_box p {
    font-size: 4vw
  }
}

.point_border_box p span {
  font-size: 50px;
}

@media screen and (max-width: 750px) {
  .point_border_box p span {
    font-size: 6.67vw;
  }
}

.point_reason_imgBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 0;
}

.point_reason_imgBox img {
  width: 49%;
}


/* ========================================
   reason_price 安くできる理由
======================================== */
.reason_price_sec {
  background: url(../img/tcb-datsumou_01/reason_price_titlebg.webp) no-repeat top center/contain;
  padding-top: 423px;
  position: relative;
}

@media screen and (max-width: 750px) {
  .reason_price_sec {
    padding-top: 56.4vw;
  }
}

.reason_price_title {
  position: absolute;
  height: 330px;
  width: 330px;
  right: 0;
  top: 0;
}

@media screen and (max-width: 750px) {
  .reason_price_title {
    width: 44vw;
    height: 44vw;
  }
}

.reason_price_title img {
  width: 330px;
  height: 330px;
  position: absolute;
  right: 50px;
  top: 70px;
}

@media screen and (max-width: 750px) {
  .reason_price_title img {
    width: 44vw;
    height: 44vw;
    right: 6.67vw;
    top: 9.33vw;
  }
}

.reason_price_title02 img {
  max-width: 435px;
}

@media screen and (max-width: 750px) {
  .reason_price_title02 img {
    max-width: 58vw;
  }
}


/* ========================================
   contpa 高コスパを実現
======================================== */
.bg_costpa {
  background-color: #f9f58a;
}

.costpa_title {
  background-color: #f9f58a;
}

/* ========================================
   feature TCB医療脱毛の特徴
======================================== */
.feature_subtitle {
  padding: 32px 0 26px;
  background-color: #b59055;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 750px) {
  .feature_subtitle {
    padding: 4.27vw 0 3.47vw;
  }
}

.feature_subtitle p {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
}

@media screen and (max-width: 750px) {
  .feature_subtitle p {
    font-size: 4.8vw;
  }
}

.feature_subtitle p span {
  font-size: 45px;
  color: #fff100;
  letter-spacing: -2px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .feature_subtitle p span {
    font-size: 6vw;
  }
}

.feature_subtitle_num {
  max-width: 80px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 750px) {
  .feature_subtitle_num {
    width: 10.67vw;
  }
}

.feature_descBox {
  border: 3px solid #b59055;
  background-color: #fff;
  margin-bottom: 100px;
  padding-bottom: 55px;
}

@media screen and (max-width: 750px) {
  .feature_descBox {
    margin-bottom: 13.33vw;
    padding-bottom: 7.33vw;
  }
}

.feature_descBox p {
  padding: 40px 0;
}

@media screen and (max-width: 750px) {
  .feature_descBox p {
    padding: 5.33vw 0;
  }
}

.feature_descBox p span {
  color: #ff6681;
  font-weight: bold;
}

.feature_descBox p span._line {
  color: #000;
  font-weight: normal;
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.4em;
  text-decoration-color: rgba(255, 241, 0, 0.9);
  text-decoration-skip-ink: none;
}

.feature_descBox p span._pink_line {
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.4em;
  text-decoration-color: rgba(255, 241, 0, 0.9);
  text-decoration-skip-ink: none;
}

.feature_desc_readtxt p {
  text-align: center;
  font-size: 38px;
  font-weight: bold;
  padding: 0;
  line-height: 1.5;
}

@media screen and (max-width: 750px) {
  .feature_desc_readtxt p {
    font-size: 5.07vw;
  }
}

.feature_desc_readtxt p._line {
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.8em;
  text-decoration-color: rgba(255, 241, 0, 0.5);
  text-decoration-skip-ink: none;
}

.feature_desc_readtxt p span._big {
  font-size: 45px;
  color: #000;
}

@media screen and (max-width: 750px) {
  .feature_desc_readtxt p span._big {
    font-size: 5vw;
  }
}

.feature_desc_readtxt p span._pink {
  color: #ff6681;
}

.feature_desc_readtxt p span._big_pink {
  font-size: 45px;
  color: #ff6681;
}

@media screen and (max-width: 750px) {
  .feature_desc_readtxt p span._big_pink {
    font-size: 5vw;
  }
}

/*
@media screen and (max-width: 750px) {
    #lp_202204 .p-sec01_body_movie iframe {
        width: 67vw;
        height: 37.65vw;
    }
}
*/

/* ========================================
   order オーダーメイドでご提案
======================================== */
.bg_order {
  background: radial-gradient(#ffffc0, #f8e986);
}

.order_point_wrap {
  margin-top: -25px;
  position: relative;
  z-index: 1;
}

.order_pointBox {
  background-color: #fff;
  border: 4px solid #836029;
  margin-bottom: 15px;
  padding: 26px 25px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .order_pointBox {
    border: 0.53vw solid #836029;
    margin-bottom: 2vw;
    padding: 3.47vw 3.33vw;
  }
}

.order_pointBox img {
  max-width: 46px;
  margin-right: 10px;
}

@media screen and (max-width: 750px) {
  .order_pointBox img {
    width: 6vw;
  }
}

.order_pointBox p {
  font-size: 30px;
  font-weight: bold;
  vertical-align: baseline;
}

@media screen and (max-width: 750px) {
  .order_pointBox p {
    font-size: 4vw;
    letter-spacing: -0.2vw;
  }
}

.order_pointBox p span {
  color: #844604;
}

/* ========================================
   faq よくある質問
======================================== */
.faq_title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0 25px;
}

.faq_title img {
  width: 165px;
  height: 150px;
  margin-right: 15px;
}

@media screen and (max-width: 750px) {
  .faq_title img {
    width: 22vw;
    height: auto;
    margin-right: 2vw;
  }
}

.faq_title p {
  font-size: 65px;
  font-weight: bold;
  letter-spacing: -2px;
}

@media screen and (max-width: 750px) {
  .faq_title p {
    font-size: 8.67vw;
  }
}

.faq_list li {
  margin-bottom: 30px;
}

.faq_acc_head {
  background-color: #b59055;
  display: flex;
  align-items: center;
  padding: 30px;
  position: relative;
}

@media screen and (max-width: 750px) {
  .faq_acc_head {
    padding: 4vw;
  }
}

.faq_acc_head::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #fff;
  position: absolute;
  right: 42px;
  top: 43%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 0.2s;
}

@media screen and (max-width: 750px) {
  .faq_acc_head::before {
    width: 0.27vw;
    height: 3.33vw;
    right: 5.6vw;
  }
}

.faq_acc_head::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 30px;
  top: 50%;
}

@media screen and (max-width: 750px) {
  .faq_acc_head::after {
    width: 3.33vw;
    height: 0.27vw;
    right: 4vw;
  }
}

.faq_acc_head.js--accordion-open::before {
  top: 42%;
  right: 41px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (max-width: 750px) {
  .faq_acc_head.js--accordion-open::before {
    right: 5.47vw;
  }
}

.faq_acc_head p {
  color: #fff;
  font-size: 34px;
  line-height: 1.3;
}

@media screen and (max-width: 750px) {
  .faq_acc_head p {
    font-size: 4.53vw;
  }
}

.accordion_option {
  display: none;
}

.accordion_option.stay {
  display: block;
}

.faq_acc_body {
  background-color: #fff;
  padding: 40px 30px;
  border: 2px solid #b59055;
  border-top: 0;
}

@media screen and (max-width: 750px) {
  .faq_acc_body {
    padding: 5.33vw 4vw;
  }
}

.faq_acc_body_inner {
  display: flex;
}

.faq_acc_body p span {
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.4em;
  text-decoration-color: rgba(255, 241, 0, 0.9);
  text-decoration-skip-ink: none;
}

.faq_acc_head img,
.faq_acc_body img {
  width: 70px;
  height: 70px;
  margin-right: 20px;
}

@media screen and (max-width: 750px) {

  .faq_acc_head img,
  .faq_acc_body img {
    width: 9.33vw;
    height: 9.33vw;
    margin-right: 2.67vw;
  }
}

.faq_anntxt p {
  text-align: center;
  letter-spacing: -1px;
}


/* ========================================
   clinic
======================================== */

/*色変更*/
#lp_202204 .sec07_list_head {
  border: 2px solid #68a4c8;
}

#lp_202204 .sec07_list_head.active {
  background-color: #68a4c8;
}

#lp_202204 .sec07_list_head span {
  color: #68a4c8;
}

#lp_202204 .jsAccMene02::before,
#lp_202204 .jsAccMene02::after {
  background-color: #68a4c8;
}

#lp_202204 .sec07_list_body {
  border-right: 2px solid #68a4c8;
  border-left: 2px solid #68a4c8;
}

#lp_202204 .sec07_list_body_list {
  border-bottom: 2px solid #68a4c8;
}

/* ========================================
   reserve 
======================================== */
.line_lg_txt {
  position: relative;
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .line_lg_txt {
    font-size: 6.93vw;
  }
}

/* ========================================
   footer
======================================== */

/* ========================================
   modal_list
======================================== */

.web_coupon--fv {
  padding: 370px 0 100px;
}

.change_btn2 {
  margin-left: auto;
  margin-right: auto;
  display: block;

}

/*PC ONLY 調整*/
@media screen and (min-width: 750px) {

  /*PC FV*/
  .web_coupon--fv {
    height: 1240px;
  }

  .web_coupon--short_02 {
    margin-top: 40px;
    margin-bottom: 150px;
  }

  .change_btn2 {
    padding: 530px 0 10px;
  }

  .new_web-coupon--inner {
    padding: 30px 20px;
  }
}

/*スマホ表示*/
@media screen and (max-width: 750px) {
  .new_web-coupon_01 {
    top: -63px;
  }
}

/*ショートクーポン*/
@media screen and (min-width: 750px) {
  .web_coupon--short_02 {
    margin-top: 40px;
    margin-bottom: 150px;
  }

  .web_coupon--short {
    background: url([tempurl]/img/tcb-datsumou_01/bg_coupon04.webp) no-repeat top center;
    padding: 100px 0 60px;
  }
}

@media screen and (max-width: 750px) {
  .web_coupon--short_02 {
    margin-top: 20px;
  }

  .web_coupon--short {
    background: url([tempurl]/img/tcb-datsumou_01/bg_coupon04.webp) no-repeat top center;
    padding: 100px 0 60px;
    padding: 32.5vw 0 13vw;
    background-size: 98% auto;
    margin-bottom: 3vw;
  }
}

/*クーポン　02 BTN 調整*/
@media screen and (min-width: 750px) {
  .web_coupon2 {
    background: url([tempurl]/img/tcb-datsumou_01/bg_coupon02-2.webp) no-repeat top center;
    padding: 120px 0 150px;
  }
}

@media screen and (max-width: 750px) {
  .web_coupon2 {
    background: url([tempurl]/img/tcb-datsumou_01/bg_coupon02-2_sp.webp) no-repeat top center;
    padding: 120px 0 150px;
  }

  .web_coupon--02 {
    padding: 34vw 0 14vw;
  }

  .new_web-coupon_02_sec {
    top: -80px;
    width: 76vw;
  }

  .limit_btn_02_sec {
    margin-top: 25px;
  }

  .web_coupon2 {
    background-size: 98% auto;
    padding: 34vw 0 10vw;
  }

  .change_btn2 {
    padding: 32vw 0 6vw;
    margin-top: -3vw;
  }
}

/*03 BTN 調整*/
.web_coupon3 {
  background: url([tempurl]/img/tcb-datsumou_01/bg_coupon02-1.webp) no-repeat top center;
  padding: 120px 0 150px;
}

.change_btn3 {
  padding: 135px 0 10px;
}

/*クーポン　03 04 BTN 調整*/
.change_btn3,
.change_btn4 {
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 260px 0 10px;
}

/*04 BTN 調整*/
.change_btn4 {
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 550px 0 10px;
  margin-top: 50px;
}

.all_70off_bg._bgimg {
  background: #fffbe5 url(../img/tcb-datsumou_01/bg_cracker.png) no-repeat top center/contain;
}

/*スマホビュー*/
@media screen and (max-width: 750px) {

  .web_coupon--fv {
    padding: 76vw 0 6vw;
  }


  .web_coupon--short .limit_btn {
    margin-top: -10vw;
  }

  .change_btn3 {
    padding: 0 0 6vw;
  }

  /*スマホビュー BTN 03*/
  .web_coupon3 {
    background-size: 98% auto;
    padding: 38vw 0 10vw;
  }

  /*スマホビュー BTN 04*/
  .change_btn4 {
    padding: 30vw 0 6vw;
  }
}

@media screen and (max-width: 750px) {
  .web_coupon--fv .limit_btn {
    padding-top: min(30px, calc(calc(100 / 750) * 200vw)) !important;
    padding-bottom: min(100px, calc(calc(100 / 750) * 100vw)) !important;
  }
}

/*@media screen and (max-width: 750px) {
.web_coupon--fv {
  background: url(../img/tcb-datsumou_01/bg_camp_summer_sp.webp) no-repeat top center;
    background-size: auto;
  padding: 1000px 0 100px;
}
}*/



/*!
vendor_01.css
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  background-repeat: no-repeat;
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden],
template {
  display: none;
}

abbr[title] {
  text-decoration: none;
  border-bottom: 1px dotted;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  color: #000;
  background-color: #ff0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

input {
  border-radius: 0;
}

[role="button"],
[type="button"],
[type="reset"],
[type="submit"],
button {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: 0;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}

button,
select {
  text-transform: none;
}

button,
input,
select,
textarea {
  color: inherit;
  background-color: transparent;
  border-style: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal;
  border: 0;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

@media screen {
  [hidden~="screen"] {
    display: inherit;
  }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

::-moz-selection {
  color: #000;
  text-shadow: none;
  background-color: #b3d4fc;
}

::selection {
  color: #000;
  text-shadow: none;
  background-color: #b3d4fc;
}

/*================================================================================
FileName: _base.scss
================================================================================*/
html,
button,
input,
select,
textarea {
  color: #2b2d31;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-moz-selection {
  text-shadow: none;
  background: #2b2d31;
}

hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #ccc;
}

img {
  vertical-align: middle;
}

li img {
  vertical-align: bottom;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

textarea {
  resize: vertical;
}

body {
  position: relative;
  padding: 0;
  margin: 0;
  /*overflow-x: hidden;*/
  word-wrap: break-word;
}

/*
global
------------------------------------------------*/
body,
body>div,
input,
button,
textarea,
select {
  font-family: "Montserrat", "Noto Sans Japanese", -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic,
    YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  line-height: 1.5;
  color: #2b2d31;
}

a {
  color: #2b2d31;
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
  outline: none;
}

:placeholder-shown {
  opacity: 0.7;
}

::-webkit-input-placeholder {
  opacity: 0.7;
}

:-moz-placeholder {
  opacity: 0.7;
}

::-moz-placeholder {
  opacity: 0.7;
}

:-ms-input-placeholder {
  opacity: 0.7;
}

/*================================================================================
FileName: _module.scss
margin、paddingなどのルールを入れる場合はここに記述
================================================================================*/
.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

img {
  width: 100%;
}

.hidden {
  overflow: hidden;
}

.sp {
  display: none;
}

@media only screen and (max-width: 749px) {
  .sp {
    display: block !important;
  }
}

.pc {
  display: block;
}

@media only screen and (max-width: 749px) {
  .pc {
    display: none !important;
  }
}

.spHeader {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .spHeader {
    display: block;
  }
}

.pcHeader {
  display: block;
}

@media only screen and (max-width: 1100px) {
  .pcHeader {
    display: none !important;
  }
}

@media only screen and (max-width: 749px) {
  .order01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (max-width: 749px) {
  .order02 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.u-txt_center {
  text-align: center;
}

.u-txt_left {
  text-align: left;
}

.u-txt_right {
  text-align: right;
}

.u-mg_auto {
  margin: auto;
}

.u-mgb_10 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 749px) {
  .u-mgb_10 {
    margin-bottom: 2.66667vw;
  }
}

.u-mgb_20 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 749px) {
  .u-mgb_20 {
    margin-bottom: 5.33333vw;
  }
}

.u-mgb_30 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 749px) {
  .u-mgb_30 {
    margin-bottom: 8vw;
  }
}

.u-mgb_40 {
  margin-bottom: 80px;
}

@media only screen and (max-width: 749px) {
  .u-mgb_40 {
    margin-bottom: 10.66667vw;
  }
}

.u-mgb_60-30 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 749px) {
  .u-mgb_60-30 {
    margin-bottom: 8vw;
  }
}

.u-mgb_90 {
  margin-bottom: 90px;
}

@media only screen and (max-width: 749px) {
  .u-mgb_90 {
    margin-bottom: 24vw;
  }
}

.u-mgb_120 {
  margin-bottom: 120px;
}

@media only screen and (max-width: 749px) {
  .u-mgb_120 {
    margin-bottom: 24vw;
  }
}

.u-color_og {
  color: #ffffff;
}

.u-marker_og {
  color: #fff;
  background-color: #ffffff;
}

.u-wid_200 {
  width: 200px;
}

.u-wid_300 {
  width: 300px;
}

@media only screen and (max-width: 749px) {
  .u-wid_300 {
    width: 80vw;
  }
}

.u-wid_max {
  width: 100%;
}

.u-font_en {
  font-family: "Montserrat", sans-serif;
}

.spOnly {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .spOnly {
    display: block !important;
  }
}

.spOnlyIn {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .spOnlyIn {
    display: inline-block !important;
  }
}

.spOnlyTb {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .spOnlyTb {
    display: table !important;
  }
}

.pcOnly {
  display: block !important;
}

@media only screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

.pcOnlyIn {
  display: inline-block !important;
}

@media only screen and (max-width: 768px) {
  .pcOnlyIn {
    display: none !important;
  }
}

.pcOnlyTb {
  display: table !important;
}

@media only screen and (max-width: 768px) {
  .pcOnlyTb {
    display: none !important;
  }
}

.relative {
  position: relative;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.flex.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex.justBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex .right {
  margin-left: auto;
}

span.large {
  font-size: 1.2em;
}

span.small {
  font-size: 0.8em;
}

.bold {
  font-weight: bold;
}

@media only screen and (min-width: 769px) {
  .pP0 {
    padding: 0px !important;
  }

  .ptP0 {
    padding-top: 0px !important;
  }

  .pbP0 {
    padding-bottom: 0px !important;
  }

  .prP0 {
    padding-right: 0px !important;
  }

  .plP0 {
    padding-left: 0px !important;
  }

  .mP0 {
    margin: 0px !important;
  }

  .mtP0 {
    margin-top: 0px !important;
  }

  .mbP0 {
    margin-bottom: 0px !important;
  }

  .mrP0 {
    margin-right: 0px !important;
  }

  .mlP0 {
    margin-left: 0px !important;
  }

  .min0 {
    min-width: 0px !important;
  }

  .pP5 {
    padding: 5px !important;
  }

  .ptP5 {
    padding-top: 5px !important;
  }

  .pbP5 {
    padding-bottom: 5px !important;
  }

  .prP5 {
    padding-right: 5px !important;
  }

  .plP5 {
    padding-left: 5px !important;
  }

  .mP5 {
    margin: 5px !important;
  }

  .mtP5 {
    margin-top: 5px !important;
  }

  .mbP5 {
    margin-bottom: 5px !important;
  }

  .mrP5 {
    margin-right: 5px !important;
  }

  .mlP5 {
    margin-left: 5px !important;
  }

  .min20 {
    min-width: 20px !important;
  }

  .pP10 {
    padding: 10px !important;
  }

  .ptP10 {
    padding-top: 10px !important;
  }

  .pbP10 {
    padding-bottom: 10px !important;
  }

  .prP10 {
    padding-right: 10px !important;
  }

  .plP10 {
    padding-left: 10px !important;
  }

  .mP10 {
    margin: 10px !important;
  }

  .mtP10 {
    margin-top: 10px !important;
  }

  .mbP10 {
    margin-bottom: 10px !important;
  }

  .mrP10 {
    margin-right: 10px !important;
  }

  .mlP10 {
    margin-left: 10px !important;
  }

  .min40 {
    min-width: 40px !important;
  }

  .pP15 {
    padding: 15px !important;
  }

  .ptP15 {
    padding-top: 15px !important;
  }

  .pbP15 {
    padding-bottom: 15px !important;
  }

  .prP15 {
    padding-right: 15px !important;
  }

  .plP15 {
    padding-left: 15px !important;
  }

  .mP15 {
    margin: 15px !important;
  }

  .mtP15 {
    margin-top: 15px !important;
  }

  .mbP15 {
    margin-bottom: 15px !important;
  }

  .mrP15 {
    margin-right: 15px !important;
  }

  .mlP15 {
    margin-left: 15px !important;
  }

  .min60 {
    min-width: 60px !important;
  }

  .pP20 {
    padding: 20px !important;
  }

  .ptP20 {
    padding-top: 20px !important;
  }

  .pbP20 {
    padding-bottom: 20px !important;
  }

  .prP20 {
    padding-right: 20px !important;
  }

  .plP20 {
    padding-left: 20px !important;
  }

  .mP20 {
    margin: 20px !important;
  }

  .mtP20 {
    margin-top: 20px !important;
  }

  .mbP20 {
    margin-bottom: 20px !important;
  }

  .mrP20 {
    margin-right: 20px !important;
  }

  .mlP20 {
    margin-left: 20px !important;
  }

  .min80 {
    min-width: 80px !important;
  }

  .pP25 {
    padding: 25px !important;
  }

  .ptP25 {
    padding-top: 25px !important;
  }

  .pbP25 {
    padding-bottom: 25px !important;
  }

  .prP25 {
    padding-right: 25px !important;
  }

  .plP25 {
    padding-left: 25px !important;
  }

  .mP25 {
    margin: 25px !important;
  }

  .mtP25 {
    margin-top: 25px !important;
  }

  .mbP25 {
    margin-bottom: 25px !important;
  }

  .mrP25 {
    margin-right: 25px !important;
  }

  .mlP25 {
    margin-left: 25px !important;
  }

  .min100 {
    min-width: 100px !important;
  }

  .pP30 {
    padding: 30px !important;
  }

  .ptP30 {
    padding-top: 30px !important;
  }

  .pbP30 {
    padding-bottom: 30px !important;
  }

  .prP30 {
    padding-right: 30px !important;
  }

  .plP30 {
    padding-left: 30px !important;
  }

  .mP30 {
    margin: 30px !important;
  }

  .mtP30 {
    margin-top: 30px !important;
  }

  .mbP30 {
    margin-bottom: 30px !important;
  }

  .mrP30 {
    margin-right: 30px !important;
  }

  .mlP30 {
    margin-left: 30px !important;
  }

  .min120 {
    min-width: 120px !important;
  }

  .pP35 {
    padding: 35px !important;
  }

  .ptP35 {
    padding-top: 35px !important;
  }

  .pbP35 {
    padding-bottom: 35px !important;
  }

  .prP35 {
    padding-right: 35px !important;
  }

  .plP35 {
    padding-left: 35px !important;
  }

  .mP35 {
    margin: 35px !important;
  }

  .mtP35 {
    margin-top: 35px !important;
  }

  .mbP35 {
    margin-bottom: 35px !important;
  }

  .mrP35 {
    margin-right: 35px !important;
  }

  .mlP35 {
    margin-left: 35px !important;
  }

  .min140 {
    min-width: 140px !important;
  }

  .pP40 {
    padding: 40px !important;
  }

  .ptP40 {
    padding-top: 40px !important;
  }

  .pbP40 {
    padding-bottom: 40px !important;
  }

  .prP40 {
    padding-right: 40px !important;
  }

  .plP40 {
    padding-left: 40px !important;
  }

  .mP40 {
    margin: 40px !important;
  }

  .mtP40 {
    margin-top: 40px !important;
  }

  .mbP40 {
    margin-bottom: 40px !important;
  }

  .mrP40 {
    margin-right: 40px !important;
  }

  .mlP40 {
    margin-left: 40px !important;
  }

  .min160 {
    min-width: 160px !important;
  }

  .pP45 {
    padding: 45px !important;
  }

  .ptP45 {
    padding-top: 45px !important;
  }

  .pbP45 {
    padding-bottom: 45px !important;
  }

  .prP45 {
    padding-right: 45px !important;
  }

  .plP45 {
    padding-left: 45px !important;
  }

  .mP45 {
    margin: 45px !important;
  }

  .mtP45 {
    margin-top: 45px !important;
  }

  .mbP45 {
    margin-bottom: 45px !important;
  }

  .mrP45 {
    margin-right: 45px !important;
  }

  .mlP45 {
    margin-left: 45px !important;
  }

  .min180 {
    min-width: 180px !important;
  }

  .pP50 {
    padding: 50px !important;
  }

  .ptP50 {
    padding-top: 50px !important;
  }

  .pbP50 {
    padding-bottom: 50px !important;
  }

  .prP50 {
    padding-right: 50px !important;
  }

  .plP50 {
    padding-left: 50px !important;
  }

  .mP50 {
    margin: 50px !important;
  }

  .mtP50 {
    margin-top: 50px !important;
  }

  .mbP50 {
    margin-bottom: 50px !important;
  }

  .mrP50 {
    margin-right: 50px !important;
  }

  .mlP50 {
    margin-left: 50px !important;
  }

  .min200 {
    min-width: 200px !important;
  }

  .pP55 {
    padding: 55px !important;
  }

  .ptP55 {
    padding-top: 55px !important;
  }

  .pbP55 {
    padding-bottom: 55px !important;
  }

  .prP55 {
    padding-right: 55px !important;
  }

  .plP55 {
    padding-left: 55px !important;
  }

  .mP55 {
    margin: 55px !important;
  }

  .mtP55 {
    margin-top: 55px !important;
  }

  .mbP55 {
    margin-bottom: 55px !important;
  }

  .mrP55 {
    margin-right: 55px !important;
  }

  .mlP55 {
    margin-left: 55px !important;
  }

  .min220 {
    min-width: 220px !important;
  }

  .pP60 {
    padding: 60px !important;
  }

  .ptP60 {
    padding-top: 60px !important;
  }

  .pbP60 {
    padding-bottom: 60px !important;
  }

  .prP60 {
    padding-right: 60px !important;
  }

  .plP60 {
    padding-left: 60px !important;
  }

  .mP60 {
    margin: 60px !important;
  }

  .mtP60 {
    margin-top: 60px !important;
  }

  .mbP60 {
    margin-bottom: 60px !important;
  }

  .mrP60 {
    margin-right: 60px !important;
  }

  .mlP60 {
    margin-left: 60px !important;
  }

  .min240 {
    min-width: 240px !important;
  }

  .pP65 {
    padding: 65px !important;
  }

  .ptP65 {
    padding-top: 65px !important;
  }

  .pbP65 {
    padding-bottom: 65px !important;
  }

  .prP65 {
    padding-right: 65px !important;
  }

  .plP65 {
    padding-left: 65px !important;
  }

  .mP65 {
    margin: 65px !important;
  }

  .mtP65 {
    margin-top: 65px !important;
  }

  .mbP65 {
    margin-bottom: 65px !important;
  }

  .mrP65 {
    margin-right: 65px !important;
  }

  .mlP65 {
    margin-left: 65px !important;
  }

  .min260 {
    min-width: 260px !important;
  }

  .pP70 {
    padding: 70px !important;
  }

  .ptP70 {
    padding-top: 70px !important;
  }

  .pbP70 {
    padding-bottom: 70px !important;
  }

  .prP70 {
    padding-right: 70px !important;
  }

  .plP70 {
    padding-left: 70px !important;
  }

  .mP70 {
    margin: 70px !important;
  }

  .mtP70 {
    margin-top: 70px !important;
  }

  .mbP70 {
    margin-bottom: 70px !important;
  }

  .mrP70 {
    margin-right: 70px !important;
  }

  .mlP70 {
    margin-left: 70px !important;
  }

  .min280 {
    min-width: 280px !important;
  }

  .pP75 {
    padding: 75px !important;
  }

  .ptP75 {
    padding-top: 75px !important;
  }

  .pbP75 {
    padding-bottom: 75px !important;
  }

  .prP75 {
    padding-right: 75px !important;
  }

  .plP75 {
    padding-left: 75px !important;
  }

  .mP75 {
    margin: 75px !important;
  }

  .mtP75 {
    margin-top: 75px !important;
  }

  .mbP75 {
    margin-bottom: 75px !important;
  }

  .mrP75 {
    margin-right: 75px !important;
  }

  .mlP75 {
    margin-left: 75px !important;
  }

  .min300 {
    min-width: 300px !important;
  }

  .pP80 {
    padding: 80px !important;
  }

  .ptP80 {
    padding-top: 80px !important;
  }

  .pbP80 {
    padding-bottom: 80px !important;
  }

  .prP80 {
    padding-right: 80px !important;
  }

  .plP80 {
    padding-left: 80px !important;
  }

  .mP80 {
    margin: 80px !important;
  }

  .mtP80 {
    margin-top: 80px !important;
  }

  .mbP80 {
    margin-bottom: 80px !important;
  }

  .mrP80 {
    margin-right: 80px !important;
  }

  .mlP80 {
    margin-left: 80px !important;
  }

  .min320 {
    min-width: 320px !important;
  }

  .pP85 {
    padding: 85px !important;
  }

  .ptP85 {
    padding-top: 85px !important;
  }

  .pbP85 {
    padding-bottom: 85px !important;
  }

  .prP85 {
    padding-right: 85px !important;
  }

  .plP85 {
    padding-left: 85px !important;
  }

  .mP85 {
    margin: 85px !important;
  }

  .mtP85 {
    margin-top: 85px !important;
  }

  .mbP85 {
    margin-bottom: 85px !important;
  }

  .mrP85 {
    margin-right: 85px !important;
  }

  .mlP85 {
    margin-left: 85px !important;
  }

  .min340 {
    min-width: 340px !important;
  }

  .pP90 {
    padding: 90px !important;
  }

  .ptP90 {
    padding-top: 90px !important;
  }

  .pbP90 {
    padding-bottom: 90px !important;
  }

  .prP90 {
    padding-right: 90px !important;
  }

  .plP90 {
    padding-left: 90px !important;
  }

  .mP90 {
    margin: 90px !important;
  }

  .mtP90 {
    margin-top: 90px !important;
  }

  .mbP90 {
    margin-bottom: 90px !important;
  }

  .mrP90 {
    margin-right: 90px !important;
  }

  .mlP90 {
    margin-left: 90px !important;
  }

  .min360 {
    min-width: 360px !important;
  }

  .pP95 {
    padding: 95px !important;
  }

  .ptP95 {
    padding-top: 95px !important;
  }

  .pbP95 {
    padding-bottom: 95px !important;
  }

  .prP95 {
    padding-right: 95px !important;
  }

  .plP95 {
    padding-left: 95px !important;
  }

  .mP95 {
    margin: 95px !important;
  }

  .mtP95 {
    margin-top: 95px !important;
  }

  .mbP95 {
    margin-bottom: 95px !important;
  }

  .mrP95 {
    margin-right: 95px !important;
  }

  .mlP95 {
    margin-left: 95px !important;
  }

  .min380 {
    min-width: 380px !important;
  }

  .pP100 {
    padding: 100px !important;
  }

  .ptP100 {
    padding-top: 100px !important;
  }

  .pbP100 {
    padding-bottom: 100px !important;
  }

  .prP100 {
    padding-right: 100px !important;
  }

  .plP100 {
    padding-left: 100px !important;
  }

  .mP100 {
    margin: 100px !important;
  }

  .mtP100 {
    margin-top: 100px !important;
  }

  .mbP100 {
    margin-bottom: 100px !important;
  }

  .mrP100 {
    margin-right: 100px !important;
  }

  .mlP100 {
    margin-left: 100px !important;
  }

  .min400 {
    min-width: 400px !important;
  }
}

@media only screen and (max-width: 768px) {
  .pS0 {
    padding: 0px !important;
  }

  .ptS0 {
    padding-top: 0px !important;
  }

  .pbS0 {
    padding-bottom: 0px !important;
  }

  .plS0 {
    padding-left: 0px !important;
  }

  .prS0 {
    padding-right: 0px !important;
  }

  .mS0 {
    margin: 0px !important;
  }

  .mtS0 {
    margin-top: 0px !important;
  }

  .mbS0 {
    margin-bottom: 0px !important;
  }

  .mlS0 {
    margin-left: 0px !important;
  }

  .mrS0 {
    margin-right: 0px !important;
  }

  .pS5 {
    padding: 5px !important;
  }

  .ptS5 {
    padding-top: 5px !important;
  }

  .pbS5 {
    padding-bottom: 5px !important;
  }

  .plS5 {
    padding-left: 5px !important;
  }

  .prS5 {
    padding-right: 5px !important;
  }

  .mS5 {
    margin: 5px !important;
  }

  .mtS5 {
    margin-top: 5px !important;
  }

  .mbS5 {
    margin-bottom: 5px !important;
  }

  .mlS5 {
    margin-left: 5px !important;
  }

  .mrS5 {
    margin-right: 5px !important;
  }

  .pS10 {
    padding: 10px !important;
  }

  .ptS10 {
    padding-top: 10px !important;
  }

  .pbS10 {
    padding-bottom: 10px !important;
  }

  .plS10 {
    padding-left: 10px !important;
  }

  .prS10 {
    padding-right: 10px !important;
  }

  .mS10 {
    margin: 10px !important;
  }

  .mtS10 {
    margin-top: 10px !important;
  }

  .mbS10 {
    margin-bottom: 10px !important;
  }

  .mlS10 {
    margin-left: 10px !important;
  }

  .mrS10 {
    margin-right: 10px !important;
  }

  .pS15 {
    padding: 15px !important;
  }

  .ptS15 {
    padding-top: 15px !important;
  }

  .pbS15 {
    padding-bottom: 15px !important;
  }

  .plS15 {
    padding-left: 15px !important;
  }

  .prS15 {
    padding-right: 15px !important;
  }

  .mS15 {
    margin: 15px !important;
  }

  .mtS15 {
    margin-top: 15px !important;
  }

  .mbS15 {
    margin-bottom: 15px !important;
  }

  .mlS15 {
    margin-left: 15px !important;
  }

  .mrS15 {
    margin-right: 15px !important;
  }

  .pS20 {
    padding: 20px !important;
  }

  .ptS20 {
    padding-top: 20px !important;
  }

  .pbS20 {
    padding-bottom: 20px !important;
  }

  .plS20 {
    padding-left: 20px !important;
  }

  .prS20 {
    padding-right: 20px !important;
  }

  .mS20 {
    margin: 20px !important;
  }

  .mtS20 {
    margin-top: 20px !important;
  }

  .mbS20 {
    margin-bottom: 20px !important;
  }

  .mlS20 {
    margin-left: 20px !important;
  }

  .mrS20 {
    margin-right: 20px !important;
  }

  .pS25 {
    padding: 25px !important;
  }

  .ptS25 {
    padding-top: 25px !important;
  }

  .pbS25 {
    padding-bottom: 25px !important;
  }

  .plS25 {
    padding-left: 25px !important;
  }

  .prS25 {
    padding-right: 25px !important;
  }

  .mS25 {
    margin: 25px !important;
  }

  .mtS25 {
    margin-top: 25px !important;
  }

  .mbS25 {
    margin-bottom: 25px !important;
  }

  .mlS25 {
    margin-left: 25px !important;
  }

  .mrS25 {
    margin-right: 25px !important;
  }

  .pS30 {
    padding: 30px !important;
  }

  .ptS30 {
    padding-top: 30px !important;
  }

  .pbS30 {
    padding-bottom: 30px !important;
  }

  .plS30 {
    padding-left: 30px !important;
  }

  .prS30 {
    padding-right: 30px !important;
  }

  .mS30 {
    margin: 30px !important;
  }

  .mtS30 {
    margin-top: 30px !important;
  }

  .mbS30 {
    margin-bottom: 30px !important;
  }

  .mlS30 {
    margin-left: 30px !important;
  }

  .mrS30 {
    margin-right: 30px !important;
  }

  .pS35 {
    padding: 35px !important;
  }

  .ptS35 {
    padding-top: 35px !important;
  }

  .pbS35 {
    padding-bottom: 35px !important;
  }

  .plS35 {
    padding-left: 35px !important;
  }

  .prS35 {
    padding-right: 35px !important;
  }

  .mS35 {
    margin: 35px !important;
  }

  .mtS35 {
    margin-top: 35px !important;
  }

  .mbS35 {
    margin-bottom: 35px !important;
  }

  .mlS35 {
    margin-left: 35px !important;
  }

  .mrS35 {
    margin-right: 35px !important;
  }

  .pS40 {
    padding: 40px !important;
  }

  .ptS40 {
    padding-top: 40px !important;
  }

  .pbS40 {
    padding-bottom: 40px !important;
  }

  .plS40 {
    padding-left: 40px !important;
  }

  .prS40 {
    padding-right: 40px !important;
  }

  .mS40 {
    margin: 40px !important;
  }

  .mtS40 {
    margin-top: 40px !important;
  }

  .mbS40 {
    margin-bottom: 40px !important;
  }

  .mlS40 {
    margin-left: 40px !important;
  }

  .mrS40 {
    margin-right: 40px !important;
  }

  .pS45 {
    padding: 45px !important;
  }

  .ptS45 {
    padding-top: 45px !important;
  }

  .pbS45 {
    padding-bottom: 45px !important;
  }

  .plS45 {
    padding-left: 45px !important;
  }

  .prS45 {
    padding-right: 45px !important;
  }

  .mS45 {
    margin: 45px !important;
  }

  .mtS45 {
    margin-top: 45px !important;
  }

  .mbS45 {
    margin-bottom: 45px !important;
  }

  .mlS45 {
    margin-left: 45px !important;
  }

  .mrS45 {
    margin-right: 45px !important;
  }

  .pS50 {
    padding: 50px !important;
  }

  .ptS50 {
    padding-top: 50px !important;
  }

  .pbS50 {
    padding-bottom: 50px !important;
  }

  .plS50 {
    padding-left: 50px !important;
  }

  .prS50 {
    padding-right: 50px !important;
  }

  .mS50 {
    margin: 50px !important;
  }

  .mtS50 {
    margin-top: 50px !important;
  }

  .mbS50 {
    margin-bottom: 50px !important;
  }

  .mlS50 {
    margin-left: 50px !important;
  }

  .mrS50 {
    margin-right: 50px !important;
  }

  .pS55 {
    padding: 55px !important;
  }

  .ptS55 {
    padding-top: 55px !important;
  }

  .pbS55 {
    padding-bottom: 55px !important;
  }

  .plS55 {
    padding-left: 55px !important;
  }

  .prS55 {
    padding-right: 55px !important;
  }

  .mS55 {
    margin: 55px !important;
  }

  .mtS55 {
    margin-top: 55px !important;
  }

  .mbS55 {
    margin-bottom: 55px !important;
  }

  .mlS55 {
    margin-left: 55px !important;
  }

  .mrS55 {
    margin-right: 55px !important;
  }

  .pS60 {
    padding: 60px !important;
  }

  .ptS60 {
    padding-top: 60px !important;
  }

  .pbS60 {
    padding-bottom: 60px !important;
  }

  .plS60 {
    padding-left: 60px !important;
  }

  .prS60 {
    padding-right: 60px !important;
  }

  .mS60 {
    margin: 60px !important;
  }

  .mtS60 {
    margin-top: 60px !important;
  }

  .mbS60 {
    margin-bottom: 60px !important;
  }

  .mlS60 {
    margin-left: 60px !important;
  }

  .mrS60 {
    margin-right: 60px !important;
  }

  .pS65 {
    padding: 65px !important;
  }

  .ptS65 {
    padding-top: 65px !important;
  }

  .pbS65 {
    padding-bottom: 65px !important;
  }

  .plS65 {
    padding-left: 65px !important;
  }

  .prS65 {
    padding-right: 65px !important;
  }

  .mS65 {
    margin: 65px !important;
  }

  .mtS65 {
    margin-top: 65px !important;
  }

  .mbS65 {
    margin-bottom: 65px !important;
  }

  .mlS65 {
    margin-left: 65px !important;
  }

  .mrS65 {
    margin-right: 65px !important;
  }

  .pS70 {
    padding: 70px !important;
  }

  .ptS70 {
    padding-top: 70px !important;
  }

  .pbS70 {
    padding-bottom: 70px !important;
  }

  .plS70 {
    padding-left: 70px !important;
  }

  .prS70 {
    padding-right: 70px !important;
  }

  .mS70 {
    margin: 70px !important;
  }

  .mtS70 {
    margin-top: 70px !important;
  }

  .mbS70 {
    margin-bottom: 70px !important;
  }

  .mlS70 {
    margin-left: 70px !important;
  }

  .mrS70 {
    margin-right: 70px !important;
  }

  .pS75 {
    padding: 75px !important;
  }

  .ptS75 {
    padding-top: 75px !important;
  }

  .pbS75 {
    padding-bottom: 75px !important;
  }

  .plS75 {
    padding-left: 75px !important;
  }

  .prS75 {
    padding-right: 75px !important;
  }

  .mS75 {
    margin: 75px !important;
  }

  .mtS75 {
    margin-top: 75px !important;
  }

  .mbS75 {
    margin-bottom: 75px !important;
  }

  .mlS75 {
    margin-left: 75px !important;
  }

  .mrS75 {
    margin-right: 75px !important;
  }

  .pS80 {
    padding: 80px !important;
  }

  .ptS80 {
    padding-top: 80px !important;
  }

  .pbS80 {
    padding-bottom: 80px !important;
  }

  .plS80 {
    padding-left: 80px !important;
  }

  .prS80 {
    padding-right: 80px !important;
  }

  .mS80 {
    margin: 80px !important;
  }

  .mtS80 {
    margin-top: 80px !important;
  }

  .mbS80 {
    margin-bottom: 80px !important;
  }

  .mlS80 {
    margin-left: 80px !important;
  }

  .mrS80 {
    margin-right: 80px !important;
  }

  .pS85 {
    padding: 85px !important;
  }

  .ptS85 {
    padding-top: 85px !important;
  }

  .pbS85 {
    padding-bottom: 85px !important;
  }

  .plS85 {
    padding-left: 85px !important;
  }

  .prS85 {
    padding-right: 85px !important;
  }

  .mS85 {
    margin: 85px !important;
  }

  .mtS85 {
    margin-top: 85px !important;
  }

  .mbS85 {
    margin-bottom: 85px !important;
  }

  .mlS85 {
    margin-left: 85px !important;
  }

  .mrS85 {
    margin-right: 85px !important;
  }

  .pS90 {
    padding: 90px !important;
  }

  .ptS90 {
    padding-top: 90px !important;
  }

  .pbS90 {
    padding-bottom: 90px !important;
  }

  .plS90 {
    padding-left: 90px !important;
  }

  .prS90 {
    padding-right: 90px !important;
  }

  .mS90 {
    margin: 90px !important;
  }

  .mtS90 {
    margin-top: 90px !important;
  }

  .mbS90 {
    margin-bottom: 90px !important;
  }

  .mlS90 {
    margin-left: 90px !important;
  }

  .mrS90 {
    margin-right: 90px !important;
  }

  .pS95 {
    padding: 95px !important;
  }

  .ptS95 {
    padding-top: 95px !important;
  }

  .pbS95 {
    padding-bottom: 95px !important;
  }

  .plS95 {
    padding-left: 95px !important;
  }

  .prS95 {
    padding-right: 95px !important;
  }

  .mS95 {
    margin: 95px !important;
  }

  .mtS95 {
    margin-top: 95px !important;
  }

  .mbS95 {
    margin-bottom: 95px !important;
  }

  .mlS95 {
    margin-left: 95px !important;
  }

  .mrS95 {
    margin-right: 95px !important;
  }

  .pS100 {
    padding: 100px !important;
  }

  .ptS100 {
    padding-top: 100px !important;
  }

  .pbS100 {
    padding-bottom: 100px !important;
  }

  .plS100 {
    padding-left: 100px !important;
  }

  .prS100 {
    padding-right: 100px !important;
  }

  .mS100 {
    margin: 100px !important;
  }

  .mtS100 {
    margin-top: 100px !important;
  }

  .mbS100 {
    margin-bottom: 100px !important;
  }

  .mlS100 {
    margin-left: 100px !important;
  }

  .mrS100 {
    margin-right: 100px !important;
  }
}

.min0 {
  min-width: 0px !important;
}

.max0 {
  max-width: 0px !important;
}

.min10 {
  min-width: 10px !important;
}

.max10 {
  max-width: 10px !important;
}

.min20 {
  min-width: 20px !important;
}

.max20 {
  max-width: 20px !important;
}

.min30 {
  min-width: 30px !important;
}

.max30 {
  max-width: 30px !important;
}

.min40 {
  min-width: 40px !important;
}

.max40 {
  max-width: 40px !important;
}

.min50 {
  min-width: 50px !important;
}

.max50 {
  max-width: 50px !important;
}

.min60 {
  min-width: 60px !important;
}

.max60 {
  max-width: 60px !important;
}

.min70 {
  min-width: 70px !important;
}

.max70 {
  max-width: 70px !important;
}

.min80 {
  min-width: 80px !important;
}

.max80 {
  max-width: 80px !important;
}

.min90 {
  min-width: 90px !important;
}

.max90 {
  max-width: 90px !important;
}

.min100 {
  min-width: 100px !important;
}

.max100 {
  max-width: 100px !important;
}

.min110 {
  min-width: 110px !important;
}

.max110 {
  max-width: 110px !important;
}

.min120 {
  min-width: 120px !important;
}

.max120 {
  max-width: 120px !important;
}

.min130 {
  min-width: 130px !important;
}

.max130 {
  max-width: 130px !important;
}

.min140 {
  min-width: 140px !important;
}

.max140 {
  max-width: 140px !important;
}

.min150 {
  min-width: 150px !important;
}

.max150 {
  max-width: 150px !important;
}

.min160 {
  min-width: 160px !important;
}

.max160 {
  max-width: 160px !important;
}

.min170 {
  min-width: 170px !important;
}

.max170 {
  max-width: 170px !important;
}

.min180 {
  min-width: 180px !important;
}

.max180 {
  max-width: 180px !important;
}

.min190 {
  min-width: 190px !important;
}

.max190 {
  max-width: 190px !important;
}

.min200 {
  min-width: 200px !important;
}

.max200 {
  max-width: 200px !important;
}

.min210 {
  min-width: 210px !important;
}

.max210 {
  max-width: 210px !important;
}

.min220 {
  min-width: 220px !important;
}

.max220 {
  max-width: 220px !important;
}

.min230 {
  min-width: 230px !important;
}

.max230 {
  max-width: 230px !important;
}

.min240 {
  min-width: 240px !important;
}

.max240 {
  max-width: 240px !important;
}

.min250 {
  min-width: 250px !important;
}

.max250 {
  max-width: 250px !important;
}

.min260 {
  min-width: 260px !important;
}

.max260 {
  max-width: 260px !important;
}

.min270 {
  min-width: 270px !important;
}

.max270 {
  max-width: 270px !important;
}

.min280 {
  min-width: 280px !important;
}

.max280 {
  max-width: 280px !important;
}

.min290 {
  min-width: 290px !important;
}

.max290 {
  max-width: 290px !important;
}

.min300 {
  min-width: 300px !important;
}

.max300 {
  max-width: 300px !important;
}

.min310 {
  min-width: 310px !important;
}

.max310 {
  max-width: 310px !important;
}

.min320 {
  min-width: 320px !important;
}

.max320 {
  max-width: 320px !important;
}

.min330 {
  min-width: 330px !important;
}

.max330 {
  max-width: 330px !important;
}

.min340 {
  min-width: 340px !important;
}

.max340 {
  max-width: 340px !important;
}

.min350 {
  min-width: 350px !important;
}

.max350 {
  max-width: 350px !important;
}

.min360 {
  min-width: 360px !important;
}

.max360 {
  max-width: 360px !important;
}

.min370 {
  min-width: 370px !important;
}

.max370 {
  max-width: 370px !important;
}

.min380 {
  min-width: 380px !important;
}

.max380 {
  max-width: 380px !important;
}

.min390 {
  min-width: 390px !important;
}

.max390 {
  max-width: 390px !important;
}

.min400 {
  min-width: 400px !important;
}

.max400 {
  max-width: 400px !important;
}

.min410 {
  min-width: 410px !important;
}

.max410 {
  max-width: 410px !important;
}

.min420 {
  min-width: 420px !important;
}

.max420 {
  max-width: 420px !important;
}

.min430 {

  min-width: 430px !important;
}

.max430 {
  max-width: 430px !important;
}

.min440 {
  min-width: 440px !important;
}

.max440 {
  max-width: 440px !important;
}

.min450 {
  min-width: 450px !important;
}

.max450 {
  max-width: 450px !important;
}

.min460 {
  min-width: 460px !important;
}

.max460 {
  max-width: 460px !important;
}

.min470 {
  min-width: 470px !important;
}

.max470 {
  max-width: 470px !important;
}

.min480 {
  min-width: 480px !important;
}

.max480 {
  max-width: 480px !important;
}

.min490 {
  min-width: 490px !important;
}

.max490 {
  max-width: 490px !important;
}

.min500 {
  min-width: 500px !important;
}

.max500 {
  max-width: 500px !important;
}

.hover,
.defaultBtn:hover,
.c-button:hover,
.c-button--round:hover {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.hover:hover,
.defaultBtn:hover,
.c-button:hover,
.c-button--round:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.l-header {
  position: relative;
  background-color: #032f40;
}

.l-header__sitename {
  width: 300px;
  padding: 20px;
  padding: 1.25rem;
}

.l-header__sitename a {
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .l-header__sitename {
    width: 150px;
  }

  .l-header__sitename a {
    font-size: 1rem;
  }
}

.l-footer {
  padding: 20px;
  padding: 1.25rem;
  background-color: #bfbfbf;
}

.l-footer__copyright {
  font-size: 13.6px;
  font-size: 0.85rem;
  text-align: center;
}

.l-content {
  width: 100%;
  max-width: 1280px;
  padding: 40px 0 120px 0;
  padding: 2.5rem 0 7.5rem 0;
  margin: 0 auto;
}

@media only screen and (max-width: 750px) {
  .l-content {
    padding: 4% 4% 12% 4%;
  }
}

.lp_inner {
  width: 100%;
  max-width: 750px;
  padding: 0 30px;
  margin: auto;
}

@media only screen and (max-width: 749px) {
  .lp_inner {
    max-width: 100%;
    padding: 0 4vw;
  }
}

.ui-plus-01 {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 749px) {
  .ui-plus-01 {
    right: 4vw;
    width: 4vw;
    height: 4vw;
  }
}

.ui-plus-01:before,
.ui-plus-01:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
  content: "";
  background-color: #fff;
}

.ui-plus-01:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ui-plus-01:before {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.ui-plus-01.is-active:before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.defaultBtn,
.c-button,
.c-button--round {
  display: inline-block;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #f2f2f2;
  text-decoration: none;
  background: #032f40;
  opacity: 1;
}

.c-button--round {
  border-radius: 4px;
}

.c-title__lv1 {
  padding: 16px 0;
  padding: 1rem 0;
  font-size: 40px;
  font-size: 2.5rem;
}

.c-title__lv2 {
  padding: 16px 0;
  padding: 1rem 0;
  font-size: 32px;
  font-size: 2rem;
}

.c-title__lv3 {
  font-size: 24px;
  font-size: 1.5rem;
}

/*p {
  font-size: 14px;
  font-size: 0.875rem;
}*/

.c-list {
  padding-left: 0;
  list-style: none;
}

.c-list--disc {
  padding-left: 20px;
  padding-left: 1.25rem;
  list-style: disc outside;
}

.jump {
  opacity: 0;
}

.jump.active {
  -webkit-animation: jump 0.6s ease-in-out forwards;
  animation: jump 0.6s ease-in-out forwards;
}

.jump_01 {
  opacity: 0;
}

.jump_01.active {
  -webkit-animation: jumpCenter 0.6s ease-in-out forwards;
  animation: jumpCenter 0.6s ease-in-out forwards;
}

.jump_op {
  opacity: 0;
}

.jump_op.active {
  -webkit-animation: jump 0.6s ease-in-out forwards;
  animation: jump 0.6s ease-in-out forwards;
}

@-webkit-keyframes jump {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 80%);
    transform: translate(0, 80%);
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(0%, 8%);
    transform: translate(0%, 8%);
  }

  55% {
    opacity: 1;
    -webkit-transform: translate(0, 2%);
    transform: translate(0, 2%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate(0, 5%);
    transform: translate(0, 5%);
  }

  65% {
    opacity: 1;
    -webkit-transform: translate(0, 3%);
    transform: translate(0, 3%);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes jump {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 80%);
    transform: translate(0, 80%);
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(0%, 8%);
    transform: translate(0%, 8%);
  }

  55% {
    opacity: 1;
    -webkit-transform: translate(0, 2%);
    transform: translate(0, 2%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate(0, 5%);
    transform: translate(0, 5%);
  }

  65% {
    opacity: 1;
    -webkit-transform: translate(0, 3%);
    transform: translate(0, 3%);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes jumpCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 80%);
    transform: translate(-50%, 80%);
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, 8%);
    transform: translate(-50%, 8%);
  }

  55% {
    opacity: 1;
    -webkit-transform: translate(-50%, 2%);
    transform: translate(-50%, 2%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, 5%);
    transform: translate(-50%, 5%);
  }

  65% {
    opacity: 1;
    -webkit-transform: translate(-50%, 3%);
    transform: translate(-50%, 3%);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes jumpCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 80%);
    transform: translate(-50%, 80%);
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, 8%);
    transform: translate(-50%, 8%);
  }

  55% {
    opacity: 1;
    -webkit-transform: translate(-50%, 2%);
    transform: translate(-50%, 2%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, 5%);
    transform: translate(-50%, 5%);
  }

  65% {
    opacity: 1;
    -webkit-transform: translate(-50%, 3%);
    transform: translate(-50%, 3%);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.huwari {
  -webkit-animation: fuwari 1.5s ease infinite;
  animation: fuwari 1.5s ease infinite;
}

@-webkit-keyframes fuwari {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes fuwari {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.gyuin {
  opacity: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.gyuin.active {
  -webkit-animation: gyuin 0.3s ease-in-out forwards;
  animation: gyuin 0.3s ease-in-out forwards;
}

@-webkit-keyframes gyuin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-50%);
    transform: scale(0.1) translateX(-50%);
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }

  85% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateX(-50%);
    transform: scale(0.9) translateX(-50%);
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1.05) translateX(-50%);
    transform: scale(1.05) translateX(-50%);
  }

  95% {
    opacity: 1;
    -webkit-transform: scale(0.95) translateX(-50%);
    transform: scale(0.95) translateX(-50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }
}

@keyframes gyuin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-50%);
    transform: scale(0.1) translateX(-50%);
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }

  85% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateX(-50%);
    transform: scale(0.9) translateX(-50%);
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1.05) translateX(-50%);
    transform: scale(1.05) translateX(-50%);
  }

  95% {
    opacity: 1;
    -webkit-transform: scale(0.95) translateX(-50%);
    transform: scale(0.95) translateX(-50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }
}

@-webkit-keyframes rSlide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%) translateY(-50%);
    transform: translateX(-20%) translateY(-50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

@keyframes rSlide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%) translateY(-50%);
    transform: translateX(-20%) translateY(-50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

@-webkit-keyframes lSlide-def {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes lSlide-def {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes lSlide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%) translateY(-50%);
    transform: translateX(20%) translateY(-50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

@keyframes lSlide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%) translateY(-50%);
    transform: translateX(20%) translateY(-50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.op_jump {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.op_upFade {
  opacity: 0;
  -webkit-transition: 0.5s 0s ease-in-out;
  transition: 0.5s 0s ease-in-out;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.op_upFade.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-Fade {
  opacity: 0;
  -webkit-transition: 0.3s 0s ease-in-out;
  transition: 0.3s 0s ease-in-out;
}

.c-Fade.active {
  opacity: 1;
}

.c-upFade {
  opacity: 0;
  -webkit-transition: 0.3s 0s ease-in-out;
  transition: 0.3s 0s ease-in-out;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.c-upFade.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-downFade {
  opacity: 0;
  -webkit-transition: 0.3s 0s ease-in-out;
  transition: 0.3s 0s ease-in-out;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
}

.c-downFade.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-leftFade {
  opacity: 0;
  -webkit-transition: 0.3s 0s ease-in-out;
  transition: 0.3s 0s ease-in-out;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.c-leftFade.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFade {
  opacity: 0;
  -webkit-transition: 0.6s 0s ease;
  transition: 0.6s 0s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFade.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightSlide {
  -webkit-transition: 0.4s cubic-bezier(0, 0.96, 0.33, 0.96);
  transition: 0.4s cubic-bezier(0, 0.96, 0.33, 0.96);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-rightSlide.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftSlide {
  -webkit-transition: 0.8s cubic-bezier(0, 0.96, 0.33, 0.96);
  transition: 0.8s cubic-bezier(0, 0.96, 0.33, 0.96);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.c-leftSlide.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-fadeParent {
  opacity: 0;
  -webkit-transition: 0.6s 0s ease;
  transition: 0.6s 0s ease;
}

.c-fadeParent .c-fadeChild01 {
  opacity: 0;
  -webkit-transition: 0.6s 0.1s ease;
  transition: 0.6s 0.1s ease;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.c-fadeParent .c-fadeChild02 {
  opacity: 0;
  -webkit-transition: 0.6s 0.3s ease;
  transition: 0.6s 0.3s ease;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.c-fadeParent .c-fadeChild03 {
  opacity: 0;
  -webkit-transition: 0.6s 0.5s ease;
  transition: 0.6s 0.5s ease;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.c-fadeParent .c-fadeChild04 {
  opacity: 0;
  -webkit-transition: 0.6s 0.7s ease;
  transition: 0.6s 0.7s ease;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.c-fadeParent .c-fadeChild05 {
  opacity: 0;
  -webkit-transition: 0.6s 0.9s ease;
  transition: 0.6s 0.9s ease;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.c-fadeParent.active {
  opacity: 1;
}

.c-fadeParent.active .c-fadeChild01 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-fadeParent.active .c-fadeChild02 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-fadeParent.active .c-fadeChild03 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-fadeParent.active .c-fadeChild04 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-fadeParent.active .c-fadeChild05 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-rightFadeParent {
  opacity: 0;
  -webkit-transition: 0.6s 0s ease;
  transition: 0.6s 0s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child01 {
  opacity: 0;
  -webkit-transition: 0.6s 0.1s ease;
  transition: 0.6s 0.1s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child02 {
  opacity: 0;
  -webkit-transition: 0.6s 0.2s ease;
  transition: 0.6s 0.2s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child03 {
  opacity: 0;
  -webkit-transition: 0.6s 0.3s ease;
  transition: 0.6s 0.3s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child04 {
  opacity: 0;
  -webkit-transition: 0.6s 0.4s ease;
  transition: 0.6s 0.4s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child05 {
  opacity: 0;
  -webkit-transition: 0.6s 0.5s ease;
  transition: 0.6s 0.5s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child06 {
  opacity: 0;
  -webkit-transition: 0.6s 0.6s ease;
  transition: 0.6s 0.6s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child07 {
  opacity: 0;
  -webkit-transition: 0.6s 0.7s ease;
  transition: 0.6s 0.7s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child08 {
  opacity: 0;
  -webkit-transition: 0.6s 0.8s ease;
  transition: 0.6s 0.8s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child09 {
  opacity: 0;
  -webkit-transition: 0.6s 0.9s ease;
  transition: 0.6s 0.9s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child10 {
  opacity: 0;
  -webkit-transition: 0.6s 1s ease;
  transition: 0.6s 1s ease;
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.c-rightFadeParent .c-child_opa {
  opacity: 1;
  -webkit-transition: 0.7s 0.1s ease-in-out;
  transition: 0.7s 0.1s ease-in-out;
  -webkit-transform: translateX(-30%);
  transform: translateX(-30%);
}

@media only screen and (max-width: 749px) {
  .c-rightFadeParent .c-child_opa {
    -webkit-transition: 0.7s 0.1s 0.4s ease;
    transition: 0.7s 0.1s 0.4s ease;
  }
}

.c-rightFadeParent.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child01 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child02 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child03 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child04 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child05 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child06 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child07 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child08 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child09 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child10 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightFadeParent.active .c-child_opa {
  opacity: 0.1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftFadeParent {
  opacity: 0;
  -webkit-transition: 0.6s 0s ease;
  transition: 0.6s 0s ease;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.c-leftFadeParent .c-child01 {
  opacity: 0;
  -webkit-transition: 0.6s 0.1s ease;
  transition: 0.6s 0.1s ease;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.c-leftFadeParent .c-child02 {
  opacity: 0;
  -webkit-transition: 0.6s 0.2s ease;
  transition: 0.6s 0.2s ease;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.c-leftFadeParent .c-child03 {
  opacity: 0;
  -webkit-transition: 0.6s 0.3s ease;
  transition: 0.6s 0.3s ease;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.c-leftFadeParent .c-child04 {
  opacity: 0;
  -webkit-transition: 0.6s 0.4s ease;
  transition: 0.6s 0.4s ease;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.c-leftFadeParent .c-child05 {
  opacity: 0;
  -webkit-transition: 0.6s 0.5s ease;
  transition: 0.6s 0.5s ease;
  -webkit-transform: translateX(10%);
  transform: translateX(10%);
}

.c-leftFadeParent.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftFadeParent.active .c-child01 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftFadeParent.active .c-child02 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftFadeParent.active .c-child03 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftFadeParent.active .c-child04 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftFadeParent.active .c-child05 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftParent {
  -webkit-transition: 0.6s 0s ease-in-out;
  transition: 0.6s 0s ease-in-out;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.c-leftParent .c-child01 {
  opacity: 0;
  -webkit-transition: 0.5s 0.5s ease;
  transition: 0.5s 0.5s ease;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
}

.c-leftParent .c-child02 {
  opacity: 0;
  -webkit-transition: 0.5s 0.65s ease;
  transition: 0.5s 0.65s ease;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
}

.c-leftParent.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftParent.active .c-child01 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-leftParent.active .c-child02 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media only screen and (max-width: 749px) {
  .c-leftParent .c-child01 {
    -webkit-transition: 0.5s 0s ease;
    transition: 0.5s 0s ease;
  }

  .c-leftParent .c-child02 {
    -webkit-transition: 0.5s 0s ease;
    transition: 0.5s 0s ease;
  }
}

.c-rightParent {
  -webkit-transition: 0.5s 0s ease-in-out;
  transition: 0.5s 0s ease-in-out;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-rightParent .c-child01 {
  opacity: 0;
  -webkit-transition: 0.5s 0.5s ease;
  transition: 0.5s 0.5s ease;
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
}

.c-rightParent .c-child02 {
  opacity: 0;
  -webkit-transition: 0.5s 0.65s ease;
  transition: 0.5s 0.65s ease;
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
}

.c-rightParent.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightParent.active .c-child01 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-rightParent.active .c-child02 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media only screen and (max-width: 749px) {
  .c-rightParent .c-child01 {
    -webkit-transition: 0.5s 0s ease;
    transition: 0.5s 0s ease;
  }

  .c-rightParent .c-child02 {
    -webkit-transition: 0.5s 0s ease;
    transition: 0.5s 0s ease;
  }
}

.c-factoryParent {
  display: block;
}

.c-factoryParent .c-fChild01 {
  opacity: 0;
  -webkit-transition: 1s 0.4s ease-in-out;
  transition: 1s 0.4s ease-in-out;
  -webkit-transform: translateY(15%);
  transform: translateY(15%);
}

.c-factoryParent .c-fChild02 {
  opacity: 0;
  -webkit-transition: 1s 0.4s ease-in-out;
  transition: 1s 0.4s ease-in-out;
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
}

.c-factoryParent .c-fChild03 {
  opacity: 0;
  -webkit-transition: 1s 0.4s ease-in-out;
  transition: 1s 0.4s ease-in-out;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}

.c-factoryParent .c-fChild04 {
  opacity: 0;
  -webkit-transition: 1s 0.4s ease-in-out;
  transition: 1s 0.4s ease-in-out;
  -webkit-transform: translateY(-15%);
  transform: translateY(-15%);
}

.c-factoryParent.active .c-fChild01 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.c-factoryParent.active .c-fChild02 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-factoryParent.active .c-fChild03 {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-factoryParent.active .c-fChild04 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.oao_01 {
  -webkit-transition: 5.8s ease-in-out;
  transition: 5.8s ease-in-out;
  -webkit-transform: translateY(1000%) !important;
  transform: translateY(1000%) !important;
}

.oao_01.active {
  -webkit-transform: translateY(-1000%) !important;
  transform: translateY(-1000%) !important;
}

@media only screen and (max-width: 749px) {
  .oao_01 {
    -webkit-transform: translateY(2000%) !important;
    transform: translateY(2000%) !important;
  }

  .oao_01.active {
    -webkit-transform: translateY(-2000%) !important;
    transform: translateY(-2000%) !important;
  }
}

.oao_02 {
  -webkit-transition: 6.5s ease-in-out;
  transition: 6.5s ease-in-out;
  -webkit-transform: translateY(1000%) !important;
  transform: translateY(1000%) !important;
}

.oao_02.active {
  -webkit-transform: translateY(-1000%) !important;
  transform: translateY(-1000%) !important;
}

.oao_02 {
  -webkit-transition: 6.5s ease-in-out;
  transition: 6.5s ease-in-out;
  -webkit-transform: translateY(1000%) !important;
  transform: translateY(1000%) !important;
}

.oao_02.active {
  -webkit-transform: translateY(-1000%) !important;
  transform: translateY(-1000%) !important;
}

@media only screen and (max-width: 749px) {
  .oao_02 {
    -webkit-transform: translateY(2000%) !important;
    transform: translateY(2000%) !important;
  }

  .oao_02.active {
    -webkit-transform: translateY(-2000%) !important;
    transform: translateY(-2000%) !important;
  }
}

.oao_03 {
  -webkit-transition: 7.8s ease-in-out;
  transition: 7.8s ease-in-out;
  -webkit-transform: translateY(1000%) !important;
  transform: translateY(1000%) !important;
}

.oao_03.active {
  -webkit-transform: translateY(-1000%) !important;
  transform: translateY(-1000%) !important;
}

@media only screen and (max-width: 749px) {
  .oao_03 {
    -webkit-transform: translateY(2000%) !important;
    transform: translateY(2000%) !important;
  }

  .oao_03.active {
    -webkit-transform: translateY(-2000%) !important;
    transform: translateY(-2000%) !important;
  }
}

.oao_04 {
  -webkit-transition: 6.9s ease-in-out;
  transition: 6.9s ease-in-out;
  -webkit-transform: translateY(1000%) !important;
  transform: translateY(1000%) !important;
}

.oao_04.active {
  -webkit-transform: translateY(-1000%) !important;
  transform: translateY(-1000%) !important;
}

@media only screen and (max-width: 749px) {
  .oao_04 {
    -webkit-transform: translateY(2000%) !important;
    transform: translateY(2000%) !important;
  }

  .oao_04.active {
    -webkit-transform: translateY(-2000%) !important;
    transform: translateY(-2000%) !important;
  }
}

.oa_01 {
  -webkit-transition: 2.8s cubic-bezier(0.17, 0.67, 0.18, 1);
  transition: 2.8s cubic-bezier(0.17, 0.67, 0.18, 1);
  -webkit-transform: translateY(1000%) !important;
  transform: translateY(1000%) !important;
}

.oa_01.active {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

@media only screen and (max-width: 749px) {
  .oa_01 {
    -webkit-transform: translateY(2000%) !important;
    transform: translateY(2000%) !important;
  }

  .oa_01.active {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}

.oa_02 {
  -webkit-transition: 2.5s cubic-bezier(0.17, 0.67, 0.18, 1);
  transition: 2.5s cubic-bezier(0.17, 0.67, 0.18, 1);
  -webkit-transform: translateY(1000%) !important;
  transform: translateY(1000%) !important;
}

.oa_02.active {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

@media only screen and (max-width: 749px) {
  .oa_02 {
    -webkit-transform: translateY(2000%) !important;
    transform: translateY(2000%) !important;
  }

  .oa_02.active {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}

.qq_03 {
  opacity: 0;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  -webkit-transform: translateX(-140%) !important;
  transform: translateX(-140%) !important;
}

.qq_03.active {
  opacity: 1;
  -webkit-transform: translateX(-113%) !important;
  transform: translateX(-113%) !important;
}

.qq_04 {
  opacity: 0;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  -webkit-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
}

.qq_04.active {
  opacity: 1;
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

.opSpan {
  position: relative;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.opSpan.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.opTxt {
  position: relative;
  opacity: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.opTxt.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.underOaaDown {
  opacity: 0;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  -webkit-transform: translateY(-15%);
  transform: translateY(-15%);
}

.underOaaDown.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.underOaaUp {
  opacity: 0;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.underOaaUp.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.underOaaLeft {
  opacity: 0;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}

.underOaaLeft.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.underOaaRight {
  opacity: 0;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
}

.underOaaRight.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-delay00 {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.c-delay01 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.c-delay02 {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.c-delay03 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.c-delay04 {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.c-delay05 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.c-delay06 {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.c-delay07 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.c-delay08 {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.c-delay09 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.c-delay10 {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

.c-delay11 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.c-delay12 {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

.c-delay13 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.c-delay14 {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.c-delay15 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.c-delay16 {
  -webkit-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

.c-delay17 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.c-delay18 {
  -webkit-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

.c-delay19 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.c-delay20 {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

.c-delay21 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.c-delay22 {
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.15s;
}

.c-right_slide {
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-right_slide.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-left_slide {
  -webkit-transition: 0.9s ease-in-out;
  transition: 0.9s ease-in-out;
  -webkit-transform: translateY(-50%) translateX(200%);
  transform: translateY(-50%) translateX(200%);
}

.c-left_slide.active {
  -webkit-transform: translateY(-50%) translateX(65%);
  transform: translateY(-50%) translateX(65%);
}

.c-left_slide_recruitUnderMv {
  -webkit-transition: 0.9s ease-in-out;
  transition: 0.9s ease-in-out;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
}

.c-left_slide_recruitUnderMv.active {
  -webkit-transform: translateX(55%);
  transform: translateX(55%);
}

.p-post__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
}

.p-post__wrap_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: normal;
  width: 48%;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
}

.p-post__textArea {
  padding: 0 0 0 20px;
  padding: 0 0 0 1.25rem;
}

.p-post__textArea_date {
  font-size: 12px;
  font-size: 0.75rem;
  color: #5c7073;
}

.p-post__textArea_ttl {
  padding-top: 4px;
  padding-top: 0.25rem;
}

.p-post__textArea_text {
  padding-top: 4px;
  padding-top: 0.25rem;
}

.p-post__textArea_btn {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: right;
}

#lp_202204 {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: auto;
  font-family: YuGothic, YuGothicM, "Yu Gothic Medium", "游ゴシック Medium",
    YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Montserrat",
    sans-serif;
  font-weight: normal;
  color: #222222;
  letter-spacing: 0.05em;
}


#lp_202204 a {
  text-decoration: none;
}

#lp_202204 li {
  list-style-type: none;
}

#lp_202204 .c-grad_btn {
  position: relative;
  display: block;
  width: 100%;
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#eb1e8d),
      color-stop(#9d3bd1),
      to(#51add6));
  background-image: linear-gradient(to right, #eb1e8d, #9d3bd1, #51add6);
}

#lp_202204 .c-grad_btn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#51add6),
      color-stop(#9d3bd1),
      to(#eb1e8d));
  background-image: linear-gradient(to right, #51add6, #9d3bd1, #eb1e8d);
  opacity: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

#lp_202204 .c-grad_btn:hover::before,
#lp_202204 .c-grad_btn:active::before {
  opacity: 1;
}

#lp_202204 .c-cv_btn {
  position: relative;
  width: 670px;
  margin: auto;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 12px 13px -7px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 12px 13px -7px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .c-cv_btn {
    -webkit-box-shadow: 0px 3.2vw 3.46667vw -1.86667vw rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3.2vw 3.46667vw -1.86667vw rgba(0, 0, 0, 0.05);
  }
}

#lp_202204 .c-cv_btn::before {
  position: absolute;
  top: -60px;
  left: 50%;
  width: 336px;
  height: 43px;
  content: "";
  background-image: url(../images/cv_btn_txt.webp);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#lp_202204 .c-cv_btn::after {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 10;
  width: 17px;
  height: 30px;
  content: "";
  background-image: url(../images/cv_btn_arw.webp);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#lp_202204 .c-cv_btn a {
  display: block;
  width: 100%;
  padding: 45px 0;
}

#lp_202204 .c-cv_btn span {
  position: relative;
  z-index: 10;
  display: block;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .c-cv_btn {
    width: 89.33333vw;
  }

  #lp_202204 .c-cv_btn::before {
    top: -8vw;
    width: 44.8vw;
    height: 5.86667vw;
  }

  #lp_202204 .c-cv_btn::after {
    right: 4vw;
    width: 2.13333vw;
    height: 4vw;
  }

  #lp_202204 .c-cv_btn a {
    padding: 5.86667vw 0;
  }

  #lp_202204 .c-cv_btn span {
    font-size: 4.53333vw;
  }
}

#lp_202204 .cl_bl {
  font-weight: bold;
  color: #379dd9;
}

#lp_202204 .cl_pk {
  font-weight: bold;
  color: #d9388e;
}

#lp_202204 .c-base_txt {
  font-size: 30px;
  line-height: 1.7;
}

#lp_202204 .c-base_txt sup {
  font-size: 0.5em;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .c-base_txt {
    font-size: 4vw;
  }
}

#lp_202204 .note {
  display: block;
  margin-top: 10px;
  font-size: 20px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .note {
    margin-top: 1.33333vw;
    font-size: 2.66667vw;
  }
}

#lp_202204 .lp_header {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 750px;
  padding: 14px 20px;
  margin: auto;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .lp_header {
    padding: 1.86667vw 2.66667vw;
  }
}

#lp_202204 .p-header_logo {
  position: relative;
  width: 152px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-header_logo {
    width: 20.26667vw;
  }
}

#lp_202204 .p-header_btn_container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  width: 473px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-header_btn_container {
    width: 63.2vw;
  }
}

#lp_202204 .p-header_list {
  position: relative;
  width: 210px;
  margin-right: 10px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-header_list {
    width: 28vw;
    margin-right: 1.33333vw;
  }
}

#lp_202204 .p-header_reserve {
  position: relative;
  width: 256px;
  font-size: 24px;
}

#lp_202204 .p-header_reserve a {
  padding: 24px 10px;
}

#lp_202204 .p-header_reserve span {
  position: relative;
  z-index: 10;
  display: block;
  line-height: 1;
  color: #ffffff;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-header_reserve {
    width: 34.13333vw;
    font-size: 3.2vw;
  }

  #lp_202204 .p-header_reserve a {
    padding: 3.2vw 1.33333vw;
  }
}

#lp_202204 .p-mv {
  position: relative;
  width: 100%;
  height: 710px;
  margin-top: 100px;
  overflow: hidden;
  background-image: url(../images/mv_img.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-mv {
    height: 94.66667vw;
    margin-top: 13.33333vw;
    background-position: center center;
    background-size: cover;
  }
}

#lp_202204 .p-mv_txt {
  position: absolute;
  top: 60px;
  right: 45px;
  width: 352px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-mv_txt {
    top: 8vw;
    right: 6vw;
    width: 46.93333vw;
  }
}

#lp_202204 .p-heading {
  position: relative;
  width: 100%;
  padding-top: 65px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-heading {
    padding-top: 8.66667vw;
  }
}

#lp_202204 .p-heading_ttl {
  position: relative;
  width: 670px;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-heading_ttl {
    width: 89.33333vw;
    margin: 0 auto 4vw;
  }
}

#lp_202204 .p-heading_img_01 {
  position: relative;
  width: 100%;
}

#lp_202204 .p-heading_img_02 {
  position: relative;
  width: 100%;
}

#lp_202204 .p-heading_btn_area {
  position: relative;
  width: 100%;
  padding: 80px 0 80px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-heading_btn_area {
    padding: 16vw 0 10.66667vw;
  }
}

#lp_202204 .sec01 {
  position: relative;
  width: 100%;
  padding-top: 380px;
  padding-bottom: 80px;
  background-color: #fff2f8;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec01 {
    padding-top: 50.66667vw;
    padding-bottom: 10.66667vw;
  }
}

#lp_202204 .p-sec01_ttl {
  position: absolute;
  top: 40px;
  right: 10px;
  width: 440px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_ttl {
    top: 5.33333vw;
    right: 1.33333vw;
    width: 58.66667vw;
  }
}

#lp_202204 .p-sec01_chara_01 {
  position: absolute;
  top: -38px;
  left: -60px;
  width: 356px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_chara_01 {
    top: -5.06667vw;
    left: -8vw;
    width: 47.46667vw;
  }
}

#lp_202204 .p-sec01_container {
  position: relative;
  width: 690px;
  margin: 0 auto 80px;
  border: 2px solid #d9388e;
}

#lp_202204 .p-sec01_container:nth-last-child(1) {
  margin-bottom: 0;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_container {
    width: 92vw;
    margin: 0 auto 10.66667vw;
  }
}

#lp_202204 .p-sec01_head {
  position: relative;
  width: 100%;
  padding: 60px 0 40px;
  background-color: #d9388e;
}

#lp_202204 .p-sec01_head::before {
  position: absolute;
  top: -42px;
  left: 50%;
  width: 84px;
  height: 84px;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_head {
    padding: 8vw 0 5.33333vw;
  }

  #lp_202204 .p-sec01_head::before {
    top: -5.6vw;
    width: 11.2vw;

    height: 11.2vw;
  }
}

#lp_202204 .p-sec01_head.head_01::before {
  background-image: url(../images/sec01_num_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

#lp_202204 .p-sec01_head.head_02::before {
  background-image: url(../images/sec01_num_02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

#lp_202204 .p-sec01_head.head_03::before {
  background-image: url(../images/sec01_num_03.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

#lp_202204 .p-sec01_head_ttl {
  position: relative;
  font-size: 44px;
  font-weight: bold;
  line-height: 1.18;
  color: #ffffff;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_head_ttl {
    font-size: 5.86667vw;
  }
}

#lp_202204 .p-sec01_body {
  position: relative;
  padding: 45px 40px;
  background-color: #ffffff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_body {
    padding: 5.86667vw 5.33333vw;
  }
}

#lp_202204 .p-sec01_body_txt_01 {
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 1.7;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_body_txt_01 {
    margin-bottom: 3.2vw;
    font-size: 4vw;
  }
}

#lp_202204 .txt_grad {
  display: inline;
  padding: 2px 3px;
  color: #ffffff;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#e62b91),
      to(#f78282));
  background: linear-gradient(90deg, #e62b91, #f78282);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .txt_grad {
    padding: 0.26667vw 0.4vw;
  }
}

#lp_202204 .p-sec01_body_img_01 {
  position: relative;
  width: 100%;
}

#lp_202204 .p-sec01_body_txt_02 {
  position: relative;
  width: 100%;
}

#lp_202204 .p-sec01_body_movie {
  position: relative;
  padding: 20px 6px 12px 6px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#e62b91),
      to(#f78282));
  background: linear-gradient(90deg, #e62b91, #f78282);
}

/*
#lp_202204 .p-sec01_body_movie iframe {
  position: relative;
  display: block;
  width: 580px;
  height: 325.92px;
  margin: auto;
  text-align: center;
}
*/
@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_body_movie {
    padding: 2.66667vw 0.8vw 1.6vw 0.8vw;
  }

  /*
  #lp_202204 .p-sec01_body_movie iframe {
    width: 77.33333vw;
    height: 43.456vw;
  }
  */
}

#lp_202204 .p-sec01_body_movie_ttl {
  position: relative;
  display: block;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_body_movie_ttl {
    margin-bottom: 2.66667vw;
    font-size: 4.8vw;
  }
}

#lp_202204 .p-sec01_body_txt_03 {
  position: relative;
  width: 100%;
}

#lp_202204 .p-sec01_body_wrap {
  position: relative;
  width: 100%;
  padding: 60px 0 60px;
  background-color: #fff2f8;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_body_wrap {
    padding: 8vw 0 8vw;
  }
}

#lp_202204 .p-sec01_body_img_05 {
  position: relative;
  width: 572px;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_body_img_05 {
    width: 76.26667vw;
    margin: 0 auto 5.33333vw;
  }
}

#lp_202204 .p-sec01_body_img_06 {
  position: relative;
  width: 442px;
  margin: auto;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec01_body_img_06 {
    width: 58.93333vw;
  }
}

#lp_202204 .sec02 {
  position: relative;
  padding-top: 660px;
  padding-bottom: 100px;
  background-color: #f2faff;
}

#lp_202204 .sec02::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 554px;
  content: "";
  background-image: url(../images/sec02_bg_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec02 {
    padding-top: 88vw;
    padding-bottom: 13.33333vw;
  }

  #lp_202204 .sec02::after {
    height: 73.86667vw;
  }
}

#lp_202204 .p-sec02_ttl {
  position: absolute;
  top: 90px;
  left: 50%;
  width: 628px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec02_ttl {
    top: 12vw;
    width: 83.73333vw;
  }
}

#lp_202204 .p-sec02_heading_img {
  position: absolute;
  top: 240px;
  left: 50%;
  width: 518px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec02_heading_img {
    top: 32vw;
    width: 69.06667vw;
  }
}

#lp_202204 .p-sec02_container {
  position: relative;
  width: 100%;
}

#lp_202204 .p-sec02_head {
  position: relative;
  width: 100%;
}

#lp_202204 .p-sec02_body {
  position: relative;
  padding: 40px;
  background-color: #ffffff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec02_body {
    padding: 5.33333vw;
  }
}

#lp_202204 .p-sec02_body_txt {
  position: relative;
  font-size: 30px;
  line-height: 1.7;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec02_body_txt {
    font-size: 4vw;
  }
}

#lp_202204 .sec03 {
  position: relative;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #f881c1;
}

#lp_202204 .sec03::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 342px;
  content: "";
  background-image: url(../images/sec03_bg_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec03 {
    padding-top: 8vw;
    padding-bottom: 13.33333vw;
  }

  #lp_202204 .sec03::before {
    height: 45.6vw;
  }
}

#lp_202204 .p-sec03_ttl {
  position: relative;
  width: 256px;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_ttl {
    width: 34.13333vw;
    margin: 0 auto 5.33333vw;
  }
}

#lp_202204 .p-sec03_container {
  position: relative;
  width: 690px;
  padding: 70px 30px 40px;
  margin: 0 auto 80px;
  background-color: #fff4f9;
}

#lp_202204 .p-sec03_container:nth-last-child(1) {
  margin-bottom: 0;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_container {
    width: 92vw;
    padding: 9.33333vw 4vw 5.33333vw;
    margin: 0 auto 10.66667vw;
  }
}

#lp_202204 .p-sec03_head {
  position: relative;
  width: 100%;
  padding-left: 200px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_head {
    padding-left: 26.66667vw;
    margin-bottom: 0.66667vw;
  }
}

#lp_202204 .p-sec03_head_img {
  position: absolute;
  top: -100px;
  left: -54px;
  width: 304px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_head_img {
    top: -13.33333vw;
    left: -7.2vw;
    width: 40.53333vw;
  }
}

#lp_202204 .p-sec03_head_txt {
  position: relative;
  width: 100%;
}

#lp_202204 .p-sec03_head_txt_txt {
  position: relative;
  font-size: 30px;
  line-height: 1.7;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_head_txt_txt {
    font-size: 4vw;
  }
}

#lp_202204 .p-sec03_img {
  position: relative;
  width: 100%;
}

#lp_202204 .p-sec03_txt_txt {
  position: relative;
  font-size: 30px;
  line-height: 1.7;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_txt_txt {
    font-size: 4vw;
  }
}

#lp_202204 .p-sec03_txt_01 {
  position: relative;
  width: 610px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_txt_01 {
    width: 81.33333vw;
  }
}

#lp_202204 .p-sec03_txt_02 {
  width: 420px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_txt_02 {
    width: 56vw;
  }
}

#lp_202204 .p-sec03_acc_container {
  position: relative;
  width: 690px;
  margin: auto;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_container {
    width: 92vw;
  }
}



@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_head {
    padding: 4.66667vw;
  }
}

#lp_202204 .p-sec03_acc_head_txt {
  position: relative;
  display: block;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_head_txt {
    font-size: 3.73333vw;
  }
}

#lp_202204 .p-sec03_acc_body {
  position: relative;
  display: none;
  width: 100%;
  padding: 40px;
  background-color: #fff4f9;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_body {
    padding: 5.33333vw;
  }
}

#lp_202204 .p-sec03_acc_body_head {
  position: relative;
  width: 100%;
  padding: 20px;
  background-color: #e669a3;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_body_head {
    padding: 2.66667vw;
  }
}

#lp_202204 .p-sec03_acc_body_head_txt {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_body_head_txt {
    font-size: 3.73333vw;
  }
}

#lp_202204 .sml {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sml {
    font-size: 2.66667vw;
  }
}

#lp_202204 .p-sec03_acc_body_body {
  position: relative;
  width: 100%;
  padding: 40px 30px;
  background-color: #fff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_body_body {
    padding: 5.33333vw 4vw;
  }
}

#lp_202204 .p-sec03_acc_body_body_list {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

#lp_202204 .p-sec03_acc_body_body_list:nth-last-child(1) {
  margin-bottom: 0;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .p-sec03_acc_body_body_list {
    margin-bottom: 5.33333vw;
  }
}

#lp_202204 .sec04 {
  position: relative;
  padding: 500px 40px 100px;
  background-color: #379dd9;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec04 {
    padding: 66.66667vw 5.33333vw 13.33333vw;
  }
}

#lp_202204 .sec04_ttl {
  position: absolute;
  top: 80px;
  left: 50%;
  width: 604px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec04_ttl {
    top: 10.66667vw;
    width: 80.53333vw;
  }
}

#lp_202204 .sec04_chara {
  position: absolute;
  top: 210px;
  left: 50%;
  width: 690px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec04_chara {
    top: 28vw;
    width: 92vw;
  }
}

#lp_202204 .sec04_img {
  position: relative;
  width: 100%;
}

#lp_202204 .sec05 {
  position: relative;
  padding: 835px 40px 100px;
  background-color: #f8f8e5;
}

#lp_202204 .sec05::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 554px;
  content: "";
  background-image: url(../images/sec05_bg_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec05 {
    padding: 111.33333vw 5.33333vw 13.33333vw;
  }

  #lp_202204 .sec05::before {
    height: 73.86667vw;
  }
}

#lp_202204 .sec05_ttl {
  position: absolute;
  top: 110px;
  left: 50%;
  width: 690px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec05_ttl {
    top: 14.66667vw;
    width: 92vw;
  }
}

#lp_202204 .sec05_chara {
  position: absolute;
  top: 385px;
  left: 50%;
  width: 690px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec05_chara {
    top: 51.33333vw;
    width: 92vw;
  }
}

#lp_202204 .sec05_img {
  position: relative;
  width: 100%;
}

#lp_202204 .sec06 {
  position: relative;
  padding: 496px 40px 100px;
  background-color: #fff2f8;
}

#lp_202204 .sec06::before {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  height: 254px;
  content: "";
  background-image: url(../images/sec06_bg_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec06 {
    padding: 66.13333vw 5.33333vw 13.33333vw;
  }

  #lp_202204 .sec06::before {
    top: 4.26667vw;
    height: 33.86667vw;
  }
}

#lp_202204 .sec06_ttl {
  position: absolute;
  top: 84px;
  left: 50%;
  width: 614px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec06_ttl {
    top: 11.2vw;
    width: 81.86667vw;
  }
}

#lp_202204 .sec06_container {
  position: relative;
  width: 100%;
  border: 2px solid #d9388e;
}

#lp_202204 .sec06_head {
  position: relative;
  padding: 40px;
  background-color: #d9388e;
}

#lp_202204 .sec06_head::before {
  position: absolute;
  top: -50px;
  left: 14px;
  width: 164px;
  height: 164px;
  content: "";
  background-image: url(../images/sec06_txt_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

#lp_202204 .sec06_head::after {
  position: absolute;
  top: -69px;
  right: -10px;
  width: 240px;
  height: 306px;
  content: "";
  background-image: url(../images/sec06_chara_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec06_head {
    padding: 5.33333vw;
  }

  #lp_202204 .sec06_head::before {
    left: 1.86667vw;
    width: 21.86667vw;
    height: 21.86667vw;
  }

  #lp_202204 .sec06_head::after {
    top: -8vw;
    right: -1.3vw;
    width: 31vw;
    height: 40.8vw;
  }
}

#lp_202204 .sec06_head_txt {
  position: relative;
  font-size: 44px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec06_head_txt {
    font-size: 5.86667vw;
  }
}

#lp_202204 .lg {
  font-size: 64px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .lg {
    font-size: 8.53333vw;
  }
}

#lp_202204 .sec06_body {
  position: relative;
  width: 100%;
  padding: 40px;
  background-color: #fff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec06_body {
    padding: 5.33333vw;
  }
}

#lp_202204 .sec06_img {
  position: relative;
  width: 100%;
}

#lp_202204 .sec07 {
  position: relative;
  width: 100%;
  padding: 100px 40px 90px;
  background-color: #f2faff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec07 {
    padding: 13.33333vw 5.33333vw 12vw;
  }
}

#lp_202204 .sec07_ttl {
  position: relative;
  width: 480px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec07_ttl {
    width: 64vw;
  }
}

#lp_202204 .sec07_img_01 {
  position: relative;
  width: 648px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec07_img_01 {
    width: 86.4vw;
  }
}

#lp_202204 .sec07_list_container {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec07_list_container {
    margin-bottom: 5.33333vw;
  }
}

#lp_202204 .sec07_list {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

#lp_202204 .sec07_list:nth-last-child(1) {
  margin-bottom: 0;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec07_list {
    margin-bottom: 2.66667vw;
  }
}

#lp_202204 .sec07_list_head {
  position: relative;
  width: 100%;
  padding: 40px;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #379dd9;
  border-radius: 5px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

#lp_202204 .sec07_list_head span {
  display: block;
  font-size: 36px;
  font-weight: bold;
  color: #379dd9;
}

#lp_202204 .sec07_list_head.active {
  background-color: #379dd9;
  border-radius: 5px 5px 0 0;
}

#lp_202204 .sec07_list_head.active span {
  color: #fff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec07_list_head {
    padding: 5.33333vw;
    border-radius: 0.66667vw;
  }

  #lp_202204 .sec07_list_head span {
    font-size: 4.8vw;
  }

  #lp_202204 .sec07_list_head.active {
    border-radius: 0.66667vw 0.66667vw 0 0;
  }
}

#lp_202204 .sec07_list_body {
  position: relative;
  display: none;
  background-color: #fff;
  border-right: 2px solid #379dd9;
  border-left: 2px solid #379dd9;
}

#lp_202204 .sec07_list_body_list {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #379dd9;
}

#lp_202204 .sec07_list_body_list a {
  position: relative;
  position: relative;
  display: block;
  display: block;
  width: 100%;
  width: 100%;
  padding: 40px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

#lp_202204 .sec07_list_body_list a span {
  display: block;
  font-size: 30px;
  color: #222222;
}

#lp_202204 .sec07_list_body_list::after {
  position: absolute;
  top: 50%;
  right: 40px;
  width: 12px;
  height: 22px;
  content: "";
  background-image: url(../images/sec07_arw.webp);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 749px) {
  #lp_202204 .sec07_list_body_list a {
    padding: 5.33333vw;
  }

  #lp_202204 .sec07_list_body_list a span {
    font-size: 4vw;
  }

  #lp_202204 .sec07_list_body_list::after {
    right: 5.33333vw;
    width: 1.6vw;
    height: 2.93333vw;
  }
}

#lp_202204 .jsAccMene02::before {
  background-color: #379dd9;
}

#lp_202204 .jsAccMene02::after {
  background-color: #379dd9;
}

#lp_202204 .jsAccMene02.active::before {
  background-color: #fff;
}

#lp_202204 .jsAccMene02.active::after {
  background-color: #fff;
}

#lp_202204 .secline {
  position: relative;
  padding: 100px 40px 60px;
  background-color: #fff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .secline {
    padding: 13.33333vw 5.33333vw 8vw;
  }
}

#lp_202204 .line_container {
  position: relative;
  width: 100%;
}

#lp_202204 .line_img {
  position: relative;
  width: 100%;
}

#lp_202204 .line_body {
  position: relative;
  width: 100%;
  padding: 40px 40px 100px 40px;
  margin-bottom: 100px;
  background-color: #ebffec;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .line_body {
    padding: 5.33333vw 5.33333vw 13.33333vw 5.33333vw;
    margin-bottom: 13.33333vw;
  }
}

#lp_202204 .line_txt_01 {
  position: relative;
  width: 610px;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .line_txt_01 {
    width: 81.33333vw;
    margin: 0 auto 5.33333vw;
  }
}

#lp_202204 .line_wrap {
  position: relative;
  width: 100%;
  padding: 50px 20px 70px;
  background-color: #fff;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .line_wrap {
    padding: 6.66667vw 2.66667vw 9.33333vw;
  }
}

#lp_202204 .line_wrap_txt {
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .line_wrap_txt {
    margin-bottom: 5.33333vw;
    font-size: 3.73333vw;
  }
}

#lp_202204 .line_btn {
  position: relative;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
}

#lp_202204 .line_btn a {
  position: relative;
  display: block;

  display: block;
  width: 100%;
  width: 100%;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .line_btn {
    width: 53.33333vw;
  }
}

#lp_202204 .line_lg_txt {
  position: relative;
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  #lp_202204 .line_lg_txt {
    font-size: 6.93333vw;
  }
}

#lp_202204 .line_lg_img {
  position: relative;
  width: 100%;
}

#lp_202204 .tel {
  display: block;
  width: 100%;
}

/*# sourceMappingURL=maps/common.css.map */


/* アコーディオン内料金表テキスト化 20240613 */
.p-sec03_acc_body_body_list .ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: min(10px, calc(calc(10/750) * 100vw));
}

.p-sec03_acc_body_body_list .ttl h4 {
  font-size: min(23px, calc(calc(23/750) * 100vw));
  font-weight: 600;
  color: #6f6f6f;
}

.p-sec03_acc_body_body_list .ttl h4 span {
  color: #6f6f6f;
  font-size: min(17px, calc(calc(17/750) * 100vw));
}

.p-sec03_acc_body_body_list .ttl p {
  font-size: min(17px, calc(calc(17/750) * 100vw));
  font-weight: 500;
}

.p-sec03_acc_body_body_list table {
  width: 100%;
}

.p-sec03_acc_body_body_list table tr:first-child {
  border-bottom: min(2px, calc(calc(2/750) * 100vw)) solid #fff;
}

.p-sec03_acc_body_body_list table th {
  background: #E669A3;
  color: #fff;
  font-size: min(24px, calc(calc(24/750) * 100vw));
  font-weight: 600;
  padding: min(10px, calc(calc(10/750) * 100vw)) 0;
  text-align: center;
  width: min(80px, calc(calc(80/750) * 100vw));
}

.p-sec03_acc_body_body_list table td {
  background: #FFF4F9;
  color: #D9388E;
  font-size: min(24px, calc(calc(24/750) * 100vw));
  font-weight: 600;
  padding: min(10px, calc(calc(10/750) * 100vw));
}

.p-sec03_acc_body_body_list table td strong {
  font-size: min(30px, calc(calc(30/750) * 100vw));
  font-weight: 600;
}

.p-sec03_acc_body_body_list table td span {
  font-size: min(20px, calc(calc(20/750) * 100vw));
  font-weight: 400;
}

/* 20240911 TCB_AD-5706 ABテスト検証後上書き依頼CSS*/
.cta__inner {
  position: relative;
}

.cta__btn__wrap {
  position: absolute;
  width: 70.66%;
  bottom: 9.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.cta__btn__wrap .js_countdown_common {
  font-size: min(24px, calc(calc(24 / 750)* 100vw));
  font-weight: 600;
  display: flex;
  justify-content: center;
  margin-bottom: clamp(5px, 1vw, 10px);
}

.cta__btn__wrap .js_countdown_common .yyc-day-text,
.cta__btn__wrap .js_countdown_common .yyc-hou-text,
.cta__btn__wrap .js_countdown_common .yyc-min-text,
.cta__btn__wrap .js_countdown_common .yyc-sec-text {
  font-size: min(18px, calc(calc(18 / 750)* 100vw));
}

.pt115 {
  padding-top: clamp(70px, 11.5vw, 115px);
}

.fv {
  margin-top: min(120px, calc(calc(120/750) * 100vw));
}


/* 景表法対応 20250613
========================================================== */
.bg_cream {
  background: #FFFBE5;
}


/* 通常用クーポン改修 20250826
========================================================== */
.coupon_04__wrap {
  position: relative;
  background: #fff;
  border-radius: min(20px, calc(calc(20/750) * 100vw));
  padding: min(60px, calc(calc(60/750) * 100vw)) min(30px, calc(calc(30/750) * 100vw)) min(40px, calc(calc(40/750) * 100vw));
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 750px) {
  .coupon_04__wrap {
    box-shadow: 0 1.33vw 2.67vw rgba(0, 0, 0, 0.2);
  }
}
.coupon_04__ttl {
  width: min(653px, calc(calc(653/750) * 100vw));
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: max(-66px, calc(-1 * (calc(66/750) * 100vw)));
}
.coupon_04__desc {
  margin-top: min(30px, calc(calc(30/750) * 100vw));
  margin-bottom: min(40px, calc(calc(40/750) * 100vw));
}