@charset "utf-8";

/*/hoken/simulation/sim_result.html*/


/*---------------------------
sim_result.html用（sim_rlt）
----------------------------*/
	
.v_a.sim_rlt .sim_mv h1 {padding-top: 40px;}
	
.v_a.sim_rlt .sim_one_inner_text {text-align: center;}
.v_a.sim_rlt .sim_one_inner_text a {color: #319041;text-decoration: underline;}

.v_a.sim_rlt .result_plan_tilte {background-color: #69BE00; color: #ffffff;border-radius: 30px;padding: 1px 0;width: 100%;text-align: center;font-size: 130%;}

.v_a.sim_rlt .sim_add_btn {width: 55%;}
.v_a.sim_rlt .sim_cv_btn {width: 55%;}

.v_a.sim_rlt .sim_one_inner_item {
    padding: 20px 30px 20px;border: 1px solid #319041;
}

.v_a.sim_rlt .sim_one_inner_item li{width: 100%;}

.v_a.sim_rlt .result_plan_wrap {display: flex;justify-content :space-between;padding: 8px 2px 15px;}
.v_a.sim_rlt .result_plan_item {border-radius: 10px;border: 2px solid #C9C9C9;text-align: center;width: 12%;padding: 10px 5px 5px;color:#C9C9C9;position: relative;line-height: 1.2;height: 120px;}
.v_a.sim_rlt .result_plan_item span {display: block;position: absolute;bottom: 0;left: 0;width: 100%;font-size: 170%;text-align: center;padding: 0 0 12px;letter-spacing: 1px;}


.v_a.sim_rlt .result_plan_item:nth-child(1).active {border: 2px solid #31A7D8;color:#31A7D8;}
.v_a.sim_rlt .result_plan_item:nth-child(2).active {border: 2px solid #DC637B;color:#DC637B;}
.v_a.sim_rlt .result_plan_item:nth-child(3).active {border: 2px solid #E58809;color:#E58809;}
.v_a.sim_rlt .result_plan_item:nth-child(4).active {border: 2px solid #956140;color:#956140;}
.v_a.sim_rlt .result_plan_item:nth-child(5).active {border: 2px solid #42A649;color:#42A649;}
.v_a.sim_rlt .result_plan_item:nth-child(6).active {border: 2px solid #485191;color:#485191;}
.v_a.sim_rlt .result_plan_item:nth-child(7).active {border: 2px solid #925B9A;color:#925B9A;}
.v_a.sim_rlt .result_plan_item:nth-child(8).active {border: 2px solid #4F8836;color:#4F8836;}


/*---------------------------
アコーディオン部
----------------------------*/

.v_a.sim_rlt .result_plan_info_wrap {padding: 15px 0 0;}

.v_a.sim_rlt .result_plan_info_title {background-color: #319041;color: #ffffff;padding: 4px 0 ;text-align: center;font-size: 130%;}

.v_a.sim_rlt .result_plan_info_wrap li {width: 100%; padding: 10px 0 0;}
.v_a.sim_rlt .result_plan_info_q {color: #ffffff;padding: 4px 0 ;text-align: center;font-size: 130%;}
.v_a.sim_rlt .result_plan_info_a {padding: 5px;}
.v_a.sim_rlt .result_plan_info_a strong {font-size: 105%;padding-bottom: 3px;display: inline-block;}

.v_a.sim_rlt .result_plan_info_wrap li:nth-child(1) .result_plan_info_q {background-color: #31A7D8;}
.v_a.sim_rlt .result_plan_info_wrap li:nth-child(2) .result_plan_info_q {background-color: #DC637B;}
.v_a.sim_rlt .result_plan_info_wrap li:nth-child(3) .result_plan_info_q {background-color: #E58809;}
.v_a.sim_rlt .result_plan_info_wrap li:nth-child(4) .result_plan_info_q {background-color: #956140;}
.v_a.sim_rlt .result_plan_info_wrap li:nth-child(5) .result_plan_info_q {background-color: #42A649;}
.v_a.sim_rlt .result_plan_info_wrap li:nth-child(6) .result_plan_info_q {background-color: #925B9A;}
.v_a.sim_rlt .result_plan_info_wrap li:nth-child(7) .result_plan_info_q {background-color: #4F8836;}

.v_a.sim_rlt .result_plan_info_q {
  position: relative;
  cursor: pointer;
  padding-right: 35px;
}

.v_a.sim_rlt .result_plan_info_q::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.2s ease;
}

.v_a.sim_rlt .result_plan_info_q.is-open::after {
  transform: translateY(-30%) rotate(-135deg);
}




/*---------------------------
2026-07-30
----------------------------*/

.v_a.sim_rlt .sim_one_note {border: 2px solid #F00000;border-radius: 5px;text-align: center;padding: 53px 0 10px;background-image: url("../img_a/atension.png");background-repeat: no-repeat;background-size: 36px auto;background-position: top 10px center;color: #F00000;margin-bottom: 20px;}

.v_a.sim_rlt .result_plan_info_a span {font-weight: 600;display: inline-block;padding-bottom: 5px;}
.v_a.sim_rlt .result_plan_info_a sup {vertical-align:super;}

.v_a.sim_rlt .result_plan_info_a_note {border: 1px solid #000000;padding: 10px 15px; margin: 10px 0;}





.v_a.sim_rlt .sim_one h2 {color: #319041;font-size: 215%;line-height: 1.4;font-weight: 700;letter-spacing: 0.5px;text-align: center;padding-bottom: 15px;}



.v_a.sim_rlt .sim_one_inner_rlt {
    background-color: #FFFFFF;
    padding: 20px 0px;
	text-align: left;
}


.v_a.sim_rlt .sim_one_inner_rlt h6{font-size: 16px;font-weight: 600;letter-spacing: 0.5px;padding-bottom: 5px;}

.v_a.sim_rlt .sim_one_inner_rlt .sim_one_inner_rlt_text {padding-bottom: 25px;}

.v_a.sim_rlt .sim_one_inner_rlt .sim_one_inner_rlt_check {font-size: 14px; font-weight: 600;letter-spacing: 0.5px;text-align: center;padding-bottom: 20px;}
.v_a.sim_rlt .sim_one_inner_rlt .sim_one_inner_rlt_check label {
	font-size: 14px;
    padding: 2px 10px;
    border: 0px solid #ffffff;
    background-color: #ffffff;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;}
.v_a.sim_rlt .sim_one_inner_rlt .sim_one_inner_rlt_check label input {cursor: pointer;}

.v_a.sim_rlt .sim_one_inner_rlt .sim_cv_rlt_title{width: 55%; font-size: 17px;font-weight: 600;letter-spacing: 0.5px;padding-bottom: 10px;margin: 0 auto;}


.v_a.sim_rlt .sim_cv_rlt {padding: 10px 0;}


.v_a.sim_rlt .sim_cv_rlt_btn {
	color: #ffffff;
	font-size: 130%;
	letter-spacing: 0.5px;
    width: 55%;
	margin: 0 auto;
    text-align: center;
    padding: 15px 0;
    border-radius: 16px;
    cursor: pointer;
    border: none;position: relative;
display: block;
}

.v_a.sim_rlt a.sim_cv_rlt_btn {;color: #ffffff;text-decoration: none;}
.v_a.sim_rlt a.sim_cv_rlt_btn:hover {;color: #ffffff;opacity: 0.5;}

.v_a.sim_rlt .sim_cv_rlt_btn_sw {
	position: absolute;
  width: 24px;
  height: 24px;
	right:5%;
  top: 50%;
  transform: translate(0%, -45%);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
	
.v_a.sim_rlt .sim_cv_rlt_btn_sw::before{
content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    width: 9px;
    height: 9px;
    margin: auto;
    transform: rotate(45deg);
}

.v_a.sim_rlt .sim_cv_rlt_a .sim_cv_rlt_btn {background-color: #F8691C;box-shadow: 0px 4px 0px 0px #BA4F15;}
.v_a.sim_rlt .sim_cv_rlt_b .sim_cv_rlt_btn {background-color: #69BE00;box-shadow: 0px 4px 0px 0px #4F8F00;}
.v_a.sim_rlt .sim_cv_rlt_c .sim_cv_rlt_btn {background-color: #F86C76;box-shadow: 0px 4px 0px 0px #BA5159;}

.v_a.sim_rlt .sim_cv_rlt_a .sim_cv_rlt_btn_sw {border: 1px solid #F8691C;color:#F8691C;}
.v_a.sim_rlt .sim_cv_rlt_b .sim_cv_rlt_btn_sw {border: 1px solid #69BE00;color:#69BE00;}
.v_a.sim_rlt .sim_cv_rlt_c .sim_cv_rlt_btn_sw {border: 1px solid #F86C76;color:#F86C76;}

.v_a.sim_rlt .sim_cv_rlt_a .sim_cv_rlt_btn_sw::before {border-top: 2px solid #F8691C;border-right: 2px solid #F8691C;}
.v_a.sim_rlt .sim_cv_rlt_b .sim_cv_rlt_btn_sw::before {border-top: 2px solid #69BE00;border-right: 2px solid #69BE00;}
.v_a.sim_rlt .sim_cv_rlt_c .sim_cv_rlt_btn_sw::before {border-top: 2px solid #F86C76;border-right: 2px solid #F86C76;}


.v_a.sim_rlt .sim_cv_rlt_btn img {vertical-align: middle;margin: 0 0 5px 3px;}
.v_a.sim_rlt .sim_cv_rlt_btn span {font-size: 15px;line-height: 1.0;}

.v_a.sim_rlt .sim_cv_rlt_ma {padding-top: 30px !important;}

.v_a.sim_rlt .sim_rlt_gap_a {padding-top: 40px;}

.v_a.sim_rlt .sim_one_inner_rlt_text_c {text-align: center;}

.v_a.sim_rlt .sim_cv_rlt_text {width: 55%;padding-top: 10px;line-height: 1.3;margin: 0 auto;text-indent: -1em;padding-left: 1em;font-size: 85%;}





/*---------------------------
追加　2026-08-03
----------------------------*/

/*---------------------------
レスポンシブ用
----------------------------*/

@media screen and (max-width: 1000px) {
	
.v_a.sim_rlt .sim_mv {
	text-align: left;
	padding: 0 20px;
}	
.v_a.sim_rlt .sim_one_note {
	text-align: left;padding: 53px 15px 10px;
}
	
}

@media screen and (max-width: 900px) {

.v_a.sim_rlt .sim_mv h1 {
    font-size: 150%;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1.0px;
    padding: 30px 0 30px;
}


.v_a.sim_rlt .result_plan_wrap {display: flex;justify-content :space-between;padding: 15px 2px 7px;flex-wrap: wrap;}
.v_a.sim_rlt .result_plan_item {width: 23%; border-radius: 10px;border: 2px solid #C9C9C9;text-align: center;padding: 10px 5px 5px;color:#C9C9C9;position: relative;line-height: 1.2;height: 140px;margin-bottom: 15px;}

	.v_a.sim_rlt .sim_one_inner_rlt .sim_cv_rlt_title{width: 80%;font-size: 16px;}
	.v_a.sim_rlt .sim_cv_rlt_text {width: 80%;}
	
	.v_a.sim_rlt .sim_cv_rlt_btn {
    width: 80%; font-size: 110%;letter-spacing: 0.2px;
}
	
	
.v_a.sim_rlt .result_plan_info_title {
    font-size: 110%;
}
	
.v_a.sim_rlt .result_plan_info_q {
    font-size: 110%;
}
	
	
.v_a.sim_rlt .sim_one h2 {
    font-size: 180%;
}
	
	

}
	
	
	
	

@media screen and (max-width: 800px) {

	.v_a.sim_rlt .sim_one_inner_rlt .sim_cv_rlt_title{width: 96%;}
	.v_a.sim_rlt .sim_cv_rlt_text {width: 96%;}
	
	.v_a.sim_rlt .sim_cv_rlt_btn {
    width: 96%;}
	
	
	
.v_a.sim_rlt .sim_one_inner_item {
    padding: 15px 15px 20px;border: 1px solid #319041;
}
	
	
	
	
	
	
	
	
	
}
	
	
	

@media screen and (max-width: 499px) {
	
	
	    .v_a.sim_rlt .sim_mv h1 {
        font-size: 130%;
        line-height: 1.3;
        font-weight: 700;
        letter-spacing: 1.0px;
        padding: 20px 0 20px;
    }
	
	
	.v_a.sim_rlt .result_plan_info_title {
    font-size: 100%;
}
	
.v_a.sim_rlt .result_plan_info_q {
    font-size: 100%;
}
	
	
.v_a.sim_rlt .sim_one h2 {
    font-size: 150%;
}
	
	
	
    .v_a.sim_rlt .sim_one_inner_rlt .sim_cv_rlt_title {
        font-size: 14px;
    }	
	
	
	    .v_a.sim_rlt .sim_cv_rlt_btn {
        font-size: 90%;
        letter-spacing: 0.2px;
    }
	
	.v_a.sim_rlt .sim_cv_rlt_btn span {
    font-size: 10px;
    line-height: 1.0;
}
	
	.v_a.sim_rlt .sim_one_inner_rlt .sim_one_inner_rlt_check {
    font-size: 12px;
}
	.v_a.sim_rlt .sim_one_inner_rlt .sim_one_inner_rlt_check label {font-size: 12px;}
	
.v_a.sim_rlt .sim_one_inner_rlt h6 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-bottom: 2px;
}		
.v_a.sim_rlt .sim_one_inner_rlt .sim_one_inner_rlt_text {
    font-size: 13px;;
    line-height: 1.3;
}
	
	
	
	
.v_a.sim_rlt .result_plan_item {width: 49%; border-radius: 10px;border: 2px solid #C9C9C9;text-align: center;padding: 10px 5px 5px;color:#C9C9C9;position: relative;line-height: 1.2;height: 110px;margin-bottom: 15px;}
	
	
	
	
	
	
	
	
	
	
	
	
}