@charset "utf-8";

figure.cap_right figcaption{text-align: right; font-size: 0.8rem; padding-top: 5px;}
figure.cap_on{position: relative;}
figure.cap_on figcaption{position: absolute; bottom:5px; right: 10px; font-size: 0.8rem; color: #fff;}

h4.design_title1{font-size: 1.5rem; color: #787953; text-align: left;}

br.sp_only{display: none;}
@media screen and (max-width:414px){
	br.pc_only{display: none;}
	br.sp_only{display: block;}
}

/* c_design01
--------------------------------------------------------------------------------*/
#c_design01{padding-top: 150px;}
#c_design01 h3{text-align: center; font-size: 2.5rem; margin-bottom: 80px;}

@media screen and (max-width:414px){
	#c_design01{padding-top: 80px;}
	#c_design01 h3{font-size: 1.5rem; margin-bottom:40px;}
}


/* c_design02
--------------------------------------------------------------------------------*/
#c_design02{}
#c_design02 .demo{background: #e1e1e1; text-align: center; padding: 50px 0;}

#c_design02 .design02_line2{padding-top: 90px; text-align: center;}
#c_design02 .design02_line2 h3{font-size: 26px;}

#c_design02 .design02_line3{padding-top: 90px;}
#c_design02 .design02_line3 p{font-size: 1rem; margin-top: 10px;}

#c_design02 .design02_line4{padding-top: 90px;}
#c_design02 .design02_line4 p{font-size: 1rem; margin-top: 10px;}

#c_design02 .design02_line5{padding-top: 90px;}
#c_design02 .design02_line5 h4{text-align: left; margin-bottom: 15px;}
#c_design02 .design02_line5 p{font-size: 1rem; margin-top: 10px; line-height: 1.5;}

#c_design02 .design02_line6{}
#c_design02 .design02_line6 h4{text-align: left; margin-bottom: 15px;}
#c_design02 .design02_line6 p{font-size: 1rem; margin-top: 10px; line-height: 1.5;}


@media screen and (max-width:414px){
	#c_design02 .design02_line2 p{text-align: left;}
	#c_design02 .design02_line3{padding-top: 40px;}
	#c_design02 .design02_line4{padding-top: 40px;}
	#c_design02 .design02_line5{padding-top: 40px;}
}


/* c_design03
--------------------------------------------------------------------------------*/
#c_design03{padding-top: 150px;}
#c_design03 h3{font-size: 26px; text-align: center; margin-bottom: 30px;}

#c_design03 .design03_line1 h4{text-align: left; margin-bottom: 15px;}
#c_design03 .design03_line1 p{font-size: 1rem; margin-top: 10px; line-height: 1.5;}

#c_design03 .design03_line2 h4{text-align: left; margin-bottom: 15px;}
#c_design03 .design03_line2 h4 span{font-size: 1rem;}
#c_design03 .design03_line2 p{font-size: 1rem; margin-top: 10px; line-height: 1.5;}

@media screen and (max-width:414px){
	#c_design03{padding-top: 80px;}
	#c_design03 .design03_line2{padding-top: 40px;}
}


/* c_design04
--------------------------------------------------------------------------------*/
#c_design04{padding-top: 80px; padding-bottom: 100px;}
#c_design04 h3{font-size: 26px; text-align: center; margin-bottom: 30px;}

#c_design04 .design04_line1 h4{text-align: left; margin-bottom: 15px;}
#c_design04 .design04_line1 p{font-size: 1rem; margin-top: 36px; line-height: 1.5;}

#c_design04 .design04_line2 h4{text-align: left; margin-bottom: 15px;}
#c_design04 .design04_line2 p{font-size: 1rem; margin-top: 36px; line-height: 1.5;}


@media screen and (max-width:414px){
	
}


/* 190610 追加
--------------------------------------------------------------------------------*/
.c_design01_history{margin: 100px 0 80px;}
.c_design01_history:after{content: ""; display: block; clear: both;}
.c_design01_history .leftBox{float: left; width: 45%; text-align: left;}
.c_design01_history .rirghtBox{float: right; width: 55%;}
.c_design01_history .leftBox h4{font-size: 1.8em; line-height: 1.8; text-align: left;}
.c_design01_history .rirghtBox .cap{text-align: right; font-size: 0.8rem;}

#new_design02 .sectionMV p.cap{ font-size: 0.8rem; text-align: right; padding-right: 10px;}
#new_design02 .sectionMV img{width:100%;}
#new_design02 .sectionMV img.sp{display: none;}
#new_design02 .high_quality{margin: 150px 0 0; background: #F0F0F0; padding: 70px 70px 30px;}
.high_quality .high_quality_top{display: table; width: 100%;}
.high_quality .high_quality_top .quality_topLeft,
.high_quality .high_quality_top .quality_topRight{display: table-cell; width: 50%;}

.high_quality .high_quality_top .quality_topLeft h3{font-size: 1.7rem;}
.high_quality .high_quality_top .quality_topLeft p{font-size: 0.9rem;}

.high_quality .high_quality_top .quality_topRight{padding-left: 70px;}
.high_quality .high_quality_top .quality_topRight h4{font-size: 1.4rem; text-align: left; position: relative;}
.high_quality .high_quality_top .quality_topRight h4 small{font-size: 1rem;}
.high_quality .high_quality_top .quality_topRight h4 span{background: #F0F0F0; position: relative; z-index: 2;}
.high_quality .high_quality_top .quality_topRight h4:after{content: ""; display: block; width: 100%; height: 1px; background: #8c8861; position: absolute; top: 10px; z-index: 1;}
.high_quality .high_quality_top .quality_topRight:after{content: ""; display: block; clear: both;}
.high_quality .high_quality_top .quality_topRight figure{float: left;  width: 38%;}
.high_quality .high_quality_top .quality_topRight .text{float:left; width: 62%;}
.high_quality .high_quality_top .quality_topRight .text h5{font-size: 1.4rem;}
.high_quality .high_quality_top .quality_topRight .text p{font-size: 0.9rem; line-height: 1.6;}

.high_quality .high_quality_bottom{overflow:hidden; margin-left: -2%;}
.high_quality .high_quality_bottom .quality_bottomBox{float: left; width: 23%; margin-left: 2%;}
.high_quality .high_quality_bottom .quality_bottomBox h4{font-size: 1.2rem; text-align: left; margin: 10px 0; line-height: 1.6;}
.high_quality .high_quality_bottom .quality_bottomBox p{font-size: 0.9rem; line-height: 1.6;}


#new_design03{padding-top: 280px;}
#new_design03 h3{ text-align: center; font-size: 2.5rem; margin-bottom: 80px;}
#new_design03 h4{text-align: center;}
#new_design03 p{text-align: center;}
#new_design03 .full_image{margin: 20px 0 180px;}
#new_design03 .full_image img{width: 100%;}
#new_design03 .full_image p.cap{font-size: 0.8rem; text-align: right; padding-right: 10px;}


@media screen and (max-width:768px){
	.c_design01_history .leftBox{float: none; width: 100%; margin-bottom: 20px;}
	.c_design01_history .rirghtBox{float: none; width: 100%;}
	
	#new_design02 .high_quality{padding:30px;}
	.high_quality .high_quality_top .quality_topLeft,
	.high_quality .high_quality_top .quality_topRight{display: block; width: 100%; margin: 30px 0; padding: 0;}
	.high_quality .high_quality_top .quality_topRight figure{width: 30%;}
	.high_quality .high_quality_top .quality_topRight .text{width: 70%;}
	.high_quality .high_quality_bottom .quality_bottomBox{width: 48%; text-align: center;}
	.high_quality .high_quality_bottom .quality_bottomBox h4{text-align: center;}
	
	.high_quality .high_quality_top .quality_topRight h4{text-align: center;}
	.high_quality .high_quality_top .quality_topRight h4:after{display: none;}
	.high_quality .high_quality_top .quality_topRight h4 small{display: block; margin-top: 10px;}
	.high_quality .high_quality_top .quality_topRight figure{float: none; width: 100%; margin-bottom: 20px; text-align: center;}
	.high_quality .high_quality_top .quality_topRight .text{float: none; width: 100%;}
	.high_quality .high_quality_top .quality_topRight .text h5{text-align: center;}
}

@media screen and (max-width:414px){
	.c_design01_history .leftBox h4{font-size: 1.5em;}
	
	#new_design02 .high_quality{padding: 20px; margin: 80px 0 0;}
	.high_quality .high_quality_top .quality_topLeft h3{font-size: 1.4rem;}
	.high_quality .high_quality_top .quality_topRight figure{padding: 0 1%;}
	.high_quality .high_quality_bottom .quality_bottomBox{display: block; width: 100%;}
	
	#new_design03{padding-top:80px;}
	#new_design03 h3{font-size: 1.5em; margin-bottom:40px;}
	#new_design03 .full_image{margin: 20px 0 80px;}
	#new_design03 p.read{text-align: left;}
	
	#new_design02 .sectionMV img.pc{display: none;}
	#new_design02 .sectionMV img.sp{display: block;}
}