@charset "utf-8";

/*火災保険料の相場を確認
------------------------------------------------------------------------------*/
@media screen and (min-width:769px) {
	.block-chk__item:first-child{
		min-width: 300px;
	}
	.block-chk__item:last-child {
	position: relative;
		margin-left: 35px;
	}
	.block-chk__item:last-child::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
		left: -35px;
	width: 0;
	height: 0;
	margin: auto;
		border-style: solid;
		border-width: 20px 0 20px 15px;
		border-color: transparent transparent transparent #ffe566;
	}
	.block-chk__item .btn-sim {
		width: 100%;
	}
}
@media screen and (max-width:768px) {
	.block-chk__item:last-child {
		margin-top: 15px;
	}
}


/* 保険の対象となる範囲（例）
------------------------------------------------------------------------------*/
.bg-kumiai-about{
	font-size:1.4rem;
	padding: 10px 15px;
	background: #faf6ed;
	border: 1px solid #e6dbc3;
	border-radius: 8px;
}
.bg-kumiai-about > span{
	font-weight: bold;
	display: block;
}
.bg-kumiai-about > li{
	font-weight: bold;
	display: block;
}


/* マンション管理組合向け火災保険を学ぶ
------------------------------------------------------------------------------*/
.bg-kumiai-study{
	background: #ebfaeb;
	padding: 15px;
	border-radius: 10px;
}
.bg-kumiai-study li{
	background: #fff;
	border-radius: 7px;
}
@media screen and (min-width:768px) {
	.bg-kumiai-study{
		padding: 20px;
	}
}
.bg-kumiai-study .btn-basis:before {
	background: #42a642;
}


/* 地震保険
------------------------------------------------------------------------------*/
.jishinTable01 table {
	width: 100%;
	padding: 0px;
	margin: 15px 0 0 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.jishinTable01 table tr th {
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px;
	margin: 0;
	background: #eeeeee;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.jishinTable01 table tr td {
	font-size: 14px;
	line-height: 1.5;
	padding: 7px;
	margin: 0;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.jishinTable01 table tr .th01 { width: 110px; }
.jishinTable01 table tr .th02 { width: auto; }
.jishinTable01 table tr .th03 { width: auto; }
.jishinTable01 table tr .td01 {
	width: 165px;
	vertical-align: middle;
	text-align: center;
}
.jishinTable01 table tr td span { font-weight: bold; }


/* 地震補償保険Resta
------------------------------------------------------------------------------*/
.ttl-2lines--resta {
	border-color: #045288 !important;
}

.body-index-kumiai .block-resta{
	border: 10px solid #eaf5ff;
	padding: 20px;
}
.body-index-kumiai .block-resta img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

@media screen and (min-width: 768px){
	.body-index-kumiai .block-resta{
		padding: 25px;
	}
	.body-index-kumiai .block-resta img {
		width: 60%;
	}
}

/* マンション管理組合向けの地震保険なら（.block-resta01） */
/* まずはお気軽に資料請求ください（.block-resta02） */
.block-resta01{
	margin-top: 15px;
}
.block-resta02{
	margin: 30px 0 0;
}

.block-resta01 dt,
.block-resta02 dt{
	color:#1c2c66;
	position: relative;
	display: table;
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0 auto 8px;
}
.block-resta02 dt{
	color:#e73828;
}
.block-resta01 dt:before,
.block-resta01 dt:after,
.block-resta02 dt:before,
.block-resta02 dt:after{
	content: '';
	position: absolute;
	background: #1c2c66;
	width: 3px;
	height: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
.block-resta02 dt:before,
.block-resta02 dt:after{
	background: #e73828;
}
.block-resta01 dt:before,
.block-resta02 dt:before{
	left: -1em;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.block-resta01 dt:after,
.block-resta02 dt:after{
	right: -1em;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.block-resta01 dd,
.block-resta02 dd{
	background: #fff;
	border: 10px solid #eaf5ff;
	padding: 20px;
}
.block-resta02 dd{
	border-color: #ffeceb;
}
.block-resta01 dd > img,
.block-resta02 dd > img{
	width: 100%;
	margin: 0 auto;
	display: block;
}

.block-resta02 .btn-contact{
	font-size: 2rem;
	margin: 15px auto 0;
	background: #e73828;
	box-shadow: 0 3px 0 #b52b1f;
	padding: 15px 0 15px 5px;
}
.block-resta02 .btn-contact > span {
	margin-left: 0;
	display: inline-block;
	position: relative;
	background-position: 0 center;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	padding-left: 35px;
	background-image: url(/img/icon/ico_contact_w.svg);
}
.block-resta02 .btn-contact .btn-txt-ss{
	font-size: 1.6rem;
}

@media screen and (min-width:768px) {
	.block-resta01{
		margin-top: 20px;
	}
	.block-resta01 dt,
	.block-resta02 dt{
		font-size: 2rem;
	}
	.block-resta01 dd,
	.block-resta02 dd{
		padding: 25px;
	}
	.block-resta01 dd > img,
	.block-resta02 dd > img{
		width: 75%;
	}
	.block-resta02 dd > img{
		width: 55%;
	}
	.block-resta02 .btn-contact{
		font-size: 2.6rem;
		width: 70%;
		margin-top: 20px;
		padding-left: 15px;
	}
	.block-resta02 .btn-contact > span {
	background-size: 30px 30px;
	padding-left: 45px;
	}
	.block-resta02 .btn-contact .btn-txt-ss{
		font-size: 2rem;
	}
}
.txt-resta01{
	text-align: center;
	margin: 20px 0;
	color:#045288;
	font-size: 1.6rem;
}
.txt-co-resta{color:#045288;}

.check-resta{
	margin-bottom: 40px;
}
.check-resta__item{
	display:table;
	width: 100%;
	background: #eaf5ff;
	color:#045288;
	padding: 20px;
	font-size:1.6rem;
	background-image: url(../img/ico_resta01.gif);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 30px 30px;
	border-radius: 10px;
}
.check-resta__item > span{
	display:table-cell;
	vertical-align: middle;
	padding-left: 40px;
}
@media screen and (min-width:768px) {
	.txt-resta01{
		margin: 25px 0;
	}
	.check-resta li:nth-child(3){
		margin-top: 20px;
	}
	.check-resta li:nth-child(4){
		margin-top: 20px;
	}
	.check-resta__item{
		background-position: left 20px center;
		font-size: 1.8rem;
	}
	.check-resta__item > span{
		padding-left: 50px;
	}
}

/* 地震補償保険 Resta（リスタ）の特徴 */
.feature-resta{
	margin: 20px 0 0;
}
.feature-resta__item{
	border-top: 1px dashed #e73828;
	padding: 20px 0;
}
.feature-resta__item:first-child{
	border-top: none;
	padding-top: 10px;
}
.feature-resta .feature-resta__item:last-child{
	padding-bottom: 0;
}
.feature-resta__item dt{
	position: relative;
	font-size:2rem;
	font-weight: bold;
	color:#e73828;
	padding-left: 45px;
	margin-bottom: 10px;
	line-height: 40px;
}
.feature-resta__item dt:before{
	position: absolute;
	color:#fff;
	text-align: center;
	left: 0;
	background: #e73828;
	width: 30px;
	border-radius: 5px;
}
.feature-resta__item:nth-child(1) dt:before{content: '１';}
.feature-resta__item:nth-child(2) dt:before{content: '２';}
.feature-resta__item:nth-child(3) dt:before{content: '３';}

/* 加入条件 */
.kanyu-resta{
	margin-top: 25px;
}
.kanyu-resta__item{
	border: 1px solid #045288;
	border-radius: 5px;
}
.kanyu-resta__item > dt{
	font-size:1.9rem;
	font-weight: bold;
	color:#fff;
	text-align: center;
	padding: 9px 10px 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.kanyu-resta__item > dt > span{
	font-size:1.6rem;
	display: inline-block;
	padding-left: 10px;
}
.kanyu-resta__item > dd{
	padding: 15px;
}
.kanyu-resta__lead{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size:1.6rem;
	line-height: 1.4;
	margin-bottom: 10px;
}

.kanyu-resta__item{
	border: 1px solid #ccc;
	border-radius: 8px;
}
.kanyu-resta > div:nth-child(1) .kanyu-resta__item > dt{background: #045288;}
.kanyu-resta > div:nth-child(1) .kanyu-resta__item{border-color: #045288;}
.kanyu-resta > div:nth-child(1) .kanyu-resta__lead{color: #045288;}
.kanyu-resta > div:nth-child(2) .kanyu-resta__item > dt{background: #1369bf;}
.kanyu-resta > div:nth-child(2) .kanyu-resta__item{border-color: #1369bf;}
.kanyu-resta > div:nth-child(2) .kanyu-resta__lead{color: #1369bf;}

@media screen and (min-width:768px) {
	.kanyu-resta__item > dt{
		font-size:2rem;
	}
	.kanyu-resta__lead{
		font-size:1.8rem;
	}
	.kanyu-resta__item > dd{
	padding: 20px;
	}
}

/* 引受少額短期保険業者 */
.box-about img{
	width: 50%;
}
@media screen and (min-width:768px) {
	.box-about img{
	width: 30%;
	}
}