@charset "UTF-8";
/*
Theme Name: social_contribution theme
Description: 5つの社会貢献事業
*/


.layout_pattern_b .item .imgarea {
	margin-bottom: 2em;
}

/* mv */
#mv {
}
main .sec_cont:not(:first-of-type) {
	padding-top: 0;
}
.layout_pattern_b p:not(:last-of-type) {
	margin-bottom: 1em;
}
.theme {
	margin-top: 2em;
}
.theme dt {
	font-size: 1.9rem;
	width: 160px;
}
.theme dd {
	width: calc(100% - 160px);
}
.theme dd ul li {
	display: inline-block;
	margin-right: 1em;
}
#volunteer .theme dt {
	width: 280px;
}
#volunteer .theme dd {
	width: calc(100% - 280px);
}
.layout_pattern_b .whitebox {
	/*max-width: 800px;*/
	margin: 2em 0;
}
.layout_pattern_b .whitebox h4 {
	font-size: 2.0rem;
}
.layout_pattern_b #volunteer .whitebox .imgarea {
	text-align: center;	
}
.layout_pattern_b #volunteer .whitebox .imgarea img {
	width: 460px;
	margin: 0 auto;
}
.layout_pattern_b #education .whitebox {
	padding: 2em;
}
#education .flexbox .txtarea {
	width: calc(100% - 380px);
	padding: 0;
}
#education .report_lbl {
	font-size: 1.7rem;
	background: #e5730e;
	display: inline-block;
	color: #fff;
	padding: 0 0.5em;
	margin-bottom: 0.5em;
}
#education .flexbox .imgarea {
	width: 350px;
}
#education .layout_pattern_b .item .imgarea img {
	border-radius: 1.5em;
	width: 100%;
	margin-bottom: 1em;
}
#education .cir_link {
	text-align: right;
}
#education .u_line_link a {
	font-size: 1.4rem;
}


#education .btn_mid,
#corporate .btn_mid {
	margin-top: 2em;
	margin-left: 0;
	text-align: right;
}
#corporate .btn_mid a {
	width: 260px;
}
.contactform {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.contactform .btnarea {
	margin-left: 1em;
}
@media screen and (max-width: 768px) {
	.theme dt,
	#volunteer .theme dt {
		font-size: 1.7rem;
		width: 100%;
	}
	.theme dd,
	#volunteer .theme dd {
		width: 100%;
	}
	.layout_pattern_b .whitebox h4 {
		font-size: 1.6rem;
	}
	#education .flexbox .txtarea {
		width: 100%;
	}
	#education .flexbox .imgarea {
		width: 100%;
		margin-top: 1em;
	}
	.layout_pattern_b .item .imgarea {
		margin: 1.5em auto;
	}
	.layout_pattern_b #volunteer .whitebox .imgarea {
		margin-top: 0.5em;
		margin-bottom: 0;
	}
	.layout_pattern_b #volunteer .whitebox .imgarea img {
		width: 100%;
		max-width: 380px;
	}
	.layout_pattern_b #education .item .imgarea img {
		margin-bottom: 0.5em;
	}
	#education .u_line_link a {
		font-size: 1.3rem;
	}
	#education .btnarea,
	#corporate .btnarea {
		margin-top: 1em;
		text-align: right;
	}
	.contactform {
		flex-direction: column;
		align-items: flex-start;
	}
	.contactform .btnarea {
		margin-left: 0;
		margin-top: 1em;
	}
}