
.headerOtherPage .headerKawahagi{
	position: relative;
	background: url("../images/headerKawahagi.jpg") no-repeat center / cover;
	height: 200px;
	z-index: 2;
}

.menuBg {
	height: 110px;
}

@media screen and (max-width:990px){
	.headerOtherPage .headerKawahagi{
		height: 100px;
	}
	h2{
		margin-top: 90px;
	}
}

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

.kawahagi_contents1{
	background: url("../images/bg_washi.jpg") no-repeat center / cover;
	width: 100%;
	padding: 100px 0 0 0;
	margin: 0 0 200px 0;
}
.kawahagi_contents1 > div{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.kawahagi_contents1 > div h2{
	position: relative;
	top: 50px;
	margin: 0 0 0 10%;
}
.kawahagi_contents1 > div h3{
	position: relative;
	top: 50px;
	font-size: 2.5em;
	line-height: 1.5;
}
.kawahagi_contents1 > div h3 span{
	display: block;
	position: relative;
	top: 50px;
	margin: 0px 0 0 5%;
}
.kawahagi_contents1 > div p{
	position: relative;
	top: 100px;
	margin: 0px 0 0 20%;
	line-height: 2.5;
}
.kawahagi_contents1 .kawahagi{
	position: relative;
	top: 100px;
	width: 60%;
	max-width: 1000px;
	aspect-ratio: 1 / 1;
	background: url("../images/kawahagi_illustration_bg.png") no-repeat center / contain;
	padding: 150px 0 20px 170px;
}
.kawahagi_contents1 .kawahagi img{
	width: 100%;
}

@media screen and (max-width:1500px){
	.kawahagi_contents1 > div p{
		margin: 0px 0 0 10vw;
	}
}

@media screen and (max-width:990px){
	.kawahagi_contents1{
		padding: 120px 0 0 0;
		margin: -100px 0 200px 0;
	}
	.kawahagi_contents1 > div h2{
		margin: 0 2% 0 5%;
	}
	.kawahagi_contents1 > div h3{
		font-size: 2.0em;
	}
	.kawahagi_contents1 > div h3 span{
		margin: 0 0 0 2%;
	}
	.kawahagi_contents1 > div p{
		margin: 0px 0 0 10vw;
	}
	.kawahagi_contents1 .kawahagi{
		width: 95%;
		margin: -150px 0 0 0;
		padding: 100px 0 20px 25%;
	}
}



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



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


.kawahagi_kodawari_text {
    display: block;
	
	
    margin: 0 auto -170vh auto;
    width: 160px;
	height: 200vh;
}

.kawahagi_kodawari_text img {
    display: block;
    position: sticky;
    top: 100px;
    width: 160px;
}

.test-container {
    height: 200vh; /* 画面より長くしてスクロールできるように */
    padding-top: 50px;
    background: lightgray;
}

.test-sticky {
    display: block;
    position: sticky;
    top: 10px;
    width: 160px;
    background: rgba(255, 255, 255, 0.8);
}




.kawahagi_contents2 {
	margin-bottom: 200px;
}


.kawahagi_contents2 > div{
	display: grid;
	grid-template-columns: 42.5% 42.5%;
	column-gap: 15%;
	row-gap: 0em;
	
	margin-top: -200px;
}
.kawahagi_contents2 > div img{
	width: 100%;
}
.kawahagi_contents2 > div div h4{
	width: 75%;
	margin: 30px auto 20px auto;
	font-size: 2em;
	white-space: nowrap
}

.kawahagi_contents2 > div div p{
	display: block;
	width: 70%;
	margin: 0px auto 0px auto;
	line-height: 1.7;
	white-space: nowrap;
}


@media screen and (max-width:990px){
	.kawahagi_contents2{
		margin: 300px auto 100px auto;
	}
	.kawahagi_contents2 > div{
		display: block;
	}
	.kawahagi_contents2 > div div h4{
		white-space: normal;
		width: 95%;
	}
	.kawahagi_contents2 > div div p{
		white-space: normal;
		width: 95%;
	}
	
}


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




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



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


@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;}}

