@charset "utf-8";
/* CSS Document */
#introduction_contents{
	width: 95%;
	max-width: 1000px;
}


#introduction_contents .introduction_box{
	margin-top: 40px;
}

#introduction_contents .txt_box{ margin-top: 18px; line-height: 1.6;}

#introduction_contents .profile_box{}

#introduction_contents .profile_box dl{}
#introduction_contents .profile_box dt{
	background-color: #eee;
	padding: 6px;
}
#introduction_contents .profile_box dd{
	padding: 6px;
}

/* SP ///////////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
#introduction_contents{	margin: 20px auto;}

#introduction_contents .profile_box dl{ margin:20px auto;}
#introduction_contents figure{width: 200px; margin:20px auto;}
}

/* PC ///////////////////////////////////////////////////// */
@media screen and (min-width: 769px) {
#introduction_contents{	margin: 30px auto;}
	
#introduction_contents .profile_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin-top: 30px;
}

#introduction_contents .profile_box dl{
	width : 70% ;
 width : -webkit-calc(100% - 230px) ;
 width : calc(100% - 230px) ;
	
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
	
#introduction_contents .profile_box dt{ width: 30%; margin-top: 2px;}
#introduction_contents .profile_box dd{ width: 70%; margin-top: 2px;}

#introduction_contents figure{width: 200px;}
}