/* CSS Document */

@media screen and (max-width:700px) {
/*=========================*/
/*about
/*=========================*/



.about_content{
	margin-top: 3.84%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.about_head{
	line-height: 2;
	width:100%;
}
	
	.about_head p{
		font-size: 14px;
	}

.about_head p + p{
	margin-top: 1rem;
}

.about_body{
	margin-top: 5.38%;
	width:100%;
}

.about_body p{
	font-size: 20px;
	text-align: center;
	position:relative;
	padding-bottom:6.15%;
	margin-top:1.53%;
}

.about_body p::after{
	position:absolute;
	content:"";
	left:50%;
	transform: translate(-50%);
	bottom:0;
	background:url("../images/deco_about.svg") center center/cover;
	width:34px;
	height:6px;
}

.about_body img{
	width:100%;
}

.about_bottom{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 15.38%;
}

.about_bottom_item{
	width:100%;
	background-color: var(--light-color);
	border:16px solid #E3ECEE;
	padding:6.15% 5.38%;
	box-sizing:border-box;
	position:relative;
}
	
	.about_bottom_item + .about_bottom_item{
		margin-top: 12.3%;
	}
	
	

.about_bottom_item h3{
	position:absolute;
	left:50%;
	width:160px;
	text-align: center;
	transform: translateX(-50%);
	top:-10%;
	background-color: var(--accent-color);
	color:#fff;
	padding:1.53%;
	font-size: 18px;
}
	
.about_bottom_item + .about_bottom_item h3{
		top:-20%;
	}

.about_bottom_item ul,.about_bottom_item dl{
	font-size: 14px;
	}

.about_bottom_data{
	display: flex;
}

.about_bottom_data dd{
	margin-left: 1rem;
}

.about_bottom_item ul li + li,
.about_bottom_data + .about_bottom_data{
	margin-top:1rem;
}

}