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

@media screen and (min-width:768px) and ( max-width:1023px){

.wrapper{
	padding: 0 2vw;
}


/* header */

header{
	width: 100%;
	height: 16vw;
	background: #FFF;
	position: fixed; top: 0; left: 0;
	z-index: 50;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
}
header .wrapper{
	padding: 0;
}
header h1{
	height: 8vw;
	margin: 2vw 0 0 2vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
header h1 img{
	width: auto;
	height: 6vw;
}
header h1 span{
	position: absolute; top: -1vw; left: 11vw;
	font-size: 1.4vw;
	line-height: 1.3;
	font-weight: normal;
	color: #080808;
}

header .menu{
}
header .menu .icon{
}
header .menu .icon p{
	width: 100%;
	position: absolute; bottom: -0.5vw; left: 0;
	font-size: 1.5vw;
	color: #1eb8b5;
	font-weight: bold;
	text-align: center;
}
header .menu .icon a{
	width: 8vw;
	height: 8vw;
	background: none;
	border-radius: 0;
	display: block;
	position: absolute; top: -0.5vw; right: 2vw;
	z-index: 100;
}
header .menu .icon span {
	width: 6vw;
	height: 2px;
	margin: -1px 0 0 -3.5vw;
	background: #1eb8b5;
	display: block;
	position: absolute; top: 50%; left: 50%;
	transition: 0.2s;
}
header .menu .icon span:before,
header .menu .icon span:after {
	content: "";
	width: 6vw;
	height: 2px;
	background: #1eb8b5;
	display: block;
	position: absolute; top: 0; left: 0;
	transition: 0.3s;
}
header .menu .icon span:before {
	margin-top: -8px;
}
header .menu .icon span:after {
	margin-top: 8px;
}
header .menu .icon a.on span {
	background: transparent;
}
header .menu .icon a.on span:before,
header .menu .icon a.on span:after {
	margin-top: 0;
	background: #1eb8b5;
}
header .menu .icon a.on span:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
header .menu .icon a.on span:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
header .menu .box{
	width: 100%;
	height: 100%;
	padding-top: 8vw;
	background: #FFF;
	position: fixed; top: 0; left: 0;
	display: none;
	z-index: 90;
	pointer-events: auto;
	overflow: auto;
}
header .menu nav {
	border-top: 1px solid #1eb8b5;
	text-align: left;
}
header .menu nav > div {
	margin-top: 0;
	border-bottom: 1px solid #1eb8b5;
}
header .menu nav > div a {
	padding: 2vw 2vw 2vw 4vw;
	background: #FFF;
	display: block;
	position: relative;
	font-size: 2vw;
	color: #1eb8b5;
	font-weight: bold;
	text-decoration: none;
}
header .menu nav div a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #1eb8b5;
	position: absolute; top: 50%; left: 2vw;
	transform: translateY(-50%);
}
header .menu nav br{
	display: none;
}
header .menu nav > div a small{
	display: block;
	font-size: 1.8vw;
	color: #666;
}
header .lang_select{
	height: 6vw;
	background: #999;
	display: flex;
	align-items: center;
	color: #FFF;
}
header .lang_select .title{
	padding: 1vw 2vw;
	background: #de2110;
	position: relative;
	font-size: 2.5vw;
	line-height: 4vw;
	font-weight: bold;
}
header .lang_select .title::after{
	content: "";
	border-top: 3vw solid transparent;
	border-bottom: 3vw solid transparent;
	border-left: 3vw solid #de2110;
	position: absolute; top: 0; right: -2.9vw;
}
header .lang_select .title small{
	margin-left: 1vw;
	font-size: 2.5vw;
	font-weight: normal;
}
header .lang_select .box{
	padding-left: 5vw;
	display: flex;
	align-items: center;
}
header .lang_select .item + .item{
	margin-left: 3vw;
}
header .lang_select .item label{
	display: flex;
	align-items: center;
}
header .lang_select .item img{
	height: 4vw;
	margin-left: 1vw;
	vertical-align: middle;
}
header .lang_select .item span{
	margin-left: 1vw;
	font-size: 2.5vw;
}


/* main */

main{
	margin-top: 16vw;
	overflow: hidden;
}

.kv{
}
.kv .wrapper{
	padding: 0;
	position: relative;
}
.kv .btn_box{
	position: absolute; bottom: 4vw; left: 0;
}
.kv .btn_box div{
	width: 75%;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
	text-align: center;
}

h2{
	text-align: center;
}
h2 img{
	height: 10vw;
}

.varioustasks{
	padding-bottom: 8vw;
	background: #dff2f1;
}
.varioustasks .top{
}
.varioustasks .balloon{
	padding: 2vw;
	background: #FFF;
	border-radius: 10px;
	position: relative;
}
.varioustasks .balloon::after{
	content: "";
	border-top: 10px solid #FFF;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute; bottom: -10px; right: 12%;
}
.varioustasks .balloon p{
	font-size: 2.8vw;
}
.varioustasks .balloon p span{
	font-weight: bold;
	color: #100964;
}
.varioustasks .balloon small{
	display: block;
	font-size: 2.5vw;
	color: #999;
}
.varioustasks .acc{
	width: 20%;
	margin: 2vw 0 0 70%;
}
.varioustasks .box{
	margin-top: -4vw;
}
.varioustasks .title{
	width: 10vw;
	position: relative;
	z-index: 1;
}
.varioustasks .inner{
	margin-top: -8vw;
	display: flex;
	flex-wrap: wrap;
}
.varioustasks .item{
	width: 31%;
	margin-top: 4vw;
	text-align: center;
}
.varioustasks .item:nth-child(even){
	margin: 4vw 2vw 0 2%;
}
.varioustasks .thum{
}
.varioustasks .item p{
	height: 9vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.5vw;
	line-height: 4.5vw;
	text-align: center;
}
.varioustasks .item small{
	margin-top: 1vw;
	display: block;
	font-size: 2.2vw;
	color: #999;
}

.merit{
	padding-bottom: 4vw;
	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: 48%;
	margin-bottom: 4vw;
	padding: 0 0 4vw 0;
	background: #f6f6f6;
	border-radius: 26px;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
}
.merit .num{
	width: 70%;
	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: 2vw;
	font-size: 3vw;
	font-weight: normal;
	text-align: center;
}
.merit p{
	margin-top: 2vw;
	font-size: 2.8vw;
}

.casestudy{
	padding-bottom: 8vw;
	background: #dff2f1;
}
.casestudy .box{
}
.casestudy .item{
	margin-top: 4vw;
	display: flex;
	justify-content: space-between;
}
.casestudy .item:first-child{
	margin-top: 0;
}
.casestudy .thum{
	width: 20%;
}
.casestudy .balloon{
	width: 75%;
	padding: 2vw;
	background: #FFF;
	border-radius: 10px;
	position: relative;
}
.casestudy .balloon::after{
	content: "";
	border-top: 5px solid transparent;
	border-right: 10px solid #FFF;
	border-bottom: 5px solid transparent;
	position: absolute; top: 8vw; left: -10px;
}
.casestudy .title_box{
	padding: 0 1vw 1vw 1vw;
	border-bottom: 1px solid #1eb8b5;
	position: relative;
	color: #555;
	font-weight: bold;
}
.casestudy .title_box::before{
	content: "";
	width: 2vw;
	height: 2vw;
	background: #1eb8b5;
	border-radius: 1vw;
	position: absolute; bottom: -1vw; left: 0;
}
.casestudy .name{
	font-size: 3.5vw;
}
.casestudy .name span{
	font-size: 3.7vw;
}
.casestudy .category{
	font-size: 3vw;
}
.casestudy .title_small{
	margin-top: 1vw;
	font-size: 2.8vw;
	color: #1eb8b5;
	text-align: center;
}
.casestudy .inner{
	margin-top: 2vw;
	padding: 2vw;
	background: #EEE;
	border-radius: 10px;
}
.casestudy h3{
	font-size: 3.5vw;
	font-weight: bold;
	color: #100964;
}
.casestudy h3 small{
	display: block;
	font-size: 3vw;
	font-weight: normal;
}
.casestudy .inner p{
	margin-top: 1vw;
	padding-left: 2vw;
	font-size: 3vw;
	color: #555;
}
.casestudy .inner p small{
	display: block;
	font-size: 3vw;
	text-indent: 1em;
}

.recommend{
	padding: 0 0 4vw 0;
	background: #EEE;
}
.recommend h2 img{
	height: 12vw;
}
.recommend .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recommend .item{
	width: 48%;
	margin-bottom: 4vw;
	padding: 4vw 2vw;
	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: 60%;
	margin: 0 auto;
}
.recommend p{
	margin-top: 1vw;
	font-size: 3.2vw;
}
.recommend p small{
	margin-top: 1vw;
	display: block;
	font-size: 3vw;
	color: #555;
}

.flow{
	padding-bottom: 6vw;
}
.flow h3{
	margin-top: -2vw;
	text-align: center;
}
.flow .box{
	overflow: auto;
}
.flow .inner{
	width: 210vw;
	display: flex;
	justify-content: space-between;
}
.flow .item{
	width: 45vw;
	position: relative;
}
.flow .item::after{
	content: "";
	width: 4vw;
	height: 7.2vw;
	background: url(../images/flow/webp/triangle.webp) no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 50%; right: -4vw;
	transform: translateY(-50%);
}
.flow .inner .item:last-child::after{
	display: none;
}
.flow .caution{
	margin-top: 2vw;
	font-size: 3vw;
	color: #e60012;
	text-align: center;
}
.flow .caution small{
	display: block;
	font-size: 2.8vw;
	font-weight: normal;
}

.contact{
	padding-bottom: 4vw;
	background: #dff2f1;
}
.contact .box{
	padding: 4vw 2vw;
	background: #FFF;
}
.contact .top_text{
	font-size: 2.5vw;
	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: 2vw;
}
.contact .name{
	font-size: 2.2vw;
	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: 1.8vw;
}
.contact .input{
	margin-top: 1vw;
	line-height: 1;
}
.contact .input label + label{
	margin-left: 3vw;
}
.contact .input.birth{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contact .input.birth span{
	width: 22%;
	font-size: 2vw;
}
.contact .input.birth span:nth-child(even){
	width: 14%;
	padding-left: 1vw;
}
.contact .input.birth small{
	margin-top: 0.5vw;
	display: block;
	font-size: 2vw;
	color: #1eb8b5;
}
.contact .input.gender{
	font-size: 0;
}
.contact .input.gender label + label{
	margin-left: 5vw;
}
.contact .input.gender small{
	margin-left: 1vw;
	font-size: 2vw;
	color: #1eb8b5;
}
.contact .input.country div{
	margin-top: 2vw;
	font-size: 2vw;
}
.contact .input.country div small{
	margin-left: 1vw;
	font-size: 2vw;
	color: #1eb8b5;
}
.contact .input.country div input{
	margin-top: 1vw;
}
.contact .input.visa{
	display: flex;
	flex-flow: column;
}
.contact .input.visa label + label{
	margin: 2vw 0 0 0;
}
.contact .input.visa small{
	margin-left: 1vw;
	font-size: 2vw;
	color: #1eb8b5;
}
.contact .input.card div{
	display: flex;
	align-items: center;
	font-size: 2ww;
}
.contact .input.card div + div{
	margin-top: 2vw;
}
.contact .input.card span{
	width: 18%;
	margin-bottom: 0;
	display: block;
	font-size: 2vw;
}
.contact .input.card small{
	margin: 0.5vw 0 0 0;
	display: block;
	font-size: 2vw;
	color: #1eb8b5;
}
.contact .input .caution{
	margin-top: 1vw;
	font-size: 2vw;
}
.contact .input .caution small{
	margin-top: 1vw;
	display: block;
	font-size: 2vw;
	color: #1eb8b5;
}
.contact .input .industry_check{
	display: flex;
	flex-flow: column;
}
.contact .input .industry_check label + label{
	margin: 2vw 0 0 0;
}
.contact .input .industry_check small{
	margin: 0 0 0 1vw;
	display: inline;
	font-size: 2vw;
	color: #1eb8b5;
}
.contact .form_check{
	margin-top: 2vw;
	font-size: 2.4vw;
	line-height: 1.5;
	text-align: center;
}
.contact .form_check small{
	display: block;
	font-size: 2vw;
	color: #999;
}
.contact .form_btn{
	margin-top: 0;
}
.contact .form_btn button{
	min-width: 30vw;
	margin: 2vw auto 0 auto;
	outline: none;
	padding: 2vw;
	background: #222;
	border: none;
	border-radius: 10px;
	display: block;
	font-size: 3vw;
	color: #FFF;
	text-align: center;
}
.contact .form_btn button.submit{
	min-width: 50vw;
	background: #ca191d;
	border: 5px solid #d73925;
	box-shadow: 0 5px 0 #cfcdce;
}
.contact .form_btn button i{
	margin-right: 2vw;
}
.contact .form_btn button small{
	margin-left: 1vw;
	font-size: 2.8vw;
}
.contact .other{
	margin-top: 2vw;
	padding: 2vw;
	background: #dff2f1;
	border-radius: 4px;
}
.contact .other p{
	font-size: 2vw;
}
.contact .other p small{
	margin-top: 1vw;
	display: block;
	font-size: 1.8vw;
	color: #1eb8b5;
}
.contact .other input{
	margin-top: 1vw;
}
.contact .area{
	border: 1px solid #EEE;
}
.contact .area div{
	padding: 1vw;
	font-size: 2.2vw;
}
.contact .area .region{
	background: #EEE;
}
.contact .area .region span{
	font-weight: bold;
}

.thanks{
	padding: 4vw 0;
}
.thanks h2{
	font-size: 3vw;
	color: #ca191d;
	font-weight: bold;
	text-align: center;
}
.thanks p{
	margin-top: 3vw;
	font-size: 1.8vw;
	text-align: center;
}
.thanks p.support{
	margin-top: 4vw;
	font-weight: bold;
}


/* under_column */

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

.h2_box{
	padding: 8vw 4vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.h2_box h2{
	font-size: 4.5vw;
	font-weight: bold;
	line-height: 1.5;
	color: #FFF;
	text-align: left;
}
.h2_box h2 small{
	display: block;
	font-size: 2.8vw;
	font-weight: normal;
}


/* jobsearch */

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

.jobsearch_form{
	padding-top: 6vw;
}
.jobsearch_form .box{
	padding: 3vw;
	background: #FFF;
	border: 4px solid #f39c11;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.jobsearch_form .item:nth-child(n+2){
	padding-top: 3vw;
}
.jobsearch_form .name{
	font-size: 2.2vw;
	font-weight: bold;
	line-height: 1.5;
	color: #100964;
}
.jobsearch_form .name span.trans{
	display: block;
	font-weight: normal;
	font-size: 1.8vw;
	color: #1eb8b5;
}
.jobsearch_form .input{
	margin-top: 1vw;
	line-height: 1;
}
.jobsearch_form  .input.week_select{
	display: flex;
	align-items: center;
}
.jobsearch_form  .input.week_select span{
	display: block;
	font-size: 2.2vw;
}
.jobsearch_form  .input.week_select span:nth-child(2){
	width: 45%;
}
.jobsearch_form  .input.week_select span:nth-child(n+2){
	margin-top: 0;
	margin-left: 1vw;
}
.jobsearch_form  .input.week_select span small{
	margin-left: 0;
	display: block;
	font-size: 1.8vw;
	color: #1eb8b5;
}
.jobsearch_form .btn{
	width: 30vw;
	margin: 4vw auto 0 auto;
}
.jobsearch_form .btn button{
	width: 100%;
	outline: none;
	padding: 1vw 3vw;
	background: #f39c11;
	border: none;
	border-radius: 5vw;
	display: block;
	font-size: 3vw;
	line-height: 5vw;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.jobsearch_form .btn button i{
	margin-right: 2vw;
}

.jobsearch_heading{
	padding-top: 4vw;
}
.jobsearch_heading h3{
	text-align: center;
}
.jobsearch_heading h3 img:first-child{
	display: none;
}
.jobsearch_heading .box{
	font-size: 3vw;
}
.jobsearch_heading .condition{
	margin-top: 3vw;
}
.jobsearch_heading .condition .title{
	font-weight: bold;
}
.jobsearch_heading .condition .text{
}
.jobsearch_heading .num{
	margin-top: 2vw;
	display: flex;
	justify-content: flex-end;
}
.jobsearch_heading .num div:nth-child(n+2){
	margin-left: 2vw;
	padding-left: 2vw;
	border-left: 1px solid #CCC;
}
.jobsearch_heading .num a{
	color: #100964;
	text-decoration: underline;
}
.jobsearch_heading .num strong{
	font-weight: bold;
}

.jobsearch_list{
}
.jobsearch_list .list{
}
.jobsearch_list .item{
	margin-top: 2vw;
	padding-bottom: 3vw;
	background: #FFF;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
	position: relative;
}
.jobsearch_list .item:nth-child(n+2){
	margin-top: 4vw;
}
.jobsearch_list .hours{
	width: 35%;
	padding: 1vw 2vw;
	background: #1eb8b5;
	font-size: 2.2vw;
	color: #FFF;
	text-align: center;
}
.jobsearch_list .hours span{
	font-size: 3vw;
	font-weight: bold;
}
.jobsearch_list .translation{
	position: absolute; top: 1vw; right: 1vw;
}
.jobsearch_list .translation a{
	padding: 0.5vw 2vw;
	display: block;
	background: #1eb8b5;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	font-size: 2.2vw;
	color: #FFF;
}
.jobsearch_list .translation a i{
	margin-right: 2vw;
}
.jobsearch_list .catch_copy{
	margin: 4vw 3vw 0 3vw;
	padding-bottom: 2vw;
	border-bottom: 2px solid #1eb8b5;
	font-size: 3vw;
	font-weight: bold;
	color: #100964;
}
.jobsearch_list p{
	margin: 3vw 4vw 0 4vw;
	font-size: 2.5vw;
}
.jobsearch_list .box{
	margin: 3vw 3vw 0 3vw;
	padding: 3vw;
	background: #efefef;
}
.jobsearch_list .inner{
}
.jobsearch_list .title{
	padding-left: 2vw;
	border-left: 4px solid #100964;
	font-size: 2.5vw;
	font-weight: bold;
	color: #100964;
}
.jobsearch_list .inner:nth-child(n+2) .title{
	margin-top: 2vw;
}
.jobsearch_list .text{
	margin-top: 1vw;
	margin-left: calc(2vw + 4px);
	font-size: 2.2vw;
}
.jobsearch_list .btn{
	margin-top: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.jobsearch_list .btn a{
	width: 35vw;
	outline: none;
	margin: 0 2vw;
	padding: 1vw 2vw;
	background: #f39c11;
	border: none;
	border-radius: 5px;
	display: block;
	font-size: 3.5vw;
	line-height: 5vw;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.jobsearch_list .btn a:last-child{
	background: #e60012;
}
.jobsearch_list .btn a i{
	margin-left: 2vw;
}

.pagination{
	margin-top: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination a{
	width: 5vw;
	margin: 0 0.5vw;
	padding-top: 0.3vw;
	background: #FFF;
	border: 1px solid #1eb8b5;
	border-radius: 0;
	font-size: 2.5vw;
	line-height: 4.7vw;
	color: #1eb8b5;
	text-align: center;
}
.pagination a.prev{
	width: auto;
	margin-right: 2vw;
	background: none;
	border: none;
}
.pagination a.next{
	width: auto;
	margin-left: 2vw;
	background: none;
	border: none;
}
.pagination a.active{
	background: #100964;
	border-color: #100964;
	color: #FFF;
}


/* job_detail */

.job_detail{
	padding-top: 4vw;
}
.job_detail h3{
	text-align: center;
}
.job_detail h3 img{
}
.job_detail .wrap{
	padding-bottom: 3vw;
	background: #FFF;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
	position: relative;
}
.job_detail .hours{
	width: 35%;
	padding: 1vw 2vw;
	background: #1eb8b5;
	font-size: 2.2vw;
	color: #FFF;
	text-align: center;
}
.job_detail .hours span{
	font-size: 3vw;
	font-weight: bold;
}
.job_detail .translation{
	position: absolute; top: 1vw; right: 1vw;
}
.job_detail .translation a{
	padding: 0.5vw 2vw;
	display: block;
	background: #1eb8b5;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	font-size: 2.2vw;
	color: #FFF;
}
.job_detail .translation a i{
	margin-right: 2vw;
}
.job_detail .catch_copy{
	margin: 4vw 3vw 0 3vw;
	padding-bottom: 2vw;
	border-bottom: 2px solid #1eb8b5;
	font-size: 3vw;
	font-weight: bold;
	color: #100964;
}
.job_detail p{
	margin: 3vw 4vw 0 4vw;
	font-size: 2.5vw;
}
.job_detail .box{
	margin: 3vw 3vw 0 3vw;
	padding: 3vw;
	background: #efefef;
}
.job_detail .inner{
}
.job_detail .inner .title{
	padding-left: 2vw;
	border-left: 4px solid #100964;
	font-size: 2.5vw;
	font-weight: bold;
	color: #100964;
}
.job_detail .inner:nth-child(n+2) .title{
	margin-top: 2vw;
}
.job_detail .inner .text{
	margin-top: 1vw;
	margin-left: calc(2vw + 4px);
	font-size: 2.2vw;
}
.job_detail .detail{
	padding: 0 4vw;
}
.job_detail .detail .item{
	margin-top: 3vw;
}
.job_detail .detail .title{
	font-size: 2.5vw;
	font-weight: bold;
	color: #100964;
}
.job_detail .detail .text{
	margin-top: 1vw;
	font-size: 2.2vw;
}
.job_detail .detail .item:last-child .text{
	padding-left: 1vw;
}
.job_detail .detail .text strong{
	font-weight: bold;
}
.job_detail .tel_box{
	padding: 4vw 4vw 0 4vw;
}
.job_detail .tel_box .top{
	margin-bottom: 1vw;
	font-size: 2.2vw;
}
.job_detail .tel_box .title{
	margin-top: 1vw;
	font-size: 2.5vw;
	font-weight: bold;
	line-height: 1.5;
}
.job_detail .tel_box .num{
	margin-top: 2vw;
}
.job_detail .tel_box .num a{
	font-size: 5vw;
	line-height: 1.5;
	font-weight: bold;
	color: #100964;
}
.job_detail .tel_box .num a i{
	margin-right: 2vw;
	transform: scaleX(-1);
}
.job_detail .tel_box .bottom{
	margin-top: 1vw;
	font-size: 2.2vw;
}
.job_detail .btn{
	margin-top: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.job_detail .btn a{
	width: 35vw;
	outline: none;
	margin: 0 2vw;
	padding: 1vw 2vw;
	background: #bfbfbf;
	border: none;
	border-radius: 5px;
	display: block;
	font-size: 3.5vw;
	line-height: 5vw;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.job_detail .btn a:last-child{
	background: #e60012;
}
.job_detail .btn a i{
	margin-right: 2vw;
}
.job_detail .btn a:last-child i{
	margin-left: 2vw;
	margin-right: 0;
}


/* footer */

footer{
	margin-top: 8vw;
	background: #FFF;
}
footer .wrapper{
	padding: 0 0 4vw 0;
}
footer .nav_box{
	border-bottom: 1px solid #666;
}
footer nav{
}
footer nav div{
	border-top: 1px solid #666;
}
footer nav div a{
	padding: 2vw 2vw 2vw 4vw;
	display: block;
	position: relative;
	font-size: 2vw;
	color: #666;
}
footer nav div a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #666;
	position: absolute; top: 50%; left: 2vw;
	transform: translateY(-50%);
}
footer nav div a small{
	display: block;
	font-size: 1.8vw;
	color: #666;
}
footer nav br{
	display: none;
}
footer .logo_box{
	padding: 4vw 2vw 0 2vw;
}
footer .logo_text_small{
	font-size: 1.8vw;
}
footer .logo{
	height: 8vw;
	margin: 0;
	position: relative;
	text-align: left;
}
footer .logo img{
	width: auto;
	height: 7vw;
}
footer .logo span{
	position: absolute; top: 0; left: 13vw;
	font-size: 1.6vw;
	font-weight: normal;
}
footer .logo_box .tel{
	margin-top: 4vw;
}
footer .logo_box .tel p{
	font-size: 2vw;
	color: #100964;
	font-weight: bold;
	text-align: center;
}
footer .logo_box .tel p small{
	display: block;
	font-size: 3vw;
	color: #555;
	font-weight: normal;
}
footer .logo_box .number{
	width: 70%;
	margin: 1vw auto 0 auto;
}
footer .logo_box .inner{
	margin-top: 2vw;
	display: flex;
	align-items: center;
}
footer .logo_box .inner p{
	width: 85%;
	font-size: 1.8vw;
}
footer .logo_box .inner p span{
	font-size: 2vw;
}
footer .logo_box .inner p small{
	display: block;
	font-size: 1.8vw;
	color: #666;
}
footer .logo_box .inner p span small{
	display: inline;
}
footer .logo_box .acc{
	width: 12%;
	margin-left: 3%;
}
footer .copy{
	padding: 1vw;
	background: #666;
	font-size: 1.6vw;
	color: #FFF;
	text-align: center;
}
footer .fixed_tel{
	width: 100%;
	position: fixed; bottom: 0; left: 0;
	z-index: 50;
	display: none;
	box-shadow: 0 0 10px rgba(5, 2, 2, 0.2);
}

}