@charset "utf-8";
/* CSS Document */
section{
	padding-bottom: 120px;
}
h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.company_body dl{
	display: flex;
	width: 100%;
}
.company_body dt,
.company_body dd {
	border-left: solid 1px #8e8e8e;
	border-top: solid 1px #8e8e8e;
	font-size: 18px;
	width: 80%;
}
.company_body dl:last-child dt,
.company_body dl:last-child dd {
	border-bottom: solid 1px #8e8e8e;
}
.company_body dt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20%;
	text-align: center;
	background-color: #ffe061;
	font-weight: bold;
	padding: 15px;
}
.company_body dd {
	padding: 15px;
	border-right: solid 1px #8e8e8e; 
}

.attention {
	padding: 8px 0 0 0;
	display: flex;
	color: #FF0004;
	font-size: 14px;
}
.attention::before {
	content: '※';
}
.text_c img{
	width: 140px;
	vertical-align: middle;
	padding-bottom: 6px;
}
@media screen and (max-width: 760px) {
	/* スマホ表示の時 */
	h2 {
		font-size: 4.5vw;
	}
	.company_body {
		padding: 0 4vw 0  4vw;
	}
	.company_body dl {
		flex-direction: column;
	}
	.company_body dt {
		width: 100%;
		border-right: solid 1px #8e8e8e;
		font-size: 4.2vw;
	    padding: 2vw 0;
	}
	.company_body dd {
		width: 100%;
		font-size: 3.8vw;
		padding: 4vw 4vw 8vw 4vw;
	}
	.company_body dl:last-child dt {
		border-bottom: none;
	}

	.company_body dd.text_c{
		padding-bottom: 5vw;
	}

	.text_c img{
		width: 28vw;
		padding-bottom: 0;
	}
}


