.factory-tour .main-img {
  background-image: url(../factory-tour/img/main-img_factory-tour.jpg);
}
.factory-tour .link-box {
  display: flex;
  position: relative;
}
.factory-tour .link-box::before {
  content: "";
  display: block;
  background: var(--main-opacity-col);
  width: 56%;
  height: calc(100% - 50px);
  position: absolute;
}
.factory-tour .link-box__text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 48%;
  margin-top: -50px;
  padding: 0 0 0 6%;
}
.factory-tour .link-box__text .factory-name {
  color: #fff;
  line-height: 1.1;
  margin-bottom: 2em;
}
.factory-tour .link-box__text .factory-name .en {
  font-size: max(3vw, 4rem);
  font-weight: var(--font-black);
}
.factory-tour .link-box__text .factory-name .jp {
  font-size: 2rem;
  font-weight: var(--font-bold);
  display: block;
  margin-top: 0.5em;
}
.factory-tour .link-box__text .aliyan {
  position: absolute;
  width: 30%;
  bottom: 0;
  right: 2%;
}
.factory-tour .link-box__image {
  position: relative;
  width: 52%;
  margin-top: 50px;
}
.factory-tour .link-box__image::before {
  content: "";
  display: block;
  padding-top: 60%;
}
.factory-tour .link-box__image img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.factory-tour .link-box.link-kawagoe-factory {
  margin-top: calc(var(--lg-margin) + var(--md-margin));
}
.factory-tour .link-box.link-kawagoe-factory::before {
  border-radius: 0 50px 0 0;
}
.factory-tour .link-box.link-kawagoe-factory .link-box__image img {
  border-radius: 50px 0 0 0;
}
.factory-tour .link-box.link-sammy-logi {
  flex-direction: row-reverse;
  margin-top: var(--lg-margin);
}
.factory-tour .link-box.link-sammy-logi::before {
  border-radius: 50px 0 0 0;
}
.factory-tour .link-box.link-sammy-logi .link-box__text .aliyan {
  width: 40%;
}
.factory-tour .link-box.link-sammy-logi .link-box__image img {
  border-radius: 0 50px 0 0;
}
.factory-tour .gallery {
  margin-top: var(--lg-margin);
}
.factory-tour .gallery__wrap .gallery-tab {
  margin-top: var(--md-margin);
  display: flex;
  justify-content: center;
  -moz-column-gap: 4%;
       column-gap: 4%;
}
.factory-tour .gallery__wrap .gallery-tab .tab {
  font-size: max(1.6vw, 2.4rem);
  background: #fff;
  font-weight: 700;
  width: 40%;
  max-width: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 0.7em 0;
  border-radius: 10px;
  color: var(--main-col);
  line-height: 1;
}
.factory-tour .gallery__wrap .gallery-tab .tab:hover {
  cursor: pointer;
  background: var(--main-col);
  color: #fff;
  transition: 0.8s;
}
.factory-tour .gallery__wrap .gallery-tab .tab.active {
  background: var(--main-col);
  color: #fff;
  font-weight: var(--font-black);
}
.factory-tour .gallery__wrap .gallery-tab .tab.active::before {
  content: "\f058";
  font: var(--fa-font-solid);
  font-size: 0.8em;
  margin-top: 0.3em;
}
.factory-tour .gallery__wrap .gallery-container {
  background: var(--main-opacity-col);
  border-radius: 70% 0 0 0;
  padding-bottom: var(--md-margin);
}
.factory-tour .gallery__wrap .gallery-container .content {
  display: none;
  padding: 0 var(--md-margin);
  margin-top: var(--md-margin);
}
.factory-tour .gallery__wrap .gallery-container .content.show {
  display: block;
}
.factory-tour .gallery__wrap .gallery-container .content .select-name {
  display: flex;
  -moz-column-gap: 1em;
       column-gap: 1em;
  align-items: center;
  font-size: max(1vw, 1.6rem);
}
.factory-tour .gallery__wrap .gallery-container .content .select-name span {
  font-size: max(4vw, 4rem);
  font-weight: 900;
  color: var(--main-col);
}
.factory-tour .gallery__wrap .gallery-container ul {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2%;
       column-gap: 2%;
  row-gap: 1.5vw;
}
.factory-tour .gallery__wrap .gallery-container ul li {
  width: 32%;
  border-radius: 30px;
}
.factory-tour .gallery__wrap .gallery-container ul li:hover {
  background: #fff;
}
.factory-tour .gallery__wrap .gallery-container ul li .gallery-box {
  display: block;
  position: relative;
}
.factory-tour .gallery__wrap .gallery-container ul li .gallery-box:hover {
  opacity: 0.8;
  transition: 0.8s;
}
.factory-tour .gallery__wrap .gallery-container ul li .gallery-box::before {
  content: "";
  display: block;
  padding-top: 64%;
}
.factory-tour .gallery__wrap .gallery-container ul li .gallery-box img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 30px;
}
.factory-tour .gallery__wrap .gallery-container ul li .inline-content {
  display: none;
}
.factory-tour .gallery__wrap .gallery-container .copy {
  text-align: center;
  margin-top: var(--sm-margin);
  font-size: 1.4rem;
  color: #fff;
}
.factory-tour .introduce {
  position: relative;
}
.factory-tour .introduce__title {
  margin-bottom: -5%;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 2%;
       column-gap: 2%;
  margin-left: 12%;
}
.factory-tour .introduce__title .aliyan-pc {
  width: 10%;
}
.factory-tour .introduce__box {
  display: flex;
  align-items: center;
  background: #fff;
  padding-top: 9%;
  border-radius: 50px 0 0 0;
  margin-left: var(--md-margin);
  position: relative;
  z-index: 1;
}
.factory-tour .introduce__box--text {
  width: 45%;
  padding: 2em;
  line-height: 1.8;
}
.factory-tour .introduce__box--image {
  width: 55%;
  overflow: hidden;
  position: relative;
}
.factory-tour .introduce__box--image::before {
  content: "";
  display: block;
  padding-top: 60%;
}
.factory-tour .introduce__box--image img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px 0 0 0;
}
.factory-tour .introduce .aliyan-sp {
  display: none;
}
.factory-tour .feature {
  position: relative;
  margin-top: var(--lg-margin);
  overflow: hidden;
}
.factory-tour .feature__box {
  background: var(--main-opacity-col);
  padding: var(--lg-margin) var(--md-margin);
  border-radius: 0 0 80px 0;
  position: relative;
}
.factory-tour .feature__box:nth-of-type(2) {
  margin-top: var(--md-margin);
}
.factory-tour .feature__box:nth-of-type(3), .factory-tour .feature__box:nth-of-type(4) {
  margin: var(--lg-margin) auto;
  border-radius: 0 0 0 80px;
}
.factory-tour .feature__box--title {
  display: flex;
  align-items: center;
  color: #fff;
}
.factory-tour .feature__box--title::after {
  content: "";
  width: 100%;
  border-top: 2px solid #fff;
  display: block;
  margin-left: auto;
  flex: 1;
}
.factory-tour .feature__box--title .aliyan-sp {
  display: none;
}
.factory-tour .feature__box--title .circle {
  width: 13%;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-right: var(--sm-margin);
}
.factory-tour .feature__box--title .circle__inner {
  position: relative;
  padding-top: 100%;
  height: 0;
}
.factory-tour .feature__box--title .circle__inner--title {
  display: inline-block;
  position: absolute;
  top: -0.3em;
  background: var(--main-opacity-col);
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1em;
  font-weight: var(--font-bold);
}
.factory-tour .feature__box--title .circle__inner--number {
  display: block;
  position: absolute;
  top: 52%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0;
  font-size: max(5vw, 6rem);
  font-weight: var(--font-black);
  color: #fff;
  transform: translateY(-50%);
  line-height: 1;
}
.factory-tour .feature__box--title h5 {
  font-size: max(4vw, 6rem);
  font-weight: var(--font-black);
  margin-right: var(--md-margin);
}
.factory-tour .feature__box--title.reverse::after {
  content: none;
}
.factory-tour .feature__box--title.reverse::before {
  content: "";
  width: 100%;
  border-top: 2px solid #fff;
  display: block;
  margin-left: auto;
  flex: 1;
}
.factory-tour .feature__box--title.reverse .circle {
  margin-left: var(--md-margin);
}
.factory-tour .feature__box--title.reverse h5 {
  margin-right: 0;
}
.factory-tour .feature__box--content {
  margin-top: var(--md-margin);
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  color: #fff;
}
.factory-tour .feature__box--content .text {
  width: 55%;
  padding: 0 var(--sm-margin);
  line-height: 1.8;
}
.factory-tour .feature__box--content .text .link-btn {
  margin-top: 2em;
}
.factory-tour .feature__box--content .image {
  width: calc(45% - var(--sm-margin));
}
.factory-tour .feature__box--content .image img {
  border-radius: 30px;
}
.factory-tour .feature__box--content.reverse {
  flex-direction: row-reverse;
}
.factory-tour .feature__box .feature-deco {
  font-size: max(9vw, 12rem);
  font-weight: var(--font-black);
  font-feature-settings: "palt";
  position: absolute;
  line-height: 0.9;
  color: rgba(255, 255, 255, 0.1);
  letter-spacing: -0.03em;
  z-index: 1;
  bottom: -1%;
  left: 0;
  width: 100%;
  text-align: center;
}
.factory-tour .feature__box.high-quality .feature-deco {
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .factory-tour .link-box {
    flex-direction: column-reverse;
    padding: 0 var(--sm-margin);
  }
  .factory-tour .link-box::before {
    content: none;
  }
  .factory-tour .link-box__text {
    width: 100%;
    margin-top: 0;
    background: var(--main-opacity-col);
    padding: var(--sm-margin);
    border-radius: 0 0 50px 0;
  }
  .factory-tour .link-box__text .aliyan {
    width: 20%;
    bottom: 10%;
  }
  .factory-tour .link-box__image {
    width: 100%;
    margin-top: 0;
  }
  .factory-tour .link-box__image::before {
    padding-top: 50%;
  }
  .factory-tour .link-box__image img {
    -o-object-position: bottom;
       object-position: bottom;
  }
  .factory-tour .link-box.link-kawagoe-factory {
    margin-top: calc(var(--md-margin) + var(--md-margin));
  }
  .factory-tour .link-box.link-sammy-logi {
    flex-direction: column-reverse;
  }
  .factory-tour .link-box.link-sammy-logi .link-box__text {
    border-radius: 0 0 0 50px;
  }
  .factory-tour .link-box.link-sammy-logi .link-box__text .aliyan {
    width: 30%;
  }
  .factory-tour .introduce__title {
    margin-left: 0;
  }
  .factory-tour .introduce__title .aliyan-pc {
    display: none;
  }
  .factory-tour .introduce__box {
    margin-left: var(--sm-margin);
    flex-direction: column-reverse;
  }
  .factory-tour .introduce__box--text {
    width: 100%;
  }
  .factory-tour .introduce__box--image {
    width: 100%;
  }
  .factory-tour .introduce .aliyan-sp {
    display: block;
    margin-left: var(--sm-margin);
    background: #fff;
    padding-bottom: var(--sm-margin);
    border-radius: 0 0 0 50px;
  }
  .factory-tour .introduce .aliyan-sp img {
    display: block;
    width: 30%;
    margin: 0 auto;
  }
  .factory-tour .feature__box {
    padding: var(--md-margin) var(--sm-margin);
    position: relative;
  }
  .factory-tour .feature__box--title .circle {
    width: 16%;
  }
  .factory-tour .feature__box--title .circle__inner--number {
    font-size: max(5vw, 5.6rem);
  }
  .factory-tour .feature__box--title h5 {
    font-size: max(6vw, 3.2rem);
    margin-right: var(--sm-margin);
  }
  .factory-tour .feature__box--title.reverse .circle {
    margin-left: var(--sm-margin);
  }
  .factory-tour .feature__box--content {
    flex-direction: column-reverse;
  }
  .factory-tour .feature__box--content .text {
    width: 100%;
    padding: var(--sm-margin) 0 0;
  }
  .factory-tour .feature__box--content .image {
    width: 100%;
  }
  .factory-tour .feature__box--content.reverse {
    flex-direction: column-reverse;
  }
  .factory-tour .feature__box .feature-deco {
    font-size: max(8vw, 10rem);
  }
}
@media screen and (max-width: 480px) {
  .factory-tour .link-box {
    padding: 0;
  }
  .factory-tour .link-box__text .link-btn {
    width: 60%;
  }
  .factory-tour .gallery__wrap .gallery-tab {
    margin-top: var(--sm-margin);
    padding: 0 calc(var(--sm-margin) / 2);
  }
  .factory-tour .gallery__wrap .gallery-tab .tab {
    font-size: max(1.6vw, 1.8rem);
    width: 48%;
    padding: 0.5em 0;
  }
  .factory-tour .gallery__wrap .gallery-container {
    border-radius: 100vh 0 0 0;
  }
  .factory-tour .gallery__wrap .gallery-container .content {
    padding: 0 calc(var(--sm-margin) / 2);
    margin-top: var(--sm-margin);
  }
  .factory-tour .gallery__wrap .gallery-container .content .select-name {
    font-size: 1.4rem;
    -webkit-text-stroke: 1px solid #fff;
  }
  .factory-tour .gallery__wrap .gallery-container ul {
    justify-content: center;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 1.6rem;
  }
  .factory-tour .gallery__wrap .gallery-container ul li {
    width: 48%;
  }
  .factory-tour .introduce__title {
    margin-bottom: -13%;
  }
  .factory-tour .introduce__box {
    padding-top: var(--lg-margin);
    margin-left: calc(var(--sm-margin) / 2);
  }
  .factory-tour .introduce__box--text {
    padding: 2em calc(var(--sm-margin) / 2);
  }
  .factory-tour .introduce__box--image {
    width: 100%;
  }
  .factory-tour .introduce .aliyan-sp {
    margin-left: calc(var(--sm-margin) / 2);
  }
  .factory-tour .feature {
    margin-top: var(--md-margin);
  }
  .factory-tour .feature__box {
    padding: var(--md-margin) calc(var(--sm-margin) / 2);
    border-radius: 0 0 50px 0;
  }
  .factory-tour .feature__box:nth-of-type(2) {
    margin-top: var(--sm-margin);
  }
  .factory-tour .feature__box:nth-of-type(3), .factory-tour .feature__box:nth-of-type(4) {
    margin: var(--md-margin) auto;
    border-radius: 0 0 0 50px;
  }
  .factory-tour .feature__box--title::after {
    content: none;
  }
  .factory-tour .feature__box--title .circle {
    width: 24%;
    margin-right: calc(var(--sm-margin) / 2);
  }
  .factory-tour .feature__box--title .circle__inner--number {
    font-size: max(5vw, 4rem);
  }
  .factory-tour .feature__box--title h5 {
    font-size: 2.8rem;
    margin-right: 0;
  }
  .factory-tour .feature__box--title.reverse::before {
    content: none;
  }
  .factory-tour .feature__box--title.reverse .circle {
    margin-left: 0;
  }
  .factory-tour .feature__box--content {
    margin-top: var(--sm-margin);
  }
  .factory-tour .feature__box--content .text .link-btn {
    margin: 2em auto 0;
  }
  .factory-tour .feature__box .feature-deco {
    font-size: max(6vw, 5.6rem);
  }
}
.modal-box {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0 20%;
}
.modal-box .caption {
  display: flex;
  bottom: 0;
  background: #fff;
  font-size: 1.8rem;
}
.modal-box .caption::before {
  background: var(--main-col);
  color: #fff;
  width: 11%;
  font-weight: 900;
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-box .caption .gallery-text {
  color: var(--main-col);
  font-weight: var(--font-bold);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  flex: 1;
  background: #fff;
  line-height: 1;
  padding: 1em;
}
.modal-box .caption .btn-close {
  background: var(--black);
  font-weight: 700;
  color: #fff;
  padding: 1em;
  display: flex;
  align-items: center;
}
.modal-box .caption .btn-close::before {
  content: "\f057";
  font: var(--fa-font-solid);
  display: inline-block;
  margin-right: 0.5em;
}

@media screen and (max-width: 768px) {
  .modal-box {
    padding: 0 5%;
  }
}
@media screen and (max-width: 480px) {
  .modal-box .caption {
    flex-wrap: wrap;
    justify-content: center;
    background: none;
    font-size: 1.6rem;
  }
  .modal-box .caption::before {
    width: 100%;
  }
  .modal-box .caption .gallery-text {
    width: 100%;
    flex: auto;
  }
  .modal-box .caption .btn-close {
    margin-top: 1em;
  }
}
.office-modal-box .caption::before {
  content: "Office";
}

.factory-modal-box .caption::before {
  content: "Factory";
}

.kawagoe-factory .main-img {
  background-image: url(../factory-tour/kawagoe-factory/img/main-img_kawagoe-factory.jpg);
  background-position: center 84%;
}
.sammy-logistics-center .main-img {
  background-image: url(../factory-tour/sammy-logistics/img/main-img_sammy-logi.jpg);
}
.sammy-logistics-center .introduce__title {
  margin-left: 18%;
}
.sammy-logistics-center .introduce__title .aliyan-pc {
  width: 16%;
}
.sammy-logistics-center .feature__box--content.merit {
  padding: 0 var(--sm-margin);
}
.sammy-logistics-center .feature__box--content.merit .text {
  width: 70%;
  padding: 0;
}
.sammy-logistics-center .feature__box--content.merit .circle {
  width: 30%;
  border-radius: 50%;
  border: 5px solid #fff;
  margin-right: var(--sm-margin);
}
.sammy-logistics-center .feature__box--content.merit .circle__inner {
  position: relative;
  padding-top: 100%;
  height: 0;
}
.sammy-logistics-center .feature__box--content.merit .circle__inner--title {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0;
  font-size: max(1.8vw, 2rem);
  font-weight: var(--font-black);
  color: #fff;
  transform: translateY(-50%);
}
.sammy-logistics-center .feature__box--content.merit .circle__inner--title i {
  font-size: max(4.5vw, 6rem);
  display: block;
  margin-bottom: calc(var(--sm-margin) / 2);
}

@media screen and (max-width: 768px) {
  .sammy-logistics-center .introduce__title {
    margin-left: 0;
  }
  .sammy-logistics-center .feature__box--content.merit {
    padding: 0;
    flex-direction: column;
  }
  .sammy-logistics-center .feature__box--content.merit .text {
    width: 100%;
    margin-top: var(--sm-margin);
  }
  .sammy-logistics-center .feature__box--content.merit .circle {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .sammy-logistics-center .main-img {
    background-position: center bottom;
  }
  .sammy-logistics-center .feature__box--content.merit .circle {
    width: 64%;
  }
  .sammy-logistics-center .feature__box--content.merit .circle__inner--title i {
    font-size: 8rem;
  }
}/*# sourceMappingURL=factory-tour.css.map */