/* CSS Document */
@charset "utf-8";

@media screen and (min-width:1024px){

.wrapper{
	width: 96%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
@media screen and (min-width:1200px){
	.wrapper{
		width: 1200px;
	}
}
@media screen and (min-width:1440px){
	header .wrapper{
		width: 1400px;
	}
}


/* header */

header{
	width: 100%;
	height: 100px;
	background: #FFF;
	position: relative;
	z-index: 50;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
}
header .wrapper{
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
header h1{
	width: auto;
	height: 80px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute; top: 0; left: 0;
}
header h1 img{
	width: auto;
	height: 50px;
}
header h1 span{
	width: 200%;
	position: absolute; top: 0; left: 90px;
	font-size: 11px;
	line-height: 1.3;
	font-weight: normal;
	color: #080808;
}
header .tel{
	width: 330px;
	margin: 20px 200px 0 0;
}
header .tel p{
	width: 100%;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	color: #100964;
	text-align: center;
}
header .tel p small{
	font-size: 12px;
	display: block;
	font-weight: normal;
	color: #555;
}
header .tel .number{
	width: 100%;
}
header .tel .number a{
	pointer-events: none;
}
header .lang_select{
	width: 180px;
	height: auto;
	background: none;
	display: block;
	position: absolute; top: 10px; right: 0;
	align-items: center;
	color: #FFF;
}
header .lang_select .title{
	padding: 4px;
	background: #de2110;
	border-radius: 14px;
	position: relative;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}
header .lang_select .title::after{
	display: none;
}
header .lang_select .title small{
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
}
header .lang_select .box{
	margin-top: 8px;
	padding-left: 0;
	display: flex;
	align-items: center;
}
header .lang_select .item + .item{
	margin-left: 20px;
}
header .lang_select .item label{
	display: block;
	align-items: center;
}
header .lang_select .item img{
	height: 30px;
	margin-left:0;
	vertical-align: middle;
}
header .lang_select .item span{
	margin-left: 25px;
	display: block;
	font-size: 12px;
	color: #555;
}

header .menu{
	display: none;
}
@media screen and (min-width:1200px){
	header h1 img{
		height: 66px;
	}
	header h1 span{
		position: absolute; top: -10px; left: 120px;
		font-size: 14px;
	}
	header .tel{
		width: 380px;
		margin: 15px 200px 0 0;
	}
	header .tel p{
		font-size: 14px;
	}
}
@media screen and (min-width:1440px){
	header .tel{
		width: 490px;
		margin: 0 200px 0 0;
	}
	header .tel p{
		font-size: 18px;
	}
}


/* main */

main{
	margin-top: 0;
	overflow: hidden;
}

.kv{
	height: 600px;
	padding: 0;
	background: url(../images/kv/webp/bg.webp) no-repeat center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.kv .wrapper{
	height: 100%;
	padding: 0;
	position: relative;
}
.kv .image{
	width: 770px;
	margin: 0 40px 0 auto;
	text-align: center;
}
.kv .image img{
	margin-top: -25px;
}
.kv .circle{
	width: 50%;
	margin-left: 2%;
}
.kv .btn_box{
	width: 400px;
	position: absolute; bottom: 20px; left: auto; right: 0;
}
.kv .btn_box div{
	width: 100%;
	margin: 0;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
	text-align: center;
}
@media screen and (min-width:1200px){
	.kv .circle{
		width: 700px;
		margin-left: 70px;
	}
}
@media screen and (min-width:1440px){
	.kv .wrapper{
		width: 1440px;
	}
	.kv .circle{
		margin-left: 190px;
	}
	.kv .btn_box{
		right: 120px;
	}
}

.gnav{
	padding: 15px 0;
	background: #EEE;
}
.gnav nav{
	display: flex;
	justify-content: center;
}
.gnav div{
	padding: 0 5px;
	border-right: 1px solid #080808;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.gnav nav div:first-child{
	border-left: 1px solid #080808;
}
.gnav div a{
	font-size: 12.5px;
	font-weight: bold;
	color: #100964;
	text-decoration: none;
}
.gnav div a:hover,
.gnav div a.on,
.gnav div a:hover small,
.gnav div a.on small{
	color: #009e96;
}
.gnav div a small{
	display: block;
	font-size: 9.5px;
	font-weight: normal;
	color: #555;
}
@media screen and (min-width:1200px){
	.gnav div{
		padding: 0 8px;
	}
	.gnav div a{
		font-size: 14.5px;
	}
	.gnav div a small{
		font-size: 11px;
	}
}
@media screen and (min-width:1440px){
	.gnav div{
		padding: 0 14px;
	}
	.gnav div a{
		font-size: 16px;
	}
	.gnav div a small{
		font-size: 12px;
	}
}

h2{
	text-align: center;
}
h2 img{
	height: 112px;
}

.varioustasks{
	padding-bottom: 30px;
	background: #dff2f1;
}
.varioustasks .top{
	margin-top: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.varioustasks .balloon{
	width: calc(100% - 220px);
	padding: 30px 25px;
	background: #FFF;
	border-radius: 10px;
	position: relative;
}
.varioustasks .balloon::after{
	content: "";
	border-top: 7px solid transparent;
	border-right: none;
	border-bottom: 7px solid transparent;
	border-left: 15px solid #FFF;
	position: absolute; bottom: 50%; right: -15px;
	transform: translateY(50%);
}
.varioustasks .balloon p{
	font-size: 16px;
}
.varioustasks .balloon p span{
	font-weight: bold;
	color: #100964;
}
.varioustasks .balloon small{
	display: block;
	font-size: 14px;
	color: #999;
}
.varioustasks .acc{
	width: 200px;
	margin: 0;
}
.varioustasks .box{
	margin-top: 13px;
}
.varioustasks .title{
	width: 70px;
	position: relative;
	z-index: 1;
}
.varioustasks .inner{
	margin-top: -52px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.varioustasks .item{
	width: 190px;
	margin-top: 0;
	text-align: center;
}
.varioustasks .item:nth-child(even){
	margin: 0;
}
.varioustasks .thum{
	padding: 0 10px;
}
.varioustasks .item p{
	height: 48px;
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}
.varioustasks .item small{
	margin-top: 10px;
	display: block;
	font-size: 14px;
	color: #999;
}
@media screen and (min-width:1200px){
	.varioustasks .top{
		margin-top: -85px;
		padding: 0 30px;
	}
	.varioustasks .balloon{
		width: 880px;
	}
	.varioustasks .acc{
		width: 240px;
	}
	.varioustasks .balloon p{
		font-size: 18px;
	}
	.varioustasks .balloon small{
		font-size: 14px;
	}
	.varioustasks .item{
		width: 240px;
	}
}

.merit{
	padding-bottom: 45px;
	background: url(../images/merit/webp/bg.webp) repeat-x;
	background-size: cover;
}
.merit .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.merit .item{
	width: 23%;
	margin-bottom: 0;
	padding: 0 0 15px 0;
	background: #f6f6f6;
	border-radius: 26px;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
}
.merit .num{
	width: 150px;
	position: absolute; top: 0; left: 50%;
	transform: translateX(-50%);
	font-size: 0;
	text-align: center;
}
.merit .thum{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.merit .thum img{
	width: 100%;
}
.merit h3{
	margin-top: 15px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: normal;
	text-align: center;
}
.merit p{
	margin-top: 20px;
	font-size: 13px;
}
@media screen and (min-width:1200px){
	.merit .item{
		width: 280px;
	}
	.merit h3{
		font-size: 21px;
	}
	.merit p{
		font-size: 15px;
	}
}

.casestudy{
	padding-bottom: 30px;
	background: #dff2f1;
}
.casestudy .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.casestudy .item{
	width: 49%;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.casestudy .item:first-child,
.casestudy .item:nth-child(2){
	margin-top: 0;
}
.casestudy .thum{
	width: 110px;
}
.casestudy .balloon{
	width: calc(100% - 130px);
	padding: 20px 0 15px 15px;
	background: #FFF;
	border-radius: 10px;
	position: relative;
}
.casestudy .balloon::after{
	content: "";
	border-top: 7px solid transparent;
	border-right: 15px solid #FFF;
	border-bottom: 7px solid transparent;
	position: absolute; top: 8vw; left: -15px;
}
.casestudy .title_box{
	padding: 0 15px 5px 15px;
	border-bottom: 1px solid #1eb8b5;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	color: #555;
	font-weight: bold;
}
.casestudy .title_box::before{
	content: "";
	width: 7px;
	height: 7px;
	background: #1eb8b5;
	border-radius: 3.5px;
	position: absolute; bottom: -3.5px; left: 0;
}
.casestudy .name{
	font-size: 20px;
	line-height: 30px;
}
.casestudy .name span{
	font-size: 28px;
	line-height: 30px;
}
.casestudy .category{
	font-size: 14px;
}
.casestudy .title_small{
	margin-top: 1px;
	font-size: 14px;
	color: #1eb8b5;
	text-align: center;
}
.casestudy .inner{
	margin: 15px 15px 0 0;
	padding: 15px 25px;
	background: #EEE;
	border-radius: 10px;
}
.casestudy h3{
	font-size: 20px;
	font-weight: bold;
	color: #100964;
}
.casestudy h3 small{
	margin-top: -5px;
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
.casestudy .inner p{
	margin-top: 10px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.3;
	color: #555;
}
.casestudy .inner p small{
	display: block;
	font-size: 14px;
	text-indent: 1em;
}
@media screen and (min-width:1200px){
	.casestudy .item{
		width: 580px;
	}
	.casestudy .thum{
		width: 144px;
	}
	.casestudy .balloon{
		width: 400px;
	}
	.casestudy .name{
		font-size: 24px;
		line-height: 34px;
	}
	.casestudy .name span{
		font-size: 30px;
		line-height: 34px;
	}
	.casestudy .category{
		font-size: 16px;
	}
	.casestudy h3{
		font-size: 22px;
	}
	.casestudy .inner p{
		padding-left: 65px;
		font-size: 16px;
	}
}

.recommend{
	padding: 0 0 36px 0;
	background: #EEE;
}
.recommend h2 img{
	height: 130px;
}
.recommend .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recommend .item{
	width: 23%;
	margin-bottom: 0;
	padding: 25px 10px 20px 10px;
	background: #FFF;
	border: 3px solid #1eb8b5;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
	text-align: center;
}
.recommend .thum{
	width: 150px;
	margin: 0 auto;
}
.recommend p{
	margin-top: 14px;
	font-size: 20px;
	line-height: 1.5;
}
.recommend p small{
	height: 60px;
	margin-top: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 30px;
	color: #555;
}
@media screen and (min-width:1200px){
	.recommend .item{
		width: 280px;
	}
	.recommend .thum{
		width: 150px;
	}
	.recommend p{
		font-size: 24px;
	}
	.recommend p small{
		font-size: 18px;
	}
}

.flow{
	padding-bottom: 40px;
}
.flow h3{
	margin-top: -26px;
	text-align: center;
}
.flow .box{
	overflow: auto;
}
.flow .inner{
	width: 1200px;
	display: flex;
	justify-content: space-between;
}
.flow .item{
	width: 250px;
	position: relative;
}
.flow .item::after{
	content: "";
	width: 20px;
	height: 36px;
	background: url(../images/flow/webp/triangle.webp) no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 50%; right: -20px;
	transform: translateY(-50%);
}
.flow .inner .item:last-child::after{
	display: none;
}
.flow .caution{
	margin-top: 30px;
	font-size: 40px;
	color: #e60012;
	text-align: center;
}
.flow .caution small{
	display: block;
	font-size: 24px;
	line-height: 1.5;
	font-weight: normal;
}
@media screen and (min-width:1200px){
	.flow .inner{
		width: 100%;
	}
	.flow .caution{
		font-size: 48px;
	}
}

.contact{
	padding: 0 0 45px 0;
	background: #dff2f1;
}
.contact .box{
	width: 1000px;
	margin: 0 auto;
	padding: 15px 50px 30px 50px;
	background: #FFF;
}
.contact .top_text{
	font-size: 14px;
	text-align: center;
}
.contact .top_text span,
.contact .top_text span.trans span{
	color: #e60012;
}
.contact .top_text span.trans{
	color: #1eb8b5;
}
.contact .item{
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contact .name{
	width: 27%;
	padding-top: 11px;
	font-size: 14px;
	line-height: 1.5;
}
.contact .name span,
.contact .name span.trans span{
	color: #e60012;
}
.contact .name span.trans{
	display: block;
	color: #1eb8b5;
}
.contact .name small{
	font-size: 12px;
}
.contact .input{
	width: 73%;
	margin-top: 0;
}
.contact .input label + label{
	margin-left: 15px;
}
.contact .input.birth{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.contact .input.birth span{
	width: 100px;
	font-size: 14px;
}
.contact .input.birth span select{
	width: 100%;
}
.contact .input.birth span:nth-child(even){
	width: 50px;
	padding-left: 10px;
}
.contact .input.birth small{
	margin-top: 2px;
	display: block;
	font-size: 12px;
	color: #1eb8b5;
}
.contact .input.gender{
	padding-top: 10px;
}
.contact .input.gender label + label{
	margin-left: 30px;
}
.contact .input.gender small{
	margin-left: 10px;
	font-size: 12px;
	color: #1eb8b5;
}
.contact .input.country div{
	margin-top: 10px;
	display: flex;
	align-items: center;
	font-size: 14px;
}
.contact .input.country div small{
	margin: 3px 0 0 0;
	display: block;
	font-size: 12px;
	color: #1eb8b5;
}
.contact .input.country div input{
	width: 350px;
	margin: 0 0 0 10px;
}
.contact .input.visa{
	display: flex;
	flex-flow: column;
}
.contact .input.visa label + label{
	margin: 10px 0 0 0;
}
.contact .input.visa small{
	margin-left: 10px;
	font-size: 12px;
	color: #1eb8b5;
}
.contact .input.card div{
	display: flex;
	align-items: center;
	font-size: 14px;
}
.contact .input.card div + div{
	margin-top: 10px;
}
.contact .input.card span{
	width: 100px;
	margin-bottom: 0;
	display: block;
	font-size: 14px;
}
.contact .input.card small{
	margin: 3px 0 0 0;
	display: block;
	font-size: 14px;
	color: #1eb8b5;
}
.contact .input .caution{
	margin-top: 5px;
	font-size: 14px;
}
.contact .input .caution small{
	margin-top: 5px;
	display: block;
	font-size: 12px;
	color: #1eb8b5;
}
.contact .input .industry_check{
	display: flex;
	flex-flow: column;
}
.contact .input .industry_check label + label{
	margin: 10px 0 0 0;
}
.contact .input .industry_check small{
	margin: 0 0 0 10px;
	display: inline;
	font-size: 12px;
	color: #1eb8b5;
}
.contact .form_check{
	margin-top: 30px;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}
.contact .form_check small{
	display: block;
	font-size: 14px;
	color: #999;
}
.contact .form_btn{
	margin-top: 0;
}
.contact .form_btn button{
	min-width: 120px;
	margin: 30px auto 0 auto;
	outline: none;
	padding: 15px;
	background: #222;
	border: 5px solid #222;
	border-radius: 10px;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	transition: .2s;
}
.contact .form_btn button:hover{
	background: #FFF;
	color: #222;
}
.contact .form_btn button.submit{
	min-width: 400px;
	background: #ca191d;
	border: 5px solid #d73925;
	box-shadow: 0 5px 0 #cfcdce;
}
.contact .form_btn button.submit:hover{
	background: #FFF;
	color: #ca191d;
}
.contact .form_btn button i{
	margin-right: 10px;
}
.contact .form_btn button small{
	margin-left: 10px;
	font-size: 16px;
}
.contact .other{
	margin-top: 10px;
	padding: 10px 20px;
	background: #dff2f1;
	border-radius: 4px;
}
.contact .other p{
	font-size: 14px;
}
.contact .other p small{
	margin-top: 5px;
	display: block;
	font-size: 14px;
	color: #1eb8b5;
}
.contact .other input{
	margin-top: 10px;
}
.contact .area{
	border: 1px solid #EEE;
}
.contact .area div{
	padding: 10px 20px;
	font-size: 14px;
}
.contact .area .region{
	background: #EEE;
}
.contact .area .region span{
	font-weight: bold;
}

.thanks{
	padding: 50px 0;
}
.thanks h2{
	font-size: 20px;
	color: #ca191d;
	font-weight: bold;
	text-align: center;
}
.thanks p{
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
}
.thanks p.support{
	margin-top: 30px;
	font-weight: bold;
}


/* under_column */

body.under_column main{
	padding-bottom: 8vw;
	background: #dff2f1;
}

.h2_box{
	padding: 108px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.h2_box h2{
	margin-left: 170px;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.5;
	color: #FFF;
	text-align: left;
}
.h2_box h2 small{
	display: block;
	font-size: 18px;
	font-weight: normal;
}


/* jobsearch */

.jobsearch_page .h2_box{
	background: url(../images/jobsearch/webp/h2_bg_pc.webp) no-repeat center;
	background-size: cover;
}

.jobsearch_form{
	padding-top: 32px;
}
.jobsearch_form .box{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 60px;
	background: #FFF;
	border: 6px solid #f39c11;
	border-radius: 50px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.jobsearch_form .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.jobsearch_form .item:nth-child(n+2){
	padding-top: 30px;
}
.jobsearch_form .name{
	width: calc(100% - 600px);
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #100964;
}
.jobsearch_form .name span.trans{
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #1eb8b5;
}
.jobsearch_form .input{
	width: 600px;
	margin-top: 0;
	line-height: 1;
}
.jobsearch_form  .input select{
	width: 100%;
}
.jobsearch_form  .input.week_select{
	display: flex;
	align-items: center;
}
.jobsearch_form  .input.week_select span{
	display: block;
	font-size: 17px;
}
.jobsearch_form  .input.week_select span:nth-child(2){
	width: 390px;
}
.jobsearch_form  .input.week_select span:nth-child(n+2){
	margin-top: 0;
	margin-left: 12px;
}
.jobsearch_form  .input.week_select span small{
	margin-left: 0;
	display: block;
	font-size: 14px;
	color: #1eb8b5;
}
.jobsearch_form .btn{
	width: 240px;
	margin: 30px auto 0 auto;
}
.jobsearch_form .btn button{
	width: 100%;
	outline: none;
	padding: 2px 0 0 0;
	background: #f39c11;
	border: 2px solid #f39c11;
	border-radius: 24px;
	display: block;
	font-size: 24px;
	line-height: 42px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	transition: .2s;
}
.jobsearch_form .btn button:hover{
	background: #FFF;
	color: #f39c11;
}
.jobsearch_form .btn button i{
	margin-right: 10px;
}

.jobsearch_heading{
	padding-top: 25px;
}
.jobsearch_heading h3{
	text-align: center;
}
.jobsearch_heading h3 img{
	height: 96px;
}
.jobsearch_heading h3 img:first-child{
	display: none;
}
.jobsearch_heading .box{
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
}
.jobsearch_heading .condition{
	margin-top: 0;
	display: flex;
}
.jobsearch_heading .condition .title{
	font-weight: bold;
}
.jobsearch_heading .condition .text{
}
.jobsearch_heading .num{
	margin-top: 0;
	display: flex;
	justify-content: flex-end;
}
.jobsearch_heading .num div:nth-child(n+2){
	margin-left: 18px;
	padding-left: 18px;
	border-left: 1px solid #CCC;
}
.jobsearch_heading .num a{
	color: #100964;
	text-decoration: underline;
}
.jobsearch_heading .num a:hover{
	text-decoration: none;
}
.jobsearch_heading .num strong{
	font-weight: bold;
}

.jobsearch_list{
}
.jobsearch_list .list{
}
.jobsearch_list .item{
	margin-top: 20px;
	padding-bottom: 22px;
	background: #FFF;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
	position: relative;
}
.jobsearch_list .item:nth-child(n+2){
	margin-top: 35px;
}
.jobsearch_list .hours{
	width: 360px;
	padding: 15px;
	background: #1eb8b5;
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
}
.jobsearch_list .hours span{
	font-size: 24px;
	font-weight: bold;
}
.jobsearch_list .translation{
	position: absolute; top: 20px; right: 44px;
}
.jobsearch_list .translation a{
	padding: 7px 15px;
	display: block;
	background: #1eb8b5;
	border: 1px solid #1eb8b5;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	transition: .2s;
	text-decoration: none;
}
.jobsearch_list .translation a:hover{
	background: #FFF;
	color: #1eb8b5;
}
.jobsearch_list .translation a i{
	margin-right: 7px;
	font-size: 24px;
	line-height: 1;
	vertical-align: middle;
}
.jobsearch_list .catch_copy{
	margin: 23px 37px 0 37px;
	padding-bottom: 10px;
	border-bottom: 2px solid #1eb8b5;
	font-size: 24px;
	font-weight: bold;
	color: #100964;
}
.jobsearch_list p{
	margin: 20px 38px 0 38px;
	font-size: 16px;
}
.jobsearch_list .box{
	margin: 11px 30px 0 30px;
	padding: 20px 20px 25px 20px;
	background: #efefef;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.jobsearch_list .inner{
	width: 33.3%;
	padding-right: 40px;
}
.jobsearch_list .title{
	padding-left: 10px;
	border-left: 8px solid #100964;
	font-size: 18px;
	font-weight: bold;
	color: #100964;
}
.jobsearch_list .inner:nth-child(n+2) .title{
	margin-top: 0;
}
.jobsearch_list .inner .text + .title{
	margin-top: 15px;
}
.jobsearch_list .text{
	margin-top: 10px;
	margin-left: 18px;
	font-size: 16px;
}
.jobsearch_list .btn{
	margin-top: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.jobsearch_list .btn a{
	width: 200px;
	outline: none;
	margin: 0 16px;
	padding: 3px;
	background: #f39c11;
	border: 2px solid #f39c11;
	border-radius: 5px;
	display: block;
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	transition: .2s;
	text-decoration: none;
}
.jobsearch_list .btn a:hover{
	background: #FFF;
	color: #f39c11;
}
.jobsearch_list .btn a:last-child{
	background: #e60012;
	border-color: #e60012;
}
.jobsearch_list .btn a:last-child:hover{
	background: #FFF;
	color: #e60012;
}
.jobsearch_list .btn a i{
	margin-left: 10px;
}

.pagination{
	margin-top: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination a{
	width: 34px;
	margin: 0 3px;
	padding-top: 0;
	background: #FFF;
	border: 1px solid #1eb8b5;
	border-radius: 0;
	font-size: 16px;
	line-height: 32px;
	color: #1eb8b5;
	text-align: center;
	transition: .2s;
	text-decoration: none;
}
.pagination a.prev{
	width: auto;
	margin-right: 17px;
	background: none;
	border: none;
}
.pagination a.next{
	width: auto;
	margin-left: 17px;
	background: none;
	border: none;
}
.pagination a.active,
.pagination a:hover{
	background: #100964;
	border-color: #100964;
	color: #FFF;
}
.pagination a.prev:hover,
.pagination a.next:hover{
	background: none;
	color: #1eb8b5;
	text-decoration: underline;
}


/* job_detail */

.job_detail{
	padding-top: 25px;
}
.job_detail h3{
	text-align: center;
}
.job_detail h3 img{
	height: 96px;
}
.job_detail .wrap{
	padding-bottom: 22px;
	background: #FFF;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
	position: relative;
}
.job_detail .hours{
	width: 360px;
	padding: 15px;
	background: #1eb8b5;
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
}
.job_detail .hours span{
	font-size: 24px;
	font-weight: bold;
}
.job_detail .translation{
	position: absolute; top: 20px; right: 44px;
}
.job_detail .translation a{
	padding: 7px 15px;
	display: block;
	background: #1eb8b5;
	border: 1px solid #1eb8b5;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	transition: .2s;
	text-decoration: none;
}
.job_detail .translation a:hover{
	background: #FFF;
	color: #1eb8b5;
}
.job_detail .translation a i{
	margin-right: 7px;
	font-size: 24px;
	line-height: 1;
	vertical-align: middle;
}
.job_detail .catch_copy{
	margin: 23px 37px 0 37px;
	padding-bottom: 10px;
	border-bottom: 2px solid #1eb8b5;
	font-size: 24px;
	font-weight: bold;
	color: #100964;
}
.job_detail p{
	margin: 20px 38px 0 38px;
	font-size: 16px;
}
.job_detail .box{
	margin: 11px 30px 0 30px;
	padding: 20px 20px 25px 20px;
	background: #efefef;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.job_detail .inner{
	width: 33.3%;
	padding-right: 40px;
}
.job_detail .inner .title{
	padding-left: 10px;
	border-left: 8px solid #100964;
	font-size: 18px;
	font-weight: bold;
	color: #100964;
}
.job_detail .inner:nth-child(n+2) .title{
	margin-top: 0;
}
.job_detail .inner .text + .title{
	margin-top: 15px;
}
.job_detail .inner .text{
	margin-top: 10px;
	margin-left: 18px;
	font-size: 16px;
}
.job_detail .detail{
	padding: 0 37px;
}
.job_detail .detail .item{
	margin-top: 30px;
}
.job_detail .detail .title{
	font-size: 16px;
	font-weight: bold;
	color: #100964;
}
.job_detail .detail .text{
	margin-top: 20px;
	font-size: 16px;
}
.job_detail .detail .item:last-child .text{
	padding-left: 12px;
}
.job_detail .detail .text strong{
	font-weight: bold;
}
.job_detail .tel_box{
	padding: 28px 50px 0 50px;
}
.job_detail .tel_box .top{
	margin-bottom: 15px;
	font-size: 16px;
}
.job_detail .tel_box .title{
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.job_detail .tel_box .num{
	margin-top: 5px;
}
.job_detail .tel_box .num a{
	font-size: 36px;
	line-height: 1.5;
	font-weight: bold;
	color: #100964;
	pointer-events: none;
}
.job_detail .tel_box .num a i{
	margin-right: 10px;
	transform: scaleX(-1);
}
.job_detail .tel_box .bottom{
	margin-top: 5px;
	font-size: 16px;
}
.job_detail .btn{
	margin-top: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.job_detail .btn a{
	width: 200px;
	outline: none;
	margin: 0 16px;
	padding: 3px;
	background: #bfbfbf;
	border: 2px solid #bfbfbf;
	border-radius: 5px;
	display: block;
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	transition: .2s;
	text-decoration: none;
}
.job_detail .btn a:hover{
	background: #FFF;
	color: #bfbfbf;
}
.job_detail .btn a:last-child{
	background: #e60012;
	border-color: #e60012;
}
.job_detail .btn a:last-child:hover{
	background: #FFF;
	color: #e60012;
}
.job_detail .btn a i{
	margin-right: 10px;
}
.job_detail .btn a:last-child i{
	margin-left: 10px;
	margin-right: 0;
}


/* footer */

footer{
	margin-top: 0;
	background: #FFF;
}
footer .wrapper{
	padding: 15px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}
footer .nav_box{
	width: 720px;
	margin-top: 0;
	border-bottom: none;
	display: flex;
	justify-content: flex-start;
	position: absolute; top: 32px; left: 0;
}
footer nav{
	width: 300px;
	margin-left: 0;
	display: block;
}
footer nav + nav{
	margin-top: 0;
}
footer nav div{
	margin-top: 8px;
	border-top: none;
}
footer nav div a{
	padding: 0;
	border-right: none;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
footer nav div a::before{
	display: none;
}
footer nav div a:hover,
footer nav div a:hover small{
	color: #009e96;
}
footer nav div a small{
	margin-top: 3px;
	display: block;
	font-size: 12px;
	color: #666;
}
footer nav br{
	display: none;
}
footer .logo_box{
	width: 800px;
	margin-left: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
footer .logo_text_small{
	width: 520px;
	font-size: 14px;
}
footer .logo{
	width: 500px;
	height: 66px;
	margin: 0;
	padding-right: 15px;
	position: relative;
	text-align: left;
}
footer .logo img{
	width: auto;
	height: 66px;
}
footer .logo span{
	position: absolute; top: -3px; left: 115px;
	font-size: 14px;
	font-weight: normal;
}
footer .logo_box .tel{
	width: 505px;
	margin-top: 15px;
	padding-right: 15px;
}
footer .logo_box .tel p{
	font-size: 18px;
}
footer .logo_box .tel p small{
	margin-top: -5px;
	display: block;
	font-size: 14px;
	color: #555;
	font-weight: normal;
}
footer .logo_box .number{
	width: 100%;
	margin-top: 5px;
}
footer .logo_box .number a{
	pointer-events: none;
}
footer .logo_box .inner{
	margin-top: 12px;
	display: flex;
	align-items: center;
}
footer .logo_box .inner p{
	width: calc(100% - 90px);
	font-size: 14px;
	text-align: right;
}
footer .logo_box .inner p span{
	display: block;
	font-size: 16px;
}
footer .logo_box .inner p small{
	display: block;
	font-size: 12px;
	color: #666;
}
footer .logo_box .inner p span small{
	margin-left: 5px;
	display: inline;
	font-size: 12px;
}
footer .logo_box .acc{
	width: 90px;
	margin-left: 0;
	padding-left: 14px;
}
footer .copy{
	padding: 10px;
	background: #666;
	font-size: 14px;
	color: #FFF;
	text-align: center;
}
footer .fixed_tel{
	display: none !important;
}
@media screen and (min-width:1100px){
	footer nav{
		width: 360px;
	}
	footer nav div a{
		font-size: 14px;
	}
	footer nav div a small{
		font-size: 14px;
	}
}

}