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

.main_graphic{width:100%; height:auto; background:#000;}

.sec01{background:url("../img/index/sec01_bg.png") no-repeat; height:835px; box-sizing:border-box; padding-top:25px;}
.sec01>p{margin:0; color:#2d3f57; font-family:"黎ミン B"; font-size:22px; letter-spacing:0.06em; line-height:1.8; text-align:center;}
.sec01>h1{width:auto; height:260px; display:block; background:url("../img/index/sec01_h1_bg.png") no-repeat center top; margin:auto; text-align:center; position:relative; top:10px; z-index:auto;}
.sec01>h1>span{display:block; font-family:"黎ミン M"; line-height:1;}
.sec01>h1>span.mini{padding-top:40px; font-family:"黎ミン B";  font-size:25px;}
.sec01>h1>span.big{padding-top:20px; font-size:48px; letter-spacing:0.1em;}
.sec01>h1>span.logo{width:280px; height:56px; margin:28px auto 0; font-size:10px; position:relative;}
.sec01>h1>span.logo:after{content:''; width:100%; height:100%; display:block; background:url("../img/index/sec01_h1_logo.png") no-repeat;     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:-140px;}
.sec02>h2{color:#2d3f57; font-family:"黎ミン B"; font-size:32px; line-height:1.7; position:relative;}
.sec02>h2:before{content:''; width:2px; height:170px; background:#000; position:absolute; top:-170px; left:80px;}
.sec02>h2:after{content:''; width:16px; height:16px; border-radius:100px; background:#000; position:absolute; top:-177px; left:73px}
.sec02>h2>span{font-family:inherit; color:#e20e1c; position:relative;}
.sec02>h2>span:after{content:'※1'; font-size:12px; position:absolute; right:18px; top:-6px;}
.sec02>h2>b{font-family: inherit; margin-left:-0.5em;}
.sec02>p.attention{font-size:13px;}
.sec02>.flex_box{width:100%; height:240px; position:relative;}
.sec02>.flex_box>.text{width:60%; font-size:15px; line-height:2; text-align:justify; position:absolute; top:0; left:0;}
.sec02>.flex_box>.img{width:35%; height:auto; position:absolute; top:-265px; right:0;}
.sec02>.flex_box>.img>img{width:100%; height:auto; display:block;}
.sec02>ul.result{width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sec02>ul.result>li{width:30%; height:auto;}
.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{margin:15px 0 0;}
.sec02>ul.result+p.attention{text-align:right;}

.sec03{margin:30px auto;}
.sec03>h2{font-family:"黎ミン M"; font-size:26px; letter-spacing:0.1em; line-height:2.2; border-left:solid 8px #003449; border-bottom:solid 1px #003449; box-sizing:border-box; padding-left:15px; margin-bottom:20px;}
.sec03>.flex_box{width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sec03>.flex_box>.img{width:30%;}
.sec03>.flex_box>.img>img{width:100%; height:auto; display:block;}
.sec03>.flex_box>.text{width:65%;}
.sec03>.flex_box>.text>h3{margin-bottom:15px; color:#986528; font-family:"黎ミン B"; font-size:18px; letter-spacing:0.1em;}
.sec03>.flex_box>.text>ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sec03>.flex_box>.text>ul>li{width:30%; font-size:16px; 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;}
.sec03>.flex_box>.text>p{width:100%; height:auto; box-sizing:border-box;  padding-right:20%; font-size:15px; line-height:2; 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{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:40px auto;}
.sec04>h2{font-family:"黎ミン M"; font-size:26px; letter-spacing:0.1em; line-height:2.2; border-left:solid 8px #003449; border-bottom:solid 1px #003449; box-sizing:border-box; padding-left:15px; margin-bottom:20px;}
.sec04>table{width:100%; height: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:15px; line-height:30px; border:solid 1px;}
.sec04>table tr>th{width:32%; letter-spacing:0.15em;}
.sec04>table tr>td{width:68%; padding-left:3%; letter-spacing:0.06em;}

.sec05{margin:60px auto 0;}
.sec05>h2{font-family:"黎ミン M"; font-size:26px; letter-spacing:0.1em; line-height:2.2; border-left:solid 8px #003449; border-bottom:solid 1px #003449; box-sizing:border-box; padding-left:15px; margin-bottom:20px;}
.sec05>h2+p{text-align:center;}
.sec05>.attention{color:#ff0000; font-size:14px; text-align:center;}
.sec05 p a{color:#000; text-decoration:underline;}
.sec05>ul {width:100%; display:flex; flex-wrap:wrap; justify-content:space-around;}
.sec05>ul>li{width:44%; overflow:hidden; border:solid 1px #103549;}
.sec05>ul>li h3{width:100%; height:auto; background:#103549; color:#fff; margin:0 0 15px; font-size:18px; line-height:1.8; text-align:center; letter-spacing:0.06em;}
.sec05>ul>li img{width:80%; 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:15px;}
.sec05 .cartjs_cart_in input{margin-bottom:0!important; background:#103449!important; font-size:18px!important; letter-spacing:0.08em; transition:all 0.3s ease;}
.sec05 .cartjs_cart_in input:hover{background:#091a23!important; letter-spacing:0.12em; transition:all 0.3s ease;}