@charset "utf-8";
/* CSS Document */

/* life 共通footer */
.ft-life__common{background-color:#FAF0DC; padding: 20px 0;}
.icon_menu_life{display: flex; display: -webkit-flex; justify-content: center; flex-wrap: wrap; column-gap: 2%;}
.icon_menu_life li {width: 32%; background: #fff; margin-top: 2%;}
.icon_menu_life li a{display: block; width: 100%; height: 100%; padding: 10px;}
.icon_menu_life li img {display: block; width: 50%; max-width: 55px; margin: 0 auto 10px;}
.icon_menu_life li p {text-align: center; color:#00468c; font-size: 13px; line-height: 1.3; font-weight: 600;}
.icon_menu_life li:last-child p {letter-spacing: -1px;}

#life.join-life .ft-life__common {display: none;}


@media (min-width: 768px) {
 #life {padding-bottom: 0; }
 .ft-life__common{padding: 40px 0 20px;}
 .icon_menu_life {justify-content: space-between;  column-gap: 1%;}
 .icon_menu_life li {width: auto; flex: 1; margin: 0;}
 .icon_menu_life li a{padding:20px 10px;}
 .icon_menu_life li p {font-size: 15px;} 
 
  @media (max-width: 930px) {
 .icon_menu_life li {width: 32%; flex: auto;}
 .icon_menu_life li:not(:nth-child(-n+3)) {margin-top: 1%;}
 }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

index

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.exp_point{ background-color:#fff;	margin:6px 0px;}
.exp_point_title{ display: flex; display: -webkit-flex; align-items: center; column-gap: 15px;	padding:10px 0px;	position:relative;}
.point_li1 {width: 15%;}
.point_li2 {width: 70%;}

.exp_point_title::before, .exp_point_title::after {content: ""; width: min(4vw,20px); height:4px;background: #E8380D; position: absolute; right: 5px; top: 50%; transition: 0.3s all ease-in-out;}
.exp_point_title::before {transform: translateY(-50%);}
.exp_point_title::after {transform: translateY(-50%) rotate(90deg);}
.exp_point_title.active::after {transform: translateY(-50%) rotate(0);}

.exp_point_det{display:none;font-weight:bold;font-size:16px;margin-top:10px;	padding:0px 15px 10px;}

.exp__img__copy {width: 90%; margin-inline: auto;}
.exp__img__arrow {width: 30%; margin:10px auto;}
.b_radius_close { background-color:#fff; margin: 30px auto 15px; padding:0 25px; width: min(40vw,360px); border: 2px solid #E8380D; border-radius: 5px; text-align: center;}



@media (min-width: 768px) {
 .exp_anchor__flex {display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end;}
 .exp_anchor__flex ul {width: 51%; padding-bottom: 10px;}
 .exp_anchor__flex div {width: 45%;}

 .top_exp{padding:40px 0;	}
 .top_logo{margin-bottom: 30px;}
 .exp_point {margin-top: 30px;}
 .exp_point_title {padding: 30px 0;}
 .exp_point_title::before, .exp_point_title::after {content: none;} 
 .top_logo_img, .top_logo_txt{width: auto;}
 .exp_point_title img, .top_logo_img img, .top_logo_txt img {width: auto;}
 .exp_point_det {padding: 0 30px 15px; display: block;}
 .b_radius_close { display: none;}

 .exp__img__arrow {width: min(20%, 100px); text-align: center}
 #exp_point--02 .exp__img__copy {text-align: center; width: 50%;}
  
}

/* exp 1*/
.exp1_table--01 {margin-top: 10px;}
.exp_point_det .price_table {width: 96%;margin: auto;}
.price_table{	width: 100%; display: flex;}
.price_right {overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.price_table img {height: 134vw; width: auto;}

.exp_point_age {position: relative;}
.exp_point_age dt {color: #000; font-size:14px; text-align: center; margin:0 5px; border-radius: 5px;}
.exp_point_age dt span {font-size: 22px;}
.exp_point_age dt.exp_point_age-pk {background-color: #F6BDCA;}
.exp_point_age dt.exp_point_age-y {background-color: #FFE200;}
.exp_point_age dt.exp_point_age-gr {background-color: #89CCBA;}
.exp_point_age dd {padding: 10px 0; text-align: center;}
.exp_point_age dd span {color: #e8380d; font-size: 20px; }

.exp_point_midashi{ background-color: #e8380d; color: #fff100; border-radius: 5px; text-align: center; margin: 20px 5px; padding: 5px 0; font-size: 18px;}

.osusume{margin:60px 5px 30px;}
.osusume img{width:100%;}
.osusume h4{text-align:center; font-size:20px; color:#fff; background:#e8380d; line-height:1.3em; border-radius:6px; padding:10px; margin:0; font-weight: 600;}
.osusume p {text-align:left;font-size:16px;line-height:1.8em;margin:10px 0 0;}
.osusume p span{color:#e8380d;background:#fff000;}

@media (min-width: 768px) {
 .exp_point_age {margin-bottom: 30px;}
 .exp_point_age dt {position: absolute; left: 0; width: 240px; padding: 5px 10px; height: 43px;}
 .exp_point_age dd {padding:0 0 0 260px; text-align: left; margin-bottom: 20px;height: 43px; display: flex; align-items: center; font-size: 20px;}
 .exp_point_age dd span {font-size: 26px;}
 .exp1_table--pc {border: 1px solid #000; margin-bottom: 30px;}
 .exp1_table__item {border-bottom: 1px solid #000;}
 .scroll__pc {width: 100%; height: 232px; overflow-y: scroll; position: relative; overflow-x: hidden; -ms-overflow-style: none;} 
 .scroll__pc::-webkit-scrollbar{display: none;}

 .osusume img {width: auto; max-width: 100%;}
 .osusume p.osusume__title {margin: 0 auto; text-align: center; margin-bottom: 30px;}
 .exp1_osusume_cont { display:grid; grid-template-rows: max-content 1fr;  grid-template-columns: 1fr 45%;
 grid-template-areas:
 "area1 area2"
 "area3 area2";}
 .exp1_osusume_cont h4 {grid-area: area1; padding: 15px; font-size: min(2.5vw,30px);}
 .exp1_osusume_cont h4 br {display: none;}
 .exp1_osusume_cont .exp1_osusume_txt {grid-area: area3;}
 .exp1_osusume_cont .exp1_recImg{grid-area: area2; margin: 0!important;}
}

/* exp 2*/
.exp2__cont--01 {background: #fdeff2;}
.exp2__cont--01 h3{ background-color: #00468c; color: #fff; text-align: center; padding: 5px 0; font-size: 18px; font-weight:bold;}
.exp2-01__cont .exp_point_figure {position: relative; padding: 10px 0;}
.exp2-01__cont .exp_point_figure p {width: 50%; margin: 0 auto; transform: translateX(10%);}
.exp2-01__cont .exp_point_ul{	position: absolute; top: 10px; left:30px;}
.exp2-01__cont .exp_point_box{	list-style: none;	text-indent:-1em;	text-align:left;}
.exp2-01__cont .exp_point_box li:before{ content:""; width: 15px; aspect-ratio:1/1; display: inline-block; background: #00468c; border-radius: 50%; position: relative; top: 2px; margin-right: 2px; }

.exp2__cont--02 {margin-top: 20px;}
.exp2__cont--02 h3{ background-color: #00803e; color: #fff; text-align: center; padding: 5px 0; font-size: 18px; font-weight:bold;}
.exp2__cont--02 ul {margin: 10px 0;}

@media (min-width: 768px) {
 .exp2__cont--01, .exp2__cont--02 {display: flex; display: -webkit-flex; justify-content: space-between; background: #fff;}
 .exp2-01__cont {width: 32%; background: #fdeff2;}
 .exp_point_figure {display: flex; display: -webkit-flex; flex-direction: column-reverse; padding: 15px;}
 .exp2-01__cont .exp_point_figure p {width: 65%; transform: none; margin: 20px auto 0;}
 .exp2-01__cont .exp_point_ul{	position: relative; top: inherit; left:inherit; margin-left: 2em;}
 .exp2-02__cont {width: 49%;}
 .exp2-02__cont ul {border: 2px solid #00803e; border-top: none; margin: 0; padding: 20px;}
}

/* exp 3 */
.exp3__cont--01 {font-weight: normal;}
.exp3__cont--01 h4 { background-color: #00468c; color: #fff; border-radius: 5px; text-align: center; margin: 20px 0 10px; padding: 5px 0; font-size: 18px; line-height: 1.6em;  font-weight: 600;}
.exp3__cont--01 h6 {font-size:16px;font-weight:bold;margin:0 0 10px;}

@media (min-width: 768px) {
.exp3__cont--01 h4 {padding: 15px 0; font-size: 22px;}
.exp3__cont--01 img {width: auto; max-width: 100%;}
.exp3__cont__img {text-align: center;}
}


/* ninshin */
.btn__ninshin {margin: 15px auto 10px; text-align: center;}
#ninshin-popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; transition: .6s; display: none;}
#ninshin-popupbg{ background: rgba(0, 0, 0, .65); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; cursor: pointer;}
#ninshin-popup .innerbox{ position: fixed; left: 50%; top: 50%; z-index: 99; transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 8px; background-color: #fffcdb; width: 90%; text-align: center; font-weight:bold; font-size:18px;}
#ninshin-popup .closebtn{ position:absolute; width: 15px; height: 15px; display:block; top:10px; right:15px;}
#ninshin-popup .title { background-color: #00468C; padding:15px 0 10px; border-radius: 8px 8px 0px 0px; min-height: 50px; color:#fff; position:relative;}
#ninshin-popup .naiyou{line-height: 0;padding:15px 0 0;}
#ninshin-popup .naiyou p{line-height:1.5em;margin:0 0 15px;}
#ninshin-popup .naiyou p span{color:#e8380d;border-bottom:2px solid #e8380d;padding-bottom:5px;}
#ninshin-popup .naiyou img{width:30vw;margin:auto;}
.ninshin_kome{font-size:11px;color:#fff;inline-height:1.2em;text-align:center;margin:5px 0 15px;}

@media (min-width: 768px) {
 .btn__ninshin {margin: 40px auto 20px;}
 .ninshin_kome{font-size:13px;}
 .btn__movie {text-align: center;}
 .btn__ninshin img, .btn__movie img {width: auto;}
 #ninshin-popup .innerbox { width: min(90%, 600px);}
 #ninshin-popup .naiyou img{width: auto;}
}

/* join */
.life__join {padding: 30px 0 5px; background: #fff;}
.life__join h3 {color:#fff;		font-weight:bold;	padding:5px;	text-align:center; letter-spacing: 2px;}
.top_kento h3{	background-color:#EA5514;	font-size:30px;}
.top_kanyu h3{	background-color:#1E7DD2;	font-size:25px;}
.life__join__btn {width: 86%; margin: 20px auto; display: flex; display: -webkit-flex; justify-content: center; flex-wrap: wrap; column-gap: 10px;}
.life__join__btn li {width: 48%;}
.life__join__btn li a{display: flex;display: -webkit-flex; justify-content: center; text-align: center;align-items: center; height: 100%; font-size: 2.2rem; font-weight: 800; line-height: 1.2; padding: 20px 0; border: 1px solid #000; background: #f3f3f3; border-radius: 10px; position: relative;}
.life__join__btn li a::before{content: ""; width: 12px; aspect-ratio: 1/1; border-top: 3px solid #000; border-right: 3px solid #000; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(45deg);}

.life__join__kento li a {background:#ffeee4; color: #e65000; border-color: #e65000;}
.life__join__kento li a::before {border-color: #e65000;}

.life__join__kanyu li a {background:#ddf0f9; color: #036eb8; border-color: #036eb8;}
.life__join__kanyu li a::before {border-color: #036eb8;}

@media (min-width: 768px) {
 .life__join {padding: 30px 0 35px; width: 90%; max-width: 1000px; margin-inline: auto; display: flex; display: -webkit-flex; justify-content: space-between;}
 .top_kento, .top_kanyu {width: 49%;}
 .top_kanyu h3 {font-size: 30px;}
 .join__btn__wrap {border: 2px solid #1E7DD2;}
 .top_kento .join__btn__wrap {border-color: #EA5514;}
 .life__join__btn li {width: 100%;}
 .life__join__btn li:not(:first-child) {margin-top: 15px;}
}

/* simulation */
.top_simulation{	background-color:#F1F9FE;	padding: 20px 0 5px 0;}
.top_simulation .inner_body04 {padding: 10px 0; font-size: 14px;}
.top_simulation_title{	font-weight:bold; font-size:18px;	letter-spacing:3px; margin:0px;	padding:0px 0px 0px 5px;	border-left: solid 3px #009FE8;}
.Input-control { font-style: normal; width: 100%; margin-top: 4px;}
.seinengappi{ margin: 0; font-weight:bold; padding-bottom:0.2em;}

.Input-control-select { background: #fff; border: 2px solid #9e9e9f; border-radius: 4px; font-size: 18px; height: 50px; line-height: 46px; margin: 0; position: relative; vertical-align: middle; width: 100%; display: inline-block; }
.Input-control-select select,
.Input-control-select__item { appearance: none; background: none; border: none; bottom: 0; cursor: pointer; font-size: 20px; height: 100%; left: 0; outline: none; padding: 0 54px 0 10px; position: absolute; top: 0; width: 100%; z-index: 1;}
.Input-control-select::after { content: ''; position: absolute; z-index: 0; top:50%; right: 20px; width: 9px; aspect-ratio: 1/1; border-bottom: solid 2px #717071; border-right: solid 2px #717071; transform: translateY(-50%)rotate(45deg);}

.Input-control-year { margin-bottom: 16px; padding-right: 30px; position: relative;}
.Input-control-year select{ text-indent: 35%;}
.Input-control--date { display: flex;justify-content: space-between;}
.Input-control-month,.Input-control-date { padding-right: 30px; position: relative; width: 50%; }
.Input-control-year__text,.Input-control-month__text,.Input-control-date__text { font-weight: bold; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);}
.Input-control-month select, .Input-control-date select{text-indent: 50%;}


.Input-control-Price{margin:30px auto;}
.Input-control-Price .Input-control-select::after {
 content: ''; position: absolute; bottom: -1px;right: -1px; top: -1px;
 background:#00468c url(/sp/img/arrow_selectPrice.png) center center / 25px auto no-repeat;
 border-radius: 0 5px 5px 0; width: 44px; height: auto; border:none; transform: none; }
.Input-control-Price .Input-control-select{border:2px solid #00468c;}
.Input-control-Price .Input-control-select select{font-size: 20px;}
.Input-control-Price p{ margin: 0; font-weight:bold; color:#00468c; font-size: 20px; padding-bottom:0.2em;}


.start_sim{ font-weight: bold; font-size: 18px; letter-spacing: 1.5px; margin: 0 auto 30px; cursor: pointer;}
.start_sim a{ display: block; text-align: center; color:#fff; border: 1px solid #009fe8; padding: 18px; background-color: #009fe8; border-radius: 12px; box-shadow: 0px 1px 1px 1px #CCC;}
 .start_sim span{ font-size:24px;}


/* number picker */
.Plan-altpicker-month, .Plan-altpicker-date {margin: 0 auto; display: flex; flex-flow: row wrap; padding: 10px;}
.Plan-altpicker-month { max-width: 680px; }
.Plan-altpicker-date { justify-content: left;}
.Plan-altpicker-month__btn, .Plan-altpicker-date__btn {
  background: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(209, 226, 153) 84%, rgba(208, 226, 152) 85% );
  background: #f1f9fe;
  border:1px solid #00468c;
  border-radius: 12px;
  box-shadow: 2px 2px 4px 0 rgba(10, 2, 4, 0.3);
  box-shadow: 0px 1px 1px 1px #CCC;
  color: #00468c;
  cursor: pointer;
  font-size: 23px;
  font-weight: bold;
  margin: 2%;
  display: flex; justify-content: center;align-items: center;
  padding: 0 10px; 
}

.Plan-altpicker-month__btn {height: 42px; width: 46%;}
.Plan-altpicker-date__btn {height: 38px; width: 16%;}


@media (min-width: 768px) {
 .top_simulation{	padding: 40px 0 5px 0;}
 .top_simulation_title{font-size:30px; margin:0px 0px 20px 0;	padding:0px 0px 0px 10px;	border-left: solid 5px #009FE8;}
 
 .
 {}
 .top_sim__select { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px;}
 .Input-control{width: 68%;}
 .start_sim {width: 27%; margin: 0;}
 .start_sim a {height: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
 .start_sim a span{display: block;}
 .start_sim a em {font-style: normal;}
 
 .top_simu__control-flex {display: flex; display: -webkit-flex; justify-content: space-between;flex-wrap: wrap;}
 .top_sim__select .Input-control-year {width: 45%;}
 .Input-control--date {width: 53%; justify-content: space-between;}
 .Input-control-year select {text-indent: 0.5em;}
 .Input-control-month, .Input-control-date{width: 48%;}
 .Input-control-month select, .Input-control-date select {text-indent: 0;}
 .Input-control-Price {margin: 0 auto 0; width: 100%;}
 
 @media (max-width: 930px) {
  .Input-control{ margin-bottom: 0; width: 100%;}
  .top_sim__select {width: 100%;}
  .start_sim {width: 100%; margin-top: 30px;}
  .start_sim a span{display: inline;}
 }
}

/* simulation_result */
.tuzukiwaku {display: none;}

.simbox{
 background: #fff;
 border-radius: 6px;
 position: relative;
 border: 2px solid #00a199;
}
.simbox:not(:first-child) {margin-top: 15px;}

.simbox_exptitle{
 color: #fff;
 font-weight: bold;
 padding: 0.2em;
 text-align:center;
 font-size: 130%;
 position: relative;
 letter-spacing:0.2em;
}

.simbox-inner{ padding: 10px;}
.sim-head{font-weight:bold; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.sim-head .price .number{ font-size:160%;}
.simbox hr{ border: none; height: 1px;}

.simbox-oc{ border-top: 1px solid #00a199; padding:0.6em 0.6em 0.63em; text-align:center; border-radius:0 0 6px 6px;}
.simbox-oc span {position: relative; color: #595757;}
.simbox-oc span::before {content: ""; background: url("../img/life/close_2005.png") center center / cover no-repeat; aspect-ratio: 1/1; width: 20px; position: absolute; left: 0; top: 50%; transform: translate(-115%,-50%) rotate(180deg); transition: all 0.3s ease-in-out;}
.simbox-oc.active span::before {transform: translate(-115%,-50%) rotate(0);}

.sim-midashi { margin: 1.4em 0 0.6em; margin-left:0.3em; padding-left:0.4em; color: #3e3a39; background: transparent; border-left: solid 3px #00a199; font-size:120%; font-weight:bold;}

.simbox .score {display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding:0 0.6em; margin: 10px 0;}
.simbox .price {text-align: right; font-weight: 600;}
.simbox .price .number {font-size:160%;}

.p-dot{  position: relative; padding-left:13px;}
.p-dot::before{  position: absolute; content: ""; border-radius: 50%; left: 0; top: 0.5em; width: 10px; height: 10px; line-height: 10px;}

#nyuin-box, #nyuin-box .sim-midashi, #nyuin-box .simbox-oc {border-color:#00a199;}
#nyuin-box .simbox_exptitle {border-color:#00a199; background: #00a199;}
#nyuin-box hr {background: #00a199;}
#nyuin-box .simbox-oc {background:#e3f0f0 }

#syujutsu-box, #syujutsu-box .sim-midashi, #syujutsu-box .simbox-oc {border-color:#f29600;}
#syujutsu-box .simbox_exptitle {border-color:#f29600; background: #f29600;}
#syujutsu-box hr {background: #f29600;}
#syujutsu-box .simbox-oc {background:#fbe9d1; }

#shibou-box, #shibou-box .sim-midashi, #shibou-box .simbox-oc {border-color:#009dde;}
#shibou-box .simbox_exptitle {border-color:#009dde; background: #009dde;}
#shibou-box hr, #shibou-box .p-dot::before {background: #009dde;}
#shibou-box .simbox-oc {background:#dff2fc; }

#syougai-box, #syougai-box .sim-midashi, #syougai-box .simbox-oc {border-color:#eb6ea5;}
#syougai-box .simbox_exptitle {border-color:#eb6ea5; background: #eb6ea5;}
#syougai-box hr, #syougai-box .p-dot::before {background: #eb6ea5;}
#syougai-box .simbox-oc {background:#fdeff5; }

#koutsu-box, #koutsu-box .sim-midashi, #koutsu-box .simbox-oc {border-color:#910782;}
#koutsu-box .simbox_exptitle {border-color:#910782; background: #910782;}
#koutsu-box hr, #koutsu-box .p-dot::before {background: #910782;}
#koutsu-box .simbox-oc {background:#f1e8f1; }
#life_entry {margin-top: 30px;}

@media (min-width: 768px) {
 .simbox-oc {cursor: pointer;}
}

/* price list */

.btn_wrap_B label{
 color: #fff;
 font-weight: bold;
 font-size: 200%;
 letter-spacing: 0.1em;
 cursor: pointer;
 background: #e8380d;
 border-radius: 22px;
 padding:8px;
 box-shadow: 0px 1px 1px 1px #CCC;
 display:block;
 text-align: center;
 position: relative;
}

.btn_wrap_B label::after{
 content: "";
 position: absolute;
 width: 15px;
 aspect-ratio: 15/34;
 background: url(/sp/img/arrow_2005.png) center center / cover no-repeat;
 top: 50%;
 transform: translateY(-50%);
 right: 36px;
}

.btn_wrap_B label p{
 margin: 0;
 font-size:60%;
 line-height:1em;
 padding-top:0.5em;
 letter-spacing: 0.05em;
}

.other_sim{
  margin:30px auto;
  cursor: pointer;
}
.other_sim a{
 font-weight: bold;
 font-size:130%;
 letter-spacing: 0.1em;
 color: #fff;
 display: block;
 text-align:center;
 border: 1px solid #00468c;
 padding: 8px;
 background-color: #00468c;
 border-radius: 12px;
 box-shadow: 0px 1px 1px 1px #CCC;
}

.go_kakekin{
  border-radius: 12px;
  background: #fbfbfb;
  padding: 16px 58px 16px 16px;
  border: 1px solid #b4b4b5;
  position: relative;
  margin:30px auto 0;
}

.go_kakekin p{
    position: relative;
    margin-block-start: 0;
    margin-block-end: 0;
    color:#3e3a39;
    }

.go_kakekin p::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/sp/img/gokakekin_2005.png) no-repeat;
    top: calc(100% - 50%);
    right: -46px;
    margin-top:-20px;
}

.btn_price{	font-size:140%;	font-weight:bold;}
.btn_price a {	color:#00468C; display: block; padding: 10px 20px 10px 20px;	text-align: center; 	border-radius:15px;	border: 1px solid #00468C;background-color:#fff;}

@media (min-width: 768px) {
.btn_price{	margin: 30px 0; font-size: min(2.5vw, 30px);}
.btn_price a {	color:#fff; display: block; padding: 20px;	border: 1px solid #00468C;background:#00468C;}

#life_protection_submit_before p {display: inline-block;}

}

/* attention */
.b_radius_blue { background-color:#fff;	margin:10px auto;	border: 2px solid #1E7DD2;	border-radius: 10px; font-size: 16px; padding: 15px;}
.top_attention h3 {color:#1E7DD2; font-weight:bold; font-size:25px; letter-spacing:2px; margin-bottom: 15px; text-align:center;}
.btn_kanyu { margin: 15px auto 0;}
.btn_kanyu li {margin-top: 5px;}
.btn_kanyu li a {display: block; background: #1E7DD2; color: #fff; position: relative; border-radius: 5px; padding: 12px 40px 12px 15px; font-size: 18px; font-weight: 600; }
.btn_kanyu li a::before {content: ""; width: 10px; aspect-ratio: 1/1; border-top: 2px solid #fff; border-right:2px solid #fff; position: absolute; right: 15px; top: 50%; transform: translateY(-50%)rotate(45deg);}
.top_att__note{font-size: 14px; font-weight: normal; padding-left: 1em; text-indent: -1em; margin-top: 15px;}

@media (min-width: 768px) {
 .top_attention__flex {display:flex; justify-content: space-between; flex-wrap: wrap;margin: 40px 0;}
 .b_radius_blue {width:49%; padding: 20px; margin: 0;}
 .top_attention h3 {margin-bottom: 20px; text-align:center;}
 
  @media (max-width: 930px) {
   .b_radius_blue {width: 100%; margin-bottom: 15px;}
  }
}

/* ft_btn */
.bottom_kento_btn {padding: 10px; background: #fff; }
.bottom_kento_btn li{width: 80%; margin: 5px auto;}

@media (min-width: 768px) {
 .bottom_kento_btn {padding: 50px 0; width: 90%; max-width: 900px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: center; column-gap: 15px;}
 .bottom_kento_btn li {margin: 0;}
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1906 > index

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#life.life_1906 header {display: none;}
#mainV {background: #fffcdb; padding-bottom: min(4vw , 30px);}
.homSlider{width: 100%; aspect-ratio: inherit; }
.slider {width: 100%; aspect-ratio: 16/9; overflow: hidden; position: relative; background: #fff;}
.slider video {position:  absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); aspect-ratio: 16/9;}
.slider.slick-slide{ margin: 0;	}

.video-btn {content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; cursor: pointer; z-index: 10; overflow: hidden; }
.video-btn img {width: 100%; height: 100%; object-fit: cover;}
video { width: 100%; margin: 0 auto; height: auto; position: relative; z-index: 1; aspect-ratio: 16/9;}
.movie_thum {margin: min(2vw , 20px) auto 0; width: 95%; }
.movie_thum .slick-track { transform: unset !important;}
.movie_thum .thumnail {aspect-ratio: 16/9; overflow: hidden; position: relative; margin: 0 min(0.25vw , 5px); cursor: pointer; background: #000;}
.movie_thum .thumnail img { width: 100%; height: 100%; object-fit: cover;}
.movie_thum .thumnail:not(.slick-current) img {opacity: 0.5;} 

#linkBtn {width: 90%; margin: min( 7vw , 60px) auto min( 5vw , 40px);}
#linkBtn ul {list-style: none; margin: 0; padding: 0;}
#linkBtn li {width: 100%; max-width: 682px; margin: 0 auto;}
#linkBtn li img {width: 100%; height: auto; }
#linkBtn li:not(:first-child) {margin-top: min(4.5vw , 40px);}

.bottom_tel {width:80%; margin: 0 auto 30px;}

/* modal */
#life.life_1906.active {overflow: hidden;}
html.active { overflow: hidden;}
.main-modal { display: none; height: 100vh; position: fixed; top: 0; z-index: 1111111; width: 100%;  left: 0;}
.modal__bg { background: rgba(0, 0, 0, 0.65); height: 100vh; position: absolute; width: 100%;}
.main-modal .container { position: relative; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 98vw; max-width: 960px;}
.main-modal .container .movie { position: relative; width: 100%; padding-top: 56.25%;}
.main-modal .container .movie video { position: absolute; top: 0; right: 0; width: 100%;  height: 100%;}

/* nenrei popup */
#nenrei-popup{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    transition: .6s;
    display: none;
}
#nenrei-popupbg{
    background: rgba(255,255,255,0.75);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
}
#nenrei-popup .innerbox{
    max-width: 650px;
    width: 90%;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 10px;
    overflow:hidden;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 40%);
}
#nenrei-popup .closebtn{
    background-color: #fff;
    padding: 2px 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family:'���C���I',Meiryo;
    font-weight: bold;
    cursor:pointer;
    display:block;
}
#nenrei-popup .closebtn:hover{opacity:.6;}
#nenrei-popup .title {
    background-color: #00468C;
    position:relative;
    padding: 15px;
}
#nenrei-popup .title  h4{color:#fff;font-size:24px;text-align:center;font-weight: bold;line-height:1.4em;}
#nenrei-popup .naiyou{
    background-color: #fffcdb;
    padding: 25px;
}

@media (min-width: 768px) {
 #life.life_1906 header {display: block;}
 #life.life_1906 header .inner {display: flex; display: -webkit-flex; justify-content: space-between;}
 #life.life_1906 main {background: #fff;}
 #life.life_1906 .lifeLP__heading {background: #00468C; text-align: center; padding:  min(2vw , 25px) 5%; }
 #life.life_1906 .lifeLP__heading h2 img {width: min(21.08vw, 253px);}

 #life.life_1906 .lifeLP__movie {background: #fffcdb; padding: min(1.25vw , 15px) 0 min(1.66vw , 20px);}
 #life.life_1906 .homSlider{width: 100%; aspect-ratio: inherit; }
 #life.life_1906 .slider {max-width: 900px; width: 100%; aspect-ratio: 16/9; overflow: hidden; position: relative; background: #fff;}
 #life.life_1906 .slider video {position:  absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); aspect-ratio: 16/9;}
 #life.life_1906 .slider.slick-slide{ margin: 0 5px !important;	}
 #life.life_1906 .slider:not(.slick-current)::after {content: ""; width: 100%; height: 100%; background: rgba( 0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 100;}
 #life.life_1906 .video-btn {content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; cursor: pointer; z-index: 10; overflow: hidden; }
 #life.life_1906 .video-btn img {width: 100%; height: 100%; object-fit: cover;}

 #life.life_1906 video {max-width: 1000px; width: 100%; margin: 0 auto; height: auto; position: relative; z-index: 1; aspect-ratio: 16/9;}
 #life.life_1906 .movie_thum {margin: 30px auto 0; max-width: 896px; width: 90%; }
 #life.life_1906 .movie_thum .thumnail {aspect-ratio: 16/9; overflow: hidden; position: relative; margin: 0 min( 0.4vw, 5px);; cursor: pointer; background: #000; flex: 1;}
 #life.life_1906 .movie_thum .thumnail img { width: 100%; height: 100%; object-fit: cover; }
 #life.life_1906 .movie_thum .thumnail:not(.slick-current) img {opacity: 0.5;} 
 #life.life_1906 .movie_thum .slick-track {transform:unset!important;}
 
 #life.life_1906 #linkBtn {margin: 50px auto;}
 #life.life_1906 #linkBtn ul {display: flex; display: -webkit-flex; justify-content: space-between; width: 90%; max-width: 1000px; margin: 0 auto;}
 #life.life_1906 #linkBtn ul li {margin-top: 0; width: 48%;}
 
 #life.life_1906 .top_exp {background: #f1f9fe; padding: min(3.75vw, 45px);}
 #life.life_1906 .top_exp h2 {text-align: center; width: min(37.08vw, 445px); margin: 0 auto; }
 #life.life_1906 .exp_point {border: 1px solid red; border-radius: 15px;}
 #life.life_1906 .ac-item .exp_point_title::before, 
 #life.life_1906 .ac-item .exp_point_title::after {content: ""; width: 24px; height: 3px;background: #E8380D; position: absolute; right: 20px; top: 50%; transition: 0.3s all ease-in-out;}
 #life.life_1906 .exp_point_title::before {transform: translateY(-50%);}
 #life.life_1906 .exp_point_title::after {transform: translateY(-50%) rotate(90deg);}
 #life.life_1906 .exp_point_title.active::after {transform: translateY(-50%) rotate(0);}
 #life.life_1906 .exp_point_det {display: none;}
 #life.life_1906 .ninshin_kome {color: #333;}

 #life.life_1906 .top_kanyu {border: none; width: 90%; max-width: 1000px; margin: 50px auto; }
 #life.life_1906 .top_kanyu .join__btn__wrap { border: none;}
 #life.life_1906 .life__join__btn {width: 100%; display: flex; display: -webkit-flex; justify-content: space-between;}
 #life.life_1906 .life__join__btn li {width: 48%;}
 #life.life_1906 .life__join__btn li:not(:first-child) {margin-top: 0;} 
 #life.life_1906 .life__join__kanyu li a {padding: 30px;}
 
 #life.life_1906 .bottom_tel {width:80%; max-width: 540px; margin: 0 auto 30px;}

/* modal */
 #life.life_1906 .active {overflow: hidden;}
 html.active { overflow: hidden;}
 #life.life_1906 .main-modal { display: none; height: 100vh; position: fixed; top: 0; z-index: 1111111; width: 100%;  left: 0;}
 #life.life_1906 .modal__bg { background: rgba(0, 0, 0, 0.65); height: 100vh; position: absolute; width: 100%;}
 #life.life_1906  .main-modal .container { position: relative; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 960px; margin: 0;}
 #life.life_1906 .main-modal .container .movie { position: relative; width: 100%; padding-top: 56.25%;}
 #life.life_1906 .main-modal .container .movie video { position: absolute; top: 0; right: 0; width: 100%;  height: 100%;}
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1906 > price

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.life_simulation p { color: #444; font-size: 16px; font-weight:bold; }

ul.price_life{ margin: 15px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.price_life li{ width:48.5%;	font-weight:bold;	line-height:18px;	text-align:center;	margin:0 0 3%; font-size: 18px;}
ul.price_life li a { display: block;	border:2px solid #0D4484;	border-radius: 5px;	padding: 15px 0;  color: #0D4484;}
ul.price_life li span {font-size: 10px;}

.price_life__wrap {margin-top: 20px;}
.price_life__list {margin-bottom: 40px;}
.life-price .price_table img  {height: 235px;}
.life-price #price01 .price_table img, .life-price #price02 .price_table img {height: 460px;}
.life-price #price03 .price_table img {height: 265px;}
.price_life__note {text-align: right; font-size: 12px; margin: 5px 0 0;}

.life_price__tel {border:3px solid #e8380d; background: #fdf3e8; margin: 20px 0; text-align: center; padding: 20px 10px; }
.life_price__tel h3 {font-size: 20px; font-weight: 700; }
.life_price__tel h3 span {position: relative; padding: 0 0.8em;}
.life_price__tel h3 span::before, .life_price__tel h3 span::after {content: ""; width: 3px; height: 80%; background: #333;  position: absolute; bottom: 0;}
.life_price__tel h3 span::before{left: 0; transform: rotate(-30deg);}
.life_price__tel h3 span::after{right: 0; transform: rotate(30deg);}
.life_price__tel .life_price__num {font-size: 32px; font-weight: 800;}
.life_price__tel .life_price__num a {color: #e8380d;}
.life_price__tel .life_price__time {font-weight: 700; font-size: 14px;}

.back_sim {}
.back_sim a {display: block; background: #009fe8; color: #fff; font-weight: 600; text-align: center; padding: 20px; font-size: 20px; border-radius: 10px; border-bottom: 2px solid #ddd; position: relative;}
.back_sim a::before {content: ""; background: url("../img/common/arrow_wh.png") center center / cover no-repeat; width: 15px; aspect-ratio: 15/34; position: absolute; left: 20px; top: 50%; transform: translateY(-50%) rotate(180deg);}

.life_price_action {margin: 20px 0;}
.life_price_action li {margin-bottom: 10px;}
.btn_action {position: relative;}
.btn_action input { color: #fff; font-weight: bold; font-size: 30px; letter-spacing: 0.1em; cursor: pointer; background: #e8380d; border-radius:30vw; padding:10px; box-shadow: 0px 1px 1px 1px #CCC; display: block; width: 100%; border: none; position: relative;}
.btn_action::before {content: ""; background: url("../img/common/arrow_wh.png") center center / cover no-repeat; width: 15px; aspect-ratio: 15/34; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 10;}

@media (min-width: 768px) {
 ul.price_life{ margin:30px auto 0; }
 ul.price_life li{ width:32.5%;	margin:0 0 15px; font-size: 20px; line-height: 1.2;}
 ul.price_life li a {padding: 20px 0; }
 ul.price_life li span {font-size: 13px;}
 ul.price_life li a:hover {background: #0D4484; color: #fff;}
.price_life__wrap {margin-top: 60px;}
.life-price .price_table img  {height: 345px;}
.life-price #price01 .price_table {width: 830px; margin: 0 auto;}
.life-price #price01 .price_table img {height: 690px;}
.life-price #price02 .price_table img{height: 680px;}
.life-price #price03 .price_table img {height: 400px;}

.life_price_action {display: flex; display: -webkit-flex; justify-content: space-between;}
.life_price_action li {width: 48%;}
.btn_action input {padding: 15px;}

 @media (max-width: 940px) {
 .life-price #price01 .price_table {width: 100%;}
 }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

about

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (min-width: 768px) {
 .abt-tbl {margin: 10px 0; width: 100%; font-size: 12px; border-top: 1px solid var(--c-life); border-bottom: 1px solid var(--c-life);}
 .abt-tbl caption {padding: 5px; color: #FFF;text-align: center; background: var(--c-life); font-size: 16px;}
 .abt-tbl tr:first-child td:first-child {color: var(--c-life); padding:  10px; }
 .abt-tbl th {background: #DCE3F3; color: var(--c-life); border: 1px solid var(--c-life); padding: 10px; } 
 .abt-tbl td {padding: 10px; border-bottom: 1px solid var(--c-life);}  
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

customer

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* howto */
.ac-howto--life {margin: 30px auto 0;}


/* request */
#life.life-request .top_exp {margin-bottom: 0;}
.ttlAttr {background: var(--c-member); color: #fff; text-align: center; font-weight: 600; padding: 10px; font-size: 22px;}

.reqContent {margin: 40px auto;}
.ttl--member,.ttl--howto {color: var(--c-member); font-weight: 700; font-size: 24px; text-align: center; line-height: 1.2; margin-bottom: 20px;}
.ttl--member span {font-size: 18px; font-weight: normal;}
.ttl--howto {color: var(--c-life); position: relative; padding-top: 50px;}
.ttl--howto::before {content: ""; background: url("../img/life/customer/qmark.png") center center / cover no-repeat; aspect-ratio: 50/49; width: 40px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

.ttlClaim {background:#eb6183; color: #fff; text-align: center; padding: 10px; font-size: 20px; font-weight: 600; margin: 20px -5vw 0;}
.claimStep__wrap {margin: 20px auto;}

.claimStep {border: 3px solid #eb6183; background: #fce9eb; position: relative; border-radius: 10px; margin: 40px auto; padding:45px 30px 30px; text-align: center;}
.claimStep .num {margin: 0; display: flex; display: -webkit-flex; align-items: center; justify-content: center; border: 3px solid #eb6183; background:#fff; position: absolute; left: 50%; top: 0; transform:translate(-50%, -50%); aspect-ratio: 1/1; border-radius: 50%; width: 70px;}
.claimStep .num p {margin: 0; line-height: 1; color: #eb6183; font-weight: 600;}
.claimStep .num p span {font-size: 22px; display: block;}
.claimStep h4 {color: #eb6183; font-weight: 700; font-size: 24px; line-height: 1.4;}
.claimStep .claimImg {margin: 15px auto;}
.claimStep .claimImg img {width: auto;}
.claimTel {margin-bottom: 20px;}

#reqDoc {margin-top: 40px; padding-top:40px; border-top: 1px solid #ccc;}

/* process */
.prc__flow {border: 2px solid #000; border-radius: 8px; margin: 20px auto;}
.prc__net {border-color: #5a8ac6}
.prc__tel {border-color: #48ac3f}

.prc__flow h2 {aspect-ratio: 750/206; border-radius: 5px 5px 0 0; overflow: hidden;}
.prc__flow h2 img {width: 100%; height: 100%; object-fit:cover;}

.prc__flow__inr {padding: 10px 20px 20px;}
.ul_internet li {padding-left: 1.25em; position: relative;}
.ul_internet li::before {content: "●"; color:#5a8ac6; position: absolute; left: 0;}
.prc__flow__cta {margin: 20px auto;}

.prc__tel__att {text-align: center; font-weight: 600; font-size: 20px; margin-bottom: 10px;}

.contBlock {padding: 30px 0;}
.bg--orange {background: #FAF0DC;}

@media (min-width: 768px) {
#life.life-request .top_exp, #life.life-process .top_ep {margin-bottom: 30px;}

/* request */
.ttlAttr { padding: 15px; font-size: 24px;}
.reqContent {margin: 60px auto;}
.ttl--member,.ttl--howto {font-size:30px;margin-bottom: 30px;}
.ttl--member span {font-size: 20px; font-weight: 600;}

.ttlClaim {padding: 15px; font-size: 24px; margin: 40px 0 0; }
.claimStep__wrap {margin: 20px auto 0; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.claimStep {border-radius: 10px; margin: 25px auto; padding:45px 15px 30px; width: 23%;}
.claimStep h4 {font-size: 18px; line-height: 1.4; min-height: 2.5em;}
.claimStep .read {text-align: left;}
.claimStep .listNote {text-align: left; margin: 15px auto 0;}
.claimTel {margin: 40px auto ; width: 500px;}
#reqDoc {margin-top: 40px; padding-top:40px; border-top: 1px solid #ccc;}

/* process */
.prc__flex {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.prc__flow {width: 49%;font-size: 18px; margin: 30px 0 0;}
.prc__flow__inr {padding: 20px 30px 30px;}
.prc__flow__cta {margin: 30px auto;}
.prc__tel__att { font-size: 24px; margin-bottom: 15px;}
.contBlock {padding: 40px 0;}
.prcCont--01, .prcCont--03{background: #fff; border: 2px solid var(--c-member); width: 90%; max-width: 1000px; margin: 0 auto; border-radius: 10px;}

.prcCont__flex {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; width: 90%; max-width: 1000px; margin: 2% auto 60px;}
.prcCont--02, .prcCont--03 {width: 49%; margin: 0;}

.prcCont--02 {border: 2px solid var(--c-life);border-radius: 10px;}

@media (max-width: 1059px) {
 .claimStep {width: 48%;}
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

customer

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.flowIndex p {margin-bottom: 1em;}
.flowIndex p img {width: 24px; }


/* support */
.supContent {margin-bottom: 50px;}
.supContent h3 {margin-bottom: 20px;}
.supContent .supRead {text-align: center; font-weight: 600; color: var(--c-life); margin: 0 0 15px; font-size: 18px;}
.supContent h4 {margin: 25px auto 10px; }
.supContent .supImg {margin: 20px auto 40px;}
.supContent .supImg li:not(:last-child) {margin: 0 auto 20px;}

@media (min-width: 768px) {


/* support */
.supContent h3 {margin-bottom: 30px;}
.supContent .supRead {font-size: 20px;}
.supContent .supImg img {width: auto; max-width: 100%;}
.supContent .supImg {text-align: center; margin: 40px auto 60px;}
.supContent .supImg:last-child {margin-bottom: 0;}
.supContent h4 br {display: none;}
.supContent ul.supImg {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.supContent .supImg li {width: 50%;}
.supContent .supImg li img {width: 100%;}

 @media (max-width: 860px) {
  .supContent .supImg li {width: auto;}
 }

}