@charset "UTF-8";
/*! /shunyu/css/shunyu.css */

/* 特徴
========================================================================== */

/* お支払事由 */
.body-shunyu .block-payment{
	padding: 15px;
	border: 1px dashed #ccc;
}
.body-shunyu .block-payment .ttl-bold-l{
	color: #333333;
}
.body-shunyu .block-payment .ttl-bg{
	text-align: left;
	margin-bottom: 10px;
}
.body-shunyu .block-payment .ttl-bg .txt-normal{
	font-size: 1.6rem;
}
.body-shunyu .block-payment .sec-hosyo01 .ttl-bg {background-color: #cc7db1;}
.body-shunyu .block-payment .sec-hosyo02 .ttl-bg {background-color: #0076c3;}
.body-shunyu .block-payment .sec-hosyo03 .ttl-bg {background-color: #3c97dd;}
.body-shunyu .block-payment .sec-hosyo03 div:first-of-type .ttl-bold {color: #3c97dd;}
.body-shunyu .block-payment .sec-hosyo03 div:last-of-type .ttl-bold {color: #2e7cb8;}

@media screen and (min-width: 768px) {
	.body-shunyu .block-payment{
		padding: 20px;
	}
}

.body-shunyu .box-feature .sec-opt .ttl-bold-l span{
	font-size: 1.6rem;
	font-weight: normal;
}


/* 保険契約の型（.tbl-type） */
.tbl-type{
	border-top: none;
}
.tbl-type thead th:nth-child(n+3){
	border-top: 1px solid #c9c9c9;
}
.tbl-type thead th:nth-child(-n+2) {
	border-left: none;
}

.tbl-type th {
	font-weight: bold;
}
.tbl-type thead th{
	color: #fff;
}
.tbl-type thead th:nth-child(3),
.tbl-type thead th:nth-child(4) {background-color: #cc7db1;}
.tbl-type thead th:nth-child(5) {background-color: #0076c3;}
.tbl-type thead th:nth-child(6) {background-color: #3c97dd;}

.tbl-type .col01 {width: 15%;}
.tbl-type .col02 {width: 30%;}

@media screen and (max-width: 767px) {
	.tbl-type thead th {min-width: 80px;}
	.tbl-type thead th:first-child {min-width: 40px;}
	.tbl-type thead th:nth-child(2) {min-width: 135px;}

}

.tbl-type .txt-bg{
	display: block;
	margin-bottom: 5px;
	border-radius: 5px;
	background: #00a283;
}
.tbl-type tr:first-child .txt-bg {
	color: #00a283;
	background: #fff;
	border: 1px solid #00a283;
}
.tbl-type .th-type {
	background-color: #e4f5f2;
}


/* お受取例
========================================================================== */

/* お受取方法 */
.block-receive_case{
	margin-top: 30px;
	border: 2px solid #75ba39;
}
.block-receive_case h3{
	display: flex;
    align-items: center;
	font-weight: bold;
	font-size: 2.2rem;
	padding: 20px 20px 0;
}
.block-receive_case h3 span{
	display: inline-block;
	color: #fff;
	font-size: 1.8rem;
	padding: 5px 15px 3px;
	margin-right: 15px;
	background-color: #75ba39;
	border-radius: 5px;
}
.block-receive_case__main{
	padding: 20px;
}
.block-receive_case__main:nth-of-type(2){
	padding-top: 0;
}
.block-receive_case__main:nth-of-type(2) .maru{
	border-top: 1px dashed #ccc;
	padding-top: 20px;
}
.block-receive_case__main .maru:before {
	color: #75ba39;
}
.block-receive_case__main .ttl-bold-l{
	color: #1f932c;
}
@media screen and (max-width: 767px) {
	.block-receive_case{
		margin-top: 20px;
	}
	.block-receive_case h3{
		font-size: 2.0rem;
		padding: 15px 15px 0;
		line-height: 1.5;
	}
	.block-receive_case h3 span{
		font-size: 1.6rem;
		padding: 5px 10px;
	}
	.block-receive_case__main{
		padding: 12px 15px;
	}

	.block-example .block-receive_case h3{
		flex-direction: column;
		font-size: 1.8rem;
		text-align: center;
	}
	.block-example .block-receive_case h3 span{
		display: block;
		margin: 0 0 8px 0;
		width: 100%;
	}
}

/* 認定事例 */
.block-example .block-receive_case{
	border-color: #00a283;
}
.block-example .block-receive_case h3 span{
	background-color: #00a283;
}
@media screen and (max-width: 767px) {
	.block-example .block-receive_case .row-col2{
		gap: 20px;
	}
	.block-example .block-receive_case img{
		max-height: 120px;
	}
}


/* 保険料例
========================================================================== */
.txt-bg--A,
.txt-bg--B {
	display: inline-block;
	color: #fff!important;
	padding: 2px 4px;
	background-color: #00a283;
	border-radius: 5px;
}
.txt-bg--A {
	color: #00a283 !important;
	background-color: #fff;
	border: 1px solid #00a283;
}
@media screen and (min-width: 768px) {
	.txt-bg--A,
	.txt-bg--B {padding: 1px 4px 0;}
	.tbl-ex__ttl01 .txt-bg--A,
	.tbl-ex__ttl01 .txt-bg--B,
	.tbl-ex__ttl02 .txt-bg--A,
	.tbl-ex__ttl02 .txt-bg--B {
		padding: 3px 8px 0;
		line-height: 1.3;
	}
}

.tbl-ex-shunyu .col01 {width: 15%;}
@media screen and (max-width: 767px) {
	.tbl-ex-shunyu .col01 {width: 12%;}
}

/* ？アイコン */
.tbl-ex-shunyu thead th .th__q{
	position: relative;
	padding-right: 26px;
}
.tbl-ex-shunyu thead th .th__q .q-icon{
	top: 50%;
	bottom: 50%;
	margin: auto;
	right: 0;
}

.tbl-ex-shunyu .th__men-bg01 .q-icon,
.tbl-ex-shunyu .th__men-bg02 .q-icon {background-color: #41b3d9;}
.tbl-ex-shunyu .th__women-bg01 .q-icon,
.tbl-ex-shunyu .th__women-bg02 .q-icon {background-color: #ee8db7;}
.tbl-ex-shunyu .th__men-bg01 .q-icon,
.tbl-ex-shunyu .th__women-bg01 .q-icon {border: 1px solid #fff;}

/* magnific-popup */
@media screen and (min-width: 768px) {
	.magnific-block {
		max-width: 880px;
	}
	.magnific-block .ttl-bg{
		font-size: 2.0rem;
	}
}

/* 「適用料率」モーダル */
.block-tokuyaku {
	margin-top: 15px;
	background-color: #E1F2CE;
}
.block-tokuyaku .block-tokuyaku__ttl {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 10px;
	background-color: #75ba39;
}
.block-tokuyaku .block-tokuyaku__ttl span {
	color: #333;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 5px 12px;
	background-color: #fff;
	border-radius: 20px;
}
.block-tokuyaku .block-tokuyaku__inner {
	padding: 10px;
}

.block-tokuyaku .block-tokuyaku__standard {
	padding: 10px;
	margin-top: 10px;
	background-color: #fff;
}
.block-tokuyaku .block-tokuyaku__standard h5{
	color: #75ba39;
}
.block-tokuyaku .block-tokuyaku__standard .list__inner{
	font-size: 1.3rem;
	margin: 5px auto 10px;
}
.block-tokuyaku .block-tokuyaku__standard .list__inner .tbl-basis{
	font-size: 1.3rem;
}
.block-tokuyaku .block-tokuyaku__standard .list__inner .tbl-basis th,
.block-tokuyaku .block-tokuyaku__standard .list__inner .tbl-basis td{
	padding: 5px;
}

@media screen and (min-width: 768px) {
	.block-tokuyaku .block-tokuyaku__ttl {
		padding: 12px 15px 10px;
	}
	.block-tokuyaku .block-tokuyaku__ttl span {
		margin-left: 12px;
	}
	.block-tokuyaku .block-tokuyaku__inner {
		padding: 10px 15px 15px;
	}
	.block-tokuyaku .block-tokuyaku__standard {
		padding: 10px 15px;
	}
}
@media screen and (max-width: 767px) {
	.block-tokuyaku .block-tokuyaku__ttl span {
		display: inline-block;
		font-size: 1.2rem;
		margin-top: 2px;
	}
	.block-tokuyaku .block-tokuyaku__standard h5{
		font-size: 1.5rem;
	}
	.block-tokuyaku .block-tokuyaku__standard p,
	.block-tokuyaku .block-tokuyaku__standard .list-s li {
		font-size: 1.3rem;
	}
	.block-tokuyaku .block-tokuyaku__standard .list__inner .tbl-basis .th__bg02{
		min-width: 90px;
	}
}