@charset "utf-8";

.mtopvisual {height:400px; background:#fff; opacity:0.75; -webkit-opacity:0.75; /*background:url(../img/main/left_bg.jpg) no-repeat 0 0;*/}

.visual {position:relative; width:100%; height:100%; z-index:1; }
.visual .control {position:absolute; width:40%; height:auto; top:40px; z-index:10;}
.visual .control .inner {width:410px; height:14px; margin:0 auto; position:relative;}
.visual .control .inner ul{display:none;}
.visual .control a[class*="btn_"] { width:35px; height:35px; border:0; margin-right:5px; text-indent:-10000px; overflow:hidden; position:relative; float:left; right:auto; bottom:0;}

.visual .control a.btn_right {background:url(../img/main/pop_right1.png) no-repeat center 50%;}
.visual .control a.btn_left {background:url(../img/main/pop_left1.png) no-repeat center 50%;}
.visual .control a.btn_stop {background:url(../img/main/pop_stop1.png) no-repeat center 50%;}
.visual .control a.btn_play {background:url(../img/main/pop_start1.png) no-repeat center 50%;}
.visual .control button {width:35px; height:35px; display:block; text-indent:-99999px; display:inline-block;}
.visual .control button.prev-slide {background:url(../img/main/pop_left1.png) no-repeat 50% 50%;}
.visual .control button.next-slide {background:url(../img/main/pop_right1.png) no-repeat 50% 50%;}
.visual .control button.stop-slide {background:url(../img/main/pop_stop1.png) no-repeat 50% 50%;}
.visual .control button.start-slide {background:url(../img/main/pop_start1.png) no-repeat 50% 50%;}
.visual .move {width:100%; height:100%; overflow:hidden; position:relative; z-index:5;}

.visual .move ul {margin:0 auto;}
.visual .move li {width:100%; height:100%; position:absolute; left:100%; top:0; overflow:hidden; box-sizing:border-box; padding:80px 60% 0 0;}
.visual .move li:first-child {left:0;}
.visual .move li span.bg {display:block; width:65%; height:100%; position:absolute; right:0; top:0; background-size:cover !important; }
.visual .move li p {margin:0 auto; width:410px; color:#fff; font-size:17px; line-height:24px; word-break:keep-all;  }
.visual .move li p.slogon {padding:20px 0; margin-top:15px;}
.visual .move li p.slogon strong {display:block; font-size:45px; line-height:55px; font-weight:600; word-break:keep-all; letter-spacing:-3px;}
.visual .move li p.slogon span.sub {display:block; font-size:17px; line-height:24px; margin-top:20px; opacity:0.8; -webkit-opacity:0.8; word-break:keep-all;}

.visual .butto {position:absolute; width:40%; height:auto; bottom:40px; z-index:10;}
.visual .butto .inner {width:410px; height:14px; margin:0 auto; position:relative;}
.visual .butto ul.icon { z-index:10;}
.visual .butto ul.icon li{float:left; border:1px solid #fff; font-size:20px;}
.visual .butto ul.icon li a{color:#fff; padding:0 50px 0 70px; height:60px; line-height: 60px; display:block;}
.visual .butto ul.icon li.one{background:url(../img/main/main_icon_01.png) no-repeat 25px 16px; border-right:0px;}
.visual .butto ul.icon li.two{background:url(../img/main/main_icon_02.png) no-repeat 25px 16px;}

@media screen and (max-width: 1700px){

.mtopvisual .visual .move li {padding-top:80px;}
}

@media screen and (max-width: 1480px){
.mtopvisual {height:480px;}
.mtopvisual .visual .move li {padding-top:75px;}
.mtopvisual .visual .move li p.slogon strong {font-size:55px; line-height:70px;}
.mtopvisual .visual .move li p.slogon strong span {line-height:70px;}
}

@media screen and (max-width: 1380px){
.mtopvisual {height:460px;}
.mtopvisual .visual .move li {padding-top:65px;}
.mtopvisual .visual .move li p.slogon strong {font-size:50px; line-height:60px;}
.mtopvisual .visual .move li p.slogon strong span {line-height:60px;}
}



@media screen and (max-width: 1280px){
.mtopvisual {height:440px;}
.mtopvisual .visual .move li {padding-top:60px;}
.mtopvisual .visual .move li p.slogon strong {font-size:40px; line-height:50x;}
.mtopvisual .visual .move li p.slogon strong span {line-height:50px;}



.visual .butto ul.icon li{font-size:18px;}
.visual .butto ul.icon li a{color:#fff; padding:0 40px 0 50px; height:50px; line-height: 50px; display:block;}
.visual .butto ul.icon li.one{background:url(../img/main/main_icon_01.png) no-repeat 15px 10px; }
.visual .butto ul.icon li.two{background:url(../img/main/main_icon_02.png) no-repeat 15px 10px;}

}

@media screen and (max-width: 1200px){	
.mtopvisual {height:400px;}
.mtopvisual .visual .move li {padding:55px 58% 0 0;}
.mtopvisual .visual .move li span.bg {width:58%;}
.mtopvisual .visual .move li p {font-size:16px; width:380px;}
.mtopvisual .visual .move li p.slogon strong {font-size:45px; line-height:58px;}
.mtopvisual .visual .move li p.slogon strong span {line-height:48px;}
.mtopvisual .visual .move li p.slogon span.sub {font-size:16px;}
.mtopvisual .visual .control {width:42%; bottom:30px;}
.mtopvisual .visual .control .inner {width:380px;}

.visual .butto {width:42%;}
.visual .butto .inner {width:380px;}

}

@media screen and (max-width: 1120px){
.mtopvisual {height:360px;}
.mtopvisual .visual .move li {padding-top:40px;}
.mtopvisual .visual .move li p.slogon strong {font-size:44px; line-height:54px;}
.mtopvisual .visual .move li p.slogon strong span {line-height:54px;}

}

@media screen and (max-width: 1023px){

.mtopvisual .visual .move li {padding:10px 54% 0 0;}
.mtopvisual .visual .move li p {width:320px; font-size:16px; line-height:22px;}
.mtopvisual .visual .move li span.bg {width:54%;}
.mtopvisual .visual .control {width:46%; bottom:35px; top:auto;}
.mtopvisual .visual .control .inner {width:320px;}
.mtopvisual .visual .butto{display:none;}
}

@media screen and (max-width: 840px){

.mtopvisual .visual .move li {padding:2px 50% 0 0; background-size:auto;}
.mtopvisual .visual .move li span.bg {width:50%;}
.mtopvisual .visual .move li p {width:270px; font-size:15px; line-height:19px;}
.mtopvisual .visual .move li p.slogon strong {font-size:42px; line-height:52px;}
.mtopvisual .visual .move li p.slogon span.sub {font-size:15px; line-height:19px;}
.mtopvisual .visual .control {width:50%;}
.mtopvisual .visual .control .inner {width:270px;  }




}

@media screen and (max-width: 640px){

.mtopvisual {height:320px;}
.mtopvisual .visual .move li {padding:230px 5% 0 5%; background-size:auto;}	
.mtopvisual .visual .move li:before {content:""; display:block; width:100%; height:190px; position:absolute; z-index:5; left:0; bottom:0; /*background:url(../img/main/left_bg.jpg) repeat; opacity:0.75; -webkit-opacity:0.75;*/}
.mtopvisual .visual .move li span.bg {width:100%;}
.mtopvisual .visual .move li p {position:relative; z-index:10; margin:0; width:auto;}
.mtopvisual .visual .move li p.slogon {padding:10px 0 15px 0; margin-top:0; border:0;}
.mtopvisual .visual .move li p.slogon strong {font-size:30px; line-height:36px; letter-spacing:-1px;}	
.mtopvisual .visual .move li p.slogon strong span {display:inline; line-height:40px;}
.mtopvisual .visual .move li p.slogon span.sub {font-size:15px; line-height:19px; margin-top:7px;} 
.mtopvisual .visual .control {width:90%; top: auto; right:auto !important; bottom:20px; padding-top:15px !important; left:5% !important; border-top:1px solid #96a2c7;}	
.mtopvisual .visual .control .inner {width:auto;}	


}

@media screen and (max-width: 480px){

.mtopvisual {height:320px;}
.mtopvisual .visual .move li {padding:190px 5% 0 5%; background-size:auto;}	
.mtopvisual .visual .move li p.slogon strong {font-size:28px; line-height:34px;}
.mtopvisual .visual .move li p.slogon span.sub{display:none;}
}

@media screen and (max-width: 360px){
.mtopvisual {height:320px;}	
.mtopvisual .visual .move li {padding:190px 5% 0 5%; background-size:auto;}
.mtopvisual .visual .move li:before {height:140px;}
.mtopvisual .visual .move li p {font-size:14px; line-height:18px;}	
.mtopvisual .visual .move li p.slogon strong {font-size:20px; line-height:25px;}	
.mtopvisual .visual .move li p.slogon span.sub {font-size:14px; line-height:18px;}	


}

.msection1 {padding:60px 0px;}
.msection1 #popup {position:relative; float:right; width:48%;}
.msection1 #popup .tit {font-size:32px; margin-bottom:20px;}
.msection1 #popup .tit > span {color:#4774b9;}
.msection1 #popup .control {position:absolute; top:10px; right:0;}
.msection1 #popup .slide-count {display:inline-block; height:35px; font-size:18px; margin-right:10px; font-weight:300;}
.msection1 #popup .control button {width:35px; height:35px; display:block; text-indent:-99999px; display:inline-block;}
.msection1 #popup .control button.prev-slide {background:url(../img/main/pop_left.png) no-repeat 50% 50%;}
.msection1 #popup .control button.next-slide {background:url(../img/main/pop_right.png) no-repeat 50% 50%;}
.msection1 #popup .control button.stop-slide {background:url(../img/main/pop_stop.png) no-repeat 50% 50%;}
.msection1 #popup .control button.start-slide {background:url(../img/main/pop_start.png) no-repeat 50% 50%;}

.msection1 #notice {position:relative; float:left; width:48%;}
.msection1 #notice .tit {font-size:32px; margin-bottom:20px;}
.msection1 #notice .tit > span {color:#4774b9;}
.msection1 #notice ul li {clear:both; font-size:18px; font-weight:300; letter-spacing:-0.01em; line-height:48px;}
.msection1 #notice ul li::after {content:''; display:block; clear:both;}
.msection1 #notice ul li a {width:78%; float:left;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; box-sizing:border-box; position:relative; padding-left:10px;}
.msection1 #notice ul li:hover a {color:#4774b9}
.msection1 #notice ul li a::before {content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:22px; left:0; }
.msection1 #notice ul li span.date {width:20%;  float:right; color:#999; text-align:right;}
.msection1 #notice .more {position:absolute; top:10px; right:0; width:35px; height:35px; display:block; text-indent:-99999px; display:inline-block; background:url(../img/main/notice_more.png) no-repeat 50% 50%;}

@media (max-width:1024px) {
.msection1 #notice ul li a {width:100%;}
.msection1 #notice ul li span.date {display:none;}
}

@media (max-width:800px) {
.msection1 #popup {position:relative; float:none; width:100%; margin-bottom:20px;}
.msection1 #popup ul li img {width:100%;}
.msection1 #notice {position:relative; float:none; width:100%;}
}

.msection2 {padding:60px 0px; /*background:url(../img/main/section2bg.jpg) no-repeat 50% 50%;*/ background-color:#f9f9f9;}
.msection2 #wiset_gallery {width:1200px; overflow:hidden; position:relative;}
.msection2 #wiset_gallery .tit {font-size:38px; margin-bottom:40px; text-align:center;}
.msection2 #wiset_gallery .tit > span {color:#4774b9;}
.msection2 #wiset_gallery .sosic_con {width:1240px; position:relative;}
.msection2 #wiset_gallery .sosic_con li {margin-right:40px; background:#fff;}
.msection2 #wiset_gallery .sosic_con span.title { display:block; width:100%; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; box-sizing:border-box; position:relative; padding:20px 20px 10px 20px; font-size:22px; font-size:16px;}
.msection2 #wiset_gallery .sosic_con span.date {color:#999; display:block; padding:0px 20px 20px 20px; font-size:16px; font-weight:300;}
.msection2 #wiset_gallery .sosic_con .thum {width:100%;  height:230px; overflow:hidden;}
.msection2 #wiset_gallery .sosic_con .thum img{width:100%;  
	transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
	 -webkit-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
	 -moz-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
	 transform-origin:50%;
	 -webkit-transform-origin:50%;
	 transition:transform .5s ease-out;
	 -webkit-transition:transform .2s ease-out;
	 -moz-transition:transform .5s ease-out;}
.msection2 #wiset_gallery .sosic_con a:hover .thum img{
	transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);
	 -webkit-transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);
	-moz-transform:scale3d(1.2,1.2,1) rotate3d(0,0,0,0.01deg);
	transition:transform 3s ease-out;
	 -webkit-transition:-webkit-transform 3s ease-out;
	-moz-transition:-moz-transform 3s ease-out;}
.msection2 #wiset_gallery .more {position:absolute; top:10px; right:0; border:1px solid #333; padding:10px 20px; font-size:18px; font-weight:300;}
.msection2 #wiset_gallery .more span {padding-right:20px; background:url(../img/main/arrow_right.png) no-repeat right 50%;}

.msection2 #wiset_gallery .sosic_con .slick-arrow {display:block; width:50px; height:50px; background:rgba(0,0,0,.7); position:absolute; top:50%; margin-top:-25px; z-index:100; text-indent:-9999px;}
.msection2 #wiset_gallery .sosic_con .slick-prev {left:0px; background:rgba(0,0,0,.7) url(../img/main/s_al.png) no-repeat 50% 50%;}
.msection2 #wiset_gallery .sosic_con .slick-next {right:40px; background:rgba(0,0,0,.7) url(../img/main/s_ar.png) no-repeat 50% 50%;}

@media (max-width: 1024px) {
.msection2 #wiset_gallery .tit {text-align:left;}
.msection2 #wiset_gallery {width:100%; overflow:hidden;}
.msection2 #wiset_gallery .sosic_con {width:100%;}
.msection2 #wiset_gallery .sosic_con li {margin:0 5px;}
.msection2 #wiset_gallery .sosic_con .slick-prev {left:0px;}
.msection2 #wiset_gallery .sosic_con .slick-next {right:0px;}
}

.msection3 {padding:80px 0px;}
.msection3 div.box_23 {width:24%;  margin-right:1%; float:left;}
.msection3 div.box_23:last-child {margin-right:0 !important;}
.msection3 div.box_23 a { box-sizing:border-box; min-height:265px; display:block; text-align:center; color:#000; font-size:30px; font-weight:500; padding-top:30px;}
.msection3 div.box_23.info01 {background:url(../img/main/info_bg01.jpg) no-repeat 50% 50%;}
.msection3 div.box_23.info02 {background:url(../img/main/info_bg02.jpg) no-repeat 50% 50%;}
.msection3 div.box_23.info03 {background:url(../img/main/info_bg03.jpg) no-repeat 50% 50%;}
.msection3 div.box_23.info04 {background:url(../img/main/info_bg04.jpg) no-repeat 50% 50%;}


.msection3 div.box_46 {width:46%; float:right; min-height:265px; box-sizing:border-box; }

.msection3 div.box_46.info03 p {font-size:18px;font-weight:300; line-height:30px; margin-bottom:30px;}
.msection3 div.box_46.info03 .more{ border:1px solid #333; padding:10px 20px; font-size:18px; font-weight:300;}
.msection3 div.box_46.info03 .more span {padding-right:20px; background:url(../img/main/arrow_right.png) no-repeat right 50%;}
.msection3 .info03_tit {display:none;}

@media (max-width: 900px) {
.msection3 div.box_23 {width:48%; margin-bottom:20px;}
.msection3 div.box_23.info02 {margin-right:0;}
.msection3 div.box_46 {width:100%; background-size:cover;}
.msection3 .info03_tit {display:block; font-size:30px; }
}

@media (max-width: 700px) {
}

@media (max-width: 550px) {
.msection3 div.box_23 {width:100%; margin-bottom:20px; margin-right:0;}

}

@media (max-width:450px) {
.msection3 div.box_46.info03 {background:#f3f0e9 url(../img/main/info_bg03.jpg) no-repeat 160% 50%; background-size:60%; padding-top:50px;}
}

.msection4 {padding:80px 0px;background-color:#f9f9f9;}
.msection4 div.box_23 {width:23%;  margin-right:2%; float:left;}
.msection4 div.box_23:last-child {margin-right:0 !important;}
.msection4 div.box_23 a { box-sizing:border-box; min-height:265px; display:block; text-align:center; color:#000; font-size:30px; font-weight:500; padding-top:30px;}
.msection4 div.box_23.info01 {background:url(../img/main/info_bg01.jpg) no-repeat 50% 50%;}
.msection4 div.box_23.info02 {background:url(../img/main/info_bg02.jpg) no-repeat 50% 50%;}
.msection4 div.box_46 {width:46%; float:right; min-height:265px; box-sizing:border-box; }
.msection4 div.box_46.info03 {background:#f3f0e9 url(../img/main/info_bg03.jpg) no-repeat right 0; padding:50px 40px;}
.msection4 div.box_46.info03 p {font-size:18px;font-weight:300; line-height:30px; margin-bottom:30px;}
.msection4 div.box_46.info03 .more{ border:1px solid #333; padding:10px 20px; font-size:18px; font-weight:300;}
.msection4 div.box_46.info03 .more span {padding-right:20px; background:url(../img/main/arrow_right.png) no-repeat right 50%;}
.msection4 .info03_tit {display:none;}

@media (max-width: 900px) {
.msection4 div.box_23 {width:48%; margin-bottom:20px;}
.msection4 div.box_23.info02 {margin-right:0;}
.msection4 div.box_46 {width:100%; background-size:cover;}
.msection4 .info03_tit {display:block; font-size:30px; }
}

@media (max-width: 700px) {
}

@media (max-width: 550px) {
.msection4 div.box_23 {width:100%; margin-bottom:20px; margin-right:0;}

}

@media (max-width:450px) {
.msection4 div.box_46.info03 {background:#f3f0e9 url(../img/main/info_bg03.jpg) no-repeat 160% 50%; background-size:60%; padding-top:50px;}
}

#facility {width:100%; height:75px;border-top:1px solid #dbdbdb; background-color:#fff;}
#facility .facility_area {width:1200px;margin:0 auto;}
#facility .facility_area h4 {width:226px;line-height:74px;font-size:18px;color:#333;text-align:center;letter-spacing:-1px;float:left;}
#facility .facility_area ul {width:974px;height:74px;float:left;}
#facility .facility_area ul li {width:184px;height:74px;float:left;}
#facility .facility_area ul li.dot {width:1px; height:15px; background:url("../img/main/dot.gif");margin:30px 7px;}
#facility .facility_area ul li.fac1 {background:url("../img/main/facility.png") 0px 0px no-repeat;}
#facility .facility_area ul li.fac2 {background:url("../img/main/facility.png") 0px -73px no-repeat;}
#facility .facility_area ul li.fac3 {background:url("../img/main/facility.png") 0px -146px no-repeat;}
#facility .facility_area ul li.fac4 {background:url("../img/main/facility.png") 0px -219px no-repeat;}
#facility .facility_area ul li.fac5 {background:url("../img/main/facility.png") 0px -292px no-repeat;}
#facility .facility_area ul li a {display:inline-block; width:100%; height:100%; text-indent:-99999px;}

@media (max-width: 1024px) {
	#facility {display:none;}
}
@media (max-width: 900px) {
	#facility {display:none;}
}
@media (max-width: 700px) {
	#facility {display:none;}
}
@media (max-width: 550px) {
	#facility {display:none;}
}