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

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

/* ご契約例 */
.body-syunyu .box-feature .sec-nyuin .ttl-bold-l,
.body-syunyu .box-feature .sec-nyuin p:first-of-type {color: #3c97dd;}

.body-syunyu .box-feature .sec-nenkin .ttl-bold-l,
.body-syunyu .box-feature .sec-nenkin p:first-of-type {color: #ef714b;}

.body-syunyu .box-feature .sec-kikan .ttl-bold-l,
.body-syunyu .box-feature .sec-kikan p:first-of-type {color: #666666;}


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

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

/* オプション */
.body-syunyu .box-feature .sec-opt .ttl-bold-l span{
		font-size: 1.6rem;
	font-weight: normal;
}


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

/* お受取方法 */
.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: #fa8f32;
}
.block-example .block-receive_case h3 span{
	background-color: #fa8f32;
}
@media screen and (max-width: 767px) {
	.block-example .block-receive_case .row-col2{
		gap: 20px;
	}
	.block-example .block-receive_case img{
		max-height: 120px;
	}
}