@font-face {
  font-family: "STIXGeneral Bold Italic";
  src: url(../fonts/stixgeneral-bold-italic.otf) format('opentype');
}

@font-face {
  font-family: "KozMinPr6N Medium";
  src: url(../fonts/kozminpr6n-medium.otf) format('opentype');
}

@font-face {
  font-family: "KozukaGothic Pr6N";
  src: url(../fonts/KozukaGothicPr6NR.otf) format('opentype');
}

@font-face {
  font-family: "KozukaMincho Pr6N";
  src: url(../fonts/小塚明朝Pr6NH.otf) format('opentype');
}

@font-face {
  font-family: "A-OTF Gothic BBB Pro Medium";
  src: url(../fonts/A-OTFGothicBBBProMedium.otf) format('opentype');
}

@font-face {
  font-family: "meiryo";
  src: url(../fonts/meiryob.ttc) format('truetype');
}

@font-face {
  font-family: "meiryo_regular";
  src: url(../fonts/meiryo.ttc) format('truetype');
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  color: inherit;
  text-decoration: none;
  min-height: 0vw;
  min-height: 0vw;
  -webkit-text-size-adjust: 100%;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

/* header */
header {
  width: 100%;
  position: relative;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url(img/fv.jpg);
  background-size: cover;
  aspect-ratio: 1191 / 519;
  transition: filter 2s ease-in-out;
  z-index: 1;
}

.overlay {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 3;
  animation: slide-in 2s ease-in-out forwards;
  animation-delay: .7s;
}

@keyframes slide-in {
  0% {
    left: 0;
    /* 初期状態では右に隠れています */
  }

  100% {
    left: 100%;
    /* 左にスライドして表示されます */
  }
}

.header_menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100vw;
  background: white;
}

.logo {
  display: block;
  width: 31.334%;
  height: auto;
  margin-left: 6%;
  margin-top: 10px;
}

.logo img {
  width: 100%;
}

.menu {
  position: relative;
  background: black;
  width: 100%;
  height: 100%;
}

.menu-container {
  position: relative;
}

.menu-list {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 88.2%;
  margin: 0 auto;
}

.menu-list>li {
  width: 100%;
}

.menu-list>li>a {
  font-family: "KozukaGothic Pr6N";
  font-size: clamp(0.4375rem, 0.0057rem + 1.3494vw, 1.625rem);
  color: white;
  display: block;
  padding: 10px 8%;
  text-align: center;
  transition: all .5s ease-in-out;
  background: linear-gradient(180deg, rgba(36, 34, 34, 1) 0%, rgb(54, 53, 53) 20%, rgba(132, 132, 132, 1) 50%, rgb(54, 53, 53) 88%, rgba(36, 34, 34, 1) 100%);
  position: relative;
}

.menu-list>li:nth-child(even)>a {
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(18, 18, 18, 1) 20%, rgba(77, 75, 75, 1) 50%, rgba(18, 18, 18, 1) 80%, rgba(0, 0, 0, 1) 100%);
}

.menu-list>li>a:hover {
  background: linear-gradient(180deg, rgba(212, 61, 44, 1) 0%, rgba(220, 109, 75, 1) 20%, rgba(227, 144, 111, 1) 50%, rgba(220, 109, 75, 1) 80%, rgba(212, 61, 44, 1) 100%);
}

.dropdown_lists1 {
  display: none;
  /*デフォルトでは非表示の状態にしておく*/
  position: absolute;
  /*デフォルトでは非表示の状態にしておく*/
  transition: all .3s;
  /*表示の変化を0.3秒に指定*/
  width: 49%;
  position: absolute;
  top: 140px;
  left: 42%;
}

.triangle {
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 10px 10px 50px;
  border-color: transparent transparent #05010150 #05010150;
}

.dropdown_lists1>.dropdown_list {
  background-color: #05010150;
  height: auto;
  transition: all .3s;
  position: relative;
  padding: 0 2.9vw;
}

.dropdown_lists1>.dropdown_list:hover {
  background-color: #05010190;
}

.dropdown_lists1>.dropdown_list:not(:nth-child(2))::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
}


.dropdown_lists1>.dropdown_list>a {
  display: flex;
  justify-content: left;
  align-items: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  font-size: clamp(0.4875rem, -0.0213rem + 1.3303vw, 1.575rem);
  font-weight: bold;
  padding: 15px 0 15px 0;
}

.dropdown_lists1>.dropdown_list p {
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
  position: relative;
  font-size: clamp(0.4875rem, -0.0213rem + 1.3303vw, 1.575rem);
  font-weight: bold;
  padding: 29px 0 18px 0;
}

.dropdown_lists1>.dropdown_list a span,
.dropdown_lists1>.dropdown_list p span {
  font-size: clamp(0.687125rem, 0rem + 1.7964vw, 2.1556875rem);
}

.menu_hidden {
  pointer-events: none;
}

.hamburger-icon {
  color: white;
  font-family: "KozukaGothic Pr6N";
  font-size: clamp(0.521875rem, 0.0057rem + 1.3494vw, 1.625rem);
  position: absolute;
  top: 50%;
  right: 2.5%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10000;
  transition: all .3s ease-in-out;
}

.hamburger-icon:hover {
  opacity: .5;
}

@keyframes slide-in-bg {
  to {
    left: 0;
  }
}

@keyframes slide-in-title {
  to {
    left: 10.5%;
  }
}

@keyframes slide-in-menu-list {
  to {
    opacity: 1;
  }
}

@keyframes slide-in-menu {
  to {
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
  }
}

.header_menu>a:last-child {
  position: absolute;
  width: 6%;
  aspect-ratio: 1 / 1;
  z-index: 4;
  right: 10.5%;
  top: 35%;
  transform: translateY(-50%);
}

.header_menu>a:last-child>img {
  width: 100%;
}

.header_title {
  min-height: 0vw;
  position: absolute;
  white-space: nowrap;
  top: 16vw;
  left: -200%;
  color: white;
  z-index: 1;
  font-family: "STIXGeneral Bold Italic", '小塚ゴシック Pr6N';
  font-size: clamp(0.5rem, -0.2896rem + 2.0642vw, 2.1875rem);
}



@media screen and (min-width:1200px) {
  .header_title {
    top: 14vw;
  }
}

.header_title span {
  font-size: clamp(1.0625rem, 0.0975rem + 2.5229vw, 3.125rem);
  font-family: "KozukaGothic Pr6N";
}

.m-mv__main__scroll {
  position: absolute;
  bottom: 132px;
  left: 0;
  z-index: 1;
  transform: rotate(270deg);
}

.c-scroll-down {
  display: block;
  position: relative;
  width: 210px;
  cursor: pointer;
}

.c-scroll-down .txt {
  color: white;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
}

.c-scroll-down .line {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 140px;
  height: 1px;
  margin: auto;
}

.c-scroll-down .line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  background: white;
  animation-name: scrollLine;
  animation-duration: 3.2s;
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-iteration-count: infinite;
}

@keyframes scrollLine {
  0% {
    transform: translateX(100%);
  }

  5% {
    transform: translateX(100%);
  }

  45% {
    transform: translateX(0);
  }

  55% {
    transform: translateX(0);
  }

  95% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* main */

main {
  padding-top: 100vh;
}

.section_title {
  min-height: 0vw;
  position: absolute;
  white-space: nowrap;
  top: 2vw;
  left: 11%;
  font-family: "STIXGeneral Bold Italic", '小塚ゴシック Pr6N';
  font-size: clamp(0.5rem, -0.2896rem + 2.0642vw, 2.1875rem);
  line-height: 1;
  color: white;
  z-index: 1;
}

.section_title span:first-child {
  margin-bottom: 10px;
  font-size: clamp(1.0625rem, 0.0975rem + 2.5229vw, 3.125rem);
}


.wms .section_title {
  min-height: 0vw;
  color: black;
  line-height: .4;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 4.2%;
  transform: translateX(-200%);
  position: initial;
  width: fit-content;
}



.wms>p {
  min-height: 0vw;
  position: initial;
  width: 78%;
  transform: translateY(20px);
  font-size: clamp(0.7191136975rem, 0rem + 1.88vw, 2.2560429725rem);
  line-height: 1.8;
  padding: 0 5px;
  margin: 0 auto 27px;
  font-feature-settings: "palt";
}

.image-container,
.system_link {
  width: 75.02238138%;
  margin: 0 auto 24px;
}

.image-container img {
  width: 100%;
}

.system_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1%;
  margin-bottom: 15%;
}

.system_link>a {
  display: flex;
  gap: 15%;
  white-space: nowrap;
  width: calc(100% / 5);
  padding: 1% 2%;
  font-size: clamp(0.753357206875rem, 0rem + 1.9696vw, 2.36347359rem);
  color: white;
  filter: drop-shadow(2.5305px 5.061px 5.061px rgba(0, 0, 0, 0.7));
}

.system_link>a:first-child {
  background: linear-gradient(-180deg, rgba(222, 172, 146, 1) 0%, rgba(197, 97, 69, 1) 100%);
}

.system_link>a:nth-child(2) {
  background: linear-gradient(-180deg, rgba(239, 207, 162, 1) 0%, rgba(225, 163, 85, 1) 100%);
}

.system_link>a:nth-child(3) {
  background: linear-gradient(-180deg, rgba(187, 137, 75, 1) 0%, rgba(217, 191, 153, 1) 100%);
  gap: 5%;
}

.system_link>a:nth-child(4) {
  background: linear-gradient(-180deg, rgba(183, 208, 221, 1) 0%, rgba(96, 162, 188, 1) 100%);
}

.system_link>a:last-child {
  background: linear-gradient(-180deg, rgba(207, 206, 154, 1) 0%, rgba(170, 172, 75, 1) 100%);
}

.fade-in-element-p-wms1 {
  opacity: 0;
  /* 最初は非表示に */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.fade-in-p-wms1 {
  opacity: 1;
  /* フェードイン */
  transform: translateY(0px) !important;
  /* 移動しない（元の位置に戻す） */
}

.fade-in-element-p-wms2 {
  opacity: 0;
  transform: translateY(20px);
  /* 最初は非表示に */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.fade-in-p-wms2 {
  opacity: 1;
  /* フェードイン */
  transform: translateY(0px) !important;
  /* 移動しない（元の位置に戻す） */
}

.procedure_container {
  width: 84%;
  margin: 0 auto;
}

.procedure_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3%;
  margin-bottom: 42px;
}

.procedure_title>span:first-child {
  display: flex;
  gap: 15%;
  white-space: nowrap;
  width: 10%;
  padding: .5% 3%;
  font-size: clamp(0.753357206875rem, 0rem + 1.9696vw, 2.36347359rem);
  color: white;
  filter: drop-shadow(2.5305px 5.061px 5.061px rgba(0, 0, 0, 0.7));
  font-size: clamp(0.7739033125rem, 0rem + 2.0233vw, 2.427931960625rem);
}

.procedure_title>span:last-child {
  font-size: clamp(0.7191136975rem, 0rem + 1.88vw, 2.2560429725rem);
}

.arrival,
.storage,
.processing,
.shipping {
  margin-bottom: 55px;
}

.packing {
  margin-bottom: 105px;
}

.arrival>.procedure_title>span:first-child {
  background: linear-gradient(-180deg, rgba(222, 172, 146, 1) 0%, rgba(197, 97, 69, 1) 100%);
}

.storage>.procedure_title>span:first-child {
  background: linear-gradient(-180deg, rgba(239, 207, 162, 1) 0%, rgba(225, 163, 85, 1) 100%);
}

.processing>.procedure_title>span:first-child {
  background: linear-gradient(-180deg, rgba(187, 137, 75, 1) 0%, rgba(217, 191, 153, 1) 100%);
  width: 15%;
  padding: .5% 1%;
  gap: 10%;
}

.packing>.procedure_title>span:first-child {
  background: linear-gradient(-180deg, rgba(183, 208, 221, 1) 0%, rgba(96, 162, 188, 1) 100%);
}

.shipping>.procedure_title>span:first-child {
  background: linear-gradient(-180deg, rgba(207, 206, 154, 1) 0%, rgba(170, 172, 75, 1) 100%);
}

.arrival_text,
.storage_text,
.processing_text,
.packing_text {
  display: flex;
  gap: 2%;
}

.shipping_text {
  display: flex;
  gap: 0;
}

.arrival_text>div,
.storage_text>div,
.processing_text>div,
.packing_text>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.shipping_text>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
}

.arrival_text>div>ul,
.arrival_text>div>ul>li,
.storage_text>div>ul,
.storage_text>div>ul>li,
.processing_text>div>ul,
.processing_text>div>ul>li,
.packing_text>div>ul,
.packing_text>div>ul>li,
.shipping_text>div>ul,
.shipping_text>div>ul>li {
  font-size: clamp(0.7191136975rem, 0rem + 1.88vw, 2.2560429725rem);
  line-height: 1.6;
  /*list-style: disc;*/
  text-indent: -1em;
  padding-left: 1em;
  /*list-style-position: inside;*/
}

.arrival_text>div>p:last-child {
  text-align: right;
  font-size: clamp(0.59375rem, -0.0043rem + 1.5661vw, 1.875rem);
}

.arrival_text>div>p:last-child>span:first-child {
  font-weight: bold;
}

.arrival_text>img {
  width: 54%;
}

.storage_text img {
  width: 100%;
}

.storage_text>img {
  width: 53%;
}

.processing_text>img {
  width: 40%;
  height: 100%;
}

.processing_text>div>p:last-child>img {
  width: 100%;
}

.processing>img {
  width: 100%;
  margin-top: 2%;
}

.packing_text>img {
  width: 47%;
}

.packing_text>div>p:last-child {
  position: relative;
}

.packing_text>div>p:last-child>img {
  width: 100%;
}

.packing_text>div>p:last-child:after {
  content: "三郷物流センター";
  background: none;
  position: absolute;
  white-space: nowrap;
  right: 0;
  bottom: -3vw;
}

.shipping_text>div>p:first-child {
  padding-bottom: 18.7%;
}

.shipping_text>div>p:last-child>img {
  width: 100%;
}

.shipping_text>img {
  width: 50%;
  height: 100%;
}

.base {
  margin-bottom: 50px;
}

.base .section_title {
  min-height: 0vw;
  color: black;
  line-height: .4;
  padding-top: 40px;
  padding-bottom: 40px;
  transform: translateX(-200%);
  position: initial;
  width: 61.4%;
}

.center {
  width: 77.61862131%;
  margin: 0 auto 2%;
  position: relative;
}

.center_title {
  display: flex;
  justify-content: flex-start;
  align-items: self-end;
  gap: 5%;
  margin-bottom: 1%;
}

.center_title>a:first-child,
.center_title>p:first-child {
  display: block;
  background: linear-gradient(-180deg, rgba(162, 168, 193, 1) 0%, rgba(95, 117, 159, 1) 100%);
  color: #fff;
  width: 35%;
  padding: 2px 0;
  text-align: center;
  filter: drop-shadow(2.5305px 5.061px 5.061px rgba(0, 0, 0, 0.7));
  font-size: clamp(0.7191136975rem, 0rem + 1.88vw, 2.2560429725rem);
}

.center_title>p:last-child {
  font-size: clamp(0.6875rem, 0.104rem + 1.5279vw, 1.9375rem);
  white-space: nowrap;
}

.center>p:nth-child(2) {
  margin-left: 3%;
  font-size: clamp(0.6875rem, 0.104rem + 1.5279vw, 1.9375rem);
  line-height: 2.035294;
}

.center>a:last-child {
  background: linear-gradient(-180deg, rgba(162, 168, 193, 1) 0%, rgba(95, 117, 159, 1) 100%);
  position: absolute;
  padding: 3px 10px;
  color: #fff;
  bottom: 0;
  right: 0;
  font-size: clamp(0.5821396598125rem, 0rem + 1.5219vw, 1.82632050125rem);
}

.facility {
  position: relative;
  aspect-ratio: 1193 / 524;
  margin-bottom: 50px;
}

.facility .section_title {
  z-index: 1;
  color: #fff;
  transform: translateX(-200%);
  transition: all 1s ease-in-out;
}

.facility div {
  position: absolute;
}

.facility img {
  position: absolute;
  z-index: 0;
  width: 100%;
}

.facility>div>p {
  font-size: clamp(0.4375rem, 0.0281rem + 1.0703vw, 1.3125rem);
  position: absolute;
}

.facility div:nth-child(4) {
  width: 10.3%;
  left: 35%;
}

.facility div:nth-child(4)>p {
  top: 14vw;
  left: 1vw;
  color: white;
}

.facility div:nth-child(6) {
  width: 20.7%;
  top: 0;
  left: 49%;
}

.facility div:nth-child(6)>p {
  top: 14vw;
  left: 0;
}

.facility div:nth-child(8) {
  width: 35.1%;
  top: 39%;
  left: 35%;
}

.facility div:nth-child(8)>p {
  top: 20.5vw;
  left: 0;
}

.facility div:nth-child(10) {
  width: 26.5%;
  top: 0;
  right: 2%;
}

.facility div:nth-child(10)>p {
  top: 37.5vw;
  left: 0;
}

.facility img:nth-child(2) {
  width: 31%;
  height: auto;
  top: 0;
  left: 3%;
}

.facility img:nth-child(4) {
  width: 10%;
  top: 0;
  left: 35%;
}

.facility img:nth-child(6) {
  width: 21%;
  top: 0;
  left: 50%;
}

.facility img:nth-child(8) {
  width: 36%;
  bottom: 5%;
  left: 35%;
}

.facility img:nth-child(10) {
  width: 27%;
  top: 0;
  right: 0%;
}

.facility>p {
  position: absolute;
  line-height: 1.1;
  bottom: -2%;
  left: 35%;
  font-size: clamp(0.5625rem, 0.0361rem + 1.3761vw, 1.6875rem);
  opacity: 0;
  /* 最初は非表示に */
  transform: translateY(20px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.facility>p span {
  font-size: clamp(0.625rem, -0.0183rem + 1.682vw, 2rem);
  font-family: "KozukaGothic Pr6N";
  font-weight: bold;
}

.fade-in-p-facility {
  opacity: 1 !important;
  /* フェードイン */
  transform: translateY(0px) !important;
  /* 移動しない（元の位置に戻す） */
}

.delivery {
  position: relative;
  background: url(img/delivery_animation.gif) center center no-repeat;
  background-size: cover;
  aspect-ratio: 1191 / 540;
}

.delivery .section_title {
  top: 4vw;
  left: 5%;
}

.delivery div {
  position: absolute;
  width: 80%;
  top: 20%;
  left: 5%;
  font-family: "meiryo";
  color: white;
  line-height: 2.1;
  opacity: 0;
  /* 最初は非表示に */
  transform: translateY(20px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.delivery div p:first-child {
  font-size: clamp(0.875rem, 0.0269rem + 2.2171vw, 2.6875rem);
  font-feature-settings: "palt";
}

.delivery div p:last-child {
  font-size: clamp(0.51rem, 0rem + 1.3333vw, 1.6rem);
}

.fade-in-p-delivery {
  opacity: 1 !important;
  /* フェードイン */
  transform: translateY(0px) !important;
  /* 移動しない（元の位置に戻す） */
}

.area {
  position: relative;
  background: url(img/area.png) center center no-repeat;
  background-size: cover;
  aspect-ratio: 1189 / 525;
  margin-bottom: 50px;
}

.area .section_title {
  color: black;
  top: 4vw;
  transform: translateX(-200%);
  left: 8.2%;
}

.area>div:nth-child(2) {
  position: absolute;
  bottom: 5%;
  right: 17%;
  white-space: nowrap;
  opacity: 0;
  /* 最初は非表示に */
  transform: translateY(20px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 3%;
  width: 33%;
}

.fade-in-p-area {
  opacity: 1 !important;
  /* フェードイン */
  transform: translateY(0px) !important;
  /* 移動しない（元の位置に戻す） */
}

.area div div {
  display: flex;
  justify-content: flex-start;
  gap: 10%;
  align-items: center;
  font-size: clamp(0.6375rem, 0rem + 1.6667vw, 2rem);
  border-bottom: 1px solid black;
}

.area div div:last-child {
  font-family: "KozukaGothic Pr6N";
  font-size: clamp(0.57375rem, 0rem + 1.5vw, 1.8rem);
  border-bottom: initial;
  gap: 2%;
}

.area div div:last-child p:not(.area div:last-child p:first-child) {
  font-size: clamp(0.478125rem, 0rem + 1.25vw, 1.5rem);
}

.transportation {
  width: 77.61862131%;
  margin: 0 auto;
}

.transportation .section_title {
  min-height: 0vw;
  color: black;
  line-height: .4;
  padding-top: 40px;
  padding-bottom: 56px;
  position: initial;
  transform: translateX(-200%);
  transition: transform 1s ease-in-out;
}

.about>p:first-child,
.about>p:nth-child(3),
.about>p:nth-child(5),
.about>p:nth-child(7) {
  font-size: clamp(0.821844225625rem, 0rem + 2.1486vw, 2.578334825625rem);
  background-color: #4857A5;
  text-align: center;
  color: #fff;
  margin-bottom: 18px;
}

.about_detail {
  display: flex;
  margin-bottom: 50px;
}

.about_detail>p {
  font-size: clamp(0.890331244375rem, 0rem + 2.3277vw, 2.793196060625rem);
  width: 33%;
}

.about_detail>p>span {
  font-size: clamp(0.684870188125rem, 0rem + 1.7905vw, 2.148612354375rem);
  color: #E60012;
}

.about_detail>p>a {
  font-size: clamp(0.513652641rem, 0rem + 1.3429vw, 1.611459265625rem);
  color: #000;
  background-color:#C0DD98;
  text-decoration: underline;
  padding:5px 15px;
  margin-top:1rem;
}

@media screen and (max-width:611px) {
  .about_detail>p>a {
   font-size: clamp(0.478125rem, 0rem + 1.25vw, 1.5rem);
   padding: 3px;
  }
}


.about_detail>p>a:hover{
  color: #666;
}

.about_detail>img {
  width: 67%; margin-left:.5rem;
}

.service {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3%;
  margin-bottom: 50px;
}

.service>div {
  width: calc((100% - 3%) / 2);
  margin-bottom: 27px;
}

.service>div>p:first-child {
  background-color: #F5AE18;
  color: #fff;
  text-align: center;
  font-size: clamp(0.753357206875rem, 0rem + 1.9696vw, 2.36347359rem);
}

.service>div>p:last-child {
  font-size: clamp(0.684870188125rem, 0rem + 1.7905vw, 2.148612354375rem);
  margin-top: 3%;
}

.about>p:nth-child(6) {
  font-size: clamp(0.684870188125rem, 0rem + 1.7905vw, 2.148612354375rem);
  margin-bottom: 50px;
}

.about>p:nth-child(6)>span {
  font-size: clamp(0.513652641rem, 0rem + 1.3429vw, 1.611459265625rem);
  color: red;
}

.about>:nth-child(8) {
  font-size: clamp(0.684870188125rem, 0rem + 1.7905vw, 2.148612354375rem);
}

.about>img:last-child {
  width: 63.7%;
  margin: 0 auto;
  display: block;
}

.dayService {
  position: relative;
}

.dayService .section_title {
  color: black;
  top: 5vw;
  transition: transform 1s ease-in-out;
  transform: translateX(-200%);
}

.dayService_container {
  width: 81.5%;
  margin: 0 auto;
}

.dayService_title {
  color: #e72225;
  font-size: clamp(0.875rem, 0.0269rem + 2.2171vw, 2.6875rem);
  font-family: "Meiryo";
  padding-top: 5em;
  padding-bottom: 40px;
}

.image_column {
  display: flex;
  padding-bottom: 30px;
}

.image_column img {
  width: calc((100% - 5px) / 3);
}

.dayService_container>p:nth-child(4) {
  font-size: clamp(0.6375rem, 0rem + 1.6667vw, 2rem);
  font-family: "KozukaGothic Pr6N";
  line-height: 1.406;
  padding-bottom: 30px;
}

.motion {
  display: flex;
  gap: 35px;
  margin-bottom: 60px;
}

.motion img {
  width: 47%;
}

.motion div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.motion div p:first-child {
  font-size: clamp(0.75rem, 0.0189rem + 1.9113vw, 2.3125rem);
  font-family: "Meiryo";
  line-height: 1.43;
}

.motion div p:nth-child(2) {
  font-size: clamp(0.625rem, -0.0183rem + 1.682vw, 2rem);
  font-family: "KozukaGothic Pr6N";
  line-height: 1.5;
  margin-left: 10px;
}

.motion div p:last-child {
  font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
  font-family: "meiryo_regular";
  line-height: 1.47;
}

.motion div p:last-child span {
  font-size: clamp(0.625rem, -0.0183rem + 1.682vw, 2rem);
  font-family: "KozukaGothic Pr6N";
}

.motion div p:last-child span:last-child {
  color: #2f4c9f;
  text-decoration: underline;
}

.fade-in-element-p-dayService {
  opacity: 0;
  /* 最初は非表示に */
  transform: translateY(20px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.fade-in-p-dayService {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.flow {
  width: 100%;
  background-color: #fef7f2;
  border: 4px solid #e60012;
  border-radius: 43px;
}

.flow_container {
  width: 90%;
  margin: 0 auto;
}

.flow_title {
  min-height: 0;
  font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
  border-bottom: 3px dashed #e60012;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
}

.flow_title span {
  display: inline-block;
  margin-right: 10px;
  font-size: clamp(1.125rem, 0.0138rem + 2.9052vw, 3.5rem);
  font-family: "Meiryo";
  color: #e60012;
}

.flow_container>p:nth-child(2) {
  font-size: clamp(0.5625rem, 0.0069rem + 1.4526vw, 1.75rem);
  font-family: "Meiryo";
  padding-top: 38px;
  padding-bottom: 33px;
}

.flow_container>p:nth-child(2) span {
  display: inline-block;
  padding: 4px 3px;
  border: 1.22px solid #e60012;
}

.flow_container>p:nth-child(2) span:first-child {
  background-color: #fef6f5;
}

.flow_container>p:nth-child(2) span:last-child {
  background-color: #dadbdb;
}

.flow_container>p:nth-child(3) {
  font-size: clamp(1.5rem, 0.0378rem + 3.8226vw, 4.625rem);
  font-family: "Meiryo";
  color: #e60012;
  text-align: center;
  margin-bottom: 30px;
}

.flow_content>div:not(.flow_content3>div:nth-child(2)) {
  position: relative;
  display: flex;
  width: 100%;
  border: 1px solid #e60012;
  font-family: "Meiryo";
  margin-bottom: 37px;
}

.flow_content>div>div:not(.flow_content3>div:nth-child(2)>div) {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fef6f5;
  padding-right: 5%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.flow_content>div>div>p:first-child:not(.flow_content3>div:nth-child(2)>div>p:first-child) {
  font-size: clamp(0.75rem, -0.0396rem + 2.0642vw, 2.4375rem);
  padding-left: 3%;
  color: #e60012;
  white-space: nowrap;
}

.flow_content>div>div>p:last-child:not(.flow_content3>div:nth-child(2)>div>p:last-child) {
  font-size: clamp(0.6875rem, 0.0149rem + 1.7584vw, 2.125rem);
  line-height: 0.96;
}

.flow_content>div>p:not(.flow_content3>div:nth-child(2)>p) {
  width: 50%;
  background-color: #dadbdb;
  padding-left: 5%;
  font-size: clamp(0.6875rem, 0.0149rem + 1.7584vw, 2.125rem);
  line-height: 0.96;
  padding-top: 10px;
  padding-bottom: 10px;
}

.flow_content>div>img:not(.flow_content3>div:nth-child(2)>img) {
  position: absolute;
  width: 7%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.flow_content1>p {
  font-family: "Meiryo";
  font-size: clamp(0.625rem, -0.0183rem + 1.682vw, 2rem);
  margin-left: 20px;
}

.flow_content1>p>span {
  font-size: 0.6955em;
}

.flow_content1>img {
  display: block;
  margin: -15px auto 30px;
  width: 14%;
}

.flow_content {
  font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
}

.flow_content2>p {
  width: 22.6%;
  font-size: clamp(0.5625rem, 0.1239rem + 1.1468vw, 1.5rem);
}

.flow_content2>img {
  display: block;
  margin: -3rem auto 30px;
  width: 38%;
}

.flow_content3>div:nth-child(2) {
  width: 95%;
  margin: 0 auto;
  display: flex;
  gap: 4%;
  font-size: clamp(0.5625rem, 0.1239rem + 1.1468vw, 1.5rem);
  font-family: "Meiryo";
}

.flow_content3>div:nth-child(2)>div {
  width: 50%;
}

.flow_content3>div:nth-child(2)>div>p {
  margin-bottom: 20px;
}

.flow_content3>div:nth-child(2)>div>div>p {
  margin-bottom: 30px;
  font-family: "meiryo_regular";
}

.flow_content3>div:nth-child(2)>div>div>img {
  float: right;
  width: 50%;
  height: auto;
  object-fit: contain;
}

.flow_content4 {
  font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
}

.flow_content4>p {
  width: 22.6%;
  font-size: clamp(0.5625rem, 0.1239rem + 1.1468vw, 1.5rem);
  margin-left: 2.5%;
}

.flow_content4>img {
  display: block;
  margin: -3rem auto 30px;
  width: 33%;
}

.flow_content5 {
  font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
}

.flow_content5>p {
  margin-left: 2.5%;
  width: 22.6%;
  font-size: clamp(0.5625rem, 0.1239rem + 1.1468vw, 1.5rem);
}

.flow_content5>img {
  display: block;
  margin: -3rem auto 30px;
  width: 33%;
}

.flow_content6 {
  font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
}

.flow_content6>p {
  margin-left: 2.5%;
  width: 22.6%;
  font-size: clamp(0.5625rem, 0.1239rem + 1.1468vw, 1.5rem);
}

.flow_content6>img {
  display: block;
  margin: -3rem auto 10px;
  width: 33%;
}

.store {
  position: relative;
  width: 83.5%;
  margin: 0 auto 50px;
  padding-top: 51px;
}

.store>p:first-child {
  font-size: clamp(0.75rem, -0.0396rem + 2.0642vw, 2.4375rem);
  font-family: "Meiryo";
  color: #E60012;
  margin-bottom: 5px;
}

.store>p:nth-child(2) {
  font-size: clamp(0.5625rem, -0.0224rem + 1.5291vw, 1.8125rem);
  font-family: "Meiryo";
  line-height: 1.75;
  margin-bottom: 31px;
}

.store>a {
  font-size: clamp(0.5625rem, -0.0224rem + 1.5291vw, 1.8125rem);
  font-family: "Meiryo";
  padding-bottom: 30px;
  text-decoration: underline;
  color: #5870b5;
}

.fade-in-element-title {
  opacity: 1;
  /* 最初は非表示に */
  /* 下から上に移動 */
  transition: transform 1s ease-in-out;
}

.fade-in-title {
  opacity: 1;
  /* フェードイン */
  transform: translateX(10.5%) !important;
  /* 移動しない（元の位置に戻す） */
}

.fade-in-title-width {
  opacity: 1;
  transform: translateX(0) !important;
}

.fade-in-title-width3 {
  transform: translateX(17%) !important;
}

.fade-in-p-history {
  opacity: 1 !important;
  transform: translateY(0px) !important;
}

.l-page__footer__pagetop {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 60px;
}

.c-pagetop {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  width: 60px;
  height: 60px;
  border: 1px solid #02030a;
  cursor: pointer;
}

.c-pagetop span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 15px;
  margin: auto;
  background: url(img/ico_arrow_top.png) no-repeat 50%;
  background-size: cover;
}

.__not_hover {
  pointer-events: none;
}












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

  .wms>.function {
    width: 90%;
  }

  .wms .function_title>p:first-child {
    white-space: nowrap;
  }

  .wms>.function>div {
    gap: 2%;
  }

  .wms>.function>div:nth-child(4)>p:first-child {
    padding-left: 0;
  }

  .wms>.function>div:nth-child(4)>p:last-child {
    padding-left: 0;
  }
}

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

  .sp {
    display: block;
  }

  /* header */
  .bg {
    height: auto;
    height: 100vh;
    background-image: url(img/sp/fv_sp.png);
    aspect-ratio: 750 / 1334;
  }

  .overlay {
    height: 100vh;
    aspect-ratio: 750 / 1334;
    z-index: 2;
  }

  .header_menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100vw;
    background: white;
    padding-top: 5.3%;
    padding-bottom: 8.7%;
  }

  .logo {
    width: 40%;
    height: auto;
    margin-left: 3%;
    margin-top: 10px;
  }

  .openbtn_container {
    position: absolute;
    top: 44%;
    right: 27px;
    transform: translateY(-50%);
    z-index: 4;
  }

  .openbtn {
    cursor: pointer;
    position: relative;
    background: #a5d3a0;
    width: 31px;
    height: 23px;
    border-radius: 5px;
  }

  .openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 5px;
    height: 1.5px;
    border-radius: 2px;
    background: #fff;
    width: 21px;
  }

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

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

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

  .openbtn.active span:nth-of-type(1) {
    top: 5px;
    left: 5px;
    transform: translateY(6px) rotate(45deg);
    width: 60%;
  }

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

  .openbtn.active span:nth-of-type(3) {
    top: 17px;
    right: 5px;
    transform: translateY(-6px) rotate(-45deg);
    width: 60%;
  }

  .menu {
    display: none;
  }

  .page_menu_container {
    width: 87.2%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1%;
  }

  .page_menu_container>a {
    width: 48.8%;
    height: auto;
    aspect-ratio: 1 / 1;
    background-color: #161616c6;
    position: relative;
    white-space: nowrap;
    color: white;
    margin-bottom: 20px;
    border: 1px solid white;
    border-radius: 20px;
  }

  .page_menu_container>a p:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-family: "KozukaGothic Pr6N";
    font-size: clamp(0.875rem, 0.0011rem + 3.7288vw, 1.425rem);
    white-space: nowrap;
  }

  .page_menu_container a p:last-child {
    position: absolute;
    bottom: 6.63px;
    left: 3.75%;
    font-size: clamp(0.625rem, -0.0702rem + 2.9661vw, 1.0625rem);
    font-family: "STIXGeneral Bold Italic";
    line-height: 0.8;
  }

  .CenterBusinessDetail {
    width: 100%;
    position: absolute;
    display: none;
    background-color: #666666;
    color: white;
    border: 1px solid white;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }

  .CenterBusinessDetail a {
    display: block;
    font-size: clamp(0.625rem, 0.0291rem + 2.5424vw, 1rem);
    font-family: "KozukaGothic Pr6N";
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .CenterBusinessDetail a:not(.CenterBusinessDetail a:last-child) {
    border-bottom: 1px solid white;
  }

  .menu_sp_container {
    position: fixed;
    opacity: 0;
    padding-top: 115px;
    transform: translateX(-300%);
    transition: all 1s ease-in-out;
    z-index: 2;
    background-color: white;
  }

  .menu_sp_container_move {
    width: 100vw;
    visibility: visible;
    height: 100vh;
    opacity: 1;
    transform: translateX(0) !important;
    background-color: white;
  }

  .menu_sp {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 6.65px;
    width: 87.2%;
    margin: 0 auto;
  }

  .menu_sp a {
    width: 48.93%;
    height: auto;
    aspect-ratio: 1 / 1;
    position: relative;
    background: #595757;
    border-radius: 15px;
    color: white;
    margin-bottom: 20px;
  }

  .menu_sp a p:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-family: "KozukaGothic Pr6N";
    font-size: clamp(0.875rem, 0.0011rem + 3.7288vw, 1.425rem);
    white-space: nowrap;
  }

  .menu_sp a p:last-child {
    position: absolute;
    bottom: 6.63px;
    left: 3.75%;
    font-size: clamp(0.75rem, 0rem + 3.2vw, 1.222rem);
    font-family: "STIXGeneral Bold Italic";
  }

  @keyframes slide-in-title {
    to {
      left: 5%;
    }
  }

  .header_title {
    top: 30vw;
    color: white;
    position: absolute;
    left: -100%;
    font-size: clamp(0.8125rem, 0.0229rem + 2.0642vw, 2.5rem);
    animation: slide-in-title 2s 1300ms ease-in-out forwards;
    line-height: initial;
  }

  .m-mv__main__scroll {
    bottom: 62px;
    left: -30px;
  }

  .c-scroll-down {
    width: 120px;
  }

  .c-scroll-down .txt {
    font-size: 11px;
  }

  .c-scroll-down .line {
    width: 75px;
  }

  .header_menu>a:last-child {
    top: 44%;
    right: 20%;
    width: 8%;
  }

  /* main */

  main {
    padding-top: 100vh;
  }

  .section_title {
    font-size: clamp(0.5625rem, 0rem + 2.4vw, 0.9165rem);
    color: white;
    z-index: 1;
    top: 5vw;
    left: 0;
  }

  .section_title span:first-child {
    margin-bottom: 10px;
    font-size: clamp(0.9rem, -0.0037rem + 3.8559vw, 1.46875rem);
  }

  .wms {
    position: relative;
    background-color: white;
    aspect-ratio: 375 / 596;
  }

  .wms .section_title {
    padding-left: 0;
  }

  .wms .section_title span:last-child {
    margin-top: 10px;
    font-size: clamp(0.9rem, -0.0037rem + 3.8559vw, 1.46875rem);
  }

  .wms>p {
    width: 80%;
    top: 8%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    font-size: clamp(0.625rem, 0.0291rem + 2.5424vw, 1rem);
    padding: 0 5px;
    z-index: 2;
  }

  .wms>img {
    width: 100%;
    bottom: 30%;
    top: initial;
  }

  .wms>.image-container {
    width: 100%;
  }

  .system_link {
    flex-wrap: wrap;
    justify-content: center;
  }

  .system_link>a {
    width: calc((100% - 14%) / 3);
    margin-bottom: 15px;
  }

  .fade-in-p-wms1 {
    opacity: 1;
    transform: translateY(0px) !important;
  }

  .procedure_container {
    width: 84%;
    margin: 40px auto;
  }

  .procedure_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3%;
    margin-bottom: 20px;
  }

  .procedure_title>span:first-child {
    display: flex;
    gap: 15%;
    white-space: nowrap;
    width: 15%;
    padding: .5% 3%;
    color: white;
    filter: drop-shadow(2.5305px 5.061px 5.061px rgba(0, 0, 0, 0.7));
    font-size: clamp(0.5625rem, 0rem + 2.4vw, 0.9165rem);
  }

  .procedure_title>span:last-child {
    font-size: clamp(0.525rem, 0rem + 2.24vw, 0.8554rem);
  }

  .arrival,
  .storage,
  .processing,
  .packing,
  .shipping {
    margin-bottom: 30px;
  }

  .processing>.procedure_title>span:first-child {
    background: linear-gradient(-180deg, rgba(187, 137, 75, 1) 0%, rgba(217, 191, 153, 1) 100%);
    width: 20%;
    padding: .5% 3%;
    gap: 10%;
  }

  .arrival_text,
  .storage_text,
  .processing_text,
  .packing_text {
    display: flex;
    gap: 2%;
  }

  .processing_text {
    margin-bottom: 10px;
  }

  .shipping_text {
    display: flex;
    gap: 0;
  }

  .arrival_text>div,
  .storage_text>div,
  .processing_text>div,
  .packing_text>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .shipping_text>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 64%;
  }

  .arrival_text>div>p:first-child,
  .storage_text>div>p,
  .processing_text>div>p,
  .packing_text>div>p,
  .shipping_text>div>p {
    font-size: clamp(0.625rem, 0rem + 2.6667vw, 1.018333333125rem);
    line-height: 1.52;
  }

  .arrival_text>div>p:last-child {
    text-align: right;
    font-size: clamp(0.7191136975rem, 0rem + 1.88vw, 2.2560429725rem);
  }

  .arrival_text>div>p:last-child>span:first-child {
    font-weight: bold;
  }

  .arrival_text>img {
    width: 54%;
  }

  .storage_text img {
    width: 100%;
  }

  .storage_text>img {
    width: 53%;
  }

  .processing_text>img {
    width: 40%;
    height: 100%;
  }

  .processing_text>div>p:last-child>img {
    width: 100%;
  }

  .processing>img {
    width: 100%;
  }

  .packing_text>img {
    width: 47%;
  }

  .packing_text>div>p:last-child {
    position: relative;
  }

  .packing_text>div>p:last-child>img {
    width: 100%;
  }

  .packing_text>div>p:last-child:after {
    content: "";
  }

  .shipping_text>div>p:first-child {
    padding-bottom: 3.7%;
  }

  .shipping_text>div>p:last-child>img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }

  .shipping_text>img {
    width: 36%;
    height: 100%;
  }

  .base {
    margin-bottom: 50px;
  }

  .base .section_title {
    min-height: 0vw;
    color: black;
    line-height: .4;
    padding-top: 40px;
    padding-bottom: 40px;
    transform: translateX(-200%);
    position: initial;
  }

  .center {
    width: 77.61862131%;
    margin: 0 auto 10%;
    position: relative;
    border: 1px solid #000;
  }

  .center_title {
    display: flex;
    justify-content: center;
    align-items: self-end;
    gap: 5%;
    margin-bottom: 1%;
    position: absolute;
    width: 85%;
    left: 50%;
    top: -9%;
    transform: translateX(-50%);
  }

  .center_title>a:first-child,
  .center_title>p:first-child {
    display: block;
    background: linear-gradient(-180deg, rgba(162, 168, 193, 1) 0%, rgba(95, 117, 159, 1) 100%);
    color: #fff;
    width: 65%;
    padding: 2px 0;
    text-align: center;
    filter: drop-shadow(2.5305px 5.061px 5.061px rgba(0, 0, 0, 0.7));
    font-size: clamp(0.7191136975rem, 0rem + 1.88vw, 2.2560429725rem);
  }

  .center_title>p:last-child {
    font-size: clamp(0.5821396598125rem, 0rem + 1.5219vw, 1.82632050125rem);
    white-space: nowrap;
  }

  .center>p:nth-child(2) {
    margin: 6% 4% 4%;
    font-size: clamp(0.625rem, 0rem + 2.6667vw, 1.018333333125rem);
    line-height: 1.6;
  }

  .center>p:nth-child(2)>span:not(.center:last-child>p:nth-child(2)>span) {
    font-size: clamp(0.75rem, 0rem + 3.2vw, 1.222rem);
    font-weight: bold;
  }


  .center>a:last-child {
    padding: 3px 10px;
    bottom: 8%;
    right: 4%;
    font-size: clamp(0.425rem, 0rem + 1.8133vw, 0.692466666875rem);
  }



  .equipment {
    aspect-ratio: 375 / 1398;
  }

  .equipment .section_title {
    color: white;
    z-index: 99;
  }

  .equipment p {
    font-size: clamp(0.81rem, 0.0016rem + 3.4492vw, 1.31875rem);
  }

  .equipment>div>img:nth-child(2) {
    z-index: 1;
  }

  .equipment_content0 {
    aspect-ratio: 375 / 242;
  }

  .equipment_content0 p {
    bottom: -6vw;
    left: 5%;
  }

  .equipment_content1 {
    width: 80.5%;
    top: 20%;
    aspect-ratio: 301 / 157;
  }

  .equipment_content1 p {
    bottom: 2vw;
    top: 100%;
    left: 4%;
  }

  .equipment_content2 {
    top: 28%;
    right: 4%;
    aspect-ratio: 167 / 94;
  }

  .equipment_content2 p {
    display: none;
  }

  .equipment_content3 {
    position: absolute;
    width: 68.5%;
    left: 3%;
    top: 36%;
    z-index: 1;
    aspect-ratio: 257 / 144;
  }

  .equipment_content3 p {
    top: 100%;
    left: 0;
  }

  .equipment_content4 {
    width: 100%;
    top: 63%;
    left: 50%;
    transform: translateX(-50%);
    aspect-ratio: 357 / 267;
  }

  .equipment_content4 p {
    bottom: -5vw;
    left: 2%;
  }

  .equipment_content5 {
    position: absolute;
    width: 65.6%;
    right: 3%;
    bottom: 5%;
    aspect-ratio: 246 / 134;
  }

  .equipment_content5 p {
    top: 100%;
    left: 2%;
  }

  .equipment_content6 {
    position: absolute;
    width: 84.1%;
    right: 0;
    top: 48%;
    aspect-ratio: 315 / 176;
  }

  .equipment_content6 p {
    top: 100%;
    left: 2%;
  }

  .facility {
    aspect-ratio: 375 / 600;
    position: relative;
  }

  .facility .section_title {
    z-index: 100;
    color: white;
    top: 5vw;
  }

  .facility div {
    position: absolute;
  }

  .facility img {
    position: absolute;
    z-index: 0;
    width: 100%;
  }

  .facility>div>p {
    font-size: clamp(0.425rem, 0.0079rem + 1.7797vw, 0.6875rem);
    position: absolute;
  }

  .facility div:nth-child(3) {
    width: 100%;
  }

  .facility div:nth-child(3)>p {
    top: 63vw;
    right: 0;
  }

  .facility div:nth-child(5) {
    width: 51%;
    top: 38%;
    left: 3%;
  }

  .facility div:nth-child(7) {
    width: 14.5%;
    top: 38%;
    left: 55%
  }

  .facility div:nth-child(7)>p {
    top: 26vw;
    left: 0;
  }

  .facility div:nth-child(9) {
    width: 29.4%;
    top: 38%;
    right: 0;
  }

  .facility div:nth-child(9)>p {
    top: 26vw;
    left: 0;
  }

  .facility div:nth-child(11) {
    width: 52%;
    bottom: 25.5%;
    left: 3.4%;
  }

  .facility div:nth-child(11)>p {
    top: 32vw;
    left: 0;
  }

  .facility div:nth-child(12) {
    width: 45.7%;
    bottom: 43.5%;
    right: -0.8%;
  }

  .facility div:nth-child(13) {
    width: 43%;
    bottom: 25.6%;
    right: 0;
  }

  .facility div:nth-child(13)>p {
    top: 32vw;
    left: 0;
  }

  .facility>p {
    bottom: -1%;
    left: 4%;
    font-size: clamp(0.468125rem, 0rem + 1.9973vw, 0.762731666875rem);
  }

  .facility>p span {
    font-weight: bold;
    font-size: clamp(0.550625rem, 0rem + 2.3493vw, 0.897151666875rem);
  }

  .area {
    background: none;
    aspect-ratio: initial;
    margin-bottom: 0;
  }

  .area .section_title {
    top: 5vw;
    left: 0;
  }

  .area>div:nth-child(3) {
    width: 90.618621%;
    margin: 0 auto;
    padding-top: 50px;
  }

  .area>div:nth-child(3)>img {
    width: 100%;
  }

  .area div div {
    gap: 6%;
    font-size: clamp(0.468125rem, 0rem + 1.9973vw, 0.762731666875rem);
    width: 70%;
  }

  .area div div:nth-child(4) {
    font-size: clamp(0.468125rem, 0rem + 1.9973vw, 0.762731666875rem);
    border-bottom: 1px solid black;
    gap: 2%;
    margin-bottom: 10px;
  }

  .area div div:nth-child(2) {
    margin-top: 10px;
  }

  .area div div:last-child>p:first-child {
    font-size: clamp(0.550625rem, 0rem + 2.3493vw, 0.897151666875rem);
  }

  .area div>img:nth-child(6) {
    width: 50%;
  }

  .area div>img:nth-child(7) {
    width: 30%;
  }

  .transportation {
    width: 90.618621%;
  }

  .transportation .section_title {
    padding-top: 20px;
    padding-bottom: 26px;
  }

  .service {
    gap: 3%;
    margin-bottom: 20px;
  }

  .service>div {
    margin-bottom: 7px;
  }

  .service>div>p:first-child {
    font-size: clamp(0.625rem, 0rem + 2.6667vw, 1.018333333125rem);
  }

  .service>div>p:last-child {
    font-size: clamp(0.5625rem, 0rem + 2.4vw, 0.9165rem);
    margin-top: 3%;
  }

  .about>p:first-child,
  .about>p:nth-child(3),
  .about>p:nth-child(5),
  .about>p:nth-child(7) {
    font-size: clamp(0.75rem, 0.1618rem + 2.5096vw, 1.120166666875rem);
    margin-bottom: 10px;
  }

  .about_detail {
    margin-bottom: 10px;
  }

  .about_detail>p {
    font-size: clamp(0.65rem, 0rem + 2.7733vw, 1.059066666875rem);
    width: 33%;
  }

  .about_detail>p>span {
    font-size: clamp(0.5rem, 0rem + 2.1333vw, 0.814666666875rem);
  }

  .about_detail>img {
    width: 67%;
  }

  .about>p:nth-child(6) {
    font-size: clamp(0.5625rem, 0rem + 2.4vw, 0.9165rem);
    margin-bottom: 20px;
  }

  .about>p:nth-child(6)>span {
    font-size: clamp(0.5rem, 0rem + 2.1333vw, 0.814666666875rem);
  }

  .about>:nth-child(8) {
    font-size: clamp(0.5625rem, 0rem + 2.4vw, 0.9165rem);
  }

  .about>img:last-child {
    width: 80%;
  }

  .dayService_container {
    width: 90.618621%;
  }

  .dayService_title {
    font-size: clamp(0.81rem, 0rem + 3.456vw, 1.31976rem);
    padding-top: 5em;
    padding-bottom: 10px;
  }

  .image_column {
    display: flex;
    padding-bottom: 10px;
  }

  .image_column img {
    width: calc((100% - 5px) / 2);
  }

  .dayService_container>p:nth-child(4) {
    font-size: clamp(0.75rem, 0rem + 3.2vw, 1.222rem);
    padding-bottom: 10%;
  }

  .motion {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
  }

  .motion img {
    width: 36%;
  }

  .motion div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .motion div p:first-child {
    font-size: clamp(0.69rem, 0rem + 2.944vw, 1.12424rem);
  }

  .motion div p:nth-child(2) {
    font-size: clamp(0.6rem, 0rem + 2.56vw, 0.9776rem);
    margin-left: 0;
  }

  .machine {
    font-size: clamp(0.6rem, 0rem + 2.56vw, 0.9776rem);
    font-family: "meiryo_regular";
    line-height: 1.47;
  }


  .machine span {
    font-size: clamp(0.625rem, -0.0183rem + 1.682vw, 2rem);
    font-family: "KozukaGothic Pr6N";
  }

  .machine span:last-child {
    color: #2f4c9f;
    text-decoration: underline;
    font-size: clamp(0.75rem, 0rem + 3.2vw, 1.222rem);
  }

  .fade-in-element-p-dayService {
    opacity: 0;
    /* 最初は非表示に */
    transform: translateY(20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  }

  .fade-in-p-dayService {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .flow {
    border-radius: 20px;
    margin-top: 10%;
  }

  .flow_container {
    width: 90%;
    margin: 0 auto;
  }

  .flow_title {
    font-size: clamp(0.5625rem, 0rem + 2.4vw, 0.9165rem);
    font-family: "Meiryo";
    padding-bottom: 10px;
  }

  .flow_title span {
    text-align: center;
    display: block;
    margin-right: 0;
    margin-bottom: -10px;
    font-size: clamp(1.051875rem, 0.0022rem + 4.4788vw, 1.7125rem);
  }

  .flow_container>p:nth-child(2) {
    font-size: clamp(0.608125rem, -0.0046rem + 2.6144vw, 0.99375rem);
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .flow_container>p:nth-child(3) {
    font-size: clamp(1.5rem, 0.0378rem + 3.8226vw, 4.625rem);
    margin-bottom: 10px;
  }

  .flow_content>div:not(.flow_content3>div:nth-child(2)) {
    margin-bottom: 15px;
  }

  .flow_content>div>div:not(.flow_content3>div:nth-child(2)>div) {
    padding-right: 7.5%;
  }

  .flow_content>div>div>p:first-child:not(.flow_content3>div:nth-child(2)>div>p:first-child) {
    font-size: clamp(0.72375rem, -0.0032rem + 3.1017vw, 1.18125rem);
    white-space: nowrap;
  }

  .flow_content>div>div>p:last-child:not(.flow_content3>div:nth-child(2)>div>p:last-child) {
    font-size: clamp(0.64rem, -0.0016rem + 2.7373vw, 1.04375rem);
  }

  .flow_content>div>p:not(.flow_content3>div:nth-child(2)>p) {
    padding-left: 7.5%;
    font-size: clamp(0.64rem, -0.0016rem + 2.7373vw, 1.04375rem);
    line-height: 0.96;
  }

  .flow_content>div>img:not(.flow_content3>div:nth-child(2)>img) {
    width: 13.6%;
  }

  .flow_content1>p {
    font-size: clamp(0.6rem, -0.2243rem + 3.5169vw, 1.11875rem);
    margin-left: 0;
  }

  .flow_content1>img {
    display: block;
    margin: -24px 20.8% 30px auto;
    width: 33%;
  }

  .flow_content {
    font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
  }

  .flow_content2>p {
    width: 44%;
    font-family: "Meiryo";
    font-size: clamp(0.5rem, 0.0034rem + 2.1186vw, 0.8125rem);
  }

  .flow_content2>img {
    display: block;
    margin: -18% 0 30px auto;
    width: 45%;
  }

  .flow_content3>div:nth-child(2) {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    font-size: clamp(0.5rem, 0.0034rem + 2.1186vw, 0.8125rem);
  }

  .flow_content3>div:nth-child(2)>div {
    width: 100%;
  }

  .flow_content3>div:nth-child(2)>div>p {
    margin-bottom: 5px;
  }

  .flow_content3>div:nth-child(2)>div>div>p {
    margin-bottom: 10px;
    font-size: clamp(0.4175rem, -0.0115rem + 1.8305vw, 0.6875rem);
  }

  .flow_content3>div:nth-child(2)>div>div>img {
    float: right;
    width: 30%;
    height: auto;
    object-fit: contain;
  }

  .flow_content3>div:nth-child(2)>div:nth-child(2)>p {
    margin-left: 35%;
  }

  .flow_content3>div:nth-child(2)>div:nth-child(2)>div>img {
    float: left;
    width: 33%;
    margin-right: 3%;
    margin-bottom: 2%;
  }

  .flow_content4 {
    font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
  }

  .flow_content4>p {
    width: 53%;
    font-size: clamp(0.5rem, 0.0034rem + 2.1186vw, 0.8125rem);
    font-family: "Meiryo";
  }

  .flow_content4>img {
    display: block;
    margin: -1.8rem 0 10px auto;
    width: 35%;
  }

  .flow_content5 {
    font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
  }

  .flow_content5>p {
    width: 53.6%;
    font-size: clamp(0.5rem, 0.0034rem + 2.1186vw, 0.8125rem);
    font-family: "Meiryo";
  }

  .flow_content5>img {
    display: block;
    margin: -2.3rem 0 10px auto;
    width: 36.4%;
  }

  .flow_content6 {
    font-size: clamp(0.4375rem, -0.0011rem + 1.1468vw, 1.375rem);
  }

  .flow_content6>div:first-child>p:nth-child(2) {
    padding-top: 4.5vw !important;
  }

  .flow_content6>p {
    width: 58.6%;
    font-size: clamp(0.5rem, 0.0034rem + 2.1186vw, 0.8125rem);
    font-family: "Meiryo";
  }

  .flow_content6>img {
    display: block;
    margin: -1.8rem 0 20px auto;
    width: 29.3%;
  }

  .store {
    width: 81.1%;
    margin: 0 auto;
    padding-top: 20px;
  }

  .store>p:first-child {
    font-size: clamp(0.773125rem, 0.0005rem + 3.2966vw, 1.259375rem);
    margin-bottom: 10px;
  }

  .store>p:nth-child(2) {
    font-size: clamp(0.576875rem, 0.0038rem + 2.4449vw, 0.9375rem);
    line-height: 1.75;
    margin-bottom: 15px;
  }

  .store>a {
    font-size: clamp(0.6875rem, 0.0023rem + 2.9237vw, 1.11875rem);
    color: #5870b5;
    padding-bottom: 30px;
  }

  .l-page__footer__pagetop {
    bottom: 50px;
    right: 20px;
  }

  .c-pagetop {
    width: 40px;
    height: 40px;
  }

  .c-pagetop span {
    width: 8px;
    height: 10px;
  }

  .fade-in-title {
    opacity: 1;
    transform: translateX(5%) !important;
    width: 70%;
  }

  .fade-in-title-width {
    opacity: 1;
    transform: translateX(8%) !important;
  }

  .fade-in-title-width2 {
    transform: translateX(0) !important;
  }

  .fade-in-title-width3 {
    transform: translateX(7%) !important;
  }
}

@media screen and (max-width:611px) {
  .flow_content6>div:first-child>p:nth-child(2) {
    padding-top: 3.5vw !important;
  }
}

@media screen and (max-width:425px) {
  .flow_content6>div:first-child>p:nth-child(2) {
    padding-top: 4.2vw !important;
  }
}

@media screen and (max-width:465px) {
  .flow_content6>div:first-child>p:nth-child(2) {
    padding-top: 3.8vw !important;
  }
}

@media screen and (max-width:501px) {
  .flow_content6>div:first-child>p:nth-child(2) {
    padding-top: 4vw !important;
  }
}

@media screen and (max-width:541px) {
  .flow_content6>div:first-child>p:nth-child(2) {
    padding-top: 4.5vw !important;
  }
}