@charset "utf-8";

/*sec01*/

.sec01 {
background:transparent;
}
.sec01 .inner {
max-width:1920px;
margin:0 auto;
background:url(../images/design/facade_img.png) no-repeat right top;
background-size:contain;
padding:15% 0 15% 5%;
}
.sec01 .txt{
width:70%;
max-width:800px;
color:#fff;
line-height:3em;
font-size:16px;
text-align:left;
padding:2% 0 1%!important;
/*font-feature-settings:"palt";*/
display: block;
}
/*sec01*/
/*sec02*/

.sec02{
max-width:1920px;
margin:0 auto;
}
.sec02 ul{
/**/display:flex;
/**/justify-content:space-between;
}
.sec02 ul:nth-child(odd){
/**/flex-direction:row-reverse;
}
.sec02 ul li{
/**/width:50%;
}
.sec02 ul li .txt{
color:#fff;
line-height:3em;
font-size:12px;
text-align:left;
padding:2% 0 1%!important;
/*font-feature-settings:"palt";*/
display: block;

}
.sec02 ul:nth-child(1) li p{
/**/padding:12% 10%;
}
.sec02 ul:nth-child(2) li p{
/**/padding:15% 10%;
}
.sec02 ul:nth-child(3) li p{
/**/padding:30% 10%;
}
.sec02 ul:nth-child(4) li p{
/**/padding:18% 10%;
}
.sec02 ul:nth-child(5) li p{
/**/padding:18% 10%;
}
/*sec02*/
/*sec03*/

.sec03 {}
.sec03 .inner{
max-width:1920px;
margin:0 auto;
background:url(../images/design/panorama_img.png) no-repeat right top;
background-size:cover;
padding:15% 5%;
}
.sec03 .txt{
color:#fff;
line-height:3em;
font-size:16px;
text-align:left;
padding:2% 0 1%!important;
/*font-feature-settings:"palt";*/
display: block;
}
/*sec03*/

/*btn_area*/
.btn_area{
max-width: 1080px;
margin: 5% auto 5%;
color:#fff;
}
.btn_area ul{
display:flex;
justify-content:space-between;
}
.btn_area ul li{
width:49%;
}

/*btn_area*/
/*===============//max-width: 2000px===============*/

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


/*===============//max-width: 2000px===============*/


/*===============//max-width: 1540px===============*/

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


/*===============//max-width: 1540px===============*/


/*===============//max-width: 1400px===============*/

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


/*===============//max-width: 1400px===============*/


/*===============//max-width: 1380px===============*/

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


/*===============//max-width: 1380px===============*/


/*===============//max-width: 1300px===============*/

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


/*===============//max-width: 1300px===============*/


/*===============//max-width: 1280px===============*/

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


/*===============//max-width: 1280px===============*/


/*===============//max-width: 1200px===============*/

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


/*===============//max-width: 1200px===============*/


/*===============//max-width: 1100px===============*/

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


/*===============//max-width: 1100px===============*/


/*===============//max-width: 1080px===============*/

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


/*===============//max-width: 1080px===============*/


/*===============//max-width: 1030px===============*/

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


/*===============//max-width: 1030px===============*/


/*===============//max-width: 1000px===============*/

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


/*===============//max-width: 1000px===============*/


/*===============//max-width: 960px===============*/

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


/*===============//max-width: 960px===============*/


/*===============//max-width: 900px===============*/

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


/*===============//max-width: 900px===============*/


/*===============//max-width: 860px===============*/

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


/*===============//max-width: 860px===============*/


/*===============//max-width: 800px===============*/

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


/*===============//max-width: 800px===============*/


/*===============//max-width: 767px===============*/

@media screen and (max-width: 767px) {
/*sec01*/
.sec01 {
width: 100%;
padding:0;
margin: 0 auto;
}
.sec01 .inner {
padding:5% 5% 75% 5%;
background-position:right bottom;
}
.sec01 .txt{
width:100%;
margin:0 auto;
font-size:14px;
line-height:2em;
}
.sec01 .inner img{
}
/*sec01*/

/*sec02*/
.sec02 {
}
.sec02 ul{
display:block;
}
.sec02 ul li{
width:100%;
}
.sec02 ul li .txt{
color:#fff;
line-height:2em;
font-size:14px;
}
.sec02 ul li img{
width:130%;
max-width:130%;
}
.sec02 ul li img .img_wrap{
width:100%;
}

.sec02 ul:nth-child(1) li p{
margin:5%;
padding:0;
overflow:hidden;
}
.sec02 ul:nth-child(2) li p{
margin:5%;
padding:0;
overflow:hidden;
}
.sec02 ul:nth-child(3) li p{
margin:5%;
padding:0;
overflow:hidden;
}
.sec02 ul:nth-child(4) li p{
margin:5%;
padding:0;
overflow:hidden;
}
.sec02 ul:nth-child(5) li p{
margin:5%;
padding:0;
overflow:hidden;
}
/*sec02*/

/*sec03*/
.sec03 .inner{
background-size:contain;
background-position:right bottom;
padding:15% 5% 65% 5%;
}
.sec03 .txt{
width:100%;
margin:0 auto;
font-size:14px;
line-height:2em;
}
/*sec03*/

/*btn_area*/
.btn_area {
max-width: 90%;
margin: 5% auto 5%;
color:#fff;
}
.btn_area ul{
display:block;
justify-content:space-between;
}
.btn_area ul li{
width:100%;
margin-bottom:5%;
}
.btn_area ul li img{
width:100%;
}


/*btn_area*/
}


/*===============//max-width: 767px===============*/


/*===============//max-width: 600px===============*/

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


/*===============//max-width: 600px===============*/


/*===============//max-width: 580px===============*/

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


/*===============//max-width: 580px===============*/


/*===============//max-width: 480px===============*/

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


/*===============//max-width: 480px===============*/


/*===============//max-width: 375px===============*/

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


/*===============//max-width: 375px===============*/


/*===============//max-width: 374px===============*/

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


/*===============//max-width: 374px===============*/


/*===============//max-width: 360px===============*/

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


/*===============//max-width: 360px===============*/


/*===============//max-width: 320px===============*/

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


/*===============//max-width: 320px===============*/


/*===============//print===============*/

@media print {}


/*===============//print===============*/