﻿@charset "utf-8";


@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);



/* CSS Document */

/*  reSet
==================================*/
body{margin:0 auto; padding:0; color:#000;}
html{margin:0 auto; padding:0; font-size:10px; font-family:'Sawarabi Mincho',"メイリオ", Helvetica, Verdana, Arial, sans-serif, 'ＭＳ Ｐゴシック';}
@media screen and (max-width: 768px) {
    body{min-width:320px; -webkit-text-size-adjust:100%; padding-top:14vw;}
    html{font-family:'Sawarabi Mincho','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.div{line-height:1.75em;  transform: rotate(0.001deg);}
li{list-style:none;  transform: rotate(0.001deg);}
hr{  clear:both; border:0;}
h3, h4, h5, h6{ font-weight:normal;  transform: rotate(0.001deg);}

h3{ font-size:4.2em; text-align:center; color:#2f3140; margin-top:70px; padding-top:10px; background:#fff; }
h4{ font-size:1.8em; text-align:center; color:#0e1021; margin-bottom:20px; padding-bottom:20px; background:#fff; }
div.border{ background-image:url( "./img/bg_line.gif" ); background-repeat:repeat-y; background-position-x:50%; border:solid 1px rgba(0,0,0,0); }


@media screen and (max-width: 768px) {
    html{ font-size:2vw; }
    h3{ font-size:2.2em; margin-top:13vw; padding-top:1vw; }
    h4{ font-size:1.5em; margin-bottom:3vw; padding-bottom:1vw; }
    section{ padding-top:0vw; }
    section:nth-of-type(1){ padding-top:0; }
}


/* 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:40px; position:fixed; z-index:100; background:rgba( 14, 16, 13, .5 ); }
header h1{font-size:0; line-height:0; width:170px; position:absolute; left:50%; margin-left:-500px;}
header nav{width:820px; position:absolute; top:0; right:50%; margin-right:-500px; }
header nav ol{list-style:none; height:50px; padding-left:1px; margin:0 0 0 auto; text-align:right; }
header nav ol li{display:inline-block; height:50px; padding: 7px 5px 0 5px; }
header nav ol li a{ color:#fff; text-decoration:none; display:block; line-height:30px; padding:0 10px; font-size:1.4em; transform: rotate(0.001deg); }
header nav ol li a:hover{border-bottom:solid 2px #fff;}

header ul{list-style:none; width:200px; position:absolute; top:60px; right:0;}
header ul li{width:95px; float:left;}
header ul li.last{width:105px;}
@media screen and (max-width: 768px) {
    header{height:14vw; top:0; background:rgba(14, 16, 13, .8); }
    header h1{width:auto; position:relative; left:auto; max-height:14vw; margin:0 0 0 5px; float:left;}
    header h1 img{height:14vw;}

    header p.btn_menu{width:14vw; height:14vw; float:right; background:#e9e9e9; position:relative; cursor:pointer; padding:0;}
    header p.btn_menu span.line01{position:absolute; width:8vw; height:3px; background:#534741; top:3.5vw; left:3vw;-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:8vw; height:3px; background:#534741; top:6.5vw; left:3vw;-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:8vw; height:3px; background:#534741; top:9.5vw; left:3vw;-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:#000;}
    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:14vw; right:0; margin:0; background-color:rgba(27, 20, 52, .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{display:block; height:auto; width:auto; background:none; border-bottom:1px solid #fff;}
    header nav ol li a{text-align:center; padding:10px 0 25px 0;}
    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{ height:750px; transform: rotate(0.001deg); background-image:url("./img/mainv_bg.jpg"); background-size:cover; background-position:center; background-repeat:no-repeat; }

section#visual_box>h2{ position:absolute; z-index:3; width:100%; top:120px; left:0; right:0; margin:auto; text-align:center; }
section#visual_box>h2>img{ max-width:465px; width:80%; }

section#visual_box>div#mainv{ height:750px; background-image:url("./img/mainv_pc.jpg"); background-repeat:no-repeat; background-position:center; position:relative; z-index:2; }
section#visual_box>div#mainv_bottom{ background:rgba(14,16,33,0.85); width:100%; height:96px; margin-top:-96px; position:absolute; z-index:1; }

section#visual_box>ul{list-style:none; text-align:center; position:relative; z-index:3; height:90px; margin:-92px auto 0 auto; padding:0; width:1000px;
    min-width:1000px; font-size:1.6em; letter-spacing:-.4em; }
section#visual_box>ul>li{ height:86px; display:inline-block; letter-spacing:normal; }
section#visual_box>ul>li>a{ display:block; text-decoration:none; background-image:url("./img/ico_nav.png"); background-position:center 67%;
        background-repeat:no-repeat; height:40px; margin-top:30px; color:#fff; }
section#visual_box>ul>li>a:hover{ text-decoration:underline; }
section#visual_box>ul>li>a>span{ display:block; border-left:solid 1px #fff; line-height:18px; padding:0 15px; text-align:center; }
section#visual_box>ul>li:nth-of-type(1)>a>span{ border:0; }

@media screen and (max-width: 768px) {
    section#visual_box{ height:95vw; }
    section#visual_box>h2{ top:5vw; }
    section#visual_box>div#mainv{ width:100%; max-width:100%; height:95vw; background-size:contain; background-position:center top; }
    section#visual_box>div#mainv_bottom{ display:none; }
    section#visual_box>ul { width:100%; min-width:100%; height:45vw; margin:0 auto; padding:3vw 0; background-color:rgba(14,16,33,0.85); margin-top:-45vw; }
    section#visual_box>ul li{ width:30%; height:auto; vertical-align:top; margin:1%; border:solid 1px #fff;  }
    section#visual_box>ul li a{ margin-top:0; background-position:center 80%;  padding:4vw 0; height:auto; background-color:rgba(27, 20, 52, 0.7);  }
    section#visual_box>ul li a>span{ border:0; font-size:0.7em; line-height:3vw; padding:0; }
}

/* exterior
==================================*/
section#exterior{  }
section#exterior ul.exterior .slick-list{ padding:0; }
section#exterior ul.exterior .slick-list li{ opacity:0.5; width:860px; }
section#exterior ul.exterior .slick-list li.slick-active{ opacity:1.0; }
section#exterior ul.exterior button{ border:0; width:70px; height:540px; position:absolute; z-index:3; top:1px; background-repeat:no-repeat; background-position:center;
        text-indent:-4649em; cursor:pointer; }
section#exterior button.slick-prev{ left:50%; margin-left:-500px; background:url(./img/arrow01.png); }
section#exterior button.slick-next{ right:50%; margin-right:-500px; background:url(./img/arrow02.png); }
section#exterior ul.exterior-nav{ background:#eee; }
section#exterior ul.exterior-nav .slick-track{ width:622px !important; margin:5px auto; text-align:center; }
section#exterior ul.exterior-nav li{ margin:10px; opacity:1.5; width:135px !important; cursor:pointer; }
section#exterior ul.exterior-nav li:hover{ opacity:0.3; }
section#exterior ul.exterior-nav li.slick-active{ opacity:0.3; }

@media screen and (max-width: 768px) {
    section#exterior{  }
    section#exterior ul.exterior button{ width:10vw; height:60vw; background-size:5vw auto; }
    section#exterior button.slick-prev{ left:50%; margin-left:-48vw;}
    section#exterior button.slick-next{ right:50%; margin-right:-48vw; }
    section#exterior ul.exterior-nav{ display:none; }
}

/* interior
==================================*/
section#interior{  }
section#interior ul.interior .slick-list{ padding:0; }
section#interior ul.interior .slick-list li{ opacity:0.5; width:860px; }
section#interior ul.interior .slick-list li.slick-active{ opacity:1.0; }
section#interior ul.interior button{ border:0; width:70px; height:540px; position:absolute; z-index:3; top:1px; background-repeat:no-repeat; background-position:center;
        text-indent:-4649em; cursor:pointer; }
section#interior button.slick-prev{ left:50%; margin-left:-500px; background:url(./img/arrow01.png); }
section#interior button.slick-next{ right:50%; margin-right:-500px; background:url(./img/arrow02.png); }
section#interior ul.interior-nav{ }
section#interior ul.interior-nav .slick-track{ width:622px !important; margin:5px auto; text-align:center; }
section#interior ul.interior-nav li{ margin:10px; opacity:1.5; width:135px !important; cursor:pointer; }
section#interior ul.interior-nav li:hover{ opacity:0.3; }
section#interior ul.interior-nav li.slick-active{ opacity:0.3; }

@media screen and (max-width: 768px) {
    section#interior{  }
    section#interior ul.interior button{ width:10vw; height:60vw; background-size:5vw auto; }
    section#interior button.slick-prev{ left:50%; margin-left:-48vw;}
    section#interior button.slick-next{ right:50%; margin-right:-48vw; }
    section#interior ul.interior-nav{ display:none; }
}

/* equipment
==================================*/
section#equipment>img{ display:block; width:1000px; margin:0 auto; }
section#equipment>div.border:nth-of-type(2)>h4{ margin:100px 0 -1px 0; padding-top:10px; }
section#equipment>dl.s_menu{ width:100%; max-width:1400px; background-image:url("./img/eq3.jpg"); background-position:center top;
        background-repeat:no-repeat; height:1000px; padding-top:770px; margin-top:-180px; }

@media screen and (max-width: 768px) {
    section#equipment{ }
    section#equipment>div.border:nth-of-type(2)>h4{ margin-top:10vw; }
    section#equipment>dl.s_menu{ background-size:cover; height:150vw; padding-top:90vw; margin-top:-40vw; }
}

/* premium
==================================*/
section#premium{ background-image:url("./img/premium_bg.gif"); color:#fff; }
section#premium>hr{ display:block; margin:0 auto; width:2px; height:90px; background-image:url( "./img/bg_line.gif" ); background-repeat:repeat-y; background-position-x:50%; border:solid 1px rgba(0,0,0,0); }
section#premium>hr:nth-of-type(1){ height:60px; }
section#premium>hr:nth-of-type(2){ height:15px; }
section#premium h3, section#premium h4 { background:none; margin:0; color:#fff; }
section#premium h5 { font-size:2em; text-align:center; display:block; width:1000px; height:80px; position:absolute; padding-top:20px; }
section#premium>div{ width:1000px; margin:0 auto; text-align:center; }
section#premium>div:nth-of-type(3){ background:rgba( 255,255,255,.11 ); padding-bottom:60px; }
section#premium>div:nth-of-type(3)>h5{ position:static; }
section#premium>div:nth-of-type(3)>ul>li{ width:92%; margin:0 auto; font-size:1.5em; }
section#premium>div:nth-of-type(3)>ul>li h6{ font-size:1.6em; }
section#premium>div:nth-of-type(3)>ul>li:nth-of-type(1)>dl{ letter-spacing:-.4em; margin-bottom:20px; }
section#premium>div:nth-of-type(3)>ul>li:nth-of-type(1)>dl>dt{ display:inline-block; letter-spacing:normal; width:50%; vertical-align:middle; }
section#premium>div:nth-of-type(3)>ul>li:nth-of-type(1)>dl>dd{ display:inline-block; letter-spacing:normal; width:50%; vertical-align:middle; text-align:right; }
section#premium>div:nth-of-type(3)>ul>li>dl>dt>span{ display:block; margin:10px 0 20px 0; }
section#premium>div:nth-of-type(3)>ul>li>dl>dt>p{ font-size:1.2em; margin:10px 0; }
section#premium>div:nth-of-type(3)>ul>li>dl>dt>p>span{ display:inline-block; background:#fff; color:#524e4d; line-height:25px; padding:0 5px; margin:0 2px; }
section#premium>div:nth-of-type(4){ background:rgba( 255,255,255,.11 ); padding-bottom:30px; }
section#premium>div:nth-of-type(4)>h5{ position:static; }
section#premium>div:nth-of-type(4)>ul{ width:92%; margin:0 auto; letter-spacing:-.4em; }
section#premium>div:nth-of-type(4)>ul>li{ display:inline-block; letter-spacing:normal; width:48%; vertical-align:middle; }
section#premium>div:nth-of-type(4)>ul>li>p{ font-size:1.6em; }
section#premium>div:nth-of-type(4)>ul>li:nth-of-type(1){ margin-right:4%; }
section#premium>div:nth-of-type(5){ background:rgba( 255,255,255,.11 ); padding:30px 0; }
section#premium>div:nth-of-type(5)>ul{ width:92%; margin:0 auto; letter-spacing:-.4em; }
section#premium>div:nth-of-type(5)>ul>li{ display:inline-block; letter-spacing:normal; width:48%; vertical-align:middle; }
section#premium>div:nth-of-type(5)>ul>li>p{ font-size:1.8em; }
section#premium>div:nth-of-type(5)>ul>li:nth-of-type(1){ margin-right:4%; }

section#premium>div>ul>li>img{ width:100%; }

@media screen and (max-width: 768px) {
    section#premium{  }
    section#premium>hr{ height:10vw; }
    section#premium>hr:nth-of-type(1){ height:13vw; }
    section#premium>hr:nth-of-type(2){ height:3vw; }

    section#premium h5{ width:100%; padding-top:2vw; height:18vw; font-size:1.3em; }
    section#premium>div{ width:100%; }

    section#premium>div:nth-of-type(3)>ul>li{ font-size:1.0em; width:92%; margin:0 auto; }
    section#premium>div:nth-of-type(3)>ul>li h6{ font-size:1.4em; }
    section#premium>div:nth-of-type(3)>ul>li>dl>dt>span{ font-size:1.0em; margin:0; }
    section#premium>div:nth-of-type(3)>ul>li>dl>dt>p{ font-size:1.2em; margin:2vw 0; }
    section#premium>div:nth-of-type(3)>ul>li>dl>dt>p>span{ line-height:4vw; padding:0 1vw; margin:0 1vw; }

    section#premium>div:nth-of-type(3)>ul>li:nth-of-type(1)>dl{ text-align:center; }
    section#premium>div:nth-of-type(3)>ul>li:nth-of-type(1)>dl>dt{ width:90%; }
    section#premium>div:nth-of-type(3)>ul>li:nth-of-type(1)>dl>dd{ width:90%; }
    section#premium>div:nth-of-type(3)>ul>li:nth-of-type(1)>dl>dd>img{ max-width:100%; }
    section#premium>div:nth-of-type(4)>ul>li{ width:100%; }
    section#premium>div:nth-of-type(4)>ul>li>p{ font-size:1.2em; }
    section#premium>div:nth-of-type(5)>ul>li{ width:100%; }
    section#premium>div:nth-of-type(5)>ul>li>p{ font-size:1.2em; }
}

/* color
==================================*/
section#color{ padding-bottom:50px; }
section#color ul.color .slick-list{ padding:0; }
section#color ul.color .slick-list li{ opacity:0.5; width:700px; }
section#color ul.color .slick-list li.slick-active{ opacity:1.0; }
section#color ul.color button{ border:0; width:250px; height:540px; position:absolute; z-index:3; top:1px; background-repeat:no-repeat; background-position:center;
        text-indent:-4649em; cursor:pointer; }
section#color button.slick-prev{ left:50%; margin-left:-500px; background:url(./img/arrow01.png); }
section#color button.slick-next{ right:50%; margin-right:-500px; background:url(./img/arrow02.png); }
section#color ul.color-nav{  }
section#color ul.color-nav .slick-track{ width:763px !important; margin:5px auto; text-align:center; }
section#color ul.color-nav li{ margin:0; opacity:1.0; width:109px !important; cursor:pointer; }
section#color ul.color-nav li.slick-active{ opacity:0.3; }
section#color ul.color-nav li:hover{ opacity:0.3; }



@media screen and (max-width: 768px) {
    section#color{  }
    section#color ul.color button{ width:10vw; height:60vw; background-size:5vw auto; }
    section#color button.slick-prev{ left:50%; margin-left:-48vw;}
    section#color button.slick-next{ right:50%; margin-right:-48vw; }
    section#color ul.color-nav{ display:none; }
}

/* fuel
==================================*/
section#fuel{ background:#eee; width:100%; max-width:1400px; margin:0 auto; padding-bottom:70px; }
section#fuel h3, section#fuel h4{ background:#eee; }
section#fuel img{ display:block; margin:0 auto 40px auto; }

@media screen and (max-width: 768px) {
    section#fuel{ padding-bottom:7vw; }
    section#fuel img{ margin:0 auto 3vw auto; }
}

/* customize
==================================*/
section#customize img{ display:block; margin:0 auto 150px auto; }

@media screen and (max-width: 768px) {
    section#customize img{ margin:0 auto 10vw auto; }
}

/* simulation
==================================*/
section#simulation{  background-image:url("./img/simulation_bg.gif"); color:#fff; width:100%; max-width:1400px; margin:0 auto; }
section#simulation>hr{ display:block; margin:0 auto; width:2px; height:90px; background-image:url( "./img/bg_line.gif" ); background-repeat:repeat-y; background-position-x:50%; border:solid 1px rgba(0,0,0,0); }
section#simulation h3, section#simulation h4 { background:none; margin:0; color:#fff; }
section#simulation>hr:nth-of-type(1){ height:60px; }
section#simulation>hr:nth-of-type(2){ height:15px; }
section#simulation>div{ width:1000px; margin:0 auto; background:#fff; color:#000; z-index:2; position:relative; padding-bottom:60px; }
section#simulation>div>h5{ font-size:3.0em; color:#fff; text-align:center; background:#0e0f21; line-height:70px; }
section#simulation>div>p{ font-size:2.0em; text-align: center; margin-top:40px; }
section#simulation>div>img{ display:block; margin:0 auto; }
section#simulation>div>dl{ width:90%; margin:0 auto;}
section#simulation>div>dl>dt>div{  font-size:2.7em; line-height:40px; text-align: center; color:#CECAC8; margin-top:50px; }
section#simulation>div>dl>dt>h6{ font-size:3.2em; line-height:40px; text-align: center; }
section#simulation>div>dl>dt>p{ font-size:1.8em; line-height:30px; text-align: center; }
section#simulation>div>dl>dd>p{ font-size:2.0em; background:#303240; color:#fff; text-align: center; line-height:70px; margin-top:10px; }
section#simulation>div>dl:nth-of-type(1)>dd>dl>dt{ text-align:center; background:#f0f8fd; padding:20px; }
section#simulation>div>dl:nth-of-type(1)>dd>dl>dt a:hover{ opacity: .6; }
section#simulation>div>dl:nth-of-type(1)>dd>dl>dd{ text-align:center; background:#575352; padding:20px; font-family:"メイリオ"; font-size:1.4em; }
section#simulation>div>dl:nth-of-type(1)>dd>dl>dd>p{ background:#fff; color:#28140D; text-align:center; padding:10px; }
section#simulation>div>dl:nth-of-type(1)>dd>dl>dd>div{ color:#fff; margin:20px 0; }
section#simulation>div>dl:nth-of-type(2)>dd>dl>dt{ font-family:"メイリオ"; font-size:1.4em; line-height:30px; }
section#simulation>div>dl:nth-of-type(2)>dd>dl>dd{ font-size:3.0em; line-height:50px; color:#E4981D; }
section#simulation>div>dl:nth-of-type(3)>dd>dl{ letter-spacing:-.4em; background:#EDF7FC; padding:20px 3%; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dt{ display:inline-block; letter-spacing:normal; width:40%; vertical-align:middle; text-align:center; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dd{ display:inline-block; letter-spacing:normal; width:60%; vertical-align:middle; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>p{ color:#29AEDA; font-size:2.4em; line-height:60px; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>p>span{ font-size:2.0em; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>ul>li{ font-family:"メイリオ"; font-size:1.4em; line-height:30px; color:#28140D; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>ul>li>p{ font-family:"Sawarabi Mincho"; font-size:1.4em; line-height:28px; color:#A80524; margin:15px 0 0 0; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>ul>li>p:before {content: "-"; }
section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>ul>li>span{ display:block; font-size:0.8em; }

@media screen and (max-width: 768px) {
    section#simulation{  }
    section#simulation>div{ width:100%; }
    section#simulation>hr{ height:10vw; }
    section#simulation>hr:nth-of-type(1){ height:13vw; }
    section#simulation>hr:nth-of-type(2){ height:3vw; }

    section#simulation>div>h5{ font-size:1.5em; }
    section#simulation>div>p{ font-size:1.3em; }

    section#simulation>div>dl>dt>div{ font-size:2em; line-height:5.0vw; }
    section#simulation>div>dl>dt>h6{ font-size:2em; line-height:6.0vw; }
    section#simulation>div>dl>dt>p{ font-size:1.2em; line-height:4.0vw; }
    section#simulation>div>dl>dd>p{ font-size:1.2em; line-height:4.0vw; padding:3vw; }

    section#simulation>div>dl:nth-of-type(1)>dd>dl>dd{ font-size:1.2em;  line-height:3.0vw; }
    section#simulation>div>dl:nth-of-type(1)>dd>dl>dd>p{  }

    section#simulation>div>dl:nth-of-type(2)>dd>dl>dt{ font-size:1.0em; line-height:4.0vw; }
    section#simulation>div>dl:nth-of-type(2)>dd>dl>dd{ font-size:1.6em; }


    section#simulation>div>dl:nth-of-type(3)>dd>dl>dt{ width:100%; }
    section#simulation>div>dl:nth-of-type(3)>dd>dl>dt>img{ width:50%; }
    section#simulation>div>dl:nth-of-type(3)>dd>dl>dd{ width:100%; }
    section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>p{ font-size:1.5em; line-height:5vw; margin-top:5vw; }
    section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>p>span{ font-size:2em; }
    section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>ul>li{ font-size:1em; line-height:3.5vw; }
    section#simulation>div>dl:nth-of-type(3)>dd>dl>dd>ul>li>p{ font-size:1.5em; line-height:5vw; margin:2vw 0 0 0; }
}




/* s_menu
==================================*/
dl.s_menu{ width:1000px; margin:0 auto; padding:70px 0; }
dl.s_menu>dt>ul{text-align:center;}
dl.s_menu>dt>ul>li{display:inline-block; margin:5px;}
dl.s_menu>dt>ul>li>a{ display:block; width:282px; height:62px; background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important; }
dl.s_menu>dt>ul>li:nth-of-type(1)>a{ background:url("./img/smenu01.png"); }
dl.s_menu>dt>ul>li:nth-of-type(2)>a{ background:url("./img/smenu02.png"); }
dl.s_menu>dt>ul>li:nth-of-type(3)>a{ background:url("./img/smenu03.png"); }
dl.s_menu>dd>a{ display:block; width:726px; height:112px; background:url("./img/smenu04.png"); background-size:contain; background-repeat:no-repeat;
    background-position:center; margin:10px auto 0 auto; }
dl.s_menu a:hover{ opacity: .6; }


@media screen and (max-width: 768px) {
    dl.s_menu{ width:100%; padding:10px 0; }
    dl.s_menu>dt>ul>li{display:block;}
    dl.s_menu>dt>ul>li>a{ width:100%; height:12vw; }
    dl.s_menu>dd>a{ width:100%; height:18vw; }
}

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

/* fooTer
==================================*/

footer{ height:1150px; background:url("./img/foot01.jpg"); background-repeat:no-repeat; background-position:center top; z-index:1;
        margin-top:-370px; padding-top:380px; }
footer>div{ border:solid 1px rgba(0,0, 0, 0); margin:0 auto 0 auto; width:1000px; height:770px; }
footer>div>img{ display:block; margin:300px 0 170px 0; }
footer>div>dl.s_menu{ padding:0; }
footer>p{ text-align:center; color:#fff; line-height:50px; font-size:1.4em; margin-top:-50px; }

@media screen and (max-width: 768px) {
    footer { height:auto; background:none;  margin-top:0; padding-top:0; }
    footer>div{ width:100%; height:180vw; background:url("./img/foot03.jpg"); background-size:cover; background-position:center bottom;
            background-repeat:no-repeat; padding-top:10vw; }
    footer>div>img{ display:none; }
    footer>p{ font-size:2.5vw; }
}

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