@charset "utf-8";

/*==================================
  reSet
==================================*/
body{margin:0 auto; padding:0; color:#333; width:100%; min-width:1000px;}
html{margin:0 auto; padding:0; font-size:14px; font-family:'Noto Sans Japanese',"メイリオ","Meiryo", 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, sans-serif;}
@media screen and (max-width: 640px) {
body{min-width:100%; -webkit-text-size-adjust:100%;}
html{font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",Helvetica,Arial,sans-serif;}
}

*{margin:0; padding:0; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
img{border:none; vertical-align:bottom; max-width:100%;}
a img,a{-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.ov a,
.ov a img{-moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,li,dt,dd,th,td{line-height:1.6em;}
hr{display:none;}
.clear{zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
::selection{background:#0076bc; color:#fff;}
::-moz-selection{background:#0076bc; color:#fff;}

/* LinxColor
==================================*/
a{color:#0076bc; text-decoration:underline;}
a:visited{color:#0076bc; text-decoration:underline;}
a:hover{color:#0076bc; text-decoration:none;}
a:active{color:#0076bc; text-decoration:none;}

/* loAding
==================================*/
#loading{width:100%; height:100%; position:fixed; top:0; background:#fff; z-index:1500;}
#loading img{position:absolute; top:50%; left:50%; margin-left:-16px; margin-top:-16px;}

/*==============================================
  coMMon_seTTing
==============================================*/
header{position:relative; width:100%; height:380px; overflow:hidden;}
h1{font-size:0; line-height:0; background-color:rgba(255,255,255,.9); position:relative; width:100%; height:80px; z-index:2;}
h1 a{display:block; position:absolute; top:18px; left:2%;}
nav{position:absolute; width:100%; height:82px; border-top:1px solid #a3a3a3; background-color:rgba(255,255,255,.9); left:0; bottom:0; z-index:2;}
nav li{list-style:none; font-size:0; line-height:0; width:20%; height:81px; float:left; border-right:1px solid #a3a3a3;}
nav li a{display:block; text-align:center; padding:25px 0 26px; position:relative;}
nav li a span{width:100%; height:4px; background:#3391c9; position:absolute; left:0; bottom:0; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
nav li a.current span,
nav li a:hover span{background:#1e315c; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
nav li#navi05{border:none;}
nav li#navi06{width:196px; height:80px; background:url(/common/img/navi05_ov.png); float:none; position:absolute; top:-299px; right:157px; z-index:1; border:none;}
nav li#navi07{width:190px; height:80px; background:url(/common/img/navi06_ov.png); float:none; position:absolute; top:-299px; right:0; border:none;}
nav li#navi06 a,
nav li#navi07 a{padding:0;}
@media screen and (max-width: 640px) {
header{height:auto; overflow:visible;}
h1{background:none; width:70%; height:auto; float:left; padding:18px 0 0 10px;}
h1 img{max-height:25px;}
h1 a{position:relative; top:auto; left:auto;}
header p.btn_menu{width:60px; height:60px; float:right; background:#1d2087; position:relative; cursor:pointer; padding:0;}
header p.btn_menu span.line01{position:absolute; width:34px; height:3px; background:#fff; top:16px; left:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
header p.btn_menu span.line02{position:absolute; width:34px; height:3px; background:#fff; top:29px; left:13px;-moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
header p.btn_menu span.line03{position:absolute; width:34px; height:3px; background:#fff; top:42px; left:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
body header p.open span.line01{transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); background:#fff; top:30px;}
body header p.open span.line02{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0;}
body header p.open span.line03{transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background:#fff; top:30px;}
nav{display:none; height:auto; border-top:none; background-color:rgba(255,255,255,.9); top:60px; bottom:auto; padding:15px;}
nav ul{border:solid #a3a3a3; border-width:1px 0 0 1px;}
nav li{font-size:14px; line-height:1.6em; width:50%; height:auto; border:solid #a3a3a3; border-width:0 1px 1px 0;}
nav li.first{width:100%;}
nav li a{padding:.75em 0; text-decoration:none !important; color:#333 !important;}
nav li#navi05{border:solid #a3a3a3; border-width:0 1px 1px 0;}
nav li#navi06,
nav li#navi07{width:50%; height:auto; background:none; float:left; position:relative; top:auto; right:auto; border:solid #a3a3a3; border-width:0 1px 1px 0;}
nav li#navi06 a,
nav li#navi07 a{padding:.75em 0;}
}

/*--contents--*/
h3.product_ttl{font-size:40px; color:#1e315c; text-align:center; background:#e5f1f8; padding:.25em 0 .5em;}
@media screen and (max-width: 640px) {
h3.product_ttl{font-size:20px; padding:.25em 0 1em;}
h3.product_ttl span{display:block; text-align:center;}
}
h3.s_ttl{font-size:24px; font-weight:normal; color:#0076bc; text-align:center; padding:1.5em 0 .75em; line-height:1.2em;}
h3.s_ttl span{display:inline-block; padding:0 .75em; border:solid #0076bc; border-width:0 1px;}
@media screen and (max-width: 640px) {
h3.s_ttl{font-size:17px; font-weight:bold;}
}

dl.procuct>dt{font-size:24px; color:#0076bc; text-align:center; line-height:1.2em; padding:2.5em 0 .75em;}
dl.procuct>dt span{display:inline-block; padding:0 .75em; border:solid #0076bc; border-width:0 1px;}
dl.procuct>dd{background:#ebf4fa; padding:50px 0 15px;}
dl.procuct>dd>ul{list-style:none; width:1000px; margin:0 auto;}
dl.procuct>dd>ul>li{width:310px; float:left; margin:0 35px 35px 0;}
dl.procuct>dd>ul>li.first{width:482px; margin-right:0;}
dl.procuct>dd>ul>li.multiple2{width:482px; float:right; margin:0 0 35px;}
dl.procuct>dd>ul>li.last{margin-right:0;}
dl.procuct>dd>ul>li>a{color:#0076bc !important; text-decoration:none !important;}
dl.procuct>dd>ul>li>a>dl>dt{font-size:0; line-height:0;}
dl.procuct>dd>ul>li>a>dl>dd{background:#fff; position:relative; font-size:20px; font-weight:bold; padding:.6em 1em;}
dl.procuct>dd>ul>li.last>a>dl>dd{line-height:1.2em; padding:.25em 1em;}
dl.procuct>dd>ul>li.last>a>dl>dd span{display:block; font-size:14px;}
dl.procuct>dd>ul>li>a:hover>dl>dd{background:#efefef;}
dl.procuct>dd>ul>li>a>dl>dd img{position:absolute; right:0; bottom:10px;}
@media screen and (max-width: 640px) {
dl.procuct>dt{font-size:17px; font-weight:bold; padding:2em 0 1em;}
dl.procuct>dd{padding:30px 3% 15px;}
dl.procuct>dd>ul{width:auto;}
dl.procuct>dd>ul>li{width:auto; float:none; margin:0 0 15px;}
dl.procuct>dd>ul>li.first{width:auto;}
dl.procuct>dd>ul>li.multiple2{width:auto; float:none; margin:0 0 15px;}
dl.procuct>dd>ul>li>a>dl{background:#fff;}
dl.procuct>dd>ul>li>a>dl>dt{padding:0 35% 0 0;}
dl.procuct>dd>ul>li.first>a>dl>dt,
dl.procuct>dd>ul>li.multiple2>a>dl>dt{padding:0;}
dl.procuct>dd>ul>li>a>dl>dd{font-size:15px;}
dl.procuct>dd>ul>li>a>dl>dd img{width:45%; position:absolute; right:0; bottom:10px;}
dl.procuct>dd>ul>li.last>a>dl>dd{padding:.5em 1em;}
dl.procuct>dd>ul>li.last>a>dl>dd span{font-size:13px;}
}

dl.csr{background:url(/img/bg02.jpg) center no-repeat; background-size:cover; padding:40px 0;}
dl.csr dt{font-size:24px; color:#fff; text-align:center; margin-bottom:1.25em; line-height:1.2em;}
dl.csr dt span{display:inline-block; padding:0 .75em; border:solid #fff; border-width:0 1px;}
dl.csr dd p{font-size:17px; color:#fff; text-align:center; margin-bottom:1.5em;}
dl.csr dd p.btn{width:19em; margin:0 auto;}
dl.csr dd p.btn a{display:block; border:1px solid #fff; background-color:rgba(255,255,255,.3); text-align:center; color:#fff !important; text-decoration:none !important; padding:.6em;}
dl.csr dd p.btn a span{display:block; text-align:center; background:url(/common/img/lm01.png) right no-repeat;}
dl.csr dd p.btn a:hover{background:#0076bc;}
@media screen and (max-width: 640px) {
dl.csr{background:url(/img/bg02.jpg) right no-repeat;}
dl.csr dt{font-size:17px; font-weight:bold;}
dl.csr dd p{font-size:16px;}
dl.csr dd p.btn{width:auto; margin:0 16%; font-size:15px;}
dl.csr dd p.btn a{background-color:rgba(0,118,188,.6);}
}

ul.product_navi{list-style:none; background:#e5f1f8; padding:20px 0; text-align:center;}
ul.product_navi li{display:inline-block; margin:0 9px; vertical-align:top;}
ul.product_navi li dt{font-size:0; line-height:0; margin-bottom:7px; background:url(/product/img/navi02_ov.jpg);}
ul.product_navi li.first dt{background:url(/product/img/navi01_ov.jpg);}
ul.product_navi li.multiple3 dt{background:url(/product/img/navi03_ov.jpg);}
ul.product_navi li.multiple4 dt{background:url(/product/img/navi04_ov.jpg);}
ul.product_navi li.last dt{background:url(/product/img/navi05_ov.jpg);}
ul.product_navi li a{display:block; text-decoration:none !important; color:#0076bc !important;}
ul.product_navi li a.current{color:#1e315c !important;}
ul.product_navi li dd{font-size:20px; font-weight:bold; text-align:center;}
ul.product_navi li.last dd{line-height:1.25em;}
ul.product_navi li dd>span{display:block; font-size:14px; text-align:center;}
@media screen and (max-width: 640px) {
ul.product_navi{padding:20px 3% 10px; text-align:center;}
ul.product_navi li{margin:0 1% 10px; width:30%;}
ul.product_navi li dt{margin-bottom:4px;}
ul.product_navi li dd{font-size:12px; font-weight:bold; text-align:center;}
ul.product_navi li dd>span{font-size:11px; line-height:1em;}
ul.product_navi li dd>span span{display:block; text-align:center;}
}

/*--footer--*/
footer{background:#0076bc; position:relative;}
footer>ul{list-style:none; width:1000px; margin:0 auto; padding:15px 0 35px;}
footer>ul>li{font-size:16px; float:left; margin-right:2.25em;}
footer>ul>li a{display:block; background:url(/common/img/lm01.png) left 8px no-repeat; background-size:10px; padding-left:15px; color:#fff !important; text-decoration:none !important;}
footer>ul>li a:hover{padding:0 3px 0 12px;}
footer>dl{width:1000px; margin:0 auto; padding:0 0 20px; border-bottom:1px solid #3391c9;}
footer>dl>dt{font-size:0; line-height:0; width:350px; float:left;}
footer>dl>dd{width:620px; float:right;}
footer>dl>dd li{list-style:none; width:50%; float:left;}
footer>dl>dd li dt{font-size:12px; color:#fff; width:3em; float:left;}
footer>dl>dd li.last dt{width:6em;}
footer>dl>dd li dt:after{content:"：";}
footer>dl>dd li dd{font-size:12px; color:#fff; padding-left:3.5em;}
footer>dl>dd li.last dd{padding-left:6.5em;}
footer address{font-size:12px; font-style:normal; color:#fff; width:1000px; margin:0 auto; padding:1.25em 0;}
@media screen and (max-width: 640px) {
footer>ul{width:auto; padding:0;}
footer>ul>li{font-size:14px; width:50%; margin:0;}
footer>ul>li.first{width:100%; font-size:15px;}
footer>ul>li a{border-bottom:1px solid #fff; border-left:1px solid #fff; padding:.5em 0 .5em 1.5em; background:url(/common/img/lm01.png) 4% 50% no-repeat; background-size:10px;}
footer>ul>li.first a{border-left:none; text-align:center; background:none; padding:.5em 0;}
footer>ul>li.first a span{display:inline-block; background:url(/common/img/lm01.png) 4% 50% no-repeat; background-size:10px; padding-left:1em;}
footer>ul>li.even a{border-left:none;}
footer>ul>li a:hover{padding:.5em 0 .5em 1.5em;}
footer>dl{width:auto; padding:20px 3% 10px;}
footer>dl>dt{width:auto; float:none; text-align:center; padding:0 10% 10px;}
footer>dl>dd{width:auto; float:none;}
footer>dl>dd li{width:auto; float:none; padding-bottom:1em;}
footer>dl>dd li dt{float:none; font-size:15px; font-weight:bold;}
footer>dl>dd li dd{padding:.25em 0 0; font-size:14px;}
footer>dl>dd li.last dd{padding:.5em 0 0;}
footer>dl>dd li a{color:#fff !important; text-decoration:underline !important;}
footer address{width:auto; text-align:center; font-family:'Noto Sans Japanese',"メイリオ","Meiryo", 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, sans-serif;}
}