@charset "UTF-8";

/* recruit
----------------------------------------------- */
.slid-item {width: 55vw;}
.slid-item img { width: 100%;}
.scale-bg {width: 100%;padding-bottom: 170px;}

.intro{position:relative;margin-bottom: -10%;}
.intro .textbox{background: #fff;top: -15vw;width:95%;padding: 8% 5% 0 5%;position: relative;}
.intro .tit{font-family: var(--mincho);font-size: 5.4vw;letter-spacing: -0.5px;font-weight: 600;position: relative}
.intro .lead{font-size: 4vw;;font-family: var(--mincho);text-align: center;font-weight: 600;}
.intro .textbox .deco{position:absolute;bottom:24vw;width: 80%;right: -8vw;}

.recruit-midashi .en{line-height: 1;font-size: 12vw;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.recruit-midashi .jp{display: block;font-size: 150%;font-family: var(--mincho);}

.philosophy{margin-bottom: 10vw}
.philosophy p{text-align: justify;margin-bottom: 0;}
.philosophy .img-box{width: 100%;}
.philosophy .img-box img{width: 100%;margin: 0 auto 5vw;}
.philosophy .text .lead{width: 90%;margin-bottom: 5vw;margin: 0 auto 5vw;}

.philosophy .ttl{margin-bottom: 15vw;line-height: 1.3;position: relative;text-align: center;}
.philosophy .ttl .en{font-size:9vw;display: block;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.philosophy .ttl .jp{font-size: 4vw;}
.philosophy .ttl::after{content: "";width: 1px;height: 8vw; background: #acacac;position: absolute;left: 50%;bottom: -11vw;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
  
.ideal-content{margin-bottom: 8vw;}
.ideal-image { width: 100%; margin-bottom: 5vw; }
.ideal-text { width: 90vw; margin: auto; }
.ideal-content .ttl{border-bottom: 1px solid #ccc;margin-bottom: 3vw;padding-bottom: 3vw;line-height: 1.4;}
.ideal-content .ttl .en{display: block;letter-spacing: .06em;font-size: 6vw;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.ideal-content ul{margin-bottom: 8vw;}
.ideal-content li{margin-bottom: 3vw;line-height: 1.6;text-indent: -1.3em;padding-left: 1.2em}
.ideal-content li span{font-weight: 600;}
.ideal-content li::before{content: "\e901";font-family:icon;margin-right: 1vw;color:#9c8c59;}

.tbl01 td{text-align:justify;}
.tbl01 td li::before{content: "\e901";font-family:icon;margin-right:5px;color:#9c8c59;}






/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) { 
.slid-items{width: calc(50vw + 300px);left: calc(50% - -50px);position: absolute;}
.slid-item{width: 600px;}
 
.intro{margin-bottom: 80px;height: 600px}
.intro .textbox{padding: 120px 50px 60px 50px;width: 960px;margin: 0 auto;top: 0;background: no-repeat;}
.intro dt::before{width: 217px;height: 56px;top: -45px;left: 0;}
.intro .tit{font-size:30px;letter-spacing: 2px;}
.intro .lead{font-size: 24px;text-align: left;}
.intro .textbox .deco{width: 80%;}
.intro .textbox .deco{bottom: -120px;right: 60px;}
	
.recruit-midashi .en{font-size: 60px;}
	
.philosophy{margin-bottom: 80px;}
.philosophy p{text-align: center;}about
.philosophy .img-box{width: 870px;}
.philosophy .img-box img{margin: 0 auto 30px;}
.philosophy .text{text-align: center;}
.philosophy .text .lead{width: 370px;margin-bottom: 30px;}
	
.philosophy .ttl{margin-bottom: 80px;}
.philosophy .ttl .en{font-size: 32px;}
.philosophy .ttl .jp{font-size: 16px;}
.philosophy .ttl::after{height: 40px;bottom: -60px;}
	
	
.ideal-content { width: 960px; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start;margin-bottom: 60px;}
.ideal-image { width: 950px; margin: 0 0 0 -520px; }
.ideal-text { width: 480px; margin: 0; }
.ideal-content .ttl{margin-bottom: 25px;padding-bottom: 25px;}
.ideal-content .ttl .en{font-size: 32px;}
.ideal-content .ttl .jp{font-size: 16px;}
.ideal-content ul{margin-bottom: 30px;}
.ideal-content li{margin-bottom: 10px;}
.ideal-content li::before{margin-right: 5px}
	
.recruit .formbox{margin-top: 0;}
	
}


/* =============================================
 retina-size
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {


}