@charset "UTF-8";

.sp{
display: none;
}

/* [加入傾向]　------------------------------------------------------------------------------ */

.box-txt {
    border: 8px solid #D3D3D3;
    padding: 14px 20px 14px 20px;
    text-align: center;
}
.box-txt .txt-1 {
    font-size: 2.3rem;
    line-height: 1.8;
    margin: 0;
}
.box-txt .txt-2 {
    font-size: 1.85rem;
    line-height: 1.6;
    margin: 0;
}

/*-- [年代セレクト] --*/
.tp-head-ageGroup {
	background-color: black;
	background: repeating-linear-gradient(-45deg, #f08200, #f08200 6px, #f39b33 1px, #f39b33 8px);
	padding: 25px;
	text-align: center;
}
.tp-head-ageGroup-box {
	border: 4px solid #dbdbdb;
	background-color: #fff;
	border-radius: 15px;
	padding: 30px 0;
}
.tp-head-ageGroup-ttl {font-size: 3.1rem;}
.tp-head-ageGroup-ttl strong {font-size: 150%;color:#004ea2;}
.tp-head-ageGroup-cat {
	text-align: center;
	margin: 6px auto 30px auto;
}
.tp-head-ageGroup-cat > span {
	color: #f08200;
    font-weight: bold;
    font-size: 2.8rem;
    padding: 0.3em 2em;
}

.tp-head-ageGroup-cat span::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 20px solid #f08200;
}

.tp-head-ageGroup-button {
	display: flex;
	justify-content:center;
}

.tp-head-ageGroup-btn button {
	display: inline-block;
	width: 250px;
	height: 90px;
	line-height: 90px;
	font-size: 3.1rem;
	border: 1px solid #ccc;
	border-radius: 15px;
	background-color: #fff;
	margin: 0 10px;
	transition: 0.4s;
}

.tp-head-ageGroup-btn button:hover {cursor: pointer;}
.tp-head-ageGroup-btn button:hover,
.tp-head-ageGroup-btn button.selected {
	border-color: #009efe;
	background-color: #004ea2;
	color: #fff;
}
/*-- /[年代セレクト] --*/

/*-- [プラン内容] --*/


.tp-plan {
	background: none;
	padding: 0;
}

.tp-plan.tp-plan-open {
	background: repeating-linear-gradient(-45deg, #fce6cc, #fce6cc 6px, #fdeddb 1px, #fdeddb 8px);
	padding: 25px;
	font-feature-settings: "palt";
}

.tp-plan-box {
	background-color: #fff;
	position: relative;
}
.tp-plan-box-ttl {
	display: flex;
	justify-content:space-between;
	align-items: center;
	width: 100%;
	height: 120px;
	font-weight: bold;
	text-align: center;
	border-bottom: 3px solid #f08200;
}


.tp-plan-box-ttl > div:nth-of-type(1) {
	background-color: black;
	background: repeating-linear-gradient(-45deg, #f08200, #f08200 6px, #f39b33 1px, #f39b33 8px);
	color: #fff;
	width: 250px;
	height: 120px;
	line-height: 120px;
	font-size: 3.3rem;
}
.tp-plan-box-ttl.b {border-color: #004ea2;}
.tp-plan-box-ttl.b > div:nth-of-type(1) {
	background: repeating-linear-gradient(-45deg, #004ea2, #004ea2 6px, #3371b5 1px, #3371b5 8px);
}

.tp-plan-box-ttl > div:nth-of-type(2) {font-size: 4.2rem;}
.tp-plan-box-ttl > div:nth-of-type(2) span {font-size:83%;}
.tp-plan-box-ttl > div:nth-of-type(3) {position: relative;}
.tp-fig-coins {
	position: relative;
	height: 122px;
	width: auto;
	bottom: 10px;
	right: 5px;
}
/* ----- */


/*-- /[プラン内容] --*/


.tp-color-wh {color:#fff;}
.tp-color-bl {color:#333;}
.tp-color-m1 {color:#4c83be;}
.tp-color-m2 {color:#b2cae3;}
.tp-color-w1 {color:#ff7666;}
.tp-color-w2 {color:#f6d6d1;}
.tp-bgColor-m1 {background-color:#4c83be;}
.tp-bgColor-m2 {background-color:#b2cae3;}
.tp-bgColor-w1 {background-color:#ff7666;}
.tp-bgColor-w2 {background-color:#f6d6d1;}
.tp-bgColor-n3 {background-color:#e4e4e4;}

.tp-plan-box-graph-wrap {
	display: flex;
	justify-content:space-between;
	margin: 20px 20px 0 20px;
}
.tp-plan-box-graph-data {
	width: 50%;
	margin: 20px;
}

.tp-plan-box-graph-ttl {
	width: 281px;
	height: 70px;
	background-size:cover;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	margin-left: 105px;
}
.tp-plan-box-graph-ttl.m {background: url("/-/media/Images/ZurichLife/product/category_shibou/teikihoken/kanyu_pc/p-plan-box-graph-ttl-m.svg") no-repeat;}
.tp-plan-box-graph-ttl.w {background: url("/-/media/Images/ZurichLife/product/category_shibou/teikihoken/kanyu_pc/p-plan-box-graph-ttl-w.svg") no-repeat;}

.tp-plan-box-graph-p {
	display: flex;
	justify-content:space-between;
}

.tp-plan-box-graph-medal {height: 109px;width: 95px;}
.tp-plan-box-graph {
	height: 109px;
	position: relative;
	width: 100%;
}
.tp-plan-box-graph > span {
	position: absolute;
	height: 89px;
	margin: 10px 0 0 10px;
	display:flex;
	align-items: center;
	font-weight: bold;
}
.tp-plan-box-graph > span:last-of-type {left: 15px;}
.tp-plan-box-graph .tp-color-wh {font-size: 3.16rem;}
.tp-plan-box-graph .tp-color-bl {font-size: 2.88rem;}


/* ----- */

.tp-plan-modalBtn-wrap {padding:0 20px 20px 20px}



/* /[2023.7:HEARTSカスタマイズ]------------------------------------------------------------------------------------------------------------------ */

/* ----20230823このページのまとめ追加---- */

.page_meta .about1 {
    width: 80%;
    display: flex;
    background: #fff6dc;
    margin: 6rem auto;
    flex-direction: column;
}

.page_meta .about1 .title {
    width: 100%;
    display: flex;
    align-items: center;
    background: #f08200!important;
}

.page_meta .about1 h2.tokucho-matome {
    font-size: 2.4rem!important;
    line-height: 1.5;
    background: #f08200!important;
    height: auto;
    padding: 1.5rem 0 1.5rem 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
}

.page_meta .about1 p {
    font-size: 2rem;
    padding: 28px 33px;
    text-align: left;
    line-height: 3.5rem;
}

.page_meta .about1 .cnt {
    display: flex;
    align-items: center;
    width: 100%;
}


<!------------------20230912-SEO施策hタグ追加-------------------->


.tp-head-ageGroup-box .tp-head-ageGroup-ttl h1 {
	font-size: 3.1rem!important;
}


/*=======20230915h1追加============= */


.pz-kv__main {
	width: 100%;
}

.tp-price__data div:nth-of-type(3) {margin-top: -20px;}
.tp-price__data div:nth-of-type(3) strong {font-size: 9.94rem;}
.tp-price__data div:nth-of-type(3) span   {font-size: 4.97rem;font-weight: bold;}

.kabu-category a {
    font-size: 2.5rem;
    text-align: left;
    line-height: 4rem;
    display: block;
    font-weight: 600;
    margin: 1rem 2rem 1rem;
    color: #004ea2;
}


.hanbaikeiyakusha_shukei {
	width: calc(100% - 88px);
	margin:60px auto;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: left;
}

.hanbaikeiyakusha_shukei .box-txt .txt-2 {
    font-size: 1.85rem;
    line-height: 1.6;
    margin: 0;
}

.tp-modal-amountData1.edusvg {
	padding-left: 50px;
}
.tp-modal-amount-ill.edusvg {
	width: 390px;
	height: auto;
	padding-left: 50px;
}

.page_meta .about2 {
    width: 80%;
    margin: 0 auto;
    background: #edf1f3;
    border-radius: 20px;
    padding-top: 25px;
}

.page_meta .about2 h2 {
    font-size: 2.4rem !important;
    line-height: 1.5;
    color: #f08200 !important;
    background-color: none;
    background-image: url(/-/media/Images/ZurichLife/product/category_shibou/teikihoken/tokucho_pc_2/about2_h2.svg);
    background-size: 35px 32px;
    background-position: left 20px center;
    background-repeat: no-repeat;
    height: auto;
    padding-left: 60px;
    font-weight: bold;
    margin: 0 auto;
}
.page_meta .about2 ul {
    padding: 0 5px 20px 15px;
    margin-left: 20px;
}
.page_meta .about2 ul li {
    font-size: 2rem;
    line-height: 1.5;
    list-style: disc;
    letter-spacing: -.08rem;
    text-indent: -.5rem;
    color: #f08200;
}
.page_meta .about2 ul li::marker {
    color: #f08200;
}
.ageGroup-btns-kanyu {
    text-align: center;
    margin: 5px auto;
    color: #fff;
    background-color: #ea2e3e;
    border-radius: 50px;
    font-weight: bold;
    font-size: 2.8rem;
    padding: 0.6em 5em;
    box-shadow: 0 6px 0 #a8444d;
}

.tp-plan-box-graph-wrap {
    height: auto;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.25s ease;
}

.tp-plan-box-graph-wrap.kanyu-close {
    overflow: hidden;
    max-height: 150px;
    opacity: 0.5;
    display: block;
    transition: 0.5s ease-in-out;
}
.kanyu_modal {
  display: none;
}

/* .kanyu-open が付いたら表示 */
.kanyu_modal.kanyu-open {
  display: block;
}

/* .kanyu-modal-close が付いたら非表示 */
.kanyu_modal.kanyu-modal-close {
  display: none;
}
.tp-plan-box-ttl span.accordion-mark {
    font-size: 5rem;
    width: 40px;
    text-align: center;
    height: 4rem;
    line-height: 4rem;
    transition: 0.4s;
    margin-right: 30px;
    font-weight: 400;
}