@charset "utf-8";
@media screen and (min-width:360px) {html{font-size: 12px;}}
@media screen and (min-width:375px) {html{font-size: 14px;}}
@media screen and (min-width:425px) {html{font-size: 16px;}}
@media screen and (min-width:768px) {html{font-size: 14px;}}
@media screen and (min-width:992px) {html{font-size: 15px;}}
@media screen and (min-width:1200px) {html{font-size: 16px;}}

@keyframes flash2 {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}
@keyframes slideDown {
    0%{transform: translateY(-150px)}
    100%{transform: translateY(0)}
}
.product-h100s .section{padding:0;}
.product-h100s .section h3{font-size:30px; line-height:40px; font-weight:normal; color:#000;}
.product-h100s .section h3 b{line-height:1em;}
.product-h100s .section h4{font-size:30px; font-weight:normal;}

.product-h100s .section .container{width:90%; max-width:1200px; margin:auto;}
.product-h100s .sec-01{background: url('/images/product/h100s/m_bg_sec1.jpg') 0 65% no-repeat; background-size:cover; padding: 0;}
.product-h100s .sec-01 .container{min-height:600px;}
.product-h100s .sec-01 p{font-size:38px; line-height:40px; margin-top:80px; color:#2e2425;}
.product-h100s .sec-01 h2{font-size:44px; color:#9f0c0c; font-weight:bold;}

.product-h100s .sec-02{background-color:#fff;background-size:cover; }
.product-h100s .sec-02 .container{min-height:600px; padding:60px 0; margin:auto;}
.product-h100s .sec-02 h3{margin-bottom:34px;}
.product-h100s .sec-02 ul li{margin-bottom:20px;}

.product-h100s .sec-03 {background: #1f1f1f; padding-bottom: 0;}
.product-h100s .sec-03 h4{font-size:30px; line-height:40px; color: #fff; margin-top:60px;}
.product-h100s .sec-03 h3{font-size:38px; color: #fff;}
.product-h100s .sec-03 .obj{margin-top:40px;}

.product-h100s .sec-04 {background: url('/images/product/h100s/m_bg_sec4.jpg') 50% 100% no-repeat; background-size:cover; padding: 0;}
.product-h100s .sec-04 .container{min-height:480px; padding-top:60px;}

.product-h100s .sec-05 {background: url('/images/product/h100s/m_bg_sec5.jpg') 0 100% no-repeat; background-size:cover; padding: 0;}
.product-h100s .sec-05 .container{padding-bottom:176%;}
.product-h100s .sec-05 .txt-box{position: absolute; top: 10.264%; left:0; right:0; margin: 0 auto;}
.product-h100s .sec-05 .txt-box h3{color: #fff; padding-bottom:20px;}
.product-h100s .sec-05 .txt-box h4{font-size:24px; color: #fff;}
.product-h100s .sec-05 .txt-box .def{color: #ccc;}

.product-h100s .sec-06 {background: #1e1e1e; padding-bottom: 0;}
.product-h100s .sec-06 .txt-box h4{color: #fff; font-size:24px;}
.product-h100s .sec-06 .txt-box h3{color: #fff; margin-top:60px;}
.product-h100s .sec-06 .obj{margin: 40px 0 60px;}

.product-h100s .sec-07 {background: #303030; padding-bottom: 0;}
.product-h100s .sec-07 .txt-box {margin-bottom:60px;}
.product-h100s .sec-07 .txt-box h4{color: #fff; font-size:24px;}
.product-h100s .sec-07 .txt-box h3{color: #fff;}
.product-h100s .sec-07 .obj{margin-bottom:60px;}

.product-h100s .sec-08 .container{padding:60px 0 30px;}
.product-h100s .sec-08 ul{margin-top:40px;}
.product-h100s .sec-08 ul li{margin-bottom:30px;}
.product-h100s .sec-08 ul li img{width:90%; max-width:400px;}

.product-h100s .sec-09 .container{padding:60px 0 30px;}
.product-h100s .sec-09{background:#363636; padding-bottom: 0;}
.product-h100s .sec-09 h4{color:#fff;}
.product-h100s .sec-09 h3{color:#fff;}
.product-h100s .sec-09 img{padding:30px 0;}

.product-h100s .sec-10{padding:60px 0;}
.product-h100s .sec-10 li{margin-bottom:20px; background-color:#f1f1f1;}
.product-h100s .sec-10 li:last-child{margin-bottom: 0;}
.product-h100s .sec-10 li:last-child dl{margin-top:20px;}
.product-h100s .sec-10 .thumb{margin-bottom:30px;}
.product-h100s .sec-10 .thumb img{width:100%;}
.product-h100s .sec-10 .txt-box{text-align: center;}
.product-h100s .sec-10  dl{width:50%; float:left;}
.product-h100s .sec-10  dt{font-size:18px; line-height:26px;}
.product-h100s .sec-10  dd{font-size:16px; margin-top:5px;}
.product-h100s .sec-10 .obj{width:50%; float:right;}

.product-h100s .sec-11 {background: #f3f3f4;}
.product-h100s .sec-11 .container{padding:40px 0;}

.product-h100s .sec-12 .container{padding:40px 0;}
.product-h100s .sec-12 .table-spec .title{padding-top: 30px;}
@media screen and (min-width:480px){
.product-h100s .sec_block{display:block;}

.product-h100s .sec-04 .container{padding-top:90px;}
.product-h100s .sec-10 .obj{text-align:center;}

}
@media screen and (min-width:760px){

.product-h100s .section h3{font-size:40px;}
.product-h100s .section h4{font-size:36px;}

.product-h100s .sec-01 .container{position:relative; left:60px; min-height:800px; padding-bottom: 0; text-align:left;}
.product-h100s .sec-01 p{font-size:50px; line-height:40px; margin-top:110px; color:#2e2425;}
.product-h100s .sec-01 h2{font-size:70px; margin-left: 61px;}

.product-h100s .sec-02 .container{min-height:800px; padding:100px 0;}

.product-h100s .sec-03 h4{font-size:36px; line-height:46px; margin-top:100px;}
.product-h100s .sec-03 h3{font-size:48px;}
.product-h100s .sec-03 .obj{margin-top:70px;}

.product-h100s .sec-04 {background: url('/images/product/h100s/bg_sec4.jpg') 0 0 no-repeat; background-size:cover; padding: 0;}
.product-h100s .sec-04 .container{min-height:550px; padding-top:100px;}

.product-h100s .sec-05 {background: url('/images/product/h100s/m_bg_sec5.jpg') 50% 100% no-repeat #000; background-size:90%; padding: 0;}
.product-h100s .sec-05 .container{padding-bottom:137%;}
.product-h100s .sec-05 .txt-box{position: absolute; top: 12.264%; margin: 0 auto;}

.product-h100s .sec-06 .txt-box h3{margin-top:100px}
.product-h100s .sec-06 .obj{margin: 40px 0 60px; padding:0 10px;}

.product-h100s .sec-07 .txt-box {margin-bottom:100px;}
.product-h100s .sec-07 .obj{margin-bottom:60px;  padding:0 10px;}

.product-h100s .sec-08 .container{padding:110px 0 150px;}
.product-h100s .sec-08 ul li{width:33.3%; margin-bottom:0; float:left;}
.product-h100s .sec-08 ul li img{width:95%; max-width:none;}

.product-h100s .sec-10 .thumb{margin-bottom:60px;}
.product-h100s .sec-10  dt{font-size:28px; line-height:36px;}
.product-h100s .sec-10  dd{font-size:20px; margin-top:5px;}
.product-h100s .sec-10 .obj{margin-bottom:45px;}

@media screen and (min-width:1000px) {
.product-h100s .section .container{width:100%; max-width:1200px; margin:auto;}

.product-h100s .sec-01{position:relative; background: url('/images/product/h100s/bg_sec1.jpg') 50% 50% no-repeat; padding: 0;}
.product-h100s .sec-01 .container{text-align:left;}
.product-h100s .sec-01 p{font-size:60px;;}
.product-h100s .sec-01 h2{font-size:96px; margin-left: 80px;}

.product-h100s .sec-03 h4{font-size:48px; line-height:60px; margin-top:100px;}
.product-h100s .sec-03 h3{font-size:60px;}
.product-h100s .sec-03 .obj{margin-top:60px;}
.product-h100s .sec-03 .obj-wrap{position: relative; max-width: 948px; margin: 0 auto;}
.product-h100s .sec-03 .obj-circle{position: absolute; top: 0; left: 0; width: 111px; height: 111px; background: url('/images/product/h100s/obj_circle.png') 0 0 no-repeat; margin: 0; animation: flash2 1.5s infinite ease-out;}
.product-h100s .sec-03 .obj-circle1{top: 54.4%; left: 25%;}
.product-h100s .sec-03 .obj-circle2{top: 53.5%; left: 61.7%;}
.product-h100s .sec-03 .obj-circle3{top: 71%; left: 25%;}
.product-h100s .sec-03 .obj-circle4{top: 71.4%;left: 62.8%;}
.product-h100s .sec-03 .obj-arr-l{position: absolute; top: 59.3%; left: 13.2%; width: 48px; height: 120px; background: url('/images/product/h100s/obj_arr_left.png') 0 0 no-repeat; margin: 0; animation: slideDown 2s infinite;}
.product-h100s .sec-03 .obj-arr-r{position: absolute; top: 57.9%; left: 79.3%; width: 48px; height: 131px; background: url('/images/product/h100s/obj_arr_right.png') 0 0 no-repeat; margin: 0; animation: slideDown 2s infinite;}

.product-h100s .sec-04 .container{min-height:550px; padding-top:80px;}

.product-h100s .sec-05{background: url('/images/product/h100s/bg_sec5.jpg') 63% 50% no-repeat #000; padding: 0;}
.product-h100s .sec-05 .container{min-height: 815px; padding-bottom: 0; }
.product-h100s .sec-05 .txt-box{max-width:1200px; padding-left:10px; margin:auto; position:absolute; top: 33%; text-align: left;}
.product-h100s .sec-05 .txt-box h3{padding-bottom:150px;}

.product-h100s .sec-06 .txt-box{width:35%; float:right; text-align:left; margin-top:28%;}
.product-h100s .sec-06 .txt-box h4{ margin-top:0; }
.product-h100s .sec-06 .obj{width:65%; float:left; margin: 120px 0 140px; padding:0 10px;}
.product-h100s .sec-06 .obj img{display:block; margin-left:-20px;}		

.product-h100s .sec-07 .txt-box {width:45%; float:left; text-align:left; margin-top:23%;}
.product-h100s .sec-07 .obj{width:55%; float:right;}
    
.product-h100s .sec-09 .container{min-height:715px; margin-top: 100px; margin-bottom: 150px;}
.product-h100s .sec-09 .txt-box{float:right; text-align:left; margin-top:250px;}
.product-h100s .sec-09 img{float:left; padding:85px 0;}

.product-h100s .sec-10 {padding: 130px 0;}
.product-h100s .sec-10 li{margin-bottom: 0; width: 33.333%; float: left; background:#fff;}
.product-h100s .sec-10 .thumb{margin-bottom: 0;}
.product-h100s .sec-10 .txt-box dl{width:100%; margin:-30px 0 30px;}
.product-h100s .sec-10 .obj{position:relative; width:160px; height:160px; border:1px solid #ccc; border-radius:50%; margin-right: 25%; margin-top: -23%; background-color:#fff;}
.product-h100s .sec-10 .obj img{width:70%;position:absolute; top:60%; left:50%; transform:translate(-50%,-50%);}
.product-h100s .sec-10 li:last-child dl{margin-top:10px; margin-bottom:29px;}
.product-h100s .sec-10 li:last-child dt{margin-top:-12px;}
.product-h100s .sec-10 li:last-child dd{margin-top:14px;}
.product-h100s .sec-11 .container{margin-top:110px; margin-bottom:90px;}
.product-h100s .sec-12 {padding-top: 130px;}
.product-h100s .sec-12 .wrap-imgBox img{padding: 0 !important;}
}
@media screen and (min-width:1200px) {
.product-h100s .section h3{font-size:56px;line-height:68px;}
.product-h100s .section h4{font-size:44px;line-height:54px;}

.product-h100s .sec-01 .container{left:90px;}

.product-h100s .sec-02 .container{min-height:845px; margin-top:150px;}
.product-h100s .sec-02 h3{margin-bottom:100px;}
.product-h100s .sec-02 ul li{margin-bottom:20px; float:left;}
.product-h100s .sec-02 ul li:first-child{margin-right:30px;}

.product-h100s .sec-04 .container{min-height:845px; margin-top:145px;}

.product-h100s .sec-05 .txt-box{position:absolute; top: 28%; text-align: left;}
.product-h100s .sec-05 .txt-box h4{font-size:44px;}

.product-h100s .sec-06 .container{min-height: 815px;}
.product-h100s .sec-06 .txt-box{width:40%; margin-top:150px;}
.product-h100s .sec-06 .obj{width:60%;}
.product-h100s .sec-06 .txt-box h4{font-size:44px;}

.product-h100s .sec-07 .container{min-height: 815px;}
.product-h100s .sec-07 .txt-box {width:45%; margin-top:200px;}
.product-h100s .sec-07 .obj{width:55%;}
.product-h100s .sec-07 .txt-box h4{font-size:44px;}

.product-h100s .sec-08 .container{min-height:1000px;}
.product-h100s .sec-08 h3{margin:145px 0 105px;}
.product-h100s .sec-08 ul li{width:380px; margin-right:20px;}
.product-h100s .sec-08 ul li img{width:100%;}


.product-h100s .sec-10 .obj{width:180px; height:180px; margin-right: 28%; margin-top: -18%;}
.product-h100s .sec-10 .obj img{width:100%; max-width:110px;}
.product-h100s .sec-10 .txt-box dl{margin:-12px 0 50px;}
.product-h100s .sec-10  dt{font-size:30px; line-height:40px;}
.product-h100s .sec-10  dd{font-size:24px; margin-top:47px;}
.product-h100s .sec-10 li:last-child dl{margin-bottom:51px;}
.product-h100s .sec-10 li:last-child dt{margin-top:0px;}
.product-h100s .sec-10 li:last-child dd{margin-top:64px;}


.product-h100s .sec-12 .table-spec .title{margin-top:100px;}
}