.inr{max-width:1400px; margin:0 auto;}

/* visual */
#main_wrap {height:970px;}
.area_visual {position:relative; width:100%; height: 100%;}
.area_visual .ms_slider,
.area_visual .ms_slider * {width:100%; height:100%;}

.area_visual .ms_slider .slider.mv_01 {background:url(../images/main/main_visual01.jpg) no-repeat center; background-size:cover;}
.area_visual .ms_slider .slider.mv_02 {background:url(../images/main/main_visual02.jpg) no-repeat center; background-size:cover;}

.area_visual .m_v_text {position:Absolute; left:0; top:0; width:100%; height:100%; padding-top:100px}
.area_visual .m_v_text .inr {position:relative; display:table; width:1400px; height:100%; margin:0 auto}
.area_visual .m_v_text .text {display:table-cell; vertical-align:middle; text-shadow:3px 3px 5px rgba(0, 0, 0, .1)}
.area_visual .m_v_text .text h2 {font-size:65px; font-weight:800; color:#fff; line-height:1.3}
.area_visual .m_v_text .text p {margin-top:30px; font-size:22px; font-weight:300; color:#fff;}
.area_visual .m_v_text .m_v_control {position:absolute; right:0; top:32%;}
.area_visual .m_v_text .m_v_control.mobile {display:none;}
.area_visual .m_v_text .m_v_control span {color:#fff; font-size:22px; text-shadow:3px 3px 5px rgba(0, 0, 0, .1)}
.area_visual .m_v_text .m_v_control span.current {font-size:65px; font-weight:500}
.area_visual .m_v_text .m_v_control span:before {content:'0'}
.area_visual .m_v_text .m_v_control span.slash {padding:0 10px}
.area_visual .m_v_text .m_v_control span.slash:before {display:none;}


.area_visual .m_visual_arrow {position:absolute; left:0; top:0; width:100%; height:100%;}
.area_visual .m_visual_arrow button {width:50px; height:50px; transform:none !important;}
.area_visual .m_visual_arrow button:before {display:none !important}
.area_visual .m_visual_arrow button.slick-prev {left:50px; background:url(../images/main/arrow_prev.png) no-repeat left center;}
.area_visual .m_visual_arrow button.slick-next {right:50px; background:url(../images/main/arrow_next.png) no-repeat right center;}





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

	.inr{width:100%; padding:0 50px;}
	
	.area_visual .m_v_text .inr {width:100%; padding:0 120px;}
	.area_visual .m_v_text .text h2 {font-size:55px;}
	.area_visual .m_v_text .text p {margin-top:20px;}
	.area_visual .m_v_text .m_v_control {right:120px;}
	.area_visual .m_v_text .m_v_control span.current {font-size:55px;}



	
}

@media all and (max-width:1280px){
	.area_visual .m_v_text .m_v_control.pc {display:none;}
	.area_visual .m_v_text .m_v_control.mobile {position:relative; display:block; top:auto; right:auto; margin-bottom:50px;}
	.area_visual .m_v_text .m_v_control span {font-size:18px;}
	.area_visual .m_v_text .m_v_control span.current {font-size:35px;}

}


@media all and (max-width:1080px){
	
	.inr {padding:0 30px;}

	.area_visual .m_v_text {padding-top:80px;}
	.area_visual .m_v_text .inr {padding:0 100px;}
	.area_visual .m_v_text .text h2 {font-size:45px;}
	.area_visual .m_v_text .text p {font-size:18px;}

	.area_visual .m_v_text .m_v_control.mobile {margin-bottom:30px;}
	.area_visual .m_v_text .m_v_control span {font-size:16px;}
	.area_visual .m_v_text .m_v_control span.current {font-size:24px;}
	
	.area_visual .m_visual_arrow button {width:40px; height:40px; background-size:auto 100%}
	.area_visual .m_visual_arrow button.slick-prev {left:30px;}
	.area_visual .m_visual_arrow button.slick-next {right:30px;}


}



@media all and (max-width:767px){

	.inr {padding:0 20px;}
	
	.area_visual .m_v_text .inr {padding: 0 80px;}
	.area_visual .m_v_text .text h2 {font-size:35px;}
	.area_visual .m_v_text .text p {font-size:16px;}


	.area_visual .m_visual_arrow button {width:25px;}
	.area_visual .m_visual_arrow button.slick-prev {left:20px;}
	.area_visual .m_visual_arrow button.slick-prev {right:20px;}


}



@media all and (max-width:500px){
	.area_visual .m_v_text {padding-top:65px;}
	.area_visual .m_v_text .inr {padding:0 60px;}
	.area_visual .m_v_text .m_v_control.mobile {margin-bottom:20px;}
	.area_visual .m_v_text .m_v_control span.current {font-size:18px;}
	.area_visual .m_v_text .m_v_control span {font-size:12px;}

	.area_visual .m_v_text .text h2 {font-size:27px; word-break:keep-all}
	.area_visual .m_v_text .text h2 br {display:none;}


	.area_visual .m_visual_arrow button {height:30px;}
}