@charset "UTF-8";
@media screen and (max-width: 767px){
	#globalHeader02 .logo { line-height: 1.2;}
	.menu_btn__sp { top: 4.2vw; left: auto; right: 4.6vw;}
}
@media screen and (max-width: 481px){
}


.slick-arrow { display: block; padding: 0px; background: transparent; border: none; cursor: pointer;
position: absolute; z-index: 101; outline: none; font-size: 0px;
}
.slick-prev:before,
.slick-next:before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg);}
.slick-prev:before { left: 35%; border-bottom: solid 2px #333; border-left: solid 2px #333;}
.slick-next:before { right: 35%; border-top: solid 2px #333; border-right: solid 2px #333;}

.slick-dots { padding: 22px 0; font-size: 0; text-align: center; list-style: none;}
.slick-dots li { display: inline-block; width: 20px; height: 12px;}
.slick-dots li button { display: block; min-width: 12px !important; width: 12px; height: 12px; margin: 0 auto; background: #eee; border: none; border-radius: 50%; }
.slick-dots li.slick-active button { background: #ccc;}


.kv-recruit { }
.kv-recruit .inner-kv { width: 100%; max-width: 1200px; margin: 0 auto;}
.kv-recruit picture { display: block; width: 100%;}
.kv-recruit picture img { width: 100%;}

.kv-recruit .link-anchor { padding: 80px 0 40px;}
.kv-recruit .link-anchor a { position: relative; display: block; width: 80%; max-width: 360px; margin: 0 auto; padding: 10px 0; border: solid 1px #231815;
 color: #231815; font-size: clamp(16px,2.0vw,21px); letter-spacing: 0.2rem; text-decoration: none; transition: 0.3s ease; text-align: center;
}
.kv-recruit .link-anchor a:after { content: ''; display: block; width: 8px; height: 8px; border-bottom: solid 2px #231815; border-right: solid 2px #231815;
 position: absolute; right: 20px; top: 50%; transform: translateY(-65%) rotate(45deg);
}
.kv-recruit .link-anchor a:hover { background: rgba(49, 43, 42, 0.15);}
@media screen and (max-width: 481px){
	.kv-recruit .link-anchor { padding: 40px 0 20px;}
}



.recruit-lead {}
.recruit-lead .inner-sct { padding: 60px 0;}
.recruit-lead h2 { margin-bottom: 60px; font-size: clamp(20px,3.6vw,36px); line-height: 1.4; text-align: center;}
.recruit-lead .ctn { margin-bottom: 60px;}
.recruit-lead .ctn p { margin-bottom: 24px; font-size: clamp(13px,2.0vw,20px); letter-spacing: 0.1rem; line-height: 1.8; text-align: center;}
.recruit-lead .fig { position: relative; width: 94%; max-width: 1000px; margin: 0 auto 60px;}
.recruit-lead .fig .txt { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-42%);}
.recruit-lead .fig .txt h3 { margin-bottom: 20px; font-size: clamp(24px,4.2vw,42px); letter-spacing: 0.1rem; line-height: 1.4; text-align: center;}
.recruit-lead .fig .txt p { font-size: clamp(14px,2.0vw,24px); line-height: 1.4; text-align: center;}
.recruit-lead .fig figure { text-align: center;}
.recruit-lead .fig figure img { width: 100%;}
.recruit-lead .link ul { width: 92%; max-width: 600px; margin: 0 auto; font-size: 0; text-align: center;}
.recruit-lead .link ul li { display: inline-block; width: 48.5%; padding: 10px 20px; font-size: 16px; box-sizing: border-box;}
.recruit-lead .link ul li a { display: block; padding: 10px 0; border: solid 1px #231815;
 color: #231815; letter-spacing: 0.2rem; text-decoration: none; transition: 0.3s ease;
}
.recruit-lead .link ul li a:hover { background: rgba(49, 43, 42, 0.15);}
@media screen and (max-width: 801px) {
	.recruit-lead h2 span { display: block;}
	.recruit-lead .ctn p span { display: block;}
	.recruit-lead .fig .txt h3 { margin-bottom: 12px;}
}
@media screen and (max-width: 481px) {
	.recruit-lead .inner-sct { padding: 40px 0;}
	.recruit-lead h2 { margin-bottom: 30px;}
	.recruit-lead .ctn { margin-bottom: 40px;}
	.recruit-lead .ctn p { margin-bottom: 18px; letter-spacing: 0.05rem;}
	
	.recruit-lead .fig { margin-bottom: 40px;}
	.recruit-lead .fig .txt h3 { margin-bottom: 6px; font-size: 16px;}
	.recruit-lead .fig .txt p { font-size: 10px;}
	
	.recruit-lead .link ul li { width: 50%; padding: 6px 8px;}
	.recruit-lead .link ul li a { padding: 4px 12px;}
}


.recruit-read01 .inner-sct { padding: 40px 0;}
.recruit-read01 .ctn-flex { display: flex; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto;}
.recruit-read01 .ctn-flex.re { flex-direction: row-reverse;}
.recruit-read01 .pht { width: 50%; box-sizing: border-box;}
.recruit-read01 .txt { width: 50%; box-sizing: border-box; padding: 0 40px;}
.recruit-read01 .txt h3 { font-size: clamp(16px,2.8vw,28px);}
.recruit-read01 .txt p { font-size: clamp(14px,2.0vw,20px);}
.recruit-read01 .pht figure { text-align: center;}
.recruit-read01 .pht figure img { width: 100%;}
@media screen and (max-width: 641px) {
	.recruit-read01 .ctn-flex { display: block;}
	.recruit-read01 .pht { width: 100%;}
	.recruit-read01 .txt { width: 100%; padding: 40px;}
}
@media screen and (max-width: 481px) {
	.recruit-read01 .txt { padding: 30px;}
}


.recruit-read02 {}
.recruit-read02 .inner-sct { padding: 40px 0;}
.recruit-read02 .tit { width: 90%; max-width: 1000px; margin: 0 auto; padding-bottom: 40px;
 background: url('../img/recruit/cotton_illust.jpg') no-repeat 92% 80% / 100px auto;
}
.recruit-read02 .tit h2 { font-size: clamp(16px,3.0vw,30px); font-weight: 700; line-height: 1.4;}
.recruit-read02 .tit h2 span { display: block; font-size: clamp(24px,5.2vw,52px);}
.recruit-read02 figure { width: 100%; max-width: 1200px; margin: 0 auto 40px; text-align: center;}
.recruit-read02 figure img { width: 100%;}
.recruit-read02 .txt { width: 92%; margin: 0 auto;}
.recruit-read02 .txt p { font-size: clamp(13px,2.0vw,20px); letter-spacing: 0.1rem; line-height: 1.8; text-align: center;}
.recruit-read02 .txt p span { display: block;}
@media screen and (max-width: 641px) {
	.recruit-read02 .tit { background-size: 80px auto; background-position: 100% 50%}
}
@media screen and (max-width: 481px) {
	.recruit-read02 .tit { padding-bottom: 20px; background-size: 45px auto; background-position: 100% 50%}
	.recruit-read02 figure img {}
	.recruit-read02 .txt p { letter-spacing: 0.05rem;}
}


.recruit-works .inner-sct { padding: 60px 0;}
.recruit-works .slider-system { width: 100%; margin: 0 auto;}
.recruit-works .flex { display: flex; justify-content: space-between; align-items: center; width: 92%; max-width: 1000px; margin: 0 auto;}
.recruit-works .pht { width: 40%; box-sizing: border-box;}
.recruit-works .txt { width: 60%; box-sizing: border-box; padding: 0 40px; text-align: center;}
.recruit-works .pht figure { text-align: center;}
.recruit-works .pht figure img { width: 100%;}
.recruit-works .txt h3 { margin-bottom: 30px; font-size: clamp(18px,3.0vw,30px); letter-spacing: 0.1rem; line-height: 1.4; text-align: center;}
.recruit-works .txt h3 span { display: block; font-size: clamp(24px,4.2vw,42px);}
.recruit-works .slick-list { margin-bottom: 30px;}
.recruit-works .slick-arrow{ min-width: 30px !important; width: 30px; height: 30px; bottom: 0px; left: 50%; transform: translate(-50%,-50%);}
.recruit-works .slick-prev { margin-left: -80px;}
.recruit-works .slick-next { margin-left: 80px;}
.recruit-works .slick-prev:before,
.recruit-works .slick-next:before { width: 20px; height: 20px;}
@media screen and (max-width: 801px) {
	.recruit-works .slick-list { margin-bottom: 0px;}
	.recruit-works .flex { display: block;}
	.recruit-works .pht { width: 100%;}
	.recruit-works .txt { width: 100%; padding: 20px 40px;}
}
@media screen and (max-width: 481px) {
	.recruit-works .inner-sct { padding: 40px 0;}
	.recruit-works .flex { width: 94%;}
	.recruit-works .txt { padding: 12px 0;}
	.recruit-works .txt h3 { margin-bottom: 12px;}
	.recruit-works .txt p { font-size: 12px; line-height: 1.6;}
}


.recruit-staff .inner-sct { padding: 60px 0;}
.recruit-staff .tit { margin-bottom: 40px;}
.recruit-staff .tit h3 { font-size: clamp(24px,4.2vw,42px); text-align: center;}
.recruit-staff .read { margin-bottom: 40px;}
.recruit-staff .read p { font-size: clamp(14px,2.2vw,22px); letter-spacing: 0.1rem; line-height: 1.8; text-align: center;}

.recruit-staff .slider-staff { width: 100%; max-width: 1200px; box-sizing: border-box; margin: 0 auto 60px; padding: 0 80px;}
.recruit-staff .sp-staff { display: none; font-size: 0;}

.recruit-staff .staff { width: 92%; max-width: 300px; margin: 0 auto;}
.recruit-staff .staff a { display: block; position: relative; color: #666; text-decoration: none;}
.recruit-staff .staff span.none { display: block; position: relative; color: #666; text-decoration: none;}
.recruit-staff .staff dl dt { position: relative; margin-bottom: 16px;}
.recruit-staff .staff dl dt figure { position: relative; width: 100%; padding-top: 116%; overflow: hidden;}
.recruit-staff .staff dl dt figure.none { background: #f9efdd;}
.recruit-staff .staff dl dt figure img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; transition: 0.3s ease;}
.recruit-staff .staff dl dt span { display: block; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); text-align: center;}
.recruit-staff .staff dl dt span.more { color: #fff; font-size: 15px; letter-spacing: 0.1rem; visibility: hidden;}
.recruit-staff .staff dl dt span.more::before { content: ''; display: inline-block; width: 14px; height: 18px; margin-right: 8px; vertical-align: text-bottom;
 background: url('../img/recruit/expansion_icon.png') no-repeat 50% 50% / 100% auto;
}
.recruit-staff .staff dl dt span.soon { color: #666; font-size: 18px; letter-spacing: 0.2rem;}

.recruit-staff .staff dl dd { line-height: 1.2;}
.recruit-staff .staff dl dd.status { margin-bottom: 8px; font-size: 14px;}
.recruit-staff .staff dl dd.status span { display: inline-block; vertical-align: middle;}
.recruit-staff .staff dl dd.status span.year { margin-right: 8px;}
.recruit-staff .staff dl dd.status span.shop { padding-left: 8px;}
.recruit-staff .staff dl dd.name { color: #222; font-size: clamp(18px,2.4vw,24px);}
.recruit-staff .staff a:hover dl dt figure { background: rgba(0,0,0,0.8);}
.recruit-staff .staff a:hover dl dt figure img { transform: translate(-50%,-50%) scale(1.06); opacity: 0.8;}
.recruit-staff .staff a:hover dl dt span { visibility:visible;}

.recruit-staff .slick-arrow{ height: 50px; width: 50px; top: 45%; transform: translate(0, -50%);}
.recruit-staff .slick-prev { left: 2%;}
.recruit-staff .slick-next { right: 2%;}
.recruit-staff .slick-prev:before,
.recruit-staff .slick-next:before { width: 25px; height: 25px;}


.recruit-staff .graph { width: 88%; max-width: 1000px; margin: 0 auto;}
.recruit-staff .graph .flex { display: flex; justify-content: space-between; align-items: center;}
.recruit-staff .graph .fig { width: 50%;}
.recruit-staff .graph .txt { width: 50%;}
.recruit-staff .graph .fig figure { text-align: center;}
.recruit-staff .graph .fig figure img { width: 88%;}
.recruit-staff .graph .fig figure figcaption span { margin-left: 20px; font-size: 18px;}
.recruit-staff .graph .fig figure figcaption span em { margin: 0 5px; font-size: clamp(20px,2.4vw,24px); font-style: normal; font-weight: 600;}
.recruit-staff .graph .txt h4 { margin-bottom: 12px; border-bottom: solid 1px #666; font-size: clamp(18px,2.4vw,24px);}
.recruit-staff .graph .txt dl { margin-bottom: 40px;}
.recruit-staff .graph .txt dl dt { font-size: clamp(18px,2.4vw,24px);}
.recruit-staff .graph .txt dl dd { font-size: 16px;}
.recruit-staff .graph .txt p { font-size: clamp(18px,2.4vw,24px);}
.recruit-staff .graph .txt ul { font-size: 0; list-style: none;}
.recruit-staff .graph .txt ul li { display: inline-block; width: 50%; font-size: 16px;}
.recruit-staff .graph .txt figure { display: none;}
@media screen and (max-width: 801px) {
	.recruit-staff .slider-staff { display: none;}
	.recruit-staff .sp-staff { display: block; width: 88%; margin: 0 auto 40px;}
	.recruit-staff .sp-staff > div{ display: inline-block; width: 50%; vertical-align: top;}
	.recruit-staff .sp-staff .staff { padding: 20px 0;}

	.recruit-staff .graph .flex { display: block;}
	.recruit-staff .graph .fig { display: none;}
	.recruit-staff .graph .txt { width: 100%;}
	.recruit-staff .graph .txt figure { display: block; margin-bottom: 30px; text-align: center;}
	.recruit-staff .graph .txt figure img { width: 92%;}
	.recruit-staff .graph .txt figure figcaption span { margin-left: 20px; font-size: 18px;}
	.recruit-staff .graph .txt figure figcaption span em { margin: 0 3px; font-size: clamp(20px,2.4vw,24px); font-style: normal; font-weight: 600;}
}
@media screen and (max-width: 641px) {	
	.recruit-staff .read p span { display: block; }
	.recruit-staff .staff dl dd.status { font-size: 10px;}
	.recruit-staff .graph .txt ul li { font-size: 13px;}
}
@media screen and (max-width: 481px) {
	.recruit-staff .tit { margin-bottom: 20px;}
	.recruit-staff .staff dl dd.status span.year { margin-right: 4px;}
	.recruit-staff .staff dl dd.status span.shop { padding-left: 4px;}

	.recruit-staff .graph .txt dl { margin-bottom: 20px;}
	.recruit-staff .graph .txt dl dt,
	.recruit-staff .graph .txt dl dd { font-size: 13px;}
}


.modal { display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100vw; z-index: 200;}
.modal .modal__bg { background: rgba(0, 0, 0, 0.5); height: 100vh; position: absolute; width: 100%;}
.modal .close-btn { position: relative; z-index: 150; width: calc(100vw - 400px); max-width: 800px;
 margin: 0 auto; text-align: right; margin-top: calc(15vh - 55px);
}
.modal__content { background: #fff; padding-left: 68px; padding-right: 68px;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
 box-sizing: border-box; width: calc(100vw - 400px); max-width: 800px; height: 70vh; padding-bottom: 55px;
 overflow-y: scroll;
}
.modal__content .modal__title { padding-top: 42px;
 font-family: "TsukuMinPr6N-D"; font-size: calc(2.0rem * 1.2); letter-spacing: 0.1em; font-feature-settings: "palt"; text-align: center;
}
.modal__content figure { width: 100%; margin-top: 17px;}
.modal__content figure img { width: 100%; height: auto;}

.modal__content .modal__position { margin-top: 24px;
 color: #666666; font-size: calc(1.2rem * 1.1); letter-spacing: 0.05em; font-feature-settings: "palt";
}
.modal__content .modal__name { color: #000; font-size: calc(2.0rem * 1.1); letter-spacing: 0.2em; font-feature-settings: "palt";}
.modal__content .modal__name .en { margin-left: 13px;
  color: #666666; font-size: calc(1.1rem * 1.1); font-family: chaparral-pro, serif; font-weight: 400; font-style: normal;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.modal__content .modal__text { margin-top: 30px;
 font-size: calc(1.4rem * 1.1); letter-spacing: 0.1em; line-height: 2.14; font-feature-settings: "palt";
}
@media screen and (max-width: 801px) {
  .modal .close-btn { width: 86.6vw; margin-top: calc(15vh - 35px);}
  .modal .close-btn img { width: 20px; height: auto;}
  .modal__content { width: 86.6vw; max-width: 86.6vw; padding-left: 14px; padding-right: 14px; padding-bottom: 30px;}
  .modal__content .modal__title { padding-top: 30px; font-size: 2.0rem; line-height: 1.44;}
  .modal__content .figure { margin-top: 17px;}
  .modal__content .modal__position { display: block; margin-top: 20px; font-size: 1.2rem; line-height: 1.44;}
  .modal__content .modal__name { font-size: 1.6rem;  margin-top: 0; margin-bottom: 0;}
  .modal__content .modal__name .en { margin-left: 13px; margin-top: -6px; font-size: 1.0rem;}
  .modal__content .modal__text { margin-top: 15px; font-size: 1.4rem;}
}

.recruit-jobs .inner-sct { padding: 40px 0;}
.recruit-jobs .title { margin-bottom: 30px;}
.recruit-jobs .title h2 { font-size: clamp(24px,4.2vw,42px); text-align: center;}
.recruit-jobs .outer { padding: 60px; background: #eee;}
.recruit-jobs .bloc { width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; border-bottom: solid 1px #999; }
.recruit-jobs .bloc:last-child { border-bottom: none;}
.recruit-jobs .toggle-tit { position: relative; padding: 20px 40px; cursor: pointer;}
.recruit-jobs .toggle-tit:before,
.recruit-jobs .toggle-tit:after { content: ''; display: block; width: 25px; height: 2px; background: #333; position: absolute; right: 30px; top: 50%;}
.recruit-jobs .toggle-tit:before{}
.recruit-jobs .toggle-tit:after { transform: translateY(-50%) rotate(90deg); transition: 0.3s ease;}
.recruit-jobs .toggle-tit.open:after { transform: translateY(-50%) rotate(180deg);}
.recruit-jobs .toggle-tit h3 { font-size: clamp(18px,2.4vw,24px); font-weight: 700;}
.recruit-jobs .toggle-tit:hover { background: #f6f6f6;}
.recruit-jobs .bloc .sp-tit { display: none; box-sizing: border-box; background: #fff;}
.recruit-jobs .hide-ctn { display: none;}
.recruit-jobs .hide-ctn .inner-ctn { padding: 20px;}

.recruit-jobs .toggle-type { padding: 5px;}
.recruit-jobs .toggle-type div { position: relative; box-sizing: border-box; padding: 8px 40px; background: #eee; border-radius: 50px; cursor: pointer;}
.recruit-jobs .toggle-type div:before,
.recruit-jobs .toggle-type div:after { content: ''; display: block; position: absolute; }
.recruit-jobs .toggle-type div:before{ width: 30px; height: 30px; right: 13px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 50%;}
.recruit-jobs .toggle-type div:after { width: 8px; height: 8px; right: 23px; top: 50%; transform: translateY(-65%) rotate(135deg);
 border-top: solid 2px #333; border-right: solid 2px #333;
}
.recruit-jobs .toggle-type.open div:after { transform: translateY(-32%) rotate(-45deg);}
.recruit-jobs .toggle-type div p { font-size: clamp(16px,2.0vw,20px); font-weight: 700; letter-spacing: 0.1rem;}
.recruit-jobs .hide-detail { display: none; box-sizing: border-box; width: 94%; margin: 0 auto; padding: 20px;}
.recruit-jobs .hide-detail p { margin-bottom: 12px; font-size: clamp(14px,2.0vw,20px);}
.recruit-jobs .hide-detail ul { list-style: none;}
.recruit-jobs .hide-detail ul li { padding: 8px; border-bottom: dashed 1px #ccc;}
.recruit-jobs .hide-detail ul li dl { position: relative; padding-left: 200px;}
.recruit-jobs .hide-detail ul li dt { position: absolute; left: 0; top: 6px; font-size: 18px; font-weight: 700; line-height: 1;}
.recruit-jobs .hide-detail ul li dd p { font-size: 16px; line-height: 1.5;}
.recruit-jobs .hide-detail ul li dd p:last-child { margin: 0;}
.recruit-jobs .hide-detail ul li dd p span { text-underline-offset: 2px; text-decoration-thickness: 1px;}
.recruit-jobs .hide-detail ul li dd p span strong { font-size: clamp(15px, 2.0vw, 20px);}

.recruit-jobs .detail { display: block; box-sizing: border-box; width: 94%; margin: 0 auto; padding: 20px;}
.recruit-jobs .detail p { margin-bottom: 12px; font-size: clamp(14px,2.0vw,20px);}
.recruit-jobs .detail ul { list-style: none;}
.recruit-jobs .detail ul li { padding: 8px; border-bottom: dashed 1px #ccc;}
.recruit-jobs .detail ul li dl { position: relative; padding-left: 200px;}
.recruit-jobs .detail ul li dt { position: absolute; left: 0; top: 6px; font-size: 18px; font-weight: 700; line-height: 1;}
.recruit-jobs .detail ul li dd p { margin: 0; font-size: 16px; line-height: 1.5;}



.recruit-jobs .common { box-sizing: border-box; width: 94%; margin: 0 auto; padding: 20px 20px 40px;}
.recruit-jobs .common h4 { font-size: clamp(16px,2.4vw,24px); border-bottom: solid 1px #999;}
.recruit-jobs .common h4.mb { margin-bottom: 12px;}
.recruit-jobs .common ul { margin-bottom: 20px; list-style: none;}
.recruit-jobs .common ul li { padding: 8px 0; border-bottom: dashed 1px #ccc;}
.recruit-jobs .common ul li:last-child { border-bottom: none;}
.recruit-jobs .common ul li dl dt { font-size: 16px;}
.recruit-jobs .common ul li dl dt span { font-size: 18px; font-weight: 700;}
.recruit-jobs .common ul li dl dd { font-size: 14px; line-height: 1.5;}
.recruit-jobs .common p { font-size: 16px; line-height: 1.6;}

.recruit-jobs .event { margin-top: 30px; padding: 30px 20px; background: #f6f6f6;}
.recruit-jobs .event h4 { margin-bottom: 20px; font-size: clamp(16px,2.4vw,24px);; text-align: center;}
.recruit-jobs .event ul { width: 100%; list-style: none; }
.recruit-jobs .event ul li { padding: 10px; border-bottom: dashed 1px #ccc;}
.recruit-jobs .event ul li:last-child { border-bottom: none;}
.recruit-jobs .event ul li dl { display: table; width: 100%;}
.recruit-jobs .event ul li dl dt,
.recruit-jobs .event ul li dl dd { display: table-cell; line-height: 1.5;}
.recruit-jobs .event ul li dl dt { width: 150px; font-weight: 700;}
.recruit-jobs .event ul li dl dd a { color: #000; text-underline-offset: 2px; text-decoration-thickness: 1px;}
.recruit-jobs .event ul li dl dd a:hover { text-decoration: none;}
@media screen and (max-width: 801px) {
	.recruit-jobs .title { margin-bottom: 20px;}
	.recruit-jobs .outer { padding: 0px; border-top: solid 1px #999; border-bottom: solid 1px #999;}
	.recruit-jobs .toggle-tit { padding: 12px 20px;}
	.recruit-jobs .sp-tit { width: 100%; padding: 12px 20px;}
	.recruit-jobs .sp-tit h3 { font-size: clamp(18px,2.4vw,24px); font-weight: 700;}
	.recruit-jobs .bloc.show .sp-tit.active { display: block; position: fixed; left: 0; top: 65px; z-index: 99;}
}
@media screen and (max-width: 641px) {
	.recruit-jobs .event ul li dl { display: table; width: 100%;}
	.recruit-jobs .event ul li dl dt,
	.recruit-jobs .event ul li dl dd { display: block; }
	.recruit-jobs .event ul li dl dt { width: 100%; margin-bottom: 6px; font-size: 14px;}
	.recruit-jobs .event ul li dl dd p { font-size: 13px;}
}
@media screen and (max-width: 481px) {
	.recruit-jobs .bloc.show .sp-tit.active { top: 42px;}

	.recruit-jobs .toggle-tit { padding: 8px 20px;}
	.recruit-jobs .toggle-tit:before,
	.recruit-jobs .toggle-tit:after { width: 16px; height: 1px; right: 18px;}

	.recruit-jobs .hide-ctn .inner-ctn {padding: 12px;}
	
	.recruit-jobs .toggle-type div { padding: 4px 20px;}
	.recruit-jobs .toggle-type div:before{ width: 24px; height: 24px; right: 10px;}
	.recruit-jobs .toggle-type div:after { width: 7px; height: 7px; right: 18px; border-width: 1px;}
	.recruit-jobs .hide-detail { padding: 8px 0 18px;}

	.recruit-jobs .hide-detail ul li { padding: 10px 4px;}
	.recruit-jobs .hide-detail ul li dl { padding-left: 0px;}
	.recruit-jobs .hide-detail ul li dt { position: relative; left: auto; top: auto; margin-bottom: 6px; font-size: 14px;}
	.recruit-jobs .hide-detail ul li dd p { font-size: 12px;}

	.recruit-jobs .detail ul li { padding: 10px 4px;}
	.recruit-jobs .detail ul li dl { padding-left: 0px;}
	.recruit-jobs .detail ul li dt { position: relative; left: auto; top: auto; margin-bottom: 6px; font-size: 14px;}
	.recruit-jobs .detail ul li dd p { font-size: 12px;}

	
	.recruit-jobs .common { padding: 12px 5px 30px;}
	.recruit-jobs .common ul { margin-bottom: 12px;}
	.recruit-jobs .common ul li { font-size: 13px;}
	.recruit-jobs .common ul li dl dt { font-size: 12px;}
	.recruit-jobs .common ul li dl dt span { font-size: 14px;}
	.recruit-jobs .common p { font-size: 13px;}
	
	.recruit-jobs .event { margin-top: 20px; padding: 20px 12px 8px;}
	.recruit-jobs .event h4 { margin-bottom: 4px;}
	.recruit-jobs .event ul li { padding: 10px 5px;}
	
}


.recruit-daily .inner-sct { padding: 60px 0;}
.recruit-daily .tit { margin-bottom: 40px;}
.recruit-daily .tit h3 { font-size: clamp(24px,4.2vw,42px); text-align: center;}
.recruit-daily .read { margin-bottom: 30px;}
.recruit-daily .read p { font-size: clamp(13px,2.0vw,20px); letter-spacing: 0.1rem; line-height: 1.8; text-align: center;}
.recruit-daily .insta { width: 100%; max-width: 1000px; margin: 0 auto 60px;}
.recruit-daily aside p { font-size: clamp(21px,3.0vw,30px); letter-spacing: 0.1rem; line-height: 1.8; text-align: center;}
.recruit-daily aside ul { width: 92%; max-width: 800px; margin: 0 auto; font-size: 0; text-align: center;}
.recruit-daily aside ul li { display: inline-block; width: 50%; padding: 20px; box-sizing: border-box;}
.recruit-daily aside ul li a { display: block; width: 100%;}
.recruit-daily aside ul li a img { width: 100%;}
@media screen and (max-width: 481px) {
	.recruit-daily .inner-sct { padding: 40px 0;}
	.recruit-daily aside ul li { padding: 10px;}
	
	.recruit-daily .insta { margin-bottom: 30px;}
}


.recruit-message .inner-sct { padding: 60px 0;}
.recruit-message .tit { margin-bottom: 40px;}
.recruit-message .tit h3 { font-size: clamp(24px,4.2vw,42px); text-align: center;}
.recruit-message figure { width: 100%; max-width: 900px; margin: 0 auto; text-align: center;}
.recruit-message figure img { width: 100%;}
.recruit-message .ctn { padding-top: 40px;}
.recruit-message .ctn h3 { margin-bottom: 30px; font-size: clamp(23px,3.6vw,36px); line-height: 1.4; text-align: center;}
.recruit-message .ctn dl { margin-bottom: 50px; line-height: 1.4; text-align: center;}
.recruit-message .ctn dl dt { font-size: clamp(12px,2.0vw,20px);}
.recruit-message .ctn dl dd { font-size: clamp(13px,2.0vw,24px);}
.recruit-message .ctn p { margin-bottom: 30px; font-size: clamp(12px,2.0vw,20px); letter-spacing: 0.1rem; text-align: center;}
.recruit-message .ctn p span.pcbr { display: block;}
@media screen and (max-width: 801px) {
	.recruit-message .ctn { padding-top: 20px;}
	.recruit-message .ctn h3 { margin-bottom: 20px;}
	.recruit-message .ctn dl { margin-bottom: 30px;}
	.recruit-message .ctn p { margin-bottom: 20px; letter-spacing: 0.05rem;}
	.recruit-message .ctn p span { display: block;}
}
@media screen and (max-width: 481px) {
	.recruit-message .inner-sct { padding: 40px 0;}
	.recruit-message .tit { margin-bottom: 12px;}
}