@charset "utf-8";
/* ------------------------------------------------------------ common */

#header #right ul li.recruit { border-bottom: 2px solid #1a478b;}

/* ------------------------------------------------------------  */

#fv { background: url(../images/recruit/fv.jpg) center center no-repeat; background-size: cover;}

#president_message { padding: 50px 0 200px;  position: relative;text-align:left;}
#president_message div {  width: 1062px; margin: auto; height: auto;}
#president_message img { text-align: right; width: 300px; float:right; height: auto; }
#president_message::before { content: ""; background: #ccecfb; position: absolute; top: 80px; left: 0; height: 250px; width: 75%; z-index: -1; }
#president_message::after { content: ""; background: url(../images/index/bg_02.gif); position: absolute; top: 200px; right: 0; height: 380px; width: 30%; z-index: -1; }
#president_message h3 { font-size: 18px; font-weight: bold; line-height: 100%; text-align: left; width:700px; float: left; }
#president_message h3 span { font-family: 'MartelSans-ExtraBold'; color: #0086d1; display: block; font-size: 98px; line-height: 100%;}
#president_message h3 span small { display: block; font-size: 72px; line-height: 100%; font-family: 'MartelSans-Regular';}
#president_message p { width: 1062px; margin: 0 auto; padding: 45px 0 0; text-align: left; font-size: 18px; line-height: 36px; clear: both;}
#president_message .message_name {text-align:right;}

#message { font-size: 18px;}
#message h3.h3 { color: #fff; background: url(../images/recruit/pic_02.jpg) center center no-repeat; padding: 215px 0 165px; background-size: cover;}
#message h3.h3 span { color: #fff;}
#message .con { width: 800px; margin: 0 auto; padding: 0 0 165px; }
#message .con h4 { font-size: 30px; font-weight: bold; position: relative; margin: 100px 0 20px;}
#message .con h4::before { content: ""; position: absolute; top: 25px; left: -65px; width: 50px; height: 2px; background: #00a0e9;}
#message .con p.bold { font-weight: bold; padding: 0 0 10px;}
#message .con dl { font-size: 18px;}
#message .con dl dt { font-weight: bold; float: left; margin: 0 25px 0 0;}
#message .con dl dd { margin: 0 0 35px 100px;}
#message .con table { width: 100%; text-align: left;}
#message .con table tr th { width: 200px;}
#message .con table tr th,
#message .con table tr td { padding: 15px 0; border-bottom: 1px solid #dfdfdf;}
#message .con table tr.bottom th,
#message .con table tr.bottom td { border-bottom: none;} 
#message .con table tr th.double { vertical-align: text-top;}
#message .con table tr.bottom td p span { color: #666666; background: #ededed; padding: 0 10px; display: inline-block; *display: inline; *zoom: 1; margin: 0 10px 0 0;}
#message .con table tr.bottom td p.top { margin: 0 0 10px;}
#message .con table tr.bottom td div { margin: 0 0 30px;}



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	
/* ------------------------------------------------------------  */

#fv { background: url(../images/recruit/fv.jpg) center center no-repeat; background-size: cover;}

#president_message { padding: 25px 0 50px; text-align: center; position: relative; text-align: right;}
#president_message div {  width:86%;}
#president_message::before { content: ""; background: #ccecfb; position: absolute; top: 45px; left: 0; height: 25%; width: 88%; z-index: -1; }
#president_message::after { content: ""; background: none; position: inherit; top: inherit; right: 0; height: 0; width: 0; z-index: -1; }
#president_message h3 { font-size: 14px; font-weight: bold; line-height: 100%; text-align: left; margin: 0 0 15px 8%; width: 100%;}
#president_message h3 span { font-size: 50px; line-height: 100%;}
#president_message h3 span small { display: block; font-size: 40px; line-height: 100%; }
#president_message p { width: 89%; margin: 0 auto; padding: 25px 3% 0 8%; text-align: left; font-size: 14px; line-height: 30px;}
#president_message img.SP { width: 92%; height: auto; display: inline;}

#message { font-size: 16px;}
#message h3.h3 { background: url(../images/recruit/pic_02.jpg) center center no-repeat; padding: 50px 0 60px; background-size: cover;}
#message h3.h3 span { color: #fff;}
#message .con { width: 92%; margin: 0 auto; padding: 0 0 55px; }
#message .con h4 { font-size: 18px; font-weight: bold; position: relative; margin: 20px 0 10px 4%; padding: 0 0 0 25px;}
#message .con h4::before { content: ""; position: absolute; top: 15px; left: -5px; width: 20px; height: 2px; background: #00a0e9;}
#message .con p.bold { font-weight: bold; padding: 0 0 5px;}
#message .con dl { font-size: 14px;}
#message .con dl dt { font-weight: bold; float: none; margin: 0 0 5px; display: block;}
#message .con dl dd { margin: 0 0 25px; display: block;}
#message .con table { width: 100%; text-align: left; border-top: 1px solid #dfdfdf; margin: 20px 0 0;}
#message .con table tr th { width: 100%; text-align: center;}
#message .con table tr th,
#message .con table tr td { padding: 10px 0; border-bottom: 1px solid #dfdfdf; display: block;}
#message .con table tr.bottom th { border-bottom: 1px solid #dfdfdf;} 
#message .con table tr.bottom td { border-bottom: none;} 
#message .con table tr th.double { vertical-align: text-top;}
#message .con table tr.bottom td { padding: 15px 0;}
#message .con table tr.bottom td p span { color: #666666; background: #ededed; padding: 0 10px; display: inline-block; *display: inline; *zoom: 1; margin: 0 10px 0 0;}
#message .con table tr.bottom td p.top { margin: 0 0 10px;}
#message .con table tr.bottom td div { margin: 0 0 30px;}

}