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


#mainwrap {
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display:block !important;
	margin-bottom: 20px;
}
#mainwrap img, #mainwrap_mp img {
	width: 100%;
	height: auto;
}
#mainwrap_mp {
	display: none !important;
}


@media only screen and (max-width: 700px) {
#mainwrap_mp {
	width: 100%;
	max-width:500px;
	height:auto;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	display:block !important;
}
#mainwrap {
	display: none !important;
}

}


/************************************************************
 * 理念チャート
************************************************************/
#chartimg {
	max-width:960px;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block !important;
}

#chartimg img, #chartimg_mp img {
	width:100%;
	height:auto;
}
#chartimg_mp {
	display: none !important;
}
@media only screen and (max-width: 700px) {
#chartimg {
	display: none !important;
}
#chartimg_mp {
	max-width:500px;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block !important;
}
}


/************************************************************
 * 特長
************************************************************/


.pointbox {
	max-width:1146px;
	width: 90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:80px;
}
.pointexp p, .innerright p {
	margin-bottom:25px;
}
.pointbox01 {
	max-width:950px;
	width: 90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:80px;
	margin-top:-40px;
}

.point1_inbox {
	width:49.5%;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	margin-bottom:10px;
}
.point1_inbox .isoimg {
	width:100%;
	height:auto;
	border:#CCC 1px solid;
	padding:7px;
	max-width:450px;
	margin-left:auto;
	margin-right:0;
}
.point1_inbox .isoimg img {
	width:100%;
	height:auto;
}

.point1_inbox .innerright {
	width:95%;
	margin-left:5%;
	text-align:left;
	}



@media only screen and (max-width: 1000px) {
.pointbox {
	margin-bottom:70px;
}


.point1_inbox  {
	width:100%;
	max-width: 100%;
	height:auto;
	display: block;
	margin-bottom:10px;
}
.point1_inbox .isoimg {
	width:100%;
	height:auto;
	border:#CCC 1px solid;
	padding:7px;
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}


}

@media only screen and (max-width: 500px) {
.point1_inbox .isoimg {
	padding:5px;
	max-width:300px;
}}



.point2_ph {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	max-width:573px;
	height:auto;
	border:#CCC 1px solid;
	padding:7px;
}
.point2_ph img {
	width:100%;
	height:auto;
}
.pointexp {
	width:90%;
	height:auto;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.point3_phwrap {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.point3_ph {
	width:calc(28% - 12px);
	margin-left:2%;
	margin-right:2%;
	margin-bottom:15px;
	max-width:238px;
	height:auto;
	border:#CCC 1px solid;
	padding:5px;
	display:inline-block;
	vertical-align:top;
}
.point3_ph img {
	width:100%;
	height:auto;
}
.setsubi {
	border:#000 1px dashed;
	padding:15px 30px;
	text-align:left;
	width:calc(90% - 62px);
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.point4_ph {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	max-width:799px;
	height:auto;
}
.point4_ph img {
	width:100%;
	height:auto;
}
.point5_ph {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	max-width:541px;
	height:auto;
}
.point5_ph img {
	width:100%;
	height:auto;
}
















.flowwrap {
	max-width:1000px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
}
.flowmidashi {
	width:100%;
	max-width:538px;
	height:auto;
	margin-left:0;
	margin-bottom:20px;
	text-align:left;
}
.flowmidashi img {
	width:100%;
	height:auto;
}
.flow1ph {
	width:100%;
	height:auto;
	max-width:481px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	border:#CCC 1px solid;
	padding:7px;
}
.flow1ph img {
	width:100%;
	height:auto;
}
.flowphwrap {
	width:100%;
	margin-bottom:30px;
	text-align:center;
}
.flowph {
	border:#CCC 1px solid;
	padding:7px;
	max-width:382px;
	width:calc(42% - 16px);
	margin-left:3%;
	margin-right:3%;
	display:inline-block;
	vertical-align:top;
	height:auto;
}
.flowph img {
	width:100%;
	height:auto;
}


.flowexp {
	text-align:left;
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.markupexp {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:8px;
	text-align:center;
	font-size:1.1em;
	background-color:#AF744F;
	color:#FFFFFF;
	margin-top:20px;
}


@media only screen and (max-width: 700px) {
.flowphwrap {
	width:100%;
	margin-bottom:15px;
	text-align:center;
}
.flowph {
	padding:5px;
	width:calc(44% - 16px);
	margin-left:2%;
	margin-right:2%;
}
}


@media only screen and (max-width: 550px) {

.markupexp {
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
}
}