#wide{z-index:5;position:relative;}

.cc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;box-sizing:border-box;background-image:url(https://www.sumiyaryokan.com/assets/images/demo/top/bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}.all .cc{background:transparent;}.cc:has(img){padding:100px 30px 30px;}.cc img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;}.cc #copy{position:absolute;top:50%;left:0;width:100%;padding:30px;box-sizing:border-box;transform:translate(0,-50%);font-size:min(10vw,128px);line-height:1.5em;}.cc #copy p{padding:0;}@media all and (min-width:1000px){.cc:has(img){padding:150px 50px 50px;;}.cc #copy{padding:50px;}.cc.pcleft #copy{text-align:left;}.cc.pccenter #copy{text-align:center;}.cc.pcright #copy{text-align:right;}.cc.pcleft img{float:left;}.cc.pccenter img{margin:0 auto;}.cc.pcright img{float:right;}}.half .cc,.half2 .cc{position:relative;transform:initial;}.half2 .cc img{margin:0 auto;}@media all and (max-width:999px){.cc{overflow:hidden;}.half .cc{position:absolute;top:0;right:0;bottom:0;left:0;background:none;}.half2 .cc{width:100%;height:50%;background-color:#ffffff;}.cc.spleft #copy{text-align:left;}.cc.spcenter #copy{text-align:center;}.cc.spright #copy{text-align:right;}.cc.spleft img{float:left;}.cc.spcenter img{margin:0 auto;}.cc.spright img{float:right;}}@media all and (min-width:1000px){.half .cc,.half2 .cc{display:block;width:50%;background-color:#ffffff;}.half .cc #copy,.half2 .cc #copy{font-size:min(5vw,128px);}.half2 .cc img{margin:0;}}

#wide{width:100%;height:calc(100svh - 60px);}.carousel{position:relative;overflow:hidden;z-index:1;width:100%;max-width:1400px;height:100%;margin:0 auto;}.carousel .swiper-container{width:100%;height:100%;}.carousel .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0,0,0)}.carousel .swiper-slide{position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;}.carousel .swiper-slide a{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;}.carousel .swiper-slide .title{position:absolute;top:100px;display:block;padding:30px 15px;text-shadow:0 0 3px rgba(0,0,0,1);font-size:1.375em;}.carousel .swiper-pagination,.carousel .swiper-button-next,.carousel .swiper-button-prev{display:none;}@media all and (max-width:599px){#mainHeader{position:absolute;background-color:transparent!important;}}@media all and (min-width:600px){#wide{height:calc(100svh - 144px);overflow:hidden;background-image:url(../assets/img/bg.png);background-repeat:no-repeat;background-position:center top;background-size:cover;}.zoomed #wide{height:calc(150svh - 144px);}.carousel .swiper-slide{background-size:contain;}.carousel .swiper-slide .title{font-size:2.0em;}}@media all and (min-width:800px){.carousel .swiper-wrapper{width:100%;}}@media all and (min-width:1000px){.carousel .swiper-slide .title{padding:30px 50px;font-size:3.0em;}}.swiper-pc-slide{display:none;}.swiper-sp-slide{display:block;}@media all and (min-width:600px){.swiper-pc-slide{display:block;}.swiper-sp-slide{display:none;}}




#contents section{padding-top:50px;}#contents section .inner,.topCont{max-width:1280px;padding:15px;margin:0 auto;}.topCont h2{font-size:2.5em;margin:0;color:#fff;}.topCont p{padding:0;}@media screen and (min-width:600px){#contents section{padding-top:100px;}.topCont h2{font-size:3em;}}.moreBtn{margin:0 auto;text-align:center;padding:40px 15px;}.moreBtn a{position:relative;display:inline-block;min-width:200px;padding:10px 20px;z-index:1;box-sizing:border-box;}.moreBtn a span{font-size:1.25em;color:#fff;line-height:1.5;}.moreBtn a::before,.moreBtn a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:-1;}.moreBtn a::before{width:100%;background:#333;}.moreBtn a::after{width:0%;background:#666;transition:0.3s ease-in;}.moreBtn a:hover::after{width:100%;}@media screen and (min-width:600px){.moreBtn a span{font-size:1.5em;}}
#headLine{padding-right:15px;padding-left:15px;}#headLine .inner{width:100%;max-width:1280px;margin:0 auto;border-style:solid;border-width:1px;padding:15px;box-sizing:border-box;}#headLine p{padding:0;}
#free{padding-top:100px;}#free2{padding-top:100px;}#free .moreBtn,#free2 .moreBtn{padding:0 0 10px;}.freeBg {position:relative;padding:60vh 0 0;background-repeat:no-repeat;background-size:cover;background-position:center;}.freeBg.left:after,.freeBg.right:after,.freeBg.bottom:after{content:'';display:block;background-color:#0f0f0f;width:100%;height:200px;}.freeBg .innerBox{position:absolute;bottom:0;left:50%;width:90%;max-width:1000px;padding:30px;background:#fff;box-sizing:border-box;box-shadow:0 4px 12px rgba(0,0,0,0.2);transform:translate(-50%, 0);}.freeBg.left2,.freeBg.right2{padding:0;background:#fff;}.freeBg img{width:100%;height:auto;}.freeBg .innerBox2{width:100%;padding:30px;box-sizing:border-box;background:#fff;}.freeBg h2{font-size:1.5em;margin-bottom:15px;line-height:1.5;}.freeBg .innerBox2 h2{writing-mode: vertical-rl;text-orientation: upright;-webkit-text-orientation: upright;text-align: start;max-height: 40%;margin:0 auto 40px;}.freeBg .innerBox2 p{margin-bottom:20px;}@media screen and (min-width:1000px){.freeBg.left,.freeBg.right{padding:120px 10%;overflow:hidden;}.freeBg.left .innerBox,.freeBg.right .innerBox{position:static;max-width:600px;transform:translate(0, 0);}.freeBg.left:after,.freeBg.right:after{display:none;}.freeBg.left2,.freeBg.right2 {padding:0;display:flex;display:-webkit-flex;align-items: flex-start;}.freeBg.left2{flex-direction:row-reverse;}.freeBg img{width:70%;height:auto;}.freeBg .innerBox2{width:30%;}.freeBg.right .innerBox{float:right;}.freeBg h2{font-size:2em;margin-bottom:20px;}.freeBg .innerBox p,.freeBg .innerBox2 p{font-size:19px;}.freeBg .innerBox2 h2{width:auto;max-height: 30%;}.freeBg .innerBox2 p{writing-mode: vertical-rl;text-orientation: upright;-webkit-text-orientation: upright;text-align: start;margin:0 auto 15px;max-height: 40%;}}
#free3{position:relative;}#free3::before{content:"";position:absolute;top:-1px;right:0;left:0;display:block;width:100%;height:100px;background:#0f0f0f;}#free3 .separator-bg {display:block;position:fixed;top:0;z-index:-1;width:100%;height:100%;background-position:center;background-size:cover;}#free3 .content{padding:150px 15px;}#free3 .content .innerBox{max-width:1280px;padding:15px;margin:0 auto;box-sizing:border-box;background:rgba(255,255,255,0.9);}.fi{opacity:0;}.fo{opacity:1;}@media screen and (min-width:600px){#free3 .content{padding:200px 30px;}#free3 .content .innerBox{padding:30px;}}@media screen and (min-width:1000px){#free3 .content{padding:250px 50px;}}
.csBox{padding-bottom:60px;}.csBox .innerBox{width:100%;margin:0 auto;position:relative;}#contBox .innerBox{max-width:1280px;}#contBox2 .innerBox{max-width:1440px;}.csBox .swiper{overflow:hidden;padding-bottom:40px;}.csBox .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}.csBox .swiper-c-pagination{position:absolute;bottom:0;left:0;z-index:10;width:100%;padding:0 40px;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);box-sizing:border-box;}.csBox .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:100%;background:#fff;border:solid 1px #594d49;opacity:.2;cursor:pointer;}.csBox .swiper-pagination-bullet-active{opacity:1;background:#594d49}.csBox .swiper-button-next,.csBox .swiper-button-prev{display:block;position:absolute;top:initial;bottom:0;z-index:10;width:30px;height:30px;background:url(../assets/img/pn.svg) no-repeat center;background-size:cover;cursor:pointer;}.csBox .swiper-button-next{right:0;}.csBox .swiper-button-prev{left:0;}.csBox .swiper-button-prev{transform: scale(-1, 1);}


.articleList{display:flex;display:-webkit-flex;flex-wrap:wrap;gap:2px;width:100%;justify-content:flex-start;}.articleList li{width:calc(50% - 1px);width:-webkit-calc(50% - 1px);margin-bottom:30px;}.articleList li a{display:block;}.articleList .thumb{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;margin-bottom:10px;}.articleList .thumb img{position:absolute;top:50%;left:50%;display:block;width:100%;height:auto;transform:translate(-50%,-50%);transition:0.3s ease-in-out;}.articleList a:hover .thumb img{transform:scale(1.2) translate(-40%,-40%);}.articleList h3{padding:0 15px;font-size:1.125em;}.articleList h4{padding:0 15px 5px;}@media screen and (min-width:800px){.articleList{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;}.articleList ul{gap:4px;}.articleList li{width:calc(25% - 3px);width:-webkit-calc(25% - 3px);}}

#navMenu{width:100%;padding:0;}#navMenu ul{display:flex;flex-wrap:wrap;}#navMenu li{width:100%;overflow:hidden;}#navMenu a{position:relative;display:block;width:100%;height:0;padding-bottom:150%;transition-duration:0.5s;background-size:cover;}#navMenu a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.2);transition-duration:0.5s;}#navMenu a span{position:absolute;top:50%;right:5%;left:5%;display:block;text-align:center;transform:translate(0,-50%);font-size:10vw;}#navMenu a:hover{transform:scale(1.1);}#navMenu a:hover::before{opacity:0;}@media screen and (min-width:600px){#navMenu li{width:50%;}#navMenu a span{font-size:5vw;}}@media screen and (min-width:1100px){#navMenu li{width:25%;}#navMenu a span{font-size:2.5vw;}}
#contents #workBox{padding-top:10px;}#workBox ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding:30px 0;margin-bottom:50px;-webkit-justify-content:center;justify-content:center;}#workBox li{width:100%;max-width:320px;margin-bottom:10px;}#workBox li a{display:table;width:100%;height:80px;background:#fff;}#workBox li a img{display:block;width:100%;height:auto;}#workBox li a div{display:table-cell;width:100%;font-size:1.125em;vertical-align:middle;text-align:center;line-height:25px;}#workBox li a:hover div{color:#fff;}#workBox li a:hover img{opacity:0.7;}@media screen and (min-width:670px) and (max-width:999px){#workBox li{width:49%;}#workBox li:nth-child(odd){margin-right:2%;}}@media screen and (min-width:1000px){#workBox ul{max-width:1000px;margin:0 auto;-webkit-justify-content:start;justify-content:start;}#workBox li a:hover{opacity:1;}#workBox li a img,#workBox li a div{transition:0.3s ease-in-out;}#workBox li{width:32%;}#workBox li:nth-child(3n+2){margin-left:2%;margin-right:2%;}}
#works2{width:100%;padding:100px 0 0;}#works2 ul{padding-bottom:20px;}#works2 li{width:100%;margin-bottom:10px;overflow:hidden;}#works2 a{position:relative;display:block;width:100%;padding:0 0 40% 0;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;transition-duration:0.5s;}#works2 a:hover{transform:scale(1.1);}#works2 a .txt{position:absolute;top:5%;left:5%;right:5%;line-height:1;}#works2 a .txt{font-size:9vw;}@media screen and (min-width:600px){#works2 li{width:49.5%;margin-bottom:1vw;}#works2 a .txt{font-size:4.5vw;}}@media screen and (min-width:1200px){#works2 li{width:33%;margin-bottom:0.5vw;}#works2 a .txt{font-size:3vw;}}
#news .innerBox{width:100%;max-width:1280px;margin:0 auto;padding:0 15px 50px;box-sizing:border-box;background:#fff;}#news ul{width:100%;height:350px;overflow-y:scroll;}#news li{padding:10px 0;margin-right:10px;}#news li:not(:last-child){border-bottom:dotted 1px #6c6a6a;}#news li h3{margin-bottom:10px;font-size:1.125em}#news li img{display:block;width:100%;max-width:360px;height:auto;margin-bottom:10px;}@media screen and (min-width:1000px){#news li{overflow:hidden;}#news li:has(img) p{float:left;width:calc(100% - 380px);}#news li img{float:right;}}
#blog .inner{padding-bottom:50px;}#blog ul{width:100%;height:350px;overflow-y:scroll;}#blog li{padding:10px 0;margin-right:10px;}#blog li:not(:last-child){border-bottom:dotted 1px #6c6a6a;}#blog li h4{margin-bottom:10px;font-size:1.125em;}#blog li span{padding:0 5px;width:5em;margin-bottom:5px;font-size:0.9375em;line-height:24px;box-sizing:border-box;}#blog li .blog1{color:#ffffff;background:#ffee83;}#blog li .blog2{color:#ffffff;background:#84a403;}#blog li .date{font-size:0.875em;}








#bnr{width:100%;padding:100px 0 0;}
#bnr li{padding:10px 0;overflow:hidden;}
#bnr li a{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;transition-duration:0.5s;}
#bnr li a:hover{transform:scale(1.1);}
#bnr li a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;background:rgba(0,0,0,0.3);transition:0.3s ease-in;}
#bnr li a:hover::before{opacity:0;}
#bnr li a .txt{position:relative;width:100%;padding:15% 10%;font-size:5vw;text-shadow:0 1px #000;line-height:1.5;}

@media screen and (min-width:600px){#bnr li a .txt{padding:10%;}}
@media screen and (min-width:1000px){#bnr li a .txt{padding:5% 10%;}}

#gmap{padding-top:100px;}
#gmap iframe{display:block;width:100%;height:300px;}
@media screen and (min-width:600px){#gmap iframe{height:400px;}}
@media screen and (min-width:1000px){#gmap iframe{height:500px;}}


#banner{padding:80px 15px;}
#banner ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;width:100%;margin:0 auto;}
#banner li{max-width:320px;padding:20px 0;}
#banner li a{display:block;}
#banner li img{display:block;width:100%;height:auto;}
#banner li p{padding:10px 0 0;}
#banner a:hover{opacity:0.7;}
@media screen and (max-width:599px){#banner ul{max-width:320px;}#banner li{width:100%;}}
@media screen and (min-width:600px) and (max-width:999px){#banner ul{max-width:650px;}#banner li{width:49%;}#banner li:nth-child(odd){margin-right:2%;}}
@media screen and (min-width:1000px) and (max-width:1349px){#banner ul{max-width:1000px;}#banner li{width:32%;}#banner li:nth-child(3n+2){margin-left:2%;margin-right:2%;}}
@media screen and (min-width:1350px){#banner ul{max-width:1350px;}#banner li{width:23%;margin:0 5px;}}