/* ========all page style======== */

.hero-slide {
  padding: 26px 0px;
}

/* hero slider */
.swiper-button-ct {
  width: 80px;
  height: 80px;
  transition: 0.3s;
}

.swiper-button-lock {
  display: flex;
}

.home-sl-item a:hover {
  opacity: 0.7;
}

.swiper-button-ct::after {
  content: none;
}

.swiper-button-ct.swiper-button-prev {
  background-image: url(../images/left.png);
  left: 7%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.swiper-button-ct.swiper-button-prev:hover {
  background-image: url(../images/left-blue.png);
}

.swiper-button-ct.swiper-button-next {
  background-image: url(../images/right.png);
  right: 7%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.swiper-button-ct.swiper-button-next:hover {
  background-image: url(../images/right-blue.png);
}

.swiper-bt {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  transition: 0.25s;
}

.swiper-bt.swiper-button-prev {
  left: 0px;
  transform: translateX(-50%);
}

.swiper-bt::after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  transition: 0.25s;
}

.swiper-bt:hover {
  background-color: #1a7abe;
}

.swiper-bt.swiper-button-prev:hover::after {
  border-color: transparent #fff transparent transparent;
}

.swiper-bt.swiper-button-prev::after {
  margin-right: 3px;
  border-width: 12px 18px 12px 0;
  border-color: transparent #989898 transparent transparent;
}

.swiper-bt.swiper-button-next::after {
  margin-left: 3px;
  border-width: 12px 0px 12px 18px;
  border-color: transparent transparent transparent #989898;
}

.swiper-bt.swiper-button-next:hover::after {
  border-color: transparent transparent transparent #fff;
}

.swiper-bt.swiper-button-next {
  right: 0px;
  transform: translateX(50%);
}

.home-banner-sl .swiper-slide img {
  width: 100%;
  object-fit: cover;
}

.home-sl-item {
  position: relative;
  opacity: 0.4;
}

.home-sl-item.swiper-slide-active {
  opacity: 1;
}

.control-slide {
  position: absolute;
  content: "";
  width: 126px;
  height: 136px;
  /* bottom: 0; */
  right: 0;
  background-color: #fff;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  cursor: pointer;

  /* opacity: 0;
  visibility: hidden;
  z-index: -1; */
  transition: 0.3s;

  z-index: 1;
  top: -26px;
  transform: translateY(-100%);
  right: -12px;
}

.swiper-slide.swiper-slide-active .control-slide {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

.control-slide.stop::before {
  background-image: url(../images/stop.png);
}

.control-slide::before {
  position: absolute;
  content: "";
  background-image: url(../images/or.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;

  right: 27px;
  bottom: 60px;
  z-index: 2;
  transition: all 0.3s;
}

/* hero slider */

.page-content h2 {
  font-size: 26px;
  line-height: 1.5;
}

.page-content h3 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 18px;
}

.page-content h4 {
  font-size: 16px;
  line-height: 1.5;
}

.page-content h5 {
  font-size: 14px;
  line-height: 1.5;
}

.wrap-internal-link {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  width: 75%;
  margin: 0 auto;
  position: relative;
}

.wrap-internal-link::after {
  position: absolute;
  content: "";
  background-image: url(../images/home-icon-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  width: 80px;
  height: 104px;
  right: -10px;
  transform: translateY(-69%);
  z-index: 2;
}

.internal-link {
  height: 90px;
  width: calc(100% / 5 - 24px);
  border-radius: 4px;
  overflow: hidden;
  display: block;

  background-image: url(../images/internal-link-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap-internal-link>.internal-link {
  display: none;
}

.wrap-internal-link .home-banner-thumb .internal-link {
  width: 100%;
}

.home-banner-thumb .swiper-slide.swiper-slide-active .internal-link::after {
  background-color: unset;
}

.home-banner-thumb .swiper-slide.swiper-slide-active .internal-link .txt {
  opacity: 0;
}

.internal-link.--01 {
  background-image: url(../images/top-slide/internal01.jpg);
}

.internal-link.--02 {
  background-image: url(../images/top-slide/internal02.jpg);
}

.internal-link.--03 {
  background-image: url(../images/top-slide/internal03.jpg);
}

.internal-link.--04 {
  background-image: url(../images/top-slide/internal04.jpg);
}

.internal-link.--05 {
  background-image: url(../images/top-slide/internal05.jpg);
}

.internal-link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* transition: 0.3s; */

  background-color: #0d5283d0;
  opacity: 1;
}

.internal-link:hover {
  opacity: 1;
}

/* .internal-link:hover::after {
  background-color: #0d5283eb;
  opacity: 1;
} */

.internal-link .txt {
  font-size: 16px;
  color: #fff;
  font-weight: 600;

  text-align: center;
  position: relative;
  z-index: 2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.palete-guide {
  padding-top: 75px;
  position: relative;
}

.palete-guide__img-right {
  position: absolute;
  right: 0;
  top: 40px;
  width: 17%;
}

.st-title .__title {
  font-size: min(4vw, 62px);
  color: #1a7abe;
  letter-spacing: 1px;
  line-height: 1;
  position: relative;
  z-index: 10;
}

.st-title.--margin {
  margin-bottom: 32px;
}

.st-title .__title img {
  width: auto;
  object-fit: cover;
}

.st-title span.pt {
  padding-top: 10px;
}

.st-title span {
  position: relative;
  display: block;
  width: fit-content;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.4;
  display: flex;
  align-items: center;
}

.st-title span::after {
  content: "";
  width: 168px;
  height: 3px;
  background-color: #000;
  margin-left: 30px;
}

.guide-intro-txt {
  margin: 20px 0px;
}

.guide-cl {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 46px;
  row-gap: 40px;
}

.guide-product {
  width: 100%;
  padding: 30px 60px 45px 60px;
  display: block;
  border: 1px solid #737373;
  border-radius: 20px;
  position: relative;
  background-color: #fff;
  transition: 0.3s;
  height: 576px;

  display: none;
}

.guide-product.active {
  display: block;
}

.guide-product .__thumb {
  height: 308px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.guide-product:hover {
  opacity: 1;
}

.guide-product:hover::after {
  background-color: #1a7abe;
}

.guide-product::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 10px;
  left: 10px;
  background-color: #efeded;
  border-radius: 20px;
  z-index: -1;
  transition: 0.3s;
}

.guide-product img {
  width: auto;
  max-height: 100%;
  object-fit: cover;
}

.guide-product .__desc {
  padding-top: 14px;
}

.guide-product .__cat {
  background-color: #737373;
  color: #fff;
  padding: 3px 20px;
  border-radius: 24px;
  display: inline-block;
}

.guide-product .__title {
  font-size: 26px;
  padding: 8px 0px 10px;
  font-weight: bold;
}

.guide-product .txt {
  font-size: 18px;
  color: #323232;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.guide-cl-left {
  flex: 1;
}

.guide-cl-right {
  width: 540px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.guide-line {
  color: #737373;
  width: 100%;
  flex: 1;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #737373;
  border-radius: 18px;
  padding: 5px 30px;
  display: flex;
  align-items: center;
  position: relative;

  transition: 0.3s;
  cursor: pointer;
}

.guide-line::after {
  position: absolute;
  content: "";
  width: 76px;
  height: 5px;
  background-color: #1a7abe;
  right: 100%;
  top: 54%;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}

.guide-line::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  background-color: #1a7abe;
  border-radius: 50%;
  left: -94px;
  top: calc(54% - 8.5px);
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}

.guide-line.active {
  background-color: #1a7abe;
  color: #fff;
}

.guide-line.active::after,
.guide-line.active::before {
  opacity: 1;
  visibility: visible;
}

.guide-link {
  margin-top: 34px;
}

.guide-link__item {
  height: 100%;
  color: #fff;
  padding: 45px 48px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  display: block;
  min-height: 240px;
}

.guide-link__item:hover {
  opacity: 1;
}

.guide-link__item .__img {
  position: absolute;
  max-width: 100%;
  z-index: -1;

  display: flex;
  align-items: center;
  justify-content: center;
}

.guide-link__item .__img img {
  width: auto;
  object-fit: cover;
}

.guide-link__item .__title {
  margin-bottom: 25px;
  font-size: 24px;
}

/* .guide-link__item.--01 {
  background-color: #1a7abed4;
} */

.guide-link__item.--01 .__img {
  width: 60%;
  max-width: 290px;
  right: 18px;
  bottom: 18px;
}

.guide-link__item {
  background-color: #1a7abea3;
}

.guide-link__item:hover {
  background-color: #1a7abed4;
}

.guide-link__item.--02 .__img {
  width: 90%;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pallet-product {
  padding-top: 50px;
  padding-bottom: 55px;
  position: relative;
}

.pallet-product::after {
  position: absolute;
  content: "";
  background-image: url(../images/home-icon-02.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 40px;
  right: 21%;
  width: 100px;
  height: 79px;
}

.block-title-cl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 8px;
  row-gap: 30px;
  margin-bottom: 25px;
}

.block-title-cl .__left {
  flex: 1;
}

.title-icon {
  font-size: 28px !important;
  position: relative;
  padding-left: 88px;
  margin-bottom: 18px;
}

.page-content .title-icon {
  margin-bottom: 22px;
}

.title-icon::after {
  position: absolute;
  content: "";
  width: 76px;
  height: 4px;
  background-color: #041b2b;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.title-icon::before {
  position: absolute;
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #041b2b;
  left: 67px;
  top: 50%;
  transform: translateY(-50%);
}

.btn {
  font-size: 18px;
  border: 1px solid #1a7abe;
  color: #1a7abe;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 22px 11px 30px;
  border-radius: 40px;
  column-gap: 8px;
  line-height: 1;
  transition: 0.2s;
  background-color: #fff;
  white-space: nowrap;
}

.btn:hover {
  opacity: 1;
  background-color: #1a7abe;
  color: #fff !important;
}

.btn:hover svg {
  fill: #fff !important;
}

.btn.--blue {
  background-color: #1a7abe;
  color: #fff !important;
}

.btn img.img-hover {
  display: none;
}

.btn:hover img.img-hover {
  display: block;
}

.btn:hover img.img-none-hover {
  display: none;
}

.btn.--blue:hover {
  background-color: #fff;
  color: #1a7abe !important;
}

.btn.--blue:hover svg {
  fill: #1a7abe !important;
}

.btn.--orange {
  background-color: #ffa500 !important;
  color: #4b4949 !important;
  border-color: #ffa500 !important;
}

.btn.--orange:hover {
  background-color: #fff !important;
  color: #ffa500 !important;
}

.btn.--orange:hover svg {
  fill: #ffa500 !important;
}

.btn.--orange img,
.btn.--blue img {
  max-width: 32px;
  max-height: 22px;
}

.link-ct {
  padding-top: 15px;
}

.link-ct .btn {
  width: 468px;
  height: 65px;
  font-size: 22px;
}

/* product slider */

.wrap-product-slide {
  padding: 0px 0px;
  position: relative;
  z-index: 2;
}

.product-slide__item {
  width: 100%;
  display: block;
}

.product-slide__item .__thumb img {
  border-radius: 18px;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.product-slide__item .__desc {
  padding-top: 16px;
}

.product-slide__item .__desc .__title {
  font-size: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 10px;
  transition: 0.2s;
  padding-right: 1px;
  margin-bottom: 0px;
}

.product-slide__item .__desc .__title img {
  max-width: 46px;
}

.product-slide__item .__desc .txt {
  padding-top: 4px;
  font-size: 18px;
  transition: 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.product-slide .swiper-slide.swiper-slide-active .product-slide__item .__desc .txt {
  -webkit-line-clamp: 2;
}

.product-slide .swiper-slide {
  transform: scale(0.76);
  transform-origin: top;
  transition: 0.3s;
}

.product-slide .swiper-slide.swiper-slide-active {
  transform: scale(1);
}

.product-slide .swiper-button-ct {
  width: 50px;
  height: 50px;
  top: 30%;
}

.product-slide .swiper-button-ct.swiper-button-next {
  right: 29.7%;
}

.product-slide .swiper-button-ct.swiper-button-prev {
  left: 29.7%;
}

/* product slider */

.wrap-about-recruit {
  padding: 80px 0px 50px;
  background: linear-gradient(#cdf1ff, #f7fdff);
  position: relative;
}

.wrap-about-recruit .__img-ab {
  position: absolute;
}

.wrap-about-recruit .__img-ab img {
  width: 100%;
}

.wrap-about-recruit .__img-ab.--01 {
  bottom: 10px;
  width: 12.5%;
  z-index: 2;
}

.wrap-about-recruit .__img-ab.--02 {
  bottom: 0px;
  width: 17%;
  transform: translateY(54%);
  z-index: 1;
}

.st-title {
  position: relative;
  z-index: 2;
}

.wrap-about-recruit .__img-ab.--03 {
  top: 0px;
  width: 15%;
  transform: translateY(-52%);
  z-index: 3;
  left: 0;
}

.about-company-img {
  width: 37%;
  margin-top: 10px;
}

.about-company-img img {
  width: 100%;
}

.home-about {
  position: relative;
}

.home-about-img-ab {
  position: absolute;
  width: 15.5%;
  right: 0px;
  bottom: 0;
  transform: translateY(58%);
}

.home-about-img-top {
  position: absolute;
  width: 15.5%;
  left: 0px;
  top: 0;
  transform: translateY(-35%);
}

.home-about-txt {
  position: absolute;
  width: 1220px;
  z-index: 2;
}

.home-about-txt .__inner {
  margin-left: auto;
  margin-top: 10px;
  padding-left: 33%;
  margin-left: auto;
}

.home-about-txt .__inner p.txt {
  font-size: 20px;
  line-height: 2;
}

.home-about-txt .__inner p.txt:first-child {
  font-size: 26px;
  font-weight: 700;
}

.home-about-txt .__inner p.txt~p.txt {
  margin-top: 35px;
  margin-left: 55px;
}

.about-info-list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  column-gap: 16px;
  row-gap: 30px;
  position: relative;
  z-index: 2;
}

.about-info-list li {
  flex: 1;
}

.about-info__item {
  border-radius: 18px;
  overflow: hidden;
  background-color: #fff;
  display: block;
  height: 100%;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.about-info__item img {
  width: 100%;
  object-fit: cover;
  height: 180px;
}

.about-info__item .__desc {
  padding: 20px 5px;
  text-align: center;
  border-top: 1px solid #eee;
}

.about-info__item .__desc .__title {
  font-size: 22px;
  padding-bottom: 2px;
}

.about-info__item:hover {
  color: #1a7abe;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}

.reruit {
  padding-top: 140px;
  position: relative;
  overflow: hidden;
}

.recruit-img-right {
  position: absolute;
  top: 190px;
  right: 0;
  transform: translateX(25%);
  width: 35%;
  z-index: 1;
}

.recruit-img-right img {
  border-radius: 16px;
  width: 100%;
}

.recruit-content {
  margin-top: 25px;
  padding-left: 5%;
  width: 84%;
}

.recruit-content-row {
  display: flex;
  column-gap: 35px;
  position: relative;
  z-index: 2;
}

.recruit-content-row .__title {
  font-size: 32px;
  line-height: 2;
}

.recruit-content-row img {
  border-radius: 16px;
  width: 46%;
  object-fit: cover;
  max-height: 600px;
}

.recruit-content-row.--ab img {
  width: 390px;
  height: 274px;
}

.recruit-content-row .__txt {
  padding-top: 9%;
}

.recruit-content-row.--ab {
  margin-top: -7%;
  margin-left: 26%;
  align-items: stretch;
}

.recruit-content-row.--ab .__txt {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.recruit-content-row .__txt p {
  font-size: 24px;
  font-weight: 500;
  color: #292929;
  line-height: 1.9;
  max-width: 420px;
}

.recruit-content-row .__link {
  margin-top: 40px;
}

.news {
  padding-top: 100px;
}

.news-list {
  padding: 0px 50px 70px;
}

.new__item {
  display: block;
  border-top: 1px solid #e1e1e1;
  padding: 20px 0px;
}

.news-list li:last-child a {
  border-bottom: 1px solid #e1e1e1;
}

.new__date-cat {
  display: flex;
  column-gap: 18px;
  align-items: center;
  padding-bottom: 10px;
}

.new__date-cat .__date {
  font-weight: 600;
}

.new__date-cat .__cat {
  font-size: 14px;
  min-width: 130px;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #969696;
  line-height: 1;
  border-radius: 30px;
  color: #3e3e3e;
}

.new__date-cat .__cat.--case {
  font-weight: 600;
  color: #1a7abe;
  border-color: #1a7abe;
}

.new__item .txt {
  font-size: 18px;
  transition: 0.2s;
}

.new__item:hover .txt {
  color: #1a7abe;
  text-decoration: underline;
}

.link-common {
  background-color: #e8e8e8;
  padding: 55px 0px;
  position: relative;
}

.link-common-img-ab {
  position: absolute;
  right: 0px;
  bottom: 65px;
  width: 12%;
}

.link-common-img-ab img {
  width: 100%;
}

.wrap-link-common {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  justify-content: center;
}

.wrap-link-common li {
  width: calc(100% / 3 - 15px);
  overflow: hidden;
}

.wrap-link-common li a {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #fff;
  border: 1px solid #737373;
  font-weight: bold;
}

.wrap-link-common li a img {
  width: 100%;
  height: auto;
  display: block;
}

.contact-part {
  position: relative;
  overflow: hidden;
}

.contact-part::after,
.contact-part::before {
  position: absolute;
  content: "";
  width: 50%;
  z-index: -1;
  top: 0;
  height: 100%;
}

.contact-part::after {
  background-color: #fff;
  left: 0;
}

.contact-part::before {
  right: 0;
  background-color: #1a7abe;
}

.contact-part-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.contact-part-flex .__block {
  width: 50%;
  padding: 34px 20px;
  text-align: center;
}

.contact-part-flex .__block .txt {
  padding: 10px 0px 26px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.contact-part-flex .__block .txt a {
  color: #1a7abe;
  text-decoration: underline;
}

.contact-part-flex .__block small {
  display: block;
  padding-bottom: 10px;
  font-size: 16px;
}

.contact-part-flex .__block.--download {
  color: #fff;

  display: flex;
  flex-direction: column;
}

.contact-part-flex .__block.--download .contact-bt {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.contact-part__title .en {
  font-size: 56px;
  letter-spacing: 1px;
  display: block;
  line-height: 1.1;
}

.contact-part__title h2 {
  font-size: 28px;
}

.contact-bt {
  column-gap: 20px;
  row-gap: 20px;
  flex-wrap: wrap;
  align-items: stretch;
}

.contact-part-flex .__block.--download .en {
  color: #def0fc;
}

.contact-bt .btn {
  min-width: 240px;
  min-height: 70px;
  column-gap: 14px;
  font-size: 20px;
  padding: 12px 30px 12px 35px;
}

.--download .contact-bt .btn:hover {
  opacity: 0.7;
  background-color: #fff !important;
  color: #1a7abe !important;
}

.contact-bt .btn img {
  max-height: 34px;
  object-fit: cover;
  max-width: 36px;
}

.--download .contact-bt .btn img {
  max-height: 24px;
}

.contact-bt .btn:hover {
  background-color: #1a7abe !important;
  color: #fff !important;
  opacity: 0.7;
}

.guide-sp {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.page-content {
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
}

.page-content.recruit-envi,
.page-content.recruit-process {
  background-color: #f1f6fa;
}

.single-content {
  padding-top: 2px;
}

.top-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 10px;
}

.top-page .title-page {
  line-height: 1.4;
}

.title-page {
  font-size: min(4vw, 62px);
  color: #1a7abe;
  margin-bottom: 40px;
  line-height: 1.5;
}

.title-page.--small {
  font-size: min(2.5vw, 60px);
}

.single .title-page.--small {
  font-size: min(2.4vw, 52px);
}

.title-page .__desc {
  font-size: 0.4em;
  display: block;
  color: #737373;
  line-height: 1;
}

.wrap-inner-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: 45px;
  row-gap: 45px;
}

.print-btn {
  background-color: #737373;
  color: #fff;
  padding: 10px 56px;
  border: 1px solid #737373;
  font-size: 18px;
  font-weight: bold;
  border-radius: 60px;
  cursor: pointer;
  transition: 0.3s;
  white-space: nowrap;
}

.print-btn:hover {
  background-color: #fff;
  color: #737373;
}

aside {
  width: 320px;
}

.aside-block__title {
  font-size: 22px;
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
}

.aside-block__title::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #041b2b;
  top: 13px;
  left: 5px;
}

.aside-block {
  padding: 16px 0px;
  border-bottom: 1px solid #dbdbdb;
}

.aside-block:first-child {
  padding-top: 0px;
}

.content-inner {
  flex: 1;
}

.aside-block .h-search {
  padding: 0px 20px;
}

.aside-block .h-search input {
  height: 34px;
  width: unset;
  border-radius: 4px;
  flex: 1;
  font-size: 16px;
  max-width: 210px;
}

.aside-block .h-search .h-submit {
  width: 45px;
  height: 45px;
}

.aside-block .h-search input::placeholder {
  font-weight: bold;
  font-size: 1em;
}

.toggle-title {
  position: relative;
  padding-right: 34px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}

.toggle-title.--cursor-none {
  cursor: unset;
}

.toggle-title .__icon {
  position: absolute;
  width: 19px;
  height: 19px;
  right: 10px;
  top: 3px;
}

.toggle-title .__icon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #1a7abe;
  border-radius: 3px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.toggle-title .__icon::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #1a7abe;
  border-radius: 3px;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.3s;
}

.toggle-title.active .__icon::before {
  transform: translateY(-50%) rotate(180deg);
}

.toggle-content {
  display: none;
}

.form-row {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.form-row .__hl {
  background-color: #1a7abe;
  padding: 3px 12px;
  color: #fff;
  border-radius: 30px;
  margin-right: 6px;
  white-space: nowrap;
}

.form-row.--gap-0 {
  column-gap: 0px;
}

.aside-block .form-row {
  padding-top: 10px;
}

.c-box .form-row {
  flex-wrap: wrap;
}

.c-box .form-row .error {
  width: 100%;
}

.form-control {
  border: 1px solid #8e8e8e;
  height: 35px;
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 16px;
  font-weight: 600;
}

.wrap-input {
  min-width: 64px;
  border: 1px solid #8e8e8e;
  height: 35px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
}

.wrap-input input {
  border: 0;
  width: 40px !important;
  height: 100%;
  outline: none;
  padding: 0px 8px 0px 0px;
  text-align: right;
}

.wrap-input input:visited,
.wrap-input input:focus-visible {
  border: 0;
}

.wrap-input span {
  flex: 1;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 6px;
}

.form-control::placeholder {
  color: #737373;
}

.aside-block .form-control {
  max-width: 160px;
}

.aside-block select {
  width: 154px;
  padding-right: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url(../images/bx-caret-down.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 98%;
}

.aside-block.--ct .form-control {
  width: 154px;
}

.total-result {
  margin-bottom: 24px;
  font-size: 22px;
  display: flex;
  align-items: flex-end;
  column-gap: 6px;
  line-height: 1.4;
}

.total-result .__number {
  font-size: 42px;
  display: block;
  line-height: 1;
}

.box-note {
  color: #545454;
  padding: 10px 20px;
  background-color: #f1f5fa;
}

.has-not {
  position: relative;
  display: flex;
  align-items: flex-start;
  column-gap: 6px;
}

.has-not p {
  flex: 1;
}

.box-note .has-not .__dot {
  background-color: #545454;
}

.has-not .__dot {
  background-color: #222222;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  line-height: 1;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 5px;
}

.wrap-paginate {
  padding: 42px 0px 25px;
}

.paginate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 5px;
  row-gap: 5px;
}

.paginate a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
  padding: 2px 5px;
  color: #222222 !important;
}

.paginate a.__number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.paginate a.__number:hover {
  background-color: #1a7abe;
  color: #fff !important;
}

.paginate a.__number.current {
  background-color: #1a7abe;
  color: #fff !important;
}

.paginate a.__prev,
.paginate a.__next {
  padding: 0px 10px;
}

.paginate a.__prev:hover,
.paginate a.__next:hover {
  text-decoration: underline;
  color: #1a7abe;
}

.paginate a.__last {
  transform: rotate(180deg);
}

.color-board {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 10px;
  row-gap: 10px;
  margin-top: 10px;
}

.color-board .__item {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  cursor: pointer;
}

.content-head {
  margin-bottom: 12px;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 10px;
}

.product-box {
  padding: 20px 24px;
  border: 1px solid #d9d9d9;

  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  margin-bottom: 25px;
}

.product-thumb {
  width: 250px;
}

.product-content {
  flex: 1;
}

.product-content .__top-title {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 4px;
}

.product-content .__top-title a:hover {
  color: #1a7abe;
}

.wrap-p-name {
  background-color: #f1f5fa;
  padding: 6px 16px;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.wrap-p-name .__name {
  font-size: 22px;
  margin-bottom: 0px !important;
  flex: 1;
}

.wrap-p-name .__name a {
  display: block;
  margin: 0px;
  padding: 0px;
}

.wrap-p-name .__name a:hover {
  color: #1a7abe;
}

.product-gallery {
  width: 100%;

  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 15px;
  row-gap: 15px;
}

.p-slide-pc {
  width: 100%;
}

.product-gallery .__item {
  width: 74px;
  height: 60px;
  padding: 5px;

  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}

.product-info-line {
  padding: 4px 15px;
  line-height: 1.8;
}

.wrap-p-info {
  padding: 10px 0px;
  background-color: #f8f8f8;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.wrap-p-info .product-info-line {
  min-width: 256px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.p-tag {
  display: flex;
  column-gap: 12px;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #0062D1;
  padding: 12px 16px 0px 16px;
}

.p-tag a {
  display: block;
}

.p-tag a:hover {
  color: #2A7A74;
}

.p-tag a.active {
  color: #2A7A74;
}

.top-thumb {
  padding-top: 5px;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.top-thumb .has-not {
  font-weight: 600;
}

.txt-hl {
  position: relative;
  display: block;
  width: fit-content;
  color: #fff;
  background-color: #E00000;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 4px;
  border-radius: 20px;
  min-width: 60px;
  text-align: center;
}

.txt-hl.--orange {
  background-color: #ffa500;
  color: #4b4949;
}

.txt-hl::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 7px 0 0;
  border-color: #E00000 transparent transparent transparent;
  transform: rotate(0deg);

  right: 16px;
  top: 100%;
}

.txt-hl.--orange::after {
  border-color: #ffa500 transparent transparent transparent;
}

.wrap-p-thumb {
  margin: 8px 0px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 12px 18px;
}

.wrap-p-thumb img {
  max-width: 100%;
  margin: 0 auto;
}

.top-thumb .__color {
  position: relative;
  padding-left: 14px;
}

.top-thumb .__color::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 0;
  top: 5px;
}

.top-thumb .__color.--black::after {
  background-color: #1b1b1b;
}

.top-thumb .__color.--blue::after {
  background-color: #3494d8;
}

.top-thumb .__color.--green::after {
  background-color: #a7c47e;
}

.top-thumb .__color.--brown::after {
  background-color: #943d06;
}

.top-thumb .__color.--gray::after {
  background-color: #7a7a7a;
}

.top-thumb .__color.--red::after {
  background-color: #e80101;
}

.top-thumb .__color.--orange::after {
  background-color: #ffa500;
}

.top-thumb .__color.--yellow::after {
  background-color: #ffdf08;
}

.top-thumb .__color.--pink::after {
  background-color: #ff85d9;
}

.top-thumb .__color.--purple::after {
  background-color: #7700d4;
}

.contact-banner {
  padding: 70px 0px 0px;
}

.contact-banner.--ct {
  padding-top: 0px;
  padding-bottom: 60px;
  align-items: stretch;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 30px;
}

.contact-banner.--ct .__inner {
  height: auto;
  padding: 30px 55px 40px;
  justify-content: space-between;
  max-width: 600px;
  margin: 0 auto;
  align-items: flex-start;
}

.contact-banner .__inner {
  border: 1px solid #737373;
  border-radius: 18px;
  height: 270px;
  position: relative;
  padding: 20px 20px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  flex: 1;
}

.contact-banner .__inner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #efeded;
  border-radius: 18px;
  right: -10px;
  bottom: -10px;
  z-index: -1;
}

.contact-banner.--ct .__inner p {
  margin-bottom: 16px;
}

.contact-banner .__inner p {
  font-size: 18px;
  margin-bottom: 35px;
  line-height: 1.6;
}

.contact-banner .__link {
  position: relative;
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}

.contact-banner .__link .__img-icon {
  position: absolute;
  left: -220px;
  top: -25px;
  max-width: 190px;
}

.contact-banner .__link a {
  letter-spacing: 1px;
  font-size: 22px;
  padding: 20px 80px;
  column-gap: 13px;
  max-height: 67px;
}

.contact-banner.--ct .__link a {
  padding: 20px 10px 20px 20px;
}

.contact-banner .__link a img {
  max-width: 34px;
}

.contact-banner .__link a img.hover {
  display: none;
}

.contact-banner .__link a:hover img.current {
  display: none;
}

.contact-banner .__link a:hover img.hover {
  display: block;
}

.contact-banner.d-flex .__link {
  width: 100%;
}

.contact-banner.d-flex .__link a {
  width: 100%;
}

.label__txt {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: block;
}

.label-check input[type="checkbox"],
.label-check input[type="radio"] {
  display: none;
}

.label__txt::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #3c3c3c;
  left: 0;
  top: 3px;
  background-color: #fff;
}

.label__txt::after {
  position: absolute;
  content: "";

  background-image: url(../images/bx-check.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: -3px;
  top: -1px;
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.label-check input[type="checkbox"]:checked~.label__txt::after,
.label-check input[type="radio"]:checked~.label__txt::after {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  border: 1px solid #3c3c3c;
  border-radius: 0px;
}

.label-check {
  margin-bottom: 5px;
  display: block;
}

.aside-block .label-check:last-child {
  margin-bottom: 0px;
}

.aside-block .aside-bt {
  margin: 0 auto;
}

.aside-bt {
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px;
  min-width: 280px;
  border: 2px solid #737373;
  border-radius: 50px;
  background-color: #737373;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

button.aside-bt {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;

  position: relative;
  background-image: url("../images/search/search-button-icon.svg");
  background-size: 22px;
  background-position: 68%;
  background-repeat: no-repeat;
  transition: all 0.25s;
}

button.aside-bt:hover {
  background-image: url("../images/search/search-button-icon-hover.svg");
}

/* .search-button .icon {
  width: 1.5em;
  height: 1.5em;
  margin-left: 0.5em;
  transition: 0.3s;
}

.search-button:hover .icon {
  content: url("/products/common/images/search/search-button-icon-hover.svg");
} */

input[name="submitBack"] {
  background-color: #1a7abe;
  border-color: #1a7abe;
  color: #fff;
}

.aside-bt:hover {
  background-color: transparent;
  color: #737373;
}

input[name="submitBack"]:hover {
  background-color: transparent;
  color: #1a7abe !important;
  border-color: #1a7abe;
}

.btn-handle {
  background-color: #ffa500;
  border-color: #ffa500;
  color: #4b4949;
  transition: 0.3s;
}

.btn-handle.reset {
  background-color: #fff;
  border-color: #737373;
  color: #737373 !important;
}

.btn-handle.reset:hover {
  background-color: #737373;
  color: #fff !important;
  border-color: #737373;
}

.aside-block .aside-bt.btn-handle {
  margin-top: 15px;
}

.btn-handle:hover {
  border-color: #ffa500;
  color: #ffa500 !important;
}

.aside-block:last-child {
  border-bottom: 0px;
}

.ms-options-wrap {
  width: 250px;
}

a.ms-selectall {
  transition: 0s;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
  height: 30px;
  border: 1px solid #1a7abe;
  border-radius: 4px;
  padding: 0px 10px;
  font-size: 15px;
  font-weight: bold;
  color: #1a7abe;
  text-align: center;
  margin-top: 0px;

  display: flex;
  align-items: center;
  column-gap: 12px;
  justify-content: center;
}

.ms-options-wrap>button::after {
  position: static;
  content: "";
  background-image: url(../images/down-ct.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 17px;
  height: 11px;
  border: 0;
}

.ms-options-wrap>.ms-options>ul>li.optgroup {
  padding: 2px 14px;
}

.ms-options-wrap>.ms-options>ul li.selected label {
  background-color: transparent;
}

.ms-options-wrap>.ms-options>ul li>ul li:nth-child(3n + 1) input[type="checkbox"] {
  display: none;
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"] {
  top: 6px;
}

.ms-options-wrap>.ms-options>ul>li {
  padding: 0px 12px 2px;
  width: 100% !important;
}

.ms-options-wrap>.ms-options>ul li>ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.ms-options-wrap>.ms-options>ul li>ul li:nth-child(3n + 1) label {
  padding-left: 0px;
}

.ms-options-wrap>.ms-options>ul li>ul li:nth-child(1) label:hover {
  background-color: transparent;
  border: 0px;
}

.ms-options-wrap>.ms-options>ul label {
  padding: 2px 4px 2px 24px;
}

.c-box {
  margin: 20px 0px 25px;
  background-color: #efeded;
  border-radius: 15px;
  padding: 16px 10px;
}

.c-box p {
  margin-bottom: 15px;
  font-size: 18px;
}

a.link {
  color: #66a7ff;
  text-decoration: underline;
}

/*======== banner page ========*/
.banner-page {
  position: relative;

  height: 460px;
  padding: 80px 0px 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  background-color: #f1f6fa;
  position: relative;
}

.banner-page.banner-environment,
.banner-page.banner-process {
  background-color: #fff;
}

.banner-page.banner-environment.has-icon-down::before,
.banner-page.banner-process.has-icon-down::before {
  z-index: 1;
  border-color: #fff transparent transparent transparent;
}

.banner-page.has-icon-down {
  height: 370px;
}

.banner-page.--center,
.banner-page.banner-recruitment-status,
.banner-page.banner-works-status,
.banner-page.banner-process {
  height: 300px;
  align-items: center;
}

.banner-page.has-icon-down::before,
.npc-intro::before {
  position: absolute;
  content: "";
  bottom: -50px;
  width: 0px;
  height: 0px;
  left: 50%;
  transform: translateX(-50%);

  border-style: solid;
  border-width: 50px 28px 0 28px;
  border-color: #f1f6fa transparent transparent transparent;
}

/* .banner-page.--About {
  height: 506px;
} */

.banner-page .container {
  width: 1240px;
  max-width: 100%;
}

.banner-page.--bgf1f6fa::after {
  content: none;
}

.banner-page::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ffffff85;
}

.banner-page.has-icon-down::after {
  content: none;
}

.banner-page .wrap-breadcrumb {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: fit-content;
  z-index: 2;
}

.banner-page .st-title {
  position: relative;
  z-index: 2;
}

.wrap-link-page {
  position: relative;
  z-index: 2;
  margin-top: 60px;

  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 16px;
  column-gap: 24px;
}

.link-in-page {
  font-size: 20px;
  font-weight: 600;
  color: #1a7abe !important;
  border: 1px solid #1a7abe !important;
  background-color: #fff;
  padding: 12px 30px;
  border-radius: 60px;

  display: flex;
  align-items: center;
  column-gap: 15px;
  position: relative;
}

.link-in-page:hover {
  background-color: #1a7abe !important;
  color: #fff !important;
  opacity: 1;
}

.link-in-page.--other-page {
  color: #737373 !important;
  border-color: #737373 !important;
}

.link-in-page.--other-page:hover {
  background-color: #737373 !important;
  border-color: #737373 !important;
  color: #fff !important;
}

.link-in-page.--other-page::after {
  content: "";
  display: block;
  background-image: url(../images/icons8-external-link.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.link-in-page.--other-page:hover::after {
  background-image: url(../images/icons8-external-link-white.svg);
}

.content-full-w {
  width: 100%;
}

.content-full-w.--search {
  background-color: #f1f5fa;
  padding: 50px 0px 60px;
  margin-top: 60px;
}

.content-full-w.--pallet {
  background-color: #f8f6f6;
}

.content-full-w.--f1f6fa {
  background-color: #f1f6fa;
}

.about-intro {
  position: relative;
  margin-top: 25px;
  min-height: 510px;
}

.about-intro .__avatar {
  position: absolute;
  top: 0;
  left: 5%;
  width: 32%;
  transition: 0.24s;
}

.about-intro .__avatar img {
  width: 100%;
  border-radius: 10px;
  max-height: 535px;
}

@media only screen and (max-width: 2200px) {
  .about-intro .__avatar {
    width: 29%;
  }
}

@media only screen and (max-width: 1920px) {
  .about-intro .__avatar {
    width: 28%;
  }
}

@media only screen and (max-width: 1800px) {
  .about-intro .__avatar {
    width: 27%;
  }
}

@media only screen and (max-width: 1700px) {
  .about-intro .__avatar {
    width: 26%;
  }
}

.about-intro .__inner {
  padding-left: 340px;
  padding-top: 30px;
}

.about-intro .__inner p.txt {
  margin-bottom: 20px;
  font-size: 18px;
}

.avatar-name {
  margin-top: 70px;
  display: flex;
  justify-content: flex-end;
}

/*======== banner page ========*/

.page-block {
  padding-top: 60px;
}

.page-block.--full {
  padding-bottom: 70px;
}

.page-block.--recruit-bg {
  background-color: #f1f6fa;
  padding-bottom: 70px;
}

table {
  width: auto;
}

table th {
  font-weight: bold;
}

table th,
table td {
  padding: 6px 10px;
  border: 1px solid #e9e9e9;
}

.table-w-100 {
  width: 100%;
}

.about-info-tb tbody tr td:first-child {
  background-color: #f8f8f8;
  width: 220px;
}

.about-info-tb td {
  padding: 16px 20px;
  border-left: unset;
  border-right: unset;
}

.page-content p>a {
  color: #0062D1;
  text-decoration: underline;
}

/* .page-content a.btn {
  color: #1a7abe;
} */

.page-content figure {
  display: block;
  margin: 20px 0px;
}

.about-flex {
  display: flex;
  align-items: flex-start;
}

.about-flex .__left {
  width: 42%;
}

.about-flex .__right {
  flex: 1;
  padding-top: 75px;
}

.about-flex .__right img {
  margin: 0 auto;
}

.about-add {
  margin-bottom: 25px;
}

.about-add h4 {
  display: flex;
  align-items: center;
  column-gap: 15px;
  font-size: 20px;
  margin-bottom: 10px;
  border: 1px solid #737373;
  border-radius: 8px;
  padding: 10px 20px;
  max-width: 510px;
  position: relative;
  transition: 0.25s;
}

.about-add h4:hover {
  border-color: #1a7abe;
}

.about-add h4:hover::after {
  transform: translateY(-50%) scale(1.2);
}

.about-add .__icon::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 22px;
  height: 32px;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.25s;
}

.icon-blue::after {
  background-image: url(../images/pin_blue.png);
}

.icon-pink::after {
  background-image: url(../images/pin_pink.png);
}

.icon-green::after {
  background-image: url(../images/pin_green.png);
}

.icon-navy::after {
  background-image: url(../images/pin_navy.png);
}

.icon-red::after {
  background-image: url(../images/pin_red.png);
}

.about-add h4 span {
  font-size: 16px;
  font-weight: 500;
}

.about-add>.txt {
  padding-left: 20px;
}

.about-add>.txt a {
  color: #0062D1;
}

.about-add a:hover {
  text-decoration: underline;
}

.about-add .__inner {
  display: flex;
  column-gap: 35px;
  row-gap: 20px;
  padding: 0px 20px;
}

.about-add .__inner>img {
  width: 394px;
  border-radius: 15px;
}

.about-add .__inner .__content {
  padding-top: 25px;
}

.about-add .__inner .__content div.txt {
  column-gap: 25px;
}

.about-add .__inner .__content .__desc {
  margin-top: 20px;
}

.about-add:last-child {
  margin-bottom: 0px;
}

.about-add.-mt {
  margin-top: 30px;
}

.txt18 {
  font-size: 18px;
}

.wrap-history-link {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 25px 0px 20px;
  padding-left: 10.5%;
}

.history-link {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #1a7abe !important;
  padding: 10px 50px;
  display: block;
  text-align: center;
  border: 1px solid #1a7abe !important;
  border-radius: 30px;
  min-width: 480px;
}

.table-history tbody tr td {
  border-color: #dcdcdc;
}

.table-history tbody tr td a {
  color: #0062D1;
}

.table-history tbody tr td:first-child {
  text-align: center;
}

.table-history tbody tr td:nth-child(2) {
  border-right: 1px solid #dcdcdc;
}

td.bg-blue {
  background-color: #1a7abe !important;
  color: #fff;
  border-right: unset !important;
}

.table-history tbody tr td:nth-child(2) .td-img {
  margin-left: auto;
}

.table-history tbody tr td:nth-child(3) .td-img {
  margin-right: auto;
}

.td-img {
  position: relative;
  width: fit-content;
}

.td-img img {
  max-width: 190px;
}

.list-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 40px;
  row-gap: 10px;
}

.list-box li {
  padding: 20px 10px;
  border: 1px solid #1a7abe;
  border-radius: 15px;
  text-align: center;
  flex: 1;
}

.list-box li p {
  font-size: 20px;
  font-weight: 600;
}

.list-box li strong {
  display: block;
  font-size: 26px;
  color: #1a7abe;
  margin-bottom: 15px;
}

.about-community {
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 32px;
}

.about-community .__item {
  width: calc(100% / 2 - 16px);
  border: 1px solid #959595;
  border-radius: 15px;
  padding: 20px 41px;
}

.about-community h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
}

.about-community img {
  border-radius: 12px;
  height: 228px;
  object-fit: cover;
  width: 100%;
}

.about-community .txt {
  margin-top: 14px;
}

.about-community .__thumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about-community .__thumb img {
  width: calc(100% / 2 - 4px);
}

.wrap-link-page.--ct {
  margin-top: 26px;
}

.wrap-link-page.--ct a::after {
  content: none;
}

.about-title {
  padding-left: 30px;
}

.about-title span {
  display: block;
  width: fit-content;
  font-weight: bold;
  font-size: 25px;
  position: relative;
}

.about-title span::after {
  position: absolute;
  content: "";
  height: 3px;
  width: 24px;
  left: -30px;
  top: 48%;
  background-color: #1a7abe;
  border-radius: 3px;
}

.about-title p,
.about-title a {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  width: fit-content;
}

.about-title a:hover {
  text-decoration: underline;
}

.about-title p::after,
.about-title a::after {
  position: absolute;
  content: "";
  background-image: url(../images/right-icon-black.svg);
  width: 34px;
  height: 34px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  right: -34px;
  top: -1px;
}

.about-box {
  padding: 20px 34px;
  border: 1px solid #1a7abe;
  border-radius: 15px;
  font-size: 18px;
}

.about-box~.about-box {
  margin-top: 38px;
}

.about-box .title-line {
  margin-bottom: 10px;
}

.title-line {
  margin-bottom: 16px;
  font-size: 26px !important;
  display: flex;
  align-items: flex-start;
  column-gap: 5px;
}

.title-line::before {
  content: "";
  width: 24px;
  height: 3px;
  border-radius: 3px;
  left: 0;
  margin-top: 16px;
  background-color: #000;
}

.title-line.cl-blue::before {
  background-color: #1a7abe;
}

.ul-dot li {
  padding-left: 16px;
  position: relative;
}

.ul-dot li::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #041b2b;
  left: 0;
  top: 11px;
}

.col-2-img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 34px;
  margin-top: 25px;
}

.col-2-img.--npc {
  margin: 20px 0px;
}

.col-2-img.--nowrap {
  flex-wrap: nowrap;
}

.col-2-img.--ct .__inner {
  border: 1px solid #d9d9d9;
  padding: 22px 30px 35px;
  border-radius: 16px;
}

.col-2-img.--ct.--npc .__inner {
  padding: 22px 30px;
}

.col-2-img.--ct.--npc .__item .btn {
  min-width: 345px;
}

.col-2-img.--ct .__inner h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px;
}

.col-2-img .__inner,
.col-2-img .__item {
  flex: 1;
}

.col-2-img .__item .txt {
  padding: 26px 40px 0px;
}

.col-2-img.--quality .__item .txt {
  padding: 10px 15px 0px 15px;
}

.col-2-img .__inner img {
  border-radius: 15px;
  margin: 0 auto;
}

.page-block__inner {
  padding-top: 45px;
}

.col-2-img p {
  flex: 1;
  padding-top: 15px;
  padding-left: 20px;
}

.p-process {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 40px;
  gap: 15px;
}

.p-process .__item {
  flex: 1;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  padding: 20px 38px;
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
}

.p-process .__item:not(:last-child)::after {
  position: absolute;
  content: "";
  background-image: url(../images/process-icon.png);
  width: 57px;
  height: 103px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 80px;
  right: -40px;
  z-index: 2;
}

.p-process .__item .p-process .__item h3 {
  font-size: 26px;
  line-height: 1.4;
  margin: 6px 0px;
}

.p-process .__item .__img-flex {
  align-items: flex-end;
  font-size: 24px;
  line-height: 1.2;
  column-gap: 12px;
}

.p-process .__item .__img-flex img {
  max-width: 280px;
}

.sdg-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.sdg-flex img {
  max-width: 634px;
  width: 55%;
}

.sdg-flex h3 {
  font-size: 24px;
  flex: 1;
  text-align: center;
}

.sgd-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 32px;
  align-items: flex-start;
  margin-top: 36px;
}

.sgd-list li {
  display: flex;
  align-items: flex-start;
  column-gap: 24px;
  width: calc(100% / 2 - 20px);
}

.sgd-list li img {
  width: 118px;
}

.sgd-list li .txt {
  padding: 24px 34px;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  min-height: 165px;
  line-height: 1.8;
}

.quality-cl-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 25px;
}

.quality-cl-2 .__content {
  width: 50%;
}

.quality-cl-2 .__content p {
  padding: 28px 24px;
  border-top: 1px solid #d9d9d9;
  font-size: 18px;
}

.quality-cl-2 .__content p:first-child {
  background-color: #f8f8f8;
}

.quality-cl-2 .__content p:last-child {
  border-bottom: 1px solid #d9d9d9;
}

.quality-cl-2 .__img {
  width: 40%;
}

.quality-cl-2 .__img img {
  width: 100%;
  border-radius: 15px;
}

.quality-cl-2 .__img p.txt {
  padding: 6px 15px 0px 15px;
}

.quality-cl-2 .__img .img__inner:first-child {
  margin-bottom: 20px;
}

.cl-img-2 {
  margin-top: 20px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  column-gap: 40px;
}

.cl-img-2 p.txt {
  padding: 8px 15px 0px;
}

.cl-img-2 .__item {
  align-self: stretch;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cl-img-2 .__item img {
  border-radius: 16px;
}

.cl-img-2 .__item:first-child {
  width: 51%;
}

.cl-img-2 .__item:last-child {
  flex: 1;
}

.cl-img-2 .__item .__inner {
  flex: 1;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cl-img-2 .__item .__inner img {
  width: 74%;
  margin: 0 auto;
}

.wrap-title-line {
  margin-bottom: 26px;
}

.wrap-img-icon {
  margin-top: 25px;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}

.wrap-img-icon .__right {
  width: 69%;
}

.wrap-img-icon .__right img {
  width: 100%;
}

.wrap-img-icon .__inner {
  flex: 1;
}

.wrap-img-icon .__inner p {
  padding-top: 15px;
}

.ul-box {
  margin: 25px auto 30px;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #d9d9d9;
  max-width: 930px;
  position: relative;
}

.ul-box::after {
  position: absolute;
  content: "";
  background-image: url(../images/process-down.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  width: 103px;
  height: 57px;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}

/* .before-link-internal {
  margin-top: -316px;
  padding-top: 316px;
} */

.wrap-search-radio {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 30px;
  row-gap: 10px;
}

.wrap-radio {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.search-block.--s .toggle-title {
  font-size: 18px;
  width: fit-content;
  padding: 12px 55px 12px 16px;
  background-color: #fff;
  border-radius: 50px;
}

.search-block.--s .toggle-title .__icon {
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.toggle-title.open .__icon::before {
  transform: translateY(-50%) rotate(180deg);
}

.toggle-title.open.active .__icon::before {
  transform: translateY(-50%) rotate(90deg);
}

.open.toggle-content {
  /* display: block; */
  margin-top: 15px;
}

.toggle-content .__inner {
  background-color: #fff;
  padding: 20px 20px;
  border-radius: 12px;

  align-items: center;
}

.toggle-content .__inner>img {
  max-width: 465px;
}

.search-block-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 24px;
  row-gap: 15px;
}

.search-block-content.--color-board {
  column-gap: 10px;
  row-gap: 10px;
  justify-content: center;
  margin-top: 10px;
}

.item-search {
  position: relative;
  width: calc(100% / 3 - 16px);
}

.search-block-content.--color-board .item-search {
  width: fit-content;
}

.search-block-content.--color {
  column-gap: 24px;
}

.item-search.--color {
  width: fit-content;
}

.item-search.--color.--full {
  width: 226px;
}

.item-search.--color .label-check-box {
  min-height: unset;
  min-width: 130px;
  padding: 9px 20px 9px;
  border-radius: 50px;
}

.item-search.--color-select .label-check-box {
  min-width: unset !important;
  padding: 0px !important;
  border-radius: 8px;
  border: 0px !important;
}

.item-search.--color .label-check-box span {
  margin-bottom: 0px;
  text-align: center;
}

.label-check-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-radius: 12px;
  padding: 15px 16px;
  position: relative;
  font-size: 18px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.25s;
  background-color: #fff;
  height: 100%;

  column-gap: 16px;
}

.label-check-box.--small {
  align-items: center;
  padding: 8px 18px;
}

.label-check-box.--column {
  flex-direction: column;
  padding: 15px 26px;
}

.label-check-box:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.item-search input {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.label-check-box img {
  margin: 0 auto;
  max-width: 92px;
}

.label-check-box.--column img {
  max-width: 284px;
}

.label-check-box.--column span {
  margin-bottom: 6px;
}

.label-check-box.--small img {
  max-width: 84px;
}

.label-check-box span {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 6px;
  position: relative;
  width: 100%;
  line-height: 1.5;
}

.item-search.--color.--full .label-check-box span {
  justify-content: flex-start;
}

.label-check-box span.__all::after {
  content: none !important;
}

.label-check-box span.__all {
  justify-content: center;
}

.item-search.--color .label-check-box span::after {
  display: inline-block;
  content: "";
  width: 50px;
  height: 18px;
  margin-top: 6px;
}

.item-search.--color-select .label-check-box span::after {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  margin-top: 0px !important;
}

span.__blue::after {
  background-color: #3494d8;
}

span.__brown::after {
  background-color: #943d06;
}

span.__black::after {
  background-color: #1b1b1b;
}

span.__green::after {
  background-color: #17a64c;
}

span.__gray::after {
  background-color: #7a7a7a;
}

span.__red::after {
  background-color: #e80101;
}

span.__orange::after {
  background-color: #ffa500;
}

span.__yellow::after {
  background-color: #ffdf08;
}

span.__pink::after {
  background-color: #ff85d9;
}

span.__purple::after {
  background-color: #7700d4;
}

.label-check-box span::before {
  display: inline-block;
  content: "";
  background-image: url(../images/check-label.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  min-width: 20px;
  height: 15px;

  display: none;
  transition: 0.25s;
  margin-top: 6px;
}

.case-filter .label-check-box span::before {
  margin-top: 0px;
  background-image: url(../images/bx-check-white.svg);
  width: 26px;
  height: 26px;
}

.item-search.--color-select .label-check-box span::before {
  content: none;
}

.item-search input[type="checkbox"]:checked~.label-check-box {
  border-color: #1a7abe;
}

.item-search.item-search.--color-select input[type="checkbox"]:checked~.label-check-box {
  opacity: 0.3;
  border: unset;
}

.item-search input[type="checkbox"]:checked~.label-check-box span {
  color: #1a7abe;
  font-weight: 600;
}

.item-search input[type="checkbox"]:checked~.label-check-box span::before {
  display: inline-block;
}

input[type="radio"] {
  width: 16px;
  height: 16px;
}

.wrap-search-submit {
  display: flex;
  align-items: stretch;
  justify-content: center;
  column-gap: 40px;
  row-gap: 20px;
}

.filter-sp {
  display: none;
}

.wrap-filter-search-sp {
  display: none;
}

.product-table tr td:first-child {
  background-color: #f8f8f8;
  font-weight: bold;
  border-right: 0px;
  width: 32%;
}

.product-table tr td:nth-child(2) {
  border-left: 0px;
}

.product-table tr td a {
  color: #0062D1;
  text-decoration: underline;
}

.product-table tr td {
  padding: 15px 18px;
  vertical-align: middle;
}

.product-table tr td h3 {
  margin-bottom: 0px;
  font-size: 16px;
}

.product-table tr td small {
  display: block;
  font-size: 14px;
  padding-top: 5px;
}

.wrap-content-product h2 {
  margin-bottom: 15px;
}

.wrap-content-product {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 30px;
  align-items: flex-start;
}

.wrap-content-product .--image {
  width: 46.5%;
}

.wrap-content-product .--content {
  flex: 1;
}

.p-imgage {
  padding: 0px;
  border-radius: 14px;
  border: 1px solid #ececec;
  margin-bottom: 20px;
  position: relative;
}

.p-imgage.none-pc {
  display: none;
}

.p-imgage .gallery-item {
  padding: 30px 44px;
  display: block;
}

.p-imgage:last-child {
  margin-bottom: 0px;
}

.p-imgage img {
  border-radius: 14px;
}

.p-imgage .gallery-item img {
  max-height: 360px;
  margin: 0 auto;
  object-fit: cover;
}

.main-slide .swiper-slide img {
  max-height: 320px;
  margin: 0 auto;
}

.main-slide .swiper-slide video {
  width: 100%;
  height: 320px;
}

.main-slide .swiper-slide.thumb-sp {
  display: none;
}

.main-slide .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-slide .swiper-slide a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap-slide-thumb {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
  align-items: stretch;
}

.gallery-img {
  border: 1px solid #d9d9d9;
  padding: 5px 5px;
  border-radius: 14px;

  width: calc(100%/3 - 6.67px);
  max-height: 115px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-img:hover {
  border-color: #1a7abe;
}

.gallery-img img {
  max-height: 100%;
  margin: 0 auto;
}

.gallery-img.--video img {
  max-width: 70px;
}

.gallery-img video {
  width: 100%;
  height: 100%;
}

.gallery-img.--video {
  background-image: url(../images/play.jpg);
  background-size: 70px 70px;
  background-position: center;
  background-repeat: no-repeat;
}

.p-show-flyer {
  padding-top: 22px;
  text-align: center;
}

.p-show-flyer .btn {
  min-width: 340px;
  padding: 15px 22px 15px 30px;
  font-size: 20px;
}

.product-color {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 18px;
  align-items: flex-start;
  margin-top: 15px;
}

.product-color .__item {
  width: calc(100% / 5 - 12px);
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.product-color .__item.active .__img {
  border-color: #1a7abe;
}

.product-color .__item.active {
  color: #1a7abe;
}

.product-color .__item:hover .__img {
  border-color: #1a7abe;
}

.product-color .__item:hover {
  color: #1a7abe;
}

.product-color .__img {
  border: 2px solid #d9d9d9;
  padding: 15px 16px;
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  margin-bottom: 6px;
  transition: 0.25s;
}

.product-color .__img img {
  max-height: 100%;
}

.p-cl-2 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 60px;
  row-gap: 40px;
}

.p-cl-2 .__item {
  width: calc(100% / 2 - 30px);
}

.p-cl-2 .__item.--full-w {
  width: 100%;
}

.p-cl-2 .__item .cl__inner+.cl__inner {
  margin-top: 40px;
}

.btn.--gray {
  background-color: #e8e8e8 !important;
  color: #737373 !important;
  border-color: #e8e8e8 !important;
}

.btn.--gray:hover svg {
  fill: #fff;
}

.btn.--gray:hover {
  background-color: #737373 !important;
  border-color: #737373 !important;
  color: #fff !important;
}

a.btn.--gray02 {
  background-color: #737373;
  color: #fff;
  border-color: #737373 !important;
}

a.btn.--gray02:hover {
  background-color: #fff !important;
  border-color: #737373 !important;
  color: #737373 !important;
}

a.btn.--gray02:hover svg {
  fill: #737373 !important;
}

.p-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 20px;
  row-gap: 10px;
  margin-top: 15px;
}

.p-flex>.img {
  width: 280px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.p-flex>.img img {
  max-height: 180px;
}

.p-flex>.img.--border img {
  border-radius: 14px;
}

.p-flex .text {
  flex: 1;
  max-width: 400px;
}

.p-flex .text p {
  margin-bottom: 10px;
  /* font-size: 18px; */
}

.wrap-product-sl-detail {
  margin-top: 20px;
  padding: 0px 130px;
  position: relative;
  margin-bottom: 50px;
}

.wrap-product-sl-detail .swiper-button-ct {
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  transition: 0.25s;
}

.wrap-product-sl-detail .swiper-button-ct:hover {
  opacity: 0.8;
}

.wrap-product-sl-detail .swiper-button-prev {
  border-width: 28px 38px 28px 0;
  border-color: transparent #e3e3e3 transparent transparent;
  left: 45px;
}

.wrap-product-sl-detail .swiper-button-prev:hover {
  border-color: transparent #1a7abe transparent transparent;
}

.wrap-product-sl-detail .swiper-button-next {
  right: 45px;
  border-width: 28px 0 28px 38px;
  border-color: transparent transparent transparent #e3e3e3;
}

.wrap-product-sl-detail .swiper-button-next:hover {
  border-color: transparent transparent transparent #1a7abe;
}

.swiper-button-hidden+.swiper-button-ct,
.swiper-button-hidden+.swiper-button-ct+.swiper-button-ct,
.swiper-button-hidden-2+.swiper-button-ct,
.swiper-button-hidden-2+.swiper-button-ct+.swiper-button-ct,
.swiper-button-hidden-3+.swiper-button-ct,
.swiper-button-hidden-3+.swiper-button-ct+.swiper-button-ct {
  display: none;
}

.p-inner-sl {
  padding: 20px 20px 16px 20px;
  border: 1px solid transparent;
  border-radius: 15px;
  transition: 0.3s;
  display: block;
}

.p-inner-sl:hover {
  border-color: #1a7abe;
}

.p-inner-sl .__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.p-inner-sl .__desc {
  line-height: 1.4;
  min-height: 140px;
}

.p-inner-sl .__desc strong {
  display: block;
  font-size: 20px;
}

.p-total-color {
  display: flex;
  align-items: center;
  column-gap: 8px;
  flex-wrap: wrap;
}

.p-total-color .__color {
  width: 15px;
  height: 15px;
}

.contact-banner.--search .__inner {
  margin: unset;
  min-height: 200px;
  flex: unset;
  width: calc(100% / 2 - 20px);
}

.contact-banner.--search .__inner a {
  max-height: 65px;
}

.contact-banner.--search .__inner a.btn.--orange:hover {
  opacity: 1;
}

/* .contact-banner.--search .__inner a.btn.--orange:hover svg {
  fill: #4b4949 !important;
} */

.wrap-popup {
  position: relative;
}

.icon-in-line {
  display: flex;
  align-items: center;
  column-gap: 5px;
  margin-bottom: 5px;
}

.icon-in-line+.icon-in-line {
  flex: 1;
}

.icon-in-line img {
  width: 40px;
  object-fit: cover;
}

.has-color {
  position: relative;
  display: flex;
  column-gap: 6px;
  align-items: center;
}

.has-color span {
  width: 54px;
  height: 20px;
}

.open-popup {
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 5px;
  cursor: pointer;
  color: #0062D1;
  text-decoration: underline;
}

.open-popup.--not-icon::after {
  content: none;
}

.open-popup::after {
  display: inline-block;
  content: "";
  width: 17px;
  height: 17px;
  background-image: url(../images/search/icon-blue.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 2px;
  transition: background-image 0.3s;
}

.open-popup.active::after {
  background-image: url(../images/search/icon-orange.png);
}

.open-popup::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 12px 24px 12px;
  border-color: transparent transparent transparent transparent;
  transform: rotate(0deg);
  left: 35px;
  bottom: -24px;
  z-index: -1;

  filter: drop-shadow(0px 0px 2px rgba(50, 50, 0, 0.2));
}

.open-popup.active::before {
  border-color: transparent transparent #fff transparent;
  z-index: 20;
}

.open-popup.active {
  color: #2A7A74;
}

.popup-content {
  border-radius: 6px;
  position: absolute;
  background-color: #fff;
  top: 100%;
  box-shadow: 2px 6px 15px 3px rgba(0, 0, 0, 0.3);
  padding: 24px 30px;
  z-index: 21;
  font-weight: 500;
  display: none;
}

.popup-content .__inner+.__inner {
  margin-top: 20px;
}

.popup-content .__inner:first-of-type {
  padding-top: 5px;
}

.popup-content .__inner p {
  padding-left: 16px;
  flex: 1;
}

.popup-content .__inner .img {
  display: block;
  width: 30%;
  padding: 0px 40px;
}

.popup-in-table {
  width: 695px;
  left: -83px;
  top: 55px;
}

.popup-scroll {
  width: 100%;
}

.product-table tr td:nth-child(2) .popup-in-table {
  left: unset;
  right: 0px;
  top: 100%;
}

.product-table tr:nth-child(2) td .popup-in-table {
  top: 66%;
}

.product-table tr:nth-child(8) td .popup-in-table {
  top: 90%;
}

.product-table tr td:nth-child(2) .popup-in-table.--ct {
  top: 56px;
}

.product-table tbody tr:first-child td:nth-child(1) .popup-in-table {
  top: 62%;
}

.popup-in-table h3.__title {
  font-size: 24px;
  margin-bottom: 10px;
}

.popup-in-table h4 {
  font-size: 18px;
  margin-bottom: 5px;
}

.close-popup {
  position: absolute;
  width: 44px;
  height: 44px;
  top: -18px;
  right: -20px;
  z-index: 10;
  border-radius: 50%;
  background-color: #fff;
  border: unset;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 0.25s;
}

.close-popup:hover {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.close-popup::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  border-radius: 2px;
  background-color: #737373;
  top: 50%;
  left: 12px;
  transform: translateY(-50%) rotate(45deg);
}

.close-popup::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  border-radius: 2px;
  background-color: #737373;
  top: 50%;
  left: 12px;
  transform: translateY(-50%) rotate(-45deg);
}

.popup-flex {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.popup-flex .__img img {
  max-width: 61px;
}

.flex1 {
  flex: 1;
}

img.inline {
  display: inline-block;
}

.popup-img-flex {
  display: flex;
  align-items: flex-start;
  column-gap: 40px;
  margin-top: 10px;
}

.popup-img-flex.--ct {
  column-gap: 40px;
  padding-left: 16px;
}

.popup-img-flex.--ct .__box {
  text-align: left;
}

.popup-img-flex .__box {
  text-align: center;
  width: calc(100% / 3 - 26.66px);
}

.popup-img-flex.--cl2 {
  padding: 0px 10px;
}

.popup-img-flex.--cl2 .__box {
  width: calc(100% / 2 - 20px);
}

.popup-img-flex.--cl2 .__box img {
  width: 100%;
  height: 100px;
  margin: 0 auto;
}

.popup-img-flex.--cl2.--ct .__box img {
  width: auto;
  height: auto;
}

.popup-img-flex .__box img {
  margin: 0px auto 8px;
}

.img-flex {
  display: flex;
  align-items: center;
}

.img-flex img:first-child {
  width: 60%;
}

.img-flex img:last-child {
  max-width: 34%;
}

.p-inner-img {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  column-gap: 30px;
  padding-left: 10px;
}

.p-inner-img .__img {
  width: 30%;
  display: flex;
  justify-content: center;
}

.p-inner-img .__desc {
  flex: 1;
}

.popup-content li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
  margin-top: 6px;
}

.popup-content li::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
  top: 6px;
  left: 0;
}

.pink-cl {
  color: #fb0072;
}

.blue-cl {
  color: #3717e6;
}

.ui-widget {
  font-family: "Noto Sans JP", "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3",
    "Hiragino Kaku Gothic Pro", "æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“", YuGothic,
    "æ¸¸ã‚´ã‚·ãƒƒã‚¯", "Yu Gothic", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, sans-serif;
}

.wrap-calender {
  padding: 10px 10px 20px;
  position: relative;
}

#calendar .ui-datepicker {
  width: 84%;
  margin: 0 auto;
  border: 0px;
  padding: 0px;
  border-radius: 0px;
  position: relative;
}

.ui-datepicker .ui-datepicker-header {
  background-color: #fff;
  border: 0px;
  font-size: 24px;
  position: static;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 57%;
  width: 44px;
  height: 44px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.25s;
  background-color: #fff;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker .ui-datepicker-prev {
  left: -58px;
}

.ui-datepicker .ui-datepicker-prev::before {
  border-width: 11px 16px 11px 0;
  border-color: transparent #959595 transparent transparent;
  left: 48%;
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  transform: rotate(0deg) translate(-50%, -50%);
  top: 50%;
  transition: 0.3s;
}

.ui-datepicker .ui-datepicker-prev:hover::before {
  border-color: transparent #1a7abe transparent transparent;
}

.ui-datepicker .ui-datepicker-next::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  transform: rotate(0deg) translate(-50%, -50%);
  top: 50%;
  transition: 0.3s;
  left: 52%;
  border-width: 11px 0 11px 16px;
  border-color: transparent transparent transparent #959595;
}

.ui-datepicker .ui-datepicker-next:hover::before {
  border-color: transparent transparent transparent #1a7abe;
}

.ui-datepicker .ui-datepicker-next {
  right: -58px;
}

#calendar .ui-datepicker td a {
  text-decoration: unset;
  text-align: center;
  border: 0px;
  background: #fff;
  height: 100%;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: unset;
}

#calendar .ui-datepicker td.ui-datepicker-week-end:last-child a {
  color: #454545 !important;
}

#calendar .ui-datepicker td.ui-datepicker-week-end:last-child span {
  color: #454545 !important;
}

#calendar .ui-datepicker td.ui-datepicker-date-exist:last-child a {
  color: #e94709 !important;
}

#calendar .ui-datepicker td.ui-datepicker-date-exist:last-child span {
  color: #e94709 !important;
}

#calendar .ui-datepicker td {
  height: 44px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  width: unset !important;
  border: 1px solid #e9e9e9;
}

#calendar .ui-datepicker td.ui-datepicker-week-end a {
  color: #e94709 !important;
}

#calendar .ui-datepicker-date-exist {
  opacity: 1;
}

.ui-datepicker-date-exist .ui-state-default {
  background-image: none !important;
  background-color: transparent !important;
  height: 100%;
  text-align: center;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e94709 !important;
  border: 0px;
}

#calendar .ui-datepicker td a.ui-state-active {
  color: #454545;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: #454545;
}

#calendar .ui-datepicker td.ui-datepicker-today {
  border: 2px solid #000 !important;
}

/* #calendar .ui-datepicker td.ui-datepicker-current-day {
  border: 2px solid #000 !important;
} */

.gallery-thumbs .swiper-slide {
  padding: 2px 2px;
  border: 1px solid #ececec;
  border-radius: 6px;
}

.sl-wrapper .sl-counter {
  display: none !important;
}

.sl-overlay {
  background-color: #0c0c0c;
}

.sl-wrapper .sl-image {
  background-color: #fff;
  padding: 20px;
}

.sl-wrapper .sl-close {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fff;
  color: #737373;
}

.main-slide-pagination {
  display: none;
}

.about-community.--pallet .__item img {
  height: auto;
  margin: 0 auto;
}

.col-2-img .__img img {
  max-width: 234px;
}

.cl-2-layout {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 40px;
}

.cl-2-layout .__block {
  width: calc(100% / 2 - 35px);
}

.cl-2-layout .__block .cl-2__item+.cl-2__item {
  margin-top: 10px;
}

.cl-2__item {
  display: flex;
  column-gap: 25px;
  align-items: flex-start;
}

.cl-2__item .img {
  width: 220px;
}

.cl-2__item .text {
  flex: 1;
  padding-top: 5px;
}

.cl-2__item .text h4 {
  font-size: 20px;
  margin-bottom: 12px;
}

.pallet-intro-list {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 26px;
  row-gap: 30px;
}

.pallet-intro-list .__item {
  width: calc(100%/3 - 17.33px);
  background-color: #fff;
  border-radius: 6px;
  padding: 24px 28px 20px;
  position: relative;
  text-align: right;
  position: relative;
  max-width: 390px;
}

.pallet-intro-list .__item .img {
  position: absolute;
  max-width: 148px;
  left: 0;
  top: -35px;
}

.pallet-intro-list a {
  color: #1a7abe;
  text-decoration: underline;
  margin-left: auto;
}

.pallet-intro-list .txt {
  text-align: left;
}

.pallet-intro-list h3 {
  text-align: center;
  margin-bottom: 12px;
  font-size: 24px;
}

.txt-bg {
  background-color: #ffe195;
  padding: 1px 0px;
}

.flex-cl2 {
  display: flex;
  align-items: center;
  margin: 25px 0px;
}

.flex-cl2 .flex1 {
  padding-left: 65px;
}

.flex-cl2 .img {
  width: 220px;
}

.flex-cl2 h3 {
  margin-bottom: 15px;
}

.flex-cl2 ul {
  padding-left: 12px;
}

.list-style-line li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 6px;
}

.list-style-line li::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 2px;
  left: 0;
  top: 11px;
  background-color: #041b2b;
}

.title-full-w {
  background-color: #044b7d;
  padding: 15px 20px;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
}

.pallet-to-pallet {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.pallet-to-pallet .__left {
  width: 48.5%;
}

.pallet-to-pallet .__left .txt {
  margin-bottom: 20px;
}

.pallet-to-pallet .__right {
  width: 41.5%;
}

.pallet-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  row-gap: 36px;
}

.pallet-flex .pallet-box {
  width: calc(100% / 2 - 20px);
}

.pallet-flex .pallet-box::after {
  position: absolute;
  content: "";
  background-image: url(../images/info/right.png);
  width: 83px;
  height: 57px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

.pallet-flex .pallet-box:nth-child(1)::after,
.pallet-flex .pallet-box:nth-child(3)::after {
  top: 31.5%;
  right: -22%;
}

.pallet-flex .pallet-box:nth-child(2)::after {
  background-image: url(../images/info/left-down.png);
  width: 63px;
  height: 62px;
  bottom: -47px;
  left: -50px;
}

.pallet-flex .pallet-box:nth-child(4)::after {
  top: 31.5%;
  right: -37.5%;
}

.pallet-box {
  background-color: #fff;
  position: relative;
  border-radius: 10px;
}

.pallet-box h4 {
  margin: 0px !important;
  padding: 10px 5px;
  font-size: 20px;
  text-align: center;
}

.pallet-box img {
  width: 100%;
  margin: 0 auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 206px;
}

.pallet-to-pallet .__right .pallet-box {
  padding-top: 16px;
  margin-top: 22px;
}

.pallet-to-pallet .__right .pallet-box img {
  max-width: 334px;
  height: unset;
  border-radius: unset;
}

.pallet-to-pallet .__right .first-img {
  margin-top: -15px;
}

.about-info-inpage .about-info-list {
  margin-top: 55px;
}

.faq-block {
  margin-bottom: 35px;
}

.faq-block:last-child {
  margin-bottom: 15px;
}

.faq-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  column-gap: 14px;
}

.faq-row .__icon {
  position: absolute;
  right: 30px;
  background: #1a7abe;
  width: 22px;
  height: 3px;
  top: 30px;
  border-radius: 3px;
}

.faq-row .__icon::after {
  content: "";
  background: #1a7abe;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.faq-row.active .__icon::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.faq-row .text {
  flex: 1;
}

.faq-row .__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.faq-row.--question .__title {
  color: #1a7abe;
}

.faq-row.--answer .__title {
  color: #ff5757;
}

.faq-row.--question {
  background-color: #f1f6fa;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  padding: 15px 60px 15px 30px;
  border-radius: 60px;
  cursor: pointer;
}

.faq-row.--question .txt {
  font-size: 20px;
  font-weight: 600;
}

.faq-content {
  display: none;
}

.faq-row.--answer {
  padding: 20px 30px 0px;
}

.faq-row.--answer .text {
  padding-top: 5px;
}

.faq-row.--answer .text .txt+.txt {
  margin-top: 6px;
}

.faq-row.--answer a {
  padding-right: 4px;
}

.faq-row.--answer a::after {
  display: inline-block;
  content: "";
  background-image: url(../images/link-external-icon.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  margin-left: 3px;
}

.policy-intro {
  font-weight: 600;
  font-size: 18px;
}

.policy-content {
  margin-top: 45px;
}

.policy-item {
  display: flex;
  align-items: flex-start;
  column-gap: 4px;
  margin-bottom: 16px;
}

.policy-item ul {
  font-size: 15px;
}

.policy-item .txt {
  flex: 1;
}

.contact-info-box {
  margin-top: 45px;
  padding: 24px 30px;
  border: 1px solid #e4e4e4;
  border-radius: 15px;
}

.contact-info-box h3 {
  font-size: 28px;
}

.contact-info-box .txt {
  font-size: 18px;
}

.contact-info-box .txt+.txt {
  margin-top: 40px;
}

.contact-info-box .txt a {
  font-size: 20px;
  font-weight: 700;
}

.news__head {
  margin-bottom: 15px;
}

.news__head select.form-control {
  font-size: 18px;
  color: #1a7abe;
  font-weight: 600;
  border-color: #1a7abe;
  padding: 10px 10px;
  height: auto;
  min-width: 120px;
}

.wrap-news-layout .news-list {
  padding: 0px;
}

.single .title-page {
  color: #000;
}

.single-content p {
  margin: 15px 0px;
  font-size: 18px;
}

.single-content p a {
  color: #1a7abe;
  text-decoration: underline;
  font-weight: 600;
}

.single-footer {
  margin-top: 35px;
  flex-wrap: wrap;
}

.banner-entry {
  width: 100%;
  padding: 70px 10px 50px;
  background-image: url(../images/entry.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  position: relative;
  position: relative;
}

.banner-entry .__inner {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  width: fit-content;
  bottom: 95px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.banner-entry .btn {
  width: auto;
  height: 75px;
  font-size: 24px;
  font-weight: 600;
  border: 2px solid #4b4949 !important;
}

.banner-entry .btn:hover {
  opacity: 1;
  border-color: #ffa500 !important;
}

.banner-entry .btn svg {
  fill: #4b4949 !important;
}

.npc-intro {
  background-color: #f1f6fa;
  padding: 45px 0px;
  position: relative;
}

.npc-intro p.txt {
  line-height: 1.8;
}

.npc-intro p.txt+p.txt {
  margin-top: 10px;
}

.npc-intro strong.--blue {
  color: #004aad;
}

.npc-intro strong.--green {
  color: #00bf63;
}

.npc-intro strong.--orange {
  color: #ffa500;
}

.npc-content {
  padding-top: 30px;
}

.title-number {
  display: flex;
  align-items: flex-end;
  column-gap: 30px;
  margin-bottom: 25px;
}

.title-number .__num {
  font-size: 60px;
  color: #1a7abe;
  font-weight: 700;
  line-height: 1;
}

.title-number .__txt {
  font-size: 26px;
  margin-bottom: 0px;
  line-height: 1.4;
}

.title-number.merit .__txt {
  line-height: 1;
}

.title-number.--ct {
  column-gap: 12px;
  font-size: 26px;
  margin-bottom: 20px;
}

.title-number.--ct .__num {
  font-size: 56px;
}

.case-filter {
  padding-top: 30px;
}

.case-filter:last-of-type {
  margin-top: 30px;
  border-top: 1px solid #ccc;
}

.case-filter .toggle-title {
  font-size: 18px;
  margin-bottom: 15px;
}

.case-filter .search-block-content {
  margin-top: 15px;
  row-gap: 15px;
}

.case-filter .item-search .label-check-box {
  border: 1px solid #1a7abe;
  border-radius: 50px;
  color: #1a7abe;
  min-width: 120px;
  transition: 0.25s;
}

.case-filter .item-search input[type="checkbox"]:checked~.label-check-box {
  background-color: #1a7abe;
  color: #fff;
}

.case-filter .item-search input[type="checkbox"]:checked~.label-check-box span {
  color: #fff;
}

.case-filter .item-search .label-check-box.active {
  background-color: #fff !important;
}

.case-filter .item-search .label-check-box.active span {
  color: #1a7abe !important;
  font-weight: 500 !important;
}

.case-filter .item-search .label-check-box.active span::before {
  display: none !important;
}

.content-case {
  margin-top: 50px;
  padding: 50px 0px;
  background-color: #f1f6fa;
}

.case-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  row-gap: 48px;
  column-gap: 48px;
}

.case-article {
  width: calc(100% / 2 - 24px);
}

.case-item {
  display: block;
  width: 100%;
  background-color: #fff;
  padding: 25px 30px;
  border-radius: 15px;
  height: 100%;
  transition: 0.3s;
}

.case-item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.case-item .__thumb {
  overflow: hidden;
}

.case-item .__title {
  font-size: 24px;
  margin-bottom: 12px;
}

.case-item .__thumb img {
  object-fit: cover;
  height: 286px;
  width: 100%;
}

.case-item .__desc {
  padding-top: 15px;
  min-height: 92px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.case-footer {
  border-top: 1px solid #737373;
  padding-top: 15px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  column-gap: 25px;
}

.case-footer .img {
  width: 13%;
}

.case-footer .text {
  flex: 1;
}

.case-footer .p-tag {
  padding-left: 0px;
  padding-right: 0px;
}

.case-footer h4 {
  font-size: 20px;
}

.banner-youtube img {
  width: 100%;
}

.contact-intro {
  position: relative;
}

.contact-intro .__img {
  position: absolute;
  right: 75px;
  width: 18%;
  top: -15px;
  transform: translateY(-100%);
}

.contact-intro .__img img {
  width: 100%;
}

.contact-intro p.txt {
  padding: 20px 0px;
}

.contact-intro .__link {
  display: flex;
  justify-content: flex-end;
}

.contact-intro .__link .btn {
  font-size: 20px;
  height: 58px;
}

.contact-top-step {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  column-gap: 24px;
  row-gap: 50px;
  margin-top: 60px;
}

.contact-top-step.--ct {
  margin-bottom: 25px;
}

.contact-top-step .__block {
  width: calc(100% / 4 - 18px);
  background-color: #f1f6fa;
  border-radius: 14px;
  position: relative;
  padding: 56px 24px 30px;

  display: flex;
  flex-direction: column;
}

.contact-top-step .__block.--contact-step {
  max-width: 220px;
  padding: 28px 18px 18px 18px;
  background-color: #fff;
  border: 2px solid #f1f6fa;
}

.contact-top-step .__block.active {
  background-color: #f1f6fa;
  border-color: #1a7abe;
}

.contact-top-step .__block::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  top: 19%;
  right: 0px;
  border-style: solid;
  border-width: 30px 0 30px 40px;
  border-color: transparent transparent transparent #1a7abe;
  transform: translateX(80%);
  z-index: 2;
}

.contact-top-step .__block.--contact-step::after {
  top: 50%;
  border-width: 19px 0 19px 26px;
  transform: translate(100%, -50%);
  border-color: transparent transparent transparent #f1f6fa;
}

.contact-top-step .__block.active::after {
  border-color: transparent transparent transparent #1a7abe;
}

.contact-top-step .__block:last-child::after {
  content: none;
}

.contact-top-step .contact__step-num {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}

.contact-top-step .__block.--contact-step .__title {
  font-size: 20px;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0px;
}

.contact-top-step .__title {
  font-size: 22px;
  text-align: center;
  margin: 18px 0px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-top-step .__text {
  flex: 1;
  color: #2e2e2e;
}

.contact-top-step .__text small {
  font-size: 14px;
  padding-top: 10px;
  display: block;
  color: #6f6f6f;
}

.contact-top-step .__block.--contact-step .contact__step-img {
  height: unset;
}

.contact__step-img {
  height: 90px;
  display: flex;
  align-items: center;
}

.contact__step-img img {
  max-width: 168px;
  margin: 0 auto;
}

.contact-top-step .__block.--02 .contact__step-img img {
  max-width: 68px;
}

.contact-top-step .__block.--03 .contact__step-img img {
  max-width: 113px;
}

.contact-top-step .__block.--04 .contact__step-img img {
  max-width: 125px;
}

.contact__step-num {
  color: #1a7abe;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  width: fit-content;
  line-height: 1.2;
  text-align: center;
}

.contact__step-num span {
  display: block;
  font-size: 44px;
  line-height: 1;
  padding-left: 10px;
}

.contact__step-link {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #1a7abe;
  border: 1px solid #1a7abe;
  font-size: 20px;
  padding: 11px 36px;
  font-weight: 600;
  border-radius: 90px;
  position: relative;
}

.contact__step-link svg {
  fill: #1a7abe;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}

.contact__step-link:hover {
  background-color: #1a7abe;
  color: #fff;
}

.contact__step-link:hover svg {
  fill: #fff;
}

.contact-top-step .contact__step-link+.contact__step-link {
  margin-top: 15px;
}

.contact-table tbody tr td:first-child {
  width: 26%;
}

.contact-table tbody tr td:last-child {
  font-size: 20px;
}

.contact-table tbody tr td:last-child a {
  font-weight: bold;
}

.about-map {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.map-icon {
  position: absolute;
  width: 22px;
  height: 32px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.4s ease;
  transform-origin: bottom;
}

.map-icon.hover {
  transform: scale(1.4);
}

.map-icon.--01 {
  background-image: url(../images/pin_navy.png);
  top: 67.7%;
  left: 36.6%;
}

.map-icon.--01 {
  background-image: url(../images/pin_navy.png);
  top: 67.7%;
  left: 36.6%;
}

.map-icon.--02 {
  background-image: url(../images/pin_green.png);
  top: 65.1%;
  left: 44.1%;
}

.map-icon.--03 {
  background-image: url(../images/pin_red.png);
  top: 59%;
  left: 53.6%;
}

.map-icon.--04 {
  background-image: url(../images/pin_pink.png);
  top: 60.2%;
  left: 58.2%;
}

.map-icon.--05 {
  background-image: url(../images/pin_blue.png);
  top: 61.5%;
  left: 60.1%;
}

/* recruit page */
.recruit-banner .st-title span::after {
  content: none;
}

.recruit-banner {
  background-image: url(../images/recruit/top.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 160px 0px 50px;
}

.recruit-new-top {
  padding: 24px 30px 30px 30px;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 26%;
}

.recruit-new-top .news-list {
  padding: 0px;
}

.recruit-top-intro {
  text-align: center;
  color: #041b2b;
  font-size: min(4vw, 62px);
  margin-top: 45px;
}

.recruit-new-head {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
}

.c-title-en {
  color: #1a7abe;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 1px;
  display: inline-block;
  line-height: 1.3;
}

.recruit-new-head h3 {
  font-size: 34px;
  line-height: 1.4;
}

.recruit-new-top .new__item {
  border-color: #7d7d7d;
  padding: 12px 0px;
}

.recruit-new-top .new__item .new__date-cat {
  padding-bottom: 2px;
}

.recruit-new-top .news-list li:last-child .new__item {
  border-color: #7d7d7d;
}

.recruit-box {
  padding: 25px 30px 30px 30px;
  background-color: #f1f6fa;
  position: relative;
  border-radius: 15px;
}

.recruit-box .__thumb {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 200px;
}

.recruit-box .__thumb img {
  width: 100%;
  border-radius: 15px;
}

.c__en {
  font-size: 30px;
  letter-spacing: 0.5px;
  font-weight: 700;
  display: inline-block;
  color: #d8e9f3;
}

h2.c__ja {
  font-size: min(2.4vw, 55px);
}

.recruit-box p.txt {
  margin-top: 20px;
  line-height: 1.8;
}

.c-recruit-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 35px;
  row-gap: 35px;
  margin-top: 35px;
}

.recruit-banner-link {
  flex: 1;
  height: 360px;
  position: relative;
  border-radius: 15px;
  padding: 30px;
  overflow: hidden;
  display: block;
}

.recruit-banner-link .c__en,
.recruit-banner-link .c__ja {
  position: relative;
  z-index: 2;
}

.recruit-banner-link .c__en {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

.recruit-banner-link .c__ja {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

.recruit-banner-link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #00000046;
}

.recruit-banner-link h2.c__ja {
  font-size: min(2.8vw, 55px);
}

.recruit-banner-link.--company {
  flex: unset;
  width: 100%;
  background-image: url(../images/recruit/banner01.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.recruit-banner-link.--environment {
  background-image: url(../images/recruit/banner02.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.recruit-banner-link.--works {
  background-image: url(../images/recruit/banner03.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.recruit-banner-link.--works::after {
  background-color: #00000016;
}

.recruit-banner-link.--full {
  height: 300px;
  background-image: url(../images/recruit/banner04.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  align-items: center;
  justify-content: center;
}

.recruit-banner-link.--full::after {
  background-color: #00000055;
}

.c-people {
  border-radius: 15px;
  position: relative;
  background-color: #f1f6fa;
  padding: 30px 0px 35px;
  overflow: hidden;
  margin-top: 35px;
}

.c-people .__head {
  padding: 0px 30px;
}

.people-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 15px;
}

.people-item {
  display: block;
  overflow: hidden;
  position: relative;
  width: 50%;
  height: 400px;
}

.people-item img {
  height: 100%;
  width: 100%;
}

.people-item .__txt {
  position: absolute;
  top: 0;
  left: 0;
  width: fit-content;

  font-size: 24px;
  padding: 18px 25px 18px 30px;
  font-weight: 700;
  background-color: #669ecac2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 310px;
  transition: 0.3s;
}

.people-item:hover .__txt {
  background-color: #1a7abe;
}

.people-item .__txt svg {
  width: 36px;
  height: 36px;
}

.envi-box {
  background-color: #fff;
  border-radius: 15px;
  padding: 10px 35px;
}

.envi-box li {
  display: flex;
  align-items: center;
  padding: 15px 0px;
  font-size: 18px;
  font-weight: 600;
}

.envi-box li+li {
  border-top: 1px solid #8cbcde;
}

.envi-box li .txt {
  flex: 1;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 30px;
}

.envi-box li strong {
  display: block;
  width: 132px;
  font-size: 20px;
}

.envi-box li span {
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  column-gap: 10px;
}

.envi-box li:last-child span:last-child {
  width: 100%;
}

.envi-box li span small {
  color: #737373;
  font-size: 0.9em;
}

.wrap-envi-step {
  padding-top: 20px;
}

.envi-step {
  margin-bottom: 35px;
  background-color: #fff;
  border-radius: 15px;
  padding: 15px 40px 15px 160px;
  position: relative;
  border: 1px solid #4f98cd;
}

.envi-step.--process {
  padding-bottom: 20px;
}

.envi-step .__step-img {
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
}

.envi-step .__step-text .btn {
  font-size: 22px;
}

.envi-step .__step-img img {
  width: 118px;
}

.envi-step.--process .__step-img img {
  width: 122px;
}

.envi-step.--process:nth-child(1) .__step-img {
  z-index: 5;
}

.envi-step.--process:nth-child(2) .__step-img {
  z-index: 4;
}

.envi-step:nth-child(1) .__step-img {
  z-index: 3;
}

.envi-step:nth-child(2) .__step-img {
  z-index: 2;
}

.envi-step:nth-child(3) .__step-img {
  z-index: 1;
  transform: translateY(-58%);
}

.envi-step.--process:nth-child(3) .__step-img {
  z-index: 3;
  transform: translateY(-50%);
}

.envi-step.--process:nth-child(4) .__step-img {
  z-index: 2;
}

.envi-step.--process:nth-child(5) .__step-img {
  z-index: 1;
  transform: translateY(-45%);
}

.envi-step h4 {
  font-size: 24px;
  border-bottom: 1px solid #4f98cd;
  padding-bottom: 6px;
}

.envi-step p.txt {
  margin-top: 8px;
  font-size: 18px;
}

.envi-step h4 small {
  font-size: 0.8em;
  color: #737373;
  padding-left: 20px;
  font-weight: 600;
}

.envi-step.--center h4 {
  padding-bottom: 0px;
  border-bottom: 0px;
}

.envi-step.--center.--last {
  padding-left: 40px;
  margin-bottom: 0px;
  padding-bottom: 15px;
}

.envi-step.--process.--last {
  border-width: 3px;
  position: relative;
}

.envi-step .t-center {
  display: block;
  width: fit-content;
  margin: 0 auto;
  color: #1a7abe;
  font-size: 46px;

  position: relative;
  z-index: 2;
}

.envi-step .t-center::before {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/33_icon_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 90px;
  height: 126px;

  top: -45px;
  left: -40px;
  transform: translateX(-100%);
}

.envi-step .t-center::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/33_icon_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 94px;
  height: 109px;

  top: -30px;
  right: -45px;
  transform: translateX(100%);
}

.p__title-bg {
  margin: 10px 0px;
  background-color: #1a7abe;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 0px 50px;
  line-height: 1.6;

  display: flex;
  align-items: center;
  column-gap: 2px;
}

.p__title-bg::before,
.p__title-bg::after {
  content: "";
  background-image: url(../images/bx-caret-down-white.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.envi-step a.__link {
  border: 1px solid #8c8c8c;
  padding: 8px 12px;
  display: inline-block;
  width: 350px;
  min-height: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.envi-step a.__link.--not-has-link {
  background-color: #d9d9d9;
}

.envi-step ul {
  font-size: 18px;
  margin: 15px 0px 6px;
  padding-left: 4px;
}

.envi-step .wrap-link-flex {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  align-items: center;
  column-gap: 30px;
}

.envi-list-number {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 25px;
  align-items: stretch;
}

.envi-number-block {
  width: calc(100%/3 - 45px);
}

.envi-number-block img {
  width: 100%;
}

.banner-page.--interview {
  height: auto;
  padding: 105px 0px 150px;
  position: relative;
}

.banner-page.--quality {
  height: 380px;
}

.interview-banner-content .text {
  max-width: 620px;
}

.interview-banner-content .__thumb {
  position: absolute;
  right: 0px;
  top: 14%;
  width: 42%;
  max-width: 820px;
}

.interview-banner-content .__thumb img {
  width: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  aspect-ratio: 4/2.6;
}

.interview-banner-content .__title-h2 {
  font-size: min(2.15vw, 62px);
  margin: 95px 0px 45px;
  line-height: 1.5;
}

.interview-banner-content .st-title .__title {
  display: flex;
  align-items: center;
}

.st-title .__title strong {
  color: #737373;
  font-size: 0.4em;
  padding-left: 60px;
  position: relative;
}

.st-title .__title strong::after {
  position: absolute;
  content: "";
  width: 6px;
  border-radius: 6px;
  background-color: #737373;
  height: 210%;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.interview-banner-content .__footer strong {
  font-size: 26px;
  display: block;
  line-height: 1.5;
}

.interview-block {
  position: relative;
}

.interview-block.--has-img {
  min-height: 500px;
}

.interview-block h3 {
  font-size: 24px;
  color: #044b7d;
}

.interview-block+.interview-block {
  padding-top: 80px;
}

.interview-block p {
  line-height: 1.8;
  font-size: 18px;
}

.interview-block.--has-img .__inner {
  max-width: 630px;
}

.interview-block.--thumb-left .__inner {
  margin-left: auto;
}

.interview-block.--thumb-left .interview-thumb {
  right: unset;
  left: 0px;
}

.interview-block.--thumb-left .interview-thumb img {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.interview-thumb {
  position: absolute;
  right: 0px;
  top: 11%;
  width: 42%;
  max-width: 820px;
  height: 460px;
}

.interview-thumb img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.interview-calender {
  background-color: #f1f6fa;
  border-radius: 15px;
  padding: 20px 40px;
}

.interview-calender li {
  position: relative;
  padding: 10px 0px;
  padding-left: 36px;
  display: flex;
  align-items: center;
}

.interview-calender li::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 3px;
  border-radius: 3px;
  background-color: #000;
  left: 0;
  top: 46%;
}

.interview-calender li strong {
  width: 128px;
  font-size: 22px;
}

.wrap-interview-list {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 28px;
  row-gap: 16px;
}

.wrap-interview-list .__block {
  width: calc(100%/2 - 14px);
}

.wrap-interview-list h4 {
  padding: 10px 12px;
  color: #fff;
  text-align: center;
  background-color: #1a7abe;
  font-size: 20px;
  border-radius: 50px;
}

.interview-flex {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 28px;
  row-gap: 20px;
}

.interview-flex li {
  width: calc(100%/3 - 18.67px);
}

.interview-link {
  width: 100%;
  display: block;
}

.interview-link p {
  font-size: 18px;
  text-align: center;
  padding: 10px 5px;
  transition: 0.2s;
  font-weight: 600;
}

.interview-link .__thumb {
  height: 180px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.interview-link .__thumb::after {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #1a7abe;
  border-radius: 15px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.2s;
}

.interview-link img {
  width: 100%;
  height: 100%;
}

.interview-link:hover img {
  border-color: #1a7abe;
}

.interview-link:hover .__thumb::after {
  opacity: 1;
}

.interview-link:hover p {
  color: #1a7abe;
}

/* recruit page */


/* contact form */
.wrap-contact-link-top {
  margin-top: 20px;
}

.ul-dot li a {
  color: #66a7ff;
  font-weight: 600;
  text-decoration: underline;
}

.f-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 10px;
  margin-bottom: 24px;
}

.f-row .aside-bt {
  font-size: 20px;
}

.f-row.--ct {
  padding-top: 30px;
}

.form-right {
  flex: 1;
}

.form-right .__inner {
  display: flex;
  align-items: center;
  column-gap: 10px;
  row-gap: 10px;
}

.form-right .__inner p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 5px;
}

.form-right .__inner p .error {
  width: 100%;
}

.form-right .__inner.--ct-gap {
  column-gap: 5px;
  flex-wrap: wrap;
}

.form-right .__inner~.__inner {
  margin-top: 8px;
}

.form-right .__inner .form-lable {
  padding-top: 0px;
  font-size: 15px;
  color: #737373;
  font-weight: 500;
  width: auto;
  padding-left: 42px;
}

.form-right .__inner .form-lable .__req {
  top: 0px;
  font-size: 12px;
}

.form-right .form-control {
  height: 50px;
  padding: 12px 20px;
  width: 100%;
  border-radius: 8px;
  font-weight: 700;
  font-size: 18px;
  display: block;
}

.form-right .form-control.w124 {
  width: 155px;
}

.note-border {
  margin-left: 10px;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 2px 20px;
  font-size: 15px;
  border: 1px solid #8e8e8e;
  border-radius: 8px;
  height: 50px;
  font-weight: 600;
}

.form-control.w380 {
  width: 380px;
}

.form-control.w300 {
  width: 300px;
}

.form-right .form-control::placeholder {
  color: #d9d9d9;
  font-weight: 500;
}

.form-right textarea.form-control {
  height: 136px;
}

.form-right textarea.form-control::placeholder {
  white-space: pre-line;
  line-height: 1.4;
}

.form-right small {
  font-size: 15px;
  padding-left: 20px;
  display: block;
  margin: 5px 0px 0px 0px;
  color: #737373;
}

.form-lable {
  width: 240px;
  font-size: 18px;
  font-weight: 700;
  padding-left: 52px;
  position: relative;
  padding-top: 12px;
  line-height: 1.4;
}

.form-lable small {
  font-size: 0.9em;
  color: #737373;
  font-weight: 500;
}

.__req {
  color: #fff;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 2px;
  background-color: #ff5757;
  display: inline-block;
  line-height: 1.2;
  font-size: 14px;
  white-space: nowrap;
}

.form-lable .__req {
  position: absolute;
  left: 0px;
  top: 13px;
}

.form-lable.pdt0 .__req {
  top: 2px;
}

.full-w-content {
  width: 100%;
  background-color: #efeded;
  margin: 25px 0px;
  overflow: hidden;
}

.full-w-content .__inner {
  width: fit-content;
  margin: 0 auto;
  padding: 30px 10px;
  text-align: center;
  position: relative;
  color: #222222;
  font-size: 18px;
  position: relative;
}

.full-w-content .__inner::before {
  position: absolute;
  content: "";
  background-image: url(../images/warning.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  width: 90px;
  height: 80px;
  left: 0px;
  top: 50%;
  transform: translate(-120%, -50%);
}

.full-w-content .__inner.--ct::before {
  content: none;
}

.full-w-content .__inner.--ct {
  padding: 20px 10px;
}

.full-w-content .__inner h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

.full-w-content .__inner h4 {
  font-size: 20px;
}

.wrap-contact-reason {
  padding: 10px 0px;
}

.reason-row {
  align-items: flex-start;
  column-gap: 25px;
  margin-bottom: 15px;
}

.reason-row .__img {
  overflow: hidden;
  width: 210px;
}

.reason-row .__img img {
  border: 1px solid #e1e1e1;
  border-radius: 15px;
}

.reason-row .__text {
  flex: 1;
}

.reason-row .__text h4 {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 600;
}

.mwform-checkbox-field>label {
  display: block;
}

.mwform-checkbox-field.horizontal-item>label {
  display: inline-block;
}

.wrap-checkboxhori {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 18px;
  margin-bottom: 8px;
  row-gap: 5px;
}

.mw_wp_form .horizontal-item+.horizontal-item {
  margin-left: 0px !important;
}

.mwform-checkbox-field>label input[type="checkbox"] {
  display: none;
}

.mwform-checkbox-field-text {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: block;
  white-space: nowrap;
}

.mwform-checkbox-field-text::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #3c3c3c;
  left: 0;
  top: 3px;
  background-color: #fff;
}

.mwform-checkbox-field-text::after {
  position: absolute;
  content: "";
  background-image: url(../images/bx-check.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: -3px;
  top: -1px;
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.mwform-checkbox-field>label input[type="checkbox"]:checked~.mwform-checkbox-field-text::after {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.mw_wp_form .error {
  color: #ff5757 !important;
  font-weight: 700;
}

.input:has(+ .error) {
  background-color: #ff5757;
}

.mw_wp_form.mw_wp_form_confirm .form-right small {
  display: none;
}

.mw_wp_form.mw_wp_form_confirm .none-cf {
  display: none;
}

.contact-error .mw_wp_form .none-error {
  display: none;
}

.mw_wp_form.mw_wp_form_confirm .form-lable {
  padding-top: 0px;
}

.mw_wp_form.mw_wp_form_confirm .form-lable .__req {
  top: 2px;
}

span.error~input {
  border-color: #ff5757;
}

.form-right.--ct {
  flex: unset;
  width: 100%;
  padding-left: 52px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.checkbox-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 12px 0px;
  border-top: 1px solid #0c0c0c;
}

.checkbox-row:last-child {
  border-bottom: 1px solid #0c0c0c;
}

.wrap-checkbox-value {
  flex: 1;
}

.checkbox-lable {
  width: 200px;
  padding-left: 24px;
  position: relative;
}

.checkbox-lable::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0c0c0c;
  left: 5px;
  top: 10px;
}

.checkbox-row .mwform-checkbox-field-text {
  white-space: unset;
}

/* end contact form */

.about-community.--ct-pallet {
  margin-top: 25px;
}

.about-community .__item.--border0 {
  border: 0px;
  padding-top: 76px;
}

.about-community.--ct-pallet .__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.about-community.--ct-pallet .__item h3 {
  width: 100%;
  text-align: center;
}

.about-community.--ct-pallet .__item h3.title-icon {
  text-align: left;
}

.about-community.--ct-pallet .__item img {
  border-radius: 0px;
  height: auto;
}

.about-community .__item .title-icon {
  position: absolute;
  left: 0px;
  top: 18px;
  margin-bottom: 0px;
}

.about-community .img {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  min-height: 160px;
}

.about-community.--ct-pallet .txt {
  margin-top: 16px;
}

.recruit-status-banner {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 25px;
  align-items: stretch;
}

.recruit-status-banner .__item {
  flex: 1;
  display: block;
  width: 100%;
  border: 1px solid #737373;
  border-radius: 18px;
  padding: 18px 10px;
  position: relative;
  background-color: #fff;

  display: flex;
  flex-direction: column;
}

.recruit-status-banner .__item .__img {
  flex: 1;
  display: flex;
  align-items: center;
}

.recruit-status-banner .__item:hover {
  opacity: 1;
}

.recruit-status-banner .__item:hover::after {
  background-color: #1a7abe;
}

.recruit-status-banner .__item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #efeded;
  border-radius: 18px;
  right: -10px;
  bottom: -10px;
  z-index: -1;
  transition: 0.25s;
}

.recruit-status-banner .__item .__title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 8px;
}

.recruit-status-banner .__item img {
  margin: 0 auto;
}

.wrap-filter-cat {
  position: relative;
}

.filter-cat__button {
  height: 30px;
  border: 1px solid #1a7abe;
  border-radius: 4px;
  padding: 0px 10px;
  font-size: 15px;
  font-weight: bold;
  color: #1a7abe;
  text-align: center;
  margin-top: 0px;
  display: flex;
  align-items: center;
  column-gap: 12px;
  justify-content: center;
  background-color: #ffffff;
  width: 250px;
  cursor: pointer;
}

.filter-cat__button::after {
  position: static;
  content: "";
  background-image: url(../images/down-ct.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 17px;
  height: 11px;
  border: 0;
}

.filter-cat__box {
  position: absolute;
  width: 100%;
  top: 100%;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #737377;

  display: none;
}

.filter-cat__box .__top {
  padding: 0px 12px;
  font-size: 16px;
  background-color: #006eff;
  color: #fff;
  transition: 0.25s;
}

.filter-cat__box .__top.active {
  background-color: transparent;
  color: #000;
}

.filter-cat__box .__row {
  padding: 2px 12px;
  align-items: center;
  justify-content: space-between;
}

.filter-cat__box .__row .label-check {
  margin-bottom: 0px;
}

.recruitment-status {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 40px;
  row-gap: 20px;
  margin-top: 15px;
}

.recruitment-item {
  width: 330px;
}

.recruitment-item .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 10px;
  border-radius: 50px;
}

.recruitment-item:first-child .txt {
  background-color: #ff914e;
}

.recruitment-item:first-child .__title {
  color: #ff914e;
}

.recruitment-item:nth-child(2) .txt,
.recruitment-item:nth-child(5) .txt {
  background-color: #00bf63;
}

.recruitment-item:nth-child(2) .__title,
.recruitment-item:nth-child(5) .__title {
  color: #00bf63;
}

.recruitment-item:nth-child(5) small {
  color: #00bf63;
  font-size: 18px;
  display: block;
}

.recruitment-item:nth-child(3) .txt {
  background-color: #ff75af;
}

.recruitment-item:nth-child(3) .__title {
  color: #ff75af;
}

.recruitment-item:nth-child(4) .txt {
  background-color: #0cb3df;
}


.recruitment-item:nth-child(4) .__title {
  color: #0cb3df;
}

.recruitment-item .txt span {
  padding: 0px 15px;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  line-height: 1.1;
}

.recruitment-item .txt span+span {
  border-left: 2px solid #fff;
}

.recruitment-item .__title {
  font-size: 24px;
  text-align: center;
  padding: 8px 0px;
}

.job-diagram {
  width: fit-content;
  margin: 0 auto;
  position: relative;
}

.diagram-handle-click {
  position: absolute;
  width: 4%;
  height: 2.3%;
  border-radius: 50%;
  z-index: 10;
  background-color: #fff;
  opacity: 0;
  cursor: pointer;
}

.diagram-handle-click:hover {
  opacity: 0.4;
}

.diagram-handle-click.--01 {
  top: 5.86%;
  left: 34.50%;
}

.diagram-handle-click.--02 {
  top: 28.32%;
  left: 54.6%;
}

.diagram-handle-click.--03 {
  top: 28.32%;
  left: 88.72%;
}

.diagram-handle-click.--04 {
  top: 47.1%;
  left: 26.2%;
}

.diagram-handle-click.--05 {
  top: 47.1%;
  left: 53%;
}

.diagram-handle-click.--06 {
  top: 47.1%;
  left: 70.9%;
}

.diagram-handle-click.--07 {
  top: 47.1%;
  left: 88.75%;
}

.diagram-handle-click.--08 {
  top: 66%;
  left: 62.5%;
}

.diagram-handle-click.--09 {
  top: 66%;
  left: 80.4%;
}

.diagram-handle-click.--10 {
  top: 80.3%;
  left: 26.2%;
}

.diagram-handle-click.--11 {
  top: 81.7%;
  left: 88.73%;
}

.popup-diagram {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: #0c0c0c6c;
  display: none;
}

#diagramContent01 .popup-diagram__inner {
  background-color: #ff914e;
}

#diagramContent02 .popup-diagram__inner,
#diagramContent11 .popup-diagram__inner {
  background-color: #00bf63;
}

#diagramContent03 .popup-diagram__inner {
  background-color: #044b7d;
}

#diagramContent04 .popup-diagram__inner,
#diagramContent08 .popup-diagram__inner,
#diagramContent09 .popup-diagram__inner {
  background-color: #0cb3df;
}

#diagramContent05 .popup-diagram__inner,
#diagramContent06 .popup-diagram__inner,
#diagramContent07 .popup-diagram__inner {
  background-color: #ff75af;
}

#diagramContent10 .popup-diagram__inner {
  background-color: #964503;
}

.popup-diagram__inner {
  position: relative;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 850px;
  padding: 10px;
  border-radius: 15px;
}

.popup-diagram__inner .__head {
  text-align: center;
  font-size: 32px;
  padding: 20px 10px 30px;
  color: #fff;
}

.popup-diagram__inner .__content {
  column-gap: 30px;
  padding: 40px 30px 35px;
  background-color: #ffffff;
  border-radius: 7px;
}

.popup-diagram__inner .__content .__desc {
  flex: 1;
}

.popup-diagram__inner h4 {
  font-size: 20px;
  margin-bottom: 8px;
}

.popup-diagram__inner .txt {
  font-size: 18px;
}

.popup-diagram__inner h4~h4 {
  margin-top: 22px;
}

.popup-diagram__inner .__img {
  width: 320px;
}

.palletguide-intro {
  text-align: center;
  margin-bottom: 20px;
}

.palletguide-intro h2 {
  margin: 0px;
  font-size: min(3vw, 56px);
}

.palletguide-intro p.txt {
  font-size: min(1.4vw, 27px);
}

.wrap-palletguide-list {
  margin-top: 40px;
  padding: 45px 0px;
  background-color: #f1f6fa;
}

.palletguide-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 30px;
  row-gap: 42px;
}

.palletguide-list li {
  width: calc(100%/3 - 20px);
}

.palletguide__item {
  width: 100%;
  display: block;
  background-color: #fff;
  position: relative;
  padding: 13px 20px;
  border-radius: 10px;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border: 2px solid transparent;
}

.palletguide__item:visited,
.palletguide__item:active,
.palletguide__item:focus {
  border-color: #1a7abe;
}

.palletguide__item:hover {
  box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.6);
}

.palletguide__item h4 {
  font-size: 20px;
  color: #1a7abe;
  padding-left: 110px;
  line-height: 1.4;
  font-weight: 600;
  width: 100%;
}

.palletguide__item img {
  position: absolute;
  max-width: 90px;
  top: -30px;
  left: 10px;
}

.palletguide__item p {
  margin-top: 7px;
  line-height: 1.5;
}

.palletguide-banner {
  padding: 45px 0px 50px;
}

.palletguide-banner-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 40px;
  row-gap: 30px;
}

.palletguide-banner-wrap.--download .palletguide-banner__link {
  min-width: 400px;
  max-width: calc(100%/2 - 20px);
}

.palletguide-banner__link {
  flex: 1;
  position: relative;
  border: 1px solid #737373;
  border-radius: 18px;

  padding: 45px 30px;
  background-color: #fff;
}

.palletguide-banner-wrap.--contact .palletguide-banner__link {
  padding: 40px 30px;
}

.palletguide-banner__link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #efeded;
  border-radius: 18px;
  right: -10px;
  bottom: -10px;
  z-index: -1;
}

.palletguide-banner-wrap.--contact .txt {
  min-height: 96px;
}

.palletguide-banner-wrap.--contact .txt.--ct {
  padding: 0px 24px;
}

.palletguide-banner__link .txt {
  padding-left: 134px;
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 1.5;
}

.palletguide-banner__link.--02 .txt {
  padding-left: 215px;
}

.palletguide-banner__link.--05 .txt {
  padding-left: 140px;
  min-height: 96px;
}

.palletguide-banner__link.--05 .__img {
  max-width: 90px;
  left: 60px;
  top: 30px;
}

.palletguide-banner__link .__link {
  width: 90%;
  margin: 0 auto;
}

.palletguide-banner__link .btn {
  width: 100%;
  font-size: 22px;
  height: 65px;

  z-index: 2;
  position: relative;
}

.palletguide-banner__link .__img {
  position: absolute;
  max-width: 132px;
  left: 18px;
  top: 24px;
}

.palletguide-banner__link .__img img {
  width: 100%;
}

.palletguide-banner__link.--02 .__img {
  left: 30px;
  top: 30px;
  max-width: 190px;
}

.palletguide-banner__link.--ct01 .__img {
  max-width: 80px;
  left: 86px;
  top: 12px;
}

.palletguide-banner__link.--ct01.--r .__img {
  left: unset;
  right: 78px;
  max-width: 70px;
  top: 32px;
}

.palletguide-banner__link.--ct01.--r.--02 .__img {
  left: unset;
  right: 70px;
  max-width: 110px;
  top: 40px;
}

.palletguide-banner__link.--ct01.--first .__img {
  top: 32px;
}

.palletguide-banner__link.--ct02 .__img {
  max-width: 118px;
  top: 34px;
  left: 30px;
}

.palletguide-banner-wrap.--contact .palletguide-banner__link.--ct02 .__img {
  max-width: 80px;
  top: 45px;
  left: 62px;
}

.palletguide-banner__link.--ct03 .__img {
  max-width: 140px;
  top: 16px;
  left: 60px;
}

.palletguide-banner__link.--ct04 .__img {
  max-width: 74px;
  top: 8px;
  left: 68px;
}

.palletguide-banner__link.--ct03 .txt {
  padding-left: 186px;
}

.palletguide-banner__link.--ct01 .txt {
  padding-left: 150px;
}

.palletguide-banner__link.--ct01.--r .txt {
  padding-left: 25px;
  padding-right: 150px;
}

.palletguide-banner__link.--ct01.--r.--02 .txt {
  padding-right: 170px;
}

.guide-search-title {
  font-size: 24px !important;
  margin: 20px 0px 5px !important;
  max-width: 610px;
}

.guide-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 24px;
  row-gap: 20px;
}

.guide-search .form-row {
  align-items: stretch;
  column-gap: 24px;
  flex: 1;
}

.guide-search .form-row .form-control {
  flex: 1;
  font-size: 20px;
  border: 2px solid #1a7abe;
  padding: 8px 32px;
  height: 60px;
  border-radius: 30px;
}

.guide-search .form-row .form-control::placeholder {
  font-size: 1em;
}

.guide-search input[type="submit"] {
  border: 2px solid #ffa500;
  padding: 6px 24px 6px 65px;
  font-size: 22px;
  font-weight: bold;
  background-color: #ffa500;
  background-image: url(../images/icons8-search.svg);
  background-size: 34px 34px;
  background-repeat: no-repeat;
  background-position: 20% center;
  color: #4b4949;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.25s;
}

.guide-search input[type="submit"]:hover {
  background-color: #fff;
  color: #ffa500;
  background-image: url(../images/icons8-search-orange.svg);
}

.guide-search .btn {
  font-size: 22px;
  height: 60px;
  width: 100%;
}

.guide-search .__link {
  width: 34%;
}

.g-full {
  background-color: #f1f6fa;
  padding: 25px 0px;
}

.g-full .__title {
  font-size: 36px;
  text-align: center;
  padding-bottom: 12px;
  border-bottom: 2px solid #272727;
  position: relative;
}

.g-full .__title::before {
  position: absolute;
  content: "";
  background-image: url(../images/car-black.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 130px;
  height: 56px;

  bottom: 0px;
  left: 6%;
}

.c-wrap-text {
  column-gap: 54px;
  row-gap: 5px;
  margin-bottom: 5px;
  position: relative;
}

.c-wrap-text img {
  position: absolute;
  right: 13px;
  top: -40px;
  width: 11%;
}

.c-wrap-text p {
  font-size: 24px;
  column-gap: 4px;
  align-items: center;
  font-weight: bold;
}

.c-wrap-text span {
  font-size: 32px;
}

.t-wrap-text {
  column-gap: 54px;
}

.t-wrap-text p {
  padding-left: 30px;
  background-image: url(../images/check-icon-ct.png);
  background-size: 24px 20px;
  background-repeat: no-repeat;
  background-position: left 1px;
}

.g-full small {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #6f6f6f;
}

.p-article {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 10px;
  margin-top: 20px;
}

.p-article .__thumb {
  position: relative;
  width: 50%;
  border-radius: 18px;
}

.p-article .__thumb::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #efeded;
  border-radius: 18px;
  right: -10px;
  bottom: -10px;
  z-index: -1;
}

.p-article .__thumb img {
  width: 100%;
  height: 100%;
  border-radius: 18px;
}

.p-article .__desc {
  padding-top: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p-article .__desc p {
  font-size: 18px;
  width: 100%;
}

.p-article .__desc p span {
  background-color: #ffe195;
}

.p-article .__desc ul {
  margin-top: 10px;
  padding-left: 6px;
  font-size: 18px;
}

.p-article .__desc .__link {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
}

.wrap-product-slide.--icon::after {
  position: absolute;
  content: "";
  background-image: url(../images/home-icon-02.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0px;
  right: 22%;
  width: 100px;
  height: 79px;
}

.ways-to-use {
  position: relative;
}

.ways-to-use .__thumb-big img {
  width: 100%;
}

.ways-to-use .a-hover {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  /* width: 28px;
  height: 40px; */
}

.icon-hover-element {
  position: absolute;
  /* width: 100%;
  height: 100%; */


  width: 28px;
  height: 40px;
}

.ways-to-use .a-hover.--01 {
  top: 31.2%;
  left: 14.4%;
}

/* .ways-to-use .a-hover.--01 .icon-hover-element {
  top: 31.2%;
  left: 14.4%;
} */

.ways-to-use .a-hover.--02 {
  top: 73.1%;
  left: 51.3%;
}

.ways-to-use .a-hover.--03 {
  top: 51.5%;
  left: 31.7%;
}

.ways-to-use .a-hover.--04 {
  top: 39.1%;
  left: 54.1%;
}

.ways-to-use .a-hover.--05 {
  top: 69.1%;
  left: 37.5%;
}

.ways-to-use .a-hover.--06 {
  top: 48.7%;
  left: 8.5%;
}

.ways-to-use .a-hover.--07 {
  top: 66.6%;
  left: 61.3%;
}

.ways-to-use .a-hover.--08 {
  top: 29%;
  left: 91.1%;
}

.ways-to-use .a-hover.--09 {
  top: 66.6%;
  left: 22.3%;
}

.ways-to-use .a-hover.--10 {
  top: 41.8%;
  left: 76.3%;
}

.ways-to-use .a-hover.--11 {
  top: 78.5%;
  left: 7.6%;
}

.ways-to-use .a-hover.--12 {
  top: 61%;
  left: 16.1%;
}

.ways-to-use .a-hover.--13 {
  top: 67.5%;
  left: 92.7%;
}

.popup-hover {
  position: absolute;
  width: 300px;
  height: auto;
  padding: 15px 18px 15px 20px;
  border-radius: 18px;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  /* display: none; */

  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: 0.3s ease;
}

.popup-hover.active {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.a-hover:hover .popup-hover {
  opacity: 1;
  z-index: 10;
  visibility: visible;
}

.a-hover .popup-hover {
  right: -68px;
  transform: translate(100%, -48%);

}

.ways-to-use .a-hover.--11 .popup-hover {
  transform: translate(100%, -62%);
}

.a-hover.--popup-left .popup-hover {
  left: -40px;
  right: unset;
  transform: translate(-100%, -48%);
}

.a-hover.--popup-left .popup-hover .__arow {
  left: unset;
  right: -40px;
}

.ways-to-use .a-hover.--11 .popup-hover .__arow::after {
  top: 63%;
}

.popup-hover .__arow {
  width: 40px;
  height: 100%;
  left: -40px;
  /* top: 49%; */
  top: 0;
  position: absolute;
  filter: drop-shadow(-4px 5px 3px rgba(50, 50, 0, 0.8));

}

.a-hover.--popup-left .popup-hover .__arow {
  filter: drop-shadow(4px 5px 3px rgba(50, 50, 0, 0.8));
}

.a-hover.--popup-left .popup-hover .__arow::after {
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  left: -1px;
}

.popup-hover .__arow::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 30px;
  background-color: #ffffff;

  top: 49%;
  left: 1px;

  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.popup-hover p {
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 0px !important;
}

.popup-hover img {
  width: 94%;
  margin: 0 auto;
}

.title-single-case {
  margin: 10px 0px 40px;
  position: relative;
  font-size: min(2.4vw, 56px);
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.title-single-case img {
  width: 80px;
}

.case-detail-thumb img {
  border-radius: 18px;
  width: 100%;
}

.s-case-content h3 {
  margin-top: 30px;
  padding-bottom: 10px;
  font-size: 24px;
  padding-left: 15px;
  border-bottom: 1px solid #737373;
}

.s-case-box {
  margin: 25px 0px 40px;
  background-color: #f1f6fa;
  border-radius: 18px;
  padding: 36px 38px;

  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 35px;
  row-gap: 20px;
}

.s-case-box .__thumb {
  width: 45.8%;
  padding: 30px 10px;

  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 18px;
}

.s-case-box .__text {
  flex: 1;
}

.s-case-box h4 {
  font-size: 24px;
  border-bottom: 1px solid #737373;
  padding-bottom: 8px;
  margin-bottom: 18px;
}

.s-case-box .wrap-p-info {
  background-color: unset;
  border: 1px solid #737373;
  margin: 12px 0px 15px;
}

.s-case-box .wrap-p-info .product-info-line {
  min-width: unset;
  width: 100%;
}

.s-case-box .__link {
  align-items: stretch;
  flex-wrap: wrap;
  gap: 10px;
}

.s-case-box .__link .btn {
  height: 52px;
}

.s-case-box .__link .btn.--gray02 {
  padding: 12px 30px 12px 30px;
}

.l-flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 38px;
  row-gap: 20px;
  align-items: flex-start;
  margin: 35px 0px;
}

.l-flex .__inner {
  flex: 1;
  min-width: 260px;
}

.l-flex img {
  border-radius: 15px;
}

.l-flex p {
  padding-top: 20px;
}

.s-case-link {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 30px 0px;
  row-gap: 15px;
}

.s-case-link.--full-w .btn {
  width: 100%;
}

.merit-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 65px;
  padding-bottom: 20px;
}

.merit-list .__block {
  width: calc(100%/2 - 20px);
}

.merit-list .__img img {
  border-radius: 14px;
}

.merit-list .__img {
  margin-bottom: 15px;
}

.merit-list ul li {
  font-size: 18px;
  margin-bottom: 4px;
}

.merit-list ul.ul-dot li a {
  color: #1a7abe;
  font-weight: 600;
}

.merit-list .__link {
  margin-top: 15px;
}

.merit-list .__link a+a {
  margin-top: 12px;
}

.download-item .btn {
  height: 48px;
  padding: 11px 22px 9px 30px;
}

.download-item .__link {
  text-align: center;
}

.download-item h3 {
  font-size: 26px;
  margin-bottom: 10px;
}

.download-item h4 {
  font-size: 22px;
  margin-bottom: 6px;
  line-height: 1.4;
  min-height: 61px;
}

.download-list.cl2 .download-item h3 {
  text-align: center;
}

.download-item {
  padding: 14px;
  background-color: #e6f0f8;
  width: calc(100%/4 - 10.5px);
}

.download-item .__img {
  width: 100%;
}

.download-item.d-flex .__img {
  max-width: 290px;
}

.download-item .__img img {
  width: 100%;
  margin: 0 auto;
}

.download-item .__text {
  padding: 10px;
  flex: 1;
}

.download-list.cl2 .download-item .__text {
  padding: 12px;
}

.download-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 14px;
  row-gap: 28px;
}

.download-list.cl2 {
  column-gap: 25px;
}

.download-list.cl2 .download-item:nth-child(1) {
  flex: 1;
}

.download-list.cl2 .download-item:nth-child(1) .__text {
  padding-left: 34px;
}

.download-list.cl2 .download-item:nth-child(2) {
  width: 32%;
  min-width: 280px;
}

.download-list.cl2 .download-item:nth-child(2) .__img img {
  max-width: 135px;
  margin: 0 auto;
}

.download-list.cl2 .download-item:nth-child(2) .__img {
  padding-top: 12px;
}

.download-list.cl2 .download-item .btn {
  min-width: 260px;
}

.download-item .__link {
  margin-top: 10px;
}

.download-item p.txt18~p.txt18 {
  margin-top: 90px;
}

.download-item p.txt18 {
  min-height: unset;
}

.download-item p {
  line-height: 1.5;
  min-height: 72px;
}

.wrap-link-page.--download {
  margin-top: 30px;
}

.page-content .dowload-title {
  margin-bottom: 30px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  background-color: #737373;
  padding: 7px 10px 6px;
  border-radius: 60px;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.7;
}

.error-box {
  margin-top: 15px;
  padding: 15px 20px;
  border: 2px solid #ff5757;
}

.error-box h4 {
  color: #ff5757;
  margin-bottom: 6px;
}

.complete-txt {
  margin: 45px 0px;
}

.complete-txt h3 {
  font-size: 32px;
  margin-bottom: 25px;
}

.complete-txt p {
  font-size: 18px;
}

.p-other-slide.two_item {
  max-width: 700px;
}

.p-other-slide.one_item {
  max-width: 350px;
}

.contact-recruit-banner {
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 40px;
  row-gap: 24px;
}

.c__link {
  width: calc(100%/3 - 26.67px);
  border: 1px solid #737373;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c__link img {
  width: 100%;
  max-height: 100%;
}

.c__link:hover {
  opacity: 0.7;
}

.contact-intro.--ct {
  padding-top: 15px;
}

.download-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 60px;
  row-gap: 15px;
}

.download-flex .__thumb {
  width: 45.1%;
  display: flex;
  column-gap: 25px;
  align-items: stretch;
}

.download-flex .__thumb .cl {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  align-self: stretch;
}

.download-flex .__thumb .cl:nth-child(1) {
  width: 49%;
}

.download-flex .__thumb .cl:nth-child(2) {
  flex: 1;
}

.download-flex .__thumb .cl .image {
  border: 1px solid #5c5c5c;
  height: 100%;
  display: flex;
  align-items: flex-start;
}

.download-flex .__content {
  flex: 1;
}

.download-flex h3 {
  margin-bottom: 30px !important;
}

.d-box {
  background-color: #e6f0f8;
  padding: 24px 30px;
}

.d-box ul {
  font-size: 18px;
}

.d-box ul li+li {
  margin-top: 10px;
}

.d-box h4 {
  font-size: 18px;
  margin-bottom: 20px;
}

.fit_content {
  width: fit-content !important;
}

.search-intro-txt {
  margin-bottom: 8px;
}

/*====== coding continue ======*/

/*========= Resposive style =========*/
@media only screen and (max-width: 1920px) {
  .banner-entry {
    height: 436px;
  }

  .control-slide {
    right: -7px;
  }
}

@media only screen and (max-width: 1800px) {
  .control-slide {
    right: -5px;
  }

  .swiper-button-ct.swiper-button-next {
    right: 6.65%;
  }

  .swiper-button-ct.swiper-button-prev {
    left: 6.65%;
  }
}

@media only screen and (max-width: 1600px) {
  .internal-link {
    height: 76px;
  }

  .title-single-case img {
    width: 70px;
  }

  .link-in-page {
    font-size: 18px;
  }

  .control-slide {
    right: -4px;
  }

  .interview-thumb {
    height: 420px;
  }

  .interview-block.--has-img {
    min-height: 460px;
  }

  .banner-page.--interview {
    padding-bottom: 100px;
  }

  .interview-banner-content .__title-h2 {
    margin: 75px 0px 40px;
  }

  .swiper-button-ct.swiper-button-next {
    right: 6%;
  }

  .swiper-button-ct.swiper-button-prev {
    left: 6%;
  }

  .about-intro .__avatar {
    width: 25%;
  }

  .about-intro {
    min-height: unset;
  }

  .home-about-txt .__inner {
    padding-left: 35%;
  }

  .home-about-txt .__inner p.txt:first-child {
    font-size: 24px;
  }

  .home-about-txt .__inner p.txt {
    line-height: 1.8;
  }

  .st-title span {
    font-size: 26px;
  }

  .st-title span::after {
    width: 150px;
    margin-left: 25px;
  }

  .recruit-new-top {
    margin-top: 20%;
  }

  .recruit-banner {
    padding-top: 150px;
  }
}

/* end 1600 */

@media only screen and (max-width: 1500px) {
  .about-intro .__avatar {
    width: 24%;
  }

  .interview-banner-content .text {
    max-width: 580px;
  }
}

/* end 1500 */

@media only screen and (max-width: 1400px) {
  .control-slide {
    right: -3px;
  }

  .interview-block p {
    font-size: 16px;
  }

  .recruit-banner {
    padding-top: 120px;
  }

  .recruit-new-top {
    margin-top: 15%;
  }

  .about-intro .__avatar {
    width: 23%;
  }

  .contact-intro .__img {
    width: 16%;
  }

  .st-title span {
    font-size: 24px;
  }

  .st-title span::after {
    width: 138px;
    margin-left: 25px;
  }

  .home-about-txt .__inner {
    padding-left: 37%;
  }

  .home-about-txt .__inner p.txt~p.txt {
    margin-top: 25px;
  }

  .recruit-content-row .__txt p {
    font-size: 20px;
  }

  .recruit-content-row .__title {
    font-size: 30px;
  }

  .swiper-button-ct.swiper-button-next {
    right: 5.4%;
  }

  .swiper-button-ct.swiper-button-prev {
    left: 5.4%;
  }

  .internal-link {
    width: calc(100% / 5 - 18px);
  }

  .recruit-content-row.--ab {
    margin-left: 20%;
  }

  .recruit-content-row.--ab img {
    width: 310px;
    height: auto;
    object-fit: cover;
  }

  .wrap-internal-link {
    width: 82%;
  }

  .swiper-button-ct {
    width: 60px;
    height: 60px;
  }

  .swiper-button-ct.swiper-button-next {
    right: 3.4%;
  }

  .swiper-button-ct.swiper-button-prev {
    left: 3.4%;
  }

  .product-slide .swiper-button-ct {
    width: 40px;
    height: 40px;
  }

  .control-slide {
    width: 116px;
    height: 126px;
  }

  .control-slide::before {
    width: 45px;
    height: 45px;
  }

  .link-in-page {
    font-size: 17px;
  }
}

/* end 1400 */

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

  .link-ct .btn {
    width: 418px;
  }

  .guide-search .btn {
    font-size: 20px;
  }

  .palletguide-banner__link .btn {
    font-size: 20px;
  }

  .palletguide__item h4 {
    font-size: 18px;
    padding-left: 95px;
  }

  .palletguide__item img {
    max-width: 80px;
  }

  .control-slide {
    right: -2px;
  }

  .label-check-box img {
    max-width: 84px;
  }

  .label-check-box.--small img {
    max-width: 78px;
  }

  .interview-thumb {
    height: 380px;
  }

  .label-check-box.--column img {
    width: 250px;
    max-width: 100%;
  }

  .interview-block.--has-img {
    min-height: 420px;
  }

  .interview-block.--has-img .__inner {
    max-width: 580px;
  }

  .banner-page.--interview {
    padding-bottom: 70px;
  }

  .interview-banner-content .__title-h2 {
    margin: 55px 0px 30px;
  }

  .interview-banner-content .text {
    max-width: 520px;
  }

  .recruit-banner {
    padding-top: 90px;
  }

  .recruit-new-top {
    margin-top: 10%;
  }

  .c-title-en {
    font-size: 24px;
  }

  .recruit-new-head h3 {
    font-size: 32px;
  }

  .c__en {
    font-size: 24px;
  }

  .page-content h2.c__ja {
    font-size: 32px;
  }

  .people-item .__txt {
    font-size: 20px;
    width: 280px;
  }

  .people-item {
    height: 380px;
  }

  .people-item .__txt svg {
    width: 32px;
    height: 32px;
  }

  .about-intro .__avatar {
    width: 24%;
  }

  .popup-in-table {
    width: 600px;
    left: -40px;
  }

  .search-block-content.--color {
    column-gap: 22px;
  }

  .banner-page .container {
    width: 1140px;
  }

  .page-content h2 {
    font-size: 24px;
  }

  .swiper-button-ct.swiper-button-next {
    right: 3.1%;
  }

  .swiper-button-ct.swiper-button-prev {
    left: 3.1%;
  }

  .recruit-content-row .__title {
    font-size: 24px;
  }

  .home-about-txt {
    width: 100%;
    left: 0px;
  }

  .home-about-txt .__inner {
    padding-right: 20px;
  }

  .st-title .__title.--guide img {
    max-width: 380px;
  }

  .st-title .__title.--about img {
    max-width: 288px;
  }

  .st-title .__title.--recruit img {
    max-width: 230px;
  }

  .st-title .__title.--news img {
    max-width: 180px;
  }

  .st-title span {
    font-size: 24px;
  }

  .st-title span::after {
    margin-left: 18px;
    width: 140px;
  }

  .guide-product .txt {
    font-size: 16px;
  }

  .guide-product .__title {
    font-size: 24px;
  }

  .guide-line {
    font-size: 18px;
  }

  .guide-cl-right {
    width: 45%;
  }

  .pallet-product::after {
    width: 80px;
  }

  .recruit-banner-link {
    height: 320px;
  }

  .recruit-banner-link.--full {
    height: 290px;
  }

  .guide-search-title {
    max-width: 554px;
  }

  .download-item h3 {
    font-size: 24px;
  }

  .page-content .dowload-title {
    font-size: 28px;
  }
}

/* end 1280 */

@media only screen and (max-width: 1200px) {
  .link-ct .btn {
    font-size: 18px;
  }

  .wrap-product-slide.--icon::after {
    content: none;
  }

  .guide-search .btn {
    font-size: 18px;
    height: 56px;
  }

  .guide-search input[type="submit"] {
    font-size: 18px;
  }

  .guide-search .form-row .form-control {
    height: 56px;
    font-size: 18px;
  }

  .g-full .__title {
    font-size: 32px;
  }

  .c-wrap-text span {
    font-size: 28px;
  }

  .c-wrap-text p {
    font-size: 20px;
  }

  .g-full .__title::before {
    width: 120px;
    height: 51px;
  }

  .palletguide-banner__link {
    padding: 40px 30px;
  }

  .palletguide-banner-wrap {
    column-gap: 20px;
    padding: 0px 10px;
  }

  .palletguide-banner__link .btn {
    font-size: 18px;
    height: 60px;
  }

  .palletguide-banner__link .txt {
    font-size: 16px;
  }

  .palletguide-banner__link.--02 .__img {
    max-width: 180px;
  }

  .product-slide__item .__desc .txt {
    font-size: 16px;
  }

  .popup-hover {
    width: 280px;
  }

  .wrap-internal-link .home-banner-thumb {
    display: none;
  }

  .wrap-internal-link>.internal-link {
    display: flex;
  }

  .recruitment-status {
    column-gap: 20px;
  }

  .recruitment-item {
    width: 310px;
  }

  .recruitment-item .txt span {
    padding: 0px 14px;
  }

  .recruit-status-banner {
    justify-content: center;
    column-gap: 20px;
  }

  .envi-number-block {
    width: calc(100%/3 - 35px);
  }

  .interview-block.--has-img .__inner {
    max-width: 540px;
  }

  .about-intro .__avatar {
    left: 20px;
    width: 280px;
  }

  .interview-banner-content .text .st-title .__title {
    font-size: 42px;
  }

  .about-intro .__inner {
    padding-top: 0px;
    padding-left: 300px;
  }

  .contact__step-link {
    font-size: 16px;
  }

  .contact__step-link svg {
    width: 26px;
    height: 26px;
  }

  .banner-entry {
    height: 360px;
  }

  .banner-entry .__inner {
    bottom: 79px;
  }

  .banner-entry .btn {
    height: 58px;
    font-size: 18px;
  }

  .banner-entry .btn svg {
    width: 32px;
    height: 32px;
  }

  .banner-page.has-icon-down::before,
  .npc-intro::before {
    bottom: -40px;
    border-width: 40px 23px 0 23px;
  }

  aside {
    width: 280px;
  }

  .product-table tr td:nth-child(2) .popup-in-table {
    transform: translateX(0px);
    right: 20px;
  }

  .popup-in-table {
    left: 50%;
    transform: translateX(-50%);
  }

  .wrap-content-product {
    column-gap: 30px;
  }

  .contact-banner .__inner p {
    font-size: 16px;
  }

  .contact-banner .__link a {
    font-size: 18px;
  }

  .contact-banner.--ct {
    column-gap: 20px;
  }

  .quality-cl-2 .__content {
    width: 54%;
  }

  .st-title .__title {
    font-size: 60px;
  }

  .avatar-name {
    margin-top: 30px;
  }

  .about-intro .__inner p.txt {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .recruit-content-row .__title {
    font-size: 20px;
  }

  .recruit-content-row .__txt p {
    font-size: 16px;
  }

  .contact-part__title .en {
    font-size: 42px;
  }

  .contact-part__title h2 {
    font-size: 20px;
  }

  .contact-part-flex .__block .txt {
    font-size: 16px;
  }

  .contact-part-flex .__block small {
    font-size: 14px;
  }

  .contact-bt .btn {
    font-size: 16px;
    min-height: 60px;
    min-width: 220px;
  }

  .contact-bt .btn img {
    max-height: 34px;
  }

  .home-about-txt .__inner p.txt {
    font-size: 18px;
  }

  .home-about-txt .__inner p.txt~p.txt {
    margin-top: 30px;
  }

  .home-about-txt .__inner p.txt:first-child {
    font-size: 20px;
  }

  .p-process .__item {
    padding: 20px 20px;
  }

  .p-process .__item .__img-flex img {
    max-width: 200px;
  }

  .aside-block .h-search input {
    width: 180px;
  }

  .cl-2-layout .__block {
    width: calc(100% / 2 - 20px);
  }

  .cl-2__item {
    column-gap: 15px;
  }

  .cl-2__item .img {
    width: 200px;
  }

  .hero-slide {
    padding: 0px 0px;
  }

  .wrap-internal-link {
    display: none;
    width: 100%;
    justify-content: flex-start;
  }

  .internal-link {
    width: calc(100% / 3);
    border-radius: 0px;
  }

  .wrap-internal-link::after {
    width: 40px;
    background-size: contain;
    right: 0px;
    content: none;
  }

  .history-link {
    min-width: 360px;
  }

  .title-number.--ct {
    font-size: 24px;
  }

  .title-number.--ct .__num {
    font-size: 48px;
  }

  .control-slide {
    top: 0px;
    right: 0px;
  }
}

/* end 1200 */

@media only screen and (max-width: 1024px) {
  .h-search.--sp {
    justify-content: flex-start;
    padding: 0px;
  }

  .h-search.--sp input {
    width: 250px;
    max-width: 250px;
  }

  .link-ct .btn {
    width: 558px;
  }

  .palletguide-banner__link.--05 .txt {
    min-height: 82px;
    padding-left: 100px;
  }

  .palletguide-banner__link.--05 .__img {
    max-width: 60px;
    left: 50px;
    top: 20px;
  }

  .palletguide-banner__link.--ct01.--r.--02 .__img {
    max-width: 95px;
    right: 45px;
    top: 16px;
  }

  .palletguide-banner__link.--ct01.--r.--02 .txt {
    padding-right: 130px;
  }

  .palletguide-banner-wrap.--contact .palletguide-banner__link.--ct02 .__img {
    max-width: 65px;
    left: 40px;
    top: 30px;
  }

  .palletguide-banner__link.--ct01.--r .__img {
    max-width: 55px;
    right: 54px;
    top: 20px;
  }

  .palletguide-banner__link.--ct01.--r .txt {
    padding-right: 100px;
  }

  .palletguide-banner__link.--ct01.--first .__img {
    top: 19px;
  }

  .palletguide-banner-wrap.--contact .palletguide-banner__link {
    padding: 20px 20px;
  }

  .palletguide-banner-wrap.--contact .txt {
    min-height: 82px;
  }

  .page-content .dowload-title {
    font-size: 24px;
  }

  .download-list.cl2 .download-item .__text {
    padding: 10px;
  }

  .download-list.cl2 .download-item:nth-child(2) .__img {
    padding-top: 10px;
  }

  .download-item p.txt18~p.txt18 {
    margin-top: 38px;
  }

  .download-item p.txt18 {
    font-size: 16px;
  }

  .download-item .btn {
    height: 46px;
    font-size: 16px;
    min-width: 220px;
  }

  .download-list.cl2 {
    column-gap: 20px;
  }

  .download-list.cl2 .download-item:nth-child(1) .__text {
    padding-left: 24px;
  }

  .download-item h4 {
    font-size: 20px;
    min-height: 56px;
  }

  .download-list.cl2 .download-item .btn {
    min-width: 234px;
  }

  .download-item {
    width: calc(100%/2 - 7px);
  }

  .merit-list .__block {
    width: calc(100%/2 - 10px);
  }

  .merit-list ul li {
    font-size: 16px;
  }

  .case-filter .label-check-box span::before {
    width: 22px;
    height: 22px;
  }

  .p-article .__desc p,
  .p-article .__desc ul {
    font-size: 16px;
  }

  .p-article {
    column-gap: 25px;
  }

  .guide-search-title {
    max-width: 100%;
  }

  .guide-search .form-row {
    flex: unset;
    width: 100%;
    position: relative;
  }

  .guide-search input[type="submit"] {
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    background-color: #1a7abe;
    color: #fff;
    border-color: #1a7abe;
    background-image: url(../images/icons8-search-white.svg);
    background-size: 28px 28px;
    padding: 6px 20px 6px 50px;
  }

  .guide-search input[type="submit"]:hover {
    background-image: url(../images/icons8-search-white.svg);
    color: #fff;
    border-color: #1a7abe;
    background-color: #1a7abe;
  }

  .guide-search .__link {
    margin: 0 auto;
    width: 86%;
    max-width: 326px;
  }

  .guide-search .btn {
    height: 52px;
  }

  .guide-search .btn svg {
    width: 24px;
    height: 24px;
  }

  .guide-search .form-row .form-control {
    height: 52px;
    border-width: 1px;
  }

  .g-full .__title {
    font-size: 26px;
    padding-bottom: 6px;
  }

  .g-full .__title::before {
    width: 90px;
    height: 39px;
    left: 18px;
  }

  .c-wrap-text p {
    font-size: 16px;
  }

  .c-wrap-text span {
    font-size: 22px;
  }

  .c-wrap-text,
  .t-wrap-text {
    column-gap: 40px;
  }

  .palletguide-banner__link {
    padding: 20px 20px;
    flex: unset;
    width: 100%;
    max-width: 500px !important;
    margin: 0 auto;
  }

  .palletguide-banner__link .btn {
    height: 52px;
  }

  .palletguide-banner__link .btn svg {
    width: 24px;
    height: 24px;
  }

  .palletguide-banner__link .__img {
    max-width: 80px;
    top: 21px;
  }

  .palletguide-banner__link.--02 .__img {
    left: 18px;
    max-width: 130px;
    top: 20px;
  }

  .palletguide-banner__link.--02 .txt {
    padding-left: 145px;
  }

  .palletguide-banner__link .txt {
    padding-left: 94px;
    padding-bottom: 10px;
  }

  .wrap-palletguide-list {
    padding: 30px 0px;
    margin-top: 0px;
  }

  .palletguide-banner {
    padding: 30px 0px;
  }

  .palletguide-intro p.txt {
    font-size: 16px;
  }

  .palletguide-list {
    column-gap: 16px;
  }

  .palletguide-list li {
    width: calc(100% / 2 - 8px);
  }

  .ways-to-use {
    display: none;
  }

  .page-block.bg-sp {
    background-color: #f1f6fa;
    margin-top: 40px;
    padding-top: 45px;
  }

  .main-slide .swiper-slide a {
    pointer-events: none;
  }

  .p-imgage.-video .main-slide-pagination .swiper-pagination-bullet:last-child {
    background-image: url(../images/play.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
    width: 18px;
    height: 18px;
    margin-left: 1px;
    background-color: transparent !important;
    transform: translateY(3px);
  }

  .p-imgage.-video .main-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child {
    background-image: url(../images/playblue.svg);
  }

  .main-slide .swiper-slide.thumb-sp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
  }

  .main-slide .swiper-slide {
    padding: 8px;
  }

  .recruitment-item .__title {
    font-size: 20px;
  }

  .banner-page.--center,
  .banner-page.banner-recruitment-status,
  .banner-page.banner-works-status {
    height: 300px;
  }

  .recruitment-item .txt span {
    font-size: 16px;
  }

  .recruitment-item {
    width: 290px;
  }

  .recruitment-item:nth-child(5) small {
    font-size: 15px;
  }

  .recruit-status-banner .__item .__title {
    font-size: 26px;
  }

  .recruit-status-banner .__item {
    min-height: 164px;
  }

  .recruit-status-banner .__item {
    flex: unset;
    width: 60%;
  }

  .about-community .img {
    min-height: unset;
  }

  .about-community .__item .title-icon {
    font-size: 22px !important;
    padding-left: 88px;
  }

  .about-community .__item .title-icon::after {
    width: 76px;
  }

  .about-community .__item .title-icon::before {
    left: 67px;
  }

  .aside-block>.form-row:first-child {
    padding-top: 0px;
  }

  .aside-block .form-row+.form-row {
    padding-top: 10px;
  }

  .envi-step p.txt {
    font-size: 16px;
  }

  .envi-step h4 {
    font-size: 20px;
  }

  .envi-step .__step-img img {
    width: 110px;
  }

  .envi-number-block {
    width: calc(100%/3 - 10px);
  }

  .envi-list-number {
    row-gap: 18px;
  }

  .interview-block.--has-img {
    min-height: unset;
  }

  .interview-thumb {
    position: static;
    width: 92%;
    margin: 0 auto;
    height: unset;
  }

  .interview-thumb img {
    border-radius: 10px !important;
  }

  .interview-block.--has-img .__inner {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .interview-block+.interview-block {
    padding-top: 45px;
  }

  .interview-link .__thumb::after {
    content: none;
  }

  .wrap-interview-list {
    margin-top: 40px;
  }

  .wrap-interview-list .__block {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .wrap-interview-list h4 {
    font-size: 18px;
  }

  .recruit-box p.txt {
    font-size: 15px;
  }

  .interview-banner-content .__title-h2 {
    font-size: 20px;
  }

  .interview-banner-content .text {
    max-width: 400px;
  }

  .recruit-box .__thumb {
    width: 19%;
  }

  .people-item {
    height: 320px;
  }

  .recruit-new-top {
    margin-top: 110px;
  }

  .contact-top-step {
    column-gap: 20px;
  }

  .contact-top-step .__block {
    width: calc(100% / 2 - 10px);
  }

  .contact-top-step .__block.--03::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    top: 19%;
    left: -10px;
    border-style: solid;
    border-width: 30px 0 30px 40px;
    border-color: transparent transparent transparent #1a7abe;
    z-index: 2;
  }

  .banner-entry {
    height: 280px;
  }

  .banner-entry .__inner {
    bottom: 60px;
  }

  .banner-entry .btn {
    height: 48px;
    font-size: 14px;
    padding: 12px 18px 12px 24px;
    column-gap: 4px;
  }

  .banner-entry .btn svg {
    width: 24px;
    height: 24px;
  }

  .pallet-box img {
    height: 180px;
  }

  .pallet-flex .pallet-box::after {
    width: 60px;
    height: 40px;
    background-size: contain;
  }

  .pallet-flex .pallet-box:nth-child(2)::after {
    width: 44px;
    height: 43px;
  }

  .pallet-to-pallet .__right .first-img {
    margin-top: 0px;
    max-width: 90%;
  }

  .pallet-to-pallet .__right .pallet-box img {
    max-width: 67%;
  }

  .flex-cl2 .flex1 {
    padding-left: 30px;
  }

  .pallet-intro-list {
    column-gap: 15px;
  }

  .pallet-intro-list .__item .img {
    max-width: 120px;
  }

  .cl-2__item .img {
    width: 180px;
  }

  /* .product-table tbody tr:first-child td:nth-child(1) .popup-in-table {
    top: 70px;
  } */

  .product-table {
    width: 100%;
  }

  .popup-in-table {
    width: 92vw;
    max-width: 600px;
    left: 0px;
    transform: translate(0);
  }

  .print {
    display: none;
  }

  .wrap-content-product .--content {
    flex: unset;
    padding-top: 30px;
    width: 100%;
  }

  .p-imgage.none-sp {
    display: none;
  }

  .p-imgage.none-pc {
    display: block;
  }

  .wrap-content-product .--image {
    width: 80%;
    margin: 0 auto;
  }

  .wrap-paginate {
    padding: 25px 0px;
  }

  aside {
    display: none;
  }

  .toggle-content .__inner>img {
    width: 300px;
    max-width: 100%;
  }

  .item-search.--color .label-check-box span::after,
  .label-check-box span::before {
    margin-top: 4px;
  }

  .label-check-box,
  .label-check-box.--small {
    /* min-height: 76px; */
    padding: 10px 12px;
    font-size: 16px;
    border-radius: 10px;
    column-gap: 10px;
  }

  .label-check-box.--small {
    min-height: unset;
  }

  .label-check-box span {
    margin-bottom: 0px;
  }

  .item-search {
    position: relative;
  }

  .contact-banner .__link .__img-icon {
    max-width: 140px;
    left: -180px;
    top: -10px;
  }

  .contact-banner.--ct .__inner {
    width: 100%;
    flex: unset;
  }

  .contact-banner.--ct {
    padding-bottom: 40px;
  }

  .contact-banner.--ct .__inner {
    padding: 20px 20px;
  }

  .cl-img-2 {
    column-gap: 20px;
  }

  .quality-cl-2 .__content {
    width: 58%;
  }

  /* .before-link-internal {
    margin-top: -105px;
    padding-top: 105px;
  } */
  .sdg-flex h3 {
    font-size: 20px;
    padding: 0px 10px;
  }

  .sgd-list {
    column-gap: 20px;
  }

  .sgd-list li {
    width: calc(100% / 2 - 10px);
    column-gap: 10px;
  }

  .guide-product .__desc {
    min-height: 153px;
  }

  .home-about-txt .__inner p.txt~p.txt {
    margin-top: 15px;
  }

  .home-about-txt .__inner p.txt:first-child {
    font-size: 18px;
  }

  .home-about-txt .__inner p.txt~p.txt {
    margin-left: 38px;
  }

  .wrap-about-recruit .__img-ab.--03 {
    transform: translateY(-42%);
  }

  .control-slide {
    width: 110px;
    height: 110px;
  }

  .control-slide::before {
    bottom: 35px;
    right: 30px;
  }

  .contact-part-flex .__block {
    width: 100%;
  }

  .contact-part::after,
  .contact-part::before {
    content: none;
  }

  .contact-part-flex .__block.--download {
    background-color: #1a7abe;
  }

  .contact-part .container {
    padding: 0px;
  }

  .recruit-img-right {
    display: none;
  }

  .pallet-product::after {
    content: none;
  }

  .product-slide .swiper-button-ct.swiper-button-next {
    right: 8%;
  }

  .product-slide .swiper-button-ct.swiper-button-prev {
    left: 8%;
  }

  .product-slide .swiper-slide {
    transform: scale(1);
  }

  .guide-pc {
    display: none;
  }

  .guide-sp {
    display: block;
    opacity: 1;
    visibility: visible;
    position: relative;
  }

  .guide-sp::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 6px;
    left: 6px;
    background-color: #efeded;
    border-radius: 10px;
    z-index: -1;
    transition: 0.3s;
  }

  .guide-sp .swiper-slide {
    height: 100%;
    position: relative;
  }

  /* .guide-sp .swiper-slide .guide-product::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 6px;
    left: 6px;
    background-color: #efeded;
    border-radius: 10px;
    z-index: -1;
    transition: 0.3s;
  } */
  .guide-sp .guide-product {
    display: block;
    height: auto;
    border-radius: 10px;
    padding: 40px 20px 20px;
    height: 100%;
    position: relative;
  }

  .guide-sp .swiper-button-next,
  .guide-sp .swiper-button-prev {
    top: 32%;
    width: 50px;
    height: 50px;
  }

  .guide-sp .swiper-button-ct.swiper-button-next {
    right: 20px;
  }

  .guide-sp .swiper-button-ct.swiper-button-prev {
    left: 20px;
  }

  .guide-sp .guide-product .__thumb {
    width: 90%;
    margin: 0 auto;
  }

  .guide-sp .swiper-pagination {
    bottom: unset;
    top: 4px;
  }

  .guide-sp .swiper-pagination .swiper-pagination-bullet {
    height: 4px;
    width: 36px;
    border-radius: 0px;
  }

  .guide-sp .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #1a7abe;
  }

  .guide-product::after {
    content: none;
  }

  .guide-cl {
    column-gap: 26px;
  }

  .st-title span {
    font-size: 20px;
  }

  .st-title span::after {
    width: 100px;
    margin-left: 10px;
  }

  .st-title .__title.--guide img {
    max-width: 320px;
  }

  .st-title .__title.--about img {
    max-width: 230px;
  }

  .st-title .__title.--recruit img {
    max-width: 190px;
  }

  .st-title .__title.--news img {
    max-width: 150px;
  }

  .new__item .txt {
    font-size: 16px;
  }

  .title-icon {
    font-size: 26px !important;
  }

  .home-about-txt .__inner p.txt {
    font-size: 16px;
  }

  .reruit {
    padding-top: 100px;
  }

  .wrap-link-page {
    margin-top: 35px;
    row-gap: 12px;
    column-gap: 15px;
  }

  .banner-page {
    height: 420px;
    padding-top: 80px;
  }

  .link-in-page {
    font-size: 16px;
  }

  .about-flex .__right img {
    max-width: 92%;
    margin: 0 auto;
  }

  .contact-banner.--search .__inner {
    min-height: 160px;
  }

  .about-add .__inner {
    column-gap: 25px;
  }

  .about-add .__inner>img {
    width: 360px;
  }

  .history-link {
    min-width: 300px;
  }

  .list-box {
    column-gap: 20px;
  }

  .about-community .__item {
    padding: 15px 20px;
    border-radius: 10px;
  }

  .about-community {
    column-gap: 25px;
    row-gap: 25px;
  }

  .filter-sp {
    display: block;
  }

  .box-note {
    width: calc(100% + 20px);
    margin-left: -10px;
  }

  .total-result {
    margin-bottom: 0px !important;
  }

  .wrap-total-result {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: space-between;
    column-gap: 10px;
    align-items: flex-end;
    margin-bottom: 15px;
  }

  .filter-button {
    width: 250px;
    height: 30px;
    border: 1px solid #1a7abe;
    border-radius: 30px;
    background-color: transparent;
    font-size: 15px;
    color: #1a7abe;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2px;
  }

  .filter-button::after {
    content: "";
    display: inline-block;
    background-image: url(../images/bx-chevron-right.svg);
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .ms-options-wrap>button:focus,
  .ms-options-wrap>button {
    border-radius: 30px;
  }

  .wrap-filter-search-sp {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    transition: 0.3s;
    transform: scaleY(0.7);
    transform-origin: top;
    overflow-y: auto;

    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }

  .wrap-filter-search-sp.show {
    opacity: 1;
    visibility: visible;
    z-index: 20000;
    transform: scaleY(1);
  }

  .wrap-filter-search-sp .__head {
    position: relative;
    background-color: #f1f5fa;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
  }

  .wrap-filter-search-sp .__head .burger {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
  }

  .wrap-filter-search-sp .__content {
    padding: 10px 10px 100px;
  }

  .wrap-filter-search-sp .__content .aside-block {
    padding: 14px 14px;
  }

  .wrap-search-submit.--sp {
    padding-top: 40px;
    column-gap: 20px;
  }

  .wrap-search-submit.--sp .btn-handle {
    color: #fff;
  }

  .search-block-content.--color-board {
    margin-top: 0px;
    max-width: 300px;
  }

  .search-block-content.--color-board {
    justify-content: flex-start;
  }

  .p-cl-2 {
    column-gap: 40px;
  }

  .p-cl-2 .__item {
    width: 100%;
  }

  .wrap-product-sl-detail {
    padding: 0px 80px;
  }

  .contact-banner.--ct {
    justify-content: center;
  }

  .wrap-slide-thumb {
    display: none;
  }

  .swiper-bt {
    display: none;
  }

  .main-slide-pagination {
    display: block;
    bottom: -28px !important;
  }

  .main-slide-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 2px solid #1a7abe;
    background-color: #fff;
    opacity: 1;
  }

  .main-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1a7abe;
  }

  .case-list {
    row-gap: 25px;
    column-gap: 20px;
  }

  .case-article {
    width: calc(100% / 2 - 10px);
  }

  .case-item .__title {
    font-size: 20px;
  }

  .case-footer h4 {
    font-size: 16px;
  }

  .case-footer .p-tag {
    padding-top: 6px;
  }

  .about-flex .__right {
    display: none;
  }

  .about-flex .__left {
    width: 100%;
  }

  .about-add h4 {
    max-width: 100%;
  }

  .full-w-content .__inner {
    padding: 20px 10px 20px 90px;
    font-size: 16px;
    width: 100%;
  }

  .full-w-content .__inner h4 {
    font-size: 18px;
  }

  .full-w-content .__inner h3 {
    font-size: 20px;
  }

  .full-w-content .__inner::before {
    left: 10px;
    width: 80px;
    height: 70px;
    transform: translate(0px, -50%);
  }

  .popup-diagram__inner {
    width: 90%;
    max-width: 700px;
  }

  .popup-diagram__inner .__head {
    font-size: 24px;
    padding: 15px 10px 20px;
  }

  .popup-diagram__inner .__img {
    width: 45%;
  }

  .popup-diagram__inner .txt {
    font-size: 16px;
  }

  .envi-step.--process .__step-img img {
    width: 115px;
  }

  .p__title-bg {
    font-size: 18px;
  }

  .envi-step.--process {
    padding-left: 150px;
  }

  .envi-step .__step-text .btn {
    font-size: 18px;
  }

  .envi-step .t-center {
    font-size: 28px;
  }

  .envi-step .t-center::before {
    width: 60px;
    height: 88px;
    top: -34px;
  }

  .envi-step .t-center::after {
    width: 64px;
    height: 77px;
    top: -27px;
  }

  .wrap-content-product {
    row-gap: 0px;
  }

  .palletguide-banner__link.--ct01 .__img {
    max-width: 65px;
    left: 54px;
    top: 19px;
  }

  .palletguide-banner__link.--ct02 .__img {
    max-width: 100px;
    top: 15px;
    left: 15px;
  }

  .palletguide-banner__link.--ct02 .txt {
    padding-left: 110px;
  }

  .palletguide-banner__link.--ct01 .txt {
    padding-left: 120px;
    padding-right: 60px;
  }

  .palletguide-banner__link.--ct03 .__img {
    max-width: 105px;
    top: 10px;
    left: 10px;
  }

  .palletguide-banner__link.--ct03 .txt {
    padding-left: 110px;
  }

  .palletguide-banner__link.--ct04 .__img {
    max-width: 53px;
    left: 55px;
    top: 4px;
  }

  .palletguide-banner__link.--ct04 .txt {
    padding-left: 110px;
  }

  .download-flex {
    column-gap: 30px;
  }

  .swiper-button-hidden+.swiper-button-ct,
  .swiper-button-hidden+.swiper-button-ct+.swiper-button-ct {
    display: block;
  }

}

/* end 1024 */

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

  .swiper-button-hidden+.swiper-button-ct,
  .swiper-button-hidden+.swiper-button-ct+.swiper-button-ct {
    display: block;
  }

  .link-ct {
    padding-left: 35px;
    padding-right: 35px;
  }

  .link-ct .btn {
    width: 100%;
    font-size: 16px;
    height: 53px;
  }

  .title-icon.--ct-sp::before {
    top: 18.5px;
  }

  .title-icon.--ct-sp::after {
    top: 18px;
  }

  .download-flex .__thumb {
    width: 100%;
  }

  .download-flex h3 {
    margin-bottom: 10px !important;
  }

  .d-box {
    padding: 15px 10px;
  }

  .d-box ul {
    font-size: 14px;
  }

  .d-box h4 {
    margin-bottom: 15px;
    font-size: 15px;
  }

  .download-flex .__thumb {
    column-gap: 14px;
  }

  .download-flex .__thumb .cl {
    row-gap: 12px;
  }

  .contact-recruit-banner {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .c__link {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    height: 68px;
  }

  .complete-txt {
    margin: 40px 0px;
  }

  .complete-txt p {
    font-size: 14px;
  }

  .complete-txt h3 {
    font-size: 24px !important;
    margin-bottom: 20px !important;
  }

  .palletguide-banner__link.--05 .txt {
    min-height: 73px;
  }

  .palletguide-banner__link.--ct01.--first .__img {
    top: 25px;
  }

  .palletguide-banner__link.--ct01.--r .__img {
    top: 17px;
  }

  .palletguide-banner-wrap.--download.--contact .palletguide-banner__link .txt {
    min-height: 77px;
  }

  .palletguide-banner__link.--ct01 .__img {
    max-width: 56px;
    left: 48px;
    top: 8px;
  }

  .palletguide-banner__link.--ct02 .__img {
    max-width: 90px;
  }

  .palletguide-banner__link.--ct03 .__img {
    max-width: 95px;
  }

  .palletguide-banner__link.--ct04 .__img {
    max-width: 50px;
    top: 6px;
  }

  .palletguide-banner__link.--ct01 .txt {
    padding-left: 100px;
    padding-right: 0px;
  }

  .palletguide-banner__link.--ct01 .txt {
    padding-right: 0px;
  }

  .palletguide-banner-wrap.--download .palletguide-banner__link .txt {
    min-height: 52px;
    padding-bottom: 14px;
  }

  .download-list.cl2 .download-item:nth-child(2) .__img img {
    max-width: unset;
  }

  .download-list.cl2 .download-item .__img {
    max-width: 100%;
    width: 100%;
    padding: 0px 6px;
    margin: 0 auto;

    display: flex;
    align-items: flex-start;
  }

  .download-list.cl2 .download-item .__img img {
    width: 38%;
  }

  .download-list.cl2 .download-item .__img .__text {
    width: 100%;
    flex: unset;
    padding-left: 24px;
  }

  .page-content .dowload-title {
    border-radius: 0px;
    font-size: 22px;
    margin-bottom: 20px;
  }

  .download-item p {
    min-height: 63px;
  }

  .download-item .btn {
    font-size: 14px;
    height: 42px;
  }

  .download-item .btn svg {
    width: 22px;
    height: 22px;
  }

  .download-list.cl2 .download-item {
    width: 100% !important;
    flex-wrap: wrap;
  }

  .page-content .download-item h3 {
    font-size: 24px;
  }

  .merit-list .__img img {
    border-radius: 8px;
  }

  .merit-list ul li {
    font-size: 14px;
  }

  .case-filter .label-check-box span::before {
    width: 20px;
    height: 20px;
  }

  .case-filter .item-search .label-check-box {
    min-width: 88px;
  }

  .about-community.--ct-pallet .__item {
    padding-bottom: 15px;
  }

  .col-2-img.--ct.--npc .__item .btn {
    min-width: 264px;
  }

  .col-2-img.--ct.--npc .__item .btn svg {
    width: 24px;
    height: 24px;
  }

  .s-case-box .__thumb {
    padding: 8px 8px;
    border-radius: 10px;
  }

  .s-case-link .btn svg {
    width: 26px;
    height: 26px;
  }

  .l-flex img {
    border-radius: 8px;
  }

  .title-single-case img {
    width: 60px;
  }

  .title-single-case {
    font-size: 24px;
    line-height: 1.3;
    column-gap: 12px;
    margin-bottom: 35px;
  }

  .case-detail-thumb img {
    border-radius: 8px;
  }

  .s-case-content h3 {
    font-size: 18px !important;
    padding-bottom: 8px;
    padding-left: 12px;
  }

  .s-case-box {
    margin: 15px 0px 20px;
    border-radius: 8px;
    padding: 15px 15px 20px;
  }

  .l-flex {
    column-gap: 20px;
    margin: 20px 0px;
  }

  .s-case-box .__thumb {
    width: 100%;
  }

  .s-case-box h4 {
    font-size: 18px;
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 12px;
  }

  .s-case-box .__link .btn {
    height: 46px;
  }

  .s-case-box .__link .btn.--gray02 {
    min-width: unset;
  }

  .s-case-box .__link .btn svg {
    width: 26px;
    height: 26px;
  }

  .paleteguide-first-img {
    width: 100vw;
    margin-left: -10px;
  }

  .product-slide__link {
    text-align: right;
    padding-top: 25px;
  }

  .p-article .__thumb {
    width: 100%;
  }

  .p-article .__thumb::after {
    content: none;
    border-radius: 8px;
  }

  .p-article .__thumb img {
    border-radius: 8px;
  }

  .p-article .__desc {
    padding-top: 10px;
    flex: unset;
    width: 100%;
  }

  .p-article .__desc p,
  .p-article .__desc ul {
    font-size: 14px;
  }

  .p-article .__desc .__link {
    padding-bottom: 0px;
  }

  .guide-search-title {
    font-size: 20px !important;
  }

  .guide-search .btn {
    font-size: 16px;
    height: 50px;
  }

  .guide-search .form-row .form-control {
    height: 50px;
    font-size: 14px;
    padding: 6px 14px;
  }

  .guide-search input[type="submit"] {
    font-size: 16px;
    padding: 6px 18px 6px 46px;
    background-size: 24px 24px;
  }

  .t-wrap-text {
    flex-wrap: wrap;
    display: block;
  }

  .t-wrap-text p {
    width: fit-content;
    background-size: 20px 17px;
    padding-left: 25px;
    min-width: 278px;
    margin: 0 auto;
  }

  .g-full small {
    font-size: 12px;
    padding-top: 5px;
  }

  .g-full .__title {
    font-size: 22px;
    width: 96%;
    margin: 0 auto 10px;
  }

  .g-full .__title::before {
    left: 10px;
    width: 40px;
    height: 17px;
  }

  .c-wrap-text img {
    position: absolute;
    right: 4px;
    top: -23px;
    min-width: 45px;
  }

  .c-wrap-text {
    flex-wrap: wrap;
  }

  .c-wrap-text p {
    font-size: 14px;
    justify-content: center;
    width: 100%;
  }

  .c-wrap-text span {
    font-size: 18px;
  }

  .palletguide-banner__link .txt {
    font-size: 14px;
  }

  .palletguide-banner__link {
    border-radius: 8px;
  }

  .palletguide-banner__link::before {
    border-radius: 8px;
    right: -8px;
    bottom: -8px;
  }

  .palletguide-banner__link .btn {
    font-size: 16px;
    height: 50px;
  }

  .page-block.bg-sp {
    padding-top: 40px;
  }

  .palletguide-intro {
    text-align: left;
  }

  .palletguide-intro h2 {
    font-size: 26px !important;
  }

  .palletguide__item img {
    max-width: 60px;
    top: -38px;
  }

  .palletguide__item p {
    display: none;
  }

  .palletguide__item h4 {
    font-size: 16px;
    padding-left: 0px;
    color: unset;
  }

  .palletguide__item {
    border-radius: 8px;
    padding: 26px 15px 13px;
    min-height: 87px;
  }

  .product-slide__item .__desc .txt {
    font-size: 14px;
  }

  .p-imgage .gallery-item {
    padding: 20px 20px;
  }

  .envi-step .t-center {
    font-size: 26px;
  }

  .envi-step .t-center::before {
    width: 58px;
    left: -30px;
    top: -37px;
  }

  .envi-step .t-center::after {
    width: 61px;
    top: -24px;
    right: -30px;
  }

  .envi-step.--process.--last {
    border-width: 2px;
    padding: 10px 10px !important;
  }

  .wrap-envi-step.--process {
    padding-top: 0px;
  }

  .envi-step .__step-text .btn {
    font-size: 14px;
  }

  .envi-step .__step-text .btn svg {
    width: 20px;
    height: 20px;
  }

  .page-block.--full {
    padding-bottom: 50px;
  }

  .popup-diagram__inner .__head {
    font-size: 24px;
    padding: 10px 10px 15px;
  }

  .popup-diagram__inner {
    border-radius: 10px;
  }

  .popup-diagram__inner .__content {
    column-gap: 14px;
    padding: 30px 15px 20px;
  }

  .popup-diagram__inner h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .popup-diagram__inner .txt {
    font-size: 14px;
  }

  .popup-diagram__inner h4~h4 {
    margin-top: 15px;
  }

  .diagram-handle-click {
    width: 6.2%;
    height: 2.3%;
  }

  .diagram-handle-click.--01 {
    top: 5.5%;
    left: 33.15%;
  }

  .diagram-handle-click.--02 {
    top: 27.8%;
    left: 52%;
  }

  .diagram-handle-click.--03 {
    top: 27.7%;
    left: 86.9%;
  }

  .diagram-handle-click.--04 {
    top: 46.34%;
    left: 25%;
  }

  .diagram-handle-click.--05 {
    top: 46.34%;
    left: 47.7%;
  }

  .diagram-handle-click.--06 {
    top: 46.34%;
    left: 68%;
  }

  .diagram-handle-click.--07 {
    top: 46.34%;
    left: 88.3%;
  }

  .diagram-handle-click.--08 {
    top: 65%;
    left: 53.8%;
  }

  .diagram-handle-click.--09 {
    top: 65%;
    left: 74%;
  }

  .diagram-handle-click.--10 {
    top: 79.5%;
    left: 25%;
  }

  .diagram-handle-click.--11 {
    top: 81.3%;
    left: 88.2%;
  }

  .popup-diagram__inner {
    width: 94%;
  }

  .recruitment-item .txt span {
    font-size: 14px;
    padding: 0px 10px;
  }

  .recruitment-item .txt {
    padding: 12px 5px;
  }

  .recruitment-item .__title {
    font-size: 18px;
  }

  .recruitment-status {
    row-gap: 15px;
  }

  .recruitment-item {
    width: 210px;
  }

  .recruit-status-banner .__item {
    width: 88%;
    max-width: 540px;
    min-height: 138px;
    padding: 15px 10px;
    border-radius: 10px;
  }

  .recruit-status-banner .__item::after {
    border-radius: 10px;
    right: -8px;
    bottom: -8px;
  }

  .recruit-status-banner .__item .__title {
    font-size: 24px;
  }

  .recruit-status-banner .__item:nth-child(1) img {
    max-width: 260px !important;
  }

  .recruit-status-banner .__item:nth-child(2) img {
    max-width: 290px !important;
  }

  .form-row .__hl {
    border-radius: 4px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
  }

  .item-search.--color .label-check-box span {
    padding-top: 0px;
  }

  .label-check-box.--column {
    padding: 14px 18px;
  }

  .label-check-box.--column span {
    padding-top: 0px;
  }

  .label-check-box.--column img {
    width: 84%;
  }

  .wrap-contact-reason {
    padding: 0px;
  }

  .reason-row {
    column-gap: 15px;
  }

  .reason-row .__text h4 {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .reason-row .__img img {
    border-radius: 10px;
  }

  .reason-row .__img {
    width: 150px;
  }

  .full-w-content .__inner {
    padding: 12px 10px 12px 70px;
    font-size: 14px;
  }

  .full-w-content .__inner h3 {
    font-size: 16px;
  }

  .full-w-content .__inner h4 {
    font-size: 15px;
  }

  .full-w-content .__inner::before {
    width: 56px;
    height: 50px;
  }

  .contact-top-step.--ct {
    margin-top: 20px;
  }

  .envi-step .__step-img {
    top: -12px;
    transform: translateY(0px) !important;
    left: 12px;
  }

  .contact-top-step .__block.--contact-step .__title {
    font-size: 16px;
  }

  .envi-step p.txt {
    font-size: 14px;
  }

  .envi-step .__step-img img {
    width: 60px !important;
  }

  .envi-step ul {
    font-size: 14px;
  }

  .p__title-bg {
    font-size: 14px;
    padding: 2px 20px;
  }

  .p__title-bg::before,
  .p__title-bg::after {
    width: 20px;
    height: 20px;
  }

  .envi-step {
    padding: 0px 12px 15px 12px !important;
    border-radius: 10px;
    margin-bottom: 23px;
  }

  .envi-step h4 small {
    display: block;
    padding-left: 0px;
  }

  .envi-step.--center h4 {
    padding-top: 10px;
  }

  .envi-step.--center {
    padding-bottom: 10px;
  }

  .envi-step.--center.--last {
    padding-left: 12px;
  }

  .envi-step.--center.--last h4 {
    padding-left: 0px;
  }

  .envi-step h4 {
    font-size: 18px;
    padding: 16px 0px 16px 70px;
  }

  .banner-page.banner-environment {
    background-color: #f1f6fa;
  }

  .page-content.recruit-envi {
    background-color: #fff;
  }

  .page-content.recruit-process {
    background-color: #f1f6fa;
  }

  .banner-page.banner-environment.has-icon-down::before {
    border-color: #f1f6fa transparent transparent transparent;
  }

  .envi-box {
    border-radius: 10px;
    border: 1px solid #4f98cd;
    padding: 8px 15px;
  }

  .envi-box li {
    padding: 10px 0px;
    font-size: 14px;
  }

  .envi-box li strong {
    font-size: 15px;
    width: 60px;
  }

  .envi-box li .txt {
    column-gap: 15px;
  }

  .envi-number-block {
    width: calc(100%/2 - 6px);
  }

  .interview-calender {
    border-radius: 10px;
    padding: 10px 20px;
  }

  .interview-calender li strong {
    font-size: 16px;
    width: 86px;
  }

  .interview-calender li {
    padding-left: 25px;
  }

  .interview-calender li::before {
    height: 2px;
    width: 16px;
  }

  .interview-block p {
    font-size: 14px;
    line-height: 1.6;
  }

  .interview-link .__thumb {
    border-radius: 10px;
  }

  .interview-link p {
    font-size: 15px;
  }

  .wrap-interview-list h4 {
    font-size: 16px;
  }

  .interview-flex {
    margin-top: 18px;
    column-gap: 18px;
  }

  .interview-flex li {
    width: calc(100% / 3 - 12px);
  }

  .interview-banner-content .text .st-title .__title {
    font-size: 32px;
  }

  .st-title .__title strong {
    font-size: 14px;
    padding-left: 30px;
  }

  .st-title .__title strong::after {
    width: 2px;
    left: 14px;
    height: 200%;
  }

  .interview-banner-content .__thumb {
    position: static;
    margin-top: 25px;
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }

  .interview-banner-content .__thumb img {
    border-radius: 8px;
    aspect-ratio: unset;
  }

  .c-recruit-banner {
    row-gap: 30px;
    margin-top: 30px;
  }

  .banner-page.--interview {
    padding: 70px 0px 35px;
  }

  .interview-banner-content .text {
    max-width: 100%;
  }

  .interview-banner-content .__title-h2 {
    margin: 40px 0px 25px;
  }

  .interview-banner-content .__footer strong {
    font-size: 18px;
  }

  .c-people {
    margin-top: 30px;
    border-radius: 10px;
    padding: 20px 15px;
  }

  .c-people .__head {
    padding: 0px 0px;
  }

  .recruit-banner-link.--full {
    height: 240px;
  }

  .people-item {
    width: 100%;
    height: auto;
  }

  .people-item .__txt {
    font-size: 18px;
    width: 220px;
    padding: 14px 15px 14px 20px;
  }

  .recruit-banner-link {
    flex: unset;
    width: 100%;
    border-radius: 10px;
  }

  .recruit-banner-link {
    height: 280px;
  }

  .recruit-box {
    border-radius: 10px;
    padding: 15px;
  }

  .c__en {
    font-size: 18px;
  }

  .page-content h2.c__ja {
    font-size: 28px;
  }

  .recruit-box p.txt {
    font-size: 14px;
    padding-right: 22%;
  }

  .recruit-box .__thumb {
    top: 15px;
    right: 15px;
  }

  .recruit-box .__thumb img {
    border-radius: 8px;
  }

  .recruit-banner {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .recruit-new-top {
    border-radius: 10px;
    padding: 15px 15px;
    margin-top: 70px;
  }

  .recruit-top-intro {
    font-size: 32px;
  }

  .recruit-new-head .btn {
    min-width: unset;
  }

  .c-title-en {
    font-size: 18px;
  }

  .recruit-new-head h3 {
    font-size: 24px;
  }

  .recruit-new-top .new__item {
    padding: 10px 0px;
  }

  .about-intro .__avatar {
    left: 0px;
    width: 180px;
  }

  .about-intro .__avatar img {
    border-radius: 0px;
  }

  .contact-top-step .__text small {
    font-size: 12px;
    padding-top: 6px;
  }

  .contact__step-link svg {
    width: 24px;
    height: 24px;
  }

  .contact-top-step .__block {
    padding: 56px 24px 24px;
  }

  .contact-top-step .__block::after,
  .contact-top-step .__block:nth-child(3)::before {
    border-width: 22px 0 22px 30px;
  }

  .contact-top-step .__block::after {
    transform: translateX(84%);
  }

  .contact-top-step .__title {
    font-size: 18px;
    height: 54px;
  }

  .contact-intro p.txt {
    padding: 0px 0px 10px;
  }

  .contact-intro .__link .btn {
    font-size: 14px;
    height: auto;
  }

  .contact-intro .__img {
    right: 5%;
    min-width: 105px;
    top: -30px;
  }

  .case-article {
    width: 100%;
  }

  .case-item {
    padding: 15px 20px;
    border-radius: 10px;
  }

  .case-item .__desc {
    -webkit-line-clamp: 3;
    min-height: 82px;
  }

  .case-footer .img {
    width: 60px;
  }

  .case-filter .toggle-title {
    font-size: 14px;
  }

  .case-filter .item-search .label-check-box {
    font-size: 13px;
  }

  .case-filter:last-of-type {
    margin-top: 20px;
  }

  .case-filter {
    padding-top: 20px;
  }

  .content-case {
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .banner-entry .__inner {
    transform: translateX(0px);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
  }

  .banner-entry {
    height: 490px;
    background-image: url(../images/entry-sp.png);
  }

  .banner-entry .btn {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
  }

  .banner-entry .__inner .btn:nth-child(1) {
    width: 55%;
    height: 20%;
    bottom: 41%;
  }

  .banner-entry .__inner .btn:nth-child(2) {
    width: 68%;
    height: 19%;
    bottom: 16%;
  }

  .banner-entry .btn:hover {
    opacity: 0;
  }

  .pallet-box h4 {
    font-size: 16px;
  }

  .pallet-box {
    border-radius: 6px;
  }

  .pallet-box img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

  .pallet-to-pallet .__left {
    width: 100%;
  }

  .pallet-to-pallet {
    row-gap: 36px;
  }

  .pallet-to-pallet .__right {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .pallet-to-pallet .__right .first-img {
    max-width: unset;
    width: 32%;
  }

  .pallet-to-pallet .__right .pallet-box {
    flex: 1;
    margin-top: 0px;
  }

  .pallet-flex .pallet-box:nth-child(1)::after,
  .pallet-flex .pallet-box:nth-child(3)::after {
    right: -13%;
  }

  .pallet-flex .pallet-box:nth-child(2)::after {
    bottom: -39px;
    left: -38px;
  }

  .pallet-flex .pallet-box:nth-child(4)::after {
    background-image: url(../images/info/left-down.png);
    bottom: -39px;
    left: -38px;
    top: unset;
    right: unset;
    width: 44px;
    height: 43px;
  }

  .flex-cl2 {
    margin: 20px 0px;
    flex-wrap: wrap;
  }

  .flex-cl2 .img {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 30px;
  }

  .flex-cl2 .img img {
    width: 200px;
  }

  .list-style-line li {
    padding-left: 18px;
  }

  .list-style-line li::after {
    width: 12px;
    top: 10px;
  }

  .flex-cl2 .img h3 {
    font-size: 18px;
  }

  .flex-cl2 .flex1 {
    flex: unset;
    width: 100%;
    padding-left: 0px;
  }

  .flex-cl2 ul {
    padding-left: 0px;
  }

  .flex-cl2 .flex1 h3 {
    display: none;
  }

  .pallet-intro-list .__item {
    flex: unset;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }

  .pallet-intro-list .__item .img {
    top: -16px;
  }

  .cl-2__item .text h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .col-2-img.sp-cl-reverse {
    flex-direction: column-reverse;
    row-gap: 10px;
  }

  .col-2-img.sp-cl-reverse .__img {
    width: 180px;
  }

  .col-2-img.sp-cl-reverse .__img img {
    width: 100%;
  }

  .cl-2-layout {
    row-gap: 30px;
  }

  .cl-2-layout .__block {
    width: 100%;
  }

  .wrap-content-product .--image {
    width: 90%;
  }

  .p-imgage {
    border-radius: 10px;
  }

  .wrap-product-sl-detail .swiper-button-ct {
    width: 40px;
    height: 40px;
    border: unset;
  }

  .wrap-product-sl-detail .swiper-button-ct.swiper-button-next {
    right: 35px;
  }

  .wrap-product-sl-detail .swiper-button-ct.swiper-button-prev {
    left: 35px;
  }

  .contact-banner.--ct .__inner p {
    margin-bottom: 10px;
  }

  .contact-banner.--search .__inner:last-child {
    min-height: unset;
  }

  .wrap-product-sl-detail .swiper-button-next {
    border-width: 18px 0 18px 22px;
  }

  .wrap-product-sl-detail .swiper-button-prev {
    border-width: 18px 22px 18px 0;
  }

  .p-inner-sl .__desc strong {
    font-size: 16px;
  }

  .p-inner-sl {
    border-radius: 10px;
    padding: 15px 20px;
  }

  .p-inner-sl .__desc {
    min-height: 100px;
  }

  .wrap-product-sl-detail {
    padding: 0px 60px;
  }

  .p-flex .text {
    width: 100%;
    flex: unset;
    max-width: unset;
    text-align: right;
  }

  .p-flex .text p {
    text-align: left;
  }

  .p-flex {
    max-width: 420px;
    margin: 15px auto 0px;
  }

  .p-flex>.img.--border img {
    border-radius: 10px;
  }

  .p-flex>.img {
    width: 100%;
  }

  .p-flex>.img img {
    max-height: 260px;
  }

  .popup-in-table {
    width: 92vw;
    padding: 15px 10px;
    top: 46px;
  }

  .popup-in-table h3.__title {
    font-size: 18px;
  }

  .popup-in-table h4 {
    font-size: 15px;
  }

  .popup-flex {
    column-gap: 15px;
    margin-top: 15px;
  }

  .popup-flex .__img img {
    width: 40px;
  }

  .close-popup {
    width: 34px;
    height: 34px;
    top: -8px;
    right: -10px;
  }

  .close-popup::before {
    width: 14px;
    height: 2px;
    left: 10.5px;
  }

  .product-table tr td:nth-child(2) .popup-in-table {
    right: 0px;
  }

  .close-popup::after {
    width: 14px;
    height: 2px;
    left: 10.5px;
  }

  .toggle-title {
    font-size: 15px;
  }

  .wrap-filter-search-sp .__content .aside-block {
    padding: 12px 10px;
  }

  .paginate a.__number {
    width: 26px;
    height: 26px;
  }

  .paginate a.__prev,
  .paginate a.__next {
    padding: 0px 6px;
  }

  .has-not .__dot {
    margin-top: 4px;
  }

  .box-note {
    margin-bottom: 10px;
  }

  .wrap-paginate {
    padding: 10px 0px 20px;
  }

  .wrap-inner-content {
    padding-bottom: 30px;
  }

  .wrap-p-name p.__cat {
    display: none;
  }

  .product-content .__top-title {
    font-size: 15px;
  }

  .wrap-p-name {
    padding: 6px 10px;
  }

  .wrap-p-info .product-info-line,
  .product-info-line {
    padding: 2px 10px;
    line-height: 1.6;
  }

  .wrap-p-info {
    padding: 5px 0px;
  }

  .p-tag {
    padding: 8px 0px 0px 8px;
    column-gap: 8px;
  }

  .wrap-p-name .__name {
    font-size: 15px;
  }

  .product-box {
    padding: 14px 10px;
    column-gap: 10px;
    margin-bottom: 20px;
  }

  .content-inner .product-box:last-child {
    margin-bottom: 0px;
  }

  .wrap-search-submit {
    column-gap: 10px;
  }

  .aside-bt {
    font-size: 14px;
    min-width: 162px;
    padding: 6px 16px;
  }

  button.aside-bt {
    background-size: 16px;
    background-position: 70%;
  }

  .wrap-search-submit {
    flex-wrap: wrap;
  }

  .wrap-filter-search-sp .__head {
    font-size: 16px;
  }

  .item-search.--color.--full {
    width: 100%;
  }

  .item-search.--color .label-check-box span {
    justify-content: center;
  }

  .search-block-content.--color {
    column-gap: 10px;
    row-gap: 10px;
  }

  .label-check-box span::before {
    width: 14px;
    min-width: 14px;
    height: 10px;
    margin-top: 4px;
  }

  .item-search.--color .label-check-box span::after {
    width: 18px;
    height: 14px;
  }

  .item-search.--color .label-check-box span::after {
    margin-top: 3px;
  }

  .item-search.--color .label-check-box {
    min-width: 100px;
  }

  .item-search.--color .label-check-box {
    padding: 8px 12px;
  }

  .label-check-box,
  .label-check-box.--small {
    font-size: 15px;
    padding: 12px 12px;
  }

  .label-check-box span {
    padding-top: 10px;
  }

  .label-check-box.--small {
    min-height: unset;
  }

  .item-search {
    position: relative;
    width: calc(100% / 2 - 9px);
  }

  .search-block-content {
    column-gap: 18px;
  }

  .label-check-box img {
    max-width: 80px;
  }

  .label-check-box.--small img {
    max-width: 72px;
  }

  .label-check-box,
  .label-check-box.--small {
    border-radius: 6px;
  }

  .toggle-content .__inner {
    padding: 16px 16px;
    border-radius: 6px;
  }

  .toggle-title .__icon {
    width: 16px;
    height: 16px;
    top: 4px;
  }

  .history-link.toggle-title .__icon {
    top: 49%;
    transform: translateY(-50%);
    right: 18px;
  }

  .search-block.--s .toggle-title .__icon {
    right: 16px;
  }

  .toggle-title .__icon::before,
  .toggle-title .__icon::after {
    height: 2px;
  }

  .search-block.--s .toggle-title {
    font-size: 16px;
    padding: 10px 45px 10px 14px;
  }

  .form-control {
    font-size: 14px;
    border-radius: 4px;
  }

  .envi-box li span {
    column-gap: 6px;
  }

  .envi-box li:last-child span {
    width: 100%;
  }

  .wrap-input {
    width: 64px;
    border-radius: 4px;
  }

  .toggle-content .__inner {
    flex-wrap: wrap;
  }

  .page-content .title-icon {
    margin-bottom: 18px;
  }

  .toggle-content .__inner .__wrap {
    width: 100%;
    margin-top: 15px;
  }

  .toggle-content .__inner>img {
    margin: 0 auto;
  }

  .contact-banner .__link .__img-icon {
    max-width: 90px;
    left: 0px;
    top: 0px;
    transform: translateY(-100%);
  }

  .contact-banner .__inner {
    height: auto;
    padding-right: 5px;
  }

  .content-full-w.--search {
    padding-top: 45px;
    margin-top: 45px;
    padding-bottom: 45px;
  }

  .contact-banner {
    padding: 0px 10px;
  }

  .contact-banner .__inner::before {
    right: -8px;
    bottom: -8px;
  }

  .contact-banner .__inner,
  .contact-banner .__inner::before {
    border-radius: 8px;
  }

  .contact-banner .__link a {
    font-size: 16px;
    column-gap: 8px;
    padding: 16px 10px;
    width: 100%;
  }

  .contact-banner.d-flex .__link {
    width: 98%;
    margin: 0 auto;
  }

  .contact-banner .__inner p {
    font-size: 15px;
    margin-bottom: 25px;
  }

  .contact-banner .__inner p.txt-sp {
    width: 100%;
    padding-left: 100px;
    margin-bottom: 10px;
  }

  .contact-banner.--ct .__link a {
    padding: 16px 5px 16px 10px;
    max-height: 53px;
  }

  .contact-banner .__link a img {
    max-width: 30px;
  }

  .title-page {
    font-size: 28px;
    margin-bottom: 25px;
  }

  .wrap-img-icon .__inner {
    min-width: 220px;
  }

  .wrap-img-icon .__right {
    width: 100%;
  }

  .ul-box::after {
    width: 50px;
    height: 28px;
    background-size: contain;
    top: -35px;
  }

  .ul-box {
    padding: 16px 16px;
    margin-bottom: 20px;
  }

  .page-content h3 {
    font-size: 16px;
  }

  .link-sp-quality {
    margin-top: 25px;
    text-align: right;
  }

  .cl-img-2 .__item {
    width: 100% !important;
  }

  .cl-img-2 {
    flex-wrap: wrap;
    row-gap: 25px;
  }

  .cl-img-2 .__item .__inner {
    padding: 10px 20px;
  }

  .quality-cl-2 .__content {
    width: 100%;
    margin-bottom: 20px;
  }

  .quality-cl-2 .__img {
    width: 100%;
  }

  .quality-cl-2 .__content p {
    font-size: 14px;
    padding: 15px 15px;
  }

  /* .before-link-internal {
    margin-top: -84px;
    padding-top: 84px;
  } */
  .sgd-list {
    row-gap: 20px;
  }

  .sdg-flex h3 {
    flex: unset;
    width: 100%;
    text-align: left;
    padding: 14px 0px;
    font-size: 16px;
    margin-bottom: 0px !important;
  }

  .sdg-flex img {
    width: 80%;
  }

  .sgd-list {
    margin-top: 20px;
  }

  .sgd-list li {
    width: 100%;
  }

  .sgd-list li .txt {
    flex: 1;
    padding: 15px 15px;
    min-height: 120px;
  }

  .col-2-img.--ct .__inner {
    border-radius: 12px;
    padding: 16px 20px 25px;
  }

  .col-2-img.--ct.--npc .__inner {
    padding: 15px;
  }

  .col-2-img.--ct .__inner h3 {
    font-size: 16px;
  }

  .col-2-img .__item .txt {
    padding: 10px 16px 0px;
  }

  .p-process {
    row-gap: 24px;
    flex-direction: column;
  }

  .p-process .__item {
    font-size: 14px;
    flex: unset;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    border-radius: 12px;
  }

  .p-process .__item>img {
    max-width: 90%;
    margin: 0 auto;
  }

  .p-process .__item>p {
    margin-bottom: 10px;
  }

  .p-process .__item:not(:last-child)::after {
    right: unset;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, 50%) rotate(90deg);
    width: 40px;
    height: 72px;
  }

  .page-content h3 {
    margin-bottom: 10px;
  }

  .p-process .__item .__img-flex {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .col-2-img .__inner,
  .col-2-img .__item {
    flex: unset;
    width: 100%;
  }

  .col-2-img {
    column-gap: 15px;
  }

  .col-2-img>img {
    width: 25%;
  }

  .col-2-img .__inner img {
    border-radius: 8px;
    max-width: 100% !important;
  }

  .col-2-img.--nowrap .__inner:nth-child(2) {
    width: 42%;
  }

  .col-2-img.--nowrap .__inner:nth-child(1) {
    width: unset;
    flex: 1;
  }

  .col-2-img p {
    padding-top: 0px;
    padding-left: 0px;
  }

  .about-box~.about-box {
    margin-top: 20px;
  }

  .about-box {
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
  }

  .title-line {
    font-size: 18px !important;
  }

  .title-line::before {
    width: 22px;
    height: 2px;
    margin-top: 10px;
  }

  .about-title span {
    font-size: 22px;
  }

  .about-title span::after {
    height: 2px;
    top: 46%;
  }

  .about-title p,
  .about-title a {
    font-size: 20px;
  }

  .about-title p::after,
  .about-title a::after {
    width: 24px;
    height: 24px;
    right: -24px;
    top: 2px;
  }

  .wrap-link-page.--ct {
    margin-bottom: 0px;
  }

  .about-community .__item {
    width: 100%;
    padding-bottom: 30px;
  }

  .about-community.--pallet {
    row-gap: 15px;
  }

  .about-community.--pallet .__item {
    padding: 15px 15px;
  }

  .about-community.--margin-top .__item {
    padding-top: 50px;
  }

  .about-community .img {
    width: 94% !important;
  }

  .about-community.--margin-top .txt {
    min-height: unset;
  }

  .about-community.--ct-pallet .txt {
    min-height: unset;
  }

  .title-number.--ct {
    font-size: 18px;
  }

  .title-number.--ct .__num {
    font-size: 36px;
  }

  .about-community .__item .title-icon {
    font-size: 18px !important;
    padding-left: 60px;
    top: 12px;
  }

  .about-community .__item .title-icon::before {
    left: 44px;
  }

  .about-community .__item .title-icon::after {
    width: 46px;
  }

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

  .about-community h3 {
    font-size: 20px;
  }

  .about-community.--pallet h3 {
    font-size: 18px;
  }

  .list-box li {
    flex: unset;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 14px;
    padding: 4px 15px;
    border-radius: 4px;
  }

  .list-box li strong {
    font-size: 16px;
    margin-bottom: 0px;
  }

  .list-box li p {
    font-size: 14px;
    padding-top: 2px;
    flex: 1;
    text-align: left;
  }

  .about-add .__icon::after {
    width: 16px;
    height: 22px;
    display: none;
  }

  .about-add.-mt {
    margin-top: 20px;
  }

  .about-add .__inner {
    padding: 0px;
    flex-direction: column-reverse;
  }

  .about-add .__inner .__content {
    padding-top: 0px;
  }

  .about-add .__inner .__content .__desc {
    margin-top: 10px;
  }

  .about-add .__inner .__content div.txt {
    column-gap: 6px;
  }

  .about-add h4 span {
    font-size: 14px;
  }

  .page-block {
    padding-top: 45px;
  }

  .page-block.--recruit-bg {
    padding-bottom: 45px;
  }

  .page-content.--search-content .page-block {
    padding-top: 40px;
  }

  .about-add>.txt {
    padding-left: 12px;
  }

  .about-add h4 {
    font-size: 16px;
    padding: 8px 12px;
    margin-bottom: 10px;
    max-width: 100%;
    column-gap: 8px;
  }

  .about-add .__inner>img {
    border-radius: 0px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .about-add {
    margin-bottom: 20px;
  }

  .banner-page {
    height: 160px;
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .banner-page.--quality {
    height: 160px;
  }

  .banner-page.has-icon-down {
    height: 145px;
  }

  .banner-page .container {
    max-width: 100%;
    width: 100%;
  }

  .st-title .__title {
    font-size: 32px;
    line-height: 1.4;
  }

  .st-title span.pt {
    padding-top: 1px;
  }

  .banner-page .wrap-link-page {
    display: none;
  }

  .control-slide {
    width: 120px;
    height: 100px;
    top: -60px;
  }

  .control-slide::before {
    bottom: 50%;
    transform: translateY(50%);
    right: 40px;
  }

  .wrap-internal-link::after {
    right: 20px;
    width: 45px;
    height: 62px;
    transform: translateY(-100%);
    top: -134px;
  }

  .news {
    padding-top: 50px;
  }

  .recruit-content-row .__title {
    font-size: 18px;
  }

  .recruit-content {
    width: 100%;
    padding-left: 0px;
  }

  .recruit-content-row.--ab {
    margin-top: 15px;
    margin-left: 0px;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 15px;
  }

  .recruit-content-row.--ab .__txt {
    text-align: left;
    padding-top: 0px;
  }

  .recruit-content-row.--ab img {
    width: 38%;
    max-width: 180px;
    height: auto;
    border-radius: 8px;
    position: absolute;
    right: 0px;
    top: -70px;
  }

  .recruit-content-row .__txt p {
    font-size: 14px;
    line-height: 1.7;
  }

  .recruit-content-row .__txt {
    width: 100%;
    padding-top: 20px;
  }

  .reruit {
    padding-top: 50px;
  }

  .product-slide__item .__desc .__title {
    font-size: 15px;
  }

  .product-slide__item .__desc .__title img {
    max-width: 34px;
  }

  .product-slide .swiper-button-ct.swiper-button-next {
    right: 9%;
  }

  .product-slide .swiper-button-ct.swiper-button-prev {
    left: 9%;
  }

  .product-slide__item .__thumb img {
    border-radius: 8px;
  }

  .guide-product .__cat {
    padding: 1.5px 14px 1px;
    font-size: 12px;
  }

  .guide-product .__thumb {
    height: auto;
    min-height: 330px;
  }

  .guide-product .__desc {
    min-height: 145px;
  }

  .guide-sp .guide-product .__thumb {
    width: 80%;
  }

  .guide-product .__title {
    font-size: 16px;
    padding: 8px 0px;
  }

  .guide-sp .swiper-button-ct.swiper-button-next {
    right: 10px;
  }

  .guide-sp .swiper-button-ct.swiper-button-prev {
    left: 10px;
  }

  .guide-sp .swiper-button-next,
  .guide-sp .swiper-button-prev {
    width: 40px;
    height: 40px;
  }

  .guide-product .txt {
    font-size: 14px;
  }

  .title-icon {
    font-size: 24px !important;
    padding-left: 60px;
  }

  .title-icon::before {
    width: 9px;
    height: 9px;
    left: 44px;
  }

  .title-icon::after {
    width: 46px;
    height: 3px;
  }

  .st-title span {
    font-size: 16px;
  }

  .st-title span::after {
    width: 66px;
    margin-left: 8px;
    height: 2px;
  }

  .st-title .__title.--guide img {
    max-width: 240px;
  }

  .internal-link {
    width: calc(100% / 2);
    border-bottom: 1px solid #b8b8b8;
    height: 86px;
  }

  .internal-link:nth-child(2n + 1) {
    border-right: 1px solid #b8b8b8;
  }

  .about-info-list li {
    flex: unset;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }

  .about-info__item .__desc .__title {
    font-size: 16px;
  }

  .about-info__item .__desc {
    padding: 15px 5px;
  }

  .news-list {
    padding: 0px 0px 45px 0px;
  }

  .new__item {
    padding: 15px 0px;
  }

  .new__item .txt {
    font-size: 14px;
  }

  .new__date-cat .__cat {
    font-size: 13px;
    min-width: 100px;
    padding: 4px 10px;
  }

  .new__date-cat {
    column-gap: 10px;
  }

  .swiper-button-ct.swiper-button-prev {
    left: 10px;
  }

  .swiper-button-ct.swiper-button-next {
    right: 10px;
  }

  .swiper-button-ct {
    width: 40px;
    height: 40px;
  }

  .internal-link .txt {
    font-size: 15px;
  }

  .guide-link-sp {
    padding: 0px 0px 24px 0px;
  }

  .guide-link-sp .__inner-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  .guide-link,
  .guide-cl,
  .palete-guide__img-right,
  .wrap-about-recruit .__img-ab,
  .home-about-img-ab {
    display: none;
  }

  .btn {
    font-size: 14px;
    padding: 8px 10px 8px 18px;
    border-radius: 30px;
    min-width: 180px;
  }

  .pallet-product {
    padding-top: 45px;
  }

  .block-title-cl {
    align-items: center;
  }

  .palete-guide {
    padding-top: 45px;
  }

  .wrap-about-recruit {
    padding: 40px 0px;
  }

  .about-company-img {
    width: 100%;
    padding-top: 0px;
  }

  .home-about-txt-sp {
    padding: 10px;
  }

  .about-info-list {
    margin-top: 20px;
    row-gap: 0px;
  }

  .wrap-about-recruit .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container.--ct {
    padding: 0px;
  }

  .about-info__item {
    border-radius: 0px;
  }

  .about-info-list li {
    max-width: 100%;
  }

  .st-title .__title.--recruit img {
    max-width: 170px;
  }

  .st-title .__title.--about img {
    max-width: 200px;
  }

  .st-title .__title.--news img {
    max-width: 130px;
  }

  .recruit-content-row {
    justify-content: flex-start;
    padding: 0px 10px;
  }

  .recruit-content-row .__txt {
    text-align: right;
  }

  .recruit-content-row img {
    border-radius: 10px;
    width: 96%;
  }

  .link-common-img-ab {
    display: none;
  }

  .wrap-link-common li {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }

  .link-common {
    padding: 45px 0px;
  }

  .contact-bt .btn {
    min-width: 240px;
  }

  .contact-part__title .en {
    font-size: 36px;
  }

  .contact-part__title h2 {
    font-size: 16px;
  }

  .contact-part-flex .__block .txt {
    font-size: 14px;
  }

  .contact-bt .btn img {
    max-width: 30px;
  }

  .recruit-content-row .__title {
    line-height: 1.6;
  }

  .recruit-content-row .__txt {
    justify-content: flex-start !important;
    row-gap: 12px;
  }

  .txt18 {
    font-size: 14px;
  }

  .page-content h2 {
    font-size: 18px;
  }

  .about-intro .__inner p.txt {
    font-size: 14px;
  }

  .wrap-link-page {
    margin-top: 0px;
    margin-bottom: 40px;
    flex-direction: column;
  }

  .wrap-link-page li {
    width: 100%;
  }

  .link-in-page {
    justify-content: center;
    font-size: 15px;
    padding: 8px 10px;
    column-gap: 10px;
    max-width: 340px;
    margin: 0 auto;
  }

  .link-in-page.--gray {
    color: #737373 !important;
    border-color: #737373 !important;
    display: flex;
    align-items: center;
    column-gap: 0px;
  }

  .link-in-page.--gray+.link-in-page.--gray {
    margin-top: 10px;
  }

  .link-in-page.--gray:hover {
    opacity: 0.7;
    background-color: #fff !important;
  }

  .content__next {
    margin-top: 15px;
  }

  .link-in-page.--other-page::after {
    width: 20px;
    height: 20px;
  }

  .page-content {
    padding-top: 35px;
    padding-bottom: 50px;
  }

  .page-content.--search-content {
    padding-top: 25px;
  }

  .about-intro .__inner {
    padding-top: 0px;
    padding-left: 180px;
  }

  .avatar-name {
    margin-top: 10px;
  }

  .avatar-name img {
    max-width: 100px;
  }

  table th,
  table td {
    padding: 8px 5px;
  }

  .about-info-tb td {
    padding: 10px 8px;
  }

  .about-info-tb tbody tr td:first-child {
    width: 25%;
  }

  .about-info-tb.--process tbody tr td:first-child {
    width: 26%;
  }

  .ul-dot li::after {
    width: 4px;
    height: 4px;
    top: 9px;
  }

  .ul-dot li {
    padding-left: 14px;
  }

  .wrap-history-block {
    margin-top: 20px;
  }

  .contact-banner .__inner {
    max-width: 500px;
    margin: 0 auto;
  }

  .contact-banner .__link {
    width: 100%;
  }

  .total-result .__number {
    font-size: 30px;
  }

  .total-result {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .ms-options-wrap>button:focus,
  .ms-options-wrap>button {
    font-size: 14px;
  }

  .ms-options-wrap>button::after {
    width: 14px;
  }

  .content-head {
    margin-top: 12px;
  }

  .top-thumb .__color::after {
    width: 12px;
    height: 12px;
  }

  .txt-hl {
    font-size: 9px;
    padding: 1px 4px;
    min-width: 56px;
  }

  .paginate a img {
    max-width: 13px;
  }

  .top-thumb {
    padding-left: 0px;
    padding-top: 2px;
  }

  .wrap-p-thumb {
    margin: 6px 0px;
    border-radius: 5px;
    padding: 12px 6px;
  }

  .product-thumb {
    width: 30%;
    min-width: 148px;
  }

  .has-not {
    column-gap: 4px;
  }

  .product-gallery {
    column-gap: 5px;
    row-gap: 5px;
    margin-top: 12px;
  }

  .product-gallery .__item {
    width: calc(100% / 3 - 3.33px);
    border-radius: 4px;
    height: auto;
    padding: 8px 4px;
    min-height: 48px;
  }

  .item-search.--color-select .label-check-box span::after {
    width: 50px;
    height: 50px;
  }

  .filter-button,
  .ms-options-wrap {
    width: 220px;
  }

  .h-search input {
    font-size: 14px;
    height: 36px;
    width: 250px;
  }

  .h-search input::placeholder {
    font-size: 14px;
  }

  .contact-banner .__inner.--download p {
    display: flex;
    column-gap: 14px;
    align-items: center;
  }

  .contact-banner .__inner.--download p img {
    max-width: 100px;
  }

  .product-table tr td {
    padding: 12px 10px;
  }

  /* .product-table tbody tr:first-child td:nth-child(1) .popup-in-table {
    top: 59px;
  } */

  .product-table tr td:nth-child(2) .popup-in-table.--ct {
    top: 46px;
  }

  .has-color span {
    width: 34px;
    height: 14px;
  }

  .open-popup {
    column-gap: 2px;
  }

  .open-popup::after {
    width: 13px;
    height: 13px;
    margin-bottom: 0px;
  }

  .product-color .__img {
    padding: 6px;
    border-radius: 5px;
    height: 100px;
  }

  .product-color .__item {
    font-size: 14px;
    width: calc(100% / 3 - 6.67px);
  }

  .product-color {
    column-gap: 10px;
    row-gap: 12px;
  }

  .p-show-flyer .btn {
    font-size: 15px;
    min-width: 280px;
    padding: 12px 22px 12px 30px;
  }

  .ui-datepicker .ui-datepicker-header {
    font-size: 16px;
  }

  #calendar .ui-datepicker td {
    height: 40px;
  }

  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    width: 38px;
    height: 38px;
  }

  .ui-datepicker .ui-datepicker-prev::before {
    border-width: 8px 12px 8px 0;
  }

  .ui-datepicker .ui-datepicker-next::before {
    border-width: 8px 0 8px 12px;
  }

  .ui-datepicker .ui-datepicker-prev {
    left: -44px;
  }

  .ui-datepicker .ui-datepicker-next {
    right: -44px;
  }

  #calendar .ui-datepicker {
    width: 80%;
  }

  .wrap-calender {
    padding: 10px 0px;
  }

  #calendar .ui-datepicker td {
    font-size: 14px;
  }

  .title-page.--small {
    font-size: 27px;
  }

  .single .title-page.--small {
    font-size: 24px;
  }

  .p-link-sp {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
  }

  .pallet-flex .pallet-box {
    width: calc(100% / 2 - 15px);
  }

  .banner-page.has-icon-down::before,
  .npc-intro::before {
    bottom: -30px;
    border-width: 30px 16px 0 16px;
  }

  .title-full-w {
    font-size: 18px;
  }

  .about-info-inpage .about-info-list {
    margin-top: 0px;
  }

  .policy-intro {
    font-size: 15px;
  }

  .policy-content {
    margin-top: 20px;
  }

  .contact-info-box {
    margin-top: 20px;
    padding: 15px 15px;
    border-radius: 10px;
  }

  .policy-item ul {
    font-size: 14px;
  }

  .contact-info-box .txt {
    font-size: 14px;
  }

  .contact-info-box .txt+.txt {
    margin-top: 10px;
  }

  .contact-info-box .txt a {
    font-size: 16px;
  }

  .page-content.faq-page .wrap-link-page {
    margin-top: 24px;
    margin-bottom: 0px;
  }

  .faq-block {
    margin-bottom: 25px;
  }

  .faq-row.--question .txt {
    font-size: 15px;
  }

  .faq-row .__title {
    font-size: 20px;
  }

  .faq-row.--question {
    padding: 15px 45px 15px 20px;
  }

  .faq-row .__icon {
    width: 20px;
    right: 18px;
    top: 49%;
  }

  .faq-row.--answer .text {
    padding-top: 0px;
  }

  .faq-row {
    column-gap: 8px;
  }

  .faq-row.--answer {
    padding: 12px 5px 0px 20px;
  }

  .npc-intro {
    padding: 15px 0px;
  }

  .npc-content {
    padding-top: 10px;
  }

  .title-number .__num {
    font-size: 42px;
  }

  .title-number.merit .__num img {
    max-width: 56px;
  }

  .merit-list {
    row-gap: 45px;
  }

  .title-number .__txt {
    font-size: 18px;
  }

  .title-number {
    column-gap: 12px;
    margin-bottom: 20px;
  }

  .col-2-img.--npc {
    row-gap: 20px;
  }

  .contact-table tbody tr td:last-child {
    font-size: 16px;
    white-space: nowrap;
  }

  .contact-table tbody tr td:last-child span {
    display: none;
  }

  .contact-table tbody tr td:last-child a {
    color: #0062D1;
    text-decoration: underline;
  }

  .contact-table tbody tr td:first-child {
    width: 55%;
  }

  .history-link {
    font-size: 16px;
    max-width: 420px;
    margin: 0 auto;
  }

  .recruit-new-head {
    margin-bottom: 10px;
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .contact-top-step .__block.--contact-step {
    width: calc(100%/3 - 8px);
    padding: 20px 20px 16px 20px;
    max-width: 200px;
  }

  .contact-top-step.--ct {
    column-gap: 12px;
    margin-bottom: 20px;
  }

  .contact-top-step.--ct .contact__step-img img {
    max-width: 50px;
  }

  .contact-top-step .__block.--contact-step::after {
    border-width: 12px 0 12px 16px;
  }

  .c-box p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .label__txt::before,
  .mwform-checkbox-field-text::before {
    top: 2px;
  }

  .label__txt::after,
  .mwform-checkbox-field-text::after {
    top: -1.5px;
  }

  .__req {
    font-size: 12px;
    padding: 1px 4px;
  }

  .c-box {
    border-radius: 10px;
  }

  .form-right {
    flex: unset;
    width: 100%;
  }

  .f-row {
    margin-bottom: 20px;
    column-gap: 20px;
  }

  .form-lable {
    padding-top: 0px;
    padding-bottom: 6px;
    font-size: 15px;
    padding-left: 0px;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: flex-end;
    width: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .form-lable .txt {
    display: flex;
    align-items: center;
    column-gap: 10px;
  }

  .form-lable .__req {
    position: static;
  }

  .form-right .form-control {
    height: 42px;
    font-size: 14px;
    border-radius: 6px;
    padding: 6px 10px;
  }

  .form-right textarea.form-control {
    height: 120px;
  }

  .form-right .__inner {
    column-gap: 4px;
  }

  .form-right small {
    padding-left: 0px;
    font-size: 12px;
  }

  .f-row .aside-bt {
    font-size: 15px;
    min-width: 180px;
  }

  .f-row.--ct {
    padding-top: 20px;
    margin-bottom: 0px;
  }

  .form-right textarea.form-control::placeholder {
    font-size: 14px;
  }

  .form-right .form-control.w124 {
    width: 115px;
  }

  .note-border {
    height: 42px;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 6px;
  }

  .contact-bt .btn img {
    max-height: 30px;
  }

  .--download .contact-bt .btn img {
    max-height: 18px;
  }

  .label-check-box.--small span {
    padding-top: 0px;
  }

  .envi-step a.__link {
    width: 100%;
    max-width: 280px;
    padding: 5px 5px;
    height: 70px;
    min-height: unset;
  }

  .error-box {
    padding: 15px;
  }

  .mw_wp_form .error {
    font-size: 12px !important;
  }

  .form-right.--ct {
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
  }

  .checkbox-lable {
    width: 134px;
    padding-left: 16px;
  }

  .checkbox-lable::after {
    width: 4px;
    height: 4px;
    left: 4px;
    top: 9px;
  }

  .checkbox-row {
    padding: 10px 0px;
  }

  .content-full-w.--search .page-block__inner {
    padding-top: 30px;
  }

  .popup-img-flex.--ct {
    padding-left: 16px;
    column-gap: 10px;
  }

  .popup-img-flex.sp-ct {
    padding-left: 30px;
    column-gap: 30px;
  }

  .popup-img-flex.sp-ct .__box {
    width: 40%;
  }

  .popup-img-flex .__box {
    text-align: center;
    width: calc(100% / 3 - 8px);
  }
}

/* end 768 */

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

  .swiper-button-hidden-2+.swiper-button-ct,
  .swiper-button-hidden-2+.swiper-button-ct+.swiper-button-ct {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .download-list.cl2 .download-item .__text {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .page-content .dowload-title {
    font-size: 18px;
  }

  .download-item .__img {
    width: 92%;
    margin: 0 auto;
  }

  .download-item .__text {
    padding-right: 0px;
    padding-left: 0px;
  }

  .download-item {
    width: 100%;
  }

  .download-item h4 {
    min-height: unset;
  }

  .download-item p {
    min-height: unset;
  }

  .merit-list .__block {
    width: 100%;
  }

  .banner-entry {
    height: 380px;
  }

  .banner-entry .btn {
    width: 55%;
    height: 27%;
    bottom: 19%;
  }

  .banner-entry .__inner .btn:nth-child(2) {
    width: 68%;
    height: 18%;
    bottom: 16%;
  }

  .banner-entry .__inner .btn:nth-child(1) {
    width: 55%;
    height: 18%;
    bottom: 42%;
  }

  .interview-link .__thumb {
    height: 170px;
  }


}

/* end 600 */

@media only screen and (max-width: 479px) {
  .main-slide .swiper-slide video {
    height: 280px;
  }

  .link-ct .btn {
    height: 50px;
    font-size: 15px;
  }

  .recruit-banner {
    padding-top: 50px;
  }

  .recruit-new-top {
    margin-top: 60px;
  }

  .c-recruit-banner {
    row-gap: 24px;
  }

  .people-item .__txt {
    padding: 10px 15px 10px 20px;
  }

  .c-box {
    border-radius: 6px;
  }

  .f-row {
    column-gap: 10px;
  }

  .palletguide-banner__link.--05 .__img {
    max-width: 55px;
    left: 25px;
  }

  .palletguide-banner__link.--05 .txt {
    padding-left: 75px;
  }

  .palletguide-banner__link.--ct01.--r.--02 .txt {
    padding-right: 95px;
  }

  .palletguide-banner-wrap.--contact .txt.--ct {
    padding: 0px 10px;
  }

  .palletguide-banner__link.--ct01.--r.--02 .__img {
    max-width: 80px;
    right: 20px;
  }

  .palletguide-banner-wrap.--contact .palletguide-banner__link.--ct02 .__img {
    max-width: 58px;
    left: 20px;
  }

  .palletguide-banner__link.--ct01.--r .txt {
    padding-left: 10px;
    padding-right: 70px;
  }

  .palletguide-banner__link.--ct01.--r .__img {
    right: 32px;
    max-width: 48px;
    top: 20px;
  }

  .palletguide-banner-wrap.--contact .palletguide-banner__link {
    padding: 18px 12px;
  }

  .palletguide-banner-wrap.--download.--contact .palletguide-banner__link .txt {
    min-height: 73px;
  }

  .download-list.cl2 .download-item .__img .__text {
    padding-left: 15px !important;
    padding-right: 0px;
  }

  .download-item p.txt18 {
    font-size: 14px;
  }

  .page-content .download-item h3 {
    font-size: 20px;
  }

  .download-item p.txt18~p.txt18 {
    margin-top: 30px;
  }

  .l-flex p {
    padding-top: 10px;
  }

  .g-full .__title {
    font-size: 20px;
  }

  .g-full .__title::before {
    left: 0px;
  }

  .palletguide-banner__link.--02 .txt {
    padding-left: 130px;
  }

  .palletguide-banner__link .btn {
    font-size: 15px;
  }

  .palletguide-banner__link .btn svg {
    width: 20px;
    height: 20px;
  }

  .palletguide-banner__link .btn.--link svg {
    width: 24px;
    height: 24px;
  }

  .palletguide-banner__link .btn img {
    width: 25px;
  }

  .palletguide-banner-wrap.--download .palletguide-banner__link {
    min-width: unset;
  }

  .palletguide-banner__link {
    padding: 18px 12px;
  }

  .palletguide-banner__link .__link {
    width: 92%;
  }

  .palletguide-banner__link.--02 .__img {
    left: 18px;
    max-width: 112px;
    top: 20px;
  }

  .palletguide-banner__link .__img {
    max-width: 75px;
    top: 25px;
  }

  .palletguide-intro h2 {
    font-size: 22px !important;
  }

  .palletguide-intro p.txt {
    font-size: 15px;
  }

  .palletguide__item h4 {
    font-size: 15px;
  }

  .palletguide__item img {
    max-width: 50px;
    top: -31px;
  }

  .palletguide__item {
    border: 0px;
    min-height: 81px;
  }

  .p-imgage .gallery-item {
    padding: 20px 10px;
  }

  .recruit-status-banner .__item .__title {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .recruit-status-banner .__item:nth-child(1) img {
    max-width: 200px !important;
  }

  .recruit-status-banner .__item:nth-child(2) img {
    max-width: 240px !important;
  }

  .recruit-status-banner .__item {
    min-height: 112px;
    padding: 12px 10px;
  }

  .popup-diagram__inner .__head {
    font-size: 20px;
    padding: 7px 5px 12px;
  }

  .popup-diagram__inner {
    padding: 8px;
  }

  .popup-diagram__inner .__content {
    column-gap: 12px;
    flex-direction: column;
    row-gap: 20px;
    padding-top: 16px;
    border-radius: 6px;
    padding-bottom: 16px;
  }

  .popup-diagram__inner .__img {
    width: 60%;
    margin: 0 auto;
    min-width: 220px;
  }

  .recruitment-item .__title {
    font-size: 16px;
    padding: 5px 0px;
  }

  .recruitment-item .txt span+span {
    border-left: 1px solid #fff;
  }

  .recruitment-item .txt {
    padding: 10px 4px;
  }

  .recruitment-status {
    column-gap: 10px;
  }

  .recruitment-item {
    width: 172px;
  }

  .recruitment-item:nth-child(5) small {
    font-size: 13px;
  }

  .recruitment-item .txt span {
    font-size: 13px;
    padding: 0px 6px;
  }

  .filter-cat__button {
    width: 220px;
    font-size: 14px;
  }

  .filter-cat__button::after {
    width: 14px;
    height: 10px;
  }

  .filter-cat__box .__row {
    padding: 2px 10px;
  }

  .filter-cat__box .__top {
    font-size: 15px;
    padding: 0px 10px;
  }

  .toggle-content .__inner .__wrap .form-row {
    margin-bottom: 10px !important;
  }

  .toggle-content .__inner .__wrap .form-row>input {
    width: 100%;
    max-width: 180px;
  }

  .wrap-input {
    margin-right: 5px;
  }

  .item-search.--color .label-check-box span {
    padding-top: 0px;
  }

  .label-check-box.--column {
    padding: 12px 14px;
  }

  .label-check-box.--column img {
    width: 90%;
  }

  .label-check-box,
  .label-check-box.--small {
    font-size: 14px;
    padding: 10px 6px 10px 10px;
  }

  .label-check-box img {
    max-width: 56px;
  }

  .label-check-box.--small img {
    max-width: 56px;
  }

  .reason-row .__img {
    width: 110px;
  }

  .label-check-box span {
    column-gap: 4px;
    padding-top: 5px;
  }

  .form-lable {
    font-size: 14px;
    column-gap: 6px;
  }

  .contact-top-step .__block.--contact-step {
    padding: 20px 10px 16px 10px;
    border-radius: 10px;
  }

  .contact-top-step .__block.--contact-step .__title {
    font-size: 14px;
    margin-top: 10px;
  }

  .interview-banner-content .__title-h2 {
    font-size: 18px;
  }

  .interview-link .__thumb {
    height: 120px;
  }

  .wrap-interview-list h4 {
    font-size: 15px;
    padding: 8px 10px;
  }

  .wrap-interview-list {
    margin-top: 35px;
  }

  .interview-link p {
    font-size: 14px;
    padding: 8px 0px;
  }

  .recruit-banner-link {
    padding: 20px;
    height: 220px;
  }

  .recruit-banner-link.--full {
    height: 110px;
    padding: 0px 10px;
  }

  .page-content .recruit-banner-link.--full h2.c__ja {
    font-size: 24px;
  }

  .recruit-box .__thumb {
    width: 90px;
  }

  .recruit-box p.txt {
    padding-right: 0px;
  }

  .recruit-top-intro {
    font-size: 28px
  }

  .page-content .recruit-box h2.c__ja {
    font-size: 20px;
  }

  .contact-top-step .__block {
    padding: 46px 10px 20px;
  }

  .contact__step-link svg {
    right: 8px;
  }

  .contact__step-img img {
    max-width: 80%;
  }

  .contact-top-step .__block.--03 .contact__step-img img {
    max-width: 100px;
  }

  .contact-top-step .__block.--04 .contact__step-img img {
    max-width: 105px;
  }

  .contact-top-step .__block.--02 .contact__step-img img {
    max-width: 58px;
  }

  .contact-top-step {
    column-gap: 15px;
  }

  .contact-top-step .__block {
    width: calc(100% / 2 - 7.5px);
  }

  .contact__step-link {
    font-size: 14px;
    padding: 8px 20px;
  }

  .contact__step-num {
    font-size: 17px;
  }

  .contact__step-num span {
    font-size: 38px;
  }

  .case-item {
    border-radius: 8px;
  }

  .case-item .__thumb img {
    height: 225px;
  }

  .case-footer .img {
    width: 40px;
  }

  .case-footer {
    column-gap: 15px;
    margin-top: 10px;
    padding-top: 10px;
  }

  .case-item .__title {
    font-size: 18px;
  }

  .case-footer h4 {
    font-size: 14px;
  }

  .case-footer .p-tag {
    padding-top: 5px;
  }

  .title-number .__txt {
    font-size: 16px;
  }

  .title-number .__num {
    font-size: 36px;
  }

  .banner-entry {
    height: 300px;
  }

  .faq-row.--question .txt {
    font-size: 14px;
  }

  .st-title span {
    font-size: 15px;
  }

  .st-title span::after {
    width: 56px;
  }

  .st-title .__title {
    font-size: 28px;
  }

  .title-full-w {
    font-size: 16px;
    padding: 12px 5px;
  }

  .pallet-box img {
    height: 160px;
  }

  .pallet-flex .pallet-box:nth-child(2)::after,
  .pallet-flex .pallet-box:nth-child(4)::after {
    width: 36px;
    height: 35px;
    bottom: -28px;
    left: -27px;
  }

  .pallet-flex,
  .pallet-to-pallet {
    row-gap: 20px;
  }

  .pallet-to-pallet .__right .first-img {
    width: 40%;
  }

  .pallet-flex .pallet-box::after {
    width: 50px;
    height: 36px;
  }

  .pallet-flex .pallet-box:nth-child(1)::after,
  .pallet-flex .pallet-box:nth-child(3)::after {
    right: -16%;
  }

  .pallet-flex .pallet-box {
    width: calc(100% / 2 - 10px);
  }

  .flex-cl2 .img {
    column-gap: 10px;
  }

  .flex-cl2 .img img {
    width: 160px;
  }

  .pallet-intro-list .__item .img {
    max-width: 100px;
  }

  .col-2-img.sp-cl-reverse .__img,
  .cl-2__item .img {
    width: 125px;
  }

  #calendar .ui-datepicker td {
    height: 34px;
  }

  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    width: 35px;
    height: 35px;
  }

  .wrap-calender+.__inner p {
    font-size: 12px;
  }

  .ui-datepicker .ui-datepicker-prev {
    left: -40px;
  }

  .ui-datepicker .ui-datepicker-next {
    right: -40px;
  }

  #calendar .ui-datepicker td {
    font-size: 12px;
  }

  .title-page .__desc {
    font-size: 12px;
  }

  .title-page {
    margin-bottom: 20px;
  }

  .wrap-content-product .--image {
    width: 100%;
  }

  .contact-banner.--ct .__link a {
    padding: 14px 5px 14px 10px;
    max-height: 50px;
  }

  .p-total-color .__color {
    width: 12px;
    height: 12px;
  }

  .wrap-product-sl-detail .swiper-button-next {
    right: 0px;
  }

  .wrap-product-sl-detail .swiper-button-prev {
    left: 0px;
  }

  .p-inner-sl .__desc {
    min-height: unset;
  }

  .p-inner-sl {
    padding: 15px 15px;
  }

  .wrap-product-sl-detail {
    padding: 0px 30px;
  }

  .product-color .__img {
    height: 70px;
  }

  .product-table tr td:first-child {
    width: 33%;
  }

  .product-table tr td {
    padding: 8px 6px;
  }

  .contact-banner .__inner.--download p img {
    max-width: 70px;
  }

  .title-page {
    font-size: 20px;
  }

  .product-thumb {
    min-width: 140px;
  }

  .wrap-p-info .product-info-line {
    min-width: unset;
    width: 100%;
  }

  .search-block.--s .toggle-title {
    font-size: 15px;
  }

  .contact-banner .__inner p {
    font-size: 14px;
  }

  .contact-banner .__inner p.txt-sp {
    padding-left: 76px;
  }

  .contact-banner .__link .__img-icon {
    max-width: 70px;
  }

  .contact-banner .__link a {
    font-size: 15px;
  }

  .sgd-list li img {
    width: 80px;
  }

  .about-community img {
    height: 170px;
    border-radius: 6px;
  }

  .about-intro .__avatar {
    width: 27%;
  }

  .about-intro .__inner {
    padding-left: 28%;
  }

  .title-icon::after {
    width: 40px;
    height: 2px;
  }

  .title-icon::before {
    width: 7px;
    height: 7px;
    left: 38px;
  }

  .page-content h2 {
    font-size: 16px;
  }

  .title-icon {
    font-size: 18px !important;
    padding-left: 55px;
  }

  .guide-product .__thumb {
    min-height: 192px;
  }

  .control-slide {
    width: 70px;
    height: 50px;
    top: -20px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .control-slide::before {
    right: 24px;
    width: 30px;
    height: 30px;
  }

  .wrap-internal-link::after {
    right: 10px;
    width: 28px;
    height: 44px;
    transform: translateY(-100%);
    top: -55px;
  }

  .footer__inner .container::after {
    width: 36px;
    top: -40px;
    right: 5px;
  }

  .product-slide .swiper-button-ct.swiper-button-next {
    right: 5%;
  }

  .product-slide .swiper-button-ct.swiper-button-prev {
    left: 5%;
  }

  .about-info__item img {
    height: 150px;
  }

  .recruit-content-row img {
    width: 94%;
  }

  .st-title .__title.--news img {
    width: 110px;
  }

  .st-title .__title.--recruit img {
    max-width: 150px;
  }

  .st-title .__title.--about img {
    max-width: 170px;
  }

  .st-title .__title.--guide img {
    max-width: 210px;
  }

  .st-title .__title.--guide {
    line-height: 1.4;
  }

  .block-title-cl .__left {
    flex: unset;
    width: 100%;
  }

  .popup-flex .__img img {
    width: 34px;
  }

  .close-popup {
    right: -5px;
  }

  .popup-in-table {
    width: 94vw;
    top: 42px;
  }

  .product-table tr td:nth-child(2) .popup-in-table.--ct {
    top: 42px;
  }

  .contact-banner.--search .__inner {
    min-height: unset;
  }

  .contact-banner.--ct .__link a svg {
    width: 24px;
    height: 24px;
  }

  .wrap-product-sl-detail .swiper-button-ct.swiper-button-next {
    right: 5px;
  }

  .wrap-product-sl-detail .swiper-button-ct.swiper-button-prev {
    left: 5px;
  }

  .pallet-flex .pallet-box:nth-child(2)::after,
  .pallet-flex .pallet-box:nth-child(4)::after {
    width: 32px;
    height: 31px;
    bottom: -27px;
    left: -26px;
  }

  .contact__step-img {
    height: 80px;
  }

  .btn.--orange img,
  .btn.--blue img {
    max-width: 30px;
    max-height: 21px;
  }

  .recruit-content-row.--ab img {
    width: 160px;
    top: -54px;
  }

  .title-number.--ct {
    font-size: 16px;
  }

  .title-number.--ct .__num {
    font-size: 32px;
  }

  .palletguide-banner-wrap.--download .palletguide-banner__link .btn {
    height: 48px;
  }

  .palletguide-banner-wrap.--download .palletguide-banner__link .txt {
    padding-bottom: 10px;
    min-height: 70px;
  }

  .palletguide-banner__link.--ct01 .__img {
    max-width: 50px;
    left: 30px;
    top: 26px;
  }

  .palletguide-banner__link.--ct01 .txt {
    padding-left: 80px;
  }

  .palletguide-banner__link.--ct02 .__img {
    max-width: 74px;
    top: 26px;
  }

  .palletguide-banner__link.--ct02 .txt {
    padding-left: 86px;
  }

  .palletguide-banner__link.--ct03 .__img {
    max-width: 80px;
    top: 15px;
  }

  .palletguide-banner__link.--ct03 .txt {
    padding-left: 86px;
    min-height: unset !important;
  }

  .palletguide-banner__link.--ct04 .txt {
    padding-left: 86px;
  }

  .palletguide-banner__link.--ct04 .__img {
    max-width: 46px;
    left: 38px;
    top: 22px;
  }

  .download-list {
    row-gap: 25px;
  }

  .complete-txt h3 {
    font-size: 20px !important;
  }

  .wrap-search-radio {
    column-gap: 20px;
  }

  .title-icon.--ct-sp::before {
    top: 13.5px;
  }

  .title-icon.--ct-sp::after {
    top: 14px;
  }

  .icon-in-line {
    width: 100%;
  }

}

/* end 479 */

@media only screen and (max-width: 375px) {
  .recruit-banner-link {
    height: 200px;
  }

  .palletguide-banner-wrap.--download.--contact .palletguide-banner__link.--ct02 .txt {
    padding-left: 80px;
  }

  .palletguide-banner__link.--ct01.--r .txt {
    padding-left: 0px;
  }

  .contact-banner {
    padding: 0px 5px;
  }

  .title-single-case img {
    width: 55px;
  }

  .title-single-case {
    font-size: 22px;
  }

  .guide-search .form-row .form-control {
    height: 45px;
  }

  .guide-search .btn {
    font-size: 14px;
    height: 45px;
  }

  .palletguide-banner__link .btn {
    font-size: 14px;
    height: 45px;
  }

  .palletguide-banner__link.--02 .__img {
    max-width: 100px;
  }

  .palletguide-banner__link.--02 .txt {
    padding-left: 118px;
  }

  .palletguide-banner__link .txt {
    padding-left: 90px;
  }

  .palletguide-banner__link .__img {
    left: 14px;
  }

  .palletguide__item h4 {
    font-size: 13px;
  }

  .palletguide__item img {
    max-width: 46px;
    top: -23px;
  }

  .palletguide__item {
    border-radius: 6px;
    padding: 26px 12px 10px;
    min-height: 72px;
  }

  .palletguide-list {
    row-gap: 38px;
    column-gap: 14px;
  }

  .palletguide-list li {
    width: calc(100% / 2 - 7px);
  }

  .recruit-status-banner .__item .__title {
    font-size: 18px;
  }

  .recruitment-item {
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
  }

  .item-search {
    width: 100%;
  }

  .label-check-box,
  .label-check-box.--small {
    font-size: 15px;
    column-gap: 12px;
  }

  .recruit-content-row .__title {
    font-size: 15px;
  }

  .recruit-content-row.--ab img {
    width: 145px;
  }

  .about-community .__item {
    padding: 10px 15px;
  }

  .txt-hl {
    font-size: 10px;
    padding: 1px 5px;
    min-width: 58px;
  }

  .reason-row .__img {
    width: 90px;
  }

  .contact-top-step .__block.--contact-step {
    padding: 20px 8px 16px 8px;
  }

  .contact-top-step .__block.--contact-step .__title {
    font-size: 13px;
  }

  .envi-step h4 {
    font-size: 16px;
  }

  .interview-flex li {
    width: calc(100% / 2 - 8px);
  }

  .interview-flex {
    column-gap: 16px;
    row-gap: 18px;
    justify-content: center;
  }

  .interview-link .__thumb {
    height: 145px;
  }

  .recruit-banner-link.--full {
    height: 95px;
  }

  .page-content .recruit-banner-link.--full h2.c__ja {
    font-size: 22px;
  }

  .page-content h2.c__ja {
    font-size: 26px;
  }

  .recruit-box .__thumb {
    width: 75px;
  }

  .recruit-banner-link {
    height: 200px;
  }

  .contact-top-step .__block::after,
  .contact-top-step .__block:nth-child(3)::before {
    border-width: 20px 0 20px 28px;
  }

  .contact__step-link {
    font-size: 12px;
  }

  .case-item .__thumb img {
    height: 190px;
  }

  .case-item .__title {
    font-size: 16px;
  }

  .banner-entry {
    height: 260px;
  }

  .banner-entry .__inner .btn:nth-child(2) {
    bottom: 17%;
  }

  .pallet-box img {
    height: 120px;
  }

  .flex-cl2 .img img {
    width: 120px;
  }

  .flex-cl2 .img h3 {
    font-size: 16px;
  }

  .contact-banner .__link a {
    font-size: 13px;
    padding: 10px 10px;
    max-height: 46px;
  }

  .popup-in-table {
    width: 94vw;
  }

  .product-content {
    flex: unset;
    width: 100%;
  }

  .product-thumb {
    width: 100%;
  }

  .wrap-p-thumb {
    padding: 12px;
  }

  .breadcrumb {
    font-size: 10px;
    padding: 8px 0px;
  }

  .pallet-box h4 {
    font-size: 15px;
  }

  .pallet-flex .pallet-box::after {
    width: 45px;
    height: 32px;
  }

  .pallet-flex .pallet-box:nth-child(1)::after,
  .pallet-flex .pallet-box:nth-child(3)::after {
    right: -19%;
  }
}

/* end 375px */

@media only screen and (max-width: 360px) {
  .h-search.--sp input {
    width: 210px;
  }

  #calendar .ui-datepicker td {
    height: 32px;
  }

  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    width: 32px;
    height: 32px;
  }

  .ui-datepicker .ui-datepicker-prev::before {
    border-width: 7px 10px 7px 0;
  }

  .ui-datepicker .ui-datepicker-next::before {
    border-width: 7px 0 7px 10px;
  }

  .ui-datepicker .ui-datepicker-prev {
    left: -35px;
  }

  .ui-datepicker .ui-datepicker-next {
    right: -35px;
  }

  .contact-top-step .__block.--contact-step {
    padding: 16px 8px 12px 8px;
  }

  .palletguide-banner__link.--ct04 .__img {
    left: 30px;
  }

  .palletguide-banner__link.--ct04 .txt {
    padding-left: 80px;
  }

  .page-content .download-item h3 {
    font-size: 18px;
  }

  .g-full .__title {
    font-size: 18px;
  }

  .envi-box li strong {
    width: 44px;
  }

  .envi-box {
    padding: 8px 12px;
  }

  .about-community .__item .title-icon {
    font-size: 16px !important;
  }

  .title-number.--ct .__num {
    font-size: 30px;
  }

  .title-number.--ct {
    font-size: 15px;
    column-gap: 8px;
  }

  .banner-entry {
    height: 240px;
  }

  .cl-2__item .text h4 {
    margin-bottom: 5px;
  }

  .cl-2__item {
    column-gap: 10px;
  }

  .col-2-img.sp-cl-reverse .__img,
  .cl-2__item .img {
    width: 100px;
  }

  .popup-flex .__img img {
    width: 30px;
  }

  .contact-banner .__inner.--download p img {
    max-width: 50px;
  }

  .item-search.--color-select .label-check-box span::after {
    width: 48px;
    height: 48px;
  }

  .contact-banner.d-flex .__link {
    width: 100%;
  }

  .contact-banner .__link a img {
    max-width: 26px;
    max-height: 18px;
  }

  .contact-banner.--ct .__inner {
    padding: 20px 10px;
  }

  .sgd-list li img {
    width: 70px;
  }

  .about-community img {
    height: 140px;
  }

  .guide-product .__thumb {
    min-height: 134px;
  }

  .product-slide .swiper-button-ct.swiper-button-next {
    right: 4%;
  }

  .product-slide .swiper-button-ct.swiper-button-prev {
    left: 4%;
  }

  .internal-link {
    width: 100%;
  }

  .guide-sp .swiper-button-next,
  .guide-sp .swiper-button-prev {
    width: 30px;
    height: 30px;
  }

  .block-title-cl {
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .pallet-product .block-title-cl .__right {
    padding-top: 0px;
  }

  .reruit .block-title-cl .__right {
    padding-top: 0px;
  }

  .contact-part-flex .__block {
    padding: 34px 10px;
  }

  .palletguide-intro h2 {
    font-size: 19px !important;
  }

  .palletguide-banner__link .__link {
    width: 96%;
  }

  .contact-table tbody tr td:last-child {
    font-size: 15px;
  }
}

/* end 360 */

@media only screen and (max-width: 320px) {
  .palletguide-banner__link.--ct01.--r .__img {
    right: 26px;
    max-width: 48px;
    top: 39px;
  }

  .palletguide-banner-wrap.--contact .palletguide-banner__link.--ct02 .__img {
    top: 40px;
  }

  .palletguide-banner__link.--ct01.--r.--02 .__img {
    top: 28px;
  }

  .case-item .__thumb img {
    height: 160px;
  }

  .flex-cl2 .img img {
    width: 100px;
  }

  .popup-in-table {
    width: 93vw;
  }

  .pallet-box h4 {
    font-size: 14px;
  }
}

/* end 320 */
/*========= Resposive style =========*/