@charset 'UTF-8';
b,strong,.bold{font-family:-apple-system,BlinkMacSystemFont,Roboto,'Segoe UI semibold','Helvetica Neue',HelveticaNeue,YuGothic,'Yu Gothic','Segoe UI',Verdana,Meiryo,sans-serif;}
.bold{font-weight:bold;}

/********************************************************
autumn22用　新規パーツ
/afl/common/css/のものとは分離（今後の展開如何でパーシャルにする？）
*******************************************************/

/*****************************
common
*****************************/
.head__normal{font-size:36px;font-weight:bold;text-align:center;}
@media only screen and (max-width:480px){
  .head__normal{font-size:1.375rem;}
}
.lead__normal{font-size:20px;font-weight:bold;margin-top:10px;text-align:center;}
@media only screen and (max-width:480px){
  .lead__normal{font-size:.825rem;}
}
.fcGOLD{color:#b39b64;}
.fcYL{color:#fff500;}
.largeld{display:none;}
@media only screen and (max-width:1400px){
  .largeld{display:block;}
}
@media only screen and (max-width:480px){
  .arrow__prev{position:absolute;z-index:5;top:50%;left:-4%;padding:34px 10px 22px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0 6px 6px 0;background:rgba(0,0,0,.5);}
  .arrow__prev img{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
}
@media only screen and (max-width:480px){
  .arrow__next{position:absolute;z-index:5;top:50%;right:-4%;padding:34px 10px 22px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:6px 0 0 6px;background:rgba(0,0,0,.5);}
  .arrow__next img{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
}
@media only screen and (max-width:480px){
  .modaal-container{background:rgba(255,255,255,0);}
  .modaal-container .modal__bg-w{background:#fff;}
}
.box-gray{margin:20px 20px 0;padding:14px 10px;background:#f5f5f5;}
@media only screen and (max-width:480px){
  .box-gray{margin:10px 0 0;padding:10px;}
}
.box-gray .inner__box-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@media only screen and (max-width:480px){
  .box-gray .inner__box-info{display:block;}
}
.box-gray .inner__box-info .txt-info{-webkit-box-flex:0;-ms-flex:0 1 70%;flex:0 1 70%;}
.box-gray .inner__box-info .btn-info{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%;}
@media only screen and (max-width:480px){
  .box-gray .inner__box-info .btn-info{text-align:right;}
}

/*****************************
MV
*****************************/
.mv{position:relative;}
.mv__wrapper{position:absolute;z-index:1;top:0;right:0;left:0;width:100%;height:100%;background:url(../img/mv_over_bg.png) no-repeat center right;background-size:contain;}
@media only screen and (max-width:768px){
  .mv__wrapper{position:relative;top:auto;right:auto;left:auto;margin-top:-20%;padding-top:20%;background:url(../img/mv_over_bg_sp.png) no-repeat center top;background-size:100%;}
}
.mv__wrapper__img{padding:3.5% 1% 0 2%;text-align:right;}
@media only screen and (max-width:768px){
  .mv__wrapper__img{padding:1% 1.5% 1% 0;}
}
.mv__wrapper__img img{width:44%;}
@media only screen and (max-width:1180px){
  .mv__wrapper__img img{width:40%;}
}
@media only screen and (max-width:980px){
  .mv__wrapper__img img{width:37%;}
}
@media only screen and (max-width:768px){
  .mv__wrapper__img img{width:96%;text-align:center;}
}
.mv__slider__img img{width:100%;}
.mv__logo{position:absolute;z-index:2;top:1.5%;right:1.5%;text-align:right;}
@media only screen and (max-width:940px){
  .mv__logo img{width:70%;}
}
@media only screen and (max-width:768px){
  .mv-information{padding:0 4% 3%;background:#e0e0e0;}
}
.txt__detail--cpn{margin-top:1.5%;padding-right:1.5%;text-align:right;}
@media only screen and (max-width:768px){
  .txt__detail--cpn{font-size:14px;text-align:center;}
}
.btn__mv{margin-top:1.25%;padding-right:1.5%;}
.btn__mv--anchor{margin:0 0 0 auto;}
@media only screen and (max-width:940px){
  .btn__mv--anchor{font-size:20px;}
}
@media only screen and (max-width:768px){
  .btn__mv--anchor{font-size:1.125rem;margin:0 auto;}
}
.caption__mv{padding-right:1.5%;text-align:right;}
@media only screen and (max-width:768px){
  .caption__mv{text-align:center;}
}

/*****************************
SELECT
*****************************/
.wrap__head--select{padding-top:54px;background:#f5f5f5;}
@media only screen and (max-width:480px){
  .wrap__head--select{padding-top:1.625rem;}
}
.area__d-btn--select{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
@media only screen and (max-width:480px){
  .area__d-btn--select{margin-top:2.25rem;}
}
.d-btn--select{font-size:26px;text-align:center;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;}
@media only screen and (max-width:768px){
  .d-btn--select{font-size:1.125rem;}
}
.d-btn--select.active{padding:30px 0 36px;border-top:6px solid #976f12;border-radius:6px 6px 0 0;background:#f5ecd9;}
@media only screen and (max-width:480px){
  .d-btn--select.active{padding:1rem 0 1.5rem;}
}
@media only screen and (max-width:480px){
  .d-btn--select.active .head__d-btn .icon{display:block;}
  .d-btn--select.active .head__d-btn .icon img{width:30px;}
}
.inner__d-btn{display:block;padding:28px 0 30px;color:#000;border:2px solid #976f12;border-radius:6px;background:#f5ecd9;}
@media only screen and (max-width:480px){
  .inner__d-btn{padding:5px 0;}
}
.head__d-btn .icon{margin:0 2px;}
.head__d-btn .icon img{vertical-align:bottom;}
@media only screen and (max-width:480px){
  .head__d-btn .icon img{width:25px;}
}
.inner__tag__title--more{width:50%;margin:0 0 0 auto;}
@media only screen and (max-width:768px){
  .inner__tag__title--more{width:100%;margin:0 auto;}
}

/*****************************
ABOUT
*****************************/
.section-about{background:#f5ecd9;}
.section-about .head__balloon--small{margin-top:50px;}
.wrap__head-about{padding:56px 0 80px;background:url(/afl/common/img/bg_about.jpg) no-repeat top center;background-size:cover;}
@media only screen and (max-width:480px){
  .wrap__head-about{padding:28px 0 56px;background:url(/afl/common/img/bg_about_sp.jpg) no-repeat top center;background-size:cover;}
}
.head-about{font-size:34px;font-weight:bold;text-align:center;color:#fff;}
@media only screen and (max-width:480px){
  .head-about{font-size:1.25rem;}
}
.box__lead-about{font-size:18px;margin-top:-22px;padding:35px 60px 70px;text-align:center;}
@media only screen and (max-width:480px){
  .box__lead-about{font-size:.875rem;padding:1.125rem 1.25rem 2.5rem;}
}
.txt__strong-about{font-size:22px;font-weight:bold;margin-bottom:22px;}
@media only screen and (max-width:480px){
  .txt__strong-about{font-size:1rem;line-height:1;}
}
.txt__strong-about .num{font-size:48px;}
@media only screen and (max-width:480px){
  .txt__strong-about .num{font-size:2.125rem;}
}
.txt__strong-about .icon{margin-right:5px;}
@media only screen and (max-width:480px){
  .txt__strong-about .icon{display:block;margin:5px 0;text-align:center;}
}
.txt__strong-about .icon img{width:48px;vertical-align:bottom;}
.img__lead-about{margin-top:20px;}
.caption__lead-about{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:26px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.caption__lead-about .caption__list{text-align:left;}
.box__slider-service{margin-top:26px;}
.item__slider-service{margin:0 20px;border-radius:6px;background:#fff;}
@media only screen and (max-width:480px){
  .item__slider-service{margin:0 15px;}
}
.area__lead__slider-service{line-height:1.54;height:150px;padding:20px 20px 16px;text-align:center;color:#fff;border-radius:6px 6px 0 0;}
@media only screen and (max-width:940px){
  .area__lead__slider-service{height:auto;padding:20px 3px;}
}
.area__lead__slider-service-a{background:url(/afl/common/img/bg_service_01.jpg) no-repeat center center;background-size:cover;}
@media only screen and (max-width:480px){
  .area__lead__slider-service-a{background:url(/afl/common/img/bg_service_01_sp.jpg) no-repeat center center;background-size:cover;}
}
.area__lead__slider-service-b{background:url(/afl/common/img/bg_service_02.jpg) no-repeat center center;background-size:cover;}
@media only screen and (max-width:480px){
  .area__lead__slider-service-b{background:url(/afl/common/img/bg_service_02_sp.jpg) no-repeat center center;background-size:cover;}
}
.area__lead__slider-service-c{background:url(/afl/common/img/bg_service_03.jpg) no-repeat center center;background-size:cover;}
@media only screen and (max-width:480px){
  .area__lead__slider-service-c{background:url(/afl/common/img/bg_service_03_sp.jpg) no-repeat center center;background-size:cover;}
}
.lead__slider-service{font-size:22px;font-weight:bold;margin-bottom:8px;}
@media only screen and (max-width:480px){
  .lead__slider-service{font-size:1.125rem;}
}
.content__slider-service{height:200px;padding:15px;}
@media only screen and (max-width:940px){
  .content__slider-service{height:auto;padding:10px;}
}
.content__slider-service-l{padding:40px 15px;}
@media only screen and (max-width:480px){
  .content__slider-service-l{padding:0 10px;}
}
.block__flex-service{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
@media only screen and (max-width:480px){
  .block__flex-service{display:block;}
}
.item__flex-service{position:relative;-webkit-box-flex:0;-ms-flex:0 1 42%;flex:0 1 42%;}
@media only screen and (max-width:480px){
  .item__flex-service{margin:20px 0;}
}
.item__flex-service:first-of-type::after{position:absolute;top:50%;right:0;display:inline-block;width:22px;height:19px;content:'';-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);background:url(/afl/common/img/arrow_right_red_l.svg) no-repeat;background-size:contain;}
@media only screen and (max-width:480px){
  .item__flex-service:first-of-type::after{top:auto;right:50%;bottom:-30px;width:16px;height:14px;-webkit-transform:translate(0,-50%) rotate(90deg);transform:translate(0,-50%) rotate(90deg);}
}
.item__flex-service .area__caption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.item__flex-service .area__caption .icon{margin-right:10px;}
.item__flex-service .area__caption .icon img{width:50px;}
.item__flex-service .area__caption .caption{font-size:16px;}
@media only screen and (max-width:480px){
  .item__flex-service .area__caption .caption{font-size:.875rem;}
}
.txt__flex-service{font-size:30px;font-weight:bold;text-align:center;}
@media only screen and (max-width:480px){
  .txt__flex-service{font-size:1.25rem;}
}
.txt__flex-service .num{font-size:36px;}
@media only screen and (max-width:480px){
  .txt__flex-service .num{font-size:1.5rem;}
}
.content__list-service{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
@media only screen and (max-width:480px){
  .content__list-service{display:block;}
}
.content__list-service li{font-size:16px;padding:0 15px;text-align:center;border-right:1px solid #ccc;-webkit-box-flex:0;-ms-flex:0 1 33%;flex:0 1 33%;}
@media only screen and (max-width:480px){
  .content__list-service li{font-size:.75rem;margin:16px 0;border-right:none;}
}
.content__list-service li:last-child{border-right:none;}
.content__list-service li .strong{font-size:18px;line-height:1;margin-top:5px;}
.content__list-service li .strong .num{font-size:36px;}
@media only screen and (max-width:480px){
  .content__list-service li .strong .num{font-size:1.5rem;}
}
.block__flex__slider-introduce{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@media only screen and (max-width:480px){
  .block__flex__slider-introduce{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:nowrap row-reverse;flex-flow:nowrap row-reverse;}
}
.img__slider-introduce{margin-right:10px;}
@media only screen and (max-width:480px){
  .img__slider-introduce{margin-right:0;-webkit-box-flex:0;-ms-flex:0 1 48%;flex:0 1 48%;}
}
.img__slider-introduce img{max-width:220px;}
@media only screen and (max-width:940px){
  .img__slider-introduce img{width:100%;}
}
.balloon__slider-introduce{font-size:18px;position:relative;margin-left:30px;padding:30px 0;text-align:center;border-radius:6px;background:#ebebeb;-webkit-box-flex:0;-ms-flex:0 1 44%;flex:0 1 44%;}
@media only screen and (max-width:480px){
  .balloon__slider-introduce{font-size:.75rem;margin-left:0;-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;}
}
.balloon__slider-introduce .strong{font-size:24px;}
@media only screen and (max-width:480px){
  .balloon__slider-introduce .strong{font-size:1.125rem;}
}
.balloon__slider-introduce::after{position:absolute;top:50%;right:100%;width:0;height:0;margin-top:-10px;content:'';pointer-events:none;border:solid transparent;border-color:rgba(235,235,235,0);border-top-width:10px;border-right-width:30px;border-right-color:#ebebeb;border-bottom-width:10px;border-left-width:30px;}
@media only screen and (max-width:480px){
  .balloon__slider-introduce::after{margin-top:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;}
}

/*****************************
BENEFIT
*****************************/
.section-exchange-benefit{background:#ecf2f7;}
.section-exchange-benefit .head__balloon{margin-top:0;}
.accordion-exchange-benefit:first-of-type{margin-top:34px;}
@media only screen and (max-width:480px){
  .accordion-exchange-benefit:first-of-type{margin-top:1rem;}
}
.accordion-exchange-benefit:last-of-type{border-bottom:1px solid #ccc;}
.head__accordion-exchange-benefit{font-size:24px;position:relative;padding:16px;text-align:center;border:1px solid #ccc;border-bottom:none;background:#f5f5f5;}
@media only screen and (max-width:480px){
  .head__accordion-exchange-benefit{font-size:1.125rem;padding:1.375rem;}
}
.head__accordion-exchange-benefit h3{font-weight:bold;}
.head__accordion-exchange-benefit::after{position:absolute;top:50%;right:2%;display:inline-block;width:19px;height:12px;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/afl/common/img/icon_arrow_down_b.svg) no-repeat;background-size:contain;}
@media only screen and (max-width:480px){
  .head__accordion-exchange-benefit::after{width:13px;height:8px;}
}
.head__accordion-exchange-benefit.active{border-bottom:1px solid #ccc;}
.head__accordion-exchange-benefit.active::after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.head__accordion-exchange-benefit:hover{cursor:pointer;}
.head__accordion-exchange-benefit .logo{margin-right:5px;vertical-align:middle;}
.content__accordion-exchange-benefit{display:none;padding:40px 10px;border-right:1px solid #ccc;border-left:1px solid #ccc;background:#fff;}
@media only screen and (max-width:480px){
  .content__accordion-exchange-benefit{padding:1.25rem .75rem;}
}
.block__flex__accordion{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
@media only screen and (max-width:480px){
  .block__flex__accordion{display:block;}
}
@media only screen and (max-width:480px){
  .block__flex__accordion .item__flex__accordion:first-of-type{margin-top:0;}
}
.item__flex__accordion{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 32%;flex:0 1 32%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
@media only screen and (max-width:480px){
  .item__flex__accordion{margin-top:1.25rem;}
}
.img__flex__accordion{-webkit-box-flex:0;-ms-flex:0 1 33%;flex:0 1 33%;}
.img__flex__accordion img{border-radius:6px;}
.txt__flex__accordion{-webkit-box-flex:0;-ms-flex:0 1 65%;flex:0 1 65%;}

/*****************************
VOICE
*****************************/
.section-voice{background:#fffadd;}
.wrapper__list-voice{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
@media only screen and (max-width:480px){
  .wrapper__list-voice{margin-top:1.5rem;}
}
.item-voice{padding:25px 18px 20px;-webkit-box-flex:0;-ms-flex:0 1 32%;flex:0 1 32%;}
.area__head-voice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.area__head-voice .icon__head-voice{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;}
.area__head-voice .head-voice{font-size:18px;font-weight:bold;-webkit-box-flex:0;-ms-flex:0 1 74%;flex:0 1 74%;}
.balloon-voice{position:relative;margin-top:26px;padding:20px;border-radius:8px;background:#ececec;}
.balloon-voice::after{position:absolute;bottom:100%;left:12%;width:0;height:0;margin-left:-10px;content:'';pointer-events:none;border:solid transparent;border-color:rgba(236,236,236,0);border-top-width:19px;border-right-width:10px;border-bottom-width:19px;border-bottom-color:#ececec;border-left-width:10px;}

/*****************************
FQA
*****************************/
.accordion-faq:first-of-type{margin-top:34px;}
@media only screen and (max-width:480px){
  .accordion-faq:first-of-type{margin-top:1rem;}
}
.accordion-faq:last-of-type{border-bottom:1px solid #ccc;}
.head-faq{font-size:22px;font-weight:bold;position:relative;padding:18px 40px;border:1px solid #ccc;border-bottom:none;}
.head-faq::after{position:absolute;top:50%;right:2%;display:inline-block;width:19px;height:12px;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/afl/common/img/icon_arrow_down_r.svg) no-repeat;background-size:contain;}
@media only screen and (max-width:480px){
  .head-faq::after{width:13px;height:8px;}
}
.head-faq.active{border-bottom:1px solid #ccc;}
.head-faq.active::after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.head-faq:hover{cursor:pointer;}
@media only screen and (max-width:480px){
  .head-faq{font-size:.875rem;padding:14px 30px 14px 10px;}
}
.content-faq{font-size:16px;display:none;padding:40px;border-right:1px solid #ccc;border-left:1px solid #ccc;}
@media only screen and (max-width:480px){
  .content-faq{font-size:.8125rem;padding:1.25rem;}
}
.content-faq a.txtLink{font-size:16px;}
@media only screen and (max-width:480px){
  .content-faq a.txtLink{font-size:.8125rem;}
}
.content-faq .noteList{font-size:16px;line-height:1.4;}
@media only screen and (max-width:480px){
  .content-faq .noteList{font-size:.8125rem;}
}