.pc_only{display:block}
@media screen and (max-width:640px){
.pc_only{display:none}
}
.sp_only{display:none}
@media screen and (max-width:640px){
.sp_only{display:block}
}
article#main{font-family:"Noto Sans JP",sans-serif;color:#222;}
article#main .hind{font-family:"Hind",sans-serif}
article#main .blank::after{content:"";display:inline-block;width:21px;height:19px;background:url(/saiyo/career/img/icon_blank_gray.png) 0 0 no-repeat;background-size:cover;vertical-align:sub;margin-left:.5em}
article#main .blank-white::after{content:"";display:inline-block;width:21px;height:19px;background:url(/saiyo/career/img/icon_blank_white.png) 0 0 no-repeat;background-size:cover;vertical-align:sub;margin-left:.5em}
article#main .blank.icon-small::after{width:13px;height:12px}
article#main .blank-white.icon-small::after{width:13px;height:12px}
.main_image{height:255px;overflow:hidden}
.main_image_inner{display:flex;align-items:center;justify-content:flex-start;height:100%}

.main_image h2{font-size:3.125rem;letter-spacing:.16em;color:#fff}
.main_image h2.shadow{filter:drop-shadow(0 0 20px rgba(0,0,0,.7))}
.main_image img{position:absolute;margin:auto;left:0;right:0;bottom:0;width:100%;z-index:-1}
@media screen and (max-width:1610px){
.main_image img{width:1600px;height:auto;right:auto}
}
.main_image.image-wide{height:400px}
.main_image.image-wide h2{font-size:3.687rem;letter-spacing:.16em;color:#222}
.main_image.image-wide h2>span{color:#c00}
.main_image.image-message{height:456px}
.main_image.image-message h2{color:#222}
.main_image.image-message h2>span{color:#c00}
.h3-heading-center{font-size:1.875rem;color:#c00;text-align:center;margin-bottom:1em}
.text-intro{font-size:1rem}
.text-intro.center{text-align:center;margin-bottom: 1.5em;}
.list-link-category{display:flex;flex-wrap:wrap;margin:100px auto 40px}
.list-link-category>li{width:30.5%;max-width:360px;margin:0 0 55px 4.25%}
@media screen and (min-width:1025px){
.list-link-category>li:nth-of-type(3n+1){margin-left:0}
}
.list-link-category>li>a{display:block;transition:all ease .2s;color:#222}
.list-link-category>li>a:hover{text-decoration:none;opacity:.7}
.list-link-category>li .image{border:1px solid #c2c2c2;margin-bottom:20px}
.list-link-category>li .image>img{display:block;width:100%;z-index:0}
.list-link-category>li .text h3{font-size:1.125rem;letter-spacing:.18em;font-weight:700;margin-bottom:10px}
.list-link-category>li .text p{font-size:1rem;line-height:1.5;letter-spacing:.18em}
.list-link-category>li .text p.blank::after{vertical-align:initial;opacity:.8;margin-left:.3em}
@media screen and (max-width:640px){
.list-link-category{display:block;margin:4em auto 2em}
.list-link-category li{width:100%;max-width:none;margin:0 auto 3em}
.list-link-category li .image{margin-bottom:1em}
}
/*-------------------------
 * module header
--------------------------*/
#local_nav .container > ul > li {position: static;}

/* main_image - career base */
.main_image{height:255px;overflow:hidden;margin-bottom:50px;}
.main_image_inner{display:flex;align-items:center;justify-content:flex-start;height:100%;}
@media screen and (max-width:640px){
	.main_image_inner{margin:0 auto;}
}
@media screen and (min-width:641px){
	.main_image_inner{max-width:1180px;width:auto;margin:0 auto;}
}
@media screen and (max-width:1180px){
	.main_image_inner{padding-left:1em;}
}

.main_image h2{font-size:3.062rem;letter-spacing:.16em;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.7);font-weight: 300;}
@media screen and (max-width:640px){
	.main_image h2{text-shadow:0 0 10px rgba(0,0,0,.7);}
}

.main_image h2.shadow-none{text-shadow:none}
.main_image img{position:absolute;margin:auto;left:0;right:0;bottom:0;width:100%;z-index:-1;}
@media screen and (max-width:1610px){
	.main_image img{width:1600px;height:auto;right:auto;}
}
@media screen and (min-width:641px){
	.main_image.image-wide{height:400px;}
	.main_image.image-wide h2{font-size:3.687rem;letter-spacing:.16em;color:#222;}
	.main_image.image-wide h2>span{color:#c00;}
	.main_image.image-message{height:456px;}
	.main_image.image-message h2{color:#222;}
	.main_image.image-message h2>span{color:#c00;}
}
@media screen and (max-width:640px){
	.main_image{height:234px;margin-bottom:30px;}
	.main_image_inner{padding-left:2.5em;padding-right:1em;}
	.main_image h2{font-size:1.437rem;letter-spacing:.2em;line-height:1.4255;}
	.main_image img{width:100%;}
}