@charset "UTF-8";
.second-text{width:100%;padding-bottom: 0;}
.second-text .inner{width:90%;margin:0 auto;}
.second-text img{width:100%;}

.intro.inner{margin-bottom: 12vw;}
.intro .title{font-family: var(--mincho);font-weight: 600;font-size: 8vw;text-align:center;margin-bottom:3%;line-height: 1.2;}
.intro >small{color: #eddde4;letter-spacing: 5px;display:block;text-align:center;font-size: 120%;font-family: 'Josefin Sans';line-height: 1.4;}
.intro ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width: 100%;margin: 5vw auto 4vw;}
.intro li{width:32%;text-align: center;background:url(../images/recruit/en.png) center no-repeat;background-size:contain;padding: 7% 5% 5% 5%;}
.intro li p{margin-bottom:0;font-family: var(--mincho);}
.intro li span{display:block;font-family: freight-big-pro;font-size:10vw;line-height: 0.5;margin-bottom: 4px;}

.about{margin-bottom:10vw;}
.about img{margin-bottom:5vw;}
.about .textbox{width:90%;margin:0 auto;}
.about .title{font-family: var(--mincho);font-weight: 600;font-size: 6vw;line-height: 1.3;margin-bottom: 4vw;}

.gallery{margin-bottom:8vw;}
.gallery-slide li{width:70vw;}

.surro.inner{position:relative;margin-bottom:6vw;}
.surro:before{content:"";width: 130%;height: 105vw;background: url(../images/deco01.png) no-repeat top left 15vw;background-size: contain;position:absolute;z-index: -1;top: -21vw;}
.surro ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.surro li{border:1px solid #ccc;width:49%;padding: 4% 4% 7% 4%;margin-bottom:3vw;background:#fff;}
.surro li img{width: 50%;margin: 0 auto 3vw;}
.surro p{font-size:90%;margin-bottom:0;}
.surro .sub{font-family: var(--mincho);font-weight: 600;line-height:1.5;text-align:center;font-size:100%;margin-bottom: 4%;}
.surro a{font-weight:bold;text-align:center;margin: 4vw 0 0 0;}

.cvitems{background: linear-gradient(to top right, #c2ccf6, #e6b5e8);padding: 8% 0;}
.cvitems p{font-family: var(--mincho);font-weight: 600;color:#fff;font-size: 5.5vw;line-height: 1.5;text-align: center;}
.cvitems a{width: 90%;margin: 0 auto;text-align:center;padding: 4% 0 3% 0;font-size: 3.5vw;font-weight:bold;position:relative;}
.cvitems i{margin-right:2vw;display: inline-block;margin: 0 auto 1vw;font-size: 8vw;color: #ccc;}
.cvitems ul{width: 90%;margin: 0 auto;justify-content: space-between;}
.cvitems li{background: rgb(255 255 255 / 60%);border: 1px solid #fff;width: 100%;margin-bottom:2vw;}
.cvitems li i{font-size:4vw;margin-right:1vw;}
.cvitems li i.icon-envelope{color: #a19ab2;}
.cvitems li i.icon-line-brands1{color: #9cba75;}
.cvitems li i.icon-instagram-brands1{  color: #bd8de1;}


.interview{padding:10vw 0;}
.interview .title{text-align:center;font-family: freight-big-pro;font-size: 10vw;letter-spacing: 3px;margin-bottom: 5vw;}
.interview .title span{font-family: var(--mincho);display:block;font-size: 40%;letter-spacing: 0;}
.interview ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
.interview li{width:50%;margin-bottom: 7vw;}
.interview li img{margin-bottom: 5vw;}
.interview li p{margin-bottom:0;text-align:center;}
.interview .hash{font-family: 'Josefin Sans';color: #7a98b9;line-height: 1;margin-bottom: 2vw;letter-spacing: 1px;}
.interview .name {margin-bottom: 2vw;}
.interview .name .jp{font-family: var(--mincho);font-weight: 600;display:block;font-size:6vw;line-height: 1;}
.interview .name .en{font-family: 'Josefin Sans';letter-spacing:3px;color: #ccc;font-size: 90%;}
.interview .more{background:#000;width:80%;margin:0 auto;color:#fff;font-family: 'Josefin Sans';text-align: center;padding: 5% 0 3% 0;}

.info.inner{margin-bottom:15vw;}
.info li{border:1px solid #ccc;padding:5%;margin-bottom:5vw;}
.info dl{margin-bottom:8vw;}
.info dt{background:#b3b3b3;color:#fff;font-weight:bold;font-size: 120%;padding: 2% 4%;margin-bottom: 2%;}
.info dd p{line-height:1.6;}
.info .appeal p{margin-bottom:0;}
.info .appeal .tit{font-family: var(--mincho);text-align:center;font-size:140%;border-bottom:1px solid #ccc;padding-bottom:3vw;margin:0 0 5vw 0;}
.info .appeal .sub{font-weight:bold;margin-bottom:0;}

.info .joblist li{border-width: 1px 0;margin-bottom: 0;margin-top: -1px;  padding: 0;position: relative;}
.info .joblist li a{padding: 8% 0; display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center; gap: 2vw;}
.info .joblist li .job{font-weight: bold; line-height: 1.2;}
.info .joblist li .more01{ font-size: 3.6vw;}
.info .joblist li .jobic{ font-size: 3.6vw; width: 14vw;}
.info .joblist li.link-no{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center; gap: 2vw;padding: 8% 0; }

@media screen and (min-width: 736px) {
br.pc{display:none;}
.second-text .inner{width:900px;}
.intro.inner{margin-bottom: 100px;}
.intro .title{font-size: 40px;margin-bottom: 10px;}
.intro >small{letter-spacing:10px;}
.intro ul{width:60%;margin: 30px auto 30px;}
.intro li{padding:30px 30px 30px 30px }
.intro li span{font-size: 70px;margin-bottom: 4px;line-height: 0.6;}
.intro .txt{text-align:center;}

.about .title{font-size: 28px;margin-bottom: 40px;}
.about .textbox{position:relative;}
.about .bg{background: url(../images/recruit/ab-pc.jpg)no-repeat right 0 top;background-size: 130%;width:100%;height: 290px;margin-bottom: 30px;}

.gallery-slide li{width:400px;}
    
.surro:before{background: url(../images/deco01@2x.png) no-repeat top left -90px;background-size: contain;width:600px;height: 630px;left: -210px;top: -210px;}
.surro li img{margin-bottom:20px;}
.surro li{width: 24%;padding: 20px;margin-bottom: 0;}
.surro a{margin-top:20px;}
.surro p{text-align:center;}

.cvitems{padding: 70px 0;}
.cvitems p{font-size: 30px;}
.cvitems a{font-size: 15px;padding: 18px 0 18px 0;}
.cvitems ul{width: 780px;margin: 0 auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.cvitems li{width:32%;margin-bottom: 0;}
.cvitems li i{font-size: 24px;display:block;margin: 0 0 8px 0;}
		
.interview{padding: 70px 0 50px 0;margin-bottom: 50px;}
.interview .title{font-size:60px;margin-bottom:50px;}
.interview .title span{font-size:18px;}
.interview li{width: calc(100% / 2);z-index: 1;overflow: hidden;position:relative;margin-bottom:0;}
.interview li img{margin-bottom:0;}
.interview li:hover {opacity: 1;}
.interview li:hover .textbox {top: 0;}
.interview .textbox { width: 100%; height: 100%; color: #fff; text-align: center; z-index: 2; position: absolute; top: 100%; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.interview .textbox:before { content: ''; width: 100%; height: 100%; background: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #c2ccf5), color-stop(100%, #f8c9dd)); background: -moz-linear-gradient(bottom, #c2ccf5, #f8c9dd); background: -webkit-linear-gradient(bottom, #c2ccf5, #f8c9dd); background: linear-gradient(to top right, #c2ccf5, #f8c9dd); opacity: 0.8; z-index: -1; position: absolute; top: 0; left: 0; }
.interview .wrap{display:block;width:100%;}
.interview .name .jp{font-size:30px;}
.interview .hash{color:#fff;}
.interview .name .en{color:#f4dfef;}
.interview .more{background:#fff;color:#000;padding:10px 0 5px 0;}

.info.inner{margin-bottom:120px;}
.info .appeal{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.info .appeal li{width:48%;padding:30px;margin-bottom: 40px;}
.info .appeal .tit{margin-bottom:20px;padding-bottom:20px;}
.info dl{margin-bottom:40px;}
.info dt{padding:10px 20px;margin-bottom: 10px;}
	
.info .joblist li{margin-top: -1px;  }
.info .joblist li a{gap: 20px;padding:20px 10px; }
.info .joblist li .more01{ font-size: 20px;}
.info .joblist li .jobic{ font-size: 20px; width: 75px;}
.info .joblist li.link-no{gap:20px;padding: 20px 10px; }

.info .joblist li a::after {position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;transform: scale(0, 1);transform-origin: left top;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);z-index: -1;}
.info .joblist li a:hover{opacity:1;}
.info .joblist li a:hover::after {transform: scale(1, 1);}
.info .joblist li.stylist a::after{background: linear-gradient(90deg, #f5fff5 8%, #fdffdb);}
.info .joblist li.eyelash a::after{background: linear-gradient(90deg, #feffed 8%, #fff6ee);}	
.info .joblist li.aesthetic  a::after{background: linear-gradient(90deg, #ffeff5 8%, #fff6f0);}
.info .joblist li.planning  a::after{background: linear-gradient(90deg, #f5fbff 8%, #f7fff7);}
.info .joblist li.reception a::after{background: linear-gradient(90deg, #fdf1ff 8%, #f8fdff);}
	
}
@media screen and (min-width: 845px) {
.about .bg{height:340px;}
.interview li{width:25%;}
}


@media screen and (min-width: 1000px) {
br.pc{display:block;}
.about{position:relative;margin-bottom: 80px;}
.about:before{content:"";width: calc(50vw + 300px);height:100%;left: calc(50% - -50px);background:#f2f4fa;position:absolute;}
.about .bg{background: url(../images/recruit/ab-pc@2x.jpg)no-repeat right 240px top;background-size: cover;height: 550px;width: calc(50vw + 300px);left: calc(50% - -50px);top:-30px;position: absolute;margin-bottom: 0;}
.about .textbox{width: 680px;margin:0;margin-right:auto;padding: 0 0 0 5%;}
.about .textbox p{width:80%;}
    
.gallery{margin-bottom:60px;}
.interview .name{margin-bottom:10px;}
.interview .more{font-size: 15px;margin-top:10px;padding: 10px 0 5px 0;width:160px;}
}

@media screen and (min-width: 1200px) {
.about .textbox{width: 760px;margin:0;margin-right:auto;padding: 0 0 0 10%;}
.about .textbox p{width:100%;}
    
}

@media screen and (min-width: 1600px) {
br.pcx{display:none;}
.about{margin-bottom:140px;}
.about .textbox{width: 1000px;margin:0;margin-right:auto;padding: 0 0 0 10%;}
    
}