html{font-family:Yu Gothic, Meiryo UI, Meiryo, HiraKakuProN-W6, sans-serif}@media only screen and (max-width: 767px){html{font-size:70%}}@media only screen and (min-width: 768px){html{font-size:1.1em}}body{background-color:#f5f5f5;color:#444;margin:0;padding:0}figure{margin:0;padding:0}ul,li{list-style:none;margin:0;padding:0}dl,dt,dd{margin:0;padding:0}h1,h2,h3,p{line-height:1.5}a{color:inherit;text-decoration:none}.global_head{margin-bottom:0}.global_foot{margin-top:30px}@media only screen and (max-width: 767px){.wrap{margin:0 auto;width:100%;max-width:414px}}@media only screen and (min-width: 768px){.wrap{margin:120px auto 0 auto;width:calc(100% - 20px);max-width:1180px}}.wrap img{width:100%;vertical-align:bottom}.wrap h3{border-top:1px solid #444;border-bottom:1px solid #444;line-height:1.5;padding:15px 0}.bg{background-color:#6ea81f;color:#fff;width:100%}.hero{background-image:url(../img/bg.jpg);background-position:center;background-size:cover}@media only screen and (min-width: 768px){.hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:calc(100vh - 40px)}}@media only screen and (max-width: 767px){.hero__img{margin:0 auto;padding:30px 0;width:calc(100% - 50px)}}@media only screen and (min-width: 768px){.hero__img{margin:0 10%;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30%;z-index:10}}.hero__cap{background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}@media only screen and (max-width: 767px){.hero__cap{padding:30px 10px}}@media only screen and (min-width: 768px){.hero__cap{padding:50px 50% 0 5%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}}.hero__cap figure{margin:0 auto}@media only screen and (max-width: 767px){.hero__cap figure{width:calc(100% - 20px)}}@media only screen and (min-width: 768px){.hero__cap figure{width:450px}}.hero__cap h1{font-size:1rem;font-weight:500}@media only screen and (max-width: 767px){.hero__cap p{display:none}}@media only screen and (min-width: 768px){.hero__cap p{color:#f4233c;font-weight:900;text-align:center}}.hero img{width:100%;vertical-align:bottom}@media only screen and (max-width: 767px){.item{width:100%}}@media only screen and (min-width: 768px){.item{height:500px;position:relative}}@media only screen and (max-width: 767px){.item__img{width:100%}}@media only screen and (min-width: 768px){.item__img{height:600px;position:absolute;z-index:10}}@media only screen and (min-width: 768px){.item__img img{width:auto;height:100%}}.item__cap{background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width: 767px){.item__cap{margin:30px auto 40px auto;padding:30px 15px;width:calc(100% - 40px)}}@media only screen and (min-width: 768px){.item__cap{padding:50px 0;position:absolute}}@media only screen and (max-width: 767px){.item__desc{width:100%}}@media only screen and (min-width: 768px){.item__desc{width:calc(100% - 50px)}}.item1 h2{border-bottom:1px solid #f4233c;color:#f4233c}@media only screen and (min-width: 768px){.item1 h2{padding-left:50%}}@media only screen and (min-width: 768px){.item1 p{padding-left:50%}}@media only screen and (min-width: 768px){.item1 .item__img{top:30px;left:0}}@media only screen and (max-width: 767px){.item1 .item__cap{-webkit-box-shadow:10px 10px 0px #f4233c;box-shadow:10px 10px 0px #f4233c}}@media only screen and (min-width: 768px){.item1 .item__cap{-webkit-box-shadow:10px 10px 0px #f4233c;box-shadow:10px 10px 0px #f4233c;top:0;right:10px;width:calc(100% - 60px)}}.item2 h2{border-bottom:1px solid #805c36;color:#805c36}@media only screen and (min-width: 768px){.item2 .item__img{top:-30px;right:0}}@media only screen and (max-width: 767px){.item2 .item__cap{-webkit-box-shadow:10px 10px 0 #805c36;box-shadow:10px 10px 0 #805c36}}@media only screen and (min-width: 768px){.item2 .item__cap{-webkit-box-shadow:-10px 10px 0 #805c36;box-shadow:-10px 10px 0 #805c36;bottom:60px;left:30px;width:calc(100% - 60px)}}@media only screen and (min-width: 768px){.item2 .item__desc{margin-left:50px}}.item3 h2{border-bottom:1px solid #027ebf;color:#027ebf}@media only screen and (min-width: 768px){.item3 h2{padding-left:50%}}@media only screen and (min-width: 768px){.item3 p{padding-left:50%}}@media only screen and (min-width: 768px){.item3 .item__img{top:30px;left:30px}}@media only screen and (max-width: 767px){.item3 .item__cap{-webkit-box-shadow:10px 10px 0 #027ebf;box-shadow:10px 10px 0 #027ebf}}@media only screen and (min-width: 768px){.item3 .item__cap{-webkit-box-shadow:10px -10px 0 #027ebf;box-shadow:10px -10px 0 #027ebf;bottom:0;right:30px;width:calc(100% - 80px)}}@media only screen and (max-width: 767px){.info{margin:0 auto;width:calc(100% - 20px)}}@media only screen and (min-width: 768px){.info{margin:180px auto 0 auto;text-align:center}}.info .imgs{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width: 767px){.info .imgs{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width: 768px){.info .imgs{display:-webkit-box;display:-ms-flexbox;display:flex;margin:50px auto 0 auto}}@media only screen and (max-width: 767px){.info .imgs figure{margin:5px 0;width:calc(50% - 5px)}}@media only screen and (min-width: 768px){.info .imgs figure{width:25%}}@media only screen and (min-width: 768px){.info .imgs__img1 img{width:130%}}@media only screen and (min-width: 768px){.info .imgs__img2{margin-top:35px}}@media only screen and (min-width: 768px){.info .imgs__img2 img{width:130%}}@media only screen and (min-width: 768px){.info .imgs__img3{margin-top:70px;margin-left:-3.5%}}@media only screen and (min-width: 768px){.info .imgs__img3 img{width:130%}}@media only screen and (min-width: 768px){.info .imgs__img4{margin-top:110px;margin-left:-4%}}@media only screen and (min-width: 768px){.info .imgs__img4 img{width:130%}}.sale{width:calc(100% - 20px)}@media only screen and (max-width: 767px){.sale{margin:0 auto}}@media only screen and (min-width: 768px){.sale{padding:20px 0 0 0;margin:50px auto 0 auto;text-align:center;max-width:1180px}}.sale h3{border-bottom:1px solid #fff;line-height:1.5;padding:15px 0}@media only screen and (min-width: 768px){.sale h3{border-top:1px solid #fff}}@media only screen and (min-width: 768px){.sale ul{display:inline}}
