@charset "UTF-8";

/* =========================================================
pagename
========================================================= */
/*
例として以下のように使います
.pagename article main table th{
	width: 20%;
}
*/

/* =========================================================
home 追加修正
========================================================= */

/*.home #interview ul li {
    width: 33.3%;
	position: relative;
}
.home #interview ul li#interview01 a {
	background: url(../images/interview03.jpg);
	background-size: cover;
}
.home #interview ul li#interview02 a {
   background: url(../images/interview02.jpg);
    background-size: cover;
}
.home #interview ul li#interview03 a {
   background: url(../images/interview07.jpg);
    background-size: cover;
}.home #interview ul li#interview01 a,
.home #interview ul li#interview02 a,
.home #interview ul li#interview03 a {
 	min-height: 280px;
}.home #interview ul li#interview04 a {
	min-height: 320px;
    background: url(../images/interview04.jpg);
    background-size: cover;
	background-position:center center;
}
.home #interview ul li#interview05 a {
	min-height: 320px;
    background: url(../images/interview05.jpg);
    background-size: cover;
	background-position:center center;
}
.home #interview ul li#interview06 a {
	min-height: 320px;
    background: url(../images/interview06.jpg);
    background-size: cover;
	background-position:center center;
}
.home #interview ul li#interview04 a span,
.home #interview ul li#interview05 a span,
.home #interview ul li#interview06 a span{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	display: block;
	font-size: 2.8rem;
	padding: 0.8em 0;
font-weight: bold;
	letter-spacing: -0.01em;
	color: #00993f;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: rgba(255,255,255,0.7);
}

.home #interview h3 {
	clear: both;
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 0px;
  padding-top: 50px;
		position: relative;
		color: #FFF;
}
.home #interview {
	background: url("../images/Interview_bg.jpg") no-repeat center center;
	background-size: cover;
	padding-bottom: 50px;
	margin-top: 100px;
}
.home #interview ul {
	padding-left: 5px;
	max-width: 1440px;
    margin: 0 auto;
}
.home #interview ul li {
	margin-bottom: 5px;
	width: 50%;
	float: left;
	text-align: center;
	padding-right: 5px;
	font-family: "Montserrat", sans-serif, "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 2.3rem;
	line-height: 1.4;
	background-repeat: no-repeat;
}
.home #interview ul li span.number {
	font-size: 4rem;
	padding-left: 0.2em;
}
.home #interview ul li span.text {
	font-size: 1.8rem;
	display: block;
	margin-top: 0em;
	font-style: italic;
}
.home #interview ul li.titleposition_bottom p{
	float:left;
	clear:left;
	margin-right:1em;
	margin-left:1em;
	text-shadow:1px 1px 15px #2a2b29;
}
.home #interview ul li.titleposition_bottom span.text{
	text-align:left;
	padding-top:30px;
	text-shadow:1px 1px 15px #2a2b29;
}

.home #interview ul li a{
	text-decoration: none;
    display: block;
    color: #FFF;
    height: 240px;
    padding-top: 50px;
}
.home #interview ul li#interview01 a {
	background: url("../images/_interview04.jpg") right;
	background-size: cover;
}
.home #interview ul li#interview02 a {
	background: url("../images/interview02.jpg") right;
	background-size: cover;
}
.home #interview ul li#interview03 a {
	background: url("../images/interview07.jpg") right;
	background-size: cover;
}
.home #interview ul li#interview04 a {
	background: url("../images/interview04.jpg") center;
	background-size: cover;
}
.home #interview ul li#interview05 a {
	background: url("../images/interview05.jpg") center;
	background-size: cover;
}
.home #interview ul li#interview06 a {
	background: url("../images/interview06.jpg") center;
	background-size: cover;
}

.home #recruit ul li.requirements a,
.home #recruit ul li.person a,
.home #recruit ul li.human a{
	text-decoration:none;
	height: 240px;
	position:relative;
}
.home #recruit ul li.requirements a {
	background: url("../images/recruit01.png") center;
	background-size: cover;
}
.home #recruit ul li.person a {
	background: url("../images/recruit02.png") center;
	background-size: cover;
}
.home #recruit ul li.human a {
	background: url("../images/recruit03.png") center;
	background-size: cover;
}
.home #recruit ul li a p {
	font-size:2rem;
    color: #fff;
    letter-spacing: 0.3rem;
    padding: 15px 0;
	background: rgba(0, 153, 63, 0.7);
	text-decoration: none;
	position:absolute;
	bottom:0;
	width: 100%;
}
@media (min-width: 960px){
.home #interview ul li a {
    padding-left: 50%;
    padding-right: 5%;
}
.home #interview ul li.titleposition_bottom a{
	padding-left: 0;
    padding-right: 0;
    padding-top: 20%;
}
}

@media (max-width: 768px) {
.home #interview ul li a {
	font-size: 2rem;
}
.home #interview ul li span.number {
	font-size:3rem;
	display:inline;
		}
.home #interview ul li.titleposition_bottom p {
	float:none;
		}
.home #interview ul li span.text,
.home #interview ul li.titleposition_bottom span.text {
	padding:0 1em;
	text-align:left;
	}
.home #interview ul li{
	display:table;
}
.home #interview ul li a{
	display:table-cell;
	padding:0;
	vertical-align:bottom;
	padding-bottom:10px;
}
.home #interview ul li#interview01 a,
.home #interview ul li#interview02 a,
.home #interview ul li#interview03 a {
	background-position:0%;
	}
}*/
/* =========================================================
company
========================================================= */
.company .lead02 {
	font-size: 2rem;
}
.company ol.list li {
	font-size: 2rem;
}
.company .detail {
    float: left;
    width: 70%;
}
.company .googlemaps {
	float: left;
	width: 30%;
	padding: 10px;
}
.company .googlemaps iframe {
    width: 100%;
    height: 200px;
}
.company table.history th {
    width: 25%;
}
@media (max-width:680px) {
.company .figureL {
	float: none;
	margin: 0 auto;
	display: inline;
}
.company .figureL img {
	width: 100%;
}
.company .figureR {
    float: none;
    display: inline;
    margin: 1em 0 1.5em 0px;
}
.company .figureR img {
    width: 100%;
}
.company .detail {
	float: none;
	width: 100%;
}
.company .googlemaps {
	float: none;
	width: 100%;
}
.company .googlemaps iframe {
    height: 300px;
}
}
/* =========================================================
shimonoseki tu iwaki　テーブル
========================================================= */
.shimonoseki th, .tu th, .iwaki th {
	width: 20%;
}

@media (max-width: 679px) {
.home #interview ul li {
    width: 100%;
}
}
/* =========================================================
about
========================================================= */
.about table.history th {
	width: 25%;
}

@media (max-width: 679px) {
.about table.history th {
	width: 100%;
}
}
.about .googlemaps {
	float: left;
	width: 30%;
	padding: 10px;
}
.about .googlemaps iframe {
	width: 100%;
	height: 200px;
}
.about .detail {
	float: left;
	width: 70%;
}

@media (max-width: 679px) {
.about .googlemaps {
	float: none;
	width: 100%;
}
.about .googlemaps iframe {
	height: 300px;
}
.about .detail {
	float: none;
	width: 100%;
}
}
/* =========================================================
contact
========================================================= */

#contact .table th {
	width: 20%;
	vertical-align: middle;
}
#contact .table th span {
	font-size: 0.9em;
	color: #F00;
}
#contact #mailform .formshort {
	width: 20%;
}
#contact #mailform .formmiddle {
	width: 50%;
}
#contact #mailform .formlong {
	width: 100%;
}
#contact #mailform td input {
	height: 25px;
}
#contact #mailform input[type=submit] {
	width: 170px;
	font-size: 16px;
}
#contact .btn_wrapper input {
	width: 170px;
	font-size: 16px;
}
#contact dl.number{
	width: 330px;
    margin: 0 auto;
}
#contact dl.number dt{
	float:left;
	clear:left;
	width: 45%;
}
#contact dl.number dd span{
	font-weight:normal;
	font-size:1.5rem;
	color:#000;
}

@media (min-width:679px) {
#contact #mailform .formshort {
	width: 50%;
}
#contact dl.number a {
	cursor: text;
	pointer-events: none;
	text-decoration: none;
}
}

@media (max-width:679px) {
#contact #mailform .formshort {
	width: 50%;
}
#contact #mailform .formmiddle,  #contact #mailform .formlong {
	width: 100%;
}
#contact .table th {
	width: 100%;
}
#contact dl.number{
	width: 100%;
	text-align:center;
}
#contact dl.number dt{
	float:none;
	width:100%;
}
#contact dl.number dd{
	margin-bottom:1.5rem;
}
#contact dl.number dd span{
	display:block;
}
}
/* =========================================================
#main_header_back
========================================================= */
#main_header nav ul li {
	position: relative;
}
#main_header nav ul li ul {
	display: none;
	position: absolute;
	padding: 0;
	background-color: rgba(0, 153, 63, 0.7);
}
#main_header nav ul li ul li {
	display: block;
}
#main_header nav ul li ul li a {
	display: block;
	border-top: 1px solid #fff;
}
#main_header nav ul li ul li a.white {
	color: #fff;
}

@media (max-width: 679px) {
#main_header nav ul li ul {
	display: none;
	position: relative;
}
#main_header nav ul li button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	border-left: 1px solid #FFF;
	height: 44px;
	width: 44px;
	background: url('../common_images/plus.png') no-repeat center center;
	background-size: 50%;
	outline: none;
}
#main_header nav ul li button.active-submenu {
	background: url('../common_images/minus.png') no-repeat center center;
	background-size: 50%;
}
#main_header nav ul li ul li a {
	background-color: rgba(0, 153, 63, 0.74);
	border-top: none;
}
}
/* =========================================================
interview
========================================================= */
.interview section {
	margin-bottom: 50px;
}
.interview .headline4 {
	font-weight: bold;
	font-size: 2.2rem;
	padding: 10px 0 10px 0;
	border-top: solid 3px #00993F;
	border-bottom: solid 3px #00993F;
	display: inline-block;
	;
	margin-top: 16px;
}
.interview .figureL {
	margin: 1em 30px 1.5em 0;
}
.interview .figureR {
	margin: 1em 0 1.5em 30px;
}

@media (max-width: 679px) {
.interview .figureR {
	float: none;
	display: inline;
	margin: 1em 0 1.5em 0px;
}
.interview .figureL {
	float: none;
	display: inline;
}
.interview .figureR img {
	width: 100%;
}
.interview .figureL img {
	width: 100%;
}
.interview .headline4 {
	width: 100%;
}
}
/* =========================================================
recruit
========================================================= */
.recruit .recruit_overview{
	margin:7rem 0 10rem 0;
	text-align: center;
	}
.recruit .recruit_overview h2{
    font-weight: bold;
    font-size: 2.5rem;
    color: #00993F;
	}
.recruit .recruit_overview p{
    font-weight: bold;
    font-size: 1.8rem;
    color: #333333;
	}
.recruit .recruit_overview p a.btn{
    letter-spacing: 0.2rem;
    font-weight: normal;
    margin-top: 2rem;
    font-size: 2rem;
}
.recruit #interview {
	background: url("../images/Interview_bg.jpg") no-repeat center center;
	background-size: cover;
	padding-bottom: 50px;
	margin-top: 100px;
}
.recruit #interview ul {
	padding-left: 5px;
	max-width: 1440px;
    margin: 0 auto;
}
.recruit #interview ul li {
	margin-bottom: 5px;
	width: 50%;
	float: left;
	text-align: center;
	padding-right: 5px;
	font-family: "Montserrat", sans-serif, "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 2.3rem;
	line-height: 1.4;
	background-repeat: no-repeat;
}
.recruit #interview ul li a{
	text-decoration: none;
    display: block;
    color: #FFF;
    height: 240px;
	padding: 3.8em 0 3em 0;
}
.recruit #interview ul li span.number {
	font-size: 4rem;
	padding-left: 0.2em;
	display: block;
}
.recruit #interview ul li span.text {
	font-size: 1.8rem;
	display: block;
	margin-top: 0em;
	font-style: italic;
}
.recruit #interview ul li.titleposition_bottom p{
	float:left;
	clear:left;
	margin-right:1em;
	margin-left:1em;
	text-shadow:1px 1px 15px #2a2b29;
}
.recruit #interview ul li.titleposition_bottom span.text{
	text-align:left;
	padding-top:30px;
	text-shadow:1px 1px 15px #2a2b29;
}
.recruit #interview ul li#interview01 a {
	background: url("../images/_interview04.jpg") right;
	background-size: cover;
}
.recruit #interview ul li#interview02 a {
	background: url("../images/interview02.jpg") right;
	background-size: cover;
}
.recruit #interview ul li#interview03 a {
	background: url("../images/interview07.jpg") right;
	background-size: cover;
}
.recruit #interview ul li#interview04 a {
	background: url("../images/interview04.jpg") center;
	background-size: cover;
}
.recruit #interview ul li#interview05 a {
	background: url("../images/interview05.jpg") center;
	background-size: cover;
}
.recruit #interview ul li#interview06 a {
	background: url("../images/interview06.jpg") center;
	background-size: cover;
}
.recruit #interview ul li#interview07 a {
	background: url("../images/interview08.jpg") right;
	background-size: cover;
}


.recruit #recruit_other{
	background-color:#e7eede;
	padding:7rem 0;
    padding: 5rem 0;
    margin: 7rem 0;
}
.recruit .carrier .btn {
	display: block;
	padding: 20px;
	margin-bottom: 0.5em;
}
/* 募集受付中リクルートボタン表示用 */
.recruit .carrier .btn_wanted  {
	border: 1px solid #00993F;
    color: #FFF;
    background: #00993F;
}
/* 募集終了リクルートボタン表示用 */
.recruit .carrier .btn_end {
	border: 1px solid #b2e0c5;
    color: #FFF;
    background: #b2e0c5;
    pointer-events:none;
}
.recruit .carrier .btn_end:hover {
    opacity: 1;
}
/* 新卒受付中リクルートボタン表示用 */
.recruit .carrier .btn_newwanted  {
	border: 1px solid #0086E6;
    color: #FFF;
    background: #0086E6;
}

/* 採用情報トップ　人材育成・求める人材 */
.recruit #human-d,
.recruit #requirements-d {
	width: 100%;
    text-align: center;
    position: relative;
    height: 350px;
	background: url(../../recruit/images/bnr-training-bg.jpg); 
    background-repeat: no-repeat; 
}
.recruit #human-d a,
.recruit #requirements-d a{
    width: 100%;
    height: 100%;
}
.recruit #human-d p,
.recruit #requirements-d p {
    color: #FFF;
    text-decoration: none;
    font-size: 3rem;
    letter-spacing: 4pt;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 0 2rem 0;
    background-color: rgba(0,153,63,0.7);
    line-height: 1.4;
}
.recruit #human-d a small,
.recruit #requirements-d a small {
	display: block;
	font-size: 1.4rem;
	font-family: "Montserrat", sans-serif, "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding-top: 0.5em;
}
.recruit #human-d {
	background: url(../../recruit/images/bnr-training-bg.png) center; 
    background-repeat: no-repeat; 
	background-size: cover;
}
.recruit #requirements-d {
	background: url(../../recruit/images/bnr-requirements-bg.png) center; 
    background-repeat: no-repeat; 
	background-size: cover;
}
body.recruit .big_headeline_interview {
	font-weight: 400;
	background: url("../common_images/interview_icon_white.svg") no-repeat center top;
	background-size: 30% 30%;
	text-align: center;
	font-size: 38px;
	font-family: "Montserrat", sans-serif, "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.4;
	padding-top: 25px;
	margin-top: 50px;
	margin-bottom: 20px;
	color: #00993F;
}
body.recruit .big_headeline_interview small {
	color: #333333;
	display: block;
	font-size: 1.4rem;
}
body.recruit .big_headeline_interview.st2 {
	background: url("../common_images/interview_icon_white.svg") no-repeat center top;
	background-size: 30% 30%;
	color: #FFF;
}
body.recruit .big_headeline_interview.st2 small {
	color: #FFF;
}
.recruit .interview_rink{
	margin-left:1.5em;
	margin-top: 0;
}
.recruit .interview_rink i{
	color:#00993F;
}
.recruit .interview_rink small{
	font-size:1.3rem;
}
@media (min-width: 680px) and (max-width: 1039px) {
.recruit #interview ul li {
	width: 50%;
	display: table;
}
.recruit #interview ul li a{
	width: 50%;
	display: table-cell;
    padding: 0;
    vertical-align: bottom;
    padding-bottom: 10px;
}
}
@media (min-width: 1040px) {
.recruit .re_mS {
	margin-top: 1.3em;
}
.recruit #interview ul li a {
	padding-left: 50%;
	padding-right: 5%;
}
.recruit #interview ul li a {
	text-decoration: none;
	display: block;
	color: #FFF;
	height: 240px;
	padding-top: 50px;
}
.recruit #interview ul li.titleposition_bottom a{
    padding-left: 0;
    padding-right: 0;
    padding-top: 18%;
	}
}
@media (max-width: 768px){
.recruit #interview ul li#interview01 a,
.recruit #interview ul li#interview02 a,
.recruit #interview ul li#interview03 a{
background-position: 0%;
}
.recruit #interview ul li a{
    display: table-cell;
    padding: 0;
    vertical-align: bottom;
    padding-bottom: 10px;
}
.recruit #interview ul li span.number{
    font-size: 3rem;
    display: inline;
}
.recruit #interview ul li span.text,
.recruit #interview ul li.titleposition_bottom span.text{
    padding: 0 1em;
    text-align: left;
	font-size:1.5rem;
	}
.recruit #interview ul li.titleposition_bottom p{
	float:none;
}
.recruit .recruit_overview{
	text-align: left;
	}
.recruit .recruit_overview p.recruit_requirements{
	text-align: center;
	}
	.recruit #interview ul li {
	width: 100%;
	display: table;
}
}
@media (max-width: 679px) {

.recruit #interview ul li#interview04 a,
.recruit #interview ul li#interview05 a,
.recruit #interview ul li#interview06 a {
	background-position:center;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30%;}
}

/* =========================================================
recruit_top
========================================================= */
.recruit_top .lead {
	font-weight: normal;
	color: #333333;
}

.recruit_top h3 {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 20px;
  background-size: 30% 30%;
  padding-top: 60px;
		position: relative;
		color: #FFF;
}
.recruit_top h3:before{
    position: absolute;
    background: #FFF;
    content: " ";
    display: block;
	text-align: center;
    height: 5px;
    width: 100px;
    top: 40px;
	left:50%;
	margin-left: -50px;
}
.recruit_top #g_interview h3 {
		color: #00993f;
}
.recruit_top #g_interview h3:before{
    background: #00993f;
}



.recruit_top #top_interview {
	background: #00993F;
	padding-bottom: 50px;
	margin-top: 100px;
}
.recruit_top #top_interview ul {
	padding-left: 5px;
	max-width:1440px;
	margin:0 auto;
}
.recruit_top #top_interview ul li {
	margin-bottom: 5px;
	width: 50%;
	float: left;
	text-align: center;
	padding-right: 5px;
	font-family: "Montserrat", sans-serif, "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 2.3rem;
	line-height: 1.4;
	background-repeat: no-repeat;
}

@media (min-width: 680px) and (max-width: 1039px) {
.recruit_top #top_interview ul li {
	width: 100%;
}
}

@media (max-width: 679px) {
.recruit_top #top_interview ul li {
	width: 100%;
}
}
.recruit_top #top_interview ul li a {
	text-decoration: none;
	display: block;
	color: #00993f;
	height: 360px;
	padding-left:  60%;
}
.recruit_top #top_interview ul li#top_interview02 a{
	padding-left: 0;
	padding-right: 60%;
}
.recruit_top #top_interview ul li a em {
	font-size: 1.8rem;
	height: 100%;
	padding-top: 140px;
	display: block;
	background:rgba(238,239,211,0.6) ;
	font-style: normal;
}
.recruit_top #top_interview ul li#top_interview02 a em {
	background:rgba(238,238,238,0.6) ;
}
.recruit_top #top_interview ul li span.number {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 3rem;
}
.recruit_top #top_interview ul li span.text {
	font-weight: bold;
	color: #000;
	line-height: 2.0;
	font-size: 1.6rem;
	display: block;
	margin-top: 0.5em;
}
.recruit_top #top_interview ul li#top_interview01 a {
	background: url(../../recruit/images/top_interview01.jpg) right;
	background-size: cover;
}
.recruit_top #top_interview ul li#top_interview02 a {
	background: url("../../recruit/images/top_interview02.jpg") right;
	background-size: cover;
}

.recruit_top #g_interview {
	background: url("../../recruit/images/bnr-g_interview-bg.jpg") no-repeat center center;
	background-size: cover;
	padding-bottom: 50px;
}

.recruit_top #g_interview01 {
	width: 100%;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 6px;
	position: relative;
}
.recruit_top #g_interview01 a {
	min-height: 340px;
	background: url(../../recruit/images/group01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-size: 4.3rem;
	padding: 1.5em 0;
	letter-spacing: 4pt;
}
.recruit_top #g_interview02 {
	width: 100%;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 6px;
	position: relative;
}
.recruit_top #g_interview02 a {
	min-height: 340px;
	background: url(../../recruit/images/group02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-size: 4.3rem;
	padding: 1.5em 0;
	letter-spacing: 4pt;
}
.recruit_top #g_interview03 {
	width: 100%;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 6px;
	position: relative;
}
.recruit_top #g_interview03 a {
	min-height: 340px;
	background: url(../../recruit/images/group03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-size: 4.3rem;
	padding: 1.5em 0;
	letter-spacing: 4pt;
}
.recruit_top #g_interview01 a span,
.recruit_top #g_interview02 a span,
.recruit_top #g_interview03 a span{
	position: absolute;
	width: 100%;
	bottom: 0;
	display: block;
	font-size: 2.8rem;
	padding: 0.8em 0;
font-weight: bold;
	letter-spacing: -0.01em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: rgba(0,153,63,0.7);
}

.recruit_top #interview {
	background: #00993f;
	background-size: cover;
	padding-bottom: 50px;
	/* margin-bottom: 50px; */
}
.recruit_top #interview ul {
	padding-left: 5px;
	max-width:1440px;
	margin:0 auto;
}
.recruit_top #interview ul li {
	margin-bottom: 5px;
	width: 33%;
	float: left;
	text-align: center;
	padding-right: 5px;
	font-family: "Montserrat", sans-serif, "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 2.3rem;
	line-height: 1.4;
	background-repeat: no-repeat;
}
@media (min-width: 680px) and (max-width: 1039px) {
.recruit_top #interview ul li {
	width: 50%;
}
}

@media (max-width: 679px) {
.recruit_top #interview ul li {
	width: 100%;
}
.recruit_top #top_interview ul li#top_interview01 a{
	background-position:center;
	}
.recruit_top #g_interview03 a {
	min-height: 340px;
	background: url(../../recruit/images/group03_sp.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-size: 4.3rem;
	padding: 1.5em 0;
	letter-spacing: 4pt;
}
.recruit_top #g_interview01 a,
.recruit_top #g_interview02 a,
.recruit_top #g_interview03 a
{
	background-position:center;
}
}
.recruit_top #interview ul li a {
	text-decoration: none;
	display: block;
	color: #FFF;
	height: 240px;
	padding-top: 90px;
}

@media (min-width: 1040px) {
.recruit_top #interview ul li a {
	padding-left: 50%;
	padding-right: 5%;
}
}

@media (max-width: 679px) {
.recruit_top #interview ul li a {
	padding-left: 40%;
	padding-right: 5%;
	padding-top: 20px
}
}
.recruit_top #interview ul li span.number {
	font-size: 4rem;
	padding-left: 0.2em;
	display: block;
}
.recruit_top #interview ul li#interview01 a {
	background: url("../images/interview03.jpg") right;
	background-size: cover;
}
.recruit_top #interview ul li#interview02 a {
	background: url("../images/interview02.jpg") right;
	background-size: cover;
}
.recruit_top #interview ul li#interview03 a {
	background: url("../images/interview07.jpg") right;
	background-size: cover;
}
.recruit_top #interview ul li#interview04 a {
	background: url("../images/interview08.jpg") right;
	background-size: cover;
}
.recruit_top #child_menu {
	margin-top: 0;
	border-bottom: 20px #FFF solid;
}
@media (max-width: 679px) {
.recruit_top #interview ul li#interview01 a,
.recruit_top #interview ul li#interview02 a,
.recruit_top #interview ul li#interview03 a
 {
background-position: center;}
}
@media (max-width: 679px) {
.r-sp-none { display: none;}
}
/* =========================================================
group
========================================================= */
.group ol p {
	padding-bottom: 20px;
}
.group .figureL {
	margin: 1em 30px 1.5em 0;
}
.group .figureR {
	margin: 1em 0 1.5em 30px;
}

@media (max-width: 679px) {
.group .figureR {
	float: none;
	display: inline;
	margin: 1em 0 1.5em 0px;
}
.group .figureL {
	float: none;
	display: inline;
}
.group .figureR img {
	width: 100%;
}
.group .figureL img {
	width: 100%;
}
.group .headline4 {
	width: 100%;
}
}
/* =========================================================
service
========================================================= */
.service .figureL {
	margin: 1em 30px 1.5em 0;
}
.service .figureR {
	margin: 1em 0 1.5em 30px;
}

@media (max-width: 679px) {
.service .figureR {
	float: none;
	display: inline;
	margin: 1em 0 1.5em 0px;
}
.service .figureL {
	float: none;
	display: inline;
}
.service .figureR img {
	width: 100%;
}
.service .figureL img {
	width: 100%;
}
.service .headline4 {
	width: 100%;
}
}
/* =========================================================
icon ※確認後main.cssに移行% 30%
========================================================= */
.service-icon {
	background: url(../common_images/service_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.recruit-icon {
	background: url(../common_images/recruit_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.company-icon {
	background: url(../common_images/company_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.contact01-icon {
	background: url(../common_images/contact01_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.contact02-icon {
	background: url(../common_images/contact02_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.interview-icon {
	background: url(../common_images/interview_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.group-icon {
	background: url(../common_images/group_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.human-icon {
	background: url(../common_images/human_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.news-icon {
	background: url(../common_images/news_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}
.symposium-icon {
	background: url(../common_images/human_icon.svg) no-repeat center top;
	background-size: 35% 35%;
}

/* =========================================================
human
========================================================= */
.human .figureL {
	margin: 1em 30px 1.5em 0;
}
.human .figureR {
	margin: 1em 0 1.5em 30px;
}

@media (max-width: 679px) {
.human .figureR {
	float: none;
	display: inline;
	margin: 1em 0 1.5em 0px;
}
.human .figureL {
	float: none;
	display: inline;
}
.human .figureR img {
	width: 100%;
}
.human .figureL img {
	width: 100%;
}
.human .headline4 {
	width: 100%;
}
}

/* =========================================================
president
========================================================= */

#president h3 {
	text-align: center;
  color: #333333;
  font-size: 2.4rem;
  margin-top: 2em;
  margin-bottom: 3px; 
	 position: relative;
  overflow: hidden;
			}
#president h3:after{
 		position: absolute;
  	bottom: 10px;
			content: url(../../common_images/line.png);
 }
#president h3 span{
			display: inline;
			padding: 0 10px;
			padding-left: 76px;
			background: url(../../common_images/line.png) no-repeat left center;
 }
#president h3:first-letter {
  color: #00993F;
}

.bg01{
	margin-top: 50px;
	padding: 10px 0 50px;
	background: #EEE;
}
.bg04{
	margin: 50px 0;
	padding: 50px 0;
	background: #eeefd3;
}


@media (max-width: 679px) {
#president h3 span{
			padding-left: 0;
}
}



/* =========================================================
symposium
========================================================= */
.symposium .lead {
	margin-bottom: 2em;
	font-weight: normal;
	color: #333333;
	text-align: left;
  font-size: 2.0rem;
}
.symposium_main img{
	width: 100%;
}
.symposium h3 {
	clear: both;
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 15px;
  padding-top: 50px;
}
#member{
	margin-bottom: 100px;
}
#member li{
	color: #FFF;
	text-align: center;
	text-shadow: 1px 0.5px 1px #161616;
}
#member li em{
	padding: 5%;
	display: block;
	font-style: normal;
	text-align:  left;
 font-size: 1.5rem;
}
#member li.taguchi em,
#member li.morimoto em,
#member li.yamamoto em{
	min-height: 330px;
}
#member li.emoto em,
#member li.kimura em,
#member li.omori em{
	min-height: 380px;
}
body.youngster .sp-only{
	display:none;
	margin-bottom: 1rem;
}
body.youngster #member ul.row{
    width: 70%;
    margin: 0 auto;
}
@media (max-width: 679px) {
figure.symposium_main{
    overflow: hidden;
    width: 100%;
    height: 250px;
    position: relative;
}
figure.symposium_main img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	max-width:200%;
	width:200%;
}
#member li em{
	text-align: center;
}
body.youngster .sp-only{
	display:block;
}
body.youngster figure.symposium_main{
	background:url(../../recruit/images/youngster01_sp.jpg) center center no-repeat;
	background-size: 200%;
    height: 200px;
}
body.youngster figure.symposium_main img{
	display:none;
}
}
#member li em img{
	display: block;
	text-align: center;
	margin:  0px auto;
}
#member li em span{
 font-size: 2.4rem;
	display: block;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	text-indent: 0.7em;
	letter-spacing:0.7em;
}
#member li.taguchi em{
	background: #00a1b8;
}
#member li.morimoto em{
	background: #e7adba;
}
#member li.yamamoto em{
	background: #75bc90;
}
#member li.emoto em{
	background: #c9aacf;
}
#member li.kimura em{
	background: #e7adba;
}
#member li.omori em{
	background: #e3a979;
}
#member li.ito em{
	background: #75bc90;
}
#member li.wakiba em{
	background: #00a1b8;
}
#member li.fushiya em{
	background: #d9ad33;
}

.symposium .bg02{
	margin: 50px 0;
	padding: 50px 0;
	background: #eeeeee;
}
.symposium .bg03{
	margin: 50px 0;
	padding: 50px 0;
	background: #f9eaee;
}
#reason h3{
	padding: 3.5em 0;
	position: relative;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#reason h3 em{
	position: absolute;
	left: 0;
	top: 12%;
  font-size: 2.6rem;
  padding-top: 50px;
	text-align: left;
	padding-left: 90px;
	z-index: 9999;
	font-style: normal;
}
#reason h3 span{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
 font-size: 12rem;
	color: #eeeeee;
	font-weight: bold;
}
#reason h3 span.female{
	color: #f9eaee;
}
.symposium #reason .bg02 h3 span,
.symposium #reason .bg03 h3 span{
	color: #FFF;
}

#reason dl{
	margin: 0 0 1em;
	padding-bottom: 1em;
	position: relative;
	overflow: hidden;
}
#reason dt{
/*	position: absolute;
	left: 0;
	top: 15px;
*/	width: 140px;
	padding: 5px 0;
	text-align:  center;
	color: #FFF;
	float:left;
	margin-right:1rem;
	text-shadow: 1px 0.5px 1px #161616;
	text-indent: 0.7em;
	letter-spacing:0.7em;
}
#reason dd{
/*	padding: 10px 10px 0 155px;
*/	margin-left:150px;
}
#reason dt.taguchi{
		background: #00a1b8;
}
#reason dt.morimoto{
		background: #e7adba;
}
#reason dt.yamamoto{
		background: #75bc90;
}
#reason dt.emoto{
	background: #c9aacf;
}
#reason dt.kimura{
	background: #e7adba;
}
#reason dt.omori{
	background: #e3a979;
}
#reason dt.ito{
	background: #75bc90;
}
#reason dt.wakiba{
	background: #00a1b8;
}
#reason dt.fushiya{
	background: #d9ad33;
}

@media (max-width: 1024px) {
#reason dd{
/*	padding: 10px 10px 0 155px;
*/
	margin-left:0px;
}
}


@media (max-width: 679px) {
#reason h3 em{
padding-left: 0px;
}
#reason .figureR {
	float: none;
	display: inline;
	margin: 1em 0 1.5em 0px;
}
#reason .figureL {
	float: none;
	display: inline;
}
#reason .figureR img {
	width: 100%;
}
#reason .figureL img {
	width: 100%;
}
#reason dt{
	float:none;
	margin-top:2rem;
	margin-bottom:1rem;
}
#reason dd{
	padding: 0px;
}
}


/* =========================================================
person
========================================================= */
.person .lead {
	font-weight: normal;
	color: #333333;
}

.person h3 {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 20px;
  background-size: 30% 30%;
  padding-top: 60px;
		position: relative;
		color: #333333;
}
.person h3:before{
    position: absolute;
    background: #00993f;
    content: " ";
    display: block;
				text-align: center;
    height: 5px;
    width: 100px;
    top: 40px;
				left:50%;
				margin-left: -50px;
}
@media (max-width: 679px) {
.person .figureR {
    float: none;
    display: inline;
    margin: 1em 0 1.5em 0px;
}
.person .figureR img {
    width: 100%;
}
}
/* =========================================================
requirements-ind リクルートインディードページ
========================================================= */
.requirements-ind .mbM{
	margin-bottom: 20px;
}
.requirements-ind .list-star{
	margin: 20px 0;
	font-weight: bold;
}
.requirements-ind .list-star li::before{
	content: "★";
	margin-right: 5px;
	color: #00993f;
}
.requirements-ind span.bold{
	font-weight: bold;
	display: block;
}