@charset "UTF-8";
/* =======================================

SP用設定

======================================= */
.pc {
  display: none !important;
}

input[type=button], input[type=submit] {
  -webkit-appearance: none;
}

/* フォントサイズが大きくなってしまう不具合対策
------------------------------- */
h1, h2, h3, h4, h5, h6, p {
  max-height: 100%;
}

.container {font-weight:bold;}


/* cvc
------------------------------- */
.cvc {background:#f6fafa;}
.cvc._wh,
.cvc.sp_wh {background:#fff;}
.cvc .cvc--in {padding:8rem 0 10rem;}
.cvc .cvc_box {border-radius:2rem;border:solid 1px #346dbc;overflow:hidden;background:#fff;padding-bottom:7rem;}
.cvc .cvc_box .cvc_head h2,
.cvc .cvc_box .cvc_head span {text-align:center;position:relative;padding: 2rem 0;
  font-size: 3.5rem;
  font-weight: bold;}
.cvc .cvc_box .cvc_head h2 {background:#346dbc;color:#fff;}
.cvc .cvc_box .cvc_head span {display:block;background:#fff377;color:#346dbc;font-size:3rem;padding-bottom: 3rem;}
.cvc .cvc_box img {width:100%;display:block;margin-bottom: 3rem;}
.cvc .cvc_box .btnA {margin:0 auto;}

.cvc .ttl_h2_line {letter-spacing: 0em;}

/* MV
------------------------------- */
.mv {
  width: 100%;
  height: 100rem;
  background-image: url("../img/subsc/sp/mv-bg.webp");
  background-size: cover;
  background-position: center ;
  background-repeat: no-repeat;
}
.mv--in {
	height:100%;
  padding-top: 6.8rem;
  position: relative;
}
.mv img {
  display: block;
}
.mv_box {width: 64rem;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);}
.mv_box img {width:100%;}
.mv .btnA {position:absolute;left:50%;top:110%;transform:translate(-50%,0);}

/* lp_links
------------------------------- */
.ttl_h2_udln {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 8.4rem;
  letter-spacing: 0.26em;
  color: #616468;
  text-align: center;
  margin-bottom: 5.7rem;
}
.ttl_h2_udln span {
  padding-bottom: 0.5rem;
  border-bottom: 0.3rem solid #616468;
	
}
.ttl_h2_line b {color:#d8010f;}
.ttl_h2_line._wh {
  color: #fff;
}
.ttl_h2_line._wh::before, .ttl_h2_line._wh::after {
  background-image: url("../img/parts/ttl_line_wh.svg");
}


.lp_links {background-color: #e9f6fa;}
.lp_links .sec01--in {width:100%;}
.lp_links .ttl_h2_udln {position:relative;background: #fff;padding-bottom: 12rem;padding-top:10rem;margin-bottom:6.7rem;}
.lp_links .ttl_h2_udln span {padding: 0 1em 2rem;border-width:1px;}
.lp_links .ttl_h2_udln:after {content:'▼';color:#68b8de;position:absolute;left:50%;top:20rem;transform:translate(-50%,0);}

.lp_links ul {width:64rem;display:flex;justify-content:space-between;background: #e9f6fa;margin:0 auto;padding-bottom:8rem;}
.lp_links ul li {width: calc(50% - 0.25px - 1.2rem);}
.lp_links ul .box {border-radius:2rem;border:solid 1px #346dbc;overflow:hidden;margin-bottom: 2.5rem;}
.lp_links ul .box .box_head {background:#346dbc;padding: 1.5rem 0 2.5rem;}
.lp_links ul .box .box_head h3,
.lp_links ul .box .box_head p {text-align:center;color:#fff;position:relative;}
.lp_links ul .box .box_head h3 {margin-bottom: 4.5rem;}
.lp_links ul .box .box_head h3:after {content:'▼';position:absolute;left:50%;top:8.8rem;transform:translate(-50%,0);}
.lp_links ul .box .box_head p:after {content:'';display:block;width:10em;height:1px;background:#fff;position:absolute;left:50%;top:4.5rem;transform:translate(-50%,0);}
.lp_links ul .box img {width:100%;display:block;}

.lp_links .btnA {width:auto;height:15rem;border-radius:2rem;}
.lp_links .btnA span {border-radius:2rem;}
.lp_links .btnA > span {background-image:url("../img/subsc/sp/arrow_small_b_wh.webp");background-size: 3rem auto;
    background-position: center bottom 2.5rem;font-size: 2.5rem;padding-bottom: 2rem;}





/* sec02
------------------------------- */
.ttl_h2_line {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.2em;
  color: #336dbb;
  margin-bottom: 7.9rem;
}
.ttl_h2_line span {
  display: inline-block;
  text-align: center;
}
.ttl_h2_line span small {
  display: block;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.2em;
  padding-top: 0.8rem;
}
.ttl_h2_line::before {
  content: "";
  display: block;
  width: 8.6rem;
  aspect-ratio: 43/60.75;
  background-image: url("../img/parts/ttl_line.svg");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.ttl_h2_line::after {
  content: "";
  display: block;
  width: 8.6rem;
  aspect-ratio: 43/60.75;
  background-image: url("../img/parts/ttl_line.svg");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.sec02--in {
  padding-top: 11.6rem;
  padding-bottom: 5rem;
}
.sec02--anchor {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3rem;
}
.sec02--anchor--item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 64rem;
  max-width: 100%;
  height: 12rem;
  font-size: 3rem;
  font-weight: 700;
  /*line-height: 6.3rem;*/
  letter-spacing: 0.05em;
  color: #336dbb !important;
  text-align: center;
  border: 2px solid #336dbb;
  -webkit-border-radius: 9rem;
  border-radius: 9rem;
  background-image: url("../img/parts/arrow_b_blu.svg");
  background-size: 2.23rem auto;
  background-position: right 3.5rem center;
  background-repeat: no-repeat;
  background-color: #fff;
	line-height: 0;
	position:relative;
}
span.sec02--anchor--item {background-image:none;}
.sec02--anchor--item br {
  display: none;
}
.sec02--anchor--item strong {
  font-size: 4rem;
  letter-spacing: 0;
  color: #d8010f;
}
.sec02--anchor--item small {
  font-size: 1.2rem;position: absolute;
  top: 9rem;
}
.sec02--anchor--item picture {
  display: inline;
}

.sec02--anchor--item ._text_img {
  width: auto;
  height: 4.4rem;
  vertical-align: sub;
  margin-top: 0.5rem;
}

/* sec03
------------------------------- */
.sec03 {
  background-image: url("../img/subsc/sp/bg_2_sp.webp") , url("../img/sec03/bg_1_sp.png.webp");
  background-size: 100% auto;
  background-position: center bottom, center 0;
  background-repeat: no-repeat;
  background-color: #68b8de;
}
.no-webp .sec03 {
  background-image: url("../img/sec03/bg_2_sp.png") , url("../img/sec03/bg_1_sp.png");
}
.sec03--in {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14.9rem 0;
  padding-top: 21.3rem;
  padding-bottom: 11.7rem;
  position: relative;
}
.sec03--in--item {
  width: 100%;
  text-align: center;
}
.sec03--in--item picture {
  display: block;
}
.sec03--in--item .num {
  display: block;
  width: 16rem;
  margin: 0 auto 3.8rem;
}
.sec03--in--item--ttl {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 3.9rem;
  font-weight: 700;
  line-height: 6.3rem;
  color: #fff377;
  border-bottom: 2px solid #fff377;
  margin-bottom: 4.4rem;
  padding-bottom: 1rem;
  text-align: center;
}
.sec03--in--item--ttl._small {
  font-size: 4.2rem;
  letter-spacing: 0.1em;
}
.sec03--in--item--ttl._typeB {
  font-size: 4rem;
  letter-spacing: 0.1em;
}
.sec03--in--item--ttl .text_900 {
  width: 11.7rem;
  height: auto;
  vertical-align: sub;
  margin: 0 0.2em;
}
.sec03--in--item--p1 {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 6.3rem;
  letter-spacing: 0.15em;
  color: #fff;
  text-align: center;
  margin-bottom: 3.3rem;
}
.sec03--in--item--p1 .text_1 {
  width: 2.2rem;
  height: auto;
  vertical-align: sub;
}
.sec03--in--item--p1._typeB {
  font-size: 4.2rem;
  line-height: 6.4rem;
  padding-top: 1.6rem;
}
.sec03--in--item--img {
  display: block;
  width: 100%;
  /*aspect-ratio: 64/48;*/
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  overflow: hidden;
  margin-bottom: 3.8rem;
}
.sec03--in--item--img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec03--in--item--p2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 4.8rem;
  letter-spacing: 0.05em;
  color: #fff;
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  word-wrap: break-word;
  margin-bottom: 5.4rem;
}
.sec03 .wp_1 {
  display: block;
  width: 30.8rem;
  position: absolute;
  top: -0.5rem;
  left: -11rem;
}
.sec03 .wp_2.sp {
  display: block;
  width: 22.1rem;
  position: absolute;
  top: 154.8rem;
  right: -5.6rem;
}
.sec03 .wp_3 {
  display: block;
  width: 30.8rem;
  position: absolute;
  top: 314.7rem;
  left: -18rem;
}
.sec03 .wp_4 {
  display: block;
  width: 30.3rem;
  position: absolute;
  top: 463rem;
  right: 6rem;
}
.sec03 .wp_5 {
  display: block;
  width: 29rem;
  position: absolute;
  bottom: -24.4rem;
  left: -10rem;
}
.sec03 .btnD > span {
	background-image: url("../img/parts/arrow_r_blu.svg");
	background-size: auto 2.23rem;
}
#point02 .sec03--in--item--p2 {text-align:center;font-size: 3rem;}
#point02 .sec03--in--item--p2 small {display:block;font-size: 2rem;
  line-height: 1.5em;margin-bottom:1rem;}
#point02 .sec03--in--item--p2 span {display:block;font-size:4rem;line-height:2em;margin-top:3rem;}
#point02 .sec03--in--item--p2 strong {font-size:9rem;}
#point04 .sec03--in--item--ttl small {display:block;width:100%;font-size:2.3rem;line-height: 1.5em;text-align:center;}
#point04 .sec03--in--item--p2 {margin-bottom: 2rem;padding-bottom: 2rem;border-bottom:solid 1px #fff;}
#point04 ol {display:flex;justify-content: flex-start;flex-wrap: wrap;color:#fff;}
#point04 ol li {margin-right:1em;}


/* note
------------------------------- */
.note {background:#fff;}
.note--in {padding:10rem 0;}
.note h3 {font-size: 4.5rem;
  line-height: 2em;font-weight: bold;text-align:center;background:#fff377;border-radius:50rem;position:relative;padding:4rem 0;margin-bottom: 6rem;}

.note h3 span {border-bottom:solid 1px #000;padding-bottom: .6rem;}
.note .note_box {margin:0 auto;}
.note .note_box .image {margin-bottom: 4rem;}
.note .note_box p {font-size:2.6rem;color:#346dbc;text-align:center;margin-bottom: 4rem;}
.note .note_box .btnA {margin:0 auto;}


/* will
------------------------------- */
.will {background:#fff;padding:10rem 0 0;}
.will .ttl_h2_line {margin-bottom: 2.5rem;}
.will .will--p1 {color:#336dbb;text-align:center;margin-bottom:10rem;position: relative;}
.will .will--p1:after {content:'';
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 2rem solid transparent;
  border-left: 2rem solid transparent;
  border-top: 3rem solid #68b8de;
  border-bottom: 0;
  position:absolute;left:50%;top:12rem;transform:translateX(-50%);}
.will--in {width: 100vw;}
.will li {overflow:hidden;background:#fff;}
.will li .will_in {width: 64rem;margin:0 auto;}
.will li .q {background:#336dbb url("../img/subsc/pc/q.webp") no-repeat;background-size:12rem auto;background-position:center top 4rem;color:#fff;text-align: center;padding:18rem 0 4rem;}
.will li .q h3 {font-size: 4rem;font-weight: bold;}
.will li .a {background:#f6fafa url("../img/subsc/pc/a.webp") no-repeat;background-size:12rem auto;background-position:center top 8rem;color:#336dbb;padding:26rem 0 10rem;}
.will li .a p {margin-bottom:6rem;}
.will li > div {}
.will li.will_02 .a .image img:nth-of-type(3) {margin-bottom:4rem;}



/* cta
------------------------------- */
.cta {
  background-color: #d8010f;
  padding: 11.4rem 0 10.2rem;
  position: relative;
}
.cta--in {
  width: 60rem;
  border: 0.6rem solid #fff;
}
.cta--ttl {
  width: 15.15rem;
  aspect-ratio: 1/1;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff377;
  font-size: 3.274rem;
  font-weight: 700;
  line-height: 4.861rem;
  letter-spacing: 0.2em;
  color: #d8010f;
  text-align: center;
  padding-top: 2.9rem;
  padding-left: 0.1em;
  position: absolute;
  top: 30.3rem;
  left: 1rem;
  z-index: 1;
}
.cta--itemA {
  width: 100%;
  height: 27rem;
  background-color: #fff;
  padding-top: 4.1rem;
}
.cta--itemA--ttl {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.22em;
  color: #d8010f;
  text-align: center;
}
.cta--itemA--ttl span {
  position: relative;
}
.cta--itemA--ttl span small {
  display: block;
  font-size: 2rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  top: 81%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cta--itemA--img {
  display: block;
  width: 50.7rem;
  margin: 2.3rem auto 0;
}
.cta--itemB {
  width: 100%;
  height: 39.4rem;
  padding-top: 4rem;
}
.cta--itemB--ttl {
  font-size: 4.041rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.2em;
  color: #fff377;
  text-align: center;
}
.cta--itemB--img {
  display: block;
  width: 49.3rem;
  margin: 1.6rem auto 3.6rem;
}
.cta--itemB .btnB {
  margin: 0 auto;
}

/* sec04
------------------------------- */
.sec04 {
  background-image: url("../img/sec04/bg_01_sp.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
.no-webp .sec04 {
  background-image: url("../img/sec05/bg_01_sp.png");
}
.sec04--in {
  width: 100%;
  padding-top: 20.3rem;
  padding-bottom: 6.8rem;
  position: relative;
}
.sec04--in .ttl_h2_line {
  margin-bottom: 9rem;
}
.sec04--in .wd_1 {
  display: block;
  width: 15.5rem;
  position: absolute;
  top: -13.9rem;
  right: -0.4rem;
  z-index: 1;
}
.sec04--slide {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 0;
}
.sec04--slide--in {
  width: 54rem !important;
  background-color: #fff;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  overflow: hidden;
  margin: 0 2rem;
  padding-bottom: 4rem;
}
.sec04--slide--img {
  height: 40rem;
  background-color: #e1f0f5;
  padding-top: 6.9rem;
}
.sec04--slide--img img {
  display: block;
  width: auto;
  height: 26.1rem;
  margin: 0 auto;
}
.sec04--slide .num_img {
  display: block;
  height: 6rem;
  margin: -5rem auto 2.5rem 4.5rem;
}
.sec04--slide--p {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 4.8rem;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  word-wrap: break-word;
  color: #336dbb;
  padding: 0 4.5rem;
}
.sec04--slide--prpf {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #336dbb;
  text-align: right;
  padding: 0 4.5rem;
}


/* safety
------------------------------- */
.safety {background:#fff;padding:10rem 0 0;}
.safety .ttl_h2_line {margin-bottom: 2.5rem;letter-spacing: 0;}
.safety .safety--p1 {color:#336dbb;text-align:center;margin-bottom:4rem;position: relative;}

.safety01 {background:url("../img/subsc/sp/g-01-bg.webp") no-repeat center;background-size:cover;position:relative;padding:7rem 0 6rem;}
.safety01:after {
	content: '';
  position: absolute;
  left: 50%;
  top: calc(100% - 1px);
  transform: translateX(-50%);
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 28rem solid transparent;
  border-left: 28rem solid transparent;
  border-top: 8rem solid #e5e5e5;
  border-bottom: 0;
}
.safety01 .image {width:68rem;margin:0 auto;}
.safety01 .next_text {
	position: absolute;
  left: 50%;
  bottom: -0.5em;
  transform: translateX(-50%);
  text-align: center;
  z-index: 3;
  color: #fff;
  font-size:4.2rem;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0.05em;
	background: url("../img/nece/cont2_icon.webp") no-repeat center top;
    background-size: auto;
  background-size: 2em auto;
	padding-top: 1em;
}
.safety02 {background:url("../img/subsc/pc/g-02-bg.webp") no-repeat center;background-size:cover;padding: 15rem 0 6rem;}
.safety02 h3 {width:60rem;margin:0 auto 5rem;}
.safety02 .image {width:70rem;margin:0 auto 3rem;}
.safety02 p {width:64rem;font-size:1.3rem;border:solid 1px #fff;color:#fff;padding:1rem .5rem;margin:0 auto;}



/* sec06
------------------------------- */
.sec06 {
  padding-top: 12rem;
  padding-bottom: 5rem;
  /*background-image: url("../img/sec06/bg_01.png.webp"), url("../img/sec06/bg_02.png.webp");*/
  background-size: 192rem auto;
  background-position: center 0, center bottom;
  background-repeat: no-repeat;
}
.no-webp .sec06 {
  background-image: url("../img/sec06/bg_01.png") , url("../img/sec06/bg_02.png");
}
.sec06 .ttl_h2_line {
  margin-bottom: 5rem;
}
.sec06 h3 {border:solid 1px #336dbb;color: #336dbb;text-align:center;background:#fff;border-radius:50rem;position:relative;padding:2.5rem 0;margin-bottom:10rem;font-size: 3rem;
  line-height: 1.5em;}
.sec06 h3:before,
.sec06 h3:after {
	content: '';
  position: absolute;
  left: 50%;
  top: calc(100% - 1px);
  transform: translateX(-50%);
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 2rem solid transparent;
  border-left: 2rem solid transparent;
  border-top: 3rem solid #fff;
  border-bottom: 0;
}
.sec06 h3:before {border-top: 3rem solid #336dbb;top: calc(100% + 1px);}
.sec06 ul {
  display: flex;
  align-items: flex-start; /* 縦方向*/
  justify-content: space-between; /*横方向*/
  flex-wrap: wrap;
  position: relative;
}
.sec06 ul li {width:31.5rem;margin-bottom: 9rem;}
.sec06 ul li div {width:calc(100% - 3rem);text-align:center;color:#336dbb;font-size:4rem;font-weight:bold;border-bottom:solid 1px #336dbb;margin:0 auto;}


/* sec05
------------------------------- */
.sec05 {
  background-color: #fff377;
  background-image: url("../img/subsc/pc/i-bg.webp");
  background-size: 192rem auto;
  background-position: center 0;
  background-repeat: repeat-x;
  padding: 10rem 0 8rem;
}
.no-webp .sec05 {
  background-image: url("../img/sec05/bg_01.png");
}
.sec05 .ttl_h2_line {
  margin-bottom: 7rem;
}

.sec05--in {
  width: 80rem;
}
/*.sec05 ol {display:flex;justify-content: space-between;flex-wrap:wrap;}
.sec05 ol li {width:35rem;position:relative;margin-bottom: 6rem;}*/
.sec05 .image {width:90%;margin:0 auto 2rem;position: relative;padding-top: 3rem;}
.sec05 .image .num {width:13rem;position:absolute;left:0;top:0;}
.sec05 ol li p {color:#336dbb;text-align:center;font-size: 2.6rem;}
.sec05 ol li p small {display:block;font-size:1.4rem;line-height: 1.5em;margin-top: 2rem;}


/* sec07
------------------------------- */
.sec07 {
  padding-top: 20rem;
  padding-bottom: 4.8rem;
  background-color: #68b8de;
  background-image: url("../img/subsc/sp/bg_01_sp.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-x;
  position: relative;
}
.no-webp .sec07 {
  background-image: url("../img/sec07/bg_01_sp.png");
}
.sec07 .ttl_h2_line {
	width: 70rem;
	letter-spacing: 0;
  margin: 0 auto 5.5rem;
}
.sec07 .exa {width:64rem;margin:0 auto;}
.sec07 .exa .exe_ttl {border:solid 1px #336dbb;color: #336dbb;text-align:center;background:#fff;border-radius:50rem;position:relative;padding:1.2rem 0;margin:0 auto 5rem;font-size: 3rem;}
.sec07 .exa .exe_ttl:before,
.sec07 .exa .exe_ttl:after {
	content: '';
  position: absolute;
  left: 50%;
  top: calc(100% - 1px);
  transform: translateX(-50%);
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 1rem solid transparent;
  border-left: 1rem solid transparent;
  border-top: 1.5rem solid #fff;
  border-bottom: 0;
}
.sec07 .exa .exe_ttl:before {border-top: 1.5rem solid #336dbb;top: calc(100% + 1px);}
.sec07 .exa p {font-size:4rem;font-weight:bold;color:#fff;text-align:center;line-height: 1.8em;
  margin-bottom: 3rem;}
.sec07 .exa p strong {font-size:8rem;}


.sec07 .wd_1 {
  display: block;
  width: 13.2rem;
  position: absolute;
  top: -6.7rem;
  right: 0;
}
.sec07--in {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.sec07--in--itemA {
  width: 9rem;
	position: relative;
  top: 14rem;
}
.sec07--in--itemA img {
  display: block;
  width: 100%;
}
.sec07--in--itemB {
  width: 54rem;
}

.flow_block {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-bottom: 0;
}
.flow_block--item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: flex-start; /*横方向（Safari用）*/
  justify-content: flex-start; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 9.55rem;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: #336dbb;
  background-color: #fff;
  border-bottom: 1px solid #d3d3d3;
}
.flow_block .flow_block--item:first-of-type {
	height: 14rem;
  line-height: 1.8em;
}

.flow_block--item._bg-pink {
  color: #d8010f;
  background-color: #fff1ed;
}
.flow_block--ttl {
  width: 10rem;
  text-align: right;
}
.flow_block--ttl .img_month {
  width: auto;
  height: 2.6rem;
  vertical-align: baseline;
  margin-top: 0.4rem;
}
.flow_block--p {
  width: calc(100% - 10rem);
  position: relative;
  padding-left: 3.4rem;
	font-size: 2.4rem;
  white-space: normal;
}
.flow_block--p span {
  font-size: 1.2rem;
  display: block;
	color:#336dbb;
	position: relative;
  top: -2rem;
}

.flow_block--p._last {
  letter-spacing: 0.05em;
}
.flow_block--p._last .img_fuki {
  top: -14.2rem;
}
.flow_block .img_fuki {
  display: block;
  width: 16.5rem;
  height: auto;
  position: absolute;
  top: -11rem;
  right: -5.5rem;
  z-index: 1;
}
.sec07 .exa_sub {text-align:center;font-size:1.5rem;color:#fff;margin-top:1rem;}


/* sec08
------------------------------- */
.sec08 {
  padding-top: 21.7rem;
  padding-bottom: 5.5rem;
  background-image: url("../img/sec08/bg_01_sp.png.webp");
  background-size: 100% auto;
  background-position: center 0;
  background-repeat: repeat-x;
  position: relative;
}
.no-webp .sec08 {
  background-image: url("../img/sec08/bg_01_sp.png");
}
.sec08 .ttl_h2_line {
  margin-bottom: 9.2rem;
}
.sec08 .wd_1 {
  display: block;
  width: 16.3rem;
  position: absolute;
  top: -9.5rem;
  left: 0;
  z-index: 1;
}

.faq {
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
  background-color: #fff;
  color: #336dbb;
}
.faq + .faq {
  margin-top: 2.5rem;
}
.faq--ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 12rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
}
.faq--ttl::after {
  content: "";
  display: block;
  width: auto;
  height: 1.4rem;
  aspect-ratio: 1163/703;
  background-image: url("../img/parts/arrow_b_blu.svg");
  background-size: 100% 100%;
  background-size: contain 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 3.5rem;
  margin-top: -0.7rem;
}
.faq_conts {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start; /*縦方向（Safari用）*/
  align-items: flex-start; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  padding: 0 4.5rem 4.5rem;
}
.faq_conts--item {
  width: 54rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
  background-color: #e1f0f5;
}
.faq_conts--ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: center; /*横方向（Safari用）*/
  justify-content: center; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 14rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  letter-spacing: 0;
  text-align: center;
  padding: 1.6rem 7rem;
  position: relative;
}
.faq_conts--ttl::after {
  content: "";
  display: block;
  width: auto;
  height: 1.4rem;
  aspect-ratio: 1163/703;
  background-image: url("../img/parts/arrow_b_blu.svg");
  background-size: 100% 100%;
  background-size: contain 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 3.4rem;
  margin-top: -0.7rem;
}
.faq_conts--text {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #336dbb;
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  word-wrap: break-word;
  border-top: 1px solid #336dbb;
  margin: 0 3.4rem;
  padding-top: 4.2rem;
  padding-bottom: 4.2rem;
}

.faq_conts .an {background:#e1f0f5;color:#336dbb;line-height: 1.5em;border-radius:1rem;padding:3.5rem 3rem;}



/* フローティングバナー
------------------------------- */
.flt_bnr {
  width: 100%;
  height: 18rem;
  background: #d8010f url("../img/subsc/sp/fbnr_img_01.webp") no-repeat center top;
	background-size:contain;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3000;
  display: none;
}
.flt_bnr--in {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /*縦方向（Safari用）*/
  align-items: center; /* 縦方向*/
  -webkit-justify-content: space-between; /*横方向（Safari用）*/
  justify-content: space-between; /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 72.8rem;
  height: 100%;
}
.flt_bnr--in .btnB {
  width: 54rem;
  height:9.2rem;
  margin-top: 1.3rem;
	position: absolute;
  left: 50%;
	top:6rem;
	transform:translateX(-50%);
}
.flt_bnr--in .btnB span {
  font-size: 2.8rem;
	border: solid .5rem #d8010f;
}
.flt_bnr--img {
  display:none;
}
/*# sourceMappingURL=_maps/mainSp.css.map */

.footer {padding-bottom: 26rem;}