@charset "UTF-8";
.second-hero-content.recruit { background: url(../images/second-hero/recruit.jpg) no-repeat top center; background-size: cover; }

.work { background: #fefefc; }
.flex img { width: 100%; margin: 0 auto 4vw;}
.flex .lead {color: var(--gold02);font-size: 4.6vw;line-height: 1.6;font-family: var(--mincho);margin-bottom: 3vw;}

.entry_btn{width: 100%;padding: 4.4vw 0;color: #fff;font-size: 3.8vw;text-align: center;letter-spacing: 2px;background: var(--gold02);margin: 0 auto 10vw;position: relative;font-weight: bold;border-radius: 50px;}
.entry_btn:after{  content: "\f105"; font-family: icon; font-size: 88%; display: inline-block; position: absolute; top: 50%; right: 16px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}

/* ========================================
 pc
==========================================*/
@media screen and (min-width: 736px) { 
.second-hero-content.recruit { background: url(../images/second-hero/recruit-pc.jpg) no-repeat top center; background-size: cover; }

.flex li {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;align-items:flex-start;-webkit-justify-content: space-between;justify-content: space-between;gap: 60px;}
.flex img {width: 500px;margin: 0;flex: 1;}
.flex li:nth-child(2) img { order:2;}
.flex .text {flex: 1.5;}
.flex .lead {font-size: 28px; line-height: 1.5; margin-bottom: 15px;}

.entry_btn{ width: 70%;padding: 20px 0 ;font-size: 16px; margin: 0 auto 80px;}
}


/* ========================================
 retina
==========================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.second-hero-content.recruit { background: url(../images/second-hero/recruit-pc@2x.jpg) no-repeat top center; background-size: cover; }

	}