@charset "utf-8";

/* ------------------------------------------
	- RECRUIT　COMMON SETTING
	- SEMINAR（説明会情報）
	- WELFARE（福利厚生）
	- INDEX
------------------------------------------ */


/* ==============================================================
	RECRUIT　COMMON SETTING
============================================================== */
#recruit header{
	background: url(../img/recruit/header_img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#seminar header{	width:100%;	height:auto;	padding-top: 60px;}

#recruit .sub_menu ul,#seminar .sub_menu ul,
#r-index .sub_menu ul,#welfare .sub_menu ul{margin-left: 20px;}
#recruit .sub_menu ul li a,#seminar .sub_menu ul li a,
#r-index .sub_menu ul li a,#welfare .sub_menu ul li a{	padding:0 12px;}

@media screen and (max-width:751px){
	#seminar header{	padding-top: 0; }
}

.recruit{
	padding-bottom:20px;
	background: #fff;
	border-radius: 10px;
}
.recruit h2{color: #F7B402;}
.recruit h2 img{margin:50px auto 10px; padding-left:15px;}
#recruit .icon_title h2 img,
#r-index .icon_title h2 img,
#welfare .icon_title h2 img,
#seminar .icon_title h2 img{ max-width: 88px;}
#r-index .headerArea h2{color: #000;}
#recruit h2 span.jp_title{color: #000;}
#r-index .headerArea h2 span{color: #fff;}

@media screen and (min-width:751px){
	.recruit{
		background: url(../img/recruit/recruit_bg.png) no-repeat;
		background-size: cover;
		background-position: top;
		border-radius: 0 0 10px 10px;
	}
}

/* 募集要項
------------------------------------------------ */
.r-table{ width:100%; border-radius:0 0 10px 10px; margin:50px auto 80px; border-top: 5px solid #fff;}
.r-table caption{
	background: #F7B402;
	border-radius: 10px 10px 0 0;
	padding:30px 10px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.r-table caption p{
	display: inline-block;
	margin-right:30px;
}
.r-table caption p:last-child{
	margin-right:0;
}
.r-table caption p span{
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
}
.r-table caption span:last-child{	padding-right: 0;}
.r-table th,.r-table td{	border-top:none;	border-left:none;}
.r-table th{
	background: #7d7d7d;
	border-bottom: 5px solid #fff;
	border-right:5px solid #fff;
	width:200px;
	color: #fff;
	padding:20px 0;
}
.r-table td{
	background: #f6f6f6;
	border-bottom: 5px solid #fff;
	border-right:none;
	text-align: left;
	padding:20px 35px;
}

@media screen and (max-width:751px){
	.r-table{ width:95%; margin:30px auto;}
	.r-table th,.r-table td{	display: block; width:95%; padding:20px 2.5%;}
	.r-table th{ border-bottom: none;}
}

/*　ENTRY
------------------------------------------------ */
.entry p,.entry p a{	margin:20px auto;	font-size: 14px;}
.entry p.guide_text{	max-width:550px;}
.entry p.guide_text a,.check a{	color: #005ca1;	text-decoration: underline;}
.entry h3{	margin-top:50px;	font-size: 24px;}
.entry a img{	margin:10px auto;}
.entry span.must,.entry_form {
padding:7px 5px;
border-radius: 50%;
background: #de3837;
color: #fff;
font-size: 12px;
display: inline-block;
}
p.required{	font-size: 16px;	letter-spacing: 0.1rem;}
p.required span.must{	letter-spacing: normal;	margin-right: 10px;}

@media screen and (max-width:751px){
	.entry p,.entry p a{	margin:20px auto;	font-size: 14px;}
	.entry p.guide_text{	width:90%; }
	.entry h3{	margin-top:30px;	font-size: 18px;}
	.entry span.must,.entry_form {
		padding:8px 5px;
		font-weight: normal;
		margin-left:15px;
	}
	.entry a img{	width:80%; margin:10px auto;}
}

ul.process{
	max-width:900px;
  list-style-type: none;
  display:table;
  padding:0;
  margin:0;
  overflow:hidden;
	border-radius: 5px;
}
ul.process li{
	width:30%;
  display:table-cell;
  position:relative;
  background: #eeeeee;
  padding: 1em 0.5em;
}
ul.process li:last-child{ padding-right: 1em;}
ul.process li:last-child:before,
ul.process li:last-child:after{ display:none;}
ul.process li:before,ul.process li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
ul.process li:before,ul.process li:after{
	top:-15px;
	border-style: solid;
	border-width: 45px 0 45px 1.5em;
	z-index: 10;
}
ul.process li:before{
  right:-1em;
  border-color: transparent transparent transparent #fff;
}
ul.process li:after{
  right:-.8em;
  border-color: transparent transparent transparent #eeeeee;
}
ul.process li.current{	background: #de3837;	font-weight: bold;	color: #fff;}
ul.process li.current:after{
  border-color: transparent transparent transparent #de3837;
}

@media screen and (max-width:751px){
	ul.process{	width:95%;	margin:0 auto;}
	ul.process li{
		width:38%;
	  display:table-cell;
	  position:relative;
	  background: #eeeeee;
	  padding: 1em 0 1em 5px;
		font-size: 12px;
	}
	ul.process li:last-child{	width:24%;	padding-right: 0;
	}
	ul.process li:before,ul.process li:after{
		height:auto;
		top:-8px;
		border-style: solid;
		border-width: 32px 0 32px 1.1em;
		z-index: 10;
	}
	ul.process li:before{
	  right:-.8em;
	  border-color: transparent transparent transparent #fff;
	}
	ul.process li:after{
	  right:-.6em;
	  border-color: transparent transparent transparent #eeeeee;
	}

}


/*　ENTRY FORM
------------------------------------------------ */

.form_entry p{	letter-spacing: normal;	font-size: 14px;}
.form_entry table{	width:90%;	margin:20px auto;}
.form_entry table th,.form_entry table td{
	display: block;
	text-align: left;
	width: 100%;
}
.form_entry table th{
	padding:10px 0 5px;
	font-size: 14px;
	font-weight: bold;
}
.form_entry table td{
	margin-bottom: 15px;
	border-bottom: #b5b5b5 solid 1px;
	padding:5px 0 25px;
	display: block;
}
.form_entry table .flexbox{
	width:100%;
	display: flex;
	align-items: center;
	padding-bottom:8px;
	flex-wrap: wrap;
}
.form_entry table .mail_box{
	/*padding-bottom:0;*/
}
.form_entry table td .kome{	padding:0 5px;}
.form_entry table td .b_size{	padding-bottom:8px;}
.form_entry table td .note{	margin:5px 0 0 0; }
.form_entry table td .note2{	margin:0 15px 0 0; }

@media screen and (min-width:750px){
	.form_entry table{
		margin:40px auto 20px;
		display: flex;
		align-items: center;
	}
	.form_entry table tr{	display: flex; border-top:1px solid #e5e5e5;}
	.form_entry table tr:last-child{border-bottom:1px solid #e5e5e5;}
	.form_entry table th,
	.form_entry table td{	display: block;	text-align: left;	padding:20px 30px;}
	.form_entry table th{	width:280px; display: flex;justify-content: space-between; align-items: flex-start;}
	.form_entry table th span.must{	font-weight: normal;}
	.form_entry table td{	margin-bottom: 0;	border-bottom: 0;}
	.form_entry table p,.form_entry table p a{	margin:0 0 0 10px;	font-size: 14px;}
	.form_entry table td .note{	font-size: 14px; }
	.form_entry table td .note2{	margin:0 10px 0 0; }
	.form_entry table td.flexbox{	justify-content: flex-start;	padding-bottom:5px;}
	.form_entry table .mail_box{ padding-bottom:0;}
}

.form_entry input[type="text"].long{	width:100%;}
.form_entry input[type="text"].short{	width:100%;}
.form_entry textarea{ width:100%; }
.form_entry input[type="text"],.form_entry textarea,.form_entry select{
  outline: none;
	font-size: 14px;
  border: 1px solid #b3b3b3;
	padding:10px 0 10px 10px;
	background: #eeeeee;
  -webkit-transition: all .3s;
  transition: all .3s;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Chrome, Safari */
	border-radius: 5px;
}
.form_entry input[type="text"]:focus,.form_entry textarea:focus {
  box-shadow: 0 0 7px #87cefa;
  border: 1px solid #87cefa;
	background: #ffffff;
}
/* 送信ボタン */
/* ▼▼ iOSでのデフォルトスタイルをリセット ▼▼ */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]:focus,
input[type="button"]:focus {  outline-offset: -2px;}
/* ▲▲ iOSでのデフォルトスタイルをリセット ここまで ▲▲ */

.form_entry input[type="submit"],
.form_entry input[type="button"],
.thanks .text_area p.btn{
	display: inline-block;
	padding:20px 50px;
	background: #de3837;
	color: #ffffff;
	margin: 40px auto;
	font-size: 16px;
	border-radius: 5px;
}
.form_entry input[type="submit"]:hover,
.form_entry input[type="button"]:hover,
.thanks .text_area p.btn:hover{opacity: 0.8; cursor: pointer;}
/* 送信ボタン - 押せないとき */
.form_entry input[type="submit"][disabled],
.form_entry input[type="submit"][disabled]:hover {
	background-color: #b3b3b3; cursor: default; opacity: 1;}
.form_entry .check{	width:90%; margin:0 auto; padding-top: 0;	text-align: center; line-height: 1.5;}
.form_entry .check a{	padding-left: 5px; font-size: 16px; letter-spacing: normal;}

@media screen and (min-width:750px){
	.form_entry input[type="text"].long{width:400px;}
	.form_entry textarea{width: 504px;}
	.form_entry input[type="text"].short{	width: 300px;}
	.form_entry input[type="submit"],
	.form_entry input[type="button"],
	.thanks .text_area p.btn{	margin: 20px auto;	padding:30px 100px;}
	.form_entry .check,.form_entry .check a{	padding-top: 15px; font-size: 14px}
	.form_entry .check input[type=checkbox] {	transform: scale(1.2);}
	.form_entry .check a:hover{opacity: 0.7;}
}

/* ----- CONFIRM ----- */
.confirm .confirm_area{width:85%; margin:0 auto;}
.confirm .confirm_area table{ width:100%; margin-bottom:3em;}
.confirm .confirm_area p.btn{	text-align: center;	margin:0 auto;}
.confirm .form_entry input[type="submit"],
.confirm .form_entry input[type="button"]{	margin: 10px;}
.confirm .form_entry p.lead,.confirm .form_entry ul.lead li{ font-size: 16px;}

@media screen and (min-width:750px){
	.confirm .confirm_area{ width:700px;}
	.confirm .confirm_area th,.confirm .confirm_area td{ vertical-align: top;}
	.confirm .confirm_area th{margin:0;}
	.confirm .confirm_area table td p.note{width:auto; padding-bottom:0; margin-left: 20px;}
	.confirm .confirm_area p.btn{	text-align: center;}
	.confirm .confirm_area input[type="submit"],
	.confirm .confirm_area input[type="button"]{　margin:20px 10px;}
	.confirm .confirm_area p.knowing{ font-size: 18px; text-align: center; margin-bottom: 2em;}
}

/* ----- THANKS ----- */
.thanks .text_area{	text-align: center;}
.thanks .text_area p.mailer_msg{	width:85%; margin:0 auto;}
.thanks .text_area p.gototop{	margin-top:5em;}

@media screen and (min-width:750px){
	.thanks .text_area{	margin-bottom: 80px;}
	.thanks .text_area p,.thanks .text_area a{	letter-spacing: normal;}
	.thanks .text_area p.mailer_msg{	margin-bottom: 3em;}
}

/* ==============================================================
	SEMINAR（説明会情報）
============================================================== */

.seminar{
	text-align: left;
	margin:30px auto 0;
	padding:20px 0;
	padding-left:35%;
	position: relative;
}
@media screen and (min-width:751px){
	.seminar{	width:700px;	padding-left:200px;}
}
.update{	font-size: 14px;}
.update span.recruit_tag{	background: #005ca1;}
.callout{
	position: absolute;
	display: block;
	left:-20px;
	top:-20px;
	z-index: 1;
}
.callout .img{	position: relative;	width:209px;}

@media screen and (max-width:751px){
	.update{	font-size: 10px;}
	.callout{	left:0;	top:25%;	z-index: 1;}
	.callout .img{	width:48%;}
}

.callout .date{
	position: absolute;
	display: block;
	right:0;
	left:0;
	top:0;
	bottom:0;
	margin: auto;
	z-index: 1;
	padding-right:25px;
}
.callout .date .text{
	height:100%;
	justify-content: center;
	align-items: center;
	flex-direction:column;
}
.callout .date p{
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 52px;
	line-height: 1.2;
	font-weight: bold;
}
.callout .date p.year,.callout .date p.week{	font-size: 14px;}
.callout .date p.week{
	display: inline-block;
	background: #000;
	color: #fff;
	padding:3px 25px;
}

@media screen and (max-width:751px){
	.callout .date{	padding-right:15px;}
	.callout .date > .text{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction:column;
	}
	.callout .date p{	font-size: 24px;}
	.callout .date p.year,.callout .date p.week{	font-size: 10px;}
	.callout .date p.week{
		display: inline-block;
		background: #000;
		color: #fff;
		padding:3px 15px;
	}
}

.seminar .info_text p{　padding-left:130px;}
.seminar .info_text p.title{	font-size: 30px;	line-height: normal;	padding:10px 0;}
.details_btn{  display: flex; align-items: center; margin-top:10px;}
.details_btn img{ padding-right: 10px;}

@media screen and (max-width:751px){
	.seminar > .info_text{	padding-left:0;}
	.seminar .info_text p.title{	font-size: 16px;	line-height: normal;	margin-top:10px;}
	.details_btn a{  font-size: 12px;}
}

/* SCHEDULE
------------------------------------------------ */
.schedule{
	justify-content: center;
	margin:40px auto;
	align-items:flex-start;
}
.schedule .map,.schedule table{	width:45%;}
.schedule .map{margin-right:40px;}
.schedule table{	margin-top:50px;}
.schedule table tr{	border-top:dotted 2px #a9a8a6;}
.schedule table tr:last-child{	border-bottom:dotted 2px #a9a8a6;}
.schedule table th{
	width:35%;
	max-width: 150px;
	line-height: 30px;
	padding:15px 0 15px 40px;
	text-align: left;
}
.schedule table th.seminar{
	background: url(../img/recruit/seminar_icon.png) no-repeat;
	background-position: 0 15px;
}
.schedule table th.place{
	background: url(../img/recruit/place_icon.png) no-repeat;
	background-position: 0 15px;
}
.schedule table th.time{
	background: url(../img/recruit/time_icon.png) no-repeat;
	background-position: 0 15px;
}
.schedule table td{	text-align: left;	padding:15px 0;}
#seminar .entry{	background: #fff;	padding:40px 0;}

@media screen and (max-width:751px){
	.schedule .map,.schedule table{	width:100%;}
	.schedule .map {	height:90vw;}
	.schedule .map iframe{	height:100%;}
	.schedule table td{	padding-left:5%;}

}



/* ==============================================================
	WELFARE（福利厚生）
============================================================== */
#welfare main{position: relative;}
/* HEADER
------------------------------------------------ */

#welfare header{
	background: url(../img/welfare/header_img.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}

/* INTRO
------------------------------------------------ */
.intro{
	background: url(../img/welfare/welfare_bg.png) no-repeat;
	background-size: cover;
	background-position: top;
	position: relative;
	margin-top:-70px;
	width:100%;
	z-index: 1;
}
@media screen and (min-width:751px){
	.intro{
		min-width: 1200px;
	}
}
@media screen and (max-width:750px){
	.intro{
		background: url(../img/welfare/welfare_bg_sp.png) no-repeat;
		background-size: cover;
		background-position: top;
		position: relative;
		margin-top:-50px;
	}
}
#welfare .intro .icon_title h2{	color: #fff;}
#welfare .intro .icon_title h2 img{	width:63px;}
.intro ul{
	display: flex;
	justify-content: space-around;
	margin:50px auto 0;
	padding-bottom:50px;
}
.intro ul li{	width:30%;}
.intro ul li .img{}
.intro ul li .tag{
	margin-top:-30px;
}
.intro ul li p{	margin-top:20px;	font-size: 14px;}

@media screen and (max-width:750px){
	.icon_title h2 img{	width:15%;}
	.intro ul{	display: block; width:90%; padding-bottom: 20px;}
	.intro ul li{	width:100%; margin-bottom:40px;}
	.intro ul li p{	width:90%; margin:20px auto 0;}
}

/* LIST
------------------------------------------------ */
.list{padding-top:60px;}
.list h3{	font-size: 28px;	color: #383838;}
.list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:30px auto;
}
.list ul li{
	width:47%;
	padding:20px 0;
	border-bottom:dotted 3px #8b8b8b;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.list ul li:first-child,.list ul li:nth-child(2){
	border-top:dotted 3px #8b8b8b;
}
.list ul li .text{	padding-left: 20px;	text-align: left;}
.list ul li h4{	font-size: 18px;	color: #383838; font-weight: bold;}

@media screen and (max-width:750px){
	.list{padding-top:20px;}
	.list ul li{
		width:45%;
		display: block;
		padding:15px 1.5%;
		border-bottom:none;
		border-left:dotted 3px #8b8b8b;
		margin-bottom:30px;
	}
	.list ul li:first-child,.list ul li:nth-child(2){
		border-top:none;
	}
	.list ul li:nth-child(2n),.list ul li:last-child{
		border-right:dotted 3px #8b8b8b;
	}
	.list ul li .text{	padding-left: 0;}
	.list ul li h4{
		font-size: 16px;
		text-align: center;
		margin:10px auto;
	}
	.list ul li img{	width:45%;}
}

/* ==============================================================
	INDEX
============================================================== */

/* HEADER
------------------------------------------------ */

#r-index header{
	background: url(../img/welfare/header_img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

/* MAIN
------------------------------------------------ */

.headerArea{
	background-size: auto auto;
	background-color: rgba(248, 185, 18, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 12px, rgba(247, 180, 0, 1) 12px, rgba(247, 180, 0, 1) 24px );
	padding:70px 0;
}
.headerArea img.main_title{	margin:30px auto;}
.headerArea .frame{
	padding:25px 40px;
	border:solid #000 5px;
	margin:50px auto 0;
	position: relative;
	border-radius: 10px;
}
.headerArea .frame p{	font-size: 32px;}
.headerArea .frame a{	position: absolute;	bottom:-28px;	left:0;	right:0;}

@media screen and (min-width:751px){
	.headerArea .frame{	width:700px;	padding:15px 20px;}
}

@media screen and (max-width:750px){
	.headerArea img.main_title{	width:90%;margin:20px auto;}
	.headerArea .frame{
		width:80%;
		padding:15px 20px 25px;
		margin:20px auto 0;
	}
	.headerArea .frame p{	font-size: 18px;}

}

.mainArea .item_box{	align-items: stretch;}
.mainArea .item_box:last-child{	flex-direction: row-reverse;}
.mainArea .item_box .img,.mainArea .item_box .text{	width:50%;}
.mainArea .item_box .text{	display: flex;	justify-content: center;	flex-direction: column;}
.mainArea .item_box:first-child .text{
	background-size: auto auto;
	background-color: rgba(238, 238, 238, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 12px, rgba(245, 245, 245, 1) 12px, rgba(245, 245, 245, 1) 24px );
}
.mainArea .item_box:last-child .text{
	background-size: auto auto;
	background-color: rgba(248, 185, 18, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 12px, rgba(247, 180, 0, 1) 12px, rgba(247, 180, 0, 1) 24px );
	padding:70px 0;
}
.mainArea .item_box .img img{width:100%; height:100%;object-fit: cover;}
.mainArea .item_box h3{	font-size: 46px;	line-height: 0.8;}
.mainArea .item_box h3 span{	font-size: 18px;}
.mainArea .item_box .text p{	width:80%;	margin:30px auto;	text-align: left;}
.mainArea .item_box .text a{
	font-size: 18px;
	color: #fff;
	margin:10px auto 0;
	border-radius: 10px;
	padding:20px 0;
}
.mainArea .item_box:first-child .text a{	background: #6fb92c;}
.mainArea .item_box:last-child .text a{	background: #1b1b1b;}

@media screen and (min-width:751px){
	.mainArea .item_box .text a{	width:350px;}
}
@media screen and (max-width:750px){
	.mainArea .item_box .img,.mainArea .item_box .text{	width:100%;}
	.mainArea .item_box .text{	display: block;	}
	.mainArea .item_box h3{	font-size: 20px;}
	.mainArea .item_box h3 span{	font-size: 12px;}
	.mainArea .item_box .text a{
		font-size: 18px;
		color: #fff;
		margin:10px auto 30px;
		border-radius: 10px;
		padding:20px;
	}
	.mainArea .item_box:first-child .text,
	.mainArea .item_box:last-child .text{	padding:50px 0;}
}

.welfare_contents{	position: relative; margin-bottom: -2px;}
.welfare_contents .inner{
	position: absolute;
	top:50px;
	left:0;
	right:0;
	margin:auto;
	display: block;
}
.welfare_contents img{	width:100%;}
.welfare_contents h2{	font-size: 34px;	line-height: 1.5; color: #fff;}
.welfare_contents p{	margin:30px auto 0; color: #fff; padding-bottom:50px;}
.welfare_contents a{
	width:350px;
	font-size: 18px;
	color: #fff;
	margin:0 auto;
	border-radius: 10px;
	padding:25px 65px;
	background: #6fb92c;
	border:#fff 3px solid;
}

@media screen and (max-width:750px){
	.welfare_contents .inner{
		position: relative;
		width:90%;
		padding-bottom:100px;
	}
	.welfare_contents h2{	font-size: 20px;color: #000;}
	.welfare_contents p{	color: #000;}

}



/* add START 190225 */
.update span.recruit_tag {
    display: inline-block;
    color: #fff;
    padding: 2px 15px;
    margin-right: 8px;
}
ul.process {
	width: 100%;
}
.phase {
	display: none;
}
.mw_wp_form_input .phase__input,
.mw_wp_form_confirm .phase__confirm
{
	display: block;
}
.mw_wp_form_confirm .form_entry table,
.mw_wp_form_confirm .form_entry tbody{
	width: 100%;
}

.mw_wp_form_confirm .form_entry table td .note {
	display: none !important;
}

.mw_wp_form_input ul.process li.process__input {
	background: #de3837;
	color: #fff;
}
.mw_wp_form_input ul.process li.process__input:after{
 	border-color: transparent transparent transparent #de3837;
}
.mw_wp_form_confirm ul.process li.process__confirm {
	background: #de3837;
	color: #fff;
}
.mw_wp_form_confirm ul.process li.process__confirm:after{
 	border-color: transparent transparent transparent #de3837;
}
.mw_wp_form_complete ul.process li.process__complete {
	background: #de3837;
	color: #fff;
}
.mw_wp_form_complete ul.process li.process__complete:after{
 	border-color: transparent transparent transparent #de3837;
}
.form_thanks {
	margin-top: 5em;
}


@media screen and (max-width:751px){
	.form_thanks {
		padding: 0 0.5em;
	}
	.form_thanks br {
		display: none;
	}
}


.page--newgraduates .recruit h2{color: #76bd22;}
.page--newgraduates .r-table caption{background: #76bd22;}

.callout .date .multi .days {
	font-size: 32px;
	margin: 0 0 0.25em;
}
.callout .date .multi .week {
	text-transform: uppercase;
}
@media screen and (max-width:751px){
	.callout .date .multi .days {
		font-size: 14px;;
	}
}

/* add END 190225 */

@media screen and (min-width: 751px){
	#recruit .contents02 {
	    margin: -250px auto 0;
	}
}

/* career追加 */
.ggmap {
position: relative;
padding-bottom: calc(54.7% - 30px);
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.recruit .swiper-container {
	margin: 0 auto !important;;
}
@media screen and (max-width: 750px) {
	.recruit .swiper-container {
		margin: 0 10px !important;
	}
}
#recruit .pagenation {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
  width: 100%;
  margin: 40px auto;
}
@media screen and (min-width: 751px) {
	#recruit .pagenation {
		width: 1000px;
		padding: 70px 0;
		margin: 0 auto;
	}
}
#recruit .pagenation .swiper-pagination-bullet {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 15px;
	width: 50px;
	height: 50px;
	border-radius: 0;
	background: #424242;
	color: #ffffff;
	opacity: 1;
	font-size: 1.25rem;
}
@media screen and (max-width: 750px) {
	#recruit .pagenation .swiper-pagination-bullet {
		margin: 0 7px;
		width: 25px;
		height: 25px;
		font-size: .625rem;
	}
}
#recruit .pagenation .swiper-pagination-bullet-active {
	background-color: #f7b400;
}
#recruit .pagenation .swiper-button-prev,
#recruit .pagenation .swiper-button-next {
    position: relative;
    top: auto;
    width: auto;
    height: auto;
    margin-top: 0;
    z-index: 20;
    cursor: pointer;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
	#recruit .pagenation .swiper-button-prev img,
	#recruit .pagenation .swiper-button-next img {
		transform: scale(.5);
	}
}
#recruit .pagenation .swiper-pagination {
	display: flex;
    position: relative;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.careerTitle,
.careerText {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.careerTitle {
	margin-top: 3.5rem;
	margin-bottom: 2rem;
	font-size: 1.625rem;
	font-weight: bold;
}
.careerText {
	margin-bottom: 1rem;
	line-height: 2;
}
@media screen and (max-width: 750px) {
	.careerText {
		padding: 0 10px;
	}
}
.entry-career {
	margin-top: 100px;
}
@media screen and (max-width: 750px) {
	.entry-career {
		margin-top: 50px;
	}
}
.careerPost {
	border-right: solid 3px #f7b400;
	border-bottom: solid 3px #f7b400;
	border-left: solid 3px #f7b400;
	border-radius: 10px;
	overflow: hidden;
}
.careerPost .title {
	padding: 1rem;
	font-size: 2rem;
	color: #ffffff;
	font-weight: bold;
	background: url(../img/recruit/bg-career.png) no-repeat;
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 750px) {
	.careerPost .title {
		padding: .5rem;
		font-size: 1.2rem;
	}
}
.careerPost .container {
	display: flex;
	padding: 50px 50px 60px;
}
@media screen and (max-width: 750px) {
	.careerPost .container {
		padding: 25px;
		flex-wrap: wrap;
	}
}
.careerPost .container .container-l {
	width: 320px;
}
@media screen and (max-width: 750px) {
	.careerPost .container .container-l {
		width: 100%;
		margin-bottom: 1rem;
	}
}
.careerPost .container .container-l img {
	max-width: 100%;
}
.careerPost .container .container-r {
	max-width: 580px;
	padding-left: 40px;
	text-align: left;
}
@media screen and (max-width: 750px) {
	.careerPost .container .container-r {
		width: 100%;
		padding-left: 0;
	}
}
.careerPost .container .container-r .explanationTitle {
	margin-bottom: 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
}
@media screen and (max-width: 750px) {
	.careerPost .container .container-r .explanationTitle {
		width: 100%;
		margin-bottom: 1.4rem;
		font-size: 1.2rem;
	}
}
.careerPost .container .container-r table,
.single-career article .container-l table.careerTable {
	margin-top: 20px;
}
.careerPost .container .container-r table th,
.careerPost .container .container-r table td,
.single-career article .container-l table.careerTable th,
.single-career article .container-l table.careerTable td {
	padding: .5rem;
	vertical-align: middle;
	text-align: left;
}
.careerPost .container .container-r table th,
.single-career article .container-l table.careerTable th {
	padding-right: 1rem;
	padding-left: 0;
	font-size: 1.125rem;
	font-weight: bold;
}
@media screen and (max-width: 750px) {
	.careerPost .container .container-r table th,
	.single-career article .container-l table.careerTable th {
		padding-right: 1rem;
		font-size: 1rem;
		white-space: nowrap;
	}
}
.careerPost .container .container-r table th span,
.single-career article .container-l table.careerTable th span {
	display: flex;
	align-items: center;
}
.careerPost .container .container-r table th span img,
.single-career article .container-l table.careerTable th span img {
	margin-right: 1rem;
}
@media screen and (max-width: 750px) {
	.careerPost .container .container-r table th span img,
	.single-career article .container-l table.careerTable th span img {
		margin-right: .5rem;
	}
}
.career-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 90px;
	margin: -45px auto 125px;
	color: #ffffff;
	background-color: #de3837;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 10px;
}
.career-button img {
	margin-left: 1rem;
}
@media screen and (max-width: 750px) {
	.career-button {
		width: 80%;
		height: 46px;
		margin: 0 auto;
		margin: -23px auto 60px;
		font-size: 1rem;
		border-radius: 10px;
	}
	.career-button img {
		margin-left: .5rem;
		transform: scale(.5);
	}
}

@media screen and (max-width: 750px) {
	.single-career .inner02 article {
		padding: 0 10px;
	}
}
.single-career article h1.title {
	margin: 50px 0;
	padding: 1rem;
	font-size: 2rem;
	color: #ffffff;
	font-weight: bold;
	background: url(../img/recruit/bg-career.png) no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 750px) {
	.single-career article h1.title {
		margin: 25px 0;
		padding: .5rem;
		font-size: 1.2rem;
	}
}
.single-career article .career-image {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
	.single-career article .career-image {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
}
.single-career article .career-image img {
	max-width: 32%;
}
.single-career article .career-image img:not(:last-child) {
	margin-right: 2%;
}
@media screen and (max-width: 750px) {
	.single-career article .career-image img {
		max-width: 100%;
		margin-bottom: 1rem;
	}
	.single-career article .career-image img:not(:last-child) {
		margin-right: 0;
	}
}
.single-career article .explanationTitle {
	margin-bottom: 20px;
	font-size: 1.5rem;
	text-align: center;
}
@media screen and (max-width: 750px) {
	.single-career article .explanationTitle {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}
}
.single-career article .explanationContent {
	margin-bottom: 40px;
	font-size: 1rem;
	line-height: 2;
	text-align: left;
}
.single-career article .container-wrapper {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 750px) {
	.single-career article .container-wrapper {
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
}
.single-career article .container-wrapper > div {
	width: 50%;
}
@media screen and (max-width: 750px) {
	.single-career article .container-wrapper > div {
		width: 100%;
	}
}
.single-career article .container-wrapper div.container-l table {
	margin: 0;
}
@media screen and (max-width: 750px) {
	.single-career article .container-wrapper div.container-r {
		margin-bottom: 1rem;
	}
}
.button-detail {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 520px;
	min-height: 100px;
	margin: 60px auto;
	color: #ffffff;
	background: right -10px bottom -13px url(../img/recruit/bg-career-detail.png) no-repeat #de3837;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 10px;
}
.button-detail img {
	margin-left: 1rem;
}
@media screen and (max-width: 750px) {
	.button-detail {
		width: 90%;
		height: 60px;
		min-height: inherit;
		margin: 10px auto;
		font-size: 1rem;
		border-radius: 10px;
		background: right -5px bottom -6px url(../img/recruit/bg-career-detail.png) no-repeat #de3837;
		background-size: 20%;
	}
	.button-detail img {
		margin-left: .5rem;
		transform: scale(.5);
	}
}
.single-career .r-table caption {
	border-radius: 0;
}
.single-career .r-table th {
	vertical-align: middle;
}