header{background:url(../img/newmarco/key.jpg) no-repeat top center;background-size:auto 330px;height:330px;margin-top:60px}
#logo-page{padding:75px 0 0;width:250px;margin:0 auto}
.map-nav dl dt{display:none}
.map-nav{padding:12vw 0 18vw}
#web-btn{position:fixed;top:33vw;right:0;z-index:99;width:30px}
.navopen #web-btn{display:none}
@media screen and (min-width:767px){#web-btn{position:fixed;top:175px;right:0;z-index:99;width:48px}header{background:url(../img/newmarco/key.jpg) no-repeat top 60px center;height:780px;margin-top:0}#logo-page{padding:254px 0 0;width:339px;margin:0 auto}.map-nav dl dt{display:flex}.map-nav{padding:0 50px 0 0}.map-nav dl dt a{position:relative}.map-nav dl dt a::before{background:#fedb10;width:40px;height:3px;position:absolute;bottom:0;left:calc(50% - 20px);content:"";opacity:0;transition:all 0.3s ease}.map-nav dl dt .active::before{opacity:1}}
#blog{background:#FFF;position:relative;border:1px solid #aaa;margin:0 5%;padding:30px 10px 35px}
#blog h2{margin-bottom:15px;text-align:left;position:relative;overflow:hidden}
#blog h2 span{position:relative}
#blog h2 span::before{width:600px;height:1px;position:absolute;top:50%;left:120%;content:"";background:currentColor}
#blog .row{border-bottom:1px solid #aaa}
#blog .row dl{padding:10px 0}
#blog .row dl dt{display:block;padding:0}
#blog .row dl dd a{display:block}
#blog #feed{margin-bottom:35px}
#blog #sns-link{display:flex;justify-content:center;align-items:center}
#blog #sns-link p{margin:0 15px}
#blog .btn span{padding-right:25px}
#blog .btn a::before{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url(../img/index/icon_more.png);width:11px;height:11px;z-index:3}
@media screen and (min-width:767px){#blog{background:#FFF;position:absolute;top:-70px;right:0;margin:0;border:none;border-bottom:1px solid #999999;padding:35px 0 35px;z-index:99;width:360px;box-sizing:border-box}#blog h2{margin:0 0 10px 60px;text-align:left;position:relative;overflow:hidden}#blog h2 span{position:relative}#blog h2 span::before{width:600px;height:1px;position:absolute;top:50%;left:120%;content:"";background:currentColor;opacity:0.7}#blog .row{border-bottom:1px solid #aaa}#blog .row:last-child{border:none}#blog .row dl{padding:12px 0;display:flex;flex-direction:row;align-items:flex-start}#blog .row dl dt{font-size:10px;width:106px;padding-left:20px;box-sizing:border-box;line-height:30px}#blog .row dl dd{width:calc(100% - 106px)}#blog .row dl dd a{display:block;font-size:12px;height:auto;padding:0;line-height:30px}#blog .row dl dd a::before{display:none}#blog .row dl dd a:hover{text-decoration:underline}#blog #feed{padding:0 15px 0 60px;margin-bottom:15px}#blog #sns-link{display:flex;justify-content:flex-start;align-items:center;margin-left:60px}#blog #sns-link p{margin:0}#blog #sns-link p.btn-ins{margin-right:75px}#blog .btn::before{display:none}#blog .btn span{padding-right:25px}#blog .btn a::before{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url(../img/index/icon_more.png);width:11px;height:11px;z-index:3}}
.title-fix #sec1 h2{position:fixed}
.wrap{max-width:1000px;position:relative;margin:0 auto}
@media screen and (max-width:768px){.wrap{max-width:100%;padding:0 5%}}
.sec-ttl{font-size:20px;line-height:38px;letter-spacing:4px;font-weight:800;width:fit-content;margin:0 auto}
@media screen and (max-width:768px){.sec-ttl{font-size:5vw}}
#sec1{margin:145px 0 129px;position:relative}
#sec1 .title-common{width:1300px;left:50%;transform:translateX(-50%);position:absolute;top:0;box-sizing:border-box;padding-left:17px;text-align:left}
#sec1 .box-f{position:relative;max-width:1300px;margin:auto}
#sec1 .box-f::before{width:1px;position:absolute;top:0;left:72px;height:810px;content:"";z-index:1;background:linear-gradient(#000 748px,#FFF 50px)}
#sec1 .box-f::after{width:18px;height:18px;top:30px;left:73px;content:"";background:#fedb10;position:absolute}
#sec1 .wrap .top{position:relative;margin-bottom:100px}
#sec1 .wrap .top .sec1-info{width:481px;background:#fff;padding-bottom:70px;position:absolute;top:0;left:0;z-index:2}
#sec1 .wrap .top .sec1-info .sec1-ttl{padding-top:25px;margin-bottom:70px}
#sec1 .wrap .top .sec1-info .sec1-content{text-align:center;padding:0 10px}
#sec1 .wrap .top .sec1-img{position:relative;top:35px;right:-250px;width:960px}
#sec1 .wrap .top .sec1-img img{width:100%;height:auto}
@media screen and (max-width:768px){#sec1 .wrap .top{margin-bottom:8.6vw}#sec1 .wrap .top .sec1-info{width:100%;position:relative;top:unset;left:unset;padding-bottom:9vw}#sec1 .wrap .top .sec1-info .sec1-ttl{margin-bottom:7vw}#sec1 .wrap .top .sec1-info .sec1-content{padding:0}#sec1 .wrap .top .sec1-img{width:100%;right:unset}}
#sec1 .wrap .bottom{display:flex;justify-content:space-between}
#sec1 .wrap .bottom .left{width:825px;margin-left:-138px}
#sec1 .wrap .bottom .left img{width:100%;height:auto}
#sec1 .wrap .bottom .right{margin-top:124px;margin-right:-123px;display:flex;flex-direction:column}
#sec1 .wrap .bottom .right .bottom-img{width:383px}
#sec1 .wrap .bottom .right .bottom-img img{width:100%;height:auto}
#sec1 .wrap .bottom .right .bottom-img:first-child{margin-bottom:50px}
@media screen and (max-width:768px){#sec1 .wrap .bottom{display:block}#sec1 .wrap .bottom .left{width:100%;margin-left:unset}#sec1 .wrap .bottom .right{margin-top:4vw;margin-right:unset;flex-direction:row;justify-content:space-between}#sec1 .wrap .bottom .right .bottom-img{width:calc(100% / 2 - 1.5vw)}}
#sec1::before{position:absolute;content:'';background:#fedb10;width:16px;height:16px;bottom:0;right:0}
.title-fix #sec1 .title-common{position:fixed}
@media screen and (max-width:767px){#sec1{margin:65px 0 1px;position:relative}#sec1 .title-common{width:13px;left:5%;transform:translateX(0%);position:absolute;top:0;box-sizing:border-box;padding-left:0;text-align:left;z-index:9}#sec1 .box-f{position:relative;max-width:1300px;margin:auto}#sec1 .box-f::before{width:1px;position:absolute;top:0;left:44px;height:100%;background:currentColor;content:"";z-index:9}#sec1 .box-f::after{width:15px;height:15px;top:30px;left:45px;content:"";background:#fedb10;position:absolute;z-index:9}#sec1 .wrap .top{position:relative;margin-bottom:40px}#sec1 .wrap .top .sec1-info{width:100%;background:none;padding-bottom:20px;position:relative;top:0;left:0;z-index:2}#sec1 .wrap .top .sec1-info .sec1-ttl{padding-top:25px;margin-bottom:30px}#sec1 .wrap .top .sec1-info .sec1-content{text-align:justify;padding:0 0 0 15%}#sec1 .wrap .top .sec1-info .sec1-content br{display:none}#sec1 .wrap .top .sec1-img{position:relative;top:0;right:0;width:100%;margin-left:15%}#sec1 .wrap .top .sec1-img img{width:100%;height:auto}#sec1 .wrap .bottom{display:flex;justify-content:space-between;flex-wrap:wrap}#sec1 .wrap .bottom .left{width:100%;margin-left:0}#sec1 .wrap .bottom .left img{width:100%;height:auto}#sec1 .wrap .bottom .right{margin-top:35px;margin-right:0;display:flex;flex-direction:row;justify-content:space-between}#sec1 .wrap .bottom .right .bottom-img{width:48%}#sec1 .wrap .bottom .right .bottom-img img{width:100%;height:auto}#sec1 .wrap .bottom .right .bottom-img:first-child{margin-bottom:50px}#sec1::before{position:absolute;content:'';background:#fedb10;width:15px;height:15px;bottom:49px;right:0}}
#sec2{margin-bottom:260px;position:relative;background:#FFF;z-index:12}
#sec2 .wrap .wrap-box .box{display:flex;justify-content:space-between;margin-bottom:50px}
#sec2 .wrap .wrap-box .box .box-info{width:315px;margin-top:15px}
#sec2 .wrap .wrap-box .box .box-info .box-content{margin-bottom:40px}
#sec2 .wrap .wrap-box .box .box-info .price{border:1px solid #000;display:flex;justify-content:center;align-items:center;padding:10px 0;height:fit-content;margin:0 auto;width:100%}
#sec2 .wrap .wrap-box .box .box-info .price p{font-size:13px;line-height:40px;text-align:center}
#sec2 .wrap .wrap-box .box .box-info .price p span{font-size:16px}
@media screen and (max-width:767px){#sec2 .wrap .wrap-box .box .box-info .price{width:100%;padding:1vw 0}}
#sec2 .wrap .wrap-box .box .box-info .end-box{text-align:center}
#sec2 .wrap .wrap-box .box .box-img{margin-right:-98px;width:721px}
#sec2 .wrap .wrap-box .box .box-img img{width:100%;height:auto}
@media screen and (max-width:767px){#sec2 .wrap .wrap-box .box{display:block;margin-bottom:16vw}#sec2 .wrap .wrap-box .box .box-info{width:100%;margin:0;margin-bottom:5vw}#sec2 .wrap .wrap-box .box .box-info .box-content{margin-bottom:3vw}#sec2 .wrap .wrap-box .box .box-info .price{margin-bottom:2vw}#sec2 .wrap .wrap-box .box .box-img{width:100%}}
#sec2 .wrap .price.end-sec2{border:1px solid #333333;display:flex;justify-content:center;align-items:center;padding:20px 0;height:fit-content;margin:0 auto;width:425px;margin-bottom:15px}
#sec2 .wrap .price.end-sec2 p{font-size:16px;line-height:30px;text-align:center;color:#333333}
#sec2 .wrap .price.end-sec2 p span{font-size:20px}
@media screen and (max-width:768px){#sec2 .wrap .price.end-sec2{width:70%;padding:2vw 0}#sec2 .wrap .price.end-sec2 p{font-size:13px;line-height:30px}#sec2 .wrap .price.end-sec2 p span{font-size:16px}}
@media screen and (max-width:767px){#sec2{margin-bottom:26vw;padding-top:35px}}
#sec2::before{position:absolute;content:'';background:#fedb10;width:16px;height:16px;bottom:0;left:0;z-index:2;transform:translateY(100%)}
@media screen and (max-width:767px){#sec2::before{bottom:15px}}
#sec3{position:relative;margin-bottom:210px}
#sec3 .wrap .sec3-ttl{margin-bottom:50px;position:relative;width:100%;text-align:center}
#sec3 .wrap .sec3-ttl::after{position:absolute;content:'';background:#000;width:1000px;height:1px;top:50%;left:60%}
@media screen and (max-width:768px){#sec3 .wrap .sec3-ttl::after{left:70%}}
#sec3 .wrap .sec3-content{text-align:center;margin-bottom:35px}
#sec3 .wrap .sec3-slider{margin:0 -8px;margin-bottom:35px}
#sec3 .wrap .sec3-slider .slick-dots{position:relative;bottom:unset;margin-top:10px}
#sec3 .wrap .sec3-slider .slick-dots li button{background:#6e6e6e}
#sec3 .wrap .sec3-slider .slick-dots li.slick-active button{background:#000}
#sec3 .wrap .price{border:1px solid #333333;display:flex;justify-content:center;align-items:center;padding:10px 0;height:fit-content;margin:0 auto;width:420px;text-align:center;color:#333333}
#sec3 .wrap .price p{font-size:16px;line-height:30px}
#sec3 .wrap .price p span{font-size:20px}
@media screen and (max-width:768px){#sec3 .wrap .price{width:80%;padding:3vw 0}#sec3 .wrap .price p{font-size:13px;line-height:30px}#sec3 .wrap .price p span{font-size:16px}}
#sec3::before{position:absolute;content:'';background:#fedb10;width:16px;height:16px;top:3px;right:50px;z-index:2}
@media screen and (max-width:768px){#sec3::before{top:0.6vw;right:5%}}
@media screen and (max-width:768px){#sec3{margin-bottom:21vw}}
@media screen and (max-width:767px){#sec1 .wrap .bottom{padding-left:15%}#sec3 .wrap .sec3-ttl{margin-bottom:20px}#sec3 .wrap .sec3-content{text-align:justify;margin-bottom:35px}.sec3-slider .slider-item img{width:120%;margin-left:-10%}#sec3 .wrap .sec3-slider{margin:0 0 35px}}
#sec4{position:relative}
#sec4::before{position:absolute;content:'';background:#fedb10;width:16px;height:16px;top:1px;left:0;z-index:2}
@media screen and (max-width:767px){#sec4::before{top:10px}}
#sec4 .wrap .top{display:flex;justify-content:space-between;margin-bottom:50px}
#sec4 .wrap .top .left{margin-top:35px;position:relative}
#sec4 .wrap .top .left .sec4-ttl{position:relative;margin-bottom:40px;text-align:center;margin-left:310px}
#sec4 .wrap .top .left .sec4-img1{width:700px;margin-left:-200px}
#sec4 .wrap .top .right{width:45%}
#sec4 .wrap .top .right .sec4-img-pc{margin-bottom:65px}
#sec4 .wrap .bottom{display:flex;flex-direction:row-reverse;gap:50px;position:relative;right:-150px}
#sec4 .wrap .bottom .bottom-img img{width:100%;height:auto}
#sec4 .wrap .bottom .bottom-img.img2{width:432px;margin-top:-50px}
#sec4 .wrap .bottom .bottom-img.img3{width:520px}
@media screen and (max-width:767px){#sec4 .wrap .top{display:block;margin-bottom:5vw}#sec4 .wrap .top .left{margin-bottom:3.5vw}#sec4 .wrap .top .left .sec4-ttl{margin:0 auto;margin-bottom:5vw}#sec4 .wrap .top .left .sec4-ttl p{font-size:16px;line-height:30px}#sec4 .wrap .top .left .sec4-img1{width:100%;margin:0}#sec4 .wrap .top .right{width:100%}#sec4 .wrap .top .right .sec4-content{width:100%}#sec4 .wrap .bottom{flex-wrap:wrap;right:unset;gap:3vw;justify-content:space-between}#sec4 .wrap .bottom .bottom-img.img1{width:44%}#sec4 .wrap .bottom .bottom-img.img2{width:51%;margin:0}#sec4 .wrap .bottom .bottom-img.img3{width:100%}}
@media screen and (min-width:767px) and (max-width:1299px){#sec1 .title-common{width:1220px}}