@charset "UTF-8";

/*======*/
.concept{max-width:1200px;}
.g_en{font-family: 'Cinzel', serif;}

	@media all and (max-width: 1024px) {
		.s_type_width{width:calc(100% - 30px) !important;}
	}

/*======*/
.intro{width:100%;height:auto;margin:0px auto;padding:0px;line-height:150%;font-size:14px;letter-spacing:1px;}


/*======*/
ul.three{width:100%;height:auto;margin:0px auto;padding:25px 0px;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
ul.three li{width:31%;height:auto;margin:0px auto;padding:0px;}
ul.three li:nth-of-type(1){margin-left:0px;}
ul.three li:nth-of-type(2){margin:0px;}
ul.three li:nth-of-type(3){margin-right:0px;}
ul.three li h3{width:100%;height:auto;margin:0px auto;padding:0px;}
ul.three li h3 span{display:inline-block;width:auto;height:auto;padding:9px 10px 8px 10px;background:#222222;color:#ffffff;line-height:1;font-size:15px;}
ul.three li h4{width:100%;height:auto;margin:0px auto;padding-top:12px;}
ul.three li h4 span{line-height:170%;font-size:14px;}
ul.three li p{width:100%;height:auto;margin:0px auto;padding-top:10px;line-height:170%;font-size:13px;}
	@media all and (max-width: 1024px) {
		ul.three li{width:100%;}
		ul.three li:nth-of-type(2){padding:15px 0px;}
		ul.three li h3 span{font-size:14px;}
	}

/*======*/
ul.oil{width:100%;height:auto;margin:0px auto;padding:25px 0px;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
ul.oil li{width:21%;height:auto;margin:0px auto;padding:0px;}
ul.oil li h3{width:100%;height:auto;margin:0px auto;padding:8px 0px;color:#e9bb6b;}
ul.oil li h3 span{font-size:15px;}
ul.oil li h4{width:100%;height:auto;margin:0px auto;padding:0px;}
ul.oil li h4 span{display:inline-block;width:auto;height:auto;padding:7px 10px 6px 10px;background:#222222;color:#ffffff;line-height:1;font-size:12px;}
ul.oil li p:nth-of-type(1){width:95%;height:auto;margin:0px auto;padding:0px;}
ul.oil li p:nth-of-type(2){width:95%;height:auto;margin:0px auto;padding-top:12px;}
	@media all and (min-width: 1025px) {
		ul.oil li:nth-of-type(1) , 
		ul.oil li:nth-of-type(2) , 
		ul.oil li:nth-of-type(3) , 
		ul.oil li:nth-of-type(4)
			{padding-bottom:20px;}
	}
	@media all and (max-width: 1024px) {
		ul.oil li{padding-bottom:15px;}
		ul.oil li:nth-child(odd){width:49%;margin-left:0px;}
		ul.oil li:nth-child(even){width:49%;margin-right:0px;}
		ul.oil li p:nth-of-type(1){width:100%;}
		ul.oil li p:nth-of-type(2){width:100%;}
	}