@charset "utf-8";
/* CSS Document */

/*------------------------------------
    共有
------------------------------------*/

/*wagon*/
.wagonCont > .h2Box{
	background-image: linear-gradient(180deg, #0066ff 150px, #fff 150px, #fff 153px, #0066ff 153px, #0066ff 165px, #fff 165px);
}
.wagonCont > .h2Box:after{
	background-image: url(../../../_images/top/type_wagon_anime.gif);
}
.wagonCont > .h2Box .inner dl dt em{
	color: #ff6c00;
}
.wagonCont section > *.h2Line{
	border-bottom: 4px solid #0066ff;
}
.wagonCont section > *.h2Line:after{
	background-color: #0066ff;
}
.wagonCont section > *.hLineLeft{
	border-left: 8px solid #0066ff;
}
.mainContents .wagonCont .hBorder{
    color: #0066ff;
    border-top: 2px solid #0066ff;
    border-bottom: 2px solid #0066ff;
}


@media screen and (max-width: 768px) {
	/*wagon*/
	.wagonCont > .h2Box{
		background-image: linear-gradient(#0066ff 135px, #fff 135px, #fff 138px, #0066ff 138px, #0066ff 150px, #fff 150px);
	}
}

@media screen and (max-width: 480px) {
	/*wagon*/
	.wagonCont > .h2Box{
		background-image: linear-gradient(#0066ff 100px, #fff 100px, #fff 103px, #0066ff 103px, #0066ff 110px, #fff 110px);
	}
}

/*------------------------------------
    お薦めポイント
------------------------------------*/
/*wagon*/
.wagonCont .recommendBox .inner dl.point1:before{
	background-image: url(../../../_images/shape/wagon/icon_point1.gif);
}
.wagonCont .recommendBox .inner dl.point2:before{
	background-image: url(../../../_images/shape/wagon/icon_point2.gif);
}
.wagonCont .recommendBox .inner dl dt{
	border-bottom: 1px solid #ffb400;
}
.wagonCont .recommendBox .inner dl dt em{
	color: #ff6c00;
}
.wagonCont .recommendBox .inner dl dt:after{
	background-color: #ffb400;
}


/*------------------------------------
    設置について
------------------------------------*/
/**/
.shapeCont .settingBox .wagonOption{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shapeCont .settingBox .wagonOption dl{
	width: 420px;
	padding: 15px 0;
}
.shapeCont .settingBox .wagonOption dl dt{
	color: #0066ff;
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8em;
	position: relative;
}
.shapeCont .settingBox .wagonOption dl dt:after{
	content: "";
	display: block;
	width: 170px;
	height: 4px;
	background-color: #fff600;
	position: absolute;
	left: 0;
	bottom: -10px;
}


@media screen and (max-width: 768px) {
	/**/
	.shapeCont .settingBox .wagonOption{
		width: 95%;
		margin: auto;
	}
	.shapeCont .settingBox .wagonOption div.leftImg{
		width: 45%;
	}
	.shapeCont .settingBox .wagonOption dl{
		width: 53%;
		padding: 0;
	}
	.shapeCont .settingBox .wagonOption dl dt{
		font-size: 20px;
		line-height: 1.5em;
	}
	.shapeCont .settingBox .wagonOption dl dt:after{
		width: 30%;
	}
}

@media screen and (max-width: 480px) {
	/**/
	.shapeCont .settingBox .wagonOption div.leftImg{
		width: 100%;
		margin-bottom: 10px;
	}
	.shapeCont .settingBox .wagonOption dl{
		width: 100%;
	}
}


/*------------------------------------
    サイズ
------------------------------------*/
/*wagon*/
.wagonCont .sizeBox .inner > dl dt{
	color: #0066ff;
	border-left: 4px solid #0066ff;
}



/*------------------------------------
    実績事例
------------------------------------*/
/*wagon*/
.wagonCont .recordBox ul.inner > li dl dt{
	background-color: #0066ff;
	color: #fff;
}
.wagonCont .recordBox .designBox h4 {
	color: #0066ff;
	border-top-color: #0066ff;
	border-bottom-color: #0066ff;
}
.wagonCont .recordBox .designBox ol.designList > li h5:before{
	background-color: #0066ff;
}