


html{
	overflow-x: hidden;
}


.logoCompany{
	display : block;
	position: absolute;
}

.logoIzakaya_izakaya{
	display: block;
	position: relative;
	margin: 0 auto;
	top: 25px;
	left: 50%;
	
}
.logoIzakaya_izakaya img{
	display : block;
	position: absolute;
	width: 180px;
	left: -90px;
}

.mainVisual_kamaemizumoto{
	height: 100vh;
	background: url("../images/mainVisual_kamaemizumoto_bg.jpg") no-repeat center / cover;
	
}

.mainVisual_kamaemizumoto h2{
	position: relative;
	top: 27%;
	left: 75%;
	
	font-size: clamp(12px, 3vw, 18px);
	color: #fff;
	line-height: 2;
	text-shadow: 1px 1px 2px black;
	
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}


@media screen and (max-width:990px){
	.mainVisual_kamaemizumoto h2{
		left: 45%;
	}
}








/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　contents1　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.kamaemizumoto_contents1{
	padding: 100px 0;
	color: #fff;
	background: #000;
}
.kamaemizumoto_contents1 > div{
	display: flex;
	width: 85%;
	max-width: 1000px;
	margin: 0 auto;
}
.kamaemizumoto_contents1 > div div{
	width: 50%;
	margin-right: 10%;
}
.kamaemizumoto_contents1 > div img{
	display: block;
	width: 40%;
}
.kamaemizumoto_contents1 > div div h3{
	font-size: 2.5em;
	margin: 200px 0 40px 0;
}
.kamaemizumoto_contents1 > div div p{
	line-height: 1.8;
}


@media screen and (max-width:990px){
	.kamaemizumoto_contents1 > div{
		display: block;
		width: 94%;
	}
	.kamaemizumoto_contents1 > div div{
		width: 100%;
		margin: 0 auto 50px auto;
	}
	.kamaemizumoto_contents1 > div div h3{
		font-size: clamp(18px, 8vw, 38px);
		margin: 00px 0 40px 0;
	}
	.kamaemizumoto_contents1 > div img{
		display: block;
		width: 80%;
		margin: 0 auto 0 auto;
	}
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　contents1　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/






/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　contents2　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.kamaemizumoto_contents2{
	padding: 100px 0 200px 0;
	background: url("../images/kamaemizumoto_bg.jpg") repeat center / 100%;
	text-align: center;
}
.kamaemizumoto_contents2 h2{
	font-size: 1.7em;
}
.kamaemizumoto_contents2 > div{
	margin: 50px auto 100px auto;
	line-height: 2;
}
.kamaemizumoto_contents2 > div:nth-child(2){
	margin: 50px auto 30px auto;
	width: 95%;
}

.kamaemizumoto_contents2 > img{
	display: block;
	width: 85%;
	max-width: 1400px;
	min-width: 1000px;
	margin: 0 auto;
}


@media screen and (max-width:990px){
	.kamaemizumoto_contents2{
		padding: 100px 0 00px 0;
	}
	.kamaemizumoto_contents2 div{
		margin: 30px auto 50px auto;
		text-align: left;
		overflow-x: hidden;
	}
	.kamaemizumoto_contents2 div span{
		position: relative;
		display: block;
		height: 75vw;
		margin: 0 auto;
	}
	.kamaemizumoto_contents2 div img{
		width: 120%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.kamaemizumoto_contents2 div h3{
		margin: 0px auto;
		font-size: 2em;
	}
	.kamaemizumoto_contents2 div p{
		width: 95%;
		margin: 0 auto;
		line-height: 1.5;
	}
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　contents2　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/





/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　scroll-infinity　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/


.scroll-infinity li{
	padding-right: calc(5px + 2vw);
}

.scroll-infinity li:nth-child(1) img{
	margin: 0px 0 0 0;
}
.scroll-infinity li:nth-child(2) img{
	margin: 0px 0 0 0;
}
.scroll-infinity li:nth-child(3) img{
	margin: 0px 0 0 0;
}
.scroll-infinity li:nth-child(4) img{
	margin: 0px 0 0 0;
}
.scroll-infinity li:nth-child(5) img{
	margin: 0px 0 0 0;
}



/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　scroll-infinity　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

.kamaemizumoto_swiper{
	margin: 200px auto 350px auto;
}

@media screen and (max-width:990px){
	.kamaemizumoto_swiper{
		margin: 20px auto 50px auto;
	}
}












iframe{
	width: 100vw;
	height: 600px;
	margin: 0 auto 200px auto;
}




.footer {
	background: #000;
}






/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓　　↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/



/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑　　↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


@media screen and (max-width:990px){
}





@media screen and (max-width:990px){
.P{display: none!important;}}
@media screen and (min-width:991px){
.S{display: none!important;}}

