@charset "UTF-8";
/* コンテンツ */
#topimg {
	position: relative;
    width: 100%;
    max-height: 600px;
    overflow: hidden;
	background-image: url("../img/top_img_pc.png");background-size: cover;background-repeat: no-repeat;background-position: top center;
}
#topimg h3 {
    color: #fff;
    font-size: 5em;
    line-height: 0.5;
    text-align: left;
    margin: 3em auto auto 2em;
	position: absolute;
	z-index: 10;
	font-family: Arial, Helvetica, "sans-serif";
}

span.top_copy {
    text-align: left;
	font-size: 0.3em;
	font-weight: normal;
}
#recruitment {box-sizing: border-box;background-image: url("../img/recruit_img01_pc.png");background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;
    height: 400px;padding-top:6%;position: relative;}
.rmore {
    width: 400px;
}
.rmore a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #f39800;
    color: #fff;
    background-image: url("../../img/arr_white.svg");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: auto 10px;
    border-radius: 0.5em;
    border: 1px solid #fff;
    transition: all 0.3s;
}
.rmore a:hover {
    background-color: #f7b74c;
}
.tmore {
    width: 180px;
}
.tmore a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    background-color: #f39800;
    color: #fff;
    background-image: url("../../img/arr_white.svg");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: auto 10px;
    border-radius: 0.5em;
    border: 1px solid #fff;
    transition: all 0.3s;
}
.tmore a:hover {
    background-color: #f7b74c;
}
.tri_bg {
    background-image: url("../../img/triangle.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size:100% 100%;
    padding-top: 0em;
    overflow: hidden;
}
.interview_bg{background-image: url("../img/recruit_img02_pc.png");;background-repeat: no-repeat;background-position: right bottom;background-size: 80%; padding-top:6%;position: relative;height: 400px;}
.tri_bg h4 {
	position: absolute;
    font-size: 6em;
    line-height: 0.8;
    color: #001541;
    bottom: 0em;
	right: 0;
}

.w40per_f-left{width: 35%;float: left;}
.w40per_f-left img{width: 100%;}
.w60per_f-right{width: 60%;float: right;}

.bg_benefits{color: #ffffff;}
.benefit_bg{background-image: url("../img/recruit_img04_pc.png");background-repeat: no-repeat;background-position: right top;background-size: 50%;margin-top: 5%;padding-top:3%;position: relative;height: 440px;}
.bg_white{background-color: #ffffff;padding: 3%;color:#000000;position: relative;width: 43%;display: inline-block;margin:0% 0 2% 0;height: 70px;}
.number{position: absolute;top:0;left:0;}
.bg_white img{width:10%;}
.center{text-align: center!important;}
.bg_usublue{background-color: #d4ecee;}
@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 560px) {
#topimg {
	position: relative;
    width: 100%;
    max-height: 300px;
    overflow: hidden;
	background-image: url("../img/top_img_pc.png");background-size: cover;background-repeat: no-repeat;background-position: top center;
}
#topimg h3 {
    color: #fff;
    font-size: 3.2em;
    line-height: 0.5;
    text-align: left;
    margin: 2.5em auto auto 0.5em;
	position: absolute;
	z-index: 10;
	font-family: Arial, Helvetica, "sans-serif";
}
.rmore {width: 70%;}
#recruitment {box-sizing: border-box;background-image: url("../img/recruit_img01_pc.png");background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;
    height: 270px;padding-top:7%;position: relative;}
	
.top_sub h3 {
    font-size: 3em;
}
.top_sub p {
    font-size: 1.2em;
}
.tmore {
    width: 200px;
}
.tmore a {
    justify-content: flex-start;
    height: 46px;
    padding-left: 1.2em;
}
.tmore a:hover {
    background-color: #f7b74c;
}
.interview_bg{background-image: url("../img/recruit_img02_sp.png");;background-repeat: no-repeat;background-position: right bottom;background-size: 100%; padding-top:3%;position: relative;height: 350px;}
.tri_bg h4 {
	position: absolute;
    font-size: 4em;
    line-height: 0.8;
    color: #001541;
    bottom: 0;
	right: 0;
}
.w40per_f-left{width: 100%;float: none;}
.w60per_f-right{width: 100%;float: none;}
.box-item03{width: 100%;display: inline-block;margin:0% 0 2%;height: auto;}
.bg_white{background-color: #ffffff;padding: 5%;color:#000000;position: relative;width: 90%;display: inline-block;margin:0% 0 4% 0;height: auto;}
.benefit_bg{background-image: none;background-repeat: no-repeat;background-position: right top;background-size: 50%;margin-top: 5%;padding-top:3%;position: relative;height: auto;}
.center{text-align: left!important;}
}