@charset "UTF-8";



/* three */
#three {padding-top:40px;}

#three .inner:first-of-type {padding-top:0;}
#three .inner:nth-of-type(even) {background:url("../images/bg_pt.jpg") left top / 170px 170px;}


@media screen and (min-width:1024px) {
	#three {padding-top:80px;}

	#three .inner:nth-of-type(even) {background:url("../images/bg_pt.jpg") left top / 340px 340px;}
}



/* three_bg*/
.three_bg {
	padding:32px 24px;
	background:url("../images/3p/top.png") top center / 100% auto no-repeat,
						url("../images/3p/bottom.png") bottom center / 100% auto no-repeat,
						url("../images/3p/center.png") center center / 100% auto repeat-y,
						url("../images/3p/bg.png") center center / 100% auto no-repeat;
}

.three_bg h2,
.three_bg p:nth-of-type(1) {text-align:center;}

.three_bg p {margin-top:24px;}

.three_bg h2 img {max-width:485px;}
.three_bg p:nth-of-type(2) img {max-width:620px;}


@media screen and (min-width:1024px) {
	.three_bg {padding:80px 82px;}

	.three_bg p {margin-top:40px;}
}



/* price_list */
.price_list {margin-top:24px;}

.price_list p {
	margin-top:8px;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}

.price_list p:first-of-type {margin-top:0;}

.price_list p span {
	min-height:12px;
	line-height:1.4;
	display:inline-block;
}

.price_list p span:first-of-type {
	padding-right:6px;
	text-align:left;
}

.price_list p span:nth-of-type(2) {
	flex:1;
	background:url("../images/system/price_border_dotted.svg") left bottom 2px / 2px auto repeat-x;
}

.price_list p span:last-of-type {
	padding-left:6px;
	text-align:right;
}

.price_list p span:first-of-type span {
	padding:0 !important;
	color:transparent;
}


@media screen and (min-width:1024px) {
	.three_contents {
		width:492px;
		margin:0 auto;
	}

	.price_list {margin-top:40px;}

	.price_list p {
		margin-top:16px;
		font-size:115%;
	}

	.price_list p span {min-height:16px;}

	.price_list p span:first-of-type {padding-right:16px;}
	.price_list p span:last-of-type {padding-left:16px;}
}



/* warning */
.warning:nth-of-type(2) {margin-top:24px;}

.warning ol {
	list-style:decimal;
	list-style-position:inside;
}

.caution {
	margin-top:24px;
	color:#F00;
}


@media screen and (min-width:1024px) {
	.warning:nth-of-type(2) {margin-top:40px;}

	.warning ol {
		text-align:center;
		list-style:none;
	}

	.caution {
		margin-top:40px;
		text-align:center;
	}
}



/* footer_bnr */
#footer_bnr {background:url("../images/bg_pt.jpg") left top / 170px 170px !important;}


@media screen and (min-width:1024px) {
	#footer_bnr {background:url("../images/bg_pt.jpg") left top / 340px 340px !important;}
}