@charset "UTF-8";

.top_service_bg01,
.top_service_bg02,
.top_service_bg03,
.top_service_bg04,
.top_service_bg05,
.top_service_bg06 {
	height: 500px;
}


@media screen and (min-width: 1200px) {

.top_service_bg01,
.top_service_bg02,
.top_service_bg03,
.top_service_bg04,
.top_service_bg05,
.top_service_bg06 {
	height: 60vh;
}

}

@media screen and (max-width: 768px) { /*sm*/

.top_service_bg01,
.top_service_bg02,
.top_service_bg03,
.top_service_bg04,
.top_service_bg05,
.top_service_bg06 {
	height: 480px;
}

}

@media screen and (max-width: 544px) { /*xs*/

.top_service_bg01,
.top_service_bg02,
.top_service_bg03,
.top_service_bg04,
.top_service_bg05,
.top_service_bg06 {
	height: 350px; }

}


/* page_contet_bg */

.page_contet_bg01,
.page_contet_bg01b,
.page_contet_bg02,
.page_contet_bg03 {
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

.page_contet_bg01 {
	background-image: url(../img/page_contet_bg01.png);
	background-position: bottom right;
	background-size:50% auto; }

.page_contet_bg01b {
	background-image: url(../img/page_contet_bg01.jpg);
	background-position: bottom;
	background-size: cover; }

.page_contet_bg02 {
	width: 100%;
	background-position: bottom left;
	background-size:45% auto;}


.page_contet_bg03 {
	background-image: url(../img/page_contet_bg03.png);
	background-position: bottom right;
	background-size:50% auto; }

@media screen and (max-width: 544px) { /*xs*/

.page_contet_bg01 {
	background-size:100% auto;
	padding: 0 0 60%}

.page_contet_bg02 {
	background-size:80% auto;
	background-position: bottom center;
	padding: 0 0 70%}

.page_contet_bg03 {
	background-size:100% auto;
	padding: 0 0 60%}

}

@media screen and (min-width: 1600px) {

.page_contet_bg02 {
	background-position: center left; }

}


/* pdt_wire */


.pdt_wire_f {
	display: flex;
	flex-wrap: wrap;
}

.pdt_wire01,
.pdt_wire_l01 {
	width: 62%;
}

.pdt_wire02 {
	width: 62%;
	margin: 0 0 0 38%;
}

.pdt_wire_r01 {
	width: 34%;
	margin: 0 0 0 4%;
}

.pdt_wire_l02 {
	width: 34%;
	margin: 0 4% 0 0;
}

@media screen and (max-width: 544px) { /*xs*/

.pdt_wire01,.pdt_wire02,
.pdt_wire_l01,.pdt_wire_r01,.pdt_wire_l02 {
	width: 100%;
}

.pdt_wire02 { margin: 0; }

.pdt_wire_r01 {
	margin: 4% 0 0 0;
}

.pdt_wire_l02 {
	margin: 0 0 4% 0;
}

}


.i_plan01,.i_plan02,.i_plan03 {
	background-color: #ffffff;
	padding: 2em;
}

.i_plan01 {
	border: 2px solid #E0464B;
}
.i_plan02 {
	border: 2px solid #13BA93;
	margin-top: 2em;
}
.i_plan03 {
	border: 2px solid #009BD7;
	margin-top: 2em;
}

.i_plan01 .sub_h01,
.i_plan01 .sub_h02,
.i_plan01 .sub_h03 {
	padding: 0 0 0.6em 0;
}