@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, img, small, strong, b, dl, dt, dd, ol, ul, li,
form, label, legend, table, tbody, tfoot, thead, tr, th, td, footer, header, menu, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}

html {
  touch-action: manipulation;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

ul li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  color: #190800;
  text-decoration: none;
  vertical-align: baseline;
}

a:hover {
  opacity: 0.7;
}

table {
  border-spacing: 0;
}

img {
  width: 100%;
}

/* ===================================================================================
  resetここまで
=================================================================================== */
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #190800;
  font-size: 28px;
}
@media screen and (max-width: 750px) {
  body {
    font-size: 3.7333333333vw;
  }
}

.float {
  width: 100%;
  padding: 20px 0 20px;
  background: rgba(25, 8, 0, 0.7);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
}
@media screen and (max-width: 750px) {
  .float {
    padding: 2.6666666667vw 0 2.6666666667vw;
  }
}
.float .float_btn {
  width: 690px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .float .float_btn {
    width: 92vw;
  }
}

.wrap {
  max-width: 750px;
  margin: 0 auto;
}
.wrap .relative {
  position: relative;
}
.wrap .fv {
  background: url(../img/bg_fv.jpg) no-repeat top center/100%;
}
.wrap .fv .fv_kome {
  color: #fff;
  font-size: 20px;
  text-align: right;
  position: absolute;
  right: 40px;
  bottom: 10px;
}
@media screen and (max-width: 750px) {
  .wrap .fv .fv_kome {
    font-size: 2.6666666667vw;
    right: 5.3333333333vw;
    bottom: 1.3333333333vw;
  }
}
.wrap .fv .fv_text {
  color: #fff;
  text-align: center;
  line-height: 1.21;
  font-weight: 500;
  letter-spacing: 0.04em;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .fv .fv_text {
    top: 4.6666666667vw;
  }
}
.wrap .cta {
  background: #190800;
  padding-bottom: 50px;
}
@media screen and (max-width: 750px) {
  .wrap .cta {
    padding-bottom: 6.6666666667vw;
  }
}
.wrap .cta .cta_btn {
  width: 690px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .cta .cta_btn {
    width: 92vw;
  }
}
.wrap .campaign {
  background: url(../img/bg_campaign.jpg) no-repeat top center/100%, url(../img/bg_campaign_sub.jpg) repeat-y top center/100%;
}
.wrap .campaign .text_top {
  color: #fff;
  text-align: center;
  line-height: 1.42;
  font-weight: 500;
  height: 256px;
  padding-top: 7px;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .text_top {
    height: 34.1333333333vw;
    padding-top: 0.9333333333vw;
  }
}
.wrap .campaign .bene_box {
  position: relative;
}
.wrap .campaign .bene_box .tit {
  color: #fff;
  font-size: 40px;
  line-height: 1.05;
  letter-spacing: 0.04em;
  position: absolute;
  top: 20px;
  left: 185px;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box .tit {
    font-size: 5.3333333333vw;
    top: 2.6666666667vw;
    left: 24.6666666667vw;
  }
}
.wrap .campaign .bene_box .text {
  line-height: 1.42;
  width: 590px;
  margin: 0 auto;
  position: absolute;
  top: 115px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box .text {
    width: 78.6666666667vw;
    top: 15.3333333333vw;
  }
}
.wrap .campaign .bene_box .text strong {
  color: #E81C1C;
}
.wrap .campaign .bene_box.bene01 .tit {
  top: 27px;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene01 .tit {
    top: 3.6vw;
  }
}
.wrap .campaign .bene_box.bene01 .text {
  top: 120px;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene01 .text {
    top: 16vw;
  }
}
.wrap .campaign .bene_box.bene04 .tit {
  top: 15px;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene04 .tit {
    top: 2vw;
  }
}
.wrap .campaign .bene_box.bene04 .text_box {
  width: 610px;
  margin: 0 auto;
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene04 .text_box {
    width: 81.3333333333vw;
    top: 18.6666666667vw;
  }
}
.wrap .campaign .bene_box.bene04 .text_box .box {
  padding: 30px 0;
  border-top: 2px solid #E6E6E6;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene04 .text_box .box {
    padding: 4vw 0;
    border-top: 0.2666666667vw solid #E6E6E6;
  }
}
.wrap .campaign .bene_box.bene04 .text_box .box:first-child {
  border-top: none;
}
.wrap .campaign .bene_box.bene04 .text_box .box .min_tit span {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px 20px 12px;
  border-radius: 6px;
  background: #E81C1C;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene04 .text_box .box .min_tit span {
    margin-bottom: 2.6666666667vw;
    padding: 1.3333333333vw 2.6666666667vw 1.6vw;
    border-radius: 0.8vw;
  }
}
.wrap .campaign .bene_box.bene04 .text_box .box .min_text {
  line-height: 1.42;
  letter-spacing: 0.04em;
  width: 590px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene04 .text_box .box .min_text {
    width: 78.6666666667vw;
  }
}
.wrap .campaign .bene_box.bene04 .text_box .box .min_kome {
  font-size: 24px;
  line-height: 1.42;
  margin-left: 72px;
}
@media screen and (max-width: 750px) {
  .wrap .campaign .bene_box.bene04 .text_box .box .min_kome {
    font-size: 3.2vw;
    margin-left: 9.6vw;
  }
}
.wrap .point {
  background: url(../img/bg_point.jpg) no-repeat top center/100%, #FF6600;
  padding-bottom: 34px;
}
@media screen and (max-width: 750px) {
  .wrap .point {
    padding-bottom: 4.5333333333vw;
  }
}
.wrap .point .text_top {
  color: #fff;
  font-size: 32px;
  text-align: center;
  line-height: 1.5;
  font-weight: 500;
  position: absolute;
  top: 455px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .point .text_top {
    font-size: 4.2666666667vw;
    top: 60.6666666667vw;
  }
}
.wrap .point .text_top strong {
  color: #190800;
  font-size: 34px;
  display: inline-block;
  margin: 10px 0;
  padding: 0 5px 2px;
  background: #FCEE21;
}
@media screen and (max-width: 750px) {
  .wrap .point .text_top strong {
    font-size: 4.5333333333vw;
    margin: 1.3333333333vw 0;
    padding: 0 0.6666666667vw 0.2666666667vw;
  }
}
.wrap .point .gachi_point {
  width: 690px;
  margin: 0 auto;
  border-radius: 14px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point {
    width: 92vw;
    border-radius: 1.8666666667vw;
  }
}
.wrap .point .gachi_point .coin {
  width: 134px;
  position: absolute;
  top: -26px;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .coin {
    width: 17.8666666667vw;
    top: -3.4666666667vw;
  }
}
.wrap .point .gachi_point .gachi_list {
  width: 610px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_list {
    width: 81.3333333333vw;
  }
}
.wrap .point .gachi_point .gachi_list li {
  line-height: 1.42;
  padding-left: 42px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_list li {
    padding-left: 5.6vw;
  }
}
.wrap .point .gachi_point .gachi_list li strong {
  color: #E81C1C;
}
.wrap .point .gachi_point .gachi_list li:first-child {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 2px solid #E6E6E6;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_list li:first-child {
    padding-bottom: 3.3333333333vw;
    margin-bottom: 4vw;
    border-bottom: 0.2666666667vw solid #E6E6E6;
  }
}
.wrap .point .gachi_point .gachi_list li::before {
  content: "";
  display: block;
  width: 29px;
  height: 26px;
  background: url(../img/point_check.png) no-repeat top left/100%;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_list li::before {
    width: 3.8666666667vw;
    height: 3.4666666667vw;
    top: 0.8vw;
  }
}
.wrap .point .gachi_point .arrow {
  width: 54px;
  margin: 15px auto;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .arrow {
    width: 7.2vw;
    margin: 2vw auto;
  }
}
.wrap .point .gachi_point .prize {
  text-align: center;
  margin-bottom: 36px;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .prize {
    margin-bottom: 4.8vw;
  }
}
.wrap .point .gachi_point .prize strong {
  display: inline-block;
  color: #fff;
  font-size: 34px;
  padding: 5px 10px 7px;
  margin-bottom: 6px;
  background: #E81C1C;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .prize strong {
    font-size: 4.5333333333vw;
    padding: 0.6666666667vw 1.3333333333vw 0.9333333333vw;
    margin-bottom: 0.8vw;
  }
}
.wrap .point .gachi_point .prize strong span {
  color: #FCEE21;
}
.wrap .point .gachi_point .gachi_step {
  padding: 30px 0 45px;
  border-radius: 0 0 14px 14px;
  background: rgba(252, 238, 33, 0.2);
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_step {
    padding: 4vw 0 6vw;
    border-radius: 0 0 1.8666666667vw 1.8666666667vw;
  }
}
.wrap .point .gachi_point .gachi_step .step_list {
  display: flex;
  justify-content: center;
}
.wrap .point .gachi_point .gachi_step .step_list li {
  width: 186px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_step .step_list li {
    width: 24.8vw;
  }
}
.wrap .point .gachi_point .gachi_step .step_list li.step_arrow {
  width: 26px;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_step .step_list li.step_arrow {
    width: 3.4666666667vw;
  }
}
.wrap .point .gachi_point .gachi_step .step_list li .text {
  font-size: 26px;
  text-align: center;
  line-height: 1.15;
  position: absolute;
  top: 134px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_step .step_list li .text {
    font-size: 3.4666666667vw;
    top: 17.8666666667vw;
  }
}
.wrap .point .gachi_point .gachi_step .step_list li:last-child .text {
  top: 148px;
}
@media screen and (max-width: 750px) {
  .wrap .point .gachi_point .gachi_step .step_list li:last-child .text {
    top: 19.7333333333vw;
  }
}
.wrap .charm {
  margin-top: -1px;
  background: url(../img/bg_charm.jpg) no-repeat top center/100%, #FFCE2B;
  padding-bottom: 60px;
}
@media screen and (max-width: 750px) {
  .wrap .charm {
    padding-bottom: 8vw;
  }
}
.wrap .charm .text_top {
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  height: 221px;
  padding-top: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .charm .text_top {
    font-size: 4.2666666667vw;
    height: 29.4666666667vw;
    padding-top: 1.3333333333vw;
  }
}
.wrap .charm .charm_box {
  position: relative;
}
.wrap .charm .charm_box .text_area {
  width: 610px;
  position: absolute;
  left: 50px;
}
@media screen and (max-width: 750px) {
  .wrap .charm .charm_box .text_area {
    width: 81.3333333333vw;
    left: 6.6666666667vw;
  }
}
.wrap .charm .charm_box .text_area h3 strong {
  color: #FF6600;
  font-size: 44px;
  line-height: 1.8;
  padding-bottom: 5px;
  border-bottom: 3px solid #FF6600;
}
@media screen and (max-width: 750px) {
  .wrap .charm .charm_box .text_area h3 strong {
    font-size: 5.8666666667vw;
    padding-bottom: 0.6666666667vw;
    border-bottom: 0.4vw solid #FF6600;
  }
}
.wrap .charm .charm_box .text_area .text {
  line-height: 1.78;
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .wrap .charm .charm_box .text_area .text {
    margin-top: 5.3333333333vw;
  }
}
.wrap .charm .charm_box .text_area .text strong {
  color: #E81C1C;
}
.wrap .charm .charm_box.charm01 .text_area {
  top: 130px;
}
@media screen and (max-width: 750px) {
  .wrap .charm .charm_box.charm01 .text_area {
    top: 17.3333333333vw;
  }
}
.wrap .charm .charm_box.charm02 .text_area {
  top: 162px;
  left: 85px;
}
@media screen and (max-width: 750px) {
  .wrap .charm .charm_box.charm02 .text_area {
    top: 21.6vw;
    left: 11.3333333333vw;
  }
}
.wrap .charm .charm_box.charm02 .text_area h3 {
  text-align: right;
}
.wrap .charm .charm_box.charm03 .text_area {
  top: 165px;
}
@media screen and (max-width: 750px) {
  .wrap .charm .charm_box.charm03 .text_area {
    top: 22vw;
  }
}
.wrap .charm .video_area {
  width: 656px;
  height: 1204px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .charm .video_area {
    width: 87.4666666667vw;
    height: 160.5333333333vw;
  }
}
.wrap .charm .video_area video {
  width: 100%;
}
.wrap .flow {
  background: url(../img/bg_flow.jpg) no-repeat top center/100%, #FF6600;
  height: 1270px;
}
@media screen and (max-width: 750px) {
  .wrap .flow {
    height: 169.3333333333vw;
  }
}
.wrap .flow .head {
  font-size: 50px;
  text-align: center;
  font-weight: 700;
  margin: 10px 0 30px;
}
@media screen and (max-width: 750px) {
  .wrap .flow .head {
    font-size: 6.6666666667vw;
    margin: 1.3333333333vw 0 4vw;
  }
}
.wrap .flow .text_top {
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  margin-bottom: 45px;
}
@media screen and (max-width: 750px) {
  .wrap .flow .text_top {
    font-size: 4.2666666667vw;
    margin-bottom: 6vw;
  }
}
.wrap .flow .flow_list li {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .flow .flow_list li {
    margin-top: 6.6666666667vw;
  }
}
.wrap .flow .flow_list li::before {
  content: "";
  display: block;
  width: 170px;
  height: 50px;
  background: url(../img/flow_icon_dot.png) no-repeat top left/100%;
  position: absolute;
  top: -50px;
  left: 30px;
}
@media screen and (max-width: 750px) {
  .wrap .flow .flow_list li::before {
    width: 22.6666666667vw;
    height: 6.6666666667vw;
    top: -6.6666666667vw;
    left: 4vw;
  }
}
.wrap .flow .flow_list li:first-child {
  margin-top: 0;
}
.wrap .flow .flow_list li:first-child::before {
  content: none;
}
.wrap .flow .flow_list li .icon {
  width: 170px;
  margin-right: 20px;
}
@media screen and (max-width: 750px) {
  .wrap .flow .flow_list li .icon {
    width: 22.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}
.wrap .flow .flow_list li .text_box {
  width: 500px;
  height: 170px;
  padding: 25px 0 0 25px;
  border: 3px solid #FF6600;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .flow .flow_list li .text_box {
    width: 66.6666666667vw;
    height: 22.6666666667vw;
    padding: 3.3333333333vw 0 0 3.3333333333vw;
    border-radius: 1.8666666667vw;
  }
}
.wrap .flow .flow_list li .text_box .step {
  width: 101px;
}
@media screen and (max-width: 750px) {
  .wrap .flow .flow_list li .text_box .step {
    width: 13.4666666667vw;
  }
}
.wrap .flow .flow_list li .text_box .tit {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 10px 0 12px;
}
@media screen and (max-width: 750px) {
  .wrap .flow .flow_list li .text_box .tit {
    font-size: 5.0666666667vw;
    margin: 1.3333333333vw 0 1.6vw;
  }
}
.wrap .app {
  margin-top: -1px;
  padding-bottom: 60px;
  background: #FF6600;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .app {
    padding-bottom: 8vw;
  }
}
.wrap .app .head {
  color: #fff;
  font-size: 46px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 750px) {
  .wrap .app .head {
    font-size: 6.1333333333vw;
  }
}
.wrap .app .text_top {
  color: #fff;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 500;
  margin: 45px 0 50px 95px;
}
@media screen and (max-width: 750px) {
  .wrap .app .text_top {
    font-size: 4.2666666667vw;
    margin: 6vw 0 6.6666666667vw 12.6666666667vw;
  }
}
.wrap .app .app_img {
  width: 186px;
  position: absolute;
  top: 228px;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .app .app_img {
    width: 24.8vw;
    top: 30.4vw;
  }
}
.wrap .app .app_btn {
  display: flex;
  justify-content: center;
  gap: 22px;
}
@media screen and (max-width: 750px) {
  .wrap .app .app_btn {
    gap: 2.9333333333vw;
  }
}
.wrap .app .app_btn li:nth-child(1) {
  width: 272px;
}
@media screen and (max-width: 750px) {
  .wrap .app .app_btn li:nth-child(1) {
    width: 36.2666666667vw;
  }
}
.wrap .app .app_btn li:nth-child(2) {
  width: 337px;
}
@media screen and (max-width: 750px) {
  .wrap .app .app_btn li:nth-child(2) {
    width: 44.9333333333vw;
  }
}
.wrap .type {
  background: url(../img/bg_type.jpg) no-repeat top center/100%, url(../img/bg_type_sub.jpg) repeat-y top center/100%;
  padding-bottom: 80px;
}
@media screen and (max-width: 750px) {
  .wrap .type {
    padding-bottom: 10.6666666667vw;
  }
}
.wrap .type .text_top01 {
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  height: 628px;
}
@media screen and (max-width: 750px) {
  .wrap .type .text_top01 {
    font-size: 4.2666666667vw;
    height: 83.7333333333vw;
  }
}
.wrap .type .text_top01 strong {
  color: #E81C1C;
}
.wrap .type .text_top02 {
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  height: 300px;
}
@media screen and (max-width: 750px) {
  .wrap .type .text_top02 {
    font-size: 4.2666666667vw;
    height: 40vw;
  }
}
.wrap .type .type_box {
  width: 690px;
  margin: 0 auto;
  padding: 112px 0 60px;
  border-radius: 14px;
  background: #fff;
  filter: drop-shadow(5px 5px 8px rgba(25, 8, 0, 0.2));
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .type .type_box {
    width: 92vw;
    padding: 14.9333333333vw 0 8vw;
    border-radius: 1.8666666667vw;
    filter: drop-shadow(0.6666666667vw 0.6666666667vw 1.0666666667vw rgba(25, 8, 0, 0.2));
  }
}
.wrap .type .type_box.slot {
  margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
  .wrap .type .type_box.slot {
    margin-bottom: 13.3333333333vw;
  }
}
.wrap .type .type_box.slot h4 {
  color: #0071BC;
}
.wrap .type .type_box.box h4 {
  color: #C1272D;
}
.wrap .type .type_box h4 {
  font-size: 60px;
  font-weight: 900;
  text-align: center;
  width: 540px;
  height: 122px;
  margin: 0 auto;
  padding-top: 42px;
  background: url(../img/type_tit_ribbon.png) no-repeat top center/100%;
  filter: drop-shadow(0 8px 10px rgba(45, 18, 0, 0.2));
  box-sizing: border-box;
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .wrap .type .type_box h4 {
    font-size: 8vw;
    width: 72vw;
    height: 16.2666666667vw;
    padding-top: 5.6vw;
    filter: drop-shadow(0 1.0666666667vw 1.3333333333vw rgba(45, 18, 0, 0.2));
    top: -8vw;
  }
}
.wrap .type .type_box h5 {
  font-size: 50px;
  line-height: 1.28;
  font-weight: 700;
  letter-spacing: 0.02em;
  position: absolute;
  top: 105px;
  left: 280px;
}
@media screen and (max-width: 750px) {
  .wrap .type .type_box h5 {
    font-size: 6.6666666667vw;
    top: 14vw;
    left: 37.3333333333vw;
  }
}
.wrap .type .type_box .text_box {
  width: 590px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .type .type_box .text_box {
    width: 78.6666666667vw;
  }
}
.wrap .type .type_box .text_box .icon {
  width: 199px;
  margin: 0 33px 25px 0;
  float: left;
}
@media screen and (max-width: 750px) {
  .wrap .type .type_box .text_box .icon {
    width: 26.5333333333vw;
    margin: 0 4.4vw 3.3333333333vw 0;
  }
}
.wrap .type .type_box .text_box .text {
  line-height: 1.78;
  padding-top: 125px;
}
@media screen and (max-width: 750px) {
  .wrap .type .type_box .text_box .text {
    padding-top: 16.6666666667vw;
  }
}
.wrap .type .type_box .text_box .text strong {
  color: #E81C1C;
}
.wrap .faq {
  background: #FCE454;
  padding-bottom: 80px;
}
@media screen and (max-width: 750px) {
  .wrap .faq {
    padding-bottom: 10.6666666667vw;
  }
}
.wrap .faq .faq_box {
  width: 690px;
  margin: 30px auto 0;
  padding: 40px 50px 55px;
  border-radius: 14px;
  background: #fff;
  filter: drop-shadow(5px 5px 8px rgba(25, 7, 0, 0.2));
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .faq .faq_box {
    width: 92vw;
    margin: 4vw auto 0;
    padding: 5.3333333333vw 6.6666666667vw 7.3333333333vw;
    border-radius: 1.8666666667vw;
    filter: drop-shadow(0.6666666667vw 0.6666666667vw 1.0666666667vw rgba(25, 7, 0, 0.2));
  }
}
.wrap .faq .faq_box.top {
  margin: 0 auto;
}
.wrap .faq .faq_box.top .faq_q::before {
  top: -4px;
}
@media screen and (max-width: 750px) {
  .wrap .faq .faq_box.top .faq_q::before {
    top: -0.5333333333vw;
  }
}
.wrap .faq .faq_box .faq_q,
.wrap .faq .faq_box .faq_a {
  padding-left: 80px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .faq .faq_box .faq_q,
  .wrap .faq .faq_box .faq_a {
    padding-left: 10.6666666667vw;
  }
}
.wrap .faq .faq_box .faq_q::before,
.wrap .faq .faq_box .faq_a::before {
  content: "";
  display: block;
  width: 63px;
  height: 63px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  .wrap .faq .faq_box .faq_q::before,
  .wrap .faq .faq_box .faq_a::before {
    width: 8.4vw;
    height: 8.4vw;
  }
}
.wrap .faq .faq_box .faq_q {
  font-size: 38px;
  line-height: 1.31;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #E6E6E6;
}
@media screen and (max-width: 750px) {
  .wrap .faq .faq_box .faq_q {
    font-size: 5.0666666667vw;
    margin-bottom: 4vw;
    padding-bottom: 4vw;
    border-bottom: 0.2666666667vw solid #E6E6E6;
  }
}
.wrap .faq .faq_box .faq_q::before {
  background: url(../img/faq_icon_q.png) no-repeat top left/100%;
}
.wrap .faq .faq_box .faq_a {
  line-height: 1.78;
}
.wrap .faq .faq_box .faq_a::before {
  background: url(../img/faq_icon_a.png) no-repeat top left/100%;
}
.wrap .footer {
  background: #FF6600;
  padding: 60px 0 205px;
}
@media screen and (max-width: 750px) {
  .wrap .footer {
    padding: 8vw 0 27.3333333333vw;
  }
}
.wrap .footer .link_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 25px;
}
@media screen and (max-width: 750px) {
  .wrap .footer .link_list {
    gap: 4vw 3.3333333333vw;
  }
}
.wrap .footer .link_list .link01 {
  width: 306px;
}
@media screen and (max-width: 750px) {
  .wrap .footer .link_list .link01 {
    width: 40.8vw;
  }
}
.wrap .footer .link_list .link02 {
  width: 140px;
}
@media screen and (max-width: 750px) {
  .wrap .footer .link_list .link02 {
    width: 18.6666666667vw;
  }
}
.wrap .footer .link_list .link03 {
  width: 570px;
}
@media screen and (max-width: 750px) {
  .wrap .footer .link_list .link03 {
    width: 76vw;
  }
}
.wrap .footer .sns_list {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 35px 0 30px;
}
@media screen and (max-width: 750px) {
  .wrap .footer .sns_list {
    gap: 2.6666666667vw;
    margin: 4.6666666667vw 0 4vw;
  }
}
.wrap .footer .sns_list li {
  width: 90px;
}
@media screen and (max-width: 750px) {
  .wrap .footer .sns_list li {
    width: 12vw;
  }
}
.wrap .footer .nav {
  text-align: center;
}
.wrap .footer .nav a {
  color: #fff;
  letter-spacing: 0.05em;
}
.wrap .footer .copy {
  margin-top: 25px;
  padding: 15px 0 20px;
  border-top: 1px solid #fff;
}
@media screen and (max-width: 750px) {
  .wrap .footer .copy {
    margin-top: 3.3333333333vw;
    padding: 2vw 0 2.6666666667vw;
  }
}
.wrap .footer .copy p {
  text-align: center;
}
.wrap .footer .copy p small {
  color: #fff;
  font-size: 24px;
}
@media screen and (max-width: 750px) {
  .wrap .footer .copy p small {
    font-size: 3.2vw;
  }
}/*# sourceMappingURL=style.css.map */