@charset "UTF-8";


/*----------------------------------------
	wrapper
-----------------------------------------*/



/*----------------------------------------
	main_visual
-----------------------------------------*/

.about_main{
	 position: relative;
	background:url("../img/about_pic.png") no-repeat top center;
	height: 800px;
	margin: 5% auto;
}
.about p{
	font-weight: 700;
	line-height: 3;
}
.about{
	margin-bottom: 15%;
}

/*----------------------------------------
	history
-----------------------------------------*/

.history{
	margin: 0 auto 15% auto;
}
.history dl{
	border-bottom: 1px #d6d6d6 solid;
	background: #fff;
	display: flex;
}
.history dl:first-of-type{
	border-radius: 40px 40px 0 0;
}
.history dl:last-of-type{
	border-radius: 0 0 40px 40px;
	border-bottom: none;
}
.history dt{
	font-weight: 700;
	background:#55cb8a; 
	border-right: 1px #d6d6d6 solid;
	width: 20%;
	text-align: center;
	padding: 15px 0;
	line-height: 1.7;
}
.history .first dt{
	border-radius: 40px 0 0 0;
}
.history .last dt{
	border-radius: 0 0 0 40px;
}
.history dd.first{
	font-weight: 700;
	border-right: 1px #d6d6d6 solid;
	width: 10%;
	text-align: center;
	padding: 15px 0;
	line-height: 1.7;
}
.history dd.sec{
	padding: 15px 20px;
	width: 70%;
	box-sizing: border-box;
	line-height: 1.7;
}


/*----------------------------------------
	aboutpic
-----------------------------------------*/

.aboutpic{
	margin: 0 auto 15% auto;
}

.aboutpic p{
	margin: 5% 0 0 0;
}

/*----------------------------------------
	aboutdp
-----------------------------------------*/

.aboutdp{
	margin: 0 auto 15% auto;
}

.aboutdp p{
	margin: 2% 0 0 0;
	line-height: 1.7;
}

.aboutdp ul{
	margin: 0 0 0 1.5em;
	line-height: 1.7;
}

.aboutdp ol{
	margin: 0 0 0 1.5em;
	line-height: 1.7;
}

.aboutdp li{
	list-style: disc;
}
	

/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

/*----------------------------------------
	main_visual
-----------------------------------------*/

.about_main_sp{
	margin: 10% auto;
}
.about p{
	font-weight: 700;
	line-height: 2;
}
.about{
	margin-bottom: 20%;
}	
	
/*----------------------------------------
	history
-----------------------------------------*/

.history{
	margin: 0 auto 15% auto;
}
.history dl{
	border-bottom: 1px #d6d6d6 solid;
	background: #fff;
	display: block;
}
.history dl:first-of-type{
	border-radius: 20px 20px 0 0;
}
.history dl:last-of-type{
	border-radius: 0 0 20px 20px;
	border-bottom: none;
}
.history dt{
	font-weight: 700;
	background:#55cb8a; 
	border-right: 1px #d6d6d6 solid;
	width:auto;
	text-align: center;
	padding: 10px 0;
	line-height: 1.7;
}
.history .first dt{
	border-radius: 40px 40px 0 0;
}
.history .last dt{
	border-radius: 0;
}
.history dd.first{
	font-weight: 700;
	border-right: none;
	border-bottom: 1px #d6d6d6 solid;
	width:auto;
	text-align: center;
	padding: 10px 0;
	line-height: 1.7;
}
.history dd.sec{
	padding: 15px 20px;
	width:auto;
	box-sizing: border-box;
	line-height: 1.7;
	border-bottom: none;
}
	
	
}/*解像度768px以下*/