@charset "utf-8";

body{background:#fff;}
body *{font-family:"Noto Sans JP",sans-serif;box-sizing:border-box;}
img{max-width:100%;height:auto;}
ul,ol{padding:0;margin:0;list-style:none;}

/* ---------------------------------------------------- */
/* header-renew - TOPのみレスポンシブ */
/* ---------------------------------------------------- */
#header-renew{min-width:1px;}

@media screen and (max-width:999px){
    body{padding-top:60px!important;}
    #header-renew{height:60px;padding:5px 20px;}
    #header-renew *{color:#fff;}
    #header-renew .logo{width:110px;padding-top:4px;}
    #header-renew .logo img{max-width:100%;height:auto;vertical-align:bottom;}
    #header-renew .gnav{display:none;position:absolute;right:0;top:60px;width:100%;height:calc(100vh - 60px);padding:10px 5% 60px;background:rgba(17,17,17,0.9);backdrop-filter:blur(5px);box-sizing:border-box;}   
    #header-renew .gnav .menu ul{display:block;}
    #header-renew .gnav .menu ul > li{border-bottom:1px solid rgba(255,255,255,0.2);}
    #header-renew .gnav .menu ul > li a{text-align:left;;padding:20px 0;display:flex;align-items:center;}
    #header-renew .gnav .menu ul > li a span{font-size:16px;background:url(/common/images/text_back2.jpg) repeat;color: transparent;-webkit-background-clip: text;}
    #header-renew .gnav .menu ul > li a small{font-size:14px;margin:0 0 0 18px;}
    #header-renew .gnav .menu ul > li a:hover{background:none;}
    #header-renew .gnav .tel{margin:35px auto 0;padding:0;text-align:center;}
    #header-renew .gnav .tel .time{display:inline-block;}   
    #header-renew .gnav .tel::before{display:none;}
    #header-renew .gnav .tel .num a{margin-bottom:8px;}
    #header-renew .gnav .tel .num a span{font-size:32px;background:url(/common/images/text_back2.jpg) repeat;color: transparent;-webkit-background-clip: text;}
    #header-renew .gnav .tel .time dt{width:2em;}
    #header-renew .gnav .tel .time dt,
    #header-renew .gnav .tel .time dd{font-size:15px;}
	#header-renew #header-btn{width:70px;height:60px;position:fixed;top:0;right:0;z-index:10004;cursor:pointer;display:block;border:0;background:none;}
	#header-renew #header-btn span{display:inline-block;transition:all .2s;box-sizing:border-box;width:25px;position:absolute;top:50%;right:22px;height:1px;background-color:#222;}
	#header-renew #header-btn span:nth-of-type(1){transform:translateY(-6px);}
	#header-renew #header-btn span:nth-of-type(3){transform:translateY(6px);}
	#header-renew #header-btn.active span:nth-of-type(2){opacity:0;}
	#header-renew #header-btn.active span:nth-of-type(1){transform:rotate(30deg);}
	#header-renew #header-btn.active span:nth-of-type(3){transform:rotate(-30deg);}
}

/* ---------------------------------------------------- */
/* footer-renew - TOPのみレスポンシブ */
/* ---------------------------------------------------- */
#footer-renew{min-width:1px;}

@media screen and (max-width:999px){
    #footer-renew{display:block;padding-bottom:120px;}
    #footer-renew .footer-left{justify-content:center;}
    #footer-renew .footer-right{margin-top:40px;}
    #footer-renew .footer-right .nav{justify-content:center;flex-wrap:wrap;}
    #footer-renew .footer-right .copyright{text-align:center;}
}
@media screen and (max-width:622px){
    #footer-renew{padding:40px 5% 120px;}
    #footer-renew .footer-left{display:block;text-align:center;}
    #footer-renew .footer-left .address{margin-top:15px;margin-left:0;font-size:12px;}
    #footer-renew .footer-left .sns{margin-top:30px;margin-left:0;}
    #footer-renew .footer-right{margin-top:30px;}
    #footer-renew .footer-right .nav{font-size:12px;}
    #footer-renew .footer-right .nav li + li::before{margin:0;}
    #footer-renew .footer-right .copyright{margin-top:20px;}
}

/* ---------------------------------------------------- */
/* footer-fixed - TOPのみレスポンシブ */
/* ---------------------------------------------------- */
@media screen and (max-width:999px){
    #footer-fixed{display:block;width:100%;height:70px;position:fixed;bottom:0;left:0;z-index:9999;}
    #footer-fixed::before{content:"";display:block;width:70%;height:100%;background:#9c816b;position:absolute;left:0;top:0;z-index:-1;}
    #footer-fixed::after{content:"";display:block;width:30%;height:100%;background:#734b30;position:absolute;right:0;top:0;z-index:-1;}
    #footer-fixed *{font-family:"Noto Sans JP",sans-serif;}
    #footer-fixed a{color:#fff;text-decoration:none;}
    #footer-fixed .footer-fixed-inner{display:flex;color:#fff;height:100%;max-width:560px;margin:auto;}
    #footer-fixed .box-tel{width:70%;background:#9c816b;display:flex;align-items:center;justify-content:center;padding-top:2px;gap:5px;}
    #footer-fixed .box-ec{flex:1;background:#734b30;padding-top:2px;}
    #footer-fixed .item{font-size:11px;font-weight:bold;text-align:center;display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
    #footer-fixed .item::before{content:"";display:block;margin:0 auto 5px;width:23px;height:23px;background:url(/common/images/footer_icon01.png) no-repeat;background-size:contain;}
    #footer-fixed .box-ec .item::before{background-image:url(/common/images/footer_icon02.png);}
    #footer-fixed .box-tel .item{width:auto;}
    #footer-fixed .tel{position:relative;padding:0 10px;white-space:nowrap;}
    #footer-fixed .tel .num a{display:inline-block;margin-bottom:2px;}
    #footer-fixed .tel .num a span{font-size:19px;font-weight:bold;font-family: "Tuffy", sans-serif;white-space:nowrap;}
    #footer-fixed .tel .time dl{display:flex;line-height:1.2;}
    #footer-fixed .tel .time dt{width:0.7em;}
    #footer-fixed .tel .time dt,
    #footer-fixed .tel .time dd{font-size:10px;font-weight:600;font-family:"Barlow Semi Condensed",sans-serif;white-space:nowrap;}
}

/* ---------------------------------------------------- */
/* common */
/* ---------------------------------------------------- */
.container{max-width:1280px;padding:120px 40px;margin:auto;}

.common-ttl01{margin-bottom:30px;width:auto;height:auto;text-indent:0;}
.common-ttl01 span{display:inline-block;font-size:42px;font-family:"Barlow Semi Condensed",sans-serif;font-weight:bold;background:url(/common/images/text_back.jpg) repeat;color: transparent;-webkit-background-clip: text;line-height:1;}
.common-ttl01 span::before{content:"";display:block;width:145px;height:20px;background:url(/common/images/top/ttl_back.png) no-repeat;background-size:contain;margin:0 auto 20px;}

.common-ttl02{font-size:18px;font-weight:bold;font-family:inherit;line-height:1.5;padding-left:15px;margin-bottom:5px;position:relative;}
.common-ttl02::before{content:"";display:block;width:4px;height:70%;position:absolute;left:0;top:15%;background:#222;}

.common-btn01{font-size:16px;padding:20px 35px 20px 25px;font-weight:500;letter-spacing:0.02em;display:inline-block;background:#111;color:#fff!important;text-align:center;min-width:250px;line-height:1.3;text-decoration:none!important;position:relative;transition:.2s;}
.common-btn01::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 6px 0px 6px 8px;border-color: transparent transparent transparent #fff;opacity:0.4;position:absolute;top:50%;right:15px;margin-top:-6px;}
.common-btn01:hover{opacity:0.7;}

@media screen and (max-width:999px){
    .container{padding:50px 5%;}  
    .common-ttl01 span{font-size:30px;}
    .common-ttl01 span::before{width:109px;height:14px;margin-bottom:15px;}
    .common-ttl02{font-size:16px;}
    .common-btn01{font-size:14px;}
}

/* ---------------------------------------------------- */
/* #block-mv */
/* ---------------------------------------------------- */
#block-mv .slick-arrow{position:absolute;top:50%;left:20px;z-index:10;background:none;border:0;font-size:0;padding:20px;margin-top:-31px;cursor:pointer;}
#block-mv .slick-arrow.slick-next{left:auto;right:20px;transform:scale(-1,1);}
#block-mv .slick-arrow::before{content:"";display:block;width:20px;height:20px;border-left:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);}
#block-mv .item{width:1200px;max-width:calc(100vw - 80px);}
#block-mv .item div{width:100%;height:0;padding-bottom:40%;position:relative;}
#block-mv .item img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}

@media screen and (max-width:999px){
    #block-mv .item{width:100vw;max-width:100vw;}
    #block-mv .item div{padding-bottom:94%}
    #block-mv .slick-arrow{left:5px;}
    #block-mv .slick-arrow.slick-next{right:5px;}
    #block-mv .slick-arrow::before{width:15px;height:15px;border-width:1px;}
}

/* ---------------------------------------------------- */
/* #block-nav */
/* ---------------------------------------------------- */
#block-nav .container{padding-top:40px;padding-bottom:0;}
#block-nav .list-nav{display:flex;gap:1px;}
#block-nav .list-nav > li{flex:1;text-align:center;min-height:240px;position:relative;overflow:hidden;}
#block-nav .list-nav > li a{width:100%;height:100%;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1;}
#block-nav .list-nav > li a span{font-size:42px;display:block;font-family:"Barlow Semi Condensed",sans-serif;font-weight:600;letter-spacing:0.04em;background:url(/common/images/text_back2.jpg) repeat;color: transparent;-webkit-background-clip: text;-webkit-filter: drop-shadow(0 0 20px #000);filter: drop-shadow(0 0 20px #000);}
#block-nav .list-nav > li a small{font-size:16px;display:block;font-weight:500;letter-spacing:0.12em;margin-top:10px;color:#fff;text-shadow:0 0 20px rgba(0,0,0,0.8);}
#block-nav .list-nav > li a .img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
#block-nav .list-nav > li a .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;z-index:1;transition:.2s;}
#block-nav .list-nav > li a .img::before{content:"";display:block;width:100%;height:100%;background:#382719;position:absolute;top:0;left:0;opacity:0.5;mix-blend-mode:multiply;z-index:2;}
#block-nav .list-nav > li a:hover .img img{transform:scale(1.08);}

@media screen and (max-width:999px){
    #block-nav .container{padding:2px 2px 0;}
    #block-nav .list-nav{flex-wrap:wrap;}
    #block-nav .list-nav > li{flex:none;width:calc((100% - 1px) / 2);min-height:150px;height:20vw;}
    #block-nav .list-nav > li:first-child{width:100%;}
    #block-nav .list-nav > li a span{font-size:27px;-webkit-filter: drop-shadow(0 0 10px #000);filter: drop-shadow(0 0 10px #000);}
    #block-nav .list-nav > li a small{font-size:14px;text-shadow:0 0 10px rgba(0,0,0,0.8);}
}

/* ---------------------------------------------------- */
/* #block-news */
/* ---------------------------------------------------- */
#block-news .container{display:flex;gap:110px;}
#block-news .right{flex:1;}
#block-news .list{border-top:1px solid #222;}
#block-news .list > li{border-bottom:1px solid #222;}
#block-news .list > li a{display:flex;align-items:center;color:#222;padding:28px 15px;}
#block-news .list > li a .ttl{font-size:16px;font-weight:500;flex:1;letter-spacing:0.04em;line-height:1.5;}
#block-news .list > li a .date{font-size:18px;width:8em;font-family:"Tuffy",sans-serif;font-weight:600;letter-spacing:0.04em;white-space:nowrap;}

@media screen and (max-width:999px){
    #block-news{position:relative;padding-bottom:90px;}
    #block-news .container{display:block;}
    #block-news .left{text-align:center;position:static;}
    #block-news .left .btn{position:absolute;bottom:50px;left:0;width:100%;text-align:center;}
    #block-news .list > li a{display:block;padding:15px 0;}
    #block-news .list > li a .ttl{font-size:14px;}
    #block-news .list > li a .date{font-size:12px;width:auto;margin-bottom:6px;}
}

/* ---------------------------------------------------- */
/* #block-access */
/* ---------------------------------------------------- */
#block-access{background:url(/common/images/top/back.jpg) repeat #f5f5f5;}
#block-access .container{display:flex;flex-direction:row-reverse;gap:60px;}
#block-access .right{flex:1;padding-top:10px;}
#block-access .right p{font-size:16px;line-height:1.8;}
#block-access .right .box{border-top:4px dotted #6c6c6c;margin-top:30px;padding-top:30px;}
#block-access .right .box p{padding-left:15px;}
#block-access .right .box p + .common-ttl02{margin-top:24px;}
#block-access .left{width:60%;}
#block-access .left iframe{width:100%;}

@media screen and (max-width:999px){
    #block-access .container{display:block;}
    #block-access .right .common-ttl01{text-align:center;}
    #block-access .right p{font-size:14px;}
    #block-access .right .box{border-top-width:2px;margin-top:20px;padding-top:25px;}
    #block-access .right .box p + .common-ttl02{margin-top:18px;}
    #block-access .left{width:100%;margin-top:25px;}
    #block-access .left iframe{height:60vw;max-height:400px;}
}