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

.intro{margin-bottom: 12vw;position:relative;}
.intro:before{content:"";background:url(../images/recruit/deco.png)no-repeat;background-size: contain;width: 140%;height: 38vw;position:absolute;bottom: 50vw;right: -52vw;transform: rotate(990deg);}
.intro .textbox {width:90%;margin: -4vw auto 0;position: relative;}
.intro .deco img{width: 28%;display:inline-block;vertical-align:middle;}
.intro .deco span{position: relative;top: 12px;width: 60%;display:inline-block;vertical-align:middle;font-family: 'Josefin Sans';color:#9c9c9c;margin-left:3vw;font-size: 150%;letter-spacing:3px;line-height: 1.2;}
.intro .name{font-family: var(--mincho);font-weight:600;font-size:10vw;letter-spacing: 7px;margin-bottom:4vw;border-bottom:1px solid #ccc;padding-bottom:3vw;}
.intro .name small{display:block;font-size:40%;font-family: freight-big-pro;font-weight: 400;margin: 6px;}
.intro .date{font-family: var(--mincho);font-size:120%;}
.intro .date-tit{font-family: var(--mincho);font-size:120%; margin-bottom: 3vw;font-weight: bold;}

.sec01.inner{position:relative;margin-bottom:12vw;}
.sec01:before{content:"";width: 75%;height: 41vh;position:absolute;background: linear-gradient(to top right, #f6f7fe, #f5e7f3);left: 35vw;top: 20vw;border-radius: 0 0 0 80px;z-index: -1;}
.sec01 img{margin-bottom:5%;}
.sec01 li{margin-bottom:6vw;}
.sec01 .title{font-family: var(--mincho);font-size:140%;font-weight:600;margin-bottom:2vw;}

.credo{background: url(../images/recruit/bg.jpg)no-repeat top;background-size: cover;padding: 12vw 0;position: relative;}
.credo:before{content:"";background:url(../images/recruit/deco02.png)no-repeat;background-size: contain;width: 55vw;height: 80vw;position:absolute;top: 2vw;right: -17vw;}
.credo .title{font-family: var(--mincho);font-size: 8vw;font-weight:600;position:relative;line-height: 1.2;margin-bottom: 13vw;}
.credo .title:after{content:"";width: 25%;height: 1px;position:absolute;background: #000;left: 0;bottom: -7vw;}
.credo .sub{font-family: var(--mincho);font-weight:600;font-size:140%;}
.credo  .textbox{position: relative;}

.sec02{margin-bottom: 0vw;padding-bottom: 10vw;border-bottom: 1px solid;}
.sec02 .pic{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;margin-bottom:5%;}
.sec02 .pic img{width:50%;}
.sec02 ul{width:90%;margin:0 auto;}
.sec02 li{border:1px solid #ccc;margin-bottom:5%;padding:6%;}
.sec02 li p:nth-last-child(1){margin-bottom:0;}
.sec02 li .tit{font-family: var(--mincho);font-weight:600;font-size:140%;line-height:1.4;border-bottom:1px dashed #ccc;padding-bottom:5vw;}

.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;}

@media screen and (min-width: 736px) {
.second-text .inner{width:900px;}

.intro{width:960px;margin: 0 auto 230px;position: relative;} 
.intro >img{width:770px;position: absolute;left: calc(50% - -60px);}
.intro .deco img{width: 110px;}
.intro .deco span{margin-left:30px;font-size: 26px;letter-spacing: 8px;top: 6px;color: #c5c5c5;}
.intro .name{font-size: 54px;padding-bottom: 35px;margin-bottom: 35px;}
.intro .name small{font-size:24px;letter-spacing:10px;margin-top: 16px;}
.intro .textbox{margin:0 0 0 0;width: 450px;z-index: 2;}
.intro:before{right: inherit;left:0;width: 780px;height: 200px;bottom: -130px;transform: inherit;z-index: 1;}
.intro .date-tit{margin-bottom: 10px;}
	
.sec01.inner{position:relative;margin-bottom: 110px;}
.sec01:before{height:300px;width:300px;left: auto;right: calc(50% - -170px);top: inherit;bottom: -40px;}
.sec01 img{position: absolute;width:600px;right: calc(50% - -200px);}
.sec01 ul{width: 570px;margin-left: auto;}
.sec01 li{margin-bottom: 70px;}
.sec01 .title{font-size: 26px;margin-bottom: 8px;line-height: 1.4;}

.credo{padding: 110px 0 90px 0;}
.credo:before{width: 252px;height: 460px;right: 70px;}
.credo .title{font-size: 50px;margin-bottom: 80px;}
.credo .title:after{width:100px;bottom: -46px;}
.credo p{font-family: var(--mincho);margin-bottom:15px;}
.credo .sub{font-size: 28px;}

.sec02{padding-bottom:0px;}
.sec02 ul{max-width: 1200px;margin-bottom: 60px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.sec02 li{width:49%;padding:40px;margin-bottom:30px;}
.sec02 li .tit{padding-bottom:30px}
	
.interview{padding: 90px 0 0 0;}
.interview .title{font-size:60px;margin-bottom:50px;}
.interview .title span{font-size:18px;}
.interview li{width: calc(100% / 3);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;}
}

@media screen and (min-width: 1000px) {
.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: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.intro:before{background: url(../images/recruit/deco@2x.png)no-repeat;background-size: contain;}
}