.sub_top{background-image: url("../img/ns01_01.jpg");height: 440px;}
.sub_top_txt p{color: #afabac;}
.sub_top .sub_top_txt h1{color: #fff;font-size: 48px;}
.sub_top br{display:none;}
.sub_top .sub_top_txt .p1{ font-size: 24px;color: #fff;letter-spacing: -1px; margin-bottom: 13px;}

h1,h2,p{text-align: center;}
.p_23{font-size: 23px;line-height: normal;}
.p_28{font-size: 28px;line-height: normal;}
.p_22{font-size: 22px;line-height: normal;}
.p_21{font-size: 21px;line-height: normal;}
.p_20{font-size: 20px;line-height: normal;}
.p_24{font-size: 24px;line-height: normal;}
.m_img{display: none !important;}

.section1 p{color: #323232;}
hr{width: 79px;height: 1px;color: #000;margin: 30px auto;}

.section_div > section{padding: 50px;}
.section2{background-repeat: no-repeat;background-position: 100% 0;background-size:cover;}
.section2 ul{text-align: center;margin-top: 20px;}
.section2 li{display: inline-block;width: 200px;height: 200px;border-radius:50%;overflow: hidden;vertical-align: top;}
.section2 .li2{margin: 0 90px;}
.section2 li *{text-align: center;}
.section2 li h4,.section2 li p{display: table;width: 100%;height: 100%;}
.section2 li h4 span{display: table-cell;vertical-align: middle;color: #fff;}
.section2 li p span{display: table-cell;vertical-align: middle;color: #323232;}
.section2 li .d1{height: 70px;padding-top: 10px;}
.section2 li .d2{background: #fff;height: 130px;}
.section2 .li1 .d1{background: #184353;}
.section2 .li2 .d1{background: #1b4668;}
.section2 .li3 .d1{background: #114978;}


.section2_n{background-repeat: no-repeat;background-position: 100% 0;background-size:cover;}
.section2_n ul{text-align: center;margin-top: 20px;}
.section2_n li{display: inline-block;width: 200px;height: 200px;border-radius:50%;overflow: hidden;vertical-align: top;margin-right: 30px;}
.section2_n .li4{margin-right: 0;}
.section2_n li *{text-align: center;}
.section2_n li h4,.section2_n li p{display: table;width: 100%;height: 100%;}
.section2_n li h4 span{display: table-cell;vertical-align: middle;color: #fff;}
.section2_n li p span{display: table-cell;vertical-align: middle;color: #323232;}
.section2_n li .d1{height: 70px;padding-top: 10px;}
.section2_n li .d2{background: #fff;height: 130px;}
.section2_n .li1 .d1{background: #184353;}
.section2_n .li2 .d1{background: #1b4668;}
.section2_n .li3 .d1{background: #114978;}
.section2_n .li4 .d1{background: #16578f;}
.section2_n .li00{display: none;width: 100%;height: 0;margin-right: 0;}


.section4{background-repeat: no-repeat;position: relative;background-size:cover;}
.section4 .img1{position: absolute;width: 91px;top: 0;left: 50%;margin-left: -45.5px;}
.section4 ul{margin-top: 30px;}
.section4 li{width: 50%;padding: 0 20px 20px 20px;}
.section4 li h3{padding: 10px 20px;display: inline-block;border-radius:50px;margin-bottom: 30px;}
.section4 .li1 h3{background: #c8d5de;}
.section4 .li2 h3{background: #c1d2ec;}
.section4 *{text-align: center;color: #323232;}
.section4 .li2{border-left: 1px solid #c6c7c9;}

.section_div > .section5{padding: 50px 50px 50px 0;background-repeat: no-repeat;background-position: 100% 100%;background-size:cover;}
.section5 h1{color: #fff;}
.section5 hr{color: #fff;}
.section5 .pc_img{margin: 70px auto 0 0;}

.section6 *{color: #323232;text-align: center;}
.section6 h2{margin-bottom: 30px;}
.section6 .h4_1{color: #385a8a;margin-bottom: 25px;}
.section6 h3{color: #de4813;margin-bottom: 60px;}
.section6 h3 span{color: #d98b0d;}

.section6 ul{max-width: 938px;margin: 0 auto;}
.section6 li{width: 50%;position: relative;}
.section6 .li1{z-index: 0;margin-right: -15px;margin-left: 15px;}
.section6 .li2{z-index: 1;margin-left: -15px;margin-top: 30px;
	-webkit-box-shadow: 5px 5px 24px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 24px 0px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 24px 0px rgba(0,0,0,0.25);
}


.sec2 hr,.sec2 h1{color: #fff;}
.sec2 *{text-align: center;}
.sec2 ul{max-width: 984px;margin: 0 auto;}
.sec2 .d1{background: #4f77bc;}
.sec2 .d1 h3{height:50px; line-height: 53px;color: #fff;}
.sec2 div p{color: #323232;}
.sec2 li{margin-top: 20px;background-color: #fff;}
.sec2 .bold{font-weight: bold;}
.sec2 .li1 .s{width: auto;height: 110px;display: inline-block;vertical-align: top;position: relative;padding: 10px 20px;
border: 6px solid #9eb9ca;border-radius:20px;}
.sec2 .li1 .s h4{position: absolute;top: -16px;left: 50%;height: 23px;line-height: 23px;background: #fff;}
.sec2 .li1 .s1 h4{width: 82px; margin-left: -41px;}
.sec2 .li1 .s2 h4{width: 50px;margin-left: -25px;}
.sec2 .li1 .s span{display: table;width: 100%;height: 100%;}
.sec2 .li1 .s span p{display: table-cell;vertical-align: middle;}
.sec2 .li1 .p_18{margin-bottom: 35px;}
.sec2 .li1 .d2{background-repeat: no-repeat;background-position: 100% 0;}
.sec2 li .d2{padding: 30px 20px;}
.sec2 .li1 .span{display: block;max-width: 610px;}

.sec2 .li2{width: 48.5%;margin-right: 3%;}
.sec2 .li3{width: 48.5%;}
.sec2 .li2 .d2{height: 236px;padding: 20px;}
.sec2 .li3 .d2{height: 236px;padding: 20px;}
.sec2 .li2 .s{width: 180px;height: 110px;display: inline-block;vertical-align: middle;background: #c9f3ff;border-radius:50%;}
.sec2 .li2 .s0{width: 25px;height: 25px;line-height: 25px;font-weight: bold;background: none;font-size: 40px;color: #323232;}
.sec2 .li2 .s .in{display: table;height: 100%;width: 100%;}
.sec2 .li2 .s .in p{display: table-cell;vertical-align: middle;font-size: 14px;}
.sec2 .li2 .s .in p span{font-weight: bold;}
.sec2 .li2 .p_18{margin-bottom: 10px;}
.sec2 .li3 .p_18{margin-bottom: 30px;}


.sec2 .li4 .d2{background-repeat: no-repeat;background-position: 0 0;}
.sec2 .li4 p{text-align: left;padding-left: 30%;}


.sec3 *{text-align: center;}
.sec3 h4{max-width: 555px;margin: 0 auto 10px auto;color: #6987ab;padding: 10px 20px;border: 2px solid #e5e5e5;border-radius:100px;}
.sec3 .h4_2{margin-top: 30px;}
.sec3 p{max-width: 700px;margin: 0 auto;}
.sec3 .p1{margin-bottom: 20px;}


.section_div > .youtube_wrap{padding: 20px;}

@media only screen and (max-width: 1023px) {
	.section_div > section{padding: 20px;}
	.section_div > .section4{padding: 50px 20px 20px 20px;}
	
	
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	.p_20{font-size: 18px;}
	.p_22{font-size: 18px;}
	.p_23{font-size: 19px;}
	.p_24{font-size: 19px;}
	
	.section2 .li2{margin: 0 10px;}
	.section2 li p{font-size: 14px;line-height: normal;}
	.section2 li p br{display: block;}
	.section2 li{width: 170px;height: 170px;}
	.section2 li .d1{height: 60px;padding-top: 10px;}
	.section2 li .d2{height: 110px;}
	
	
	.section2_n .li4{margin-right: 0;}
	.section2_n li h4{font-size: 15px;}
	.section2_n li p{font-size: 12px;line-height: normal;}
	.section2_n li p br{display: block;}
	.section2_n li{width: 130px;height: 130px;margin-right: 10px;}
	.section2_n li .d1{height: 45px;padding-top: 10px;}
	.section2_n li .d2{height: 85px;}
	
	
	.section_div > .section5{padding: 20px 20px 20px 0;}
	.section5 .pc_img{margin: 40px auto 0 0;}
	
	.section6 h3{margin-bottom: 30px;}
	
	.sec2 .li2 .s .in p{font-size: 12px;line-height: normal;}
	.sec2 .li2 .s .in p br,
	.sec2 li .d2 .p_18 br{display: block;}
	.sec2 .li1 .d2 p br{display: block;}
	.sec2 .li2 .s{width: 130px;height: 100px;}
	.sec2 .li2 .s0{width: 20px;height: 20px;font-size: 30px;line-height: 20px;line-height: 20px;}
	
	.sec2 li .d2{padding:20px;}
	.sec2 .li1 .d2{background-size: 40%;background-position: 100% 100%;}
	.sec2 .li1 .span{max-width: 450px;}
	
	
}

@media only screen and (max-width: 768px) {
	
	
	.sec2 .li2 .d2,.sec2 .li3 .d2,
	.sec2 .li4 .d2{background-size:cover;height: auto; }
	.sec2 .li4 p{text-align: left;padding-left: 0;}
	
	.sec2 .li2{width: 100%;margin-right: 0;}
	.sec2 .li3{width: 100%;}
	
	
}


@media only screen and (max-width: 640px) {
	.pc_img{display: none !important;}
	.m_img{display: block !important;}
	
	.section2 .li2{margin: 0 5px;}
	.section2 li h4{font-size: 13px;}
	.section2 li p{font-size: 10px;}
	.section2 li p br{display: block;}
	.section2 li{width: 100px;height: 100px;}
	.section2 li .d1{height: 30px;padding-top: 7px;}
	.section2 li .d2{height: 70px;}
	
/* 	.section2_n .li2{margin: 0 5px;} */
/* 	.section2_n li h4{font-size: 13px;} */
/* 	.section2_n li p{font-size: 10px;} */
	.section2_n .li2 {margin-right: 0;margin-bottom: 10px;}
	.section2_n .li1{margin-bottom: 10px;}
	.section2_n .li00{display: block;}
	.section2_n li p br{display: block;}
/* 	.section2_n li{width: 100px;height: 100px;} */
/* 	.section2_n li .d1{height: 30px;padding-top: 7px;} */
/* 	.section2_n li .d2{height: 70px;} */
	
	
	.section4 li{width: 100%;padding: 0 20px 20px 20px;float: none;display: block;}
	.section4 .li2{border-top: 1px solid #c6c7c9;border-left: none;padding:20px;}
	
	.section_div > .section5{background-image:url("../img/ns01_m04.jpg") !important;background-position: 0 100%; padding: 20px;}
	
	.section6 li{float: none;width: 100%;max-width: 469px;margin: 0 auto;}
	.section6 .li1{z-index: 0;margin-right: auto;margin-left: auto;}
	.section6 .li2{z-index: 1;margin-left: auto;margin-top: 0;}
	
	
	.sec2 li .d2 .p_18 br{display: none;}
	
	
	.sec2 .li1 .span{margin: 0 auto;}
	.sec2 .li1 .d2{background-image: none !important;}	
	.sec2 .li1 .s{display: block;}
	.sec2 .li1 .s1{margin-bottom: 30px;}
	
}



