@charset "utf-8";

@media all and (min-width: 1320px) {
	.sub_title {font-size:45px; line-height:60px; color:#000; padding-bottom:60px; margin-bottom:40px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:1px 35px;}
	.sub_title p {font-size:25px; color:#aaa;}
	 
	.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;}
	
	.sign {text-align:right; font-size:22px; color:#000; line-height:35px; padding-top:30px;}
	.sign b {display:block; font-weight:900;}
	
	.bg_01_01 {width:100%; overflow:hidden;background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover; background-attachment:fixed;}
	.bg_01_01 table {width:100%; border-top:3px solid #0771b9;}
	.bg_01_01 th {padding:12px 20px; text-align:center; background-color:rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.4); color:#fff; font-size:16px;}
	.bg_01_01 td {padding:12px 20px; text-align:left; border-bottom:1px solid rgba(255,255,255,.4); color:#fff; font-size:16px;}
	
	.img_02_01 {width:100%; padding:50px 0; margin-bottom:100px; overflow:hidden; background:url('/sub/img/bg_02_01_line.png')center no-repeat;}	

	.sub_02_01 {width:100%; overflow:hidden;}
	.sub_02_01 li {width:100%; overflow:hidden;}
	.sub_02_01 .text h4 {color:#000; font-size:35px; padding:20px 0 30px 0; margin-bottom:30px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:30px 1px;}
	.sub_02_01 .left .text {float:left; width:calc(100% - 630px); white-space:normal; word-break:keep-all; }
	.sub_02_01 .left .img {float:left; width:550px; height:300px; background-color:#ddd; margin-left:80px;}
	.sub_02_01 .right .text {float:right; width:calc(100% - 630px); white-space:normal; word-break:keep-all; }
	.sub_02_01 .right .img {float:right; width:550px; height:300px; background-color:#ddd; margin-right:80px;}
	
	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {float:left; width:230px; margin-right:50px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:35px 1px; padding-bottom:25px; color:#000; font-size:27px; line-height:35px; letter-spacing:-1px; text-align:left;}
	.sub_sec .title span {font-size:17px; line-height:28px; display:block; padding-top:12px;}
	.sub_sec .con {float:left; width:calc(100% - 280px);}

	.sub_sec .term {width:100%; overflow:hidden;}
	.sub_sec .term h2 {color:#000; padding-bottom:20px; font-size:18px;}
	.sub_sec .term ul {width:100%; overflow:hidden;}
	.sub_sec .term li {width:100%; overflow:hidden; padding-bottom:10px; margin-bottom:10px; padding-left:15px; background:url('/sub/img/bg_sub_title.jpg')left top 14px no-repeat; background-size:5px 5px;  border-bottom:1px dotted #ddd;}
	.sub_sec .term span{width:100%; overflow:hidden; padding-bottom:10px; margin-bottom:10px; padding-left:15px; background:url('/sub/img/bg_sub_title.jpg')left top 14px no-repeat; background-size:5px 5px;  border-bottom:1px dotted #ddd;}

	.sub_sec table {width:100%; border-top:3px solid #0771b9; border-left:1px solid rgba(0,0,0,.1);}
	.sub_sec th {padding:12px 20px; text-align:center; background-color:#fafafa; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); color:#000; font-size:16px;}
	.sub_sec td {padding:12px 20px; text-align:left; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); color:#777; font-size:16px;}
	.sub_sec .subj {color:#0771b9; text-align:center; font-weight:500;}
	
	.sub_sec .gall {width:100%; overflow:hidden; padding:30px 0;}
	.sub_sec .gall li {float:left; border:1px solid #ddd;}
	.sub_sec .s_03 li {float:left; width:32%; margin-right:2%;}
	.sub_sec .s_03 li:nth-child(3) {margin-right:0;}
	.sub_sec .s_04 li {float:left; width:49%; margin-right:2%; margin-bottom:2%;}
	.sub_sec .s_04 li:nth-child(2n) {margin-right:0;}
	.sub_sec .gall .text {width:100%; height:100px; background-color:#fafafa; border-top:1px solid #e5e5e5; text-align:center; display:table; }
	.sub_sec .gall .text p {display:table-cell; vertical-align:middle; text-align:center; color:#000; line-height:25px;}
	.sub_sec .gall .etc {color:#aaa; width:100%; overflow:hidden; padding-top:30px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:60px; padding-bottom:60px;}
	.margin_bottom {padding-bottom:50px;}

	.coming {text-align:center; color:#aaa; font-size:22px; padding-top:50px;}
	.coming h2 {color:#000; font-size:40px; font-weight:300; letter-spacing:-1px; padding-bottom:30px;}

	.img_02_04 {width:100%; overflow:hidden;}

	
}



@media all and (min-width: 1024px) and (max-width: 1319px) {
	.sub_title {font-size:45px; line-height:60px; color:#000; padding-bottom:60px; margin-bottom:40px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:1px 35px;}
	.sub_title p {font-size:25px; color:#aaa;}

	.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;}

	.sign {text-align:right; font-size:22px; color:#000; line-height:35px; padding-top:30px;}
	.sign b {display:block; font-weight:900;}
	
	.bg_01_01 {width:100%; overflow:hidden;background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover; background-attachment:fixed;}
	.bg_01_01 table {width:100%; border-top:3px solid #0771b9;}
	.bg_01_01 th {padding:12px 20px; text-align:center; background-color:rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.4); color:#fff; font-size:16px;}
	.bg_01_01 td {padding:12px 20px; text-align:left; border-bottom:1px solid rgba(255,255,255,.4); color:#fff; font-size:16px;}
	
	.img_02_01 {width:100%; padding:50px 0; margin-bottom:100px; overflow:hidden; background:url('/sub/img/bg_02_01_line.png')center no-repeat;}

	.sub_02_01 {width:100%; overflow:hidden;}
	.sub_02_01 li {width:100%; overflow:hidden;}
	.sub_02_01 .text h4 {color:#000; font-size:35px; padding:20px 0 30px 0; margin-bottom:30px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:30px 1px;}
	.sub_02_01 .left .text {float:left; width:calc(100% - 500px); white-space:normal; word-break:keep-all; }
	.sub_02_01 .left .img {float:left; width:450px; height:300px; background-color:#ddd; margin-left:50px;}
	.sub_02_01 .right .text {float:right; width:calc(100% - 500px); white-space:normal; word-break:keep-all; }
	.sub_02_01 .right .img {float:right; width:450px; height:300px; background-color:#ddd; margin-right:50px;}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {width:100%; margin-bottom:50px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:35px 1px; padding-bottom:25px; color:#000; font-size:27px; line-height:35px; letter-spacing:-1px; text-align:left;}
	.sub_sec .title span {font-size:17px; line-height:28px; display:block; padding-top:12px;}
	.sub_sec .con {width:100%;}

	.sub_sec table {width:100%; border-top:3px solid #0771b9; border-left:1px solid rgba(0,0,0,.1);}
	.sub_sec th {padding:12px 20px; text-align:center; background-color:#fafafa; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); color:#000; font-size:16px;}
	.sub_sec td {padding:12px 20px; text-align:left; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); color:#777; font-size:16px;}
	.sub_sec .subj {color:#0771b9; text-align:center; font-weight:500;}

	.sub_sec .term {width:100%; overflow:hidden;}
	.sub_sec .term h2 {color:#000; padding-bottom:20px; font-size:18px;}
	.sub_sec .term ul {width:100%; overflow:hidden;}
	.sub_sec .term li {width:100%; overflow:hidden; padding-bottom:10px; margin-bottom:10px; padding-left:15px; background:url('/sub/img/bg_sub_title.jpg')left top 14px no-repeat; background-size:5px 5px;  border-bottom:1px dotted #ddd;}

	.sub_sec .gall {width:100%; overflow:hidden;}
	.sub_sec .gall li {float:left; border:1px solid #ddd;}
	.sub_sec .s_03 li {float:left; width:32%; margin-right:2%;}
	.sub_sec .s_03 li:nth-child(3) {margin-right:0;}
	.sub_sec .s_04 li {float:left; width:23.5%; margin-right:2%;}
	.sub_sec .s_04 li:nth-child(4) {margin-right:0;}
	.sub_sec .gall .text {width:100%; height:100px; background-color:#fafafa; border-top:1px solid #e5e5e5; text-align:center; display:table; }
	.sub_sec .gall .text p {display:table-cell; vertical-align:middle; text-align:center; color:#000; line-height:25px;}
	.sub_sec .gall .etc {color:#aaa; width:100%; overflow:hidden; padding-top:30px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:60px; padding-bottom:60px;}
	.margin_bottom {padding-bottom:40px;}

	.coming {text-align:center; color:#aaa; font-size:22px; padding-top:50px;}
	.coming h2 {color:#000; font-size:40px; font-weight:300; letter-spacing:-1px; padding-bottom:30px;}

	.img_02_04 {width:100%; overflow:hidden; text-align:center;}
	.img_02_04 img {width:700px;}
}


@media all and (max-width: 1023px) {
	.sub_title {font-size:25px; line-height:32px; color:#000; padding-bottom:35px; margin-bottom:20px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:1px 20px;}
	.sub_title p {font-size:17px; color:#aaa;}

	.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 {margin:0 2px;}

	.sign {text-align:right; font-size:16px; color:#000; line-height:25px; padding-top:20px;}
	.sign b {display:block; font-weight:900;}
	
	.bg_01_01 {width:100%; overflow:hidden;background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover;}
	.bg_01_01 table {width:100%; border-top:3px solid #0771b9;}
	.bg_01_01 th {padding:8px 15px; text-align:center; background-color:rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.4); color:#fff; font-size:13px; line-height:20px;}
	.bg_01_01 td {padding:8px 15px; text-align:left; border-bottom:1px solid rgba(255,255,255,.4); color:#fff; font-size:13px; line-height:20px;}
	
	.img_02_01 {width:100%; padding:30px 0; margin-bottom:50px; overflow:hidden; background:url('/sub/img/bg_02_01_line.png')center no-repeat;}
	.img_02_01 img {width:100%;}

	.sub_02_01 {width:100%; overflow:hidden;}
	.sub_02_01 li {width:100%; overflow:hidden;}
	.sub_02_01 .text h4 {color:#000; font-size:18px; padding:10px 0 15px 0; margin-bottom:15px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:15px 1px;}
	.sub_02_01 .text {width:100%; white-space:normal; word-break:keep-all; }
	.sub_02_01 .img {width:100%; height:200px; background-color:#ddd; margin-top:25px;}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {width:100%; margin-bottom:20px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:20px 1px; padding-bottom:12px; color:#000; font-size:20px; line-height:30px; letter-spacing:-1px; text-align:left;}
	.sub_sec .title span {font-size:13px; line-height:18px; display:block; padding-top:8px;}
	.sub_sec .con {width:100%;}

	.sub_sec .term {width:100%; overflow:hidden;}
	.sub_sec .term h2 {color:#000; padding-bottom:15px; font-size:15px;}
	.sub_sec .term ul {width:100%; overflow:hidden;}
	.sub_sec .term li {width:100%; overflow:hidden; padding-bottom:7px; margin-bottom:7px; padding-left:12px; background:url('/sub/img/bg_sub_title.jpg')left top 10px no-repeat; background-size:3px 3px;  border-bottom:1px dotted #ddd;}

	.sub_sec table {width:100%; border-top:3px solid #0771b9; border-left:1px solid rgba(0,0,0,.1);}
	.sub_sec th {padding:8px 15px; text-align:center; background-color:#fafafa; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); color:#000; font-size:13px;}
	.sub_sec td {padding:8px 15px; text-align:left; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); color:#777; font-size:13px;}
	.sub_sec .subj {color:#0771b9; text-align:center; font-weight:500;}

	.sub_sec .gall {width:100%; overflow:hidden; margin-top:10px;}
	.sub_sec .gall li {width:100%; margin-bottom:2%; border:1px solid #ddd;}
	.sub_sec .gall .text {width:100%; height:60px; background-color:#fafafa; border-top:1px solid #e5e5e5; text-align:center; display:table; }
	.sub_sec .gall .text p {display:table-cell; vertical-align:middle; text-align:center; color:#000; line-height:16px;}
	.sub_sec .gall .etc {color:#aaa; width:100%; overflow:hidden; padding-top:20px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding-bottom:30px;}
	.margin_bottom {padding-bottom:20px;}

	.coming {text-align:center; color:#aaa; font-size:17px; padding-top:30px;}
	.coming h2 {color:#000; font-size:25px; font-weight:300; letter-spacing:-1px; padding-bottom:20px;}

	.img_02_04 {width:100%; overflow:hidden; text-align:center;}
	.img_02_04 img {width:100%;}

}

.sub_sec .gall img {width:100%;}