/* CSS Document */

/*==================================================

top-contents
=================================================*/

.message {
	width: 100%;
	margin-top: 5%;
}
.message dt {
	width: 24%;
	max-width: 240px;
	float: left;
}
.message dd {
	width: 70%;
	float: right;
}
.message dd .name {
	text-align: right;
	margin-top: 5%;
}
.message dd .name img {
	width: 70%;
	max-width: 300px;
	height: auto;
}
.about-contents-faq dl {
	width: 100%;
	border: 2px solid #000;
	margin-top: 5%;
	padding: 2%;
}
.about-contents-faq dt {
	font-weight: bold;
	color: #000;
	text-indent: -2.6em;
	border-bottom: 1px solid #CCC;
	padding-left: 2.6em;
	padding-bottom: 2%;
}
.about-contents-faq dd {
	text-indent: -2.6em;
	padding-top: 2%;
	padding-left: 2.6em;
}
.about-contents-faq dd table {
	text-indent: 0;
	padding-left: 0;
}
.about-contents-faq dt:first-letter {
	font-weight: bold;
	color: #09e1ff;
	background: #000;
	margin-right: 10px;
	padding: 8px 10px;
}
.about-contents-faq dd:first-letter {
	font-weight: bold;
	color: #FFF;
	background: #ea007f;
	margin-right: 10px;
	padding: 8px 10px;
}
.career-contacts {
	text-align: center;
	line-height: 200%;
	margin-top: 5%;
}
.career-contacts p {
	text-align: center;
}
.career-contacts .att {
	width: 100%;
	max-width: 480px;
	font-weight: 600;
	text-align: left;
	border: 2px solid #000;
	margin: 3% auto;	
}
.career-contacts .att th {
	width: 30%;
	text-align: center;
	background: #09e1ff;
	padding: 12px;
}
.career-contacts .att td {
	padding: 12px;
}
.career-advantage {
	width: 100%;
}
.career-advantage dl {
	width: 30.33%;
	max-width: 300px;
	float: left;
	margin: 0 1.5%;
}
.career-advantage dd {
	margin-top: 3%;
}
.career-advantage-dp dl {
	width: 100%;
	margin-top: 5%;
}
.career-advantage-dp dt {
	width: 28.2%;
	float: left;
}
.career-advantage-dp dd {
	width: 70%;
	float: right;
}

/* cf */
.message:after,.career-advantage:after,.career-advantage-dp dl:after {
	content:" ";
	display:block;
	clear:both;
}

/* img */
.message dt img,.career-advantage dl img,.career-advantage-dp dt img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.add-information {
    max-width: 800px;
}
.add-information p {
    text-indent: 1em;
    margin-bottom: 1em;
}
.add-information p.right {
    text-align: right;
    text-indent: 0;
    margin-bottom: 0;
}

@media only screen and (min-width:1px) and (max-width: 768px) {
	
	.message dt {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.message dd {
		width: 100%;
		float: none;
		margin: 5% auto 0;
	}
	.career-advantage dl {
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 5% auto 0;
	}
	.career-advantage dd {
		margin-top: 3%;
	}
	.career-advantage-dp dl {
		width: 100%;
		margin-top: 5%;
	}
	.career-advantage-dp dt {
		width: 100%;
		max-width: 282px;
		float: none;
		margin: 0 auto;
	}
	.career-advantage-dp dd {
		width: 100%;
		float: none;
		margin-top: 5%;
	}
	
}

@media only screen and (min-width:1px) and (max-width: 568px) {
	

}
	
@media only screen and (min-width:1px) and (max-width: 480px) {
	


}