@charset "UTF-8";
div#thewine_futako {
    color: #333;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position:relative
}
div#thewine_futako section h2{
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
}
div#thewine_futako header,div#thewine_futako main{
	z-index:10;
}
div#thewine_futako .futako-bg{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	    background: url(/thewine/futakotamagawa/futako-bg.svg) repeat center/101%;
	z-index:-1;
}
@media screen and (max-width:768px){
	div#thewine_futako .futako-bg{
		background: url(/ thewine/futakotamagawa/futako-bg-sp.webp) repeat center/auto 30vh;
	}
}
.title-block {
    margin: 0 0 88px;
    display: grid;
    grid-template-columns: 30% auto;
    gap: 10%;
    align-items: center;
    justify-content: center;
    padding: 0 30px 20pc;
    height: 30vh;
    position: relative;
}
@media screen and (max-width:768px){
	div#thewine_futako header{
	height:100vh;
	margin: 0 0 44px;
	}
	.title-block{
		    grid-template-columns: 1fr;
		    height:auto;
		    gap: 2vh;
		    margin: 0 0 6vh;
		    padding: 0 0 3vh;
	}
}
.title-block::after{
    display:none
}
.title-block p {
    line-height: 2.2;
    font-size: clamp(15px,2.5vw,22px);
    margin:0
}
p.start-date {
    position: absolute;
    color: #fff;
    background: #7b002d;
    letter-spacing: 0.1em;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    font-size: clamp(17px, 3vw, 27px);
}
p.start-date span{
	font-size: clamp(18px,3.5vw,36px);
}
p.start-date br{
		display:none
}
.futako-mv {
    padding: 50px 0 0;
}
@media screen and (max-width:768px){
	.futako-mv {
    padding: 20px 0 0;
  }
}
.futako-mv figure {
    /* height: 59vh; */
    aspect-ratio: 1901/867;
    width: 100%;
}
@media screen and (max-width: 768px){
	.title-block p {
    font-size: clamp(14px,2.0vh,17px);
    line-height: 1.9;
    width: auto;
    margin: 0 auto;
    padding: 0 10px;
}
	p.start-date{
		width:100%;
		font-size: clamp(16px, 2.0vh, 21px);
	}
	.title-block p.start-date span{
		font-size: clamp(18px, 2.6vh, 25px);
	}
	.title-block p span{
		font-size: clamp(11px,2.0vh,13px);
	}
	.futako-mv {
    padding: 20px 0 0;
  }
	.futako-mv figure {
   height: 35vh;
   }
}
@media screen and (max-width: 580px){
	p.start-date br{
		display:block
	}
}
.futako-mv figure img {
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}

.title-block h1 {
    height: 30vh;
}
@media screen and (max-width:768px){
	.title-block h1 {
    height: 28vh;
    width:60%;
    margin:0 auto
  }
}
.title-block h1 img{
    height: 100%;
    object-fit: contain;
}
.futakoabout-block{
	margin: 14vh 0;
	display: grid;
	gap: 10%;
	color: #fff;
	justify-content: space-between;
	align-items: center;
	grid-template-columns: 45% 1fr;
}
.futakoabout-block:nth-of-type(2){
	margin: 14vh 0;
}
@media screen and (max-width:768px){
	.futakoabout-block{
		grid-template-columns: 1fr;
		margin: 20vh auto;
		flex-direction: column;
	}
	.futakoabout-block:nth-of-type(1){
		margin-top:20px
	}
	.futakoabout-block:nth-of-type(2){
	flex-direction: column;
	margin: 21vh auto;
	display: flex;
	flex-direction: column-reverse;
	gap: 10%;
	}
		.futakoabout-block:nth-of-type(3){
			gap:4%
		}
	}
}
div#thewine_futako section#futakoabout{
	margin-top:60px;
	overflow: hidden;
}
div#thewine_futako section#futakoabout h3{
	color: #000;
	letter-spacing: 0.1em;
	font-size: clamp(23px, 3.7vw, 36px);
	position: relative;
	z-index: 100;
	margin: 0 0 10px;
}
div#thewine_futako section#futakoabout h3 span{
	letter-spacing: 0em;
	font-size: clamp(36px, 4.7vw, 46px);
	margin: 0 3px 0 0;
}
section .futakoabout-block:nth-of-type(2) h3, section .futakoabout-block:nth-of-type(3) h3{
	
font-size: clamp(27px, 3.7vw, 40px);
}
div#thewine_futako section#futakoabout > h2 {
	display: flex;
	color: #000;
	align-items: center;
	width: 90%;
	margin: 0 auto;
	font-size: clamp(25px, 3.2vw, 44px);
}
div#thewine_futako section#futakoabout > h2::after {
	content: "";
	display: inline-block;
	width: 200px;
	height: 2px;
	background: #000;
}
@media screen and (max-width:768px){
	div#thewine_futako section#futakoabout > h2{
		white-space:nowrap;
		gap: 3px;
	}
	div#thewine_futako section#futakoabout > h2::after {
	width: 50px;
	}
}
div#thewine_futako section#futakoabout h2 span.thewinefull-br{
font-size: clamp(19px, 3.5vw, 34px);
letter-spacing: 0em;
}
@media screen and (max-width:768px){
	div#thewine_futako section#futakoabout > h2 span.thewinefull-br{
		gap:2px;
		margin: 0 5px 0 0;
		line-height: 1.0;
	}
}
div#thewine_futako section#futakoabout > h2 span.thewinefull-br span{
	font-size: clamp(11px, 2.5vw, 16px);
	line-height: 1.0;
}
.futakoabout-block figure{
	width:100%
}
.futakoabout-block figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.futakoabout-block .futakoabout-text-wrap{
	position: relative;
	max-width: 703px;
	padding: 0 3vw  0 0;
}
.futakoabout-block:nth-of-type(2) .futakoabout-text-wrap{
	padding:0 0 0 3vw;
}
@media screen and (max-width:768px){
	.futakoabout-block .futakoabout-text-wrap{
	position: relative;
	max-width: 703px;
	padding: 0;
	margin:0 auto;
	width: 86%;
	}
  .futakoabout-block:nth-of-type(2) .futakoabout-text-wrap{
	padding:0;
	margin-top: 10%;
	}
}
.futakoabout-block .futakoabout-text-wrap::before{
	content:"";
	display:block;
	height: 141%;
	aspect-ratio: 157/150;
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%) translateY(-20%);
	background:url(
	/thewine/futakotamagawa/futako-about01-number.svg) no-repeat center/contain;
	z-index: 0;
}
@media screen and (max-width:768px){
	.futakoabout-block .futakoabout-text-wrap::before{
		height: 89%;
		left: 0;
		transform: translateX(-18%) translateY(-27%);
	}
}
.futakoabout-block:nth-of-type(2) .futakoabout-text-wrap::before{
	aspect-ratio: 36/25;
	background:url(/thewine/futakotamagawa/futako-about02-number.svg) no-repeat center/contain;
}
.futakoabout-block:nth-of-type(3) .futakoabout-text-wrap::before{
	aspect-ratio: 211/150;
	background:url(/thewine/futakotamagawa/futako-about03-number.svg) no-repeat center/contain;
	height: 116%;
}
@media screen and (max-width:768px){
	.futakoabout-block:nth-of-type(2) .futakoabout-text-wrap::before{
		height: 76%;
	}
	.futakoabout-block:nth-of-type(3) .futakoabout-text-wrap::before{
		height: 59%;
	}
}
.futakoabout-block .futakoabout-text{
	margin-top: 0;
	font-size: clamp(16px,1.8vw,22px);
	line-height: 1.7;
	color: #000000;
	position: relative;
	z-index: 1;
}
div#thewine_futako .stores-area,div#thewine_futako .stores-area h2{
	color: #000000;
}
div#thewine_futako .stores-area h2 span::after{
	background:#000
}
.thewine-bt{
	z-index:100;
	position:relative
}
footer.global{
	z-index:10
}