@charset "utf-8";

/*root
=============================================*/

/* mainVisual
============================================= */
#container .mainVisual {
	background-image: url(../img/mainPh.webp);
}
@media screen and (max-width: 737px) {
	#container .mainVisual {
		background-image: url(../img/mainPh_sp.webp);
	}
}

/* block共通
============================================= */
#container .titStyle05 {
	width: fit-content;
	padding: 6px 30px;
	line-height: 1.6;
}
#container .subTxt {
	line-height: 1.7;
}
@media screen and (max-width: 737px) {
	#container .titStyle05 {
		width: fit-content;
	}
}

/* block01
============================================= */
#container .block01 {
	padding-block: 42px 60px;
}
#container .block01 .titStyle02 {
	margin-bottom: 58px;
}
#container .block01 .titStyle03 {
	margin-bottom: 20px;
}
#container .block01 .titStyle05 {
	margin-block: 30px 25px;
}
#container .block01 .blockImg {
	margin-block: 24px 40px;

}
#container .block01 .blockImg img {
	border: 1px solid #B5B5B6;
}
#container .block01 dl:first-of-type {
	margin-bottom: 40px;
}
#container .block01 dl .borderHd01 {
	margin-bottom: 15px;
}
#container .block01 .imgArea {
	display: flex;
	margin-top: 24px;
}
#container .block01 .imgArea li .subTxt {
	margin-top: 8px;
}
@media screen and (min-width: 738px) {
	#container .block01 .imgArea {
		column-gap: 20px;
	}
}
@media screen and (max-width: 737px) {
	#container .block01 {
		padding-block: 30px 32px;
	}
	#container .block01 .titStyle02 {
		margin-bottom: 40px;
	}
	#container .block01 .titStyle03 {
		margin-bottom: 16px;
	}
	#container .block01 .titStyle05 {
		margin-block: 20px 22px;
		padding: 6px 28px;
	}
	#container .block01 .blockImg {
		display: flex;
		width: calc(100% + 20px);
		margin-block: 26px 30px;
		margin-left: -20px;
		padding-right: 20px;
		overflow-x: scroll;
	}
	#container .block01 .blockImg::before {
		content: "";
		flex: 0 0 20px;
	}	
	#container .block01 dl .borderHd01 {
		margin-bottom: 18px;
	}
	#container .block01 dl:first-of-type {
		margin-bottom: 30px;
	}
	#container .block01 .imgArea {
		flex-direction: column;
	}
	#container .block01 .imgArea {
		margin-top: 30px;
	}
	#container .block01 .imgArea li:first-of-type {
		margin-bottom: 20px;
	}
	#container .block01 .imgArea li img {
		width: 100%;
		height: auto;
	}
}