@charset "utf-8";

/*共通 設定
---------------------------------------------------------*/
@font-face {
  font-family: 'MyFont';
  src: url('font/tamil-sangam-mn.ttf') format('opentype');
}

:root {
  --clr_main: #4CA9C7;
  --clr_sub: #0071BC;
  /* --clr_red: #D70000; */
  --clr_gray: #D9D9D9;
  --font_mincho: "Shippori Mincho", serif;
}

.jaTxt {
  font-family: var(--font_mincho);
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.07em;
}

.enTxt {
  font-family: 'MyFont';
  font-weight: 400;
  line-height: 1;
}

.txt {
  line-height: 2;
}

.clrMain {
  color: var(--clr_main) !important;
}

.bgMain {
  background-color: var(--clr_main) !important;
}

.clrSub {
  color: var(--clr_sub) !important;
}

.clrBk {
  color: #000 !important;
}

.bgSub {
  background-color: var(--clr_sub) !important;
}




/*header
---------------------------------------------------------*/
:root {
  /* --header-height: 8.8rem; */
  /*外部ページからのアンカーリンク用*/
  /* 画像の読み込みでずれるときは、EWWW Image Optimizerでページ除外する page:/equipment/ */
}

html {
  /* scroll-padding-top: var(--header-height)!important; */
}

#header {
  /* height: var(--header-height); */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  transition: .2s;
  z-index: 9999;
}

#header.scrollClass {
  background-color: #fff;
  box-shadow: 0 .2rem 0.5rem rgba(0, 0, 0, 0.2);
}

.header_wrap {
  width: 95%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 2rem 0;
}

.header_logo img {
  max-height: 4.5rem;
}

._white .header_logo img {
  filter: brightness(0) invert(100%);
}

.header_nav {
  gap: 2.4rem;
}

.header_nav ul {
  gap: 4rem;
  align-items: center;
}

.header_nav li {
  text-align: left;
  position: relative;
}

.header_nav li a {
  position: relative;
  color: #000;
}

._white .header_nav li a {
  color: #fff;
}

.header_nav li a:hover {
  color: var(--clr_main);
}

#header.scrollClass._white .header_logo img {
  filter: none;
}

#header.scrollClass._white .header_nav li a {
  color: #000;
}

#header.scrollClass .header_nav li a:hover {
  color: var(--clr_main);
}


#header .sns_group {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

#header .sns_group.onlysp {
  display: none;
}

#header .sns_group .sns {
  transition: opacity .2s ease;
}

#header .sns_group .sns:hover {
  opacity: 0.7;
}

#header .sns_group .sns {
  position: relative;
  aspect-ratio: 1/1;
}

#header .sns_group .-instagram {
  aspect-ratio: 1/1;
  width: 4rem;
}

#header .sns_group .-line {
  width: 4.6rem;
}

#header .sns_group .sns::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
}

#header .sns_group .-instagram::before,
#header.scrollClass._white .sns_group .-instagram::before {
  background: url(../img/sns_instagram_cl.png) no-repeat;
  background-size: contain;
}

#header .sns_group .-line::before,
#header.scrollClass._white .sns_group .-line::before {
  background: url(../img/sns_line_cl.png) no-repeat;
  background-size: contain;
}

#header._white .sns_group .-instagram::before {
  background: url(../img/sns_instagram.png) no-repeat;
  background-size: contain;
}

#header._white .sns_group .-line::before {
  background: url(../img/sns_line.png) no-repeat;
  background-size: contain;
}


/*footer
---------------------------------------------------------*/
.footer {
  padding: 10rem 0 8rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.footer_top {
  gap: 5rem;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3.8rem;
  margin-bottom: 4.5rem;
  border-bottom: .1rem solid var(--clr_gray);
}

.footer_logo {
  max-width: 18.8rem;
}

.footer_middle {
  justify-content: space-between;
  text-align: left;
}

.footer_company .name {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

.footer_company .address span {
  display: block;
  margin-bottom: 1rem;
}

.footer_nav {
  gap: 7rem;
  padding-right: 4rem;
}

.footer_nav ul li+li,
.footer_nav ul.child {
  margin-top: 1.4rem
}

.footer_nav>ul>li>a {
  font-weight: 700;
}

.footer_nav ul.child li a {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.footer_nav ul.child li a::before {
  content: "";
  width: .8rem;
  height: 0.1rem;
  background-color: #000;
  display: inline-block;
}

.footer_nav a:hover,
.footer_bottom a:hover {
  color: var(--clr_main);
}

.footer_bottom {
  justify-content: space-between;
  align-items: baseline;
  margin-top: 1rem;
}

.footer_auth {
  gap: 3rem;
  align-items: center;
  max-width: 35rem;
}

.footer_policy {
  gap: 5rem;
  font-size: 1.2rem;
}

/*共通 パーツ
---------------------------------------------------------*/
/* ボタン */
.c_btn_row {
  gap: 1.4rem;
}

.c_btn a {
  background-color: var(--clr_main);
  color: #fff;
  width: 18rem;
  display: inline-block;
  border-radius: 3rem;
  padding: 1.2rem;
}

.c_btn._recruit a {
  background-color: var(--clr_sub);
}

.c_btn._recruit a::after {
  content: "";
  width: 1.2rem;
  aspect-ratio: 1;
  background: url("../img/icon_blank.svg") center no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 1rem;
}

.c_btn a:hover {
  background-color: #919191;
}

.c_more {
  margin-top: 5rem;
  transition: .2s;
}

.c_more a,
.c_more span {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-family: 'MyFont';
}

.c_more a::after,
.c_more span::after,
.c_arrow::after {
  content: "";
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  border: .1rem solid var(--clr_main);
  background: url("../img/arrow_main.svg") 50% 54% no-repeat;
  background-size: 50% auto;
}

.c_more._white a,
.c_more._white span {
  color: #fff;
}

.c_more._white a::after,
.c_more._white span::after {
  filter: brightness(0) invert(1);
}

.c_arrow::after {
  width: 2.6rem;
  height: 2.6rem;
}

a:hover .c_more,
.c_more a:hover,
a.c_more:hover {
  color: var(--clr_main);
}

a:hover.c_more._white,
.c_more._white a:hover {
  opacity: .8;
  ;
}

/* タイトル */
.c_enJaTtl {
  font-size: 1.6rem;
  text-align: left;
  font-weight: 400;
}

.c_enJaTtl span {
  display: block;
  font-size: 6.4rem;
  line-height: 1;
  margin-bottom: .4rem;
  color: var(--clr_main);
}

.c_jaEnTtl {
  color: var(--clr_main);
}

.c_jaEnTtl .jaTxt {
  font-size: 3.2rem;
  margin-bottom: 0.5rem;
}

/* 数字 */
.c_enNum {
  color: var(--clr_main);
  font-size: 1.6rem;
  text-align: center;
  font-family: 'Myfont';
  line-height: 1;
}

.c_enNum span {
  font-size: 6.4rem;
  display: block;
}



/*アニメーション
---------------------------------------------------------*/
.js-scroll figure._imgScale,
.js-scroll ._imgScale figure {
  overflow: hidden;
}

.js-scroll figure._imgScale img,
.js-scroll ._imgScale figure img {
  transform: scale(1);
  opacity: 0;
  transition: transform 3s .2s, opacity 3s .2s cubic-bezier(.33, 1, .68, 1);
}

.js-scroll ._imgScale figure:nth-of-type(2) img {
  transition-delay: .4s;
}

.js-scroll ._imgScale figure:nth-of-type(3) img {
  transition-delay: .6s;
}

.js-scroll.active figure._imgScale img,
.js-scroll.active ._imgScale figure img {
  transform: scale(1.05);
  opacity: 1;
}

/* フェードイン */
.js-scroll ._fadeIn,
.js-scroll ._fadeIn_multi li {
  opacity: 0;
  transition: opacity .8s .2s linear;
}

.js-scroll ._fadeIn_multi li:nth-of-type(2),
.js-scroll a._fadeIn:nth-of-type(2) {
  transition-delay: .4s;
}

.js-scroll ._fadeIn_multi li:nth-of-type(3) {
  transition-delay: .6s;
}

.js-scroll.active ._fadeIn,
.js-scroll.active ._fadeIn_multi li {
  opacity: 1;
}

/*top
---------------------------------------------------------*/
.p_top_mv {
  overflow: hidden;
  height: 100dvh;
  min-height: 50rem;
  position: relative;
  color: #fff;
}

.p_top_mv::after {
  content: "";
  width: 100%;
  height: 43rem;
  background: linear-gradient(180deg, rgba(162, 213, 243, 0.00) 0%, rgba(94, 150, 171, 0.70) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.p_top_mv .container {
  position: relative;
  height: 100%;
  max-width: 190rem;
}

.p_top_mv__box {
  position: absolute;
  bottom: 5rem;
  left: 0;
  text-align: left;
  z-index: 3;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}

.p_top_mv__box h1 {
  font-size: 2.4rem;
  margin-bottom: 0.4rem;
  letter-spacing: 0.2em;
}

.p_top_mv__box .enTxt {
  font-size: 9.6rem;
  margin-bottom: 0.5rem;
}

.p_top_mv__box .name {
  font-size: 1.8rem;
  font-weight: 500;
}

.c__mv_scroll {
  position: absolute;
  bottom: 4rem;
  right: 0;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  -o-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 9;
  font-size: 1.3rem;
}

.c__mv_scroll::after {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1 / 2;
  background: url("../img/scroll_arrow.svg") center no-repeat;
  background-size: contain;
  display: inline-block;
  animation: scrollanime 2s infinite linear;
}

@keyframes scrollanime {
  0% {
    translate: 0 0%;
  }

  50% {
    translate: 0 -30%;
  }

  100% {
    translate: 0 0%;
  }
}

.p_top_mv__slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p_top_mv__slide li {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: scale(1.1);
  transition: transform 5s, opacity 3s cubic-bezier(.33, 1, .68, 1);
  opacity: 0;
  z-index: 0;
}

.p_top_mv__slide li.visible {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.p_top_mv__slide li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p_top_promise {
  padding: 14rem 0 4rem;
  position: relative;
  z-index: 1;
}

.p_top_promise::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/top/promise_bg.jpg") center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  z-index: -1;
}

.p_top_promise__bgGrad::before {
  content: "";
  width: 100%;
  height: 50rem;
  background: linear-gradient(0deg, rgba(162, 213, 243, 0.00) 0%, rgba(132, 201, 226, 0.20) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p_top_promise__bgGrad::after {
  content: "";
  width: 100%;
  height: 25rem;
  background: linear-gradient(180deg, rgba(76, 169, 199, 0.00) 0%, #4CA9C7 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.p_top_promise__row {
  gap: 20rem;
  justify-content: space-between;
}

.p_top_promise__box {
  flex: 1;
  color: var(--clr_main);
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}

.p_top_promise__box h2 {
  font-size: 2.4rem;
  padding-bottom: 2rem;
  letter-spacing: 0.15em;
  line-height: 1.7;
}

.p_top_promise__box h2 span {
  font-size: 166.7%;
  display: block;
}

.p_top_promise__box .txt {
  line-height: 2.3;
}

.p_top_promise__img {
  width: 44.3rem;
  max-width: 100%;
  position: relative;
}

.p_top_promise__img figure._01 {
  width: 29rem;
  margin-left: 2.8rem;
}

.p_top_promise__img figure._02 {
  width: 19.3rem;
  position: absolute;
  top: 23.7rem;
  right: 0;
}

.p_top_promise__img figure._03 {
  width: 16.3rem;
  margin-top: 10rem;
}

.p_top_promise__enTxt {
  font-size: 10.4rem;
  color: #fff;
  margin-top: 29rem;
}

.p_top_approach {
  overflow: visible;
  overflow-x: clip;
}

.p_top_approach__lead {
  background-color: var(--clr_main);
  padding-top: 12.6rem;
  overflow: hidden;
}

.p_top_approach__lead_ttl {
  gap: 18rem;
  margin-bottom: 4.2rem;
  align-items: flex-end;
}

.p_top_approach__lead_ttl * {
  color: #fff !important;
}

.p_top_approach__lead_ttl h3 {
  font-size: 4rem;
}

.p_top_approach__lead_row {
  position: relative;
  padding-top: 9rem;
}

.p_top_approach__lead_img {
  position: absolute;
  right: 41rem;
  top: 0;
  width: clamp(87.6rem, 60vw, 120rem);
  height: 100%;
  z-index: 1;
}

.p_top_approach__lead_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p_top_approach__lead_box {
  padding: 9.5rem 12rem 1rem 13rem;
  text-align: left;
  position: relative;
  z-index: 1;
  width: 73.6rem;
  margin-left: auto;
  margin-right: -12rem;
  background-color: #fff;
}

.p_top_approach__lead_box .enTxt {
  color: var(--clr_main);
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  -o-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  position: absolute;
  top: 2.3rem;
  left: 1.7rem;
}

.p_top_approach__lead_box h4 {
  font-size: 2.4rem;
  margin-bottom: 1.6rem;
}

.p_top_approach__lead_box .txt {
  letter-spacing: 0.07em;
}

.p_top_approach__cont {
  padding: 14rem 0 6rem;
}

.p_top_approach__cont_row {
  gap: 4.8rem;
  padding: 6rem 0;
}

.p_top_approach__cont_row:nth-of-type(even) {
  flex-direction: row-reverse;
}

.p_top_approach__cont_box {
  flex: 1;
  padding-left: 12rem;
  position: relative;
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: .05em;
}

.p_top_approach__cont_box .c_enNum {
  position: absolute;
  top: 0;
  left: 0;
}

.p_top_approach__cont_box h4 {
  font-size: 3rem;
  padding: 2.5rem 0 3rem;
  color: var(--clr_main);
  letter-spacing: 0.15em;
}

.p_top_approach__cont_box h5 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.15em;
  padding-bottom: 1rem;
}

.p_top_approach__cont_box .c_more {
  margin-top: 6rem;
}

.p_top_approach__cont_img {
  max-width: 55.4rem;
  position: relative;
}

.p_top_approach__cont_img figure._01_1 {
  max-width: 48.9rem;
}

.p_top_approach__cont_img figure._01_2 {
  max-width: 14.8rem;
  position: absolute;
  top: -7.6rem;
  left: -9.3rem;
}

.p_top_approach__cont_img figure._03_2 {
  max-width: 14.8rem;
  position: absolute;
  bottom: -5.6rem;
  left: -8.2rem;
}

.p_top_business {
  padding-bottom: 14rem;
}

.p_top_business__lead {
  gap: 12rem;
  margin-bottom: 5rem;
  text-align: left;
}

.p_top_business__lead_txt h3 {
  font-size: 2rem;
  padding-bottom: 1.6rem;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.07em;
}

.p_top_business__list {
  grid-template-columns: repeat(3, 1fr);
  gap: 5.8rem;
}

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

.p_top_business__list_img * {
  color: #fff !important;
}

.p_top_business__list_img::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: 1s;
}

.p_top_business__list_img .c_enNum {
  position: absolute;
  top: 1.6rem;
  left: 2rem;
  z-index: 1;
}

.p_top_business__list_img .enTxt {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  -o-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  position: absolute;
  bottom: 2rem;
  right: 1.4rem;
  letter-spacing: 0.05em;
  z-index: 1;
}

.p_top_business__list_txt {
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: 1s;
}

.p_top_business__list figure {
  overflow: hidden;
  height: 42rem;
}

/* .p_top_business__list li:first-of-type figure img {
  width: 120%;
  height: 109%;
  max-width: none;
  object-position: 39% -2.3rem;
} */

.p_top_business__list li:nth-of-type(2) figure img {
  object-position: 50% 85%;
  ;
}

.p_top_business__list figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 1s;
}

a:hover .p_top_business__list_img::before {
  background-color: rgba(0, 0, 0, 0);
}

.p_top_business__list a:hover figure img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}

a:hover .p_top_business__list_txt {
  color: var(--clr_main);
}

.p_top_company {
  padding-top: 0;
}

.p_top_company__lead {
  gap: 12rem;
  text-align: left;
  position: relative;
  padding: 7rem 0 5rem;
}

.p_top_company__lead * {
  color: #fff !important;
}

.p_top_company__lead::before {
  content: "";
  width: clamp(100rem, 94vw, 152rem);
  height: 100%;
  background: url("../img/top/company_lead_bg.jpg") center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.p_top_company__lead_txt {
  max-width: 54.2rem;
}

.p_top_company__lead_txt h3 {
  font-size: 2rem;
  padding-bottom: 1.6rem;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.07em;
}

.p_top_company__cont_list {
  width: 49.3rem;
}

.p_top_company__cont_list li a {
  font-size: 2rem;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  gap: 3rem;
  position: relative;
  padding: 3.5rem 3rem 3.5rem 4.5rem;
  border-bottom: .1rem solid var(--clr_gray);
}

.p_top_company__cont_list li a:hover {
  color: var(--clr_main);
  border-color: var(--clr_main);
}

.p_top_company__cont_list li a span {
  color: var(--clr_main);
  letter-spacing: 0.05em;
}

.p_top_company__cont_list li a::after {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
}

.p_top_company__cont_img {
  position: relative;
}

.p_top_company__cont_img figure {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(70rem, 54vw, 102rem);
  height: 100%;
  margin-right: calc(-50vw + 50%);
  visibility: hidden;
  opacity: 0;
  transition:
    opacity .45s cubic-bezier(0.65, 0, 0.35, 1),
    visibility .45s cubic-bezier(0.65, 0, 0.35, 1),
    transform .45s cubic-bezier(0.65, 0, 0.35, 1);
}

.p_top_company__cont_img figure.current,
.p_top_company__cont_img figure#item01 {
  opacity: 1;
  visibility: visible;
  transition:
    opacity .45s cubic-bezier(0.65, 0, 0.35, 1),
    visibility .45s cubic-bezier(0.65, 0, 0.35, 1),
    transform .45s cubic-bezier(0.65, 0, 0.35, 1);
}

.p_top_company__cont_img figure img {
  height: 100%;
  min-width: 100%;
  object-fit: cover;
}

.p_top_news__row {
  justify-content: space-between;
  text-align: left;
}

.displayName {
  text-align: center;
  margin-bottom: 2rem;
}

.c_post_list {
  flex: 1;
  max-width: 71.2rem;
  text-align: left;
}

.c_post_list li a {
  border-bottom: .1rem solid var(--clr_gray);
  padding: 2.4rem 2.4rem 2.4rem 0;
  gap: 5rem;
}

.c_post_list li:first-of-type a {
  padding-top: 0;
}

.c_post_thumb {
  width: 12.6rem;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.c_post_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: .4s;
}

a:hover .c_post_thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}

.c_post_list_cont {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.3rem 2rem;
}

.c_post_date {
  font-size: 1.4rem;
}

.c_post_cate {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.c_post_cate li {
  color: var(--clr_main);
  background-color: #F7F8F9;
  border-radius: 3rem;
  padding: 0.6rem 1rem;
  font-size: 1.2rem;
  display: inline-block;
  line-height: 1;
  font-weight: 500;
}

.c_post_list__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  width: 100%;
  padding-right: 4rem;
  transition: .4s;
}

.c_post_list__ttl::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

a:hover .c_post_list__ttl {
  color: var(--clr_main);
}

.c_post_list li a:hover {
  border-color: var(--clr_main);
}

.p_top_recruit {
  padding: 0;
  background-color: var(--clr_main);
}

.p_top_recruit__row {
  display: grid;
  max-width: 192rem;
  margin-inline: auto;
  max-height: 68rem;
  grid-template-columns: 10% 38% 30% 22%;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas:
    "a c d e"
    "b c d f";
  background-color: var(--clr_sub);
}

.p_top_recruit__img._01 {
  grid-area: a;
}

.p_top_recruit__img._02 {
  grid-area: b;
}

.p_top_recruit__box {
  grid-area: c;
}

.p_top_recruit__img._03 {
  grid-area: d;
}

.p_top_recruit__img._04 {
  grid-area: e;
}

.p_top_recruit__img._05 {
  grid-area: f;
}

.p_top_recruit__box * {
  color: #fff !important;
}

.p_top_recruit__box {
  background-color: var(--clr_sub);
  padding: 8rem 7rem 7rem;
  text-align: left;
  margin: auto;
}

.p_top_recruit__box h3 {
  font-size: 2.7rem;
  margin-top: 4rem;
  letter-spacing: 0.07em;
}

.p_top_recruit__box .enImg {
  margin: -2rem 0 0 13rem;
}

.p_top_recruit__box .txt {
  letter-spacing: 0.07em;
}

.p_top_recruit__img {
  overflow: hidden;
}

.p_top_recruit__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.c_contact {
  background: url("../img/contact_bg.jpg") center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.c_contact::before {
  content: "";
  width: 100%;
  height: 32.8rem;
  background: linear-gradient(#FFF 0%, #FFF 9.6rem, rgba(255, 255, 255, 0.00) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.c_contact__row {
  gap: 4rem;
  justify-content: space-between;
  background-color: var(--clr_main);
  border-radius: 1rem;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.10);
  padding: 5.6rem 8.5rem;
  text-align: left;
}

.c_contact__row * {
  color: #fff !important;
}

.c_contact__ttl {
  width: 36rem;
  max-width: 100%;
}

.c_contact__ttl .txt {
  margin-top: 3rem;
}

.c_contact__box h3 {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.8rem;
}

.c_contact__box .tel a {
  font-size: 5.6rem;
  line-height: 0.8;
}

.c_contact__box .mail {
  margin-top: 2rem;
}

.c_contact__box .mail a {
  background-color: #fff;
  color: var(--clr_main) !important;
  border-radius: 6rem;
  padding: 2rem 3rem;
  font-size: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  width: 34rem;
}

.c_contact__box .mail a:hover {
  opacity: .8;
}


/*下層 共通
---------------------------------------------------------*/
.c_lower_mvImg,
.c_lower_mvTxt {
  padding-top: 10rem;
}

.c_lower_mvImg {
  height: 100dvh;
  color: #fff;
  z-index: 1;
  position: relative;
  background-color: var(--clr_main);
}

.c_lower_mvImg::after {
  content: "";
  width: 100%;
  height: 25rem;
  background: linear-gradient(180deg, rgba(76, 169, 199, 0.00) 0%, #4CA9C7 95%, #4CA9C7 100%);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
}

.c_lower_mvImg._black::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.c_lower_mvImg .container,
.c_lower_mvTxt .container {
  position: relative;
  z-index: 2;
}

.c_lower_mvImg .container {
  height: 100%;
}

.c_pankz {
  position: relative;
  z-index: 9;
}

.c_pankz ol {
  text-align: left;
  font-size: 1.2rem;
}

.c_pankz ol li {
  display: inline;
}

.c_pankz ol li a::after {
  content: ">";
  margin: 0 .5em;
}

.c_pankz ol li,
.c_pankz ol li a,
.c_pankz ol li a::after {
  color: #fff;
}

.c_lower_mvTxt .c_pankz ol li,
.c_lower_mvTxt .c_pankz ol li a,
.c_lower_mvTxt .c_pankz ol li a::after {
  color: #9E9E9E;
}

.c_pankz ol li a:hover {
  color: var(--clr_main);
}

.c_lower_mvImg__ttl {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 7rem;
}

.c_lower_mvImg__ttl .jaTxt {
  font-size: 4.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.c_lower_mvImg__color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: -1;
}

.c_lower_mvImg__bgImg {
  top: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  position: fixed;
  z-index: -2;
}




/* koko ここ */

.c_lower_mvImg__bgImg img {
  width: 100%;
  height: 105dvh;
  object-fit: cover;
}

.c_lower_mvTxt {
  position: relative;
}

.c_lower_mvTxt__ttl {
  color: var(--clr_main);
  border-bottom: .1rem solid var(--clr_main);
  padding: 11.8rem 0 9.6rem;
  text-align: left;
}

.c_lower_mvTxt__ttl h1 {
  font-size: 4.8rem;
  font-weight: 500;
}





.c_lower_lead {
  position: relative;
  z-index: 1;
  background-color: var(--clr_main);
  padding: 7rem 0 46rem;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: .15em;
}

.c_lower_lead__ttl {
  font-size: 3.2rem;
  margin-bottom: 2rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
}

.c_lower_lead__txt {
  line-height: 2;
}

.c_lower_lead__img {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48rem;
}

.c_lower_lead__img::before {
  content: "";
  width: 100%;
  height: 25rem;
  background: linear-gradient(0deg, rgba(76, 169, 199, 0.00) 0%, #4CA9C7 98%, #4CA9C7 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.c_lower_lead__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.c_lower_link {
  padding: 12.6rem 0 17rem
}

.c_lower_link li+li {
  margin-top: 9rem;
}

.c_lower_link a {
  display: block;
}

.c_lower_link__ttl {
  position: relative;
}

.c_lower_link__txt {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #fff;
  padding: 3.2rem 5.8rem 0 0;
  gap: 5rem;
  align-items: flex-end;
}

.c_lower_link__txt .c_jaEnTtl {
  margin-bottom: .4rem;
  text-align: left;
}

.c_lower_link__cont {
  justify-content: space-between;
  align-items: flex-end;
  text-align: left;
  margin-top: 3.2rem;
}

.c_lower_link__cont .txt {
  font-feature-settings: "palt";
  letter-spacing: 0.07em;
}

.c_lower_overlay {
  padding: 0 0 5rem;
  max-width: 200rem;
  margin-inline: auto;
}

.c_lower_overlay__row {
  grid-template-columns: repeat(2, 1fr);
}

.c_lower_overlay__link {
  display: block;
  padding: 7rem;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.c_lower_overlay__link .c_jaEnTtl {
  color: #fff;
}

.c_lower_overlay__link .c_jaEnTtl .jaTxt {
  font-weight: 500;
}

.c_lower_overlay__link h2 {
  font-size: 1.8rem;
  padding-bottom: 2rem;
  line-height: 1.8;
}

.c_lower_overlay__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.c_lower_overlay__img::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.30);
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: 1s;
}

.c_lower_overlay__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

a:hover .c_lower_overlay__img::before {
  background-color: rgba(0, 0, 0, 0.50);
}

a:hover .c_lower_overlay__img img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  opacity: 1;
}

.sec_first {
  padding-top: 12rem;
}

/*greetings
---------------------------------------------------------*/
.p_greetings_lead {
  padding: 10rem 0 6rem;
  position: relative;
}

.p_greetings_lead::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #4CA9C7 0%, #4CA9C7 50%, rgba(76, 169, 199, 0.00) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p_greetings_lead__box {
  width: 53%;
  padding-right: 4rem;
  text-align: left;
  color: #fff;
}

.p_greetings_lead__box h2 {
  font-size: 3.2rem;
  padding-bottom: 6rem;
  font-feature-settings: "palt";
  line-height: 1.8;
}

.p_greetings_lead__box .name {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}

.p_greetings_lead__box .name img {
  margin: 0;
}

.p_greetings_lead__img {
  flex: 1;
  max-width: 96rem;
  aspect-ratio: 631/377;
  margin-right: calc(-50vw + 50%);
}

.p_greetings_lead__img img {
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}

.p_greetings_cont {
  padding-top: 4rem;
}

.p_greetings_cont__row {
  padding-bottom: 14rem;
  justify-content: flex-end;
}

.p_greetings_cont__img {
  flex: 1;
  max-width: 69rem;
  min-width: 46.9rem;
  aspect-ratio: 469/341;
  margin-left: calc(-50vw + 50%);
  position: relative;
}

.p_greetings_cont__img figure._02 {
  width: 38%;
  min-width: 23.6rem;
  margin: -5rem -13rem 0 auto;
}

.p_greetings_cont__img img {
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}

.p_greetings_cont__box {
  width: 67%;
  padding-left: 23rem;
  text-align: left;
  line-height: 2.4;
  font-feature-settings: "palt";
  letter-spacing: 0.13em;
}


/*history
---------------------------------------------------------*/
.p_history_timeline__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  text-align: left;
  padding-bottom: 5.7rem;
}

.p_history_timeline__list::before {
  content: "";
  position: absolute;
  top: 2.8rem;
  bottom: 0;
  left: 50%;
  width: .3rem;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(76, 169, 199, 1) 90%, rgba(76, 169, 199, 0) 100%);
}

.p_history_timeline__item {
  grid-column: 1;
  /* 左のカラム */
  padding-right: 12rem;
  position: relative;
}

.p_history_timeline__item._right {
  grid-column: 2;
  /* 右のカラム */
  padding: 0 0 0 12rem;
}

.p_history_timeline__item._1970 {
  margin-top: 19rem;
}

.p_history_timeline__item._1981 {
  margin-top: 22rem;
}

.p_history_timeline__item._1983 {
  margin-top: 34rem;
}

.p_history_timeline__item._1984 {
  margin-top: -36rem;
}

.p_history_timeline__item._1989 {
  margin-top: 4rem;
}

.p_history_timeline__item._1992 {
  margin-top: 7rem;
}

.p_history_timeline__item._2006 {
  margin-top: 13rem;
}

.p_history_timeline__item._2007 {
  margin-top: 20rem;
}

.p_history_timeline__item._2010 {
  margin-top: 8rem;
}

.p_history_timeline__item._2011 {
  margin-top: 15rem;
}

.p_history_timeline__item._2012 {
  margin-top: -4rem;
}

.p_history_timeline__item._2013 {
  margin-top: 2.4rem;
}

.p_history_timeline__item._2017 {
  margin-top: 14rem;
}

.p_history_timeline__item._2019 {
  margin-top: 27rem;
}

.p_history_timeline__item._2022 {
  margin-top: -28rem;
}

.p_history_timeline__item._2023 {
  margin-top: 15rem;
}

.p_history_timeline__item::after {
  content: "";
  display: inline-block;
  width: 1.3rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--clr_main);
  position: absolute;
  top: 2.8rem;
  right: 0;
  transform: translateX(50%);
}

.p_history_timeline__item._right::after {
  right: auto;
  left: 0;
  transform: translateX(-50%);
}

.p_history_timeline__day {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.p_history_timeline__day span {
  font-size: 6.4rem;
  color: var(--clr_main);
  margin-right: 1.6rem;
  font-family: 'Myfont';
  line-height: 1;
}

.p_history_timeline__txt {
  line-height: 1.9;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.p_history_timeline__img {
  margin-top: 2.4rem;
}

.p_history_timeline__img._small {
  width: 29.4rem;
  max-width: 100%;
}


/*privacy-policy
---------------------------------------------------------*/
.p_privacy_cont {
  text-align: left;
}

.p_privacy_cont h2,
.p_privacy_cont h3 {
  font-family: var(--font_mincho);
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
}

.p_privacy_cont p,
.p_privacy_cont li {
  line-height: 2;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}

.p_privacy_cont h2 {
  font-size: 3.2rem;
  margin-bottom: 5.4rem;
}

.p_privacy_cont__box {
  margin-top: 6.4rem;
}

.p_privacy_cont__box h3 {
  margin-bottom: 1.2rem;
  font-size: 2rem;
}

.p_privacy_cont__box ul {
  margin-top: 3rem;
}

.p_privacy_cont__box li {
  text-indent: -0.4em;
  padding-left: 1em;
}

.p_privacy_cont__box li::before {
  content: "●";
  display: inline-block;
  font-size: 0.5rem;
  vertical-align: 0.5rem;
  margin-right: 0.6rem;
}


/*safety
---------------------------------------------------------*/
.p_safety_lead {
  background-color: #fff;
  padding: 0;
  position: relative;
}

.p_safety_lead::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #4CA9C7 0%, #4CA9C7 73%, rgba(255, 255, 255, 0) 98%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p_safety_lead .container {
  position: relative;
  padding: 14rem 0 19rem;
}

.p_safety_lead__row {
  gap: 19rem;
}

.p_safety_lead__row_box {
  flex: 1;
  text-align: left;
  color: #fff;
  padding-left: 15.7rem;
}

.p_safety_lead__row_box h2 {
  font-size: 2.4rem;
  padding-bottom: 2.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 1.9;
}

.p_safety_lead__row_box h2 span {
  font-size: 133.3%;
  display: block;
}

.p_safety_lead__row_box .txt {
  line-height: 2.2
}

.p_safety_lead__row_img {
  max-width: 29rem;
  position: relative;
}

.p_safety_lead__row_img ._02 {
  width: 19.3rem;
  position: absolute;
  bottom: -13rem;
  right: -7rem;
}

.p_safety_lead__img {
  position: absolute;
  bottom: 0;
  left: -8.3vw;
  width: 15rem;
}

.c_anchor {
  padding: 6rem 0 4rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

section .c_anchor {
  padding: 0;
}

.c_anchor__list {
  grid-template-columns: repeat(4, 1fr);
}

.c_anchor__list li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.7;
  position: relative;
  transition: .2s;
  letter-spacing: .1em;
  color: var(--clr_main);
  font-family: var(--font_mincho);
  border-right: .1rem solid var(--clr_main);
  padding: 0.6rem;
  padding-bottom: 2.5rem;
}

.c_anchor__list li:first-child a {
  border-left: .1rem solid var(--clr_main);
}

.c_anchor__list li a::after {
  content: "";
  width: 1.4rem;
  aspect-ratio: 2;
  background: url("../img/arrow_main.svg") center no-repeat;
  background-size: contain;
  display: block;
  transform: rotate(90deg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 1.4rem auto 0;
}

.c_anchor__list li a .enTxt {
  font-size: 111.1%;
  display: block;
  margin-bottom: 1rem;
}

.c_anchor__list li a:hover {
  color: #777;
}

.c_anchor__list li a:hover::after {
  filter: grayscale(1);
}

.c_safety_cont {
  padding: 3rem 0;
}

.c_safety_cont__row {
  gap: 12.4rem;
  text-align: left;
}

.c_safety_cont__box {
  flex: 1;
}

.c_safety_cont__box h2 {
  font-size: 2.4rem;
  padding-bottom: 3.6rem;
  display: flex;
  gap: 2.4rem;
  line-height: 1.8;
}

.c_safety_cont__box h2 span {
  color: var(--clr_main);
  margin-top: 1.2rem;
}

.c_safety_cont__box ul {
  margin-top: 8rem;
}

.c_safety_cont__box ul li {
  border-bottom: .1rem solid #D9D9D9;
  padding: 1.2rem 0;
  display: flex;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  align-items: flex-start;
}

.c_safety_cont__box ul li::before {
  content: "";
  min-width: 1.3rem;
  aspect-ratio: 13/6;
  background: url("../img/arrow_main.svg") center no-repeat;
  background-size: contain;
  display: inline-block;
  margin: 1rem 1rem 0 0;
  filter: brightness(0) invert(1);
}

.c_safety_cont__box ul li.active {
  border-color: var(--clr_main);
  color: var(--clr_main);
}

.c_safety_cont__box ul li.active::before {
  filter: none;
}

.c_safety_cont__img {
  width: 51rem;
  /* height: 100%; */
  position: relative;
}

.c_safety_cont__img figure {
  width: 95%;
  position: absolute;
  top: 0;
  left: 0;
  transition: .4s;
}

.c_safety_cont__img figure.active {
  top: 0;
  left: 0;
  z-index: 9;
  box-shadow: 0 2rem 2rem 0 rgba(0, 0, 0, 0.10);
}

.c_safety_cont__img figure:not(.active)::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.60);
  position: absolute;
  inset: 0;
  z-index: 1;
}

.c_safety_cont__img figure._01 {
  top: 1rem;
  left: 1rem;
}

.c_safety_cont__img figure._02 {
  top: 2rem;
  left: 2rem;
}


/*humanresource
---------------------------------------------------------*/
.p_humanresource_lead {
  background-color: #fff;
  padding: 0;
  position: relative;
}

.p_humanresource_lead::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #4CA9C7 0%, #4CA9C7 73%, rgba(255, 255, 255, 0) 98%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p_humanresource_lead .container {
  position: relative;
  padding: 14rem 0 6rem;
}

.p_humanresource_lead__row {
  gap: 15rem;
}

.p_humanresource_lead__row_box {
  flex: 1;
  text-align: left;
  color: #fff;
  padding-left: 15.7rem;
}

.p_humanresource_lead__row_box h2 {
  font-size: 2.4rem;
  padding-bottom: 2.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  line-height: 1.9;
}

.p_humanresource_lead__row_box h2 span {
  font-size: 133.3%;
  display: block;
}

.p_humanresource_lead__row_box .txt {
  line-height: 2.2
}

.p_humanresource_lead__row_img {
  max-width: 29rem;
  position: relative;
  z-index: 1;
  padding-top: 15rem;
}

.p_humanresource_lead__row_img ._02 {
  width: 18.3rem;
  position: absolute;
  top: 0;
  right: -7rem;
  z-index: -1;
}

.p_humanresource_lead__img {
  position: absolute;
  bottom: 12rem;
  left: -8.3vw;
  width: 19.3rem;
}

.hrTtl {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin-bottom: 1.5rem;
}

.hrTtl .enTxt {
  font-size: 2.4rem;
  color: var(--clr_main);
}

.hrTtl h2 {
  font-size: 2.4rem;
  font-weight: 600;
}

.hrTtl+.txt {
  text-align: left;
  margin-bottom: 4rem;
}

.c_humanresource_cont__box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 5.5rem;
}

.c_humanresource_cont__box .txt {
  margin-top: 1rem;
  text-align: left;
}

#humanresource01 {
  background: linear-gradient(0deg, #EDF6F9 0%, #fff 100%);
}

.scroll-x_wrap {
  padding-top: 3rem;
}

.scroll-x_wrap h3 {
  color: var(--clr_main);
  margin-bottom: 2rem;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: left;
}

.hr01_flow {
  display: flex;
  margin-right: calc(-50vw + 50%);
  gap: 2rem 6rem;
  position: relative;
  z-index: 1;
}

.hr01_flow dl {
  min-width: 50rem;
  text-align: left;
}

.hr01_flow dt {
  position: relative;
  background: var(--clr_main);
  color: #fff;
  margin-bottom: 2.5rem;
  font-size: 2rem;
  padding: 1.75rem 1rem 1.75rem 3.5rem;
}

.hr01_flow dt::after {
  content: "";
  display: block;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  width: 3rem;
  position: absolute;
  right: -3rem;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: var(--clr_main);
}

.hr01_flow dl:nth-of-type(even) dt,
.hr01_flow dl:nth-of-type(even) dt::after {
  background-color: #84C9E2;
}

.hr01_flow dl:not(:first-of-type) dt {
  margin-left: -6rem;
  padding-left: 6rem;
}

.hr01_flow .img {
  position: relative;
}

.hr01_flow dl:not(:last-of-type) .img::after {
  content: "";
  display: block;
  width: 6rem;
  height: 2px;
  background: var(--clr_main);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.hr01_flow h4 {
  font-size: 2rem;
  margin: 1rem 0;
}

/*socialcontribution
---------------------------------------------------------*/
.p_socialcontribution_lead {
  background-color: #fff;
  padding: 0;
  position: relative;
}

.p_socialcontribution_lead::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #4CA9C7 0%, #4CA9C7 73%, rgba(255, 255, 255, 0) 98%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p_socialcontribution_lead .container {
  position: relative;
  padding: 14rem 0 9rem;
}

.p_socialcontribution_lead__row {
  gap: 13rem;
}

.p_socialcontribution_lead__row_box {
  flex: 1;
  text-align: left;
  color: #fff;
  padding-left: 15.7rem;
}

.p_socialcontribution_lead__row_box h2 {
  font-size: 2.4rem;
  padding-bottom: 2.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0;
  line-height: 1.9;
}

.p_socialcontribution_lead__row_box h2 span {
  font-size: 133.3%;
  display: block;
}

.p_socialcontribution_lead__row_box .txt {
  line-height: 2.2
}

.p_socialcontribution_lead__row_img {
  max-width: 33.1rem;
  position: relative;
  z-index: 1;
  padding-top: 15rem;
  padding-right: 5rem;
}

.p_socialcontribution_lead__row_img ._02 {
  width: 15rem;
  position: absolute;
  top: 0;
  right: -8.3vw;
  z-index: -1;
}

.p_socialcontribution_lead__img {
  position: absolute;
  bottom: 23rem;
  left: -8.3vw;
  width: 21.1rem;
}

.c_socialcontribution_wrap {
  display: flex;
  align-items: center;
  gap: 3rem 10rem;
}

.c_socialcontribution_wrap:nth-of-type(odd) {
  flex-direction: row-reverse;
}

.c_socialcontribution_wrap+.c_socialcontribution_wrap {
  margin-top: 10rem;
}

.c_socialcontribution_wrap._last {
  flex-direction: column;
}

.c_socialcontribution_wrap>figure {
  width: 50rem;
}

.c_socialcontribution_wrap .box {
  flex: 1;
}

.c_socialcontribution_wrap .imgs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/*profile
---------------------------------------------------------*/
.c_profile_box {
  display: grid;
  grid-template-columns: 22rem 1fr;
  text-align: left;
}

.c_profile_box dt,
.c_profile_box dd {
  padding: 2rem 3rem;
  border-bottom: 1px solid var(--clr_gray);
  font-feature-settings: 'halt' on;
  letter-spacing: 0.075em;
}

.c_profile_box dd li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem 1rem;
}

.c_profile_box dd li+li {
  margin-top: 1em;
}

.c_profile_box dd li .c_more {
  margin-top: 0;
}

.c_profile_box dd .-indent {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}

/*vehicle
---------------------------------------------------------*/
.c_vehicle_txt_cont {
  text-align: left;
}

.c_vehicle_txt_cont h2 {
  font-size: 3.2rem;
  margin-bottom: 2rem;
}

.c_vehicle_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem 10rem;
}

.c_vehicle_box+.c_vehicle_box {
  margin-top: 12rem;
}

.c_vehicle_box:nth-of-type(odd) {
  flex-direction: row-reverse;
}

.c_vehicle_box>figure {
  /* flex: 1; */
  width: 50rem;
  aspect-ratio: 500 / 380;
}

/* .c_vehicle_box:nth-of-type(odd)>figure {
  margin-right: -15rem;
}

.c_vehicle_box:nth-of-type(even)>figure {
  margin-left: -15rem;
} */

.c_vehicle_box>figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.c_vehicle_box dl {
  width: 50rem;
  text-align: left;
}

.c_vehicle_box h3 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.c_vehicle_box dd {
  margin-top: 3rem;
}

.vehicle_data {
  display: flex;
  justify-content: space-between;
  text-align: right;
  border-bottom: 1px solid var(--clr_gray);
  padding: 2rem 3rem;
  margin-top: 6rem;
}

.c_vehicle_box li {
  display: flex;
  justify-content: space-between;
  gap: .5rem 1rem;
  border-bottom: 1px solid var(--clr_gray);
  padding: 2rem 3rem;
}

.c_vehicle_box .note {
  text-align: right;
  font-size: 87.5%;
  margin-top: 0.8rem;
}

/*base
---------------------------------------------------------*/
.c_base_cont+.c_base_cont {
  padding-top: 8rem;
  margin-top: 8rem;
  border-top: 1px solid var(--clr_gray);
}

.c_base_box {
  display: grid;
  grid-template-columns: 1fr 77rem;
  gap: 7rem;
  text-align: left;
}

.c_base_box h2 {
  font-size: 2.4rem;
}

.baseSlider .img:not(:first-of-type) {
  display: none !important;
}

.baseSlider.slick-initialized .img:not(:first-of-type) {
  display: block !important;
}

.SliderArrow {
  display: block;
  width: 3rem;
  transition: .2s;
  cursor: pointer;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--clr_main);
  background: #fff url(../img/arrow_main.svg) center center no-repeat;
  background-size: 45% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5rem;
  z-index: 5;
}

.SliderArrow.prev {
  right: auto;
  left: -5rem;
  transform: translateY(-50%) rotate(180deg);
}

.SliderArrow:hover {
  background-color: #f1f1f1;
}

.c_base_Wrap .txt {
  margin-top: 1.5rem;
}

.gmap {
  position: relative;
  height: 28rem;
  margin-top: 5rem;
}

.gmap iframe {
  width: 100%;
  height: 100%;
}

/*business lower
---------------------------------------------------------*/
.c_lower_business {
  background: linear-gradient(180deg, rgb(237 247 250) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.c_lower_business__index {
  display: grid;
  place-content: center;
  text-align: left;
  min-width: 29.6rem;
  background-color: var(--clr_main);
}

.c_lower_business__index .jaTxt {
  font-size: 2.8rem;
  font-weight: 500;
  color: #fff;
}

.c_lower_business__index .enTxt {
  color: #fff;
}

.c_lower_business__link {
  position: relative;
  flex-grow: 1;
}

.c_lower_business__link .jaTxt {
  position: absolute;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: #fff;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 1.7rem;
  z-index: 2;
}

.c_lower_business__link .jaTxt::after {
  border: .1rem solid #fff;
  background: url(../img/arrow_wh.svg) 50% 54% no-repeat;
}

.c_lower_business__img {
  position: relative;
  overflow: hidden;
}

.c_lower_business__img::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.30);
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: 1s;
}

.c_lower_business__link:hover .c_lower_overlay__img::before {
  background-color: rgba(0, 0, 0, 0.50);
}

.c_lower_business__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.c_lower_business__link:hover .c_lower_business__img img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  opacity: 1;
}

/*transportation
---------------------------------------------------------*/
.p_transportation_txt_cont {
  text-align: left;
}

.p_transportation_txt_cont h2 {
  font-size: 3.2rem;
  margin-bottom: 2rem;
}

.p_transportation_txt_cont .img {
  margin-top: 4.5rem;
}

.p_transportation_cont {
  background: linear-gradient(0deg, rgb(237 247 250) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.p_transportation_cont .c_jaEnTtl {
  text-align: left;
  margin-bottom: 7rem;
}

.p_transportation_wrap {
  display: flex;
  gap: 14.4rem;
}

.p_transportation_wrap+.p_transportation_wrap {
  margin-top: 11.6rem;
}

.p_transportation_wrap .hrTtl {
  align-items: flex-start;
  text-align: left;
  margin-bottom: 3.6rem;
}

.p_transportation_wrap .hrTtl .enTxt {
  padding-top: 0.8rem;
}

.p_transportation_wrap .img {
  min-width: 48.9rem;
  width: 48.9rem;
}

.p_transportation_pickup .pickup_ttl {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  gap: 2.1rem;
  margin-bottom: 5.2rem;
}

.p_transportation_pickup .pickup_ttl .enTxt {
  display: grid;
  place-content: center;
  width: 9.1rem;
  height: 2.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #fff;
  background-color: var(--clr_main);
}

.p_transportation_pickup h4 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: var(--clr_main);
  margin-bottom: 1.2rem;
}

.p_transportation_pickup__row {
  text-align: left;
  justify-content: space-between;
  gap: 12.1rem;
}

.p_transportation_pickup__img {
  width: 48rem;
  display: flex;
  flex-direction: column;
}

.p_transportation_pickup__img ._01 {
  width: 38.8rem;
}

.p_transportation_pickup__img ._02 {
  width: 32.8rem;
  margin-top: -5rem;
  margin-left: auto;
}

.p_transportation_pickup__box {
  width: 50rem;
}

.p_transportation_pickup__box h4:not(:first-of-type) {
  margin-top: 6rem;
}

.p_transportation_pickup__box p {
  letter-spacing: 0.05em;
  line-height: 2;
}

.p_transportation_pickup__box .c_more {
  display: inline-block;
  margin-top: 3.5rem;
}

.p_transportation_pickup__box .c_more:hover {
  color: var(--clr_main);
}



/*warehouse
---------------------------------------------------------*/
.p_warehouse_txt_cont {
  text-align: left;
}

.p_warehouse_txt_cont h2 {
  font-size: 3.2rem;
  margin-bottom: 2rem;
}

.p_warehouse_txt_cont .img {
  margin-top: 4.5rem;
}

.p_warehouse_cont {
  background: linear-gradient(0deg, rgb(237 247 250) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.p_warehouse_cont .c_jaEnTtl {
  text-align: left;
  margin-bottom: 7rem;
}

.p_warehouse_wrap {
  display: flex;
  gap: 14.4rem;
}

.p_warehouse_wrap+.p_warehouse_wrap {
  margin-top: 11.6rem;
}

.p_warehouse_wrap .hrTtl {
  align-items: flex-start;
  text-align: left;
  margin-bottom: 3.6rem;
}

.p_warehouse_wrap .hrTtl .enTxt {
  padding-top: 0.8rem;
}

.p_warehouse_wrap .img {
  min-width: 48.9rem;
  width: 48.9rem;
}

.p_warehouse_pickup .pickup_ttl {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  gap: 2.1rem;
  margin-bottom: 5.2rem;
}

.p_warehouse_pickup .pickup_ttl .enTxt {
  display: grid;
  place-content: center;
  width: 9.1rem;
  height: 2.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #fff;
  background-color: var(--clr_main);
}

.p_warehouse_pickup__img {
  width: 100%;
  margin-bottom: 2.8rem;
}

.p_warehouse_pickup__box p {
  text-align: left;
  line-height: 2;
}

.p_warehouse_pickup__row {
  margin-top: 6rem;
}

.p_warehouse_pickup__row ._01,
.p_warehouse_pickup__row ._02 {
  flex-grow: 1;
}

/*support
---------------------------------------------------------*/
.p_support_txt_cont {
  text-align: left;
}

.p_support_txt_cont h2 {
  font-size: 3.2rem;
  margin-bottom: 2rem;
}

.p_support_txt_cont .img {
  margin-top: 4.5rem;
}

.p_support_cont {
  background: linear-gradient(0deg, rgb(237 247 250) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.p_support_cont .c_jaEnTtl {
  text-align: left;
  margin-bottom: 7rem;
}

.p_support_wrap {
  display: flex;
  gap: 14.4rem;
}

.p_support_wrap+.p_support_wrap {
  margin-top: 11.6rem;
}

.p_support_wrap .hrTtl {
  align-items: flex-start;
  text-align: left;
  margin-bottom: 3.6rem;
}

.p_support_wrap .hrTtl .enTxt {
  padding-top: 0.8rem;
}

.p_support_wrap .img {
  min-width: 48.9rem;
  width: 48.9rem;
}

.p_support_pickup .pickup_ttl {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  gap: 2.1rem;
  margin-bottom: 5.2rem;
}

.p_support_pickup .pickup_ttl .enTxt {
  display: grid;
  place-content: center;
  width: 9.1rem;
  height: 2.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #fff;
  background-color: var(--clr_main);
}

.p_support_pickup h4 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: var(--clr_main);
  margin-bottom: 1.2rem;
}

.p_support_pickup__row {
  text-align: left;
  justify-content: space-between;
  gap: 12.1rem;
}

.p_support_pickup__img {
  width: 48rem;
  display: flex;
  flex-direction: column;
}

.p_support_pickup__img ._01 {
  width: 38.8rem;
}

.p_support_pickup__img ._02 {
  width: 32.8rem;
  margin-top: -5rem;
  margin-left: auto;
}

.p_support_pickup__box {
  width: 50rem;
}

.p_support_pickup__box h4:not(:first-of-type) {
  margin-top: 6rem;
}

.p_support_pickup__box p {
  letter-spacing: 0.05em;
  line-height: 2;
}

.p_support_pickup__box .c_more {
  display: inline-block;
  margin-top: 3.5rem;
}

/*news
---------------------------------------------------------*/
.c_post_area {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 3rem;
}

.c_post_wrap {
  max-width: 74.5rem;
  text-align: left;
}

.aside {
  text-align: left;
}

.aside dl+dl {
  margin-top: 8rem;
}

.aside dt {
  font-size: 2.4rem;
  margin-bottom: 2rem;
}

.aside li {
  margin-top: 1rem;
}

.aside li a:hover {
  color: var(--clr_main);
}

.pager {
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: .8rem 3rem;
}

.pager .next,
.pager .prev {
  display: block;
  display: block;
  width: 1.1rem;
  aspect-ratio: 1;
  background: url(../img/arrow_main.svg) center center no-repeat;
  background-size: contain;
  filter: brightness(0);
}

.pager .prev {
  transform: rotate(180deg);
}

.pager .current {
  color: var(--clr_main);
}

.pager a:hover {
  color: var(--clr_main);
  text-decoration: underline;
}

.c_post_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  text-align: left;
  margin-bottom: 4rem;
}

.c_post_header h2 {
  font-size: 2.4rem;
  width: 100%;
}

.c_post_box__thumb {
  margin-bottom: 4rem;
}

.c_post_box__cont {
  line-height: 2;
}

.c_post_box__cont a {
  text-decoration: underline;
}

.c_post_box__cont a:hover {
 text-decoration: none;
}

.c_post_box__cont img{
  max-height: max-content;
}
.alignright {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.aligncenter {
  text-align: center;
  display: block;
}

.pagesetWrap {
  margin-top: 8rem;
}

.pageset {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.postArrow a {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.postArrow a::after {
  content: "";
  display: block;
  width: 1.9rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: .1rem solid var(--clr_main);
  background: url(../img/arrow_main.svg) 50% 54% no-repeat;
  background-size: 50% auto;
}

.postArrow.prev a {
  flex-direction: row-reverse;
}

.postArrow.prev a::after {
  transform: rotate(180deg);
}

.postArrow._dmmy {
  pointer-events: none;
  visibility: hidden;
}

.relate a {
  display: inline-block;
  text-decoration: underline;
}

.pageset a:hover {
  color: var(--clr_main);
  text-decoration: none;
}

.btnClrBtn {
  margin-top: 4rem;
  text-align: center;
}

.btnClrBtn a {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  border: 1px solid #000;
  border-radius: 10rem;
  padding: 1.5rem 3rem;
}

.btnClrBtn a::after {
  content: "";
  display: block;
  width: 1.9rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: .1rem solid var(--clr_main);
  background: url(../img/arrow_main.svg) 50% 54% no-repeat;
  background-size: 50% auto;
  filter: brightness(0);
}

.btnClrBtn a:hover {
  background-color: #f1f1f1;
}

/*contact
---------------------------------------------------------*/
.c_contact_txt {
  text-align: left;
  margin-bottom: 8rem;
  line-height: 2;
}

.c_contact_txt h2 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.formTxt {
  color: var(--clr_main);
  font-size: 112.5%;
  font-weight: 600;
  text-align: center;
  margin-bottom: 4rem;
}

.formBox dt,
.formBox dd {
  width: 30%;
  font-weight: 400;
  padding: 2rem 0;
  text-align: left;
}

.formBox dt {
  padding-top: 3.5rem;
}

.confirmWrap .formBox dt {
  padding-top: 2rem;
}

.formBox dt::before {
  content: "任意";
  font-size: 85%;
  font-weight: 400;
  padding: .5rem 1rem;
  display: inline-block;
  background: #9E9E9E;
  color: #fff;
  line-height: 1;
  margin-right: 1rem;
}

.formBox dt.req::before {
  content: "必須";
  background: var(--clr_main);
}

.formBox dt.hide {
  height: 0;
  visibility: hidden;
}

.formBox dt p {
  display: inline;
}

.formBox dd {
  width: 70%;
  padding-left: 0;
}

.formName>.txt {
  width: 40%;
  display: flex;
  align-items: center;
}

.formName>.txt:first-of-type {
  margin-right: 2%;
}

.formName .txt span {
  display: block;
  white-space: nowrap;
  margin-right: 1rem;
}

.form-address p {
  text-align: left;
  padding: 5px 0;
}

.formBox input[type="text"],
.formBox input[type="tel"],
.formBox input[type="email"],
.formBox select,
.formBox textarea {
  width: 100%;
  padding: 1.5em;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.6rem;
}

.formBox input[type="text"].size-s {
  max-width: 21rem;
}

.formBox input::placeholder,
.formBox textarea::placeholder {
  font-size: 1.6rem;
  color: #D9D9D9;
}

.formBox label {
  margin: 0;
}

.zipwrap {
  display: flex;
  gap: 1rem;
}

.zipwrap p {
  display: flex;
  gap: 1rem;
}

.zipwrap input {
  max-width: 23rem;
}

.radioWrap {
  display: flex;
  gap: 1rem 3rem;
}

.formBox select {
  width: auto;
  background: #fff;
  color: #000
}

.formBox option:first-of-type {
  background: #b3b3b3;
  color: #fff;
}

.formBox textarea {
  height: 19rem;
}

.formBox .disabled input {
  pointer-events: none;
  border: none;
}

.zipBtn {
  font-family: "source-han-sans-japanese", 'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana;
  background: var(--clr_main);
  color: #fff;
  margin-left: 1rem;
  border: none;
  padding: 1.5rem 2rem;
  cursor: pointer;
  line-height: 1.1;
  max-height: 5.7rem;
}

.zipBtn:hover {
  background: #9E9E9E;
}

.policyTxt {
  margin-bottom: 2rem;
}

.policyTxt a {
  text-decoration: underline;
  display: inline-block;
}

.policyTxt a:hover {
  color: var(--clr_main);
  text-decoration: none;
}

.policyCheck {
  text-align: center !important;
  padding: 3rem 1rem;
}

.formWrap.confirmWrap,
.formWrap.thanksWrap,
.is-finish .wpcf7-response-output {
  display: none;
}

.formWrap .btnCont[disabled] {
  opacity: .4;
  pointer-events: none;
}

.formWrap input[type="submit"],
.formWrap input[type="button"],
.formWrap button.button._grey {
  font-family: "source-han-sans-japanese", 'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana;
  color: #fff;
  font-size: 115%;
  font-weight: 500;
  letter-spacing: .075em;
  text-indent: .075em;
  background: var(--clr_main) url(../img/arrow_btn.svg) right 2rem center no-repeat;
  background-size: 2.8rem auto;
  min-width: 33rem;
  display: block;
  border: none;
  padding: 2.5rem 2rem;
  border-radius: 10rem;
  margin: 1rem;
  transition: .2s;
  cursor: pointer;
}

.formWrap input[type="button"].btn_back,
.formWrap button.button._grey {
  background: #ddd;
  color: #333;
}

.formWrap input[type="button"]:hover,
.formWrap input[type="button"]:hover,
.formWrap button.button._grey:hover {
  opacity: .7;
}

.onlyconf,
button.button._grey {
  display: none;
}

#confirm .onlyconf {
  display: block !important;
}

.formName .error {
  min-width: 50%;
}

.formName .error+.error {
  display: none;
}

.btm_tel {
  margin-top: 8rem;
  padding: 3rem 2rem;
  border-top: 1px solid var(--clr_gray);
  border-bottom: 1px solid var(--clr_gray);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem 6rem;
}

.btm_tel dt {
  font-size: 2.4rem;
}

.btm_tel dd {
  text-align: left;
}

.btm_tel dd .enTxt {
  font-size: 4.2rem;
  display: inline-block;
  margin-top: 1rem;
  color: var(--clr_main);
}

.thxBox h2 {
  font-size: 125%;
  margin-bottom: 2rem;
}




/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 1300px) {
  html {
    font-size: .76vw;
  }
}

/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 780px) {

  /*全体レイアウト
---------------------------------------------------------*/
  html {
    font-size: 2.7777777vw;
  }

  body {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  body.active {
    overflow: hidden;
  }

  article>section {
    padding: 4rem 0;
  }

  .txt {
    line-height: 1.8;
  }

  /*header
  -------------------------------------------------------*/
  .header_wrap {
    padding: 1.4rem 0;
  }

  .header_nav {
    display: none;
  }

  .header_logo img {
    max-height: 2.8rem;
  }

  #header .sns_group.onlysp {
    position: absolute;
    translate: 0 -50%;
    top: 50%;
    right: 7rem;
    display: flex;
    gap: 2rem;
    margin: 0;
  }

  #header .sns_group .-instagram {
    width: 3rem;
  }

  #header .sns_group .-line {
    width: 3.3rem;
  }

  /*nav
  -----------------------------------------------------*/
  .nav_iconWrap {
    display: block;
    position: fixed;
    top: 0.2rem;
    right: 1rem;
    width: 5rem;
    height: 5rem;
    z-index: 9999999999;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s;
  }

  .nav_icon {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    margin: 0 auto;
    width: 2rem;
    height: 1.8rem;
    z-index: 99999;
    display: block;
  }

  .nav_icon span {
    position: absolute;
    left: 0;
    width: 100%;
    height: .2rem;
    background: #fff;
    z-index: 10;
    transition: .2s;
  }

  ._black .nav_icon span {
    background: #000;
  }

  .active .nav_icon span {
    background: #000;
  }

  .scrollClass .nav_icon span {
    background: #000;
  }

  .nav_icon span:nth-of-type(1) {
    top: 0;
  }

  .nav_icon span:nth-of-type(2) {
    top: .8rem;
  }

  .nav_icon span:nth-of-type(3) {
    bottom: 0;
  }

  .nav_iconWrap.active span:nth-of-type(1) {
    -webkit-transform: translateY(.8rem) rotate(45deg);
    transform: translateY(.8rem) rotate(45deg);
  }

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

  .nav_iconWrap.active span:nth-of-type(3) {
    -webkit-transform: translateY(-.8rem) rotate(-45deg);
    transform: translateY(-.8rem) rotate(-45deg);
  }

  #nav_menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: block;
    padding: 6rem 5% 4rem;
    background: #fff;
    visibility: hidden;
    opacity: 0;
  }

  #nav_menu.active {
    right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    z-index: 9990;
  }

  .active #header.scrollClass {
    box-shadow: none;
  }

  .nav_menu__logo {
    width: 16rem;
    margin-inline: auto;
  }

  .nav_menu__link .c_btn_row {
    justify-content: center;
    margin: 2rem 0;
  }

  .nav_menu__link .img {
    mix-blend-mode: screen;
    width: 80%;
    margin: 1rem auto 2rem;
    opacity: .8;
  }

  .nav_menu__link li {
    border-bottom: 1px solid #f2f2f2;
  }

  .nav_menu__link li:first-child {
    border-top: 1px solid #f2f2f2;
  }

  .nav_menu__link li a {
    font-size: 1.5rem;
    text-align: left;
    display: block;
    padding: 1.2rem 1.5rem;
    position: relative;
  }

  .nav_menu__link>ul>li>a {
    font-weight: 500;
  }

  .nav_menu__link ul.child {
    margin-bottom: 1rem;
  }

  .nav_menu__link ul.child li {
    text-align: left;
    border: none;
  }

  .nav_menu__link ul.child li a {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem;
    margin-left: 1rem;
  }

  .nav_menu__link ul.child li a::before {
    content: "";
    width: 1rem;
    height: .1rem;
    background-color: #000;
    display: inline-block;
  }

  .nav_menu__link ul.child li a::after {
    right: -1rem;
  }

  .nav_menu__address {
    text-align: left;
    margin-top: 2rem;
  }

  .nav_menu__address .name {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }

  .nav_menu__address .address span {
    display: block;
    margin-bottom: 0.4rem;
  }



  /*footer
  ---------------------------------------------------------*/
  .footer {
    padding: 5rem 0 2rem;
  }

  .footer_top {
    gap: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
    flex-direction: column;
  }

  .footer_logo {
    max-width: 16.8rem;
  }

  .footer_middle {
    flex-direction: column;
  }

  .footer_company .name {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }

  .footer_company .address span {
    margin-bottom: 1rem;
  }

  .footer_nav {
    gap: 2rem;
    padding: 2rem 0;
    flex-wrap: wrap;
  }

  .footer_nav>ul {
    width: 46%;
  }

  .footer_nav ul li+li,
  .footer_nav ul.child {
    margin-top: 0.6rem;
  }

  .footer_nav ul.child li a {
    gap: 1rem;
  }

  .footer_nav ul.child li a::before {
    width: .8rem;
    height: 0.1rem;
  }

  .footer_bottom {
    margin-top: 1rem;
    flex-direction: column;
    gap: 2rem;
  }

  .footer_auth {
    gap: 1.6rem;
  }

  .footer_policy {
    gap: 1rem;
    font-size: 1.2rem;
    flex-direction: column;
    width: 100%;
  }

  /*共通 パーツ
  ---------------------------------------------------------*/
  .c_btn_row {
    gap: 1rem;
  }

  .c_btn a {
    width: 15rem;
    padding: 1.2rem;
  }

  .c_btn._recruit a::after {
    width: 1.2rem;
    margin-left: 1rem;
  }

  .c_more {
    margin-top: 2rem;
  }

  .c_more a,
  .c_more span {
    gap: 1rem;
  }

  .c_more a::after,
  .c_more span::after,
  .c_arrow::after {
    width: 1.7rem;
    height: 1.7rem;
  }

  .c_arrow::after {
    width: 2.4rem;
    height: 2.4rem;
  }

  .c_enJaTtl {
    font-size: 1.6rem;
  }

  .c_enJaTtl span {
    font-size: 4.2rem;
    margin-bottom: 0;
  }

  .c_jaEnTtl .jaTxt {
    font-size: 2rem;
    margin-bottom: .2rem;
  }

  .c_enNum {
    font-size: 1.2rem;
  }

  .c_enNum span {
    font-size: 4.4rem;
  }


  /*top
  ---------------------------------------------------------*/
  .p_top_mv .container {
    height: 100%;
    max-width: 190rem;
  }

  .p_top_mv__box {
    bottom: 3rem;
    left: 0;
  }

  .p_top_mv__box h1 {
    font-size: 1.8rem;
  }

  .p_top_mv__box .enTxt {
    font-size: 4.6rem;
  }

  .p_top_mv__box .name {
    font-size: 1.4rem;
  }

  .c__mv_scroll {
    bottom: 2rem;
    right: 0.6rem;
  }

  .c__mv_scroll::after {
    width: 0.8rem;
  }

  .p_top_mv__slide {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .p_top_mv__slide li img {
    width: 100%;
    height: 100%;
  }

  .p_top_promise {
    padding: 5rem 0 4rem;
  }

  .p_top_promise::before {
    height: 56rem;
  }

  .p_top_promise__bgGrad::before {
    height: 110rem;
  }

  .p_top_promise__bgGrad::after {
    height: 22rem;
  }

  .p_top_promise__row {
    gap: 3rem;
    flex-direction: column;
  }

  .p_top_promise__box h2 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
  }

  .p_top_promise__box h2 span {
    font-size: 166.7%;
    letter-spacing: 0.05em;
  }

  .p_top_promise__box .txt {
    line-height: 2.3;
  }

  .p_top_promise__img figure._01 {
    width: 23rem;
    margin-left: 3.6rem;
  }

  .p_top_promise__img figure._02 {
    width: 15.3rem;
    top: 20.4rem;
    right: -6%;
  }

  .p_top_promise__img figure._03 {
    width: 14.3rem;
    margin-top: 8rem;
  }

  .p_top_promise__enTxt {
    font-size: 4.8rem;
    margin-top: 16rem;
  }

  .p_top_approach__lead {
    padding-top: 5rem;
  }

  .p_top_approach__lead_ttl {
    gap: 2.4rem;
    margin-bottom: 2.2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .p_top_approach__lead_ttl h3 {
    font-size: 2.2rem;
  }

  .p_top_approach__lead_row {
    padding-top: 17rem;
  }

  .p_top_approach__lead_img {
    right: 0;
    top: 0;
    width: 106%;
    height: 20rem;
  }

  .p_top_approach__lead_img img {
    width: 100%;
    height: 100%;
  }

  .p_top_approach__lead_box {
    padding: 3rem 2rem 1rem 4rem;
    width: 106%;
    margin-right: -6%;
  }

  .p_top_approach__lead_box .enTxt {
    top: 1.6rem;
    left: 1rem;
  }

  .p_top_approach__lead_box h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .p_top_approach__cont {
    padding: 5rem 0 6rem;
  }

  .p_top_approach__cont_row {
    gap: 3rem;
    padding: 3rem 0;
    flex-direction: column !important;
  }

  .p_top_approach__cont_row:first-of-type {
    gap: 5rem;
  }

  .p_top_approach__cont_box {
    padding-left: 8rem;
  }

  .p_top_approach__cont_box h4 {
    font-size: 2.2rem;
    padding: 1.7rem 0 1.6rem;
  }

  .p_top_approach__cont_box h5 {
    font-size: 1.8rem;
    padding-bottom: 0.8rem;
  }

  .p_top_approach__cont_box .c_more {
    margin-top: 2rem;
  }

  .p_top_approach__cont_img {
    max-width: 55.4rem;
  }

  .p_top_approach__cont_img figure._01_1 {
    max-width: 48.9rem;
  }

  .p_top_approach__cont_img figure._01_2 {
    max-width: 10rem;
    top: -2.6rem;
    left: -6%;
  }

  .p_top_approach__cont_img figure._03_2 {
    max-width: 9.8rem;
    bottom: -6.6rem;
    left: -6%;
  }

  .p_top_business {
    padding-bottom: 5rem;
  }

  .p_top_business__lead {
    gap: 3rem;
    margin-bottom: 2.4rem;
    flex-direction: column;
  }

  .p_top_business__lead_txt h3 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    line-height: 1.8;
  }

  .p_top_business__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.6rem;
  }

  .p_top_business__list_img .c_enNum {
    top: 1.6rem;
    left: 2rem;
  }

  .p_top_business__list_img .enTxt {
    bottom: 2rem;
    right: 1.4rem;
  }

  .p_top_business__list_txt {
    font-size: 1.8rem;
    margin-top: 1rem;
  }

  .p_top_business__list figure {
    height: 26rem;
  }

  .p_top_business__list li:first-of-type figure img {
    object-position: 0 -10.6rem;
  }

  .p_top_business__list a:hover figure img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .p_top_company__lead {
    gap: 2.6rem;
    padding: 4rem 2rem 3rem 0;
    flex-direction: column;
  }

  .p_top_company__lead::before {
    width: 106%;
  }

  .p_top_company__lead_txt {
    max-width: 54.2rem;
  }

  .p_top_company__lead_txt h3 {
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    line-height: 1.9;
  }

  .p_top_company__cont_row {
    flex-direction: column;
  }

  .p_top_company__cont_list {
    width: 106%;
  }

  .p_top_company__cont_list li a {
    font-size: 1.6rem;
    gap: 2rem;
    padding: 2rem;
  }

  .p_top_company__cont_list li a::after {
    right: 2rem;
  }

  .p_top_company__cont_img {
    aspect-ratio: 761/507;
  }

  .p_top_company__cont_img figure {
    width: 106%;
    height: 100%;
    margin-right: -6%;
  }

  .p_top_company__cont_img figure img {
    height: 100%;
    min-width: 100%;
  }

  .p_top_news__row {
    flex-direction: column;
    gap: 3rem;
  }

  .c_post_list {
    width: 100%;
  }

  .c_post_list li a {
    padding: 2rem 0;
    gap: 1.8rem;
    align-items: flex-start;
  }

  .c_post_thumb {
    width: 7.6rem;
  }

  .c_post_thumb img {
    width: 100%;
    height: 100%;
  }

  a:hover .c_post_thumb img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .c_post_list_cont {
    gap: 1rem 1rem;
  }

  .c_post_date {
    font-size: 1.2rem;
  }

  .c_post_cate {
    gap: 0.5rem;
  }

  .c_post_cate li {
    font-size: 1.1rem;
  }

  .c_post_list__ttl {
    font-size: 1.4rem;
    width: 100%;
    padding-right: 4rem;
  }

  .p_top_recruit__row {
    max-height: 80rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas:
      "a c c"
      "b c c"
      "d d e"
      "d d f";
  }

  .p_top_recruit__box {
    padding: 2rem;
  }

  .p_top_recruit__box h3 {
    font-size: 1.6rem;
    margin-top: 2rem;
  }

  .p_top_recruit__box .enImg {
    margin: -1rem -6% 0 8rem;
  }

  .c_contact::before {
    height: 22.8rem;
  }

  .c_contact__row {
    gap: 2rem;
    padding: 2.8rem 2.4rem;
    flex-direction: column;
  }

  .c_contact__ttl {
    width: 36rem;
  }

  .c_contact__ttl .txt {
    margin-top: 2rem;
  }

  .c_contact__box h3 {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }

  .c_contact__box .tel a {
    font-size: 4rem;
    line-height: 0.8;
  }

  .c_contact__box .mail {
    margin-top: 2rem;
  }

  .c_contact__box .mail a {
    padding: 1.8rem 2rem;
    font-size: 1.6rem;
    width: 91%;
  }




  /*下層 共通
  ---------------------------------------------------------*/
  .c_lower_mvImg,
  .c_lower_mvTxt {
    padding-top: 5.4rem;
  }

  .c_lower_mvImg::after {
    height: 25rem;
  }

  .c_pankz ol {
    font-size: 1.1rem;
  }

  .c_lower_mvImg__ttl {
    padding-bottom: 5rem;
  }

  .c_lower_mvImg__ttl .jaTxt {
    font-size: 2.6rem;
  }

  .c_lower_mvTxt__ttl {
    padding: 4rem 0 3rem;
  }

  .c_lower_mvTxt__ttl h1 {
    font-size: 2.4rem;
  }



  .c_lower_lead {
    padding: 4rem 0 28rem;
  }

  .c_lower_lead__ttl {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .c_lower_lead__img {
    height: 26rem;
  }

  .c_lower_lead__img::before {
    height: 12rem;
  }

  .c_lower_link {
    padding: 5rem 0;
  }

  .c_lower_link li+li {
    margin-top: 4rem;
  }

  .c_lower_link__img img {
    height: 20rem;
    object-fit: cover;
  }

  .c_lower_link__txt {
    padding: 1.4rem 2rem 0 0;
    gap: 1.4rem;
  }

  .c_lower_link__cont {
    margin-top: 2.2rem;
    flex-direction: column;
  }

  .c_lower_link__cont .txt {
    letter-spacing: 0.07em;
  }

  .c_lower_link__cont .c_more {
    margin-top: 1rem;
  }

  .c_lower_overlay {
    padding: 0 0 2rem;
  }

  .c_lower_overlay__row {
    grid-template-columns: repeat(1, 1fr);
  }

  .c_lower_overlay__link {
    padding: 2.6rem;
  }

  .c_lower_overlay__link h2 {
    font-size: 1.4rem;
    padding-bottom: 0.8rem;
    line-height: 1.6;
  }

  a:hover .c_lower_overlay__img img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .sec_first {
    padding-top: 5rem;
  }

  /*greetings
  ---------------------------------------------------------*/
  .p_greetings_lead {
    padding: 6rem 0 4rem;
  }

  .p_greetings_lead__row {
    flex-direction: column;
    gap: 3rem;
  }

  .p_greetings_lead__box {
    width: 100%;
    padding-right: 0;
  }

  .p_greetings_lead__box h2 {
    font-size: 2.2rem;
    padding-bottom: 1.4rem;
  }

  .p_greetings_lead__box .name {
    gap: 2.2rem;
  }

  .p_greetings_lead__box .name img {
    width: 16rem;
  }

  .p_greetings_lead__img {
    max-width: 96rem;
    aspect-ratio: 631/377;
    margin-right: calc(-50vw + 50%);
  }

  .p_greetings_cont {
    padding-top: 3rem;
  }

  .p_greetings_cont__row {
    padding-bottom: 6rem;
    justify-content: flex-end;
    flex-direction: column-reverse;
    gap: 6rem;
  }

  .p_greetings_cont__img {
    min-width: initial;
    max-width: initial;
    width: 34.2rem;
    margin-left: -6%;
  }

  .p_greetings_cont__img figure._02 {
    width: 42%;
    min-width: initial;
    margin: -4rem -6% 0 auto;
  }

  .p_greetings_cont__box {
    width: 100%;
    padding-left: 0;
    line-height: 2.4;
    letter-spacing: 0.13em;
  }

  .p_greetings_lead___bottom_img {
    margin: 0 -6%;
  }



  /*history
  ---------------------------------------------------------*/
  .p_history_timeline__list {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 5.7rem;
    gap: 3rem;
  }

  .p_history_timeline__list::before {
    top: 1.8rem;
    left: 0;
  }

  .p_history_timeline__item {
    padding: 0 0 0 3rem !important;
    margin-top: 0 !important;
    grid-column: 1 !important;
  }

  .p_history_timeline__item::after {
    width: 1.3rem;
    top: 1.4rem;
    right: auto;
    left: 0;
    transform: translateX(-50%) !important;
  }

  .p_history_timeline__item._right::after {
    right: auto;
    left: 0;
    transform: translateX(-50%);
  }

  .p_history_timeline__day {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }

  .p_history_timeline__day span {
    font-size: 3.8rem;
    margin-right: 1.2rem;
  }

  .p_history_timeline__txt {
    line-height: 1.7;
  }

  .p_history_timeline__img {
    margin-top: 1.4rem;
  }

  .p_history_timeline__img._small {
    width: 80%;
  }


  /*privacy-policy
  ---------------------------------------------------------*/
  .p_privacy_cont p,
  .p_privacy_cont li {
    line-height: 1.8;
  }

  .p_privacy_cont h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .p_privacy_cont__box {
    margin-top: 3.6rem;
  }

  .p_privacy_cont__box h3 {
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
  }

  .p_privacy_cont__box ul {
    margin-top: 3rem;
  }

  .p_privacy_cont__box li::before {
    font-size: 0.4rem;
    vertical-align: .4rem;
    margin-right: 0.5rem;
  }




  /*safety
  ---------------------------------------------------------*/
  .p_safety_lead .container {
    padding: 4rem 0 19rem;
  }

  .p_safety_lead__row {
    gap: 2rem;
    flex-direction: column;
  }

  .p_safety_lead__row_box {
    padding-left: 0;
  }

  .p_safety_lead__row_box h2 {
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    line-height: 1.7;
  }

  .p_safety_lead__row_box h2 span {
    font-size: 130%;
  }

  .p_safety_lead__row_box .txt {
    line-height: 2.2
  }

  .p_safety_lead__row_img {
    max-width: 23rem;
  }

  .p_safety_lead__row_img ._02 {
    width: 15.3rem;
    bottom: -11rem;
    right: -9rem;
  }

  .p_safety_lead__img {
    left: -6%;
    width: 10rem;
  }

  .c_anchor {
    padding: 4rem 0 2rem;
  }

  .c_anchor__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0;
  }

  .c_anchor__list li a {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0;
    padding-bottom: 1.5rem;
  }

  .c_anchor__list li:nth-child(3) a {
    border-left: .1rem solid var(--clr_main);
  }

  .c_anchor__list li a::after {
    width: 1.2rem;
    margin: 0.8rem auto 0;
  }

  .c_anchor__list li a .enTxt {
    margin-bottom: 0.4rem;
  }

  .c_safety_cont__row {
    gap: 2rem;
    flex-direction: column;
  }

  .c_safety_cont__box h2 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    gap: 1rem;
    line-height: 1.4;
  }

  .c_safety_cont__box h2 span {
    margin-top: 0.4rem;
  }

  .c_safety_cont__box .txt {
    line-height: 1.6;
  }

  .c_safety_cont__box ul {
    margin-top: 0.6rem;
  }

  .c_safety_cont__box ul li {
    padding: 0.8rem 0;
  }

  .c_safety_cont__box ul li::before {
    margin: 0.8rem 0.8rem 0 0;
  }

  .c_safety_cont__img {
    width: 90%;
    height: 21rem;
    margin-inline: auto;
  }

  .c_safety_cont__img figure {
    width: 95%;
  }

  .c_safety_cont__img figure._01 {
    top: 0.5rem;
    left: 0.5rem;
  }

  .c_safety_cont__img figure._02 {
    top: 1rem;
    left: 1rem;
  }


  /*humanresource
  ---------------------------------------------------------*/
  .p_humanresource_lead .container {
    padding: 4rem 0 15rem;
  }

  .p_humanresource_lead__row {
    gap: 2rem;
    flex-direction: column;
  }

  .p_humanresource_lead__row_box {
    padding-left: 0;
  }

  .p_humanresource_lead__row_box h2 {
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    line-height: 1.7;
  }

  .p_humanresource_lead__row_box h2 span {
    font-size: 130%;
  }

  .p_humanresource_lead__row_box .txt {
    line-height: 2.2
  }

  .p_humanresource_lead__row_img {
    max-width: 100%;
    padding-top: 7rem;
  }

  .p_humanresource_lead__row_img ._01 {
    width: 20rem;
  }

  .p_humanresource_lead__row_img ._02 {
    width: 16rem;
    right: 0;
  }

  .p_humanresource_lead__img {
    left: auto;
    right: -6%;
    bottom: 5rem;
    width: 10rem;
  }

  .hrTtl {
    margin-bottom: 2rem;
  }

  .hrTtl .enTxt,
  .hrTtl h2 {
    font-size: 1.8rem;
  }

  .hrTtl+.txt {
    margin-bottom: 2rem;
  }

  .c_humanresource_cont__box {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 1.5rem;
  }

  .c_humanresource_cont__box .txt {
    font-size: 87.5%;
    line-height: 1.6;
  }

  .hr01_flow {
    gap: 2rem 3rem;
  }

  .scroll-x_wrap h3 {
    font-size: 1.8rem;
  }

  .hr01_flow dl {
    min-width: 20rem;
  }

  .hr01_flow h4 {
    font-size: 1.6rem;
  }

  .hr01_flow dt {
    padding: .8rem 1.5rem;
    font-size: 1.6rem;
  }

  .hr01_flow dl:not(:first-of-type) dt {
    margin-left: -3rem;
    padding-left: 3rem;
  }

  .hr01_flow dt::after {
    width: 1.5rem;
    right: -1.5rem;
  }


  /*socialcontribution
  ---------------------------------------------------------*/
  .p_socialcontribution_lead .container {
    padding: 4rem 0 15rem;
  }

  .p_socialcontribution_lead__row {
    gap: 2rem;
    flex-direction: column;
  }

  .p_socialcontribution_lead__row_box {
    padding-left: 0;
  }

  .p_socialcontribution_lead__row_box h2 {
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    line-height: 1.7;
  }

  .p_socialcontribution_lead__row_box h2 span {
    font-size: 120%;
  }

  .p_socialcontribution_lead__row_box .txt {
    line-height: 2.2
  }

  .p_socialcontribution_lead__row_img {
    max-width: 100%;
    padding-top: 7rem;
  }

  .p_socialcontribution_lead__row_img ._01 {
    width: 20rem;
  }

  .p_socialcontribution_lead__row_img ._02 {
    width: 16rem;
    right: 0;
  }

  .p_socialcontribution_lead__img {
    left: auto;
    right: -6%;
    bottom: 5rem;
    width: 10rem;
  }

  .c_socialcontribution_wrap,
  .c_socialcontribution_wrap:nth-of-type(odd) {
    flex-direction: column;
    gap: 2rem;
  }

  .c_socialcontribution_wrap+.c_socialcontribution_wrap {
    margin-top: 6rem;
  }

  .c_socialcontribution_wrap>figure {
    width: 100%;
  }

  /*profile
  ---------------------------------------------------------*/
  .c_profile_box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: left;
  }

  .c_profile_box dt,
  .c_profile_box dd {
    padding: 1.2rem 1rem 2.5rem 1.5rem;
    border-bottom: none;
  }

  .c_profile_box dt {
    border-bottom: 1px solid var(--clr_gray);
    border-left: .5rem solid var(--clr_gray);
    padding-block: .5rem;
    padding-left: 1rem;
  }

  .c_profile_box dd li {
    flex-direction: column;
  }

  .c_profile_box dd li+li {
    margin-top: .5em;
  }

  .c_profile_box dd li .c_more {
    margin-left: auto;
  }

  /*vehicle
  ---------------------------------------------------------*/
  .c_vehicle_txt_cont h2 {
    font-size: 1.8rem;
  }

  .c_vehicle_box {
    display: block;
  }

  .c_vehicle_box+.c_vehicle_box {
    margin-top: 6rem;
  }

  .c_vehicle_box>figure {
    width: 100%;
    margin-bottom: 2rem;
  }

  .c_vehicle_box:nth-of-type(odd)>figure {
    margin-left: 2rem;
  }

  .c_vehicle_box:nth-of-type(even)>figure {
    margin-left: -2rem;
  }

  .c_vehicle_box dl {
    width: 100%;
  }

  .c_vehicle_box h3 {
    font-size: 1.8rem;
  }

  .c_vehicle_box dd {
    margin-top: 2rem;
  }

  .c_vehicle_box li {
    padding: 1rem 1em;
  }

  /*base
  ---------------------------------------------------------*/
  .c_base_cont+.c_base_cont {
    padding-top: 4rem;
    margin-top: 4rem;
  }

  .c_base_box {
    display: block;
  }

  .c_base_box h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }

  .SliderArrow {
    width: 3rem;
    right: -5rem;
  }

  .SliderArrow.prev {
    left: -5rem;
  }

  .gmap {
    height: 15rem;
    margin-top: 4rem;
  }

  /*business lower
---------------------------------------------------------*/

  .c_lower_business__row {
    flex-direction: column;
  }

  .c_lower_business__index {
    display: block;
    min-width: initial;
    width: 100%;
    padding: 4rem 2rem;
  }

  .c_lower_business__link .jaTxt {
    font-size: 1.8rem;
  }

  /*transportation
---------------------------------------------------------*/
  .p_transportation_txt_cont h2 {
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    line-height: 1.7;
  }

  .p_transportation_txt_cont .txt {
    line-height: 2.2
  }

  .p_transportation_txt_cont .img {
    margin-top: 3.5rem;
  }

  .p_transportation_cont .c_jaEnTtl {
    margin-bottom: 3rem;
  }

  .p_transportation_wrap {
    flex-direction: column-reverse;
    gap: 2rem;
  }

  .p_transportation_wrap+.p_transportation_wrap {
    margin-top: 6rem;
  }

  .p_transportation_wrap .hrTtl {
    margin-bottom: 2rem;
  }

  .p_transportation_wrap .img {
    min-width: initial;
    width: 100%;
  }

  .p_transportation_pickup .pickup_ttl {
    font-size: 2rem;
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .p_transportation_pickup h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .p_transportation_pickup__row {
    flex-direction: column;
    gap: 3rem;
  }

  .p_transportation_pickup__img {
    width: 100%;
  }

  .p_transportation_pickup__img ._01 {
    width: 22rem;
  }

  .p_transportation_pickup__img ._02 {
    width: 16rem;
    margin-top: -4rem;
  }

  .p_transportation_pickup__box {
    width: 100%;
  }

  .p_transportation_pickup__box h4:not(:first-of-type) {
    margin-top: 6rem;
  }

  .p_transportation_pickup__box p {
    letter-spacing: 0.05em;
    line-height: 2;
  }

  .p_transportation_pickup__box .c_more {
    display: block;
    width: max-content;
    margin-left: auto;
  }


  /*warehouse
---------------------------------------------------------*/
  .p_warehouse_txt_cont h2 {
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    line-height: 1.7;
  }

  .p_warehouse_txt_cont .txt {
    line-height: 2.2
  }

  .p_warehouse_txt_cont .img {
    margin-top: 3.5rem;
  }

  .p_warehouse_cont .c_jaEnTtl {
    margin-bottom: 3rem;
  }

  .p_warehouse_wrap {
    flex-direction: column-reverse;
    gap: 2rem;
  }

  .p_warehouse_wrap+.p_warehouse_wrap {
    margin-top: 6rem;
  }

  .p_warehouse_wrap .hrTtl {
    margin-bottom: 2rem;
  }

  .p_warehouse_wrap .img {
    min-width: initial;
    width: 100%;
  }

  .p_warehouse_pickup .pickup_ttl {
    font-size: 2rem;
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .p_warehouse_pickup h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .p_warehouse_pickup__row {
    flex-direction: column;
  }

  .p_warehouse_pickup__img {
    width: 100%;
  }

  .p_warehouse_pickup__img {
    width: 100%;
    margin-bottom: 2.8rem;
  }

  .p_warehouse_pickup__box p {
    line-height: 1.8;
  }

  .p_warehouse_pickup__row {
    margin-top: 3rem;
  }


  /*support
---------------------------------------------------------*/
  .p_support_txt_cont h2 {
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    line-height: 1.7;
  }

  .p_support_txt_cont .txt {
    line-height: 2.2
  }

  .p_support_txt_cont .img {
    margin-top: 3.5rem;
  }

  .p_support_cont .c_jaEnTtl {
    margin-bottom: 3rem;
  }

  .p_support_wrap {
    flex-direction: column-reverse;
    gap: 2rem;
  }

  .p_support_wrap+.p_support_wrap {
    margin-top: 6rem;
  }

  .p_support_wrap .hrTtl {
    margin-bottom: 2rem;
  }

  .p_support_wrap .img {
    min-width: initial;
    width: 100%;
  }

  .p_support_pickup .pickup_ttl {
    font-size: 2rem;
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .p_support_pickup h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .p_support_pickup__row {
    flex-direction: column;
    gap: 3rem;
  }

  .p_support_pickup__img {
    width: 100%;
  }

  .p_support_pickup__img ._01 {
    width: 22rem;
  }

  .p_support_pickup__img ._02 {
    width: 16rem;
    margin-top: -4rem;
  }

  .p_support_pickup__box {
    width: 100%;
  }

  .p_support_pickup__box h4:not(:first-of-type) {
    margin-top: 6rem;
  }

  .p_support_pickup__box p {
    letter-spacing: 0.05em;
    line-height: 2;
  }

  .p_support_pickup__box .c_more {
    display: block;
    width: max-content;
    margin-left: auto;
  }

  /*news
  ---------------------------------------------------------*/
  .c_post_area {
    display: block;
  }

  .pager {
    margin-top: 5rem;
  }

  .aside {
    margin-top: 5rem;
  }

  .aside dl+dl {
    margin-top: 2rem;
  }

  .aside dl {
    border: 1px solid var(--clr_gray);
  }

  .aside dt {
    font-size: 1.8rem;
    background: #f1f1f1;
    padding: 1rem 1.5rem;
    margin: 0;
    position: relative;
  }

  .aside dt::before,
  .aside dt::after {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transition: .2s;
    transform: translateY(-50%);
  }

  .aside dt::after {
    transform: translateY(-50%) rotate(90deg);
  }

  .aside dt.act::after {
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
  }

  .aside dd {
    display: none;
    padding: 1.5rem;
  }

  .aside ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
  }

  .aside li {
    margin: 0;
  }

  .aside li a {
    border: 1px solid var(--clr_main);
    color: var(--clr_main);
    display: block;
    padding: .7rem;
    text-align: center;
    font-size: 1.2rem;
  }

  .c_post_header h2 {
    font-size: 1.6rem;
  }

  .c_post_header,
  .c_post_box__thumb {
    margin-bottom: 2rem;
  }

  .pagesetWrap {
    margin-top: 6rem;
  }

  .pageset {
    flex-wrap: wrap;
  }

  .pageset .relate {
    width: 100%;
    text-align: center;
    order: 3;
    padding-top: 1rem;
  }

  /*contact
  ---------------------------------------------------------*/
  .c_contact_txt {
    margin-bottom: 6rem;
  }

  .c_contact_txt h2 {
    font-size: 1.8rem;
  }

  .radioWrap {
    gap: 1rem 2rem
  }

  .formTxt {
    margin-bottom: 2rem;
  }

  .formWrap {
    padding: 0
  }

  .formBox dt,
  .formBox dd {
    width: 100%;
    padding: 1rem 0 0;
    border: none !important
  }

  .formBox dt.hide {
    display: none;
  }

  .formBox dt {
    padding: 1rem;
    background: #f9f9f9;
  }

  .confirmWrap .formBox dt {
    padding: 1rem;
  }

  .formBox dt::before {
    vertical-align: .2em;
    margin-right: 1rem;
  }

  .formBox dd {
    padding: 1rem 1rem 3rem;
  }

  .formName>.txt {
    width: 100%;
    margin: .5rem 0 !important
  }

  .formName .txt span {
    text-align: right
  }

  .zipBtn {
    font-size: 1.2rem;
    padding: 7px;
    margin-left: 2px;
    max-height: 4.4rem;
  }

  .zipwrap input {
    max-width: 17rem;
  }

  .formBox input[type="text"],
  .formBox input[type="tel"],
  .formBox input[type="email"],
  .formBox select,
  .formBox textarea {
    padding: 1.2rem .7rem;
    font-size: 1.4rem;
  }

  .formBox input[type="text"].size-s {
    max-width: 12rem;
  }

  .formBox input::placeholder,
  .formBox textarea::placeholder {
    font-size: 1.4rem;
  }


  .formBtn {
    margin-top: 1rem;
  }

  .formWrap input[type="submit"],
  .formWrap input[type="button"],
  .formWrap button.button._grey {
    min-width: 26rem;
    padding: 2rem 1rem;
    background-size: 2rem auto;
  }

  .btm_tel {
    margin-top: 2rem;
    padding: 2rem 1rem;
  }

  .btm_tel dt {
    font-size: 1.8rem;
  }

  .btm_tel dd {
    text-align: center;
  }

  .btm_tel dd .enTxt {
    font-size: 3.5rem;
    white-space: nowrap;
  }

  .thxBox .txt {
    text-align: left;
  }
}

.grecaptcha-badge {
  display: none;
  visibility: hidden;
  translate: 200% 0;
  opacity: 0;
}