@charset "UTF-8";
/*===============================================
●画面の横幅が770px以上
===============================================*/
@media screen and (min-width: 770px) {

	.certified_timber {

		.certified_timber_main {
			background-image: url(../img/certified_timber/main_img.jpg);
		}
		img {
			width: 100%;
			height: auto;
		}

		.const_initiative {
			width: 100%;
			float: left;
			clear: both;
			padding-top: 117px;
			margin-bottom: 140px;



			.title_box {
				width: 100%;
				position: relative;
			}

			.bg_text {
				font-size: 200px;
				line-height: 1;
				color: rgba(255, 255, 255, 0.03);
				position: absolute;
				top: -79px;
				left: -40px;
				white-space: nowrap;
			}
			.sub_title {
				width: 430px;
				line-height: 1.4;
				font-size: 27px;
				font-weight: 700;
				color: #577456;
				padding: 0 23px;
				margin: 0 auto 18px;
				background-color: #ececdc;
			}
			.title_box {
				margin-bottom: 120px;
			}

			.main_title {
				width: 760px;
				line-height: 1.4;
				font-size: 27px;
				text-align: center;
				color: #fff;
				padding: 0 23px;
				margin: 0 auto 40px;
			}
			.title_small {
				display: block;
				font-size: 30px;
				font-weight: 900;
				margin-bottom: -44px;
			}
			.title_big {
				font-size: 80px;
				font-weight: 900;
				color: #fdfea3;
				text-decoration: underline 3px;
				text-underline-offset: 15px;
			}
			.title_regular {
				font-size: 40px;
				font-weight: 700;
				color: #fdfea3;
				text-decoration: underline 3px;
				text-underline-offset: 13px;
			}
			.section_title {
				position: relative;
				margin: 0 auto 68px;
				text-align: center;
				padding: 18px 0;
				color: #ffffff;
				font-size: 35px;
				line-height: 1.3;
				font-weight: 700;
				background-image: url("../img/certified_timber/bg_section_title.png");
				background-size: 54px 42px;
				background-repeat: repeat;
			}
			.section_title::before {
				content: "";
				position: absolute;
				top: -9px;
				left: 0;
				right: 0;
				height: 1px;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}
			.section_title::after {
				content: "";
				position: absolute;
				bottom: -9px;
				left: 0;
				right: 0;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}


			.reason_block {
				display: flex;
				gap: 30px;
				margin-bottom: 100px;
			}
			.figure_img {
				width: 106%;
				transform: translateX(-3%);
			}

			.reason_item {
				width: calc(100% / 3);
			}
			.graph_title {
				width: 383px;
				margin: 0 auto 30px;
				padding: 0 23px;
				font-size: 35px;
				line-height: 1.3;
				font-weight: 700;
				color: #ededdd;
				border: 3px solid #ededdd;
			}

		}
		/* .const_initiative */


		.conts_message {
			width: 100%;
			float: left;
			clear: both;
			padding: 87px 0 72px;
			margin-bottom: -17px;
			position: relative;
			background-color: #5a715a;


			.bg_text {
				font-size: 200px;
				line-height: 1;
				color: rgba(255, 255, 255, 0.03);
				position: absolute;
				top: 38px;
				left: -40px;
				white-space: nowrap;
			}
			.message_s {
				width: 760px;
				font-size: 20px;
				line-height: 2;
				font-weight: 700;
				text-align: center;
				color: #fff;
				padding: 0 23px;
				margin: 0 auto 27px;
			}
			.message_m {
				width: 760px;
				line-height: 1.5;
				font-size: 25px;
				font-weight: 700;
				text-align: center;
				color: #fff;
				padding: 0 23px;
				margin: 0 auto 0px;
			}
			.message_l {
				width: 760px;
				line-height: 2;
				font-size: 30px;
				font-weight: 700;
				text-align: center;
				color: #fdfea3;
				padding: 0 23px;
				margin: 0 auto 30px;
				text-decoration: underline 3px;
				text-underline-offset: 13px;
				position: relative;
			}
			.message_l::after {
				content: "";
				position: absolute;
				bottom: 0;
				right: -114px;
				width: 77px;
				height: 108px;
				background-image: url(../img/certified_timber/icon_pencil.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}

		}
		/* .conts_message */


		.conts_about {
			width: 100%;
			float: left;
			clear: both;
			padding: 160px 0 120px;
			margin-bottom: 3px;
			position: relative;




































			.section_title {
				width: 100%;
				position: relative;
				margin: 0 auto 35px;
				text-align: center;
				padding: 20px;
				color: #ffffff;
				font-size: 35px;
				line-height: 1.3;
				font-weight: 700;
				background-image: url("../img/certified_timber/bg_section_title.png");
				background-size: 54px 42px;
				background-repeat: repeat;
				box-sizing: border-box;
			}
			.section_title::before {
				content: "";
				position: absolute;
				top: -9px;
				left: 0;
				right: 0;
				height: 1px;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}
			.section_title::after {
				content: "";
				position: absolute;
				bottom: -7px;
				left: 0;
				right: 0;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}


			.text_about {
				width: 900px;
				font-size: 18px;
				line-height: 2;
				font-weight: 700;
				text-align: center;
				color: #fff;
				padding: 0 23px;
				margin: 0 auto 27px;
			}

			.certified_logo_wrapper {
				margin: 38px auto 0;
				width: 750px;
				background-color: #ededdd;
				border: 4px solid #384b37;
				position: relative;
				padding: 0 40px 18px 40px;
				box-sizing: border-box;
			}

			.certified_logo_wrapper .wrapper_title_block {
				background-color: #384b37;
				margin: 0 -40px 35px;
				text-align: center;
				padding: 3px 0;
			}

			.certified_logo_wrapper .wrapper_title {
				font-size: 20px;
				line-height: 1.7;
				font-weight: bold;
				color: #ffffff;
				margin: 0;
				letter-spacing: 0.05em;
			}

			.certified_logo_wrapper .logo_container {
				width: 100%;
				padding-bottom: 50px;
			}

			.certified_logo_wrapper .logo_list {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 50px;
				flex-wrap: wrap;
			}

			.certified_logo_wrapper .logo_item {
				position: relative;
			}

			.certified_logo_wrapper .logo_img_box {
				border-radius: 8px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 155px;
				height: auto;
			}

			.certified_logo_wrapper .logo_img_box img {
				width: 100%;
				height: auto;
				display: block;
			}

			.certified_logo_wrapper .fsc_item .logo_caption {
				position: absolute;
				top: 100%;
				left: 50%;
				transform: translateX(-50%);
				width: 140%;
				text-align: center;
				font-size: 0.85rem;
				color: #015c4d;
				line-height: 1.4;
				margin-top: 6px;
				font-weight: 500;
				white-space: nowrap;
			}

			/* 3つの森林認証制度 */

			.handled_certifications_wrapper {
				margin-top: 66px;
				width: 100%;
				border: 5px solid #384b37;
				box-sizing: border-box;
			}

			.wrapper_main_title {
				background-color: #384b37;
				color: #ffffff;
				font-size: 30px;
				line-height: 1.4;
				font-weight: 700;
				text-align: center;
				padding: 10px 20px;
				margin: 0 auto;
				letter-spacing: 0.05em;
			}

			.cert_section_block {
				background-color: #ededdd;
				padding: 40px 40px 30px;
				box-sizing: border-box;
			}
			.cert_section_block.pefc_block {
				background-color: #e1e1cf;
			}

			.cert_section_title {
				font-size: 30px;
				font-weight: bold;
				color: #384b37;
				border-bottom: 3px solid #384b37;
				padding-bottom: 4px;
				margin-bottom: 41px;
			}

			.cert_section_title .en_sub {
				font-size: 20px;
				font-weight: 700;
			}
			.cert_section_title .en_sub span {
				font-size: 20px;
				font-weight: 700;
			}

			.cert_content_flex {
				display: flex;
				align-items: flex-start;
				gap: 30px;
			}

			.cert_logo_area {
				width: 156px;
				text-align: center;
				flex-shrink: 0;
			}

			.logo_img_box {
				border-radius: 8px;
				box-sizing: border-box;
				height: auto;
				margin-bottom: 3px;
			}

			.logo_img_box img {
				width: 100%;
				height: auto;
				display: block;
			}

			.logo_caption {
				font-size: 13px;
				color: #015c4d;
				line-height: 1.4;
				font-weight: bold;
				margin-bottom: 5px;
			}

			.cert_detail_area {
				flex-grow: 1;
				position: relative;
				padding: 30px 0 60px;
				min-height: 220px;
				box-sizing: border-box;
			}

			.detail_sub_title {
				display: inline-block;
				background-color: #697a68;
				color: #ffffff;
				font-size: 18px;
				line-height: 1.4;
				font-weight: bold;
				padding: 0 15px;
				margin-bottom: 10px;
			}

			.detail_list {
				margin: 0;
				padding: 0;
			}

			.detail_item {
				display: flex;
				margin-bottom: 10px;
				font-size: 15px;
				line-height: 1.5;
			}

			.detail_item dt {
				width: 130px;
				font-weight: bold;
				color: #697a68;
				border: 2px solid #697a68;
				text-align: center;
				padding: 0px 5px;
				flex-shrink: 0;
				margin-right: 15px;
				background-color: #ededdd;
				height: fit-content;
			}

			.detail_item dd {
				font-weight: 700;
				margin: 0;
				color: #282625;
				padding-top: 3px;
			}

			.detail_text {
				font-size: 15px;
				line-height: 1.8;
				color: #333333;
				margin: 0;
				font-weight: 700;
			}

			.more_btn_box {
				position: absolute;
				bottom: 0;
				right: 0;
			}

			.more_link {
				display: block;
				width: 210px;
				background-color: #ededdd;
				border: 3px solid #384b37;
				color: #384b37;
				text-align: center;
				padding: 12px 5px;
				font-size: 18px;
				font-weight: bold;
				text-decoration: none;
				position: relative;
				transition: all 0.3s;
			}
			.more_link:hover {
				display: block;
				width: 210px;
				background-color: #384b37;
				color: #ededdd;
				text-align: center;
				padding: 12px 5px;
				font-size: 18px;
				font-weight: bold;
				text-decoration: none;
				position: relative;
				transition: all 0.3s;
			}

			.more_link::after {
				content: "";
				position: absolute;
				top: 50%;
				right: 9%;
				transform: translateY(-50%);
				width: 4%;
				height: 28%;
				background-image: url(../img/share/icon_05_g.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				transition: .3s;
			}

			.more_link:hover:after {
				background-image: url(../img/share/icon_05.png);
			}

			/* 3つの森林認証制度 */

			/* 森林認証を支える2種類の認証 */
			.forest-cert-wrapper {
				margin-top: 70px;
				width: 100%;
				border: 5px solid #384b37;
				box-sizing: border-box;
			}

			.two_certs_container {
				background-color: #ededdd;
				padding: 27px 75px 44px;
				box-sizing: border-box;
			}

			.two_certs_container .intro_text {
				font-size: 20px;
				font-weight: 700;
				color: #384b37;
				text-align: center;
				margin-bottom: 31px;
				line-height: 1.6;
			}

			.cert_badge {
				display: inline-block;
				background-color: #697a68;
				color: #fdfea3;
				font-size: 20px;
				line-height: 1.2;
				font-weight: bold;
				padding: 0px 8px;
				margin: 0 2px;
			}
			.cert_badge.fsc_b {
				padding: 0px 5px 0 8px;
			}
			.cert_badge.fsc_b sup {
				position: relative;
				top: -3px;
			}

			.certs_flex_box {
				display: flex;
				gap: 40px;
				justify-content: center;
			}

			.cert_card {
				width: 50%;
				background-color: #e1e1cf;
				padding: 20px 23px;
				box-sizing: border-box;
				border-radius: 4px;
			}

			/* ★cert_section_title の見栄えを再現し、下線をh4に統一 */
			.card_main_title {
				font-size: 35px;
				font-weight: bold;
				color: #384b37;
				border-bottom: 3px solid #384b37;
				padding-bottom: 4px;
				margin-bottom: 20px;
				margin-top: 0;
			}

			.card_main_title .en_sub {
				font-size: 20px;
				font-weight: 700;
				margin-left: -3px;
			}

			.card_content {
				width: fit-content;
				display: flex;
				gap: 41px;
				padding: 0 18px;
				flex-direction: row;
			}

			.card_icon {
				width: 22%;
			}
			.card_icon img {}

			.card_text {
				width: 68%;
				font-size: 18px;
				line-height: 1.6;
				color: #222222;
				font-weight: bold;
				margin: 0;
				padding-top: 20px;
			}
			/* 森林認証を支える2種類の認証 */


		}
		/* .conts_about */

		.message_02 {
			padding: 95px 0 60px;






































			.message_l {
				width: 760px;
				line-height: 2;
				font-size: 30px;
				font-weight: 700;
				text-align: center;
				color: #fdfea3;
				padding: 0 23px;
				margin: 0 auto 30px;
				text-decoration: underline 3px;
				text-underline-offset: 8px;
				position: relative;
			}
			.message_l::after {
				width: 86px;
				height: 121px;
				right: -44px;
				bottom: -26px;
			}
			.message_m {
				margin: 0 auto 10px;
			}
		}
		/* .conts_message */

		.conts_link {
			width: 100%;
			float: left;
			clear: both;
			padding: 151px 0 47px;
			margin-bottom: -17px;
			position: relative;









































			.green_btn_list {
				display: flex;
				justify-content: center;
			}

			.green_btn {
				width: 434px;
				margin: 0 19px;
				display: inline-block;
				background-color: #384c37;
				font-size: 14px;
				line-height: 1.55;
			}

			.green_btn a {
				width: 100%;
				display: block;
				text-align: left;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
				padding: 59px 0 50px 102px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-color: #384c37;
				background-image: url(../img/business/icon_01.png);
				background-repeat: no-repeat;
				background-position: 37px center;
				background-size: 52px;
				position: relative;
				transition-duration: 0.3s;
			}

			.green_btn.supplier a {
				width: 100%;
				display: block;
				text-align: left;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
				padding: 59px 0 50px 142px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-color: #384c37;
				background-image: url(../img/certified_timber/icon_05.png);
				background-repeat: no-repeat;
				background-position: 17px center;
				background-size: 107px;
				position: relative;
				transition-duration: 0.3s;
			}
			.green_btn a::after {
				content: "";
				width: 100%;
				height: 100%;
				display: block;
				background-image: url(../img/business/arrow_02.png);
				background-repeat: no-repeat;
				background-position: right 20px center;
				background-size: 10px;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 9;
				pointer-events: none;
			}
			.green_btn a:hover {
				color: #384c37;
				background-color: #ffffff;
				background-image: url(../img/business/icon_01_g.png);
			}
			.green_btn.supplier a:hover {
				color: #384c37;
				background-color: #ffffff;
				background-image: url(../img/certified_timber/icon_05_g.png);
			}
			.green_btn a:hover::after {
				background-image: url(../img/business/arrow_02_g.png);
			}
			.green_btn .jp_text {
				font-size: 20px;
				font-weight: bold;
			}
		}
		/* conts_link */

		#conts_02 {

			.green_btn a {
				width: 100%;
				display: block;
				text-align: left;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
				padding: 59px 0 50px 102px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-color: #384c37;
				background-image: url(../img/certified_timber/icon_01.png);
				background-repeat: no-repeat;
				background-position: 37px center;
				background-size: 52px;
				position: relative;
				transition-duration: 0.3s;
			}

		}
		/* #conts_02 */


		#conts_04 {}
		#conts_05 {}
		#conts_06 {}
	}
	/* .certified_timber */


}


/*===============================================
●画面の横幅が769pxまで（iPhone6 横向きまで）
===============================================*/
@media screen and (max-width:769px) {

	.certified_timber {

		.certified_timber_main {
			background-image: url(../img/certified_timber/main_img.jpg);
		}
		img {
			width: 100%;
			height: auto;
		}
		span {
			font-weight: inherit;
		}
		div {
			box-sizing: border-box;
		}


		.line_break {
			display: inline-block;
		}

		.const_initiative {
			width: 100%;
			float: left;
			clear: both;
			padding-top: 75px;
			margin-bottom: 60px;





			.title_box {
				width: 90%;
				margin: 0 auto;
				position: relative;
				margin-bottom: 60px;
			}

			.bg_text {
				font-size: 100px;
				line-height: 1;
				color: rgba(255, 255, 255, 0.03);
				position: absolute;
				top: -55px;
				left: -20px;
				white-space: nowrap;
			}
			.sub_title {
				text-align: center;
				width: 275px;
				line-height: 1.4;
				font-size: 17px;
				font-weight: 700;
				color: #577456;
				padding: 6px;
				margin: 0 auto 15px;
				background-color: #ececdc;
			}

			.main_title {
				width: 100%;
				line-height: 1.4;
				font-size: 27px;
				text-align: center;
				color: #fff;
				margin: 0 auto 20px;
			}
			.title_small {
				display: block;
				font-size: 20px;
				font-weight: 900;
				margin-bottom: -41px;
			}
			.title_big {
				font-size: 40px;
				line-height: 1.5;
				font-weight: 700;
				color: #fdfea3;
				text-decoration: underline 2px;
				text-underline-offset: 12px;
			}
			.title_regular {
				font-size: 23px;
				font-weight: 700;
				color: #fdfea3;
				text-decoration: underline 2px;
				text-underline-offset: 9px;
			}
			.section_title {
				max-width: 500px;
				position: relative;
				margin: 0 auto 50px;
				text-align: center;
				padding: 13px 8px;
				color: #ffffff;
				font-size: 21px;
				line-height: 1.5;
				font-weight: 700;
				background-image: url("../img/certified_timber/bg_section_title.png");
				background-size: 54px 42px;
				background-repeat: repeat;
			}
			.section_title::before {
				content: "";
				position: absolute;
				top: -9px;
				left: 0;
				right: 0;
				height: 1px;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}
			.section_title::after {
				content: "";
				position: absolute;
				bottom: -9px;
				left: 0;
				right: 0;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}


			.reason_block {
				display: flex;
				gap: 20px;
				margin-bottom: 60px;
				flex-direction: column;
			}
			.reason_item {
				width: 90%;
				max-width: 310px;
				margin: 0 auto;
			}
			.graph_title {
				width: 80%;
				max-width: 260px;
				text-align: center;
				margin: 0px auto 20px;
				font-size: 20px;
				line-height: 1.5;
				font-weight: 700;
				color: #ededdd;
				border: 2px solid #ededdd;
			}

		}
		/* .const_initiative */


		.conts_message {
			width: 100%;
			float: left;
			clear: both;
			padding: 67px 0 42px;
			margin-bottom: -17px;
			position: relative;
			background-color: #5a715a;







			.bg_text {
				font-size: 100px;
				line-height: 1;
				color: rgba(255, 255, 255, 0.03);
				position: absolute;
				top: 15px;
				left: -20px;
				white-space: nowrap;
			}
			.message_s {
				width: 100%;
				font-size: 15px;
				line-height: 1.9;
				font-weight: 700;
				color: #fff;
				margin: 0 auto 20px;
				text-align: center;
			}
			.message_m {
				width: 100%;
				font-size: 18px;
				line-height: 1.6;
				font-weight: 700;
				text-align: left;
				color: #fff;
				margin: 0 auto 20px;
				text-align: center;
			}
			.message_l {
				width: 100%;
				font-size: 20px;
				line-height: 1.8;
				font-weight: 700;
				text-align: left;
				color: #fdfea3;
				margin: 0 auto 30px;
				text-decoration: underline 2px;
				text-underline-offset: 7px;
				position: relative;
				text-align: center;
			}
			.message_l::after {
				content: "";
				position: absolute;
				bottom: 0;
				right: -114px;
				width: 77px;
				height: 108px;
				background-image: url(../img/certified_timber/icon_pencil.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}

		}
		/* .conts_message */


		.conts_about {
			width: 100%;
			float: left;
			clear: both;
			padding: 87px 0 75px;
			margin-bottom: 3px;
			position: relative;

			.section_title {
				max-width: 500px;
				position: relative;
				margin: 0 auto 50px;
				text-align: center;
				padding: 13px 8px;
				color: #ffffff;
				font-size: 21px;
				line-height: 1.5;
				font-weight: 700;
				background-image: url("../img/certified_timber/bg_section_title.png");
				background-size: 54px 42px;
				background-repeat: repeat;
				box-sizing: border-box;
			}
			.section_title::before {
				content: "";
				position: absolute;
				top: -15px;
				left: 0;
				right: 0;
				height: 1px;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}
			.section_title::after {
				content: "";
				position: absolute;
				bottom: -15px;
				left: 0;
				right: 0;
				background-color: #3e593b;
				border-top: 1px solid #3e593b;
				border-bottom: 1px solid #3e593b;
				height: 2px;
			}


			.text_about {
				width: 100%;
				font-size: 15px;
				line-height: 2;
				font-weight: 700;
				text-align: left;
				color: #fff;
				margin: 0 auto 27px;
			}

			.certified_logo_wrapper {
				margin: 38px auto 0;
				width: 100%;
				max-width: 450px;
				background-color: #ededdd;
				border: 4px solid #384b37;
				position: relative;
				padding: 0 15px 40px;
			}

			.certified_logo_wrapper .wrapper_title_block {
				background-color: #384b37;
				margin: 0 -15px 30px;
				text-align: center;
				padding: 6px 0 8px;
			}

			.certified_logo_wrapper .wrapper_title {
				width: 90%;
				font-size: 16px;
				line-height: 1.6;
				font-weight: bold;
				color: #ffffff;
				margin: 0 auto;
				letter-spacing: 0.05em;
			}

			.certified_logo_wrapper .logo_container {
				width: 100%;
				padding-bottom: 20px;
			}

			.certified_logo_wrapper .logo_list {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 4%;
				flex-wrap: wrap;
				flex-direction: row;
			}

			.certified_logo_wrapper .logo_item {
				position: relative;
			}

			.certified_logo_wrapper .logo_img_box {
				border-radius: 8px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 80px;
				height: auto;
			}

			.certified_logo_wrapper .logo_img_box img {
				width: 100%;
				height: auto;
				display: block;
			}

			.certified_logo_wrapper .fsc_item .logo_caption {
				position: absolute;
				top: 100%;
				left: 50%;
				transform: translateX(-50%);
				width: 140%;
				text-align: center;
				font-size: 1.15rem;
				color: #015c4d;
				line-height: 1.4;
				margin-top: 6px;
				font-weight: 700;
				white-space: nowrap;
			}

			.handled_certifications_wrapper {
				margin-top: 50px;
				border: 4px solid #384b37;
				width: 100%;
			}

			.wrapper_main_title {
				background-color: #384b37;
				color: #ffffff;
				font-size: 16px;
				line-height: 1.6;
				font-weight: 700;
				text-align: center;
				padding: 6px 0 8px;
			}

			.cert_section_block {
				background-color: #ededdd;
				padding: 28px 15px 30px;
				box-sizing: border-box;
			}

			.cert_section_block.pefc_block {
				background-color: #e1e1cf;
			}

			.cert_section_title {
				font-size: 23px;
				font-weight: bold;
				color: #384b36;
				border-bottom: 2px solid #384b36;
				margin-bottom: 20px;
				line-height: 1.3;
			}

			.cert_section_title .en_sub {
				display: block;
				font-size: 13px;
				line-height: 1.5;
				font-weight: 700;
				margin: 3px 0;
			}
			.cert_content_flex {
				display: block;
			}

			.cert_logo_area {
				width: 140px;
				margin: 0 auto 20px auto;
				text-align: center;
			}

			.logo_img_box {
				border-radius: 8px;
				box-sizing: border-box;
				width: 100%;
			}

			.logo_img_box img {
				width: 100%;
				height: auto;
				display: block;
			}

			.logo_caption {
				font-size: 12px;
				color: #015c4d;
				line-height: 1.4;
				font-weight: bold;
				margin: 5px 0 0;
			}

			.cert_detail_area {
				width: 100%;
				padding-bottom: 0;
				min-height: auto;
				text-align: center;
			}

			.detail_sub_title {
				display: inline-block;
				background-color: #697a68;
				color: #ffffff;
				font-size: 15px;
				font-weight: bold;
				padding: 2px 8px;
				margin-bottom: 15px;
			}

			.detail_list {
				text-align: left;
				margin: 0;
				padding: 0;
			}
			.detail_item {
				display: block;
				margin-bottom: 15px;
				font-size: 14px;
				line-height: 1.4;
			}

			.detail_item dt {
				width: auto;
				display: inline-block;
				margin-right: 0;
				margin-bottom: 5px;
				font-weight: bold;
				color: #536552;
				border: 2px solid #536552;
				text-align: center;
				padding: 1px 8px;
				background-color: #ededdd;
				height: fit-content;
			}

			.detail_item dd {
				margin: 0;
				color: #282625;
				padding-top: 0;
				font-weight: 700;
			}

			.detail_text {
				text-align: left;
				font-size: 14px;
				line-height: 1.6;
				margin: 0;
				font-weight: 700;
				color: #282525;
			}
			.detail_text br {
				display: none;
			}

			.more_btn_box {
				position: relative;
				margin-top: 25px;
				display: flex;
				justify-content: center;
			}

			.more_link {
				display: block;
				width: 100%;
				max-width: 210px;
				background-color: #ededdd;
				border: 2px solid #384b37;
				color: #384b37;
				text-align: center;
				padding: 10px 0;
				font-size: 15px;
				font-weight: bold;
				text-decoration: none;
				position: relative;
			}

			.more_link::after {
				content: "";
				position: absolute;
				top: 50%;
				right: 9%;
				transform: translateY(-50%);
				width: 4%;
				height: 28%;
				background-image: url(../img/share/icon_05_g.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				transition: .3s;
			}
			/* 森林認証を支える2種類の認証 */
			.forest-cert-wrapper {
				margin-top: 40px;
				width: 100%;
				border: 3px solid #384b37;
				box-sizing: border-box;
			}

			.two_certs_container {
				background-color: #ededdd;
				padding: 25px 15px;
				box-sizing: border-box;
			}

			.two_certs_container .intro_text {
				font-size: 14px;
				font-weight: 700;
				color: #384b37;
				text-align: left;
				margin-bottom: 25px;
				line-height: 1.6;
			}

			.cert_badge {
				display: inline-block;
				background-color: #697a68;
				color: #fdfea3;
				font-size: 13px;
				font-weight: bold;
				padding: 1px 6px;
				margin: 0 1px;
				border-radius: 3px;
			}
			.cert_badge.fsc_b {
				padding: 0px 5px 0 6px;
			}
			.cert_badge.fsc_b sup {
				position: relative;
				top: -3px;
				left: 1px;
			}

			.certs_flex_box {
				display: block;
			}

			.cert_card {
				width: 100%;
				background-color: #e1e1cf;
				padding: 25px 15px;
				box-sizing: border-box;
				border-radius: 4px;
				margin-bottom: 25px;
			}
			.cert_card:last-child {
				margin-bottom: 0;
			}

			/* ★SP版の cert_section_title のルールを踏襲 */
			.card_main_title {
				font-size: 23px;
				font-weight: bold;
				color: #384b37;
				border-bottom: 2px solid #384b37;
				padding-bottom: 4px;
				margin-bottom: 20px;
				margin-top: 0;
				line-height: 1.3;
			}

			.card_main_title .en_sub {
				display: block;
				font-size: 13px;
				line-height: 1.5;
				font-weight: 700;
				margin: 3px 0 0 0;
			}

			.card_content {
				display: flex;
				align-items: center;
				gap: 15px;
			}

			.card_icon {
				width: 50px;
				height: 50px;
				flex-shrink: 0;
			}
			.card_icon img {
				width: 100%;
				height: auto;
				display: block;
			}

			.card_text {
				font-size: 13px;
				line-height: 1.5;
				color: #384b37;
				font-weight: 700;
				margin: 0;
				text-align: left;
			}
			/* 森林認証を支える2種類の認証 */


		}
		/* .conts_about */

		.message_02 {
			padding: 65px 0 120px;

			.message_l {
				width: 100%;
				/* font-size: 20px; */
				line-height: 1.8;
				/* font-weight: 600; */
				text-align: left;
				color: #fdfea3;
				margin: 0 auto 30px;
				text-decoration: underline 2px;
				text-underline-offset: 9px;
				position: relative;
				text-align: center;
				font-size: 20px;
				font-weight: bold;
			}
			.message_l::after {
				width: 66px;
				height: 95px;
				right: -3px;
				bottom: -106px;
			}
			.message_m {
				margin: 0px auto 20px;
			}
		}
		/* .conts_message */

		.conts_link {
			width: 100%;
			float: left;
			clear: both;
			padding: 101px 0 30px;
			margin-bottom: -17px;
			position: relative;



















































			.green_btn_list {
				display: flex;
				justify-content: center;
				flex-direction: column;
			}

			.green_btn {
				width: 100%;
				display: inline-block;
				background-color: #384c37;
				font-size: 14px;
				line-height: 1.55;
			}

			.green_btn a {
				width: 100%;
				display: block;
				text-align: left;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
				padding: 59px 0 50px 102px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-color: #384c37;
				background-image: url(../img/business/icon_01.png);
				background-repeat: no-repeat;
				background-position: 37px center;
				background-size: 52px;
				position: relative;
				transition-duration: 0.3s;
			}
			.green_btn.supplier {
				margin-top: 20px;
			}
			.green_btn.supplier a {
				width: 100%;
				display: block;
				text-align: left;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
				padding: 59px 0 50px 142px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-color: #384c37;
				background-image: url(../img/certified_timber/icon_05.png);
				background-repeat: no-repeat;
				background-position: 17px center;
				background-size: 107px;
				position: relative;
				transition-duration: 0.3s;
			}
			.green_btn a::after {
				content: "";
				width: 100%;
				height: 100%;
				display: block;
				background-image: url(../img/business/arrow_02.png);
				background-repeat: no-repeat;
				background-position: right 20px center;
				background-size: 10px;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 9;
				pointer-events: none;
			}
			.green_btn a:hover {
				color: #384c37;
				background-color: #ffffff;
				background-image: url(../img/business/icon_01_g.png);
			}
			.green_btn.supplier a:hover {
				color: #384c37;
				background-color: #ffffff;
				background-image: url(../img/certified_timber/icon_05_g.png);
			}
			.green_btn a:hover::after {
				background-image: url(../img/business/arrow_02_g.png);
			}
			.green_btn .jp_text {
				font-size: 20px;
				font-weight: bold;
			}
		}
		/* conts_link */

		#conts_02 {

			.green_btn a {
				width: 100%;
				display: block;
				text-align: left;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
				padding: 59px 0 50px 102px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background-color: #384c37;
				background-image: url(../img/certified_timber/icon_01.png);
				background-repeat: no-repeat;
				background-position: 37px center;
				background-size: 52px;
				position: relative;
				transition-duration: 0.3s;
			}

		}
		/* #conts_02 */


		#conts_04 {}
		#conts_05 {}
		#conts_06 {}
	}
	/* .certified_timber */


}