@charset "UTF-8";
main hgroup.title_question p {
 width: 250px;
}
@media screen and (max-width: 767px) {
 main hgroup.title_question p {
  width: 200px;
 }
}
main hgroup.title_question h2 {
 display: inline-block;
 line-height: 1.4;
 margin: 10px 0;
 padding: 1px 10px 3px;
 background: var(--white);
 font-family: var(--shippori-antique);
 font-size: 36px;
 letter-spacing: -0.08em;
}
@media screen and (max-width: 767px) {
 main hgroup.title_question h2 {
  font-size: 22px;
 }
}
main hgroup.title_question h2 span {
 color: var(--red);
}
main hgroup.title_question .loop-animation {
 display: block;
 width: 140px;
 height: 21px;
}
main hgroup.title_question .loop-animation img {
 width: auto;
 height: 21px;
}
main section {
 width: 100%;
}
main section.question_1 {
 padding: 170px 5% 0;
 background: var(--gray2);
}
@media screen and (max-width: 1024px) {
 main section.question_1 {
  padding-top: 60px;
 }
}
@media screen and (max-width: 767px) {
 main section.question_1 {
  padding-top: 90px;
 }
}
main section.question_1 >.inner {
 position: relative;
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
 padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
 main section.question_1 >.inner {
  padding-bottom: 50px;
 }
}
main section.question_1 >.inner .deco {
 position: absolute;
 bottom: 0;
 left: 5%;
 z-index: 2;
 width: 22%;
}
@media screen and (max-width: 767px) {
 main section.question_1 >.inner .deco {
  left: -3%;
  width: 30%;
 }
}
main section.question_1 >.inner .ttl_area {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
 main section.question_1 >.inner .ttl_area {
  grid-template-columns: 1fr;
 }
}
main section.question_1 >.inner .ttl_area >p {
 margin-top: 50px;
 padding-left: 50px;
}
@media screen and (max-width: 767px) {
 main section.question_1 >.inner .ttl_area >p {
  margin-top: 20px;
  padding: 0;
 }
}
main section.question_1 >.inner .q_slider {
 position: relative;
 overflow: hidden;
 margin-top: 40px;
 /* 現在のスライド番号 */
 /* スライド総数 */
}
main section.question_1 >.inner .q_slider .swiper-slide {
 position: relative;
 border: solid var(--red);
 border-width: 6px 3px;
}
main section.question_1 >.inner .q_slider .swiper-slide:not(.swiper-slide-active) img {
 -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
}
main section.question_1 >.inner .q_slider .swiper-slide p {
 position: absolute;
 top: -1px;
 left: -1px;
 z-index: 2;
 line-height: 1;
 padding: 10px 10px 12px;
 color: var(--white);
 background: var(--red);
 font-family: var(--shippori-antique);
 font-size: 34px;
}
@media screen and (max-width: 767px) {
 main section.question_1 >.inner .q_slider .swiper-slide p {
  padding: 5px 5px 7px;
  font-size: 18px;
 }
}
main section.question_1 >.inner .q_slider .pager_wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: absolute;
 bottom: 0;
 left: 50%;
 z-index: 3;
 width: 210px;
 height: 35px;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: var(--red);
 font-family: var(--lusitana);
 font-weight: bold;
 translate: -50% 0%;
}
@media screen and (max-width: 767px) {
 main section.question_1 >.inner .q_slider .pager_wrap {
  scale: 0.65;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
 }
}
main section.question_1 >.inner .q_slider .pager_wrap .swiper-button {
 width: 40px;
 font-size: 0;
}
main section.question_1 >.inner .q_slider .pager_wrap .swiper-pagination {
 position: static;
 width: 105px;
 color: #ffffff;
 font-size: 25px;
}
main section.question_2 {
 position: relative;
 z-index: 2;
 padding: 0 5%;
 background: url(/recruit/about/img/bg_line.gif) center/cover;
}
main section.question_2 >.inner {
 position: relative;
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
 padding: 100px 0;
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner {
  padding: 70px 0 50px;
 }
}
main section.question_2 >.inner .deco {
 position: absolute;
 top: -165px;
 right: 7%;
 width: 36.45%;
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner .deco {
  top: -30px;
  right: -3%;
  width: 45%;
 }
}
main section.question_2 >.inner .ttl_area {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner .ttl_area {
  grid-template-columns: 1fr;
 }
}
main section.question_2 >.inner .ttl_area .txt_wrap >p {
 margin: 35px 0;
 padding-right: 50px;
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner .ttl_area .txt_wrap >p {
  margin: 20px 0;
  padding: 0;
 }
}
main section.question_2 >.inner .ttl_area .txt_wrap .img {
 padding-right: 50px;
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner .ttl_area .txt_wrap .img {
  padding: 0;
 }
}
main section.question_2 >.inner .ttl_area .txt_wrap .img img {
 width: 100%;
}
main section.question_2 >.inner .ttl_area >.img {
 margin-top: 50px;
 padding-left: 50px;
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner .ttl_area >.img {
  margin-top: 30px;
  padding: 0;
 }
}
main section.question_2 >.inner ul.products {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 30px;
 margin-top: 20px;
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner ul.products {
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 3%;
  margin-top: 35px;
 }
}
main section.question_2 >.inner ul.products li .tmb img {
 width: 100%;
}
main section.question_2 >.inner ul.products li p {
 line-height: 1.5384615385;
 margin-top: 10px;
 padding-left: 10px;
 border-left: 8px solid #000000;
 font-family: var(--shippori-antique);
}
@media screen and (max-width: 767px) {
 main section.question_2 >.inner ul.products li p {
  padding-left: 10px;
  border-left: 4px solid #000000;
  font-size: 14px;
 }
}
main section.question_3 {
 padding: 100px 5% 120px;
 background: var(--gray2);
}
@media screen and (max-width: 767px) {
 main section.question_3 {
  padding-block: 50px 60px;
 }
}
main section.question_3 >.inner {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
}
main section.question_3 >.inner .ttl_area {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner .ttl_area {
  grid-template-columns: 1fr;
 }
}
main section.question_3 >.inner .ttl_area .txt_wrap >p {
 margin: 35px 0 0;
 padding-right: 50px;
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner .ttl_area .txt_wrap >p {
  margin: 20px 0 0;
  padding: 0;
 }
}
main section.question_3 >.inner .ttl_area >.img {
 position: relative;
 -ms-flex-item-align: end;
     align-self: flex-end;
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner .ttl_area >.img {
  margin-top: 30px;
 }
}
main section.question_3 >.inner .ttl_area >.img .loop {
 position: absolute;
 top: 5%;
 left: 29%;
 width: 22.6%;
 -webkit-animation: rotate 5s linear infinite;
         animation: rotate 5s linear infinite;
}
main section.question_3 >.inner ul.details li {
 display: grid;
 grid-template-columns: 170px 1fr;

 --order: 0;
 --gtc: 33% 1fr;
}
main section.question_3 >.inner ul.details li:nth-child(even) {
 --order: 1;
 --gtc: 1fr 33%;
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner ul.details li {
  grid-template-columns: 60px 1fr;
 }
}
main section.question_3 >.inner ul.details li:not(:last-child) {
 margin-bottom: 15px;
}
main section.question_3 >.inner ul.details li h3 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: var(--red);
}
main section.question_3 >.inner ul.details li .txt_area {
 display: grid;
 grid-template-columns: var(--gtc);
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner ul.details li .txt_area {
  grid-template-columns: 1fr !important;
 }
}
main section.question_3 >.inner ul.details li .txt_area .img {
 height: 100%;
 -webkit-box-ordinal-group: var(--order);
     -ms-flex-order: var(--order);
         order: var(--order);
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner ul.details li .txt_area .img {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;

  aspect-ratio: 16/10;
 }
}
main section.question_3 >.inner ul.details li .txt_area .img img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
}
main section.question_3 >.inner ul.details li .txt_area .txt_wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 padding: 20px 50px;
 background: var(--white);
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner ul.details li .txt_area .txt_wrap {
  padding: 20px 5%;
 }
}
main section.question_3 >.inner ul.details li .txt_area .txt_wrap h4 {
 line-height: 1.2;
 margin-bottom: 15px;
 padding-left: 15px;
 border-left: 8px solid #000000;
 font-family: var(--shippori-antique);
 font-size: 30px;
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner ul.details li .txt_area .txt_wrap h4 {
  padding-left: 10px;
  border-left: 4px solid #000000;
  font-size: 18px;
 }
}
@media screen and (max-width: 767px) {
 main section.question_3 >.inner ul.details li .txt_area .txt_wrap p {
  font-size: 14px;
 }
}
main section.question_4 {
 padding: 100px 5%;
 background: url(/recruit/about/img/bg_line.gif) center/cover;
}
@media screen and (max-width: 767px) {
 main section.question_4 {
  padding-block: 50px;
 }
}
main section.question_4 >.inner {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
}
main section.question_4 >.inner .ttl_area {
 margin-bottom: 40px;
}
main section.question_4 >.inner ul.equipments {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 row-gap: 50px;
 -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
@media screen and (max-width: 767px) {
 main section.question_4 >.inner ul.equipments {
  grid-template-columns: 1fr;
 }
}
main section.question_4 >.inner ul.equipments li .tmb {
 position: relative;
}
main section.question_4 >.inner ul.equipments li .tmb .caption {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 2px 20px 3px 80px;
 color: var(--white);
 background: var(--red);
 font-family: var(--shippori-antique);
 font-size: 20px;
 letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
 main section.question_4 >.inner ul.equipments li .tmb .caption {
  font-size: 12px;

  padding-inline: 60px 10px;
 }
}
main section.question_4 >.inner ul.equipments li .tmb .num {
 position: absolute;
 bottom: 0;
 left: 0;
 pointer-events: none;
}
@media screen and (max-width: 767px) {
 main section.question_4 >.inner ul.equipments li .tmb .num {
  scale: 0.6;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
 }
}
main section.question_4 >.inner ul.equipments li .tmb .num img {
 width: auto;
}
main section.question_4 >.inner ul.equipments li h3 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 line-height: 1.4;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 gap: 10px;
 margin: 20px 0 15px;
 font-family: var(--shippori-antique);
 font-size: 30px;
 letter-spacing: -0.07em;
}
@media screen and (max-width: 767px) {
 main section.question_4 >.inner ul.equipments li h3 {
  font-size: 20px;
 }
}
main section.question_4 >.inner ul.equipments li h3:before {
 content: "";
 display: inline-block;
 width: 22px;
 -ms-flex-negative: 0;
     flex-shrink: 0;
 background: url(/recruit/about/img/icon_pin.svg) center/cover;

 aspect-ratio: 22/32;
}
@media screen and (max-width: 767px) {
 main section.question_4 >.inner ul.equipments li h3:before {
  width: 20px;
 }
}
main section.question_4 >.inner ul.equipments li p {
 padding-right: 20px;
}
@media screen and (max-width: 767px) {
 main section.question_4 >.inner ul.equipments li p {
  padding: 0;
 }
}
main section.question_5 {
 padding: 100px 5% 120px;
 background: var(--gray2);
}
@media screen and (max-width: 767px) {
 main section.question_5 {
  padding-block: 50px 60px;
 }
}
main section.question_5 >.inner {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
}
main section.question_5 >.inner .ttl_area {
 position: relative;
 z-index: 2;
 margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .ttl_area {
  margin-bottom: 170px;
 }
}
main section.question_5 >.inner .ttl_area .txt_wrap >p {
 margin: 35px 0;
 padding-right: 50px;
}
main section.question_5 >.inner .ttl_area .txt_wrap .img {
 padding-right: 50px;
}
main section.question_5 >.inner .ttl_area .txt_wrap .img img {
 width: 100%;
}
main section.question_5 >.inner .ttl_area >.img {
 position: relative;
 -ms-flex-item-align: end;
     align-self: flex-end;
}
main section.question_5 >.inner .ttl_area >.img .loop {
 position: absolute;
 top: 0%;
 left: 29%;
 width: 22.6%;
}
main section.question_5 >.inner .question_area {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 width: 100%;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 background: #dbe2e2;

 aspect-ratio: 1100/510;
 --w: 1100;
 --h: 530;
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 2%;
  padding: 30px 4%;

  --w: 900;
  --h: 500;
  aspect-ratio: none;
 }
}
main section.question_5 >.inner .question_area .deco {
 position: absolute;
 top: 0;
 right: 0;
 width: 385.5px;
 translate: 0 -100%;
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area .deco {
  width: 80%;
  max-width: auto;
 }
}
main section.question_5 >.inner .question_area .msg {
 position: absolute;
 visibility: hidden;
 opacity: 0;
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area .msg {
  position: static;
  width: 47% !important;
 }
}
main section.question_5 >.inner .question_area .msg.msg1 {
 top: calc(25 / var(--h) * 100%);
 left: calc(90 / var(--w) * 100%);
 width: calc(289 / var(--w) * 100%);
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area .msg.msg1 {
  width: 45%;
 }
}
main section.question_5 >.inner .question_area .msg.msg2 {
 bottom: calc(30 / var(--h) * 100%);
 left: calc(40 / var(--w) * 100%);
 width: calc(368 / var(--w) * 100%);
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area .msg.msg2 {
  bottom: calc(30 / var(--h) * 100%);
  left: calc(20 / var(--w) * 100%);
 }
}
main section.question_5 >.inner .question_area .msg.msg3 {
 top: calc(35 / var(--h) * 100%);
 right: calc(40 / var(--w) * 100%);
 width: calc(364 / var(--w) * 100%);
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area .msg.msg3 {
  top: calc(15 / var(--h) * 100%);
  right: calc(20 / var(--w) * 100%);
 }
}
main section.question_5 >.inner .question_area .msg.msg4 {
 right: calc(70 / var(--w) * 100%);
 bottom: calc(25 / var(--h) * 100%);
 width: calc(326 / var(--w) * 100%);
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area .msg.msg4 {
  right: calc(20 / var(--w) * 100%);
  bottom: calc(15 / var(--h) * 100%);
 }
}
main section.question_5 >.inner .question_area h3 {
 width: calc(310 / var(--w) * 100%);
}
@media screen and (max-width: 767px) {
 main section.question_5 >.inner .question_area h3 {
  width: 70%;
  margin-bottom: 15px;
 }
}
main section.question_5 >.inner .question_area h3 svg {
 width: 100%;
 height: 100%;

 aspect-ratio: 1;
}
main section.question_5 >.inner .question_area #bg {
 -webkit-transform-origin: center;
         transform-origin: center;
 -webkit-animation: rotate 10s linear infinite;
         animation: rotate 10s linear infinite;
}

@-webkit-keyframes rotate {
 from {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
 }
 to {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
 }
}

@keyframes rotate {
 from {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
 }
 to {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
 }
}
/*# sourceMappingURL=style.css.map */