@charset "utf-8";

/* main_visual */
#main_visual {width:100%; max-width:640px; position:relative; margin:0 auto;}
#main_visual ul{margin:0;}
#main_visual ul li {}
#main_visual ul li img {width:100%;}
#main_visual .bx-pager{position:absolute; bottom:5%; width:100%; text-align:center;}
#main_visual .bx-pager > div{overflow:hidden; display:inline-block; width:9px; height:9px; margin-right:11px;}
#main_visual .bx-pager > div:last-of-type{margin-right:0;}
#main_visual .bx-pager > div > a{float:left; display:block; width:100%; height:100%; background:url("/img/pager_off.png") center center no-repeat; font-size:0; text-indent:-9999px;}
#main_visual .bx-pager > div > a.active{ background:url("/img/pager_on.png") center center no-repeat;}

#mv2{width:100%; max-width:640px; position:relative; margin:3px auto 3px; overflow:hidden;}
#mv2 .bxslide2 {margin:0;}
#mv2 .bxslide2 li{width:320px !important; margin-right:3px;}
#mv2 .bxslide2 li a{display:block; width:320px; }
#mv2 .bxslide2 li a img{width:100%;}
#mv2 .bx-wrapper .bx-viewport{left:160px !important; overflow:inherit !important;}
#mv2 .bx-wrapper .bx-controls-direction > a{position:absolute; width:48px; height:48px; font-size:0; text-indent:-9999px;}
#mv2 .bx-wrapper .bx-controls-direction > a.bx-prev{top:50%; left:50%; margin-left:-185px; margin-top:-24px; background:url("/m/img/bx_prev_img.png") center top no-repeat;}
#mv2 .bx-wrapper .bx-controls-direction > a.bx-next{top:50%; left:50%; margin-left:140px; margin-top:-24px; background:url("/m/img/bx_next_img.png") center top no-repeat;}

#mv3{width:100%; max-width:640px; position:relative; margin:0 auto; overflow:hidden; padding:50px 20px; box-sizing:border-box;}
#mv3 .bxslider3{margin:0;}
#mv3 .bxslider3 li{width:100% !important;}
#mv3 .bxslider3 li a{display:block; overflow:hidden; width:100%;}
#mv3 .bxslider3 li a p.Left{float:left; width:20%; margin-right:5%; text-align:center; box-sizing:border-box; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5;}
#mv3 .bxslider3 li a p.Left{font-size:40px; line-height:28px; color:#006dc7; font-weight:bold;}
#mv3 .bxslider3 li a p.Left span{font-size:18px; font-weight:300; line-height:28px;}
#mv3 .bxslider3 li a p.Right{float:left; width:75%; text-align:left;}
#mv3 .bxslider3 li a p.Right{font-size:24px; color:#23272b; letter-spacing:-0.075em; line-height:28px;}
#mv3 .bxslider3 li a p.Right span{font-size:18px; color:#7a7a7a;}

/* main_banner */
#mbn01 {width:100%; max-width:640px; position:relative; margin-top:-5px; overflow:hidden; }
#mbn01 ul{font-size:0;}
#mbn01 ul li {width:calc(50% - 0px);display:inline-block; *display:inline; *zoom:1;}
#mbn01 ul li img{width:100%;}

#mbn02 {width:100%; max-width:640px; background:#6d7b98; padding:20px; position:relative; margin:0 auto; overflow:hidden; }
#mbn02 ul{font-size:0;}
#mbn02 ul li {width:calc(22% - 0px);display:inline-block; *display:inline; *zoom:1; padding-left:5px;}
#mbn02 ul li:first-child {padding-left:0px;}
#mbn02 ul li img{width:100%;}

#mbn03 {width:100%; max-width:640px; background:#142440; padding:25px 0; text-align:center; position:relative; margin:0 auto; }
#mbn03 h2 {color:#c7c9d2; font-size:30px; padding-bottom:30px; }
#mbn03 ul li {padding-bottom:7px; font-size:19px; font-weight:100;}
#mbn03 ul li a {color:#c7c9d2; }

#mbn04 {width:100%; max-width:640px; position:relative; overflow:hidden; }
#mbn04 ul li img{width:100%;}


@media all and (max-width:640px){
#mv2 .bxslide2 li{width:50vw !important; }
#mv2 .bxslide2 li a{width:50vw; }
#mv2 .bx-wrapper .bx-viewport{left:25vw !important; overflow:inherit !important;}
#mv2 .bx-wrapper .bx-controls-direction > a{width:7.5vw; height:7.5vw;}
#mv2 .bx-wrapper .bx-controls-direction > a.bx-prev{top:50%; margin-left:-27.90625vw; margin-top:-3.75vw; background-size:100% 100%;}
#mv2 .bx-wrapper .bx-controls-direction > a.bx-next{top:50%; margin-left:22.875vw; margin-top:-3.75vw; background-size:100% 100%;}

#mv3{padding:7.8125vw 3.125vw;}
#mv3 .bxslider3 li a p.Left{font-size:6.25vw; line-height:4.375vw;}
#mv3 .bxslider3 li a p.Left span{font-size:2.8125vw; line-height:4.375vw;}
#mv3 .bxslider3 li a p.Right{font-size:3.75vw; line-height:4.375vw;}
#mv3 .bxslider3 li a p.Right span{font-size:2.8125vw;}

#mbn03 h2 {color:#c7c9d2; font-size:25px; padding-bottom:30px; }
#mbn03 ul li {padding-bottom:7px; font-size:16px; font-weight:100;}
#mbn03 ul li a {color:#c7c9d2; }