@charset "utf-8";
body {padding-top: 0;}
header .logo{left:7%;top:40px;width:270px;height:107px;}

.lead {font-size: 2rem;line-height: 44px;}
@media screen and (max-width:1199px){
	header .logo{width:20%;top: 20px;left: 30px;}
}
@media screen and (min-width: 1000px) {
	footer > .container{padding-top:150px;}
}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{height:100vh;overflow:hidden;visibility:visible;background: url(../img/top/mv-img.jpg) center / cover no-repeat;}
#block-mv > .container{height:100%;padding-bottom: 150px;position: static;display: flex;align-items: flex-end;justify-content: flex-end;}
#block-mv h1 {font-size: 7.2rem;text-align: right;line-height: 1.4; margin-bottom:30px;}
#block-mv .location a {background: #9f6934;font-size: 2.4rem;color: #e5c5a5;position: absolute;right: 0;bottom: 30px;line-height: 1;letter-spacing: .05em;padding: 15px 40px 15px 15px;display: block;}
#block-mv .location a:before {content: '';width: .8em;height: .8em;display: inline-block;background: url(../img/icon-map.svg) center / contain no-repeat;margin-right: 6px;}
#block-mv .location a:after {content: '';width: .8em;height: calc(100% - 10px);display: inline-block;background: url(../img/icon-right-arrow-white.svg) center / 5px auto no-repeat #8b5a2b;position: absolute;right: 5px;top: 5px;}


/* -------------------------------------------------- */
/* #block-intro */
/* -------------------------------------------------- */
#block-intro {background: url(/img/top/intro-img.jpg) center / cover no-repeat;background-attachment: fixed;position: relative;}
#block-intro:before {content: '';width: 40%;height: calc(100% - 230px);display: block;background: url(../img/top/intro-text.svg) left center / auto 100% no-repeat;position: absolute;right: 0;top: 50px;}
#block-intro > .container {display: flex;justify-content: flex-start;align-items: center;min-height: calc(90vh + 130px);}
#block-intro > .container > div {margin-top: -130px;}
#block-intro h2 .en {font-size: 7.2rem;color: #674f30;letter-spacing: .05em;}
#block-intro h2 .min {font-size: 3rem;letter-spacing: 0.1em;font-weight: 300;margin: 20px 0 60px }
#block-intro .lead {max-width: 820px;border-top: 1px solid rgba(255, 255, 255, 0.3);padding-top: 30px;font-weight: 300;}

/* -------------------------------------------------- */
/* #block-story */
/* -------------------------------------------------- */
#block-story {position: relative;margin-top: -130px;}
#block-story .common-ttl01 {top: -80px;left: 80px;}
#block-story:before {content: '';width: 60%;height: 100%;background: #201c1c;position: absolute;right: 0;top: 0;}
#block-story .box {display: flex;}
#block-story .box + .box {margin-top: 30px;}
#block-story .box figure {flex: 1;margin-right: 4%;position: relative;}
#block-story .box figure img {max-width: none;width: 100%;}
#block-story .box figure:before {content: '';width: 100px;height: 100px;background: rgb(14,12,12);background: linear-gradient(-45deg, rgba(14,12,12,0) 50%, rgba(14,12,12,1) 100%);display: block;position: absolute;right: -100px;top: 0;}
#block-story .box .text {width: 48%;display: flex;align-items: center;justify-content: center;}
#block-story .box .text > div {max-width: 420px;}
#block-story .box .text .en {font-size: 9rem;color: rgba(255, 255, 255, 0.3); letter-spacing: .05em;display: flex;align-items: flex-end;line-height: .7;font-style: italic;}
#block-story .box .text .en:after {content: '';display: block;height: 1px;background: rgba(255, 255, 255, 0.3);flex: 1;margin-left: 20px;}
#block-story .box .lead {display: inline-block;margin-top: 30px;}

/* -------------------------------------------------- */
/* #block-menu */
/* -------------------------------------------------- */
#block-menu h3 {font-size: 2.6rem;letter-spacing: .3em;margin-bottom: 60px;}
#block-menu ul.list{display: flex;gap: 70px 40px;flex-wrap: wrap;}
#block-menu ul.list li {width: calc((100% - 80px) / 3);}
#block-menu ul.list li .text {margin-top: 30px;}
#block-menu ul.list li .text h4 {font-size: 2.2rem;margin-bottom: 15px;}

/* -------------------------------------------------- */
/* #block-location */
/* -------------------------------------------------- */
#block-location h3 {font-size: 2.6rem;letter-spacing: .3em;margin-bottom: 40px;}
#block-location ul.list + h3 {margin-top: 100px;}
#block-location ul.list{display: flex;gap: 70px 40px;flex-wrap: wrap;}
#block-location ul.list li {width: calc((100% - 80px) / 3);}
#block-location ul.list li .box {border: 1px solid #403939;background: #1c1616;}
#block-location ul.list li .box figure img {width: 100%;}
#block-location ul.list li .text {padding: 35px 30px;}
#block-location ul.list li .tel span {background: rgba(255, 255, 255, 0.2);font-size: 1.2rem;line-height: 1;padding: 1px 8px;margin-right: 12px;}
#block-location ul.list li .btn {display: flex;margin-top: 20px;}
#block-location ul.list li .btn a {flex: 1;font-weight: 300;}
#block-location ul.list li .btn a + a {margin-left: 20px;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */

@media screen and (min-width:1px) and (max-width:1099px){
}
@media screen and (min-width:1px) and (max-width:999px){

	.lead {font-size: 1.6rem;line-height: 1.8em;}

	/* -------------------------------------------------- */
	/* #block-mv */
	/* -------------------------------------------------- */
	#block-mv h1 {font-size: 12vw;}

	/* -------------------------------------------------- */
	/* #block-intro */
	/* -------------------------------------------------- */
	#block-intro h2:before {content: none;}
	#block-intro h2 .en {font-size: 10vw;line-height: 1.4em;}
	#block-intro h2 .min {font-size: 2rem;margin-bottom: 30px;}

	/* -------------------------------------------------- */
	/* #block-story */
	/* -------------------------------------------------- */
	#block-story:before {width: 70%;}
	#block-story .box {display: block;}
	#block-story .box figure {margin-right: 0;}
	#block-story .box figure:before {content: none;}
	#block-story .box .text {width: 100%;margin-top: 20px;}
	#block-story .box .text .en {font-size: 4rem;}
	#block-story .box .lead {margin-top: 20px;margin-bottom: 40px;font-size: 1.6rem;}

	/* -------------------------------------------------- */
	/* #block-menu */
	/* -------------------------------------------------- */
	#block-menu h3 {font-size: 2rem;letter-spacing: .2em;margin-bottom: 40px;}
	#block-menu ul.list {gap:40px 20px;}
	#block-menu ul.list li {width: calc((100% - 20px) / 2);	}
	#block-menu ul.list li .text {margin-top: 20px;}
	#block-menu ul.list li .text h4 {margin-bottom: 10px;}

	/* -------------------------------------------------- */
	/* #block-location */
	/* -------------------------------------------------- */
	#block-location h3 {font-size: 2rem;letter-spacing: .2em;margin-bottom: 40px;}
	#block-location ul.list {display: block;}
	#block-location ul.list li {width: 100%;}
	#block-location ul.list li + li {margin-top: 50px;}
	#block-location ul.list li .text {padding: 15px 30px;}
	#block-location ul.list + h3 {margin-top: 70px;}

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
  

}