@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *						style_sustainability.css
 *
 *-------------------------------------------------------------*/

	body { font-size: clamp(14px, calc(100vw * 16 / 1300), 16px); }	

	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainability-top-message
	 * ---------- ---------- ---------- ---------- ---------- */

	 		#sustainability-top-message					{ margin-bottom: 140px; }
	 		#sustainability-top-message .message-box	{ width: min(95%, 1300px); margin: 0 auto; }

			#sustainability-top-message .message-box h3	{ font-family: "Zen Old Mincho", serif; font-size: clamp(25px, calc(100vw * 32 / 815), 32px); line-height: 1.5; margin-bottom: 30px; }

			#sustainability-top-message .message-box h3 + section	{ display: flex; flex-direction: row-reverse; }

			#sustainability-top-message .message-box .p_name		{ line-height: 1.4; margin-top: 17px; }
			#sustainability-top-message .message-box .p_message		{ margin-right: 100px; }
			#sustainability-top-message .message-box .p_message > p + p { margin-top: 40px; }


	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainabilityDl
	 * ---------- ---------- ---------- ---------- ---------- */

			.sustainabilityDl						{ justify-content: space-between; border-color: #a98667; border-style: solid; border-width: 1px; border-radius: 55px; }
			.sustainabilityDl + .sustainabilityDl	{ margin-top: 50px; }
			.sustainabilityDl:nth-child(even)		{ flex-direction: row-reverse; }
			
			.sustainabilityDl dt,
			.sustainabilityDl dd					{ width: calc(100% / 2 ); }

			.sustainabilityDl dt					{ border-color: #a98667; border-style: solid; box-sizing: border-box; padding: 0 30px 30px; display: flex; flex-direction: column; }
			.sustainabilityDl:nth-child(odd) dt 	{ border-width: 0 1px 0 0; }
			.sustainabilityDl:nth-child(even) dt	{ border-width: 0 0 0 1px; }

			.sustainabilityDl dt p					{ margin-top: 18px; font-size: clamp(22px, calc(100vw * 24 / 1300), 24px); font-weight: 400; }
			.sustainabilityDl dt p a:hover			{ color: #a98667; }	
			.sustainabilityDl dt .caption			{ margin-top: 7px; flex-grow: 1; margin-bottom: 18px; font-size: clamp(13px, calc(100vw * 14 / 1300), 14px); }

			.sustainabilityDl dd img					{ width: 100%; height: 100%; object-fit: cover; }
			.sustainabilityDl:nth-child(odd) dd img		{ border-radius: 0 55px 55px 0; }
			.sustainabilityDl:nth-child(even) dd img	{ border-radius: 55px 0 0 55px; }

			.sustainabilityDl .btnArea				{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
			.sustainabilityDl .btn 					{ width: calc(100% / 2 - 10px); margin: 0 auto 0 0; font-size: clamp(14px, calc(100vw * 16 / 1300), 16px); }
			.sustainabilityDl .btn a				{ width: 100%; padding-right: 40px; }


	/* ---------- ---------- ---------- ---------- ----------
	 *				孫ページ　common
	 * ---------- ---------- ---------- ---------- ---------- */

			.sustainability-link.btn > a			{ border: none; background-color: transparent; width: fit-content; padding: 2px 50px 2px 0; padding-left: 0; height: fit-content; }
			.sustainability-link.btn > a:hover		{ border-radius: initial; text-decoration: underline; }

			.sustainability-link-middle				{ margin-top: 30px; }
			.sustainability-link-bottom				{ margin-top: 120px; }
			.sustainability-link-middle .sustainability-link.btn,
			.sustainability-link-bottom .sustainability-link.btn	{ margin: 0 0 0 auto; }

			.subTitle02 							{ margin-bottom: 20px; }

			.contentsBox .flex						{ display: flex; }
			.contentsBox .flex.row-reverse			{ flex-direction: row-reverse; }
			.contentsBox .flex:not(.row-reverse) > img				{ margin-left: 40px; }
			.contentsBox .flex.row-reverse > img					{ margin-right: 40px; flex-direction: row-reverse; }

	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainability-first-set
	 * ---------- ---------- ---------- ---------- ---------- */

	 		.sustainability-first-set				{ display: flex; gap: 30px; margin-bottom: 150px; }
			.sustainability-first-set > article		{ width: calc(100% / 2 ); }
			.sustainability-first-set .imgArea img	{ width: 100%; height: auto; max-width: fit-content; border-radius: 20px; }
			.sustainability-first-set p.colBrown	{ font-size: clamp(28px, calc(100vw * 32 / 620), 32px); margin-bottom: 25px; }

			.sustainability-first-set .textArea > .sustainability-link.btn	{ margin: 40px 0; }

	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainability-subTitle01Set
	 * ---------- ---------- ---------- ---------- ---------- */

			.subTitle01 > span 						{ font-size: clamp(17px, calc(100vw * 20 / 1300), 20px); padding-left: 20px; }
			.sustainability-subTitle01Set article	{ width: min(95%, 1300px); margin: 0 auto; }

			.sustainability-subTitle02Set + .sustainability-subTitle01Set.pageLink		{ padding-top: 50px; margin-top: -50px; }
			.sustainability-subTitle02Set + .sustainability-subTitle01Set .subTitle01	{ margin-top: 130px; }

	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainability-subTitle02Set
	 * ---------- ---------- ---------- ---------- ---------- */

			.sustainability-subTitle02Set 			{ width: min(84.6%, 1300px); margin: 60px auto 0; }
			.sustainability-subTitle02Set .img		{ margin-top: 30px; }
			.sustainability-subTitle02Set .img img	{ width: 100%; height: auto; max-width: fit-content; }

/*-------------------------------------------------------------
 *
 *				style_sustainability.css(ver.SP)
 *
 *-------------------------------------------------------------*/

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

			.sustainabilityDl .btn a				{ padding-right: 37px; }

	 }


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

	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainability-top-message
	 * ---------- ---------- ---------- ---------- ---------- */

		#sustainability-top-message .message-box h3 + section	{ display: block; }
		#sustainability-top-message .message-box .p_message		{ margin-right: 0; margin-top: 40px; }
		#sustainability-top-message .message-box .p_message > p + p { margin-top: 30px; }

	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainabilityDl
	 * ---------- ---------- ---------- ---------- ---------- */
		
		.sustainabilityDl dt				{ width: 100%; box-sizing: border-box; padding-bottom: 25px; }
		.sustainabilityDl:nth-child(odd) dt,
		.sustainabilityDl:nth-child(even) dt	{ border-width: 0  0 1px 0; }
		.sustainabilityDl .btn				{ width: 100%; max-width: 280px; margin: 0 auto; }
		.sustainabilityDl .btn a			{ padding-left: 15px; }

		.sustainabilityDl dd				{ width: 100%; text-align: center; }
		.sustainabilityDl:nth-child(odd) dd img,
		.sustainabilityDl:nth-child(even) dd img	{ border-radius: 0 0 55px 55px; }


	/* ---------- ---------- ---------- ---------- ----------
	 *				孫ページ　common
	 * ---------- ---------- ---------- ---------- ---------- */

		.sustainability-link-bottom				{ margin-top: 80px; }

		.contentsBox .flex,
		.contentsBox .flex.row-reverse			{ flex-direction: column; align-items: center; }
		.contentsBox .flex:not(.row-reverse) > img,
		.contentsBox .flex.row-reverse > img	{ margin: 30px 0 0; }



	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainability-first-set
	 * ---------- ---------- ---------- ---------- ---------- */

		.sustainability-first-set				{ flex-direction: column; margin-bottom: 20px; }
		.sustainability-first-set > article		{ width: 100%; }

		.sustainability-subTitle02Set + .sustainability-subTitle01Set.pageLink		{ padding-top: 5px; margin-top: -5px; }
		.sustainability-subTitle02Set + .sustainability-subTitle01Set .subTitle01	{ margin-top: 100px; }

	/* ---------- ---------- ---------- ---------- ----------
	 *				sustainability-subTitle01Set
	 * ---------- ---------- ---------- ---------- ---------- */

			
	 	.subTitle01 > span 						{ padding-left: 0px; display: block; }

			
	}