@charset "UTF-8";

.header-recruit .drawer-hamburger {display: block;}
.header-recruit .global_nav.pc_nav{display: none;}
header, .site-content, footer {min-width: auto;}

/* ハンバーガーボタンのデザイン */
.drawer__button {position: relative;width: 44px;height: 44px;background-color: transparent;border: none;cursor: pointer;z-index: 999; /* メニューを開いている時もクリックできるよう設定 */}

/* ハンバーガーボタン内の線 */
.drawer__button > span{display:block;position:absolute;top:50%;left:50%;width:44px;height:2px;background-color:#233381;transform:translateX(-50%)}
.drawer__button > span:first-child {transform: translate(-50%, calc(-50% - 0.5rem));transition: transform 0.3s ease;}
.drawer__button > span:nth-child(2) {transform: translate(-50%, -50%);transition: opacity 0.3s ease;}
.drawer__button > span:last-child {transform: translate(-50%, calc(-50% + 0.5rem));transition: transform 0.3s ease;}

/* 展開時のデザイン */
.drawer__button.active > span:first-child {transform: translate(-50%, -50%) rotate(-45deg);}
.drawer__button.active > span:nth-child(2) {opacity: 0;}
.drawer__button.active > span:last-child {transform: translate(-50%, -50%) rotate(45deg);}
.drawer-toggle.active > span:first-child {transform: translate(-50%, -50%) rotate(-45deg);}
.drawer-toggle.active > span:nth-child(2) {opacity: 0;}
.drawer-toggle.active > span:last-child {transform: translate(-50%, -50%) rotate(45deg);}

/* メニューのデザイン */
.drawer__nav{position:fixed/* 追従ヘッダーなどでも表示できるよう設定しておく */;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.5);transition:opacity .3s ease;opacity:0;visibility:hidden}
.drawer__nav.active{opacity:1;visibility:visible}
.drawer__nav__inner{position:relative;width:80%;height:100%;background-color:#fff;padding:61px 0;margin:0 0 0 auto;overflow:scroll;transform:translateX(100%);transition:transform .3s ease}
.drawer__nav.active .drawer__nav__inner{transform:translateX(0)}
.drawer__nav__menu{list-style:none;padding-left:0}
.drawer__nav__item{list-style-type:none;font-size:15px}
.drawer__nav__link{display:block;color:#000;text-decoration:none!important;padding:20px;border-bottom:solid 1px lightgray}

/* ハンバーガーメニュー展開時、背景を固定 */
body.active {height: 100%;overflow: hidden;}

@media (min-width:768px) {
}

@media (min-width:1200px) {
  .header-recruit .drawer__button {display: none;}
}

/* 採用情報
  ================================================ */
.color-white{color:#fff!important}
.color-yellow{color:#f2b400!important}
.color-l-blue{color:#4481d6!important}
.color-blue{color:#2e63b0!important}
.color-m-blue{color:#1d4c8f!important}
.color-d-blue{color:#0d3061!important}
.bg-color-white{background-color:#fff!important}
.bg-color-grey{background-color:#f2f2f2!important}
.bg-color-yellow{background-color:#f2b400!important}
.bg-color-l-blue{background-color:#4481d6!important}
.bg-color-blue{background-color:#2e63b0!important}
.bg-color-m-blue{background-color:#1d4c8f!important}
.bg-color-d-blue{background-color:#0d3061!important}
.entry-btn-section__wrap{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:24px}
.entry-btn-section button.button{background-color:#FA6E1E;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;font-size:18px;font-weight:600;text-align:center}
button.button{background:transparent;color:#fff;border:2px solid #fff;border-radius:50px;padding:.8rem 2rem;outline:none;cursor:pointer;position:relative;transition:.2s ease-in-out;letter-spacing:2px}
.button__wrapper{display:inline-block;position:relative;width:260px;height:60px;display:flex;justify-content:center;align-items:center}
.pulsing{width:99%;height:99%;border-radius:50px;z-index:1;position:relative}
.pulsing:before{content:"";position:absolute;width:100%;height:100%;border:inherit;top:0;left:0;z-index:0;background:#f0ab89;border-radius:inherit;animation:pulsing 1.5s linear infinite}
@keyframes pulsing {
0%{opacity:1;transform:scaleY(1) scaleX(1)}
20%{opacity:1}
70%{opacity:.2;transform:scaleY(1.3) scaleX(1.1)}
80%{opacity:0;transform:scaleY(1.3) scaleX(1.1)}
90%{opacity:0;transform:scaleY(1) scaleX(1)}
}
/*
.pulsing:before, .pulsing:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: inherit;
  top: 0;
  left: 0;
  z-index: 0;
  background: #f0ab89;
  border-radius: inherit;
  animation: pulsing 1.5s linear infinite;
}
.pulsing:after {
  animation: pulsing1 2.5s linear infinite;
}
*/ 
/*
@keyframes pulsingXX {
	0% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
	20% {
		opacity: 0.5;
	}
	70% {
		opacity: 0.2;
		transform: scaleY(1.8) scaleX(1.4);
	}
	80% {
		opacity: 0;
		transform: scaleY(1.8) scaleX(1.4);
	}
	90% {
		opacity: 0;
		transform: scaleY(1) scaleX(1);
	}
}
@keyframes pulsing1 {
	0% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
	20% {
		opacity: 0.5;
	}
	70% {
		opacity: 0.2;
		transform: scaleY(1.3) scaleX(1.15);
	}
	80% {
		opacity: 0;
		transform: scaleY(1.3) scaleX(1.15);
	}
	90% {
		opacity: 0;
		transform: scaleY(1) scaleX(1);
	}
}
*/ 
.entry-btn-section .chuto button,.chuto .pulsing:before{background-color:#3ec440}
.entry-btn-section .genba button,.genba .pulsing:before{background-color:#4481d6}
a.button__wrapper:hover .pulsing:before{background:#fff}
p,.txt{font-size:15px;text-align:justify;text-justify:distribute;margin:20px 0;line-height:1.8}
p:first-child,.txt:first-child{margin-top:0}
p:last-child,.txt:last-child{margin-bottom:0}
span{font-size:inherit}
.strong{font-weight:600}
.sub-oval{text-align:center;font-size:16px;font-weight:600;color:#1d4c8f;background-color:#f2b400;padding:6px;border-radius:28px}
.list-square{}
.header-recruit{background-color:hwb(0deg 100% 0% / 90%);height:80px}
.header-recruit.headroom--unpinned{-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.header-recruit__wrapper{display:flex;flex-flow:wrap;gap:10px;align-items:center;justify-content:space-between;padding:0 20px;height:80px!important}
.header-recruit h1.site_title{position:relative;top:auto;left:auto;width:160px;margin:0}
.header-recruit h1.site_title a{display:block;background-image:url(images/recruit/logo.svg);background-size:auto 44px;background-repeat:no-repeat;height:44px;text-indent:-9999px}
.btn-entry-sp{width:110px;margin-left:auto}
.btn-entry-sp a{padding:0!important;margin:0!important;display:block}
.btn-entry-sp img{width:100%}
.recruit-firstview{display:block;height:300px;background-image:url(images/recruit/fv.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.recruit-firstview::before{content:"";position:absolute;display:block;width:100%;height:100%;background-color:hsl(0deg 0% 0% / 20%)}
.recruit-firstview__inner{display:flex;width:100%;height:100%;align-items:center;padding-left:8%;position:relative}
.recruit-firstview__copy{width:60%}
.recruit-section{padding:80px 0!important}
.recruit-section .container{}
.ttl-wrap{margin:0 0 40px}
.ttl-wrap__en{font-size:16px;font-weight:600;text-align:center;color:#f2b400}
.ttl-wrap__h2{font-size:28px!important;font-style:italic;font-weight:800;color:#1d4c8f;margin:0!important;text-align:center;letter-spacing:1.5px}
.ttl-wrap__sub{text-align:center;font-size:17px;font-weight:500;margin-top:20px}
.recruit-section.intro{position:relative;overflow:hidden}
.intro__container{position:relative;z-index:10}
.intro__ttl{font-size:28px;font-weight:600;text-align:center}
.intro__lead{font-size:18px;font-weight:600;text-align:justify;margin:8px 0 32px}
.intro__img{position:absolute;display:none}
.intro__img img{border-radius:200px;opacity:.3}
.intro__img-01{width:50%;top:-5%;right:-5%}
.intro__img-02{width:36%;bottom:-30px;left:-20px}
.flex{display:flex;flex-flow:column;gap:40px}
.flex__col{text-align:center}
.attractive__flex{flex-flow:wrap;gap:20px}
.attractive__flex__col{width:calc((100% / 2) - 10px)}
.attractive__flex__img img{width:80%}
.attractive__flex__ttl{font-size:17px;font-weight:600;color:#1d4c8f;margin:8px 0 0}
.attractive__flex__txt{font-size:13px;text-align:center!important}
.ambience{background-color:#f2f2f2!important}
.ambience__flex{flex-flow:wrap;gap:32px 10px}
.ambience__flex__col{width:calc((100% / 2) - 5px)}
.ambience__flex__img{margin-bottom:4px}
.ambience__flex__txt{font-size:13px}
.career__sub-oval{width:300px;margin:auto}
.career__sub-oval-sub{text-align:center;margin-top:12px;font-size:13px}
.career-up{position:relative;display:flex;flex-flow:column;gap:20px;margin-top:40px}
.career-up__header{padding:28px 0 40px;position:relative}
.career-up__career{background-color:#4481d6;overflow:hidden}
.career-up__career.career-04{background-color:#2e63b0}
.career-up__career.career-09{background-color:#1d4c8f}
.career-up__career.career-14{background-color:#0d3061}
.career-up__header::after{content:"";position:absolute;background-color:hsl(0deg 0% 100% / 15%);bottom:0;height:20px;margin-right:-20px;right:50%;bottom:0;width:40px;clip-path:polygon(0 100%,50% 0,100% 100%);z-index:10}
.career-up__header__icon{width:200px;margin:auto}
.career-up__header__ttl{text-align:center;font-size:24px;font-weight:600;color:#fff;margin-top:4px}
.career-up__main__ttl{font-size:18px;font-weight:500;color:#f2b400;text-align:center;position:relative}
.career-up__main{padding:40px;position:relative;height:100%}
.career-up__main::before{content:"";display:block;background-color:hsl(0deg 0% 100% / 15%);width:100%;height:100%;position:absolute;top:0;left:0}
.career-up__main::after{content:"";display:block}
.career-up__main__txt{font-size:15px;color:#fff;margin-top:16px;position:relative}
.career-up__main__list{position:relative;margin:0!important;padding:0!important}
.career-up__main__list__item{list-style-type:none;color:#fff;margin:8px 0 0;position:relative;padding-left:22px}
.career-up__main__list__item::before{content:"";display:block;background-image:url(images/recruit/list-check.svg);background-size:14px;background-repeat:no-repeat;width:14px;height:14px;position:absolute;top:2px;left:0}
.training{background-color:#1d4c90;color:#fff;margin-top:20px}
.training__heading{padding:28px}
.training__heading__ttl{color:#f2b400;font-size:22px;font-weight:600}
.training__heading__att{font-size:13px;font-weight:600}
.training__img{width:100%;height:220px;background-image:url(images/recruit/ambience-img.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}
.skills{width:80%;background-color:#fff;border-radius:4px;padding:28px;margin:40px auto 0}
.skills__wrap{display:flex;flex-flow:column;gap:20px}
.skills__h3{color:#1d4c8f;font-size:22px;font-weight:700;text-align:center;margin-bottom:4px}
.skills__sub-oval{font-size:13px;width:160px;margin:auto;padding:4px}
.skills__list{margin:0!important;padding:0!important;list-style-type:none;display:flex;flex-flow:column;gap:8px}
.skills__list__item{background-color:#4481d6;color:#fff;font-weight:600;text-align:center;padding:8px;border-radius:2px;width:220px;margin:auto;list-style-type:none}
.recruit-footer{margin:0!important;background-color:#f2f2f2}
.recruit-footer section{padding:20px 0}
.recruit-footer__container{display:flex;justify-content:space-between}
.recruit-footer__container .copyright{font-size:11px;letter-spacing:.05em;padding:0}
.recruit-footer__container .copyright a{text-decoration:none!important}
.recruit-summary__container,.recruit-form__container{max-width:940px}
.recruit-summary__about{margin-top:60px}
.recruit-summary__about__ttl{font-size:18px;font-weight:600}
.recruit-summary__about .type-A{margin-top:16px}
.recruit-summary__about .type-A dt,.recruit-summary__about .type-A dd{font-size:15px;padding:20px 0}
.recruit-summary__about .type-A dt{padding-bottom:12px}
.recruit-summary__about .type-A dt.first{}
.recruit-summary__about .type-A dd{padding-top:0}
.recruit-summary__about .type-A dd.first{}
.recruit-summary__about dl strong{font-size:15px;font-weight:600}
.recruit-form__ttl{text-align:center;font-size:16px;font-weight:600;color:#1d4c90;margin-bottom:20px}
.entry-thanks{height:calc(100vh - 140px);display:flex;align-items:center}
.entry-thanks .container{}
.entry-thanks__ttl{font-size:18px;font-weight:600;text-align:center;margin-bottom:40px}
.entry-thanks__txt{padding-top:40px!importan}
@media (min-width:768px) {
  .entry-btn-section__wrap{flex-flow:wrap;gap:28px}
  .entry-btn-section button{font-size:16px}
  button.button{border:2px solid #fff;border-radius:50px;padding:10px 0}
  .button__wrapper{width:230px;height:52px}
  p,.txt{font-size:16px}
  .sub-oval{font-size:20px}
  .header-recruit__wrapper{padding:0 40px;gap:40px}
  .header-recruit h1.site_title{width:200px}
  .header-recruit h1.site_title a{background-size:auto 54px;height:54px}
  .btn-entry-sp{width:160px}
  .recruit-section{padding:100px 0!important}
  .recruit-firstview{min-height:560px;background-image:url(images/recruit/fv_md.jpg)}
  .recruit-firstview__copy{width:420px}
  .ttl-wrap{margin-bottom:60px}
  .ttl-wrap__en{font-size:18px}
  .ttl-wrap__h2{font-size:40px!important}
  .ttl-wrap__sub{font-size:20px}
  .intro__ttl{font-size:32px}
  .intro__lead{font-size:24px;text-align:center;margin:12px 0 40px}
  .intro__img{display:block}
  .intro__img-01{width:420px;top:-60px;right:-60px}
  .intro__img-02{width:320px;bottom:-80px;left:-60px}
  .flex__col{width:calc((100% / 3) - 18.8px)}
  .attractive__flex{flex-flow:wrap;gap:48px 28px}
  .attractive__flex__img img{width:180px}
  .attractive__flex__ttl{font-size:20px;margin-top:12px}
  .ambience__flex{gap:40px 28px}
  .ambience__flex__col{width:calc((100% / 3) - 18.666px)}
  .career__sub-oval{width:400px}
  .career__sub-oval-sub{font-size:14px}
  .career-up{flex-flow:wrap;gap:4px;margin-top:20px}
  .career-up::before{content:"";position:absolute;display:block;background-color:#fff;bottom:0;height:60px;margin:0;right:0;top:-1px;width:100%;clip-path:polygon(0 100%,0 0,100% 0%,100% 5%);z-index:10}
  .career-up__career{width:calc((100% / 4) - 3px)}
  .career-up__header{padding-top:60px}
  .career-up__header__icon{width:80%}
  .career-up__header__ttl{font-size:24px}
  .career-up__main__ttl{font-size:16px}
  .career-up__main{padding:16px}
  .career-up__main__txt{font-size:13px;margin-top:20px}
  .career-up__main__list__item{font-size:13px}
  .career-up__main__list__item::before{}
  .training{display:flex;flex-flow:wrap;align-items:center;justify-content:space-between;height:280px}
  .training__heading{width:52%;padding:0 0 0 40px}
  .training__heading__ttl{font-size:28px}
  .training__img{width: 47%;height: 100%;clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%) /* clip-path: polygon(頂点Aの座標,頂点Bの座標,頂点Cの座標,頂点Dの座標) */;background-image: url("images/recruit/ambience-img.jpg");}
  .training__img img{width: 100%;clip-path: polygon(15% 0%,100% 0%,100% 100%, 0% 100%) /* clip-path: polygon(頂点Aの座標,頂点Bの座標,頂点Cの座標,頂点Dの座標) */;}
  .skills{width:100%;padding:40px 52px;border-radius:8px}
  .skills__wrap{flex-flow:wrap;align-items:center;justify-content:flex-start}
  .skills__ttl{width:280px}
  .skills__h3{font-size:28px}
  .skills__sub-oval{font-size:14px}
  .skills__list{flex:1;flex-flow:wrap;gap:12px}
  .skills__list__item{width:280px;padding:12px;border-radius:4px}
  .recruit-summary__about{margin-top:80px}
  .recruit-summary__about__ttl{font-size:20px}
  .recruit-summary__about .type-A dt,.recruit-summary__about .type-A dd{padding:28px 0;font-size:16px}
  .recruit-summary__about .type-A dd{padding-left:24%}
  .recruit-summary__about dl strong{font-size:16px}
  .recruit-form__ttl{font-size:20px;margin-bottom:40px}
  .entry-thanks{height:calc(100vh - 140px)}
  .entry-thanks__ttl{font-size:24px}
  .entry-thanks__txt{text-align:center!important}
  .recruit-footer section{padding:28px 0}
  .recruit-footer__container .copyright{font-size:13px}
}
@media (min-width:992px) {
  .entry-btn-section__wrap{flex-flow:wrap;gap:40px}
  .entry-btn-section button{font-size:18px}
  button.button{border:2px solid #fff;border-radius:50px;padding:.8rem 2rem}
  .button__wrapper{width:290px;height:60px}
  .recruit-firstview__copy{width:460px}
  .career-up{margin-top:32px}
  .career-up__header__ttl{font-size:28px}
  .career-up__main{padding:32px}
  .career-up__main__txt{font-size:14px}
  .career-up__main__list__item{font-size:14px}
}
@media (min-width: 1200px) {
  .header-recruit{height:120px}
  .header-recruit h1.site_title{width:250px}
  .header-recruit h1.site_title a{background-size:auto 70px;height:70px}
  .btn-entry-sp{display:none}
  .header-recruit .drawer-hamburger{display:none}
  .header-recruit .global_nav.pc_nav{display:block;bottom:auto;right:40px}
  .header-recruit .global_nav ul{font-size:0;margin:0}
  .header-recruit .global_nav ul li a{margin:0 20px!important;padding:10px 0!important;font-size:15px}
  .header-recruit .global_nav ul.main li.btn-entry{}
  .header-recruit .global_nav ul.main li.btn-entry a{padding:4px 0!important;margin-right:0!important}
  .header-recruit .global_nav ul.main li.btn-entry img{width:180px}
  .header-recruit nav.stroke ul.main > li.btn-entry a:after{}
  .header-recruit nav.stroke ul.main > li.btn-entry a:hover:after{width:0}
  .recruit-firstview{background-image:url(images/recruit/fv_lg.jpg)}
  .recruit-firstview__copy{width:500px}
  .entry-thanks{height:calc(100vh - 180px)}
}