/* common */
.woodenH2{
	font-size: 4rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.woodenH2 span{
	color: #1B2C75;
	font-weight: 900;
}
.woodenH3{
	margin: 0;
	padding: 0;
	line-height: 1;
}
.woodenH3 .en{
	color: #1B2C75;
	font-size: 1rem;
	font-weight: 900;
}
.woodenH3 .ja{
	font-size: 2rem;
	font-weight: 400;
	padding: 1rem 0;
}
.woodenImage--border{
	border: 1px solid #888;
}
.forPC{
	display: block;
}
.forSP{
	display: none;
}
@media screen and (max-width: 767px) {
	.woodenH2{
		font-size: 2.5rem;
	}
	.forPC{
		display: none;
	}
	.forSP{
		display: block;
	}
}

/* woodenLead */
#woodenLead{
	font-weight: 500;
}
#woodenLead .column{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}
#woodenLead .woodenLead__image{
	width: 100%;
	height: auto;
}
#woodenLead .woodenLead__content .lead{
	font-size: 1.5rem;
	line-height: 1.5;
}
#woodenLead .woodenLead__content .lead span{
	font-size: 2rem;
	color: #1B2C75;
	font-weight: 900;
}
#woodenLead .woodenLead__content .text{
	margin-top: 2rem;
	line-height: 2;
}
#woodenLead .woodenLead__content .list{
	background-color: #F9F9F9;
	margin-top: 2rem;
	padding: 1rem;
}
#woodenLead .woodenLead__content .list ul{
	margin: 0;
	margin-left: 1.5rem;
	line-height: 1;
	list-style: disc;
	padding: 0;
}
#woodenLead .woodenLead__content .list li span{
	color: #1B2C75;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	#woodenLead .column{
		grid-template-columns: 1fr;
	}
	#woodenLead .woodenLead__image{
		order: 2;
	}
	#woodenLead .woodenLead__content .text{
		margin-top: 1rem;
	}
	#woodenLead .woodenLead__content .list{
		margin-top: 1rem;
	}
}

/* woodenStrength */
#woodenStrength{
	margin-top: 5rem;
	font-weight: 500;
}
#woodenStrength .strengthLead{
	margin-top: 2rem;
	font-size: 1rem;
}
#woodenStrength .strengthLead span{
	color: #1B2C75;
	font-weight: 700;
}
#woodenStrength .strengthBlock{
	margin-top: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
#woodenStrength .strengthBlock__item{
	width: 100%;
	background-color: #F9F9F9;
	padding: 1.5rem;
}
#woodenStrength .strengthBlock__item--half{
	width: calc( 50% - 0.75rem);
}
#woodenStrength .strengthBlock__item h4{
	font-size: 1.5rem;
	color: #1B2C75;
	font-weight: 900;
	padding: 0;
	margin: 0;
	margin-bottom: 1rem;
}
#woodenStrength .strengthBlockColumn{
	display: grid;
	grid-template-columns: 1fr 420px;
	gap: 1.5rem;
}
#woodenStrength .strengthBlockColumn + .strengthBlockColumn{
	margin-top: 1.5rem;
}
#woodenStrength .strengthBlockColumn--column{
	grid-template-columns: 1fr;
}
#woodenStrength .strengthBlockColumn--even{
	grid-template-columns: 1fr 1fr;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__text{
	line-height: 2;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__text h5{
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5rem;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__text p{
	margin: 0;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__text .strengthComment{
	margin: 0;
	padding: 0;
	margin-top: 1.5rem;
	font-size: 0.875rem;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__text .strengthComment li{
	border: 1px solid #888;
	background-color: #fff;
	padding: 1rem;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__text .strengthComment li .name{
	text-align: right;
	font-size: 0.75rem;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__text .strengthComment li + li{
	margin-top: 0.5rem;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__image img{
	width: 100%;
}
#woodenStrength .strengthBlockColumn .strengthBlockColumn__image figcaption{
	margin-top: 0.5rem;
	font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
	#woodenStrength .strengthBlockColumn{
		gap: 1rem;
		grid-template-columns: 1fr;
	}
	#woodenStrength .strengthBlockColumn--even{
		grid-template-columns: 1fr;
	}
	#woodenStrength .strengthBlockColumn + .strengthBlockColumn{
		margin-top: 2rem;
	}
	#woodenStrength .strengthBlock__item--half{
		width: 100%;
	}

}

/* woodenStrength__anchor */
#woodenStrength__anchor{
	margin-top: 2rem;
}
#woodenStrength__anchor ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	margin: 0;
	padding: 0;
}
#woodenStrength__anchor ul li{
	margin: 0;
}
#woodenStrength__anchor ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem;
	color: #fff;
	background-color: #1B2C75;
	font-weight: 700;
	line-height: 1;
}
#woodenStrength__anchor ul li a span{
	font-size: 2rem;
}
#woodenStrength__anchor ul li a .icon{
	display: block;
	width: 1.5rem;
	height: 1rem;
	background-image: url('../images/wooden/wooden_arrow01.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 767px) {
	#woodenStrength__anchor ul{
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	#woodenStrength__anchor ul li a span{
		font-size: 1.5rem;
	}
}

/* woodenStrength__safely */
#woodenStrength__safely{
	margin-top: 5rem;
}
#woodenStrength__support{
	margin-top: 5rem;
}
@media screen and (max-width: 767px) {

}

/* woodenMessage */
#woodenMessage{
	margin-top: 5rem;
	font-weight: 500;
}
#woodenMessage__content{
	margin-top: 1rem;
}
#woodenMessage .messageColumn{
	display: grid;
	grid-template-columns: 15rem 1fr;
	background-color: #E5E2D0;
	padding: 3rem;
	gap: 3rem;
}
#woodenMessage .messageColumn__text h3{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	border-bottom: none;
	margin-bottom: 1rem;
	padding: 0;
}
#woodenMessage .messageColumn__text h3::after{
	display: none;
}
#woodenMessage .messageColumn__text a{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #1B2C75;
	gap: 0.5rem;
}
#woodenMessage .messageColumn__text a::after{
	content: '';
	width: 5rem;
	height: 1rem;
	background-image: url('../images/wooden/wooden_arrow02.svg');
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}
@media screen and (max-width: 767px) {
	#woodenMessage .messageColumn{
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding: 1.5rem;
	}
	#woodenMessage .messageColumn__image{
		aspect-ratio: 1 / 1;
		overflow: hidden;
	}
	#woodenMessage .messageColumn__image img{
		object-fit: contain;
        height: 100%;
        margin: auto;
        display: block;
	}

}