@charset "UTF-8";

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

	#mainvisual img {
		/* 元の画像を消して、新しい画像を指定する */
		content: url("../images/img/main_sp.jpg");

		/* サイズの調整（必要に応じて） */
		width: 100%;
		height: auto;
	}

	#container section {
		margin-bottom: 80px;
	}
	
	#container h3 {
		width: 100%;
	}

	#business .content{
		margin-bottom: 60px;
	}

	.content .text,
	.content .image {
		width: 100%;
		max-width: 100%;
	}

	.content .text dt,
	.content .text dd {
		display: inline-block;
		width: 100%;
		padding-left: 0px;
	}

	.content .text h4 {
		display: none;
	}

	.content h4.sp {
		display: block;
		color: #394c42;
		font-weight: bold;
		margin-bottom: 2vw;
		border-bottom: solid 2px #d2a635;
		width: 100%;
	}

	#container h3 .jptext {
		font-size: clamp(14px, 2.86vw, 20px);
	}

	#container h3 .entext {
		font-size: clamp(20px, 5.7vw, 40px);
	}

	#container h4{
		font-size: 18px;
	}

}