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

/*  Parts

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

/* Layout
--------------------------------------------------------------------------- */

/* --- margin --- */

.auto  { margin-right : auto; margin-left : auto;}

.mt0   { margin-top	: 0 !important;}
.mt5   { margin-top	: 5px !important;}
.mt10  { margin-top	: 10px !important;}
.mt15  { margin-top	: 15px !important;}
.mt20  { margin-top	: 20px !important;}
.mt25  { margin-top	: 25px !important;}
.mt30  { margin-top	: 30px !important;}
.mt35  { margin-top	: 35px !important;}
.mt40  { margin-top	: 40px !important;}
.mt45  { margin-top	: 45px !important;}
.mt50  { margin-top	: 50px !important;}

.mr0   { margin-right : 0 !important;}
.mr5   { margin-right : 5px !important;}
.mr10  { margin-right : 10px !important;}
.mr15  { margin-right : 15px !important;}
.mr20  { margin-right : 20px !important;}
.mr25  { margin-right : 25px !important;}
.mr30  { margin-right : 30px !important;}
.mr35  { margin-right : 35px !important;}
.mr40  { margin-right : 40px !important;}
.mr45  { margin-right : 45px !important;}
.mr50  { margin-right : 50px !important;}

.mb0   { margin-bottom : 0 !important;}
.mb5   { margin-bottom : 5px !important;}
.mb10  { margin-bottom : 10px !important;}
.mb15  { margin-bottom : 15px !important;}
.mb20  { margin-bottom : 20px !important;}
.mb25  { margin-bottom : 25px !important;}
.mb30  { margin-bottom : 30px !important;}
.mb35  { margin-bottom : 35px !important;}
.mb40  { margin-bottom : 40px !important;}
.mb45  { margin-bottom : 45px !important;}
.mb50  { margin-bottom : 50px !important;}

.ml0   { margin-left : 0 !important;}
.ml5   { margin-left : 5px !important;}
.ml10  { margin-left : 10px !important;}
.ml15  { margin-left : 15px !important;}
.ml20  { margin-left : 20px !important;}
.ml25  { margin-left : 25px !important;}
.ml30  { margin-left : 30px !important;}
.ml35  { margin-left : 35px !important;}
.ml40  { margin-left : 40px !important;}
.ml45  { margin-left : 45px !important;}
.ml50  { margin-left : 50px !important;}

.m0   { margin : 0 !important;}
.m10  { margin : 10px !important;}
.m15  { margin : 15px !important;}
.m20  { margin : 20px !important;}
.m25  { margin : 25px !important;}
.m30  { margin : 30px !important;}
.m35  { margin : 35px !important;}
.m40  { margin : 40px !important;}
.m45  { margin : 45px !important;}
.m50  { margin : 50px !important;}


/* --- padding --- */

.pt0  { padding-top : 0 !important;}
.pt5  { padding-top : 5px !important;}
.pt10 { padding-top : 10px !important;}
.pt15 { padding-top : 15px !important;}
.pt20 { padding-top : 20px !important;}

.pr0  { padding-right : 0 !important;}
.pr5  { padding-right : 5px !important;}
.pr10 { padding-right : 10px !important;}
.pr15 { padding-right : 15px !important;}
.pr20 { padding-right : 20px !important;}

.pl0  { padding-left : 0 !important;}
.pl5  { padding-left : 5px !important;}
.pl10 { padding-left : 10px !important;}
.pl15 { padding-left : 15px !important;}
.pl20 { padding-left : 20px !important;}

.pb0  { padding-bottom : 0 !important;}
.pb5  { padding-bottom : 5px !important;}
.pb10 { padding-bottom : 10px !important;}
.pb15 { padding-bottom : 15px !important;}
.pb20 { padding-bottom : 20px !important;}

.pb0   { padding : 0  !important;}
.pb5   { padding : 5px !important;}
.pb10  { padding : 10px !important;}
.pb15  { padding : 15px !important;}
.pb20  { padding : 20px !important;}

.nowrap { white-space : nowrap;}

#crumb {
	text-align	: left;
	max-width: 1000px;
	width: calc(100% - 30px);
	margin: -24px auto 0;
}
#crumb li,
#crumb li a{
	font-family: "Noto Sans JP", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
}
#crumb li {
	display: inline-block;
	color: #1F1F1F;
}
#crumb li a{
	color: #1F1F1F;
	border-bottom: solid 1px #1F1F1F;
}
#crumb li a:hover{
	border-bottom: none;
}
#crumb li + li::before{
	content: url("/themes/site/recruit/common/img/icon_crumb.svg");
	display: inline-block;
	margin: 0 12px;
}


/* --- display --- */

.txt_r { text-align : right !important;} 
.txt_c { text-align : center !important;} 
.txt_l { text-align : left !important;} 

.psn { position : relative;}

.none {
	background	: none !important;
	border		: none !important;
}

@media screen and (max-width: 767px){
	#crumb{
		margin: 10px auto 35px;
	}
}

/* Animation
--------------------------------------------------------------------------- */
.js-fadein,
.js-fade-row > li{
	opacity: 0;
	transition: 0.5s;
	transform: translateY(30px);
	transition-delay: .2s;
}
.js-fadein.is-show,
.js-fade-row > .is-show{
	opacity: 1;
	transform: translateY(0);
}


/* Heading
--------------------------------------------------------------------------- */

.hd02{
	font-size: 4.2rem;
	color: #032E83;
	line-height: 1.2
}
.hd02 .en{
	display: inline-block;
	color: #A5A5A5;
	font-family: "Montserrat", serif;
	font-size: 2rem;
	font-weight: 500;
	transform: translateY(-14px);
}

.hd03{
	font-size: 2.4rem;
	color: #004898;
}

.hd04{
	font-size: 3rem;
	line-height: 1.467;
	text-align: left;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px){
	.hd02{
		font-size: 2.8rem;
	}
	.hd02 .en{
		font-size: 1.6rem;
		transform: translateY(-5px);
	}
	.hd04{
		font-size: 2.4rem;
	}
}

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

/*  Form

/* ------------------------------------------------------------------------ */
label { cursor : pointer; vertical-align:middle;}
label:hover { text-decoration:underline;}

input:focus,
textarea:focus {
	background-color : #f7fdeb;
}

select::-ms-expand {
	display: none;
}

input,
select,
textarea{
	font-family: "Noto Sans JP", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.6rem;
	border: none;
	border-radius: 6px;
	padding: 9px;
	box-shadow: none;
}

button{
	font-family: "Noto Sans JP", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.6rem;
	cursor: pointer;
	border: none;
}