@charset "utf-8";

.serif{
	font-family: 'Noto Serif JP', serif;
}

/* --------------------------------
   □ recruit
-------------------------------- */

.accentArea{
}

.accentArea p.image{
	text-align:center;
	margin-bottom: 0;
}

section h2.txttitle {
	background:url(../../images/recruit/title_border.png) 50% 100% no-repeat;
	padding-bottom: 15px;
    margin-bottom: 40px;
}

h2.title {
	margin-bottom:55px;
}

#message{
	margin-top: -300px;
	padding-top: 150px;
	background:url(../../images/recruit/recruit_bg.png);
	overflow: visible;
}

#message .message dl{
	text-align:center;
	margin-bottom:65px;
}

#message .message dl dt{
	font-size:28px;
	font-weight:700;
	margin-bottom:30px;
}

#message .message dl dd{
	font-size:16px;
	line-height: 1.8;
}

#message .thanks{
	margin-bottom: 120px;
    overflow: hidden;
	padding: 0 60px;
}

#message .thanks .comment{
	font-size:22px;
	color:#623333;
	background:url(../../images/recruit/bg_icon.png) 50% 0 no-repeat;
	padding:40px 0;
	text-align: center;
	font-weight:700;
}

#message .thanks .comment span{
	font-size:30px;
	color:#b72e2e;
}

#message .thanks ul.image_list li{
	width: 49%;
    float: left;
    margin-right: 2%;
	text-align: center;
}

#message .thanks ul.image_list li:last-child{
	margin-right:0;
}

#message .thanks ul.image_list li img{
	width:100%;
}

#message .seeking{
	margin-bottom:55px;
	overflow: hidden;
}

#message .seeking .explain{
	width:485px;
	float:left;
}

#message .seeking .explain dl dt{
	font-size:27px;
	font-weight:700;
	margin-bottom:30px;
	font-weight:700;
}

#message .seeking .explain dl dd{
	font-size:15px;
	line-height:1.8;
}

#message .seeking p.image{
	float:right;
	display:inline-block;
}

#message .appeal {
	clear:both;
	padding: 65px 0;
	background:url(../../images/recruit/bg_icon2.png) 50% 0 no-repeat;
	position: relative;
}

#message .appeal:after{
	background: url(../../images/recruit/arrow.png) no-repeat;
    position: absolute;
    content: "";
    width: 99px;
    height: 122px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -75px;
    z-index: 2;
}

#message .appeal dl{
	text-align:center;
	margin-bottom: 30px;
}

#message .appeal dl dt{
}

#message .appeal dl dt span{
	font-size:20px;
	color:#fff;
	background:#976f6f;
	padding:10px 40px;
	margin-bottom:30px;
	display:inline-block;
	border-radius: 10px;
    position: relative;
}

#message .appeal dl dt span:after{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #976f6f transparent transparent transparent;
	left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
}

#message .appeal dl dd{
	font-size:32px;
	font-weight:700;
	line-height: 1.8;
}

#requirements h2.txttitle {
    padding-top: 85px;
}

#requirements .division{
	background:url(../../images/recruit/recruit_bg.png);
	padding:60px;
	position:relative;
	margin-bottom:70px;
	padding-bottom: 0;
}

#requirements .division:before{
	content:"";
	position:absolute;
	background:url(../../images/recruit/icon.png);
	width:96px;
	height:96px;
	right:0;
	top:0;
}

#requirements .division h3{
	font-size:27px;
	font-weight:700;
	margin-bottom:20px;
}

#requirements .division p.text{
	font-size:14px;
	margin-bottom:50px;
	line-height: 1.8;
}

#requirements table{
	width:100%;
	line-height: 1.8em;
	margin-bottom:70px;
}

#requirements table tr{
	border-bottom:1px dotted #5d5d5d;
}

#requirements table tr:first-child{
	border-top:2px solid #5d5d5d;
}

#requirements table tr:last-child{
	border-bottom:2px solid #5d5d5d;
}

#requirements table tr th{
	background:#5d6d71;
	padding: 20px;
	vertical-align:top;
	width: 11em;
	color:#fff;
}

#requirements table tr td{
	padding: 20px 20px 20px 40px;
	background: #fff;
}

#requirements .contact{
	background:#efc95a;
	padding:40px;
	margin-right: -60px;
    margin-left: -60px;
}

#requirements .contact p.txt{
	font-size:21px;
	font-weight:700;
	text-align:center;
	margin-bottom:30px;
}

#requirements .contact p.info{
	text-align:center;
	margin-bottom:20px;
	position: relative;
	font-size: 17px;
}

#requirements .contact p.info:after,
#requirements .contact p.info:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 25px;
	height:1px;
	background-color: black;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

#requirements .contact p.info:after{
	right: 37%;
}

#requirements .contact p.info:before{
	-webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
	left: 37%;
}

#requirements .contact .infoarea{
	width: 440px;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    padding: 20px 40px;
    box-sizing: border-box;
}

#requirements .contact .infoarea p.tel{
	color:#623333;
	font-size:31px;
	font-weight:700;
	background:url(../../images/recruit/tel_icon.png) 11% 0 no-repeat;
	text-align:center;
	margin-bottom: 5px;
	padding-left: 50px;
}

#requirements .contact .infoarea p.time{
	font-size:15px;
	text-align:center;
	margin-bottom:0;
}