@charset "utf-8";

@media screen and (min-width:1420px){
	.sub_title {font-size:45px; color:#000; padding-bottom:40px; margin-bottom:40px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:50px 1px;}
	
	.sub_slogan {width:100%; text-align:center; color:#000; font-size:38px; line-height:50px; letter-spacing:-1px; font-weight:400; margin-bottom:50px;}
	.sub_slogan i {color:#ccc; font-size:22px; display:block;}
	.sub_slogan span {display:block;}

	.sub_01_01 {width:100%; overflow:hidden;}
	.sub_01_01 .text {float:left; width:calc(100% - 570px); padding-bottom:80px;}
	.sub_01_01 .img {float:right; width:520px; height:580px; margin-left:50px; background:url('/sub/img/img_01_01.png')center bottom no-repeat;}

	.sub_01_01 .text p {font-size:23px; color:#000; font-weight:400; padding-top:40px;}
	.sub_01_01 .text p b {font-weight:700;}

	.bg_01_01 {width:100%; height:450px; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover; background-attachment:fixed;}

	.sub_01_02_a {width:100%; overflow:hidden; margin-top:50px;}
	.sub_01_02_a li {float:left; width:20%; text-align:center; padding:0 20px; background:url('/sub/img/bg_01_02_a.png')center top 90px no-repeat;}
	.sub_01_02_a .img {width:100%; text-align:center;}
	.sub_01_02_a .text {color:#000; font-size:19px; margin-top:10px;}
	.sub_01_02_a .text p {font-size:14px; color:#aaa;}

	.sub_01_02_b {width:100%; overflow:hidden; margin-top:50px;}
	.sub_01_02_b li {float:left; width:30%; margin-right:5%; border:1px solid #ddd;}
	.sub_01_02_b li:nth-child(3) {margin-right:0;}
	.sub_01_02_b .img {width:100%; height:220px; background-color:#fafafa;}
	.sub_01_02_b .text {padding:40px; border-top:1px solid #efefef;}
	.sub_01_02_b .text p {color:#000; font-size:25px; padding-bottom:20px;}

	.bg_01_02 {width:100%; padding:80px 0; background:url('/sub/img/bg_01_02.jpg')center no-repeat; background-size:cover; background-attachment:fixed;}

	.main-tit {overflow: hidden;margin-bottom: 18px;}
	.main-tit h2 {font-size:40px;line-height: 1.4;}
	.img-desc-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
	.istu-content {float: left;width:48%;margin-right:4%;}
	.istu-content:nth-child(2n) {margin-right:0;}
	.istu-content .guide-div .txt {width:75%; overflow:hidden; padding-top:28px; word-break:keep-all;}
	.istu-content .guide-div .txt .title {font-size:24px;color:#555;}
	.istu-content .guide-div .txt p {color:#626262; font-size:17px; line-height:1.438em; margin-top:13px;}
	.istu-content .guide-div .img img {display: block;width: 90%;}
	.istu-content .guide-div .go-detail {/*background-color:#ccc; opacity:.6;*/ display:block; position:absolute; left:0; top:0; height:100%; width:100%;}
	.istu-content .swiper-slide {transition-duration:1s !important; height:100%;}

}

@media screen and (min-width:1024px) and (max-width:1419px){
	.sub_title {font-size:45px; color:#000; padding-bottom:40px; margin-bottom:40px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:50px 1px;}

	.sub_slogan {width:100%; text-align:center; color:#000; font-size:38px; line-height:50px; letter-spacing:-1px; font-weight:400; margin-bottom:50px; white-space:normal; word-break:keep-all; }
	.sub_slogan i {color:#ccc; font-size:22px; display:block;}
	.sub_slogan span {display:block;}

	.sub_01_01 {width:100%; overflow:hidden;}
	.sub_01_01 .text {float:left; width:calc(100% - 570px); padding-bottom:80px;}
	.sub_01_01 .img {float:right; width:520px; height:580px; margin-left:50px; background:url('/sub/img/img_01_01.png')center bottom no-repeat;}

	.sub_01_01 .text p {font-size:23px; color:#000; font-weight:400; padding-top:40px;}
	.sub_01_01 .text p b {font-weight:700;}

	.bg_01_01 {width:100%; height:450px; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover; background-attachment:fixed;}

	.sub_01_02_a {width:100%; overflow:hidden; margin-top:50px;}
	.sub_01_02_a li {float:left; width:33.3333%; text-align:center; padding:0 20px; background:url('/sub/img/bg_01_02_b.png')center top 90px no-repeat;}
	.sub_01_02_a .img {width:100%; text-align:center;}
	.sub_01_02_a .text {margin-top:10px;}
	.sub_01_02_a .text p {color:#000; font-size:20px;}

	.sub_01_02_b {width:100%; overflow:hidden; margin-top:50px;}
	.sub_01_02_b li {float:left; width:30%; margin-right:5%; border:1px solid #ddd;}
	.sub_01_02_b li:nth-child(3) {margin-right:0;}
	.sub_01_02_b .img {width:100%; height:220px; background-color:#fafafa;}
	.sub_01_02_b .text {padding:35px; height:310px; border-top:1px solid #efefef;}
	.sub_01_02_b .text p {color:#000; font-size:25px; padding-bottom:20px;}

	.bg_01_02 {width:100%; padding:80px 0; background:url('/sub/img/bg_01_02.jpg')center no-repeat; background-size:cover; background-attachment:fixed;}

	.main-tit {overflow: hidden;margin-bottom: 18px;}
	.main-tit h2 {font-size:40px;line-height: 1.4;}
	.img-desc-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
	.istu-content {float: left;width:50%;margin:0 auto; margin-bottom:30px;}
	.istu-content:nth-child(2n) {margin-right:0;}
	.istu-content .guide-div .txt {width:75%; overflow:hidden; padding-top:28px; word-break:keep-all;}
	.istu-content .guide-div .txt .title {font-size:24px;color:#555;}
	.istu-content .guide-div .txt p {color:#626262; font-size:17px; line-height:1.438em; margin-top:13px;}
	.istu-content .guide-div .img img {display: block;width: 90%;}
	.istu-content .guide-div .go-detail {/*background-color:#ccc; opacity:.6;*/ display:block; position:absolute; left:0; top:0; height:100%; width:100%;}
	.istu-content .swiper-slide {transition-duration:1s !important; height:100%;}
}

@media screen and (max-width:1023px){
	.sub_title {font-size:27px; color:#000; padding-bottom:20px; margin-bottom:20px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:40px 1px;}

	.sub_slogan {width:100%; text-align:center; color:#000; font-size:22px; line-height:30px; letter-spacing:-1px; font-weight:400; margin-bottom:25px; white-space:normal; word-break:keep-all; }
	.sub_slogan i {color:#ccc; font-size:15px; display:block;}
	.sub_slogan span {display:block;}

	.sub_01_01 {width:100%; overflow:hidden;}
	.sub_01_01 .text {width:100%;}
	.sub_01_01 .img {width:100%; height:280px; margin-top:50px; margin-bottom:50px; text-align:center; background:url('/sub/img/img_01_01.png')center bottom no-repeat; background-size:291px 280px;}

	.sub_01_01 .text p {font-size:19px; color:#000; font-weight:400; }
	.sub_01_01 .text p b {font-weight:700;}

	.bg_01_01 {width:100%; height:200px; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover;}

	.sub_01_02_a {width:100%; overflow:hidden; margin-top:30px;}
	.sub_01_02_a li {float:left; width:50%;  text-align:center; padding:0 20px 40px 20px; background:url('/sub/img/bg_01_02_a.png')center top 40px no-repeat;}
	.sub_01_02_a .img {width:100%; text-align:center;}
	.sub_01_02_a .img img {width:100px;}
	.sub_01_02_a .text {margin-top:10px;}
	.sub_01_02_a .text p {color:#000; font-size:19px; padding-bottom:15px;}

	.sub_01_02_b {width:100%; overflow:hidden; margin-top:30px;}
	.sub_01_02_b li {float:left; width:100%; margin-bottom:4%; border:1px solid #ddd;}
	.sub_01_02_b li:nth-child(3) {margin-right:0;}
	.sub_01_02_b .img {width:100%; height:150px; background-color:#fafafa;}
	.sub_01_02_b .text {padding:30px; overflow:hidden; border-top:1px solid #efefef;}
	.sub_01_02_b .text p {color:#000; font-size:20px; padding-bottom:15px;}

	.bg_01_02 {width:100%; padding:45px 20px; background:url('/sub/img/bg_01_02.jpg')center no-repeat; background-size:cover;}
	.bg_01_02 img {width:100%;}


	.main-tit {overflow: hidden;margin-bottom: 18px;}
	.main-tit h2 {font-size:30px;line-height: 1.4;}
	.img-desc-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
	.istu-content {width:90%;margin-bottom:50px;}
	.istu-content:nth-child(2n) {margin-right:0;}
	.istu-content .guide-div .txt {width:100%; overflow:hidden; padding-top:28px; word-break:keep-all;}
	.istu-content .guide-div .txt .title {font-size:20px;color:#555;margin-bottom:0;}
	.istu-content .guide-div .txt p {color:#626262; font-size:17px; line-height:1.438em; margin-top:13px;}
	.istu-content .guide-div .img img {display: block;width: 100%;}
	.istu-content .guide-div .go-detail {/*background-color:#ccc; opacity:.6;*/ display:block; position:absolute; left:0; top:0; height:100%; width:100%;}
	.istu-content .swiper-slide {transition-duration:1s !important; height:100%;}
}