@charset "utf-8";



@media screen and (max-width:1400px){
#section2 .about .about_left p br{display:none; word-break:keep-all; }
#section2 .about .about_right .history{position:absolute; top:50%; transform:translateY(-50%); left:100px; color:#fff; transition:0.7s;}
#section2 .office .office_right{background:url(../images/section2_office.jpg) center right no-repeat; background-position:-282px 0; }
#section4 .service1_left p br{display:none;}
#section6 .sec06_inner .form_mail{padding:0 125px; transition:0.7s;}
#section6 .sec06_inner .contact{padding-left:70px; transition:0.7s; }

}


@media screen and (max-width:1320px){
.header .inner{height:128px; position:relative; padding:0 60px; transition:0.7s;}
.header nav{position:absolute; right:60px; top:0; transition:0.7s;}
#section2 .about .about_left{padding:125px 60px; transition:0.7s;}
#section2 .office .office_left{padding:125px 60px; transition:0.7s;}
#section2 .location .location_left{padding:125px 60px; transition:0.7s;}
#section2 .button_wrap{padding-left:60px; transition:0.7s;}
#section3{padding:125px 60px; transition:0.7s;}
#section4 .service1_left{padding:125px 60px; transition:0.7s;}
#section4 .service1 .service1_text p{width:100%;}
#section4 .service1_left .service1_text{width:100%; transition:0.7s;}

#section4 .service2_left {padding:125px 60px; transition:0.7s;}
#section4 .service2_left .service2_text{width:100%; transition:0.7s;}
#section4 .service2_left ul li:nth-child(2){letter-spacing:-1px;}

#section4 .service3_left {padding:125px 60px; transition:0.7s;}
#section4 .service3_left .service3_text{width:100%; transition:0.7s;}
#section4 .service3_left ul li:nth-child(3){letter-spacing:-1px; line-height:60px;}
#section4 .button_wrap{padding-left:60px; transition:0.7s;}
#section5 .sec05_inner{padding:125px 60px; transition:0.7s;}
#section6 .sec06_inner .form_mail{padding:0 60px; transition:0.7s;}
#section6 .sec06_inner .contact{padding-left:60px; transition:0.7s; }
#section6 .sec06_inner .contact ul{padding-right:50px;}
#section6 .sec06_inner .contact ul li > div{width:80%;}

}




@media screen and (max-width:1200px) {
#section2 .about .about_right .history{left:50px; transition:0.5s;}
#section2 .office .office_left{padding:125px 60px; }
#section2 .location .location_left{padding:125px 60px; }
#section2 .about .about_left p br{display:none;}
#section4 .service1_right ul li h4{padding:0;}
#section4 .service1 p{width:492px; }
#section4 .service2_left .service2_text br{display:none;}
#section4 .service3_left ul li:nth-child(3){letter-spacing:-6px;}
#section5 .exper_content1 dl{padding-bottom:30px;}
#section5 .exper_content1_pc dl{padding:70px 15px;}


}



@media screen and (max-width: 1024px) {
#side_nav{display:none;}
.header{height:80px; position:fixed; left:0; top:0; width:100%; z-index:1000; line-height:80px; background:#fff;}
.header .inner{height:80px; line-height:80px; padding:0; position:relative;}
.header .inner h1.logo_pc{display:none;}
.header .inner h1.logo_mo{display:block; }
.header .inner h1.logo_mo .logo_color{display:block; padding:0; margin:0 auto;}
.header .inner h1.logo_mo .logo_white{display:none; }
.header.shrink{height:80px; background:rgba(255,255,255,0.8); }
.header.shrink h1{top:50%;}
nav{display:none;}


#section2 .about .about_left{width:100%; padding:100px 60px 50px; height:390px;}
#section2 .about .about_left ul li{display:inline-block; font-size:18px;}
#section2 .about .about_left ul li + li{margin-left:20px;}
#section2 .about .about_right{width:100%; height:500px; margin-top:100px;}
#section2 .about .about_right .history:before{height:382px; }
#section2 .about .about_right .history dl + dl{margin-top:30px;}
#section2 .button_wrap{bottom:550px; transition:0.7s;}

#section2 .office .office_left{width:100%; padding:100px 60px 50px; height:390px;}
#section2 .office .office_left p br{display:none;}
#section2 .office .office_left ul li + li{margin-left:20px}
#section2 .office .office_right{width:100%; height:500px; background:url(../images/section2_office.jpg) center right no-repeat; margin-top:100px; background-position:none;}

#section2 .location .location_left{width:100%; padding:100px 60px 50px; height:390px;}
#section2 .location .location_left ul li + li{margin-left:20px;}
#section2 .location .map{width:100%; height:500px; margin-top:100px; }
#section2 .swiper-container{height:990px;}


#section4 .service1_left{width:100%; padding:100px 60px 180px; height:694px;}
#section4 .service1_right{width:100%; height:600px; }
#section4 .service1_right ul li:before{background:url(../images/service_txtBg_mo.jpg) center no-repeat; background-size:cover;}
#section4 .service1_right ul li span{color:#555; position:absolute; right:40px; text-align:right;}
#section4 .service2_left{width:100%; padding:100px 60px 180px; height:694px;}
#section4 .service2_right{width:100%; height:600px; }
#section4 .service2_right ul li span{color:#555; position:absolute; right:40px; text-align:right;}
#section4 .service3_left{width:100%; padding:100px 60px 180px; height:694px;}
#section4 .service3_right{width:100%; height:600px; }
#section4 .service3_right ul li span{color:#555; position:absolute; right:40px; text-align:right;}
#section4 .service3_right ul li:hover a{background:url(../images/service_txtBg.jpg) center no-repeat; }
#section4 .button_wrap{top:550px; padding-left:60px;}


#section5 .exper_content1_pc{display:none;}
#section5 section{display:block;}
#section5 section div{background:#2d74a0;}
#section5 section.accordian{width:100%; margin:20px auto 30px auto; text-align:left;}
#section5 section.accordian label{padding:20px; position:relative; z-index:20; display:block; cursor:pointer; border:1px solid rgba(255,255,255,0.2); color:#fff;
line-height:63px; font-size:16px; font-weight:500;}
#section5 section.accordian label:hover{color:#fff;}
#section5 section.accordian input:checked + label, .accordian input:checked + label:hover{color:#fff;}
#section5 section.accordian input{display:none;}
#section5 section.accordian article{background:#4886ac; margin-top:-1px; overflow: hidden; height:0px; position:elative; z-index:10; 
-webkit-transition:height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; 
-ms-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out;}
#section5 section.accordian article p{padding:0 20px; color:#fff; font-size:15px; font-weight:300; line-height:1.9;}
#section5 section.accordian article p:first-child{padding-top:15px;}
#section5 section.accordian article p:last-child{padding-bottom:15px;}
#section5 section.accordian input:checked ~ article {-webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out;
-o-transition:height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; }
#section5 section.accordian input:checked ~ article.item-small{height:170px;}
#section5 section.accordian input:checked ~ article.item-medium{height:170px;}
#section5 section.accordian input:checked ~ article.item-large{height:170px;}

}



@media screen and (max-width: 768px){
#side_nav{display:none;}
.header{height:80px; position:fixed; left:0; top:0; width:100%; z-index:1000; line-height:80px; background:#fff; border:1px solid red;}
.header .inner{height:80px; line-height:80px; padding:0; position:relative; width:100%; border:1px solid blue;}
.header .inner h1.logo_pc{display:none;}
.header .inner h1.logo_mo{display:block; border:1px solid black;}
.header .inner h1.logo_mo .logo_color{display:block; padding:0; margin:0 auto; border:1px solid orange;}
.header .inner h1.logo_mo .logo_white{display:none; }
.header.shrink{height:80px; background:rgba(255,255,255,0.8); border:1px solid green; }
.header.shrink h1{top:50%; background:yellow;}
nav{display:none;}


#section1{background:url(../images/mo_visual1.jpg) center no-repeat; height:600px; position:relative; }
#section1 .sec1_inner{padding:0 20px; box-sizing:border-box; top:50%; }
#section1 .sec1_inner strong{font-size:30px; color:#fff; line-height:40px;}
#section1 .sec1_inner strong br{display:block;}
#section1 .sec1_inner p{font-size:16px; margin-top:30px; line-height:26px;}
#section1 .sec1_inner p br{display:none;}


#section2{height:760px;}
#section2 .about .about_left{width:100%; padding:60px 20px; height:400px;}
#section2 .about .about_left ul li{display:inline-block; font-size:18px;}
#section2 .about .about_left ul li:nth-child(1){font-size:28px; color:#333; }
#section2 .about .about_left ul li + li{margin-left:10px;}
#section2 .about .about_left p{line-height:24px; margin-top:20px; }
#section2 .about .about_right{width:100%; height:340px; margin-top:20px; background:url(../images/mo_section2_history.jpg) center no-repeat; }
#section2 .about .about_right .history{left:20px; }
#section2 .about .about_right .history:before{display:none;}
#section2 .about .about_right .history dl + dl{margin-top:15px;}
#section2 .about .about_right .history dl dt{font-size:24px; }
#section2 .about .about_right .history dl dt:before{content:""; display:inline-block; width:4px; height:4px; margin-right:10px;}
#section2 .about .about_right .history dl dd{font-size:16px; margin-left:5px;}

#section2 .office .office_left{width:100%; padding:60px 20px; box-sizing:border-box; height:400px;}
#section2 .office .office_left h2{font-size:24px; }
#section2 .office .office_left h2:after{content:""; width:43px; height:1px; background:#e85223; display:block; margin-top:10px; }
#section2 .office .office_left ul{margin-top:20px; }
#section2 .office .office_left ul li{display:inline-block; font-size:18px;}
#section2 .office .office_left ul li:nth-child(2){font-size:28px; color:#333; }
#section2 .office .office_left ul li + li{margin-left:10px;}
#section2 .office .office_left p{line-height:24px; margin-top:20px; }
#section2 .office .office_right{width:100%; height:340px; background:url(../images/mo_section2_office.jpg) center no-repeat; margin-top:20px;}

#section2 .location .location_left{width:100%; padding:60px 20px; box-sizing:border-box; height:400px;}
#section2 .location .location_left h2{font-size:24px; font-weight:400; line-height:1; color:#e85223;}
#section2 .location .location_left h2:after{content:""; width:43px; height:1px; background:#e85223; display:block; margin-top:10px; }
#section2 .location .location_left ul{margin-top:20px; }
#section2 .location .location_left ul li{font-size:18px; display:inline-block; }
#section2 .location .location_left ul li + li{margin-left:10px}
#section2 .location .location_left ul li:nth-child(3){font-size:28px; }
#section2 .location .location_left p{font-size:15px; margin-top:20px; line-height:24px; }
#section2 .location .location_left .public{margin-top:10px;}
#section2 .location .location_left .public dl dt{color:#333; font-size:15px;}
#section2 .location .location_left .public dl dd{line-height:18px; margin-top:5px; font-size:14px;}
#section2 .location .map{width:100%; height:340px; margin-top:20px; }

#section2 .button_wrap{top:360px; padding-left:20px; transition:0.7s; z-index:999;}
#section2 .button_wrap .swiper-button-next{background:url(../images/mo_right_black.png) no-repeat; display:inline-block; width:36px; height:36px; }
#section2 .button_wrap .swiper-button-prev{background:url(../images/mo_left_black.png) no-repeat; width:36px; height:36px; }


#section3{height:550px; background:#f5f5f5; position:relative; padding:60px 20px; }
#section3 .sec03_inner h3{font-size:26px;}
#section3 .sec03_inner p{margin:20px 0 35px;}
#section3 .sec03_inner .custom_wrap .swiper-slide{margin-top:10px;}
#section3 .sec03_inner .custom_wrap .swiper-slide span{height:80px;}
#section3 .sec03_inner .custom_wrap .swiper-slide span img{width:60%;}
#section3 .sec03_inner .custom_wrap .swiper-slide span img.logo_ispe{width:40%;}
#section3 .sec03_inner .partner_wrap{margin-top:40px;}
#section3 .sec03_inner .partner_wrap .swiper-slide{margin-top:10px;}
#section3 .sec03_inner .partner_wrap .swiper-slide span{height:80px; }
#section3 .sec03_inner .partner_wrap .swiper-slide span img{width:60%; }



#section4{height:1005px;}
#section4 .service1_left{width:100%; padding:60px 20px; background:url(../images/mo_section4_bg1.jpg) center no-repeat; height:480px; }
#section4 .service1_left .service1_text{padding:25px 20px; }
#section4 .service1_left ul{margin-top:20px;}
#section4 .service1_left ul li{font-size:18px; letter-spacing:0; font-weight:800;}
#section4 .service1_left ul li:nth-child(1){font-size:25px; color:#333; letter-spacing:-2px;}
#section4 .service1_left p{font-size:15px; margin-top:20px; line-height:24px; width:100%;}
#section4 .service1_right{width:100%; height:525px;}
#section4 .service1_right ul li a{padding:25px 20px;}
#section4 .service1_right ul li h4{padding:0; font-size:18px; letter-spacing:-0.5px;}
#section4 .service1_right ul li p{font-size:15px; margin-top:10px; width:100%; letter-spacing:-0.5px; line-height:22px;}
#section4 .service1_right ul li span{bottom:20px; right:20px; font-size:14px;}
#section4 .service2_left{width:100%; padding:60px 20px; background:url(../images/mo_section4_bg2.jpg) center no-repeat; height:480px; }
#section4 .service2_left ul{margin-top:20px;}
#section4 .service2_left ul li{font-size:18px; letter-spacing:0; font-weight:800;}
#section4 .service2_left ul li:nth-child(2){font-size:25px; color:#333; letter-spacing:-2px;}
#section4 .service2_left p{font-size:15px; margin-top:20px; line-height:24px; width:100%; letter-spacing:-1px;}
#section4 .service2_left p br{display:none;}
#section4 .service2_right{width:100%; box-sizing:border-box; height:525px;}
#section4 .service2_right ul li a{padding:25px 20px;}
#section4 .service2_right ul li h4{padding:0; font-size:18px; letter-spacing:-0.5px;}
#section4 .service2_right ul li p{font-size:15px; margin-top:10px; width:100%; letter-spacing:-0.5px; line-height:22px;}
#section4 .service2_right ul li span{bottom:20px; right:20px; font-size:14px;}
#section4 .service3_left{width:100%; padding:60px 20px; background:url(../images/mo_section4_bg3.jpg) center no-repeat; height:480px; }
#section4 .service3_left .service3_text{padding:25px 20px; }
#section4 .service3_left ul{margin-top:20px;}
#section4 .service3_left ul li{font-size:18px; letter-spacing:0; font-weight:800;}
#section4 .service3_left ul li:nth-child(3){font-size:25px; color:#333; letter-spacing:-1px; line-height:1.2;}
#section4 .service3_left p{font-size:15px; margin-top:20px; line-height:24px; width:100%;}
#section4 .service3_left p br{display:none;}
#section4 .service3_right{width:100%; box-sizing:border-box; height:525px;}
#section4 .service3_right ul li a{padding:25px 20px;}
#section4 .service3_right ul li h4{padding:0; font-size:18px; letter-spacing:-0.5px;}
#section4 .service3_right ul li p{font-size:15px; margin-top:10px; width:100%; letter-spacing:-0.5px; line-height:22px;}
#section4 .service3_right ul li span{bottom:20px; right:20px; font-size:14px;}
#section4 .button_wrap{height:36px; top:420px; padding-left:20px;}
#section4 .button_wrap .swiper-button-next{background:url(../images/mo_right_white.png) no-repeat; display:inline-block; width:36px; height:36px; }
#section4 .button_wrap .swiper-button-prev{background:url(../images/mo_left_white.png) no-repeat; display:inline-block; width:36px; height:36px; }


#section5{background:none;}
#section5 .sec05_inner{padding:60px 20px; }
#section5 .sec05_inner h2{margin-bottom:20px;}
#section5 section.accordian label{padding:10px 20px; line-height:25px; }
#section5 section.accordian input:checked ~ article.item-small{height:198px;}
#section5 section.accordian input:checked ~ article.item-medium{height:228px;}
#section5 section.accordian input:checked ~ article.item-large{height:96px;}


#section6{height:1026px;}
#section6 .sec06_inner{width:100%; height:700px; box-sizing:border-box; display:block;}
#section6 .sec06_inner .form_mail{width:100%; display:block; background:#f8f8f8; padding:60px 20px; }
#section6 .sec06_inner .contact{width:100%; display:block; padding:60px 20px; background:url(../images/section6_bg1.jpg) center bottom no-repeat; height:460px; }
#section6 .sec06_inner .contact ul{width:100%; padding-right:0;}
#section6 .sec06_inner .contact ul li + li{margin-top:40px;}
#section6 .sec06_inner .contact ul li div{width:78%; display:inline-block;}
#section6 .sec06_inner .contact ul li span{margin-right:10px;}
#section6 .sec06_inner .contact ul li strong{font-size:16px;}
#section6 .sec06_inner .contact ul li p{font-size:14px; line-height:22px; margin-top:10px;}
#section6 .sec06_inner .contact ul li span{display:inline-block; width:37px; height:31px; }
#section6 .sec06_inner .contact .contact_moIcon{display:block;}
#section6 .sec06_inner .contact .contact_pcIcon{display:none;}


.form_wrap input{display:block; width:100%; height:44px; }
.form_wrap textarea{height:100px; width:100%; display:block; }
.form_wrap button{height:48px; padding:0 20px;}


footer h1.f_logo_mo{display:block;}
footer h1.f_logo_pc{display:none;}
footer p{font-size:12px;}

}




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


}