.content_wrap{ max-width:100% !important; padding:0 !important; }
.sub_content .btnArea{ height:0 !important; margin:0 !important; }
section .sub_con{ width:100%; margin:0 auto; }


#sub01{ position:relative; z-index:5; padding:120px 30px; position:relative; overflow:hidden; }
#sub01 .sub_con{ max-width:1260px; }
.sub01_pt_wrap{ display:flex; flex-flow:row wrap; }

.sub01_pt.pt_lf{ width:43.65079365079365%; padding-right:40px; }
/*.sub01_pt.pt_rt:before{ content:''; position:absolute; top:-120px; bottom:-120px; left:66.6666666667%; right:-3000px; opacity:0.1; }*/
.sub01_img_wrap{ position:relative; padding:0 0 40px 40px; }
.sub01_img_wrap:before{ content:''; position:absolute; bottom:0; left:0; border-top:150px solid transparent; border-right:150px solid transparent; opacity:0.15; }
.sub01_img{ position:relative; z-index:5; width:100%; padding-bottom:115.3191489361702%; background-color:#888; background-position:center; background-size:cover; background-repeat:no-repeat; }

.sub01_pt.pt_rt{ width:56.34920634920635%; position:relative; z-index:1; padding-left:40px; display:flex; align-items:center; justify-content:center; }
.sub01_txt{ width:100%; word-break:keep-all; }
.sub01_txt h1{ font-family:'swagger'; font-size:50px; font-weight:400; margin-bottom:30px; }
.sub01_txt h3{ font-style:italic; font-size:20px; font-weight:300; margin-bottom:10px; }
/*.sub01_txt h3:before{ content:''; width:50px; height:1px; position:absolute; top:18px; left:0; }*/
.sub01_txt p{ font-size:16px; font-weight:300; line-height:1.5em; }

.sub01_btn_wrap{ margin-top:30px; }
.sub01_btn_wrap a{ display:inline-block; margin-right:10px; margin-bottom:10px; }
.sub01_btn_wrap a:last-child{ margin-right:0; }
.sub01_btn_wrap a img{ max-width:210px; width:100%; height:100%; display:block; }


@media(max-width:800px){
	.sub01_pt.pt_lf, .sub01_pt.pt_rt{ width:100%; margin-bottom:50px; }
	.sub01_pt:last-child{ margin-bottom:0; }
	.sub01_pt.pt_lf{ padding-right:0; }
	.sub01_txt{ max-width:100%; }
	.sub01_pt.pt_rt{ padding-left:0; }
	.sub01_pt.pt_rt:before{ top:50%; bottom:-120px; left:-30px; right:-30px; }
}
@media(max-width:500px){
	.sub01_img_wrap{ padding:0 0 25px 25px; }
	.sub01_img_wrap:before{ border-top:100px solid transparent; border-right:100px solid transparent; opacity:0.15; }
}




#sub02{ position:relative; z-index:5; padding:100px 30px; background-position:center; background-size:cover; background-repeat:no-repeat; }
#sub02 .sub_con{ max-width:1430px; width:100%; }
.sub02_title_wrap{ max-width:800px; width:100%; margin:0 auto 70px; word-break:keep-all; text-align:center; }
.sub02_title_wrap h1{ font-family:'swagger'; font-size:60px; font-weight:400; }


.sub02_sli_wrap{ position:relative; width:100%; padding:0 85px; }
.sub02_sli_wrap.dest{ padding:0; }
.sub02_sli_wrap .swiper-wrapper{ padding:15px 0; }
.sub02_sli_wrap.dest #sub02_sli .swiper-wrapper{ justify-content:center; }
#sub02_sli .sub02_sli{ display:flex; height:auto; justify-content:center; }
.sub02_sli_wrap.dest #sub02_sli .sub02_sli{ max-width:420px; }
.sub02_sli_wrap.dest #sub02_sli .sub02_sli{ flex-shrink:1; }
.sub02_sli_box{ max-width:420px; width:100%; box-shadow:3px 3px 7px 0 rgba(0,0,0,0.4); transform:scale(0.85); transition-duration:0.5s; padding:20px; display:flex; background-color:#fff; }
.sub02_sli.swiper-slide-active .sub02_sli_box{ transform:scale(1); }
.sub02_sli_wrap.dest #sub02_sli .sub02_sli:hover .sub02_sli_box{ transform:scale(1); }
.sub02_sli_in{ width:100%; }
.sub02_img{ width:100%; padding-bottom:110.5263157894737%; background-color:#888; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sub02_slitxt{ padding:15px; word-break:keep-all; text-align:center; }
.sub02_sli_box:hover .sub02_slitxt{ color:#fff; }
.sub02_slitxt h3{ font-size:20px; font-weight:600; }
.sub02_sli_box:hover .sub02_slitxt h3{ color:#fff; }
.sub02_slitxt p{ font-size:15px; font-weight:300; margin-top:10px; }
.sub02_slitxt a{ margin-top:15px; display:inline-block; padding:7px 20px; font-size:16px; font-weight:500; color:#fff; border-radius:6px; }
.sub02_sli_box:hover .sub02_slitxt a{ background-color:#fff; }

.sub02_nav{ position:absolute; z-index:10; top:calc(50% - 25px); width:50px; height:50px; display:flex; align-items:center; justify-content:center; font-size:20px; cursor:pointer; }
.sub02_nav:first-child{ margin-right:15px; }
.sub02_nav:focus{ outline:none; }
.sub02_nav:hover{ color:#fff; }
.sub02_nav#sub02_prev{ left:0; }
.sub02_nav#sub02_next{ right:0; }

@media(max-width:1080px){
	.sub02_sli_box, .sub02_sli.swiper-slide-active .sub02_sli_box{ transform:scale(0.9); }
	.sub02_sli_box:hover, .sub02_sli.swiper-slide-active .sub02_sli_box:hover{ transform:scale(1); }
}
@media(max-width:991px){
	.sub02_sli_wrap{ padding:0 60px; }
	.sub02_sli_box{ padding:15px; }
}
@media(max-width:991px){
	.sub02_sli_wrap{ padding:0; }
	.sub02_sli_box{ padding:10px; }
	.sub02_nav{ background-color:#fff; }
}





#sub03{ position:relative; z-index:0; padding:130px 30px; overflow:hidden; }
.sub03_back{ content:''; position:fixed; z-index:-1; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; background-repeat:no-repeat; }
#sub03 .sub_con{ max-width:1260px; position:relative; z-index:10; }
.sub03_title_wrap{ max-width:900px; width:100%; margin:0 auto 100px; text-align:center; word-break:keep-all; }
.sub03_title_wrap h1{ font-family:'swagger'; font-size:50px; font-weight:400; margin-bottom:15px; }
.sub03_title_wrap p{ font-size:16px; font-weight:300; line-height:1.5em; }

.sub03_group{ margin-bottom:100px; }
.sub03_group:last-child{ margin-bottom:0; }

.sub03_pt_wrap{ display:flex; flex-flow:row wrap; }
.sub03_pt{ width:50%; }
.sub03_pt.pt_lf{ padding-right:30px; }
.sub03_pt.pt_lf .sub03_img_wrap{ position:relative; width:100%; padding:0 40px 40px 0; }
.sub03_pt.pt_lf .sub03_img_wrap:after{ content:''; position:absolute; z-index:0; bottom:0; right:0; width:82.5%; height:82.5%; }
.sub03_pt.pt_lf .sub03_img_wrap .sub03_img{ position:relative; z-index:1; width:100%; padding-bottom:100%; background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:3px 3px 8px 0 rgba(0,0,0,0.25); }

.sub03_pt.pt_rt{ padding-left:60px; display:flex; align-items:center; }
.sub03_pt.pt_rt .sub03_txt{ width:100%; word-break:keep-all; }
.sub03_pt.pt_rt .sub03_txt h3{ font-family:'swagger'; font-size:60px; font-weight:400; margin-bottom:20px; }
.sub03_pt.pt_rt .sub03_txt p{ font-size:18px; font-weight:300; line-height:1.5em; }
.sub03_pt.pt_rt .sub03_txt a{ display:inline-block; padding:10px 30px; font-size:20px; border-radius:10px; font-weight:400; color:#fff; transition-duration:0.4s; margin-top:20px; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.1); }
.sub03_pt.pt_rt .sub03_txt a:hover{ background-color:#fff; }

.sub03_pt2_wrap{ display:flex; flex-flow:row wrap; }
.sub03_pt2{ width:50%; }
.sub03_pt2.pt_lf{ padding-right:60px; display:flex; align-items:center; }
.sub03_pt2.pt_lf .sub03_txt{ width:100%; word-break:keep-all; }
.sub03_pt2.pt_lf .sub03_txt h3{ font-family:'swagger'; font-size:60px; font-weight:400; margin-bottom:20px; }
.sub03_pt2.pt_lf .sub03_txt p{ font-size:18px; font-weight:300; line-height:1.5em; }
.sub03_pt2.pt_lf .sub03_txt a{ display:inline-block; padding:10px 30px; font-size:20px; border-radius:10px; font-weight:400; color:#fff; transition-duration:0.4s; margin-top:20px; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.1); }
.sub03_pt2.pt_lf .sub03_txt a:hover{ background-color:#fff; }

.sub03_pt2.pt_rt{ padding-left:30px; }
.sub03_pt2.pt_rt .sub03_img_wrap{ position:relative; width:100%; padding:0 0 40px 40px; }
.sub03_pt2.pt_rt .sub03_img_wrap:after{ content:''; position:absolute; z-index:0; bottom:0; left:0; width:82.5%; height:82.5%; }
.sub03_pt2.pt_rt .sub03_img_wrap .sub03_img{ position:relative; z-index:1; width:100%; padding-bottom:100%; background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:-3px 3px 8px 0 rgba(0,0,0,0.25); }

@media(max-width:800px){
	.sub03_pt{ width:100%; }
	.sub03_pt.pt_lf{ padding-right:0; margin-bottom:40px; }
	.sub03_pt.pt_rt{ padding-left:0; }

	.sub03_pt2{ width:100%; }
	.sub03_pt2.pt_lf{ padding-right:0; }
	.sub03_pt2.pt_rt{ padding-left:0; order:-1; margin-bottom:40px; }
}
@media(max-width:500px){
	.sub03_pt.pt_lf .sub03_img_wrap{ padding:0 25px 25px 0; }
	.sub03_pt2.pt_rt .sub03_img_wrap{ padding:0 0 25px 25px; }
	.sub03_pt.pt_rt .sub03_txt h3, .sub03_pt2.pt_lf .sub03_txt h3{ font-size:45px; }
	.sub03_pt.pt_rt .sub03_txt p, .sub03_pt2.pt_lf .sub03_txt p{ font-size:16px; }
}



#sub04{ position:relative; z-index:5; padding:130px 0; background-position:50% 100%; background-size:cover; background-repeat:no-repeat; }
#sub04 .sub_con{ max-width:1260px; }
.sub04_pt_wrap{ display:flex; flex-flow:row wrap; }
.sub04_pt{  }

.sub04_pt.pt_lf{ width:57.14285714285714%; padding-right:40px; display:flex; align-items:center; }
.sub04_txt{ width:100%; }
.sub04_title_wrap{ word-break:keep-all; margin-bottom:40px; }
.sub04_title_wrap h1{ font-family:'swagger'; font-size:50px; font-weight:400; }
.sub04_title_wrap > div{ width:60px; height:1px; margin:20px 0; }

.sub04_acc{ margin-bottom:20px; word-break:keep-all; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.1); }
.sub04_acc:last-child{ margin-bottom:0; }
.sub04_acc h3{ position:relative; font-family:'swagger'; font-size:30px; font-weight:400; padding:15px 55px 15px 20px; cursor:pointer; }
.sub04_acc h3 i{ position:absolute; top:11px; right:10px; width:40px; height:40px; border-radius:100%; font-size:17px; display:flex; justify-content:center; align-items:center; transform:rotate(0deg); transition-duration:0.3s; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3); background-color:#fff; }
.sub04_acc.on h3 i{ transform:rotate(90deg); color:#fff; }

.sub04_acc_con{ display:none; padding:0px 20px 20px; font-size:16px; font-weight:300; }
.sub04_acc_con a{ display:inline-block; padding:10px 23px; font-size:17px; border-radius:10px; font-weight:400; color:#fff; transition-duration:0.4s; margin-top:20px; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.1); }

.sub04_pt.pt_rt{ width:42.85714285714286%;}
.sub04_img_wrap{ width:100%; position:relative; }
.sub04_img{ position:relative; z-index:10; width:100%; padding-bottom:118.5185185185185%; background-color:#888; box-shadow:3px 3px 8px 0 rgba(0,0,0,0.8); background-position:center; background-size:cover; background-repeat:no-repeat; }



@media(max-width:850px){
	.sub04_pt.pt_lf{ width:100%; margin-bottom:50px; }
	.sub04_pt.pt_rt{ width:100%;}
	.sub04_pt:last-child{ width:100%; margin-bottom:0; }
	.sub04_pt.pt_lf{ padding-right:0; overflow:hidden; }
	.sub04_txt{ max-width:100%; padding:0 30px; }
	.sub04_pt.pt_rt{ padding:0 30px; }
}




#sub05{ position:relative; z-index:5; padding:140px 30px; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden; }
#sub05 .sub_con{ max-width:1200px; }
.sub05_title_wrap{ position:relative; width:100%; margin:0 auto 60px; word-break:keep-all; padding-right:120px; }
.sub05_title_wrap.dest{ padding-right:0; }
.sub05_title_wrap h1{ font-family:'swagger'; font-size:50px; font-weight:400; margin-bottom:15px; }
.sub05_title_wrap p{ font-size:16px; font-weight:300; line-height:1.5em; }

.sub05_nav_wrap{ position:absolute; bottom:0; right:0; display:flex; }
.sub05_nav{ width:50px; height:50px; background-color:#fff; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1); display:flex; justify-content:center; align-items:center; cursor:pointer; font-size:23px; }
.sub05_nav:hover{ color:#fff; }
.sub05_nav:focus{ outline:none; }
#sub05_prev{ margin-right:10px; }

.sub05_sli_wrap{ position:relative; }
.sub05_sli a{ display:block; transition-duration:0.4s; }
.sub05_sli a img{ width:100%; height:auto; display:block; }

#sub05_sli.dest .swiper-wrapper{ width:calc(100% + 40px); margin:0 -20px; justify-content:center; }
#sub05_sli.dest .sub05_sli{ padding:0 20px; flex-shrink:1; width:auto; }

@media(max-width:600px){
	.sub05_title_wrap{ padding-right:0; padding-bottom:70px; }
	.sub05_title_wrap.dest{ padding-bottom:0; }
	.sub05_nav_wrap{ left:0; right:auto; }
}