@charset "UTF-8";
#main .fv {
  background: url(../../img/fv.webp) center top/cover no-repeat;
}
#main .fv .logo {
  padding: min(25px, 3.3333333333vw) 0 0;
}
#main .fv .logo > img {
  width: min(150px, 20vw);
  margin: 0 auto;
}
#main .result {
  background: url(../../img/sec07.webp) center top/cover no-repeat;
  padding-top: min(180px, 24vw);
  padding-bottom: min(30px, 8vw);
}
#main .result .body .swiper-button-next, #main .result .body .swiper-button-prev {
  width: min(60px, 8vw);
  height: auto;
  aspect-ratio: 1/1;
}
#main .result .body .swiper-button-next:after, #main .result .body .swiper-button-prev:after {
  font-size: 0;
  background: url(../../img/icon-arrow-circle.svg) center/contain no-repeat;
  width: 100%;
  height: 100%;
}
#main .result .body .swiper-button-prev {
  transform: rotate(-180deg);
}
#main .result .body .swiper-pagination-bullets {
  bottom: min(0px, 4vw);
}
#main .result .body .swiper-pagination-bullet {
  background-color: #004FE9;
  height: 10px;
  width: 10px;
}
#main .result .body .card {
  padding: min(80px, 10.6666666667vw) 0 min(30px, 4vw);
  position: relative;
  margin-top: min(66px, 8.8vw);
}
#main .result .body .card__inner {
  background: #FFFFFF;
  margin: 0 min(30px, 4vw);
  box-shadow: min(16px, 2.1333333333vw) min(16px, 2.1333333333vw) min(16px, 2.1333333333vw) 0px rgba(0, 0, 0, 0.08);
}
#main .result .body .card__number {
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
}
#main .result .body .card__photo {
  margin: min(30px, 4vw) 0;
}
#main .result .body .card__list {
  margin-top: min(40px, 5.3333333333vw);
}
#main .result .body .card__list__item {
  display: flex;
  color: var(--black, #333);
  font-family: Noto Sans JP;
  font-size: min(26px, 3.4666666667vw);
  font-weight: 400;
  line-height: 1.8; /* 46.8px */
  letter-spacing: 0.16em;
}
#main .result .body .card__list__ttl {
  flex-shrink: 0;
}
#main .sec11 {
  position: relative;
}
#main .sec11 > .inner {
  background: url(../../img/sec10-bg.webp) center top/contain repeat-y;
}
#main .sec11 .lp-c-ttl-has-en {
  color: #333;
}
#main .sec11 .lp-c-ttl-has-en > strong {
  font-size: min(64px, 8.5333333333vw);
}
#main .sec11 .lp-p-faq-list {
  padding: 0 min(88px, 11.7333333333vw);
  margin-top: 0;
  margin-bottom: 0;
}
#main .sec12 .inner {
  padding-bottom: min(60px, 8vw);
}
#main .sec12 .lp-p-faq-list {
  padding: 0 min(60px, 8vw);
}
#main .sec12 .lp-p-faq-list.--has-collapse {
  padding: 0 min(60px, 8vw);
}
#main .sec12 .lp-p-faq-list + .lp-c-acc-ttl {
  margin-top: min(48px, 6.4vw);
}
#main .sec12 .lp-c-acc-ttl {
  width: calc(100% - min(120px, 16vw));
  margin: min(60px, 8vw) auto 0;
}
#main .sec12 .lp-c-acc-ttl + .lp-p-faq-list {
  margin-top: min(28px, 3.7333333333vw);
}
.sec_tab{
  padding:40px  30px;
  margin:0 auto;
  background:#eee;
}
input[type="radio"]{display:none;}
.tab_area{font-size:0;display:flex;gap:0 4px;}
.tab_area label{width:auto; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:26px; font-weight:bold; cursor:pointer; transition:ease 0.2s opacity;}
.panel_area{background:#fff;}
.tab_panel{width:auto; padding:32px 24px; display:none;}
.tab_panel p{font-size:16px; letter-spacing:1px; text-align:left;}
.tab1_label{width:50%!important;border-radius:10px 10px 0 0;}
.tab2_label{width:50%!important;border-radius:10px 10px 0 0;}
#tab1:checked ~ .tab_area .tab1_label{background:#0EB8A4; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#E82A2A; color:#F1CFCF;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#panel1{
  border-top:solid 4px #0EB8A4; 
}
#panel2{
  border-top:solid 4px #E82A2A; 
}
.item_box{
  background:#F4F4F4;
  padding:12px;
  text-align:center;
}
.item_box_empty{
  padding:12px;
}
.h_item{
  font-weight:bold;
  font-size:16px;
  color:#333;
  margin-top:12px;
}
.ttl_ok {
  font-weight: bold;
  color: #fff;
  background: #0050e9;
  padding: 8px 16px 5px;
  font-size: 20px;
  margin-bottom: 20px;
  line-height:1.4em;
}
.ttl_ng {
  font-weight: bold;
  color: #fff;
  background: #e82a2a;
  padding: 8px 16px 5px;
  font-size: 20px;
  margin-bottom: 20px;
  line-height:1.4em;
}
.h_attention{
  font-weight:bold;
  font-size:26px;
  color:#333;
}
.hr{
  margin:0 auto;
  text-align:center;
}
.hr img{
  width:100px;
  margin:8px auto 32px auto;
}
@media screen and (max-width: 500px) {
  .sec_tab{
    padding:40px  16px;
  }
  .tab_area label{padding:10px 0; font-size:16px;}
  .tab_panel{width:auto; padding:32px 16px; display:none;}
  .h_item{font-size:14px;}
  .ttl_ng {
    font-size: 18px;
  }
}