@charset "utf-8";


/*-------------------- PC ---------------------*/

@media screen and (min-width:640px) {
.main {
  background: url(../images/concept/main_bg.jpg) no-repeat;
}
.case_list p {
  font-size: 14px;
  color: #C3C0C0;
}
.case_list .sec01 p {
  font-size: 18px;
  color: #C3C0C0;
  line-height: 2;
}
.sec02 .ttl {
  font-size: 16px;
  color: #cac0a5;
}
.sec02 div.fl {
  width: 376px;
}
.sec03 p {
  line-height: 1.8;
}
.sec03 .block {
  background: url(../images/concept/manufacture_bg.jpg) no-repeat bottom;
  margin: 0 0 83px;
  padding: 0 0 27px;
}
.sec03 .block ul {
  width: 637px;
  margin: 0 auto;
}
.sec03 .block li {
  width: 299px;
}
.sec03 .block li p {
  color: #d6d6d6;
  font-size: 12px;
}
.sec03 .block li p.mb20 {
  height: 105px;
}
.sec04 {
  margin: 0 0 68px;
}
.sec04 p {
  letter-spacing: 1px;
}
.sec04 .fl {
  width: 388px;
}
.sec05 .sec05_example {
  background: url(../images/concept/aspect_bg.jpg) no-repeat top;
  padding: 36px 23px;
  margin: 0 0 52px;
}
.sec05 .sec05_example p {
  color: #bebebe;
  letter-spacing: 2px;
}
.sec05 .ttl {
  color: #cac0a5;
  font-size: 16px;
  margin: 0 0 41px;
}
.sec05 div.mb40 .fl {
width: 379px;
letter-spacing: 1px;
}

}


	
/*---------------  SP ---------------------*/
@media screen and (max-width:639px) {
	
.main {
	height: 0;
    padding-top: 74%;
 	background: url(../images/concept/main_bg.jpg) no-repeat;
    background-size: 400%;
	background-position:center top;
}



.case_list p {
  font-size: 1.1em;
  color: #C3C0C0;
	padding: 0 3%;
}


.case_list .sec01 p {
  font-size: 0.9em;
  color: #C3C0C0;
  	line-height:1.8;
  margin:0 0 5% 0;
}


.sec02 {
	margin: 0 0 12%;
}
.sec02 .ttl {
  font-size: 1.2em;
  color: #cac0a5;
}
.sec02 div.fl {
	margin: 0 0 4%;
}

.sec02 p{
	font-size:0.9em;
	line-height:1.8;}

.sec02 .fr{
	width:86%;}



.sec03 p {
	font-size:0.9em;
  line-height: 1.8;
}


.sec03 .block {
  background: url(../images/concept/manufacture_bg.jpg) repeat;
  margin: 0 0 12%;
  padding: 0 0 4%;
}
.sec03 .block ul {
	padding: 5% 0 1%;
}
.sec03 .block li {
	float: none;
	margin: 0 0 5%;
}
.sec03 .block li p {
  color: #d6d6d6;
  font-size: 1.0em;
	margin: 0 0 2%;
}
.sec04 {
  margin: 0 0 12%;
}


.sec04 p {
	font-size:0.9em;
  line-height: 1.8;
}


.sec04 p.fr {
	margin:0 0 3%;
}



.sec05 .sec05_example {
  background: url(../images/concept/aspect_bg.jpg) no-repeat top;
  padding: 8% 3% 5% 3%;
  margin: 0 0 5%;
     background-size: 160%;
}

.sp_concept_txt01{
	margin:17% 0 0 0;}

.sp_concept_img01{
	text-align:center;}


.sec05 p{
	font-size:0.9em;
  line-height: 1.8;}

.sec05 .sec05_example p {
  color: #bebebe;
  letter-spacing: 2px;
}
.sec05 .ttl {
  color: #cac0a5;
  font-size: 1.1em;
  margin: 0 0 41px;
}
.sec05 div.mb40 .fl {
	letter-spacing: 1px;
	margin: 0 0 5%;
}
	
}