/*
 *
 * top page style
 * language: stylus
 *
 */
/*
 *	width: 751px~ (PC)
 */
.section-mv {
  height: 731px;
  border-bottom: 5px solid #fff;
  background: url("../img/top/mv.jpg") no-repeat center center/cover;
}
.section-greeting {
  background: #e4e5ec url("../img/top/greeting-bg.jpg") no-repeat right 0/contain;
}
.section-greeting > .inner {
  width: 1030px;
  height: 510px;
  margin: 0 auto;
  padding: 108px 0 0;
}
.section-greeting .headline {
  position: relative;
  padding-left: 47px;
}
.section-greeting .headline::before {
  position: absolute;
  top: 3px;
  left: 0;
  content: '';
  width: 32px;
  height: 32px;
  background: url("../img/top/greeting-headlineObj.svg") no-repeat 0 0;
}
.section-greeting ._txt {
  width: 612px;
  margin: 32px 0 0 51px;
}
.section-greeting .btn {
  margin: 19px 0 0 51px;
}
.section-recruit {
  padding: 104px 0 90px 125px;
}
.section-recruit > .inner {
  display: flex;
  justify-content: space-between;
}
.section-recruit > .inner .block-txt {
  width: 550px;
}
.section-recruit > .inner .block-txt .headline {
  margin-bottom: 34px;
}
.section-recruit > .inner .block-txt ._txt {
  margin-bottom: 27px;
}
.section-recruit > .inner .block-txt .list-links {
  padding-left: 40px;
}
.section-recruit > .inner .block-fig {
  width: calc(100% - 550px - 42px);
}
.section-voice {
  position: relative;
  background-color: #fff;
}
.section-voice .headline {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  width: 385px;
  padding: 30px 0 35px;
  text-align: center;
  color: #fff;
  background-color: #009dda;
  transform: translateX(-50%);
}
.section-voice .block-links {
  display: flex;
  line-height: 0;
}
.section-voice .block-links .item {
  width: 50%;
}
.section-about {
  padding: 176px 0 0;
}
.section-about > .inner {
  display: flex;
}
.section-about .block-fig {
  width: 44%;
  margin-right: 34px;
  padding-top: 10px;
}
.section-about .block-txt {
  width: 550px;
}
.section-about .block-txt .headline {
  margin-bottom: 34px;
}
.section-about .block-txt ._txt {
  margin-bottom: 36px;
}
.section-about .block-txt .list-links {
  padding-left: 43px;
}
.section-news {
  padding: 103px 128px 120px 125px;
}
.section-news > .inner {
  display: flex;
  flex-wrap: wrap;
}
.section-news .block-news {
  max-width: calc(100% - 300px - 80px);
  margin-right: 80px;
}
.section-news .block-news .headline ._small {
  padding-left: 10px;
  font-size: 71%;
  font-family: 'Abel', sans-serif;
  letter-spacing: 0.05em;
}
.section-news .block-news .list-news .item {
  display: flex;
  margin-top: 36px;
}
.section-news .block-news .list-news .item .date {
  padding: 8px 23px 0 0;
  white-space: nowrap;
}
.section-news .block-facebook {
  width: 300px;
  padding-top: 56px;
}
.section-news .block-btn {
  width: 100%;
  padding-top: 43px;
}
.section-news .block-btn > .btn {
  margin: 0 auto;
}
.section-staff {
  position: relative;
  height: 515px;
  background: url("../img/top/staff-bg.jpg") no-repeat 0 0/cover;
}
.section-staff .btn {
  position: absolute;
  bottom: 77px;
  left: 50%;
  transform: translateX(-50%);
}
/*
 *	width: ~750px (SP)
 */
@media (max-width: 750px) {
  .section-mv {
    height: 298px;
    border-bottom: 3px solid #fff;
    background: url("../img/top/mv_sp.jpg") no-repeat center center/cover;
  }
  .section-greeting {
    background: #e4e5ec url("../img/top/greeting-bg_sp.jpg") no-repeat center bottom/100% auto;
  }
  .section-greeting > .inner {
    width: 100%;
    height: auto;
    padding: 84px 5.6vw 82%;
  }
  .section-greeting .headline {
    position: relative;
    padding-left: 0;
  }
  .section-greeting .headline::before {
    position: absolute;
    top: -43px;
    left: 50%;
    content: '';
    width: 28px;
    height: 28px;
    background: url("../img/top/greeting-headlineObj.svg") no-repeat 0 0/28px auto;
    transform: translateX(-50%);
  }
  .section-greeting ._txt {
    width: 100%;
    margin: 20px 0 0;
  }
  .section-greeting .btn {
    margin: 21px auto 0;
  }
  .section-recruit {
    padding: 65px 5.6vw 58px;
  }
  .section-recruit > .inner {
    display: block;
  }
  .section-recruit > .inner .block-txt {
    width: 100%;
    margin-bottom: 35px;
  }
  .section-recruit > .inner .block-txt .headline {
    margin-bottom: 20px;
  }
  .section-recruit > .inner .block-txt .list-links {
    padding: 0;
  }
  .section-recruit > .inner .block-txt .list-links > .item:nth-child(1) {
    order: 1;
    width: 67%;
  }
  .section-recruit > .inner .block-txt .list-links > .item:nth-child(2) {
    order: 3;
    width: 67%;
    margin-top: 24px;
  }
  .section-recruit > .inner .block-txt .list-links > .item:nth-child(3) {
    order: 2;
    width: 33%;
  }
  .section-recruit > .inner .block-txt .list-links > .item:nth-child(4) {
    order: 4;
    width: 33%;
    margin-top: 24px;
  }
  .section-recruit > .inner .block-fig {
    position: relative;
    right: -2.8vw;
    width: calc(100% + 2.8vw);
  }
  .section-voice .headline {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 23px 0 24px;
    transform: none;
  }
  .section-voice .block-links {
    display: block;
  }
  .section-voice .block-links .item {
    width: 100%;
  }
  .section-about {
    padding: 66px 5.6vw 0;
  }
  .section-about > .inner {
    flex-direction: column;
  }
  .section-about .block-fig {
    position: relative;
    left: -5.6vw;
    order: 2;
    width: calc(100% + 5.6vw);
    margin: 0;
    padding: 0;
  }
  .section-about .block-txt {
    width: 100%;
    margin-bottom: 34px;
  }
  .section-about .block-txt .headline {
    margin-bottom: 21px;
  }
  .section-about .block-txt ._txt {
    margin-bottom: 25px;
  }
  .section-about .block-txt .list-links {
    padding: 0;
  }
  .section-about .block-txt .list-links > .item:nth-child(1) {
    order: 1;
    width: 57%;
  }
  .section-about .block-txt .list-links > .item:nth-child(2) {
    order: 3;
    width: 57%;
    margin-top: 24px;
  }
  .section-about .block-txt .list-links > .item:nth-child(3) {
    order: 2;
    width: 43%;
  }
  .section-about .block-txt .list-links > .item:nth-child(4) {
    order: 4;
    width: 43%;
    margin-top: 24px;
  }
  .section-news {
    padding: 66px 5.6vw 78px;
  }
  .section-news > .inner {
    flex-direction: column;
  }
  .section-news .block-news {
    order: 1;
    min-width: 100%;
    margin: 0;
  }
  .section-news .block-news .headline ._small {
    display: block;
    padding: 0;
    font-size: 80%;
  }
  .section-news .block-news .list-news .item {
    display: block;
    margin-top: 23px;
  }
  .section-news .block-news .list-news .item .date {
    display: block;
    padding: 0 0 7px;
  }
  .section-news .block-facebook {
    order: 3;
    width: 90%;
    margin: 0 auto;
    padding-top: 48px;
  }
  .section-news .block-btn {
    order: 2;
    padding-top: 28px;
  }
  .section-news .block-btn > .btn {
    margin: 0 auto;
  }
  .section-staff {
    height: 282px;
    background: url("../img/top/staff-bg_sp.jpg") no-repeat 0 0/cover;
  }
  .section-staff .btn {
    bottom: 30px;
  }
}

/* ↓ 230407 KINOSHITA */
.section-news .block-news{
	flex: 1;
}
.section-news .block-news .list-news .item .titles {
    font-weight: bold;
    line-height: 1.9375;
    letter-spacing: 0.05em;
}
.section-news .block-news .list-news .item .date {
	min-width: 120px;
}
.ajaxload-box{
	width: 100%;
	height: 100px;
	background-image: url("../img/common/ajax-loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 66px auto;
}
/* ↑ 230407 KINOSHITA */

/* ↓ 230601 KINOSHITA 追加 */
.section-news .block-news .list-news .item:not(:nth-child(-n+5)) {
	display: none;
}
/* ↑ 230601 KINOSHITA 追加 */
