@charset "UTF-8";
/*==============
    about
================*/
#p_about{
}
body{
}
@media screen and (min-width: 769px) {

}
@media screen and (max-width: 768px) {
}
/* ------------------------------
    aboutbox
------------------------------ */
.aboutbox{
	padding: 80px 0 105px;
}
@media screen and (min-width: 769px) {
	.aboutbox .p_lead{
		margin-bottom: 86px;
	}
}
@media screen and (max-width: 768px) {
	.aboutbox{
		padding: 10vw 0;
	}
}
/* ------------------------------
    .about_ph
------------------------------ */
.about_ph{
	margin-bottom: 100px;
}
@media screen and (min-width: 769px) {
	.about_ph img{
		width: calc(50% - 5px);
	}

}
@media screen and (max-width: 768px) {
	.about_ph{
		margin-bottom: 8vw;
	}
	.about_ph img+img{
		margin-top: 5px;
	}

}
/* ------------------------------
    about_tblwrap
------------------------------ */
.about_tblwrap{
	background: #fff;
	padding: 30px 70px 60px;
}
.aboutTbl{

}
.aboutTbl th,.aboutTbl td{
	border-bottom: 1px solid #ccc;
	padding: 19px 0;
}
.aboutTbl th{
	width: 144px;
	font-weight: 500;
}
/*---- --------------------*/
@media screen and (min-width: 769px) {
	.aboutTbl td{
		letter-spacing: 0.02em;
	}
}
@media screen and (max-width: 768px) {
	.about_tblwrap{
		padding: 2vw 3vw 5vw;
	}
	.aboutTbl th,.aboutTbl td{
		padding: 3vw 0;
	}
	.aboutTbl th{
		width: 6.5em;
	}
}