@charset "utf-8";
/* CSS Document */

/*  reSet
==================================*/
body{margin:0 auto; padding:0; color:#000;}
html{margin:0 auto; padding:0; font-size:14px; font-family:'Noto Sans Japanese',"メイリオ", 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, sans-serif;}
@media screen and (max-width: 768px) {
body{min-width:320px; -webkit-text-size-adjust:100%; padding-top:60px;}
html{font-family:'Noto Sans Japanese',Helvetica,Arial,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",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 span,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;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,li,dt,dd,th,td{line-height:1.75em;}
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:#000;color:#fff;}
::-moz-selection{background:#000;color:#fff;}

/* 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;}

/* heaDer
==================================*/
header{width:100%; height:50px; background-color:rgba(0,123,171,.7); position:fixed; z-index:1100;}
header h1{font-size:0; line-height:0; width:190px; position:absolute; left:50%; margin-left:-500px;}
header nav{width:641px; position:absolute; top:0; right:50%; margin-right:-500px;}
header nav ol{list-style:none; height:50px; padding-left:1px; background:url(./img/bg_navi.png) left no-repeat;}
header nav ol li{float:left; height:50px; width:157px; margin-right:1px;}
header nav ol li a{display:block;}
header nav ol li a:hover{background:#007bab;}
header ul{list-style:none; width:200px; position:absolute; top:60px; right:0;}
header ul li{width:95px; float:left;line-height:0;}
header ul li.last{width:105px;}
@media screen and (max-width: 768px) {
header{height:60px; top:0;}
header h1{width:auto; position:relative; left:auto; max-height:60px; margin:0 0 0 5px; float:left;}
header h1 img{height:60px;}
header p.btn_menu{width:60px; height:60px; float:right; background:#e9e9e9; position:relative; cursor:pointer; padding:0;}
header p.btn_menu span.line01{position:absolute; width:34px; height:3px; background:#534741; 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:#534741; 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:#534741; 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{background:#007bab;}
body header p.open span.line01{transform:rotate(-405deg); -moz-transform:rotate(-405deg); -webkit-transform:rotate(-405deg); -o-transform:rotate(-405deg); -ms-transform:rotate(-405deg); transform:rotate(-405deg); 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(405deg); -moz-transform:rotate(405deg); -webkit-transform:rotate(405deg); -o-transform:rotate(405deg); -ms-transform:rotate(405deg); transform:rotate(405deg); background:#fff; top:30px;}
header nav{width:100%; height:auto; top:60px; right:0; margin:0; background-color:rgba(0,123,171,.9); display:none; background-image:none;}
header nav ol{height:auto; padding:0 0 15px; background:none; border-top:1px solid #fff;}
header nav ol li{float:none; height:auto; width:auto; background:none; border-bottom:1px solid #fff;}
header nav ol li a{text-align:center;}
header ul{width:auto; position:relative; top:auto; right:auto; padding:0 10%;}
header ul li{width:50%; float:left; text-align:center;}
header ul li.last{width:50%;}
}

/* visual
==================================*/
section#visual_box{background:url(./img/visual.jpg) bottom center no-repeat; background-size:cover; padding-top:450px;}
section#visual_box>h2{font-size:0; line-height:0; text-align:center; padding-bottom:40px;}
section#visual_box>ul{list-style:none; text-align:center; padding-bottom:50px;}
section#visual_box>ul li{font-size:0; line-height:0; display:inline-block; margin:0 5px;}
section#visual_box>ul li a{display:block;}
section#visual_box>ul li a:hover img{-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); -ms-transform:rotateY(360deg);}
@media screen and (max-width: 768px) {
section#visual_box{background:url(./img/visual.jpg) bottom center no-repeat; background-size:cover; padding-top:80px;}
section#visual_box>h2{padding-bottom:90px;}
section#visual_box>ul li{width:26%;}
}

/* description
==================================*/
section#description>h3{font-size:0; line-height:0; text-align:center; padding-bottom:30px;}
section#description>p{font-size:16px; text-align:center; padding-bottom:30px;}
section#description>ol{list-style:none; position:relative; width:1000px; height:940px; margin:0 auto; background:url(./img/img01.jpg) center top no-repeat;}
section#description>ol li{position:absolute; width:410px;}
section#description>ol li.first{top:30px; left:295px;}
section#description>ol li.multiple2{top:290px; left:20px;}
section#description>ol li.multiple3{top:290px; left:580px;}
section#description>ol li.last{top:595px; left:295px;}
section#description>ol li dt{font-size:28px; line-height:1.25em; font-weight:bold; color:#007bab; text-align:center;}
section#description>ol li dt span{font-size:14px; font-weight:normal;}
section#description>ol li dd{font-size:14px; line-height:1.4em;}
section#description>ol li dd span{font-weight:bold; color:#a27300;}
@media screen and (max-width: 768px) {
section#description>h3{padding:0 3% 30px;}
section#description>p{font-size:14px; text-align:left; padding:0 3% 30px;}
section#description>ol{width:auto; height:auto; background:url(./img/bg.png); padding:1.5em 3% .5em;}
section#description>ol li{position:relative; width:auto; padding-bottom:3em;}
section#description>ol li.first{top:auto; left:auto;}
section#description>ol li.multiple2{top:auto; left:auto;}
section#description>ol li.multiple3{top:auto; left:auto;}
section#description>ol li.last{top:auto; left:auto; padding-bottom:1em;}
}

/* fuel_consumption
==================================*/
section#fuel_consumption{width:920px; margin:0 auto; padding-top:60px;}
section#fuel_consumption>h3{font-size:0; line-height:0; text-align:center; padding-bottom:25px;}
section#fuel_consumption>h4{font-size:20px; color:#007bab; text-align:center; padding-bottom:2em;}
section#fuel_consumption>dl{padding:0 40px;}
section#fuel_consumption>dl>dt{padding-bottom:1em;}
section#fuel_consumption>dl>dd>ol{list-style:none; padding-bottom:30px;}
section#fuel_consumption>dl>dd>ol li dt{font-size:18px; padding-bottom:.25em;}
section#fuel_consumption>dl>dd>ol li dt strong{color:#007bab;}
section#fuel_consumption>dl>dd>ol li dd{font-size:0; line-height:0; padding-bottom:20px;}
section#fuel_consumption>ol{list-style:none; border:1px solid #007bab; margin:0 40px 15px;}
section#fuel_consumption>ol>li{width:50%; float:left;}
section#fuel_consumption>ol>li.first{border-right:2px solid #007bab;}
section#fuel_consumption>ol>li>dl{padding:30px 10px 10px 30px;}
section#fuel_consumption>ol>li>dl>dt{font-size:0; line-height:0; width:90px; float:left;}
section#fuel_consumption>ol>li>dl>dd{font-size:18px; line-height:1.2em; padding-left:110px;}
section#fuel_consumption>ol>li>dl>dd span{display:block; font-size:14px;}
section#fuel_consumption>ol>li>dl>dd p{font-size:26px; color:#007bab;}
section#fuel_consumption>ol>li>dl>dd p strong{font-size:40px;}
section#fuel_consumption>ol>li>ul{list-style:none; padding:0 30px 15px;}
section#fuel_consumption>ol>li>ul li{padding-left:1em; text-indent:-1em; margin-bottom:.2em;}
section#fuel_consumption>ol>li>ul li:before{content:"■";}
section#fuel_consumption>ul.caution{list-style:none; padding:0 40px 50px;}
section#fuel_consumption>ul.caution li{padding-left:1em; text-indent:-1em;}
section#fuel_consumption>ul.charge{list-style:none; padding-bottom:40px;}
section#fuel_consumption>ul.charge>li{width:440px; float:left;}
section#fuel_consumption>ul.charge>li.even{float:right;}
section#fuel_consumption>ul.charge>li>dl>dt{font-size:18px; font-weight:bold; text-align:center; padding-bottom:.25em;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dt{font-size:16px; color:#007bab; text-align:center; padding:.25em; margin-bottom:.6em; border:1px solid #007bab;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd{min-height:6em;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd li{list-style:none; font-size:16px; color:#007bab; padding-left:1em; text-indent:-1em;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd li span{font-size:14px;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd p{font-size:16px; color:#007bab; text-align:center;}
section#fuel_consumption>ul.charge>li>dl>dd p.img{font-size:0; line-height:0; text-align:center;}
section#fuel_consumption>ul.charge>li>dl>dd p.caution{padding-left:1em; text-indent:-1em;}
section#fuel_consumption>div{border:1px solid #007bab; margin-bottom:35px; padding:20px 25px;}
section#fuel_consumption>div h4{font-size:20px; color:#007bab; text-align:center; padding-bottom:1em;}
section#fuel_consumption>div>dl{display:table; width:100%;}
section#fuel_consumption>div>dl>dt{font-size:0; line-height:0; width:430px; display:table-cell; vertical-align:middle;}
section#fuel_consumption>div>dl>dd{width:430px; display:table-cell; vertical-align:middle;}
section#fuel_consumption>div>dl>dd>dl>dt{font-size:16px; color:#fff; text-align:center; padding:.2em; margin-bottom:2px; background:#4e636a;}
section#fuel_consumption>div>dl>dd>dl>dd li{list-style:none; margin-bottom:2px;}
section#fuel_consumption>div>dl>dd>dl>dd li dl{width:100%; display:table; border-collapse:collapse;}
section#fuel_consumption>div>dl>dd>dl>dd li dl dt{width:45%; display:table-cell;font-size:16px; color:#fff; padding:.8em; background:#007bab;}
section#fuel_consumption>div>dl>dd>dl>dd li dl dd{width:55%; display:table-cell;font-size:16px; padding:.8em; background:#b2d7e6; border-left:2px solid #fff;}
section#fuel_consumption>div>dl>dd>dl>dd li dl dd strong{font-size:24px;}
@media screen and (max-width: 768px) {
section#fuel_consumption{width:auto;}
section#fuel_consumption>h3{padding:0 3% 25px;}
section#fuel_consumption>h4{font-size:16px; padding:0 3% 2em;}
section#fuel_consumption>dl{padding:0 3%;}
section#fuel_consumption>ol{margin:0 3% 15px;}
section#fuel_consumption>ol>li{width:auto; float:none;}
section#fuel_consumption>ol>li.first{border:solid #007bab; border-width:0 0 2px 0;}
section#fuel_consumption>ol>li>dl{padding:20px 10px 10px 20px;}
section#fuel_consumption>ul.caution{padding:0 3% 40px;}
section#fuel_consumption>ul.caution li{font-size:13px;}
section#fuel_consumption>ul.charge{padding:0 3% 30px;}
section#fuel_consumption>ul.charge>li{width:auto; float:none;}
section#fuel_consumption>ul.charge>li.even{float:none;}
section#fuel_consumption>ul.charge>li>dl>dt{font-size:16px;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dt{font-size:15px;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd{min-height:1em;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd li{font-size:15px;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd li span{font-size:13px;}
section#fuel_consumption>ul.charge>li>dl>dd>dl>dd p{font-size:14px;}
section#fuel_consumption>div{margin:0 3% 25px;}
section#fuel_consumption>div h4{font-size:17px;}
section#fuel_consumption>div>dl{display:block;}
section#fuel_consumption>div>dl>dt{width:auto; display:block; padding:0 10% 20px; text-align:center;}
section#fuel_consumption>div>dl>dd{width:auto; display:block;}
section#fuel_consumption>div>dl>dd>dl>dt{font-size:14px;}
section#fuel_consumption>div>dl>dd>dl>dd li dl dt{font-size:13px;}
section#fuel_consumption>div>dl>dd>dl>dd li dl dd{font-size:13px;}
section#fuel_consumption>div>dl>dd>dl>dd li dl dd strong{font-size:20px;}
}

/* function
==================================*/
section#function{padding-top:65px;}
section#function>h3{font-size:0; line-height:0; text-align:center; padding-bottom:25px;}
section#function>h4{font-size:20px; color:#007bab; text-align:center; padding-bottom:1em;}
section#function>dl>dt{text-align:center; padding-bottom:1.25em;}
section#function>dl>dd{font-size:0; line-height:0; text-align:center; padding-bottom:50px;}
@media screen and (max-width: 768px) {
section#function>h3{padding:0 3% 25px;}
section#function>h4{font-size:16px; padding:0 3% 1em;}
section#function>dl>dt{text-align:left; padding:0 3% 1.25em;}
section#function>dl>dd{padding-bottom:40px;}
}

/* exterior
==================================*/
section#exterior{padding-top:65px;}
section#exterior>h3{font-size:0; line-height:0; text-align:center; padding-bottom:25px;}
section#exterior>dl>dt{font-size:20px; color:#007bab; text-align:center; padding-bottom:2em;}
section#exterior>dl>dd{background:#cce5ee url(./img/img07.jpg) top center no-repeat; background-size: contain; position:relative; min-height:1000px;}
section#exterior>dl>dd ul{list-style:none; width:1000px; position:absolute; top:650px; left:50%; margin-left:-500px;}
section#exterior>dl>dd ul li.first{display:none;}
section#exterior>dl>dd ul li{font-size:0; line-height:0; width:490px; float:left;}
section#exterior>dl>dd ul li.last{float:right;}
@media screen and (max-width: 768px) {
section#exterior>h3{padding:0 3% 25px;}
section#exterior>dl>dt{font-size:16px;}
section#exterior>dl>dd{background:none; min-height:1px;}
section#exterior>dl>dd ul{width:auto; position:relative; top:auto; left:auto; margin:0;}
section#exterior>dl>dd ul li{width:auto; float:none; padding:0 3% 10px; text-align:center;}
section#exterior>dl>dd ul li.first{display:block;}
section#exterior>dl>dd ul li.last{float:none; padding-bottom:0;}
}

/* interior
==================================*/
section#interior{padding-top:65px;}
section#interior>h3{font-size:0; line-height:0; text-align:center; padding-bottom:40px;}
section#interior>ol{list-style:none; height:1600px; width:100%; overflow:hidden; position:relative;}
section#interior>ol li{position:absolute;}
section#interior>ol li dt{font-size:0; line-height:0; position:relative; z-index:1;}
section#interior>ol li dd{width:400px; background-color:rgba(204,229,238,.8); font-size:14px; padding:3em 4em; position:absolute; z-index:2;}
section#interior>ol li.first{left:50%; margin-left:-500px; z-index:2; width:1000px;}
section#interior>ol li.even{top:520px; left:50%; margin-left:-500px; width:1000px;}
section#interior>ol li.last{top:1120px; left:50%; margin-left:-700px; width:1400px;}
section#interior>ol li.first dd{top:200px; right:20px;}
section#interior>ol li.even dt{text-align:right;}
section#interior>ol li.even dd{top:200px; left:20px;}
section#interior>ol li.last dd{width:830px; bottom:0; left:570px; padding:2em;}
@media screen and (max-width: 768px) {
section#interior>h3{padding:0 3% 40px;}
section#interior>ol{height:auto;}
section#interior>ol li{position:relative;}
section#interior>ol li dd{width:auto; font-size:13px; padding:1em 1.5em; position:relative;}
section#interior>ol li.first{left:auto; margin:0; z-index:2; width:auto;}
section#interior>ol li.even{top:auto; left:auto; margin:0; width:auto;}
section#interior>ol li.last{top:auto; left:auto; margin:0; width:auto;}
section#interior>ol li.first dd{top:auto; right:auto;}
section#interior>ol li.even dt{text-align:right;}
section#interior>ol li.even dd{top:auto; left:auto;}
section#interior>ol li.last dd{width:auto; bottom:auto; left:auto; padding:1em 1.5em;}
}

/* color
==================================*/
section#color{padding:65px 0 40px;}
section#color>h3{font-size:0; line-height:0; text-align:center; padding-bottom:50px;}
section#color li.slick-slide{width:800px; margin:0 50px;}
section#color ul.slick-dots{list-style:none; text-align:center; z-index:3; width:100%; padding:50px 0 .5em;}
section#color ul.slick-dots li{display:inline-block; margin:0 5px; padding:2px;}
section#color ul.slick-dots li.slick-active{padding:0;}
section#color ul.slick-dots li button{width:30px;height:30px;font-size:0; line-height:0; text-indent:-4649em; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; cursor:pointer; border:none;}
section#color ul.slick-dots li button#dott01{background:#1ba1ba; border:3px solid #fff;}
section#color ul.slick-dots li button#dott02{background:#d30a23; border:3px solid #fff;}
section#color ul.slick-dots li button#dott03{background:#20488d; border:3px solid #fff;}
section#color ul.slick-dots li button#dott04{background:#d5cdc1; border:3px solid #fff;}
section#color ul.slick-dots li button#dott05{background:#000; border:3px solid #fff;}
section#color ul.slick-dots li button#dott06{background:#5c5e61; border:3px solid #fff;}
section#color ul.slick-dots li button#dott07{background:#b5b4B6; border:3px solid #fff;}
section#color ul.slick-dots li button#dott08{background:#eae9e2; border:3px solid #fff;}
section#color ul.slick-dots li button#dott09{background:#eee; border:3px solid #fff;}
section#color ul.slick-dots li.slick-active button{width:36px; height:36px;}
section#color .slick-prev{width:53px; height:53px; background:url(./img/arrow01.png); font-size:0; line-height:0; text-indent:-4649em; border:0; position:absolute; z-index:3; top:40%; left:50%; margin-left:-470px; cursor:pointer; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none;}
section#color .slick-next{width:53px; height:53px; background:url(./img/arrow02.png); font-size:0; line-height:0; text-indent:-4649em; border:0; position:absolute; z-index:3; top:40%; right:50%; margin-right:-470px; cursor:pointer; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none;}
@media screen and (max-width: 768px) {
section#color{padding:50px 0;}
section#color h3{padding:0 3% 35px;}
section#color li.slick-slide{width:auto;}
section#color ul.slick-dots{padding:10px 0 .5em;}
section#color ul.slick-dots li{margin:0 1px;}
section#color .slick-prev{width:26px; height:26px; background-size:cover; top:30%; left:5%; margin:0;}
section#color .slick-next{width:26px; height:26px; background-size:cover; top:30%; right:5%; margin:0;}
}

/* simu
==================================*/
section#simu{background:url(./img/bg.png); padding:70px 0 1px;}
section#simu>h3{font-size:0; line-height:0; text-align:center; padding:0 0 20px;}
section#simu>p{font-size:20px; color:#007bab; text-align:center; padding-bottom:1.5em;}
div.box{width:1000px; background:#fff; padding:0 0 30px; margin:0 auto 30px; border:1px solid #007bab;}
div.box>h4{background:#007bab; text-align:center; font-size:16px; font-weight:normal; color:#fff; padding:.5em; margin-bottom:1.5em;}
ul.simu{list-style:none; padding:0 54px;}
ul.simu li{width:395px; float:left;}
ul.simu li.even{width:495px;}
ul.simu li dt{font-size:0; line-height:0; margin-bottom:20px;}
ul.simu li dd{font-size:0; line-height:0;}
ul.simu li.first dd{padding:0 31px 0 14px; background:url(./img/bg_3assist.png) top right no-repeat;}
section#simu p.caution{font-size:13px; margin:0 100px; padding-top:1em;}
dl.ex36{margin:0 30px 50px; border:1px solid #eaeef1;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
dl.ex36>dt{background:#48636a; font-size:16px; font-weight:bold; color:#fff; padding:.3em 1em;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
dl.ex36>dd>dl{padding:25px 50px;}
dl.ex36>dd>dl dt{font-size:0; line-height:0; width:500px; float:left; background:url(./img/bg_assist01.png) right center no-repeat;}
dl.ex36>dd>dl dd{width:320px; float:right; font-size:18px; font-weight:bold; color:#557c86; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
dl.ex36>dd>dl dd span{display:block; text-align:center;}
dl.ex36>dd>dl dd p{font-size:0; line-height:0; text-align:center; margin-top:20px;}
dl.ex36>dd>dl dd p a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
div.ex{margin:0 30px; border:1px solid #eaeef1;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
div.ex ol li{list-style:none; width:33.333%; float:left;}
div.ex ol li dt{background:#48636a; font-size:16px; font-weight:bold; color:#fff; padding:.3em 1em; border-right:1px solid #eaeef1;}
div.ex ol li.first dt{-webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;-ms-border-radius:10px 0 0 0;-o-border-radius:10px 0 0 0;border-radius:10px 0 0 0;}
div.ex ol li.last dt{-webkit-border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-ms-border-radius:0 10px 0 0;-o-border-radius:0 10px 0 0;border-radius:0 10px 0 0; border:none;}
div.ex ol li dd{font-size:0; line-height:0; text-align:center; padding:15px 0; background:url(./img/bar.png) right center no-repeat;}
div.ex ol li.last dd{background:none;}
div.ex>p{margin:0 20px 15px; padding:.5em 0; border:solid #eaeef1; border-width:1px 0; text-align:center; font-size:13px;}
div.ex>p span{margin-left:1em;}
div.ex>ul{list-style:none; padding:0 20px 15px;}
div.ex>ul li{font-size:13px; display:inline;}
dl.type{padding:0 49px;}
dl.type>dt{font-size:18px; font-weight:bold; color:#fff; text-align:center; background:#003d3e; padding:.4em; margin-bottom:.6em;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
dl.type>dd p{font-size:15px; margin-bottom:1.5em;}
dl.type>dd p span{display:block; text-align:center;}
dl.type>dd p strong{display:block; font-size:24px; color:#007bab; margin-top:.5em;}
dl.type>dd p strong:before{content:"→"; font-size:30px; margin-right:.5em;}
dl.credit{margin:0 30px; border:1px solid #eaeef1;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
dl.credit>dt{background:#48636a;font-size:16px;font-weight:bold;color:#fff;padding:.3em 1em;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
dl.credit>dd>dl{padding:20px 40px;}
dl.credit>dd>dl>dt{font-size:0; line-height:0; width:270px; float:left;}
dl.credit>dd>dl>dd{width:480px; float:right;}
dl.credit>dd>dl>dd h5{font-size:0; line-height:0; padding:15px 0; border-bottom:1px solid #eaeef1;}
dl.credit>dd>dl>dd ul li{list-style:none; padding-top:20px;}
dl.credit>dd>dl>dd ul li dt{font-size:15px; font-weight:bold; margin-bottom:.2em; color:#f30532;}
dl.credit>dd>dl>dd ul li.even dt{color:#2076ed;}
dl.credit>dd>dl>dd ul li dd{font-size:12px; line-height:1.25em;}
dl.credit>dd>dl>dd ul li dd span{font-size:11px;}
@media screen and (max-width: 768px) {
section#simu{padding:50px 0 1px;}
section#simu>h3{padding:10px 5% 25px;}
section#simu>h3.assist{padding:0 30%; background:none;}
section#simu>p strong{font-size:15px; font-weight:bold; margin-top:.75em;}
section#simu>p span{display:block; text-align:center;}
div.box{width:auto; padding:0 0 20px; margin:0 2% 20px;}
div.box>h4{font-size:15px;}
ul.simu{padding:0 15px;}
ul.simu li{width:auto; float:none;}
ul.simu li.even{width:auto; margin-top:20px;}
ul.simu li dt{margin-bottom:15px; text-align:center;}
ul.simu li dd{text-align:center;}
ul.simu li.first dd{padding:0; background:none;}
section#simu p.caution{font-size:12px; margin:.6em 3% 0; padding:0 0 0 1em; text-indent:-1em;}
dl.ex36{margin:0 15px 25px;}
dl.ex36>dt{font-size:14px;}
dl.ex36>dd>dl{padding:20px;}
dl.ex36>dd>dl dt{width:auto; float:none; background:none; padding:0 20% 20px;}
dl.ex36>dd>dl dd{width:auto; float:none; font-size:15px;}
div.ex{margin:0 15px;}
div.ex ol li{width:auto; float:none;}
div.ex ol li dt{font-size:14px;}
div.ex ol li.first dt{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
div.ex ol li.last dt{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0; border:none;}
div.ex ol li dd{padding:0 25%; background:none;}
div.ex ol li.first dd{padding:10px 0;}
div.ex>p{margin:0 15px 15px;font-size:12px;}
div.ex>ul{padding:0 15px 15px;}
div.ex>ul li{font-size:12px; display:block; padding-left:1em; text-indent:-1em;}
dl.type{padding:0 15px;}
dl.type>dt{font-size:15px;}
dl.type>dd p{font-size:13px;}
dl.type>dd p strong{font-size:17px; text-align:center;}
dl.type>dd p strong:before{font-size:22px;}
dl.credit{margin:0 15px;}
dl.credit>dt{font-size:15px;}
dl.credit>dd>dl{padding:20px;}
dl.credit>dd>dl>dt{width:auto; float:none; padding:0 30% 20px;}
dl.credit>dd>dl>dd{width:auto; float:none;}
dl.credit>dd>dl>dd h5{text-align:center; padding:15px 10%;}
dl.credit>dd>dl>dd ul li dt{font-size:14px;}
}

/*--gototop--*/
p#gototop{font-size:0; line-height:0; position:fixed; bottom:-150px; right:50px; z-index:1001;}
p#gototop a{display:block; width:82px; height:82px;}
p#gototop a:hover img{-moz-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -webkit-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -o-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -ms-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -moz-transition:all .8s ease; -webkit-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
@media screen and (max-width: 768px) {
p#gototop{position:fixed; bottom:-65px; right:5px; width:60px; height:60px;}
p#gototop a{width:60px; height:60px;}
/*p#gototop{display:none;}*/
}


/* fooTer
==================================*/
address{background:#007bab; color:#fff; text-align:center; font-style:normal; padding:1.5em 0;}
@media screen and (max-width: 768px) {
address span{display:block; text-align:center;}
}

div#analytics{display:none;}

/*==============================================
  Slider
==============================================*/
.slick-slider{position:relative; display:block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0 0 5px;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,
.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{text-align:center;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
