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

.campaign .mainArea__linkArea ul li a:hover.hover-big img,.campaign .mainArea__linkArea ul li a:hover.hover-img+.hover-big img
{transform:scale(1.15)}
body{background:#ffffff;font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
#wrapper{background:0 0}
#wrapper img{max-width:100%;height:auto}
#wrapper a{transition:opacity .2s ease}
#wrapper a:hover{opacity:.65}
.campaign .mainArea{overflow:hidden;background:#fff;width:960px;margin:20px auto;padding-bottom:30px}
.campaign .mainArea__ttl{text-align:center;padding:0px 0 15px}
.campaign .mainArea__txtAreatop{text-align:center;font-size:16px;margin:0 auto 20px;width:90%;line-height:24px;}
.campaign .mainArea__txtAreatop span {color:#e90132;font-size:22px;font-weight:bold;}
.campaign .mainArea__txtArea{position:relative;background:url() center top;background-size:auto 100%;text-align:center;padding:0px 0 50px 0; background-color: #FFF9ED;}

.campaign .mainArea__linkArea{overflow:hidden;background:url() center top;text-align:center;margin:30px auto;}
.campaign .mainArea__linkArea .crsArea{}
.campaign .mainArea__linkArea ul{width:100%;margin:0 auto;padding-bottom:20px;}
.campaign .mainArea__linkArea ul li a{position:relative;display:block;}
.campaign .mainArea__linkArea ul li a.hover-img:before{content:" ";position:absolute;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .2s ease-in}
.campaign .mainArea__linkArea ul li a.hover-img>img{transition:opacity .2s ease-in}
.campaign .mainArea__linkArea ul li a.hover-big{width:100%;overflow:hidden;}
.campaign .mainArea__linkArea ul li a.hover-big img{transition:transform .25s ease-out; margin:10% 0 0;}
.campaign .mainArea__linkArea ul li a:hover.hover-img{opacity:1!important}
.campaign .mainArea__linkArea ul li a:hover.hover-img:before{opacity:1;}
.campaign .guideArea dd .goods-img a:hover,.campaign .mainArea__linkArea ul li a:hover.hover-big{opacity:1!important}
.campaign .mainArea__linkArea ul li a.btn{display:block;background:#6A4C3F;width:50%;border-radius:6px;color:#FFFFFF;font-size:22px;font-weight:bold;text-decoration:none;padding:20px;margin:20px auto 30px;}
.campaign .mainArea__linkArea__title{text-align:center;margin:0 auto;}
.campaign .mainArea__linkArea__title img{vertical-align:bottom;}

.campaign .guideArea{max-width:900px;margin:0 auto;padding:0 30px 30px;}
.campaign .guideArea__ttl{margin:40px auto 20px;}
.campaign .guideArea dl{width:100%;max-width:860px;margin:0 auto;padding:20px 0;color:#666;font-size:0;border-bottom:1px solid #a28b67;}
.campaign .guideArea dt{display:inline-block;color:#574633;font-size:14px;vertical-align:top}
.campaign .guideArea dd{display:inline-block;font-size:14px;vertical-align:top}
.campaign .guideArea dl a{color:#666}
.campaign .guideArea dt{width:17%;margin-right:10px;font-weight:700;line-height:1.5;padding-right:0%}
.campaign .guideArea dd{width:81%;line-height:1.8}
.campaign .guideArea dd li{padding-left:1em;text-indent:-1em}
.campaign .guideArea dd .goods-img{padding:0 0 15px 25px;width:47%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.campaign .guideArea dd span{text-align:center; display: block;}

.campaign .campaignBtn{display:block;max-width:290px;margin:5px auto 0}

.campaign .guideArea .copyright{padding:20px 10px 0;text-align:center;line-height:22px;font-size:12px; color:#333;}

.order {
    background: #fef3f0;padding: 5%;margin: 1% auto 2%;padding-bottom: 4%;background-size: contain;position:relative;width:80%;
	color:#391e12;font-size:14px;
}

.order p{ line-height:1.6}
.order span{color:#ff3000;}
.absolute {position: absolute;top: 7%;left: -1.5%;}
.order1{overflow: hidden;}
.order2 {float: left;margin: 0% auto;}
.order3 {float: right;text-align: left;width: 85%;} .order3 a{color:#0068b7;}
.triangle {text-align: center;}
p.right {text-align: left;padding-left: 1%;}
p.title {color: #ff3000;font-size: 18px;font-weight: 700;padding-left: 1%;}

.sp_only {
display: none;
}
.pc_only {
display: block;
}

@media all and (max-width:767px){.index02 #mainWrap{min-height:0;margin-bottom:40px;}
.campaign .mainArea{background-size:100% auto;width:95%;margin-bottom:20px;padding-bottom:20px;}
.campaign .mainArea__txtAreatop{margin:0 auto 3%;width:90%;line-height:24px;}
.campaign .mainArea__txtArea{padding:3% 0;}
.campaign .mainArea__linkArea{margin:4% auto;}
.campaign .mainArea__linkArea ul{width:auto;margin:0 auto;padding:0 4% 1%;display:block;}
.campaign .mainArea__linkArea ul li{text-align:center;margin-bottom:8%;}
.campaign .mainArea__linkArea__title{text-align:center;margin:0 auto;}
.campaign .mainArea__linkArea__title img{vertical-align:bottom;}
.campaign .mainArea__linkArea__present{background:0 0;width:100%;height:auto;}
.campaign .guideArea{margin:0 auto}
.campaign .guideArea dl{width:100%}
.campaign .guideArea dt{width:100%;font-size:12px;font-size:3.5vw;padding-right:0;}
.campaign .guideArea dd{width:100%;font-size:11px;font-size:3vw;line-height:1.45;}
.campaign .guideArea dd .goods-img{float:left;-ms-flex-pack:distribute;justify-content:space-around;padding:10px 4% 0 2%;width:45%;}
.campaign .guideArea dd li+li{margin-top:5px;}
.campaign .campaignBtn a{background:0 0;width:80%;height:auto;margin:5px auto 0;}
.campaign .mainArea__linkArea ul li a.btn{width:80%; font-size: 16px;}

img.left, p.right,.order2,.order3  {float: none;width: auto; font-size:95%;}
.order {padding-bottom: 3%;}
p.title {color: #ff3000;font-size: 110%;padding-left: 1%; padding-top:10%;}

.simulation2,.simulation3  {float: none;width: auto; font-size:100%;}
.simulation3 {margin-top:5%;}
.simulation {padding-bottom: 3%;}

/* ----------------------------------------------------
#header
---------------------------------------------------- */
#header{width: 100%;margin: 0 auto 0;padding: 4% 0 10%;position: relative;background-color:#FFF;}
#logo{text-align: center;margin: 0 20px 20px;}
#logo .main{margin: 10px 0 15px;}
#human{width: 20%;position: absolute;top: 10px;left: 10px;}
#tanomana{width: 45%;position: absolute;top: 10px;right: 10px;}
#header ul{margin: 0 10px;}
#header ul li{width: 48%;float: left;margin: 0 0 10px 0;}
#header ul li:first-child{margin: 0 4% 0 0;}


.sp_only {
display: block;
}
.pc_only {
display: none;
}
}



.attention dt {
    width: 100%;
    background: #FF4D4D;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 50px;
    font-size: 16px;
}

.attention dd {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(255, 77, 77);
    border-image: initial;
    padding: 20px 20px 0 20px;
	line-height: 160%;
	margin-bottom: 20px;
}
.attention dd ul {
margin-bottom: 2.0em;
}

.attention dd ul.list {
list-style-type: disc;
margin: 0 0 2.0em 1.5em;
padding: 0;
}
footer #copyright {
    /* border-top: 1px solid #a7a7a7; */
    padding: 10px;
    text-align: center;
}