@charset "UTF-8";
/*==================採用情報一覧*/
.search-text {
font-size:1.5em;
font-weight: 700;
margin-bottom: 1em;
color: #113F67;
/*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
}

/*==================採用情報詳細*/
main#job-list__archive,main#job-list__single {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
width: 95%;
max-width: 960px;
gap:3em;
margin: 0 auto 200px auto;
}
#job-list__archive article,#job-list__single article{width:calc(70% - 3em );}
#job-list__single article {display: grid;gap: 2em;}
article section {width: 100%;}
#job-list__single #page-title {text-align: left;}
#job-list__single .title-box {margin-left: -4.5em;}
#job-list__single .recruitment__overview-item p {color: #333;}
#recruit__caption h2 {
margin: 0 0 0.5em 0;
color: #113F67;
width: 100%;
font-size: 24px;
/*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
line-height: 1.3;
}
#job-list__single .recruitment__overview {margin-bottom: 1em;}
#job-list__single .recruitment__overview .recruitment__overview-job {width: 100%;}
.recruitment__single-thumbnail {
width: 100%;
height: 300px;
display: flex;
align-items: center;
overflow: hidden;
justify-content: center;
}
.recruitment__single-thumbnail img {width: 100%;height: auto;}
.recruit__content h2{
font-size: 16px;
font-weight: 600;
color: #333;
margin: 0 0 1.5em 0;
line-height: 1.5em;
display: flex;
align-content: center;
/*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
}
.recruit__content h2:before{
content: "";
width: 3px;
height: 24px;
background-color: #FFF760;
display: inline-block;
margin-right: 10px;
}
.recruit__content-skill {
padding-left: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 1.5em;
margin-bottom: 0;
}
.recruit__content-skill .recruit__content {
width: calc(50% - 0.75em);
border-radius: 10px;
background-color: #fff;
padding: 1em;
box-shadow: 0px 3px 10px #00000026;
}
@media screen and (max-width: 600px) {
.recruit__content-skill .recruit__content {width: 100%;}
}

.recruit__content-skill .recruit__content h2:before{content: none;}
.recruit__content-skill .recruit__content h2 {font-weight: 700;color: #58A0C8;margin-bottom: 0.5em;}
.recruit__content-skill .recruit__content p{font-size: 14px;}
.recruit__content-desc ul,#recruit__info ul{list-style: none;padding: 0;margin: 0;}
.recruit__content-desc ul li,#recruit__info ul li{
position: relative;
padding-left: 20px;
font-size: 16px;
line-height: 1.5em;
padding-bottom: 8px;
}
#recruit__info ul li{font-size: 14px;}
.recruit__content-desc ul li:before,#recruit__info ul li:before{
content: "・";
position: absolute;
left: 0;
top: auto;
}
.recruit__content-point .recruit__content-wrapper {
margin: 0;
display: flex;
gap: 1em;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.recruit__content-point .recruit__content-wrapper dt{width: 30%;background-color: #ddd;}
.recruit__content-point .recruit__content-wrapper dd{width:calc(70% - 1em);display: grid;gap: 1.5em;margin: 0;}
.recruit__content-point .recruit__content-wrapper dd p{
font-weight: 700;
font-size: 14px;
color: #113F67;
position: relative;
padding-left: 25px;
}
.recruit__content-point .recruit__content-wrapper dd p:before{
content: "";
width: 20px;
height: 20px;
background-image: url(../../images/recruit/recruit-point.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 5px;
}

.recruit__content.recruit__content-point h2 {
font-family: Zen Kaku Gothic New, sans-serif;
font-size: 24px;
letter-spacing: 0.08em;
color: #114F67;
}
.recruit__content.recruit__content-point h2:before{content: none;}

@media screen and (max-width: 768px) {
  main#job-list__archive, main#job-list__single {gap: 3em 0;}
  #job-list__archive article,
  #job-list__single article,
  aside,#job-list__single #page-title .recruitment__overview
  {width: 100%;}
  #job-list__single .title-box{margin-left: 0;}
  #job-list__single article .cta-btn{display: none;}
}