@charset "UTF-8";

.about {
	padding-bottom: 70px;
}

.about_wrap {
	position: relative;
	padding-bottom: 4;
}

.about_main {
	float: left;
	width: 50%;
}

.about_sec {
	margin-top: 40px;
}

.about_sec_head {
}

.about_sec_bal {
	display: inline-block;
	background: #FFE574;
	padding: 5px 10px;
	margin-bottom: 15px;
	position: relative;
}

.about_sec_bal:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	left: 15px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #FFE574;
	border-left: 5px solid #FFE574;
}

.about_sec_ttl {
	font-size: 26px;
	font-weight: bold;
	color: #9D6C58;
	line-height: 1.4;
}

.about_sec_text {
	line-height: 1.8;
	margin-top: 10px;
	text-align: justify;
}

.about_sec_text strong {
	color: #FF6B68;
	font-weight: bold;
}

.about_sec_list {
	margin-top: 10px;
	padding-left: 2em;
}

.about_sec_list > li {
	margin-bottom: 5px;
}

.about_sec_list > li:last-child {
	margin-bottom: 0;
}

.about_img {
	float: right;
    max-width: 48%;
}

.about_day {
	float: right;
	margin-top: 40px;
}

.about_day_ttl {
	font-weight: bold;
	color: #78C051;
	text-align: center;
	font-size: 16px;
}

.about_day_cnt {
	position: relative;
	border: 15px solid #D5EDC5;
	border-radius: 20px;
	padding: 20px 40px 15px;
	width: 340px;
	text-align: center;
}

.about_day_cnt:before,
.about_day_cnt:after {
	position: absolute;
	top: 10px;
	content: "";
	border: 2px solid #C1E676;
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 10px;
}

.about_day_cnt:before {
	left: 10px;
}

.about_day_cnt:after {
	right: 10px;
}

.about_day_dl {
	display: inline-block;
	text-align: left;
	line-height: 1.8;
}

.about_day_dl dt {
	float: left;
	clear: both;
	width: 4em;
}

.about_day_dl dd {
	margin-left: 4em;
}

.flow {
	background: #FFDDD8;
	padding: 40px 0;
}

.flow_cnt {
	text-align: center;
	background: #FFFFF9;
	padding: 3%;
	border-radius: 12px;
}

.interview {
	padding: 40px 0;
}

.interview.-bt {
	border-top: 1px solid #D9BC9B;
}

.interview_wrap {
	position: relative;
	padding: 20px 20px;
	background: url(../dictionary/img/img-interview-left.jpg) left no-repeat, url(../dictionary/img/img-interview-right.jpg) right no-repeat;
	width: 90%;
	margin: 0 auto;
}

.interview_row {
	display: table;
	width: 100%;
}

.interview_left {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 30px;
	position: relative;
}

.interview_right {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 330px;
}

.interview_ttl {
	font-size: 25px;
	color: #FF6E70;
	font-weight: bold;
	/*background: url(../dictionary/img/img-interview-ttl.png) 12.5em no-repeat;*/
}

.interview_cnt {
	margin-top: 15px;
	position: relative;
}

.interview_text {
	font-size: 15px;
	font-weight: bold;
	color: #6C4631;
}

.interview_text span {
	font-weight: normal;
	display: inline-block;
	margin-top: 5px;
}

.interview_link {
	position: absolute;
	right: 0px;
	bottom: 2px;
}

.interview_link a {
	display: inline-block;
	background: #F59B4F;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0 2px 0px 1px #E76904;
	font-weight: bold;
	text-align: center;
}

.interview_link a span {
	display: inline-block;
	padding-left: 15px;
	background: url(../dictionary/img/img-interview-arrow.png) left 5px no-repeat;
	background-size: 7px 10px;
}

.works {
	border-top: 1px solid #D9BC9B;
	padding-top: 30px;
}

.works_ttl {
}

.works_list {
}

.works_list > li {
	width: 24%;
	float: left;
	margin-right: 1.33%;
	margin-top: 1.3%;
}

.works_list > li:nth-child(4n) {
	margin-right: 0;
}

.works_list > li:nth-child(4n+1) {
	clear: both;
}

.works_list > li a {
	color: #6C4631;
	font-weight: bold;
	background: #fff;
	border: 2px solid #FFDDD8;
	display: block;
	padding: 8px 10px;
}

/* All SP & Tablet */
@media screen and (max-width:1010px) {
	.interview_ttl {
		background: none;
	}

	.interview_link {
		position: static;
		margin-top: 10px;
	}

	.works_list > li {
		width: 49%;
		margin-right: 0;
		margin-top: 1.5%;
	}

	.works_list > li:nth-child(4n) {
		margin-right: inherit;
	}

	.works_list > li:nth-child(4n+1) {
		clear: none;
	}

	.works_list > li:nth-child(2n) {
		float: right;
	}

	.works_list > li:nth-child(2n+1) {
		clear: both;
	}

}

/* All SP */
@media screen and (max-width:640px) {
	.about {
		padding-bottom: 20px;
	}

	.about_sec {
		margin-top: 20px;
	}

	.about_sec:first-child {
		margin-top: 0;
	}

	.about_main {
		float: none;
		width: 100%;
	}

	.about_sec_ttl {
		font-size: 18px;
	}

	.about_sec_text {
		line-height: 1.5;
		margin-top: 5px;
	}

	.about_img {
		float: none;
		max-width: 60%;
		margin: 0 auto;
		padding: 15px 0;
	}

	.about_day {
		margin-top: 10px;
		float: none;
	}

	.about_day_cnt {
		width: 100%;
	}

	.about_day_dl {
		line-height: 1.5;
	}

	.flow {
		padding: 20px 0;
	}

	.interview {
		padding: 20px 0;
	}

	.interview_wrap {
		padding: 0 0 20px;
		background: none;
		width: 100%;
		margin-bottom: 15px;
		border-bottom: 1px solid #D9BC9B;
	}

	.interview_wrap:last-child {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.interview_row {
		display: block;
	}

	.interview_left {
		display: block;
		padding: 0;
	}

	.interview_ttl {
		font-size: 18px;
	}

	.interview_cnt {
		margin-top: 10px;
	}

	.interview_link a {
		display: block;
	}

	.interview_right {
		display: block;
		width: 100%;
		margin-top: 20px;
	}

	.works {
		padding-top: 20px;
	}

	.works_list > li {
		width: 100%;
		float: none !important;
		margin-top: 8px;
	}

}