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

/*  reSet
==================================*/
body{margin:0 auto; padding:0; color:#534741;}
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: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.75;}
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:60px; background-color:rgba(255,255,255,.75); position:fixed; z-index:1100;}
header div{background:url(./img/bg_header.png) top repeat-x; min-height:6px;}
header h1{font-size:0; line-height:0; width:190px; position:absolute; left:50%; margin-left:-500px;}
header nav{width:681px; height:30px; position:absolute; top:20px; right:50%; margin-right:-500px; background:url(./img/bg_navi.png);}
header nav ol{list-style:none; padding-left:1px;}
header nav ol li{font-size:0; line-height:0; float:left; margin-right:1px;}
header nav ol li a{display:block; position:relative; width:100%; height:30px;}
header nav ol li a span{height:3px; width:0; position:absolute; bottom:-3px; left:50%;}
header nav ol li a:hover span{width:96%; position:absolute; left:2%; background:#534741;}

header ul{list-style:none; width:300px; position:absolute; top:50px; right:0; text-align:right;}
header ul li{display: inline-block;; vertical-align: top; font-size:0;}
header ul li>div{ display: none; }


@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:#534741;}
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(255,255,255,.8); display:none; background-image:none;}
header nav ol{padding:0 0 15px;}
header nav ol li{float:none; margin:0; border-bottom:1px solid #999;}
header nav ol li a{width:auto; height:auto; text-align:center; padding:5px 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
==================================*/
div#visual_box{background:url(./img/bg01.jpg) bottom center no-repeat; background-size:100%; padding:60px 0 100px;}
div#visual_box ul{list-style:none; width:1000px; margin:0 auto;}
div#visual_box ol{list-style:none; text-align:center; width:1000px; margin:0 auto; padding-top:35px;}
div#visual_box ol li{display:inline-block; margin:0 1px 15px;}
div#visual_box ol li a{display:block; position:relative; width:100%; border:3px solid #fff;}
div#visual_box ol li a span{position:absolute; top:50%; left:50%; width:0; height:0; background-color:rgba(255,255,255,.4);}
div#visual_box ol li a:hover span{top:0; left:0; width:100%; height:100%;}
@media screen and (max-width: 768px) {
div#visual_box{padding:0 0 30px;}
div#visual_box ul{width:100%;}
div#visual_box ol{width:auto; padding:25px 5% 0;}
div#visual_box ol li{display:block; width:32%; float:left; margin:0 2% 10px 0;}
div#visual_box ol li.multiple3{margin-right:0;}
div#visual_box ol li.last{margin:0 34%;}
div#visual_box ol li.last a{text-align:center;}
div#visual_box ol li a{border:2px solid #fff;}
}

h2{font-size:28px; font-weight:normal; color:#fff; text-align:center; padding:80px 0 330px; background:url(./img/bg02.jpg) center center no-repeat; background-size:cover;}
h2 span{display:block; text-align:center;}
@media screen and (max-width: 768px) {
h2{font-size:16px; font-weight:bold; color:#534741; text-align:left; padding:30px 3% 150px; background:url(./img/bg02.jpg) bottom center no-repeat; background-size:cover;}
h2 span{text-align:left;}
}

/* blOck01
==================================*/
section#block01{padding:50px 0;}
section#block01 h3{font-size:28px; color:#534741; text-align:center; width:1000px; margin:0 auto .5em; padding:1.5em 0; background:url(./img/ttl01.png) left no-repeat;}
section#block01 li a{display:block; text-decoration:none !important; color:#534741 !important;}
section#block01 li a dt{font-size:0; line-height:0; text-align:center;}
section#block01 li a:hover dt img{margin:-5px 0 5px;}
section#block01 li a dd{text-align:center; font-size:16px; line-height:1.25em; padding:1em;}
section#block01 ul.slick-dots{list-style:none; text-align:center; z-index:3; width:100%; bottom:0; padding:0 0 .5em;}
section#block01 ul.slick-dots li{display:inline-block; margin:0 5px;}
section#block01 ul.slick-dots li button{width:12px; height:12px; font-size:0; line-height:0; text-indent:-4649em; background:#ccc; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; cursor:pointer; border:none;}
section#block01 ul.slick-dots li.slick-active button{background:#f2997a; border:none;}
section#block01 .slick-prev{width:24px; height:24px; background:url(./img/arrow01.png); font-size:0; line-height:0; text-indent:-4649em; border:0; position:absolute; z-index:3; bottom:2px; left:44%; margin-left:-185px; cursor:pointer; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none;}
section#block01 .slick-next{width:24px; height:24px; background:url(./img/arrow02.png); font-size:0; line-height:0; text-indent:-4649em; border:0; position:absolute; z-index:3; bottom:2px; right:44%; margin-right:-185px; cursor:pointer; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none;}
@media screen and (max-width: 768px) {
section#block01{padding:30px 0;}
section#block01 h3{font-size:18px; width:auto; margin:0 3% .5em; padding:1.5em 0 1.5em 70px; background-size:70px 50px;}
section#block01 li a dd{/*font-size:12px; */padding:.5em; display:none;}
section#block01 ul.slick-dots li{margin:0 3px;}
section#block01 .slick-prev{bottom:2px; left:3%; margin:0;}
section#block01 .slick-next{bottom:2px; right:3%; margin:0;}
}

/* blOck02
==================================*/
section#block02>div{padding:50px 0; background:url(./img/bg03.jpg) center center no-repeat; background-size:cover;}
section#block02>div h3{font-size:28px; color:#534741; text-align:center; width:1000px; margin:0 auto .5em; padding:1.5em 0; background:url(./img/ttl02.png) left no-repeat;}
section#block02>div h3 span{font-size:18px; font-weight:normal;}
section#block02>div dl{width:1000px; background:#fff; padding:10px 10px 35px; margin:0 auto;}
section#block02>div dl dt{font-size:0; line-height:0; text-align:center; margin-bottom:25px;}
section#block02>div dl dd h4{font-size:18px; font-weight:normal; color:#9dcd82; text-align:center; margin-bottom:.75em;}
section#block02>div dl dd p{font-size:16px; padding:0 6em;}
section#block02>ul{list-style:none; background:#9dcd82;}
section#block02>ul>li{width:50%; float:left; padding:40px 30px;}
section#block02>ul>li.even{background:#fff;}
section#block02>ul>li>dl{width:470px; float:right;}
section#block02>ul>li.even>dl{float:left;}
section#block02>ul>li>dl>dt{font-size:24px; font-weight:bold; line-height:1.25em; text-align:center; margin-bottom:.5em;}
section#block02>ul>li>dl>dt span{font-size:18px; font-weight:normal;}
section#block02>ul>li>dl>dd>dl>dt{font-size:0; line-height:0; margin-bottom:15px;}
section#block02>ul>li>dl>dd>dl>dd h4{font-size:17px; text-align:center; margin-bottom:1em;}
section#block02>ul>li>dl>dd>dl>dd p{font-size:15px; line-height:1.4em; margin-bottom:1em;}
section#block02>ul>li.first>dl>dd>dl>dd p{color:#fff;}
section#block02>ul>li.first>dl>dd>dl>dd p span{display:block; padding-left:1em; text-indent:-1em;}
section#block02>ul>li.even>dl>dd>dl>dd p span{display:block; font-size:13px; color:#9dcd82; padding-top:1em;}
section#block02>ul>li>dl>dd>dl>dd>ul li{list-style:none; font-size:13px; line-height:1.3em; padding-left:1em; text-indent:-1em; margin-bottom:.25em;}
@media screen and (max-width: 768px) {
section#block02>div{padding:30px 3%;}
section#block02>div h3{font-size:18px; width:auto; padding:1.5em 0 1.5em 70px; background-size:70px 50px;}
section#block02>div h3 span{font-size:14px;}
section#block02>div h3 span.smp{display:block; text-align:center;}
section#block02>div dl{width:auto;}
section#block02>div dl dt{margin-bottom:15px;}
section#block02>div dl dd h4{font-size:14px; font-weight:bold;}
section#block02>div dl dd p{font-size:13px; padding:0 3%;}
section#block02>ul>li{width:auto; float:none; padding:20px 3%;}
section#block02>ul>li>dl{width:auto; float:none;}
section#block02>ul>li.even>dl{float:none;}
section#block02>ul>li>dl>dt{font-size:17px;}
section#block02>ul>li>dl>dt span{font-size:14px;}
section#block02>ul>li>dl>dd>dl>dd h4{font-size:15px;}
section#block02>ul>li>dl>dd>dl>dd p{font-size:13px;}
section#block02>ul>li.even>dl>dd>dl>dd p span{font-size:12px;}
section#block02>ul>li>dl>dd>dl>dd>ul li{font-size:12px;}
}

/* blOck03
==================================*/
section#block03{padding:50px 0; background:url(./img/bg04.jpg) center center no-repeat; background-size:cover;}
section#block03 h3{font-size:28px; color:#fff; text-align:center; width:1000px; margin:0 auto .5em; padding:2.25em 0; background:url(./img/ttl03.png) left no-repeat;}
section#block03 ul{list-style:none; width:1000px; margin:0 auto;}
section#block03 ul li{width:490px; float:left; background:#fff; padding:10px 10px 30px;}
section#block03 ul li.even{float:right;}
section#block03 ul li dt{font-size:0; line-height:0; text-align:center; margin-bottom:20px;}
section#block03 ul li dd h4{font-size:17px; color:#ffd800; text-align:center; margin-bottom:.75em;}
section#block03 ul li dd p{font-size:15px; line-height:1.4em; padding:0 1.5em;}
@media screen and (max-width: 768px) {
section#block03{padding:30px 3%;}
section#block03 h3{font-size:18px; width:auto; padding:2.25em 0 2.25em 70px; background-size:70px 50px;}
section#block03 ul{width:auto;}
section#block03 ul li{width:auto; float:none; padding:10px 10px 20px;}
section#block03 ul li.even{float:none; margin-top:15px;}
section#block03 ul li dt{margin-bottom:15px;}
section#block03 ul li dd h4{font-size:15px;}
section#block03 ul li dd p{font-size:13px; padding:0 .5em;}
}

/* blOck04
==================================*/
section#block04{padding-top:40px;}
section#block04 h3{font-size:28px; color:#534741; text-align:center; width:1000px; margin:0 auto .5em; padding:1.5em 0; background:url(./img/ttl04.png) left no-repeat;}
section#block04 h3>span{font-size:18px; font-weight:normal;}
section#block04 h3>span>span.pc{display:block; text-align:center;}
section#block04 li{list-style:none; font-size:0; line-height:0; width:50%; float:left; text-align:right;}
section#block04 li.even{text-align:left;}
@media screen and (max-width: 768px) {
section#block04{padding:30px 0;}
section#block04 h3{font-size:18px; width:auto; margin:0 3% .5em; padding:1.5em 0 1.5em 70px; background-size:70px 50px;}
section#block04 h3>span{font-size:14px;}
section#block04 h3>span>span.pc{display:inline;}
section#block04 h3>span span.smp{display:block; text-align:center;}
section#block04 ul{padding:0 5% 1px;}
section#block04 li{width:auto; float:none; text-align:center; margin-bottom:5px;}
section#block04 li.even{text-align:center;}
}

/* blOck05
==================================*/
section#block05{padding:50px 0; background:url(./img/bg05.jpg) top center no-repeat; background-size:100% auto;}
section#block05 h3{font-size:28px; line-height:1.25em; color:#fff; text-align:center; width:1000px; margin:0 auto .5em; padding:1.5em 0; background:url(./img/ttl05.png) left no-repeat;}
section#block05 h3>span{font-size:18px; font-weight:normal;}
section#block05>div{width:1000px; background:#fff; padding:20px; margin:0 auto;}
section#block05>div dl.description>dt{font-size:18px; font-weight:bold; color:#b8e2f4; text-align:center; margin-bottom:.5em;}
section#block05>div dl.description>dd{font-size:15px; line-height:1.4em; padding:0 3em 1em; border-bottom:2px solid #b8e2f4;}
section#block05>div>ul{list-style:none; padding:25px 15px;}
section#block05>div>ul li{width:444px; float:left;}
section#block05>div>ul li.even{float:right;}
section#block05>div>ul li p{font-size:15px; line-height:1.4em; padding:1.5em .5em 0;}
section#block05 ul li{list-style: none;}
section#block05>div dl.description>dt{padding-top: 1.5em;}
section#block05>div dl.description>dd ul{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%;}
section#block05>div dl.description>dd ul li{width: 32%; margin:0 auto;}
section#block05>div dl.description>dd p{padding-bottom: 1em;}
section#block05 h4{font-size: 18px; padding-bottom: .6em;}
section#block05>div>div{max-width: 940px; width: 98%; margin:0 auto; padding: 2em 0;}
section#block05>div>div p{ padding-bottom: 1em;}
section#block05>div>div{border-bottom: #f2997a solid 3px;}
div.safe_alarm>img{ max-width: 793px; width: 100%; display: block; margin:0 auto;}
div.safe_alarm ul li{max-width: 416px; width: 48% ;}
div.safe_alarm ul{margin: 2% 0;}
div.safe_alarm ul li dl dd p{padding-bottom: 1em;}
div.safe_alarm ul li.first{float: left; margin-left:3%;}
div.safe_alarm ul li.last{float: right; margin-right:3%;}
div.safe_mistake dl{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 1em 0;}
div.safe_mistake dl dt { max-width: 249px; width: 26.5%;}
div.safe_mistake dl dt img{width: 100%; display: block;}
div.safe_mistake dl dt p{display: none;}
div.safe_mistake dl dd{width: 73.5%; padding-left: 1em; box-sizing: border-box;}
div.safe_mistake>img{padding: 1em 0; border-bottom: #656565 solid 1px; margin-bottom:1em;}
section#block05>div>div.safe_attention{border-bottom: none;}
div.safe_attention p{border: #656565 solid 1px; padding: 1em; box-sizing: border-box;}
div.safe_attention p{position: relative; text-indent: 1.5em; line-height: 1.5em;}
div.safe_attention p:before{position: absolute; left:1em; content:"";display:inline-block; width:1.5em; height:1.5em; background:url(img/icon_attention.png) no-repeat; background-size:contain;}

/*
section#block05>div dl.safe dt{font-size:18px; font-weight:bold; text-align:center; padding:.25em; margin-bottom:1em; background:#b8e2f4;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
section#block05>div dl.safe dd ol{list-style:none; text-align:center;}
section#block05>div dl.safe dd ol li{font-size:0; line-height:0; display:inline-block; margin:0 5px 10px;}
*/
@media screen and (max-width: 768px) {
section#block05{padding:30px 3%;}
section#block05 h3{font-size:18px; width:auto; padding:1.5em 0 1.5em 70px; background-size:70px 50px; text-shadow:0 0 3px #534741;}
section#block05 h3>span{font-size:14px;}
section#block05>div{width:auto; padding:15px 0;}
section#block05>div dl.description>dt{font-size:14px;}
section#block05>div dl.description>dd{font-size:12px; padding:0 0 1em;}
section#block05>div>ul{padding:25px 0;}
section#block05>div>ul li{width:auto; float:none;}
section#block05>div>ul li.even{float:none; margin-top:25px;}
section#block05>div>ul li p{font-size:13px; padding:1.5em .5em 0;}
    #block05>div dl.description>dt{padding: 1em 1em 0 1em;}
section#block05>div dl.description>dd p{padding: 0.5em 1em 1em 1em;}
    section#block05>div dl.description>dd ul li p{font-size: 10px; padding: 0;}
    section#block05 h4{font-size: 16px;}
    div.safe_alarm ul li.first{margin-left: 0;}
    div.safe_alarm ul li.last{margin-right: 0;}
    section#block05 p small{display: block; line-height: 1.5;}
/*
section#block05>div dl.safe dt{font-size:16px;}
section#block05>div dl.safe dd ol li{display:block; margin:0 1px 10px; float:left;}
*/
/*section#block05>div dl.safe dd ol li.multiple2{width:49%; float:left;}*/
/*section#block05>div dl.safe dd ol li.multiple3{width:49%; float:right;}*/
/*section#block05>div dl.safe dd ol li.last{width:49%; margin:0 auto;}*/
}
@media screen and (max-width: 414px){
    div.safe_alarm ul li.first{float: none; width: 100%;margin-bottom: 3%;}
    div.safe_alarm ul li.last{float: none; width: 100%; margin-bottom: 3%;}
    div.safe_mistake dl {display: block}
    div.safe_mistake dl dt{max-width: 100%; width: 100%;}
    div.safe_mistake dl dt img{display: none;}
    section#block05>div>div.safe_mistake dl dt p{display: inline-block; border: #656565 solid 1px;  padding-bottom: 0.2em; padding: 0.2em 0.4em;box-sizing: border-box; margin-bottom: 3%;}
    div.safe_mistake dl dd{width: 100%; padding-left: 0;}
}
/* blOck06
==================================*/
section#block06{padding:50px 0; background:url(./img/bg06.jpg) center center no-repeat; background-size:cover;}
section#block06 h3{font-size:28px; line-height:1.25em; color:#fff; text-align:center; width:1000px; margin:0 auto .5em; padding:1.5em 0; background:url(./img/ttl06.png) left no-repeat;}
section#block06 h3>span{font-size:18px; font-weight:normal;}
section#block06 h3 span.pc{display:block; text-align:center;}
section#block06>dl{width:1000px; padding:10px; margin:0 auto; background:#fff;}
section#block06>dl>dt{font-size:0; line-height:0; width:490px; float:left;}
section#block06>dl>dd{width:450px; float:right;}
section#block06>dl>dd>dl{padding:10px 20px 0;}
section#block06>dl>dd>dl dt{font-size:0; line-height:0; text-align:center; border:5px solid #f2997a; padding:15px; margin-bottom:20px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
section#block06>dl>dd>dl dd{font-size:0; line-height:0; text-align:center;}
@media screen and (max-width: 768px) {
section#block06{padding:30px 3%;}
section#block06 h3{font-size:18px; width:auto; padding:1.5em 0 1.5em 70px; background-size:70px 50px;}
section#block06 h3>span{font-size:14px;}
section#block06 h3 span.pc{display:inline;}
section#block06 h3 span.smp{display:block; text-align:center;}
section#block06>dl{width:auto;}
section#block06>dl>dt{width:auto; float:none; margin-bottom:15px;text-align:center;}
section#block06>dl>dt>img{width:90%;}
section#block06>dl>dd{width:auto; float:none;}
section#block06>dl>dd>dl{padding:0 20px 10px;}
section#block06>dl>dd>dl dt{padding:15px 20%;}
}

/* blOck07
==================================*/
section#block07{padding:50px 0;}
section#block07>h3{font-size:28px; line-height:1.5em; text-align:center; width:1000px; margin:0 auto .5em; padding:1.5em 0; background:url(./img/ttl07.png) left no-repeat;}
section#block07>h3>span{display:block; line-height:1.25em; font-size:18px; font-weight:normal; text-align:center;}
section#block07>h3.assist{font-size:0; line-height:0; width:auto; margin:0; padding:0; background:none;}
div.box{width:1000px; border:1px solid #9dcd82; padding:0 0 30px; margin:0 auto 30px;}
div.box>h4{background:#9dcd82; text-align:center; font-size:16px; font-weight:normal; 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;}
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:465px; 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:#4e636a; 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:#9dcd82; 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#block07{padding:30px 3%;}
section#block07>h3{font-size:18px; width:auto; padding:1.5em 0 1.5em 70px; background-size:70px 50px;}
section#block07>h3>span{font-size:13px;}
section#block07>h3.assist{padding:0 30%; background:none;}
div.box{width:auto; padding:0 0 20px; margin:0 auto 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;}




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

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;}
address{border-top:1px solid #534741; font-size:14px; font-style:normal; text-align:center; padding:1.5em 0 1em;}
@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;}*/
address{font-size:12px;}
}

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

/*--shaDowbox--*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:1110;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(./img/loading2.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px; background:#000;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(./img/close.png);}
#sb-nav-next{background-image:url(./img/next.png);}
#sb-nav-previous{background-image:url(./img/previous.png);}
#sb-nav-play{background-image:url(./img/play.png);}
#sb-nav-pause{background-image:url(./img/pause.png);}
#sb-counter{float:left;width:45%; text-indent:1em; font-weight:bold; font-size:11px;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}