@charset "UTF-8";

/* 下層 */
.left_line_kasou {

	position: absolute;
	top:  0;
	left: 0;
	z-index: 2;
	width:  1.8rem;
	height: 89.7rem;
	background: -webkit-linear-gradient(top, #d2b98c, #b9975b, #876e41);
  background: linear-gradient(to bottom, #d2b98c, #b9975b, #876e41);

}

.main_kasou {
	
	position: relative;
	height: 69rem;
	background-image: url('../img/main_kasou.webp');
	background-size: cover;
	background-position: center center;
	display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.main_kasou .kasou_title {
	
	width: 22.75rem;
	margin-top: -4rem;
	
}

.main_kasou .toge {

	position: absolute;
	left:   1.7%;
	bottom: 5.5%;
	width: 66.7rem;

}

.main_kasou .arata {

	position: absolute;
	right:  2%;
	bottom: 5.5%;
	width: 29.1rem;

}

/* 見出し２ */
.kasou_h2 {
	
	position: relative;
	padding-top:  1.5rem;
	padding-left: 35.5rem;
	background: #F2F2F2;
	overflow: hidden;

}

.kasou_h2:after {

	position: absolute;
	top:  0;
	left: 0;
	content: "";
	width:  2.5rem;
	height: 100%;
	background: #B9985C;

}

.kasou_h2 .line1 {
	
	position: relative;
	display: block;
	font-family: 'Shippori Mincho', serif;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1;
	color: #6D6968;
	letter-spacing: 0.24em;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;

}

.kasou_h2 .line1:after {

	position: absolute;
	left:   0;
	bottom: -0.6rem;
	content: "";
	width:  200%;
	height: 0.2rem;
	background: #999;

}

.kasou_h2 .line2 {

	display: block;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 5.5rem;
	color: #B9985C;
	letter-spacing: 0.24em;
	
	/*font-family: 'Noto Sans JP', sans-serif;*/

}



/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}


@media only screen and (max-width: 1200px) {

	.left_line_kasou {
		
		display: none;
		width:  1.8rem;
		height: 80.8rem;

	}

	.main_kasou {
		
		height: 69rem;
		margin-top: 11.6rem;
		background-image: url('../img/main_kasou.webp');

	}

}


/* iPadPro */
@media only screen and (max-width: 1024px) {

	/* 見出し２ */
	.kasou_h2 {
		
		padding-top:  1.5rem;
		padding-left: 11%;

	}

	.kasou_h2:after {

		width:  2.5rem;

	}

	.kasou_h2 .line1 {
		
		font-size: 5rem;
		letter-spacing: 0.24em;

	}

	.kasou_h2 .line1:after {

		bottom: -0.6rem;
		width:  200%;
		height: 0.2rem;

	}

	.kasou_h2 .line2 {

		font-size: 6.9rem;
		letter-spacing: 0.24em;

	}

}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPad */
@media only screen and (max-width: 768px) {
	
	/* 下層 */
	.main_kasou {
		
		height: 60rem;
		margin-top: 11.6rem;
		background-image: url('../img/main_kasou.webp');

	}
	
	.main_kasou .kasou_title {

		width: 26rem;
		
	}

	.main_kasou .toge {

		left:   2%;
		bottom: 3%;
		width: 75%;

	}

	.main_kasou .arata {

		right:  2%;
		bottom: 18%;
		width: 22%;
		
	}

	/* 見出し２ */
	.kasou_h2 {
		
		padding-top:  1.5rem;
		padding-left: 7%;

	}

	.kasou_h2:after {

		width:  2.5rem;

	}

	.kasou_h2 .line1 {
		
		font-size: 5rem;
		letter-spacing: 0.24em;

	}

	.kasou_h2 .line1:after {

		bottom: -0.6rem;
		width:  200%;
		height: 0.2rem;

	}

	.kasou_h2 .line2 {

		font-size: 6.9rem;
		letter-spacing: 0.24em;

	}

}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	/* 下層 */
	.main_kasou {
		
		height: 50rem;
		margin-top: 10rem;
		background-image: url('../img/main_kasou_sp.webp');

	}
	
	.main_kasou .kasou_title {
		
		width: 20.75rem;
		margin-top: -4rem;
		
	}
	
	/* 見出し２ */
	.kasou_h2 {
		
		padding-top:  2.5rem;
		padding-left: 6%;

	}

	.kasou_h2:after {

		width: 1.8rem;

	}

	.kasou_h2 .line1 {
		
		font-size: 4.4rem;
		letter-spacing: 0.2em;

	}

	.kasou_h2 .line1:after {

		bottom: -1.2rem;
		height: 1px;

	}

	.kasou_h2 .line2 {

		font-size: 6.3rem;
		letter-spacing: 0.2em;

	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {



}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}