@charset "UTF-8";

.amr_dl {

  font-size: 14px;

  margin-top: 12px;

}



@media screen and (max-width: 768px) {

  .inner {

    padding: 0 3%;

  }

}

.inner .lower_inner {

  display: flex;

  flex-direction: column;

  gap: 140px;

}

@media screen and (max-width: 768px) {

  .inner .lower_inner {

    gap: 0;

  }

}

.inner .lower_inner .op_box {

  position: relative;

  display: flex;

}

@media screen and (max-width: 768px) {

  .inner .lower_inner .op_box {

    flex-direction: column;

    align-items: center;

  }

}

.inner .lower_inner .op_box .lower_img_box {

  float: right;

  width: 100%;

}

@media screen and (max-width: 768px) {

  .inner .lower_inner .op_box .lower_img_box img {

    width: 100%;

    border-radius: 10px 10px 0 0;

  }

}

.inner .lower_inner .op_box .lower_text_box {

  width: 100%;

  margin-bottom: 70px;

}

.inner .lower_inner .op_box .lower_text_box .lower_text {

  width: 49%;

  padding: 50px 30px;

  border-radius: 20px;

  box-sizing: border-box;

  position: absolute;

  bottom: -40px;

  right: 0;

  z-index: 1;

}

@media screen and (max-width: 768px) {

  .inner .lower_inner .op_box .lower_text_box .lower_text {

    width: 100%;

    padding: 20px 10px;

    border-radius: 0 0 5px 5px;

    padding-bottom: 50px;

    position: static;

    top: auto;

    right: auto;

  }

}

.inner .lower_inner .reverse {

  display: flex;

  flex-direction: row-reverse;

}

@media screen and (max-width: 768px) {

  .inner .lower_inner .reverse {

    flex-direction: column;

    align-items: center;

  }

}

.inner .lower_inner .reverse .lower_text_box .lower_text {

  left: 0;

}

@media screen and (max-width: 768px) {

  .inner .lower_inner .reverse .lower_text_box .lower_text {

    position: static;

    left: auto;

  }

}



.factory01_illust_01::after {

  position: absolute;

  top: -61%;

  right: 257px;

  width: 70px;

  height: 162px;

  content: "";

  background: url(../images/img_people01.png) no-repeat;

}

@media screen and (max-width: 768px) {

  .factory01_illust_01::after {

    background-size: contain;

    width: 10%;

    height: 100px;

    top: 86%;

    right: 0;

  }

}



.factory01_illust_02::after {

  position: absolute;

  width: 196px;

  height: 154px;

  content: "";

  left: 0;

  top: -42%;

  background: url(../images/img_people02.png) no-repeat;

}

@media screen and (max-width: 768px) {

  .factory01_illust_02::after {

    background-size: 119px;

    height: 136px;

    top: 93%;

  }

}



.factory01_illust_03::after {

  position: absolute;

  width: 158px;

  height: 128px;

  content: "";

  top: -65%;

  right: 0;

  background: url(../images/img_stuff01.png) no-repeat;

}

@media screen and (max-width: 768px) {

  .factory01_illust_03::after {

    background-size: contain;

    width: 28%;

    height: 100px;

    top: 88%;

    right: 0;

  }

}



.factory01_illust_04::after {

  position: absolute;

  width: 59px;

  height: 142px;

  top: 4%;

  left: 160px;

  content: "";

  background: url(../images/img_people03.png) no-repeat;

}

@media screen and (max-width: 768px) {

  .factory01_illust_04::after {

    background-size: contain;

    width: 10%;

    height: 100px;

    top: 81%;

    left: 0;

  }

}



.factory02_illust_01::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_basket_01.png) no-repeat;

  width: 203px;

  height: 153px;

  right: 11%;

  top: -62%;

}

@media screen and (max-width: 768px) {

  .factory02_illust_01::after {

    background-size: 120px;

    width: 125px;

    height: 119px;

    top: 79%;

    right: 0;

  }

}



.factory02_illust_02::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_basket_02.png) no-repeat;

  background-size: contain;

  width: 122px;

  height: 170px;

  left: 0;

  top: -50%;

}

@media screen and (max-width: 768px) {

  .factory02_illust_02::after {

    background-size: 66px;

    height: 93px;

    width: 70px;

    top: 82%;

  }

}



.factory02_illust_03::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_basket_03.png) no-repeat;

  width: 117px;

  height: 178px;

  top: -168px;

  right: 124px;

}

@media screen and (max-width: 768px) {

  .factory02_illust_03::after {

    top: auto;

    background-size: 66px;

    width: 100px;

    height: 104px;

    bottom: -24%;

    right: 0;

  }

}



.factory02_illust_04::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_basket_04.png) no-repeat;

  background-size: contain;

  width: 108px;

  height: 126px;

  top: -126px;

  left: 0;

}

@media screen and (max-width: 768px) {

  .factory02_illust_04::after {

    top: 86%;

    background-size: contain;

    width: 100px;

    height: 86px;

  }

}



.welfare_illust_01::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_servingcar_02.png) no-repeat;

  background-size: contain;

  width: 140px;

  height: 183px;

  top: -63%;

  right: 61px;

}

@media screen and (max-width: 768px) {

  .welfare_illust_01::after {

    background-size: 74px;

    width: 81px;

    height: 104px;

    top: 85%;

    right: 0;

  }

}



.welfare_illust_02::after {

  content: "";

  background: url(../images/pickup_servingcar_01.png) no-repeat;

  width: 102px;

  height: 164px;

  position: absolute;

  top: -164px;

  left: 0;

  background-size: contain;

}

@media screen and (max-width: 768px) {

  .welfare_illust_02::after {

    background-size: contain;

    width: 61px;

    height: 95px;

    top: 80%;

  }

}



.welfare_illust_03::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_servingcar_03.png) no-repeat;

  background-size: contain;

  width: 69px;

  height: 165px;

  top: -157px;

  right: 174px;

}

@media screen and (max-width: 768px) {

  .welfare_illust_03::after {

    right: 0;

    background-size: contain;

    width: 42px;

    top: auto;

    height: 100px;

    bottom: -19%;

  }

}



.welfare_illust_04::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_servingcar_04.png) no-repeat;

  background-size: contain;

  width: 124px;

  height: 167px;

  top: -160px;

  left: 0;

}

@media screen and (max-width: 768px) {

  .welfare_illust_04::after {

    width: 74px;

    background-size: contain;

    top: 89%;

    height: 100px;

  }

}



.arm_illust_01::after {

  content: "";

  background: url(../images/pickup_amr_01.png) no-repeat;

  background-size: contain;

  width: 69px;

  height: 180px;

  position: absolute;

  top: -170px;

  right: 155px;

}

@media screen and (max-width: 768px) {

  .arm_illust_01::after {

    background-size: 30px;

    top: 83%;

    height: 78px;

    right: 36px;

    width: 32px;

  }

}



.arm_illust_02::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_amr_02.png) no-repeat;

  background-size: contain;

  width: 147px;

  height: 174px;

  top: -65%;

  left: 0;

}

@media screen and (max-width: 768px) {

  .arm_illust_02::after {

    background-size: 84px;

    height: 100px;

    top: 79%;

  }

}



.arm_illust_03::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_amr_03.png) no-repeat;

  background-size: contain;

  width: 116px;

  height: 170px;

  top: -59%;

  right: 67px;

}

@media screen and (max-width: 768px) {

  .arm_illust_03::after {

    background-size: contain;

    height: 100px;

    top: 85%;

    width: 68px;

    right: 0;

  }

}



.arm_illust_04::after {

  content: "";

  position: absolute;

  background: url(../images/pickup_amr_04.png) no-repeat;

  background-size: contain;

  width: 199px;

  height: 176px;

  left: 0;

  top: -80%;

}

@media screen and (max-width: 768px) {

  .arm_illust_04::after {

    background-size: contain;

    top: 86%;

    height: 80px;

    width: 90px;

  }

}



.image-modal {

  position: fixed;

  inset: 0;

  display: none;

  place-items: center;

  background: rgba(0, 0, 0, 0.8);

  z-index: 9999;

}

.image-modal.is-open {

  display: grid;

}

.image-modal__inner {

  width: min(90vw, 1000px);

  height: 100vh;

  place-content: center;

}

.image-modal__content img {

  width: 100%;

  display: block;

}

.image-modal__content iframe {

  width: 100%;

  aspect-ratio: 16/9;

  border: 0;

  display: block;

}



.dtl04_video {

  background-color: #F9F9F9;

  padding: 70px 0 160px 0;

}

@media screen and (max-width: 768px) {

  .dtl04_video {

    padding: 60px 0px 64px;

  }

}

.dtl04_video .inner .dtl04_video_title {

  font-size: 26px;

  font-weight: bold;

  display: flex;

  justify-content: center;

  margin-bottom: 50px;

}

@media screen and (max-width: 768px) {

  .dtl04_video .inner .dtl04_video_title {

    font-size: 20px;

  }

}

.dtl04_video .inner .dtl04_video_box {

  width: 100%;

  background-color: #ffffff;

  border-radius: 20px;

  padding: 26px 26px 16px;

  display: flex;

  gap: 28px;

}

@media screen and (max-width: 768px) {

  .dtl04_video .inner .dtl04_video_box {

    flex-direction: column;

    padding: 23px 10px 15px;

  }

}

.dtl04_video .inner .dtl04_video_box .dtl04_video_container .youtube-container {

  max-width: 560px;

  height: auto;

  display: flex;

}

.dtl04_video .inner .dtl04_video_box .dtl04_video_container .youtube-container .youtube-link {

  background: transparent;

  padding: 0;

  border: none;

}

.dtl04_video .inner .dtl04_video_box .dtl04_video_container .youtube-container:hover {

  opacity: 0.8;

  transition: 0.3s;

}

.dtl04_video .inner .dtl04_video_box .dtl04_video_container .youtube-container img {

  cursor: pointer;

  display: block;

  width: 100%;

}

.dtl04_video .inner .dtl04_video_box .dtl04_video_container .dtl04_video_text {

  margin-top: 14px;

  font-size: 20px;

  font-weight: 500;

}

@media screen and (max-width: 768px) {

  .dtl04_video .inner .dtl04_video_box .dtl04_video_container .dtl04_video_text {

    font-size: 16px;

  }

}

.dtl04_video .inner .dtl04_video_box .dtl04_video_container .dtl04_video_text::before {

  content: "";

  display: inline-block;

  background: #007FC5;

  width: 16px;

  height: 16px;

  margin-right: 10px;

  text-align: center;

}



.box_l dt {

  font-weight: normal;

}



.box_r dt {

  font-weight: normal;

}



.top-contact {

  font-family: -apple-system, "Noto Sans", "Noto Sans JP", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", san-serif;

}



.dtl01-tbody {

  box-sizing: content-box;

}



.dtl_list table th {

  box-sizing: unset;

}



@media screen and (min-width: 768px) {

  .modal__content {

    box-sizing: unset;

  }

}

.modal01-mt {

  margin-top: 0;

}



#page-top {

  right: 24px;

  bottom: 100px;

  transition: 0.3s;

}

@media screen and (min-width: 960px) {

  #page-top {

    right: 43px;

    bottom: 180px;

  }

}

#page-top a {

  width: 55px;

  height: 55px;

  background-size: 100%;

}

@media screen and (min-width: 960px) {

  #page-top a {

    text-indent: -119988px;

    overflow: hidden;

    text-align: left;

    text-transform: capitalize;

    background: url(../images/button_top.png) no-repeat left top;

    width: 95px;

    height: 95px;

    display: block;

  }

}



.bg_01_bg {

  padding: 118px 0;

}

@media screen and (max-width: 768px) {

  .bg_01_bg {

    padding: 78px 0;

  }

}



.factory01_abc {

  margin: 35px 0 0 -3.5%;

}



@media screen and (max-width: 1200px) {

  .long_04_only {

    height: 60vh;

    overflow: hidden;

    overflow-y: scroll;

  }

}

@media screen and (max-width: 768px) {

  .pt50 {

    padding-top: 50px;

  }

}