@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;line-height:150%;font-size:14px;letter-spacing:1px;}
	@media all and (max-width: 1024px) {
		.intro{font-size:13px;}
	}

/*======*/
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;}
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 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;}
	}

/*======*/
.concept dl{max-width:1200px;width:100%;height:auto;}
.concept dl:nth-of-type(2){margin:30px 0px;}
.concept dl div{width:100%;height:auto;padding:0px;
	display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.concept dl:nth-of-type(2) div{
	flex-direction: row-reverse;}
.concept dl div dt{width:55%;height:auto;margin-left:0px;}
.concept dl:nth-of-type(2) div dt{margin-right:0px;}
.concept dl div dt h3{width:100%;height:auto;text-align:left;position:relative;line-height:200%;margin:15px 0px;}
.concept dl div dt h3 span{display: inline-block;z-index:10;position:relative;text-indent:10px;color:#95816f;font-size:15px;}
.concept dl div dt p{width:100%;height:auto;padding:0px;text-align:left;font-size:13px;line-height:170%;}
.concept dl div dd{width:40%;height:auto;padding:0px;margin-right:0px;}
.concept dl div dd:nth-of-type(2){margin-left:0px;}
.concept dl:nth-of-type(2) div dd{margin-left:0px;}
.concept dl div dd p{width:100%;height:auto;padding:0px;}
	@media all and (max-width: 1024px) {
		.concept dl:nth-of-type(1) div , 
		.concept dl:nth-of-type(2) div , 
		.concept dl:nth-of-type(3) div
			{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
		.concept dl:nth-of-type(2){margin:0px auto !important;}
		.concept dl:nth-of-type(1) , 
		.concept dl:nth-of-type(2) , 
		.concept dl:nth-of-type(3)
			{padding-bottom:25px;}
		.concept dl div dt{width:100%;margin:0px auto !important;}
		.concept dl div dd{width:100%;margin:0px auto !important;}
	}

/*======*/
h3.step_a:before , 
h3.step_b:before , 
h3.step_c:before , 
h3.step_d:before , 
h3.step_e:before , 
h3.step_f:before , 
h3.step_g:before , 
h3.step_h:before , 
h3.step_i:before
	{display: inline-block;width:100%;height:100%;position:absolute;top:-3px;left:0px;color:#dbdbdb;font-family: 'Cinzel', serif;opacity:1.00;filter: alpha(opacity=100);font-size:35px;line-height:100%;letter-spacing:2px;}
h3.step_a:before{content: 'STEP 1';}
h3.step_b:before{content: 'STEP 2';}
h3.step_c:before{content: 'STEP 3';}
h3.step_d:before{content: 'STEP 4';}
h3.step_e:before{content: 'STEP 5';}
h3.step_f:before{content: 'STEP 6';}
h3.step_g:before{content: 'STEP 7';}
h3.step_h:before{content: 'STEP 8';}
h3.step_i:before{content: 'STEP 9';}