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

.main_graphic{width:100%; height:auto; background:#000;}
.main_graphic img{width:95%; height:auto; display:block; margin:auto;}

.sec01{background:url("../img/index/sec01_bg.png") no-repeat; background-size:contain; height:0; padding-top:83.5%; box-sizing:border-box; position:relative;}
.sec01>p{width:100%; margin:0; color:#2d3f57; font-family:"黎ミン B"; font-size:3vw; letter-spacing:0.06em; line-height:1.6; text-align:center; position:absolute; top:2%;}
.sec01>h1{width:100%; height:0; padding-top:26%; display:block; background:url(../img/index/sec01_h1_bg.png) no-repeat center top; background-size:contain; margin:auto; text-align:center; position:absolute; top:16%; left:0; z-index:auto;}
.sec01>h1>span{width:100%; display:block; font-family:"黎ミン M"; line-height:1; position:absolute; left:0;}
.sec01>h1>span.mini{font-family:"黎ミン B";  font-size:3.5vw; top:1%;}
.sec01>h1>span.big{font-size:4.6vw; letter-spacing:0.1em; top:20%;}
.sec01>h1>span.logo{width:100%; height:0; padding-top:12%; display:block; font-size:1vw; text-align:center; position:absolute; top:44%;}
.sec01>h1>span.logo:after{content:''; width:100%; height:100%; display:block; background:url("../img/index/sec01_h1_logo.png") no-repeat center; background-size:contain; position:absolute; left:0; top:0; z-index:1;}
.sec01>h1>span.logo>span{position:absolute; z-index:-1; left:0; top:0;}

.sec02{margin-top:2vw;}
.sec02>h2{width:100%; height:auto; color:#2d3f57; font-family:"黎ミン B"; font-size:5.5vw; line-height:1.7; text-align:center; position:relative;}
.sec02>h2>span{font-family:inherit; color:#e20e1c; position:relative;}
.sec02>h2>span:after{content:'※1'; font-size:12px; position:absolute; right:3vw; top:-3vw;}
.sec02>h2>b{font-size:6.5vw; font-family: inherit;}
.sec02>p.attention{font-size:3vw; text-align:right; margin:0 5vw 0 0;}
.sec02>.flex_box{width:90%; height:auto; margin:4vw auto;}
.sec02>.flex_box>.text{width:100%; margin:auto; padding:6vw 4vw; box-sizing:border-box; font-size:3.4vw; line-height:1.9; text-align:justify;}
.sec02>.flex_box>.img{width:80%; height:auto; margin:auto;}
.sec02>.flex_box>.img>img{display:block; width:100%; height:auto;}
.sec02>ul.result{width:90%; height:auto; margin:5vw auto;}
.sec02>ul.result>li{width:100%; height:auto; margin-bottom:5vw;}
.sec02>ul.result>li>h3{color:#fff; font-family:"ヒラギノ角ゴ W6 JIS2004"; font-size:16px; letter-spacing:0.06em; line-height:2; text-align:center; background: -moz-linear-gradient(left, rgba(0,52,73,0) 0%, rgba(0,52,73,1) 20%, rgba(0,52,73,1) 80%, rgba(0,52,73,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,52,73,0) 0%,rgba(0,52,73,1) 20%,rgba(0,52,73,1) 80%,rgba(0,52,73,0) 100%);
background: linear-gradient(to right, rgba(0,52,73,0) 0%,rgba(0,52,73,1) 20%,rgba(0,52,73,1) 80%,rgba(0,52,73,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003449', endColorstr='#00003449',GradientType=1 );}
.sec02>ul.result>li>h3>span{display:inline-block; margin-left:5px; font-size:13px;}
.sec02>ul.result>li>img{width:100%; max-width:300px; display:block; margin:15px auto 0;}
.sec02>ul.result+p.attention{text-align:right;}

.sec03{margin:6vw auto;}
.sec03>h2{width:90%; height:auto; margin:auto; font-family:"黎ミン M"; font-size:5vw; letter-spacing:0.1em; line-height:2.2; border-left:solid 8px #003449; border-bottom:solid 1px #003449; box-sizing:border-box; padding-left:2vw; margin-bottom:3vw;}
.sec03>.flex_box{width:100%; height:auto;}
.sec03>.flex_box>.img{width:60%; margin:auto;}
.sec03>.flex_box>.img>img{width:100%; height:auto; display:block;}
.sec03>.flex_box>.text{width:90%; height:auto; margin:3vw auto;}
.sec03>.flex_box>.text>h3{margin-bottom:3vw; color:#986528; font-family:"黎ミン B"; font-size:4.5vw; letter-spacing:0.1em; text-align:center;}
.sec03>.flex_box>.text>ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-around;}
.sec03>.flex_box>.text>ul>li{width:46%; font-size:3.8vw; letter-spacing:0.06em; line-height:2; text-align:center; box-sizing:border-box; border:solid 1px; background:#fff; border-radius:5px; color:#986528; overflow:hidden; margin-bottom:2vw;}
.sec03>.flex_box>.text>p{width:100%; height:auto; box-sizing:border-box;  padding-right:45%; font-size:3.4vw; line-height:1.9; background:url("../img/index/sec03_p_bg.png") no-repeat right center;}
.sec03>.flex_box>.text>ul>li>img{width:100%; height:auto; display:block;}
.sec03>.flex_box>.text>ul>li>img+p{font-size:13px; margin:0; line-height:1.5; background:#9e886e; color:#fff;}
.sec03>.flex_box>.text>ul>li>img+p>.mini{font-size:10px;}
.sec03>.flex_box>.text>ul:last-child>li:last-child{width:100%; border:none; background:none; padding-top:15px;}
.sec03>.flex_box>.text>ul:last-child>li:last-child>p{font-size:15px; margin:0; line-height:2;}
.sec03>.flex_box>.text>ul:last-child>li:last-child>p>span{display:block; font-size:15px; border-bottom:solid 1px; margin-bottom:5px;}

.sec04{margin:6vw auto;}
.sec04>h2{width:90%; height:auto; margin:auto; font-family:"黎ミン M"; font-size:5vw; letter-spacing:0.1em; line-height:2.2; border-left:solid 8px #003449; border-bottom:solid 1px #003449; box-sizing:border-box; padding-left:2vw; margin-bottom:3vw;}
.sec04>table{width:90%; height:auto; margin:auto; border:solid 1px;}
.sec04>table tr{width:100%; border:solid 1px;;}
.sec04>table tr>th, .sec04>table tr>td{padding:15px 0; font-size:3.4vw; line-height:1.9; border:solid 1px; vertical-align:middle;}
.sec04>table tr>th{width:32%; letter-spacing:0.15em;}
.sec04>table tr>td{width:68%; padding-left:3%; padding-right:3%; letter-spacing:0.06em;}

.sec05{margin:6vw auto;}
.sec05>h2{width:90%; height:auto; margin:auto; font-family:"黎ミン M"; font-size:5vw; letter-spacing:0.1em; line-height:2.2; border-left:solid 8px #003449; border-bottom:solid 1px #003449; box-sizing:border-box; padding-left:2vw; margin-bottom:3vw;}
.sec05>h2+p{width:90%; margin:auto; font-size:3.4vw; line-height:1.9;}
.sec05>.attention{width:90%; margin:auto; color:#ff0000; font-size:3.2vw; line-height:1.6;}
.sec05 p a{color:#000; text-decoration:underline;}
.sec05>ul {width:94%; margin:auto;}
.sec05>ul>li{width:100%; margin:3vw 0; background:rgb(255 255 255 / 0.5); border:solid 1px #103549;}
.sec05>ul>li h3{width:100%; height:auto; background:#103549; color:#fff; margin:0 0 5vw; font-size:4vw; line-height:2.2; text-align:center; letter-spacing:0.06em;}
.sec05>ul>li img{width:30%; height:auto; display:block; margin:auto;}
.sec05 .cartjs_box form table{width:80%!important;}
.sec05 .cartjs_box form table tr th, .sec05 .cartjs_box form table tr td{font-size:3.4vw; padding-bottom:3.5vw!important;}
.sec05 .cartjs_cart_in input{width:60%!important; height:50px!important; margin-bottom:0!important; background:#103449!important; font-size:3.4vw!important; letter-spacing:0.08em;}