@charset "utf-8";

/*/hoken/simulation/*/


/*---------------------------
MV
----------------------------*/


.v_a .sim_mv {text-align: center;}
.v_a .sim_mv h1 {color: #319041;font-size: 320%;line-height: 1.4;font-weight: 700;letter-spacing: 0.5px;}
.v_a.sim_rlt .sim_mv h1 {color: #319041;font-size: 215%;line-height: 1.4;font-weight: 700;letter-spacing: 1.0px;padding: 0 0 30px;}
.v_a .sim_mv h1 span{font-size: 50%;line-height: 1.6;font-weight: 500;}

.v_a .sim_mv h2 {font-size: 100%;line-height: 1.4;font-weight: 500;letter-spacing: 0px;padding: 40px 0 30px;}
.v_a .sim_mv h3 {font-size: 102%;line-height: 1.4;font-weight: 500;letter-spacing: 0px;border-radius: 40px;background-color: #F5F4F4;margin-top: 10px;display: inline-block;padding: 9px 70px;}

.v_a .sim_wrap {padding: 0px 0 0;}
.v_a .sim_wrap h4 {text-align: center;color: #319041;font-size: 200%;line-height: 1.4;font-weight: 600;letter-spacing: 1.5px;}
.v_a .sim_wrap h4 span{font-size: 130%;line-height: 1.4;font-weight: 600;}

.v_a .sim_wrap h5 {text-align: center;color: #ffffff;background-color: #319041;font-size: 150%;line-height: 1.4;font-weight: 400;letter-spacing: 1.5px;padding: 5px 10px;}


.v_a .sim_one_inner {background-color:#E6F2E8;padding: 20px 30px;}
.v_a .sim_one_inner ul {display: flex;justify-content: space-around;}

.v_a .sim_one_inner .sim_one_inner_note{text-align: center;font-size: 90%;letter-spacing: 1.0px;padding: 15px 0 0 ;}

.v_a .sim_wrap .sim_arrow {text-align: center;color: #319041;font-size: 200%;padding: 20px 0 5px;}


.v_a.sim_top .sim_mv {padding: 60px 0 0; background-image: url("../img_a/mv_01.png"),url("../img_a/mv_02.png");background-position: left 50px top 30px,right 40px top 30px;background-repeat: no-repeat,no-repeat;background-size: auto 200px,auto 200px;}

.v_a.sim_top .sim_one_btn_wrap {width: 94%;margin: 0 auto;padding: 20px 0 0}

.v_a.sim_top .sim_one_btn_wrap ul {display: flex;justify-content: space-between;}
.v_a.sim_top .sim_one_btn_wrap ul li {width: 49%;}

.v_a.sim_top .sim_one_btn_wrap ul li a {display: block; width: 100%;border: 1px solid #319041; border-radius: 50px;text-align: center;text-decoration: none;padding: 17px 60px 17px 2px;color: #319041; }

.v_a.sim_top .sim_one_btn_wrap .sim_one_btn_a a { background-color: #319041;color: #ffffff;background-image: url("../img_a/ya-btn-2.png") ;background-repeat: no-repeat;background-position: center right 38px;background-size: 34px auto;}
.v_a.sim_top .sim_one_btn_wrap .sim_one_btn_a a:hover {background-color: #ffffff;color: #319041;}

.v_a.sim_top .sim_one_btn_wrap .sim_one_btn_b a { background-image: url("../img_a/mouse.png") ;background-repeat: no-repeat;background-position: center right 45px;background-size: 25px auto;}

/*---------------------------
item
----------------------------*/

.v_a .sim_two_wrap {border-radius: 15px;overflow: hidden; border-width: 2px;border-color: #DFDFDF;border-style: solid;padding: 10px 18px 15px;}
.v_a .sim_two ul {display: flex;flex-wrap: wrap;}
.v_a .sim_two ul li{width: 49%;margin: 2% 1% 0 0;}
.v_a .sim_two ul li:nth-child(2n){width: 49%;margin: 2% 0 0 1%;}

.v_a .sim_two_head {display: flex;justify-content: space-between;align-items: center;}
.sim_two_head_left {width: 75%;display: flex;align-items: center;flex-wrap: wrap;cursor: pointer;}
.sim_two_head_right {width: 25%;align-items: center;}

.v_a .sim_two_mid {display: flex;justify-content: space-between;align-items: center;}

.v_a .sim_two_check {
    width: 24px;
    height: 24px;
    border: 2px solid;
    border-radius: 3px;
    box-sizing: border-box;
    }

.v_a .sim_two_icon {text-align: center;padding: 0 5px;}
.v_a .sim_two_icon img {width: 50px;height: auto;}
.v_a .sim_two_title {font-size: 130%;line-height: 1.3;margin-right: 2%;}
.v_a .sim_two_btn_wrap {text-align: right;}
.v_a .sim_two_btn {display: inline-block; width: 90%;text-align: center; cursor: pointer;color:#ffffff;padding: 3px 10px 3px 2px;font-size: 80%;letter-spacing: 1px;background-image: url("../img_a/ya-btn.png");background-repeat: no-repeat;background-position: right 7px center;background-size: 6px auto;}
.v_a .sim_two_btn:hover {opacity: 0.5;}

.v_a .sim_two_mid {opacity: .3;}

.v_a .sim_two_btm {text-align: center; opacity: .3;}
.v_a .sim_two_select {display: inline-block;border-radius: 30px;width: 80%;color: #ffffff;padding: 5px 0;}

.v_a .sim_two_a .sim_two_btn {background-color: #31A7D8;}
.v_a .sim_two_a .sim_two_title {color: #31A7D8;}
.v_a .sim_two_a .sim_two_select {background-color: #31A7D8;box-shadow: 0px 4px 0px 0px #2A79B8;}

.v_a .sim_two_b .sim_two_btn {background-color: #DC637B;}
.v_a .sim_two_b .sim_two_title {color: #DC637B;}
.v_a .sim_two_b .sim_two_select {background-color: #DC637B;box-shadow: 0px 4px 0px 0px #BE497A;}

.v_a .sim_two_c .sim_two_btn {background-color: #E58809;}
.v_a .sim_two_c .sim_two_title {color: #E58809;}
.v_a .sim_two_c .sim_two_select {background-color: #E58809;box-shadow: 0px 4px 0px 0px #CE7416;}

.v_a .sim_two_d .sim_two_btn {background-color: #42A649;}
.v_a .sim_two_d .sim_two_title {color: #42A649;}
.v_a .sim_two_d .sim_two_select {background-color: #42A649;box-shadow: 0px 4px 0px 0px #328B4D;}

.v_a .sim_two_e .sim_two_btn {background-color: #956140;}
.v_a .sim_two_e .sim_two_title {color: #956140;}
.v_a .sim_two_e .sim_two_select {background-color: #956140;box-shadow: 0px 4px 0px 0px #764D2B;}

.v_a .sim_two_f .sim_two_btn {background-color: #485191;}
.v_a .sim_two_f .sim_two_title {color: #485191;}
.v_a .sim_two_f .sim_two_select {background-color: #485191;box-shadow: 0px 4px 0px 0px #2C358B;}

.v_a .sim_two_g .sim_two_btn {background-color: #4F8836;}
.v_a .sim_two_g .sim_two_title {color: #4F8836;}
.v_a .sim_two_g .sim_two_select {background-color: #4F8836;box-shadow: 0px 4px 0px 0px #516A3F;}

.v_a .sim_two_h .sim_two_btn {background-color: #925B9A;}
.v_a .sim_two_h .sim_two_title {color: #925B9A;}
.v_a .sim_two_h .sim_two_select {background-color: #925B9A;box-shadow: 0px 4px 0px 0px #75428F;}





/*---------------------------
item .sim-item--selected
----------------------------*/

.v_a .sim-item--selected .sim_two_check {
    position: relative;
    border-radius: 0px;
    border: 0;}

.v_a .sim-item--selected .sim_two_check:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 7px;
    width: 6px;
    height: 14px;
    transform: rotate(45deg);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}

.v_a .sim-item--selected .sim_two_mid {opacity: 1;}

.v_a .sim-item--selected .sim_two_btm {text-align: center; opacity: 1;}

.v_a .sim-item--selected .sim_two_select {cursor: pointer;}
.v_a .sim-item--selected .sim_two_select:hover {opacity: 0.5;}



.v_a .sim_two_wrap.sim_two_a.sim-item--selected {border-color: #31A7D8;}
.v_a .sim_two_a.sim-item--selected .sim_two_check, .v_a #modal01 .sim_mod_result_ac::before,
.v_a #modal01 .sim_mod_result_ac::after {background-color: #31A7D8;}

.v_a .sim_two_wrap.sim_two_b.sim-item--selected {border-color: #DC637B;}
.v_a .sim_two_b.sim-item--selected .sim_two_check, .v_a #modal02 .sim_mod_result_ac::before,
.v_a #modal02 .sim_mod_result_ac::after {background-color: #DC637B;}

.v_a .sim_two_wrap.sim_two_c.sim-item--selected {border-color: #E58809;}
.v_a .sim_two_c.sim-item--selected .sim_two_check, .v_a #modal03 .sim_mod_result_ac::before,
.v_a #modal03 .sim_mod_result_ac::after {background-color: #E58809;}

.v_a .sim_two_wrap.sim_two_d.sim-item--selected {border-color: #42A649;}
.v_a .sim_two_d.sim-item--selected .sim_two_check, .v_a #modal04 .sim_mod_result_ac::before,
.v_a #modal04 .sim_mod_result_ac::after {background-color: #42A649;}

.v_a .sim_two_wrap.sim_two_e.sim-item--selected {border-color: #956140;}
.v_a .sim_two_e.sim-item--selected .sim_two_check, .v_a #modal05 .sim_mod_result_ac::before,
.v_a #modal05 .sim_mod_result_ac::after {background-color: #956140;}

.v_a .sim_two_wrap.sim_two_f.sim-item--selected {border-color: #485191;}
.v_a .sim_two_f.sim-item--selected .sim_two_check, .v_a #modal06 .sim_mod_result_ac::before,
.v_a #modal06 .sim_mod_result_ac::after {background-color: #485191;}

.v_a .sim_two_wrap.sim_two_g.sim-item--selected {border-color: #4F8836;}
.v_a .sim_two_g.sim-item--selected .sim_two_check, .v_a #modal07 .sim_mod_result_ac::before,
.v_a #modal07 .sim_mod_result_ac::after {background-color: #4F8836;}

.v_a .sim_two_wrap.sim_two_h.sim-item--selected {border-color: #925B9A;}
.v_a .sim_two_h.sim-item--selected .sim_two_check, .v_a #modal08 .sim_mod_result_ac::before,
.v_a #modal08 .sim_mod_result_ac::after {background-color: #925B9A;}









/*---------------------------
item モーダル用
----------------------------*/

.v_a .sim_modal_overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 300000;
  align-items: center;
  justify-content: center;
}

.v_a .sim_modal_overlay.is-active {
  display: flex;
}

.v_a .sim_modal_window {
  position: relative;
  max-width: 840px;
  width: 70%;
  height: 70%;
  background: #fff;
  border: 2px solid #333;
  padding: 0px;
  overflow-y: auto;
  box-sizing: border-box;
}

.v_a .sim_modal_content {
  display: none;
}

.v_a .sim_modal_content.is-active {
  display: block;
}

.v_a .sim_modal_close {
  /* border: 1px solid #000000;
  background: none;
  font-size: 32px; */
  /* line-height: 1;
  cursor: pointer; */
}

body.is-modal-open {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .v_a .sim_modal_window {
    width: 90%;
    height: 90%;
    padding: 0;
  }
}


/*---------------------------
item モーダルコンテンツ用
----------------------------*/

.v_a .sim_modal_item h2 {width: 69%;padding: 10px;max-width: 840px; text-align: center;position: fixed;display: flex;justify-content:center;align-items: center;z-index: 1050;}

@media screen and (max-width: 900px) {
.v_a .sim_modal_item h2 {width: 90%;}
}

.v_a .sim_mod_icon {padding: 0 10px 0 0;}
.v_a .sim_mod_icon img {width: 30px;height: auto;}
.v_a .sim_mod_title {font-size: 200%;line-height: 1.3;color: #ffffff;letter-spacing: 1px; }

.v_a .sim_mod_gap {padding: 60px 0 0;} 
.v_a .sim_mod_inner {padding: 10px 30px 30px;} 

.v_a .sim_mod_note {
  font-size: 150%;
  line-height: 1.3;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 30px;
	padding-top: 30px;
}

@media screen and (max-width: 800px) {
	.v_a .sim_mod_note {padding-top: 0px;}
}

.v_a .modal01-02 table {
  width: 100%;
	margin-bottom: 5px
}
@media screen and (max-width: 1200px) {
.v_a .modal01-02 table {
	margin-bottom: 10px
}
}

.v_a .modal01-02 table,
.v_a .modal01-02 td,
.v_a .modal01-02 th{
  border-collapse: collapse;
  border:1px solid #31A7D8;
}

.v_a .modal01-02 td,
.v_a .modal01-02 th {
  padding: 10px;
}

.v_a .modal01-02 th {
  width: calc((100% _ 20px) / 4);
  text-align: start;
}
.v_a .modal01-02 th:first-of-type {
  width: 18px;
}
.v_a .modal01-02 tbody th {
  vertical-align: middle;
}
.v_a .modal01-02 thead th {
  font-size: 130%;
}

.v_a .modal01-02 td {
  text-align: right;
  vertical-align: middle;
  font-size: 180%;
}

.v_a select {
  font-size: 120%;
  padding: 2px 10px;
  border: 1px solid #555555;
  border-radius: 5px;
	cursor: pointer;
}

.v_a label {
  font-size: 120%;
  padding: 2px 10px;
  border: 1px solid #555555;
	background-color: #ffffff;
  border-radius: 5px;
	margin-right: 10px;
	cursor: pointer;
}

.v_a label input[type="radio"] {
  margin: 0 4px 3px 0 ;
}

.v_a .sim_modal_item h3 {
  width: 100%;
  padding: 2px 5px;
  border-left: 8px solid ;
  font-size: 150%;
  line-height: 1.3;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.v_a .sim_modal_item h4  {width: 100%;padding: 7px 5px;color: #ffffff;text-align: center;font-size: 180%;}


.sim_mod_result_list_area {
  margin-bottom: 20px;
}
.sim_mod_result_list_area h4 {
  position: relative;
  cursor: pointer;

}


.v_a .sim_mod_result_ac {
	position: absolute;
  width: 24px;
  height: 24px;
	right:20px;
  top: 50%;
  transform: translate(0%, -50%);
  border-radius: 50%;
  background: #fff;
border: none;
  cursor: pointer;
}

.v_a .sim_mod_result_ac::before,
.v_a .sim_mod_result_ac::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.v_a .sim_mod_result_ac::before {
  width: 12px;
  height: 2px;
}

.v_a .sim_mod_result_ac::after {
  display: none;
  width: 2px;
  height: 12px;
}

/* 開いている時は「+」にする */
h4.is-close .sim_mod_result_ac::after {
  display: block;
}











li.modal-item {
  margin-bottom: 20px;
}

.sim_mod_result_area {
  display: flex;
  gap: 20px;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 20px;
}
.sim_mod_result_area span.result_figure {
  font-size: 50px;
}


.sim_mod_result_inner {
  padding: 0 20px 40px;
}
.sim_mod_result_inner ul {
  width: 100%;
}


.sim_mod_result_inner ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 10px 10px 4px;
  border-bottom: 1px solid #2A79B8;
}

.result-title {
  font-size: 150%;
}
.result-amount {
  font-size: 40px;
  font-weight: 600;
}
.result-amount-unit {
  font-size: 160%;
  font-weight: 600;
}


.modal-item .radio-wrap {
  margin-left: 10px;
}

.modal-item .radio-wrap label {
  margin-right: 20px;
}

.modal-item .radio-wrap-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}



/* btn */
.btns-wrap {
  width: 70%;
  margin: 0 auto;
}

.btns-wrap button {
  display: block;
  width: 100%;
  font-size: 200%;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
  border-radius: 16px;
  cursor: pointer;
  border: none;
}

button.sim_modal_change {
  color: #FFF;
  background-color: #31A7D8;
  box-shadow: 0px 4px 0px 0px #2A79B8;
}

button.sim_modal_change span {
  position: relative;
  padding-right: 30px;
}
button.sim_modal_change span::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 0px;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  border-radius: 20px;
}
button.sim_modal_change span::after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: 0;
  right: 11px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  box-sizing: border-box;
}





button.sim_modal_close {
  background-color: #FFF;
  color: #31A7D8;
  border: 1px solid #31A7D8;
}


.sim_mod_result_note {
  margin-top: 10px;
}


.questionmark-wrap {
  display: flex;
}

.questionmark-wrap-table {
  display: flex;align-items: center;justify-content: space-around;
}


.questionmark {
	position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 14px;
  border-radius: 20px;
  margin-left: 10px;
  cursor: pointer;
  color: #FFF;
}



/* 色設定ここから */
.v_a #modal01.sim_modal_item h4 {
  background-color:#31A7D8;
}
.v_a #modal02.sim_modal_item h4 {
  background-color:#dc637b;
}
.v_a #modal03.sim_modal_item h4 {
  background-color:#e58809;
}
.v_a #modal04.sim_modal_item h4 {
  background-color:#43a74a;
}
.v_a #modal05.sim_modal_item h4 {
  background-color:#956140;
}
.v_a #modal06.sim_modal_item h4 {
  background-color:#485191;
}
.v_a #modal07.sim_modal_item h4 {
  background-color:#4F8836;
}
.v_a #modal08.sim_modal_item h4 {
  background-color:#925B9A;
}

#modal01.sim_modal_item h3,
#modal01 button.sim_modal_change span::after {
  border-color:#31A7D8;
}
#modal02.sim_modal_item h3,
#modal02 button.sim_modal_change span::after {
  border-color:#dc637b;
}
#modal03.sim_modal_item h3,
#modal03 button.sim_modal_change span::after {
  border-color:#e58809;
}
#modal04.sim_modal_item h3,
#modal04 button.sim_modal_change span::after {
  border-color:#43a74a;
}
#modal05.sim_modal_item h3,
#modal05 button.sim_modal_change span::after {
  border-color:#956140;
}
#modal06.sim_modal_item h3,
#modal06 button.sim_modal_change span::after {
  border-color:#485191;
}
#modal07.sim_modal_item h3,
#modal07 button.sim_modal_change span::after {
  border-color:#4F8836;
}
#modal08.sim_modal_item h3,
#modal08 button.sim_modal_change span::after {
  border-color:#925B9A;
}

#modal01 .sim_mod_result_inner ul li,
#modal01 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #31A7D8;
}
#modal02 .sim_mod_result_inner ul li,
#modal02 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #dc637b;
}
#modal03 .sim_mod_result_inner ul li,
#modal03 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #e58809;
}
#modal04 .sim_mod_result_inner ul li,
#modal04 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #43a74a;
}
#modal05 .sim_mod_result_inner ul li,
#modal05 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #956140;
}
#modal06 .sim_mod_result_inner ul li,
#modal06 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #485191;
}
#modal07 .sim_mod_result_inner ul li,
#modal07 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #4F8836;
}
#modal08 .sim_mod_result_inner ul li,
#modal08 .modal-item .radio-wrap label:has(input:checked) {
  border-color: #925B9A;
}

#modal01 input[type="radio"] {
  accent-color: #31A7D8;
}
#modal02 input[type="radio"] {
  accent-color: #dc637b;
}
#modal03 input[type="radio"] {
  accent-color: #e58809;
}
#modal04 input[type="radio"] {
  accent-color: #43a74a;
}
#modal05 input[type="radio"] {
  accent-color: #956140;
}
#modal06 input[type="radio"] {
  accent-color: #485191;
}
#modal07 input[type="radio"] {
  accent-color: #4F8836;
}
#modal08 input[type="radio"] {
  accent-color: #925B9A;
}


#modal01 .questionmark {
  background-color: #31A7D8;
}
#modal02 .questionmark {
  background-color: #dc637b;
}
#modal03 .questionmark {
  background-color: #e58809;
}
#modal04 .questionmark {
  background-color: #43a74a;
}
#modal05 .questionmark {
  background-color: #956140;
}
#modal06 .questionmark {
  background-color: #485191;
}
#modal07 .questionmark {
  background-color: #4F8836;
}
#modal08 .questionmark {
  background-color: #925B9A;
}

#modal01 button.sim_modal_close {
  color: #31A7D8;
  border-color: #31A7D8;
}
#modal02 button.sim_modal_close {
  color: #dc637b;
  border-color: #dc637b;
}
#modal03 button.sim_modal_close {
  color: #e58809;
  border-color: #e58809;
}
#modal04 button.sim_modal_close {
  color: #43a74a;
  border-color: #43a74a;
}
#modal05 button.sim_modal_close {
  color: #956140;
  border-color: #956140;
}
#modal06 button.sim_modal_close {
  color: #485191;
  border-color: #485191;
}
#modal07 button.sim_modal_close {
  color: #4F8836;
  border-color: #4F8836;
}
#modal08 button.sim_modal_close {
  color: #925B9A;
  border-color: #925B9A;
}

#modal01 button.sim_modal_change {
  background-color: #31A7D8;
  box-shadow: 0px 4px 0px 0px #2A79B8;
}
#modal02 button.sim_modal_change {
  background-color: #dc637b;
  box-shadow: 0px 4px 0px 0px #BE497A;
}
#modal03 button.sim_modal_change {
  background-color: #e58809;
  box-shadow: 0px 4px 0px 0px #CE7416;
}
#modal04 button.sim_modal_change {
  background-color: #43a74a;
  box-shadow: 0px 4px 0px 0px #328B4D;
}
#modal05 button.sim_modal_change {
  background-color: #956140;
  box-shadow: 0px 4px 0px 0px #764D2B;
}
#modal06 button.sim_modal_change {
  background-color: #485191;
  box-shadow: 0px 4px 0px 0px #2C358B;
}
#modal07 button.sim_modal_change {
  background-color: #4F8836;
  box-shadow: 0px 4px 0px 0px #516A3F;
}
#modal08 button.sim_modal_change {
  background-color: #925B9A;
  box-shadow: 0px 4px 0px 0px #75428F;
}

#modal01 .sim_mod_result_area,
#modal01 .sim_mod_result_inner {
  background-color: #E0F0F9;
}
#modal02 .sim_mod_result_area,
#modal02 .sim_mod_result_inner {
  background-color: #FCE6E9;
}
#modal03 .sim_mod_result_area,
#modal03 .sim_mod_result_inner {
  background-color: #FAE6D2;
}
#modal04 .sim_mod_result_area,
#modal04 .sim_mod_result_inner {
  background-color: #E8F3E8;
}
#modal05 .sim_mod_result_area,
#modal05 .sim_mod_result_inner {
  background-color: #EEE5E0;
}
#modal06 .sim_mod_result_area,
#modal06 .sim_mod_result_inner {
  background-color: #E9EAF1;
}
#modal07 .sim_mod_result_area,
#modal07 .sim_mod_result_inner {
  background-color: #E1EADC;
}
#modal08 .sim_mod_result_area,
#modal08 .sim_mod_result_inner {
  background-color: #EEE4EE;
}



/* 色設定ここまで */


span.red {
  display: block;
  color: #D92A2D;
}
button.sim_modal_change:active {
  box-shadow: none !important;
  transform: translateY(4px) !important;
}



/*---------------------------
item モーダルコンテンツ吹き出し用
----------------------------*/

.questionmark .balloon {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  width: 170px;
  padding: 4px 5px;
  background: #EEEEEE;
  color: #333;
  font-size: 13px;
  line-height: 1.3;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  z-index: 1000;
  text-align: left;
	letter-spacing: 0.2px;
}

.questionmark .balloon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -9px;
  transform: translateX(-50%);
  border-width: 10px 7px 0 7px;
  border-style: solid;
  border-color: #EEEEEE transparent transparent transparent;
}

.questionmark.is-open .balloon {
  display: block;
}

@media screen and (max-width: 1200px) {
.questionmark .balloon {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  width: 150px;
  padding: 4px 5px;
  background: #EEEEEE;
  color: #333;
  font-size: 12px;
  line-height: 1.3;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  z-index: 1000;
  text-align: left;
	letter-spacing: 0.2px;
}
}

/*---------------------------
sim結果領域 .sim_result
----------------------------*/

.v_a .sim_result_inner {background-color:#E6F2E8;padding: 25px 30px;}


.v_a .sim_result_item {background-color:#ffffff;padding: 10px 30px 20px;margin-bottom: 2px;}

.v_a .sim_result_item_header {display: flex;justify-content: space-between;padding: 10px;align-items: center;}

.v_a .sim_result_item_name {font-size: 130%;width: 20%;font-weight: 600;}
.v_a .sim_result_item_sakuzyo {border-radius: 5px;background-color: #CAC7C7;padding: 2px 10px 2px 28px;font-size: 90%;cursor: pointer;background-image: url("../img_a/icon_trashcan.png");background-position: left 6px center;background-repeat: no-repeat;background-size: 18px auto;width: 100px;text-align: center;}
.v_a .sim_result_item_sakuzyo:hover {opacity: 0.5;}
.v_a .sim_result_item_henkou {border-radius: 5px;background-color: #9BC5C1;padding: 2px 10px 2px 28px;font-size: 90%;cursor: pointer;background-image: url("../img_a/icon_pen.png");background-position: left 6px center;background-repeat: no-repeat;background-size: 18px auto;width: 100px;text-align: center;}
.v_a .sim_result_item_henkou:hover {opacity: 0.5;}
.v_a .sim_result_item_fee {font-size: 140%;width: 35%;text-align: right;padding-right: 5%;}
.v_a .sim_result_item_fee span {font-size: 150%;font-weight: 600;}




.v_a .sim_result_zyoken {display: flex;border: 1px solid #319041;padding: 5px 10px;justify-content: space-around;align-items: center;}
.v_a .sim_result_zyoken_tilte {width: 60%;}
.v_a .sim_result_zyoken_age, .v_a .sim_result_zyoken_seibetsu {width: 10%;align-items: center;}

.v_a .sim_result_uchiwake {text-align: center;padding: 20px 0 0px;font-size: 120%;}


.v_a .sim_result_plan_list {display: flex;justify-content: space-between;padding: 10px 10px 2px;width: 80%;margin: 0 auto;border-bottom: 1px solid #319041;align-items: center;}

.v_a .sim_result_plan_fee span {font-size: 150%;}


.v_a .sim_result_goukei_wrap {display: flex;border-bottom: 5px solid #319041;padding: 15px 40px;justify-content: space-between;align-items: center;background-color:#ffffff;}

.v_a .sim_result_goukei_title {font-size: 150%;color:#319041;font-weight: 600;}
.v_a .sim_result_goukei_fee {font-size: 130%;}
.v_a .sim_result_goukei_fee span {font-size: 250%;font-weight: 800;letter-spacing: 2px;}





/*---------------------------
sim結果領域 .sim_resultのアコーディオン用
----------------------------*/

.sim_result_item_sw {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
border: 1px solid #319041;
  color: #319041;
  cursor: pointer;
  position: relative;
}

.sim_result_item_sw::before,
.sim_result_item_sw::after {
  content: "";
  position: absolute;
  background: #319041;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sim_result_item_sw::before {
  width: 12px;
  height: 2px;
}

.sim_result_item_sw::after {
  width: 2px;
  height: 12px;
}

/* 開いている時は「−」にする */
.sim_result_item.is-open .sim_result_item_sw::after {
  display: none;
}


/*---------------------------
sim領域 ボタン
----------------------------*/

.v_a .sim_add {padding: 25px 0 0;}

.v_a .sim_add_btn {background-color: #69BE00;
    box-shadow: 0px 4px 0px 0px #4F8F00;
	color: #ffffff;
	font-size: 130%;
	letter-spacing: 1.5px;
    width: 40%;
	margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 16px;
    cursor: pointer;
    border: none;position: relative;}

.v_a .sim_add_btn:hover {opacity: 0.5;}

.v_a .sim_add_btn_sw {
	position: absolute;
  width: 24px;
  height: 24px;
	right:5%;
  top: 50%;
  transform: translate(0%, -45%);
  border-radius: 50%;
  background: #fff;
border: 1px solid #69BE00;
  color: #69BE00;
  cursor: pointer;
}
	
.v_a .sim_add_btn_sw::before,
.v_a .sim_add_btn_sw::after {
  content: "";
  position: absolute;
  background: #69BE00;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.v_a .sim_add_btn_sw::before {
  width: 12px;
  height: 2px;
}

.v_a .sim_add_btn_sw::after {
  width: 2px;
  height: 12px;
}
	
	
	
	

.v_a .sim_cv_btn {background-color: #F8691C;
    box-shadow: 0px 4px 0px 0px #BA4F15;
	color: #ffffff;
	font-size: 130%;
	letter-spacing: 1.5px;
    width: 40%;
	margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 16px;
    cursor: pointer;
    border: none;position: relative;}


.v_a .sim_cv_btn:hover {opacity: 0.5;color: #ffffff;}

.v_a .sim_cv_btn a {;color: #ffffff;text-decoration: none;}
.v_a .sim_cv_btn a:hover {;color: #ffffff;}

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

/*---------------------------
追加2026-07-03
----------------------------*/

.v_a .sim_mod_tbl_a {text-align: left !important;font-size: 150% !important;padding-left: 20px !important;}



/*---------------------------
追加2026-07-14
----------------------------*/

/*---------------------------
001
----------------------------*/

.v_a .sim_two_type {font-size: 110%;padding: 10px 5px 12px 20px;}

.v_a .sim_two_fee {font-size: 110%;padding: 10px 20px 12px 5px;}
.v_a .sim_two_fee span {font-size: 250%;font-weight: 600;letter-spacing: 0.5px;}

.v_a .sim_two_note_a {position: relative;}
.v_a .sim_two_note_a_text {position: absolute; font-size: 80%;top:-20px;width: 100%;text-align: center;}


/*---------------------------
002
----------------------------*/

.v_a .radio-wrap-column input, select {
    vertical-align: top;
}
.v_a .questionmark-wrap-small {font-size: 80%;}
.v_a .questionmark-wrap-note {display: inline-block;padding: 5px 5px 5px 10px; font-size: 80%;}
.v_a .questionmark-wrap-setsumei {display: inline-block;padding-left: -1em;}


/*---------------------------
003
----------------------------*/

.v_a .sim_mod_mini_note {display: inline-block;padding: 1px 5px; font-size: 75%;border-radius: 3px;background-color: #ffffff;text-align: center;margin: 0 5px 0 1px;}



/*---------------------------
追加2026-07-31
----------------------------*/

/*---------------------------
商品説明モーダル用001
----------------------------*/

.v_a .sim_modal_content .shohin {padding: 0 0 20px;font-size: 144%;}
.v_a .sim_modal_content .shohin h2 {font-size: 30px; text-align: center;padding: 5px 0;}
.v_a .sim_modal_content .shohin .sg_plan_heading img {width: 100%;height: auto;}

@media screen and (max-width: 1350px) {
    .v_a .sim_modal_content .shohin .sg_a_plan_c_area, .v_a .sim_modal_content .shohin .sg_a_plan_a_area, .v_a .sim_modal_content .shohin .sg_a_plan_b_area, .v_a .sim_modal_content .shohin .sg_a_plan_d_area, .v_a .sim_modal_content .shohin .sg_a_plan_e_area, .v_a .sim_modal_content .shohin .sg_a_plan_z_area {
        padding-top: 0 !important;padding-bottom: 30px !important;
    }
}

.v_a .sim_modal_content .shohin .sg_plan_point-list-item {margin: 0 5px 15px;}
.v_a .sim_modal_content .shohin .sg_plan_tokuyaku-list-item {width: 100%!important;}
.v_a .sim_modal_content .shohin .sg_plan_lineUp-list-item {width: 100%!important;}
.v_a .sim_modal_content .shohin .sg_plan_tokuyaku-list-item-inner {width: 100%!important;}

.v_a .sim_modal_content .shohin .sg_a_plan_info_q::before ,.v_a .sim_modal_content .shohin .sg_a_plan_info_q::after{display: none;}
.v_a .sim_modal_content .shohin .sg_a_plan_info_q {padding-right: 0px;}



@media screen and (max-width: 800px) {
    .v_a .sim_modal_content .shohin .sg_a_plan_c_area, .v_a .sim_modal_content .shohin .sg_a_plan_a_area, .v_a .sim_modal_content .shohin .sg_a_plan_b_area, .v_a .sim_modal_content .shohin .sg_a_plan_d_area, .v_a .sim_modal_content .shohin .sg_a_plan_e_area, .v_a .sim_modal_content .shohin .sg_a_plan_z_area {
        padding-top: 0 !important;padding-bottom: 30px !important;
    }
	.v_a .sim_modal_content .shohin .sg_plan_point-list-item {margin: 0 0px 15px;}
}

.v_a .sim_modal_content .shohin h4 span, .v_a .sim_modal_content .shohin .sg_plan_lineUp-heading , .v_a .sim_modal_content .shohin .sg_needs_heading{
    font-size: 18px;
	color: #21110D;
    line-height: 1.4;
    font-weight: 600;text-align: left;
}



@media screen and (max-width: 600px) {
	.v_a .sim_modal_content .shohin h4 span, .v_a .sim_modal_content .shohin .sg_plan_lineUp-heading , .v_a .sim_modal_content .shohin .sg_needs_heading{
    font-size: 15px;
	color: #21110D;
    line-height: 1.4;
    font-weight: 600;text-align: left;
}
}




.v_a .sim_modal_content .shohin .sg_plan_tokuyaku-text-heading , .v_a .sim_modal_content .shohin .sg_colored{
    text-align: left;
    color: #21110D;
    background-color: #ffffff;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding: 5px 10px;
}

.v_a .sim_modal_content .shohin .sg_needs-figure-heading{color: #21110D;font-size: 15px;font-weight: 500;}




.v_a .radio-wrap.radio-wrap-column label input[type="radio"] {margin: 3px 4px 3px 0;}


/*---------------------------
追加2026-07-31
----------------------------*/

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

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


.v_a .sim_two ul {display: block;flex-wrap: wrap;}
.v_a .sim_two ul li{width: 100%;margin: 3% 0 0 0;}
.v_a .sim_two ul li:nth-child(2n){width: 100%;margin: 3% 0 0 0;}
	
  .v_a .sim_modal_window {
    width: 90%;
    padding: 0;
  }
	
.v_a .sim_mv h1 {color: #319041;font-size: 260%;line-height: 1.4;font-weight: 700;letter-spacing: 0.5px;}
	
.v_a.sim_top .sim_mv {padding: 60px 0 0; background-image: url("../img_a/mv_01.png"),url("../img_a/mv_02.png");background-position: left 50px top 30px,right 40px top 30px;background-repeat: no-repeat,no-repeat;background-size: auto 150px,auto 150px;}
	
.v_a .sim_one_inner ul {display: block;justify-content: space-around;}
	
.v_a .sim_one_inner li {padding-bottom: 15px;}
	
.v_a.sim_top .sim_one_btn_wrap {width: 94%;margin: 0 auto;padding: 20px 0 0}
	
.v_a.sim_top .sim_one_btn_wrap ul {display: block;justify-content: space-between;}
	
.v_a.sim_top .sim_one_btn_wrap ul li {width: 100%;}
	
.v_a.sim_top .sim_one_btn_wrap ul li:first-child {padding-bottom: 20px;}
	
	
	
}


@media screen and (max-width: 800px) {
	
.v_a .sim_two_select {display: inline-block;border-radius: 30px;width:90%;color: #ffffff;padding: 7px 0;}
.v_a .sim_wrap h5 {text-align: left;color: #ffffff;background-color: #319041;font-size: 110%;line-height: 1.3;font-weight: 500;letter-spacing: 1.0px;padding: 5px 10px;}
	
	
.btns-wrap {
  width: 100%;
  margin: 0 auto;
}
.btns-wrap button {
  display: block;
  width: 100%;
  font-size: 170%;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
  border-radius: 16px;
  cursor: pointer;
  border: none;
}	
button.sim_modal_change span::before {
    position: absolute;
    content: "";
    right: -2px;
    top: -2px;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    border-radius: 20px;
}	
button.sim_modal_change span::after {
    content: '';
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 5px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    box-sizing: border-box;
}
	
button.sim_modal_close {
  background-color: #FFF;
  color: #31A7D8;
  border: 1px solid #31A7D8;
}
	
	.modal01-02.modal-item {overflow-x: scroll;}
	.modal01-02.modal-item table{width: 680px;margin-right: 80px;}
	
	
.v_a .sim_add_btn {background-color: #69BE00;
    box-shadow: 0px 4px 0px 0px #4F8F00;
	color: #ffffff;
	font-size: 130%;
	letter-spacing: 1.5px;
    width: 90%;
	margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 16px;
    cursor: pointer;
    border: none;position: relative;}

	
.v_a .sim_cv_btn {background-color: #F8691C;
    box-shadow: 0px 4px 0px 0px #BA4F15;
	color: #ffffff;
	font-size: 130%;
	letter-spacing: 1.5px;
    width: 90%;
	margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 16px;
    cursor: pointer;
    border: none;position: relative;}
	
	
	
	
.questionmark .balloon {
  display: none;
  position: absolute;
  left: 50%;
  bottom: auto;
	top: 26px;
  transform: translateX(-50%);
  width: 150px;
  padding: 8px 8px;
  background: #EEEEEE;
  color: #333;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  z-index: 1000;
  text-align: left !important;
}

.questionmark .balloon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: auto;
	top:-8px;
  transform: translateX(-50%);
  border-width: 0px 7px 10px 7px;
  border-style: solid;
  border-color: transparent transparent #EEEEEE transparent;
}
	

.v_a .sim_modal_content .shohin .sg_needs-figure-heading{color: #21110D;font-size: 12px;font-weight: 500;}
	
	
	
	
	
	
	
	
	
	
	
	
.v_a .sim_mv h1 {font-size: 200%;}
	
.v_a.sim_top .sim_mv {padding: 25px 0 0; background-position: left 5px top 30px,right 5px top 30px;background-size: auto 70px,auto 70px;}
	
	
	
.v_a .sim_result_zyoken_tilte {width: 50%;font-size: 94%;}
.v_a .sim_result_zyoken_age, .v_a .sim_result_zyoken_seibetsu {width: 25%;align-items: center;text-align: center;font-size: 94%;}
	

	

	
	
	
	
.v_a .sim_result_item_header {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px;align-items: center;}	
.v_a .sim_result_item_name {font-size: 140%;width: 100%;font-weight: 600;text-align: center;padding: 0 0 10px;}
.v_a .sim_result_item_sakuzyo {border-radius: 5px;background-color: #CAC7C7;padding: 2px 10px 2px 28px;font-size: 90%;cursor: pointer;background-image: url("../img_a/icon_trashcan.png");background-position: left 6px center;background-repeat: no-repeat;background-size: 18px auto;width: 45%;text-align: center;}
.v_a .sim_result_item_sakuzyo:hover {opacity: 0.5;}
.v_a .sim_result_item_henkou {border-radius: 5px;background-color: #9BC5C1;padding: 2px 10px 2px 28px;font-size: 90%;cursor: pointer;background-image: url("../img_a/icon_pen.png");background-position: left 6px center;background-repeat: no-repeat;background-size: 18px auto;width: 45%;text-align: center;}
.v_a .sim_result_item_henkou:hover {opacity: 0.5;}
.v_a .sim_result_item_fee {font-size: 130%;width: 90%;padding-right: 0;text-align: center;padding-left: 10%;}
.v_a .sim_result_item_fee span {font-size: 150%;font-weight: 600;}
	


	
	
.v_a .sim_result_plan_list {display: block;justify-content: space-between;padding: 10px 2px 2px;width: 100%;margin: 0 auto;border-bottom: 1px solid #319041;align-items: center;text-align: center;font-size: 94%;}

.v_a .sim_result_plan_fee span {font-size: 140%;}
	
	
.v_a .sim_result_goukei_wrap {display: block;border-bottom: 5px solid #319041;padding: 15px 40px;justify-content: space-between;align-items: center;background-color:#ffffff;}	
	
.v_a .sim_result_goukei_title {font-size: 140%;color:#319041;font-weight: 600;text-align: center;}
.v_a .sim_result_goukei_fee {font-size: 120%;text-align: center;}
.v_a .sim_result_goukei_fee span {font-size: 230%;font-weight: 800;letter-spacing: 2px;}
	

.v_a .sim_modal_item h2 {padding: 5px;text-align: left;}
.v_a .sim_mod_title {font-size: 150%;line-height: 1.3;color: #ffffff;letter-spacing: 1px;text-align: left; }
	

	
.sim_mod_result_area {
  display: block;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 5px;
  text-align: center;
  margin-bottom: 20px;
}
.sim_mod_result_area span.result_figure {
  font-size: 30px;
}	
	
.v_a .sim_mod_inner {padding: 10px 15px 20px;} 
	
	
	
	
.btns-wrap button {
  display: block;
  width: 96%;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  margin: 0 auto 20px;
  border-radius: 16px;
  cursor: pointer;
  border: none;
}	
button.sim_modal_close {
  background-color: #FFF;
  color: #31A7D8;
  border: 1px solid #31A7D8;
}
	

.v_a .sim_modal_item h4  {width: 100%;padding: 7px 5px;color: #ffffff;text-align: center;font-size: 150%;}
	
.sim_mod_result_inner ul li {
  display: block;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px 10px 0px;
  border-bottom: 1px solid #2A79B8;
}

.result-title {
  font-size: 160%;
	max-width: 70%;
}
.result-amount {
  font-size: 36px;
  font-weight: 600;
}
.result-amount-unit {
  font-size: 150%;
  font-weight: 600;
}

	.sim_mod_result_inner ul li div:last-child{text-align: right;}
	
	
	
}









@media screen and (max-width: 550px) {
	
.v_a .sim_mv h1 {font-size: 180%;}
.v_a .sim_mv h2 {font-size: 100%;line-height: 1.4;font-weight: 500;letter-spacing: 0px;padding: 20px 0 20px;}
	
.v_a.sim_top .sim_mv {padding: 60px 0 0; background-position: left 50px top 5px,right 50px top 5px;background-size: auto 50px,auto 50px;}
	

.v_a .sim_two_type {font-size: 100%;padding: 10px 5px 12px 0px;}

.v_a .sim_two_fee {font-size: 100%;padding: 10px 0px 12px 5px;}
.v_a .sim_two_fee span {font-size: 230%;font-weight: 600;letter-spacing: 0.5px;}
	
	
.v_a .sim_result_item {background-color:#ffffff;padding: 10px 15px 20px;margin-bottom: 2px;}

.v_a.sim_top .sim_one_btn_wrap ul li a {display: block; width: 100%;border: 1px solid #319041; border-radius: 50px;text-align: center;text-decoration: none;padding: 12px 40px 12px 2px;color: #319041; font-size: 90%;}

.v_a.sim_top .sim_one_btn_wrap .sim_one_btn_a a { background-color: #319041;color: #ffffff;background-image: url("../img_a/ya-btn-2.png") ;background-repeat: no-repeat;background-position: center right 15px;background-size: 30px auto;}
.v_a.sim_top .sim_one_btn_wrap .sim_one_btn_a a:hover {background-color: #ffffff;color: #319041;}

.v_a.sim_top .sim_one_btn_wrap .sim_one_btn_b a { background-image: url("../img_a/mouse-2.png") ;background-repeat: no-repeat;background-position: center right 23px;background-size: 20px auto;}

.result-amount-unit {
  font-size: 120%;
  font-weight: 600;
}

	
.v_a .sim_modal_content label {
    font-size: 150%;
    padding: 5px 12px;
    border: 1px solid #555555;
    background-color: #ffffff;
    border-radius: 5px;
    margin-right: 0px;
	margin-bottom: 10px;
    cursor: pointer;
	display: block;
	width: 70%;
}
	
	
	.v_a .sim_mod_select_area .questionmark-wrap {display: block;}
	.v_a .sim_mod_select_area .questionmark {margin-left: 70%;}
	.v_a .sim_mod_select_area .questionmark-wrap-table .questionmark {margin-left: 5px;}
	
	
	
	.v_a .sim_mod_note {
    font-size: 150%;
    text-align: left;
}

	
	
	
	
	
	

	
}










.shohin .sg_a_plan_d_area .sg_needs_because-wrap {
    display: block;
}