@charset "UTF-8";

.c-section-container-inner{ max-width: 920px; margin: auto; margin-bottom: 60px; padding: 0 10px; box-sizing: border-box;}
.outline-box{ margin: 60px 0;margin-top: 0; padding-top: 60px;}
.outline-box p.tit{ font-size: 24px; margin-bottom: 10px;}
.outline-box dt{ flex-basis: 12em; background: #eee;}
.outline-box dd{ flex-basis: calc(100% - 12em);}
.outline-box dt,
.outline-box dd{ padding: 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.tbCap{ margin-top: 10px;}
.tbCap p{ font-size: 12px;}
.mt100{ margin-top: 100px;}
.mt40{ margin-top: 40px;}
.mt20{ margin-top: 20px;}
#section2 .row1{
	background-color: #8f7e76;
	color: white;
	text-align: center;
	padding-top: 58px;
	padding-bottom: 74px;
}

#section2 .container{
	max-width: 1200px;
padding: 0 10px;
margin: 0 auto;
}
#section2 h3.title{
	font-size: 24px;
	line-height: 1.61;
	
}
#section2 p.text{
	font-size: 16px;
	line-height: 1.6;
}
#section2 .row1 h3.title{
	margin-bottom: 20px;
}
#section2 .row2{
	padding-top: 20px;
	padding-bottom: 100px;
}
#section2 .row2 h3.title{
	margin-bottom: 20px;
}
#section2 .row2 .container{
	max-width: 1000px;
}
#section2 .row2 .logo{
	display: flex;
	align-items: center;
	padding-top: 70px;
}
#section2 .row2 .logo .text-right{
	width: 60%;
	margin-left: 4%;
}
#section2 .sp{
	display: none;
}
#section2 .pc{
	display: block;
}
.c-section .tit br.sp{
	display: none;
}
@media (min-width: 769px) {
	.outline-box dl{ display: flex; flex-wrap: wrap; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
.tbCap{ border-top: none;}
	
}

@media (max-width: 768px) {
	#section2 .pc{
		display: none;
	}
	.outline-box dt,
	.outline-box dd{ padding: 7px 10px; border-right: 1px solid #ddd;}
	.outline-box dt{ border-top: 1px solid #ddd;}
	.outline-box dd{ margin-bottom: 15px;}
.mt100{ margin-top: 80px;}
.c-section .tit br.sp{
	display: block;
}
#section2 .sp{
	display: block;
}

#section2 p.text{
	font-size: 14px;
	line-height: 2;
}
#section2 .row2 .logo{
	flex-wrap: wrap;
	
}
#section2 .row2 .logo img{
	width: 100%;
	margin-bottom: 10px;
}
#section2 .row2 .logo .text-right{
	width: 100%;
	
}
#section2 .row1 h3.title,
#section2 .row2 h3.title{
	margin-bottom: 2vw;
}
}

@media (max-width: 500px) {
	
}

@media (max-width: 450px) {
.mt100{ margin-top: 60px;}
}