@charset "UTF-8";

#page_about{padding-bottom:0;}
#page_about:before,
#page_about:after{display:none;}
.page_section{font-size:20px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
@media all and (max-width:1600px){
	.page_section{font-size:19px;}
}
@media all and (max-width:1400px){
	.page_section{font-size:18px;}
}
@media all and (max-width:1200px){
	.page_section{font-size:17px;}
}
@media all and (max-width:1000px){
	.page_section{font-size:16px;}
}
@media all and (max-width:800px){
	.page_section{font-size:15px;}
}
@media all and (max-width:600px){
	.page_section{font-size:14px;}
}
@media all and (max-width:400px){
	.page_section{font-size:13px;}
}
@media all and (max-width:320px){
	.page_section{font-size:10px;}
}
#page_about .page_section[section-name="mission_vision"]{background-image:url(../img/page_mission_vision_bg.jpg);}
#page_about .page_section[section-name="mission_vision"] .page_header{height:100vh;}
#page_about .page_section[section-name="mission_vision"] .page_header .inner{flex-wrap:wrap;align-content:center}
#page_about .page_section[section-name="mission_vision"] .page_header .inner .title:after{content:'';display:block;margin:70px auto;width:100px;height:1px;background-color:#fff;}
#page_about .page_section[section-name="mission_vision"] .page_header .inner .desc{line-height:1.5;width:100%;margin:0;font-size:22px;color:#fff;text-align:center;}
#page_about .page_section[section-name="mission_vision"] .page_header .inner .desc b{font-weight:600;color:#10BEFF}
#page_about .page_section[section-name="mission_vision"] .section_content{height:100vh;}
#page_about .page_section[section-name="mission_vision"] .section_content .inner{display:flex;align-items:center;height:100%;background-image:url(../img/page_mission_vision_img.png);background-repeat:no-repeat;background-position:right 2em center;}
#page_about .page_section[section-name="mission_vision"] .section_content .list .item:nth-of-type(n+2){margin-top:150px;}
#page_about .page_section[section-name="mission_vision"] .section_content .list .item .title{margin:0;font-size:70px;font-weight:700;color:#10BEFF;}
#page_about .page_section[section-name="mission_vision"] .section_content .list .item .desc{margin-top:20px;font-size:22px;font-weight:300;color:#fff;}
@media all and (max-width:1600px){
	#page_about .page_section[section-name="mission_vision"] .page_header .inner .title:after{margin:1.4em auto;width:2em;}
	#page_about .page_section[section-name="mission_vision"] .page_header .inner .desc{font-size:1.1em;}
	#page_about .page_section[section-name="mission_vision"] .section_content .inner{background-size:50% auto;}
	#page_about .page_section[section-name="mission_vision"] .section_content .list .item:nth-of-type(n+2){margin-top:7.5em;}
	#page_about .page_section[section-name="mission_vision"] .section_content .list .item .title{font-size:3.5em;}
	#page_about .page_section[section-name="mission_vision"] .section_content .list .item .desc{margin-top:1em;font-size:1.1em;}
}
@media all and (max-width:1000px){
	#page_about .page_section[section-name="mission_vision"] .page_header{height:auto;padding:8em 0;}
	#page_about .page_section[section-name="mission_vision"] .page_header .inner{margin:0 1em;}
	#page_about .page_section[section-name="mission_vision"] .page_header .inner .desc br{display:none;}
	#page_about .page_section[section-name="mission_vision"] .section_content{height:auto;padding:8em 0;}
	#page_about .page_section[section-name="mission_vision"] .section_content .inner{background-size:40% auto;}
	#page_about .page_section[section-name="mission_vision"] .section_content .list .item:nth-of-type(n+2){margin-top:7.5em;}
	#page_about .page_section[section-name="mission_vision"] .section_content .list .item .title{font-size:4.25em;}
	#page_about .page_section[section-name="mission_vision"] .section_content .list .item .desc{margin-top:1em;font-size:1.1em;}
}
@media all and (max-width:800px){
	#page_about .page_section[section-name="mission_vision"] .section_content .list .item:nth-of-type(n+2){margin-top:5em;}
}


#page_about .page_section[section-name="values"]{height:100vh;background-image:url(../img/page_values_bg.jpg);}
#page_about .page_section[section-name="values"] .inner{display:flex;flex-direction:column;justify-content:center;height:100%;}
#page_about .page_section[section-name="values"] .section_title{font-size:56px;font-weight:600;letter-spacing:0.05em;color:#fff;text-align:center;}
#page_about .page_section[section-name="values"] .section_title .title{margin:0 auto;}
#page_about .page_section[section-name="values"] .section_title .title:after{content:'';display:block;margin:70px auto;width:100px;height:1px;background-color:#fff;}
#page_about .page_section[section-name="values"] .section_content .list{display:flex;justify-content:space-between;}
#page_about .page_section[section-name="values"] .section_content .list .item{box-sizing:border-box;width:342px;padding:90px 50px;text-align:center;background:rgba(186,186,186,.5);border-radius:10px;}
#page_about .page_section[section-name="values"] .section_content .list .item .image{max-width:192px;margin:0 auto;}
#page_about .page_section[section-name="values"] .section_content .list .item .image img{width:100%;}
#page_about .page_section[section-name="values"] .section_content .list .item .desc{margin-top:80px;font-size:19px;letter-spacing:0.04em;color:#fff;}
@media all and (max-width:1600px){
	#page_about .page_section[section-name="values"] .section_title{font-size:2.8em;}
	#page_about .page_section[section-name="values"] .section_title .title:after{margin:1.25em auto;width:1.78em;}
	#page_about .page_section[section-name="values"] .section_content .list .item{width:17em;padding:4.5em 2.5em;border-radius:0.5em;}
	#page_about .page_section[section-name="values"] .section_content .list .item .image{max-width:9.6em;}
	#page_about .page_section[section-name="values"] .section_content .list .item .desc{margin-top:4em;font-size:0.95em;}
}
@media all and (max-width:1000px){
	#page_about .page_section[section-name="values"]{height:auto;padding:8em 0;}
	#page_about .page_section[section-name="values"] .section_content .list{flex-wrap:wrap;}
	#page_about .page_section[section-name="values"] .section_content .list .item{width:calc(50% - 0.5em);padding:3em 1em;}
	#page_about .page_section[section-name="values"] .section_content .list .item:last-of-type{width:100%;margin-top:1em;}

}


#page_about .page_section[section-name="company_logo"]{padding:150px 30px;background-image:url(../img/page_company_logo_bg.jpg);background-size:cover;}
#page_about .page_section[section-name="company_logo"] .section_title .title{margin:0;font-size:28px;font-weight:600;letter-spacing:0.1em;color:#fff;text-align:center;}
#page_about .page_section[section-name="company_logo"] .section_content{padding-top:100px;margin-top:100px;background-color:#fff;border-radius:30px;}
#page_about .page_section[section-name="company_logo"] .section_content .images{display:flex;justify-content:space-between;}
#page_about .page_section[section-name="company_logo"] .section_content .images .image{width:648px;margin:0 auto;}
#page_about .page_section[section-name="company_logo"] .section_content .images img{width:100%;}
#page_about .page_section[section-name="company_logo"] .section_content button{display:flex;align-items:center;margin:100px auto 50px;padding:20px 30px;background:#fff;border:solid 2px #2580A1;border-radius:20px;}
#page_about .page_section[section-name="company_logo"] .section_content button i{width:22px;}
#page_about .page_section[section-name="company_logo"] .section_content button i img{width:100%;}
#page_about .page_section[section-name="company_logo"] .section_content button a{display:block;text-decoration:none;}
#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:20px;margin:0 0 0 10px;letter-spacing:0.06em;font-weight:600;color:#2580A1;}
#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .inner{display:flex;justify-content:space-between;width:100%;}
#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box{padding:50px 0 70px;}
#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box:nth-of-type(2){width:470px;}
#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box .title{margin:0;font-size:20px;font-weight:300;color:#828282;}
#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box .image{margin-top:20px;max-width:100%;}
#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box .image img{max-width:100%;}
#page_about .page_section[section-name="company_logo"] .section_content .space_images{background-color:#FAFAFA;}
#page_about .page_section[section-name="company_logo"] .section_content .space_images .box:nth-of-type(1) .image{width:485px;}
#page_about .page_section[section-name="company_logo"] .section_content .space_images .box:nth-of-type(2) .image{width:397px;}
#page_about .page_section[section-name="company_logo"] .section_content .signature_images .box:nth-of-type(1) .image{width:585px;}
#page_about .page_section[section-name="company_logo"] .section_content .signature_images .box:nth-of-type(2) .image{width:470px;}

@media all and (max-width:1600px){
	#page_about .page_section[section-name="company_logo"]{padding:7.5em 1.5em;}
	#page_about .page_section[section-name="company_logo"] .section_title .title{font-size:1.4em;}
	#page_about .page_section[section-name="company_logo"] .section_content{padding-top:5em;margin-top:5em;}
	#page_about .page_section[section-name="company_logo"] .section_content .images .image{width:32.4em;max-width:90%;}
	#page_about .page_section[section-name="company_logo"] .section_content button{margin:8.33em auto 4.16em;padding:1.66em 2.5em;border-radius:1.66em;}
	#page_about .page_section[section-name="company_logo"] .section_content button i{width:1.83em;}
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:19px;margin:0 0 0 0.8em;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box{padding:2.5em 0 3.5em;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box:nth-of-type(2){width:23.5em;max-width:40%;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box .title{font-size:1em;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box .image{margin-top:1em;max-width:95%;}
	#page_about .page_section[section-name="company_logo"] .section_content .space_images .box:nth-of-type(1) .image{width:24.25em;}
	#page_about .page_section[section-name="company_logo"] .section_content .space_images .box:nth-of-type(2) .image{width:19.85em;}
	#page_about .page_section[section-name="company_logo"] .section_content .signature_images .box:nth-of-type(1) .image{width:29.25em;}
	#page_about .page_section[section-name="company_logo"] .section_content .signature_images .box:nth-of-type(2) .image{width:23.5em;}
}
@media all and (max-width:1400px){
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:18px;}
}
@media all and (max-width:1200px){
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:17px;}
}
@media all and (max-width:1000px){
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:16px;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box:nth-of-type(1){max-width:50%;}
}
@media all and (max-width:800px){
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:15px;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .inner{flex-wrap:wrap;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box{width:100%;text-align:center;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box:nth-of-type(1){max-width:100%;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box:nth-of-type(2){width:100%;max-width:100%;}
	#page_about .page_section[section-name="company_logo"] .section_content [class*="_images"] .box .image{margin:1em auto 0;}
}
@media all and (max-width:600px){
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:14px;}
}
@media all and (max-width:400px){
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:13px;}
}
@media all and (max-width:320px){
	#page_about .page_section[section-name="company_logo"] .section_content button .desc{font-size:12px;}
}