@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',"メイリオ", sans-serif, Helvetica, Verdana, Arial, 'ＭＳ Ｐゴシック';}
@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{ transform: rotate(0.001deg); }
hr{  clear:both; border:0;}
h3, h4, h5, h6{ font-weight:normal;  transform: rotate(0.001deg);}
ol, ul{ list-style:none; }


@media screen and (max-width: 768px) {
    html{ font-size:2vw; }
    section{ padding-top:0vw; }
}

*:focus {
outline: 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; }

/* heaDer
==================================*/
header{width:100%; height:80px; position:fixed; z-index:100; background:rgba( 14, 16, 13, .5 ); box-sizing: border-box;}
header h1{font-size:0; line-height:0; width:185px; position:absolute; left:50%; margin-left:-500px;z-index: 99;}
header nav.nav_header.sp{ display: none; }
header nav.nav_header.pc{display: block; width:820px; position:absolute; top:0; right:50%; margin-right:-500px; }
/*
header nav.nav_header.pc ol{ margin:0 0 0 auto; text-align:right; }
header nav.nav_header.pc ol li{display:inline-block; height:60px; }
*/
header nav.nav_header.pc ol{ margin:0 0 0 auto; text-align:right; display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around;}
header nav.nav_header.pc ol li{height:60px; }
header nav.nav_header.pc ol li a{ color:#fff; text-decoration:none; display:block; line-height:25px; padding:22px 10px 0 10px; font-size:1.5em; transform: rotate(0.001deg); padding-bottom: 2px; }
header nav.nav_header.pc ol li a:hover{border-bottom:solid 1px #fff;}
header ul{width:210px; position:absolute; top:100px; right:0;}
header ul li{width:95px; float:left;}
header ul li.last{width:105px;}

@media screen and (max-width: 768px) {
    header{height:10vw; 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:10vw;}

    header p.btn_menu{width:12vw; height:10vw; float:right;  position:relative; cursor:pointer; padding:0; z-index:2;}
    header p.btn_menu span.line01{position:absolute; width:8vw; height:3px; background:#fff; top:2.0vw; left:2vw;-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:#fff; top:5.0vw; left:2vw;-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:#fff; top:8.0vw; left:2vw;-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{}
    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:5vw;}
    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:5vw;}

    header nav.nav_header.pc{
      display: none;
    }
    header nav.nav_header.sp{
      position: fixed;
      width: 100%;
      top: 10vw;
      right: 0;
      margin: 0;
      display: none;
      background-image: none;
    }
    header nav.nav_header.sp ol{height:auto; padding:0;  background-color:rgba( 14, 16, 13, .6 );  border-top:1px solid  #d0d0d0;}
    header nav.nav_header.sp ol li{
      position: relative;
      height: 8.5vw;
      line-height: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: auto;
      border-bottom: 1px solid #d0d0d0;
      text-align: center;
      }
    header nav.nav_header.sp ol li a{text-align:center; padding:0;}
    header nav.nav_header.sp ol li img{width: 72vw;}
    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%;}
/*    header nav.nav_header ul#smp_social{　background-color:rgba( 14, 16, 13, .6 ); padding: 10px 0;　height:30px;}*/
    header nav.nav_header.sp ol li#smp_social div{ float: left; width: 50%;}
    header nav.nav_header.sp ol li#smp_social div a{ display: block; width: 60px; margin:0 auto;}
    header nav.nav_header.sp ol li#smp_social div>div{width: 98px; margin:0 auto;}
}

/* visual
==================================*/
section#visual_box{ background-color:#080706; padding-top:750px; background-image:url("../img/mainv_bg.jpg"); background-position:center top; background-repeat:no-repeat; }
section#visual_box>ol{ position:relative; text-align:center; z-index:3; height:97px; margin-top:-97px; background:rgba(8,7,6,.63); white-space:nowrap; }
section#visual_box>ol>li{ display:inline-block; max-width:300px; width: 28%; margin:12px 15px; vertical-align:middle; }
section#visual_box>div{ text-align:center; background:#fff; padding:50px 0; }
/*
section#visual_box>div>ul{ text-align:center;  white-space:nowrap; }
section#visual_box>div>ul>li{ display:inline-block; margin:0 10px; }
*/
section#visual_box>div>ul{ text-align:center;  white-space:nowrap; display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1000px; width: 100%; margin:0 auto;}
section#visual_box>div>ul>li{margin:0 10px; }

@media screen and (max-width: 1200px) {
  section#visual_box {
    background-size:180%; background-position: 59% 0; padding-top: 70%;
  }
}

@media screen and (max-width: 768px) {
    section#visual_box{ padding-top:100vw; background-size:180%; background-position: 59% 0; margin-top:-14vw; }

    section#visual_box>ol{ white-space:normal; height:35vw;  margin-top:-38vw; padding:1vw; }
    section#visual_box>ol>li{ display:inline-block; width:35%; height:15vw; margin:0; vertical-align:middle; margin:0.5vw; }
    section#visual_box>ol>li:nth-of-type(3){ width:70%; text-align:center; }
    section#visual_box>ol>li:nth-of-type(3) img{ width:100%; }
    section#visual_box>ul{ white-space:normal; height:28vw; padding:2vw; }
    section#visual_box>ul>li{ width:32%; height:12vw; background-size:cover !important; background-position:center; margin:1vw 0; }
    section#visual_box>ul>li img{ width:100%;}
    section#visual_box>div{ padding:10vw 0; }
    section#visual_box>div>img{ width:60%; }
    section#visual_box>div>ul{ text-align:center;  white-space:normal; }
    section#visual_box>div>ul>li{ display:inline-block; margin:0 1vw; width:35%; }

}

/* exterior
==================================*/
section#exterior{ padding-top: 5%;}
section#exterior>ol{ background-image:url("../img/ex07.jpg"); background-position:center; color:#fff; }
section#exterior>ol>li{ border:solid 1px rgba(0,0,0,0); width:1000px; margin:0 auto; background-position:center; background-repeat:no-repeat; }
section#exterior>ol>li>h4{ font-size:2.5em; line-height:40px; margin:20px 0; }
section#exterior>ol>li>p{ font-size:1.4em; line-height:25px; font-family:"メイリオ", sans-serif; }
section#exterior>ol>li:nth-of-type(1){ height:268px; width:100%; background-image:url("../img/ex06.jpg"); }
section#exterior>ol>li:nth-of-type(2){ font-size:2.0em; text-align:center; padding:5px 0 65px 0;  }
section#exterior>ol>li:nth-of-type(3){ height:270px; background-image:url("../img/ex08.jpg"); padding:20px 0 0 40px; }
section#exterior>ol>li:nth-of-type(4){ height:650px; background-image:url("../img/ex09.jpg"); color:#28140D; padding:20px 0 0 0; }
section#exterior>ol>li:nth-of-type(4)>h4{ text-align:center; }
section#exterior>ol>li:nth-of-type(4)>p{ text-align:center; }
section#exterior>ol>li:nth-of-type(5){ height:320px; background-image:url("../img/ex10.jpg"); color:#28140D; padding:20px 0 0 40px; }
section#exterior>ol>li:nth-of-type(5)>p{ width:440px; }
section#exterior>ol>li:nth-of-type(6){ height:426px; background-image:url("../img/ex11.jpg"); padding:250px 0 0 0; }
section#exterior>ol>li:nth-of-type(6)>h4{ text-align:center; }
section#exterior>ol>li:nth-of-type(6)>p{ text-align:center; }
section#exterior>ol>li:nth-of-type(7){ height:310px; background-image:url("../img/ex12.jpg"); padding:20px 0 0 40px; }

@media screen and (max-width: 768px) {
    section#exterior{ padding-top: 8%;}
    section#exterior>ol>li{ width:100%; border:0; background-position:center top; background-size:contain; }
    section#exterior>ol>li>h4{ font-size:1.6em; line-height:normal; margin:1vw 0; }
    section#exterior>ol>li>p{ font-size:1.1em;  line-height:normal; }
    section#exterior>ol>li:nth-of-type(1){ height:27vw; background-size:350%; }
    section#exterior>ol>li:nth-of-type(2){ height:10vw; padding:0; font-size:1.2em; width:70%;  }
    section#exterior>ol>li:nth-of-type(3){ height:36vw; padding:0 0 0 2vw; background-position-y: bottom; }
    section#exterior>ol>li:nth-of-type(3)>h4{ width:50%; }
    section#exterior>ol>li:nth-of-type(3)>p{ width:48%; }
    section#exterior>ol>li:nth-of-type(4){ height:70vw; background-position:center bottom; background-color:#fff; }
    section#exterior>ol>li:nth-of-type(5){ height:40vw; padding:2vw; background-position:center bottom; background-color:#fff; }
    section#exterior>ol>li:nth-of-type(5)>p{ width:50%; }
    section#exterior>ol>li:nth-of-type(6){ height:40vw; padding:24vw 0 0 2vw; }
    section#exterior>ol>li:nth-of-type(7){ height:35vw; padding:8vw 2vw 2vw 2vw; }
    section#exterior>ol>li:nth-of-type(7)>p{ width:60%; }
}

@media screen and (max-width: 320px){
    section#exterior>ol>li:nth-of-type(6) {
        height: 43vw;
    }
}

/* fuel
==================================*/
section#fuel{ margin-top:-1px; }
section#fuel>ol>li{ border:solid 1px rgba(0,0,0,0); width:1000px; margin:0 auto; background-position:center; background-repeat:no-repeat; }
section#fuel>ol>li>h4{ font-size:2.5em; line-height:40px; margin:20px 0; }
section#fuel>ol>li>p{ font-size:1.4em; line-height:25px; font-family:"メイリオ", sans-serif; }
section#fuel>ol>li>p>span{ display:block; text-align:right; font-size:0.8em; }
section#fuel>ol>li:nth-of-type(1){ height:268px; width:100%; background-image:url("../img/fuel01.jpg"); }
section#fuel>ol>li:nth-of-type(2){ font-size:2.0em; text-align:center; color:#28140D; padding:35px 0 65px 0; }
section#fuel>ol>li:nth-of-type(3){ height:371px; background-image:url("../img/fuel02.jpg"); padding:50px 20px 0 0; color:#fff; }
section#fuel>ol>li:nth-of-type(3)>h4{ width:33%; margin-left: auto; }
section#fuel>ol>li:nth-of-type(3)>p{ width:33%; margin-left: auto; }
section#fuel>ol>li:nth-of-type(4){ height:335px; background-image:url("../img/fuel03.jpg"); padding:120px 0 0 20px; }
section#fuel>ol>li:nth-of-type(4)>h4{ width:33%; }
section#fuel>ol>li:nth-of-type(4)>p{ width:33%; }
section#fuel>ol>li:nth-of-type(5){ height:412px; background-image:url("../img/fuel04.jpg"); padding:90px 20px 0 0; color:#fff; }
section#fuel>ol>li:nth-of-type(5)>h4{ width:40%; margin-left: auto;}
section#fuel>ol>li:nth-of-type(5)>p{ width:40%; margin-left: auto;}
section#fuel>ol>li:nth-of-type(6){ height:316px; background-image:url("../img/fuel05.jpg"); padding:120px 0 0 20px; }
section#fuel>ol>li:nth-of-type(6)>h4{ width:37%; }
section#fuel>ol>li:nth-of-type(6)>p{ width:37%; }
section#fuel>ol>li:nth-of-type(7){ height:469px; background-image:url("../img/fuel06.jpg"); padding:180px 20px 0 0; color:#fff; }
section#fuel>ol>li:nth-of-type(7)>h4{ width:48%; margin-left: auto; }
section#fuel>ol>li:nth-of-type(7)>p{ width:48%; margin-left: auto; }

section#fuel>dl.s_menu{ background-image:url("../img/fuel08.jpg"); height:555px; margin-top:50px; background-color:#636262; }

@media screen and (max-width: 768px) {
    section#fuel>ol>li{ width:100%; border:0; background-position:center top; background-size:cover; padding:2vw 2vw 2vw 2vw; }
    section#fuel>ol>li>h4{ font-size:1.6em; line-height:normal; margin:1vw 0; }
    section#fuel>ol>li>p{ font-size:1.1em;  line-height:normal; }
    section#fuel>ol>li:nth-of-type(1){ height:28vw; background-size:350%; }
    section#fuel>ol>li:nth-of-type(2){ height:15vw; padding:2vw 2vw; font-size:1.2em; }
    section#fuel>ol>li:nth-of-type(3){ height:45vw; padding:2vw; background-position:center bottom; background-color:#000; text-shadow:1px 1px 1px #000; }
    section#fuel>ol>li:nth-of-type(3)>h4{ width:40%; }
    section#fuel>ol>li:nth-of-type(3)>p{ width:35%; }
    section#fuel>ol>li:nth-of-type(4){ height:40.6vw; padding:2vw; }
    section#fuel>ol>li:nth-of-type(4)>h4{ width:47%; }
    section#fuel>ol>li:nth-of-type(4)>p{ width:45%; }
    section#fuel>ol>li:nth-of-type(5){ height:44.4vw; padding:8vw 2vw 2vw 2vw; background-position:center bottom; background-color:#000; }
    section#fuel>ol>li:nth-of-type(5)>h4{ width:38%; margin-left: auto;}
    section#fuel>ol>li:nth-of-type(5)>p{ width:38%; margin-left: auto;}
    section#fuel>ol>li:nth-of-type(6){ height:38.4vw; padding:2vw; }
    section#fuel>ol>li:nth-of-type(7){ height:47.2vw; padding:2vw; background-position:center center; }
    section#fuel>ol>li:nth-of-type(8){ height:47vw; padding:15vw 2vw 2vw 2vw; }

    section#fuel>dl.s_menu{ height:70vw; margin:0; padding-top:10vw; background-size:cover; background-position:center bottom; }
}

@media screen and (max-width: 320px){
    section#fuel>ol>li:nth-of-type(5) {
        height: 43.2vw;
    }
    section#fuel>ol>li:nth-of-type(6) {
        height: 41.2vw;
    }
}

/* connected
==================================*/
section#connected{
    padding-top: 6%;
}
section#connected>dl>hr{
  display: block;
  width: 850px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-bottom:1px #5d575a solid;
}
section#connected>dl>p{
    display: block;
    font-size: 1.4em;
    list-style: none;
    width: 800px;
    text-align: left;
    margin: 0 auto;
}

section#connected>dl>dt>p{
  text-align: center;
  font-size:1.6em;
  list-style: none;
}

section#connected>dl>dt>p.sub{
  text-align: center;
  font-size:2em;
  list-style: none;
  margin: 0 0 30px;
  font-size: 2.6em;
}
section#connected>dl>dt{
  text-align: center;
}

section#connected>dl>dt.flex{
  display: flex;
  justify-content: center;
}
section#connected>dl>dt.flex>p:nth-child(2){
    width: 360px;
    margin-left: 80px;
    align-self: center;
}
section#connected>dl>dt.flex>p:nth-child(2)>span.mini{
    font-size: 0.8em;
    vertical-align: super;
}
section#connected>dl>p.notes{
    margin-top: 40px;
}

section#connected>dl.audio{
    margin-top: 60px;
    background-image:url("../img/connected05.jpg");
    background-repeat:repeat-x;
    background-position:center;
    height: 470px;
}
section#connected>dl.audio>dt{
    height: 470px;
    padding: 0 0 0 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height:normal;
}
section#connected>dl.audio>dt>h4{
    font-size: 2.6em;
    width:42%;
}
section#connected>dl.audio>dt>p{
    text-align: left;
    width:42%;
    font-size:1.6em;
    margin-top: 15px;
}
section#connected>dl>dt>p.pc{
  display: block;
}
section#connected>dl>dt>p.sp{
  display: none;
}
@media screen and (max-width: 768px) {
  section#connected{
    padding-top: 11%;
}
  section#connected>dl>hr{
    width: 100%;
  }
  section#connected>dl>dt>p{
    width: 80%;
  }
section#connected>dl>dt>img{
  width: 72%;
}
  section#connected>dl>dt>p.sub{
      display: inline-block;
      font-size: 1.4em;
  }
  section#connected>dl>dt.flex{
    display: block;
  }
  section#connected>dl>dt.flex>p{
    text-align: center;
    display: inline-block;
  }

  section#connected>dl>dt.flex>p.sp{
      width: 95%;
      margin: 0 auto;
      margin: 3% auto 5%;
      font-size: 1.5em;
  }
  section#connected>dl>p.notes{
    padding: 0 4%;
    width: 100%;
    line-height: 1.5em;
  }
  section#connected>dl>dt>p.pc{
    display: none;
  }
  section#connected>dl>dt>p.sp{
    display: inline-block;
  }
  section#connected>dl.audio{
    margin-top: 20px;
    background-image:url("../img/connected05_sp.jpg");
    background-repeat:no-repeat;
    background-position:top;
    width:100%;
    height: 42vw;
    background-size: 100%;
  }
  section#connected>dl.audio>dt{
      height: 100%;
      padding: 0 0 0 0;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      line-height:normal;
  }
  section#connected>dl.audio>dt>h4{
    font-size: 1.8em;
    width: 90%;
    margin-top: 0;
  }
  section#connected>dl.audio>dt>p{
    text-align: left;
    width: 90%;
    font-size: 1.4em;
    margin-top: 5px;
  }
}

/* safety
==================================*/
section#safety{  padding-top: 6%; }
section#safety>dl{  }
section#safety>dl>dt{ text-align:center; }
section#safety>dl>dt>p{ font-size:2.0em; text-align:center; color:#28140D; }

section#safety>dl>dd{ width:1000px; margin:40px auto 0 auto; background:#eee; padding:20px; color:#28140D; }
section#safety>dl>dd>h4{ font-size:2.8em; text-align:center; padding:30px 0; line-height:normal; }

section#safety>dl>dd:nth-of-type(1)>dl{ letter-spacing:-.4em; margin-bottom:50px; }
section#safety>dl>dd:nth-of-type(1)>dl>dt{ width:359px; display:inline-block; letter-spacing:normal; vertical-align:top; text-align:center; padding:20px; }
section#safety>dl>dd:nth-of-type(1)>dl>dt>h5{ font-size:1.8em; margin:30px 0 0 0; text-align:center; }
section#safety>dl>dd:nth-of-type(1)>dl>dt>span{ font-size:1.1em; display:block; margin:10px 0 0 0; text-align:center; }
section#safety>dl>dd:nth-of-type(1)>dl>dt>p{ font-size:1.4em;  margin:10px 0 0 0; font-family:"メイリオ", sans-serif; }
section#safety>dl>dd:nth-of-type(1)>dl>dd{ width:601px; display:inline-block; letter-spacing:normal; vertical-align:top; }

section#safety>dl>dd:nth-of-type(2)>dl{ letter-spacing:-.4em; margin-bottom:30px; }
section#safety>dl>dd:nth-of-type(2)>dl>dt{ width:477px; height:190px; display:inline-block; letter-spacing:normal; vertical-align:top; background:#fff; padding:15px 20px; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>span{ font-size:1.4em; display:block; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>h5{ font-size:2.0em; line-height:40px; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>h5>span{ font-size:0.7em; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>ul{ margin-bottom:5px; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>ul>li{ vertical-align:middle; display:inline-block; font-family:"メイリオ", sans-serif;}
section#safety>dl>dd:nth-of-type(2)>dl>dt>ul>li:nth-of-type(1){ width:77px; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>ul>li:nth-of-type(2){ width:150px; line-height:15px; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>p{ font-size:1.2em; font-family:"メイリオ", sans-serif; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>ol{ letter-spacing:5px; }
section#safety>dl>dd:nth-of-type(2)>dl>dt>ol>li{ vertical-align:middle; display:inline-block; font-family:"メイリオ", sans-serif; width:195px; letter-spacing:normal;}
section#safety>dl>dd:nth-of-type(2)>dl>dd{ width:483px; display:inline-block; letter-spacing:normal; vertical-align:top; }
section#safety>dl>dd:nth-of-type(2)>dl>dd>img{ width:100%; }
section#safety>dl>dd:nth-of-type(2)>dl:nth-of-type(2)>dt{ padding-top:70px; }
section#safety>dl>dd:nth-of-type(2)>dl:nth-of-type(3)>dt{ padding-top:70px; }
section#safety>dl>dd:nth-of-type(2)>p{ text-align:right; margin:-20px 0 20px 0; font-size:1.2em; font-family:"メイリオ", sans-serif;  }

@media screen and (max-width: 768px) {
    section#safety{ padding-top: 11%;  }
    section#safety>dl>dt>img{ width:82%; }
    section#safety>dl>dt>p{ font-size:1.4em; }
    section#safety>dl>dd{ width:100%; margin:5vw auto 0 auto; }
    section#safety>dl>dd>h4{ font-size:1.6em; }

    section#safety>dl>dd:nth-of-type(1)>dl{ margin-bottom:2vw; }
    section#safety>dl>dd:nth-of-type(1)>dl>dt{ width:100%; padding:0; }

    section#safety>dl>dd:nth-of-type(1)>dl>dt>img{ display:block; float:left; width:25%; margin: 0 2vw 2vw 0; }
    section#safety>dl>dd:nth-of-type(1)>dl>dt>h5{ font-size:1.3em; margin:2vw 0 0 0; text-align:left; }
    section#safety>dl>dd:nth-of-type(1)>dl>dt>span{ font-size:0.9em; margin:0; text-align:left; }
    section#safety>dl>dd:nth-of-type(1)>dl>dt>p{ font-size:1.1em; margin:0; text-align:left; }
    section#safety>dl>dd:nth-of-type(1)>dl>dd{ width:100%; margin-bottom:5vw; }

    section#safety>dl>dd:nth-of-type(2)>dl{ margin-bottom:5vw; }
    section#safety>dl>dd:nth-of-type(2)>dl>dt{ width:100%; height:auto; }
    section#safety>dl>dd:nth-of-type(2)>dl>dt>h5{ line-height:normal; }
    section#safety>dl>dd:nth-of-type(2)>dl>dt>ul{ margin-bottom:0; }

    section#safety>dl>dd:nth-of-type(2)>dl>dt>ol{ text-align:center; }
    section#safety>dl>dd:nth-of-type(2)>dl>dt>ol>li{ width:45%; }
    section#safety>dl>dd:nth-of-type(2)>dl>dd{ width:100%; }
    section#safety>dl>dd:nth-of-type(2)>dl:nth-of-type(2)>dt{ padding-top:2vw; }
    section#safety>dl>dd:nth-of-type(2)>dl:nth-of-type(3)>dt{ padding-top:2vw; }
}


/* color
==================================*/
section#color>div{ padding:80px 0; background-image:url("../img/color_bg.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;}
section#color>div>img{ display:block; margin:0 auto; width:1000px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 768px) {
  section#color>div{ padding:0 0; background-image:url("../img/color_bg_sp.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;
    position: relative;
    display: block;
    overflow: hidden;
    height: 100vw;
    }
section#color>div>img{ display:block; margin:0 auto; width:1000px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.8); }
}

/* simulation
==================================*/
section#simulation{ margin:0 0 30px 0;   padding-top: 90px; }
section#simulation h3 { font-size:3.5em; color:#28140D; text-align:center; }
section#simulation h4 { font-size:1.6em; color:#28140D; text-align:center; margin-bottom:40px; }
section#simulation>div{ width:1000px; margin:0 auto; background:#e9eff2; color:#000; position:relative; padding-bottom:60px; }
section#simulation>div>h5{ font-size:3.0em; color:#fff; text-align:center; background:#01131d; line-height:70px; }
section#simulation>div>p{ font-size:2.0em; text-align: center; margin-top:40px; }
section#simulation>div>div{  width:90%; margin:0 auto; }
section#simulation>div>div>p{ height:40px; margin-top:-40px; padding-left:20px; font-size:1.2em; font-family:"メイリオ", sans-serif; }
section#simulation>div>dl{ width:90%; margin:150px auto 0 auto;}
section#simulation>div>dl>dt{ margin-bottom:0; }
section#simulation>div>dl>dt>div{ font-size:6.0em; letter-spacing:-2px; color:#9fbfc7; margin:69px 0 -69px 0; }
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:#6298a5; 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:#fff; padding:30px 20px; }
section#simulation>div>dl:nth-of-type(1)>dd>dl>dt>a>img{ margin-top: 15px;}
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:#9fbfc7; 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:#28140D; margin:20px 0; }
section#simulation>div>dl:nth-of-type(2)>dd>div{ background:#fff; padding:20px; margin-bottom:20px; }
section#simulation>div>dl:nth-of-type(2)>dd>dl>dt{ font-family:"メイリオ"; font-size:1.4em; line-height:30px; color:#28140D; }
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:#fff; 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:#4c8998; 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{ margin:0 0 2vw 0; padding-top:15vw; }
    section#simulation h3 { font-size:2.5em; }
    section#simulation h4 { font-size:1.4em; margin-bottom:5vw; }
    section#simulation>div{ width:100%; }
    section#simulation>div>h5{ font-size:2.0em; line-height:10vw; }
    section#simulation>div>p{ font-size:1.3em; margin-top:4vw; }
    section#simulation>div>div>p{ height:3vw; margin-top:-3vw; padding:0; text-align:center; font-size:0.9em; }
    section#simulation>div>dl{ margin:15vw auto 0 auto;}


    section#simulation>div>dl>dt>div{ font-size:4em; line-height:5.0vw; margin:12vw 0 -12vw 0; }
    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{  padding:1vw; }

    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:100%; padding:70px 0; background-repeat:no-repeat;  background-position:center; }
dl.s_menu>dt{ width:1000px; margin:0 auto; }
dl.s_menu>dt>p{ color:#fff; font-size:4.0em; text-align:center; margin-bottom:30px; }
dl.s_menu>dt>a{ display:block; width:772px; height:111px; background:url("../img/smenu01.png"); background-size:contain; background-repeat:no-repeat;
    background-position:center; margin:10px auto 0 auto; }
dl.s_menu>dt>span{ display:block; color:#fff; width:772px; margin:0 auto 30px auto; text-align:right; font-size:1.3em; font-family:"メイリオ"; }
dl.s_menu>dd{ width:1000px; margin:0 auto; }
dl.s_menu>dd>ul{text-align:center;}
dl.s_menu>dd>ul>li{display:inline-block; margin:5px;}
dl.s_menu>dd>ul>li>a{ display:block; width:311px; height:68px; background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important; }
dl.s_menu>dd>ul>li:nth-of-type(1)>a{ background:url("../img/smenu02.png"); }
dl.s_menu>dd>ul>li:nth-of-type(2)>a{ background:url("../img/smenu03.png"); }
dl.s_menu>dd>ul>li:nth-of-type(3)>a{ background:url("../img/smenu04.png"); }
dl.s_menu a:hover{ opacity: .6; }


@media screen and (max-width: 768px) {
    dl.s_menu{ padding:2vw 0; }
    dl.s_menu>dt{ width:100%; }
    dl.s_menu>dt>p{ font-size:2.5em; margin:0; }
    dl.s_menu>dt>a{ width:100%; height:15vw; margin:0; }
    dl.s_menu>dt>span{ width:100%; margin:0; font-size:1.0em; }
    dl.s_menu>dd{ width:100%; }

    dl.s_menu>dd>ul>li{ width:48%; margin:0; }
    dl.s_menu>dd>ul>li>a{ width:100%; height:12vw; }
}

/*--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{ }
footer>dl.s_menu{ padding:0; margin: 50px 0; }
footer>dl.s_menu>dt>span{ color:#28140D; }
footer>dl.copyright{ height: 100px; background: #000; width: 100%;}
footer>dl.copyright>p{ text-align:center; color:#fff; line-height:50px; font-size:1.4em; padding-top: 30px; }

nav.nav_footer .pc{
    position: fixed;
    bottom: 0px;
    background: rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 999;
    padding: 10px 0;
}
nav.nav_footer .sp{
    display: none;
}
nav.nav_footer dt.pc{ margin:0 0 0 auto; text-align:right; }
/*nav.nav_footer dt li{display:inline-block; height:60px; }*/
nav.nav_footer dt  ul{ display: flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;}
/*nav.nav_footer dt li{height:60px; }*/
nav.nav_footer dt li a{ color:#fff; text-decoration:none; display:block; padding:0; font-size:1.5em; transform: rotate(0.001deg); padding-bottom: 2px; }
nav.nav_footer dt li a:hover{color:#fff;;}

@media screen and (max-width: 768px) {
nav.nav_footer .sp{
    position: fixed;
    bottom: 0px;
    background: rgba(0,0,0,0.3);
    display: block;
    width: 100%;
    z-index: 999;
    padding: 5px 0;
    left: 0;
    right: 0;
}
nav.nav_footer .pc{
    display: none;
}
nav.nav_footer dt.sp{ margin:0 0 0 auto; text-align:center; }
nav.nav_footer dt ul{ text-align: center; }
nav.nav_footer dt li{display:block; width:20%;}
nav.nav_footer dt li:nth-child(1){width:36%;}
nav.nav_footer dt li a{ color:#fff; text-decoration:none; display:block; padding:0; font-size:1.5em; transform: rotate(0.001deg); padding-bottom: 2px; }
nav.nav_footer dt li a:hover{color:#fff;}



    footer{ background-size:220%;  }
    footer>p{ line-height:normal; margin-top:50vw; }


}

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