@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

/******* リセットcss *******/
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
}

body {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.sp__txt__br {
  display: none;
}

.pc_none {
  display: none;
}

#kv {
  position: relative;
}

/******* header *******/

#g-nav {
  display: none;
}

.top__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background-color: #fff;
}

/* スクロールするため高さを出すためのsection */
.section {
  height: 100vh;
}

.section__b {
  background: #000;
}

/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
.scroll__nav {
  /* 背景を白にする */
  background: #fff;
}

.scroll__nav .logo__before {
  display: none;
}

.logo__after {
  display: none;
}

.scroll__nav .logo__after {
  display: block;
}

.header__img {
  width: 240px;
  padding: 20px;
}

.header__logo {
  float: left;
}

.header__nav {
  width: 35%;
  margin: 0 0 0 auto;
}

.header__ul__01 {
  text-align: right;
}

.top__header__link {
  color: #fff;
  padding: 20px;
}

.scroll__nav .top__header__link,
.header__link {
  color: #000;
  padding: 20px;
}

.header__li__01 {
  position: relative;
  display: inline-block;
  padding: 30px 0;
}

/******* kv *******/
.kv__tl {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 170px;
  position: absolute;
  /* ハンバーガーの次に上に来る */
  z-index: 1;
}

.kv__tl__txt,
.kv__tl__txt span {
  color: #fff;
  /* font-size: 2.0rem; */
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  opacity: 0;
}

.kv__tl__txt2,
.kv__tl__txt2 span {
  color: #fff;
  /* font-size: 2.0rem; */
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  opacity: 0;
}

.kv__videoarea {
  height: 65vh;
  width: 100%;
}

.kv__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/******* about *******/
.about {
  width: 65%;
  margin: 4rem auto;
  display: flex;
  align-items: center;
}

.about__tl {
  padding: 30px;
  float: left;
  width: 25%;
}

.about__maintl {
  color: #1a70b1;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.about__subtl {
  text-align: center;
  padding: 10px;
}

.about__box {
  width: 75%;
  margin: 0 0 0 2.5%;
}

.about__txt {
  line-height: 150%;
  padding: 20px;
}

/******* news *******/
.news {
  padding: 2rem 0;
  background-color: #f2f2f2;
}

.news__area {
  width: 80%;
  margin: 4rem auto;
  display: flex;
  align-items: center;
  height: 220px;
}

.news__tl {
  width: 25%;
  padding: 30px;
  float: left;
}

.news__maintl {
  color: #1a70b1;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.news__subtl {
  text-align: center;
  padding: 10px;
}

.news__box {
  width: 75%;
  margin: 0 0 0 2.5%;
  border-top: solid 1px lightgray;
  overflow: hidden;
  /* overflow: scroll; */
  height: 100%;
}

.news__box__list {
  display: flex;
  /* align-items: center; */
  width: 100%;
  /* padding: 3% 0; */
  /* padding: 20px 0; */
  padding: 24px 0;
  border-bottom: solid 1px lightgray;
}

.news__box__txt {
  display: inline-block;
  position: relative;
  overflow: hidden;
  /* text-decoration: none; */
  text-overflow: ellipsis;
  white-space: nowrap;
  /* vertical-align: middle; */
  padding: 2px 0;
}

.preload {
  transition: 0 !important;
}

.news__box__txt:after {
  position: absolute;
  overflow: hidden;
  /* text-decoration: none; */
  /* text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; */
  bottom: 0;
  left: 0;
  width: 0%;
  /* height: 2px;
  background-color:#1A70B1 ; */
  border-bottom: solid 2px #1a70b1;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  /* transform: scale(0, 1);
  transform-origin: left top;
  transition: all .3s; */
  content: "";
}

.news__box__list:hover .news__box__txt:after {
  transform: translate(0, 0);
  width: 100%;
  /* transform: scale(1, 1); */
}

.news__box__timebox {
  color: #1a70b1;
  font-weight: bold;
  /* padding-left: 20px; */
  width: 30%;
  padding: 2px 0 2px 20px;
}

.news__box__txtbox {
  width: 70%;
  color: #000;
  height: auto;
}

.news__box__link {
  width: 200px;
  margin: 0 auto;
}
/******* archive__news *******/
.archive__news {
  padding: 2rem 0;
  background-color: #f2f2f2;
}

.archive__news__area {
  width: 60%;
  margin: 4rem auto;
  /* display: flex; */
  display: block;
  align-items: center;
}

.archive__news__tl {
  width: 100%;
  padding: 30px;
  /* float: left; */
}

.archive__news__maintl {
  color: #1a70b1;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.archive__news__subtl {
  text-align: center;
  padding: 10px;
}

.archive__news__box {
  width: 100%;
  /* margin: 0 0 0 2.5%; */
  border-top: solid 1px lightgray;
  /* overflow: hidden; */
  /* overflow: scroll; */
  height: 100%;
}

/******* movie *******/
.movie {
  text-align: center;
  position: relative;
  height: 600px;
}

.movie__bg {
  padding: 4rem 0;
  width: 100%;
  height: 320px;
  background-image: url("media/img__top__recruit.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

/*背景ぼかすパターン
.movie__bg {
  padding: 4rem 0;
  width: 100%;
  height: 320px;
  background-image: url("media/img__top__recruit.jpg");
  background-repeat: no-repeat;
  background-size: 300%;
  background-position: center top;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.movie__bg::before {
  background: inherit;
  content: '';
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
*/
.movie__tl {
  padding: 30px;
}

.movie__maintl {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.movie__subtl {
  color: #fff;
  text-align: center;
  padding: 10px;
}

.movie__video {
  /* width: 60%; */
  width: 900px;
  height: auto;
  margin: 0 auto;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 200px;
  /* transform: translateY(-30%); */
  /*動画に枠線つけるパターン
  border: 5px solid;
  border-color: #fff;
  */
  /*ドロップシャドウつけるパターン
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
  */
}

/******* recruit *******/
.recruit__br__sp {
  display: none;
}

.recruit {
  position: relative;
  height: auto;
  overflow: hidden;
  margin-top: 150px;
}

.recruit__tl {
  padding: 30px;
}

.recruit__maintl {
  color: #1a70b1;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.recruit__subtl {
  text-align: center;
  padding: 10px;
}

.recruit__box {
  /* width: 80%; */
  width: 100%;
  /* margin: 0 0 0 auto; */
}

.recruit__box__slider img {
  height: 300px;
  width: 98%;
  margin: 0 1%;
  object-fit: cover;
  margin-top: 30px;
  image-rendering: -webkit-optimize-contrast;
}

.recruit__box__left {
  background-color: #fff;
  /* width: 38%; */
  width: 380px;
  padding: 30px 30px 0;
  transform: translateY(-40%);
}

.recruit__catch__txt {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 150%;
  margin: 20px;
}

.txt__blue {
  color: #1a70b1;
}
.txt__blue1 {
  color: #58afcc;
}

.txt__blue2 {
  color: #58afcc;
  color: #1a70b1;
}
.recruit__link__txt {
  color: #1a70b1;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 60px 20px 0;
}

.btn {
  background: linear-gradient(to right, #0a2366, #1a70b1);
  text-align: center;
  width: 200px;
  padding: 20px 5px;
  margin: 20px;
}

.btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

.linkbtn {
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 1px;
  /* リセットcss（お問合わせフォーム用）*/
  font-size: 1rem;
  background-color: transparent;
  border: none;
}

.linkbtn__img {
  padding: 3px 10px;
  transition: transform 0.4s;
}

/******* company *******/
.company {
  display: flex;
  align-items: center;
}

.company__box__right {
  width: 50%;
  order: 1;
  display: block;
}

.company__tl {
  padding: 30px;
}

.company__maintl {
  color: #1a70b1;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.company__subtl {
  text-align: center;
  padding: 10px;
}

.company__list {
  padding: 0 5%;
  margin-bottom: 10%;
}

.company__list__dl {
  display: flex;
  margin: 0 5%;
  padding: 5% 0;
  border-bottom: 2px solid #ddd;
}

.company__list__dt {
  width: 25%;
}

.company__list__dd {
  width: 75%;
  line-height: 1.5;
}

.company__box__btn {
  width: 200px;
  margin: 0 auto;
}

.company__box__left {
  width: 50%;
}

.company__img {
  display: block;
  width: 100%;
  height: 800px;
  object-fit: cover;
  margin: 0;
}

/******* footer *******/
.footer {
  background-color: #333;
  padding: 4rem 0 0.8rem 0;
}

.footer__box {
  width: 80%;
  margin: 0 auto;
}

.footer__flex {
  display: flex;
}
.footer__logobox {
  width: 30%;
}

.footer__img {
  width: 100%;
}

.footer__nav {
  overflow: hidden;
  line-height: 2rem;
  width: 70%;
}

.footer__ul__01 {
  display: flex;
}

.footer__li__01 {
  width: 27%;
  margin: 0 3%;
}

.footer__li__02 {
  font-size: 0.8rem;
}

.footer__link {
  color: #ddd;
}

.copyright {
  padding-top: 20px;
}

.footer__txt__privacy {
  color: #ddd;
  font-size: 0.8rem;
  padding: 20px;
  float: left;
}

.footer__txt__copy {
  color: #ddd;
  font-size: 0.8rem;
  text-align: right;
  padding: 20px;
}

.footer__google__text {
  text-align: center;
  padding-top: 50px;
}
.footer__google__font {
  font-size: 0.8rem;
  line-height: 1.75em !important;
  color: #ddd;
}
.footer__google__font > a {
  color: #ddd;
}

.contact__google__text {
  text-align: center;
  padding-top: 50px;
}
.contact__google__font {
  font-size: 0.8rem;
  line-height: 1.75em !important;
  color: #000;
}
.contact__google__font > a {
  color: #000;
}

/******* 下層ページ共通 *******/
.mv {
  position: relative;
  margin-top: 100px;
}

.mv__img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  margin: 0;
}

.mv__tl {
  padding: 30px;
  position: absolute;
  top: 120px;
  left: 160px;
}

.mv__maintl {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 10px;
  letter-spacing: 5px;
}

.mv__subtl {
  color: #fff;
  padding: 10px;
}

/******* 事業意義ミッションページ *******/
.mission__content01 {
  background-image: url(./media/mission__img01.jpg);
  background-position: center;
  background-size: cover;
  height: 500px;
  margin-top: 4rem;
}

.mission__content02 {
  /* background-image: url(./media/mission__img02.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 500px;
  /* z-index: -30; */
  display: flex;
}

.mission__content02__rightbox {
  width: 50%;
  height: 500px;
  /* z-index: -20; */
}

.mission__content02__right__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mission__content02__leftbox {
  width: 50%;
  height: 500px;
  margin: 0 auto 0 0;
  background-color: #333;
  /* z-index: -20; */
}

.mission__content03 {
  background-image: url(./media/mission__img03.jpg);
  height: 500px;
  margin-bottom: 4rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.mission__content__rightbox {
  width: 50%;
  height: 500px;
  margin: 0 0 0 auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.mission__content__leftbox {
  width: 50%;
  height: 500px;
  margin: 0 auto 0 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.mission__content__inner {
  height: 200px;
  padding: 150px 0;
}

.mission__tl {
  margin: 20px 0;
  text-align: center;
}

.mission__maintl {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

.mission__subtl {
  color: #fff;
  padding: 10px;
}

.mission__btn {
  background: linear-gradient(to right, #0a2366, #1a70b1);
  text-align: center;
  width: 200px;
  padding: 20px 5px;
  margin: 20px auto;
}

.mission__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/******* 事業内容ページ *******/

.business__content01 {
  padding: 4rem 0;
  background-color: #f2f2f2;
}

.business__content01__main__p {
  line-height: 1.5;
  letter-spacing: 1px;
}
.business__content02 h3 {
  font-size: 1.5rem;
}

.business__content02 p {
  line-height: 1.5;
  width: 100%;
  font-size: 1rem;
}

.business__content01__item {
  padding: 5rem 0 3rem;
  display: flex;
}

.bussiness__content01__left__card {
  width: 385px;
  height: 320px;
  background-color: white;
  margin-right: 15px;
  position: relative;
}

.bussiness__content01__right__card {
  width: 385px;
  height: 320px;
  background-color: white;
  margin-left: 15px;
  position: relative;
}

.bussiness__content01__card__img {
  position: absolute;
  right: 0;
  left: 115px;
  top: -75px;
  height: 150px;
  width: 150px;
  object-fit: cover;
}

.bussiness__content01__card__txtbox {
  position: absolute;
  top: 110px;
  left: 5px;
}

/* 追加 */
.business__content01__main__h3 {
  color: #1a70b1;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  padding: 2% 0;
}

/* クラス追加 */

.business__content01__cardtl {
  color: #1a70b1;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding: 2% 0;
}

/* 追加 */

.business__content01__box {
  max-width: 800px;
  margin: 0 auto;
}

/* 追加 */
.business__content10box {
  background-color: #f2f2f2;
  width: 100%;
}
.contents01__tlbox02 {
  color: #1a70b1;
  font-weight: bold;
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 1px;
  margin-top: 50px;
}

.contents01__txtbox02 {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  padding: 1rem 0;
}

.business__contents__imgbox02 {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem 0;
}

.business__contents__img02 {
  width: 100%;
}

.business__contents__catgorybox {
  max-width: 800px;
  margin: 0 auto;
  background-color: #1a70b1;
  height: 60px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}
.business__contents__catgorybox p {
  padding: 20px 0;
  margin: auto 0;
}

.bussiness__content012box {
  max-width: 800px;
  margin: 0 auto;
}

.bussiness__content012__txt {
  padding: 1rem 0;
}

.bussiness__content012__item {
  padding: 1rem 0 2rem;
  display: flex;
}

.bussiness__content012__left__card {
  width: 385px;
  height: 200px;
  background-color: #fff;
  margin-right: 15px;
}

.bussiness__content012__right__card {
  width: 385px;
  height: 200px;
  background-color: #fff;
  margin-left: 15px;
}

.bussiness__content012__card__text {
  padding: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #1a70b1;
  line-height: 2;
}

.business__content03 {
  max-width: 800px;
  margin: 0 auto;
}

.business__content02__box {
  text-align: center;
}

.business__content02__tl {
  color: #1a70b1;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 4rem 0 1rem;
}

.business__content02__p__box {
  padding: 1rem 0;
}

.business__content02__p {
  text-align: left;
  line-height: 1.5;
}

.business__content03__item {
  display: flex;
  padding: 1rem 0;
}

.bussiness__content03__left__card {
  width: 385px;
  height: 360px;
  background-color: #f2f2f2;
  margin-right: 15px;
  position: relative;
}

.bussiness__content03__right__card {
  width: 385px;
  height: 360px;
  background-color: #f2f2f2;
  margin-left: 15px;
  position: relative;
}

.bussiness__content03__card__img {
  position: absolute;
  right: 0;
  left: 115px;
  top: 40px;
  height: 150px;
  width: 150px;
  object-fit: cover;
}

.bussiness__content03__card__txtbox {
  position: absolute;
  top: 210px;
  left: 5px;
}

.bussiness__content03__cardtl {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 10px 0;
  color: #1a70b1;
}

.bussiness__content03__cardtxt {
  text-align: left;
  line-height: 1.5;
  padding: 10px 1% 10px 1%;
}

.bussiness__text__color {
  color: #1a70b1;
}

.bussiness__content04__box {
  display: flex;
  padding: 2rem 0 3rem;
}

.bussiness__content04__img {
  width: 50%;
  object-fit: cover;
}

/* 企業情報*/

.profile__content01 {
  background-image: url(./media/profile__img01.jpg);
  height: 500px;
  margin-top: 4rem;
  background-position: center;
  background-size: cover;
}

.profile__content02 {
  background-image: url(./media/profile__img02.jpg);
  height: 500px;
  background-position: center;
  background-size: cover;
}

.profile__content03 {
  background-image: url(./media/profile__img03.jpg);
  height: 500px;
  margin-bottom: 4rem;
  background-position: center;
  background-size: cover;
}

/******* CSRページ *******/

.csr__content__01box {
  padding: 4rem 0;
}

.csr__cantent__center__box {
  height: 250px;
  position: relative;
}

.csr__content01__textleft {
  margin: 5% auto 10%;
  color: #1a70b1;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
}

/* 変更 */

.csr__content01__flex {
  width: 50%;
  height: 330px;
  margin: 0 auto;
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: row-reverse;
}

.csr__content01__flex img {
  width: 50%;
}

.csr__content02 {
  position: relative;
  background-color: #e6e6e6;
  height: 320px;
  z-index: -35;
}

.csr__content02__textleft {
  width: 50%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  display: inline-block;
  text-align: left;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 1px;
}

.csr__content03 {

  margin: 0 auto;
  width: min(95%,1600px);
  margin-bottom: 5%;
}

.csr__content03__box {
  width: 50%;
}

.csr__content03__tlbox {
  padding: 3% 2%;
  color: #1a70b1;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
}

.csr__content03__txtbox {
  padding: 3% 2%;
  font-size: 1rem;
  line-height: 1.5;
}

.csr_font_size {
  font-size: 0.8rem;
}

.csr__content03__imgbox {
  width: 50%;
  height: 600px;
}

.csr__content03__img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  object-fit: contain;
}

.csr__content03 li {
  display: flex;
  align-items: center;
  box-sizing: content-box;
}

/* レスポンシブ用 */

.csr__content03__flex-direction {
  flex-direction: row-reverse;
}

.csr__content03__tlbox__sp {
  display: none;
}

/* Modified by: SWITCH DESIGN on 2025-05-15
　　サステナビリティページ　新設のため *************************************************/
:root {
  --si-blue: #1a70b1;
  --si-blue2: #f2f6ff;
}
#sustainability__content-switch {
  margin: 0;
  padding-bottom: 2em;
  img {
    width: 100%;
    height: auto;
  }
  .colorbox__sp250 {
    width: 100%;
    height: 100%;
    .color__sp250 {
      height: 100%;
    }
  }
  sup,
sub {
  line-height: 1.4;
}
sup {
  font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
sub {
  font-size: 70%;
  vertical-align: bottom;
  position: relative;
  bottom: 0.1em;
}
  .sustainability__content-switch {
    margin: 0 auto;
    padding-block: 50px;
    width: min(1400px , 90%);
    transition: all .3s ease-out;
    h4 {
      position: relative;
      margin: 0;
      margin-bottom: 1em;
      padding: .25em 0 .25em .5em;
      border-left: solid 8px var(--si-blue);
      font-size: 1.5em;
      font-weight: bold;
      line-height: 1.3;
      color: var(--si-blue);
    }
    p {
      line-height: 1.8;
      &.note {
        margin-top: .75em;
        padding-left: 1em;
        font-size: 90%;
        text-indent: -1em;
      }
    }
  }
}

#sustainability__content-switch--intro {
  margin: 0;
  width: 100%;
  background-color: var(--si-blue2);
  h3 {
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: solid 1px rgba(0,0,0,.3);
    word-break: keep-all;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.4;
    color: var(--si-blue);
    &::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 3em;
      height: 3px;
      background-color: var(--si-blue);
    }
  }
  ul {
    padding-top: .5em;
    list-style-type: none;
    counter-reset: number;/* カウンターを初期化 */
    li {
      position: relative;
      padding-left: 2.2em;
      font-size: 1.05em;
      font-weight: bold;
      line-height: 1.5;
        &::before {
          content: counter(number);
          counter-increment: number;
          position: absolute;
          left: 0;
          transform: translateY(-10%);
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0;
          padding: 0;
          border-radius: 50%;
          width: 2em;
          height: 2em;
          font-size: 0.9em;
          font-family: "Poppins", sans-serif;
          font-weight: 700;
          font-style: normal;
          line-height: 1;
          color: white;
          background-color: var(--si-blue);
        }
      & + li {
        margin-top: 1.25em;
      }
    }
  }
}

#sustainability__content-switch--01 {
  figure {
    display: block;
    padding-block: 2em;
    text-align: center;
    img {
      width: 180px;
    }
    figcaption {
      margin-top: 1em;
    }
  }
  ul {
    background-color: var(--si-blue2);
    padding: 1em;
    font-size: 1.05em;
    font-weight: bold;
    li {
      display: inline-block;
      padding: .5em 1em;
    }
  }
}
#sustainability__content-switch--04 {
  .content-switch--04-flex {
    transition: none;
  }
.sustainability__content-switch--flex {
  & > div {
    margin-top: 2em;
  }
}
.sustainability__content-switch--flex-text {
  transition: none;
}
h5 {
  margin-top: 1em;
  font-size: 1.4em;
  font-weight: bold;
  color: var(--si-blue);
}
ul {
  padding-top: .5em;
  li {
  margin-top: .75em;
  p {
    margin-top: .5em;
    line-height: 1.4 !important;
    &:first-of-type {
      font-weight: bold;
      &::before {
        content: '●';
        color: var(--si-blue);
      }
    }
  }
  }
}
.project {
  margin-top: 1em;
  padding: 1em 1.5em;
  font-weight: bold;
  line-height: 1.4;
  color: var(--si-blue);
  background-color: var(--si-blue2);
  span {
    display: inline-block;
  }
}
}
#sustainability__content-switch--05 {
  .colorbox__sp250 {
    height: fit-content;
  }
  .hinocenter {
    margin-bottom: .5em;
  }
  .sus__switch05--content {
    padding-top: 50px;
    h5 {
      font-size: 1.3em;
      font-weight: bold;
      padding-bottom: 1em;
      padding-left: 1em;
      text-indent: -1em;
      line-height: 1.3;
      &::before {
        content: '●';
        margin-right: 0.15em;
        color: var(--si-blue);
      }
    }
    ul {
      list-style: disc;
      margin-left: 1.5em;
      font-size: 1.1em;
      font-weight: bold;
      li {
        line-height: 1.6;
        + li {
          margin-top: .5em;
        }
      }
    }
    .colorbox__sp250 {
      margin: 25px auto 0;
      width: min(1300px,100%);
      span {
        display: block;
        margin-top: .5em;
      }
    }
    .boder_img {
      border: solid 1px #999;
    }
  }
}

#sustainability__content-switch--related-information {
  padding-top: 0 !important;
  ul {
    li {
font-size: 110%;
      font-weight: bold;
      line-height: 1.6;
        font-feature-settings: "palt";
      & + li {
        margin-top: .5em;
      }
    }
  }
}

@media screen and (min-width: 600px) {
  #sustainability__content-switch {
    .sustainability__content-switch {
      padding-block: 80px;
      h4 {
        font-size: 1.6em;
      }
    }
  }
  #sustainability__content-switch--intro {
    h3 {
      font-size: 1.9em;
    }
  }
  #sustainability__content-switch--04 {
.content-switch--04-flex {
  display: flex;
  padding-top: 2em;
  border-top: solid 1px var(--si-blue);
  .sustainability__content-switch--flex-image {
    order: 2;
    width: 50%;
    padding-left: 5%;
    .colorbox__sp250 {
      height: fit-content;
    }
  }
  .sustainability__content-switch--flex-text {
    flex: 1;
    order: 1;
  }
}
h5 {
  margin-top: 0em;
}
}
}

@media screen and (max-width: 1069px) {
  .sustainability__content-switch--flex2 {
    .sustainability__content-switch--flex-image {
      margin: 2em auto 0;
      max-width: 700px;
    }
      }
      #sustainability__content-switch--01 {
        &.sustainability__content-switch--flex2 {
          .sustainability__content-switch--flex-image {
            max-width: 430px;
          }
        }
      }
}

@media screen and (min-width: 1070px) {
  #sustainability__content-switch {
    .sustainability__content-switch {
      padding-block: 100px;
      h4 {
        font-size: 1.8em;
      }
    }
  }
  .sustainability__content-switch--flex {
display: flex;
justify-content: space-between;
  }
  .sustainability__content-switch--flex2 {
    .sustainability__content-switch--flex-text {
      flex: 1;
    }
    .sustainability__content-switch--flex-image {
      width: 55%;
      padding-left: 7%;
    }
  }
  .sustainability__content-switch--flex3 {
    > div {
width: 30%;
}
  }
  #sustainability__content-switch--intro {
    h3 {
      font-size: 2.2em;
    }
    ul {
      li {
        font-size: 1.2em;
      }
    }
  }
  #sustainability__content-switch--01 {
    &.sustainability__content-switch--flex2 {
      .sustainability__content-switch--flex-image {
        width: 35%;
      }
    }
  }
  #sustainability__content-switch--04 {
    .content-switch--04-flex {
      display: block;
      border-top: none;
      padding-top: 0;
      .sustainability__content-switch--flex-image {
        width: 100%;
        padding-left: 0;
      }
      .sustainability__content-switch--flex-text {
      }
    }
    h5 {
      margin-top: 1em;
    }
  }
  #sustainability__content-switch--05 {
    .sustainability__content-switch--flex2 {
      .sustainability__content-switch--flex-text {
        flex: 1;
      }
      .sustainability__content-switch--flex-image {
        width: 42%;
        padding-left: 5%;
      }
    }
    .sus__switch05--content {
      h5 {
        font-size: 1.5em;
      }
      ul {
        column-count: 2;
      }
    .colorbox__sp250 {
      margin-top: 35px;
      span {
        margin-top: 1em;
        text-align: center;
      }
    }
    }
  }
}

/*===========
品質方針
===========*/
.quality__content01 {
  padding: 4rem 0;
}

.quality__content01__txt__box {
  padding-top: 2%;
  text-align: center;
  line-height: 2;
}

.quality__content01__txt__box__sp {
  display: none;
}

.quality__content02 {
  background-color: #f5f5f5;
  padding: 4rem 0;
}

.quality__content02__tl {
  font-weight: bold;
  font-size: 2rem;
  /* letter-spacing: 2px; */
  line-height: 1.6;
  word-break: keep-all;
}
.quality__content02__tl ruby {
  ruby-align: space-around;
  white-space: nowrap;
}
.quality__content02__tl ruby > rb {
  font-size: 2.0rem;
}
.quality__content02__tl ruby > rt {
  /* padding: 0 0 .15em; */
  font-size: .9rem;
}
.quality__content02__tl + p {
  margin-top: 2em;
  word-break: keep-all;
  line-height: 1.6;
}
.quality__tl__color {
  color: #1a70b1;
}

.quality__item {
  width: 80%;
  margin: 0 10%;
}

.quality__list {
  display: flex;
  align-items: center;
  padding: 3% 1%;
  width: 100%;
  border-bottom: solid 1px lightgrey;
}

.quality__list__img {
  height: 40px;
  width: 40px;
}

.quality__list__txt {
  margin-left: 1%;
  line-height: 1.5;
  p {
    ruby {
      /* font-size: 0; */
      rb {
        font-size: 16px;
      }
      rt {
        font-size: 10px;
      }
    }
  }

}

.quality__item__txt {
  text-align: right;
  padding-top: 2%;
  line-height: 1.5;
  letter-spacing: 2px;
}

.quality__content03 {
  padding: 4rem 0;
  position: relative;
}

.quality__content03__tl__imgbox {
  width: 30%;
  margin: 0 35%;
}
.quality__content03__tlimg {
  width: 100%;
  object-fit: cover;
}

.quality__content03__item {
  width: 80%;
  padding: 4% 0;
  margin: 0 10%;
  display: flex;
  align-items: center;
}

.quality__content03__imgbox {
  width: 28%;
  object-fit: cover;
  padding: 0 11%;
}
.quality__content03__txtbox {
  width: 50%;
  padding-left: 5%;
}

.quality__content03__txt {
  width: 100%;
  border-bottom: solid 1px lightgrey;
  padding: 5% 2%;
}

/******* エスアイシステムとは *******/
.about__br__sp {
  display: none;
}

.about__content01__box__tl {
  margin: 0 auto;
  padding: 4rem 0 2rem;
  text-align: center;
}

.about__content01__tl {
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
}

.about__content01__tl02 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 20px;
  line-height: 150%;
}

.about__content01__box__img {
  display: flex;
  padding: 0 4rem;
}

.about__content01__img {
  width: calc(100% / 3);
  padding: 0 10px;
  height: 200px;
  object-fit: cover;
}

.about__content01__box__txt {
  margin: 0 auto;
  padding: 2rem 0 2rem;
  width: 70%;
  line-height: 1.5;
}
.about__content01__txt02 {
  font-size: 1rem;
  margin: 20px 0;
}

.about__content01__txt {
  font-weight: bold;
  line-height: 150%;
  font-size: 2rem;
  /* margin: 20px; */
  padding: 2rem 0 0 0;
  text-align: center;
}

.about__content02 {
  padding: 4rem 0;
  background-color: #f5f5f5;
  height: 300px;
}

.about__content02__tlbox {
  padding: 1rem 0 2rem;
  text-align: center;
}

.about__content02__tlbox__tl {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #1a70b1;
}

.about__content02__txt__box {
  text-align: center;
  line-height: 2;
}
.about__content02__tl {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1%;
  margin-top: 3%;
}

.about__content03 {
  padding: 4rem 0;
  height: 300px;
}

.about__content03__tl {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1%;
}

/******* 代表取締役社長ページ *******/
.message__content01 {
  display: flex;
  align-items: center;
}

.message__content02 {
  display: flex;
  align-items: center;
}

.message__content01__box {
  margin: 0 4rem;
  width: 45%;
}

/* .message__content02__box {
  width: 45%;
  margin: 0 4rem;
} */

.message__content01__img {
  width: 50%;
  margin: 6rem 0;
}

/* .message__content02__imgarea {
  padding: 8rem 0;
  margin-bottom: 4rem;
  background: linear-gradient(to bottom, #fff 0%, #fff 65%, #f2f2f2 35%, #f2f2f2 100%);
} */

/* .message__content02__img {
  width: 65%;
  margin: 0 auto;
} */

.bg__gl {
  width: 100%;
  height: 300px;
  background-color: #f2f2f2;
}

.content__tl {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
}

.content__txt {
  padding: 50px 0;
  line-height: 1.5;
}

.message__text__color {
  color: #1a70b1;
}

.content__img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.label {
  color: #fff;
  background-color: #1a70b1;
  text-align: center;
  width: 240px;
  padding: 20px 5px;
  margin: 0 0 0 auto;
}

.fontsize_s {
  font-size: 0.8rem;
}

/* Modified by: SWITCH DESIGN on 2025-05-07
　　社長メッセージ　改訂のため *************************************************/
.message__content-switch {
  margin: 4em auto 0;
  padding-bottom: 8em;
  width: min(1400px , 90%);
}
.message__content-switch img {
  width: 100%;
  height: auto;
}
.message__content-switch--photo {
  display: flow-root;
}
.message__content-switch--photo .colorbox__sp250 {
  width: 100%;
  height: auto;
  /* background-color: #2267ab; */
}
.message__content-switch--photo img {
  object-fit: cover;
  height: 100%;
}
.message__content-switch--photo .color__sp250 {
  height: 100%;
}
.message__content-switch--photo p.company-signature {
  float: right;
  margin-top: 1em;
  width: fit-content;
  line-height: 1.3;
}
.message__content-switch--photo .company-signature > span {
  display: block;
}
.message__content-switch--photo .company-signature > span.company-name {
  font-size: 1.15rem;
}
.message__content-switch--photo .company-signature > span.ceo-name > span {
  font-size: 1.6em;
  font-weight: bold;
}
.message__content-switch--text {
margin-top: 4em;
}
.message__content-switch--text h2 {
  font-size: 1.5em;
  line-height: 1.6;
  font-weight: bold;
  word-break: keep-all;
}
.message__content-switch--text > p {
  margin-top: 1.5em;
  font-size: 1.125rem;
  line-height: 1.8;
}

@media screen and (max-width: 599px) {
  .message__content-switch--photo .colorbox__sp250 {
    aspect-ratio: 1/1.3;
  }
  .message__content-switch--photo img {
    object-position: top -5% right 22%;
  }
}

@media screen and (min-width: 600px) {
  .message__content-switch--photo .colorbox__sp250 {
    aspect-ratio: 2/1;
  }
  .message__content-switch--photo img {
    object-position: top 45% right 0;
  }
  .message__content-switch--text h2 {
    font-size: 2em;
  }
.message__content-switch--text > p {
  font-size: 1.188rem;
  line-height: 2;
}
}
@media screen and (min-width: 1070px) {
  .message__content-switch--text {
    margin-top: 5em;
    }
  .message__content-switch--text h2 {
    font-size: 2.2em;
  }
  .message__content-switch--text > p {
    /* font-size: 1.25rem; */
    line-height: 2.2;
  }
}



/******* 採用情報ページ *******/
/*===========
採用情報ページ
===========*/
/* 新卒採用中途採用 */

.recruitment__top__content__box {
  display: flex;
  margin-top: 4rem;
}

.recruitment__top__content__left__box {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 50vh;
}

.recruitment__top__content__left__image__box {
  background-image: url(media/recruit__left__img01.JPG);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  transition-duration: 0.5s;
  height: 50vh;
  width: 100%;
}

.recruitment__top__content__left__image__box:hover {
  transform: scale(1.1, 1.1);
  /*画像の拡大*/
  cursor: pointer;
  /*カーソルをポインターにする*/
}

.recruitment__top__content__left__image__box::before {
  content: "";
  /* ↓暗いオーバーレイを半透明で配置 */
  background-color: rgba(0, 0, 0, 0.4);
  /* ↓全体を覆うように配置 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.recruitment__top__content__right__box {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 50vh;
}

.recruitment__top__content__right__image__box {
  width: 100%;
  height: 50vh;
  background-image: url(media/recruit__right__img02.JPG);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  transition-duration: 0.5s;
  /*変化の時間*/
}

.recruitment__top__content__right__image__box:hover {
  transform: scale(1.1, 1.1);
  /*画像の拡大*/
  cursor: pointer;
  /*カーソルをポインターにする*/
}

.recruitment__top__content__right__image__box::before {
  content: "";
  /* ↓暗いオーバーレイを半透明で配置 */
  background-color: rgba(0, 0, 0, 0.4);
  /* ↓全体を覆うように配置 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.recruitment__top__content__title__box {
  text-align: center;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: auto;
}

.recruitment__top__content__title {
  color: #ffffff;
  font-size: 2rem;
}
.recruitment__top__content__txtbox {
  font-size: 1rem;
  color: #ffffff;
  padding-top: 2%;
}

/* ボタン */
.recruitment__content__details__button__box {
  position: absolute;
  bottom: 20%;
  right: 0;
  left: 0;
  margin: auto;
}

/* 新卒採用VIEW MORE */
.recruitment__content__left__btn {
  background-color: #58afcc;
  text-align: center;
  width: 200px;
  padding: 20px 5px;
}

.recruitment__box__btn {
  width: 200px;
  margin: 0 auto;
}

.recruitment__content__left__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/* 中途採用VIEW MOREボタン */
.recruitment__content__right__btn {
  background: linear-gradient(to right, #1a70b1, #2267ab);
  text-align: center;
  width: 200px;
  padding: 20px 5px;
}

.recruitment__content__right__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/* キャッツコピー */
.recruitment__content__catch__copy__main {
  position: relative;
  padding: 2rem 0 3rem;
}

.recruitment__content__catch__copy {
  width: 80%;
  margin: 0 auto;
}

.recruitment__content__catch__copy__title__box {
  padding: 1rem 0;
  text-align: center;
  line-height: 2;
}

.recruitment__content__catch__copy__title {
  font-size: 2rem;
  font-weight: bold;
}

.recruitment__content__catch__copy__title02 {
  font-size: 1.2rem;
  font-weight: bold;
}

.catch__copy__title__line {
  width: 50px;
  margin: 10px;
}

.catch__copy__title__text {
  color: #1a70b1;
}

.recruitment__content__catch__copy__text__box {
  margin: 0 auto;
  max-width: 90%;
  padding: 3% 0;
}

.recruitment__content__catch__copy__text {
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}

/* インフォメーション */
.recruitment__information__content__box {
  position: relative;
  background-color: #e6e6e6;
}

.recruitment__information__content__title__box {
  position: absolute;
  top: -35px;
  right: 0;
  left: 0;
  margin: auto;
}

.recruitment__information__content__title {
  letter-spacing: 1px;
  font-family: Arial, sans-serif;
  font-size: 70px;
  font-weight: bold;
  text-align: center;
}

.recruitment__content__box {
  display: flex;
  padding: 100px 0 50px;
}

.recruitment__title__box {
  position: relative;
  top: 5%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.recruitment__content__left__box {
  width: 50%;
}

.recruitment__content__right__box {
  width: 50%;
  border-left: 1px solid #b3b3b3;
}

.recruitment__content__box__text {
  color: #ffffff;
  font-size: 2rem;
  width: 60px;
}

.recruit__img05flex {
  display: flex;
  padding: 2% 0;
}

.recruit__con05img {
  /* width: 33%; */
  width: 25%;
  object-fit: cover;
}

/* エントリーボタン */
.recruitment__entry__btn__box {
  width: 40vw;
  margin: 20px auto;
}

/* 新卒採用エントリーボタン */
.recruitment__entry__left__btn {
  position: relative;
  background-color: #58afcc;
  padding: 20px 5px;
  margin: 20px;
  width: 40vw;
  height: 150px;
  display: table-cell;
  vertical-align: middle;
}

.recruitment__entry__left__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/* 中途採用エントリーボタン */
.recruitment__entry__right__btn {
  position: relative;
  background: linear-gradient(to right, #1a70b1, #2267ab);
  padding: 20px 5px;
  margin: 20px;
  width: 40vw;
  height: 150px;
  display: table-cell;
  vertical-align: middle;
}

.recruitment__entry__right__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/* 新卒リンク先 */
.recruitment__link__box {
  width: 40vw;
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto;
}

.recruitment__list__box {
  width: 46%;
  margin: 0 2%;
  padding: 20px 0;
  border-bottom: solid 1px #58afcc;
  font-weight: bold;
  position: relative;
}

.recruitment__link__left__text {
  width: 15vw;
  font-size: 0.9rem;
  color: #58afcc;
}

.recruitment__link__left__text:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

.recruitment__link__right__text {
  width: 15vw;
  font-size: 0.9rem;
  color: #2267ab;
}

.recruitment__link__text__img {
  position: absolute;
  right: 3px;
  padding: 3px;
  transition: transform 0.4s;
}

.recruitment__link__right__text:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/* ボタンエリア */
.recruitment__button__area {
  margin: 0 auto;
  padding: 50px 0;
  display: block;
}

.recruitment__button__btn {
  background: linear-gradient(to right, #0a2366, #1a70b1);
  text-align: center;
  width: 250px;
  padding: 20px 5px;
  margin: 0 auto;
}

.recruitment__button__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/******* 新卒採用ページ *******/
/* キャッチコピー */
.graduate__recruitment__content__catch__copy__main {
  width: 100%;
  padding-bottom: 60px;
}

.graduate__recruitment__top__view__box {
  height: 190px;
  position: relative;
}

.graduate__recruitment__view__box {
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  margin: auto;
  width: 60%;
}

.graduate__recruitment__view__image {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  margin: 4rem 0;
  z-index: 2;
}

.graduate__recruitment__content__catch__copy__box {
  background-color: lightgrey;
  z-index: -10;
}

.graduate__recruitment__content__catch__copy {
  padding-top: 250px;
  padding-bottom: 50px;
  margin: 0px auto;
  max-width: 70%;
  text-align: center;
}

.graduate__recruitment__content__catch__copy__title {
  font-size: 2rem;
  font-weight: bold;
  padding: 10px;
}

.graduate__recruitment__content__catch__copy__title02 {
  font-size: 2rem;
  font-weight: bold;
  padding: 10px;
}

.graduate__recruitment__catch__copy__title__text {
  color: #1a70b1;
}

/* 新卒採用内容１ */
.graduate__recruitment__content {
  width: 100vw;
  position: relative;
}

.graduate__recruitment__content__box {
  margin: 4rem 0 8rem;
  display: flex;
  justify-content: space-between;
}

.graduate__recruitment__content__image__box {
  width: 50%;
}

.graduate__recruitment__content__left__image {
  display: block;
  width: 100%;
  height: 600px;
  object-fit: cover;
  margin: 0;
}

.graduate__recruitment__content__right__box {
  width: 42%;
  margin: 0 4%;
  overflow: hidden;
}

.graduate__recruitment__content__right__title__box {
  /* width: 21vw; */
  padding-top: 15%;
}

.graduate__recruitment__content__right__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

.graduate_recruitment__content__right__text__box {
  padding-top: 20px;
}

.graduate_recruitment__content__right__text {
  line-height: 1.5;
  margin-bottom: 2em;
}

/* 新卒採用内容2*/
.graduate__recruitment__content__right__image {
  display: block;
  width: 100%;
  height: 600px;
  object-fit: cover;
  margin: 0;
}

/* 説明後の選考の流れ */

.recruit__event__box {
  padding-bottom: 6rem;
}

.recruit__event__contents03 {
  width: 100%;
  padding: 5% 0;
  background-color: #e6e6e6;
}

.recruit__event__title__box {
  margin: 0 10%;
  max-width: 80%;
  text-align: center;
}
.event__main__title {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #58afcc;
}

.event__imgbox {
  width: 90%;
  margin: 2% 5%;
}
.recruit__event__contents__image {
  object-fit: cover;
  width: 100%;
}

.recruit__event__contents__flow__text {
  padding-top: 2%;
  text-align: center;
}

/* INFORMATION */
.requirements__information__main {
  position: relative;
  padding: 50px 0;
  background-color: #e6e6e6;
}

.requirements__information__content__title__box {
  height: 50px;
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  margin: auto;
}

.recruit_requirements__information__content__title__box {
  height: 50px;
  position: absolute;
  top: -9.2%;
  right: 0;
  left: 0;
  margin: auto;
}

.graduate__recruitment__information__content__title__box {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 95%;
}

.graduate__recruitment__information__content__title {
  letter-spacing: 1px;
  font-family: Arial, sans-serif;
  font-size: 70px;
  font-weight: bold;
  text-align: center;
}

/* 新卒採用リンク */
.graduate__recruitment__content__link__box {
  margin-top: 50px;
  width: 100vw;
  height: 50vh;
}

.graduate__recruitment__link__box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.graduate__recruitment__list {
  margin-top: 25px;
}

.graduate__recruitment__information__main {
  position: relative;
  padding: 4rem 0 6rem 0;
  background-color: #e6e6e6;
}

.graduate__recruitment__information__box {
  width: 80vw;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

.recruitment__content__box__text {
  color: #ffffff;
  font-size: 2rem;
  width: 60px;
}

.link__title__text {
  padding: 30px 0;
  color: black;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}

/* エントリーボタン */
.graduate__recruitment__entry__btn__box {
  width: 40vw;
  margin: 60px auto 20px;
}

.recruitment__entry__linkbtn {
  color: #fff;
  font-size: 3rem;
  letter-spacing: 1px;
  padding: 0 1% 0px 5%;
}

.recruitment__entry__linkbtn__img {
  padding: 3px 10px;
  transition: transform 0.4s;
  position: absolute;
  right: 10%;
  bottom: 45%;
}

.linkbtn__sub__text {
  font-size: 0.5rem;
  color: white;
}

/* レスポンシブで追加 */
.recruitment__entry__linkbtn__sp {
  display: none;
}

/* レスポンシブで追加 */
.graduate__recruitment__link__box__sp {
  display: none;
}

/* 新卒採用エントリーボタン */
.graduate__recruitment__entry__left__btn {
  position: relative;
  background-color: #58afcc;
  height: 150px;
  width: 40vw;
  display: table-cell;
  vertical-align: middle;
}

.graduate__recruitment__entry__left__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

/* 新卒リンク先 */
.graduate__recruitment__list__box {
  width: 23%;
  margin: 0 1%;
  padding: 20px 0;
  border-bottom: solid 1px #58afcc;
  font-weight: bold;
  position: relative;
}

.graduate__recruitment__link__text {
  font-size: 0.9rem;
  color: #58afcc;
}

.graduate__recruitment__link__text:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

.graduate__recruitment__link__text__img {
  position: absolute;
  right: 3px;
  /*右からの距離*/
  padding: 3px;
  transition: transform 0.4s;
}

/* ボタンエリア */
.graduate__recruitment__button__area {
  margin: 0 auto;
  padding: 20px 0;
  display: block;
}

.graduate__recruitment__button__btn__box {
  margin: 0 auto;
}

.graduate__recruitment__button__btn {
  background: linear-gradient(to right, #0a2366, #1a70b1);
  text-align: center;
  width: 250px;
  padding: 20px 5px;
  margin: 0 auto;
}

.graduate__recruitment__button__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

.graduate__linkbtn {
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

.graduate__linkbtn__img {
  padding: 3px 10px;
  transition: transform 0.4s;
}

/******* 中途採用ページ *******/

.recruit__midway__link__main {
  background-color: #f5f5f5;
  margin-top: 5%;
  padding: 5% 0;
}

.recruit__midway__title__box {
  margin: 0 15%;
  width: 70%;
  padding-bottom: 4rem;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #1a70b1;
}

.recruit__midway__headtxt {
  padding-bottom: 4rem;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #1a70b1;
}

.recruit__midway__link__contents {
  /* 中央揃い */
  width: 90%;
  margin: 0 5%;
  display: none;
}

.recruit__midway__link__box {
  display: flex;
  flex-wrap: wrap;
}

.recruit__midway__link__list {
  width: 23%;
  margin: 1%;
}

/* レスポンシブ時出現 */
.recruit__midway__link__box__sp {
  display: none;
}
.recruit__midway__link__list__sp {
  display: none;
}
.recruit__midway__link__list__sp2 {
  display: none;
}

.recruit__midway__contents__box {
  margin: 0 15%;
  width: 70%;
  display: flex;
  height: auto;
  padding-bottom: 30px;
}

.recruit__midway__contents__title__box {
  position: absolute;
  left: 25%;
  top: 10%;
  color: #1a70b1;
  font-weight: bold;
}

.recruit__midway__contents__right__box {
  width: 80%;
  border-bottom: solid 1px lightgrey;
  padding-bottom: 30px;
}

.recruit__midway__contents__text__box {
  margin-left: 50px;
  line-height: 1.5;
}

.recruit__midway__contents__left__box {
  width: 20%;
  border-bottom: solid 1px #1a70b1;
  position: relative;
  padding-bottom: 30px;
}

.recruit__midway__button__btn {
  background: #1a70b1;
  padding: 10% 5%;
  height: 35%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recruit__midway__button__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

.recruit__midway__linkbtn {
  color: #fff;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

.recruit__midway__linkbtn__img {
  padding: 3px 10px;
  transition: transform 0.4s;
  object-fit: cover;
}
.recruit__midway__contents__main {
  padding: 6rem 0 4rem;
}

.recruit__midway__contents__main__gr {
  padding: 6rem 0 4rem;
  background-color: #f5f5f5;
  display: none;
}

/* 業種 */
.recruit__midway__recruitment__contents__main {
  width: 100%;
  margin-bottom: 10%;
  padding-bottom: 5%;
  background-color: #f5f5f5;
}

/* INFORMATION */
.recruit__midway__recruitment__entry__btn__box {
  padding: 1%;
  margin: 2% 30% 0;
  width: 40%;
}

.recruit__midway__recruitment__entry__btn {
  background-color: #1a70b1;
  width: 100%;
  height: 15vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.recruit__midway__recruitment__entry__linkbtn__box {
  display: flex;
  align-items: center;
  width: 80%;
}

.recruit__midway__linkbtn__sub__text {
  font-size: 0.5rem;
  color: white;
  padding-left: 2%;
}

.recruit__midway__recruitment__entry__btn:hover img {
  transform: translateX(30%);
  transition: transform 0.4s;
}

.recruit__midway__recruitment__information__box {
  margin: 2% 25%;
  max-width: 50%;
  padding: 2% 0;
}

.recruit__midway__recruitment__link__box {
  display: flex;
}

.recruit__midway__recruitment__list__box {
  width: 40%;
  margin: 0 auto;
  padding: 2%;
  border-bottom: solid 1px #2267ab;
  position: relative;
}

.recruit__midway__recruitment__link__text {
  width: 15%;
  font-size: 0.9rem;
  color: #2267ab;
}

.recruit__midway__recruitment__link__text:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

.recruit__midway__recruitment__link__text__img {
  position: absolute;
  right: 5px;
  padding: 3px 10px;
  transition: transform 0.4s;
}

.recruit__midway__information__main {
  position: relative;
  padding: 50px 0;
  background-color: #e6e6e6;
}

.recruit__midway__information__content__title__box {
  height: 50px;
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  margin: auto;
}

.recruit__midway__information__content__title {
  letter-spacing: 1px;
  font-family: Arial, sans-serif;
  font-size: 70px;
  font-weight: bold;
  text-align: center;
}

.recruit__midway__information__title__sp {
  display: none;
}

/******* 福利厚生ページ *******/

/* 募集要項/新卒採用 */
.recruit__benefit__system__contents__title__box {
  position: absolute;
  left: 25%;
  line-height: 1.5;
}

.recruit__benefit__system__contents__text__box {
  margin-left: 50px;
  line-height: 1.5;
}

.recruit__benefit__system__contents__left__box {
  width: 25%;
  border-bottom: solid 1px #58afcc;
  color: #58afcc;
  font-weight: bold;
  position: relative;
  padding-bottom: 30px;
}

.recruit__befit__system__contents__right__box {
  width: 75%;
  border-bottom: solid 1px lightgrey;
  padding-bottom: 30px;
}

.recruit__benefit__system__contents__main {
  padding: 4rem 0 8rem;
}

.recruit__benefit__system__box {
  margin: 0 10%;
  max-width: 80%;
  padding: 3% 0;
  text-align: center;
}

.recruit__benefit__system__contents__main__title {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1rem;
  letter-spacing: 5px;
  color: #1a70b1;
}

/* ポイント/独自制度 */
.recruit__benefit__system__point__area {
  max-width: 80%;
  margin: 0 10%;
  padding-bottom: 8%;
}

.recruit__benefit__system__point__box {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.recruit__benefit__system__point__card {
  width: 38%;
  margin: 2%;
  padding: 3% 3%;
  border: solid #1a70b1;
}

.recruit__benefit__system__point__image__box {
  max-width: 50%;
  margin: 3% 25%;
}

.recruit__benefit__system__point__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recruit__benefit__system__point__card__title {
  padding: 2% 0;
  margin: 3%;
  text-align: center;
  color: #1a70b1;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 4px;
}

.recruit__benefit__system__point__card__text {
  padding: 2.5% 0;
  max-width: 70%;
  margin: 0% 15%;
  line-height: 1.5;
}

/******* 採用関連お問い合わせページ *******/

.contact_entry__contentbox {
  padding: 4rem 0 8rem;
}

.contact__tlbox__tl {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #1a70b1;
}

.contact_entry__tlbox {
  padding: 4rem 0;
  text-align: center;
}

.contact_entry__tlbox__tl {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #1a70b1;
}

.contact_entry__content_class {
  width: 60%;
  margin: 0 auto;
}

.Form__righttxt {
  color: red;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.Form {
  margin: 0 10%;
  width: 80%;
}

.Form-Item {
  padding: 2.2rem 0;
  border-bottom: solid 1px lightgrey;
  display: flex;
}

.Form-Item-Last {
  padding: 2.2rem 0;
  width: 100%;
  display: flex;
}

@media screen and (max-width: 480px) {
  .Form-Item {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px lightgrey;
    flex-wrap: wrap;
    display: block;
  }
  .Form-Item-Last {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  padding: 12px 0;
  letter-spacing: 0.05em;
  color: #1a70b1;
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: 100%;
    display: flex;
    align-items: center;
    color: #1a70b1;
    font-size: 1rem;
  }
}

.required {
  color: red;
}

.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}

.Form-Item-flex-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.Form-Item-flex-wrap p {
  display: flex;
  align-items: center;
  width: 100%;
}

.Form-Item-Input {
  border: 1px solid lightgrey;
  padding: 0 2%;
  height: 48px;
  flex: 1;
  width: 100%;
  font-size: 1rem;
}

.Form-Item-Input-name {
  border: 1px solid lightgrey;
  padding: 0 2%;
  height: 48px;
  flex: 1;
  width: 80%;
  font-size: 1rem;
}

.Form-Item-margin p {
  margin: 10px 10px 10px 20px;
}

.Form-Item-padding {
  padding-bottom: 24px;
}

@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin: 10px 0;
    height: 40px;
    flex: inherit;
    font-size: 1rem;
  }
}
.Form-Item-Textarea {
  border: 1px solid lightgrey;
  /* margin-left: 20px; */
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 1rem;
  }
}

.Form-Item-Btn {
  background: linear-gradient(to right, #0a2366, #1a70b1);
  text-align: center;
  width: 200px;
  padding: 20px 5px;
  margin: 30px auto;
}
.Form-Item-Btn p {
  position: relative;
}
.Form-Item-Btn p .wpcf7-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
}

.Form-linkbtn {
  color: #fff;
  letter-spacing: 1px;
  /* リセットcss（お問合わせフォーム用）*/
  font-size: 1.3rem;
  background-color: transparent;
  border: none;
  width: 100%;
}

/* 確認画面の調整 */

.Form-Item-Label-confirmation {
  width: 100%;
  max-width: 248px;
  /* padding: 12px 0; */
  padding: 3% 0%;
  letter-spacing: 0.05em;
  color: #1a70b1;
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label-confirmation {
    max-width: inherit;
    display: flex;
    align-items: center;
    color: #1a70b1;
    font-size: 1rem;
  }
}

.Form-Item-confirmation {
  padding: 1.5rem 0;
  display: flex;
}

.Form-Item-flex-wrap-confirmation {
  display: flex;
  width: 100%;
}

.Form-Item-Input-name-confirmation {
  padding: 3% 0%;
  flex: 1;
  width: 80%;
  font-size: 1rem;
}

.Form-Item-multiple-confirmation {
  width: 100%;
}

.Form-Item-Input-tel-confirmation {
  /* margin-left: 5%; */
  flex: 1;
  width: 100%;
  font-size: 1rem;
  padding: 3% 0%;
}

.Form-Item-Input-email-confirmation {
  /* margin-left: 5%; */
  flex: 1;
  width: 100%;
  font-size: 1rem;
  padding: 3% 0%;
}

.Form-Item-Input-prefectures-confirmation {
  /* margin-left: 5%; */
  flex: 1;
  width: 100%;
  font-size: 1rem;
  padding: 3% 0%;
}

.Form-Item-Textarea-confirmation {
  /* margin-left: 5%; */
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  max-width: 410px;
  font-size: 1rem;
  overflow-wrap: break-word;
  margin-top: 8px;
  padding: 12px 0;
}

/* 問い合わせ完了 */

.page-recruit_contact_entry_confirmation_mailto_message {
  padding: 2%;
  font-weight: bold;
}

/* テーブル */
#wpcf7cpcnf table {
  border: none;
}
#wpcf7cpcnf table th {
  background-color: #00008b;
  border: 1px solid #ccc;
  color: #fff;
  text-align: center;
}
#wpcf7cpcnf table td {
  border: 1px solid #ccc;
}

/* ボタン */
#wpcf7cpcnf button {
  background-color: #555;
  border: 4px outset #000;
  color: #fff;
}

/******* 会社概要ページ *******/

.company__content01 {
  padding: 4rem 0;
}

.company__tlbox {
  padding: 1rem 0 6rem;
  text-align: center;
}

.company__tlbox__tl {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #1a70b1;
}
.company__br__sp {
  display: none;
}
.company__content01__box {
  margin: 0 auto;
  max-width: 60%;
  display: flex;
  height: auto;
  padding-bottom: 30px;
}

.company__content01__box__left01 {
  width: 25%;
  border-bottom: solid 1px #1a70b1;
  position: relative;
}

.company__content01__box__left {
  width: 25%;
  border-bottom: solid 1px #1a70b1;
  position: relative;
  padding-bottom: 30px;
}

.company__content01__box__tl {
  color: #1a70b1;
  font-weight: bold;
  padding: 0 30px;
  line-height: 1.5;
}

.company__content01__box__right01 {
  width: 75%;
  border-bottom: solid 1px lightgrey;
}

.company__content01__box__right {
  width: 75%;
  border-bottom: solid 1px lightgrey;
  padding-bottom: 30px;
}

.company__content01__box__txt {
  margin-left: 50px;
  line-height: 1.5;
}

.company__maparea {
  height: 0;
  overflow: hidden;
  padding-bottom: 600px;
  position: relative;
}

.company__maparea iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.company__content03 {
  padding: 4rem 0;
  background-color: lightgrey;
}

.company__content03__wrap {
  background-color: #fff;
  width: 60%;
  margin: 0 auto;
  padding: 4rem 0;
}

.company__content03__list {
  position: relative;
  display: flex;
  margin: 0 3rem 0 4rem;
  border-left: solid 3px #666;
}

.company__listimg {
  width: 20px;
  height: 20px;
  padding: 2rem 0;
  position: absolute;
  left: -10px;
}

.company__content03__item {
  display: flex;
  width: 95%;
  margin: 0 0 0 auto;
}

/* .company__content03__item__left01{
  width: 25%;
} */

.company__content03__item__left {
  width: 25%;
  border-top: solid 1px lightgrey;
}

.company__content03__item__tl {
  color: #1a70b1;
  font-weight: bold;
  margin: 2rem 0;
  line-height: 1.5;
}

/* .company__content03__item__right01{
  width: 75%;
} */

.company__content03__item__right {
  width: 75%;
  border-top: solid 1px lightgrey;
}

.company__content03__item__txt {
  margin: 2rem;
  line-height: 1.5;
}

.company__content04 {
  padding: 4rem 0;
}

.company__content04__imgbox {
  text-align: center;
}

.company__content04__imgbox img {
  width: 60%;
  /* image-rendering: -webkit-optimize-contrast; */
  object-fit: cover;
}

/******* フォトアルバムページ *******/
.photo__album__button__btn {
  position: relative;
  background: #58afcc;
  padding: 10% 5%;
}

.photo__album__button__btn:hover img {
  transform: translateX(10px);
  transition: transform 0.4s;
}

.photo__album__linkbtn {
  color: #fff;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

.photo__album__linkbtn__img {
  padding: 5px 0px;
  width: 20px;
  transition: transform 0.4s;
  position: absolute;
  right: 5%;
  object-fit: cover;
}

/* フォトアルバムカテゴリー別リンク */
.photo__album__link__main {
  background-color: #f5f5f5;
  margin-top: 5%;
  padding: 5% 0;
}

.photo__album__link__contents {
  /* 中央揃い */
  max-width: 80%;
  margin: 0 10%;
}

.photo__album__link__box {
  display: flex;
  flex-wrap: wrap;
}

.photo__album__link__list {
  width: 23%;
  padding: 2% 0;
  margin: 1%;
}

/* 本社紹介 */
.photo__album__contents__main {
  padding: 6rem 0 4rem;
}

.photo__album__contents__main__title {
  color: #58afcc;
  font-weight: bold;
  font-size: 2rem;
  padding-bottom: 3%;
  text-align: center;
}

.photo__album__contents {
  /* 中央揃い */
  max-width: 80%;
  margin: 0 10%;
}

.photo__album__contents__box {
  display: flex;
  flex-wrap: wrap;
}

.photo__album__contents__box__list {
  width: 23%;
  margin: 1%;
  overflow: hidden;
}

.photo__album__contents__image__box {
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.photo__album__contents__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.photo__album__contents__title__box {
  margin: 5% 10% 5% 0;
  padding-right: 1%;
  font-weight: bold;
  line-height: 1.5;
}

/******* 募集要項ページ *******/
.requirements__contents__main {
  padding: 4rem 0 8rem;
}

.requirements__contents__main__title__box {
  padding: 4rem 0 8rem;
  text-align: center;
}

.requirements__contents__main__title {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #58afcc;
}

.requirements__contents__box {
  margin: 0 auto;
  max-width: 70%;
  display: flex;
  height: auto;
  padding-bottom: 30px;
}

.requirements__contents__left__box {
  width: 25%;
  border-bottom: solid 1px #58afcc;
  position: relative;
  padding-bottom: 30px;
}

.requirements__contents__title__box {
  position: absolute;
  left: 25%;
  /* top: 10%; */
}

.requirements__contents__title {
  color: #58afcc;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5;
}

.requirements__contents__right__box {
  width: 75%;
  border-bottom: solid 1px lightgrey;
  padding-bottom: 30px;
}

.requirements__contents__text__box {
  margin-left: 50px;
  line-height: 1.5;
}

/* 教育制度ページ */

.educational__content {
  padding: 3rem 0;
}

.eductional__tlbox {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.eductional__tlcolor {
  color: #58afcc;
}

.eductional__content01__tl01 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 1rem 0;
  color: #58afcc;
}

.eductional__content01__txt01 {
  text-align: left;
  line-height: 1.5;
  letter-spacing: 1px;
  max-width: 60%;
  margin: 0 20%;
}

.eductional__content01__tl {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 1rem 0;
  color: #58afcc;
}

.eductional__content01__txt {
  text-align: left;
  line-height: 1.5;
  letter-spacing: 1px;
  max-width: 60%;
  margin: 0 20%;
}

.educational__content__box {
  padding: 1% 0;
}

.educational__imgbox {
  /* position: absolute;
  top: 20%;
  right: 0;
  left: 0; */
  margin: auto;
  width: 70%;
}
/* .educational__content02{
  background-color: #E6E6E6;
  height: 300px;
} */

.educational__content02__img {
  /* display: block; */
  /* height: 400px; */
  /* height: 100%; */
  width: 100%;
  object-fit: cover;
}

.eductional__content01__tlsize {
  font-size: 1rem;
}

.educational__item {
  width: 70%;
  margin: 0 15%;
  padding-bottom: 30px;
}

.educational__list {
  display: flex;
}

.educational__list__left {
  color: #58afcc;
  font-weight: bold;
  border-bottom: solid 1px #58afcc;
  width: 30%;
  padding: 4% 1%;
  line-height: 1.5;
}

.educational__list__right {
  width: 70%;
  border-bottom: solid 1px lightgrey;
  padding: 4% 1%;
  line-height: 1.5;
}

.educational__list__left__line {
  border-bottom: solid 1px #58afcc;
  width: 30%;
}

.educational__list__right__line {
  width: 70%;
  border-bottom: solid 1px lightgrey;
}

.educational__content03 {
  padding: 2rem 0 8rem 0;
}

/******* インタビューページ（トップ） *******/

/* 先輩インタビュー */
.recruit__interview__top__contents {
  padding: 5rem 0;
}

.recruit__interview__top__title {
  text-align: center;
  font-size: 4rem;
  color: #58afcc;
  font-weight: bold;
}

.recruit__interview__top__contents__box {
  max-width: 90%;
  margin: 10% 5%;
}

.recruit__interview__top__list {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recruit__interview__top__card {
  /* width: 27%;
  padding: 5% 3% 5%; */
  position: relative;
  display: block;
  width: 22%;
  padding: 5% 0%;
}

.recruit__interview__top__card:nth-child(2) {
  /* margin: -5% 0 0; */
  margin: 0;
}

.recruit__interview__top__card:nth-child(1),
.recruit__interview__top__card:nth-child(3) {
  margin: -10% 0 0;
}

.recruit__interview__top__card:nth-child(5) {
  margin: -5% 0 0;
}

.recruit__interview__top__card:nth-child(6) {
  margin: -10% 0 0;
}

.recruit__interview__top__card__number__box {
  position: absolute;
  left: 10px;
  z-index: 1;
}

.recruit__interview__top__card__number {
  color: grey;
  font-size: 4rem;
  font-weight: bold;
}

.recruit__interview__top__card__link__box:hover .recruit__interview__top__card__text__image {
  transform: translateX(20px);
  transition: transform 0.4s;
}
.recruit__interview__top__card__link__box:hover .recruit__interview__top__card__image {
  transform: scale3d(1.2, 1.2, 1);
  transition: 0.3s;
  /* backface-visibility: hidden;
	-webkit-backface-visibility: hidden; */
  image-rendering: -webkit-optimize-contrast;
}

.recruit__interview__top__card__link__box {
  position: relative;
}

.recruit__interview__top__card__image__box {
  margin-top: 30px;
  width: 100%;
  height: 500px;
  z-index: 1;
  border: #58afcc 4px solid;
  overflow: hidden;
}

.recruit__interview__top__card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 20%;
  transition: 0.3s;
  image-rendering: -webkit-optimize-contrast;
}

.recruit__interview__top__card__box {
  width: 95%;
  padding-bottom: 2%;
  background-color: white;
  position: absolute;
  bottom: -30px;
}

.recruit__interview__top__card__title {
  /* padding-top: 2%; */
  padding-top: 5%;
  line-height: 1.4;
  color: #58afcc;
  font-weight: bold;
}

.recruit__interview__top__card__text__box {
  margin-top: 4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recruit__interview__top__card__text {
  line-height: 1.5;
  color: #000;
  width: 80%;
  font-size: 0.8rem;
}

.recruit__interview__top__card__text__image__box {
  padding-right: 5%;
  width: 15%;
}

.recruit__interview__top__card__text__image {
  object-fit: cover;
  width: 30px;
}

/******* 先輩インタビューページ *******/

.recruit__interview1__top__catchcopy__box {
  width: 45%;
  background-color: #4cbfe6;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  bottom: -20%;
}

.recruit__interview1__top__catchcopy__left__box {
  margin: 10% 0;
  padding: 0 1%;
}

.recruit__interview1__top__catchcopy__left__title {
  color: white;
  line-height: 1.5;
  overflow: hidden;
}

.recruit__interview1__top__catchcopy__right__box {
  color: white;
  margin: 2rem 0;
}

.recruit__interview1__top__catchcopy__right__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  overflow: hidden;
}

/* 追加 */
.recruit__interview1__top__catchcopy__right__title__sp {
  display: none;
}

.recruit__interview1__top__number {
  color: white;
  font-weight: bold;
  font-size: 4rem;
}
.recruit__interview1__top__catchcopy__text {
  color: white;
  line-height: 1.5;
  margin: 2% 0;
  padding: 0 1%;
}

/* インタビューコンテンツ */

.interview__mv__img {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: 50% 10%;
  margin: 0;
}

/* コンテンツ１ */
.recruit__interview1__contents {
  padding: 8rem 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.recruit__interview1__contents__left__box {
  max-width: 40%;
  margin: 0 5%;
}

.recruit__interview1__contents__right__box {
  width: 50%;
}

.recruit__interview1__contents__right__image {
  display: block;
  width: 100%;
  height: 600px;
  object-fit: cover;
  object-position: 50% 10%;
  margin: 0;
}

.recruit__interview1__contents__title {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 2rem 0;
  color: #4cbfe6;
}

.recruit__interview1__contents__text {
  padding: 1.5% 0;
  line-height: 1.5;
  overflow: hidden;
}

/* コンテンツ２ */
.recruit__interview1__contents2 {
  padding: 3rem 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.recruit__interview1__contents__left__box2 {
  width: 50%;
  height: 100%;
}

.recruit__interview1__contents__right__box2 {
  max-width: 46%;
  margin: 5% 2%;
}

/* レスポンシブ用 */
.recruit__interview1__contents__right__box__sp {
  display: none;
}

/* コンテンツ３ */
.recruit__interview1__contents03 {
  padding: 2rem 0 4rem;
  width: 100%;
  display: flex;
  align-items: center;
}
.recruit__interview1__contents__left__tilte {
  font-weight: bold;
  font-size: 4rem;
  margin: 1% 0;
}

/* 数字で見るエスアイシステム */

.recruit__data__tlbox {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 1px;
}

.recruit__data__tlsize {
  font-size: 3rem;
}

.recruit__data__txtbox {
  padding: 2% 0;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.qimgbox {
  width: 14%;
  margin: 0 43%;
}

.qimg {
  width: 100%;
  object-fit: cover;
}

.data__content01__tl {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 2% 0;
  color: #58afcc;
}

.recruit__dtbox {
  width: 70%;
  margin: 0 15%;
  border-top: solid 1px lightgrey;
  padding: 1% 0;
}

.recruit__dt {
  width: 90%;
  margin: 0 5%;
  display: flex;
  padding: 1%;
}

.data__man__box {
  width: 50%;
}

.data__woman__box {
  width: 50%;
}

.data__flex {
  display: flex;
  align-items: center;
}

/* .mandata__area{
  width: 60%;
  margin: 0 10% 0 30%;
} */

.data__manimg__box {
  width: 30%;
}

.man_color {
  color: #58afcc;
}

.woman_color {
  color: pink;
}

.pie10 {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 50vw;
  height: 50vh;
  background-image: conic-gradient(pink 0% 33%, #58afcc 34% 100%);
  border-radius: 50%;
}

.data__man__txt {
  width: 70%;
  margin: 10% 0;
  font-weight: bold;
  font-size: 2rem;
}

.data__txt {
  font-size: 4rem;
}

/* Q2 */

.chart-area {
  /*円グラフがスマホでつぶれないようにする*/
  position: relative;
  width: 100%;
  height: 50vh;
  color: pink;
}

/* 横棒アニメーション */

.gray,
.blue {
  height: 5vh;
  position: relative;
}

.gray::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: gray;
  transition: 2s;
}

.blue::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #1a70b1;
  transition: 2s;
}

.fade::before {
  width: 100%;
}

/* 横棒アニメーション */

.data02__flex {
  padding: 2% 0;
  display: flex;
  align-items: center;
}

.data__content03__tl22 {
  display: none;
}

/* Q3 Q4 */

.data__content03__box {
  width: 70%;
  margin: 0 15%;
}

.data__content03__item {
  display: flex;
}

.data__content03__list {
  width: 50%;
}

.data__content03__dtbox {
  width: 90%;
  margin: 0 5%;
  border-top: solid 1px lightgrey;
  padding: 10% 0;
}

.data__q02__imgbox {
  width: 40%;
  margin: 0 30%;
}

.data__content03__tl {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 3% 0;
  color: #58afcc;
}

.data__content03__tl21 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 3% 0;
  color: #58afcc;
}

.data__content03__imgbox {
  width: 30%;
  margin: 5% 10%;
}

.data__content03__txtbox {
  width: 50%;
  font-size: 2rem;
  font-weight: bold;
}

.data__content03__txtcolor {
  font-size: 3rem;
  color: #58afcc;
}

.data__content03__q4__rightbox {
  width: 40%;
  margin: 0 5%;
  padding: 3% 0;
}

.data__content03__q4__txt {
  font-weight: bold;
  font-size: 1.2rem;
  padding: 3% 0;
}

.data__content03__q4__txtbox {
  font-size: 1.5rem;
  font-weight: bold;
}

.data__content03__q4__txtcolor {
  font-size: 3rem;
  color: #58afcc;
}

/* Q5 */

.data__content04__txtbox {
  width: 25%;
  font-weight: bold;
  font-size: 1.2rem;
}

.data__content04__dtbox {
  width: 15%;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0 1%;
  text-align: right;
}

.data__content04__graphbox01 {
  width: 40%;
  height: 5vh;
}

.data__content04__spacebox01 {
  width: 20%;
}

.data__content04__graphbox02 {
  width: 40%;
  height: 5vh;
}

.data__content04__spacebox02 {
  width: 20%;
}

.data__content04__graphbox03 {
  width: 10%;
  height: 5vh;
}

.data__content04__spacebox03 {
  width: 50%;
}

.data__content04__graphbox04 {
  width: 5%;
  height: 5vh;
}

.data__content04__spacebox04 {
  width: 55%;
}

.data__content04__graphbox05 {
  width: 50%;
  height: 5vh;
}

.data__content04__spacebox05 {
  width: 10%;
}

/* Q8 */
.data__content07__txtbox {
  width: 20%;
  font-weight: bold;
  font-size: 1.2rem;
}

.data__content07__dtbox {
  width: 15%;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0 1%;
  text-align: right;
}

.data__content07__graphbox01 {
  width: 32%;
  height: 5vh;
}

.data__content07__spacebox01 {
  width: 33%;
}

.data__content07__graphbox02 {
  width: 30%;
  height: 5vh;
}

.data__content07__spacebox02 {
  width: 35%;
}

.data__content07__graphbox03 {
  height: 5vh;
  width: 10%;
}

.data__content07__spacebox03 {
  width: 55%;
}

.data__content07__graphbox04 {
  height: 5vh;
  width: 5%;
}

.data__content07__spacebox04 {
  width: 60%;
}

.data__content07__graphbox05 {
  width: 60%;
  height: 5vh;
}

.data__content07__spacebox05 {
  width: 5%;
}

.data__content07__graphbox06 {
  height: 5vh;
  width: 15%;
}

.data__content07__spacebox06 {
  width: 50%;
}

.data__content07__graphbox07 {
  height: 5vh;
  width: 10%;
}

.data__content07__spacebox07 {
  width: 55%;
}

/* .data__content07__graphbox08{
  width: 5%;
  height: 5vh;
}

.data__content07__spacebox08{
  width:60%;
} */

/*===========
Q&A
===========*/

.qa__link__main {
  background-color: #f5f5f5;
  margin-top: 5%;
  padding: 5% 0;
}

.qa__title__box {
  margin: 0 5%;
  max-width: 90%;
  padding-bottom: 4rem;
  text-align: center;
}

.qa__main__title {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 5px;
  color: #1a70b1;
}

.qa__link__box {
  display: flex;
  flex-wrap: wrap;
}

.qa__link {
  margin: 0 5%;
  max-width: 90%;
}

.qa__link__list {
  margin: 1% 1.6%;
  width: 30%;
}

.qa__button__btn {
  background: #1a70b1;
  padding: 7% 5%;
  display: flex;
  height: 12%;
  align-items: center;
  justify-content: space-between;
}

.qa__button__btn:hover img {
  transform: translateX(20px);
  transition: transform 0.4s;
}

.qa__linkbtn {
  color: #fff;
  font-size: 1rem;
  letter-spacing: 1px;
  font-weight: bold;
}

/* メイン */

.qa__main {
  padding-bottom: 5%;
}

.qa__tlbox {
  padding-top: 8rem;
  text-align: center;
}

.qa__content__main__box {
  width: 65%;
  margin: 0 auto;
  padding: 4rem 0;
}

.qa__content {
  margin: 1%;
  border-bottom: solid 1px lightgrey;
}

.qa__content__tl__box {
  display: flex;
  width: 100%;
  margin: 1% 0;
  padding: 1% 0;
  border-top: solid 1px lightgrey;
}

.qa__img {
  width: 40px;
  height: 40px;
}

.qa__content__tl {
  width: 90%;
  font-weight: bold;
  margin: 1% 3% 1% 3%;
  letter-spacing: 2px;
}

.qa__content__txt__box {
  display: none;
  /* アコーディオンの為、none */
  width: 100%;
  margin: 1% 0;
  padding: 1% 0;
}

.qa__ac__flex {
  display: flex;
}

.qa__content__txt {
  width: 90%;
  margin: 1% 3% 1% 3%;
  line-height: 1.5;
  letter-spacing: 2px;
}
.qa__color__text {
  color: #1a70b1;
}

/* アコーディオン */

.ac-label {
  cursor: pointer;
  position: relative;
}

.icon-wrap {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translatey(-50%);
  width: 38px;
  height: 38px;
}
.icon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #000;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
}

.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

/*＋、－切り替え*/
.icon.open:before {
  transform: translate(-50%, -50%) rotate(0deg);
}

/******* 個人情報のお取り扱いについて *******/
.privacy__tlbox {
  padding-top: 8rem;
  text-align: center;
}

.privacy__tlbox__tl {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  color: #1a70b1;
}

.privacy__contentbox {
  width: 65%;
  margin: 0 auto;
  padding: 4rem 0;
}

.privacy__contentbox__top {
  padding: 20px 0 60px;
  border-top: solid 1px lightgrey;
  line-height: 1.5;
}

.privacy__contentbox__tl {
  color: #1a70b1;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 20px 0;
}

.privacy__contentbox__item {
  padding: 20px 0 30px;
  border-top: solid 1px lightgrey;
  line-height: 1.5;
}

/* 404 */
.error__tlbox {
  text-align: center;
  padding: 2rem 0;
}

.error__tlbox__tl {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  color: #1a70b1;
}

.error__main {
  width: 65%;
  margin: 4rem auto;
}

.error__txtbx {
  line-height: 2;
  font-size: 16px;
}

.error__txtbx p {
  margin-bottom: 1em;
}

.error__link__txt {
  color: #1a70b1;
}

/******* お知らせ投稿ページ *******/

.privacy__tlbox__txt {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
}

.single__news__text {
  line-height: 2;
  margin-bottom: 1em;
}

/******* 青い帯表示 *******/
.colorbox {
  position: relative;
  width: 100%;
  background-image: url("./media/logo__square.png");
}

.color {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 200px;
  background-color: #1a70b1;
}

.colorbox__mv {
  position: relative;
  width: 100%;
}

.color__mv {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 400px;
  background-color: #1a70b1;
}

.colorbox__600 {
  position: relative;
  width: 50%;
}

.color__600 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 600px;
  background-color: #1a70b1;
}

.colorbox__400 {
  position: relative;
  width: 50%;
}

.color__400 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 400px;
  background-color: #1a70b1;
}
.colorbox__sp250 {
  position: relative;
  width: 50%;
}

.color__sp250 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 600px;
  background-color: #1a70b1;
}

/******* フェードイン *******/
.fadeIn__box {
  opacity: 0;
  /* 初期値は透明にしておく */
  transition: 1.5s;
  /* 動くスピードを1.5秒に指定 */
  position: relative;
  /* 相対位置の設定 */
  top: 50px;
  /* 事前に下に50pxずらしておく */
}

.fadeIn__box__right {
  opacity: 0;
  /* 初期値は透明にしておく */
  transition: 1.5s;
  /* 動くスピードを1.5秒に指定 */
  position: relative;
  /* 相対位置の設定 */
  transform: translateX(-50px);
  /* 事前に左に50pxずらしておく */
}

.fadeIn__box__left {
  opacity: 0;
  /* 初期値は透明にしておく */
  transition: 1.5s;
  /* 動くスピードを1.5秒に指定 */
  position: relative;
  /* 相対位置の設定 */
  transform: translateX(50px);
  /* 事前に右に50pxずらしておく */
}

.active {
  opacity: 1;
  /* 透明度を元に戻す */
  top: 0;
  /* ずらしていた位置を戻す */
}

.active__right,
.active__left {
  opacity: 1;
  /* 透明度を元に戻す */
  transform: translateX(0);
  /* ずらしていた位置を戻す */
}

/******* ズームイン *******/
.animate__animated {
  transform: scale(0.8);
  opacity: 0;
  transition: 1s;
}

.animate__zoomIn {
  transform: scale(1);
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sp_none {
    display: none;
  }

  .pc_none {
    display: block;
  }

  .pc__txt__br {
    display: none;
  }

  .sp__txt__br {
    display: block;
  }

  .fadeIn__box__right {
    transition: 3s;
    /* 動くスピードを1.5秒に指定 */
    transform: translateX(-15px);
    /* 事前に左に50pxずらしておく */
  }

  .fadeIn__box__left {
    transition: 3s;
    /* 動くスピードを1.5秒に指定 */
    transform: translateX(15px);
    /* 事前に右に50pxずらしておく */
  }

  .active {
    opacity: 1;
    /* 透明度を元に戻す */
    top: 0;
    /* ずらしていた位置を戻す */
  }

  .active__right,
  .active__left {
    opacity: 1;
    /* 透明度を元に戻す */
    transform: translateX(0);
    /* ずらしていた位置を戻す */
  }

  /* 青背景スライダーレスポンシブ */

  /* 600px→250px */
  .color__sp250 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 250px;
    background-color: #1a70b1;
  }

  /* ハンバーガーメニュー */
  /*========= ナビゲーションのためのCSS ===============*/

  #g-nav {
    display: block;
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -120%;
    width: 100%;
    /* width: 50%; */
    /*ナビの高さ*/
    height: 100vh;
    /* background:#999; */
    /* background: #58AFCC; */
    /* background: #fff; */
    background-color: #606060;
    /*動き*/
    transition: all 0.6s;
  }

  /*アクティブクラスがついたら位置を0に*/
  #g-nav.panelactive {
    right: 0;
  }

  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    /* width: 50%; */
    /*表示する高さ*/
    /* height: 50vh; */
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  /*ナビゲーション*/
  #g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    /* top:50%; */
    /* left:50%; */
    /* transform: translate(-50%,-50%); */
    /* 追加 */
    top: 10%;
    width: 100%;
  }

  /*リストのレイアウト設定*/

  #g-nav li {
    width: 90%;
    margin: 0 5%;
    list-style: none;
    text-align: center;
  }

  #g-nav li a {
    /* color: #58AFCC; */
    /* color: #333; */
    /* font-weight: bold; */
    /* padding:30px 10px; */
    /* 追加 */
    color: #fff;
    text-align: left;
    padding: 8% 0%;
    border-bottom: black 1px solid;
    /* 追加 */
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  /*========= ボタンのためのCSS ===============*/
  .openbtn {
    position: fixed;
    z-index: 9999; /*ボタンを最前面に*/
    /* top:10px; */
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
  }

  /*×に変化*/
  .openbtn span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    /* background-color: #666; */
    background-color: #1a70b1;
    /* background-color: #fff; */
    width: 45%;
  }

  .openbtn span:nth-of-type(1) {
    top: 15px;
  }

  .openbtn span:nth-of-type(2) {
    top: 23px;
  }

  .openbtn span:nth-of-type(3) {
    top: 31px;
  }

  .openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    /* width: 30%; */
    width: 50%;
    background-color: #fff;
  }

  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }

  .openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    /* width: 30%; */
    width: 50%;
    background-color: #fff;
  }

  .header__nav {
    display: none;
  }

  .header__img {
    margin: 0;
    padding: 0;
    width: 200px;
    position: relative;
    z-index: 1000;
  }

  .header {
    height: 60px;
  }

  .mv {
    margin-top: 60px;
  }

  /* トップメインビュー */
  .kv__tl {
    bottom: 0;
    height: 250px;
  }

  .kv__tl__txt {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .kv__tl__txt span {
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .kv__tl__txt {
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .kv__tl__txt2 span {
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .about {
    display: block;
    margin: 3rem auto 3rem;
    width: 100%;
  }

  .about__tl {
    padding: 0;
    float: none;
    width: 100%;
  }

  .about__box {
    width: 90%;
    margin: 0 5%;
  }
  .about__subtl {
    padding: 3% 0;
  }

  .about__txt {
    padding: 2% 0;
    letter-spacing: 1px;
  }

  .about__maintl,
  .news__maintl,
  .recruit__maintl,
  .company__maintl {
    font-size: 2rem;
  }

  .movie {
    height: 460px;
  }

  .movie__video {
    width: 90%;
    height: auto;
    margin: 0 auto;
    top: 170px;
    /* transform: translateY(-285px); */
  }
  .movie__tl {
    padding: 20px 0;
  }
  .movie__bg {
    padding: 4rem 0 0 0;
    height: 400px;
  }

  .recruit {
    margin-top: 20px;
  }

  .recruit__box {
    width: 100%;
    padding-bottom: 50px;
  }

  .recruit__tl {
    padding: 0;
  }
  .recruit__box__slider img {
    height: 200px;
    width: 90%;
    object-fit: cover;
    margin-top: 30px;
    margin: 0 5%;
  }

  .recruit__box__left {
    margin: 0 auto;
    width: 80%;
    padding: 1px;
  }

  .recruit__catch__txt {
    font-size: 1.5rem;
    margin: 2%;
    text-align: center;
  }

  .recruit__br__sp {
    display: block;
    text-align: left;
  }

  .btn {
    margin: 20px auto;
    padding: 30px 50px;
  }

  .company {
    display: flex;
    flex-direction: column;
  }

  .company__img {
    height: 250px;
  }

  .company__box__right {
    width: 90%;
    margin: 5%;
  }

  .company__maintl {
    padding: 2rem 0 1rem;
  }

  .company__subtl {
    padding: 2% 0;
  }

  .company__list__dd {
    line-height: 1.5;
    letter-spacing: 1px;
    width: 100%;
  }

  .company__list__dt {
    width: 100%;
    color: gray;
    border-top: 1px solid lightgrey;
    padding: 20px 0;
  }

  .company__list {
    padding: 0;
    margin-bottom: 0;
  }

  .company__list__dl {
    display: block;
    border: none;
    margin: 0;
  }

  .company__box__left {
    width: 100%;
  }

  .company__box__btn {
    width: 100%;
  }

  .news__area {
    display: block;
    width: 90%;
    margin: 0 5%;
    /* height: auto; */
    height: 530px;
    overflow: hidden;
  }

  .news__tl {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 2rem 0;
  }
  .news__subtl {
    padding: 10px 0;
  }

  .news__box {
    width: 100%;
    margin: 0;
  }

  .news__box__list {
    display: block;
  }

  .news__box__timebox {
    padding: 2% 0;
    width: 100%;
  }

  .news__box__txtbox {
    width: 100%;
    line-height: 1.5;
    padding: 2% 0;
  }

  .news__box__link {
    width: 100%;
  }
  /******* archive__news *******/
  .archive__news__area {
    display: block;
    width: 90%;
    margin: 0 5%;
    height: auto;
  }

  .archive__news__tl {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 2rem 0;
  }
  .archive__news__subtl {
    padding: 10px 0;
  }

  .archive__news__box {
    width: 100%;
    margin: 0;
  }

  .archive__news__box__list {
    display: block;
  }

  .archive__news__box__timebox {
    padding: 2% 0;
    width: 100%;
  }

  .archive__news__box__txtbox {
    width: 100%;
    line-height: 1.5;
    padding: 2% 0;
  }

  .archive__news__box__link {
    width: 100%;
  }

  /******* footer *******/

  .footer__box {
    width: 90%;
    margin: 0 auto;
  }
  .footer__img {
    width: 80%;
    float: none;
    display: block;
    margin: 0 auto;
  }
  .footer__flex {
    display: block;
  }
  .footer__logobox {
    width: 100%;
  }

  .footer__ul__01 {
    display: block;
  }

  .copyright {
    padding-top: 0;
  }

  .footer__nav {
    margin: 5% 0 5% 10%;
    width: 90%;
  }

  .footer__li__01 {
    width: 100%;
    margin: 10% 0;
  }

  .footer__ui__02 {
    display: flex;
    flex-wrap: wrap;
  }

  .footer__li__02 {
    margin: 10px 0;
    width: 50%;
  }

  .footer__txt__privacy {
    float: none;
    text-align: center;
  }

  .footer__txt__copy {
    text-align: center;
  }

  .footer__google__text {
    padding-top: 0px;
    padding: 20px 0;
  }

  .contact__google__text {
    padding-top: 0px;
    padding: 20px 0;
  }

  /* メインビュー */

  /******* mv *******/

  .color__mv {
    height: 300px;
  }

  /* .mv__img__sp {
      display: none;
      width: 100%;
      height: 300px;
      object-fit: cover;
      margin-top: 12%;
  } */

  .mv__img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .mv__tl {
    left: 0%;
    top: 10%;
  }

  .mv__maintl {
    font-size: 1.7rem;
    letter-spacing: 3px;
  }

  /******* about ********/
  .about__br__sp {
    display: block;
  }

  .about__content01__tl {
    line-height: 1.2;
    font-size: 1.6rem;
    margin: 10px;
  }

  .about__content01__tl__fz {
    font-size: 4vw;
  }

  .about__content01__img {
    padding: 0;
  }

  .about__content01__box__tl {
    padding: 2rem 0;
  }

  .about__content01__tl02 {
    font-size: 1rem;
  }

  .about__content01__img {
    padding: 0;
    width: 32%;
    height: auto;
  }

  .about__content01__img:nth-child(2) {
    padding: 0 2%;
  }

  .about__content01__box__img {
    padding: 0;
  }

  .about__content02,
  .about__content03 {
    height: auto;
    padding: 2rem 0;
  }

  .about__content02__tl__02 {
    text-align: left;
    margin: 0 5%;
  }

  .about__content02__txt__box {
    line-height: 1.5;
  }
  .about__content01__txt {
    font-size: 1.6rem;
  }

  .about__content01__box__txt {
    padding: 2rem 0;
    width: 90%;
  }

  /* 事業意義・ミッション */

  .mission__content01 {
    height: 250px;
    margin: 4rem 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .mission__content__rightbox {
    width: 100%;
    height: 250px;
  }

  .mission__content__leftbox {
    width: 100%;
    height: 250px;
  }

  .mission__content02 {
    height: 250px;
    margin: 2rem 0 4rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    /* z-index: -10; */
    background-image: url(./media/mission__img02.jpg);
  }

  .mission__content02__rightbox {
    display: none;
  }

  .mission__content02__leftbox {
    width: 100%;
    height: 250px;
    background-color: rgba(0, 0, 0, 0.4);
  }

  .mission__content03 {
    height: 250px;
    margin: 2rem 0 4rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .mission__content__inner {
    position: relative;
    padding: 110px 0;
  }

  .mission__tl {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: 30px 0;
  }

  .mission__content__inner a {
    z-index: 1;
    position: absolute;
    bottom: 120px;
    right: 0;
    left: 0;
  }

  .mission__btn {
    /* width: 250px; */
    width: 70%;
    margin: 20px auto;
    padding: 25px 5px;
  }

  /* 企業情報 */

  .profile__content01 {
    height: 250px;
    margin: 4rem 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./media/profile__img01_sp.jpg);
  }

  .profile__content02 {
    height: 250px;
    margin: 2rem 0 4rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .profile__content03 {
    height: 250px;
    margin: 2rem 0 4rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  /******* company *******/

  .company__tlbox {
    padding: 1rem 0 3rem;
  }

  .company__tlbox__subtl {
    font-weight: bold;
    padding: 1% 0;
  }

  .company__content01__box {
    display: block;
    max-width: 90%;
    margin: 0 5%;
    justify-content: center;
    margin: 0 auto;
  }

  .company__content01__box__left {
    width: 100%;
    border-top: 1px solid lightgrey;
    border-bottom: none;
    /* margin: 0 auto; */
    padding: 30px 0 15px 0;
  }

  .company__content01__box__left01 {
    display: none;
  }

  .company__tlbox__tl {
    line-height: 1.2;
  }

  .company__content01__box__txt {
    padding: 0 30px;
    margin: 0;
  }

  .company__content01__box__right01 {
    display: none;
  }

  .company__content01__box__right {
    width: 100%;
    border: none;
    margin: 0 auto;
    padding: 15px 0 30px 0;
  }

  .company__br__sp {
    display: block;
  }

  .company__content03 {
    background-color: #fff;
  }

  .company__content03__wrap {
    width: 100%;
  }

  .company__tlbox {
    padding: 1rem 0 3rem;
  }

  .company__content03__item {
    display: block;
  }

  .company__content03__item__left01 {
    width: 100%;
  }

  .company__content03__item__left {
    width: 100%;
  }

  .company__content03__item__right {
    width: 100%;
    border-top: none;
  }

  .company__content04__imgbox img {
    width: 100%;
  }

  .company__content03__item__right01 {
    width: 100%;
  }

  .company__content03__item__txt {
    /* font-size: 4vw; */
    margin: 2rem 0;
  }

  /******* 代表取締役社長ページ *******/
  .message__content01 {
    flex-direction: column-reverse;
  }

  .message__content01__box {
    margin: 5%;
    width: 90%;
  }

  .content__tl {
    font-size: 1.5rem;
  }

  .message__content02 {
    display: block;
  }

  /* .message__content02__box > h2::before {
    content: '関わる全ての人々の\A幸せを追求していく企業に';
    font-size: 1.8rem;
    white-space: pre;
  }

  .message__content02__box > h2 {
    font-size: 0;
  } */

  .content__txt {
    padding: 10% 0;
  }

  .label {
    width: 78%;
    padding: 4% 1%;
    float: left;
    font-size: 1.5rem;
  }

  .label :first-child {
    margin-right: 5%;
  }

  .message__content01__img {
    width: 90%;
    margin: 10% 5% 5%;
  }

  .content__img {
    height: 250px;
  }

  .message__content02__imgarea {
    padding: 20% 0;
  }

  .message__content02__img {
    width: 90%;
    margin: 0 5%;
  }

  .message__content02__box {
    width: 90%;
    margin: 0 5%;
    text-align: left;
  }

  /* 事業内容 */

  .business__content01__sp {
    padding: 50px 0 0 0;
  }

  .business__content01 {
    padding: 2rem 0;
  }

  .business__content01__main__h3 {
    font-size: 2rem;
  }

  .business__content01__item {
    display: block;
    padding: 0;
  }

  .business__content01__box {
    max-width: 90%;
    margin: 0 5%;
  }

  .bussiness__content01__left__card {
    width: 100%;
    margin-right: 0;
    margin: 100px 0 100px;
  }

  .bussiness__content01__right__card {
    width: 100%;
    margin-left: 0;
    margin: 150px 0 125px;
  }

  .bussiness__content01__card__img {
    left: 30%;
  }

  .business__content01__flex__01 {
    display: block;
  }

  .contents01__tlbox02 {
    font-size: 2rem;
  }

  .business__content02__tl {
    font-size: 2rem;
  }

  .business__content03 {
    width: 90%;
    margin: 0 5%;
  }

  .business__content03__item {
    display: block;
  }
  .bussiness__content03__left__card {
    width: 100%;
    margin-right: 0;
    margin: 10px 0 30px;
  }

  .bussiness__content03__right__card {
    margin: 20px 0 10px;
    width: 100%;
    margin: 0;
  }

  .bussiness__content03__card__img {
    left: 100px;
  }

  .business__contents__imgbox02 {
    max-width: 90%;
    margin: 0 5%;
  }

  .bussiness__content012box {
    max-width: 90%;
    margin: 0 5%;
  }

  .bussiness__content012__txt {
    padding: 10px;
    line-height: 1.2;
  }

  .bussiness__content012__item {
    display: block;
  }

  .bussiness__content012__left__card {
    width: 100%;
    margin-right: 0;
    margin: 10px 0 20px;
    height: auto;
  }

  .bussiness__content012__right__card {
    margin-left: 0;
    width: 100%;
    margin: 20px 0 10px;
    height: auto;
  }

  .bussiness__content04__box {
    display: block;
  }

  .bussiness__content04__img {
    width: 100%;
    margin: 5px 0;
  }

  /******* 教育制度ページ *******/
  .educational__content {
    margin: 0 5%;
    padding: 2rem 0;
  }

  .eductional__tlbox {
    line-height: 1.2;
  }

  /* .eductional__tlbox :nth-last-child(2)::before{
    content: '「食」に関わる\A社会的使命を担う人材として、';
    font-size: 1.2rem;
    white-space: pre;
    display: inline-block;
    width: 100%;
  } */

  /* .eductional__tlbox h2{
    padding: 1% 0;
  }

  .eductional__tlbox > h2{
    font-size: 0;
  }

  .eductional__tlbox > h2 span{
    font-size: 1.5rem;
  } */

  /* .eductional__tlbox > h2 span::after{
    content: 'に\A取り組むエスアイシステム';
    font-size: 1.5rem;
    white-space: pre;
    color: black;
  } */

  .eductional__content01__tl01 {
    font-size: 1.5rem;
  }

  .eductional__content01__txt01 {
    text-align: left;
    max-width: 100%;
    margin: 0;
  }

  .eductional__content01__tl {
    padding: 5% 5%;
  }

  .eductional__content01__txt {
    text-align: left;
    max-width: 100%;
    margin: 0 0;
  }

  .educational__content__box > .graduate__recruitment__top__view__box {
    height: 150px;
  }

  .educational__imgbox {
    width: 90%;
    margin: 0 5%;
  }

  /* .educational__content02__img{
    height: 250px;
  } */

  /* .educational__content02{
    height: 150px;
  } */

  .educational__item {
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
  }

  .educational__list {
    display: block;
  }

  .educational__list__left__line {
    border-bottom: none;
    width: 0;
  }

  .educational__list__left {
    border-bottom: none;
    width: 92%;
    padding: 4% 4%;
  }

  .educational__list__right__line {
    width: 100%;
  }

  .educational__list__right {
    width: 92%;
    padding: 0 4% 4%;
  }

  /******* CSRページ *******/

  .csr__cantent__center__box {
    height: 300px;
  }

  .csr__content01__flex {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    top: 10px;
  }

  .csr__content01__textleft {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 2% 0;
  }

  .csr__content01__flex img {
    width: 90%;
    height: 250px;
    margin: 0 5%;
  }

  .csr__content02__textleft {
    width: 90%;
    margin: 0 auto;
    bottom: 20px;
  }
  .csr__content02 {
    height: 265px;
  }

  .csr__content03 {
    margin: 0;
    padding: 5% 0;
  }

  .csr__content03 li {
    display: block;
    margin: 5% 0;
  }

  .csr__content03__imgbox {
    width: 90%;
    margin: 0 5%;
    height: 250px;
  }
  .csr__content03__box {
    width: 90%;
    margin: 0 5%;
  }

  .csr__content03__tlbox {
    display: none;
  }

  .csr__content03__tlbox__sp {
    display: block;
    width: 100%;
    margin: 5% 0;
    letter-spacing: 1px;
    font-size: 1.5rem;
    color: #1a70b1;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
  }
  .csr__content03__txtbox {
    letter-spacing: 1px;
  }

  /*===========品質方針===========*/
  .about__tlbox__subtl {
    margin-left: 5%;
    margin-right: 5%;
  }

  /* .quality__content02__tl {
    font-size: 6vmin;
    white-space: nowrap;
  } */

  .quality__content02__tl {
    font-size:1.5rem;
    /* line-height: 1.5; */
  }
  .quality__content02__tl ruby > rb {
    font-size:1.5rem;
  }  .quality__content02__tl ruby > rt {
    font-size:0.7rem;
  }


  .quality__item {
    text-align: center;
    margin: 0 10%;
  }

  .quality__list {
    display: block;
  }

  .quality__content03__item {
    display: block;
  }

  .quality__content03__tl__imgbox {
    width: 80%;
    margin: 30px auto;
  }

  .quality__content03__imgbox {
    width: 80%;
  }

  .quality__content03__txtbox {
    width: 90%;
    margin-top: 30px;
  }
  .quality__content01__txt__box {
    display: none;
  }
  .quality__content01__txt__box__sp {
    display: block;
    padding-top: 2%;
    text-align: center;
    line-height: 1.5;
  }

  .quality__list__txt {
    text-align: left;
  }

  /* 個人情報のお取り扱いについて */
  .privacy__tlbox {
    padding: 3rem 0 1rem;
  }

  .privacy__tlbox__tl {
    font-size: 1.5rem;
  }
  .privacy__contentbox {
    width: 90%;
    margin: 0 5%;
    padding: 0;
  }
  .privacy__contentbox__tl {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .privacy__contentbox__top {
    letter-spacing: 1px;
    line-height: 1.5;
  }
  .privacy__contentbox__item {
    letter-spacing: 1px;
  }

  /******* 採用情報ページ *******/

  .recruitment__top__content__box {
    display: block;
    margin: 3rem 0;
  }

  .recruitment__top__content__left__box {
    margin: 2rem 0;
    width: 100%;
    height: auto;
  }

  .recruitment__top__content__right__box {
    margin-bottom: 2rem;
    width: 100%;
    height: auto;
  }

  .recruitment__top__content__left__image__box {
    height: 250px;
    width: 100%;
  }

  .recruitment__top__content__right__image__box {
    height: 250px;
    width: 100%;
  }

  .recruitment__top__content__title__box {
    top: 25%;
  }

  /* 文字置換 */
  .recruitment__top__content__right__box > .recruitment__top__content__title__box > .recruitment__top__content__title::before {
    content: "経験者採用";
    font-size: 2rem;
  }

  .recruitment__top__content__right__box > .recruitment__top__content__title__box > .recruitment__top__content__title {
    font-size: 0px;
  }

  /* ボタン */
  .recruitment__content__details__button__box {
    bottom: 25%;
  }

  .recruitment__content__left__btn > .linkbtn {
    font-size: 0.8rem;
  }

  .recruitment__content__right__btn > .linkbtn {
    font-size: 0.8rem;
  }

  .recruitment__content__catch__copy {
    width: 90%;
    margin: 0 5%;
  }

  .recruitment__content__catch__copy__title__box {
    line-height: 1.5;
  }

  .recruitment__content__catch__copy__title {
    font-size: 1.5rem;
  }
  .recruitment__content__catch__copy__title02 {
    font-size: 1rem;
  }

  .recruitment__content__catch__copy__text__box {
    max-width: 100%;
    margin: 0;
  }
  .recruitment__content__catch__copy__text {
    text-align: left;
    letter-spacing: 1px;
    line-height: 1.5;
  }

  .catch__copy__title__line {
    width: 30px;
  }

  .recruit__img05flex {
    display: block;
  }

  .recruit__con05img {
    width: 100%;
    /* padding: 2% 0; */
    padding: 5% 0;
  }

  /* 新卒採用 */
  .graduate__recruitment__view__box {
    width: 90%;
    margin: 0 5%;
    top: 80px;
  }
  .graduate__recruitment__view__image {
    height: 250px;
    width: 100%;
    margin: 0;
  }
  .graduate__recruitment__top__view__box {
    height: 250px;
  }
  .graduate__recruitment__content__catch__copy {
    max-width: 90%;
    margin: 0 auto;
    padding-top: 110px;
    padding-bottom: 30px;
  }
  .graduate__recruitment__content__catch__copy__title {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.5;
    display: inline;
    text-align: left;
  }

  .graduate__recruitment__content__catch__copy__title02 {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.5;
    display: inline;
    text-align: left;
    font-size: 1.1rem;
  }

  .recruit__gradute__sp__tl {
    display: block;
    text-align: center;
  }

  .graduate__recruitment__content__box {
    display: block;
    margin: 2rem 0;
  }

  .graduate__recruitment__content__image__box {
    width: 90%;
    margin: 0 5%;
    height: 250px;
  }
  .graduate__recruitment__content__left__image {
    height: 100%;
  }
  .graduate__recruitment__content__right__box {
    width: 90%;
    margin: 0 5%;
    padding: 0;
  }
  .graduate__recruitment__content__right__title__box {
    padding: 20px 0;
  }
  .graduate__recruitment__content__right__title {
    letter-spacing: 1px;
    text-align: left;
    font-size: 1.3rem;
  }
  .graduate_recruitment__content__right__text__box {
    padding: 0;
    letter-spacing: 1px;
  }
  .graduate_recruitment__content__right__text {
    line-height: 1.5;
    margin-bottom: 0;
  }
  .graduate__recruitment__content__right__image {
    height: 100%;
  }

  .event__main__title {
    font-size: 1.5rem;
  }

  .event__imgbox {
    width: 100%;
    margin: 2% 0;
  }

  /******* 募集要項ページ *******/

  .requirements__contents__main {
    padding: 2rem 0;
  }

  .requirements__contents__main__title__box {
    width: 86%;
    padding: 10% 2% 10%;
    box-sizing: content-box;
    border-bottom: solid 1px lightgrey;
    margin: 0% 5% 3%;
  }

  .requirements__contents__main__title {
    font-size: 1.7rem;
    letter-spacing: 3px;
  }
  .requirements__contents__box {
    display: block;
    max-width: 90vw;
    padding-bottom: 3%;
  }
  .requirements__contents__left__box {
    width: 90%;
    margin: 0 5%;
    padding-bottom: 45px;
    border-bottom: none;
  }
  .requirements__contents__title__box {
    left: 0%;
    top: 0;
  }
  .requirements__contents__title {
    line-height: 1.2;
  }

  .requirements__contents__right__box {
    width: 100%;
    padding-bottom: 3%;
  }
  .requirements__contents__text__box {
    margin: 0% 5% 0%;
  }

  .requirements__contents__text {
    padding-top: 15px;
  }

  /* 福利厚生 */
  .recruit__benefit__system__box {
    margin: 0 5%;
    max-width: 90%;
    padding: 0;
  }

  .recruit__benefit__system__contents__main__title {
    font-size: 1.8rem;
    letter-spacing: 1px;
  }

  .requirements__contents__main__text {
    font-weight: bold;
  }
  .recruit__benefit__system__contents__left__box {
    display: block;
    width: 90%;
    margin: 0 5%;
    font-size: 1.2rem;
    font-weight: bold;
    border: none;
    padding-bottom: 50px;
  }

  .recruit__benefit__system__contents__title__box {
    top: 0;
    left: 0;
    line-height: 1;
  }

  .requirements__contents__box {
    margin: 0 5%;
    max-width: 90%;
  }
  .recruit__befit__system__contents__right__box {
    width: 100%;
  }

  .recruit__benefit__system__contents__text__box {
    margin-left: 5%;
    text-align: left;
  }

  .recruit__benefit__system__point__area {
    max-width: 90%;
    margin: 0 5%;
  }
  .recruit__benefit__system__point__box {
    display: block;
  }
  .recruit__benefit__system__point__card {
    width: 100%;
    margin: 5% 0;
    padding: 0;
  }
  .recruit__benefit__system__point__card__text {
    max-width: 90%;
    margin: 5%;
    padding: 0;
  }
  .recruit__benefit__system__contents__main {
    padding: 4rem 0 2rem;
  }

  /******* インタビューページ（トップ） *******/

  /* 先輩インタビュー */

  .recruit__interview__top__contents__box {
    width: 70%;
    margin: 0 15%;
  }

  .recruit__interview__top__contents {
    padding: 3rem 0;
  }

  .recruit__interview__top__title {
    font-size: 0;
  }

  .recruit__interview__top__list {
    display: block;
  }

  .recruit__interview__top__card {
    width: 100%;
    height: 400px;
    position: relative;
    padding: 0;
    margin: 50px 0;
  }

  .recruit__interview__top__card__number__box {
    left: -30px;
    top: -25px;
  }

  .recruit__interview__top__card__number {
    font-size: 3rem;
  }

  .recruit__interview__top__card__image__box {
    height: 300px;
    border: #58afcc 2px solid;
    margin-top: 0;
  }

  .recruit__interview__top__card__image {
    height: 100%;
  }

  .recruit__interview__top__card__box {
    height: 60px;
    bottom: -40px;
  }

  .recruit__interview__top__card__text {
    width: 80%;
  }

  .recruit__interview__top__card__title {
    display: none;
  }

  .recruit__interview__top__card__text__image__box {
    padding-right: 0;
    width: 10%;
    margin: 0 auto;
  }

  .recruit__interview__top__card__text__image {
    width: 20px;
  }

  .recruit__interview__top__card:nth-child(2) {
    margin: 50px 0;
  }

  .recruit__interview__top__card:nth-child(3) {
    margin: 50px 0;
  }

  .recruit__interview__top__card:nth-child(4) {
    margin: 50px 0;
  }

  .recruit__interview__top__card:nth-child(5) {
    margin: 50px 0;
  }

  .recruit__interview__top__card:nth-child(6) {
    margin: 50px 0;
  }

  .effect-change-at-center-zoomin {
    transform: scale3d(1.5, 1.5, 1);
    transition: 0.3s;
  }

  /* 先輩インタビューページ */

  .recruit__interview1__top__catchcopy__box {
    width: 90%;
    margin: 0 5%;
    display: block;
    height: 380px;
    bottom: -320px;
  }
  .recruit__interview1__top__catchcopy__left__box {
    display: flex;
    align-items: center;
    margin: 10px;
    padding: 0;
  }
  .recruit__interview1__top__catchcopy__right__box {
    margin: 10px;
  }

  .recruit__interview1__top__number {
    padding: 0 5%;
  }

  .recruit__interview1__top__catchcopy__right__title__sp {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    overflow: hidden;
  }

  .recruit__interview1__top__catchcopy__right__title {
    display: none;
  }
  .recruit__interview1__contents {
    padding-top: 400px;
    display: block;
    position: relative;
  }
  .recruit__interview1__contents__left__box {
    max-width: 90%;
    margin: 0 5%;
  }
  .recruit__interview1__contents__text {
    letter-spacing: 2px;
  }
  .recruit__interview1__contents__right__box {
    display: none;
  }

  .recruit__interview1__contents__right__box__sp {
    display: block;
    width: 100%;
    height: 400px;
  }
  .recruit__interview1__contents__right__image {
    height: 100%;
  }
  .recruit__interview1__contents2 {
    display: block;
    padding: 0;
  }
  .recruit__interview1__contents__left__box2 {
    display: none;
  }
  .recruit__interview1__contents__right__box2 {
    max-width: 90%;
    margin: 0 5%;
  }
  .recruit__interview1__contents03 {
    display: block;
    width: 100%;
  }
  .recruit__interview1__contents__left__tilte {
    padding: 10px 0;
  }

  /******* フォトアルバムページ *******/

  .photo__album__link__main {
    margin-top: auto;
    padding: 5% 0%;
  }

  .photo__album__link__box {
    flex-wrap: nowrap;
    display: block;
  }

  .photo__album__link__list {
    width: 100%;
  }

  .photo__album__linkbtn__img {
    width: 40px;
    padding: 3px 0px;
  }

  .photo__album__linkbtn {
    font-size: 1rem;
  }

  .photo__album__contents__main__title {
    font-size: 2rem;
  }

  .photo__album__contents__box {
    display: block;
  }

  .photo__album__contents__box__list {
    width: 100%;
  }

  /* Q&A */

  .qa__main {
    padding-bottom: 3rem;
  }

  .qa__link__main {
    padding: 0 0 3rem 0;
    margin: 0;
  }

  .qa__title__box {
    padding: 2rem 0;
  }

  .qa__main__title {
    padding: 1% 0;
  }

  .qa__title__box p {
    font-weight: bold;
  }

  .qa__link__box {
    display: block;
  }

  .qa__link__list {
    width: 100%;
    margin: 2% 0;
  }

  .qa__tlbox {
    padding-top: 4rem;
  }

  .qa__content__main__box {
    width: 90%;
    margin: 0 5%;
    padding: 1rem;
  }

  .qa__content__tl {
    line-height: 1.5;
  }

  /******* 数字で見るエスアイシステム *******/
  .recruit__data__tlbox {
    width: 90%;
    margin: 0 5%;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  .recruit__data__tlsize {
    font-size: 2rem;
  }

  .recruit__data__txtbox {
    width: 100%;
    margin: 0;
    padding: 2% 0;
    font-weight: bold;
    line-height: 2;
    text-align: left;
    font-size: 1.2rem;
  }

  .recruit__data__txtbox p {
    display: inline;
    text-align: left;
  }

  .qimgbox {
    width: 40%;
    margin: 0 30%;
  }
  .data__content01__tl {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 2% 0;
    color: #58afcc;
  }

  .data__flex {
    margin: 2% 0;
  }

  .recruit__dtbox {
    width: 80%;
    margin: 0 10%;
    border-top: solid 1px lightgrey;
    padding: 1% 0;
  }
  .recruit__dt {
    display: block;
    padding: 1%;
  }
  .data__man__box {
    width: 100%;
  }

  .data__woman__box {
    width: 100%;
  }
  .data__man__txt {
    width: 65%;
    margin: 10% 0;
    font-weight: bold;
    font-size: 1.5rem;
  }
  .data__txt {
    font-size: 2rem;
  }
  .data__manimg__box {
    width: 35%;
  }
  .data__content03__box {
    width: 80%;
    margin: 0 10%;
  }
  .data__content03__item {
    display: block;
  }
  .data__content03__list {
    width: 100%;
  }
  .data__content03__tl {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 3% 0;
    color: #58afcc;
  }
  .data__content04__txtbox {
    width: 25%;
    font-weight: bold;
    font-size: 1rem;
  }

  .data__content04__dtbox {
    width: 25%;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 0 1%;
    text-align: right;
  }

  .data__content04__graphbox01 {
    width: 40%;
    height: 5vh;
  }

  .data__content04__spacebox01 {
    width: 15%;
  }

  .data__content04__graphbox02 {
    width: 40%;
    height: 5vh;
  }

  .data__content04__spacebox02 {
    width: 15%;
  }

  .data__content04__graphbox03 {
    width: 10%;
    height: 5vh;
  }

  .data__content04__spacebox03 {
    width: 45%;
  }

  .data__content04__graphbox04 {
    width: 5%;
    height: 5vh;
  }

  .data__content04__spacebox04 {
    width: 50%;
  }

  .data__content04__graphbox05 {
    width: 50%;
    height: 5vh;
  }

  .data__content04__spacebox05 {
    width: 5%;
  }

  /* Q6 */
  .data__content07__txtbox {
    width: 25%;
    font-weight: bold;
    font-size: 1.2rem;
  }

  .data__content07__dtbox {
    width: 30%;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 0 1%;
    text-align: right;
  }

  .data__content07__graphbox01 {
    width: 32%;
    height: 5vh;
  }

  .data__content07__spacebox01 {
    width: 28%;
  }

  .data__content07__graphbox02 {
    width: 30%;
    height: 5vh;
  }

  .data__content07__spacebox02 {
    width: 30%;
  }

  .data__content07__graphbox03 {
    height: 5vh;
    width: 8%;
  }

  .data__content07__spacebox03 {
    width: 52%;
  }

  .data__content07__graphbox04 {
    height: 5vh;
    width: 5%;
  }

  .data__content07__spacebox04 {
    width: 55%;
  }

  .data__content07__graphbox05 {
    width: 50%;
    height: 5vh;
  }

  .data__content07__spacebox05 {
    width: 10%;
  }

  .data__content07__graphbox06 {
    height: 5vh;
    width: 15%;
  }

  .data__content07__spacebox06 {
    width: 45%;
  }

  .data__content07__graphbox07 {
    height: 5vh;
    width: 10%;
  }

  .data__content07__spacebox07 {
    width: 50%;
  }

  /* .data__content07__graphbox08{
      width: 5%;
      height: 5vh;
  }

  .data__content07__spacebox08{
      width:55%;
  } */

  .data__content03__imgbox {
    width: 40%;
    margin: 5%;
  }

  .data__content03__tl21 {
    display: none;
  }

  .data__content03__tl22 {
    display: block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 3% 0;
    color: #58afcc;
  }
  .data__content03__txtbox {
    width: 50%;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
  }

  .data__content03__txtcolor {
    font-size: 3rem;
    color: #58afcc;
  }
  .data__content03__q4__txtbox {
    font-size: 2rem;
    font-weight: bold;
  }
  .data__content03__q4__txtcolor {
    font-size: 3rem;
    color: #58afcc;
  }
  .data__content03__q4__rightbox {
    width: 50%;
    margin: 0 0 0 0;
    padding: 3% 0;
  }

  /* INFORMATION */

  .requirements__information__main {
    padding: 50px 0;
  }
  .requirements__information__content__title__box {
    position: absolute;
    top: -25px;
  }
  .graduate__recruitment__information__content__title {
    letter-spacing: 0px;
    font-size: 50px;
  }

  /* エントリーボタン */
  .graduate__recruitment__entry__btn__box {
    width: 80vw;
    margin: 20px auto 20px;
  }
  .graduate__recruitment__entry__left__btn {
    width: 80vw;
  }

  .linkbtn__sub__text {
    font-size: 0.5rem;
    color: white;
  }
  .recruitment__entry__linkbtn {
    display: none;
  }
  .linkbtn__sub__text {
    display: none;
  }
  .recruitment__entry__linkbtn__sp {
    display: block;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 1px;
    padding: 0 1% 0px 5%;
  }
  .linkbtn__sub__text__sp {
    font-size: 1rem;
    color: white;
  }
  .graduate__recruitment__information__box {
    width: 80vw;
    margin: 0 auto;
  }

  .graduate__recruitment__link__box {
    display: none;
  }

  .graduate__recruitment__link__box__sp {
    display: block;
  }
  .graduate__recruitment__list__box__sp {
    padding: 5% 0;
    border-bottom: solid 2px #58afcc;
  }

  .recruitment__information__content__title {
    letter-spacing: 0px;
    font-size: 50px;
  }
  .recruitment__information__content__title__box {
    top: -25px;
  }

  .recruitment__content__box {
    display: block;
    padding: 50px 0;
  }

  .recruitment__content__left__box {
    width: 80vw;
    margin: 20px auto 20px;
  }

  .link__title__text {
    font-size: 1.4rem;
  }

  .recruitment__entry__btn__box {
    width: 80vw;
    margin: 0;
  }
  .recruitment__entry__left__btn {
    width: 80vw;
    padding: 0;
    margin: 0;
  }

  .recruitment__link__box {
    width: 80vw;
    margin: 20px auto;
    display: block;
  }

  .recruitment__list__box {
    width: 100%;
    margin: 0;
  }
  .recruitment__content__right__box {
    width: 80vw;
    margin: 20px auto 20px;
    border: none;
  }

  .recruitment__entry__right__btn {
    width: 80vw;
    padding: 0;
    margin: 0;
  }

  /* ↑インフォーメーション */
  /* 経験者採用ページ */
  .recruit__midway__link__main {
    margin-top: 0;
    padding: 0;
  }
  .recruit__midway__title__box {
    padding: 10% 0 5% 0;
    width: 90%;
    margin: 0 5%;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 1px;
  }
  .recruit__midway__headtxt {
    padding: 5% 0;
    font-size: 1rem;
  }
  .recruit__midway__link__contents {
    width: 90%;
    margin: 0 5%;
    padding: 5% 0 10%;
  }

  .recruit__midway__link__box {
    /* display: none; */
    display: block;
  }

  .recruit__midway__link__box__sp {
    /* display: flex; */
    display: none;
  }

  .recruit__midway__link__list {
    width: 98%;
    margin: 5% 1%;
  }

  .recruit__midway__link__list__sp1 {
    width: 48%;
    margin: 5% 1%;
  }

  .recruit__midway__link__list__sp2 {
    display: none;
    /* display: block; */
    width: 98%;
    margin: 5% 1%;
  }

  .recruit__midway__button__btn {
    padding: 20px 2%;
    height: 30px;
  }

  .recruit__midway__linkbtn {
    font-weight: bold;
  }

  .recruit__midway__contents__box {
    display: block;
    text-align: left;
    width: 90%;
    margin: 0 5%;
  }

  .recruit__midway__contents__title__box {
    left: 0;
    top: 0;
    margin: 0 5%;
    font-size: 1.2rem;
  }

  .recruit__midway__contents__text__box {
    margin: 10px 5%;
  }

  .recruit__midway__contents__left__box {
    width: 100%;
    border: none;
    padding: 10px 0;
  }
  .recruit__midway__contents__right__box {
    width: 100%;
  }

  .recruit__midway__recruitment__entry__btn__box {
    width: 90%;
    margin: 0 5%;
  }

  .recruit__midway__recruitment__entry__linkbtn__box {
    display: none;
  }

  .recruit__midway__recruitment__entry__btn {
    justify-content: space-between;
  }

  .recruit__midway__linkbtn__sub__text {
    display: none;
  }

  .recruit__midway__information__content__title__box {
    top: -25px;
  }

  .recruit__midway__information__content__title {
    font-size: 50px;
  }

  .recruit__midway__recruitment__information__box {
    max-width: 90%;
    margin: 0 5%;
  }

  .recruit__midway__recruitment__link__box {
    display: block;
  }

  .recruit__midway__recruitment__list__box {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    border-bottom: solid 2px #2267ab;
  }
  .recruit__midway__information__title__sp {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
  }

  .contact_entry__tlbox__tl {
    letter-spacing: 1px;
    line-height: 1;
  }

  .contact_entry__tlbox__tl__sp {
    color: black;
    font-size: 1rem;
    font-weight: bold;
  }

  /* 経験者採用応募フォーム */
  .Form {
    margin: 0 5%;
    width: 90%;
  }
  .Form-Item-margin {
    margin: 10px 0;
    line-height: 1.5;
    text-align: left;
  }

  .Form-Item-flex-wrap {
    display: block;
  }

  .Form-Item-Input-name {
    margin: 2% 0;
  }
  .Form__righttxt {
    text-align: center;
  }
  .Form-Item-Last {
    padding: 0;
    display: block;
    width: 90%;
    margin: 0 5%;
  }
  .Form-Item-Label {
    text-align: center;
  }
  .Form-Item-Input {
    margin: 10px 0;
    max-width: 250px;
  }

  .Form-Item-wrap {
    text-align: center;
  }

  .Form-Item-Textarea {
    max-width: 350px;
    width: 80%;
  }

  .contact_entry__content_class {
    width: 90%;
    margin: 0 5%;
  }
  .Form-Item-confirmation {
    display: block;
    width: 90%;
    margin: 0 5%;
  }
  .Form-Item-flex-wrap-confirmation {
    display: block;
  }
  .Form-Item-Input-name-confirmation {
    width: 100%;
    text-align: center;
  }
  .Form-Item-Label-confirmation {
    display: block;
    max-width: 100%;
    text-align: center;
  }

  .Form-Item-Input-tel-confirmation {
    text-align: center;
  }

  .Form-Item-Input-email-confirmation {
    text-align: center;
  }
  .Form-Item-Input-prefectures-confirmation {
    text-align: center;
  }

  .Form-Item-Textarea-confirmation {
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
  }

  /* 採用関連お問い合わせ */

  .contact_entry__contentbox {
    padding: 2rem 0;
  }

  .contact__tlbox__tl {
    font-size: 1.5rem;
  }

  .contact_entry__tlbox {
    padding: 0;
  }

  /* 404 */
  .error__main {
    width: 90%;
    margin: 0 auto;
  }
}