.page_facility_outline .ulMainvisual__visual__figure {
  background-image: url(/src/images/facility/tour/maivisual_pc.webp);
}

@media (min-width: 600px) {
  .ulIntro__figureList__item:nth-of-type(1) {
    bottom: -2rem;
  }
  .ulIntro__figureList__item:nth-of-type(2) {
    bottom: -1rem;
  }
}

@media (min-width: 1366px) {
  .ulIntro__figureList__item:nth-of-type(1) {
    bottom: 2rem;
    left: 9rem;
    width: 154px;
  }
  .ulIntro__figureList__item:nth-of-type(2) {
    bottom: 4rem;
    right: 2rem;
    width: 239px;
  }
}

/*.ulIntro__figureList__item:nth-of-type(1) {
  width: 13vw;
}

@media (min-width: 600px) {
  .ulIntro__figureList__item:nth-of-type(1) {
    left: 2%;
    -webkit-transform: translateY(-53px);
    -ms-transform: translateY(-53px);
    transform: translateY(-53px);
    width: 10vw;
  }
}

@media (min-width: 1025px) {
  .ulIntro__figureList__item:nth-of-type(1) {
    left: 50%;
    -webkit-transform: translateX(-450px) translateY(-103px);
    -ms-transform: translateX(-450px) translateY(-103px);
    transform: translateX(-450px) translateY(-103px);
  }
}

@media (min-width: 1366px) {
  .ulIntro__figureList__item:nth-of-type(1) {
    left: 50%;
    -webkit-transform: translateX(-540px) translateY(-123px);
    -ms-transform: translateX(-540px) translateY(-123px);
    transform: translateX(-540px) translateY(-123px);
    width: 129px;
  }
}

@media (min-width: 600px) {
  .ulIntro__figureList__item:nth-of-type(2) {
    right: 8%;
    -webkit-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    transform: translateY(-70px);
    width: 18vw;
  }
}

@media (min-width: 1025px) {
  .ulIntro__figureList__item:nth-of-type(2) {
    right: 50%;
    -webkit-transform: translateX(450px) translateY(-50px);
    -ms-transform: translateX(450px) translateY(-50px);
    transform: translateX(450px) translateY(-50px);
  }
}

@media (min-width: 1366px) {
  .ulIntro__figureList__item:nth-of-type(2) {
    right: 50%;
    -webkit-transform: translateX(550px) translateY(-70px);
    -ms-transform: translateX(550px) translateY(-70px);
    transform: translateX(550px) translateY(-70px);
    width: 356px;
  }
}*/
.tour__nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 30px 15px;
  margin-bottom: 50px;
  position: relative;
  z-index: 10;
}

@media (min-width: 600px) {
  .tour__nav {
    gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 75px;
  }
}

@media (min-width: 769px) {
  .tour__nav {
    gap: 37px;
  }
}

.tour__nav li {
  list-style: none;
}

.tour__nav a {
  display: block;
  height: 100%;
  font-weight: 500;
  border: 2px solid #E87109;
  border-radius: 15px;
  text-align: center;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  padding: 15px 0 30px;
  font-size: 1rem;
}

@media (min-width: 600px) {
  .tour__nav a {
    border-radius: 20px;
    padding: 30px 0 30px;
    font-size: 2vw;
  }
}

@media (min-width: 1025px) {
  .tour__nav a {
    padding: 35px 0 30px;
  }
}

@media (min-width: 1366px) {
  .tour__nav a {
    font-size: 1.75rem;
  }
}

@media (any-hover: hover) {
  .tour__nav a:hover {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  .tour__nav a:hover:before {
    background: #E87109 url(/src/images/common/icon/arrow_down_white.svg) no-repeat center center;
    background-size: 12px 16px;
  }
}

.tour__nav a:before {
  display: block;
  content: "";
  position: absolute;
  border: 2px solid #E87109;
  border-radius: 50px;
  background: #fff url(/src/images/common/icon/arrow_down_orange.svg) no-repeat center center;
  background-size: 10px 14px;
  left: calc(50% - 15px);
  bottom: -15px;
  width: 30px;
  height: 30px;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

@media (min-width: 769px) {
  .tour__nav a:before {
    background-size: 12px 16px;
    left: calc(50% - 20px);
    bottom: -20px;
    width: 40px;
    height: 40px;
  }
}

.tour__nav a span {
  display: block;
}
.tour__nav a span.text {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 2.8em;
}

.tour__nav a small {
  font-size: 78%;
  display: block;
}

.tour__nav a img {
  width: 100px;
  margin-bottom: 10px;
}
.tour__nav a .icon.style-can img {
  width: 78px;
}
.tour__nav a .icon.style-retortPouch img {
  width: 82px;
}
.tour__nav a .icon.style-liquid img {
  width: 80px;
}

@media (min-width: 769px) {
  .tour__nav a img {
    margin-bottom: 15px;
    width: 130px;
  }
  .tour__nav a .icon.style-can img {
    width: 78px;
  }
  .tour__nav a .icon.style-retortPouch img {
    width: 86px;
  }
  .tour__nav a .icon.style-liquid img {
    width: 91px;
  }
}

.tour_note {
  max-width: 1200px;
  text-align: center;
  line-height: 2;
}

.tour__ttl {
  position: relative;
  z-index: 1;
}

.tour__ttl p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #E87109;
  background-color: #fff;
  margin: 0 auto;
  width: 100px;
  height: 100px;
}

@media (min-width: 1025px) {
  .tour__ttl p {
    width: 130px;
    height: 130px;
  }
}

.tour__ttl p span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
}

.tour__canning .tour__ttl p span {
  flex: 0 0 52%;
}
.tour__retort .tour__ttl p span {
  flex: 0 0 56%;
}
.tour__liquid .tour__ttl p span {
  flex: 0 0 57%;
}

.tour__ttl h2 {
  margin: 0.75em 0 1em;
  font-size: 1.875rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.1em;
  padding-left: 0.1em;
}
.tour__ttl h2.style-letterSpaceNone {
  letter-spacing: 0;
}

@media (min-width: 600px) {
  .tour__ttl h2 {
    margin: 1em 0;
    font-size: 2.25rem;
  }
}

@media (min-width: 1025px) {
  .tour__ttl h2 {
    font-size: 2.375rem;
  }
}

.tour__ttl h2 br {
  display: block;
}

@media (min-width: 600px) {
  .tour__ttl h2 br {
    display: none;
  }
}

.tour__ttl_s h2 {
  letter-spacing: 0.1em;
  padding-left: 0.1em;
}

.tour__cnt {
  position: relative;
  padding-top: 50px;
}

@media (min-width: 600px) {
  .tour__cnt {
    padding-top: 70px;
  }
}

@media (min-width: 1025px) {
  .tour__cnt {
    padding-top: 100px;
  }
}

.tour__cnt::before,
.tour__cnt:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
}

.tour__cnt:after {
  height: 4vw;
  background: url("/src/images/common/illust/wave_orange.svg") no-repeat center top;
  background-size: cover;
  top: calc(100px + 2vw);
}

.tour__cnt:before {
  height: 250px;
  background-color: #E87109;
  top: calc(100px + 6vw - 1px);
}

.tour__cnt_box {
  position: relative;
  z-index: 1;
  border-radius: 30px 0 0 0;
  background-color: #fff;
  margin-top: 50px;
  padding: 30px 25px 10px;
}

@media (min-width: 600px) {
  .tour__cnt_box {
    padding: 70px 30px 70px;
    border-radius: 40px 0 0 0;
  }
}

.tour__cnt_box h3 {
  text-align: center;
  font-weight: 500;
  font-size: 1.375rem;
  margin: 22px auto 22px;
  width: 80%;
}

@media (min-width: 1025px) {
  .tour__cnt_box h3 {
    margin: 24px 0 30px;
    width: 100%;
    font-size: 1.5rem;
  }
}

.tour__cnt_box h3 span {
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #514241;
  padding: 0.3em;
  max-width: 430px;
  width: 100%;
  background-color: #F5ECE7;
}

.tour__cnt_box p {
  font-size: 1.125rem;
  line-height: 2.2;
}

@media (min-width: 600px) {
  .tour__cnt_box p {
    text-align: center;
  }
}

.tour__cnt_box p br {
  display: none;
}

@media (min-width: 769px) {
  .tour__cnt_box p br {
    display: block;
  }
}

.tour_sep {
  margin: 40px 0 1.5em;
}

@media (min-width: 600px) {
  .tour_sep {
    margin: 80px 0 2em;
  }
}

@media (min-width: 1025px) {
  .tour_sep {
    margin: 150px 0 2em;
  }
}

.tour__modal {
  display: none;
}

.tour__map {
  position: relative;
  max-width: 1272px;
  padding: 0 20px;
  margin: 0 auto;
  z-index: 1;
}

.tour__map_in {
  position: relative;
  margin: 0 -20px;
}

@media (min-width: 1025px) {
  .tour__map_in {
    margin: 0;
  }
}

.tour__map_in > figure {
  margin: 0;
}

@media (min-width: 1025px) {
  .tour__map_in > figure {
    border-radius: 15px;
    overflow: hidden;
  }
}

.tour__map li {
  list-style: none;
  padding: 0;
  position: absolute;
}

.tour__map li img {
  width: 100%;
}

.tour__map_over {
  display: none;
}

@media (min-width: 600px) {
  .tour__map_over {
    display: block;
  }
}

.tour__map_over li {
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

@media (any-hover: hover) {
  .tour__map_over li:hover {
    opacity: 1;
  }
}

.tour__map_btn {
  display: none;
}

@media (min-width: 600px) {
  .tour__map_btn {
    display: block;
  }
}

.tour__map_btn li {
  text-align: center;
}

.tour__map_btn .icon {
  display: block;
  width: 60px;
  margin: 0 auto;
}

.tour__map_btn img {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.tour__map_btn a {
  color: #E87109;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
}

@media (any-hover: hover) {
  .tour__map_btn a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}

.tour__map_flow {
  padding: 25px 20px;
  display: block;
}

@media (min-width: 600px) {
  .tour__map_flow {
    display: none;
  }
}

.tour__map_flow_icon {
  height: 50px;
  position: relative;
  margin: 0;
}

.tour__map_flow_icon::before {
  display: block;
  content: "";
  position: absolute;
  background-color: #514340;
  width: 30px;
  height: 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  top: 15px;
  left: calc(50% - 15px);
}

.tour__map_flow_single {
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #E87109;
}

.tour__map_flow_single figure {
  margin: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.tour__map_flow_single dl {
  padding: 25px 20px 30px;
  margin: 0;
}

.tour__map_flow_single dt {
  display: inline-block;
  border-radius: 50px;
  background: #3aade3;
  padding: 0.3em 1.5em;
  margin-bottom: 0.75em;
  color: #fff;
  font-weight: 600;
  font-size: 1.25rem;
}

.tour__map_flow_single dt em {
  display: inline-block;
  padding-right: 0.2em;
  font-size: 1.375rem;
  font-style: normal;
}

.tour__map_flow_single dd {
  margin: 0;
}

.tour__map_flow_single p {
  padding: 0 20px 25px;
  margin: 0;
  text-align: center;
}

.tour__map_flow_single p a {
  display: inline-block;
  font-size: 1.125rem;
  padding: 0.75em 2em;
  color: #fff;
  background-color: #E87109;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
}

.tour__map_opt {
  display: none;
}

@media (min-width: 600px) {
  .tour__map_opt {
    display: block;
  }
}

.tour__map_opt-a {
  top: 0;
  right: 7%;
  -webkit-transform: translateY(-95%);
  -ms-transform: translateY(-95%);
  transform: translateY(-95%);
  width: 8.7%;
}

.tour__map_opt-b {
  bottom: 0;
  right: 7%;
  -webkit-transform: translateY(80%);
  -ms-transform: translateY(80%);
  transform: translateY(80%);
  width: 20.7%;
}

.tour__map_dry .tour__map_over1 {
  width: 47.5%;
  top: 0;
  left: 0;
}

.tour__map_dry .tour__map_over2 {
  width: 39.1%;
  top: 0;
  left: 36.5%;
}

.tour__map_dry .tour__map_over3 {
  width: 26.5%;
  top: 0;
  right: 0;
}

.tour__map_dry .tour__map_over4 {
  width: 51%;
  right: 0;
  bottom: 0;
}

.tour__map_dry .tour__map_over5 {
  width: 76.5%;
  left: 0%;
  bottom: 0;
}

.tour__map_dry .tour__map_opt-b {
  left: 22%;
  right: auto;
}

.tour__map_dry .tour__map_opt1 {
  top: 18%;
  left: -1%;
  width: 12.7%;
}

.tour__map_dry .tour__map_opt2 {
  top: -1%;
  right: 15%;
  width: 13.7%;
}

.tour__map_dry .tour__map_btn1 {
  top: 5%;
  left: 31%;
}

.tour__map_dry .tour__map_btn2 {
  top: 5%;
  left: 64%;
}

.tour__map_dry .tour__map_btn3 {
  top: 24%;
  right: 3%;
}

.tour__map_dry .tour__map_btn4 {
  bottom: 20%;
  left: 9%;
}

.tour__map_dry .tour__map_flow .tour__map_flow_single:nth-of-type(1) figure img {
  -webkit-transform: translate(60%, 60%) scale(2.2);
  -ms-transform: translate(60%, 60%) scale(2.2);
  transform: translate(60%, 60%) scale(2.2);
}

.tour__map_dry .tour__map_flow .tour__map_flow_single:nth-of-type(2) figure img {
  -webkit-transform: translate(-15%, 60%) scale(2.2);
  -ms-transform: translate(-15%, 60%) scale(2.2);
  transform: translate(-15%, 60%) scale(2.2);
}

.tour__map_dry .tour__map_flow .tour__map_flow_single:nth-of-type(3) figure img {
  -webkit-transform: translate(-100%, 100%) scale(3);
  -ms-transform: translate(-100%, 100%) scale(3);
  transform: translate(-100%, 100%) scale(3);
}

.tour__map_dry .tour__map_flow .tour__map_flow_single:nth-of-type(4) figure img {
  -webkit-transform: translate(-60%, -30%) scale(2.2);
  -ms-transform: translate(-60%, -30%) scale(2.2);
  transform: translate(-60%, -30%) scale(2.2);
}

.tour__map_dry .tour__map_flow .tour__map_flow_single:nth-of-type(5) figure img {
  -webkit-transform: translate(70%, -50%) scale(2.5);
  -ms-transform: translate(70%, -50%) scale(2.5);
  transform: translate(70%, -50%) scale(2.5);
}

.tour__map_dry .tour__map_flow .tour__map_flow_single:nth-of-type(6) figure {
  text-align: center;
  padding: 20px 0;
  aspect-ratio: auto;
}

.tour__map_retort .tour__map_over1 {
  width: 26.5%;
  top: 0;
  left: 0;
}

.tour__map_retort .tour__map_over2 {
  width: 37.1%;
  bottom: 0;
  left: 0;
}

.tour__map_retort .tour__map_over3 {
  width: 43.1%;
  top: 0;
  left: 23%;
}

.tour__map_retort .tour__map_over4 {
  width: 40.7%;
  right: 0%;
  top: 0;
}

.tour__map_retort .tour__map_over5 {
  width: 65.5%;
  right: 0%;
  bottom: 0;
}

.tour__map_retort .tour__map_opt1 {
  top: 1%;
  left: -1%;
  width: 12.7%;
}

.tour__map_retort .tour__map_opt2 {
  top: -8%;
  right: 37%;
  width: 13.7%;
}

.tour__map_retort .tour__map_opt-b {
  left: 27%;
  right: auto;
}

.tour__map_retort .tour__map_btn1 {
  top: 40%;
  left: 16%;
}

.tour__map_retort .tour__map_btn2 {
  top: 13%;
  left: 45%;
}

.tour__map_retort .tour__map_btn3 {
  top: 62%;
  left: 67.2%;
}

.tour__map_retort .tour__map_flow .tour__map_flow_single:nth-of-type(1) figure img {
  -webkit-transform: translate(100%, 50%) scale(3);
  -ms-transform: translate(100%, 50%) scale(3);
  transform: translate(100%, 50%) scale(3);
}

.tour__map_retort .tour__map_flow .tour__map_flow_single:nth-of-type(2) figure img {
  -webkit-transform: translate(75%, -55%) scale(2.5);
  -ms-transform: translate(75%, -55%) scale(2.5);
  transform: translate(75%, -55%) scale(2.5);
}

.tour__map_retort .tour__map_flow .tour__map_flow_single:nth-of-type(3) figure img {
  -webkit-transform: translate(25%, 70%) scale(2.4);
  -ms-transform: translate(25%, 70%) scale(2.4);
  transform: translate(25%, 70%) scale(2.4);
}

.tour__map_retort .tour__map_flow .tour__map_flow_single:nth-of-type(4) figure img {
  -webkit-transform: translate(-95%, 70%) scale(3);
  -ms-transform: translate(-95%, 70%) scale(3);
  transform: translate(-95%, 70%) scale(3);
}

.tour__map_retort .tour__map_flow .tour__map_flow_single:nth-of-type(5) figure img {
  -webkit-transform: translate(-35%, 0%) scale(2.2);
  -ms-transform: translate(-35%, 0%) scale(2.2);
  transform: translate(-35%, 0%) scale(2.2);
}

.tour__map_retort .tour__map_flow .tour__map_flow_single:nth-of-type(6) figure {
  text-align: center;
  padding: 20px 0;
  aspect-ratio: auto;
}

.tour__map_requid .tour__map_over1 {
  width: 51.1%;
  top: 0;
  left: 0;
}

.tour__map_requid .tour__map_over2 {
  width: 48.1%;
  top: 0;
  right: 0;
}

.tour__map_requid .tour__map_over3 {
  width: 47.7%;
  top: 52%;
  right: 12%;
}

.tour__map_requid .tour__map_over4 {
  width: 47%;
  left: 0%;
  bottom: 0;
}

.tour__map_requid .tour__map_btn1 {
  top: 18%;
  left: 2%;
}

.tour__map_requid .tour__map_btn2 {
  top: 75%;
  left: 9%;
}

.tour__map_requid .tour__map_btn3 {
  top: 65%;
  left: 49.2%;
}

.tour__map_requid .tour__map_flow .tour__map_flow_single:nth-of-type(1) figure img {
  -webkit-transform: translate(60%, 74%) scale(2.5);
  -ms-transform: translate(60%, 74%) scale(2.5);
  transform: translate(60%, 74%) scale(2.5);
}

.tour__map_requid .tour__map_flow .tour__map_flow_single:nth-of-type(2) figure img {
  -webkit-transform: translate(-55%, 58%) scale(2.2);
  -ms-transform: translate(-55%, 58%) scale(2.2);
  transform: translate(-55%, 58%) scale(2.2);
}

.tour__map_requid .tour__map_flow .tour__map_flow_single:nth-of-type(3) figure img {
  -webkit-transform: translate(-30%, -35%) scale(2.2);
  -ms-transform: translate(-30%, -35%) scale(2.2);
  transform: translate(-30%, -35%) scale(2.2);
}

.tour__map_requid .tour__map_flow .tour__map_flow_single:nth-of-type(4) figure img {
  -webkit-transform: translate(55%, -40%) scale(2.2);
  -ms-transform: translate(55%, -40%) scale(2.2);
  transform: translate(55%, -40%) scale(2.2);
}

.tour__map_requid .tour__map_flow .tour__map_flow_single:nth-of-type(5) figure {
  text-align: center;
  padding: 20px 0;
  aspect-ratio: auto;
}