@charset "utf-8";

:root{
  --default-font:'IBM Plex Sans JP', sans-serif;
  --eng-font:'Open Sans', sans-serif;
  --serif-font:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	--google-icon:'Material Symbols Outlined';
	--bootstrap:'bootstrap-icons';
  --main-color:rgb(26, 73, 137);
  /*
  --key-color:rgb(99, 154, 7);
  */
  --key-color:rgb(145, 205, 43);
  --link-color:#1a73e8;
  --base-color:#111;
  --base-light-color:#666;
  --normal:400;
  --bold:600;
}

header{
  box-sizing:border-box;
  width:100%; height:60px;
  position:fixed;
  top:0; left:0; z-index:500;
  transition:0.2s;
  display:flex;
  align-items:center;
  padding-left:0.8rem;
}
header::before,
header::after{
  content:"";
  height:auto;
  aspect-ratio:1/2;
  clip-path:polygon(0 0, 0% 100%, 100% 0);
  background:rgba(8, 75, 162, 0.5);
  mix-blend-mode:multiply;
  position:absolute;
  top:0; left:0;
  transition:0.2s;
}
header::before{
  width:20vw;
}
header::after{
  width:21.5vw;
}
.scrolling header{
  background:var(--main-color);
  overflow:hidden;
}
.scrolling header::before,
.scrolling header::after{
  background:rgba(8, 75, 162, 0.75);
}
header > #logo{
  width:120px;
  position:relative;
  z-index:10000;
  transition:0.2s;
}
header > #logo::after{
  font-family:var(--eng-font);
  content:"recruiting site";
  font-size:0.8rem; line-height:1; font-weight:var(--bold);
  color:#fff;
  white-space:nowrap;
  text-transform:uppercase;
  position:absolute;
  top:50%; right:0;
  transform:translate(105%, -50%);
}
.scrolling header > #logo{
  width:120px;
}
.scrolling header > #logo::after{
  font-size:0.8rem;
}
ul#global-nav{
  width:100%;
  position:fixed;
  bottom:0; left:0;
  flex:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:0 1px;
  border-top:1px solid #fff;
}
ul#global-nav > li{
  width:100%;
}
ul#global-nav > li > a{
  display:block;
  text-decoration:none;
  font-family:var(--eng-font);
  font-size:0.9rem; line-height:2.0; font-weight:var(--bold);
  text-transform:uppercase;
  color:#fff;
  background:var(--key-color);
  padding:0.8rem 1.5rem;
  transition:0.2s;
}
ul#global-nav > li > a > span{
  display:block;
  position:relative;
}

#index-billboard{
  width:100%; height:90vh;
//  aspect-ratio:2/4;
  background-image:url(../../img/recruit/index/billboard.jpg);
  background-repeat:no-repeat;
  background-position:center right -220px;
  background-size:cover;
  position:relative;
}
#index-billboard > #billboard-text{
  box-sizing:border-box;
  width:100%;
  padding:0 5% 8vw;
  color:#fff;
  text-align:center;
  position:absolute;
  bottom:0; left:0;
}
#index-billboard > #billboard-text::before{
  content:"";
  width:100%; height:calc(100% + 8vw);
  background:#000;
  background:linear-gradient(
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.4) 100%
  );
  position:absolute;
  bottom:0; left:0;
}
#billboard-text > h2{
  font-family:var(--serif-font);
  font-size:9.8vw; line-height:1.4; font-weight:var(--normal);
  letter-spacing:0.15em;
  color:#fff;
  margin-bottom:1.0rem;
  position:relative;
  z-index:10;
}
#billboard-text > p{
  font-size:0.95rem; line-height:1.6;
  position:relative;
  z-index:10;
}

#index-news{
  box-sizing:border-box;
  width:100%;
  padding:5.0rem 6%;
  position:relative;
}
#index-news::before,
#index-news::after{
  content:"";
  width:40%; height:auto;
  aspect-ratio:16/9;
  position:absolute;
  background:rgba(99, 154, 7,0.04);
}
#index-news::before{
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  top:0; left:0;
}
#index-news::after{
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  bottom:0; right:0;
}
#page-container #index-news{
  padding:0;
}
#page-container #index-news::before,
#page-container #index-news::after{
  display:none;
}

#index-news > .index-news-box{
  box-sizing:border-box;
  width:100%;
  position:relative;
  z-index:1;
}
.index-news-box > .title{
  text-align:left;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:1.0rem;
}
.index-news-box > .title > h2{
  font-family:var(--serif-font);
  font-size:1.0rem; line-height:2.2; font-weight:var(--normal);
  letter-spacing:0.1em;
}
.index-news-box > .title > h2 > .eng{
  display:block;
  font-family:var(--serif-font);
  font-size:2.4rem; line-height:1.0; font-weight:var(--normal);
  color:var(--key-color);
  letter-spacing:0.1em;
  text-transform:uppercase;
}
.index-news-box > .title > .more{
  display:inline-block;
  margin-bottom:0.6em;
}
.index-news-box > .title > .more > a{
  display:block;
  text-decoration:none;
  font-size:0.8rem; line-height:2.0;
  color:var(--base-light-color);
  border:1px solid #999;
  border-radius:9999px;
  padding:0 2.0rem 0 1.5rem;
  position:relative;
  transition:0.2s;
}
.index-news-box > .title > .more > a:hover{
  color:#fff;
  background:var(--main-color);
  border-color:var(--main-color);
}
.index-news-box > .title > .more > a::after{
  content:"";
  width:1.0em; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:50%; left:50%;
  transform:translate(3.25em, -50%);
}
.index-news-box > .title > .more > a:hover::after{
  background-image:url(../../img/common/arrow_white.svg);
}
.index-news-box > .text-box{
  flex:1;
  text-align:left;
}
ul.news-list > li{
  margin-bottom:0.75rem;
}
ul.news-list > li > a{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  text-decoration:none;
  color:var(--base-light-color);
}
ul.news-list > li > a > .entry-date{
  font-size:0.85em;
  margin-right:1.25rem;
}
ul.news-list > li > a > .entry-category{
  width:10.0em;
  font-size:0.75em;
  text-align:center;
  border:1px solid #ccc;
  margin-right:1.25rem;
}
ul.news-list > li > a > .entry-title{
  flex:1;
  font-weight:var(--bold);
  color:var(--link-color);
}
ul.news-list > li > a:hover > .entry-title{
  text-decoration:underline;
}

#index-company{
  box-sizing:border-box;
  width:100%;
  background:var(--main-color);
  padding:3rem 6%;
  position:relative;
}
#index-company::before{
  content:"";
  width:100%; height:auto;
  aspect-ratio:16/10;
  background-image:url(../../img/recruit/index/image04.jpg);
  background-repeat:no-repeat;
  background-position:center top -50px;
  background-size:cover;
  display:block;
  margin-bottom:2rem;
}
#index-company > #company-info{
  box-sizing:border-box;
  width:100%;
  background:var(--main-color);
  color:#fff;
  text-align:left;
  position:relative;
}
#index-company > #company-info::after{
  content:"";
  width:60%; height:auto;
  aspect-ratio:16/9;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position:absolute;
  bottom:0; right:0;
  background:rgba(30, 115, 178,0.04);
  background:rgba(255,255,255,0.2);
}
#company-info > h2{
  font-family:var(--serif-font);
  font-size:1.0rem; line-height:2.2; font-weight:var(--normal);
  letter-spacing:0.1em;
  margin-bottom:0.5rem;
}
#company-info > h2 > .eng{
  display:block;
  font-family:var(--serif-font);
  font-size:2.0rem; line-height:1.0; font-weight:var(--normal);
  letter-spacing:0.1em;
  text-transform:uppercase;
}
#company-info > .more{
  display:inline-block;
  margin-top:1.5rem;
  margin-bottom:3.0rem;
}
#company-info > .more > a{
  display:block;
  text-decoration:none;
  font-size:0.85rem; line-height:2.2;
  color:#fff;
  border:1px solid #fff;
  border-radius:9999px;
  padding:0 2.0rem 0 1.5rem;
  position:relative;
  transition:0.2s;
}
#company-info > .more > a:hover{
  color:var(--main-color);
  background:#fff;
  border-color:#fff;
}
#company-info > .more > a::after{
  content:"";
  width:1.0rem; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_white.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:50%; left:50%;
  transform:translate(3.25em, -50%);
}
#company-info > .more > a:hover::after{
  background-image:url(../../img/common/arrow_blue.svg);
}
ul.index-about-list{
  display:flex;
  flex-direction:column;
  gap:1.0rem 0;
  position:relative;
  z-index:10;
}
ul.index-about-list > li > a{
  display:block;
  text-decoration:none;
  color:var(--base-color);
  background:#fff;
  padding:1.0rem 1.5rem 1.5rem;
  position:relative;
}
ul.index-about-list > li > a::after{
  content:"";
  width:36px; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_circle.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  bottom:0; right:0;
  transform:translate(-30%, -30%);
  transition:0.2s;
}
ul.index-about-list > li > a:hover::after{
  background-image:url(../../img/common/arrow_circle_blue.svg);
  transform:translate(-30%, -30%) scale(1.1);
}
ul.index-about-list > li > a > h3{
  font-family:var(--serif-font);
  font-size:1.25rem; line-height:1.8; font-weight:var(--bold);
}

#index-recruit{
  box-sizing:border-box;
  width:100%;
  background:rgba(229,239,213,1);
  padding:3rem 6%;
  position:relative;
}
#index-recruit::before{
  content:"";
  width:100%; height:auto;
  aspect-ratio:16/9;
  background-image:url(../../img/recruit/index/image02.jpg);
  background-repeat:no-repeat;
  background-position:bottom -20px right;
  background-size:auto 135%;
  display:block;
  margin-bottom:2rem;
}
#recruit-info{
  box-sizing:border-box;
  width:100%;
  text-align:left;
}
#recruit-info > h2{
  font-family:var(--serif-font);
  font-size:1.0rem; line-height:2.2; font-weight:var(--normal);
  letter-spacing:0.1em;
  margin-bottom:1.0rem;
}
#recruit-info > h2 > .eng{
  display:block;
  font-family:var(--serif-font);
  font-size:2.0rem; line-height:1.2; font-weight:var(--normal);
  letter-spacing:0.1em;
  text-transform:uppercase;
}
ul.index-recruit-list{
  display:flex;
  flex-direction:column;
  gap:0.5rem 0;
}
ul.index-recruit-list > li{
  width:100%;
}
ul.index-recruit-list > li > a{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:var(--base-color);
  background:#fff;
  text-align:left;
  padding:1.0rem 1.5rem 1.5rem;
  position:relative;
}
ul.index-recruit-list > li > a::after{
  content:"";
  width:36px; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_circle.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  bottom:0; right:0;
  transform:translate(-30%, -30%);
  transition:0.2s;
}
ul.index-recruit-list > li > a:hover::after{
  background-image:url(../../img/common/arrow_circle_blue.svg);
  transform:translate(-30%, -30%) scale(1.1);
}
ul.index-recruit-list > li > a > .title{
  margin-right:2.0rem;
}
ul.index-recruit-list > li > a > .title > h3{
  font-family:var(--serif-font);
  font-size:1.3rem; line-height:1.8;
  color:var(--key-color);
  white-space:nowrap;
  position:relative;
  margin-bottom:1.0rem;
}
ul.index-recruit-list > li > a::before{
  content:"";
  width:3.5rem; height:auto;
  aspect-ratio:103/97;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:0.3rem; right:1.0rem;
}
ul.index-recruit-list > li:nth-child(1) > a::before{
  background-image:url(../../img/recruit/index/icon01.png);
}
ul.index-recruit-list > li:nth-child(2) > a::before{
  background-image:url(../../img/recruit/index/icon02.png);
}

#index-interview{
  box-sizing:border-box;
  width:100%;
  overflow:hidden;
  margin-top:-1px;
}
.index-interview-box{
  width:100%; height:75vh;
}
.index-interview-box > .slick-list,
.index-interview-box .slick-track,
.interview-item,
.interview-item > a{
  box-sizing:border-box;
  display:block;
  width:100%; height:100%;
  position:relative;
}
.interview-item > a{
  text-decoration:none;
  color:var(--base-color);
  padding:0 6%;
}
.interview-item > a > .interview-bg{
  width:100%; height:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:absolute;
  top:0; right:0;
/*
  opacity:0.75;
  filter:brightness(110%);
*/
}
.interview-item > a > .interview-bg.dummy{
  background:#f9f9f9;
}
.interview-item > a > .interview-bg.dummy::after{
  content:"";
  width:60%; height:auto;
  aspect-ratio:736/202;
  background-image:url(../../img/common/logo02.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:0; left:50%;
  transform:translate(-50%,250%);
}
.interview-item > a > .item{
  box-sizing:border-box;
  width:90%;
  position:absolute;
  bottom:2.5rem; left:5%;
  z-index:10;
//  backdrop-filter:blur(5px);
}
.interview-item > a > .item > figure{
  display:none;
}
.interview-item > a > .item > .text-box{
  text-align:left;
  background:rgba(255,255,255,0.9);
  padding:1.0rem 1.25rem;
}
#index-interview h2{
  font-family:var(--serif-font);
  font-size:0.95rem; line-height:1.4; font-weight:var(--normal);
  color:var(--main-color);
  letter-spacing:0.1em;
  margin-bottom:0.25rem;
}
#index-interview h2 > .eng{
  display:block;
  font-family:var(--serif-font);
  font-size:1.6rem; line-height:1.2; font-weight:var(--normal);
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-right:0.25em;
}
.interview-item > a > .item > .text-box > p{
  font-size:0.9rem; line-height:1.6;
}
.interview-item > a > .item > .text-box > .person{
  margin-top:0.5rem;
  padding-top:0.5rem;
  border-top:1px dashed #999;
  position:relative;
}
.interview-item > a > .item > .text-box > .person::after{
  content:"";
  width:36px; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_circle_blue.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  bottom:0; right:0;
  transform:translate(0, 0);
  transition:0.2s;
}
.interview-item > a > .item > .text-box > .person:hover::after{
  transform:translate(0, -50%) scale(1.1);
}
.interview-item > a > .item > .text-box > .person > .name{
  font-size:1.2rem; line-height:1.8; font-weight:var(--bold);
  color:var(--link-color);
}
.interview-item > a > .item > .text-box > .person:hover > .name{
  text-decoration:underline;
}
.interview-item > a > .item > .text-box > .person > .year{
  font-size:0.95rem; line-height:1.8;
}
.index-interview-box > ul.slick-dots{
  width:90%;
  bottom:0.5rem;
  left:5%;
}
.index-interview-box > .slick-dots li{
  margin:0;
}
.index-interview-box > .slick-dots li button:before{
  font-size:0.8rem;
}

/*
#index-interview > #interview-box{
  background:#f4f4f4;
  padding:0 6.0rem 2.5rem;
}
#index-interview h2{
  font-family:var(--serif-font);
  font-size:1.1rem; line-height:2.2; font-weight:var(--normal);
  letter-spacing:0.1em;
  position:relative;
  transform:translateY(-2.0rem);
}
#index-interview h2 > .eng{
  display:block;
  font-family:var(--serif-font);
  font-size:4.0rem; line-height:1.0; font-weight:var(--normal);
  color:var(--key-color);
  letter-spacing:0.1em;
  text-transform:uppercase;
}
#index-interview p{
  margin-bottom:2.0rem;
}
ul.index-interview-list{
  margin-bottom:1.5rem;
}
ul.index-interview-list li{
  width:30%;
}
ul.index-interview-list .slick-slide{
  margin:0 10px;
}
ul.index-interview-list li > a{
  display:block;
  text-decoration:none;
  color:var(--base-color);
  cursor:pointer;
}
ul.index-interview-list li > a > figure{
  width:100%; height:auto;
  aspect-ratio:250/280;
  overflow:hidden;
  margin:0;
}
ul.index-interview-list li > a > figure > img{
  width:100%; height:100%;
  object-fit:cover;
  transition:0.1s;
}
ul.index-interview-list li > a:hover > figure > img{
  transform:scale(1.03);
}
ul.index-interview-list li > a > figure .dummy{
  box-sizing:border-box;
  width:100%; height:100%;
  border:1px solid #ccc;
  background:#fff;
  position:relative;
}
ul.index-interview-list li > a > figure .dummy > img{
  width:60%;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}

ul.index-interview-list li > a > .text-box{
  font-size:0.9em; line-height:1.8;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin-top:0.5em;
}
ul.index-interview-list li > a > .text-box > .name{
  font-size:1.0rem; font-weight:var(--bold);
  color:var(--link-color);
}
ul.index-interview-list li > a:hover > .text-box > .name{
  text-decoration:underline;
}
ul.index-interview-list li > a > .text-box > .year{
  font-size:0.9rem;
}

#index-interview .more{
  display:inline-block;
  margin:1.5rem auto 0;
  text-align:center;
}
#index-interview .more > a{
  display:block;
  text-decoration:none;
  font-size:0.85rem; line-height:2.2;
  color:var(--base-light-color);
  border-radius:9999px;
  background:#fff;
  padding:0 2.0rem 0 1.5rem;
  position:relative;
  transition:0.2s;
}
#index-interview .more > a:hover{
  color:#fff;
  background:var(--main-color);
}
#index-interview .more > a::after{
  content:"";
  width:1.0rem; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:50%; left:50%;
  transform:translate(3.25em, -50%);
}
#index-interview .more > a:hover::after{
  background-image:url(../../img/common/arrow_white.svg);
}
*/

#index-information{
  box-sizing:border-box;
  width:100%;
  padding:3.0rem 6%;
  background-image:url(../../img/recruit/index/about_bg.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  position:relative;
}
#index-information::before{
  content:"";
  width:100%; height:100%;
  background:rgba(26,73,137,0.9);
  mix-blend-mode:multiply;
  position:absolute;
  top:0; left:0;
}
ul.index-info-list{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:1.0rem 0;
  position:relative;
  z-index:10;
}
ul.index-info-list > li{
}
ul.index-info-list > li > a{
  display:block;
  text-decoration:none;
  color:#fff;
  text-align:left;
}
ul.index-info-list > li > a > .thumbnail{
  width:100%; height:auto;
  aspect-ratio:970/520;
  position:relative;
}
ul.index-info-list > li > a figure{
  width:100%; height:auto;
  aspect-ratio:16/9;
  overflow:hidden;
}
ul.index-info-list > li > a figure > img{
  width:100%; height:100%;
  object-fit:cover;
  transition:0.2s;
}
ul.index-info-list > li > a:hover figure > img{
  transform:scale(1.03);
}
ul.index-info-list > li > a figure{
  width:100%; height:auto;
  aspect-ratio:980/340;
  aspect-ratio:16/9;
  overflow:hidden;
  margin-bottom:0;
}
ul.index-info-list > li > a figure > img{
  width:100%; height:100%;
  object-fit:cover;
  transition:0.2s;
}
ul.index-info-list > li > a:hover figure > img{
  transform:scale(1.03);
}
ul.index-info-list > li > a .text-box{
  padding:1.0rem 0;
  position:relative;
}
ul.index-info-list > li > a h2{
  font-family:var(--serif-font);
  font-size:1.3rem; line-height:1.8;
  letter-spacing:0.1em;
  color:#fff;
  position:relative;
  margin-bottom:0.75rem;
}
ul.index-info-list > li > a h2::after{
  content:"";
  width:36px; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_circle_white.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:50%; right:0;
  transform:translate(0, -50%);
  transition:0.2s;
}
ul.index-info-list > li > a:hover h2::after{
  transform:translate(0, -50%) scale(1.1);
}
ul.index-info-list > li > a p{
  font-size:0.95rem; line-height:1.6;
}

footer{
  box-sizing:border-box;
  width:100%;
  padding:3.0rem 6% 5.0rem;
  background:#f1f1f1;
}
footer .footer-inner{
}
.footer-inner > .credit{
  text-align:center;
}
.footer-inner > .credit > h3{
  width:180px;
  margin:0 auto 0.5rem;
}
.footer-inner > .credit > p{
  font-size:0.85rem; line-height:1.8;
  margin-bottom:2.0em;
}
.footer-inner > .credit > .link a{
  display:inline-block;
  text-decoration:none;
  font-family:var(--serif-font);
  text-transform:uppercase;
  font-size:0.8rem; line-height:2.4;
  color:var(--base-color);
  border:1px solid #999;
  border-radius:9999px;
  padding:0 1.5em;
}
.footer-inner > .credit > .link a:hover{
  color:#fff;
  background:var(--link-color);
  border-color:transparent;
}
.footer-inner > .footer-nav{
  display:none;
}
#terms{
  display:flex;
  flex-direction:column;
  margin-top:1.5rem;
}
#terms > div{
  font-size:0.75rem; line-height:1.8;
  color:var(--base-light-color);
}
#terms > div > a{
  text-decoration:none;
  color:var(--base-light-color);
}
#terms > div > a:hover{
  text-decoration:underline;
}

#page-billboard{
  width:100%; height:auto;
  aspect-ratio:3/2;
  position:relative;
}
#page-billboard::before{
  content:"";
  width:100%; height:100%;
  background-image:url(../../img/billboard/22.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:absolute;
  top:0; left:0;
  filter:contrast(120%);
}
#page-billboard::after{
  content:"";
  width:100%; height:100%;
  background:rgba(26,73,137,0.9);
  background:rgba(0,0,0,0.5);
  mix-blend-mode:multiply;
  position:absolute;
  top:0; left:0;
}
#page-billboard > #recruit-copy{
  font-family:var(--serif-font);
  font-size:1.4rem; line-height:1.4;
  letter-spacing:0.06em;
  color:#fff;
  text-align:right;
  position:absolute;
  bottom:0; right:2.5%; z-index:200;
  transform:translate(0,-25%) skewX(-5deg);
}
#page-billboard > #recruit-copy > .eng{
  display:block;
  font-family:var(--eng-font);
  font-size:0.8rem; line-height:1.8;
  letter-spacing:0.08em;
}

#crumb{
  box-sizing:border-box;
  width:100%;
  padding:0.3rem 0;
}
#crumb > ul{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:0.2em 0;
}
#crumb > ul > li{
  font-size:0.65rem; line-height:1.8;
}
#crumb > ul > li > a{
  text-decoration:none;
  color:var(--base-light-color);
}
#crumb > ul > li > a:hover{
  text-decoration:underline;
}
#crumb > ul > li:not(:last-child)::after{
  display:inline-block;
  content:">";
  margin:0 0.2rem;
  transform:scaleX(0.6);
}
#crumb > ul > li:last-child > a{
  pointer-events:none;
}

#container{
  box-sizing:border-box;
  width:100%;
  padding:0 6% 3.0rem;
  position:relative;
}
#container.recruit-data,
#container.career{
  background:rgba(77, 146, 207, 0.05);
}
#container.entry-form{
}

#page-title{
  text-align:left;
  margin:1.5rem 0;
}
#page-title h1{
}
#page-title > h1 > .eng{
  content:attr(data-text);
  font-family:var(--serif-font);
  font-size:2.0rem; line-height:1.2; font-weight:var(--normal);
  color:var(--base-color);
  letter-spacing:0.1em;
  text-transform:uppercase;
  display:block;
}
#page-title > h1 > .jp{
  font-size:1.1rem; line-height:2.2;
  color:var(--main-color);
  letter-spacing:0.1em;
  position:relative;
}
#page-title > h1 > .jp::after{
  content:"";
  width:100%; height:0.1rem;
  background:var(--main-color);
  position:absolute;
  top:50%; left:0;
  transform:translateY(-0.15rem);
}
#page-title > h1 > .jp > span{
  background:#fff;
  padding-right:0.5em;
  position:relative;
  z-index:1;
}
.recruit-data #page-title > h1 > .jp > span,
.career #page-title > h1 > .jp > span{
  background:#F6FAFC;
}

#container section{
  box-sizing:border-box;
  width:100%;
  text-align:left;
  position:relative;
  margin-bottom:3.0rem;
}
#container section > h2{
  font-size:1.4rem; line-height:1.8;
  margin-bottom:1.0em;
}
#container section > p{
  margin-bottom:2.0rem;
}

ul.welfare-list{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:0.5rem 0;
}
ul.welfare-list > li{
  box-sizing:border-box;
  width:100%;
  background:rgba(77, 146, 207, 0.08);
  padding:1.0rem 1.25rem;
  position:relative;
}
ul.welfare-list > li::before{
  content:"";
  width:1.0rem; height:auto;
  aspect-ratio:1/1;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background:var(--main-color);
  position:absolute;
  top:0; left:0;
}
ul.welfare-list > li > .text-box{
}
ul.welfare-list > li h2{
  font-size:1.2rem; line-height:1.8;
  color:var(--main-color);
}
ul.welfare-list > li > figure{
  width:48%; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
  float:right;
  margin:-1.0rem -1.25rem 0.5rem 1.5rem;
}
ul.welfare-list > li > figure > img{
  width:100%; height:100%;
  object-fit:cover;
}

ul.recruit-cta{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:1px 0;
}
ul.recruit-cta > li{
  width:100%;
  background:var(--key-color);
}
ul.recruit-cta > li > a{
  display:block;
  text-decoration:none;
  color:#fff;
  text-align:left;
  padding:1.2rem 1.2rem;
}
ul.recruit-cta > li > a > h3{
  font-size:1.3rem; line-height:1.8;
  letter-spacing:0.1em;
  position:relative;
  margin-bottom:0.5em;
}
ul.recruit-cta > li > a > h3 > .eng{
  display:block;
  font-size:0.85rem; line-height:1.8; font-weight:var(--normal);
  text-transform:uppercase;
}
ul.recruit-cta > li > a > h3::after{
  content:"";
  width:48px; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_circle_white.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:50%; right:0;
  transform:translateY(-50%);
}
ul.recruit-cta > li > a > p{
  font-size:0.95rem; line-height:1.6;
  margin:0;
}

#container section.training > h2{
  font-family:var(--serif-font);
  color:var(--key-color);
  border-bottom:1px solid var(--key-color);
  margin-bottom:0.5em;
}
section.training > .text-box{
}
section.training > .text-box h3{
  font-size:1.1rem; line-height:1.8;
  color:var(--main-color);
}
section.training > .text-box > p{
  margin-bottom:2.0rem;
}
section.training > .text-box > figure{
  width:100%; height:auto;
  aspect-ratio:3/2;
  margin:0 0 1.0rem;
}
section.training > .text-box > figure > img{
  width:100%; height:100%;
  object-fit:cover;
}


ul.training-list > li{
  list-style:disc outside;
  padding-left:0.5rem;
  margin-left:1.2rem;
  margin-bottom:1.0rem;
}
.training-column{
  background:rgba(77, 146, 207, 0.08);
  padding:1.25rem 1.75rem;
}
section.training > .text-box .training-column > h3{
  font-size:1.0rem; line-height:1.8;
  color:var(--base-color);
}
section.training > .text-box .training-column > p + h3{
  margin-top:1.0rem;
}
section.training > .text-box .training-column > p{
  font-size:0.95rem; line-height:1.6;
}

ul.data-list{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:0.5rem 0;
}
ul.data-list > li{
  width:100%;
  padding:1.0rem 1.5rem;
  box-sizing:border-box;
  background:#fff;
  position:relative;
}
ul.data-list > li > h3{
  font-size:0.95rem; line-height:1.8;
  color:#fff;
  background:var(--main-color);
  padding:0 1.5rem;
  position:absolute;
  top:0; left:0;
}
ul.data-list > li .data-box-wrapper{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:0rem 0;
}
ul.data-list > li .data-item{
  box-sizing:border-box;
  width:calc(100% - 3rem); height:auto;
  aspect-ratio:4/3;
  overflow:hidden;
  margin:0 auto;
  position:relative;
}
ul.data-list > li .data-item > figure{
  width:66%; height:auto;
  aspect-ratio:1/1;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}
ul.data-list > li .data-item svg{
  fill:var(--main-color);
  fill:rgba(26,73,137,0.2);
  fill:rgba(99,154,7,0.15);
  fill-rule:evenodd;
  isolation:isolate;
}
ul.data-list > li .data-item > .data-info{
  width:100%;
  position:absolute;
  bottom:0; left:0;
  font-size:2.0rem; line-height:1;
  font-weight:var(--bold);
  color:var(--main-color);
  text-align:center;
}
ul.data-list > li .data-item > .data-info > span{
  font-size:1.0em; line-height:1.2;
}
ul.data-list > li .data-item > .data-info > strong{
  font-family:var(--eng-font);
  font-size:2.0em; line-height:1.2;
  letter-spacing:0;
  margin:0 0.1em;
}
ul.data-list > li .data-item > .data-info > strong > small{
  font-size:0.5em;
}
ul.data-list > li > p{
  font-size:0.95rem; line-height:1.6;
}

section.data > .data-column{
  margin-top:2.5rem;
}

ul.interview-list{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:2.5rem 1.0rem;
  margin-bottom:2.5rem;
}
ul.interview-list > li{
  width:calc(50% - 0.5rem);
}
ul.interview-list > li > a{
  display:block;
  text-decoration:none;
  color:var(--base-color);
}
ul.interview-list > li > a > figure{
  box-sizing:border-box;
  width:100%; height:auto;
  aspect-ratio:3/4;
  overflow:hidden;
  margin:0;
}
section.interview-related ul.interview-list > li > a > figure{
  aspect-ratio:3/2;
}
ul.interview-list > li > a > figure > img{
  width:100%; height:100%;
  object-fit:cover;
  transition:0.2s;
}
ul.interview-list > li > a:hover > figure > img{
  transform:scale(1.05);
}
ul.interview-list > li > a > figure .dummy{
  box-sizing:border-box;
  width:100%; height:100%;
  border:1px solid #ccc;
  background:rgba(0,0,0,0.04);
  position:relative;
}
ul.interview-list > li > a > figure .dummy > img{
  width:60%;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}
ul.interview-list > li > a > .text-box{
  margin-top:0.5rem;
}
ul.interview-list > li > a > .text-box h3{
  font-size:1.1rem; line-height:1.8;
  color:var(--link-color);
}
ul.interview-list > li > a:hover > .text-box h3{
  text-decoration:underline;
}
ul.interview-list > li > a > .text-box .section{
  font-size:0.85rem; line-height:1.6;
}
ul.interview-list + .more{
  display:block;
  text-align:right;
}
ul.interview-list + .more > a{
  display:inline-block;
  text-decoration:none;
  font-size:0.9rem; line-height:2.2; font-weight:var(--bold);
  color:var(--link-color);
  border:1px solid var(--link-color);
  border-radius:9999px;
  padding:0.25rem 4.0rem;
  position:relative;
  transition:0.2s;
}
ul.interview-list + .more > a:hover{
  color:#fff;
  background:var(--link-color);
}
ul.interview-list + .more > a::after{
  content:"";
  width:1.0rem; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_blue.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:50%; right:1.0rem;
  transform:translateY(-50%);
}
ul.interview-list + .more > a:hover::after{
  background-image:url(../../img/common/arrow_white.svg);
}

#interview-billboard{
  width:100%; height:auto;
  aspect-ratio:3/1;
  overflow:hidden;
  position:relative;
}
#interview-billboard > figure{
  width:100%; height:100%;
}
#interview-billboard > figure > img{
  width:100%; height:100%;
  object-fit:cover;
  object-position:center top;
}
#interview-billboard > .dummy{
  width:100%; height:100%;
  background-image:url(../../img/billboard/21.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  position:relative;
}
#interview-billboard > .dummy::after{
  content:"";
  width:100%; height:100%;
  background:rgba(26,73,137,0.9);
  background:rgba(0,0,0,0.5);
  mix-blend-mode:multiply;
  position:absolute;
  top:0; left:0;
}

#interview-title{
  width:100%; height:auto;
  aspect-ratio:16/8;
  background:var(--key-color);
  position:relative;
  margin-bottom:3.0rem;
}
#interview-title > h1{
  box-sizing:border-box;
  width:100%;
  padding:0 1.0rem;
  position:absolute;
  top:50%; left:0;
  transform:translate(0,-50%);
  color:#fff;
  text-align:left;
}
#interview-title > h1 > .eng{
  font-family:var(--serif-font);
  font-size:0.8rem; line-height:1.8;
  text-transform:uppercase;
  border-bottom:1px solid #fff;
  margin-bottom:0.5rem;
  text-align:right;
}
#interview-title > h1 > .jp{
  font-size:1.3rem; line-height:1.6;
}
#interview-title > h1 > .jp > span{
  display:block;
  font-size:0.65em; line-height:1.6;
}
section.interview{
}
section.interview .interview-box:not(:last-of-type){
  margin-bottom:3.0rem;
}
section.interview .interview-box h2{
  font-size:1.1rem; line-height:1.8;
  color:var(--key-color);
  position:relative;
  padding-left:1.4rem;
  margin-bottom:0.25em;
}
section.interview .interview-box h2::before{
  content:"";
  width:0.8rem; height:auto;
  aspect-ratio:4/3;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background:var(--key-color);
  position:absolute;
  top:0.6em; left:0.2rem;
}
section.interview .interview-content p:not(:last-of-type){
  margin-bottom:1.5rem;
}
section.interview .interview-content ul > li{
  list-style:disc outside;
  margin-left:1.25rem;
}
section.interview .interview-content ol > li{
  list-style:decimal outside;
  margin-left:1.25rem;
}
section.interview .interview-box > figure{
  width:99%; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
  margin:0 auto;
}
section.interview .interview-box > figure > img{
  width:100%; height:100%;
  object-fit:cover;
}
section.interview-related{
  border-top:1px solid #ccc;
  padding-top:6.0rem;
}

ul.video-list{
  display:flex;
  flex-wrap:wrap;
  gap:2.5rem 2.5rem;
  margin-bottom:2.5rem;
}
ul.video-list > li{
  width:calc(33% - 2.5rem);
}
ul.video-list > li > a{
  display:block;
  text-decoration:none;
  color:var(--base-color);
}
ul.video-list > li > a > figure{
  box-sizing:border-box;
  width:100%; height:auto;
  aspect-ratio:9/16;
  border-radius:0.25rem;
  overflow:hidden;
  position:relative;
  margin:0;
}
ul.video-list > li > a > figure > img{
  width:100%; height:100%;
  object-fit:cover;
  transition:0.2s;
}
ul.video-list > li > a > figure::before{
  font-family:var(--bootstrap);
  content:"\F4F0";
  font-size:3.6rem; line-height:1.0;
  color:#f00;
  position:absolute;
  top:50%; left:50%; z-index:2;
  transform:translate(-50%,-50%);
}
ul.video-list > li > a > figure::after{
  content:"";
  width:3.0rem; height:auto;
  aspect-ratio:2/1.5;
  background:#fff;
  position:absolute;
  top:50%; left:50%; z-index:1;
  transform:translate(-50%,-50%);
}
ul.video-list > li > a > .text-box{
  margin-top:0.5rem;
}
ul.video-list > li > a > .text-box h3{
  font-size:1.0rem; line-height:1.8;
  color:var(--link-color);
}
ul.video-list > li > a:hover > .text-box h3{
  text-decoration:underline;
}
ul.video-list > li > a > .text-box .section{
  font-size:0.95rem; line-height:1.6;
}

.recruit-title{
  margin-bottom:1.5rem;
}
.recruit-title > h2{
  font-size:1.6rem; line-height:1.6;
}
.recruit-detail{
  margin-bottom:3.0rem;
}
.recruit-detail > dl{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding-top:1.0rem;
  margin-top:1.0rem;
  border-top:1px solid #ccc;
}
.recruit-detail > dl > dt{
  width:7rem;
  font-weight:var(--bold);
  color:var(--base-light-color);
}
.recruit-detail > dl > dd{
  flex:1;
}
.recruit-detail > dl > dd > p:not(:last-of-type){
  margin-bottom:1.5rem;
}
.recruit-selection{
  box-sizing:border-box;
  width:100%;
  background:rgba(99,154,7,0.08);
  padding:1.0rem 1.5rem 1.5rem;
  margin-bottom:2.5rem;
}
.recruit-selection > h3{
  font-size:1.2rem; line-height:1.8;
  color:rgba(99,154,7,1);
  margin-bottom:0.5em;
}
ul.selection{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  gap:1.0rem 0;
}
ul.selection > li{
  box-sizing:border-box;
  background:#fff;
  border:1px solid rgba(99,154,7,1);
  border-radius:0.5rem;
  padding:0.6rem 1.2rem 1.0rem;
  position:relative;
}
ul.selection > li:not(:last-child)::before{
  content:"";
  width:1.0rem; height:auto;
  aspect-ratio:2/1;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  background:rgba(99,154,7,0.6);
  position:absolute;
  bottom:0; left:50%;
  transform:translate(-50%,100%);
}
ul.selection > li > h4{
  font-size:0.95rem; line-height:1.6;
  border-bottom:1px solid rgba(99,154,7,1);
  margin-bottom:0.5em;
}
ul.selection > li > p{
  font-size:0.85rem; line-height:1.6;
}
.recruit-entry{
  text-align:center;
}
.recruit-entry > p{
  font-size:1.1rem; line-height:1.8; font-weight:var(--bold);
  color:var(--main-color);
  margin-bottom:1.0em;
}
.recruit-entry .entry-button{
  display:block;
  margin:0 auto;
}
.recruit-entry .entry-button > a{
  display:block;
  text-decoration:none;
  font-size:1.1rem; line-height:1.8; font-weight:var(--bold);
  color:#fff;
  background:var(--key-color);
  border-radius:9999px;
  padding:1.2em 0.5em;
  position:relative;
}
.recruit-entry .entry-button > a > span{
  display:inline-block;
  position:relative;
  padding-left:1.5rem;
  transition:0.2s;
}
.recruit-entry .entry-button > a > span::after{
  font-family:var(--google-icon);
  content:"\e2e6";
  font-size:2.0rem; line-height:1.0;
  color:#fff;
  position:absolute;
  top:50%; left:0;
  transform:translate(-50%,-50%);
}
.recruit-entry .entry-button > a:hover > span{
  transform:scale(1.05);
}

.requirements-lead{
  margin-bottom:2.5rem;
}
.requirements-lead > h2{
  font-family:var(--serif-font);
  font-size:1.7rem; line-height:1.8; font-weight:var(--bold);
  color:var(--main-color);
  letter-spacing:0.05em;
}
.requirements-lead > p + h2{
  font-family:var(--default-font);
  font-size:1.3rem; line-height:1.6; font-weight:var(--bold);
  color:var(--main-color);
  letter-spacing:0.05em;
  margin-top:0.5em;
}
ul.career-list{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:1.0rem 0;
}
ul.career-list > li{
  box-sizing:border-box;
  width:100%;
  background:#fff;
}
ul.career-list > li > a{
  display:block;
  text-decoration:none;
  color:var(--base-color);
  padding:1.0rem 2.0rem 1.5rem;
  position:relative;
}
ul.career-list > li > a > h3{
  font-size:1.3rem; line-height:1.4;
  position:relative;
  margin-bottom:0.5rem;
}
ul.career-list > li > a:hover > h3{
  color:var(--link-color);
  text-decoration:underline;
}
ul.career-list > li > a > h3::before{
  content:"";
  width:0.4em; height:auto;
  aspect-ratio:1.2/2;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background:var(--main-color);
  position:absolute;
  top:0; left:0;
  transform:translate(-180%,50%);
}
ul.recruit-data > li{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:0 0.75rem;
  font-size:0.95rem; line-height:1.8;
  margin-bottom:0.5rem;
}
ul.recruit-data > li > .label{
  width:7em;
  font-size:0.8rem; line-height:1.8; font-weight:var(--bold);
  color:var(--base-light-color);
  text-align:center;
  background:#f3f3f3;
  border-radius:0.2rem;
}
ul.recruit-data > li > div{
  flex:1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
ul.career-list > li > a > .button{
  text-align:right;
  padding-right:1.0rem;
  margin-top:1.0rem;
}
ul.career-list > li > a > .button > span{
  font-size:0.95rem; line-height:2.0; font-weight:var(--bold);
  color:var(--base-light-color);
  position:relative;
}
ul.career-list > li > a:hover > .button > span{
  color:var(--link-color);
}
ul.career-list > li > a > .button > span::after{
  content:"";
  width:2.2em; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/common/arrow_circle.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  position:absolute;
  top:50%; right:0;
  transform:translate(120%, -50%);
}
ul.career-list > li > a:hover > .button > span::after{
  background-image:url(../../img/common/arrow_circle_blue.svg);
}

table.contact-table{
  width:100%;
  border-collapse:collapse;
  font-size:0.95rem; line-height:1.8;
}
table.contact-table tr:not(:last-child){
  border-bottom:1px solid #ccc;
}
table.contact-table th,
table.contact-table td{
  display:block;
  padding:0;
  text-align:left;
  vertical-align:top;
}
table.contact-table th{
  padding-top:1.0em;
}
table.contact-table td{
  padding:0.5em 0 1.0em;
}
table.contact-table th,
table.contact-table th.hissu{
  color:var(--base-light-color) !important;
  position:relative;
  padding-left:3.5rem;
}
table.contact-table th::before{
  display:block;
  content:"任意";
  font-size:0.75rem; line-height:1.0;
  color:#fff;
  background:#ababab;
  border-radius:9999px;
  padding:0.2rem 0.5rem;
  position:absolute;
  top:1.55em; left:0;
}
table.contact-table th.hissu::before{
  display:block;
  content:"必須";
  font-size:0.75rem; line-height:1.0;
  color:#fff;
  background:#e00;
  border-radius:9999px;
  padding:0.2rem 0.5rem;
  position:absolute;
  top:1.55em; left:0;
}
table.contact-table td .flex{
  display:flex;
  align-items:center;
  gap:0 1.0em;
}
table.contact-table td .zip{
  width:40%;
}
table.contact-table td .zip-button{
}
table.contact-table td a#zip-button{
  display:block;
  text-decoration:none;
  color:#fff;
  text-align:center;
  background:var(--main-color);
  border-radius:0.25rem;
  padding:0.5em 1.0em;
  cursor:pointer;
}
table.contact-table tr:last-child td{
  text-align:center;
  padding-bottom:0;
}
table.contact-table tr td .acceptance{
  margin-bottom:1.5rem;
}
table.contact-table tr td .wpcf7-acceptance{
  margin-right:0.5rem;
}
table.contact-table tr td .birth{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.5rem 0;
}
table.contact-table tr td .birth.confirm{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:0 0.5rem;
}
table.contact-table tr td .birth > div{
  display:flex;
  align-items:center;
  gap:0 0.3rem;
}
table.contact-table tr td .birth > div > .select-wrapper{
  width:200px;
}
table.contact-table tr td .comment > h3{
  font-size:1.1rem; line-height:1.8;
  color:var(--base-light-color);
  padding:0.3rem 0;
}
table.contact-table tr td.bikou > p{
  line-height:1.8;
  margin-bottom:1.5rem;
}
.submit-container{
  display:flex;
  justify-content:center;
  gap:0 1.0rem;
}
.submit-container > input[type="submit"],
.submit-container > input[type="button"]{
  margin:0;
}
table.contact-table input[type="submit"],
table.contact-table input[type="button"]{
  width:100%;
  font-size:1.1rem; line-height:2.4;
}
table.contact-table input[type="submit"]{
  color:#fff;
  font-weight:var(--bold);
  background:var(--main-color);
}
table.contact-table input[type="submit"]:disabled,
table.contact-table input[type="submit"]:disabled:hover{
	border-color:#ccc;
	color:#999;
	background-color:#f0f0f0;
}
.submit-container > .wpcf7-spinner{
  display:none;
}

#container.new-grad{
}
#container.new-grad > #page-title,
#container.new-grad > section{
}
#container.new-grad > section.new-grad{
}

section.new-grad > figure{
  display:none;
  margin:0;
  width:calc(320px + ((100% - 1040px) / 2)); height:calc(100% + 10.0rem);
  background-image:url(../../img/recruit/new-grad/01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:absolute;
  bottom:0; right:0;
  filter: contrast(120%);
}
section.new-grad > figure::before{
  content:"";
  width:100%; height:100%;
  background:rgba(8, 75, 162, 0.15);
  mix-blend-mode:multiply;
  position:absolute;
  top:0; left:0;
  transition:0.2s;
}
section.new-grad > figure::after{
  content:"";
  width:auto; height:100%;
  aspect-ratio:1/4;
  clip-path:polygon(0 0, 0% 100%, 100% 0);
  background:#fff;
  position:absolute;
  top:0; left:0; z-index:10;
  transition:0.2s;
}
.new-grad-job{
  position:relative;
  z-index:10;
  padding-bottom:1.5rem;
}
.new-grad-job > h2{
  font-size:1.1rem; line-height:2.0;
  color:var(--base-color);
//  border-bottom:1px solid rgba(99,154,7,1);
//  margin-bottom:1.0em;
}
.new-grad-job > ul.new-grad-job-list{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:0.5rem 0;
}
ul.new-grad-job-list > li{
  box-sizing:border-box;
  width:100%;
  position:relative;
  padding:1.0rem 1.0rem;
  padding-left:5.4rem;
  border:1px solid rgba(99,154,7,1);
  border-radius:0.5rem;
}
ul.new-grad-job-list > li::before{
  content:"";
  width:3.4rem; height:auto;
  aspect-ratio:1/1;
  background-image:url(../../img/recruit/new-grad/job01.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:absolute;
  top:1.0rem; left:1.0rem;
  filter: brightness(0) saturate(100%) invert(45%) sepia(38%) saturate(2014%) hue-rotate(51deg) brightness(97%) contrast(95%);
}
ul.new-grad-job-list > li:nth-child(1)::before{
  background-image:url(../../img/recruit/new-grad/job01.svg);
}
ul.new-grad-job-list > li:nth-child(2)::before{
  background-image:url(../../img/recruit/new-grad/job02.svg);
}
ul.new-grad-job-list > li:nth-child(3)::before{
  background-image:url(../../img/recruit/new-grad/job03.svg);
}
ul.new-grad-job-list > li:nth-child(4)::before{
  background-image:url(../../img/recruit/new-grad/job04.svg);
}
ul.new-grad-job-list > li:nth-child(5)::before{
  background-image:url(../../img/recruit/new-grad/job05.svg);
}
ul.new-grad-job-list > li > h3{
  font-size:1.0rem; line-height:1.6;
}
ul.new-grad-job-list > li > p{
  font-size:0.95rem; line-height:1.6;
}

ul.form-flow{
  display:flex;
  justify-content:center;
  gap:0 4.5rem;
  position:relative;
  margin-bottom:2.0rem;
}
ul.form-flow::before{
  content:"";
  border-top:1px dashed #ccc;
  width:100%;
  position:absolute;
  top:1.25rem; left:0;
}
ul.form-flow > li{
  font-size:0.85rem; line-height:1.8; font-weight:var(--bold);
  color:#777;
  text-align:center;
  position:relative;
}
ul.form-flow > li::before{
  font-family:var(--eng-font);
  content:"1";
  font-size:1.1rem; line-height:2.4rem; font-weight:var(--bold);
  text-align:center;
  width:2.4rem; height:auto;
  aspect-ratio:1/1;
  background:#fff;
  border:1px solid #999;
  border-radius:100%;
  display:block;
  margin:0 auto;
}
ul.form-flow > li:nth-child(1)::before{
  content:"1";
}
ul.form-flow > li:nth-child(2)::before{
  content:"2";
}
ul.form-flow > li:nth-child(3)::before{
  content:"3";
}
ul.form-flow > li.active{
  color:var(--base-color);
}
ul.form-flow > li.active::before{
  color:#fff;
  background:var(--key-color);
  border-color:var(--key-color);
}