.sub_wrap, .sub_wrap *{ box-sizing:border-box; }
.sub_sec > .sub_con{ max-width:1300px; width:100%; margin:0 auto; }

.sub_tt{ text-align:center; word-break:keep-all; margin-bottom:40px; }
.sub_tt > h2{ font-family:'score'; font-size:45px; font-weight:800; color:#333; line-height:0.85em; margin-bottom:10px; }
.sub_tt > p{ font-size:20px; font-weight:300; color:#777; }

.sub_tb{ max-width:1300px; margin:0 auto 80px; }
.sub_tb > ul{ margin:0 -5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.sub_tb > ul > li{ width:14.28571428571429%; padding:0 5px 10px; }
.sub_tb > ul > li > a{ display:block; width:100%; position:relative; z-index:2; text-align:center; border:1px solid #333; font-family:'score'; font-size:16px; font-weight:200; color:#333; padding:10px 10px; transition:0.4s color; }
.sub_tb > ul > li > a:hover, .sub_tb > ul > li.act > a{ color:#fff; }
.sub_tb > ul > li.act > a{ border:1px solid #0368eb; }
.sub_tb > ul > li > a:after{ content:''; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:3px; background-color:#333; transition:0.4s height; }
.sub_tb > ul > li.act > a:after{ background-color:#0368eb; }
.sub_tb > ul > li > a:hover:after, .sub_tb > ul > li.act > a:after{ height:100%; }
.sub_tb > ul > li > a > span{ position:relative; z-index:2; }

.sub_tb > select{ position:relative; z-index:1; display:none; width:100%; padding:10px; font-family:'score'; font-size:20px; font-weight:200; color:#fff; background-color:#333; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-image:url(./img/ar.svg); background-position:right 10px top 50%; background-repeat:no-repeat; }
.sub_tb > select > option{ font-size:16px; font-weight:200; }

@media(max-width:1050px){
	.sub_tb > ul > li{ width:25%; }
}
@media(max-width:700px){
	.sub_tb > ul{ display:none; }
	.sub_tb > select{ display:block; }
}
@media(max-width:650px){
	.sub_tt > p{ font-size:16px; }
}



/* sub01 */
.sub01_pt_wrap{ border-radius:10px; overflow:hidden; box-shadow:3px 3px 8px 0 rgba(0,0,0,0.25); background-color:#f9f9f9; margin:0 0 40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.sub01_pt{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.sub01_pt.pt_lf{ width:35%; }
.sub01_img{ width:100%; padding-top:75%; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sub01_img.img_01{ background-image:url(./img/01-01.jpg); }
.sub01_img.img_02{ background-image:url(./img/01-02.jpg); }
.sub01_img.img_03{ background-image:url(./img/01-03.jpg); }
.sub01_img.img_04{ background-image:url(./img/01-04.jpg); }
.sub01_img.img_05{ background-image:url(./img/01-05.jpg); }
.sub01_img.img_06{ background-image:url(./img/01-06.jpg); }
.sub01_img.img_07{ background-image:url(./img/01-07.jpg); }
.sub01_pt.pt_rt{ width:65%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.sub01_txt{ width:100%; padding:40px 30px; word-break:keep-all; }
.sub01_txt > h2{ font-family:'score'; font-size:28px; font-weight:600; color:#333; margin-bottom:10px; line-height:1em; }
.sub01_txt > p{ font-size:18px; font-weight:300; color:#666; line-height:1.6em; }
.sub01_txt > p > b{ color:#036eb8; }
.sub01_txt > a{ margin-top:20px; display:inline-block; padding:10px 20px; font-size:15px; font-weight:300; color:#fff; background-color:#bdaf7a; border-radius:5px; }
.sub01_txt > .sub01_btn_wrap{ overflow:hidden; margin-top:20px; }
.sub01_txt > .sub01_btn_wrap > a{ float:left; display:inline-block; display:inline-block; padding:10px 20px; font-size:15px; font-weight:300; color:#fff; background-color:#bdaf7a; border-radius:5px; margin-right:10px; }
.sub01_txt > .sub01_btn_wrap > h3{ float:left; display:inline-block; display:inline-block; padding:10px 20px; font-size:15px; font-weight:300; color:#fff; background-color:#bdaf7a; border-radius:5px; }

.sub01_con{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px dashed #aaa; word-break:keep-all; }
.sub01_con:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:none; }
.sub01_con > h3{ position:relative; z-index:1; padding-left:20px; font-family:'score'; font-size:25px; font-weight:500; color:#333; line-height:1.3em; margin-bottom:20px; }
.sub01_con > h3:before{ content:''; position:absolute; z-index:1; top:9px; /*margin-top:-5.5px;*/ left:0; width:11px; height:11px; border-radius:100%; background-color:#036eb8; box-sizing:border-box; }
.sub01_sh{ max-width:100%; border:1px solid #ddd; overflow:auto; }
.sub01_sh > table{ width:100%; min-width:700px; border-collapse:collapse; word-break:keep-all; }
.sub01_sh > table > thead > tr > th{ padding:10px 15px; background-color:#036eb8; font-family:'score'; font-size:18px; font-weight:400; color:#fff; border-right:1px solid #fff; }
.sub01_sh > table > thead > tr > th:last-child{ border-right:none; }
.sub01_sh > table > tbody > tr > th{ padding:10px 15px; background-color:#ecf7ff; font-size:15px; font-weight:500; color:#333; border-bottom:1px solid #ddd; }
.sub01_sh > table > tbody > tr > td{ padding:10px 15px; background-color:#fff; font-size:14px; font-weight:300; line-height:1.6em; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.sub01_sh > table > tbody > tr:last-child > th, .sub01_sh > table > tbody > tr:last-child > td{ border-bottom:none; }
.sub01_con > ul{ margin-top:20px; }
.sub01_con > ul > li{ position:relative; z-index:1; font-size:15px; font-weight:300; color:#444; padding-left:15px; }
.sub01_con > ul > li:last-child{ margin-bottom:0; }
.sub01_con > ul > li:before{ content:''; position:absolute; z-index:1; top:8px; left:0; width:6px; height:6px; border-radius:100%; background-color:#036eb8; box-sizing:border-box; }


@media(max-width:800px){
	.sub01_pt.pt_lf{ width:100%; }
	.sub01_img{ padding-top:56.25%; }
	.sub01_pt.pt_rt{ width:100%; }
}
@media(max-width:600px){
	.sub01_txt{ padding:30px 20px; }
	.sub01_txt > h2{ font-size:24px; }
	.sub01_txt > p{ font-size:15px; }

	.sub01_con > h3{ font-size:20px; padding-left:15px; }
	.sub01_con > h3:before{ width:8px; height:8px; top:6px; }
}




.sub01_txt2{ margin-bottom:40px; padding:40px; border-radius:15px; box-shadow:inset 3px 3px 5px 0 rgba(255,255,255,0.7), inset -3px -3px 5px 0 rgba(0,0,0,0.1), -3px -3px 5px 0 rgba(255,255,255,0.85), 10px 10px 30px 0 rgba(0,0,0,0.1); display:-webkit-box; display:-ms-flexbox; display:flex; }
.sub01_txt2{
	background: rgb(30,87,153);
	background: -moz-linear-gradient(-45deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1 );
}
.sub01_txt2 > h3{ min-width:204px; font-size:28px; font-weight:700; color:#333; padding-right:15px; margin-right:15px; border-right:1px dashed #aaa; line-height:1.2em; }
.sub01_txt2 > p{ font-size:18px; font-weight:300; color:#666; line-height:1.6em; }
.sub01_img_wrap{ margin:0 -10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.sub01_img_wrap > li{ width:33.33333333%; padding:0 10px; }
.sub01_img_wrap > li > img{ display:block; width:100%; height:auto; }

@media(max-width:700px){
	.sub01_txt2{ padding:30px; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	.sub01_txt2 > h3{ width:100%; padding-right:0; margin-right:0; border-right:none; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #aaa; font-size:24px; }
	.sub01_txt2 > p{ font-size:15px; }
}
@media(max-width:600px){
	.sub01_img_wrap > li{ width:100%; margin-bottom:20px; }
	.sub01_img_wrap > li:last-child{ margin-bottom:0; }
}