@charset "UTF-8";
.mainimg01 { background: url(/~/Media/com/v11/top/vi_v11_bg_r.jpg) repeat-x left top #013b6d; }
.mainimg01 .inner { background: url(/~/Media/com/v11/top/vi_v11_bg.jpg) no-repeat top center; }

.toolBox01 { background-color: #00215a; }

.btnBrand01 > span { color: #00215a; }

#v11_container img { display: inline-block; }
#v11_container .spblock { display: none; }
#v11_container .btn a { display: inline-block; }
#v11_container .btn a .pcblock { display: inline-block; }
#v11_container .btn a .pcblock img { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; filter: alpha(opacity=100); opacity: 1; }
#v11_container .btn a:hover .pcblock img { filter: alpha(opacity=0); opacity: 0; }
#v11_container #seibun { background: url(/~/Media/com/v11/top/bg_1.jpg) no-repeat bottom center #041a42; height: 822px; }
#v11_container #seibun .inner { width: 980px; margin: 0 auto; }
#v11_container #seibun h2 { padding: 76px 0 30px; text-align: center; }
#v11_container #seibun p { text-align: center; }
#v11_container #seibun #fig { position: relative; height: 484px; width: 940px; padding-bottom: 84px; }
#v11_container #seibun #fig .fig01, #v11_container #seibun #fig .fig02, #v11_container #seibun #fig .fig03 { position: absolute; }
#v11_container #seibun #fig .fig01 { left: -55px; top: 4px; }
#v11_container #seibun #fig .fig02 { right: -101px; top: 0px; }
#v11_container #seibun #fig .fig03 { left: 58px; top: 287px; }
#v11_container #seibun #fig .box { display: none; }
#v11_container #point { background: url(/~/Media/com/v11/top/bg_2_r.jpg) repeat-x top left #2c323e; }
#v11_container #point .wrap { background: url(/~/Media/com/v11/top/bg_2.jpg) no-repeat top center;  }
#v11_container #point .inner { width: 870px; margin: 0 auto; }
#v11_container #point h2 { padding: 58px 0 20px; text-align: center; }
#v11_container #point p { padding-bottom: 44px; text-align: center; }
#v11_container #point ul { border: 1px solid #233856; background: url(/~/Media/com/v11/top/bg_4.png) repeat; }
#v11_container #point ul li { width: 433px; float: left; color: #fff; }
#v11_container #point ul li.point1 { border-right: 1px solid #233856; background: url(/~/Media/com/v11/top/ico_point1.png) no-repeat left top; }
#v11_container #point ul li.point1 dt img { width: 186px; }
#v11_container #point ul li.point2 { background: url(/~/Media/com/v11/top/ico_point2.png) no-repeat left top; }
#v11_container #point ul li.point2 dt img { width: 185px; }
#v11_container #point ul li dl { padding: 42px 50px 34px; }
#v11_container #point ul li dl dt { margin: 20px 0 18px; }
#v11_container #point ul li dl dd { font-size: 12px; }
#v11_container #point .btn { clear: both; padding-top: 27px; }

#v11_container .btn a .prodblock { display: inline-block; }
#v11_container .btn a .prodblock img { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; filter: alpha(opacity=100); opacity: 1; }
#v11_container .btn a:hover .prodblock img { filter: alpha(opacity=0); opacity: 0; }
#v11_container #point .btn #btn_v11 .prodblock { background: url(/~/Media/com/v11/top/btn_product_on.png) no-repeat left top; }
#v11_container #point .btn #btn_mild .prodblock { background: url(/~/Media/com/v11/top/btn_product2_on.png) no-repeat left top; }
#v11_container #point .btn #btn_mild{
	margin-top:12px;
	}
#v11_container #v7 { background: url(/~/Media/com/v11/top/bg_3.jpg) no-repeat top center #041a42; height: 494px; padding: 36px 0 0; }
#v11_container #v7 .inner { width: 572px; height: 444px; margin: 0 auto; background: url(/~/Media/com/v11/top/bnr_v7.png) no-repeat left top; }
#v11_container #v7 .btn { padding: 334px 0 0; text-align: center; }
#v11_container #v7 .btn a .pcblock { background: url(/~/Media/com/v11/top/btn_v7_on.png) no-repeat left top; }

/* sp */
@media screen and (max-width: 768px) { #wrapper { min-width: 320px; }
  .mainimg01 { background: url(/~/Media/com/v11/top/vi_v11_bg_r.jpg) repeat-x left top #013b6d; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -ms-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }
  .mainimg01 .inner { background: url(/~/Media/com/v11/top/vi_v11_bg.jpg) no-repeat top center; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -ms-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }
  #v11_container .pcblock { display: none !important; }
  #v11_container .spblock { display: block !important; }
  #v11_container #seibun { background: url(/~/Media/com/v11/top/bg_2_s.png) no-repeat bottom center, url(/~/Media/com/v11/top/bg_1_r_s.png) repeat-y top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; height: auto; }
  #v11_container #seibun .inner { width: auto; padding: 0 11px 40px; max-width: 380px; }
  #v11_container #seibun h2 { padding: 32px 0 25px; }
  #v11_container #seibun h2 .spblock { padding: 0 29px; }
  #v11_container #seibun p { padding-bottom: 31px; }
  #v11_container #seibun #fig { position: relative; height: auto; width: auto; padding-bottom: 0px; border: 1px solid #4572a1; border-top: 0px; background: #0b132d; color: #fff; }
  #v11_container #seibun #fig h3 { padding: 16px 121px 15px 23px; border-top: 1px solid #4572a1; background: url(/~/Media/com/v11/top/ico_plus.png) no-repeat right center #14285a; -webkit-background-size: 39px 21px; -moz-background-size: 39px 21px; -ms-background-size: 39px 21px; -o-background-size: 39px 21px; background-size: 39px 21px; }
  #v11_container #seibun #fig h3.open { background: url(/~/Media/com/v11/top/ico_minus.png) no-repeat right center #14285a; -webkit-background-size: 39px 21px; -moz-background-size: 39px 21px; -ms-background-size: 39px 21px; -o-background-size: 39px 21px; background-size: 39px 21px; }
  #v11_container #seibun #fig .fig01, #v11_container #seibun #fig .fig02, #v11_container #seibun #fig .fig03 { position: inherit; left: inherit; top: inherit; right: inherit; }
  #v11_container #seibun #fig dl { padding: 6px 10px 10px; }
  #v11_container #seibun #fig dl dt { font-size: 14px; font-weight: bold; padding: 10px 0 6px; }
  #v11_container #seibun #fig dl dt:before { content: '・'; }
  #v11_container #seibun #fig dl dt span { font-size: 11px; }
  #v11_container #seibun #fig dl dd { font-size: 11px; padding: 0 0 4px 14px; }
  #v11_container #seibun #fig .box { display: block; }
  #v11_container #seibun #fig .box { display: none; border-top: 1px solid #4572a1; }
  #v11_container #seibun #fig .box.open { display: block; }
  #v11_container #point { background: url(/~/Media/com/v11/top/bg_3_s.jpg) no-repeat top center #2c323e; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
  #v11_container #point .wrap { background: url(/~/Media/com/v11/top/bg_4_s.png) no-repeat bottom center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; height: auto; }
  #v11_container #point .inner { width: auto; padding: 0 11px 0; max-width: 380px; }
  #v11_container #point h2 { padding: 37px 51px 25px; }
  #v11_container #point p { padding-bottom: 29px; }
  #v11_container #point ul li { width: auto; float: inherit; }
  #v11_container #point ul li.point1 { background: none; border: 0px; border-bottom: 1px solid #233856; }
  #v11_container #point ul li.point1 dt img { width: auto; }
  #v11_container #point ul li.point2 { background: none; }
  #v11_container #point ul li.point2 dt img { width: auto; }
  #v11_container #point ul li dl { padding: 14px 16px; }
  #v11_container #point ul li dl dt { margin: 14px 0 8px; padding-right: 92px; }
  #v11_container #point ul li dl dd { font-size: 12px; }
  #v11_container #point .btn { padding: 9px 36px 39px; }
  #v11_container #v7 { background: url(/~/Media/com/v11/top/bg_5_s.jpg) no-repeat top center #041a42; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; height: auto; padding: 36px 19px 35px; }
  #v11_container #v7 .inner { padding: 0; width: auto; height: auto; max-width: 380px; background: url(/~/Media/com/v11/top/bnr_v7.png) no-repeat left top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
  #v11_container #v7 .btn { padding: 58% 36px 14px; } }
@media screen and (max-width: 768px) and (min-width: 481px) { #wrapper { min-width: 320px; }
  #v11_container #seibun .inner { padding: 0 20px 78px; max-width: 540px; }
  #v11_container #seibun h2 { padding: 62px 0 28px; }
  #v11_container #seibun h2 .spblock { padding: 0 36px; }
  #v11_container #seibun p { padding-bottom: 60px; }
  #v11_container #seibun #fig h3 { padding: 26px 200px 24px 32px; background: url(/~/Media/com/v11/top/ico_plus.png) no-repeat right center #14285a; -webkit-background-size: 78px 42px; -moz-background-size: 78px 42px; -ms-background-size: 78px 42px; -o-background-size: 78px 42px; background-size: 78px 42px; }
  #v11_container #seibun #fig h3.open { background: url(/~/Media/com/v11/top/ico_minus.png) no-repeat right center #14285a; -webkit-background-size: 78px 42px; -moz-background-size: 78px 42px; -ms-background-size: 78px 42px; -o-background-size: 78px 42px; background-size: 78px 42px; }
  #v11_container #seibun #fig dl { padding: 10px 12px 18px; }
  #v11_container #seibun #fig dl dt { font-size: 20px; padding: 18px 0 10px; }
  #v11_container #seibun #fig dl dt span { font-size: 16px; }
  #v11_container #seibun #fig dl dd { font-size: 16px; padding: 0 0 6px 20px; }
  #v11_container #point .inner { padding: 0 20px 0; max-width: 540px; }
  #v11_container #point h2 { padding: 72px 100px 28px; }
  #v11_container #point p { padding-bottom: 56px; }
  #v11_container #point ul li dl { padding: 26px 30px; }
  #v11_container #point ul li dl dt { margin: 26px 0 14px; padding-right: 182px; }
  #v11_container #point ul li dl dd { font-size: 16px; }
  #v11_container #point .btn { padding: 16px 70px 76px; }
  #v11_container #v7 { padding: 70px 36px 68px; }
  #v11_container #v7 .inner { max-width: 540px; }
  #v11_container #v7 .btn { padding: 58% 70px 26px; } }
@media screen and (max-width: 480px) { #v11_container #seibun .inner { max-width: 380px; }
  #v11_container #seibun #fig dl dt { font-size: 14px; }
  #v11_container #seibun #fig dl dt span { font-size: 11px; }
  #v11_container #seibun #fig dl dd { font-size: 11px; }
  #v11_container #point .inner { max-width: 380px; }
  #v11_container #point ul li dl dd { font-size: 12px; }
  #v11_container #v7 .inner { max-width: 380px; } }

@media screen and (max-width: 768px) {
	#v11_container .btn a .prodblock img {
		-webkit-transition: none 0;
		-moz-transition: none 0;
		-ms-transition: none 0;
		-o-transition: none 0;
		transition: none 0;
		filter: alpha(opacity=100);
		opacity: 1;
		}
	#v11_container .btn a:hover .prodblock img {
		filter: alpha(opacity=1);
		opacity: 1;
		}
	#v11_container #point .btn #btn_v11 .prodblock {
		background: url()
		}
	#v11_container #point .btn #btn_mild .prodblock {
		background: url();
		}
	#v11_container #point .btn #btn_mild{
		margin-top:8px;
		}
	}