@charset "UTF-8";
/* ===================================================
	Contact CSS
====================================================== */

/* ---------------------------------------------------
 .box_table
------------------------------------------------------ */
.box_table{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 100px 0 150px;}

.box_table dl { width: 100%; box-sizing: border-box; display: flex; font-size: 16px;}
.box_table dl:first-of-type dt,
.box_table dl:first-of-type dd { border-top: 1px solid #aaa; }
.box_table dl dt,
.box_table dl dd { margin: 0; box-sizing: border-box; border-bottom: 1px solid #aaa; text-align: left; }
.box_table dl dt { width: 30%; display: flex; justify-content: flex-start; align-items: flex-start; background: #f2f0eb; padding: 25px 25px 25px 77px; position: relative;}
.box_table dl dd { width: 70%; padding: 25px 70px 25px 30px; flex-wrap: wrap; }
.box_table dl dd.mail{ padding-top: 22px;}


@media screen and (max-width: 600px) {
	.box_table { border-bottom: none; border-top: none; width: 92%; max-width: 92%; margin: 0 auto; padding: 40px 0 50px;}
	.box_table dl { flex-wrap: wrap; border-bottom: none; margin-bottom: 10px; }
	.box_table dl:first-of-type dt,
.box_table dl:first-of-type dd { border-top: none; }
	.box_table dl dt,
	.box_table dl dd,
	.box_table dl dd.mail{ width: 100%; padding: 10px 0; border-bottom: none; }
	.box_table dl dt { justify-content: space-between; padding: 8px 2%; }
	
}