@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* ***************************
 Reset Extenstion
*************************** */
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

main {
  display: block;
}

template,
[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed !important;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

a:not([href], [tabindex]) {
  color: inherit;
  text-decoration: inherit;
}
a:not([href], [tabindex]):hover, a:not([href], [tabindex]):focus {
  color: inherit;
  text-decoration: inherit;
}
a:not([href], [tabindex]):focus {
  outline: 0;
}

input[type=checkbox] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@font-face {
  font-family: myfutura;
  font-weight: 500;
  src: url("../fonts/FuturaMaxi-Book.woff2") format("woff2"), url("../fonts/FuturaMaxi-Book.woff") format("woff");
}
@font-face {
  font-family: myfutura;
  font-weight: 700;
  src: url("../fonts/FuturaMaxi-Demi.woff2") format("woff2"), url("../fonts/FuturaMaxi-Demi.woff") format("woff");
}
html {
  font-size: 15px;
  line-height: 28px;
}

body {
  overflow-x: hidden;
  font: inherit;
  font-family: "Noto Sans JP", meiryo, sans-serif;
  background-color: #f8f9f9;
}

._en-font {
  font-family: myfutura, meiryo, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

button {
  font: inherit;
}

.l-1280 {
  max-width: 1280px;
  padding: 40px 80px;
  margin: 0 auto;
}
.l-1280[data-type=environment] {
  padding: 65px 80px;
}
.l-1280[data-type=environment]:not(:first-child) {
  padding-top: 40px;
}
@media screen and (max-width: 1200px) {
  .l-1280[data-type=environment] {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .l-1280[data-type=environment] {
    padding: 21px 16px;
  }
}
.l-1280[data-type=environment-second] {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .l-1280 {
    padding: 21px 16px;
  }
}
.l-1280[data-type=safety] {
  padding: 65px 80px;
}
.l-1280[data-type=safety]:not(:first-child) {
  padding-top: 40px;
}
@media screen and (max-width: 1200px) {
  .l-1280[data-type=safety] {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .l-1280[data-type=safety] {
    padding: 21px 16px;
  }
}

.l-912 {
  width: 100%;
  max-width: 912px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-912 {
    padding: 0 25px;
  }
  .l-912[data-type=underlayer] {
    padding: 0;
  }
}

/* ---------------------------------
 component
 --------------------------------- */
.c-btnWrap {
  display: flex;
}

.c-btnWrap.c-btnWrap--left {
  justify-content: flex-start;
}

.c-btnWrap.c-btnWrap--center {
  justify-content: center;
}

.c-btnWrap.c-btnWrap--right {
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .c-btnWrap.c-btnWrap--spleft {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .c-btnWrap.c-btnWrap--spcenter {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .c-btnWrap.c-btnWrap--spright {
    justify-content: flex-end;
  }
}

.c-btn {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 0 0 56px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  transition: all 0.5s;
}

.c-btn:hover {
  opacity: 0.7;
}

.c-btn::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon.svg");
  background-size: contain;
  transform: translateY(-50%);
}

.c-btn__text {
  display: inline-block;
  font-size: 1.0666666667rem;
  line-height: 1.448125;
  color: #3c3c41;
}

.c-btn-secondaryWrap {
  display: flex;
}

.c-btn-secondaryWrap.c-btn-secondaryWrap--left {
  justify-content: flex-start;
}

.c-btn-secondaryWrap.c-btn-secondaryWrap--center {
  justify-content: center;
}

.c-btn-secondaryWrap.c-btn-secondaryWrap--right {
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .c-btn-secondaryWrap.c-btn-secondaryWrap--spleft {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .c-btn-secondaryWrap.c-btn-secondaryWrap--spcenter {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .c-btn-secondaryWrap.c-btn-secondaryWrap--spright {
    justify-content: flex-end;
  }
}

.c-btn-secondary {
  position: relative;
  display: block;
  min-width: 224px;
  min-height: 64px;
  padding: 0 48px 0 16px;
  cursor: pointer;
  background: #3c3c41;
  border: none;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.c-btn-secondary::before {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon_reverse.svg");
  background-size: contain;
  transition: all 0.5s;
  transform: translateY(-50%);
}

.c-btn-secondary__text {
  display: inline-block;
  font-size: 1.0666666667rem;
  line-height: 1.448125;
  color: #fff;
  transition: all 0.5s;
}

.c-btn-secondary:hover {
  background: #fff;
}

.c-btn-secondary:hover .c-btn-secondary__text {
  color: #3c3c41;
}

.c-btn-secondary:hover::before {
  background-image: url("../../assets/images/common_arrow_icon.svg");
}

.c-breadcrumb {
  position: absolute;
  z-index: 10;
  width: 100%;
  padding-top: 16px;
}

.c-breadcrumb__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  max-width: 1280px;
  padding: 0 80px;
  margin: 0 auto;
  color: #3c3c41;
  font-size: 0.8rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb__inner {
    padding: 0 16px;
  }
  .p-logistics__en .c-breadcrumb__inner {
    padding: 0 0 0 16px;
  }
}


.c-breadcrumb span,
.c-breadcrumb a {
  color: #3c3c41;
  font-size: 0.8rem;
  line-height: 1;
}

.c-breadcrumb.c-breadcrumb--newgrad {
  top: 28px;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb.c-breadcrumb--newgrad {
    top: 12px;
    left: 37px;
  }
}
@media screen and (max-width: 374px) {
  .c-breadcrumb.c-breadcrumb--newgrad {
    left: 20px;
  }
}

.c-breadcrumb.c-breadcrumb--newgrad .c-breadcrumb__inner {
  padding: 0;
  margin: 0;
  color: #f0efef;
}

.c-breadcrumb.c-breadcrumb--newgrad span,
.c-breadcrumb.c-breadcrumb--newgrad a {
  color: #f0efef;
}

.c-textBtn {
  padding: 16px 24px;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: none;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .c-textBtn {
    padding: 16px 26px;
  }
}

.c-textBtn:hover {
  opacity: 0.7;
}

.c-textBtn__text {
  position: relative;
  display: block;
  padding-right: 40px;
  padding-bottom: 7px;
  font-weight: 500;
  color: #3c3c41;
  border-bottom: 1px solid #c8141e;
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-textBtn__text {
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.c-textBtn__text::after {
  position: absolute;
  top: 58%;
  right: 0;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon.svg");
  background-size: contain;
  transform: translateY(-50%);
}

.c-headingWrap {
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .c-headingWrap {
    padding-bottom: 9px;
    padding-left: 8px;
  }
}

.c-heading {
  font-size: 2.6666666667rem;
  line-height: 1.5;
  font-weight: 500;
  color: #c8141e;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.21;
    letter-spacing: 0;
  }
}

.c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
  padding-bottom: 6px;
  padding-left: 37px;
  font-family: myfutura, meiryo, sans-serif;
  color: #3c3c41;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.75;
    padding-bottom: 0;
    padding-left: 25px;
  }
}

.c-heading__inner {
  max-width: 1280px;
  padding: 40px;
  margin: 0 auto;
}

.c-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 32px;
  column-gap: 32px;
}
@media screen and (max-width: 768px) {
  .c-card {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 28px;
  }
}

.c-card__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 12.4%;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .c-card__item {
    padding: 24px;
  }
}

.c-card__item:hover {
  opacity: 0.7;
}

.c-card__content {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .c-card__content {
    margin-top: 14px;
  }
}

.c-card__img {
  max-height: 310px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-card__img {
    width: 70.5%;
    height: 160px;
    margin: 0 auto;
  }
}

.c-card__img img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

.c-card__title {
  font-size: 1.6rem;
  line-height: 1.5;
  padding-bottom: 16px;
  font-weight: 500;
  color: #3c3c41;
  text-align: center;
  border-bottom: 1px solid #c8141e;
}
@media screen and (max-width: 768px) {
  .c-card__title {
    font-size: 1.2rem;
    line-height: 1.5;
    width: 100%;
    min-width: 184px;
    padding-bottom: 7px;
    margin: 0 auto;
  }
}

.c-card__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  padding: 0 3%;
  margin-top: 24px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .c-card__text {
    font-size: 0.9333333333rem;
    line-height: 1.75;
    padding: 0;
    margin-top: 24px;
  }
}

.c-card__btn {
  margin-top: 21px;
}
@media screen and (max-width: 768px) {
  .c-card__btn {
    margin-top: 19px;
  }
}

@media screen and (max-width: 768px) {
  .c-card__btn .c-btn::before {
    left: 9px;
    width: 32px;
    height: 32px;
  }
}

.c-card__btn .c-btn:hover {
  opacity: 1;
}

.c-iconBtn {
  width: 100%;
  height: 100%;
  padding: 24px 9%;
  cursor: pointer;
  background-color: #fff;
  border: none;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .c-iconBtn {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 15px;
  }
}

.c-iconBtn:hover {
  opacity: 0.7;
}

.c-iconBtn.c-iconBtn--downLoad .c-iconBtn__text::after {
  background-image: url("../../assets/images/common_download_icon.svg");
}

@media screen and (max-width: 768px) {
  .c-iconBtn__img {
    width: 29%;
    height: 80px;
  }
}

@media screen and (max-width: 768px) {
  .c-iconBtn__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.c-iconBtn__text {
  position: relative;
  display: block;
  padding: 0 45px 15px 14px;
  margin-top: 28px;
  font-weight: 500;
  color: #3c3c41;
  text-align: left;
  border-bottom: 1px solid #c8141e;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-iconBtn__text {
    width: 64%;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0 23px 8px 0;
    margin-top: 0;
    margin-bottom: 7px;
  }
}

.c-iconBtn__text::after {
  position: absolute;
  top: calc(60% - 14px);
  right: 0;
  width: 40px;
  height: 40px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-iconBtn__text::after {
    top: calc(60% - 7px);
    width: 24px;
    height: 24px;
  }
}

.p-company-body__en .c-iconBtn__text {
  font-weight: 700;
}

.c-yearList {
  display: flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-yearList {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
}
@media screen and (max-width: 374px) {
  .c-yearList {
    -moz-column-gap: normal;
    column-gap: normal;
    width: calc(100% - 32px);
  }
}

@media screen and (max-width: 768px) {
  .c-yearList__item {
    min-width: 77px;
  }
}

@media screen and (max-width: 1250px) {
  .c-yearList__item:nth-child(n+5) {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .c-yearList__item:nth-child(n+4) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .c-yearList__item:nth-child(n+4) {
    display: none;
  }
}

.c-yearList__link {
  font-size: 1.0666666667rem;
  line-height: 1.4375;
  padding: 15px 39px;
  font-weight: 500;
  color: #3c3c41;
  background-color: #fff;
  border-top: 1px solid #c8141e;
  border-right: 1px solid #c8141e;
  border-left: 1px solid #c8141e;
  transition: all 0.5s;
}
@media screen and (max-width: 1200px) {
  .c-yearList__link {
    padding: 15px 29px;
  }
}
@media screen and (max-width: 768px) {
  .c-yearList__link {
    font-size: 0.9333333333rem;
    line-height: 1.4285714286;
    padding: 15px 6px;
  }
}

.c-yearList__link:hover {
  opacity: 0.7;
}

.c-yearList__link.is-current {
  color: #fff;
  pointer-events: none;
  background-color: #c8141e;
}

.c-yearListSpeechBubble {
  position: relative;
  z-index: 10;
}

.c-yearListSpeechBubble__button {
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.5s;
  transform: rotate(180deg);
}

.c-yearListSpeechBubble__button.is-active {
  transform: rotate(0deg);
}

.c-yearListSpeechBubble__button img {
  width: 100%;
}

.c-yearListSpeechBubble__content {
  position: absolute;
  top: calc(100% + 20px);
  left: -2px;
  min-width: 150px;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .c-yearListSpeechBubble__content {
    top: calc(100% + 17px);
    left: -79px;
    min-width: 120px;
  }
}

.c-yearListSpeechBubble__content.is-show {
  opacity: 1;
}

.c-yearListSpeechBubble__item__current {
  position: relative;
  border: 1px solid #c8141e;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
}

.c-yearListSpeechBubble__item__current::after {
  position: absolute;
  top: -10px;
  left: 9px;
  width: 32px;
  height: 14px;
  content: "";
  background-image: url("../../assets/images/common_icon_triangle.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .c-yearListSpeechBubble__item__current::after {
    right: 0;
    left: auto;
  }
}

.c-yearListSpeechBubble__item__current__text {
  position: relative;
  z-index: 10;
  display: block;
  padding: 15px 40px;
  color: #3c3c41;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-yearListSpeechBubble__item__current__text {
    font-size: 0.9333333333rem;
    line-height: 1.4285714286;
    padding: 11px 29px;
  }
}

.c-yearListSpeechBubble__list {
  height: 172px;
  overflow-y: scroll;
  pointer-events: none;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .c-yearListSpeechBubble__list {
    height: 163px;
  }
}

.c-yearListSpeechBubble__content.is-show .c-yearListSpeechBubble__list {
  pointer-events: auto;
  opacity: 1;
}

.c-yearListSpeechBubble__item {
  background-color: #fff;
}

.c-yearListSpeechBubble__link {
  font-size: 1.0666666667rem;
  line-height: 1.4375;
  padding: 8px 40px;
  color: #3c3c41;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .c-yearListSpeechBubble__link {
    font-size: 0.9333333333rem;
    line-height: 1.4285714286;
    padding: 8px 28px;
  }
}

.c-yearListSpeechBubble__link:hover {
  opacity: 0.7;
}

.c-yearListSpeechBubble__item:first-child .c-yearListSpeechBubble__link {
  padding-top: 16px;
}

.c-yearListSpeechBubble__item:last-child .c-yearListSpeechBubble__link {
  padding-bottom: 16px;
}

.c-sustainaHeading {
  background: linear-gradient(180.07deg, rgba(191, 231, 141, 0.3) 32.45%, rgba(211, 236, 202, 0.3) 64.18%, rgba(255, 255, 255, 0.3) 92.55%);
}
@media screen and (max-width: 768px) {
  .c-sustainaHeading {
    border-bottom: 2px solid rgba(200, 20, 30, 0.5);
  }
}

.c-sustainaHeading__inner {
  display: flex;
  gap: 66px;
  align-items: center;
  justify-content: space-between;
  max-width: 1168px;
  padding: 0 24px 24px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-sustainaHeading__inner {
    flex-direction: column;
    gap: 15px;
    padding: 40px 32px 19px;
  }
}

@media screen and (max-width: 768px) {
  .c-sustainaHeading__titleWrap {
    width: 100%;
  }
}

.c-sustainaHeading__title {
  font-weight: 500;
  color: #497f4b;
  letter-spacing: 0.1em;
  font-size: 2.6666666667rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-sustainaHeading__title {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
}

.c-sustainaHeading__inner[data-type="susLink"] .c-sustainaHeading__title {
  white-space: nowrap;
}

.c-sustainaHeading__title--en {
  display: block;
  padding-top: 6px;
  font-family: myfutura, meiryo, sans-serif;
  font-weight: 700;
  color: #9fc692;
  letter-spacing: 0.2em;
  font-size: 2.1333333333rem;
  line-height: 1.3125;
}
@media screen and (max-width: 768px) {
  .c-sustainaHeading__title--en {
    padding-top: 0;
    font-size: 1.3333333333rem;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
}

.c-sustainaHeading__img img {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 420/320;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-sustainaHeading__img img {
    max-width: 240px;
  }
}

.c-sustainaHeading__inner[data-type=underlayer] {
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .c-sustainaHeading__inner[data-type=underlayer] {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaHeading__inner[data-type=underlayer] {
    flex-direction: column;
    gap: 14px;
    padding: 32px 24px 24px;
  }
}
.c-sustainaHeading__inner[data-type=partner] {
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .c-sustainaHeading__inner[data-type=partner] {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaHeading__inner[data-type=partner] {
    flex-direction: column;
    gap: 14px;
    padding: 41px 24px 18px;
  }
}

.c-sustainaTopCard {
  width: 100%;
  max-width: 984px;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .c-sustainaTopCard {
    max-width: 343px;
  }
}

.c-sustainaTopCard__inner {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 20px 22px 24px 38px;
}
@media screen and (max-width: 768px) {
  .c-sustainaTopCard__inner {
    padding: 24px 6px 24px 20px;
  }
}

.c-sustainaTopCard__left {
  width: 50%;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .c-sustainaTopCard__left {
    width: 60%;
  }
}

.c-sustainaTopCard__title {
  font-weight: 500;
  color: #3c3c41;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-sustainaTopCard__title {
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.c-sustainaTopCard__arrowIcon {
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .c-sustainaTopCard__arrowIcon {
    padding-top: 10px;
  }
}

.c-sustainaTopCard__arrowIcon img {
  width: 100%;
  max-width: 40px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .c-sustainaTopCard__arrowIcon img {
    max-width: 32px;
  }
}

.c-sustainaTopCard__right {
  width: 50%;
}

.c-sustainaBtn {
  width: 100%;
  max-width: 320px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn {
    max-width: 260px;
  }
}

@media screen and (max-width: 768px) {
  .c-sustainaBtn--mini {
    max-width: 208px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn--mini .c-sustainaBtn__inner {
    padding-block: 10.5px;
  }
}

.c-sustainaBtn a {
  color: #3c3c41;
  text-decoration: none;
}

.c-sustainaBtn__inner {
  position: relative;
  padding: 24px 16px;
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn__inner {
    padding: 20.5px 8.5px;
  }
}

.c-sustainaBtn__title {
  padding-right: 20px;
  font-weight: 500;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn__title {
    padding-right: 15px;
  }
}

.c-sustainaBtn__arrowWrap {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn__arrowWrap {
    right: 8px;
  }
}

.c-sustainaBtn__arrow {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  vertical-align: middle;
  background-color: #c8141e;
  border-radius: 50%;
  transition: ease 0.5s;
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn__arrow {
    width: 16px;
    height: 16px;
  }
}

.c-sustainaBtn__arrow::before,
.c-sustainaBtn__arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}

.c-sustainaBtn__arrow::before {
  left: 8px;
  width: 15px;
  height: 3px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn__arrow::before {
    left: 5px;
    width: 6px;
    height: 1px;
  }
}

.c-sustainaBtn__arrow::after {
  left: 12px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .c-sustainaBtn__arrow::after {
    left: 6px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
}

.c-sustainaBtn:hover {
  background: #c8141e;
}
.c-sustainaBtn:hover .c-sustainaBtn__title {
  color: #fff;
}
.c-sustainaBtn:hover .c-sustainaBtn__arrow {
  background-color: #fff;
}
.c-sustainaBtn:hover .c-sustainaBtn__arrow::before {
  background: #c8141e;
}
.c-sustainaBtn:hover .c-sustainaBtn__arrow::after {
  border-top: 3px solid #c8141e;
  border-right: 3px solid #c8141e;
}

.c-sustainaSectionTitle {
  border-bottom: 2px dashed #aebda7;
}

.c-sustainaSectionTitle__inner {
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 16px;
  padding-left: 58px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle__inner {
    padding-bottom: 12px;
    padding-left: 4px;
  }
}

.c-sustainaSectionTitle__icon img {
  max-width: 34px;
  aspect-ratio: 34/32;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle__icon img {
    max-width: 24px;
    vertical-align: baseline;
  }
}

@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle__icon--middle img {
    vertical-align: middle;
  }
}

@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle__icon--middle img {
    vertical-align: middle;
  }
}

.c-sustainaSectionTitle__title {
  font-size: 2.1333333333rem;
  line-height: 1;
  padding-left: 40px;
  font-weight: 500;
  color: #497f4b;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle__title {
    font-size: 1.3333333333rem;
    line-height: 1;
    padding-left: 8px;
  }
}

.c-sustainaSectionTitle__title--en {
  font-size: 1.3333333333rem;
  line-height: 1.3;
  padding-left: 40px;
  font-family: myfutura, meiryo, sans-serif;
  font-weight: 500;
  color: #3c3c41;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle__title--en {
    font-size: 0.9333333333rem;
    line-height: 1.5;
    padding-left: 16px;
  }
}

.c-sustainaSectionTitle[data-type=partner] .c-sustainaSectionTitle__inner {
  padding-left: 0;
}

.c-sustainaSectionTitle-underlayer {
  border-bottom: 2px dashed #aebda7;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle-underlayer[data-type=partner] .c-sustainaSectionTitle-underlayer__inner {
    flex-direction: row;
    gap: 16px;
    align-items: end;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle-underlayer[data-type=partner] .c-sustainaSectionTitle-underlayer__title {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle-underlayer[data-type=partner] .c-sustainaSectionTitle-underlayer__title--en {
    flex-grow: 1;
    width: 90px;
    padding-left: 0;
  }
}

.c-sustainaSectionTitle-underlayer__inner {
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 16px;
  padding-left: 58px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle-underlayer__inner {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 12px;
    padding-left: 4px;
  }
  .c-sustainaSectionTitle-underlayer__inner[data-type=partner] {
    flex-direction: row;
  }
}

.c-sustainaSectionTitle-underlayer__icon img {
  max-width: 34px;
  aspect-ratio: 34/32;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle-underlayer__icon img {
    max-width: 24px;
  }
}

.c-sustainaSectionTitle-underlayer__title {
  font-size: 2.1333333333rem;
  line-height: 1;
  position: relative;
  padding-left: 40px;
  font-weight: 500;
  color: #497f4b;
}
.c-sustainaSectionTitle-underlayer__title::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  content: "";
  background: url("../../assets/images/sustainability_sectionTitle_icon.png") no-repeat center center/cover;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle-underlayer__title {
    font-size: 1.3333333333rem;
    line-height: 1;
    padding-left: 32px;
  }
}

.c-sustainaSectionTitle-underlayer__title--en {
  font-size: 1.3333333333rem;
  line-height: 1.3;
  padding-left: 40px;
  font-family: myfutura, meiryo, sans-serif;
  font-weight: 500;
  color: #3c3c41;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-sustainaSectionTitle-underlayer__title--en {
    font-size: 0.9333333333rem;
    line-height: 1.5;
    padding-left: 34px;
    font-size: 14px;
  }
}

.c-sustainaCard {
  width: 100%;
  max-width: 372px;
  padding: 26px 56px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: ease 0.5s;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard {
    max-width: 308px;
    padding: 13px 24px;
    margin: 0 auto;
  }
}

.c-sustainaCard__enTitleBlock {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__enTitleBlock {
    margin-top: 10px;
  }
}

.c-sustainaCard__title {
  font-weight: 500;
  color: #3c3c41;
  letter-spacing: -0.007em;
  transition: ease 0.5s;
  text-align: center;
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__title {
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 810px) {
  .c-sustainaCard__title {
    letter-spacing: -0.07em;
  }
}

.c-sustainaCard__title--en {
  font-family: myfutura, meiryo, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #c8141e;
  width: 164px;
  text-align: center;
  transition: ease 0.5s;
  letter-spacing: 0.05em;
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__title--en {
    font-size: 1.2rem;
    line-height: 1.5;
    width: 150px;
  }
}

.c-sustainaCard__body {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__body {
    margin-top: 20px;
  }
}

.c-sustainaCard__text {
  font-weight: 400;
  color: #000;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__text {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.c-sustainaCard__btnWrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__btnWrap {
    margin-top: 20px;
  }
}

.c-sustainaCard__btn {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 312px;
  padding: 24px 10px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__btn {
    max-width: 208px;
    padding: 8px;
    border-radius: 10px;
  }
}

.c-sustainaCard__btnIcon img {
  max-width: 24px;
  aspect-ratio: 24/32;
}
@media screen and (max-width: 768px) {
  .c-sustainaCard__btnIcon img {
    max-width: 18px;
  }
}

.c-sustainaCard__btnText {
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 500;
}

.c-sustainaGreenLabelTitle {
  position: relative;
  padding-left: 26px;
  font-size: 24px;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .c-sustainaGreenLabelTitle {
    padding-left: 16px;
    font-size: 16px;
  }
  .c-sustainaGreenLabelTitle[data-type=safety] {
    padding-left: 36px;
    letter-spacing: 0.001em;
  }
  .c-sustainaGreenLabelTitle[data-type=safety]::before {
    left: 24px;
  }
}
.c-sustainaGreenLabelTitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 37px;
  content: "";
  background: #497f4b;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-sustainaGreenLabelTitle::before {
    left: 0;
    width: 4px;
    height: 88%;
  }
}

.c-sustainaSDGsCards {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 67px 40px;
  align-items: baseline;
  justify-content: center;
}
.c-sustainaSDGsCards[data-type=odd]::after {
  width: 100%;
  max-width: 485px;
  content: "";
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCards[data-type=odd]::after {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCards[data-type=odd]::after {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCards {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCards {
    gap: 17px;
  }
}

.c-sustainaSDGsCard {
  position: relative;
  justify-content: center;
  width: 100%;
  max-width: 485px;
  height: 510px;
  padding: 52px 53px;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease 0s;
}
.c-sustainaSDGsCard.is-active {
  height: auto;
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCard {
    width: 48%;
    padding: 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard {
    width: 100%;
    max-width: 343px;
    height: 316px;
    padding: 24px 28px 32px;
  }
}

.c-sustainaSDGsCard__title-en {
  position: absolute;
  top: 85px;
  left: 15px;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: rgba(200, 20, 30, 0.1);
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCard__title-en {
    left: 8px;
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__title-en {
    top: 50px;
    left: 0;
    font-size: 24px;
  }
}

.c-sustainaSDGsCard__title {
  position: relative;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  color: #3c3c41;
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCard__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__title {
    padding-left: 16px;
    font-size: 18px;
  }
}
.c-sustainaSDGsCard__title::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 100%;
  content: "";
  background: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__title::before {
    top: 56%;
    left: 0;
    width: 4px;
    height: 99%;
  }
}

.c-sustainaSDGsCard__table {
  font-size: 12px;
}

.c-sustainaSDGsCard__images {
  display: flex;
  gap: 22px;
  align-items: flex-end;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__images {
    align-items: flex-start;
    margin-top: 12px;
  }
}

@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCard__images-img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__images-img {
    width: 129px;
  }
}

.c-sustainaSDGsCard__images-icons {
  display: flex;
  gap: 8px;
}

.c-sustainaSDGsCard__images-icon {
  width: 72px;
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCard__images-icon {
    width: 43%;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__images-icon {
    width: 60px;
  }
}

.c-sustainaSDGsCard__text {
  margin-top: 16px;
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__text {
    font-size: 14px;
    line-height: 1.8;
  }
}

/* ============================================
                    Btn
============================================ */
.c-sustainaSDGsCard__btn-back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #fafafa 45%);
  border-radius: 0 0 20px 20px;
  transition: all 0.3s ease 0s;
}
.c-sustainaSDGsCard__btn-back.is-active {
  position: relative;
  background: transparent;
}
.c-sustainaSDGsCard__btn-back.is-active .c-sustainaSDGsCard__btn {
  position: relative;
  bottom: -20px;
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCard__btn-back.is-active .c-sustainaSDGsCard__btn {
    bottom: -8px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__btn-back.is-active .c-sustainaSDGsCard__btn {
    bottom: -8px;
  }
}
.c-sustainaSDGsCard__btn-back.is-active .c-sustainaSDGsCard__btn span::before {
  background-image: url("../../assets/images/sustaina-icon-close.svg");
}
@media (min-width: 768px) {
  .c-sustainaSDGsCard__btn-back.is-active .c-sustainaSDGsCard__btn:hover span::before {
    background-image: url("../../assets/images/sustaina-icon-close-white.svg");
  }
}

.c-sustainaSDGsCard__btn {
  position: absolute;
  bottom: 48px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 312px;
  height: 80px;
  background-color: #fff;
  border: 1px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease 0s;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .c-sustainaSDGsCard__btn:hover {
    color: #fff;
    cursor: pointer;
    background-color: #c8141e;
  }
  .c-sustainaSDGsCard__btn:hover span::before {
    background-image: url("../../assets/images/sustaina-icon-detail-white.svg");
  }
}
@media screen and (max-width: 1200px) {
  .c-sustainaSDGsCard__btn {
    max-width: 270px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__btn {
    bottom: 23px;
    width: 208px;
    height: 46px;
    border-radius: 12px;
  }
}
.c-sustainaSDGsCard__btn span {
  position: relative;
  padding-left: 36px;
  font-weight: 500;
}
.c-sustainaSDGsCard__btn span::before {
  position: absolute;
  top: 55%;
  left: 0;
  width: 27px;
  height: 27px;
  content: "";
  background: url("../../assets/images/sustaina-icon-detail.svg") no-repeat center center/contain;
  transition: all 0.3s ease 0s;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__btn span::before {
    width: 20px;
    height: 20px;
  }
}

/* ============================================
                    Table
============================================ */
.c-sustainaSDGsCard__tableTitle {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 500;
}

.c-sustainaSDGsCard__table {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
  background-color: #fff;
  border: 2px solid #d9d9d9;
}
.c-sustainaSDGsCard__table[data-type=human] {
  font-size: 12px;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__table[data-type=human] {
    font-size: 10px;
  }
}
.c-sustainaSDGsCard__table[data-type=human] td {
  vertical-align: middle;
  padding-right: 5px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__table[data-type=human] td {
    font-size: 10px;
  }
}
.c-sustainaSDGsCard__table[data-type=human] td.text-center {
  text-align: center;
}
.c-sustainaSDGsCard__table[data-type=human] td.text-right {
  text-align: right;
}
.c-sustainaSDGsCard__table[data-type=human] td.paragraph-one {
  padding-left: 22px;
}
.c-sustainaSDGsCard__table td,
.c-sustainaSDGsCard__table th {
  border: 2px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .c-sustainaSDGsCard__table td,
  .c-sustainaSDGsCard__table th {
    font-size: 12px;
  }
}
.c-sustainaSDGsCard__table th {
  background-color: #e5e5e5;
}
.c-sustainaSDGsCard__table td:nth-of-type(1) {
  padding-left: 12px;
  line-height: 1.6;
}
.c-sustainaSDGsCard__table td:not(:nth-of-type(1)) {
  padding-right: 4px;
  text-align: right;
}

.c-sustainaSDGsCard__table[data-column="3"] th:nth-of-type(1), .c-sustainaTable[data-column="3"] td:nth-of-type(1) {
  width: 60%;
}
.c-sustainaSDGsCard__table[data-column="3"] th:nth-of-type(2), .c-sustainaTable[data-column="3"] td:nth-of-type(2) {
  width: 20%;
}
.c-sustainaSDGsCard__table[data-column="3"] th:nth-of-type(3), .c-sustainaTable[data-column="3"] td:nth-of-type(3) {
  width: 20%;
}
.c-sustainaSDGsCard__table[data-column="3"] td:nth-of-type(2) {
  text-align: right;
}
.c-sustainaSDGsCard__table[data-column="3"] td:nth-of-type(3) {
  text-align: right;
}

.c-sustainaSDGsCard__table-annotation {
  font-size: 11px;
  text-align: right;
}

/* ============================================
                    Img Detail
============================================ */
.c-sustainaSDGsCard__img-detail {
  margin-top: 16px;
}

.c-sustainaSubTitle {
  margin-bottom: 34px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle {
    margin-bottom: 15px;
  }
}
.c-sustainaSubTitle[data-type=esg] {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle[data-type=esg] {
    margin-bottom: 11px;
  }
}

.c-sustainaSubTitle__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 270px;
  margin: 0 auto;
  margin-top: 62px;
}
@media screen and (max-width: 1200px) {
  .c-sustainaSubTitle__inner {
    padding: 0 250px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle__inner {
    padding: 0;
    margin-top: 20px;
  }
}
.c-sustainaSubTitle__inner::before, .c-sustainaSubTitle__inner::after {
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 220px;
  height: 1px;
  content: "";
  background: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle__inner::before, .c-sustainaSubTitle__inner::after {
    top: 56%;
    max-width: 56px;
  }
}
.c-sustainaSubTitle__inner::before {
  left: 0;
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle__inner::before {
    left: -67px;
  }
}
.c-sustainaSubTitle__inner::after {
  right: 0;
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle__inner::after {
    right: -67px;
  }
}
.c-sustainaSubTitle__inner[data-type=esg] {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle__inner[data-type=esg] {
    margin-top: 19px;
  }
}
.c-sustainaSubTitle__title {
  font-size: 24px;
  font-weight: 500;
  color: #497f4b;
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle__title {
    font-size: 18px;
  }
}

.c-sustainaSubTitle__title-en {
  margin-top: 8px;
  font-family: myfutura, meiryo, sans-serif;
  font-weight: 500;
  color: #3c3c41;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-sustainaSubTitle__title-en {
    margin-top: 0;
    font-size: 10px;
    line-height: 1;
  }
}

table {
  -webkit-text-size-adjust: 100%;
}

.c-sustainaTable-wrap {
  padding-bottom: 12px;
  overflow-x: auto;
  -webkit-text-size-adjust: 100%;
}

.simplebar-scrollbar {
  background: rgb(200, 20, 30) !important;
  border-radius: 18px !important;
}

.simplebar-track {
  background: rgb(217, 217, 217) !important;
  border-radius: 18px !important;
}

.simplebar-scrollbar::before, .simplebar-scrollbar::after {
  content: none;
}

.c-sustainaTable {
  width: 912px;
  margin-top: 23px;
  border-collapse: collapse;
  background-color: #fff;
  border: 2px solid #d9d9d9;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .c-sustainaTable {
    margin-top: 8px;
    margin-bottom: 16px;
  }
}
.c-sustainaTable td,
.c-sustainaTable th {
  padding: 14px 20px 15px 16px;
  line-height: 1.6;
  border: 2px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .c-sustainaTable td,
  .c-sustainaTable th {
    padding: 5px 7px 7px 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaTable td {
    font-size: 12px;
  }
}
.c-sustainaTable th {
  text-align: left;
  background-color: #e5e5e5;
}
@media screen and (max-width: 768px) {
  .c-sustainaTable th {
    font-size: 12px;
  }
}
.c-sustainaTable th[data-type="18"] {
  width: 18%;
}
@media screen and (max-width: 768px) {
  .c-sustainaTable th[data-type="18"] {
    width: 11%;
  }
}
.c-sustainaTable th[data-type="23"] {
  width: 23%;
}
@media screen and (max-width: 768px) {
  .c-sustainaTable th[data-type="23"] {
    width: 16%;
  }
}
.c-sustainaTable th[data-type="32"] {
  width: 32%;
}
.c-sustainaTable th[data-type="59"] {
  width: 59%;
}
.c-sustainaTable th[data-type="68"] {
  width: 68%;
}
@media screen and (max-width: 768px) {
  .c-sustainaTable[data-type=safety] th {
    padding: 7px 7px 7px 16px;
  }
  .c-sustainaTable[data-type=safety] td {
    padding: 16px 7px 12px 16px;
  }
}
.c-sustainaTable[data-type=esg] {
  margin: 0 auto;
}
.c-sustainaTable[data-type=esg] th, .c-sustainaTable[data-type=esg] td {
  vertical-align: middle;
}
.c-sustainaTable[data-column="2"] th:nth-of-type(1), .c-sustainaTable[data-column="2"] td:nth-of-type(1) {
  width: 85%;
}
.c-sustainaTable[data-column="2"] td:nth-of-type(2) {
  text-align: right;
}
.c-sustainaTable[data-column="3"] th:nth-of-type(1), .c-sustainaTable[data-column="3"] td:nth-of-type(1) {
  width: 70%;
}
.c-sustainaTable[data-column="3"] th:nth-of-type(2), .c-sustainaTable[data-column="3"] td:nth-of-type(2) {
  width: 15%;
}
.c-sustainaTable[data-column="3"] th:nth-of-type(3), .c-sustainaTable[data-column="3"] td:nth-of-type(3) {
  width: 15%;
}
.c-sustainaTable[data-column="3"] td:nth-of-type(2) {
  text-align: right;
}
.c-sustainaTable[data-column="3"] td:nth-of-type(3) {
  text-align: right;
}
.c-sustainaTable[data-column=environment-5] th:nth-of-type(1) {
  width: 35%;
}
.c-sustainaTable[data-column=environment-5] th:nth-of-type(2) {
  width: 20%;
}
.c-sustainaTable[data-column=environment-5] th:nth-of-type(3) {
  width: 15%;
}
.c-sustainaTable[data-column=environment-5] th:nth-of-type(4) {
  width: 15%;
}
.c-sustainaTable[data-column=environment-5] th:nth-of-type(5) {
  width: 15%;
}
.c-sustainaTable[data-column=environment-5] td:nth-col(3) {
  text-align: right;
}
.c-sustainaTable[data-column=environment-5] td:nth-col(4) {
  text-align: right;
}
.c-sustainaTable[data-column=environment-5] td:nth-col(5) {
  text-align: right;
}

.c-sustainaESGTable {
  width: 912px;
  border-collapse: collapse;
  background-color: #fff;
  border: 2px solid #d9d9d9;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .c-sustainaESGTable {
    margin-top: 8px;
    margin-bottom: 16px;
  }
}
.c-sustainaESGTable .text-right {
  text-align: right;
}
.c-sustainaESGTable .border-right-none {
  border-right: 0px;
}
.c-sustainaESGTable .border-left-none {
  border-left: 0px;
}
.c-sustainaESGTable td,
.c-sustainaESGTable th {
  letter-spacing: 0.001em;
  vertical-align: middle;
  padding: 18px 23px 15px 23px;
  line-height: 1.6;
  border: 2px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .c-sustainaESGTable td,
  .c-sustainaESGTable th {
    padding: 12px 7px 12px 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaESGTable td {
    font-size: 12px;
  }
}
.c-sustainaESGTable th {
  text-align: left;
  background-color: #e5e5e5;
}
@media screen and (max-width: 768px) {
  .c-sustainaESGTable th {
    font-size: 12px;
  }
}
.c-sustainaESGTable[data-type=esg] {
  margin: 23px auto 0;
}
.c-sustainaESGTable[data-type=esg] th {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 1200px) {
  .c-sustainaESGTable[data-type=esg] {
    margin: 6px auto 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaESGTable[data-type=esg] {
    margin: 6px auto 13px;
  }
}
.c-sustainaESGTable[data-type=esg] th,
.c-sustainaESGTable[data-type=esg] td {
  vertical-align: middle;
}
.c-sustainaESGTable[data-type=esg] .text-right {
  text-align: right;
  padding-right: 8px;
}
.c-sustainaESGTable[data-type=esg] .padding-left {
  padding-left: 33px;
}
@media screen and (max-width: 768px) {
  .c-sustainaESGTable[data-type=esg] .padding-left {
    padding-left: 46px;
  }
}
.c-sustainaESGTable[data-type=esg] .text-center {
  text-align: center;
}
.c-sustainaESGTable[data-type=esg] .paragraph-one {
  padding-left: 80px;
}
.c-sustainaESGTable[data-type=esg] .text-vertical {
  writing-mode: vertical-lr;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 0.5em;
}
.c-sustainaESGTable[data-column="2"] th:nth-of-type(1),
.c-sustainaESGTable[data-column="2"] td:nth-of-type(1) {
  width: 85%;
}
.c-sustainaESGTable[data-column="2"] td:nth-of-type(2) {
  text-align: right;
}
.c-sustainaESGTable[data-column="2"] .column-one {
  width: 85%;
}
.c-sustainaESGTable[data-column="2"] .column-two {
  width: 15%;
}
.c-sustainaESGTable[data-column="3"] .column-one {
  width: 60%;
}
.c-sustainaESGTable[data-column="3"] .column-two,
.c-sustainaESGTable[data-column="3"] .column-three {
  width: 20%;
}

.c-sustainaESGTable[data-column="3"] .text-right {
  text-align: right;
}

.c-sustainaESGTable[data-column="4"] .column-one {
  width: 7%;
}
.c-sustainaESGTable[data-column="4"] .column-two {
  width: 63%;
}
.c-sustainaESGTable[data-column="4"] .column-three,
.c-sustainaESGTable[data-column="4"] .column-four {
  width: 15%;
}
.c-sustainaESGTable[data-column="5"] td {
  padding-left: 12px;
  padding-right: 12px;
}
.c-sustainaESGTable[data-column="5"] .column-one {
  width: 26%;
}
.c-sustainaESGTable[data-column="5"] .column-two {
  width: 23%;
}
.c-sustainaESGTable[data-column="5"] .column-three,
.c-sustainaESGTable[data-column="5"] .column-four {
  width: 15%;
}
.c-sustainaESGTable[data-column="5"] .column-five {
  width: 21%;
}
.c-sustainaESGTable[data-column="5"] .column-six {
  width: 21%;
}

.c-sustainaESGTable[data-column=environment-3] th:nth-of-type(1) {
  width: 60%;
}
.c-sustainaESGTable[data-column=environment-3] th:nth-of-type(2) {
  width: 20%;
}
.c-sustainaESGTable[data-column=environment-3] th:nth-of-type(3) {
  width: 20%;
}
.c-sustainaESGTable[data-column=environment-3] td:nth-of-type(2) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-3] td:nth-of-type(3) {
  text-align: right;
}

.c-sustainaESGTable[data-column=environment-4] th:nth-of-type(1) {
  width: 46%;
}
.c-sustainaESGTable[data-column=environment-4] th:nth-of-type(2) {
  width: 18%;
}
.c-sustainaESGTable[data-column=environment-4] th:nth-of-type(3) {
  width: 18%;
}
.c-sustainaESGTable[data-column=environment-4] th:nth-of-type(4) {
  width: 18%;
}
.c-sustainaESGTable[data-column=environment-4] td:nth-col(2) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-4] td:nth-col(3) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-4] td:nth-col(4) {
  text-align: right;
}

.c-sustainaESGTable[data-column=environment-5] th:nth-of-type(1) {
  width: 36%;
}
.c-sustainaESGTable[data-column=environment-5] th:nth-of-type(2) {
  width: 20%;
}
.c-sustainaESGTable[data-column=environment-5] th:nth-of-type(3) {
  width: 15%;
}
.c-sustainaESGTable[data-column=environment-5] th:nth-of-type(4) {
  width: 15%;
}
.c-sustainaESGTable[data-column=environment-5] th:nth-of-type(5) {
  width: 15%;
}
.c-sustainaESGTable[data-column=environment-5] td:nth-col(3) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-5] td:nth-col(4) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-5] td:nth-col(5) {
  text-align: right;
}

.c-sustainaESGTable[data-column=environment-6] th:nth-of-type(1) {
  width: 30%;
}
.c-sustainaESGTable[data-column=environment-6] th:nth-of-type(2) {
  width: 22%;
}
.c-sustainaESGTable[data-column=environment-6] th:nth-of-type(3) {
  width: 12%;
}
.c-sustainaESGTable[data-column=environment-6] th:nth-of-type(4) {
  width: 12%;
}
.c-sustainaESGTable[data-column=environment-6] th:nth-of-type(5) {
  width: 12%;
}
.c-sustainaESGTable[data-column=environment-6] th:nth-of-type(6) {
  width: 12%;
}
.c-sustainaESGTable[data-column=environment-6] td:nth-col(3) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-6] td:nth-col(4) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-6] td:nth-col(5) {
  text-align: right;
}
.c-sustainaESGTable[data-column=environment-6] td:nth-col(6) {
  text-align: right;
}


.c-sustainaBgImg {
  position: absolute;
  bottom: 0;
  right: 5.5555555556vw;
}
@media screen and (max-width: 768px) {
  .c-sustainaBgImg {
    right: 4.2666666667vw;
  }
}

.c-sustainaBgImg img {
  width: 100%;
  max-width: 604px;
  aspect-ratio: 604/112;
}
@media screen and (max-width: 768px) {
  .c-sustainaBgImg img {
    max-width: 343px;
    aspect-ratio: 343/64;
  }
}

.c-headingPrimary {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 320px;
  background-color: #fff;
  background-image: url("../../assets/images/ir_heading_bg.svg");
  background-size: cover;
}
@media screen and (max-width: 1050px) {
  .c-headingPrimary {
    justify-content: flex-start;
    padding-top: 40px;
  }
}
@media screen and (max-width: 880px) {
  .c-headingPrimary {
    height: 284px;
  }
}
@media screen and (max-width: 768px) {
  .c-headingPrimary {
    background-image: url("../../assets/images/ir_heading_bg_sp.svg");
  }
}

.c-headingPrimary__img {
  position: absolute;
  top: 50%;
  right: 10.3%;
  width: 438px;
  height: calc(100% - 26px);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 880px) {
  .c-headingPrimary__img {
    top: 62%;
    right: auto;
    left: 50%;
    width: 240px;
    height: 168px;
    background-size: contain;
    transform: translate(-50%, -50%);
  }
}

.c-headingPrimary__text {
  width: 100%;
  max-width: 850px;
  padding-left: 11.1%;
  font-weight: 500;
  color: #c8141e;
  letter-spacing: 0.1em;
  font-size: 2.6666666667rem;
  line-height: 1.5;
}
@media screen and (max-width: 1400px) {
  .c-headingPrimary__text {
    font-size: 1.6rem;
    line-height: 1.5;
    max-width: 560px;
  }
}
@media screen and (max-width: 880px) {
  .c-headingPrimary__text {
    max-width: none;
    padding-left: 32px;
    letter-spacing: 0;
  }
}

.p-company-heading__en .c-headingPrimary__text {
  font-weight: 700;
}

.c-headingPrimary__text--sub {
  width: 100%;
  max-width: 850px;
  padding-left: 11.1%;
  font-weight: 500;
  color: #c8141e;
  letter-spacing: 0.1em;
  font-size: 2.1333333333rem;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  .c-headingPrimary__text--sub {
    font-size: 1.3333333333rem;
    line-height: 1;
    max-width: 560px;
  }
}
@media screen and (max-width: 880px) {
  .c-headingPrimary__text--sub {
    max-width: none;
    padding-left: 32px;
    letter-spacing: 0;
  }
}

.c-pagination .pagination {
  display: flex;
  justify-content: center;
}
.c-pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-pagination .page-numbers {
  padding: 4.5px 14px;
  margin-left: 14px;
  font-weight: 500;
  color: #3c3c41;
  background-color: #fff;
  border: 1px solid #c8141e;
  font-size: 1.3333333333rem;
  line-height: 1.448;
  transition: all 0.5s;
}
.c-pagination a.page-numbers:hover {
  opacity: 0.5;
}
.c-pagination .page-numbers.current {
  display: block;
  height: 100%;
  margin-left: 16px;
  color: #fff;
  background-color: #c8141e;
  border: 1px solid #c8141e;
}
.c-pagination .page-numbers:first-child {
  margin-left: 0;
}
.c-pagination .page-numbers.prev {
  width: 24px;
  height: 24px;
  padding: 0;
  margin-right: 16px;
  margin-left: 0;
  background-color: transparent;
  background-image: url("../../assets/images/common_arrow_icon.svg");
  background-size: contain;
  border: none;
  transform: rotate(180deg);
}
.c-pagination .page-numbers.prev + .page-numbers {
  margin-left: 0;
}
.c-pagination .page-numbers.next {
  width: 24px;
  height: 24px;
  padding: 0;
  margin-left: 16px;
  background-color: transparent;
  background-image: url("../../assets/images/common_arrow_icon.svg");
  background-size: contain;
  border: none;
}

.c-sustainaPolicy__title {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  padding-left: 26px;
  margin-bottom: 40px;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__title {
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 16px;
    margin-bottom: 20px;
  }
}
.c-sustainaPolicy__title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 37px;
  content: "";
  background-color: #c8141e;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__title::before {
    width: 4px;
    height: 27px;
  }
}

.c-sustainaPolicy__title--bottomMargin {
  margin-bottom: 24px;
}

.c-sustainaPolicy__text {
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__text {
    font-size: 0.9333333333rem;
    line-height: 1.7142857143;
  }
}
.c-sustainaPolicy__text + .c-sustainaPolicy__text {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__text + .c-sustainaPolicy__text {
    margin-top: 20px;
  }
}

/* -----------------------
slider
----------------------- */
.js-slider-documentSustainaPolicy .slick-slide {
  display: flex;
  justify-content: center;
  width: 100%;
}
.js-slider-documentSustainaPolicy .slick-slide div {
  flex-grow: 1;
}

.slider-document-slideSustainaPolicy {
  width: 100%;
  padding-inline: 16px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .slider-document-slideSustainaPolicy {
    padding-inline: 0;
  }
}

.slider-documentSustainaPolicy.slick-dotted.slick-slider {
  margin-bottom: 24px;
}

.slider-documentSustainaPolicy .slick-prev,
.slider-documentSustainaPolicy .slick-next {
  position: absolute;
  top: 53%;
  z-index: 2;
  box-sizing: border-box;
  display: block;
  width: 1.3888888889vw;
  height: 2.2222222222vw;
  aspect-ratio: 20/32;
  padding: 0;
  text-indent: -9999px;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-size: 1.3888888889vw 2.2222222222vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 768px) {
  .slider-documentSustainaPolicy .slick-prev,
  .slider-documentSustainaPolicy .slick-next {
    top: 50%;
    width: 20px;
    height: 32px;
    background-size: 20px 32px;
  }
}

.slider-documentSustainaPolicy .slick-prev {
  left: -15px;
  background-image: url("../../assets/images/slider-icon01.png");
  background-position: left center;
}
@media screen and (max-width: 768px) {
  .slider-documentSustainaPolicy .slick-prev {
    display: none !important;
  }
}

.slider-documentSustainaPolicy .slick-next {
  right: -15px;
  background-image: url("../../assets/images/slider-icon02.png");
  background-position: right center;
}
@media screen and (max-width: 768px) {
  .slider-documentSustainaPolicy .slick-next {
    display: none !important;
  }
}

.js-slider-documentSustainaPolicy-dots .slick-dots {
  position: static;
}

.js-slider-documentSustainaPolicy-dots .slick-dots li button::before {
  font-size: 20px;
}

.js-slider-documentSustainaPolicy-dots .slick-dots li.slick-active button::before {
  color: #c8141e;
  opacity: 1;
}

.js-slider-documentSustainaPolicy-dots .slick-dots li {
  margin-inline: 8px;
}

.c-sustainaPolicy__pdf {
  width: 312px;
  margin-inline: auto;
  margin-top: 48px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__pdf {
    width: 208px;
    margin-top: 20px;
    border-radius: 12px;
  }
}

.c-sustainaPolicy__pdfLink {
  display: block;
  background-color: transparent;
  transition: ease 0.5s;
}
.c-sustainaPolicy__pdfLink:hover .c-sustainaPolicy__pdfInner {
  background-color: #c8141e;
}
.c-sustainaPolicy__pdfLink:hover .c-sustainaPolicy__pdfInner svg {
  fill: #fff;
  transition: ease 0.5s;
}
.c-sustainaPolicy__pdfLink:hover .c-sustainaPolicy__pdfInner .c-sustainaPolicy__pdfText {
  color: #fff;
}

.c-sustainaPolicy__pdfInner {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding-block: 24px;
}
.c-sustainaPolicy__pdfInner svg {
  fill: #c8141e;
  transition: ease 0.5s;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__pdfInner svg {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__pdfInner {
    padding-block: 10px;
  }
}

.c-sustainaPolicy__pdfImg {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__pdfImg {
    width: 24px;
    height: 24px;
  }
}

.c-sustainaPolicy__pdfText {
  font-weight: 500;
  color: #3c3c41;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
}


.susLink__pdfs {
  width: fit-content;
  margin: 80px auto 0;
  display: grid;
  grid-template-columns: repeat(2, 312px);
  column-gap: 40px;
  row-gap: 24px;
}
@media screen and (max-width: 965px) {
  .susLink__pdfs {
    width: fit-content;
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: repeat(1, 270px);
    gap: 20px;
  }
}

.susLink__pdfs .c-sustainaPolicy__pdf {
  margin-top: 0;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 965px) {
  .susLink__pdfs .c-sustainaPolicy__pdf {
    height: 70px;
    width: 100%;
  }
  .susLink__pdfs .c-sustainaPolicy__pdf:nth-child(3) .c-sustainaPolicy__pdfInner {
    gap: 0;
  }
}

.susLink__pdfs .c-sustainaPolicy__pdfLink {
  width: 100%;
  height: 100%;
}

.susLink__pdfs .c-sustainaPolicy__pdfInner {
  padding: 0;
  width: 100%;
  height: 100%;
}

.susLink__pdfs .c-sustainaPolicy__pdfText {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 965px) {
  .susLink__pdfs .c-sustainaPolicy__pdfText {
    font-size: 12px;
  }
}

.c-postsList__posts {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .c-postsList__posts {
    margin-top: 33px;
  }
}

.c-postsList__post {
  padding: 0 4.4%;
}
@media screen and (max-width: 768px) {
  .c-postsList__post {
    padding: 0;
  }
}

.c-postsList__link {
  display: flex;
  align-items: center;
  padding: 15px 0;
  text-decoration: none;
  border-top: 1px solid #d9d9d9;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .c-postsList__link {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 7px 17px 4px;
  }
}

.c-postsList__link:hover {
  opacity: 0.7;
}

.c-postsList__post:last-child .c-postsList__link {
  border-bottom: 1px solid #d9d9d9;
}

.c-postsList__date {
  min-width: 120px;
  color: #3c3c41;
  font-size: 1.0666666667rem;
  line-height: 2;
}

.c-postsList__title {
  position: relative;
  display: -webkit-box;
  padding-right: 45px;
  margin-left: 7%;
  overflow: hidden;
  color: #3c3c41;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-postsList__title {
    width: 100%;
    padding-right: 45px;
    margin-top: 0;
    margin-left: 0;
    -webkit-line-clamp: 2;
  }
}

.c-postsList__title::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url("../../assets/images/ir_library_icon_pdf.svg");
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-postsList__title::after {
    top: 0;
    right: 0;
    transform: translateY(0);
  }
}

.c-postsList__posts.c-postsList__post--col3 .c-postsList__post {
  padding: 0 3%;
}
@media screen and (max-width: 768px) {
  .c-postsList__posts.c-postsList__post--col3 .c-postsList__post {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .c-postsList__posts.c-postsList__post--col3 .c-postsList__link {
    row-gap: 9px;
    padding: 16px 0;
  }
}

@media screen and (max-width: 768px) {
  .c-postsList__posts.c-postsList__post--col3 .c-postsList__date {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.c-postList__category {
  font-size: 0.9333333333rem;
  line-height: 2;
  display: flex;
  justify-content: center;
  width: 120px;
  padding: 0 4px;
  margin-left: 54px;
  color: #fff;
  background: #fe9519;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .c-postList__category {
    font-size: 0.8rem;
    line-height: 1.5;
    width: 104px;
    padding: 3px 4px;
    margin-left: 0;
  }
}

.c-postsList__posts.c-postsList__post--col3 .c-postsList__title {
  width: calc(100% - 54px - 40px - 120px - 120px);
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .c-postsList__posts.c-postsList__post--col3 .c-postsList__title {
    width: 100%;
    padding: 0;
    margin-left: 0;
    font-size: 1.0666666667rem;
    line-height: 1.75;
  }
}

.c-logistic__contact {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  color: #3c3c41;
  padding: 37px 120px 63px 104px;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact {
    padding: 28px 24px;
  }
}

.c-logistic__contact-title {
  position: relative;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-title {
    font-size: 16px;
  }
}
.c-logistic__contact-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 100%;
  background-color: #c8141e;
}

.c-logistic__contact-itemsWrap {
  max-width: 664px;
  margin: 43px auto 0;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemsWrap {
    width: 100%;
    max-width: 247px;
    margin-top: 22px;
    gap: 28px;
  }
}

.c-logistic__contact-items {
  gap: 40px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-items {
    flex-direction: column;
    align-items: center;
  }
}

.c-logistic__contact-item {
  width: 312px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #c8141e;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-item {
    height: auto;
    max-width: 224px;
    width: 100%;
    padding: 6px 16px 5px 14px;
    justify-content: flex-start;
    gap: 24px;
    margin: 0 auto;
  }
  .c-logistic__contact-item[data-type=mail] {
    gap: 6px;
  }
}

.c-logistic__contact-itemIcon {
  width: 32px;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemIcon {
    width: 24px;
  }
}

.c-logistic__contact-itemText {
  font-weight: 500;
}
.c-logistic__contact-itemText a {
  display: inline-block;
  transition: all 0.3s ease 0s;
}
@media screen and (min-width: 768px) {
  .c-logistic__contact-itemText a:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemText a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
  }
  .c-logistic__contact-itemText a[data-type=mail] {
    text-align: center;
  }
}

.c-logistic__contact-info {
  margin-top: 8px;
  text-align: center;
  max-width: 288px;
  width: 100%;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-info {
    font-size: 12px;
    margin-top: 3px;
    line-height: 1.5;
  }
}

.c-logiBtn {
  width: 100%;
  max-width: 312px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .c-logiBtn {
    max-width: 236px;
    height: 64px;
  }
}

.c-logiBtn a {
  height: 100%;
  color: #3c3c41;
  text-decoration: none;
}

.c-logiBtn__inner {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 24px 15px;
}
@media screen and (max-width: 768px) {
  .c-logiBtn__inner {
    height: inherit;
    padding: 0 8px;
  }
}

.c-logiBtn__text {
  width: 280px;
  font-weight: 500;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .c-logiBtn__text {
    width: 176px;
    padding-right: 0;
  }
}

.p-vietnam__en .p-vietnam-domestic__links .c-logiBtn__text {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-vietnam__en .p-vietnam-domestic__links .c-logiBtn__text {
    font-size: 14px;
  }
}

.c-logiBtn__arrow {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .c-logiBtn__arrow {
    width: 24px;
    height: 24px;
  }
}
.c-logiBtn__arrow svg {
  fill: #c8141e;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
  .c-logiBtn__arrow svg {
    width: 24px;
    height: 24px;
  }
}

.c-logiBtn:hover {
  background: #c8141e;
}
.c-logiBtn:hover .c-logiBtn__text {
  color: #fff;
}
.c-logiBtn:hover .c-logiBtn__arrow svg {
  fill: #fff;
}

.c-formSubmitBtn {
  display: flex;
  justify-content: center;
  margin-top: 34px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .c-formSubmitBtn {
    margin-top: 24px;
  }
}

.c-formSubmitBtn__item {
  position: relative;
  width: 100%;
  max-width: 312px;
}
@media screen and (max-width: 768px) {
  .c-formSubmitBtn__item {
    max-width: 224px;
  }
}

.c-formSubmitBtn__item::before {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon_reverse.svg");
  background-size: contain;
  transition: all 0.5s;
  transform: translateY(-50%);
}

.c-formSubmitBtn__submitBtn {
  position: relative;
  display: block;
  width: 100%;
  max-width: 312px;
  padding: 28.5px 48px 28.5px 16px;
  color: #fff;
  cursor: pointer;
  background: #3c3c41;
  border: none;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-size: 1.0666666667rem;
  line-height: 1.448125;
}
@media screen and (max-width: 768px) {
  .c-formSubmitBtn__submitBtn {
    max-width: 224px;
    padding: 20.5px 45px 20.5px 16px;
  }
}

.c-formSubmitBtn__item:hover .c-formSubmitBtn__submitBtn {
  color: #3c3c41;
  background-color: #fff;
}

.c-formSubmitBtn__item:hover::before {
  background-image: url("../../assets/images/common_arrow_icon.svg");
}

.c-formSubmitBtn__item {
  pointer-events: none;
}

.c-inquiryForm__inner {
  width: 100%;
  max-width: 908px;
  padding: 77px 25px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-inquiryForm__inner {
    padding: 22px 24px 40px;
  }
}

/* ---------------------------------
 project
 --------------------------------- */
a {
  display: block;
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

/* ============================================
            Headerの高さ分
============================================ */
body {
  margin-top: 104px;
}
body.no-scroll {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  body {
    margin-top: 72px;
  }
}

/* ============================================
  Headerの高さ分ここまで
============================================ */
.p-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  width: 100%;
  height: 104px;
  color: #3c3c41;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-header {
    z-index: 9999;
    height: 72px;
  }
}

.p-header__inner {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-header__inner {
    justify-content: space-between;
    padding: 0 16px;
  }
}

.p-header__logo {
  width: 100%;
  max-width: 162px;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 1200px) {
  .p-header__logo {
    width: 27%;
  }
}
@media screen and (max-width: 768px) {
  .p-header__logo {
    width: 100%;
    max-width: 103px;
    margin-left: 9px;
  }
}
.p-header__logo:hover {
  opacity: 0.7;
}

.p-header__lists {
  display: flex;
  gap: min(3.48vw, 46px);
  align-items: center;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .p-header__lists {
    display: none;
    gap: 16px;
  }
}
.p-header__lists li a {
  font-weight: 500;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 1200px) {
  .p-header__lists li a {
    font-size: 12px;
  }
}
.p-header__lists li a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .p-header__lists {
    display: none;
    pointer-events: none;
  }
}

.p-header__list-more {
  position: relative;
  padding: 20px 0;
}
.p-header__list-more:hover {
  cursor: pointer;
}

.p-header__list-moreLists {
  position: absolute;
  top: 100%;
  display: none;
  width: 165px;
  background-color: #fff;
}

.p-header__list-moreList {
  padding: 8px 0 8px 8px;
  font-size: 14px;
  font-weight: 400;
  background-image: url("../../assets/images/footer_list_arrow.png");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px 16px;
  border-top: 1px solid #c8141e;
}
.p-header__list-moreList:last-child {
  border-bottom: 1px solid #c8141e;
}

.p-header__nav-wrap {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 10000;
  width: 100%;
  max-width: 1280px;
  height: 107px;
  margin: 0 auto;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-header__nav-wrap {
    height: 72px;
  }
}

.p-header__nav,
.p-header__nav-modal {
  position: relative;
  width: 80px;
  height: 80px;
  margin-left: 25px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 1200px) {
  .p-header__nav,
  .p-header__nav-modal {
    width: 64px;
    height: 64px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__nav,
  .p-header__nav-modal {
    width: 64px;
    height: 64px;
  }
}
.p-header__nav.is-active,
.p-header__nav-modal.is-active {
  top: 25px;
  border: 1px solid #c8141e;
  opacity: 0;
}
.p-header__nav.is-active[data-type=modal],
.p-header__nav-modal.is-active[data-type=modal] {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .p-header__nav.is-active,
  .p-header__nav-modal.is-active {
    top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__nav.is-active,
  .p-header__nav-modal.is-active {
    top: 3px;
    border: none;
    opacity: 1;
  }
}
.p-header__nav.is-active .p-header__nav-bar,
.p-header__nav.is-active .p-header__nav-bar-modal,
.p-header__nav-modal.is-active .p-header__nav-bar,
.p-header__nav-modal.is-active .p-header__nav-bar-modal {
  transform-origin: initial;
}
.p-header__nav.is-active .p-header__nav-bar[data-type=one],
.p-header__nav.is-active .p-header__nav-bar-modal[data-type=one],
.p-header__nav-modal.is-active .p-header__nav-bar[data-type=one],
.p-header__nav-modal.is-active .p-header__nav-bar-modal[data-type=one] {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.p-header__nav.is-active .p-header__nav-bar[data-type=two],
.p-header__nav.is-active .p-header__nav-bar-modal[data-type=two],
.p-header__nav-modal.is-active .p-header__nav-bar[data-type=two],
.p-header__nav-modal.is-active .p-header__nav-bar-modal[data-type=two] {
  opacity: 0;
}
.p-header__nav.is-active .p-header__nav-bar[data-type=three],
.p-header__nav.is-active .p-header__nav-bar-modal[data-type=three],
.p-header__nav-modal.is-active .p-header__nav-bar[data-type=three],
.p-header__nav-modal.is-active .p-header__nav-bar-modal[data-type=three] {
  top: 50%;
  left: 50%;
  width: 48px;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.p-header__nav.is-active:hover .p-header__nav-bar[data-type=one],
.p-header__nav.is-active:hover .p-header__nav-bar-modal[data-type=one],
.p-header__nav-modal.is-active:hover .p-header__nav-bar[data-type=one],
.p-header__nav-modal.is-active:hover .p-header__nav-bar-modal[data-type=one] {
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.p-header__nav.is-active:hover .p-header__nav-bar[data-type=two],
.p-header__nav.is-active:hover .p-header__nav-bar-modal[data-type=two],
.p-header__nav-modal.is-active:hover .p-header__nav-bar[data-type=two],
.p-header__nav-modal.is-active:hover .p-header__nav-bar-modal[data-type=two] {
  opacity: 0;
}
.p-header__nav.is-active:hover .p-header__nav-bar[data-type=three],
.p-header__nav.is-active:hover .p-header__nav-bar-modal[data-type=three],
.p-header__nav-modal.is-active:hover .p-header__nav-bar[data-type=three],
.p-header__nav-modal.is-active:hover .p-header__nav-bar-modal[data-type=three] {
  top: 50%;
  left: 50%;
  width: 48px;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.p-header__nav:hover .p-header__nav-bar[data-type=two],
.p-header__nav:hover .p-header__nav-bar-modal[data-type=two],
.p-header__nav-modal:hover .p-header__nav-bar[data-type=two],
.p-header__nav-modal:hover .p-header__nav-bar-modal[data-type=two] {
  transform: translateX(-50%) translateY(-50%) scale(0.8, 1);
}
.p-header__nav:hover .p-header__nav-bar[data-type=three],
.p-header__nav:hover .p-header__nav-bar-modal[data-type=three],
.p-header__nav-modal:hover .p-header__nav-bar[data-type=three],
.p-header__nav-modal:hover .p-header__nav-bar-modal[data-type=three] {
  transform: translateX(-50%) scale(0.7, 1);
}
.p-header__nav[data-type=modal],
.p-header__nav-modal[data-type=modal] {
  position: absolute;
  top: -80px;
  right: 0;
  border: 1px solid #c8141e;
}
@media screen and (max-width: 1200px) {
  .p-header__nav[data-type=modal],
  .p-header__nav-modal[data-type=modal] {
    top: -65px;
    right: -1px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__nav[data-type=modal],
  .p-header__nav-modal[data-type=modal] {
    display: none;
  }
}

.p-header__nav-bar,
.p-header__nav-bar-modal {
  position: absolute;
  left: 50%;
  height: 2px;
  margin-left: auto;
  background-color: #c8141e;
  transition: all 0.3s ease 0s;
  transform: translateX(-50%);
  transform-origin: right;
}
.p-header__nav-bar[data-type=one],
.p-header__nav-bar-modal[data-type=one] {
  top: 24px;
  width: 48px;
}
@media screen and (max-width: 1200px) {
  .p-header__nav-bar[data-type=one],
  .p-header__nav-bar-modal[data-type=one] {
    top: 20px;
  }
}
.p-header__nav-bar[data-type=two],
.p-header__nav-bar-modal[data-type=two] {
  top: 50%;
  left: calc(50% + 6px);
  width: 36px;
  transform: translateX(-50%) translateY(-50%) scale(1, 1);
}
.p-header__nav-bar[data-type=three],
.p-header__nav-bar-modal[data-type=three] {
  bottom: 24px;
  left: calc(50% + 12px);
  width: 24px;
  transform: translateX(-50%) scale(1, 1);
}
@media screen and (max-width: 1200px) {
  .p-header__nav-bar[data-type=three],
  .p-header__nav-bar-modal[data-type=three] {
    bottom: 20px;
  }
}

.p-header__en .p-header__nav {
  display: none;
}
@media screen and (max-width:1200px) {
  .p-header__en .p-header__nav {
    display: block;
  }
}

.p-lang-switching {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.p-lang-switching.ham {
  display: none;
}

.p-lang-switching.ja {
  margin-left: 25px;
}
@media screen and (max-width: 1200px) {
  .p-lang-switching.ham {
    display: flex;
    margin-left: auto;
  }
  .p-lang-switching.ja {
    flex: 1;
    justify-content: flex-end;
    margin-left: auto;
  }
}

.p-lang-switching a.active{
  color: #C8141E;
}

.p-header.p-header__en .p-header__list-moreLists {
  width: 185px;
}


/* ============================================
          Header Modal
============================================ */
.p-header__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9001;
  width: 100%;
  height: 100%;
  color: #3c3c41;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
  .p-header__modal {
    position: absolute;
    top: 72px;
    /* max-height: 100vh; */
    height: -webkit-fill-available;
    overflow-y: auto;
  }
  .p-header__modal.p-header__modal__en {
    max-height: 100vh;
  }
}
.p-header__modal.is-active {
  visibility: visible;
  opacity: 1;
}
.p-header__modal.is-active .p-header__modal-contents {
  opacity: 1;
  transform: translateX(-50%);
}
.p-header__modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9001;
  width: 100%;
  height: 100%;
  background: rgba(60, 60, 65, 0.5);
}
@media screen and (max-width: 768px) {
  .p-header__modal-bg {
    padding: 0;
  }
}

.p-header__modal-contents {
  position: absolute;
  left: 50%;
  z-index: 9002;
  display: flex;
  gap: 72px;
  justify-content: center;
  width: calc(100% - 40px);
  max-width: 1280px;
  padding: 80px 60px 61px;
  margin-top: 104px;
  background-color: #fff;
  background-color: #f8f9f9;
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  opacity: 0;
  transition: all 0.3s ease 0s;
  transform: translateX(-50%);
}
@media screen and (min-width: 1201px) and (max-width: 1380px) {
  .p-header__modal-contents {
    padding: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .p-header__modal-contents {
    gap: 32px;
    max-width: calc(100% - 40px);
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-contents {
    top: 0;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 24px 20px 160px;
    margin-top: 0;
    border: none;
  }

  .p-header__modal__en .p-header__modal-contents {
    padding: 40px 20px 80px;
  }
}

.p-header__modal-contents .p-lang-switching.ja {
  display: flex;
  position: absolute;
  background: #EBEBEB;
  padding: 8px 16px 8px 8px;
  margin-left: 0;
  top: 40px;
  right: 80px;
}

@media screen and (max-width: 1380px) {
  .p-header__modal-contents .p-lang-switching.ja {
    top: 13px;
    right: 20px;
  }
}

.p-header__modal-contents .p-lang-switching.ja img {
  margin-right: 8px;
}

.p-lang-switching span {
  margin: 0 0.2rem;
}

@media screen and (max-width: 768px) {
  .p-header__modal-contents .p-lang-switching.ja {
    background: transparent;
    top: auto; 
    right: auto;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
  }
  .p-header__modal-contents .p-lang-switching.ja img {
    display: none;
  }
  .p-header__modal__en .p-header__modal-contents .p-lang-switching {
    font-size: 20px;
  }
}

.p-header__modal-content-ttl {
  font-family: myfutura, meiryo, sans-serif;
  font-weight: 500;
  color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-header__modal-content-ttl {
    display: none;
  }
}

.p-header__modal-main-lists {
  display: flex;
  gap: 80px;
  margin-top: 42px;
}
@media screen and (min-width: 1201px) and (max-width: 1380px) {
  .p-header__modal-main-lists {
    margin-top: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-lists {
    gap: 40px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-lists {
    display: block;
    margin-top: 0;
  }
}

.p-header__modal-main-sub-lists {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media screen and (min-width: 1201px) and (max-width: 1380px) {
  .p-header__modal-main-sub-lists {
    gap: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-sub-lists {
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-sub-lists {
    gap: 16px;
    gap: 23px;
    max-width: 264px;
    margin: 0 auto;
  }
}
.p-header__modal-main-sub-lists li {
  width: 264px;
  padding-bottom: 18px;
  font-weight: 500;
  border-bottom: 1px solid #c8141e;
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-sub-lists li {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-sub-lists li {
    width: 100%;
    max-width: 264px;
    padding-bottom: 15px;
    font-size: 16px;
  }
}
.p-header__modal-main-sub-lists li[data-type=sub-lists] {
  border-bottom: none;
}
.p-header__modal-main-sub-lists li[data-type=sub-lists]::before {
  content: none;
}
.p-header__modal-main-sub-lists li[data-type=sub-list] {
  display: block;
  width: 234px;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-sub-lists li[data-type=sub-list] {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-sub-lists li[data-type=sub-list] {
    width: 185px;
  }
}
.p-header__modal-main-sub-lists li[data-type=sub-list] a {
  padding-left: 16px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-sub-lists li[data-type=sub-list] a {
    padding-left: 8px;
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-sub-lists li[data-type=sub-list] a {
    padding-left: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-sub-lists li[data-type=sub-list] a::before {
    width: 20px;
    height: 20px;
  }
}
.p-header__modal-main-sub-lists a {
  position: relative;
  transition: all 0.3s ease 0s;
}
.p-header__modal-main-sub-lists a::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  content: "";
  background: url("../../assets/images/arrow-right-circle.png") no-repeat center center/contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-sub-lists a::before {
    top: 50%;
    width: 24px;
    height: 24px;
  }
}
.p-header__modal-main-sub-lists a:hover {
  opacity: 0.7;
}
.p-header__modal-main-detail-lists {
  display: flex;
  flex-direction: column;
  gap: 27px;
  padding-top: 24px;
  margin-top: 16px;
  border-top: 1px solid #c8141e;
}
@media screen and (min-width: 1201px) and (max-width: 1380px) {
  .p-header__modal-main-detail-lists {
    gap: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-detail-lists {
    gap: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-detail-lists {
    gap: 9px;
    padding-top: 11px;
    margin-top: 11px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-detail-lists li {
    font-size: 12px;
  }
}

.p-header__modal-main-informations {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-informations {
    flex-flow: row wrap;
    max-width: 264px;
  }
}

.p-header__modal-main-information {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  padding-left: 56px;
  background-color: #ebebeb;
  transition: all 0.3s ease 0s;
}
.p-header__modal-main-information:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-information {
    padding-left: 48px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-main-information {
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 16px;
    padding-left: 40px;
  }
}
.p-header__modal-main-information::before {
  position: absolute;
  top: 53%;
  left: 16px;
  width: 23px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .p-header__modal-main-information::before {
    left: 8px;
  }
}
.p-header__modal-main-information[data-type=news]::before {
  height: 15px;
  background-image: url("../../assets/images/header-icon-news.png");
}
.p-header__modal-main-information[data-type=place]::before {
  height: 23px;
  background-image: url("../../assets/images/header-icon-place.png");
}
.p-header__modal-main-information[data-type=contact]::before {
  height: 14px;
  background-image: url("../../assets/images/header-icon-contact.png");
}
.p-header__modal-main-information[data-type=baggage]::before {
  height: 21px;
  background-image: url("../../assets/images/header-icon-baggage.png");
}

.p-header__modal-special {
  width: 100%;
  max-width: 432px;
}

.p-header__modal-special-items {
  display: flex;
  flex-direction: column;
  gap: 36px;
  margin-top: 40px;
}
@media screen and (min-width: 1201px) and (max-width: 1380px) {
  .p-header__modal-special-items {
    margin-top: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .p-header__modal-special-items {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-special-items {
    gap: 8px;
    justify-content: center;
    margin-top: 0;
  }
}

.p-header__modal-special-item {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 30px;
  padding-left: 27px;
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-header__modal-special-item {
    gap: 26px;
    align-items: center;
    width: 100%;
    max-width: 264px;
    padding: 8px 0;
    padding-left: 0;
    margin: 0 auto;
  }
}

.p-header__modal-special-item-body {
  width: 100%;
  max-width: 176px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-header__modal-special-item-body {
    max-width: 124px;
    padding: 0 8px;
    font-size: 16px;
  }
}

.p-header__modal-special-item-ttl {
  position: relative;
  padding-bottom: 16px;
  margin-top: 72px;
  font-weight: 500;
  border-bottom: 1px solid #c8141e;
  transition: all 0.3s ease 0s;
}
.p-header__modal-special-item-ttl:hover {
  opacity: 0.7;
}
.p-header__modal-special-item-ttl::before {
  position: absolute;
  top: 27%;
  right: 0;
  width: 24px;
  height: 24px;
  content: "";
  background: url("../../assets/images/arrow-right-circle.png") no-repeat center center/contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-header__modal-special-item-ttl::before {
    top: 67%;
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-header__modal-special-item-ttl {
    padding-bottom: 8px;
    margin-top: 24px;
    pointer-events: none;
  }
}

.p-header__modal-special-item-img {
  position: relative;
  width: 100%;
  max-width: 190px;
  padding-top: 34%;
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .p-header__modal-special-item-img {
    max-width: 100%;
    padding-top: 33%;
    margin-left: 0;
  }
}
.p-header__modal-special-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.search-form {
  position: relative;
  margin-left: min(3.03vw, 40px);
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .p-header .search-form {
    display: none;
  }
}

.p-header__modal-main-lists .search-form {
  width: 100%;
  max-width: 180px;
  margin: 24px auto 0;
}

.search-form::before {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url("../../assets/images/header-icon-search.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.p-header__modal-main-lists .search-form::before {
  right: 16px;
  width: 20px;
  height: 20px;
}

.search-field {
  width: min(7.58vw, 100px);
  height: 24px;
  padding-right: 20px;
  padding-left: 5px;
  background-color: #ebebeb;
  border: unset;
  border-radius: 20px;
}

.p-header__modal-main-lists .search-field {
  width: 100%;
  height: 36px;
  padding-right: 36px;
}

.search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.search-field::-moz-placeholder {
  color: transparent;
}

.search-field::placeholder {
  color: transparent;
}

.search-submit {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-50%);
}

.p-header__modal-main-lists .search-submit {
  right: 16px;
  width: 20px;
  height: 20px;
}

/* enサイトモーダル */
@media screen and (max-width: 768px) {
  .p-header__modal.p-header__modal__en {
    height: calc(100vh - 72px);
  }  
}
@media screen and (max-width: 768px) {
  .p-header__modal.p-header__modal__en .p-header__modal-contents {
    height: auto;
    min-height: calc(100vh - 72px);
  }  
}

@media screen and (max-width: 768px) {
  .p-header__modal.p-header__modal__en .p-header__modal-main {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .p-header__modal.p-header__modal__en .p-header__modal-main-sub-lists li {
    width: 264px;
  }
}

@media screen and (max-width: 1200px) {
  .p-header__modal.p-header__modal__en .p-header__modal-main-sub-lists li[data-type=sub-lists] {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1200px) {
  .p-header__modal.p-header__modal__en .p-header__modal-main-sub-lists li[data-type=sub-list] {
    width: 200px;
    padding-top: 6px;
  }
}

@media screen and (max-width: 1200px) {
  .p-header__modal.p-header__modal__en .p-header__modal-contents .p-lang-switching {
    margin-top: 40px;
  }  
}


.p-footer {
  background-color: #fff;
}

.p-footer__inner {
  width: 100%;
  max-width: 1440px;
  padding-inline: clamp(80px, 11.111vw, 160px) clamp(100px, 13.8888vw, 200px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-footer__inner {
    padding-inline: 30px 37px;
  }
}

.p-footer__mainContent {
  display: flex;
  justify-content: space-between;
  padding-block: 64px;
}
@media screen and (max-width: 768px) {
  .p-footer__mainContent {
    flex-direction: column;
    align-items: center;
    padding-block: 40px;
  }
}

.p-footer__info {
  width: 100%;
  max-width: 300px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-footer__info {
    display: contents;
  }
}

.p-footer__logo {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-footer__logo {
    display: flex;
    justify-content: center;
    order: 2;
    padding-inline: 20px;
  }
}
.p-footer__logo img {
  width: 100%;
  max-width: 286px;
}
.p-footer__logo:hover {
  opacity: 0.7;
}

.p-footer__infoContent {
  padding-left: 43px;
  margin-top: 40px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-footer__infoContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 3;
    padding-left: 0;
    margin-top: 32px;
  }
}

.p-footer__address {
  font-size: 0.8rem;
  line-height: 1.4483333333;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-footer__address {
    font-size: 0.6666666667rem;
    line-height: 1.448;
    margin-top: 0;
  }
}

.p-footer__postal {
  line-height: 1.6;
}

.p-footer__number {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-footer__number {
    gap: 8px;
    margin-top: 4px;
    white-space: nowrap;
  }
}

.p-footer__menus {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-footer__menus {
    flex-direction: column;
    align-items: center;
    order: 2;
  }
}

.p-footer__menu {
  width: 100%;
  max-width: 264px;
}

.p-footer__list {
  font-size: 1.0666666667rem;
  line-height: 1.5;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 500;
  color: #3c3c41;
  border-bottom: 1px solid #c8141e;
}
.p-footer__list:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-footer__list:not(:first-child) {
    margin-top: 16px;
  }
}

.p-footer__list.p-footer__list--notBorder {
  margin-top: 16px;
  border: none;
}

.p-footer__listLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #3c3c41;
  text-decoration: none;
  transition: all 0.5s;
}
.p-footer__listLink:hover {
  opacity: 0.7;
}

.p-footer__listsChild {
  padding-bottom: 8px;
  padding-left: 45px;
  border-bottom: 1px solid #c8141e;
}

.p-footer__listChild {
  font-size: 1.0666666667rem;
  line-height: 2;
}

.p-footer__listChildLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #3c3c41;
  text-decoration: none;
  transition: all 0.5s;
}
.p-footer__listChildLink:hover {
  opacity: 0.7;
}
.p-footer__listChildLink img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

@media screen and (max-width: 768px) {
  .p-footer__announces {
    display: flex;
    justify-content: center;
  }
}

.p-footer__announce {
  font-size: 0.9333333333rem;
  line-height: 2;
  position: relative;
  padding: 4px 16px;
  background-color: #ebebeb;
}
.p-footer__announce + .p-footer__announce {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-footer__announce {
    display: none;
  }
}

.p-footer__announceLink {
  color: #3c3c41;
  text-decoration: none;
  transition: all 0.5s;
}
.p-footer__announceLink:hover {
  opacity: 0.7;
}
.p-footer__announceLink::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.p-footer__announceLink img {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}

.p-footer__copyright {
  padding-block: 8px 4px;
  text-align: center;
  background-color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-footer__copyright {
    padding-block: 8px;
  }
}
.p-footer__copyright small {
  font-size: 0.9333333333rem;
  line-height: 2;
  display: block;
  color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-footer__copyright small {
    font-size: 0.6666666667rem;
    line-height: 1.5;
  }
}

.p-footer__policies {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-footer__policies {
    margin-top: 8px;
  }
}

.p-footer__policy + .p-footer__policy {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-footer__policy {
    display: flex;
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .p-footer__policy {
    margin-top: 0;
  }
}

.p-footer__policyLink {
  font-size: 0.8rem;
  line-height: 1.4483333333;
  display: block;
  text-decoration: none;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-footer__policyLink {
    font-size: 0.6666666667rem;
    line-height: 1.2;
  }
}
.p-footer__policyLink:hover {
  opacity: 0.7;
}
.p-footer__policyLink span {
  position: relative;
  padding-left: 16px;
  color: #3c3c41;
}
.p-footer__policyLink span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 1px;
  content: "";
  background-color: #c8141e;
}
.p-footer__policyLink + .p-footer__policyLink {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-footer__policyLink + .p-footer__policyLink {
    margin-top: 0;
    margin-left: 24px;
  }
}

.p-page-top {
  position: fixed;
  right: 0;
  bottom: 40px;
  z-index: 9999;
  width: 80px;
  height: 80px;
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .p-page-top {
    bottom: 31px;
    width: 63px;
    height: 63px;
  }
}

.p-page-top.is-hide {
  pointer-events: none;
  opacity: 0;
}

.p-top-fv {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 104px);
  padding: 15% 0;
  overflow: hidden;
}

.p-top-fv.p-top-fv__en {
  height: calc(100vh - 104px - 40px);
}
@media screen and (max-width: 768px) {
  .p-top-fv.p-top-fv__en {
    height: calc(100vh - 72px - 31px);
  }
}

.p-top-fv.p-top-fv__en .p-top-fv__heading {
  font-weight: 700;
  letter-spacing: 3.2px;
}
@media screen and (max-width: 768px) {
  .p-top-fv.p-top-fv__en .p-top-fv__heading {
    letter-spacing: 2px;
  }
}

.p-top-fv__video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  min-width: 100%;
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-top-fv__video {
    width: auto;
    height: 177.7777777778vw; /* 9:16の幅 → 16 ÷ 9 × 100 = 177.7777777778% */
  }
}

.p-top-fv__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 0 10%;
}
@media screen and (max-width: 768px) {
  .p-top-fv__inner {
    align-items: flex-start;
    max-width: none;
    padding: 0 30px;
  }
}

.p-top-fv__heading {
  font-size: 4.2666666667rem;
  line-height: 1.44796875;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-top-fv__heading {
    font-size: 2.6666666667rem;
    line-height: 1.5;
    font-weight: 500;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  }
}

.p-top-news {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-top-news {
    margin-top: 40px;
  }
}

.p-top-news__inner {
  position: relative;
  background-color: #fff;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}

.p-top-news__inner::before {
  position: absolute;
  top: 133px;
  right: 2%;
  width: 290px;
  height: auto;
  aspect-ratio: 368/403;
  content: "";
  background: url("../../assets/images/top_news_bg.svg") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-top-news__inner::before {
    display: none;
  }
}

.p-top-news__wrapper {
  width: 95%;
  margin: 40px auto;
}

/* .p-top-news__wrapper {
  height: 305px;
}
@media screen and (max-width: 1200px) {
  .p-top-news__wrapper {
    height: 460px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__wrapper {
    display: block;
    height: 354px;
    margin-top: 40px;
    overflow-y: scroll;
  }
} */

.simplebar-wrapper {
  width: 100% !important;
}

.p-top-news__wrapper .simplebar-wrapper {
  position: relative;
}

.p-top-news__posts {
  position: relative;
  /* display: flex;
  flex-flow: column wrap;
  row-gap: 16px; */
  height: auto;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .p-top-news__posts {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__posts {
    flex-wrap: unset;
    row-gap: 0;
    padding: 0 26px;
    margin-top: 20px;
  }
}

.p-top-news__posts::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #d9d9d9;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-top-news__posts::before {
    display: none;
  }
}

.p-top-news__post {
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .p-top-news__post {
    width: 100%;
    padding: 0;
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  .p-top-news__post:not(:first-child) {
    margin-top: 14px;
  }
}

.p-top-news__post:nth-child(n+6) {
  margin-left: auto;
}

.p-top-news__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: 0.5s;
}
@media screen and (max-width: 1200px) {
  .p-top-news__link {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__link {
    justify-content: space-between;
  }
}

.p-top-news__link:hover {
  opacity: 0.7;
}

.p-top-news__date {
  min-width: 110px;
  font-size: 14px;
  color: #3c3c41;
}

.p-top-news__categories {
  display: flex;
}

.p-top-news__category {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  padding: 0 4px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  font-size: 0.9333333333rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-top-news__category {
    font-size: 0.8rem;
    line-height: 1.5;
    align-items: center;
    min-width: 104px;
    padding: 5px 4px;
  }
}

.p-top-news__title {
  display: -webkit-box;
  margin-left: 16px;
  overflow: hidden;
  color: #3c3c41;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.9333333333rem;
  line-height: 2.2857142857;
}
@media screen and (max-width: 1200px) {
  .p-top-news__title {
    margin-top: 4px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__title {
    font-size: 0.9333333333rem;
    line-height: 2;
    width: 100%;
  }
}

.p-top-news__btn {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-top-news__btn {
    margin-top: 24px;
  }
}

.filter_category {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.check_cat_label {
  background-color: #fff;
  border: 2px solid #c8141e;
  font-size: 1.0666666667rem;
  line-height: 1.875;
  min-width: 112px;
  padding: 8px 16px;
  font-weight: 500;
  color: #3c3c41;
  opacity: 1;
  transition: all 0.7s;
  cursor: pointer;
}

.check_cat_label.active {
  background: #c8141e;
  color: #fff
}

.check_cat {
  width: 0;
  height: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.p-news_year {
  overflow: hidden;
  width: 160px;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
  border-radius: 2px;
  border: 2px solid #c8141e;
  border-radius: 50px;
  /* background: #ffffff; */
}

.p-news_year::before {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(../../assets/images/common_arrow_icon_up.svg);
  background-size: contain;
  transition: all 0.5s;
  transform: translateY(-50%) rotate(180deg);
}

.p-news_year select {
  width: 100%;
  padding-right: 1em;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.0666666667rem;
  line-height: 1.448125;
  position: relative;
  display: block;
  padding: 15.5px 22px;
  font-weight: 500;
  color: #3c3c41;
  cursor: pointer;
  /* background-color: #fff; */
  border: 1px solid #fff;
  transition: all 0.5s;
}

.p-news_year select::-ms-expand {
  display: none;
}


.p-news_year::after {
  /* position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(../../assets/images/common_arrow_icon_up.svg);
  background-size: contain;
  transition: all 0.5s;
  transform: translateY(-50%) rotate(180deg); */
}



.p-top-company {
  margin-top: 38px;
}
@media screen and (max-width: 768px) {
  .p-top-company {
    margin-top: 20px;
  }
}

.p-top-company__body {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-top-company__body {
    display: block;
    margin-top: 24px;
  }
}

.p-top-company__img {
  width: calc(100vw - (100vw - 1280px) / 2 - 678.4px);
  height: calc((100vw - (100vw - 1280px) / 2 - 678.4px) * 377.08 / 705.88);
  margin-left: calc((-100vw + 1280px) / 2 - 80px);
  background-image: url("../../assets/images/top_company_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 1280px) {
  .p-top-company__img {
    width: calc(47% + 80px);
    margin-left: -80px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-company__img {
    width: 100vw;
    height: 61.8666666667vw;
    margin-left: -16px;
    background-image: url("../../assets/images/top_company_bg_sp.png");
  }
}

.p-top-company__buttons {
  width: 53%;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-top-company__buttons {
    width: 100%;
    padding: 0 11.5vw;
    margin-top: 24px;
  }
}

.p-top-company__textButtons {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-top-company__textButtons {
    flex-direction: column;
  }
}

.p-top-company__textButtons__group {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: calc((100% - 16px) / 2);
}
@media screen and (max-width: 768px) {
  .p-top-company__textButtons__group {
    row-gap: 11px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-top-company__textButtons__group:nth-child(2) {
    margin-top: 11px;
  }
}

.p-top-company__textButtons__group .c-textBtn {
  width: 100%;
}

.p-top-company__btn {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-top-company__btn {
    display: none;
  }
}

.p-top-business {
  background-image: url("../../assets/images/top_business_bg.svg");
  background-repeat: no-repeat;
  background-position: 0% 5%;
}
@media screen and (max-width: 768px) {
  .p-top-business {
    background-image: none;
  }
}

.p-top-business__card {
  -moz-column-gap: 16px;
  column-gap: 16px;
  width: calc(100% - 16px);
  margin-top: 40px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-top-business__card {
    row-gap: 16px;
    width: 100%;
    margin-top: 24px;
  }
}

.p-top-business__card .c-card__item {
  pointer-events: none;
  cursor: unset;
}

.p-top-business__card .c-card__item:hover {
  opacity: 1;
}

.p-top-business__card .c-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-top-business__card .c-card__content {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-top-business__card .c-card__title {
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 56px;
    padding-left: 56px;
  }
}

.p-top-business__card .c-card__text {
  padding: 0 6px;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-top-business__card .c-card__text {
    padding: 0;
    margin-top: 16px;
  }
}

.p-top-business__card .c-btn {
  pointer-events: auto;
}

.p-top-business__card .c-btn:hover {
  opacity: 0.7;
}

.p-top-business__card__bottom {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-top-business__card__bottom {
    margin-top: 10px;
  }
}

.p-top-business__card__bottom .c-btnWrap.c-btnWrap--center {
  justify-content: unset;
}
@media screen and (max-width: 768px) {
  .p-top-business__card__bottom .c-btnWrap.c-btnWrap--center {
    margin-top: 10px;
  }
}

.p-top-bg-decoration-zone {
  position: relative;
  overflow: hidden;
}

.p-top-bg-decoration-zone::before {
  position: absolute;
  top: 16.5%;
  right: -5%;
  width: 436px;
  height: 480px;
  content: "";
  background: url("../../assets/images/top_news_bg.svg") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-top-bg-decoration-zone::before {
    display: none;
  }
}

.p-top-network {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-top-network {
    padding-bottom: 20px;
  }
}

.p-top-network__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
  column-gap: 16px;
  width: 100%;
  max-width: 656px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-top-network__buttons {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
    width: 100%;
    max-width: none;
    margin: 24px 0 0;
  }
}

.p-top-network__button {
  width: 100%;
  min-width: 320px;
  pointer-events: none;
  cursor: unset;
}
@media screen and (max-width: 1200px) {
  .p-top-network__button {
    min-width: 202px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-network__button {
    min-width: auto;
  }
}

.p-top-network__button .c-iconBtn {
  padding: 24px 16px;
}
@media screen and (max-width: 768px) {
  .p-top-network__button .c-iconBtn {
    align-items: center;
    padding: 16px 16px 26px;
  }
}

.p-top-network__button .c-iconBtn:hover {
  opacity: 1;
}

.p-top-network__button .c-iconBtn__img {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-top-network__button .c-iconBtn__img {
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .p-top-network__button__sp-container {
    flex: 1;
    margin-left: 7%;
  }
}

.p-top-network__button .c-iconBtn__text {
  padding: 0 14px 15px;
  margin-top: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-top-network__button .c-iconBtn__text {
    width: 100%;
    padding: 0 0 6px;
    margin-top: 0;
    margin-bottom: 4px;
  }
}

.p-top-network__button .c-iconBtn__text::after {
  display: none;
}

.p-top-network__button__group {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-top-network__button__group {
    flex-direction: column;
    align-items: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .p-top-network__button__sp-container .c-card__btn {
    margin-top: 8px;
  }
}

.p-top-network__button__sp-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-top-network__button__sp-br {
    display: block;
  }
}

.p-top-network__button .c-btn {
  pointer-events: auto;
}

.p-top-network__button .c-btn:hover {
  opacity: 0.7;
}

.p-top-solution {
  padding-bottom: 0;
  overflow-x: clip;
}

.p-top-solution__inner {
  position: relative;
  padding: 40px 0;
  margin-top: 40px;
  background-color: #fff;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-top-solution__inner {
    padding: 24px 0;
    margin-top: 24px;
  }
}

.p-top-solution__heading--long {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-top-solution__heading--long {
    padding-top: 0;
  }
}

.p-top-solution__text {
  padding: 0 min(5.5vw, 80px);
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-top-solution__text {
    font-size: 14px;
    line-height: 1.77;
  }
}

.p-top-solution__button {
  margin-top: 48px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-top-solution__button {
    margin-top: 24px;
    margin-bottom: 0;
  }
}

.p-top-IRSustainability {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-top-IRSustainability {
    margin-top: 0;
  }
}

.p-top-IRSustainability__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
  column-gap: 16px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-top-IRSustainability__buttons {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 8px;
    width: 100%;
    margin: 24px 0 0;
  }
}

.p-top-IRSustainability__buttons .c-card__img img {
  width: 92%;
}
@media screen and (max-width: 768px) {
  .p-top-IRSustainability__buttons .c-card__img img {
    width: auto;
  }
}

.p-top-IRSustainability__buttons .c-card__content {
  margin-top: 38px;
}
@media screen and (max-width: 768px) {
  .p-top-IRSustainability__buttons .c-card__content {
    margin-top: 14px;
  }
}

.p-top-IRSustainability__buttons .c-card__title {
  width: 93%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-top-IRSustainability__buttons .c-card__title {
    width: 100%;
  }
}

.p-top-IRSustainability__buttons .c-card__btn {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-top-IRSustainability__buttons .c-card__btn {
    margin-top: 19px;
  }
}

.p-top-recruit {
  position: relative;
  z-index: 1;
  background-image: url("../../assets/images/top_recruit_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-top-recruit {
    background-image: url("../../assets/images/top_recruit_bg_sp.jpg");
  }
}

@media screen and (max-width: 768px) {
  .p-top-recruit::before {
    position: absolute;
    top: 32px;
    right: 0;
    z-index: -1;
    width: 184px;
    height: 180px;
    content: "";
    background: url("../../assets/images/top_recruit_mark.png") no-repeat;
    background-size: contain;
  }
}

.p-top-recruit__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  padding: 30px min(13.9vw, 200px) 30px min(17.5vw, 252px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-top-recruit__inner {
    flex-direction: column;
    width: 100%;
    padding: 32px 10% 35px;
  }
}

@media screen and (max-width: 768px) {
  .p-top-recruit__inner.p-top-recruit__inner--sp {
    padding-bottom: 42px;
  }
}

.p-top-recruit__title {
  font-size: min(3.33vw, 48px);
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-top-recruit__title {
    font-size: 32px;
    letter-spacing: 0;
  }
}

.p-top-recruit__title.p-top-recruit__title--small {
  font-size: min(2.78vw, 40px);
}
@media screen and (max-width: 768px) {
  .p-top-recruit__title.p-top-recruit__title--small {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 24px;
  }
}

.p-top-recruit__button {
  padding: 16px;
  margin-bottom: 5px;
  text-decoration: none;
  border: 1px solid #c8141e;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-top-recruit__button {
    width: 100%;
    max-width: 300px;
    padding: 9px 8px;
    margin-top: 32px;
  }
}

.p-top-recruit__button:hover {
  opacity: 0.7;
}

.p-top-recruit__button__inner {
  display: flex;
  flex-direction: column;
  padding: 24px min(5.56vw, 80px) 30px;
  background-image: url("../../assets/images/top_recruit_button_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-top-recruit__button__inner {
    padding: 15px 0;
  }
}

.p-top-recruit__button__text {
  font-size: min(2.2vw, 24px);
  font-weight: 500;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-top-recruit__button__text {
    font-size: 20px;
  }
}

.p-top-recruit__button__arrow {
  width: min(11.1vw, 160px);
  margin: 12px auto 0;
}
@media screen and (max-width: 768px) {
  .p-top-recruit__button__arrow {
    width: 160px;
  }
}

.p-top-recruit__button__arrow img {
  width: 100%;
  height: auto;
}

.p-newsArchive {
  background-color: #f8f9f9;
}

.p-newsArchive__inner {
  width: 100%;
  max-width: 1125px;
  padding: 120px 67px 121px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-newsArchive__inner {
    padding: 37px 39px 40px;
  }
}

.p-newsArchive__head {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-newsArchive__head {
    display: block;
  }
}

.p-newsArchive__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-newsArchive__categories {
    gap: 24px 12px;
  }
}

.p-newsArchive__category {
  background-color: #fff;
  transition: all 0.5s;
}

.p-newsArchive__category:not(.is-current):hover {
  opacity: 0.5;
}

.p-newsArchive__category__link {
  font-size: 1.0666666667rem;
  line-height: 1.875;
  min-width: 112px;
  padding: 12px 16px;
  font-weight: 500;
  color: #3c3c41;
  opacity: 1;
  transition: all 0.7s;
}
@media screen and (max-width: 768px) {
  .p-newsArchive__category__link {
    min-width: 72px;
    padding: 12px;
  }
}

.p-newsArchive__category.is-current {
  background-color: #c8141e;
}

.p-newsArchive__category.is-current .p-newsArchive__category__link {
  color: #fff;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .p-newsArchive__posts {
    margin-top: 40px;
  }
}

.p-newsArchive__posts .c-postsList__title::after {
  display: none;
}

.p-newsArchive__pagination {
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .p-newsArchive__pagination {
    margin-top: 24px;
  }
}

.p-singlePost {
  padding-bottom: 120px;
  margin-top: 80px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-singlePost {
    padding-bottom: 40px;
    margin-top: 40px;
  }
}

.p-singlePost__article {
  padding-block: 0;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article {
    display: flex;
    flex-direction: column;
  }
}
.p-singlePost__article .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article .c-headingWrap {
    flex-direction: column;
    align-items: start;
    padding-bottom: 8px;
    margin-top: 16px;
  }
}
.p-singlePost__article .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
    white-space: nowrap;
  }
}
.p-singlePost__article .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article .c-headingWrap .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.5;
    padding-left: 0;
    white-space: nowrap;
  }
}

.p-singlePost__heading {
  display: flex;
  gap: clamp(24px, 2.777vw, 40px);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-singlePost__heading {
    gap: 94px;
  }
}

@media screen and (max-width: 768px) {
  .p-singlePost__time {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-singlePost__article .p-singlePost__category {
  display: flex;
  flex: 1;
  gap: 16px;
  align-items: center;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article .p-singlePost__category {
    flex-wrap: wrap;
  }
}

.p-singlePost__categoryItem {
  list-style-type: none;
}

.p-singlePost__categoryLabel {
  font-size: 0.9333333333rem;
  line-height: 2;
  min-width: 112px;
  padding: 0 4px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: #fe9519;
  border-radius: 4px;
  opacity: 1;
  transition: all 0.7s;
}
@media screen and (max-width: 768px) {
  .p-singlePost__categoryLabel {
    min-width: 104px;
    padding: 4px 0;
    font-size: 0.8rem;
    line-height: 1.5;
  }
}

.p-singlePost__article h3 {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  padding-left: 22px;
  margin-top: 40px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article h3 {
    margin-inline: 24px;
    margin-top: 24px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.p-singlePost__article h3::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 36px;
  content: "";
  background-color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article h3::before {
    height: 27px;
  }
}

.p-singlePost__article h4 {
  font-size: 1.3333333333rem;
  line-height: 1.5;
  margin-top: 40px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article h4 {
    font-size: 1.0666666667rem;
    line-height: 1.5;
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-singlePost__article p {
  font-size: 1.0666666667rem;
  line-height: 2;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article p {
    font-size: 0.9333333333rem;
    line-height: 1.75;
    margin-inline: 24px;
    margin-top: 16px;
  }
}

.p-singlePost__article strong {
  font-weight: 500;
}

.p-singlePost__article ul {
  margin-top: 16px;
  list-style-position: inside;
  list-style-type: disc;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article ul {
    margin-inline: 24px;
    margin-top: 8px;
  }
}

.p-singlePost__article ol {
  margin-top: 16px;
  list-style-position: inside;
  list-style-type: decimal;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article ol {
    margin-inline: 24px;
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .p-singlePost__wrap {
    display: contents;
  }
}

.p-singlePost__img {
  float: right;
  width: 100%;
  max-width: 480px;
  margin: 24px 0 8px 20px;
}
@media screen and (max-width: 768px) {
  .p-singlePost__img {
    min-width: 295px;
    max-width: 0;
    margin-block: 24px 0;
    margin-inline: auto;
  }
}

.p-singlePost__backBtn {
  width: 100%;
  max-width: 312px;
  margin-inline: auto;
  margin-top: 80px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-singlePost__backBtn {
    max-width: 224px;
    height: 64px;
    margin-top: 40px;
  }
}

.p-singlePost__backBtn a {
  height: 100%;
  color: #3c3c41;
  text-decoration: none;
}

.p-singlePost__backBtnInner {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}
@media screen and (max-width: 768px) {
  .p-singlePost__backBtnInner {
    height: inherit;
    padding: 0 16px;
  }
}

.p-singlePost__backBtnArrow {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-singlePost__backBtnArrow {
    width: 24px;
    height: 24px;
  }
}
.p-singlePost__backBtnArrow svg {
  width: 32px;
  height: 32px;
  fill: #c8141e;
  transition: all 0.3s ease 0s;
  transform: rotateY(180deg);
}
@media screen and (max-width: 768px) {
  .p-singlePost__backBtnArrow svg {
    width: 24px;
    height: 24px;
  }
}

.p-singlePost__backBtnText {
  width: 240px;
  font-weight: 500;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .p-singlePost__backBtnText {
    width: 160px;
    padding-right: 0;
  }
}

.p-singlePost__backBtn:hover {
  background: #c8141e;
}
.p-singlePost__backBtn:hover .p-singlePost__backBtnText {
  color: #fff;
}
.p-singlePost__backBtn:hover .p-singlePost__backBtnArrow svg {
  fill: #fff;
}

/* -----------------------
order管理
----------------------- */
.p-singlePost__article h3,
.p-singlePost__article h4,
.p-singlePost__article p,
.p-singlePost__article ul,
.p-singlePost__article ol {
  order: 1;
}
@media screen and (max-width: 768px) {
  .p-singlePost__article h3,
  .p-singlePost__article h4,
  .p-singlePost__article p,
  .p-singlePost__article ul,
  .p-singlePost__article ol {
    order: 2;
  }
}

.p-singlePost__article .c-headingWrap,
.p-singlePost__heading,
.p-singlePost__img {
  order: 1;
}

.p-ir-top-head {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-ir-top-head {
    margin: 20px 0;
  }
}

.p-ir-top-head__inner {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-ir-top-head__inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.p-ir-top-head__text {
  padding: 0 14%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-ir-top-head__text {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-ir-top-head__iconBtns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
  column-gap: 24px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-ir-top-head__iconBtns {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
    -moz-column-gap: 0;
    column-gap: 0;
    margin-top: 43px;
  }
}

.p-ir-news {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-ir-news {
    margin-top: 0;
  }
}

.p-ir-news__inner {
  background-image: url("../../assets/images/top_news_bg.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 80%;
}
@media screen and (max-width: 768px) {
  .p-ir-news__inner {
    padding-top: 0;
    background-image: none;
  }
}

.p-ir-news__posts {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-ir-news__posts {
    margin-top: 23px;
  }
}

.p-ir-news__post {
  padding: 0 6.5vw;
}

.p-ir-news__link {
  display: flex;
  align-items: center;
  padding: 15px 0;
  text-decoration: none;
  border-top: 1px solid #d9d9d9;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .p-ir-news__link {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.p-ir-news__link:hover {
  opacity: 0.7;
}

.p-ir-news__post:last-child .p-ir-news__link {
  border-bottom: 1px solid #d9d9d9;
}

.p-ir-news__date {
  min-width: 120px;
  color: #3c3c41;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-ir-news__date {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-ir-news__title {
  display: -webkit-box;
  margin-left: 4.9vw;
  overflow: hidden;
  color: #3c3c41;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-ir-news__title {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    margin-top: 10px;
    margin-left: 0;
    -webkit-line-clamp: 2;
  }
}

.p-ir-news__btn {
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .p-ir-news__btn {
    margin-top: 24px;
  }
}

.p-ir-stockInfoIrLibrary {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .p-ir-stockInfoIrLibrary {
    margin-top: -3px;
  }
}

.p-ir-stockInfoIrLibrary__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 80px;
  column-gap: 80px;
}
@media screen and (max-width: 1200px) {
  .p-ir-stockInfoIrLibrary__inner {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 38px;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

.p-ir-stockInfo__img {
  margin-top: 44px;
}
@media screen and (max-width: 768px) {
  .p-ir-stockInfo__img {
    width: 90%;
    margin-top: 19px;
  }
}

.p-ir-irLibrary__body {
  padding: 60px 20px;
  margin-top: 44px;
  background-color: #fff;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-ir-irLibrary__body {
    padding: 24px 60px;
    margin-top: 24px;
  }
}

.p-ir-irLibrary__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  display: block;
  color: #3c3c41;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ir-irLibrary__text {
    font-size: 0.9333333333rem;
    line-height: 1.75;
    text-align: left;
  }
}

.p-ir-irLibrary__img {
  margin-top: 41px;
  text-align: center;
}

.p-ir-irLibrary__btn {
  position: relative;
  display: block;
  width: 100%;
  max-width: 336px;
  padding: 0 45px 15px 14px;
  margin: 42px auto 0;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  color: #3c3c41;
  text-align: left;
  border-bottom: 1px solid #c8141e;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-ir-irLibrary__btn {
    padding: 0 45px 15px 0;
    margin: 34px auto 0;
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.p-ir-irLibrary__btn::after {
  position: absolute;
  top: calc(60% - 14px);
  right: 0;
  width: 40px;
  height: 40px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.p-ir-irLibrary__btn--tab::after {
  background-image: url("../../assets/images/common_arrow_icon_tab.svg");
}

.p-ir-irLibrary__btn:hover {
  opacity: 0.7;
}

.p-ir-corporateFinanceStock__card {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-ir-corporateFinanceStock__card {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 16px;
  }
}
.p-ir-corporateFinanceStock__card .c-card__item {
  padding: 40px 12.4% 24px;
}
@media screen and (max-width: 768px) {
  .p-ir-corporateFinanceStock__card .c-card__item {
    padding: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-ir-corporateFinanceStock__card .c-card__img {
    width: 45%;
    height: 98px;
  }
}
.p-ir-corporateFinanceStock__card .c-card__title {
  font-size: min(1.67vw, 24px);
}
@media screen and (max-width: 1200px) {
  .p-ir-corporateFinanceStock__card .c-card__title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(8.9vw, 89px);
    font-size: min(2.4vw, 24px);
  }
}
@media screen and (max-width: 768px) {
  .p-ir-corporateFinanceStock__card .c-card__title {
    width: 100%;
    height: 53px;
    font-size: 1.2rem;
  }
}
.p-ir-corporateFinanceStock__card .c-card__text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(16vw, 160px);
  margin-top: 0;
}
@media screen and (max-width: 1200px) {
  .p-ir-corporateFinanceStock__card .c-card__text {
    font-size: min(1.6vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .p-ir-corporateFinanceStock__card .c-card__text {
    height: 98px;
    font-size: 0.9333333333rem;
  }
}
.p-ir-corporateFinanceStock__card .c-card__btn {
  margin-top: 0;
}

.p-ir-calendar {
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  .p-ir-calendar {
    margin: 12px 0 0;
  }
}

.p-ir-calendar__area {
  padding: 0 35px;
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p-ir-calendar__area {
    max-width: 343px;
    padding: 0 33px;
    margin: 17px auto 0;
  }
}

@media screen and (max-width: 1200px) {
  .p-ir-corporateFinanceStock__card__item--Big {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-ir-corporateFinanceStock__card__item--Big {
    display: block;
  }
}

.p-ir-corporateFinanceStock__card__item--Small {
  display: none;
}
@media screen and (max-width: 1200px) {
  .p-ir-corporateFinanceStock__card__item--Small {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-ir-corporateFinanceStock__card__item--Small {
    display: none;
  }
}

.p-ir-top-buttonZone {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-ir-top-buttonZone {
    margin-top: 0;
  }
}

.p-ir-top-buttonZone::before {
  position: absolute;
  top: -92%;
  left: 0;
  z-index: -1;
  width: 410px;
  height: 495px;
  content: "";
  background: url("../../assets/images/top_business_bg.svg") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-ir-top-buttonZone::before {
    display: none;
  }
}

.p-ir-top-buttonZone__inner {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-ir-top-buttonZone__inner {
    padding-right: 61px;
    padding-left: 61px;
  }
}

.p-ir-top-buttonZone__iconBtns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 17px;
  column-gap: 17px;
}
@media screen and (max-width: 768px) {
  .p-ir-top-buttonZone__iconBtns {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 8px;
  }
}

.p-ir-top-buttonZone__iconBtn .c-iconBtn {
  padding: 32px 5% 24px 6%;
}
@media screen and (max-width: 768px) {
  .p-ir-top-buttonZone__iconBtn .c-iconBtn {
    padding: 15px 9% 10px;
  }
}

@media screen and (max-width: 768px) {
  .p-ir-top-buttonZone__iconBtn .c-iconBtn__text {
    width: 100%;
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-ir-top-buttonZone__iconBtn .c-iconBtn__text::after {
    top: calc(60% - 3px);
    width: 16px;
    height: 16px;
  }
}

.p-ir-top-company {
  position: relative;
  z-index: 1;
  margin-top: 77px;
  background-image: url("../../assets/images/ir_top_company_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1200px) {
  .p-ir-top-company {
    background-position: center right;
  }
}
@media screen and (max-width: 768px) {
  .p-ir-top-company {
    margin-top: 20px;
    overflow: hidden;
    background-image: url("../../assets/images/ir_top_company_bg_sp.jpg");
  }
}

.p-ir-top-company::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 361px;
  height: 100%;
  content: "";
  background: url("../../assets/images/ir_top_company_mark.png") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-ir-top-company::before {
    top: auto;
    right: auto;
    bottom: 0%;
    left: 60%;
    width: 175px;
    height: 185px;
    background: url("../../assets/images/ir_top_company_mark_sp.png") no-repeat;
    background-size: contain;
  }
}

.p-ir-top-company__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  padding: 30px min(13.9vw, 200px) 30px min(17.5vw, 252px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-ir-top-company__inner {
    flex-direction: column;
    width: 100%;
    padding: 85px 9.4vw 29px;
  }
}

.p-ir-top-company__title {
  margin-left: 2.5%;
  font-size: min(3.33vw, 48px);
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-ir-top-company__title {
    margin-left: 0;
    font-size: min(10.67vw, 40px);
    letter-spacing: 0.08em;
  }
}

.p-ir-top-company__button {
  padding: 16px;
  margin-bottom: 5px;
  text-decoration: none;
  border: 1px solid #3c3c41;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-ir-top-company__button {
    width: 100%;
    max-width: 300px;
    padding: 9px 8px;
    margin-top: 72px;
  }
}

.p-ir-top-company__button:hover {
  opacity: 0.7;
}

.p-ir-top-company__button__inner {
  display: flex;
  flex-direction: column;
  padding: 24px min(5.56vw, 80px) 30px;
  background-image: url("../../assets/images/ir_top_company_button_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-ir-top-company__button__inner {
    padding: 15px 0;
  }
}

.p-ir-top-company__button__text {
  font-size: min(2.2vw, 24px);
  font-weight: 500;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ir-top-company__button__text {
    font-size: 20px;
  }
}

.p-ir-top-company__button__arrow {
  width: min(11.1vw, 160px);
  margin: 12px auto 0;
}
@media screen and (max-width: 768px) {
  .p-ir-top-company__button__arrow {
    width: 160px;
  }
}

.p-ir-top-company__button__arrow img {
  width: 100%;
  height: auto;
}

.p-ir-message {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .p-ir-message {
    margin-top: 10px;
  }
}
.p-ir-message .c-headingWrap {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-ir-message .c-headingWrap {
    flex-wrap: wrap;
    padding-bottom: 7px;
  }
}
.p-ir-message .c-heading {
  font-size: 32px;
  line-height: 1.7;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-ir-message .c-heading {
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
  }
}
.p-ir-message .c-heading-en {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-ir-message .c-heading-en {
    padding-left: 0;
    font-size: 14px;
  }
}

.p-ir-message__inner {
  padding: 65px 10.7% 85px;
}
@media screen and (max-width: 768px) {
  .p-ir-message__inner {
    padding: 25px 0 19px;
  }
}

.p-ir-message__container {
  display: flex;
  align-items: center;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-ir-message__container {
    flex-direction: column-reverse;
    margin-top: 0;
  }
}

.p-ir-message__text-zone {
  width: 51.8%;
}
@media screen and (max-width: 768px) {
  .p-ir-message__text-zone {
    width: 100%;
  }
}

.p-ir-message__image {
  flex: 1;
  margin-left: 23px;
}
@media screen and (max-width: 768px) {
  .p-ir-message__image {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-ir-message__image img {
    aspect-ratio: 343/237;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 5%;
    object-position: center 5%;
  }
}

.p-ir-message__title {
  width: 98.7%;
  margin-top: 3%;
  font-size: 24px;
  line-height: 1.4;
  color: #000;
}
@media screen and (max-width: 768px) {
  .p-ir-message__title {
    width: auto;
    margin: 24px 24px 0;
    font-size: 20px;
    line-height: 1.6;
  }
}

.p-ir-message__text {
  margin-top: 32px;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-ir-message__text {
    margin: 24px 24px 0;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-ir-message__topText {
  margin-top: 11%;
}
@media screen and (max-width: 768px) {
  .p-ir-message__topText {
    margin-top: 24px;
  }
}

.p-ir-message__firstText {
  margin-top: 0;
}

.p-ir-message__text--right {
  text-align: right;
}

.p-ir-message__text--name {
  font-size: 24px;
  color: #3c3c41;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-ir-message__text--name {
    margin: 0 24px;
    font-size: 20px;
  }
}

.p-recruit-top {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit-top {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-top__heading .c-headingPrimary__img {
    width: 311px;
    height: 222px;
  }
}

.p-recruit-top-head__inner {
  padding-right: 0;
  padding-bottom: 120px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-top-head__inner {
    padding-right: 16px;
    padding-bottom: 40px;
    padding-left: 16px;
  }
}

.p-recruit-top-head__text {
  padding: 0 14%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-recruit-top-head__text {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-recruit-top-head__iconBtns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
  column-gap: 24px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruit-top-head__iconBtns {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
    -moz-column-gap: 0;
    column-gap: 0;
    margin-top: 43px;
  }
}

.p-recruit-top-head__cardBtns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
  padding: 0 80px;
  margin: 50px auto 0;
  flex-wrap: wrap;
}
.p-realEstate-top .p-recruit-top-head__cardBtns,
.p-logisticsInternational-top-head__inner .p-recruit-top-head__cardBtns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 32px;
  column-gap: 32px;
}
@media screen and (max-width: 768px) {
  .p-recruit-top-head__cardBtns {
    gap: 24px;
    padding: 0;
    margin: 40px auto 0;
  }
  .p-realEstate-top .p-recruit-top-head__cardBtns,
  .p-logisticsInternational-top-head__inner .p-recruit-top-head__cardBtns {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

.p-recruit-top-head__cardBtn {
  padding: 40px 80px 24px;
  width: 544px;
}
@media screen and (max-width: 768px) {
  .p-recruit-top-head__cardBtn {
    padding: 14px 24px 19px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-top-head__cardBtn .c-card__img {
    height: 140px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-top-head__cardBtn .c-card__title {
    font-size: 1.3333333333rem;
    line-height: 1.21;
  }
}

.p-recruit-newgrad {
  overflow: hidden;
  background-color: rgba(240, 239, 239, 0.937254902);
}

.p-recruit-newgrad-fv__head {
  position: relative;
}

.p-recruit-newgrad-fv__inner {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1440px;
  padding: min(10.76vw, 155px) min(11.8vw, 170px) min(6.46vw, 93px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__inner {
    padding: 40px 0 310px;
  }
}

.p-recruit-newgrad-fv__body {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__body {
    margin-top: 14px;
    transform: translateX(37px);
  }
}
@media screen and (max-width: 374px) {
  .p-recruit-newgrad-fv__body {
    transform: translateX(20px);
  }
}

.p-recruit-newgrad-fv__title {
  font-size: min(4.51vw, 65px);
  font-weight: 500;
  line-height: 1.43;
  color: #f0efef;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__title {
    font-size: min(8.53vw, 32px);
  }
}

.p-recruit-newgrad-fv__subTitle {
  margin-top: min(1.53vw, 22px);
  font-size: min(1.67vw, 24px);
  font-weight: 500;
  line-height: 2;
  color: #f0efef;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__subTitle {
    margin-top: 5px;
    font-size: min(4.27vw, 16px);
  }
}

.p-recruit-newgrad-fv__button {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: min(17.9vw, 258px);
  margin-left: max(50% - 440px, 50% - 30.56vw);
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__button {
    display: block;
    width: 176px;
    margin: 5px auto 0;
  }
}

.p-recruit-newgrad-fv__button:hover {
  opacity: 0.7;
}

.p-recruit-newgrad-fv__image {
  position: absolute;
  top: 8%;
  right: min(11.8vw, 170px);
  width: 38.2%;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__image {
    top: 145px;
    right: 0;
    left: calc(50% - 172px);
    width: 320px;
  }
}

.p-recruit-newgrad-fv__scroll {
  position: absolute;
  right: 2.7%;
  bottom: -25.5%;
  display: block;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-fv__scroll {
    bottom: -45%;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__scroll {
    display: none;
  }
}

.p-recruit-newgrad-fv__scroll__text {
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0.38em;
}

.p-recruit-newgrad-fv__scroll__line {
  position: absolute;
  bottom: 90px;
  left: 46%;
  display: block;
  width: 1px;
  height: 89px;
  overflow: hidden;
  background-color: rgba(157, 157, 157, 0.5);
}

.p-recruit-newgrad-fv__scroll__line::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  content: "";
  background-color: #9d9d9d;
  animation: anime-recruit-newgrad-fv-scroll 1.5s ease-in-out 0s infinite;
}

@keyframes anime-recruit-newgrad-fv-scroll {
  0% {
    top: -100px;
  }
  5% {
    top: -100px;
  }
  95% {
    top: 100px;
  }
  100% {
    top: 100px;
  }
}
.p-recruit-newgrad-fv__bg {
  position: absolute;
  top: -60%;
  left: 50%;
  width: min(166.1vw, 2392px);
  transform: translateX(max(-91.32vw, -1315px));
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__bg {
    top: 0%;
    left: 50%;
    width: 1270px;
    transform: translateX(-52.5%);
  }
}

.p-recruit-newgrad-fv__line {
  position: absolute;
  top: -22.5%;
  left: 50%;
  z-index: 2;
  width: min(166.1vw, 2392px);
  transform: translateX(max(-72.92vw, -1050px));
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__line {
    top: 311px;
    left: 50%;
    width: 610px;
    transform: translateX(-52.5%);
  }
}

.p-recruit-newgrad-fv__line02 {
  position: absolute;
  top: 39.5%;
  left: 50%;
  display: inline-block;
  width: min(48.3vw, 695px);
  height: 1px;
  background-color: #adadad;
  transform: translateX(min(-50% + 52.7vw, -50% + 759px)) rotate(-23.5deg);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__line02 {
    top: 326px;
    width: 625px;
    transform: translateX(0) rotate(-23.5deg);
  }
}

.p-recruit-newgrad-fv__diamond {
  position: relative;
  width: 1440px;
  margin-top: min(1.39vw, 20px);
  margin-left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__diamond {
    width: 1600px;
    margin-top: -33px;
  }
}

.p-recruit-newgrad-fv__diamond__text {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: min(96vw, 960px);
  font-size: min(2vw, 16px);
  font-weight: 500;
  line-height: 2;
  color: #303030;
  text-align: center;
  letter-spacing: 0.05em;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__diamond__text {
    width: 80vw;
    min-width: 300px;
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__diamond__text-br {
    display: none;
  }
}

.p-recruit-newgrad-fv__diamond__line {
  position: absolute;
  top: 89%;
  left: 50%;
  z-index: 1;
  width: 150vw;
  height: 1px;
  background-color: #d6d6d6;
  transform: translateX(-50%) rotate(-24deg);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-fv__diamond__line {
    top: 98%;
  }
}

.p-recruit-newgrad__inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  padding: 0 min(11.8vw, 170px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad__inner {
    padding: 0 min(8.53vw, 32px);
  }
}

.p-recruit-common__subTitle {
  font-family: myfutura, meiryo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-recruit-common__subTitle {
    font-size: 18px;
  }
}

.p-recruit-common__title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5;
  color: #c8141e;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-recruit-common__title {
    font-size: 24px;
    letter-spacing: 0;
  }
}

.p-recruit-newgrad-project {
  margin-top: -15px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project {
    margin-top: 40px;
  }
}

.p-recruit-newgrad-project__head__text {
  position: relative;
  z-index: 2;
  width: min(36.8vw, 530px);
  margin-top: 35px;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  color: #3c3c41;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__head__text {
    width: 530px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__head__text {
    width: 100%;
    padding: 0 8px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-recruit-newgrad-project__list-zone {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  padding: 0 min(5.2vw, 75px) 0 min(9.24vw, 133px);
  margin: 135px auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__list-zone {
    padding: 0 16px;
    margin-top: 24px;
  }
}

.p-recruit-newgrad-project__list-zone::before {
  position: absolute;
  top: -80%;
  left: calc(50% - 320px);
  z-index: -1;
  width: min(109.4vw, 1576px);
  height: auto;
  aspect-ratio: 1576/1105;
  content: "";
  background-image: url("../../assets/images/recruit_newgrad_hexagon_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__list-zone::before {
    top: -18%;
    left: 12%;
    width: 150vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__list-zone::before {
    top: auto;
    bottom: -4.5%;
    left: 15%;
    width: 140vw;
  }
}

.p-recruit-newgrad-project__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 22px;
  column-gap: 22px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: unset;
    column-gap: unset;
  }
}

.p-recruit-newgrad-project__item {
  aspect-ratio: 395/443;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__item {
    width: 45%;
    max-width: 425px;
    margin-right: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item {
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item:not(:first-child) {
    margin-top: 16px;
  }
}

.p-recruit-newgrad-project__item__link {
  position: relative;
  width: 100%;
  height: 100%;
}

.p-recruit-newgrad-project__item__body {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  aspect-ratio: 395/289;
}

.p-recruit-newgrad-project__item__bg,
.p-recruit-newgrad-project__item__bg--active {
  position: absolute;
  bottom: 0.5%;
  left: 0;
  z-index: -1;
  width: 100.3%;
  height: auto;
  aspect-ratio: 395/289;
  transition: 0.5s;
}

.p-recruit-newgrad-project__item__bg--active {
  opacity: 0;
}

.p-recruit-newgrad-project__item__link:hover .p-recruit-newgrad-project__item__bg--active {
  opacity: 1;
}

.p-recruit-newgrad-project__item__number {
  margin-top: 15%;
  margin-left: 6%;
  font-family: myfutura, meiryo, sans-serif;
  font-size: min(1.11vw, 16px);
  font-weight: 500;
  line-height: 2;
  color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__item__number {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__number {
    margin-left: 7%;
    font-size: min(3.73vw, 14px);
  }
}

.p-recruit-newgrad-project__item__title {
  display: -webkit-box;
  width: 50%;
  margin-top: 4%;
  margin-left: 6%;
  overflow: hidden;
  font-size: min(1.39vw, 20px);
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__item__title {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__title {
    width: 48%;
    margin-left: 7%;
    font-size: min(4.8vw, 18px);
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__title--three {
    margin-top: 2%;
  }
}

.p-recruit-newgrad-project__item__container {
  display: flex;
  justify-content: space-between;
  padding: 0 1% 5% 9%;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__container {
    padding: 0 7% 6%;
  }
}

.p-recruit-newgrad-project__item__container.p-recruit-newgrad-project__item__container--three {
  padding: 0 3% 5% 6%;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__container.p-recruit-newgrad-project__item__container--three {
    padding-bottom: 8%;
  }
}

.p-recruit-newgrad-project__item__person {
  position: relative;
  width: 43%;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__person {
    width: 42%;
  }
}

.p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person {
  width: 28.3%;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person {
    width: 30%;
  }
}

.p-recruit-newgrad-project__item__person:nth-child(2)::before,
.p-recruit-newgrad-project__item__person:nth-child(3)::before {
  position: absolute;
  top: 54%;
  left: -26%;
  width: 1px;
  height: 37px;
  content: "";
  background-color: #fff;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__person:nth-child(2)::before,
  .p-recruit-newgrad-project__item__person:nth-child(3)::before {
    top: 44%;
    left: -21%;
    width: 1px;
    height: 33px;
  }
}

.p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person:nth-child(2)::before,
.p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person:nth-child(3)::before {
  top: 50%;
  left: -17%;
  height: 37px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person:nth-child(2)::before,
  .p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person:nth-child(3)::before {
    left: -11%;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person:nth-child(2)::before,
  .p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__person:nth-child(3)::before {
    height: 32px;
  }
}

.p-recruit-newgrad-project__item__name {
  font-size: min(1.11vw, 16px);
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__item__name {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__name {
    font-size: min(3.73vw, 14px);
    line-height: 1.3;
  }
}

.p-recruit-newgrad-project__item__status {
  margin-top: min(0.9vw, 13px);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__status {
    margin-top: min(3.2vw, 12px);
  }
}

.p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__status {
  flex-direction: column;
  height: auto;
}

.p-recruit-newgrad-project__item__position {
  font-size: min(0.97vw, 14px);
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__item__position {
    width: 7.5vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__position {
    width: 65px;
    font-size: min(3.2vw, 12px);
  }
}

.p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__position {
  width: auto;
  line-height: 1.5;
}

.p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__team {
  margin-left: 0;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__item__container--three .p-recruit-newgrad-project__item__team {
    margin-top: 4%;
    line-height: 1.3;
  }
}

.p-recruit-newgrad-project__diamond {
  position: relative;
  width: min(68.5vw, 986px);
  margin: min(9.24vw, 133px) auto 0 50%;
  transform: translateX(max(-42.36vw, -610px));
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__diamond {
    width: 986px;
    margin-top: 20px;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__diamond {
    width: 1100px;
    margin-top: 10px;
    transform: translateX(calc(-50% - 30px));
  }
}

.p-recruit-newgrad-project__diamond__text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 585px;
  font-size: min(1.11vw, 16px);
  font-weight: 500;
  line-height: 2;
  color: #303030;
  text-align: center;
  letter-spacing: 0.05em;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-project__diamond__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__diamond__text {
    width: 80vw;
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
    transform: translate(calc(-50% + 28px), -50%);
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__diamond__text-br {
    display: none;
  }
}

.p-recruit-newgrad-project__diamond__line {
  position: absolute;
  top: 111%;
  left: 50%;
  width: 150vw;
  height: 1px;
  background-color: #d6d6d6;
  transform: translateX(-50%) rotate(-24deg);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-project__diamond__line {
    top: 101%;
  }
}

.p-recruit-newgrad-info {
  margin-top: 141px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info {
    margin-top: 36px;
  }
}

.p-recruit-newgrad-info__body {
  position: relative;
  width: 100%;
  max-width: 1352px;
  padding: min(13.5vw, 160px) min(3.06vw, 44px) min(8.5vw, 100px);
  margin: -90px auto 0;
}
@media screen and (max-width: 1200px) {
  .p-recruit-newgrad-info__body {
    margin: -20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__body {
    padding: 80px 16px;
    margin: 15px auto 0;
  }
}

.p-recruit-newgrad-info__body::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("../../assets/images/recruit_newgrad_hexagon_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__body::before {
    background-image: url("../../assets/images/recruit_newgrad_hexagon_bg_sp.png");
  }
}

.p-recruit-newgrad-info__inner {
  padding: 0 88px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__inner {
    padding: 0;
  }
}

.p-recruit-newgrad-info__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 21px;
  width: 53%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__list {
    gap: 8px;
    width: 100%;
    max-width: 400px;
  }
}

.p-recruit-newgrad-info__item {
  width: calc((100% - 24px) / 2);
  box-shadow: 6.07803px 11.3963px 15.1951px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__item {
    width: calc((100% - 8px) / 2);
  }
}

.p-recruit-newgrad-info__item--01 {
  position: absolute;
  top: calc(50% - min(10.42vw, 150px));
  right: calc(100% + min(1.67vw, 24px));
  width: min(20.5vw, 275px);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__item--01 {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: calc((100% - 8px) / 2);
  }
}

.p-recruit-newgrad-info__item--02 {
  position: absolute;
  top: calc(50% - min(10.42vw, 150px));
  left: calc(100% + min(1.67vw, 24px));
  width: min(20.5vw, 275px);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__item--02 {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: calc((100% - 8px) / 2);
  }
}

.p-recruit-newgrad-info__button {
  margin-top: min(2.43vw, 35px);
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__button {
    margin-top: 25px;
  }
}
.p-recruit-newgrad-info__button .c-btn-secondary {
  width: min(21.67vw, 312px);
  height: min(5.56vw, 80px);
}
.p-recruit-newgrad-info__button .c-btn-secondary::before {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-info__button .c-btn-secondary::before {
    width: 24px;
    height: 24px;
  }
}

.p-recruit-newgrad-details {
  padding-bottom: 120px;
  margin-top: 175px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-details {
    padding-bottom: 40px;
    margin-top: 38px;
  }
}

.p-recruit-newgrad-details__bg::before {
  position: absolute;
  top: -72%;
  left: 50%;
  width: 1830px;
  height: 787px;
  content: "";
  background-image: url("../../assets/images/recruit_newgrad_diamond_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translateX(calc(-50% - 283px));
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-details__bg::before {
    top: -24%;
    left: 50%;
    width: 620px;
    height: 216px;
    background-image: url("../../assets/images/recruit_newgrad_diamond_bg_sp.png");
    transform: translateX(calc(-50% - 115px));
  }
}

.p-recruit-newgrad-details__body {
  position: relative;
  z-index: 1;
}

.p-recruit-newgrad-details__text {
  margin-top: 18px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #303030;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-details__text {
    margin-top: 24px;
    font-size: 18px;
  }
}

.p-recruit-newgrad-details__button {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-details__button {
    margin-top: 16px;
  }
}
.p-recruit-newgrad-details__button .c-btn-secondary {
  width: min(21.67vw, 312px);
  height: min(5.56vw, 80px);
}
.p-recruit-newgrad-details__button .c-btn-secondary::before {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-details__button .c-btn-secondary::before {
    width: 24px;
    height: 24px;
  }
}

.p-recruit-newgrad-details.p-recruit-newgrad-entry {
  padding-bottom: 120px;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-details.p-recruit-newgrad-entry {
    padding-bottom: 40px;
    margin-top: 0;
  }
}

.p-recruit-newgrad-entryZone {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-entryZone {
    margin-top: 24px;
  }
}

.p-recruit-newgrad-entryZone__inner {
  width: 100%;
  max-width: 1089px;
  padding: 0 60px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-entryZone__inner {
    padding: 0 27px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-recruit-newgrad-entryZone__inner {
    padding: 0;
  }
}

.p-recruit-newgrad-entryZone__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-entryZone__items {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 16px;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-newgrad-entryZone__item a {
    text-align: center;
  }
}

.p-recruit-newgrad-entryZone__item img {
  width: 100%;
  max-width: 312px;
  aspect-ratio: 312/80;
}

.p-recruit-newgrad-buttonZone {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone {
    margin-top: 80px;
  }
}

.p-recruit-newgrad-buttonZone__inner {
  width: 100%;
  max-width: 1089px;
  padding: 0 60px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__inner {
    padding: 0 27px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-recruit-newgrad-buttonZone__inner {
    padding: 0;
  }
}

.p-recruit-newgrad-buttonZone__iconBtns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtns {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 16px;
  }
}

.p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn {
  padding: 30px 5% 20px;
  border: 1px solid #c8141e;
  box-shadow: -4px 4px 0 #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn {
    padding: 15px 24px;
  }
}
@media screen and (max-width: 1050px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn__text {
    width: 100%;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn__text {
    width: 100%;
    margin-bottom: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn__text::after {
    top: calc(60% - 3px);
    width: 18px;
    height: 18px;
  }
}

.p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn.p-recruit-newgrad-buttonZone__iconBtn__inner {
  padding: 16px 5% 20px;
}
@media screen and (max-width: 1050px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn.p-recruit-newgrad-buttonZone__iconBtn__inner {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn.p-recruit-newgrad-buttonZone__iconBtn__inner {
    padding: 15px 24px;
  }
}

@media screen and (max-width: 1050px) {
  .p-recruit-newgrad-buttonZone__iconBtn:nth-child(1) .c-iconBtn {
    display: flex;
    align-items: flex-end;
  }
}

.p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn.p-recruit-newgrad-buttonZone__iconBtn__inner:hover {
  cursor: unset;
  opacity: 1;
}

.p-recruit-newgrad-buttonZone__iconBtn__border {
  border-bottom: 1px solid #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtn__border {
    width: 100%;
  }
}

.p-recruit-newgrad-buttonZone__iconBtn__item {
  width: 100%;
  padding-left: 0;
  margin-bottom: 8px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtn__item {
    padding-right: 0;
  }
}

.p-recruit-newgrad-buttonZone__iconBtn__item:hover {
  opacity: 0.7;
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn__text {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-recruit-newgrad-buttonZone__iconBtn .c-iconBtn__text::after {
    width: 25px;
    height: 25px;
  }
}

.p-recruit-newgrad-buttonZone__iconBtn .p-recruit-newgrad-buttonZone__iconBtn__inner .c-iconBtn__text {
  padding: 0 45px 0 0;
  margin-top: 0;
  border-bottom: none;
}

.p-recruit-newgrad-buttonZone__iconBtn .p-recruit-newgrad-buttonZone__iconBtn__inner .c-iconBtn__text::after {
  top: calc(60% - 5px);
  right: 10px;
}
@media screen and (max-width: 768px) {
  .p-recruit-newgrad-buttonZone__iconBtn .p-recruit-newgrad-buttonZone__iconBtn__inner .c-iconBtn__text::after {
    top: calc(60% - 3px);
    right: 0;
  }
}

.p-recruit-career-main {
  overflow: hidden;
  background-color: #f8f9f9;
}

.p-recruit-career-top {
  position: relative;
  z-index: 2;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career-top {
    margin-top: 17px;
  }
}

.p-recruit-career-top__inner {
  padding-right: 0;
  padding-bottom: 40px;
  padding-left: 0;
}

.p-recruit-career-top__text {
  padding: 0 14%;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-recruit-career-top__text {
    padding: 0 40px;
    font-size: 16px;
    line-height: 1.75;
    text-align: left;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 1200px) {
  .p-recruit-career-top__text-br {
    display: none;
  }
}

.p-recruit-career {
  position: relative;
  z-index: 1;
  padding-bottom: 120px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career {
    padding-bottom: 40px;
    margin-top: 0;
  }
}

.p-recruit-career::before {
  position: absolute;
  top: -128px;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: auto;
  aspect-ratio: 2880/3953;
  content: "";
  background: url("../../assets/images/recruit_career_bg.png") no-repeat;
  background-size: contain;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-recruit-career::before {
    display: none;
  }
}

.p-recruit-career-new .p-recruit-career::before {
  aspect-ratio: 2880/1977;
  background: url("../../assets/images/recruit_career_bg02.png") no-repeat;
  background-size: contain;
}

.p-recruit-career-new .p-recruit-career__inner::before {
  display: none;
}

.p-recruit-career__inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  padding: 0 min(11.1vw, 160px);
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-recruit-career__inner {
    padding: 0 16px;
  }
}

.p-recruit-career__inner.terms_and_conditions__inner:not(:last-of-type) {
  margin-bottom: 100px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__inner.terms_and_conditions__inner .p-company-outline__container {
    padding: 40px 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__inner.terms_and_conditions__inner .p-company-outline__container {
    padding: 24px 50px 24px;
  }
  .p-recruit-career__inner.terms_and_conditions__inner:not(:last-of-type) {
    margin-bottom: 40px;
  }
}

.p-recruit-career__title-zone {
  display: flex;
  align-items: baseline;
  padding-bottom: 18px;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__title-zone {
    padding-bottom: 8px;
  }
}

.p-recruit-career__title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
  color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__title {
    font-size: 20px;
    line-height: 1;
  }
}

.p-recruit-career__subTitle {
  margin-left: 40px;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__subTitle {
    margin-left: 24px;
    font-size: 12px;
    letter-spacing: 0.05em;
  }
}

.p-recruit-career__container {
  width: 95.7%;
  padding: 64px 44px;
  margin: 40px auto 0;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__container {
    padding: 40px 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container {
    width: 100%;
    padding: min(6.4vw, 24px);
    margin: 24px auto 0;
  }
}

.p-recruit-career__container__head-inner {
  padding: 0 60px;
  margin-bottom: 18px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__container__head-inner {
    padding: 0 5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__head-inner {
    padding: 0 0 0 22px;
  }
}

.p-recruit-career__container__head-inner:not(:nth-of-type(1)) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__head-inner:not(:nth-of-type(1)) {
    padding-bottom: 42px;
    margin-bottom: 0;
    border-bottom: 1px solid #d9d9d9;
  }
}

.p-recruit-career__container__head-title {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__head-title {
    font-size: 16px;
  }
}

.p-recruit-career__container__head-title::before {
  position: absolute;
  top: 50%;
  left: -25px;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__head-title::before {
    left: -22px;
  }
}

.p-recruit-career__container__list {
  display: flex;
  padding: 22px 60px 23px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__container__list {
    padding: 22px 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__list {
    flex-direction: column;
    padding: 16px 8px 15px;
  }
}

.p-recruit-career__container__list:nth-of-type(1) {
  padding: 22px 60px 20px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__container__list:nth-of-type(1) {
    padding: 22px 24px 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__list:nth-of-type(1) {
    padding: 6px 0 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__list {
    padding-top: 17px;
    padding-bottom: 20px;
  }
}

.p-recruit-career-new .p-recruit-career__container__list:nth-of-type(1) {
  margin-top: 45px;
  border-top: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__list:nth-of-type(1) {
    padding-right: 8px;
    padding-left: 8px;
    margin-top: 21px;
  }
}

.p-recruit-career-new .p-recruit-career__container__smallData {
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__smallData {
    line-height: 1.6;
  }
}

.p-recruit-career-new .p-recruit-career__container__smallData-sp:nth-child(2) {
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__smallData-sp:nth-child(2) {
    margin-bottom: 5px;
  }
}

.p-recruit-career-new .p-recruit-career__container__smallData--bold {
  margin-bottom: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__smallData--bold {
    margin-bottom: 5px;
  }
}

.p-recruit-career-new .p-recruit-career__container__head-inner:not(:nth-of-type(1)) {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__head-inner:not(:nth-of-type(1)) {
    margin-top: 40px;
  }
}

.p-recruit-career__container__schedule {
  width: 95%;
  margin: 42px auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__schedule {
    width: 100%;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__bigTitle-sp {
    font-size: 16px;
  }
}

.p-recruit-career-new .p-recruit-career__container__head-inner:not(:nth-of-type(1)) {
  padding-bottom: 23px;
}

@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__smallTitle {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__list-last01 {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career-new .p-recruit-career__container__list-last02 {
    padding-top: 0;
    padding-bottom: 15px;
  }
}

.p-recruit-career-new .p-recruit-career__container__head-inner:nth-of-type(3) {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .p-recruit-career__container__list-last01 {
    padding-bottom: 0;
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career__container__list-last02 {
    padding-top: 0;
  }
}

.p-recruit-career__container__title {
  width: 240px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__container__title {
    width: 170px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__title {
    width: 100%;
  }
}

.p-recruit-career__container__bigTitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__bigTitle {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career__container__bigTitle-sp {
    font-size: 14px;
  }
}

.p-recruit-career__container__smallTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__smallTitle {
    font-size: 14px;
  }
}

.p-recruit-career__container__smallTitle-spShow {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__smallTitle-spShow {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career__container__smallTitle-spNone {
    display: none;
  }
}

.p-recruit-career__container__data {
  flex: 1;
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__data {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career__container__data-sp {
    margin-top: 3px;
  }
}

.p-recruit-career__data__block:nth-child(1) {
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__data__block:nth-child(1) {
    margin-top: 24px;
  }
}

.p-recruit-career__data__block:nth-child(2) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__data__block:nth-child(2) {
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-midcareer__data__block02 {
    margin-top: 40px;
  }
}

.p-recruit-career__data__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__data__title {
    font-size: 14px;
  }
}

.p-recruit-career__data__body {
  margin-top: 14px;
}

.p-recruit-career__data__item:not(:first-child) {
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__data__item:not(:first-child) {
    margin-top: 15px;
  }
}

.p-recruit-career__container__heightData {
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__heightData {
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-recruit-career__container__smallData {
  font-size: 16px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__smallData {
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-recruit-career__container__heightDot,
.p-recruit-career__container__smallDot {
  position: relative;
  padding-left: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__heightDot,
  .p-recruit-career__container__smallDot {
    padding-left: 21px;
  }
}

.p-recruit-career__container__heightDot::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
  content: "・";
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__heightDot::before {
    left: 3px;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-recruit-career__container__smallDot::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #3c3c41;
  content: "・";
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__smallDot::before {
    left: 3px;
    font-size: 14px;
  }
}

.p-recruit-career__container__data__flex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__data__flex {
    padding-left: 23px;
    margin-top: 6px;
  }
}

.p-recruit-career__container__data__flex p:nth-child(1) {
  width: 96px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__data__flex p:nth-child(1) {
    width: 84px;
  }
}

.p-recruit-career__container__data__flex p:nth-child(2) {
  flex: 1;
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__data__flex p:nth-child(2) {
    margin-left: 0;
  }
}

.p-recruit-career__data__history {
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin-left: 16px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__data__history {
    width: 315px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__data__history {
    width: min(74.7vw, 280px);
    margin-left: 0;
  }
}

.p-recruit-career__data__history-bigText {
  width: 80px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #3c3c41;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__data__history-bigText {
    width: 65px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-recruit-career__data__history-smallText {
  width: 80px;
  font-size: 16px;
  color: #3c3c41;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__data__history-smallText {
    width: 65px;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-recruit-midcareer-fv {
  position: relative;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv {
    padding-top: 42px;
  }
}

.p-recruit-midcareer-fv__heading {
  position: absolute;
  top: 30.5vw;
  left: 5.5vw;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv__heading {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 375px;
    padding: 0 16px;
  }
}

.p-recruit-midcareer-fv__title {
  font-size: 5vw;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv__title {
    font-size: min(7.47vw, 28px);
    color: #c8141e;
    letter-spacing: 0;
  }
}

.p-recruit-midcareer-fv__subTitle {
  margin-top: 3.5%;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 2.78vw;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv__subTitle {
    font-size: 18px;
    color: #c8141e;
  }
}

.p-recruit-midcareer-fv__image {
  width: 83.3%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv__image {
    width: 86%;
    margin-top: 24px;
  }
}

.p-recruit-midcareer-fv__body {
  width: min(100% - 80px, 50% + 640px);
  padding-top: 32.5vw;
  padding-bottom: 3.5vw;
  margin-top: -28.3vw;
  background-color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv__body {
    width: 89.33%;
    padding-top: 26.67vw;
    padding-bottom: 8.53vw;
    margin-top: -20.5vw;
  }
}

.p-recruit-midcareer-fv__text {
  margin-right: min(11.11vw, 160px);
  margin-left: max(11.11vw + 80px, 50vw - 480px);
  font-size: 24px;
  font-weight: 500;
  line-height: 2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv__text {
    width: 76.1%;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    line-height: 1.5;
  }
}

.p-recruit-midcareer-fv__scroll {
  position: absolute;
  top: 38vw;
  left: 3vw;
  display: block;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 1200px) {
  .p-recruit-midcareer-fv__scroll {
    left: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-fv__scroll {
    display: none;
  }
}

.p-recruit-midcareer-fv__scroll__text {
  font-family: myfutura, meiryo, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.p-recruit-midcareer-fv__scroll__line {
  position: absolute;
  top: 65px;
  left: 46%;
  display: block;
  width: 1px;
  height: 48px;
  overflow: hidden;
}

.p-recruit-midcareer-fv__scroll__line::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  content: "";
  background-color: #fff;
  animation: anime-recruit-midcareer-fv-scroll 1.5s ease-in-out 0s infinite;
}

@keyframes anime-recruit-midcareer-fv-scroll {
  0% {
    top: -75px;
  }
  5% {
    top: -75px;
  }
  95% {
    top: 75px;
  }
  100% {
    top: 75px;
  }
}
.p-recruit-midcareer-section {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-section {
    margin-top: 40px;
  }
}

.p-recruit-midcareer__inner {
  width: 100%;
  max-width: 1440px;
  padding: 0 min(5.56vw, 80px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer__inner {
    max-width: 700px;
    padding: 0 16px;
  }
}

.p-recruit-midcareer__content {
  position: relative;
  padding: 80px;
  margin: 40px max(-5.56vw, -80px) 0 min(5.56vw, 80px);
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .p-recruit-midcareer__content {
    padding: 40px 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer__content {
    padding: 25px 0;
    margin: 24px 0 0;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

.p-recruit-midcareer__content--bg {
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer__content--bg {
    padding-bottom: 24px;
  }
}

.p-recruit-midcareer__content--bg::before {
  position: absolute;
  top: 0;
  right: 45px;
  width: min(27.78vw, 400px);
  height: auto;
  aspect-ratio: 497/544;
  content: "";
  background: url("../../assets/images/top_news_bg.svg") no-repeat;
  background-size: contain;
  transform: translateY(-36%);
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer__content--bg::before {
    display: none;
  }
}

.p-recruit-midcareer__content--bg::after {
  position: absolute;
  bottom: 0;
  left: -85px;
  width: min(27.78vw, 400px);
  height: auto;
  aspect-ratio: 497/544;
  content: "";
  background: url("../../assets/images/top_news_bg.svg") no-repeat;
  background-size: contain;
  transform: translateY(90%);
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer__content--bg::after {
    display: none;
  }
}

.p-recruit-midcareer-info__flex {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .p-recruit-midcareer-info__flex {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__flex {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}

.p-recruit-midcareer-info__flex__flex {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 66.16%;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__flex__flex {
    flex-direction: column-reverse;
    width: calc((100% - 8px) / 2);
  }
}

.p-recruit-midcareer-info__flex__item {
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__flex__item {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-recruit-midcareer-info__flex__item--half {
  width: calc((100% - 16px) / 2);
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1200px) {
  .p-recruit-midcareer-info__flex__item--half {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__flex__item--half {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-recruit-midcareer-info__flex__item--right {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__flex__item--right {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-recruit-midcareer-info__flex__item--bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__flex__item--bottom {
    top: calc(100% + 8px);
    bottom: auto;
    width: calc(200% + 8px);
    max-width: 668px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__flex__item--bottom img {
    width: 100%;
  }
}

.p-recruit-midcareer-info__button .c-btn-secondary {
  width: 312px;
  height: 80px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__button .c-btn-secondary {
    width: 224px;
    height: 64px;
    margin-top: calc(46.67vw + 24px);
  }
}

.p-recruit-midcareer-info__button .c-btn-secondary::before {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-info__button .c-btn-secondary::before {
    width: 24px;
    height: 24px;
  }
}

.p-recruit-midcareer-job {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-job {
    padding-bottom: 40px;
  }
}

.p-recruit-midcareer-job__head-title {
  padding-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #c8141e;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-job__head-title {
    padding-bottom: 6px;
    margin: 0 24px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.p-recruit-midcareer-job__head-title:nth-of-type(2) {
  margin-top: 84px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-job__head-title:nth-of-type(2) {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}

.p-recruit-career__container__list.p-recruit-midcareer-job__container__list {
  padding: 25px 60px 21px;
  margin-right: 60px;
  margin-left: 60px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__container__list.p-recruit-midcareer-job__container__list {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__list.p-recruit-midcareer-job__container__list {
    padding: 16px 8px;
    margin-right: 24px;
    margin-left: 24px;
  }
}

.p-recruit-career__container__list:nth-of-type(1).p-recruit-midcareer-job__container__list {
  padding: 40px 60px 25px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-career__container__list:nth-of-type(1).p-recruit-midcareer-job__container__list {
    padding: 22px 24px 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__list:nth-of-type(1).p-recruit-midcareer-job__container__list {
    padding: 16px 0 21px;
  }
}

.p-recruit-midcareer-job__container__list .p-recruit-career__container__title {
  width: 256px;
}
@media screen and (max-width: 1200px) {
  .p-recruit-midcareer-job__container__list .p-recruit-career__container__title {
    width: 170px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-job__container__list .p-recruit-career__container__title {
    width: 100%;
  }
}

.p-recruit-midcareer-job__container__list .p-recruit-career__data__block:nth-child(1) {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-job__container__list .p-recruit-career__data__block:nth-child(1) {
    margin-top: 40px;
  }
}

.p-recruit-midcareer-job__container__list .p-recruit-career__container__heightData {
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-job__container__list .p-recruit-career__container__heightData {
    line-height: 1.75;
  }
}

.p-recruit-career__container__smallData-midcareer {
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .p-recruit-career__container__smallData-midcareer {
    line-height: 1.75;
  }
}

.p-recruit-midcareer-job__head-title-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-job__head-title-br {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career__container__list.p-recruit-midcareer-job__container__list-last01 {
    padding-bottom: 0;
    margin-top: -8px;
    border-top: 1px solid #d9d9d9;
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-career__container__list.p-recruit-midcareer-job__container__list-last02 {
    padding-top: 0;
  }
}

.p-recruit-midcareer-buttonZone {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-recruit-midcareer-buttonZone {
    padding-bottom: 40px;
  }
}

.recruitWrap {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .recruitWrap {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .recruitWrap {
    margin-top: -14px;
  }
}

.p-recruitData__topText {
  width: 100%;
  max-width: 918px;
  margin: 79px auto 0;
  font-size: 18px;
  font-weight: 500;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .p-recruitData__topText {
    max-width: 700px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData__topText {
    max-width: 311px;
    margin-top: 37px;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-recruitData_attention {
  font-size: 14px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-recruitData_attention {
    max-width: 343px;
    margin: 0 auto;
    font-size: 10px;
  }
}

.p-recruitData_img {
  max-width: 1120px;
  margin: 0 auto;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.p-recruitData_gridContainer {
  display: grid;
  grid-template-rows: 360px 360px 360px 360px 360px 360px 360px;
  grid-template-columns: 363px 363px 363px;
  gap: 16px;
  color: #3c3c41;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridContainer {
    grid-template-columns: 33% 33% 33%;
    gap: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridContainer {
    grid-template-rows: 168px 168px 168px 168px 168px 168px 168px 168px 168px 168px 168px 168px 168px;
    grid-template-columns: 168px 168px;
    gap: 7px;
    justify-content: center;
  }
}

.p-recruitData_gridItem {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="1"] {
    grid-row: 1/3;
    grid-column: 1/3;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="1"] .p-recruitData_gridItem-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="1"] .p-recruitData_gridItem-text {
    font-size: 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="2"] {
    grid-row: 3/4;
    grid-column: 1/2;
  }
}
.p-recruitData_gridItem[data-type="3"] {
  grid-row: 1/3;
  grid-column: 3/4;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="3"] {
    grid-row: 3/5;
    grid-column: 2/3;
  }
}
.p-recruitData_gridItem[data-type="3"] .p-recruitData_gridItem-text {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="4"] {
    grid-row: 4/5;
    grid-column: 1/2;
  }
}
.p-recruitData_gridItem[data-type="4"] .p-recruitData_gridItem-text {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="4"] .p-recruitData_gridItem-text {
    margin-top: 8px;
  }
}
.p-recruitData_gridItem[data-type="5"] {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="5"] {
    grid-row: 6;
  }
}
.p-recruitData_gridItem[data-type="6"] {
  grid-row: span 2;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="6"] {
    grid-row: 6/8;
    grid-column: 1/2;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="6"] .p-recruitData_gridItem-title {
    font-size: 15px;
  }
}
.p-recruitData_gridItem[data-type="7"] {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="7"] {
    grid-row: 5/6;
    grid-column: 1/3;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="8"] {
    grid-row: 7;
  }
}
.p-recruitData_gridItem[data-type="9"] {
  display: flex;
  flex-direction: column;
  grid-column: span 2;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="9"] {
    grid-row: 8;
  }
}
.p-recruitData_gridItem[data-type="10"] {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="10"] {
    grid-row: 11/12;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="10"] .p-recruitData_gridItem-text {
    font-size: 34px;
  }
}
.p-recruitData_gridItem[data-type="11"] {
  position: relative;
  grid-column: span 2;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="11"] {
    grid-row: 9/10;
  }
}
.p-recruitData_gridItem[data-type="12"] {
  grid-column: span 2;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="12"] {
    grid-row: 10/11;
  }
}
.p-recruitData_gridItem[data-type="13"] {
  grid-row: span 2;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="13"] {
    grid-row: 11/13;
    grid-column: 2/3;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="14"] {
    grid-row: 13/15;
    grid-column: 1/3;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="14"] .p-recruitData_gridItem-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="14"] .p-recruitData_gridItem-text {
    font-size: 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="14"] .p-recruitData_gridItem-textMargin {
    margin-top: 50px;
  }
}
.p-recruitData_gridItem[data-type="15"] {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="15"] {
    grid-row: 12/13;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem[data-type="15"] .p-recruitData_gridItem-title {
    font-size: 15px;
  }
}

.p-recruitData_gridItem-title {
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridItem-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem-title {
    font-size: 16px;
  }
}

.p-recruitData_gridItem-text {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 77px;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridItem-text {
    font-size: 48px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem-text {
    font-size: 40px;
  }
}
.p-recruitData_gridItem-text span {
  font-size: 40px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridItem-text span {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem-text span {
    font-size: 18px;
  }
}

.p-recruitData_gridItem-textMargin {
  margin-top: 52px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridItem-textMargin {
    margin-top: 24px;
  }
}

/* ============================================
                グループ企業数
============================================ */
.p-recruitData_gridGroup-items {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridGroup-items {
    gap: 0;
    margin-top: 9px;
  }
}

.p-recruitData_gridGroup-img {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridGroup-img {
    margin-top: 8px;
  }
}

/* ============================================
                拠点数
============================================ */
.p-recruitData_gridBranch-text {
  text-align: center;
}

/* ============================================
                男女比
============================================ */
.p-recruitData_gridSex-items {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSex-items {
    gap: 8px;
    margin-top: 8px;
  }
}

.p-recruitData_gridSex-item {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 40px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridSex-item {
    margin-left: 48px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSex-item {
    margin: 0 auto;
  }
}
.p-recruitData_gridSex-item[data-type=woman] {
  margin-left: 132px;
  color: #c8141e;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridSex-item[data-type=woman] {
    margin-left: 72px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSex-item[data-type=woman] {
    margin: 0 auto;
  }
}

.p-recruitData_gridSex-text {
  font-size: 64px;
  font-weight: 800;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridSex-text {
    font-size: 48px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSex-text {
    font-size: 40px;
  }
}
.p-recruitData_gridSex-text span {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSex-text span {
    font-size: 18px;
  }
}

.p-recruitData_gridSex-textMini {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSex-textMini {
    font-size: 18px;
  }
}
.p-recruitData_gridSex-textMini span {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSex-textMini span {
    font-size: 12px;
  }
}

/* ============================================
                    セグメント
============================================ */
.p-recruitData_gridSegment-img {
  width: 266px;
  margin: 30px auto 0;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridSegment-img {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSegment-img {
    width: 116px;
    margin-top: 0;
  }
}

.p-recruitData_gridSegment-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 18px auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSegment-items {
    gap: 6px;
    margin-top: 6px;
  }
}

.p-recruitData_gridSegment-item {
  display: flex;
  gap: 15px;
}

.p-recruitData_gridSegment-itemTitle {
  width: 125px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSegment-itemTitle {
    width: 98px;
    font-size: 12px;
  }
}

.p-recruitData_gridSegment-itemRate {
  font-size: 24px;
  font-weight: 800;
  color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSegment-itemRate {
    font-size: 14px;
  }
}
.p-recruitData_gridSegment-itemRate span {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridSegment-itemRate span {
    font-size: 10px;
  }
}

/* ============================================
                配属先
============================================ */
.p-recruitData_gridAssignment-items {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-items {
    gap: 2px;
    margin-top: 4px;
  }
}

.p-recruitData_gridAssignment-item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-item {
    padding-left: 14px;
  }
}
.p-recruitData_gridAssignment-item[data-type=one] .p-recruitData_gridAssignment-itemRate {
  width: 304px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridAssignment-item[data-type=one] .p-recruitData_gridAssignment-itemRate {
    width: 230px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-item[data-type=one] .p-recruitData_gridAssignment-itemRate {
    width: 295px;
  }
}
.p-recruitData_gridAssignment-item[data-type=two] .p-recruitData_gridAssignment-itemRate {
  width: 130px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-item[data-type=two] .p-recruitData_gridAssignment-itemRate {
    width: 123px;
  }
}
.p-recruitData_gridAssignment-item[data-type=three] .p-recruitData_gridAssignment-itemRate {
  width: 106px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-item[data-type=three] .p-recruitData_gridAssignment-itemRate {
    width: 95px;
  }
}

.p-recruitData_gridAssignment-itemArea {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-itemArea {
    font-size: 12px;
  }
}

.p-recruitData_gridAssignment-itemRate {
  padding: 8px 0 8px 16px;
  margin-top: 8px;
  font-size: 24px;
  color: #fff;
  background-color: #c8141e;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-itemRate {
    padding: 2px 0 2px 20px;
    margin-top: 7px;
    font-size: 16px;
  }
}
.p-recruitData_gridAssignment-itemRate span {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-itemRate span {
    font-size: 10px;
  }
}

.p-recruitData_gridAssignment-img {
  position: absolute;
  right: 36px;
  bottom: 54px;
  width: 130px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridAssignment-img {
    right: 16px;
    width: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridAssignment-img {
    right: 54px;
    bottom: 14px;
    width: 83px;
  }
}

/* ============================================
                初任業種(Industry)
============================================ */
.p-recruitData_gridIndustrys {
  display: flex;
  flex-direction: row;
  gap: 72px;
  align-items: flex-end;
  justify-content: center;
  margin-top: auto;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustrys {
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustrys {
    gap: 15px;
    justify-content: inherit;
    margin-top: 68px;
  }
}

.p-recruitData_gridIndustry {
  position: relative;
}
.p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate {
  bottom: 180px;
  font-size: 72px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate {
    font-size: 56px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate {
    bottom: 88px;
    font-size: 28px;
  }
}
.p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate::before {
  width: 133px;
  height: 133px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate::before {
    width: 110px;
    height: 110px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate::before {
    width: 52px;
    height: 52px;
  }
}
.p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate::after {
  bottom: -65px;
  border-width: 46.8px 27px 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=one] .p-recruitData_gridIndustry-rate::after {
    bottom: -26px;
    border-width: 19.1px 11px 0;
  }
}
.p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate {
  bottom: 156px;
  font-size: 61px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate {
    font-size: 48px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate {
    bottom: 92px;
    font-size: 24px;
  }
}
.p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate::before {
  width: 118px;
  height: 118px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate::before {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate::before {
    width: 47px;
    height: 47px;
  }
}
.p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate::after {
  bottom: -60px;
  border-width: 41.6px 24px 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=two] .p-recruitData_gridIndustry-rate::after {
    bottom: -26px;
    border-width: 19.1px 11px 0;
  }
}
.p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate {
  bottom: 133px;
  font-size: 55px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate {
    font-size: 48px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate {
    bottom: 79px;
    font-size: 22px;
  }
}
.p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate::before {
  width: 102px;
  height: 102px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate::before {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate::before {
    width: 45px;
    height: 45px;
  }
}
.p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate::after {
  bottom: -50px;
  border-width: 35.5px 20.5px 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=three] .p-recruitData_gridIndustry-rate::after {
    bottom: -26px;
    border-width: 19.1px 11px 0;
  }
}
.p-recruitData_gridIndustry[data-type=four] {
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=four] {
    padding-bottom: 3px;
  }
}
.p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate {
  bottom: 106px;
  font-size: 47px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate {
    bottom: 48px;
    font-size: 22px;
  }
}
.p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate::before {
  width: 82px;
  height: 82px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate::before {
    width: 72px;
    height: 72x;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate::before {
    width: 41px;
    height: 41px;
  }
}
.p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate::after {
  bottom: -40px;
  border-width: 28.6px 16.5px 0;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate::after {
    bottom: -46px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-rate::after {
    bottom: -23px;
    border-width: 19.1px 11px 0;
  }
}
.p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-title {
  font-size: 32px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry[data-type=four] .p-recruitData_gridIndustry-title {
    font-size: 18px;
  }
}

.p-recruitData_gridIndustry-rate {
  position: absolute;
  left: 50%;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-weight: 800;
  color: #fff;
  transform: translateX(-50%);
}
.p-recruitData_gridIndustry-rate span {
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry-rate span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry-rate span {
    font-size: 10px;
  }
}
.p-recruitData_gridIndustry-rate::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  content: "";
  background-color: #c8141e;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.p-recruitData_gridIndustry-rate::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: #c8141e transparent transparent transparent;
  border-style: solid;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}

.p-recruitData_gridIndustry-title {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry-title {
    font-size: 12px;
    text-align: center;
  }
}
.p-recruitData_gridIndustry-title span {
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry-title span {
    font-size: 10px;
  }
}

.p-recruitData_gridIndustry-img {
  width: 108px;
  height: 69px;
  margin-top: 6px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridIndustry-img {
    width: 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridIndustry-img {
    width: 38px;
    height: 22px;
    margin: 9px auto 0;
  }
}

/* ============================================
                    資格取得者数
============================================ */
.p-recruitData_gridCertification-items {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridCertification-items {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridCertification-items {
    gap: 0;
    margin-top: 15px;
  }
}

.p-recruitData_gridCertification-itemTitle {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridCertification-itemTitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridCertification-itemTitle {
    font-size: 12px;
  }
}

.p-recruitData_gridCertification-img {
  width: 265px;
  margin: auto auto 0;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridCertification-img {
    width: 232px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridCertification-img {
    width: 126px;
  }
}

/* ============================================
                    同好会
============================================ */
@media screen and (max-width: 1200px) {
  .p-recruitData_gridClub-itemWrap {
    position: relative;
    width: 100%;
    max-width: 510px;
    height: 100%;
    margin: 0 auto;
  }
}

.p-recruitData_gridClub-item {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 6px solid #c8141e;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item {
    border-width: 3px;
  }
}
.p-recruitData_gridClub-item[data-type=tennis] {
  bottom: 19px;
  left: 50px;
  width: 180px;
  height: 180px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridClub-item[data-type=tennis] {
    bottom: 49px;
    left: 8px;
    width: 136px;
    height: 136px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=tennis] {
    bottom: 3px;
    left: 12px;
    width: 83px;
    height: 83px;
  }
}
.p-recruitData_gridClub-item[data-type=tennis] .p-recruitData_gridClub-itemImg {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=tennis] .p-recruitData_gridClub-itemImg {
    width: 26px;
    height: 32px;
  }
}
.p-recruitData_gridClub-item[data-type=baseball] {
  top: 26px;
  left: 163px;
  width: 180px;
  height: 180px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridClub-item[data-type=baseball] {
    top: 41px;
    left: 101px;
    width: 136px;
    height: 136px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=baseball] {
    top: -14px;
    left: 66px;
    width: 83px;
    height: 83px;
  }
}
.p-recruitData_gridClub-item[data-type=baseball] .p-recruitData_gridClub-itemImg {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=baseball] .p-recruitData_gridClub-itemImg {
    width: 31px;
    height: 31px;
  }
}
.p-recruitData_gridClub-item[data-type=cutter] {
  bottom: 12px;
  left: 301px;
  width: 224px;
  height: 224px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridClub-item[data-type=cutter] {
    bottom: 42px;
    left: 204px;
    width: 160px;
    height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=cutter] {
    bottom: 0;
    left: 127px;
    width: 104px;
    height: 104px;
  }
}
.p-recruitData_gridClub-item[data-type=cutter] .p-recruitData_gridClub-itemImg {
  width: 103px;
  height: 75px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=cutter] .p-recruitData_gridClub-itemImg {
    width: 48px;
    height: 34px;
  }
}
.p-recruitData_gridClub-item[data-type=social] {
  top: 16px;
  left: 495px;
  width: 224px;
  height: 224px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridClub-item[data-type=social] {
    top: 13px;
    left: 320px;
    width: 160px;
    height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=social] {
    top: -18px;
    left: 217px;
    width: 104px;
    height: 104px;
  }
}
.p-recruitData_gridClub-item[data-type=social] .p-recruitData_gridClub-itemImg {
  width: 76px;
  height: 65px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-item[data-type=social] .p-recruitData_gridClub-itemImg {
    width: 35px;
    height: 30px;
  }
}

.p-recruitData_gridClub-itemTitle {
  margin-top: 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridClub-itemTitle {
    margin-top: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridClub-itemTitle {
    font-size: 12px;
  }
}

.p-recruitData_gridClub-itemImg {
  position: relative;
}
.p-recruitData_gridClub-itemImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* ============================================
                    新卒中途の割合
============================================ */
.p-recruitData_gridEntry-items {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridEntry-items {
    gap: 8px;
    margin-top: 8px;
  }
}

.p-recruitData_gridEntry-item {
  display: flex;
}
.p-recruitData_gridEntry-item:not(:first-child) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridEntry-item {
    gap: 22px;
  }
}

.p-recruitData_gridEntry-itemTitle {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridEntry-itemTitle {
    font-size: 18px;
  }
}

.p-recruitData_gridEntry-itemRate {
  margin-top: 13px;
  font-size: 89px;
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridEntry-itemRate {
    margin-top: 0;
    font-size: 40px;
  }
}
.p-recruitData_gridEntry-itemRate span {
  font-size: 44px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridEntry-itemRate span {
    font-size: 18px;
  }
}

.p-recruitData_gridEntry-itemImg {
  width: 160px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridEntry-itemImg {
    width: 72px;
    margin-top: 35px;
  }
}

/* ============================================
                    海外研修先
============================================ */
.p-recruitData_gridOversea-items {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-items {
    gap: 18px;
    margin-top: 16px;
  }
}

.p-recruitData_gridOversea-item[data-type=hochiminh] .p-recruitData_gridOversea-itemImg {
  width: 129px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-item[data-type=hochiminh] .p-recruitData_gridOversea-itemImg {
    width: 64px;
  }
}
.p-recruitData_gridOversea-item[data-type=hankon] .p-recruitData_gridOversea-itemImg {
  width: 134px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-item[data-type=hankon] .p-recruitData_gridOversea-itemImg {
    width: 66px;
  }
}
.p-recruitData_gridOversea-item[data-type=shanghai] .p-recruitData_gridOversea-itemImg {
  width: 92px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-item[data-type=shanghai] .p-recruitData_gridOversea-itemImg {
    width: 46px;
  }
}
.p-recruitData_gridOversea-item:nth-child(2) .p-recruitData_gridOversea-itemBody {
  flex-direction: row-reverse;
}
.p-recruitData_gridOversea-item:nth-child(2) .p-recruitData_gridOversea-itemNumber::before {
  right: -15px;
  border-color: transparent transparent transparent #3c3c41;
  border-width: 20px 0 20px 34.6px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-item:nth-child(2) .p-recruitData_gridOversea-itemNumber::before {
    right: -7px;
  }
}
.p-recruitData_gridOversea-item:nth-child(odd) .p-recruitData_gridOversea-itemNumber::before {
  left: -15px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-item:nth-child(odd) .p-recruitData_gridOversea-itemNumber::before {
    left: -7px;
  }
}

.p-recruitData_gridOversea-itemTitle {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-itemTitle {
    font-size: 12px;
  }
}

.p-recruitData_gridOversea-itemBody {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-top: 16px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridOversea-itemBody {
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-itemBody {
    gap: 10px;
    margin-top: 5px;
  }
}

.p-recruitData_gridOversea-itemNumber {
  position: relative;
  z-index: 0;
  width: 97px;
  height: 97px;
  font-size: 56px;
  font-weight: 800;
  line-height: 85px;
  color: #fff;
  text-align: center;
  background-color: #3c3c41;
  border-radius: 50%;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_gridOversea-itemNumber {
    width: 80px;
    height: 80px;
    line-height: 68px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-itemNumber {
    width: 54px;
    height: 54px;
    font-size: 40px;
    line-height: 46px;
  }
}
.p-recruitData_gridOversea-itemNumber span {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-itemNumber span {
    font-size: 12px;
  }
}
.p-recruitData_gridOversea-itemNumber::before {
  position: absolute;
  top: 50%;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent #3c3c41 transparent transparent;
  border-style: solid;
  border-width: 20px 34.6px 20px 0;
  border-radius: 2px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-recruitData_gridOversea-itemNumber::before {
    border-width: 13px 22.5px 13px 0;
  }
}

/* ============================================
                    インタビュー
============================================ */
.p-recruitData_interviewItems {
  display: flex;
  flex-direction: column;
  gap: 108px;
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviewItems {
    gap: 20px;
    margin-top: 17px;
  }
}

.p-recruitData_interviewItem {
  position: relative;
  height: 445px;
  padding: 0 8px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.p-recruitData_interviewItem.is-active {
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviewItem {
    height: 520px;
  }
}

.p-recruitData_interviewItem-title {
  padding-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  color: #c8141e;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviewItem-title {
    padding-bottom: 3px;
    font-size: 20px;
  }
}

.p-recruitData_interviews {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviews {
    gap: 42px;
    margin-top: 32px;
  }
}

.p-recruitData_interviews-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_interviews-row {
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviews-row {
    flex-direction: column;
    gap: 42px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviews-row[data-sp=reverse] {
    align-items: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviews-row[data-column=reverse] {
    flex-direction: column-reverse;
  }
}

.p-recruitData_interviews-left,
.p-recruitData_interviews-right {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interviews-left,
  .p-recruitData_interviews-right {
    gap: 32px;
    width: 100%;
  }
}

.p-recruitData_interview {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  line-height: 1.6;
  color: #3c3c41;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_interview {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview {
    font-size: 16px;
  }
}
.p-recruitData_interview[data-font=large] {
  font-size: 32px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_interview[data-font=large] {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview[data-font=large] {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview[data-type=center] {
    width: 100%;
    text-align: center;
  }
}
.p-recruitData_interview[data-text=right] {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview[data-position=right] {
    align-self: flex-end;
    max-width: 315px;
  }
}
.p-recruitData_interview[data-text=left] {
  width: 380px;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .p-recruitData_interview[data-text=left] {
    width: 200px;
  }
}
.p-recruitData_interview[data-type=bubble] {
  position: relative;
  width: 100%;
  max-width: 708px;
  padding: 32px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview[data-type=bubble] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 295px;
    padding: 30px 17px 28px;
  }
}
.p-recruitData_interview[data-type=bubble]::before, .p-recruitData_interview[data-type=bubble]::after {
  position: absolute;
  z-index: 1;
  width: 49px;
  height: 37px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview[data-type=bubble]::before, .p-recruitData_interview[data-type=bubble]::after {
    width: 41px;
    height: 30px;
  }
}
.p-recruitData_interview[data-type=bubble]::before {
  top: -20px;
  left: -8px;
  background-image: url("../../assets/images/recruitDate-apoStart.svg");
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview[data-type=bubble]::before {
    top: -3px;
    left: -4px;
  }
}
.p-recruitData_interview[data-type=bubble]::after {
  right: 8px;
  bottom: -20px;
  background-image: url("../../assets/images/recruitDate-apoEnd.svg");
}
@media screen and (max-width: 1200px) {
  .p-recruitData_interview[data-type=bubble]::after {
    right: -8px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview[data-type=bubble]::after {
    right: -4px;
    bottom: -6px;
  }
}

.p-recruitData_interview-bubbleWrap {
  position: relative;
  z-index: 0;
}
.p-recruitData_interview-bubbleWrap[data-bubble=right] {
  display: flex;
  justify-content: flex-end;
}
.p-recruitData_interview-bubbleWrap::before {
  position: absolute;
  bottom: -40px;
  left: 30%;
  z-index: 1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 0 40px 40px 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData_interview-bubbleWrap::before {
    bottom: -24px;
    border-width: 0 22px 26px 0;
  }
}
.p-recruitData_interview-bubbleWrap[data-type=right]::before {
  right: 30%;
  left: inherit;
}
.p-recruitData_interview-bubbleWrap[data-triangle=reverse]::before {
  border-color: #fff transparent transparent;
  border-width: 40px 40px 0 0;
}

/* ============================================
                    Btn
============================================ */
.p-recruitData__btnBack {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(180deg, rgba(245, 245, 245, 0.5) 0%, #f5f5f5 100%);
  transition: all 0.3s ease 0s;
}
.p-recruitData__btnBack.is-active {
  position: relative;
  background: transparent;
}
.p-recruitData__btnBack.is-active .p-recruitData__btn {
  position: relative;
  bottom: 0;
  margin-top: 80px;
}
@media screen and (max-width: 1200px) {
  .p-recruitData__btnBack.is-active .p-recruitData__btn {
    bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData__btnBack.is-active .p-recruitData__btn {
    bottom: 16px;
  }
}
.p-recruitData__btnBack.is-active .p-recruitData__btn span::before {
  background-image: url("../../assets/images/sustaina-icon-close.svg");
}
@media (min-width: 768px) {
  .p-recruitData__btnBack.is-active .p-recruitData__btn:hover span::before {
    background-image: url("../../assets/images/sustaina-icon-close-white.svg");
  }
}

.p-recruitData__btn {
  position: absolute;
  bottom: 48px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 312px;
  height: 80px;
  background-color: #fff;
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease 0s;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .p-recruitData__btn:hover {
    color: #fff;
    cursor: pointer;
    background-color: #c8141e;
  }
  .p-recruitData__btn:hover span::before {
    background-image: url("../../assets/images/sustaina-icon-detail-white.svg");
  }
}
@media screen and (max-width: 1200px) {
  .p-recruitData__btn {
    max-width: 270px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData__btn {
    bottom: 47px;
    width: 228px;
    height: 65px;
  }
}
.p-recruitData__btn span {
  position: relative;
  padding-left: 40px;
  font-weight: 500;
}
.p-recruitData__btn span::before {
  position: absolute;
  top: 55%;
  left: 0;
  width: 27px;
  height: 27px;
  content: "";
  background: url("../../assets/images/sustaina-icon-detail.svg") no-repeat center center/contain;
  transition: all 0.3s ease 0s;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-recruitData__btn span::before {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitData__topText__br {
    display: none;
  }
}

.p-recruit-interview__body {
  padding-top: 80px;
  padding-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__body {
    padding-top: 37px;
    padding-bottom: 38px;
  }
}

.p-recruit-interview__lead {
  font-size: 1.2rem;
  line-height: 1.5;
  max-width: 982px;
  padding: 0 32px;
  margin: 0 auto;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__lead {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-recruit-interview__head {
  max-width: 1184px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__head {
    padding: 0 16px;
    margin: 0 auto;
  }
}

.p-recruit-interview__title {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  font-weight: 500;
  color: #c8141e;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__title {
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0 24px;
    text-align: left;
  }
}

.p-recruit-interview__thumb {
  position: relative;
  padding: 0 31px;
  margin-top: 61px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__thumb {
    padding: 28px 12px 25px 0;
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__thumb--second {
    padding-top: 50px;
  }
}

.p-recruit-interview__thumb::before {
  position: absolute;
  top: 16px;
  right: 0;
  width: 31px;
  height: calc(100% - 16px);
  content: "";
  background-color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__thumb::before {
    z-index: -1;
    width: 93.5%;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__thumb--second::before {
    z-index: -1;
    width: 83%;
  }
}

.p-recruit-interview__thumb::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  border-top: 116px solid transparent;
  border-right: 225.5px solid #3c3c41;
  border-bottom: 116px solid #3c3c41;
  border-left: 225.5px solid transparent;
}
@media screen and (max-width: 1186px) {
  .p-recruit-interview__thumb::after {
    border-top: calc((100vw - 80px) * 451 / 1042 * 232 / 451 / 2) solid transparent;
    border-right: calc((100vw - 80px) * 451 / 1042 / 2) solid #3c3c41;
    border-bottom: calc((100vw - 80px) * 451 / 1042 * 232 / 451 / 2) solid #3c3c41;
    border-left: calc((100vw - 80px) * 451 / 1042 / 2) solid transparent;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__thumb::after {
    border-top: calc((100vw - 32px) * 144 / 343 * 127 / 144 / 2) solid transparent;
    border-right: calc((100vw - 32px) * 144 / 343 / 2) solid #3c3c41;
    border-bottom: calc((100vw - 32px) * 144 / 343 * 127 / 144 / 2) solid #3c3c41;
    border-left: calc((100vw - 32px) * 144 / 343 / 2) solid transparent;
  }
}

.p-recruit-interview__thumb__foot {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__thumb__foot {
    width: 100%;
  }
}

.p-recruit-interview__members {
  position: relative;
  display: flex;
  gap: 100px;
  padding: 68px 72px 60px 56px;
}
@media screen and (max-width: 1186px) {
  .p-recruit-interview__members {
    padding: 4.7vw 5vw 4.1vw 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__members {
    flex-direction: column;
    gap: 8px;
    padding: 2.7vw 3vw 2.7vw 4px;
  }
}

.p-recruit-interview__members-three {
  gap: 60px;
  padding: 68px 72px 60px 10px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__members-three {
    gap: 8px;
    padding: 2.7vw 3vw 4px 4px;
  }
}

.p-recruit-interview__members::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-top: 155px solid transparent;
  border-right: 426px solid transparent;
  border-bottom: 155px solid #c8141e;
  border-left: 426px solid #c8141e;
}
@media screen and (max-width: 1186px) {
  .p-recruit-interview__members::before {
    border-top: calc((100vw - 142px) * 852 / 1104 * 310 / 852 / 2) solid transparent;
    border-right: calc((100vw - 142px) * 852 / 1104 / 2) solid transparent;
    border-bottom: calc((100vw - 142px) * 852 / 1104 * 310 / 852 / 2) solid #c8141e;
    border-left: calc((100vw - 142px) * 852 / 1104 / 2) solid #c8141e;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__members::before {
    border-top: calc((100vw - 44px) * 269 / 331 * 175 / 269 / 2) solid transparent;
    border-right: calc((100vw - 44px) * 269 / 331 / 2) solid transparent;
    border-bottom: calc((100vw - 44px) * 269 / 331 * 175 / 269 / 2) solid #c8141e;
    border-left: calc((100vw - 44px) * 269 / 331 / 2) solid #c8141e;
  }
}

.p-recruit-interview__member {
  position: relative;
}

.p-recruit-interview__member:not(:first-child) {
  margin-left: -15px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__member:not(:first-child) {
    margin-top: 3px;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__member:nth-child(1),
  .p-recruit-interview__member:nth-child(2) {
    grid-column: 1;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__member:last-child {
    z-index: 1;
    grid-column: 2;
    align-self: flex-start;
  }
}

.p-recruit-interview__member__item {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__member__item {
    flex-wrap: wrap;
  }
}

.p-recruit-interview__member__name {
  width: 100%;
  font-size: 1.3333333333rem;
  line-height: 2.4;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 1186px) {
  .p-recruit-interview__member__name {
    font-size: 1.4vw;
    line-height: 3.3vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__member__name {
    font-size: 0.9333333333rem;
    line-height: 1.1428571429;
  }
}

.p-recruit-interview__member__department {
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 1186px) {
  .p-recruit-interview__member__department {
    font-size: 1.4vw;
    line-height: 3.3vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__member__department {
    font-size: 0.8rem;
    line-height: 1.4166666667;
    line-height: 6vw;
  }
}

.p-recruit-interview__member__team {
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 1186px) {
  .p-recruit-interview__member__team {
    font-size: 1.4vw;
    line-height: 3.3vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__member__team {
    font-size: 4vw;
    line-height: 6vw;
  }
}

.p-recruit-interview__border-primary {
  position: relative;
  z-index: 1;
  padding-top: 83px;
  padding-bottom: 11vw;
  margin-top: 74px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary {
    padding-top: 27px;
    padding-bottom: 0;
    margin-top: 40px;
  }
}

.p-recruit-interview__border-primary--paddingSmall {
  padding-block: 40px 29px;
}

.p-recruit-interview__border-primary::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 400;
  content: "";
  border-top: 14.8761165049vw solid transparent;
  border-right: 35.8vw solid transparent;
  border-bottom: 14.8761165049vw solid #f5f5f5;
  border-left: 35.8vw solid #f5f5f5;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    border-top: 16.9795918367vw solid transparent;
    border-right: 39vw solid transparent;
    border-bottom: 16.9795918367vw solid #f5f5f5;
    border-left: 39vw solid #f5f5f5;
  }
}

.p-recruit-interview__border-primary::after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  z-index: 400;
  content: "";
  border-top: 6.7171568627vw solid transparent;
  border-right: 14.2vw solid #f5f5f5;
  border-bottom: 6.7171568627vw solid #f5f5f5;
  border-left: 14.2vw solid transparent;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary::after {
    border-top: 5.2034313725vw solid transparent;
    border-right: 11vw solid #f5f5f5;
    border-bottom: 5.2034313725vw solid #f5f5f5;
    border-left: 11vw solid transparent;
  }
}

.p-recruit-interview__border-primary__line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 900;
  width: 53vw;
  height: 2px;
  background: linear-gradient(90deg, #ebebeb 0%, #ebebeb 17%, #9f9f9f 17%, #9f9f9f 40%, #ebebeb 40%, #ebebeb 100%);
  transform: rotate(23deg) translate(-6vw, -9vw);
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary__line {
    display: none;
  }
}

.p-recruit-interview__border-primary__inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  max-width: 1045px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .p-recruit-interview__border-primary__inner {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary__inner {
    flex-direction: column;
    padding: 0 10.5vw;
  }
}

.p-recruit-interview__border-primary__inner::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  border-top: 15.2916504854vw solid transparent;
  border-right: 36.8vw solid transparent;
  border-bottom: 15.2916504854vw solid #c8141e;
  border-left: 36.8vw solid #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary__inner::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    content: "";
    border-top: 18.7210884354vw solid transparent;
    border-right: 43vw solid transparent;
    border-bottom: 18.7210884354vw solid #c8141e;
    border-left: 43vw solid #c8141e;
  }
}

.p-recruit-interview__border-primary__inner::after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 300;
  content: "";
  border-top: 7.1428921569vw solid transparent;
  border-right: 15.1vw solid #c8141e;
  border-bottom: 7.1428921569vw solid #c8141e;
  border-left: 15.1vw solid transparent;
}

.p-recruit-interview__heading {
  position: relative;
  font-weight: 500;
  color: #3c3c41;
  font-size: 1.3333333333rem;
  line-height: 1.45;
}
@media screen and (max-width: 1440px) {
  .p-recruit-interview__heading {
    font-size: 1.39vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__heading {
    font-size: 4.26vw;
  }
}

.p-recruit-interview__border-primary__content {
  width: 53.8%;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary__content {
    width: 100%;
  }
}

.p-recruit-interview__border-primary__content--paddingTop {
  padding-top: 32px;
}

.p-recruit-interview__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  position: relative;
  z-index: 20;
  color: #3c3c41;
}
@media screen and (max-width: 1440px) {
  .p-recruit-interview__text {
    font-size: 1.11vw;
    line-height: 2.22vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__text {
    font-size: 3.74vw;
    line-height: 6.57vw;
  }
}

.p-recruit-interview__heading + .p-recruit-interview__text {
  margin-top: 30px;
}
@media screen and (max-width: 1440px) {
  .p-recruit-interview__heading + .p-recruit-interview__text {
    margin-top: 2.2vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__heading + .p-recruit-interview__text {
    margin-top: 4vw;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__text + .p-recruit-interview__text {
    margin-top: 6.4vw;
  }
}

.p-recruit-interview__border-primary__img {
  position: relative;
  z-index: 1000;
  width: 44%;
  max-width: 402px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary__img {
    width: 61%;
    margin-top: 10.5vw;
  }
}

.p-recruit-interview__border-none {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none {
    flex-direction: column;
    margin-top: 9vw;
  }
}

.p-recruit-interview__border-none__content {
  position: relative;
  display: flex;
  justify-content: center;
  width: calc(100vw - 59px);
  padding-top: 12.7vw;
  padding-bottom: 4vw;
  margin-top: -23px;
  margin-top: -14.3vw;
  margin-right: auto;
  background-color: #fff;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none__content {
    width: 100%;
    padding-top: 15.7vw;
    padding-bottom: 15.5vw;
  }
}

.p-recruit-interview__border-none__content::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  border-top: 7.1428921569vw solid #f5f5f5;
  border-right: 15.1vw solid transparent;
  border-bottom: 7.1428921569vw solid transparent;
  border-left: 15.1vw solid #f5f5f5;
}

.p-recruit-interview__border-none__content::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  border-top: 13.7541747573vw solid #f5f5f5;
  border-right: 33.1vw solid #f5f5f5;
  border-bottom: 13.7541747573vw solid transparent;
  border-left: 33.1vw solid transparent;
}

.p-recruit-interview__border-none__content__inner {
  z-index: 10;
  width: 100%;
  max-width: 1120px;
  transform: translateX(2.6%);
}
@media screen and (max-width: 1320px) {
  .p-recruit-interview__border-none__content__inner {
    padding-right: 59px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none__content__inner {
    padding: 0 10.5vw;
    transform: translateX(0);
  }
}

.p-recruit-interview__border-none__content-shadow {
  position: absolute;
  top: 0;
  right: -59px;
  width: 59px;
  height: 27.5083495146vw;
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none__content-shadow {
    display: none;
  }
}

.p-recruit-interview__border-none__img-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 59px);
  padding-right: calc((100% - 1120px) / 2 - 59px);
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none__img-wrap {
    justify-content: flex-start;
    width: 42.5%;
    margin-top: -5vw;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none__img-wrap--wide {
    width: 53.5%;
    margin-top: -11vw;
    margin-left: 5vw;
  }
}

.p-recruit-interview__border-none__img {
  width: 498px;
  margin-right: 22px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none__img {
    margin-right: 0;
  }
}

.p-recruit-interview__border-none--reverse {
  position: relative;
  display: flex;
  justify-content: center;
  width: calc(100vw - 59px);
  margin-top: 16px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse {
    width: 100%;
    padding-bottom: 10vw;
    padding-bottom: 24vw;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--marginTop {
    margin-top: 47vw;
  }
}

.p-recruit-interview__border-none--reverse::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  border-top: 5.3377483444vw solid transparent;
  border-right: 15.1vw solid transparent;
  border-bottom: 5.3377483444vw solid #f5f5f5;
  border-left: 15.6vw solid #f5f5f5;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse::before {
    border-top: 7.1428921569vw solid transparent;
    border-right: 15.1vw solid transparent;
    border-bottom: 7.1428921569vw solid #f5f5f5;
    border-left: 15.1vw solid #f5f5f5;
  }
}

.p-recruit-interview__border-none--reverse::after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -2;
  content: "";
  border-top: 13.546407767vw solid transparent;
  border-right: 32.6vw solid #f5f5f5;
  border-bottom: 13.546407767vw solid #f5f5f5;
  border-left: 32.6vw solid transparent;
}

.p-recruit-interview__border-none--reverse__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1120px;
  padding-top: 3.8vw;
  padding-bottom: 6.6vw;
  transform: translateX(2.6%);
}
@media screen and (max-width: 1320px) {
  .p-recruit-interview__border-none--reverse__inner {
    padding-right: 59px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse__inner {
    flex-direction: column-reverse;
    align-items: flex-end;
    padding: 0 10.5vw;
    margin-top: -38vw;
    transform: translateX(0);
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse__inner--marginTop {
    margin-top: -36vw;
  }
}

.p-recruit-interview__border-none--reverse__inner--small {
  max-width: 1080px;
}
.p-recruit-interview__border-none--reverse__inner--small .p-recruit-interview__border-none--reverse__content {
  width: 44.44%;
}
.p-recruit-interview__border-none--reverse__inner--small .p-recruit-interview__border-none--reverse__img {
  width: 48.14%;
}

.p-recruit-interview__border-none--reverse__content {
  width: 59%;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse__content {
    width: 100%;
  }
}

.p-recruit-interview__border-none--reverse__img {
  width: 35.7%;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse__img {
    width: 54%;
    margin-right: -20px;
  }
}

.p-recruit-interview__border-none--reverse__content-shadow-x {
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: -3;
  width: 100%;
  height: 30px;
  background-color: #f5f5f5;
}

.p-recruit-interview__border-none--reverse__content-shadow-y {
  position: absolute;
  right: -59px;
  bottom: -30px;
  width: 59px;
  height: calc(27.092815534vw + 30px);
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse__content-shadow-y {
    display: none;
  }
}

.p-recruit-interview__border-none--reverse__content-shadow-left {
  position: absolute;
  bottom: 0;
  left: 30.2vw;
  height: 1px;
  content: "";
  background-color: #f5f5f5;
  box-shadow: 4px 8px 10px 2px rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transform: rotate(19deg) translate(-31.6vw, 5.2vw);
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse__content-shadow-left {
    transform: rotate(25.5deg) translate(-32.5vw, 7.3vw);
  }
}

.p-recruit-interview__border-none--reverse__content-shadow-right {
  position: absolute;
  right: 65.2vw;
  bottom: 0;
  z-index: -1;
  height: 1px;
  content: "";
  background-color: #f5f5f5;
  box-shadow: 4px 8px 10px 2px rgba(0, 0, 0, 0.03);
  transform: rotate(-22.5deg) translate(68vw, 13.6vw);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.p-recruit-interview__border-primary--reverse {
  position: relative;
  padding-top: 83px;
  padding-bottom: 1.7vw;
  margin-top: -1.5vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse {
    padding-top: 0;
    padding-bottom: 7vw;
    margin-top: -14.5vw;
  }
}

.p-recruit-interview__border-primary--reverse--marginTop {
  margin-top: -7vw;
}

.p-recruit-interview__border-primary--reverse--paddingSmall {
  padding-block: 29px 40px;
}

.p-recruit-interview__border-primary--reverse::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  content: "";
  border-top: 14.8761165049vw solid #f5f5f5;
  border-right: 35.8vw solid transparent;
  border-bottom: 14.8761165049vw solid transparent;
  border-left: 35.8vw solid #f5f5f5;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse::before {
    border-top: 16.6501766784vw solid #f5f5f5;
    border-right: 38vw solid transparent;
    border-bottom: 16.6501766784vw solid transparent;
    border-left: 38vw solid #f5f5f5;
  }
}

.p-recruit-interview__border-primary--reverse::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  content: "";
  border-top: 6.7171568627vw solid #f5f5f5;
  border-right: 14.2vw solid #f5f5f5;
  border-bottom: 6.7171568627vw solid transparent;
  border-left: 14.2vw solid transparent;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse::after {
    border-top: 5.6764705882vw solid #f5f5f5;
    border-right: 12vw solid #f5f5f5;
    border-bottom: 5.6764705882vw solid transparent;
    border-left: 12vw solid transparent;
  }
}

.p-recruit-interview__border-primary--reverse__line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 53vw;
  height: 2px;
  background: linear-gradient(90deg, #ebebeb 0%, #ebebeb 20%, #9f9f9f 20%, #9f9f9f 50%, #ebebeb 50%, #ebebeb 100%);
  transform: rotate(-23deg) translate(-8vw, 14vw);
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__line {
    display: none;
  }
}

.p-recruit-interview__border-primary--reverse__inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  max-width: 1247px;
  padding-top: 7.9vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__inner {
    flex-direction: column-reverse;
    padding: 0 10.5vw;
  }
}

.p-recruit-interview__border-primary--reverse__inner--small {
  align-items: flex-end;
  max-width: 1040px;
  padding-top: 0;
}

.p-recruit-interview__border-primary--reverse__inner::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  border-top: 15.2916504854vw solid #c8141e;
  border-right: 36.8vw solid transparent;
  border-bottom: 15.2916504854vw solid transparent;
  border-left: 36.8vw solid #c8141e;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__inner::before {
    border-top: 18.183745583vw solid #c8141e;
    border-right: 41.5vw solid transparent;
    border-bottom: 18.183745583vw solid transparent;
    border-left: 41.5vw solid #c8141e;
  }
}

.p-recruit-interview__border-primary--reverse__inner::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  border-top: 7.1428921569vw solid #c8141e;
  border-right: 15.1vw solid #c8141e;
  border-bottom: 7.1428921569vw solid transparent;
  border-left: 15.1vw solid transparent;
}

.p-recruit-interview__border-primary--reverse__content {
  width: 53.6%;
  padding-top: 0.6vw;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__content {
    width: 100%;
    margin-top: 5vw;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__content--marginTop {
    margin-top: 15vw;
  }
}

.p-recruit-interview__border-primary--reverse__content .p-recruit-interview__text {
  padding-right: 7.1vw;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__content .p-recruit-interview__text {
    padding-right: 0;
  }
}

.p-recruit-interview__border-primary--reverse__content .p-recruit-interview__text--full {
  padding-right: 0;
  padding-bottom: 32px;
}

.p-recruit-interview__border-primary--reverse__img {
  position: relative;
  z-index: 20;
  width: 44%;
  max-width: 520px;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__img {
    width: 61%;
    margin-top: -6.3vw;
  }
}

.p-recruit-interview__border-primary--reverse__img--small {
  max-width: 400px;
}

@media screen and (max-width: 768px) {
  .p-recruit-interview__border-primary--reverse__img--wide {
    width: 68%;
    margin-top: -13.3vw;
    margin-left: -6vw;
  }
}

.p-recruit-interview__border-none--reverse--symmetry {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 9vw;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry {
    margin-top: 12vw;
  }
}

.p-recruit-interview__border-none--reverse--symmetry__content {
  position: relative;
  padding-top: 24.8vw;
  padding-bottom: 6.4vw;
  margin-top: -22.1vw;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry__content {
    margin-top: -18.5vw;
  }
}

.p-recruit-interview__border-none--reverse--symmetry__content::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  border-top: 6.9444444444vw solid transparent;
  border-right: 25vw solid transparent;
  border-bottom: 6.9444444444vw solid #f5f5f5;
  border-left: 25vw solid #f5f5f5;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry__content::before {
    border-top: 9.375vw solid transparent;
    border-right: 25vw solid transparent;
    border-bottom: 9.375vw solid #f5f5f5;
    border-left: 25vw solid #f5f5f5;
  }
}

.p-recruit-interview__border-none--reverse--symmetry__content::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  border-top: 6.9444444444vw solid transparent;
  border-right: 25vw solid #f5f5f5;
  border-bottom: 6.9444444444vw solid #f5f5f5;
  border-left: 25vw solid transparent;
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry__content::after {
    border-top: 9.375vw solid transparent;
    border-right: 25vw solid #f5f5f5;
    border-bottom: 9.375vw solid #f5f5f5;
    border-left: 25vw solid transparent;
  }
}

.p-recruit-interview__border-none--reverse--symmetry__content__inner {
  max-width: 1046px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .p-recruit-interview__border-none--reverse--symmetry__content__inner {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry__content__inner {
    padding: 0 10.5vw;
  }
}

.p-recruit-interview__border-none--reverse--symmetry__content-shadow-left {
  position: absolute;
  right: 50vw;
  bottom: 0;
  height: 1px;
  content: "";
  background-color: #f5f5f5;
  box-shadow: 4px 8px 10px 2px rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transform: rotate(15.5deg) translate(-0.89vw, -6.9vw);
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry__content-shadow-left {
    transform: rotate(21.5deg) translate(-1.89vw, -8.9vw);
  }
}

.p-recruit-interview__border-none--reverse--symmetry__content-shadow-right {
  position: absolute;
  bottom: 0;
  left: 50vw;
  z-index: 10;
  height: 1px;
  content: "";
  background-color: #f5f5f5;
  box-shadow: 4px 8px 10px 2px rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transform: rotate(-15.5deg) translate(0.89vw, -6.9vw);
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry__content-shadow-right {
    transform: rotate(-21.5deg) translate(1.6vw, -9vw);
  }
}

.p-recruit-interview__border-none--reverse--symmetry__img {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .p-recruit-interview__border-none--reverse--symmetry__img {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-interview__border-none--reverse--symmetry__img {
    padding: 0 17px;
  }
}

.p-recruit-interview__pentagon {
  width: calc(100vw - 160px);
  padding-bottom: 50px;
  margin-top: 5.5vw;
  margin-right: auto;
}

.p-recruit-interview__pentagon__inner {
  position: relative;
}

.p-recruit-interview__pentagon__content {
  position: relative;
  width: 79.6%;
  padding-right: 23vw;
  padding-left: calc((100vw - 1045px) / 2);
  background-color: #fff;
}
@media screen and (max-width: 1100px) {
  .p-recruit-interview__pentagon__content {
    padding-left: 40px;
  }
}

.p-recruit-interview__pentagon__inner:first-child .p-recruit-interview__pentagon__content {
  padding-top: 11.8vw;
}

.p-recruit-interview__pentagon__inner:last-child .p-recruit-interview__pentagon__content {
  padding-top: 3.5vw;
  padding-bottom: 11.8vw;
}

.p-recruit-interview__pentagon__inner:not(first-child) .p-recruit-interview__pentagon__content {
  padding-top: 3.5vw;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.p-recruit-interview__pentagon__inner:first-child .p-recruit-interview__pentagon__content::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  border-top: calc((100vw - 160px) * 0.796 * 333 / 1020 * 114 / 333 / 2) solid #f5f5f5;
  border-right: calc((100vw - 160px) * 0.796 * 333 / 1020 / 2) solid transparent;
  border-bottom: calc((100vw - 160px) * 0.796 * 333 / 1020 * 114 / 333 / 2) solid transparent;
  border-left: calc((100vw - 160px) * 0.796 * 333 / 1020 / 2) solid #f5f5f5;
}

.p-recruit-interview__pentagon__inner:first-child .p-recruit-interview__pentagon__content::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  border-top: calc((100vw - 160px) * 0.796 * 687 / 1020 * 284 / 687 / 2) solid #f5f5f5;
  border-right: calc((100vw - 160px) * 0.796 * 687 / 1020 / 2) solid #f5f5f5;
  border-bottom: calc((100vw - 160px) * 0.796 * 687 / 1020 * 284 / 687 / 2) solid transparent;
  border-left: calc((100vw - 160px) * 0.796 * 687 / 1020 / 2) solid transparent;
}

.p-recruit-interview__pentagon__inner:last-child .p-recruit-interview__pentagon__content::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  border-top: calc((100vw - 160px) * 0.796 * 333 / 1020 * 114 / 333 / 2) solid transparent;
  border-right: calc((100vw - 160px) * 0.796 * 333 / 1020 / 2) solid transparent;
  border-bottom: calc((100vw - 160px) * 0.796 * 333 / 1020 * 114 / 333 / 2) solid #f5f5f5;
  border-left: calc((100vw - 160px) * 0.796 * 333 / 1020 / 2) solid #f5f5f5;
}

.p-recruit-interview__pentagon__inner:last-child .p-recruit-interview__pentagon__content::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  border-top: calc((100vw - 160px) * 0.796 * 687 / 1020 * 284 / 687 / 2) solid transparent;
  border-right: calc((100vw - 160px) * 0.796 * 687 / 1020 / 2) solid #f5f5f5;
  border-bottom: calc((100vw - 160px) * 0.796 * 687 / 1020 * 284 / 687 / 2) solid #f5f5f5;
  border-left: calc((100vw - 160px) * 0.796 * 687 / 1020 / 2) solid transparent;
}

.p-recruit-interview__pentagon__content-shadow-x {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  content: "";
  background-color: #f5f5f5;
}

.p-recruit-interview__pentagon__inner:first-child .p-recruit-interview__pentagon__content-shadow-y {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: calc((100vw - 160px) * 0.796 * 687 / 1020 * 285 / 687);
  content: "";
  background-color: #f5f5f5;
}

.p-recruit-interview__pentagon__inner:last-child .p-recruit-interview__pentagon__content-shadow-y {
  position: absolute;
  bottom: -50px;
  left: 100%;
  width: 50px;
  height: calc((100vw - 160px) * 0.796 * 687 / 1020 * 285 / 687 + 50px);
  content: "";
  background-color: #f5f5f5;
}

.p-recruit-interview__pentagon__content-shadow-bottomLeft {
  position: absolute;
  bottom: 0;
  left: calc((100vw - 160px) * 0.796 * 687 / 1020 / 2);
  height: 1px;
  content: "";
  background-color: #f5f5f5;
  box-shadow: 4px 8px 10px 2px rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transform: rotate(19deg) translate(-24.4vw, 4.4vw);
}

.p-recruit-interview__pentagon__content-shadow-bottomRight {
  position: absolute;
  right: calc((100vw - 160px) * 0.796 * 687 / 1020 / 2);
  bottom: 0;
  z-index: 1;
  height: 1px;
  content: "";
  background-color: #f5f5f5;
  box-shadow: 4px 8px 10px 2px rgba(0, 0, 0, 0.03);
  transform: rotate(-22.5deg) translate(27.6vw, 0.8vw);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.p-recruit-interview__pentagon__img {
  position: absolute;
  right: 0%;
  z-index: 1;
  width: 40.5%;
}

.p-recruit-interview__pentagon__inner:first-child .p-recruit-interview__pentagon__img {
  bottom: 0;
}

.p-recruit-interview__pentagon__inner:last-child .p-recruit-interview__pentagon__img {
  top: 3.4vw;
}

.p-recruit-interview__pentagon + .p-recruit-interview__border-primary--reverse {
  margin-top: 2vw;
}

.p-recruitEntry__inner {
  width: 100%;
  max-width: 825px;
  padding: 80px 25px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__inner {
    padding: 49px 40px 40px;
  }
}

.p-recruitEntry__head {
  color: #3c3c41;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__head {
    text-align: left;
    font-size: 1.0666666667rem;
    line-height: 1.75;
  }
}

.p-recruitEntry__headText {
  padding-top: 8px;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__headText {
    line-height: 1.45;
  }
}

.p-recruitEntry__form {
  padding-top: 75px;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__form {
    padding-top: 44px;
  }
}

.p-recruitEntry__Item {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__Item {
    flex-direction: column;
  }
}

.p-recruitEntry__Item + .p-recruitEntry__Item {
  margin-top: 16px;
}

.p-recruitEntry__ItemLabel {
  width: 100%;
  max-width: 133px;
  padding-top: 12px;
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemLabel {
    display: flex;
    align-items: center;
    max-width: inherit;
    padding-top: 0;
  }
}

.p-recruitEntry__ItemLabel.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemLabel.isMsg {
    margin-top: 0;
  }
}

.p-recruitEntry__ItemLabel-Required {
  display: inline-block;
  width: 36px;
  padding: 3px 6px;
  margin-left: 8px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #c8141e;
  border-radius: 12.5px;
  font-size: 0.8rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemLabel-Required {
    padding: 4px 6px;
  }
}

.p-recruitEntry__ItemInput {
  flex: 1;
  width: 100%;
  max-width: 641px;
  height: 48px;
  padding: 5px 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemInput {
    flex: inherit;
    margin-top: 8px;
    margin-left: 0;
    font-size: 1.0666666667rem;
    line-height: 1.75;
  }
}

.p-recruitEntry__ItemInput::-moz-placeholder, .p-recruitEntry__ItemTextarea::-moz-placeholder {
  color: #a1a1a1;
}

.p-recruitEntry__ItemInput::placeholder,
.p-recruitEntry__ItemTextarea::placeholder {
  color: #a1a1a1;
}

.p-recruitEntry__ItemTextarea {
  flex: 1;
  width: 100%;
  max-width: 641px;
  height: 128px;
  padding: 5px 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemTextarea {
    flex: inherit;
    height: 238px;
    margin-top: 8px;
  }
}

.p-recruitEntry-Btn {
  display: block;
  width: 280px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05em;
  background: #545454;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry-Btn {
    width: 160px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 24px;
    font-size: 16px;
  }
}

.p-recruitEntry__ItemNote {
  display: block;
  padding-bottom: 10px;
  margin-top: 22px;
  font-size: 0.9333333333rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemNote {
    padding-bottom: 16px;
    margin-top: 16px;
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-recruitEntry__ItemLabel-file {
  flex: 1;
  width: 100%;
  max-width: 641px;
  min-height: 128px;
  padding: 5px 16px;
  font-size: 0.9333333333rem;
  line-height: 2;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemLabel-file {
    padding: 16px 27px 16px 16px;
    margin-top: 8px;
  }
}

.p-recruitEntry__ItemLabel-file span:first-of-type {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__ItemLabel-file span:first-of-type {
    margin-top: 16px;
  }
}

.p-recruitEntry__ItemLabel-file span {
  display: block;
}

.p-recruitEntry__privacyCheck {
  margin-top: 28px;
  text-align: center;
}

.p-recruitEntry__privacyCheck label {
  font-size: 0.9333333333rem;
  line-height: 2;
  vertical-align: text-top;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__privacyCheck label {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-recruitEntry__privacyCheckNote {
  display: block;
  padding-top: 3px;
  color: #c8141e;
  font-size: 0.9333333333rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__privacyCheckNote {
    font-size: 0.8rem;
    line-height: 1.5;
    padding-top: 6px;
  }
}

/* ===============================================
# チェックボックスデザイン
=============================================== */
.p-recruitEntry__privacyCheck input[type=checkbox] {
  position: relative;
  height: 24px;
  padding-left: 30px;
  vertical-align: middle;
  cursor: pointer;
}

.p-recruitEntry__privacyCheck input[type=checkbox]::before,
.p-recruitEntry__privacyCheck input[type=checkbox]::after {
  position: absolute;
  display: block;
  content: "";
}

.p-recruitEntry__privacyCheck input[type=checkbox]::before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #a2a2a2;
  border-radius: 4px;
  transform: translateY(-50%);
}

.p-recruitEntry__privacyCheck input[type=checkbox]::after {
  top: 42%;
  left: 5px;
  width: 18px;
  height: 9px;
  border-bottom: 3px solid #a2a2a2;
  border-left: 3px solid #a2a2a2;
  opacity: 0;
  transform: translateY(-50%) rotate(-45deg);
}

.p-recruitEntry__privacyCheck input[type=checkbox]:checked::after {
  opacity: 1;
}

.p-recruitEntry__btnWrap {
  display: flex;
  justify-content: center;
  margin-top: 34px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__btnWrap {
    margin-top: 24px;
  }
}

.p-recruitEntry__btn {
  position: relative;
  width: 100%;
  max-width: 312px;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__btn {
    max-width: 224px;
  }
}

.p-recruitEntry__btn::before {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon_reverse.svg");
  background-size: contain;
  transition: all 0.5s;
  transform: translateY(-50%);
}

.p-recruitEntry__submit-Btn {
  position: relative;
  display: block;
  width: 100%;
  max-width: 312px;
  padding: 28.5px 48px 28.5px 16px;
  color: #fff;
  cursor: pointer;
  background: #3c3c41;
  border: none;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-size: 1.0666666667rem;
  line-height: 1.448125;
}
@media screen and (max-width: 768px) {
  .p-recruitEntry__submit-Btn {
    max-width: 224px;
    padding: 20.5px 45px 20.5px 16px;
  }
}

.p-recruitEntry__btn:hover .p-recruitEntry__submit-Btn {
  color: #3c3c41;
  background-color: #fff;
}

.p-recruitEntry__btn:hover::before {
  background-image: url("../../assets/images/common_arrow_icon.svg");
}

.p-recruitEntry__btn {
  pointer-events: none;
}

/* ===============================================
# Contact form 7 リセット
=============================================== */
.wpcf7-form-control-wrap {
  width: 100%;
}

.wpcf7-spinner {
  position: absolute;
}

/* ===============================================
# Contact form 7 バリデーションカスタマイズ
=============================================== */
.p-recruitEntry__ItemInput.wpcf7-not-valid {
  border: 1px solid #FF0000;
}

.p-irLibrary {
  background-color: #f8f9f9;
}

.p-irLibrary__inner {
  width: 100%;
  max-width: 1017px;
  padding: 81px 80px 121px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__inner {
    padding: 33px 17px 40px;
  }
}

.p-irLibrary__head {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__head {
    display: block;
  }
}

.p-irLibrary__category {
  width: calc((100% - 160px) * 0.916);
}
@media screen and (max-width: 768px) {
  .p-irLibrary__category {
    width: 100%;
  }
}

.p-irLibrary__category.p-irLibrary__category--full {
  width: 100%;
}

.p-irLibrary__heading {
  font-size: 1.0666666667rem;
  line-height: 1.875;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__heading {
    font-size: 1.0666666667rem;
    line-height: 2;
  }
}

.p-irLibrary__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__list {
    gap: 24px 24px;
    justify-content: center;
  }
}

.p-irLibrary__category__item {
  background-color: #fff;
  transition: all 0.5s;
}

.p-irLibrary__category__item:hover {
  opacity: 0.5;
}

.p-irLibrary__category__link {
  font-size: 1.0666666667rem;
  line-height: 1.875;
  padding: 12px 16px;
  font-weight: 500;
  color: #3c3c41;
  opacity: 1;
  transition: all 0.7s;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__category__link {
    padding: 12px 11px;
  }
}

.p-irLibrary__category__item.is-current {
  background-color: #c8141e;
}

.p-irLibrary__category__item.is-current .p-irLibrary__category__link {
  color: #fff;
}

.p-irLibrary__year {
  position: relative;
  z-index: 10;
  width: 160px;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__year {
    width: 100%;
    margin-top: 25px;
  }
}

.p-irLibrary__year__current {
  font-size: 1.0666666667rem;
  line-height: 1.448125;
  position: relative;
  display: block;
  padding: 15.5px 22px;
  margin-top: 24px;
  font-weight: 500;
  color: #3c3c41;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__year__current {
    width: 160px;
    margin-top: 15px;
    margin-left: auto;
  }
}

.p-irLibrary__year__current:hover {
  color: rgba(60, 60, 65, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
}

.p-irLibrary__year__current.is-active {
  border: 1px solid #c8141e;
}

.p-irLibrary__year__current::after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../../assets/images/common_arrow_icon_up.svg");
  background-size: contain;
  transition: all 0.5s;
  transform: translateY(-50%) rotate(180deg);
}

.p-irLibrary__year__current.is-active::after {
  transform: translateY(-50%) rotate(0deg);
}

.p-irLibrary__year__list {
  position: absolute;
  width: 160px;
  height: 168.656px;
  padding: 6px 0;
  overflow-y: scroll;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  opacity: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__year__list {
    right: 0;
  }
}

.p-irLibrary__year__list.is-show {
  pointer-events: auto;
  opacity: 1;
}

.p-irLibrary__year__link {
  font-size: 1.0666666667rem;
  line-height: 1.448125;
  padding: 8px 24px;
  color: #3c3c41;
  transition: all 0.5s;
}

.p-irLibrary__year__link:hover {
  opacity: 0.5;
}

.p-irLibrary__pagination {
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .p-irLibrary__pagination {
    margin-top: 24px;
  }
}

.p-irNews {
  background-color: #f8f9f9;
}

.p-irNews__inner {
  width: 100%;
  max-width: 1280px;
  padding: 120px 80px 121px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-irNews__inner {
    padding: 40px 17px;
  }
}

.p-irNews__head {
  display: flex;
  justify-content: space-between;
  padding: 0 9.4%;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irNews__head {
    padding: 0 27px 0 19px;
  }
}
@media screen and (max-width: 374px) {
  .p-irNews__head {
    padding: 0;
  }
}

.p-irNews__ListSpeechBubble {
  width: 40px;
}
@media screen and (max-width: 768px) {
  .p-irNews__ListSpeechBubble {
    width: 32px;
  }
}

.p-irNews__posts .p-irLibrary__post {
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  .p-irNews__posts .p-irLibrary__post {
    padding: 0;
  }
}

.p-irNews__posts {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-irNews__posts {
    margin-top: 24px;
  }
}

.p-irNews__post {
  padding: 0 4.4%;
}
@media screen and (max-width: 768px) {
  .p-irNews__post {
    padding: 0;
  }
}

.p-irNews__link {
  display: flex;
  align-items: center;
  padding: 15px 0;
  text-decoration: none;
  border-top: 1px solid #d9d9d9;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .p-irNews__link {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 7px 17px 4px;
  }
}

.p-irNews__link:hover {
  opacity: 0.7;
}

.p-irNews__post:last-child .p-irNews__link {
  border-bottom: 1px solid #d9d9d9;
}

.p-irNews__date {
  min-width: 120px;
  color: #3c3c41;
  font-size: 1.0666666667rem;
  line-height: 2;
}

.p-irNews__title {
  position: relative;
  display: -webkit-box;
  padding-right: 45px;
  margin-left: 7%;
  overflow: hidden;
  color: #3c3c41;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-irNews__title {
    width: 100%;
    padding-right: 45px;
    margin-top: 0;
    margin-left: 0;
    -webkit-line-clamp: 2;
  }
}

.p-irNews__title::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url("../../assets/images/ir_library_icon_pdf.svg");
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-irNews__title::after {
    top: 0;
    right: 0;
    transform: translateY(0);
  }
}

.p-irNews__pagination {
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .p-irNews__pagination {
    margin-top: 24px;
  }
}

.p-ir-managementPolicy {
  background: url("../../assets/images/ir-managementPolicy_bg") no-repeat center center/cover;
  position: relative;
}

.p-ir-managementPolicy__inner {
  margin: 0 auto;
  max-width: 1280px;
  padding: 108px 80px 120px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__inner {
    max-width: 375px;
    padding: 40px 16px;
  }
}

.p-ir-managementPolicy__headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__headingWrap {
    padding-bottom: 8px;
  }
}

.p-ir-managementPolicy__heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
  }
}

.p-ir-managementPolicy__container {
  max-width: 1072px;
  width: 100%;
  margin: 40px auto 0;
  padding: 40px 96px 80px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__container {
    margin: 24px auto 0;
    max-width: 343px;
    padding: 20px 24px 24px;
  }
}

.p-ir-managementPolicy__container:last-child {
  margin-top: 120px;
  padding: 40px 96px 80px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__container:last-child {
    margin-top: 40px;
    padding: 20px 24px 24px;
  }
}

.p-ir-managementPolicy__item {
  max-width: 1280px;
}

.p-ir-managementPolicy__item + .p-ir-managementPolicy__item {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item + .p-ir-managementPolicy__item {
    margin-top: 40px;
  }
}

.p-ir-managementPolicy__itemHeadingWrap {
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemHeadingWrap {
    padding-bottom: 8px;
  }
}

.p-ir-managementPolicy__itemHeading {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemHeading {
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
}

.p-ir-managementPolicy__itemBody {
  margin-top: 40px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemBody {
    margin-top: 24px;
    flex-direction: column;
    gap: 16px;
    padding: 0 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemImg {
    text-align: center;
  }
}

.p-ir-managementPolicy__itemImg img {
  max-width: 22.6388888889vw;
  aspect-ratio: 326/376;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemImg img {
    max-width: 200px;
    aspect-ratio: 200/231;
  }
}
@media screen and (min-width: 1441px) {
  .p-ir-managementPolicy__itemImg img {
    max-width: 326px;
  }
}

.p-ir-managementPolicy__itemTitleWrap {
  border-left: 6px solid #C8141E;
}

.p-ir-managementPolicy__itemTitle {
  font-weight: 500;
  color: #3C3C41;
  font-size: 2.1333333333rem;
  line-height: 1.5;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemTitle {
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-ir-managementPolicy__itemLead {
  margin-top: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemLead {
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.p-ir-managementPolicy__itemText {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemText {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-ir-managementPolicy__itemText span {
  display: block;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemText span {
    padding-top: 25px;
  }
}

/* ===============================================
# p-ir-managementPolicy__item--01
=============================================== */
.p-ir-managementPolicy__item--01 .p-ir-managementPolicy__itemImg img {
  width: 22.6388888889vw;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--01 .p-ir-managementPolicy__itemImg img {
    width: 100%;
  }
}

/* ===============================================
# p-ir-managementPolicy__item--02
=============================================== */
.p-ir-managementPolicy__item--02 .p-ir-managementPolicy__itemImg img {
  aspect-ratio: 326/380;
  width: 22.6388888889vw;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--02 .p-ir-managementPolicy__itemImg img {
    aspect-ratio: 200/233;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--02 .p-ir-managementPolicy__itemText {
    margin-top: 8px;
  }
}

/* ===============================================
# p-ir-managementPolicy__item--03
=============================================== */
.p-ir-managementPolicy__item--03.p-ir-managementPolicy__item {
  margin-top: 99px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--03.p-ir-managementPolicy__item {
    margin-top: 40px;
  }
}

/* ===============================================
# p-ir-managementPolicy__item--04
=============================================== */
.p-ir-managementPolicy__item--04 .p-ir-managementPolicy__itemBody {
  flex-direction: column;
}

.p-ir-managementPolicy__item--04 .p-ir-managementPolicy__itemSubTitle {
  display: block;
  font-size: 1.3333333333rem;
  line-height: 1.5;
  color: #3c3c41;
  font-weight: 500;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--04 .p-ir-managementPolicy__itemSubTitle {
    font-size: 0.9333333333rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-ir-managementPolicy__item--04 .p-ir-managementPolicy__itemImg {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--04 .p-ir-managementPolicy__itemImg {
    overflow-x: scroll;
    padding-bottom: 18px;
  }
}

.p-ir-managementPolicy__item--04 .p-ir-managementPolicy__itemImg img {
  aspect-ratio: 737/382;
  max-width: 737px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--04 .p-ir-managementPolicy__itemImg img {
    max-width: 488px;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemImg::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  .p-ir-managementPolicy__itemImg::-webkit-scrollbar-track {
    background-color: #D9D9D9;
    border-radius: 5px;
  }
  .p-ir-managementPolicy__itemImg::-webkit-scrollbar-thumb {
    background: #c8141e;
    border-radius: 5px;
  }
}
/* ===============================================
# p-ir-managementPolicy__item--05
=============================================== */
.p-ir-managementPolicy__item--05.p-ir-managementPolicy__item {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--05.p-ir-managementPolicy__item {
    margin-top: 40px;
  }
}

.p-ir-managementPolicy__item--05 .p-ir-managementPolicy__itemBody {
  flex-direction: column;
  margin-top: 0;
}

.p-ir-managementPolicy__item--05 .p-ir-managementPolicy__itemSubTitle {
  display: block;
  font-size: 1.3333333333rem;
  line-height: 1.5;
  color: #3c3c41;
  font-weight: 500;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--05 .p-ir-managementPolicy__itemSubTitle {
    font-size: 0.9333333333rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-ir-managementPolicy__item--05 .p-ir-managementPolicy__itemImg {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--05 .p-ir-managementPolicy__itemImg {
    overflow-x: scroll;
    padding-bottom: 22px;
  }
}

.p-ir-managementPolicy__item--05 .p-ir-managementPolicy__itemImg img {
  aspect-ratio: 737/320;
  max-width: 737px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--05 .p-ir-managementPolicy__itemImg img {
    max-width: 437px;
    width: auto;
  }
}

/* ===============================================
# p-ir-managementPolicy__item--06
=============================================== */
.p-ir-managementPolicy__item--06 .p-ir-managementPolicy__itemBody {
  flex-direction: column;
}

.p-ir-managementPolicy__item--06 .p-ir-managementPolicy__itemSubTitle {
  display: block;
  font-size: 1.3333333333rem;
  line-height: 1.5;
  color: #3c3c41;
  font-weight: 500;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--06 .p-ir-managementPolicy__itemSubTitle {
    font-size: 0.9333333333rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-ir-managementPolicy__item--06 .p-ir-managementPolicy__itemImg {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--06 .p-ir-managementPolicy__itemImg {
    overflow-x: scroll;
    padding-bottom: 11px;
  }
}

.p-ir-managementPolicy__item--06 .p-ir-managementPolicy__itemImg img {
  aspect-ratio: 704/466;
  max-width: 704px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--06 .p-ir-managementPolicy__itemImg img {
    max-width: 530px;
    width: auto;
  }
}

.p-ir-managementPolicy__pdf.c-sustainaPolicy__pdf {
  border-radius: 0;
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__pdf.c-sustainaPolicy__pdf {
    margin-top: 23px;
  }
}

/* ===============================================
# p-ir-managementPolicy__item--07
=============================================== */
.p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemBody {
  flex-direction: column;
  gap: 0;
}

.p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemListsWrap {
  margin-top: 16px;
}

.p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemTitle {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemTitle {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

.p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemSubTitle {
  display: block;
  font-size: 1.3333333333rem;
  line-height: 1.5;
  color: #3c3c41;
  font-weight: 500;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemSubTitle {
    font-size: 0.9333333333rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemImg {
  margin-top: 40px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemImg {
    overflow-x: scroll;
    padding-bottom: 28px;
    margin-top: 16px;
  }
}

.p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemImg img {
  aspect-ratio: 704/381;
  max-width: 704px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__item--07 .p-ir-managementPolicy__itemImg img {
    max-width: 568px;
    width: auto;
  }
}

.p-ir-managementPolicy__itemListsWrap {
  display: flex;
  gap: 81px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemListsWrap {
    flex-direction: column;
    gap: 0;
  }
}

.p-ir-managementPolicy__itemLists {
  max-width: 400px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemLists {
    width: 100%;
  }
}

.p-ir-managementPolicy__itemList {
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
  color: #3c3c41;
  padding-left: 18px;
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemList {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-ir-managementPolicy__itemList::before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
  background: #3c3c41;
  position: relative;
  left: -10px;
  top: -3px;
}

.p-ir-managementPolicy__itemSlider {
  margin-top: 40px;
  max-width: 880px;
  width: 100%;
  padding: 2.7777777778vw;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-ir-managementPolicy__itemSlider {
    padding: 0;
  }
}

/*********************
slider
*********************/
.slider-document .slider-document-slide {
  font-size: 0;
  text-align: center;
}

.slider-document .slider-document-slide a {
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
}

.slider-document .slider-document-slide a[rel*=lightbox]:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  width: 31px;
  height: 31px;
  background-image: url("../../assets/images/lightbox-icon01.png");
  background-size: cover;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .slider-document .slider-document-slide a[rel*=lightbox]:before {
    right: 5px;
    top: 3px;
  }
}

.slider-document .slider-document-slide img {
  display: inline-block;
  height: 21.1111111111vw;
}
@media screen and (max-width: 768px) {
  .slider-document .slider-document-slide img {
    height: 206px;
  }
}

.slider-document .slick-prev,
.slider-document .slick-next {
  display: block;
  position: absolute;
  top: 53%;
  width: 1.3888888889vw;
  height: 2.2222222222vw;
  aspect-ratio: 20/32;
  padding: 0;
  background-size: 1.3888888889vw 2.2222222222vw;
  background-repeat: no-repeat;
  text-indent: -9999px;
  z-index: 2;
  background-color: transparent !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .slider-document .slick-prev,
  .slider-document .slick-next {
    top: 50%;
    width: 20px;
    height: 32px;
    background-size: 20px 32px;
  }
}

.slider-document .slick-prev {
  left: 6.9444444444vw;
  background-position: left center;
  background-image: url("../../assets/images/slider-icon01.png");
}
@media screen and (max-width: 768px) {
  .slider-document .slick-prev {
    left: -18px;
  }
}

.slider-document .slick-next {
  right: 6.9444444444vw;
  background-position: right center;
  background-image: url("../../assets/images/slider-icon02.png");
}
@media screen and (max-width: 768px) {
  .slider-document .slick-next {
    right: -18px;
  }
}

.slider-document .slick-counter {
  position: absolute;
  right: 27%;
  bottom: 0;
  color: #222222;
  font-weight: 600;
  font-size: 90% !important;
}
@media screen and (max-width: 768px) {
  .slider-document .slick-counter {
    right: 5%;
  }
}

.document-box {
  width: 570px;
  margin: 0 auto;
}

.document-box::after {
  content: "";
  clear: both;
  display: block;
}

.document-box li {
  clear: both;
  width: 260px;
  float: right;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .document-box {
    width: 100%;
  }
}
.p-irFinancialStatements {
  margin-top: 120px;
  margin-bottom: 120px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.p-irFinancialStatements .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements .c-headingWrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-bottom: 8px;
  }
}
.p-irFinancialStatements .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
  }
}
.p-irFinancialStatements .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements .c-headingWrap .c-heading-en {
    font-size: 0.9333333333rem;
    line-height: 1.3571428571;
    padding-top: 8px;
    padding-left: 0;
  }
}

.p-irFinancialStatements-wrap__inner {
  padding-block: 0;
}

.p-irFinancialStatements__items {
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(24px, 3.8888vw, 56px);
  -moz-column-gap: clamp(24px, 5.5555vw, 80px);
  column-gap: clamp(24px, 5.5555vw, 80px);
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements__items {
    padding-inline: 24px;
    margin-top: 24px;
  }
}

.p-irFinancialStatements__items + .p-irFinancialStatements__items {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements__items + .p-irFinancialStatements__items {
    margin-top: 24px;
  }
}
.p-irFinancialStatements__items + .p-irFinancialStatements__items .p-irFinancialStatements__image {
  margin-top: 0;
}

.p-irFinancialStatements__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
  width: 100%;
  max-width: 444px;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements__item {
    gap: 8px;
  }
}

.p-irFinancialStatements__title {
  font-size: 1.3333333333rem;
  line-height: 1.45;
  padding-bottom: 16px;
  font-weight: 500;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements__title {
    font-size: 0.9333333333rem;
    line-height: 1.4285714286;
    padding-bottom: 8px;
  }
}

.p-irFinancialStatements__title--img {
  padding-bottom: 8px;
  border-bottom: none;
  font-size: 1.3333333333rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .p-irFinancialStatements__title--img {
    font-size: 1.0666666667rem;
    line-height: 1.4375;
  }
}

.p-irStockholder {
  background-color: #f8f9f9;
}

.p-irStockholder__inner {
  width: 100%;
  max-width: 1280px;
  padding: 120px 80px 121px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__inner {
    padding: 40px 17px;
  }
}

.p-irStockholder__heading {
  padding-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__heading {
    padding-bottom: 11px;
  }
}

.p-irStockholder__heading .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__heading .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1;
  }
}

.p-irStockholder__head {
  display: flex;
  justify-content: space-between;
  padding: 0 9.4%;
  margin-top: 45px;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__head {
    padding: 0 27px 0 19px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 374px) {
  .p-irStockholder__head {
    padding: 0;
  }
}

.p-irStockholder__ListSpeechBubble {
  width: 40px;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__ListSpeechBubble {
    width: 32px;
  }
}

.p-irStockholder__posts .p-irLibrary__post {
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__posts .p-irLibrary__post {
    padding: 0;
  }
}

.p-irStockholder__posts {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__posts {
    margin-top: 24px;
  }
}

.p-irStockholder__post {
  padding: 0 4.4%;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__post {
    padding: 0;
  }
}

.p-irStockholder__link {
  display: flex;
  align-items: center;
  padding: 15px 0;
  text-decoration: none;
  border-top: 1px solid #d9d9d9;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__link {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 7px 17px 4px;
  }
}

.p-irStockholder__link:hover {
  opacity: 0.7;
}

.p-irStockholder__post:last-child .p-irStockholder__link {
  border-bottom: 1px solid #d9d9d9;
}

.p-irStockholder__date {
  min-width: 120px;
  color: #3c3c41;
  font-size: 1.0666666667rem;
  line-height: 2;
}

.p-irStockholder__title {
  position: relative;
  display: -webkit-box;
  padding-right: 45px;
  margin-left: 7%;
  overflow: hidden;
  color: #3c3c41;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__title {
    width: 100%;
    padding-right: 45px;
    margin-top: 0;
    margin-left: 0;
    -webkit-line-clamp: 2;
  }
}

.p-irStockholder__title::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url("../../assets/images/ir_library_icon_pdf.svg");
  background-size: contain;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-irStockholder__title::after {
    top: 0;
    right: 0;
    transform: translateY(0);
  }
}

.p-irStockholder__pagination {
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__pagination {
    margin-top: 24px;
  }
}

.p-irStockholder__info {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__info {
    margin-top: 41px;
  }
}

.p-irStockholder__info__content {
  width: 54.6%;
  margin: 43px auto 0;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__info__content {
    width: 100%;
    margin: 24px auto 0;
  }
}

.p-irStockholder__info__note {
  display: block;
  color: #3c3c41;
  text-align: right;
  font-size: 0.9333333333rem;
  line-height: 1;
}

.p-irStockholder__info__table {
  margin-top: 8px;
}

.p-irStockholder__info__detail {
  display: flex;
  padding: 7px 31px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__info__detail {
    display: block;
    padding: 4px 23px 3px;
  }
}

.p-irStockholder__info__item:first-child .p-irStockholder__info__detail {
  border-top: 1px solid #d9d9d9;
}

.p-irStockholder__info__left {
  font-size: 1.0666666667rem;
  line-height: 1.5;
  width: 192px;
  padding-top: 4px;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__info__left {
    width: 100%;
    padding-top: 0;
    font-size: 0.9333333333rem;
    line-height: 1.5;
  }
}

.p-irStockholder__info__right {
  font-size: 1.0666666667rem;
  line-height: 2;
  width: calc(100% - 192px);
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__info__right {
    width: 100%;
    font-size: 0.9333333333rem;
    line-height: 1.75;
    margin-top: 7px;
  }
}

.p-irStockholder__announce {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__announce {
    margin-top: 41px;
  }
}

.p-irStockholder__announce__content {
  width: 84.3%;
  margin: 39px auto 0;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__announce__content {
    width: 100%;
    margin: 24px auto 0;
  }
}

.p-irStockholder__announce__note {
  display: block;
  color: #3c3c41;
  text-align: right;
  font-size: 0.9333333333rem;
  line-height: 1;
}

.p-irStockholder__announce__table {
  margin-top: 8px;
}

.p-irStockholder__announce__detail {
  display: flex;
  justify-content: space-between;
  padding: 11px 31px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__announce__detail {
    display: block;
    padding: 8px 23px 6.5px;
  }
}

.p-irStockholder__announce__item:first-child .p-irStockholder__announce__detail {
  border-top: 1px solid #d9d9d9;
}

.p-irStockholder__announce__left {
  font-size: 1.0666666667rem;
  line-height: 1.5;
  width: 160px;
  padding-top: 4px;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__announce__left {
    width: 100%;
    padding-top: 0;
    font-size: 0.9333333333rem;
    line-height: 1.5;
  }
}

.p-irStockholder__announce__right {
  font-size: 1.0666666667rem;
  line-height: 2;
  width: calc(100% - 160px - 40px);
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irStockholder__announce__right {
    width: 100%;
    font-size: 0.9333333333rem;
    line-height: 1.75;
    margin-top: 4px;
  }
}

.p-irPublicationEsc {
  background-color: #f8f9f9;
}

.p-irPublicationEsc__inner {
  width: 100%;
  max-width: 1280px;
  padding: 120px 80px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__inner {
    padding: 40px 17px;
  }
}

.p-irPublicationEsc__item:not(:first-child) {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__item:not(:first-child) {
    margin-top: 41px;
  }
}

.p-irPublicationEsc__heading {
  padding-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__heading {
    padding-bottom: 11px;
  }
}

.p-irPublicationEsc__heading .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__heading .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1;
  }
}

.p-irPublicationEsc__content {
  width: 78.6%;
  margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__content {
    width: 100%;
    padding: 0 23px;
  }
}

.p-irPublicationEsc__title {
  font-size: 1.6rem;
  line-height: 1.5;
  padding-left: 10px;
  padding-left: 15px;
  font-weight: 500;
  color: #3c3c41;
  border-left: 5.54px solid #c8141e;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__title {
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.p-irPublicationEsc__title + .p-irPublicationEsc__text {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__title + .p-irPublicationEsc__text {
    margin-top: 24px;
  }
}

.p-irPublicationEsc__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__text {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

@media screen and (max-width: 768px) {
  .p-irPublicationEsc__text--spLg {
    font-size: 1.0666666667rem;
    line-height: 2;
  }
}

.p-irPublicationEsc__text + .p-irPublicationEsc__title {
  margin-top: 40px;
}

.p-irPublicationEsc__posts {
  padding: 0 1px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__posts {
    margin-top: 15px;
  }
}

.p-irPublicationEsc__post:not(:first-child) {
  margin-top: 10px;
}

.p-irPublicationEsc__link {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__link {
    display: block;
  }
}

.p-irPublicationEsc__date {
  font-size: 1.0666666667rem;
  line-height: 2;
  width: 80px;
  color: #3c3c41;
}

.p-irPublicationEsc__postTitle {
  font-size: 1.0666666667rem;
  line-height: 2;
  position: relative;
  display: inline-block;
  min-height: 32px;
  padding-right: 47px;
  margin-left: 40px;
  overflow: hidden;
  color: #3c3c41;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__postTitle {
    font-size: 0.9333333333rem;
    line-height: 1.75;
    display: -webkit-box;
    padding-right: 37px;
    margin-top: 2px;
    margin-left: 0;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.p-irPublicationEsc__postTitle::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url("../../assets/images/ir_library_icon_pdf.svg");
  background-size: contain;
  transform: translateY(-50%);
}

.p-irPublicationEsc__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 312px;
  height: 80px;
  margin: 40px auto 0;
  background-color: #fff;
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__btn {
    max-width: 208px;
    height: 46px;
    margin: 21px auto 0;
  }
}

.p-irPublicationEsc__btn:hover {
  color: #fff;
  background-color: #c8141e;
}

.p-irPublicationEsc__btn__text {
  position: relative;
  padding-left: 40px;
  font-weight: 500;
  color: #3c3c41;
  font-size: 1.0666666667rem;
  line-height: 1;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__btn__text {
    padding-left: 34px;
  }
}

.p-irPublicationEsc__btn:hover .p-irPublicationEsc__btn__text {
  color: #fff;
}

.p-irPublicationEsc__btn__text::before {
  position: absolute;
  top: 55%;
  left: 0;
  width: 32px;
  height: 32px;
  content: "";
  background: url("../../assets/images/ir_library_icon_pdf.svg") no-repeat center center/contain;
  transition: all 0.3s ease 0s;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-irPublicationEsc__btn__text::before {
    width: 24px;
    height: 24px;
  }
}

.p-irPublicationEsc__btn:hover .p-irPublicationEsc__btn__text::before {
  background: url("../../assets/images/sustaina-promotion-pdf02.svg") no-repeat center center/contain;
}

.p-sustainaWrapper {
  position: relative;
  padding: 80px 0;
  background-image: url("../../assets/images/sustainability_bg.png?v2");
  background-size: 100% 1670px;
  background-color: #F7F6F1;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper {
    background-image: url("../../assets/images/sustainability_bg_sp.png?v2");
    background-size: 100% 510px;
    padding: 38px 0;
  }
}
.p-sustainaWrapper[data-type=environment] {
  padding: 21px 0 160px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper[data-type=environment] {
    padding: 21px 0 76px;
  }
}
#circularEconomy {
  scroll-margin-top: 104px;
}
@media screen and (max-width: 768px) {
  #circularEconomy {
    scroll-margin-top: 64px;
  }
}
.p-sustainaWrapper[data-type=safety] {
  padding: 21px 0 160px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper[data-type=safety] {
    padding: 21px 0 76px;
  }
}
.p-sustainaWrapper[data-type=esg] {
  padding: 116px 0 160px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper[data-type=esg] {
    padding: 97px 0 60px;
  }
}
.p-sustainaWrapper[data-type=esg-society] {
  padding: 78px 0 160px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper[data-type=esg-society] {
    padding: 60px 0 60px;
  }
}
.p-sustainaWrapper[data-type=partner] {
  padding-top: 10px;
  padding-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper[data-type=partner] {
    padding-top: 17px;
    padding-bottom: 70px;
  }
}
.p-sustainaWrapper[data-type=compliance] {
  padding-top: 20px;
  padding-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper[data-type=compliance] {
    padding-top: 17px;
    padding-bottom: 70px;
  }
}
.p-sustainaWrapper[data-type=tcfd] {
  padding-top: 13px;
  padding-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .p-sustainaWrapper[data-type=tcfd] {
    padding-bottom: 72px;
  }
}

.p-sustainaTop {
  width: 100%;
  max-width: 1152px;
  padding: 0 16px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop {
    max-width: 375px;
  }
}

.p-sustainaTop__cards {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cards {
    flex-direction: column;
    gap: 19px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .p-sustainaTop__cards {
    flex-direction: column;
  }
}

.p-sustainaTop__cardInner.c-sustainaTopCard__inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cardInner.c-sustainaTopCard__inner {
    gap: 0;
  }
}

.p-sustainaTop__card a {
  color: inherit;
  text-decoration: none;
  transition: ease 0.5s;
}

.p-sustainaTop__card a:hover {
  opacity: 0.7;
}

.p-sustainaTop__cardLeft {
  width: 45%;
  padding: 22px 0 25px 36px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cardLeft {
    padding: 24px 0 24px 24px;
  }
}
@media screen and (min-width: 320px) and (max-width: 350px) {
  .p-sustainaTop__cardLeft {
    width: 50%;
  }
}

.p-sustainaTop__cardRight {
  width: 37%;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cardRight {
    width: 53%;
  }
}
@media screen and (min-width: 320px) and (max-width: 350px) {
  .p-sustainaTop__cardRight {
    width: 51%;
  }
}

.p-sustainaTop__cardImg img {
  max-width: 292px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cardImg img {
    max-width: 188px;
  }
}
@media screen and (min-width: 351px) and (max-width: 376px) {
  .p-sustainaTop__cardImg img {
    max-width: 50.1333333333vw;
  }
}
@media screen and (min-width: 320px) and (max-width: 350px) {
  .p-sustainaTop__cardImg img {
    max-width: 150px;
  }
}

@media screen and (max-width: 768px) {
  .p-sustainaTop__cardListType {
    gap: 16px;
  }
}

.p-sustainaTop__cardListWrap.c-sustainaTopCard__right {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cardListWrap.c-sustainaTopCard__right {
    width: 80%;
  }
}

.p-sustainaTop__cardList {
  list-style-type: disc;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cardList {
    padding-left: 4px;
  }
}

.p-sustainaTop__cardListItem {
  font-size: 0.9333333333rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__cardListItem {
    font-size: 0.8rem;
    line-height: 1.5;
    letter-spacing: -0.03em;
  }
}

.p-sustainaTop__mainContents {
  margin-top: 130px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__mainContents {
    margin-top: 30px;
  }
}

.p-sustainaTop__mainContentsBody {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: space-between;
  margin-top: 89px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__mainContentsBody {
    flex-direction: column;
    margin-top: 46px;
    gap: 19px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .p-sustainaTop__mainContentsBody {
    justify-content: center;
  }
}

.p-sustainaTop__mainContentsImg {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__mainContentsImg {
    width: auto;
  }
}

.p-sustainaTop__Society .p-sustainaTop__mainContentsImg {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__Society .p-sustainaTop__mainContentsImg {
    width: auto;
  }
}

.p-sustainaTop__Society .p-sustainaTop__mainContentsBody {
  margin-top: 41px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__Society .p-sustainaTop__mainContentsBody {
    margin-top: 24px;
  }
}

.p-sustainaTop__mainContentsImg img {
  max-width: 286px;
  aspect-ratio: 286/319;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__mainContentsImg img {
    max-width: 135px;
  }
}

.p-sustainaTop__mainContentsItems {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  width: 59%;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__mainContentsItems {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 100%;
    place-items: center;
    row-gap: 14px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .p-sustainaTop__mainContentsItems {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
  }
}

.p-sustainaTop__mainContents + .p-sustainaTop__mainContents {
  margin-top: 86px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__mainContents + .p-sustainaTop__mainContents {
    margin-top: 32px;
  }
}

.p-sustainaTop__mainContentsItems.p-sustainaTop__mainContentsItems--sustainaPromotion {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  width: 100%;
  max-width: 984px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__mainContentsItems.p-sustainaTop__mainContentsItems--sustainaPromotion {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    place-items: center;
    row-gap: 14px;
  }
}

.p-sustainaTop__mainContentsItems.p-sustainaTop__mainContentsItems--sustainaPromotion .c-sustainaBtn {
  margin-inline: auto;
}

/* ===============================================
# Society
=============================================== */
.p-sustainaTop__SocietyBody {
  flex-direction: row-reverse;
  gap: 129px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__SocietyBody {
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
  .p-sustainaTop__SocietyBody {
    gap: 32px;
  }
}

.p-sustainaTop__SocietyImg img {
  max-width: 271px;
  aspect-ratio: 271/356;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__SocietyImg img {
    max-width: 128px;
  }
}

/* ===============================================
# Governance
=============================================== */
.p-sustainaTop__GovernanceImg img {
  max-width: 348px;
  aspect-ratio: 348/307;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__GovernanceImg img {
    max-width: 169px;
  }
}

.p-sustainaTop__GovernanceBody {
  gap: 32px;
  margin-top: 77px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__GovernanceBody {
    gap: 24px;
    margin-top: 54px;
  }
}

/* ===============================================
# bottom cards
=============================================== */
.p-sustainaTop__bottomCards {
  margin-top: 120px;
  padding-bottom: 82px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__bottomCards {
    margin-top: 40px;
    padding-bottom: 55px;
  }
}

.p-sustainaTop__bottomCardInner {
  padding: 16px 56px 16px 40px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__bottomCardInner {
    padding: 10px 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-sustainaTop__bottomCardInner.p-sustainaTop__bottomCardInner--ESG {
    padding: 12px 16px;
  }
}

.p-sustainaTop__bottomCardImg img {
  max-width: 208px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__bottomCardImg img {
    max-width: 88px;
  }
}

.p-sustainaTop__bottomCardRight.p-sustainaTop__cardListWrap {
  width: auto;
}

.p-sustainaTop__bottomCard:first-child .c-sustainaTopCard__arrowIcon {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__bottomCard:first-child .c-sustainaTopCard__arrowIcon {
    padding-top: 0px;
    padding-left: 8px;
    padding-bottom: 10px;
  }
}

.p-sustainaTop__bottomCard:nth-child(2) .c-sustainaTopCard__arrowIcon {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__bottomCard:nth-child(2) .c-sustainaTopCard__arrowIcon {
    padding-top: 0px;
    padding-left: 8px;
    padding-bottom: 4px;
  }
}

.p-sustainaTop__bottomCards .c-sustainaTopCard__arrowIcon img {
  max-width: 40px;
  width: 100%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .p-sustainaTop__bottomCards .c-sustainaTopCard__arrowIcon img {
    max-width: 20px;
  }
}

.p-sustainaMessage {
  padding-inline: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage {
    padding-inline: 16px;
    margin-bottom: 60px;
  }
}

.p-sustainaMessage__content {
  position: relative;
  width: 100%;
  max-width: 1008px;
  padding: 56px 64px;
  margin-inline: auto;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__content {
    padding: 24px;
  }
}

.p-sustainaMessage__lead {
  position: absolute;
  top: clamp(24px, 17.1528vw, 247px);
  left: -0.5%;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__lead {
    display: none;
  }
}

.p-sustainaMessage__title {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  padding-left: 26px;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__title {
    font-size: 1.0666666667rem;
    line-height: 1.5;
    padding-left: 22px;
  }
}
.p-sustainaMessage__title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #c8141e;
}

.p-sustainaMessage__image {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__image {
    margin-top: 24px;
  }
}

.p-sustainaMessage__ceo {
  position: absolute;
  top: 28%;
  left: 11.5%;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__ceo {
    top: 24%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.p-sustainaMessage__ceoText {
  font-size: clamp(16px, 1.666vw, 24px);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__ceoText {
    font-size: clamp(16px, 3vw, 20px);
    white-space: nowrap;
  }
}

.p-sustainaMessage__ceoName {
  margin-top: 19px;
  font-size: clamp(14px, 2vw, 16px);
  text-align: right;
  transform: translateX(-20.4%);
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__ceoName {
    margin-top: 10px;
    transform: translateX(0);
  }
}

.p-sustainaMessage__texts {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__texts {
    margin-top: 24px;
  }
}

.p-sustainaMessage__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__text {
    font-size: 0.9333333333rem;
    line-height: 1.7142857143;
  }
}
.p-sustainaMessage__text + .p-sustainaMessage__text {
  margin-top: 24px;
}

.p-sustainaMessage__text--right {
  margin-top: 24px;
  color: #3c3c41;
  text-align: right;
}
.p-sustainaMessage__text--right span {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p-sustainaMessage__text--right span {
    font-size: 20px;
  }
}

/*============================================
          SP Only						
============================================*/
.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

.not-sp {
  display: block;
}
@media screen and (max-width: 768px) {
  .not-sp {
    display: none;
  }
}

/* ============================================
            c-sustainaSubTitle					
============================================ */
.p-sustainaTextStandard {
  line-height: 2;
  color: #3c3c41;
  font-size: 16px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-sustainaTextStandard {
    font-size: 14px;
    max-width: 272px;
    margin: 0 auto;
    line-height: 1.76;
  }
}

/* ============================================
            c-sustainaTable					
============================================ */
.p-sustainaEnvironment__tableContents-wrap {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .p-sustainaEnvironment__tableContents-wrap {
    margin-top: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-sustainaEnvironment__tableContents-wrap[data-type=second] {
    margin-top: 16px;
  }
}

/* ============================================
            c-sustainaSDGsCards					
============================================ */
.p-sustainaSDGsCards__wrap-120 {
  margin-top: 108px;
}
@media screen and (max-width: 768px) {
  .p-sustainaSDGsCards__wrap-120 {
    margin-top: 37px;
  }
}

.p-sustainaSDGsCards__wrap-80 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-sustainaSDGsCards__wrap-80 {
    margin-top: 25px;
  }
}

.p-sustainaSDGsCards__bottom {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-sustainaSDGsCards__bottom {
    margin-bottom: 0;
  }
}

/* ============================================
    p-sustainaEnvironment__mainCOntents						
============================================ */
.p-sustainaEnvironment__mainCOntents {
  margin-top: 80px;
}

/* ============================================
        p-sustainaEnvironment__inner						
============================================ */
.p-sustainaEnvironment__inner {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .p-sustainaEnvironment__inner {
    margin-top: 23px;
  }
}
.p-sustainaEnvironment__inner[data-type=large] {
  margin-top: 119px;
}
@media screen and (max-width: 768px) {
  .p-sustainaEnvironment__inner[data-type=large] {
    margin-top: 20px;
  }
}
.p-sustainaEnvironment__inner[data-type=short] {
  margin-top: 40px;
}

.p-sustainaEnvironment__sectionTitle-margin {
  margin-top: 54px;
}
@media screen and (max-width: 768px) {
  .p-sustainaEnvironment__sectionTitle-margin {
    margin-top: 3px;
  }
}

.p-sustainaSafety__Wrapper {
  padding: 21px 0 160px;
}

.p-sectionTitle-safety {
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .p-sectionTitle-safety {
    margin-bottom: 26px;
  }
}

.p-sustainaSafety-greenLabelTitle {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .p-sustainaSafety-greenLabelTitle {
    margin-top: 20px;
  }
}

.p-sustainaSafety__certification-contents {
  display: flex;
  margin-top: 24px;
  margin-bottom: 120px;
  gap: 18px;
}
@media screen and (max-width: 768px) {
  .p-sustainaSafety__certification-contents {
    flex-direction: column;
    margin-top: 8px;
    gap: 13px;
    margin-bottom: 17px;
  }
}

.sustainaSafety__table {
  flex-grow: 1;
  background-color: #fff;
  width: calc(100% - 324px - 18px);
}
@media screen and (max-width: 768px) {
  .sustainaSafety__table {
    font-size: 12px;
    width: 100%;
  }
}
.sustainaSafety__table th, .sustainaSafety__table td {
  border: 2px solid #d9d9d9;
  text-align: left;
}
.sustainaSafety__table th {
  padding: 20px 0 0 20px;
  background-color: #E5E5E5;
  width: 23%;
}
@media screen and (max-width: 768px) {
  .sustainaSafety__table th {
    text-align: center;
    vertical-align: middle;
    padding: 0;
  }
}
.sustainaSafety__table td {
  padding: 11px 16px;
  width: 77%;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sustainaSafety__table td {
    padding: 11px 11px 10px 15px;
    line-height: 1.6;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 1200px) {
  .p-sustainaSafety__table-large {
    margin-bottom: 16px;
  }
}

.p-sustainaSafety__certification-image {
  width: 324px;
  position: relative;
  height: 252px;
}
.p-sustainaSafety__certification-image[data-type=one-paper] {
  max-width: 170px;
  height: 243px;
}
@media screen and (max-width: 768px) {
  .p-sustainaSafety__certification-image {
    width: 343px;
    height: 266px;
    margin: 0 auto;
  }
}
.p-sustainaSafety__certification-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-sustainaSafety__certificationText {
    width: calc(100% - 324px - 18px);
}
@media screen and (max-width: 768px) {
  .p-sustainaSafety__certificationText {
    width: 100%;
  }
}

.p-sustainaCompliance__text {
  margin-top: 67px;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.001em;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__text {
    margin-top: 24px;
    font-size: 14px;
  }
}

.p-sustainaCompliance__image-diagram {
  margin-top: 54px;
  border-radius: 8px;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__image-diagram {
    margin-top: 24px;
  }
}
.p-sustainaCompliance__image-diagram img {
  border-radius: 8px;
}

.p-sustainaCompliance__sectionWrap {
  margin-top: 50px;
}
.p-sustainaCompliance__sectionWrap[data-type=third] {
  margin-top: 38px;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__sectionWrap[data-type=third] {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__sectionWrap {
    margin-top: 0;
  }
}

.p-sustainaCompliance__normWrap {
  max-width: 1008px;
  padding: 54px 32px 82px 64px;
  margin: 0 auto;
  margin-top: 42px;
  font-size: 16px;
  background-color: #fff;
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__normWrap {
    padding: 24px 32px;
    font-size: 14px;
  }
}

.p-sustainaCompliance__norm-title {
  position: relative;
  padding-left: 40px;
  font-size: 24px;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-title {
    padding-left: 17px;
    font-size: 18px;
  }
}
.p-sustainaCompliance__norm-title::before {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 6px;
  height: 130%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-title::before {
    left: 0;
    width: 4px;
    height: 100%;
  }
}

.p-sustainaCompliance__norm-text {
  margin-top: 40px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-text {
    margin-top: 20px;
  }
}
.p-sustainaCompliance__norm-text p:not(:first-child) {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-text p:not(:first-child) {
    margin-top: 12px;
  }
}

.p-sustainaCompliance__norm-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 312px;
  height: 80px;
  margin: 80px auto 0;
  background-color: #fff;
  border: 1px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-link {
    width: 208px;
    height: 44px;
    margin-top: 20px;
  }
}
.p-sustainaCompliance__norm-link span {
  position: relative;
  padding-left: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c41;
}
.p-sustainaCompliance__norm-link span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  content: "";
  background: url("../../assets/images/sustaina-promotion-pdf.svg") no-repeat center center/cover;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-link span::before {
    width: 24px;
    height: 24px;
  }
}

.p-sustainaESG__tab-wrap {
  position: relative;
  display: flex;
  gap: 16px;
  justify-content: center;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .p-sustainaESG__tab-wrap {
    gap: 8px;
    max-width: 343px;
  }
}
.p-sustainaESG__tab-wrap::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #3c3c41;
  transform: translateX(-50%);
}

.p-sustainaESG__tab {
  position: static;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 56px;
  font-weight: 500;
  background-color: #fff;
  border: 1px solid #c8141e;
  border-radius: 8px 8px 0 0;
  transition: all 0.3s ease 0s;
}
@media (min-width: 768px) {
  .p-sustainaESG__tab:hover {
    color: #fff;
    cursor: pointer;
    background-color: #c8141e;
  }
}
.p-sustainaESG__tab.active {
  color: #fff;
  background-color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-sustainaESG__tab {
    width: 104px;
    height: 33px;
  }
}

.p-sustainaESG__section {
  display: none;
  opacity: 0;
}
.p-sustainaESG__section.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#governance {
  scroll-margin-top: 104px;
}
@media screen and (max-width: 768px) {
  #governance {
    scroll-margin-top: 64px;
  }
}

.p-sustainaEsgText {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-sustainaEsgText {
    margin-top: 28px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.001em;
  }
}

.p-sustainaESG__greenTitle {
  margin-top: 37px;
}
@media screen and (max-width: 768px) {
  .p-sustainaESG__greenTitle {
    margin-top: 27px;
  }
}

.p-sustainaESG__attention {
  margin-top: 7px;
  font-size: 14px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-sustainaESG__attention {
    font-size: 10px;
    line-height: 1.7;
  }
}

.c-sustainaESGSubTitle__inner-last {
  margin-top: 40px;
}

.p-sustainaGovernance__inner {
  padding-top: 0;
  padding-bottom: 91px;
  max-width: 984px;
}
@media screen and (max-width: 768px) {
  .p-sustainaGovernance__inner {
    padding-bottom: 64px;
  }
}

.p-sustainaGovernance__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 80px;
  column-gap: 80px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-sustainaGovernance__items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 16px;
  }
}

@media screen and (min-width: 769px) and (max-width: 985px) {
  .p-sustainaGovernance__card {
    padding: 26px 10px;
  }
}

.p-sustainaGovernance__card--narrow {
  padding: 16px 50px;
}
@media screen and (max-width: 768px) {
  .p-sustainaGovernance__card--narrow {
    padding: 8px 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 880px) {
  .p-sustainaGovernance__card--narrow {
    padding: 16px 22px;
  }
}

@media screen and (max-width: 768px) {
  .p-sustainaGovernance__cardTitleWrap {
    gap: 12px;
  }
}

.p-sustainaGovernance__cardBody {
  margin-top: 30px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-sustainaGovernance__cardBody {
    margin-top: 18px;
    padding-bottom: 10px;
  }
}

.p-sustainaGovernance__cardBtnWrap {
  margin-top: auto;
}

.p-sustainaGovernance__pdfInner {
  transition: ease 0.5s;
  padding-block: 0;
}

@media screen and (max-width: 768px) {
  .p-sustainaGovernance__pdfInner.c-sustainaPolicy__pdfInner svg {
    width: 32px;
    height: 32px;
  }
}

.p-sustainaGovernance__link:hover .c-sustainaCard {
  background: #C8141E;
}
.p-sustainaGovernance__link:hover .c-sustainaCard__title {
  color: #fff;
}
.p-sustainaGovernance__link:hover .c-sustainaCard__title--en {
  color: #fff;
}
.p-sustainaGovernance__link:hover .p-sustainaGovernance__pdfInner {
  background-color: transparent;
}

.p-sustainaGovernance__cardEnTitleBlock {
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .p-sustainaGovernance__cardEnTitleBlock {
    margin-top: 0;
  }
}

.p-sustainaOrganizationChart {
  padding-bottom: 91px;
}
@media screen and (max-width: 768px) {
  .p-sustainaOrganizationChart {
    padding-bottom: 46px;
  }
}

@media screen and (min-width: 768px) {
  .p-sustainaOrganizationChart__titleInner {
    padding-bottom: 10px;
  }
}

.p-sustainaOrganizationChart__imgWrap {
  margin-top: 64px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-sustainaOrganizationChart__imgWrap {
    position: relative;
    max-width: 303px;
    margin: 24px auto 0;
  }
}

.p-sustainaOrganizationChart__img {
  width: 100%;
  max-width: 869px;
  aspect-ratio: 869/801;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-sustainaOrganizationChart__img {
    max-width: 297px;
    aspect-ratio: 297/274;
  }
}

@media screen and (max-width: 768px) {
  .p-sustainaOrganizationChart__iconButton {
    position: absolute;
    top: 16px;
    right: 12px;
    display: block;
    padding: 0;
    background: none;
    border: none;
  }
  .p-sustainaOrganizationChart__icon {
    width: 100%;
    max-width: 64px;
    aspect-ratio: 1/1;
  }
  .p-sustainaOrganizationChart__modal.active {
    display: block;
  }
  .p-sustainaOrganizationChart__modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 97;
    width: 100vw;
    height: 100vh;
  }
  .p-sustainaOrganizationChart__modalBg {
    position: fixed;
    z-index: 98;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.6);
  }
  .p-sustainaOrganizationChart__modal img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 500px;
    aspect-ratio: 869/801;
  }
}
.p-sustainaDXInnovation {
  padding-top: 6px;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation {
    padding-top: 0;
  }
}

.p-sustainaDXInnovation__inner {
  padding: 0 80px;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__inner {
    padding: 0 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__titleInner {
    padding-left: 5px;
  }
}

.p-sustainaDXInnovation__title {
  min-width: 360px;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__title {
    min-width: 210px;
  }
}
@media screen and (max-width: 345px) {
  .p-sustainaDXInnovation__title {
    min-width: 185px;
  }
}

.p-sustainaDXInnovation__title--en {
  padding-left: 44px;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__title--en {
    padding-left: 16px;
    width: 33.3333333333vw;
  }
}

.p-sustainaDXInnovation__body {
  padding-bottom: 7.6388888889vw;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__body {
    padding-bottom: 12vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-sustainaDXInnovation__body {
    padding-bottom: 110px;
  }
}

.p-sustainaDXInnovation__lead {
  margin: 4.3055555556vw auto 0;
  max-width: 63.3333333333vw;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__lead {
    max-width: 78.1333333333vw;
    margin: 6.4vw auto 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-sustainaDXInnovation__lead {
    margin: 62px auto 0;
    max-width: 912px;
  }
}

.p-sustainaDXInnovation__leadText {
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__leadText {
    font-size: 0.9333333333rem;
    line-height: 1.7857142857;
  }
}

.p-sustainaDXInnovation__video {
  margin-top: 8.0555555556vw;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__video {
    margin-top: 9.0666666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-sustainaDXInnovation__video {
    margin-top: 116px;
  }
}

.p-sustainaDXInnovation__video video {
  width: 100%;
  max-width: 40.3472222222vw;
  aspect-ratio: 581/327;
}
@media screen and (max-width: 768px) {
  .p-sustainaDXInnovation__video video {
    max-width: 295px;
  }
}
@media screen and (min-width: 1441px) {
  .p-sustainaDXInnovation__video video {
    max-width: 581px;
  }
}

.p-sustainaCompliance__normWrap {
  max-width: 1008px;
  padding: 54px 64px 82px;
  margin: 0 auto;
  margin-top: 42px;
  font-size: 16px;
  background-color: #fff;
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__normWrap {
    padding: 24px 32px;
    font-size: 14px;
  }
}

.p-sustainaCompliance__norm-title {
  position: relative;
  padding-left: 40px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-title {
    padding-left: 17px;
    font-size: 18px;
  }
}
.p-sustainaCompliance__norm-title::before {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 6px;
  height: 130%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-title::before {
    left: 0;
    width: 4px;
    height: 100%;
  }
}

.p-sustainaCompliance__norm-text {
  margin-top: 32px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-text {
    margin-top: 20px;
  }
}
.p-sustainaCompliance__norm-text p:not(:first-child) {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-text p:not(:first-child) {
    margin-top: 12px;
  }
}

.p-sustainaCompliance__norm-text p:first-child {
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-text p:first-child {
    padding-bottom: 4px;
  }
}

.p-sustainaCompliance__norm-text p:last-child {
  margin-top: 32px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__norm-text p:last-child {
    margin-top: 24px;
  }
}

.p-sustainaCompliance__normWrap[data-type=tcfd] {
  padding-bottom: 53px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__normWrap[data-type=tcfd] {
    padding-bottom: 24px;
    margin-top: 4px;
  }
}
.p-sustainaCompliance__normWrap[data-type=tcfd] .p-sustainaCompliance__norm-title {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__normWrap[data-type=tcfd] .p-sustainaCompliance__norm-title {
    padding-left: 18px;
  }
}
.p-sustainaCompliance__normWrap[data-type=tcfd] .p-sustainaCompliance__norm-title::before {
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__normWrap[data-type=tcfd] .p-sustainaCompliance__norm-title::before {
    height: 100%;
  }
}
.p-sustainaCompliance__normWrap[data-type=tcfd] .p-sustainaCompliance__norm-text {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__normWrap[data-type=tcfd] .p-sustainaCompliance__norm-text {
    margin-top: 10px;
  }
}
.p-sustainaCompliance__normWrap[data-type=tcfd] .c-sustainaPolicy__pdf {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .p-sustainaCompliance__normWrap[data-type=tcfd] .c-sustainaPolicy__pdf {
    margin-top: 11px;
  }
}

.p-sustainaPolicy__content {
  position: relative;
  width: 100%;
  max-width: 1008px;
  padding: 80px 64px;
  margin-inline: auto;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  scroll-margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__content {
    padding: 24px 35px;
    border-radius: 16px;
    scroll-margin-top: 64px;
  }
}
.p-sustainaPolicy__content + .p-sustainaPolicy__content {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__content + .p-sustainaPolicy__content {
    margin-top: 16px;
  }
}

.p-sustainaPolicy__lead {
  position: absolute;
  top: clamp(24px, 8.125vw, 117px);
  left: 15px;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: rgba(200, 20, 30, 0.1);
  letter-spacing: 0.1em;
  white-space: nowrap;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__lead {
    top: 48px;
    left: 1px;
    font-size: 24px;
  }
}

.p-sustainaPolicy__items {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__items {
    flex-direction: column;
  }
}

.p-sustainaPolicy__item {
  width: 56%;
  padding-top: 14px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__item {
    width: 100%;
  }
}

.p-sustainaPolicy__unit {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__unit {
    flex-direction: column;
    gap: 0;
    margin-bottom: 24px;
  }
}

.p-sustainaPolicy__num {
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 500;
}

.p-sustainaPolicy__image {
  width: 100%;
  max-width: 358px;
  height: 100%;
}

.p-sustainaPolicy__image--460 {
  max-width: 100%;
  margin-top: 40px;
}
.p-sustainaPolicy__image--460 img {
  width: 100%;
  max-width: 460px;
  margin-inline: auto;
}

.p-sustainaPolicy__image--726 {
  max-width: 726px;
  margin-top: 40px;
}
.p-sustainaPolicy__image--726 img {
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__image--726 img {
    width: 726px;
    max-width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__image--726 {
    padding-bottom: 25px;
  }
}

.p-sustainaPolicy__lists {
  counter-reset: listnum;
}

.p-sustainaPolicy__lists--topMargin {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__lists--topMargin {
    margin-top: 10px;
  }
}

.p-sustainaPolicy__list {
  position: relative;
  padding-left: 3.5em;
  text-indent: -3.5em;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__list {
    padding-left: 2.8em;
    text-indent: -2.3em;
    font-size: 0.9333333333rem;
    line-height: 1.7142857143;
  }
}
.p-sustainaPolicy__list::before {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 31px;
  height: 32px;
  padding-left: 1.5em;
  margin-right: 20px;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-indent: -1.5em;
  content: counter(listnum);
  counter-increment: listnum;
  background: #9fc692;
  border-radius: 0 9px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__list::before {
    width: 23px;
    height: 24px;
    margin-right: 4px;
    font-size: 16px;
    line-height: 24px;
  }
}
.p-sustainaPolicy__list::after {
  position: absolute;
  top: 9px;
  left: -6px;
  z-index: 5;
  display: inline-block;
  width: 26px;
  height: 28px;
  content: "";
  background: #c8141e;
  border-radius: 0 9px;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__list::after {
    top: 10px;
    left: 0;
    width: 19px;
    height: 20px;
  }
}
.p-sustainaPolicy__list + .p-sustainaPolicy__list {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__list + .p-sustainaPolicy__list {
    margin-top: 14px;
  }
}

.p-sustainaPolicy__ul {
  padding-left: 71px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__ul {
    padding-left: 0;
  }
}

.p-sustainaPolicy__li {
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy__li {
    font-size: 0.9333333333rem;
    line-height: 1.7142857143;
    padding-left: 1em;
    text-indent: -1em;
  }
}

.p-sustainaInitiatives {
  margin-top: 50px;
}

.p-sustainaInitiativesTitle-underlayer {
  border-bottom: 2px dashed #aebda7;
}

.p-sustainaInitiativesTitle-underlayer__inner {
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiativesTitle-underlayer__inner {
    padding-bottom: 12px;
    padding-left: 4px;
  }
}

.p-sustainaInitiativesTitle__icon img {
  max-width: 34px;
  aspect-ratio: 34/32;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiativesTitle__icon img {
    max-width: 24px;
    vertical-align: baseline;
  }
}

.p-sustainaInitiativesTitle-underlayer__title {
  font-size: 2.1333333333rem;
  line-height: 1;
  margin-left: 40px;
  font-weight: 500;
  color: #497f4b;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiativesTitle-underlayer__title {
    font-size: 1.3333333333rem;
    line-height: 1.2;
    margin-left: 8px;
  }
}

.p-sustainaInitiativesTitle-underlayer__title--en {
  font-size: 1.3333333333rem;
  line-height: 1.3;
  padding-left: 40px;
  font-weight: 500;
  color: #3c3c41;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiativesTitle-underlayer__title--en {
    font-size: 0.9333333333rem;
    line-height: 1.5;
    padding-left: 16px;
  }
}

.p-sustainaInitiatives__cards {
  display: flex;
  gap: 54px;
  justify-content: center;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiatives__cards {
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }
}

.p-sustainaInitiatives__card {
  position: relative;
  width: 100%;
  max-width: 484px;
  padding: 56px 64px;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiatives__card {
    padding: 24px 35px;
    border-radius: 16px;
  }
}

.p-sustainaInitiatives__img {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: auto;
  margin-top: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiatives__img {
    max-width: 200px;
    margin-top: 29px;
  }
}

.p-sustainaInitiatives__img--topMargin {
  margin-top: 123px;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiatives__img--topMargin {
    margin-top: 29px;
  }
}

.p-sustainaInitiatives__link {
  margin-inline: auto;
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .p-sustainaInitiatives__link {
    margin-top: 29px;
  }
}

.p-sustainaPolicy.initiative .c-sustainaSectionTitle__title--en {
  letter-spacing: 2px;
}

.p-sustainaPolicy.initiative .c-sustainaSDGsCards {
  align-items: stretch;
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy.initiative .c-sustainaSDGsCards {
    margin-top: 24px;
    gap: 16px;
  }
}

.p-sustainaPolicy.initiative .c-sustainaSDGsCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  padding: 56px 64px 48px;
}
@media screen and (max-width: 1200px) {
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard {
      width: 100%;
      padding: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard {
    height: auto;
    max-width: none;
    gap: 25px;
  }
}

.p-sustainaPolicy.initiative .c-sustainaSDGsCard .c-sustainaBtn {
  margin: 57px auto 0;
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard .c-sustainaBtn {
    margin: 25px auto 0;
    border-radius: 12px;
  }
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard .c-sustainaBtn .c-sustainaBtn__inner {
    padding: 10px 0;
  }
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard .c-sustainaBtn .c-sustainaBtn__arrow {
    width: 24px;
    height: 24px;
  }
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard .c-sustainaBtn__arrowWrap {
    right: 48px;
  }
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard .c-sustainaBtn__arrow::before {
    left: 5px;
    width: 13px;
    height: 2px;
  }
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard .c-sustainaBtn__arrow::after {
    top: 0px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}

.p-sustainaPolicy.initiative .c-sustainaSDGsCard .imitation {
  display: block;
  width: 100%;
  height: 130px;
}
@media screen and (max-width: 1170px) {
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard .imitation {
    display: none;
  }
}

.p-sustainaPolicy.initiative .c-sustainaSDGsCard__title {
  font-weight: 700;
}

.p-sustainaPolicy.initiative .c-sustainaSDGsCard__images {
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard__images-img {
      width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .p-sustainaPolicy.initiative .c-sustainaSDGsCard__images-img {
      width: 200px;
  }
}

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

.p-sustainaPartnership__contentWrap {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentWrap {
    margin-top: 26px;
  }
}

.p-sustainaParner-sectionWrap {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-sustainaParner-sectionWrap {
    margin-top: -5px;
  }
}

.p-sustainaPartnership__contentCard {
  width: 100%;
  max-width: 914px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 8px 10px 22px 0 rgba(0, 0, 0, 0.0392156863);
}

.p-sustainaPartnership__contentCard-img {
  position: relative;
  padding-top: 26%;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentCard-img {
    position: relative;
    min-height: 172px;
    padding-top: 23%;
  }
}
.p-sustainaPartnership__contentCard-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.p-sustainaPartnership__contentCard-body {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 40px 16px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentCard-body {
    padding: 12px 34px;
    font-size: 14px;
  }
}
.p-sustainaPartnership__contentCard-body::before, .p-sustainaPartnership__contentCard-body::after {
  position: absolute;
  left: 50%;
  content: "";
  transform: translateX(-50%);
}
.p-sustainaPartnership__contentCard-body::before {
  top: -53px;
  width: 130px;
  height: 65px;
  background-color: #fff;
  border-radius: 65px 65px 0 0%;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentCard-body::before {
    top: -46px;
    width: 92px;
    height: 46px;
  }
}
.p-sustainaPartnership__contentCard-body::after {
  top: -30px;
  width: 56px;
  height: 49px;
  background-image: url("../../assets/images/sustainaPartnership-icon-hands.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentCard-body::after {
    top: -38px;
    width: 47px;
    height: 42px;
  }
}
.p-sustainaPartnership__contentCard-body[data-type=compliance] {
  padding: 40px 56px;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentCard-body[data-type=compliance] {
    padding: 20px 36px;
  }
}
.p-sustainaPartnership__contentCard-body[data-type=compliance]::after {
  top: -42px;
  width: 53px;
  height: 53px;
  background-image: url("../../assets/images/sustainaCompliance-icon-earth.png");
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentCard-body[data-type=compliance]::after {
    top: -36px;
    width: 44px;
    height: 44px;
  }
}

.p-sustainaPartnership__contentCard-text {
  line-height: 2;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__contentCard-text {
    letter-spacing: 0.01em;
  }
}

.p-sustainaPartnership__CardWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 36px;
  justify-content: space-between;
  width: 100%;
  max-width: 914px;
  margin: 63px auto 0;
}
@media screen and (max-width: 1200px) {
  .p-sustainaPartnership__CardWrap {
    gap: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__CardWrap {
    gap: 16px;
    justify-content: center;
    margin-top: 24px;
  }
}

.p-sustainaPartnership__Card {
  position: relative;
  width: calc(100% - 36px);
  max-width: 438px;
  padding: 50px 60px 32px;
  background-color: #fff;
  border: 2px solid #c8141e;
  border-radius: 20px;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.0509803922);
}
@media screen and (max-width: 1200px) {
  .p-sustainaPartnership__Card {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__Card {
    width: 100%;
    height: 260px;
    padding: 36px 34px 21px;
  }
}

.p-sustainaPartnership__Card-icon {
  position: relative;
  width: 140px;
  height: 88px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__Card-icon {
    width: 96px;
    height: 61px;
  }
}
.p-sustainaPartnership__Card-icon img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-sustainaPartnership__Card-title {
  margin-top: 44px;
  font-size: 24px;
  font-weight: 500;
  color: #3c3c41;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__Card-title {
    margin-top: 30px;
    font-size: 18px;
  }
}

.p-sustainaPartnership__Card-title-en {
  position: absolute;
  top: 34px;
  left: 15px;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: rgba(200, 20, 30, 0.1);
  writing-mode: vertical-lr;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__Card-title-en {
    top: 31px;
    left: 2px;
    font-size: 24px;
  }
}

.p-sustainaPartnership__Card-text {
  margin-top: 22px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-sustainaPartnership__Card-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.7;
  }
}

.p-company-body {
  background-color: #f8f9f9;
}

.p-company-top {
  position: relative;
}

.p-company-top::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 44.4444444444vw;
  content: "";
  background-image: url("../../assets/images/company_outline_top_bg.png");
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-company-top::before {
    display: none;
  }
}

.p-company-top::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 44.4444444444vw;
  content: "";
  background-image: url("../../assets/images/company_outline_center_bg.png");
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-company-top::after {
    display: none;
  }
}

.p-company-top__inner {
  padding-top: 110px;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-company-top__inner {
    padding: 40px 6px;
  }
}

.p-company-top__cardBtns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 32px;
  column-gap: 32px;
  max-width: 822px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-company-top__cardBtns {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 16px;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

.p-company-top__cardBtns .c-card__item {
  justify-content: flex-start;
  padding: 40px 12.4% 24px;
}
@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__item {
    padding: 26px 40px 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__title {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-bottom: 16px;
  }
}

.p-company-top__cardBtns .c-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__content {
    margin-top: 24px;
  }
}

.p-company-top__cardBtns .c-card__text {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__text {
    font-size: 1.0666666667rem;
    line-height: 2;
  }
}

.p-company-top__cardBtns .c-card__item:nth-child(2) .c-btnWrap {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__item:nth-child(2) .c-btnWrap {
    margin-top: 19px;
  }
}

@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__btn .c-btn::before {
    left: 0;
    width: 40px;
    height: 40px;
  }
}

.p-company-top__cardBtns .c-card__title {
  width: 95%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__title {
    width: 100%;
  }
}

.p-company-top__cardBtns .c-card__img {
  height: 200px;
}
@media screen and (max-width: 768px) {
  .p-company-top__cardBtns .c-card__img {
    height: 168px;
  }
}

.p-company-top__iconBtns {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 24px;
  justify-content: center;
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtns {
    gap: 24px 0;
    margin-top: 40px;
    margin-right: 7px;
    margin-left: 7px;
  }
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-top-network__button {
  width: 100%;
  min-width: auto;
  max-width: 307px;
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-top-network__button .c-iconBtn {
  padding: 30px 9% 32px;
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-top-network__button .c-iconBtn__text {
  padding: 0 45px 15px 0;
  margin-top: 46px;
  text-align: left;
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-top-network__button.p-company-top__iconBtn--more .c-iconBtn__text {
  margin-top: 10px;
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-top-network__button .c-btn {
  padding: 0 0 0 45px;
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-top-network__button.p-company-top__iconBtn--more .c-iconBtn__text {
  padding: 0 45px 8px 3px;
  margin-top: 27px;
  text-align: left;
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-top-network__button .c-iconBtn {
    padding: 0 16px 16px;
}


.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-top-network__button .c-iconBtn .c-card__btn .c-btn::before {
  width: 24px;
  height: 24px;
}

.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-top-network__button .p-top-network__button__group {
  width: auto;
}
.p-company-body .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-top-network__button .c-btn {
  padding: 0 0 0 40px;
  min-height: 24px;
}

@media screen and (max-width: 768px) {
  .p-company-top__iconBtns--pc {
    display: none;
  }
}

.p-company-top__iconBtns--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtns--sp {
    display: flex;
  }
}

.p-company-top__iconBtn {
  width: 100%;
  max-width: 307px;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtn {
    max-width: none;
  }
}

.p-company-top__iconBtn .c-iconBtn {
  padding: 30px 9% 32px;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtn .c-iconBtn {
    padding: 0 16px 16px;
  }
}

.p-company-top__iconBtn img {
  height: 120px;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtn img {
    height: 80px;
  }
}

.p-company-top__iconBtn:nth-child(3) img {
  height: 110px;
  margin-bottom: 10px;
  transform: translateY(8px);
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtn:nth-child(3) img {
    height: 80px;
    margin-bottom: 0;
    transform: translateY(0);
  }
}

.p-company-top__iconBtn .c-iconBtn__text {
  padding: 0 45px 15px 0;
  margin-top: 46px;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtn .c-iconBtn__text {
    padding: 0 45px 8px 3px;
    margin-top: 53px;
    margin-bottom: 7px;
  }
}

.p-company-top__iconBtn.p-company-top__iconBtn--more .c-iconBtn__text {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtn.p-company-top__iconBtn--more .c-iconBtn__text {
    margin-top: 27px;
  }
}

.p-company-top__iconBtn.p-company-top__iconBtn--more .c-iconBtn__text::after {
  top: 60%;
}
@media screen and (max-width: 768px) {
  .p-company-top__iconBtn.p-company-top__iconBtn--more .c-iconBtn__text::after {
    top: 66%;
  }
}

.p-company-outline {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .p-company-outline {
    padding-top: 34px;
    padding-bottom: 40px;
  }
}

.p-company-outline::before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/680;
  content: "";
  background: url("../../assets/images/company_outline_top_bg.png") no-repeat;
  background-size: contain;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) and (max-width: 1439px) {
  .p-company-outline::before {
    top: 0;
    bottom: auto;
    width: 1440px;
    transform: translate(-50%, -5px);
  }
}
@media screen and (min-width: 1979px) {
  .p-company-outline::before {
    top: auto;
    bottom: 50%;
    transform: translate(-50%, -62.75vw);
  }
}
@media screen and (max-width: 768px) {
  .p-company-outline::before {
    display: none;
  }
}

.p-company-outline::after {
  position: absolute;
  bottom: -5vw;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/680;
  content: "";
  background: url("../../assets/images/company_outline_bottom_bg.png") no-repeat;
  background-size: contain;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) and (max-width: 1439px) {
  .p-company-outline::after {
    top: auto;
    bottom: -14vw;
    width: 1440px;
    transform: translate(-50%, 15px);
  }
}
@media screen and (min-width: 1979px) {
  .p-company-outline::after {
    top: 50%;
    transform: translate(-50%, 65.76vw);
  }
}
@media screen and (max-width: 768px) {
  .p-company-outline::after {
    display: none;
  }
}

/* en company */
.p-company-body.p-company-body__en .p-company-top::before,
.p-company-body.p-company-body__en .p-company-top::after
{
  display: none;
}

.p-company-body.p-company-body__en .p-company-top__iconBtns {
  margin-top: 0;
}

.p-company-body.p-company-body__en .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-company-top__iconBtn .c-iconBtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-company-body.p-company-body__en .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-company-top__iconBtn .c-iconBtn {
    height: 100%;
    min-height: 80px;
    padding: 16px;
  }
}

.p-company-body.p-company-body__en .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-company-top__iconBtn .c-iconBtn__text {
  margin-top: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-company-body.p-company-body__en .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-company-top__iconBtn .c-iconBtn__text {
    margin-top: 0;
  }
}

.p-company-body.p-company-body__en .p-company-top__iconBtns.p-company-top__iconBtns--pc .p-company-top__iconBtn .c-iconBtn__text::after {
  top: auto;
  transform: none;
}
@media screen and (max-width: 768px) {
  .p-company-body.p-company-body__en .p-company-top__iconBtns.p-company-top__iconBtns--sp .p-company-top__iconBtn .c-iconBtn__text::after {
    top: auto;
    transform: none;
  }
}

.p-company-body.p-company-body__en .p-company-outline__container__title {
  width: 272px;
}

.p-company-body.p-company-body__en .c-companyNetworkList__item-listWrap {
  padding-top: 0;
}

.p-company-body.p-company-body__en .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-list[data-type=oversea] {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-company-body.p-company-body__en .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-list[data-type=oversea] {
    padding-top: 14px;
  }
}

@media screen and (max-width: 768px) {
  .p-company-body.p-company-body__en .p-companyNetworkList__wrap {
    padding-bottom: 90px;
  }

}

.p-recruit-career__inner {
  position: relative;
}

.p-recruit-career__inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 100vw;
  height: auto;
  aspect-ratio: 1440/1320;
  content: "";
  background: url("../../assets/images/company_outline_center_bg.png") no-repeat;
  background-size: contain;
  transform: translate(-50%, -38%);
}
@media screen and (max-width: 768px) {
  .p-recruit-career__inner::before {
    display: none;
  }
}

.p-company-outline__title-zone {
  display: flex;
  align-items: flex-end;
  padding-bottom: 6px;
  border-bottom: 1px solid #3c3c41;
}

.p-company-outline__title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5;
  color: #c8141e;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-company-outline__title {
    font-size: 20px;
    letter-spacing: 0;
  }
}

.p-company-outline__subTitle {
  padding-bottom: 6px;
  margin-left: 40px;
  font-family: myfutura, meiryo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-company-outline__subTitle {
    padding-bottom: 0;
    margin-left: 24px;
    font-size: 14px;
  }
}

.p-company-outline__container {
  width: 95.7%;
  padding: 55px 56px 56px;
  margin: 40px auto 0;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 1200px) {
  .p-company-outline__container {
    padding: 40px 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-outline__container {
    position: relative;
    width: 100%;
    padding: 7px 24px 24px;
    margin-top: 24px;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
  }
}

.p-company-outline__container__list {
  display: flex;
  padding: 21px 0 20px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__list {
    flex-direction: column;
    padding: 13px 0 16px;
  }
}

.p-company-outline__container__title {
  width: 264px;
  padding: 0 2% 0 9%;
}
@media screen and (max-width: 1200px) {
  .p-company-outline__container__title {
    width: 190px;
    padding: 0 2% 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__title {
    width: 100%;
    padding: 0;
  }
}

.p-company-outline__container__title-word {
  font-size: 16px;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__title-word {
    padding-bottom: 2px;
    font-size: 14px;
  }
}

.p-company-outline__container__data {
  flex: 1;
}

.p-company-outline__container__data-word {
  padding: 0 40px;
  font-size: 16px;
  line-height: 1.45;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__data-word {
    padding: 0;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-company-outline__container__right {
  margin-top: 12px;
  font-size: 16px;
  color: #3c3c41;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__right {
    margin-top: 14px;
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .p-company-outline__container__right.p-company-outline__container__right--last {
    margin-top: 5px;
  }
}

.p-company-outline__container__position {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__position {
    margin-top: 14px;
  }
}

.p-company-outline__container__head-inner {
  padding: 24px 54px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 1200px) {
  .p-company-outline__container__head-inner {
    padding: 24px 36px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__head-inner {
    padding: 24px 22px;
  }
}

.p-company-outline__container__head-title {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__head-title {
    font-size: 16px;
  }
}

.p-company-outline__container__head-title::before {
  position: absolute;
  top: 50%;
  left: -22px;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}

.p-company-outline__container__position-bottom {
  margin-top: 88px;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__position-bottom {
    margin-top: 16px;
  }
}

.p-company-outline__container__data-group {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__data-group {
    flex-direction: column;
  }
}

.p-company-outline__container__data-group:first-child {
  margin-top: 2px;
}

@media screen and (max-width: 768px) {
  .p-company-outline__container__data-group:not(:first-child) {
    margin-top: 12px;
  }
}

.p-company-outline__container__data-spaceGroup {
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__data-spaceGroup {
    margin-top: 12px;
  }
}

.p-company-outline__container__data-group span:nth-child(1) {
  width: 86px;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__data-group span:nth-child(1) {
    width: 100%;
    line-height: 1.77;
  }
}

@media screen and (max-width: 768px) {
  .p-company-outline__container__data-group span:nth-child(1).p-company-outline__container__data-shortGroup {
    width: 100%;
  }
}

.p-company-outline__container__data-group span:nth-child(2) {
  flex: 1;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__data-group span:nth-child(2) {
    margin-left: 0;
    line-height: 1.77;
  }
}

.p-company-outline__container__attention {
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__attention {
    margin-top: 8px;
  }
}

.p-company-outline__container__attention-head {
  font-size: min(1.9vw, 16px);
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__attention-head {
    font-size: 12px;
  }
}

.p-company-outline__container__attention-body {
  margin-left: 14px;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__attention-body {
    margin-left: 19px;
  }
}

.p-company-outline__container__attention-text {
  display: flex;
  font-size: min(1.9vw, 16px);
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-outline__container__attention-text {
    font-size: 12px;
  }
}

.p-company-outline__container__attention-text::before {
  margin-right: 5px;
}

.p-company-outline__container__attention-text--01::before {
  font-size: min(1.9vw, 16px);
  line-height: 1.5;
  color: #3c3c41;
  content: "1.";
}

.p-company-outline__container__attention-text--02::before {
  font-size: min(1.9vw, 16px);
  line-height: 1.5;
  color: #3c3c41;
  content: "2.";
}

.p-company-outline__container__attention-text--03::before {
  font-size: min(1.9vw, 16px);
  line-height: 1.5;
  color: #3c3c41;
  content: "3.";
}

.p-company-outline__container__attention-text--01::before,
.p-company-outline__container__attention-text--02::before,
.p-company-outline__container__attention-text--03::before {
  font-size: 12px;
}

.p-company-network-top {
  width: 100%;
  max-width: 1200px;
  padding: 131px 116px 119px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .p-company-network-top {
    max-width: 100%;
    padding: 131px 20px 119px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-network-top {
    padding: 40px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .p-company-network-top__pc-only {
    display: none;
  }
}

.p-company-network-top__head {
  display: flex;
  -moz-column-gap: 13px;
  column-gap: 13px;
  justify-content: space-between;
}

.p-company-network-top__position {
  margin-top: 62px;
  margin-left: 22.4%;
}

.p-company-network-top__center {
  display: flex;
  -moz-column-gap: 13px;
  column-gap: 13px;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: max(-17vw, -160px);
}

.p-company-network-top__center__map {
  position: relative;
  z-index: -1;
  flex: 1;
  max-width: 515px;
  transform: translate(9px, 38px);
}
@media screen and (max-width: 1200px) {
  .p-company-network-top__center__map {
    flex: unset;
    width: 43vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 920px) {
  .p-company-network-top__center__map {
    width: 55vw;
  }
}
@media screen and (max-width: 768px) {
  .p-company-network-top__center__map {
    display: flex;
    justify-content: center;
    width: 90%;
    max-width: unset;
    transform: translate(5vw, 0);
  }
}

.p-company-network-top__foot {
  display: flex;
  -moz-column-gap: 13px;
  column-gap: 13px;
  justify-content: space-between;
  margin-top: 47px;
}

.p-company-network-top__foot__container--left {
  margin-top: -2px;
}

.p-company-network-top__group {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-company-network-top__group {
    width: 100%;
  }
}

.p-company-network-top__group:not(:first-child) {
  margin-top: 11px;
}
@media screen and (max-width: 768px) {
  .p-company-network-top__group:not(:first-child) {
    margin-top: 14px;
  }
}

.p-company-network-top__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #c8141e;
}
@media screen and (max-width: 1200px) {
  .p-company-network-top__title {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .p-company-network-top__title {
    font-size: 20px;
    color: #3c3c41;
  }
}

.p-company-network-top__body {
  display: flex;
  padding: 25px 32px 39px;
  margin-top: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 1200px) {
  .p-company-network-top__body {
    padding: 1vw 1.8vw 2vw;
  }
}

.p-company-network-top__position .p-company-network-top__body {
  max-width: 360px;
}
@media screen and (max-width: 1200px) {
  .p-company-network-top__position .p-company-network-top__body {
    max-width: 35vw;
  }
}

.p-company-network-top__center .p-company-network-top__body {
  max-width: 200px;
}
@media screen and (max-width: 1200px) {
  .p-company-network-top__center .p-company-network-top__body {
    max-width: 20vw;
  }
}

@media screen and (max-width: 768px) {
  .p-company-network-top__list {
    padding-bottom: 8px;
  }
}

.p-company-network-top__list:not(:first-child) {
  margin-left: 32px;
}
@media screen and (max-width: 1200px) {
  .p-company-network-top__list:not(:first-child) {
    margin-left: 2.25vw;
  }
}
@media screen and (max-width: 768px) {
  .p-company-network-top__list:not(:first-child) {
    margin-top: 16px;
  }
}

.p-company-network-top__item {
  margin-top: 13px;
  font-size: 16px;
  line-height: 1.2;
  color: #3c3c41;
}
@media screen and (max-width: 1200px) {
  .p-company-network-top__item {
    font-size: 1.75vw;
  }
}
@media screen and (max-width: 768px) {
  .p-company-network-top__item {
    margin: 16px 16px 0;
    font-size: 16px;
    line-height: 1.75;
  }
}

@media screen and (max-width: 768px) {
  .p-company-network-top__item:first-child {
    margin-top: 24px;
  }
}

.p-company-network-top__item__link {
  position: relative;
  display: inline-block;
}

.p-company-network-top__item__link:hover {
  text-decoration: underline;
}

.p-company-network-top__sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-company-network-top__sp-only {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-company-network-top__container {
    padding: 24px 24px 25px;
    margin: 40px 16px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

.p-company-network-top__box {
  position: relative;
  padding: 12px 16px;
  cursor: pointer;
  border: 1px solid #c8141e;
}

.p-company-network-top__accordion {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
}

.is-active + .p-company-network-top__accordion {
  max-height: 1200px;
}

.p-company-network-top__box::before {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 5px;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}

.p-company-network-top__box::after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 5px;
  content: "";
  background-color: #c8141e;
  transition: 0.3s;
  transform: translateY(-50%) rotate(90deg);
}

.p-company-network-top__box.is-close::after {
  transform: translateY(-50%) rotate(0);
}

.p-company-group-top {
  padding-top: 82px;
}
@media screen and (max-width: 768px) {
  .p-company-group-top {
    padding-top: 10px;
  }
}

.p-company-group-top__headingWrap {
  padding-bottom: 15px;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__headingWrap {
    padding-bottom: 7px;
  }
}

.p-company-group-top__heading {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__heading {
    font-size: 20px;
  }
}

.p-company-group-top__container {
  position: relative;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__container {
    padding-top: 24px;
  }
}

.p-company-group-top__container--japan {
  padding-bottom: 122px;
}
@media screen and (max-width: 1200px) {
  .p-company-group-top__container--japan {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-group-top__container--japan {
    padding-bottom: 24px;
  }
}

.p-company-group-top__container--abroad {
  padding-bottom: 220px;
}
@media screen and (max-width: 1200px) {
  .p-company-group-top__container--abroad {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-group-top__container--abroad {
    padding-bottom: 20px;
  }
}

.p-company-group-top__body {
  position: relative;
  z-index: 1;
  display: flex;
  width: 788px;
  padding: 25px 32px 39px;
  margin-left: 5.36%;
  background: #fff;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 1200px) {
  .p-company-group-top__body {
    width: 89.28%;
    max-width: 788px;
    margin-right: 5.36%;
  }
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body {
    flex-direction: column;
    width: 100%;
    padding: 10px 24px 24px;
    margin-left: auto;
  }
}

.p-company-group-top__body--abroad {
  flex-direction: column;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body--abroad {
    padding: 24px;
  }
}

.p-company-group-top__list:not(:first-child) {
  margin-left: 32px;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__list:not(:first-child) {
    margin-left: 0;
  }
}

.p-company-group-top__body__list {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__list {
    flex-direction: column;
  }
}

.p-company-group-top__body__list:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__list:not(:first-child) {
    margin-top: 24px;
  }
}

.p-company-group-top__body__list:not(:first-child).p-company-group-top__body__list--small {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__list:not(:first-child).p-company-group-top__body__list--small {
    flex-direction: row;
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-company-group-top__body__list:not(:first-child).p-company-group-top__body__list--smallSp {
    margin-top: 1px;
  }
}

.p-company-group-top__body__list--small .p-company-group-top__body__title {
  padding-left: 42px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__list--small .p-company-group-top__body__title {
    width: auto;
    padding-left: 32px;
  }
}

.p-company-group-top__item {
  margin-top: 13px;
  font-size: 16px;
  line-height: 1.2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__item {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-company-group-top__body__title {
  width: 176px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__title {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
  }
}

.p-company-group-top__body__text {
  flex: 1;
  margin-left: 24px;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__text {
    margin-top: 8px;
    margin-left: 0;
    font-size: 14px;
    line-height: 1.75;
  }
}

@media screen and (max-width: 768px) {
  .p-company-group-top__body__list--small .p-company-group-top__body__text {
    margin-top: 0;
    margin-left: 8px;
  }
}

.p-company-group-top__body__list--smallBr {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__list--smallBr {
    display: block;
  }
}

.p-company-group-top__body__text-br01 {
  display: none;
}
@media screen and (max-width: 999px) {
  .p-company-group-top__body__text-br01 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__text-br01 {
    display: none;
  }
}
@media screen and (max-width: 369px) {
  .p-company-group-top__body__text-br01 {
    display: block;
  }
}

.p-company-group-top__body__text-br02 {
  display: none;
}
@media screen and (max-width: 449px) {
  .p-company-group-top__body__text-br02 {
    display: block;
  }
}
@media screen and (max-width: 369px) {
  .p-company-group-top__body__text-br02 {
    display: none;
  }
}

.p-company-group-top__body__text-br03 {
  display: none;
}
@media screen and (max-width: 999px) {
  .p-company-group-top__body__text-br03 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__text-br03 {
    display: none;
  }
}
@media screen and (max-width: 369px) {
  .p-company-group-top__body__text-br03 {
    display: block;
  }
}

.p-company-group-top__body__text-br04 {
  display: none;
}
@media screen and (max-width: 499px) {
  .p-company-group-top__body__text-br04 {
    display: block;
  }
}

.p-company-group-top__body__text-br05 {
  display: none;
}
@media screen and (max-width: 799px) {
  .p-company-group-top__body__text-br05 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-company-group-top__body__text-br05 {
    display: none;
  }
}
@media screen and (max-width: 349px) {
  .p-company-group-top__body__text-br05 {
    display: block;
  }
}

.p-company-group-top__japan-map {
  position: absolute;
  top: 39%;
  right: 1%;
  width: 43%;
}
@media screen and (max-width: 1200px) {
  .p-company-group-top__japan-map {
    position: relative;
    top: auto;
    right: auto;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 40px;
  }
}

.p-company-group-top__abroad-map {
  position: absolute;
  top: 62%;
  right: 1%;
  width: 44%;
}
@media screen and (max-width: 1200px) {
  .p-company-group-top__abroad-map {
    position: relative;
    top: auto;
    right: auto;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 40px;
  }
}

.p-company-chart__title-zone {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-company-chart__title-zone {
    margin-top: 36px;
  }
}

@media screen and (max-width: 768px) {
  .p-company-outline__container.p-company-chart__container {
    padding: 16px 24px;
  }
}

.p-company-chart__container__image {
  width: 90%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-company-chart__container__image {
    width: 100%;
    max-width: 295px;
  }
}

.p-sustainaOrganizationChart__iconButton {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .p-sustainaOrganizationChart__iconButton.p-company-chart__iconButton {
    top: 20px;
    right: 28px;
    width: 19%;
  }
}

@media screen and (max-width: 768px) {
  .p-company-chart__modal.p-sustainaOrganizationChart__modal img {
    aspect-ratio: 295/406;
  }
}

.p-company-topMessage {
  position: relative;
}
.p-company-topMessage::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 44.4444444444vw;
  content: "";
  background-image: url("../../assets/images/company_outline_top_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage::before {
    display: none;
  }
}
.p-company-topMessage::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 44.4444444444vw;
  content: "";
  background-image: url("../../assets/images/company_outline_bottom_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage::after {
    display: none;
  }
}

.p-company-topMessage .c-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage .c-headingWrap {
    flex-direction: column;
    align-items: normal;
    padding-bottom: 11px;
  }
}

.p-company-topMessage .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
  }
}

.p-company-topMessage .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage .c-heading-en {
    padding-left: 0;
    font-size: 0.8rem;
    line-height: 1.5;
  }
}

.p-company-topMessage__inner {
  padding-block: 120px;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__inner {
    padding-block: 40px;
  }
}

.p-company-topMessage__contents {
  width: 100%;
  max-width: 1072px;
  padding: 56px clamp(48px, 6.66vw, 96px);
  margin-inline: auto;
  margin-top: 40px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__contents {
    padding: 24px;
    margin-top: 24px;
  }
}

.p-company-topMessage__image {
  position: relative;
}

.p-company-topMessage__ceo {
  position: absolute;
  top: 36%;
  right: 11%;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__ceo {
    top: 15%;
    right: 50%;
    transform: translateX(50%);
  }
}

.p-company-topMessage__ceoText {
  font-size: clamp(16px, 1.666vw, 24px);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__ceoText {
    font-size: clamp(16px, 3vw, 20px);
    white-space: nowrap;
  }
}

.p-company-topMessage__ceoName {
  margin-top: clamp(20px, 2.5vw, 36px);
  font-size: clamp(14px, 2vw, 16px);
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__ceoName {
    margin-top: 8px;
  }
}

.p-company-topMessage__texts {
  margin-top: 40px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__texts {
    margin-top: 24px;
  }
}

.p-company-topMessage__text {
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__text {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-company-topMessage__text + .p-company-topMessage__text {
  margin-top: 24px;
}

.p-company-topMessage__text--right {
  text-align: right;
}
.p-company-topMessage__text--right span {
  display: block;
  margin-top: -9px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p-company-topMessage__text--right span {
    margin-top: 0;
    font-size: 18px;
  }
}

.p-companyHistory {
  position: relative;
  overflow: hidden;
}

.p-companyHistory::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 44.4444444444vw;
  content: "";
  background: url("../../assets/images/company_outline_top_bg.png") no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
  .p-companyHistory::before {
    display: none;
  }
}

.p-companyHistory::after {
  position: absolute;
  top: 55vw;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: calc(100% - 55vw);
  min-height: 100.4vw;
  aspect-ratio: 1440/1446;
  content: "";
  background: url("../../assets/images/company_history_repeat_bg.png") repeat-y;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-companyHistory::after {
    display: none;
  }
}

.p-companyHistory__inner {
  max-width: 88.8888888889vw;
  padding: 8.3333333333vw 5.5555555556vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__inner {
    max-width: 375px;
    padding: 36px 16px 40px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__inner {
    max-width: 1280px;
    padding: 120px 80px;
  }
}

.p-companyHistory__tabWrap {
  max-width: 1058px;
  margin: 40px auto 0;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-companyHistory__tabWrap {
    margin-top: 24px;
  }
}

.p-companyHistory__tab {
  position: relative;
  display: flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
  justify-content: center;
  max-width: 1058px;
  padding-top: 56px;
  padding-right: 16px;
  padding-left: 16px;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__tab {
    -moz-column-gap: 12px;
    column-gap: 12px;
    max-width: 343px;
    padding-top: 24px;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 auto;
  }
}

.p-companyHistory__tab::before {
  position: absolute;
  bottom: 0;
  z-index: 0;
  display: block;
  width: 98%;
  max-width: 756px;
  height: 1px;
  content: "";
  background: #999;
}

.p-companyHistory__tabItem {
  flex-grow: 1;
  width: 100%;
  max-width: 160px;
  padding: 5px;
  padding: 12px;
  font-weight: 500;
  color: #3c3c41;
  text-align: center;
  list-style: none;
  cursor: pointer;
  border: 1px solid #c8141e;
  border-radius: 4px 4px 0 0;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__tabItem {
    max-width: 72px;
    border-bottom: none;
    display: grid;
    place-items: center;
  }
}
@media screen and (max-width: 366px) {
  .p-companyHistory__tabItem {
    padding: 4px;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__tabItem:first-child {
    padding: 2px 10px;
    min-width: 72px;
  }
}

.p-companyHistory__panelWrap {
  padding: 2.7777777778vw 6.1111111111vw 4.0972222222vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panelWrap {
    padding: 20px 24px 26px;
  }
}
@media screen and (max-width: 350px) {
  .p-companyHistory__panelWrap {
    padding: 20px 12px 26px;
  }
}
@media screen and (min-width: 769px) and (max-width: 795px) {
  .p-companyHistory__panelWrap {
    padding: 2.7777777778vw 1.7361111111vw 4.0972222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__panelWrap {
    padding: 40px 88px 59px;
  }
}

.p-companyHistory__panel {
  display: none;
}

.p-companyHistory__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
  color: #3c3c41;
}

.p-companyHistory__heading {
  padding-left: 16px;
  margin-top: 40px;
  font-weight: 500;
  color: #3c3c41;
  border-left: 6px solid #c8141e;
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__heading {
    margin-top: 24px;
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.p-companyHistory__body {
  padding-left: 6.3888888889vw;
  margin-top: 4.7916666667vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__body {
    padding-left: 8px;
    margin-top: 47px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__body {
    padding-left: 92px;
    margin-top: 69px;
  }
}

.p-companyHistory__items {
  position: relative;
  height: 39.2361111111vw;
  padding-top: 0.3472222222vw;
  padding-left: 6.1111111111vw;
  border-left: 0.5555555556vw solid #c8141e;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__items {
    height: 575px;
    padding-left: 32px;
    border-left: 8px solid #c8141e;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__items {
    height: 565px;
    padding-top: 5px;
    padding-left: 88px;
    border-left: 8px solid #c8141e;
  }
}

.p-companyHistory__panel--Shouwa .p-companyHistory__items {
  height: 103.4027777778vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__items {
    height: 1727px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__items {
    height: 1489px;
  }
}

.p-companyHistory__panel--Heisei .p-companyHistory__items {
  height: 167.2916666667vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__items {
    height: 2744px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__items {
    height: 2409px;
  }
}

.p-companyHistory__panel--Reiwa .p-companyHistory__items {
  height: 42.694444vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Reiwa .p-companyHistory__items {
    height: 758px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__panel--Reiwa .p-companyHistory__items {
    height: 637px;
  }
}

.p-companyHistory__panel--Reiwa .p-companyHistory__itemSubLead {
  width: 7%;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Reiwa .p-companyHistory__itemSubLead {
    width: 15%;
  }
}

.p-companyHistory__items::before {
  position: absolute;
  top: -2.0138888889vw;
  left: -1.3888888889vw;
  display: block;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  content: "";
  background-color: #c8141e;
  border-radius: 100vmax;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__items::before {
    top: -23px;
    left: -16px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__items::before {
    top: -29px;
    left: -20px;
    width: 30px;
    height: 30px;
  }
}

.p-companyHistory__items::after {
  position: absolute;
  bottom: -2.7777777778vw;
  left: -0.625vw;
  display: block;
  width: 0.625vw;
  height: 2.2222222222vw;
  content: "";
  background: url("../../assets/images/companyHistory_border_dashed.svg") no-repeat center center/contain;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__items::after {
    bottom: -34px;
    left: -8px;
    width: 9px;
    height: 32px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__items::after {
    bottom: -40px;
    left: -9px;
    width: 9px;
    height: 32px;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__items::after {
    bottom: -37px;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__items::after {
    bottom: -37px;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Reiwa .p-companyHistory__items::after {
    bottom: -37px;
  }
}

.p-companyHistory__itemsStyle {
  position: absolute;
  top: 0;
  left: -0.5555555556vw;
  display: inline-block;
  width: 0.5555555556vw;
  height: 39.7916666667vw;
  vertical-align: middle;
  content: "";
  background-color: #c8141e;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemsStyle {
    left: -8px;
    width: 8px;
    height: 568px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__itemsStyle {
    left: -8px;
    width: 8px;
    height: 573px;
  }
}

.p-companyHistory__panel--Shouwa .p-companyHistory__itemsStyle {
  height: 103.9583333333vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__itemsStyle {
    height: 1730px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__itemsStyle {
    height: 1497px;
  }
}

.p-companyHistory__panel--Heisei .p-companyHistory__itemsStyle {
  height: 167.5vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__itemsStyle {
    height: 2748px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__itemsStyle {
    height: 2412px;
  }
}

.p-companyHistory__panel--Reiwa .p-companyHistory__itemsStyle {
  height: 20.9027777778vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Reiwa .p-companyHistory__itemsStyle {
    height: 416px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__panel--Reiwa .p-companyHistory__itemsStyle {
    height: 301px;
  }
}

.p-companyHistory__item + .p-companyHistory__item {
  margin-top: 1.6666666667vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__item + .p-companyHistory__item {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__item + .p-companyHistory__item {
    margin-top: 24px;
  }
}

@media screen and (min-width: 769px) and (max-width: 850px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__item + .p-companyHistory__item {
    margin-top: 1.1805555556vw;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__item {
    padding-top: 10px;
  }
}

@media screen and (max-width: 374px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__item {
    padding-top: 5px;
  }
}

@media screen and (max-width: 374px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__item {
    padding-top: 4px;
    margin-top: 7px;
  }
}
@media screen and (max-width: 329px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__item {
    padding-top: 0;
  }
}

.p-companyHistory__itemLead,
.p-companyHistory__itemSubLead {
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 1.5;
  color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemLead,
  .p-companyHistory__itemSubLead {
    font-size: 1.0666666667rem;
    line-height: 1.375;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__itemLead,
  .p-companyHistory__itemSubLead {
    font-size: 1.3333333333rem;
    line-height: 1.5;
  }
}

.p-companyHistory__itemSubLead {
  width: 6%;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemSubLead {
    width: 14%;
  }
}

.p-companyHistory__panel--Shouwa .p-companyHistory__itemSubLead {
  width: 7%;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__itemSubLead {
    width: 14%;
  }
}

.p-companyHistory__panel--Shouwa .p-companyHistory__itemSubLead--large {
  width: 23%;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Shouwa .p-companyHistory__itemSubLead--large {
    width: 100%;
  }
}

.p-companyHistory__panel--Heisei .p-companyHistory__itemSubLead {
  width: 7%;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__itemSubLead {
    width: 15%;
  }
}

.p-companyHistory__panel--Heisei .p-companyHistory__itemSubLead--large {
  width: 23%;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__itemSubLead--large {
    width: 100%;
  }
}

.p-companyHistory__itemTextWrap {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemTextWrap {
    -moz-column-gap: 0;
    column-gap: 0;
    margin-top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__itemTextWrap--column {
    flex-direction: column;
  }
}

.p-companyHistory__itemText {
  width: 94%;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemText {
    font-size: 0.9333333333rem;
    line-height: 1.7857142857;
    width: 86%;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__itemText {
    font-size: 1.0666666667rem;
    line-height: 2;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__itemText {
    width: 91%;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__itemTextWrap {
    margin-top: 4px;
  }
}

@media screen and (max-width: 768px) {
  .p-companyHistory__itemText--large {
    width: 100%;
    padding-left: 35px;
  }
}

.p-companyHistory__itemLead {
  position: relative;
}

.p-companyHistory__itemLead::before {
  position: absolute;
  top: 70%;
  left: -6.1111111111vw;
  display: block;
  width: 5.1388888889vw;
  height: 1px;
  content: "";
  border: 1px dashed #000;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemLead::before {
    top: 67%;
    left: -32px;
    width: 28px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__itemLead::before {
    left: -88px;
    width: 74px;
  }
}

.p-companyHistory__itemLead--large {
  padding-left: 5px;
  font-size: 2.7777777778vw;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemLead--large {
    font-size: 2.1333333333rem;
    line-height: 1.5;
    padding-left: 4px;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__itemLead--large {
    font-size: 2.6666666667rem;
    line-height: 1.5;
  }
}

.p-companyHistory__itemLead--middle {
  font-size: 1.9444444444vw;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__itemLead--middle {
    font-size: 1.3333333333rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__itemLead--middle {
    font-size: 1.8666666667rem;
    line-height: 1.5;
  }
}

.p-companyHistory__slider {
  margin-top: 5vw;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__slider {
    margin-top: 51px;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__slider {
    margin-top: 72px;
  }
}

@media screen and (max-width: 329px) {
  .p-companyHistory__panel--Heisei .p-companyHistory__slider {
    margin-top: 81px;
  }
}

.p-companyHistory__sliderContent {
  width: calc(100% + 12.2222222222vw);
  margin: 0 -6.1111111111vw;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__sliderContent {
    width: calc(100% + 48px);
    margin: 0 -24px;
  }
}
@media screen and (max-width: 350px) {
  .p-companyHistory__sliderContent {
    width: calc(100% + 24px);
    margin: 0 -12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 795px) {
  .p-companyHistory__sliderContent {
    width: calc(100% + 3.4722222222vw);
    margin: 0 -1.7361111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-companyHistory__sliderContent {
    width: calc(100% + 176px);
    margin: 0 -88px;
  }
}

.p-companyHistory__sliderItem {
  width: 244px;
  height: 100%;
  margin-right: 13px;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__sliderItem {
    width: 170px;
    margin-right: 8px;
  }
}

.p-companyHistory__sliderInner {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.p-companyHistory__sliderPaused + .p-companyHistory__sliderPaused {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .p-companyHistory__sliderPaused + .p-companyHistory__sliderPaused {
    margin-top: 8px;
  }
}

.p-companyHistory__sliderLeft {
  display: flex;
  animation: loop-slide-left 20s infinite linear 1s both;
}

.p-companyHistory__sliderRight {
  display: flex;
  animation: loop-slide-right 20s infinite linear 1s both;
}

@keyframes loop-slide-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes loop-slide-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.p-companyHistory__sliderPaused:hover .p-companyHistory__sliderRight,
.p-companyHistory__sliderPaused:hover .p-companyHistory__sliderLeft {
  animation-play-state: paused;
}

.p-companyHistory__sliderItem--hover {
  position: relative;
}

.p-companyHistory__sliderCaption {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  font-size: 1.0666666667rem;
  line-height: 1.75;
  font-weight: 400;
  color: #000;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-companyHistory__sliderCaption {
    font-size: 0.9333333333rem;
    line-height: 1.7857142857;
  }
}

.p-companyHistory__sliderMask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
  opacity: 0;
}

.p-companyHistory__sliderMask:hover {
  z-index: 100;
  opacity: 1;
}

/* ===============================================
# タブの切り替え
=============================================== */
.p-companyHistory__tabItem.is-active {
  color: #fff;
  background: #c8141e;
  transition: all 0.2s ease-out;
}

.p-companyHistory__panel.is-show {
  display: block;
}

.p-companyNetworkList__wrap {
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .p-companyNetworkList__wrap {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .p-companyNetworkList__wrap[data-type=group] {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.c-companyNetworkList__items {
  display: flex;
  flex-direction: column;
  gap: 120px;
  max-width: 1120px;
  margin: 85px auto 0;
  margin-top: 86px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__items {
    gap: 40px;
    max-width: 343px;
    margin-top: 14px;
  }
}

.c-companyNetworkList__item-listWrap {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listWrap {
    padding-top: 11px;
  }
}

.c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-list[data-type=oversea] {
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-list[data-type=oversea] {
    padding-top: 6px;
  }
}
.c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle {
  width: 288px;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle {
    width: 100%;
  }
}
.c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle span {
  display: block;
  margin-top: 16px;
  font-weight: 400;
}
.c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle[data-type=oversea] {
  padding-left: 60px;
}
@media screen and (max-width: 1200px) {
  .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle[data-type=oversea] {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle[data-type=oversea] {
    padding-left: 0;
  }
}
.c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle-en {
  width: 288px;
  font-size: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listTitle-en {
    font-size: 16px;
  }
}
.c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listInfo {
  width: calc(100% - 288px - 24px);
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item[data-type=group] .c-companyNetworkList__item-listInfo {
    width: 100%;
  }
}

.c-companyNetworkList__item-title {
  padding-bottom: 19px;
  font-size: 24px;
  font-weight: 500;
  color: #c8141e;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-title {
    padding-bottom: 6px;
    font-size: 20px;
  }
}

.c-companyNetworkList__item-lists {
  padding: 0 60px;
}
@media screen and (max-width: 1200px) {
  .c-companyNetworkList__item-lists {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-lists {
    padding: 0;
  }
}

.c-companyNetworkList__item-list {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  padding: 24px 45px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 1200px) {
  .c-companyNetworkList__item-list {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-list {
    display: block;
    padding: 14px 0;
  }
}
.c-companyNetworkList__item-list[data-type=multiple] {
  flex-direction: column;
  gap: 25px;
  padding: 24px 60px;
}
@media screen and (max-width: 1200px) {
  .c-companyNetworkList__item-list[data-type=multiple] {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-list[data-type=multiple] {
    padding: 16px 0;
  }
}

.c-companyNetworkList__item-subList {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-subList {
    display: block;
  }
}

.c-companyNetworkList__item-listTitle {
  width: 260px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listTitle {
    font-size: 16px;
  }
}
.c-companyNetworkList__item-listTitle[data-type=small] {
  font-size: 16px;
  color: #ff3f3f;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listTitle[data-type=small] {
    margin-top: 12px;
    font-size: 14px;
  }
}
.c-companyNetworkList__item-listTitle[data-color=red] {
  color: #ff3f3f;
}

.c-companyNetworkList__item-titleSecond {
  margin-top: 40px;
  font-size: 16px;
}

.c-companyNetworkList__item-listInfo {
  width: calc(100% - 260px - 24px);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listInfo {
    width: 100%;
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.52;
    letter-spacing: 0.001em;
  }
}
.c-companyNetworkList__item-listInfo a {
  text-decoration: underline;
  transition: all 0.3s ease 0s;
}
@media screen and (min-width: 768px) {
  .c-companyNetworkList__item-listInfo a:hover {
    opacity: 0.7;
  }
}

.c-companyNetworkList__item-infoSecond {
  margin-top: 24px;
}

.p-companyNetworkList__wrap {
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .p-companyNetworkList__wrap {
    padding-bottom: 40px;
  }
}

.c-companyNetworkList__items {
  display: flex;
  flex-direction: column;
  gap: 120px;
  max-width: 1120px;
  margin: 85px auto 0;
  color: #3c3c41;
  margin-top: 86px;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__items {
    max-width: 343px;
    margin-top: 14px;
    gap: 40px;
  }
}

.c-companyNetworkList__item-title {
  padding-bottom: 19px;
  font-size: 24px;
  font-weight: 500;
  color: #c8141e;
  border-bottom: 1px solid #3c3c41;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-title {
    font-size: 20px;
    padding-bottom: 6px;
  }
}

.c-companyNetworkList__item-lists {
  padding: 0 60px;
}
@media screen and (max-width: 1200px) {
  .c-companyNetworkList__item-lists {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-lists {
    padding: 0;
  }
}

.c-companyNetworkList__item-list {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  padding: 24px 60px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 1200px) {
  .c-companyNetworkList__item-list {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-list {
    display: block;
    padding: 14px 0;
  }
}
.c-companyNetworkList__item-list[data-type=multiple] {
  padding: 24px 60px;
  flex-direction: column;
  gap: 25px;
}
@media screen and (max-width: 1200px) {
  .c-companyNetworkList__item-list[data-type=multiple] {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-list[data-type=multiple] {
    padding: 16px 0;
  }
}

.c-companyNetworkList__item-subList {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-subList {
    display: block;
  }
}

.c-companyNetworkList__item-listTitle {
  width: 260px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listTitle {
    font-size: 16px;
  }
}
.c-companyNetworkList__item-listTitle[data-type=small] {
  font-size: 16px;
  color: #3C3C41;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listTitle[data-type=small] {
    margin-top: 12px;
    font-size: 14px;
  }
}
.c-companyNetworkList__item-listTitle[data-color=red] {
  color: #FF3F3F;
}

.c-companyNetworkList__item-titleSecond {
  margin-top: 40px;
  font-size: 16px;
}

.c-companyNetworkList__item-listInfo {
  width: calc(100% - 260px - 24px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listInfo {
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.001em;
    margin-top: 3px;
    line-height: 1.52;
  }
}
.c-companyNetworkList__item-listInfo span {
  position: relative;
}
.c-companyNetworkList__item-listInfo span a {
  position: absolute;
  top: 1px;
  right: -32px;
  width: 24px;
  height: 20px;
  background: url("../../assets/images/companyList-icon-map.svg") no-repeat center center/cover;
  transition: all 0.3s ease 0s;
}
@media (min-width: 769px) {
  .c-companyNetworkList__item-listInfo span a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .c-companyNetworkList__item-listInfo span a {
    right: -24px;
  }
}

.c-companyNetworkList__item-infoSecond {
  margin-top: 24px;
}

.p-logisticHorbar-wrap {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-wrap {
    padding-bottom: 40px;
  }
}

.p-logisticHorbar-topText {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #3c3c41;
  margin-top: 40px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-topText {
    font-size: 16px;
    text-align: left;
    padding: 0 15px;
    margin-top: 16px;
    letter-spacing: 0;
  }
}

.p-logisticHorbar-heading {
  margin-top: 78px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-heading {
    margin-top: 38px;
    padding-bottom: 8px;
  }
}
.p-logisticHorbar-heading h2 {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-heading h2 {
    font-size: 20px;
  }
}
.p-logisticHorbar-heading .c-heading-en {
  padding-bottom: 0;
}

.p-logisticHorbar-item:not(:first-child) {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-item:not(:first-child) {
    margin-top: 38px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticHorbar-item--02 .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticHorbar-item--02 .c-heading {
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 875px) {
  .p-logisticHorbar-item--02 .c-heading-en {
    width: 46%;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-item--02 .c-heading-en {
    width: 100%;
    padding-left: 0;
  }
}

.p-logisticHorbar-itemText {
  font-size: 16px;
  color: #3c3c41;
  font-weight: 400;
  margin-top: 44px;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-itemText {
    margin-top: 27px;
    padding: 0px 24px;
    line-height: 2;
    letter-spacing: 0;
  }
}

.p-logisticHorbar-itemImages {
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-itemImages {
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 24px;
  }
  .p-logisticHorbar-itemImages[data-type=second] {
    margin-top: 22px;
  }
}

.p-logisticHorbar-itemImg {
  max-width: 355px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-logisticHorbar-itemImg {
    max-width: 166px;
  }
  .p-logisticHorbar-itemImg[data-type=large] {
    max-width: 342px;
    position: relative;
    padding-top: 37%;
  }
  .p-logisticHorbar-itemImg[data-type=large] img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.p-logisticHarbors-contact {
  margin-top: 127px;
}
@media screen and (max-width: 768px) {
  .p-logisticHarbors-contact {
    margin-top: 37px;
  }
}

/*============================================
                    Contact
============================================*/
.p-logisticHarbor__contactArea {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-logisticHarbor__contactArea {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticHarbor__links-inner {
    display: none;
  }
}

.p-logisticHarbor__contact-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c8141e;
  width: 310px;
  height: 80px;
  gap: 8px;
  background-color: #fff;
}

.p-logisticHarbor__contactInner {
  padding-bottom: 62px;
}

.p-logisticHarbor__contact-link {
  font-weight: 500;
}

.p-logisticHarbor__contact-text {
  max-width: 288px;
  text-align: center;
  font-size: 14px;
  margin: 8px auto 0;
}

.p-logistics-contact__inner[data-type=harbor] {
  padding-bottom: 62px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact__inner[data-type=harbor] {
    padding-bottom: 30px;
  }
}

.p-logisticHarbor__link-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.p-logisticHarbor__link-item {
  display: flex;
  align-items: center;
  width: 224px;
  height: 64px;
  margin: 0 auto;
  border: 1px solid #c8141e;
  padding-left: 13px;
  gap: 24px;
}

.p-logisticHarbor__link-itemTell {
  font-weight: 500;
  line-height: 1.5;
}

.p-logisticHarbor__link-text {
  max-width: 278px;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 1.75;
}

.p-tradeAgnet {
  margin-top: 80px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet {
    margin-top: 40px;
  }
}

.p-logistics-headText {
  width: 100%;
  max-width: 918px;
  margin-inline: auto;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-logistics-headText {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding-inline: 32px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-tradeAgnet-trade {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-trade {
    margin-top: 16px;
  }
}
.p-tradeAgnet-trade .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-trade .c-headingWrap {
    padding-bottom: 8px;
  }
}
.p-tradeAgnet-trade .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-trade .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
    white-space: nowrap;
  }
}
.p-tradeAgnet-trade .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-trade .c-headingWrap .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.5;
    white-space: nowrap;
  }
}

.p-logistics-tradeAgnet-title {
  position: relative;
  padding-left: 26px;
  margin-top: 40px;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-logistics-tradeAgnet-title {
    padding-left: 22px;
    margin-inline: 24px;
    margin-top: 24px;
  }
}
.p-logistics-tradeAgnet-title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 36px;
  content: "";
  background-color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-logistics-tradeAgnet-title::before {
    width: 6px;
    height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-logistics-tradeAgnet-title {
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.p-logistics-tradeAgnet-text {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-logistics-tradeAgnet-text {
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-tradeAgnet-trade__image {
  max-width: 1012px;
  margin-inline: auto;
  margin-top: 40px;
}
.p-tradeAgnet-trade__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-trade__image {
    margin-top: 24px;
  }
}

.p-tradeAgnet-sakefood {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-sakefood {
    margin-top: 0;
  }
}
.p-tradeAgnet-sakefood .c-headingWrap {
  padding-bottom: 8px;
  padding-left: 0;
}
.p-tradeAgnet-sakefood .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-sakefood .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
    white-space: nowrap;
  }
}
.p-tradeAgnet-sakefood .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-sakefood .c-headingWrap .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.5;
    white-space: nowrap;
  }
}

.p-tradeAgnet-sakefood__image {
  padding-bottom: 25px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-sakefood__image {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet-sakefood__image img {
    width: 894px;
    max-width: inherit;
  }
}

.p-tradeAgnet-sakefood__link {
  margin-inline: auto;
  margin-top: 40px;
}

.p-logistics-contact {
  margin-top: 40px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.p-logistics-contact__inner {
  padding: 40px 82px 36px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-logistics-contact__inner {
    padding: 28px 24px;
  }
}
.p-logistics-contact__inner .p-logistics-tradeAgnet-title {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact__inner .p-logistics-tradeAgnet-title {
    margin-inline: 0;
  }
}

.p-philippine {
  margin-top: 80px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-philippine {
    margin-top: 40px;
  }
}

.p-philippine-southeastasia {
  margin-top: 40px;
}
.p-philippine-southeastasia .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia .c-headingWrap {
    flex-direction: column;
    align-items: start;
    padding-bottom: 4px;
  }
}
.p-philippine-southeastasia .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
    white-space: nowrap;
  }
}
.p-philippine-southeastasia .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia .c-headingWrap .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.5;
    padding-left: 0;
    white-space: nowrap;
  }
}

@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__inner {
    padding-block: 0;
  }
}

.p-philippine-southeastasia__image {
  max-width: 1028px;
  padding-bottom: 25px;
  margin-inline: auto;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__image {
    margin-top: 24px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__image img {
    width: 988px;
    max-width: inherit;
  }
}

.p-philippine-southeastasia__place {
  display: flex;
  gap: clamp(16px, 2.777vw, 40px);
  justify-content: flex-end;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__place {
    flex-direction: column;
    justify-content: start;
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-philippine-southeastasia__lists:nth-child(1) {
  width: 34.28%;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__lists:nth-child(1) {
    width: 100%;
  }
}
.p-philippine-southeastasia__lists:nth-child(2) {
  width: 48.2%;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__lists:nth-child(2) {
    width: 100%;
  }
}

.p-philippine-southeastasia__list {
  display: flex;
  gap: clamp(8px, 1.6666vw, 24px);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__list {
    gap: 16px;
    align-items: flex-start;
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}
.p-philippine-southeastasia__list span {
  font-size: 1.6rem;
  line-height: 1.6666666667;
  box-sizing: border-box;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 0 13px;
  font-weight: 500;
  color: #fff;
  background-color: #c8141e;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__list span {
    font-size: 1.3333333333rem;
    line-height: 1.6;
    width: 32px;
    height: 32px;
    padding: 0 10px;
  }
}
.p-philippine-southeastasia__list + .p-philippine-southeastasia__list {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-philippine-southeastasia__list + .p-philippine-southeastasia__list {
    margin-top: 10px;
  }
}

.p-philippine-tsli {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli {
    margin-top: 40px;
  }
}
.p-philippine-tsli .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli .c-headingWrap {
    padding-bottom: 8px;
  }
}
.p-philippine-tsli .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
    white-space: nowrap;
  }
}
.p-philippine-tsli .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli .c-headingWrap .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.5;
    white-space: nowrap;
  }
}

.p-philippine-tsli__image {
  padding-bottom: 25px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli__image {
    margin-top: 24px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli__image img {
    width: 961px;
    max-width: inherit;
  }
}

.p-philippine-tsli__text {
  width: 100%;
  max-width: 912px;
  margin-inline: auto;
  margin-top: 25px;
  letter-spacing: 0.05em;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli__text {
    width: inherit;
    margin-inline: 24px;
    margin-top: 24px;
    letter-spacing: 0;
  }
}

.p-philippine-tsli__links {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-philippine-tsli__links {
    flex-direction: column;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-philippine .p-logistics-contact {
    margin-top: 0;
  }
}

.p-vietnam {
  margin-top: 80px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-vietnam {
    margin-top: 40px;
  }
}
.p-vietnam .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-vietnam .c-headingWrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-bottom: 8px;
  }
}
.p-vietnam .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-vietnam .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
  }
}
.p-vietnam .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-vietnam .c-headingWrap .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.5;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-vietnam .p-logistics-contact .l-1280 {
    padding-block: 0;
  }
}

.p-vietnam-locations {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-locations {
    margin-top: 40px;
  }
}

.p-vietnam-locations__inner {
  padding-block: 0;
}

.p-vietnam-locations__image {
  max-width: 1028px;
  margin-inline: auto;
  margin-top: 40px;
}
.p-vietnam-locations__image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-vietnam-locations__image img {
    width: 988px;
    max-width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .p-vietnam-locations__image {
    padding-bottom: 25px;
    margin-top: 24px;
  }
}

.p-vietnam-hochiminh {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-hochiminh {
    margin-top: 40px;
  }
}

.p-vietnam-hochiminh__inner {
  padding-block: 0;
}

.p-vietnam-hochiminh__title {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-hochiminh__title {
    margin-top: 24px;
  }
}

.p-vietnam-hochiminh__text {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-vietnam-hochiminh__text {
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-vietnam-hochiminh__image {
  width: 100%;
  max-width: 872px;
  margin-inline: auto;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-hochiminh__image {
    margin-top: 24px;
  }
}

.p-vietnam-domestic {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-domestic {
    margin-top: 40px;
  }
}

.p-vietnam-domestic__inner {
  padding-block: 0;
}

@media screen and (max-width: 768px) {
  .p-vietnam-domestic__title--marginTop {
    margin-top: 40px;
  }
}

.p-vietnam-domestic__text {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-vietnam-domestic__text {
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-vietnam-domestic__text--marignTop {
  margin-top: 32px;
}

.p-vietnam-domestic__image {
  width: 100%;
  max-width: 525px;
  margin-inline: auto;
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-domestic__image {
    margin-top: 24px;
  }
}

.p-vietnam-domestic__links {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-domestic__links {
    gap: 24px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-vietnam-domestic__links__link.c-logiBtn {
    width: 224px;
  }
}
.p-vietnam-domestic__links__link.c-logiBtn .c-logiBtn__inner {
  padding-inline: 16px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-domestic__links__link.c-logiBtn .c-logiBtn__inner {
    padding-block: 20.5px;
  }
}
.p-vietnam-domestic__links__link.c-logiBtn .c-logiBtn__text {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-domestic__links__link.c-logiBtn .c-logiBtn__text {
    width: 160px;
  }
}
.p-vietnam-case {
  margin-top: 120px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-case {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.p-vietnam-case__inner {
  padding-block: 0;
}

.p-vietnam-case__wrap {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-vietnam-case__wrap {
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-vietnam-case__wrap + .p-vietnam-case__wrap {
    margin-top: 40px;
  }
}

.p-vietnam-case__title {
  margin-top: 0;
}

.p-vietnam-case__text {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-vietnam-case__text {
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-vietnam-case__image {
  width: 100%;
  max-width: 438px;
}

.p-logistics-contact {
  margin-top: 40px;
  margin-bottom: 80px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.p-logistics-contact__links {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact__links {
    flex-direction: column;
    gap: 24px;
    align-items: center;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-logistics-contact__link {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.p-logistics-contactBtn {
  width: 312px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-logistics-contactBtn {
    max-width: 224px;
    height: 64px;
  }
}

.p-logistics-contactBtn:hover {
  background: #c8141e;
}
.p-logistics-contactBtn:hover .p-logistics-contactBtn__text {
  color: #fff;
}
.p-logistics-contactBtn:hover .p-logistics-contactBtn__icon svg circle {
  fill: #fff;
}
.p-logistics-contactBtn:hover .p-logistics-contactBtn__icon svg path {
  fill: #c8141e;
}

.p-logistics-contactBtn__inner {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 24px 15px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contactBtn__inner {
    gap: 8px;
    justify-content: normal;
    height: inherit;
    padding: 0 8px 0 16px;
  }
}

.p-logistics-contactBtn__icon {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contactBtn__icon {
    width: 24px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-logistics-contactBtn__icon svg {
    width: 24px;
    height: 24px;
    margin-top: 4px;
  }
}
.p-logistics-contactBtn__icon svg circle {
  fill: #c8141e;
  transition: all 0.3s ease 0s;
}
.p-logistics-contactBtn__icon svg path {
  fill: #fff;
}

.p-logistics-contactBtn__text {
  font-weight: 500;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .p-logistics-contactBtn__text {
    width: 175px;
  }
}

.p-logistics-contact__text {
  margin-top: 8px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact__text {
    font-size: 0.8rem;
    line-height: 1.5;
  }
}

.p-inquiry {
  margin-top: 120px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-inquiry {
    margin-top: 40px;
  }
}
.p-inquiry .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-inquiry .c-headingWrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-bottom: 8px;
  }
}
.p-inquiry .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-inquiry .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
  }
}
.p-inquiry .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-inquiry .c-headingWrap .c-heading-en {
    font-size: 0.9333333333rem;
    line-height: 1.3571428571;
    padding-top: 8px;
    padding-left: 0;
  }
}

.p-inquiry-contents__inner {
  padding-block: 0;
}

.p-inquiry-contents__items {
  margin-top: 40px;
  margin-bottom: 120px;
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__items {
    padding-inline: 24px;
    margin-top: 24px;
    margin-bottom: 40px;
  }
}

.p-inquiry-contents__item + .p-inquiry-contents__item {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__item + .p-inquiry-contents__item {
    margin-top: 24px;
  }
}

.p-inquiry-contents__wrap {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__wrap {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}

.p-inquiry-contents__heading {
  font-size: 1.3333333333rem;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__heading {
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.p-inquiry-contents__headingSub {
  font-size: 1.0666666667rem;
  line-height: 2;
}

.p-inquiry-contents__links {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-inquiry-contents__links {
    flex-direction: column;
    margin-top: 16px;
  }
}

.p-inquiry-contents__contact {
  position: relative;
  display: flex;
  gap: clamp(16px, 2.7777vw, 40px);
  align-items: center;
  padding-right: clamp(16px, 5.4166666667vw, 78px);
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__contact {
    flex-direction: column;
    padding-right: clamp(16px, 5.4166666667vw, 78px);
  }
}
@media screen and (max-width: 768px) {
  .p-inquiry-contents__contact {
    flex-direction: column;
    padding-right: 0;
    padding-bottom: 16px;
  }
}
.p-inquiry-contents__contact::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  content: "";
  background-image: linear-gradient(to bottom, #c8141e 0, #c8141e 8px, transparent 8px, transparent 11px);
  background-repeat: repeat-y;
  background-position: right top;
  background-size: 1px 11px;
}
@media screen and (max-width: 768px) {
  .p-inquiry-contents__contact::after {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #c8141e 0, #c8141e 8px, transparent 8px, transparent 11px);
    background-repeat: repeat-x;
    background-size: 11px 1px;
    box-shadow: none;
  }
}

.p-inquiry-contents__linkBtn {
  width: clamp(224px, 21.6666vw, 312px);
  padding: 23px 16px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__linkBtn {
    padding-block: 19px;
  }
}

.p-inquiry-contents__linkBtn--fax {
  pointer-events: none;
}

.p-inquiry-contents__linkBtn:hover {
  background: #c8141e;
}
.p-inquiry-contents__linkBtn:hover p {
  color: #fff;
}
.p-inquiry-contents__linkBtn:hover .p-inquiry-contents__linkIcon circle {
  fill: #fff;
}
.p-inquiry-contents__linkBtn:hover .p-inquiry-contents__linkIcon path {
  fill: #c8141e;
}

.p-inquiry-contents__linkInner {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.p-inquiry-contents__linkIcon {
  width: 33px;
  height: 32px;
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__linkIcon {
    width: 24px;
    height: 24px;
  }
}
.p-inquiry-contents__linkIcon circle {
  fill: #c8141e;
}
.p-inquiry-contents__linkIcon path {
  fill: #fff;
}

.p-inquiry-contents__linkNumber {
  font-size: 1.0666666667rem;
  line-height: 1.4375;
  font-weight: 500;
}

.p-inquiry-contents__form .p-inquiry-contents__linkBtn {
  width: 312px;
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__form .p-inquiry-contents__linkBtn {
    width: 224px;
    padding-block: 9px;
    padding-inline: 8px;
  }
}
@media screen and (max-width: 1200px) {
  .p-inquiry-contents__form .p-inquiry-contents__linkBtn .p-inquiry-contents__linkNumber {
    width: 176px;
    text-align: center;
  }
}
.p-inquiry-contents__form .p-inquiry-contents__linkBtn:hover .p-inquiry-contents__linkIcon path {
  fill: #fff;
}

.p-inquiry-contents__linkContact {
  padding-left: clamp(16px, 4.7222222222vw, 68px);
}
@media screen and (max-width: 768px) {
  .p-inquiry-contents__linkContact {
    padding-top: 16px;
    padding-left: 0;
  }
}
.p-inquiry-contents__linkContact .p-inquiry-contents__linkIcon path {
  fill: #c8141e;
}

.p-it {
  margin-top: 80px;
  margin-bottom: 120px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-it {
    margin-block: 40px;
  }
}
.p-it .c-headingWrap {
  padding-bottom: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-it .c-headingWrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-bottom: 8px;
  }
}
.p-it .c-headingWrap .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-it .c-headingWrap .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.2;
  }
}
.p-it .c-headingWrap .c-heading-en {
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-it .c-headingWrap .c-heading-en {
    font-size: 0.8rem;
    line-height: 1.5;
    padding-left: 0;
    margin-top: 8px;
  }
}
.p-it .l-1280 {
  padding-block: 0;
}

.p-it-wms__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-it-wms__text {
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-it-wms__image {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-it-wms__image {
    padding-bottom: 25px;
    margin-top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .p-it-wms__image img {
    width: 835px;
    max-width: inherit;
  }
}

.p-it-cargo {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-it-cargo {
    margin-top: 48px;
  }
}

.p-it-cargo__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-it-cargo__text {
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-it-cargo__image {
  width: 100%;
  max-width: 400px;
  margin-inline: auto;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-it-cargo__image {
    max-width: 213px;
    margin-top: 24px;
  }
}

.p-it-tms {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-it-tms {
    margin-top: 40px;
  }
}

.p-it-tms__text {
  font-size: 1.0666666667rem;
  line-height: 2;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-it-tms__text {
    margin-inline: 24px;
    margin-top: 24px;
  }
}

.p-it-tms__images {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-it-tms__images {
    margin-top: 24px;
  }
}
.p-it-tms__images img {
  width: 100%;
  max-width: 832px;
  margin-inline: auto;
}

.p-it-tms__contactArea {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-it-tms__contactArea {
    margin-top: 40px;
  }
}
.p-it-tms__contactArea .p-logistics-contactTrunkBtn__text span {
  font-size: 16px;
}

.p-logisticsDomesticTop {
  background-color: #F8F9F9;
}

.p-logisticsDomesticTop__inner {
  max-width: 1280px;
  padding: 80px 80px 231px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__inner {
    max-width: 375px;
    padding: 40px 16px;
  }
}

.p-logisticsDomesticTop__heading {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__heading {
    margin-top: 40px;
  }
}

.p-logisticsDomesticTop__heading .c-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__heading .c-headingWrap {
    padding-bottom: 9px;
  }
}

.p-logisticsDomesticTop__heading .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__heading .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.21;
    letter-spacing: 0;
  }
}

.p-logisticsDomesticTop__heading .c-heading-en {
  padding-bottom: 0;
}

.p-logisticsDomesticTop__headtext {
  padding: 0 9%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__headtext {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-logisticsDomesticTop__cardBtns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__cardBtns {
    margin-top: 24px;
  }
}

.p-logisticsDomesticTop__cardBtn {
  justify-content: flex-start;
  width: calc(33% - 10px);
  padding: 37px 25px;
  margin-top: 40px;
  margin-left: 15px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__cardBtn {
    width: 100%;
    padding: 24px;
    margin: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-logisticsDomesticTop__cardBtn {
    width: calc(50% - 7.5px);
  }
}

.p-logisticsDomesticTop__cardBtn .c-card__text {
  min-height: 160px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__cardBtn .c-card__text {
    min-height: auto;
    margin-top: 18px;
  }
}

.p-logisticsDomesticTop__cardBtn .c-card__btn {
  padding-top: 30px;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__cardBtn .c-card__btn {
    padding-top: 0;
    margin-top: 0;
  }
}

.p-logisticsDomesticTop__cardBtn .c-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__cardBtn .c-card__content {
    margin-top: 27px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__cardBtn .c-card__title {
    max-width: 220px;
  }
}

@media screen and (min-width: 1001px) {
  .p-logisticsDomesticTop__cardBtn:nth-child(-n+3) {
    margin-top: 0;
  }
  .p-logisticsDomesticTop__cardBtn:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-logisticsDomesticTop__cardBtn:nth-child(-n+2) {
    margin-top: 0;
  }
  .p-logisticsDomesticTop__cardBtn:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop__cardBtn + .p-logisticsDomesticTop__cardBtn {
    margin-top: 24px;
  }
}

.p-logisticsDomesticDc {
  background-color: #F8F9F9;
}

.p-logisticsDomesticDc__inner {
  max-width: 1280px;
  padding: 80px 80px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__inner {
    max-width: 375px;
    padding: 40px 16px;
  }
}

.p-logisticsDomesticDc__heading {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__heading {
    margin-top: 40px;
  }
}

.p-logisticsDomesticDc__heading .c-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__heading .c-headingWrap {
    padding-bottom: 9px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__item--01 .p-logisticsDomesticDc__heading .c-headingWrap,
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__heading .c-headingWrap,
  .p-logisticsDomesticDc__item--03 .p-logisticsDomesticDc__heading .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-logisticsDomesticDc__heading .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__heading .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.21;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__item--01 .p-logisticsDomesticDc__heading .c-heading,
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__heading .c-heading,
  .p-logisticsDomesticDc__item--03 .p-logisticsDomesticDc__heading .c-heading {
    width: 100%;
  }
}

.p-logisticsDomesticDc__heading .c-heading-en {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__heading .c-heading-en {
    padding-left: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 875px) {
  .p-logisticsDomesticDc__item--01 .p-logisticsDomesticDc__heading .c-heading-en,
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__heading .c-heading-en,
  .p-logisticsDomesticDc__item--03 .p-logisticsDomesticDc__heading .c-heading-en {
    width: 46%;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__item--01 .p-logisticsDomesticDc__heading .c-heading-en,
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__heading .c-heading-en,
  .p-logisticsDomesticDc__item--03 .p-logisticsDomesticDc__heading .c-heading-en {
    width: 100%;
    padding-left: 0;
  }
}

@media screen and (min-width: 876px) and (max-width: 970px) {
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__heading .c-heading-en {
    padding-left: 30px;
  }
}

.p-logisticsDomesticDc__headtext {
  padding: 0 9%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__headtext {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-logisticsDomesticDc__itemBody {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemBody {
    padding: 0 16px;
    margin-top: 24px;
  }
}

.p-logisticsDomesticDc__itemTitleWrap {
  border-left: 6px solid #c8141e;
}

.p-logisticsDomesticDc__itemTitle {
  padding-left: 20px;
  font-weight: 500;
  color: #3c3c41;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemTitle {
    font-size: 1.0666666667rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-logisticsDomesticDc__itemText {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemText {
    font-size: 1.0666666667rem;
    line-height: 2;
  }
}

.p-logisticsDomesticDc__itemText span {
  display: block;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemText span {
    padding-top: 25px;
  }
}

.p-logisticsDomesticDc__itemImg {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemImg {
    padding-bottom: 10px;
    margin-top: 24px;
    overflow-x: scroll;
  }
}

.p-logisticsDomesticDc__itemImg img {
  width: 100%;
  max-width: 77.7777777778vw;
  aspect-ratio: 1120/479;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemImg img {
    min-width: 1120px;
  }
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticDc__itemImg img {
    max-width: 1120px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__item--01 .p-logisticsDomesticDc__itemImg::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  .p-logisticsDomesticDc__item--01 .p-logisticsDomesticDc__itemImg::-webkit-scrollbar-track {
    background-color: #d9d9d9;
    border-radius: 5px;
  }
  .p-logisticsDomesticDc__item--01 .p-logisticsDomesticDc__itemImg::-webkit-scrollbar-thumb {
    background: #c8141e;
    border-radius: 5px;
  }
}
.p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__itemImg {
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__itemImg {
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
    text-align: center;
  }
}

.p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__itemImg img {
  width: 100%;
  max-width: 24.5833333333vw;
  aspect-ratio: 354/266;
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__itemImg img {
    max-width: 295px;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__item--02 .p-logisticsDomesticDc__itemImg img {
    min-width: auto;
    max-width: 295px;
    margin: 0 auto;
  }
}

.p-logisticsDomesticDc__itemBtn {
  margin: 40px auto 0;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemBtn {
    max-width: 192px;
    margin: 24px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__itemBtn .c-sustainaBtn__inner {
    padding: 10px 8.5px;
  }
}

.p-logisticsDomesticDc__item + .p-logisticsDomesticDc__item {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__item + .p-logisticsDomesticDc__item {
    margin-top: 40px;
  }
}

.p-logisticsDomesticDc__contact {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__contact {
    margin-top: 51px;
  }
}

.p-logisticsDomesticDc__contactInner {
  max-width: 1280px;
  padding: 40px 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticDc__contactInner {
    padding: 21px 16px;
  }
}

.p-logisticsDomesticDc__contactTitle {
  margin-left: 26px;
}

.p-logisticsDomesticLt {
  background-color: #F8F9F9;
}

.p-logisticsDomesticLt__inner {
  max-width: 1280px;
  padding: 80px 80px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__inner {
    max-width: 375px;
    padding: 40px 16px;
  }
}

.p-logisticsDomesticLt__heading {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__heading {
    margin-top: 36px;
  }
}

.p-logisticsDomesticLt__heading .c-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__heading .c-headingWrap {
    padding-bottom: 9px;
    padding-left: 0;
  }
}

.p-logisticsDomesticLt__heading .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__heading .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.21;
    letter-spacing: 0;
  }
}

.p-logisticsDomesticLt__heading .c-heading-en {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__heading .c-heading-en {
    padding-left: 10px;
  }
}

.p-logisticsDomesticLt__headtext {
  padding: 0 10%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__headtext {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-logisticsDomesticLt__itemTitleWrap {
  border-left: 6px solid #c8141e;
}

.p-logisticsDomesticLt__itemTitle {
  padding-left: 20px;
  font-weight: 500;
  color: #3c3c41;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemTitle {
    font-size: 1.0666666667rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-logisticsDomesticLt__itemText {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemText {
    font-size: 1.0666666667rem;
    line-height: 2;
  }
}

.p-logisticsDomesticLt__itemText span {
  display: block;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemText span {
    padding-top: 25px;
  }
}

.p-logisticsDomesticLt__item {
  max-width: 1280px;
}

.p-logisticsDomesticLt__item + .p-logisticsDomesticLt__item {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item + .p-logisticsDomesticLt__item {
    margin-top: 40px;
  }
}

.p-logisticsDomesticLt__itemBody {
  display: flex;
  gap: 62px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemBody {
    flex-direction: column-reverse;
    gap: 24px;
    padding: 0 24px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemImg {
    text-align: center;
  }
}

.p-logisticsDomesticLt__itemImg img {
  width: 100%;
}

.p-logisticsDomesticLt__itemTextBlock {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemTextBlock {
    width: 100%;
  }
}

.p-logisticsDomesticLt__itemTitle {
  padding-left: 20px;
  font-weight: 500;
  color: #3c3c41;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemTitle {
    font-size: 1.0666666667rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-logisticsDomesticLt__itemText {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemText {
    font-size: 1.0666666667rem;
    line-height: 2;
    margin-top: 24px;
  }
}

.p-logisticsDomesticLt__itemText span {
  display: block;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemText span {
    padding-top: 25px;
  }
}

.p-logisticsDomesticLt__itemBtn {
  margin-top: 16px;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemBtn {
    max-width: 224px;
    margin: 24px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__itemBtn .c-sustainaBtn__inner {
    padding: 20px 8.5px;
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--01
=============================================== */
@media screen and (min-width: 769px) and (max-width: 1056px) {
  .p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__heading .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__heading .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (min-width: 769px) and (max-width: 1056px) {
  .p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__heading .c-heading-en {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__heading .c-heading-en {
    width: 100%;
    padding-left: 0;
    letter-spacing: 0.01em;
  }
}

.p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__itemImg {
  max-width: 480px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__itemImg {
    width: auto;
    text-align: center;
  }
}

.p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 33.3333333333vw;
  aspect-ratio: 480/270;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__itemImg img {
    max-width: 295px;
    aspect-ratio: 295/166;
  }
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticLt__item--01 .p-logisticsDomesticLt__itemImg img {
    max-width: 480px;
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--02
=============================================== */
.p-logisticsDomesticLt__item--02 .p-logisticsDomesticLt__itemBody {
  flex-direction: column;
  gap: 0;
}

.p-logisticsDomesticLt__item--02 .p-logisticsDomesticLt__itemTextBlock {
  width: 100%;
}

.p-logisticsDomesticLt__item--02 .p-logisticsDomesticLt__itemImg {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--02 .p-logisticsDomesticLt__itemImg {
    margin-top: 22px;
  }
}

.p-logisticsDomesticLt__item--02 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 1114px;
  aspect-ratio: 1114/562;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--02 .p-logisticsDomesticLt__itemImg img {
    width: calc(100% + 32px);
    max-width: 343px;
    aspect-ratio: 343/1189;
    margin: 0 -32px;
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--03
=============================================== */
.p-logisticsDomesticLt__item--03 .p-logisticsDomesticLt__itemImg {
  max-width: 480px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--03 .p-logisticsDomesticLt__itemImg {
    width: auto;
    text-align: center;
  }
}

.p-logisticsDomesticLt__item--03 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 33.3333333333vw;
  aspect-ratio: 480/270;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--03 .p-logisticsDomesticLt__itemImg img {
    max-width: 295px;
    aspect-ratio: 295/166;
  }
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticLt__item--03 .p-logisticsDomesticLt__itemImg img {
    max-width: 480px;
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--04
=============================================== */
.p-logisticsDomesticLt__item--04 .p-logisticsDomesticLt__itemImg {
  max-width: 480px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--04 .p-logisticsDomesticLt__itemImg {
    width: auto;
    text-align: center;
  }
}

.p-logisticsDomesticLt__item--04 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 33.3333333333vw;
  aspect-ratio: 480/270;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--04 .p-logisticsDomesticLt__itemImg img {
    max-width: 295px;
    aspect-ratio: 295/166;
  }
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticLt__item--04 .p-logisticsDomesticLt__itemImg img {
    max-width: 480px;
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--05
=============================================== */
.p-logisticsDomesticLt__item--05 .p-logisticsDomesticLt__itemBody {
  flex-direction: column;
  gap: 0;
}

.p-logisticsDomesticLt__item--05 .p-logisticsDomesticLt__itemTextBlock {
  width: 100%;
}

.p-logisticsDomesticLt__item--05 .p-logisticsDomesticLt__itemImg {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--05 .p-logisticsDomesticLt__itemImg {
    margin-top: 24px;
  }
}

.p-logisticsDomesticLt__item--05 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 1120px;
  aspect-ratio: 1120/491;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--05 .p-logisticsDomesticLt__itemImg img {
    width: 100vw;
    max-width: 343px;
    aspect-ratio: 343/1012;
    margin: 0 calc(50% - 50vw);
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--06
=============================================== */
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__heading .c-heading-en {
    padding-left: 24px;
    letter-spacing: -0.02em;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemBody {
    flex-direction: column;
    gap: 20px;
  }
}

.p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemImg {
  max-width: 480px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemImg {
    width: auto;
    text-align: center;
  }
}

.p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 33.3333333333vw;
  aspect-ratio: 480/270;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemImg img {
    max-width: 295px;
    aspect-ratio: 295/166;
  }
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemImg img {
    max-width: 480px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemTextBlock {
    display: contents;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemTitleWrap {
    order: 1;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemText {
    order: 2;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemImg {
    order: 3;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--06 .p-logisticsDomesticLt__itemBtn {
    order: 4;
    margin: 9px auto 0;
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--07
=============================================== */
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__heading .c-heading {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__heading .c-heading-en {
    width: 94%;
    letter-spacing: -0.02em;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemBody {
    flex-direction: column;
    gap: 22px;
  }
}

.p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemImg {
  max-width: 480px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemImg {
    width: auto;
    text-align: center;
  }
}

.p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 33.3333333333vw;
  aspect-ratio: 480/270;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemImg img {
    max-width: 295px;
    aspect-ratio: 295/166;
  }
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemImg img {
    max-width: 480px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemTextBlock {
    display: contents;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemTitleWrap {
    order: 1;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemText {
    order: 2;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemImg {
    order: 3;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--07 .p-logisticsDomesticLt__itemBtn {
    order: 4;
    margin: 0 auto;
  }
}

/* ===============================================
# p-logisticsDomesticLt__item--08
=============================================== */
.p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemBody {
  flex-direction: column;
  gap: 0;
}

.p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemTextBlock {
  width: 100%;
}

.p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg {
  width: 100%;
  margin-top: 48px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg {
    padding-bottom: 26px;
    margin-top: 24px;
    overflow-x: scroll;
  }
}

.p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg img {
  width: 100%;
  max-width: 77.7777777778vw;
  aspect-ratio: 1120/651;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg img {
    min-width: 730px;
  }
}
@media screen and (min-width: 1441px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg img {
    max-width: 1120px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__heading .c-heading {
    width: 60%;
  }
}

@media screen and (min-width: 769px) and (max-width: 875px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__heading .c-heading-en {
    width: 46%;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__heading .c-heading-en {
    width: 73%;
    padding-left: 10px;
    letter-spacing: -0.02em;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg::-webkit-scrollbar-track {
    background-color: #d9d9d9;
    border-radius: 5px;
  }
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemImg::-webkit-scrollbar-thumb {
    background: #c8141e;
    border-radius: 5px;
  }
}
.p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemBtn {
  margin: 48px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__item--08 .p-logisticsDomesticLt__itemBtn {
    margin: 27px auto 0;
  }
}

/* en Domestic Logistics */

.p-logisticsDomesticTop.p-logisticsDomesticTop__en .p-logisticsDomesticTop__inner {
  padding:  80px 80px 120px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop.p-logisticsDomesticTop__en .p-logisticsDomesticTop__inner {
    padding: 40px 16px;
  }
}

.p-logisticsDomesticTop.p-logisticsDomesticTop__en .p-logisticsDomesticTop__headtext {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop.p-logisticsDomesticTop__en .p-logisticsDomesticTop__headtext {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
}

.p-logisticsDomesticTop.p-logisticsDomesticTop__en .p-logisticsDomesticTop__cardBtn {
  pointer-events: none;
}

.p-logisticsDomesticTop.p-logisticsDomesticTop__en .p-logisticsDomesticTop__cardBtn .c-card__title {
  font-size: 23px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticTop.p-logisticsDomesticTop__en .p-logisticsDomesticTop__cardBtn .c-card__title {
    font-size: 18px;
    white-space: nowrap;
  }
}

.p-logistics__en .p-recruit-top-head__text {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .p-logistics__en .p-recruit-top-head__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
}

@media screen and (max-width: 768px) {
  .p-logistics__en .p-logisticsInternational-top__logistics__text {
    font-size: 14px;
    line-height: 24.5px;
  }
}

.p-logistics__en .p-recruit-top-head__cardBtns {
  margin: 84px auto 0;
}

@media screen and (max-width: 768px) {
  .p-logistics__en .p-recruit-top-head__cardBtns {
    margin: 44px auto 0;
  }
}

.p-logistics__en .p-recruit-top-head__cardBtns .c-card__item {
  width: 544px;
  justify-content: flex-start;
  gap: 40px;
  padding: 40px 80px 104px;
}

.p-logistics__en .p-recruit-top-head__cardBtns .c-card__item:first-child {
  padding-bottom: 135px;
}
@media screen and (max-width: 768px) {
  .p-logistics__en .p-recruit-top-head__cardBtns .c-card__item {
    width: 100%;
    padding: 16px 24px 80px;
  }
} 

.p-logistics__en .p-recruit-top-head__cardBtns .c-card__title {
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 1250px) {
  .p-logistics__en .p-recruit-top-head__cardBtns .c-card__title {
    white-space: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-logistics__en .p-recruit-top-head__cardBtns .c-card__title {
    font-size: 20px;
    white-space: nowrap;
  }
}

.p-logistics__en .p-recruit-top-head__cardBtns .c-btnWrap.c-btnWrap--center.c-card__btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-logistics__en .p-recruit-top-head__cardBtns .c-btnWrap.c-btnWrap--center.c-card__btn {
    bottom: 16px;
  }
}

.p-logisticsInternational__heading__en .c-headingPrimary__text,
.p-logisticsDomesticHeading__en .c-headingPrimary__text, 
.p-company-heading__en .c-headingPrimary__text,
.p-company-body__en .c-heading,
.p-company-body__en .p-company-outline__title,
.p-logisticsDomesticTop__en .c-heading,
.p-logistics__en .p-logistics-tradeAgnet-title, 
.p-logistics__en .c-heading,
.p-logistics__en .c-iconBtn__text,
.p-logistics__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text,
.p-tradeAgnet__en .p-logistics-headText,
.p-tradeAgnet__en .c-heading,
.p-tradeAgnet__en .p-logistics-tradeAgnet-title,
.p-tradeAgnet__en .p-tradeAgnet-sakefood__link .c-logiBtn__text,
.p-logisticsInternational-china-hongkong__en .p-logisticsInternational-china-hongkong__heading-text,
.p-logisticsInternational-china-hongkong__en .c-heading,
.p-logisticsInternational-china-hongkong__en .p-logisticsInternational-forwarding__heading,
.p-logisticsInternational-china-hongkong__en .c-logiBtn__text,
.p-logisticsInternational-china-hongkong__en .p-logistics-tradeAgnet-title,
.p-vietnam__en .p-logistics-headText,
.p-vietnam__en .c-heading,
.p-vietnam__en .p-logistics-tradeAgnet-title,
.p-vietnam__en .c-logiBtn__text,
.p-philippine__en .p-logistics-headText,
.p-philippine__en .c-heading,
.p-philippine__en .c-logiBtn__text,
.p-philippine__en .p-logistics-tradeAgnet-title,
.c-headingPrimary__text__en,
.p-solution__en .p-solution__headtext,
.p-solution__en .c-heading,
.p-solution__en .p-solutionService__itemTitle,
.p-solution__en .c-sustainaBtn__title,
.p-solution__en .c-sustainaPolicy__pdfText
 {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-tradeAgnet__en .p-logistics-headText,
  .p-vietnam__en .p-logistics-headText,
  .p-logisticsInternational-china-hongkong__en .p-logisticsInternational-china-hongkong__heading-text,
  .p-philippine__en .p-logistics-headText,
  .p-solution__en .p-solution__headtext {
    font-weight: 400;
  }
}

.p-tradeAgnet__en .p-logistics-headText,
.p-vietnam__en .p-logistics-headText,
.p-logisticsInternational-china-hongkong__en .p-logisticsInternational-china-hongkong__heading-text,
.p-philippine__en .p-logistics-headText,
.p-solution__en .p-solution__headtext {
  text-align: left;
}

.p-logistics__en .p-logistics-contactBtn__inner,
.p-tradeAgnet__en .p-logistics-contactBtn__inner,
.p-logisticsInternational-china-hongkong__en .p-logistics-contactBtn__inner,
.p-vietnam__en .p-logistics-contactBtn__inner,
.p-philippine__en .p-logistics-contactBtn__inner {
  padding: 17px 11.5px;
  height: 80px;
}

.p-logistics__en .p-logistics-contactBtn__inner {
  width: 312px;
}

@media screen and (max-width: 768px) {
  .p-logistics__en .p-logistics-contactBtn__inner,
  .p-tradeAgnet__en .p-logistics-contactBtn__inner,
  .p-logisticsInternational-china-hongkong__en .p-logistics-contactBtn__inner,
  .p-vietnam__en .p-logistics-contactBtn__inner,
  .p-philippine__en .p-logistics-contactBtn__inner {
    padding: 11px 5px;
    height: 64px;
    gap: 4px;
  }

  .p-logistics__en .p-logistics-contactBtn__inner {
    width: auto;
  }

  .p-logistics__en .p-logistics-contact__link:first-child .p-logistics-contactBtn__inner {
    padding: 11px 3px;
  }

  .p-logistics__en .p-logistics-contact__link:first-child .p-logistics-contactBtn__inner .p-logistics-contactBtn__text {
    width: 187px;
  }

  .p-logistics__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text,
  .p-tradeAgnet__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text,
  .p-logisticsInternational-china-hongkong__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text,
  .p-vietnam__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text,
  .p-philippine__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text {    
    font-size: 12px;
    color: #000;
    font-weight: 700;
  }
  .p-logistics__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text span,
  .p-tradeAgnet__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text span,
  .p-logisticsInternational-china-hongkong__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text span,
  .p-vietnam__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text span,
  .p-philippine__en .p-logistics-contactBtn__inner .p-logistics-contactBtn__text span {
    font-size: 16px;
  }
}

.p-logistics__en .p-logistics-contact__link .p-logistics-contact__text,
.p-tradeAgnet__en .p-logistics-contact__link .p-logistics-contact__text,
.p-logisticsInternational-china-hongkong__en .p-logistics-contact__link .p-logistics-contact__text,
.p-vietnam__en .p-logistics-contact__link .p-logistics-contact__text,
.p-philippine__en .p-logistics-contact__link .p-logistics-contact__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width:768px) {
  .p-logistics__en .p-logistics-contact__link .p-logistics-contact__text,
  .p-tradeAgnet__en .p-logistics-contact__link .p-logistics-contact__text,
  .p-logisticsInternational-china-hongkong__en .p-logistics-contact__link .p-logistics-contact__text,
  .p-vietnam__en .p-logistics-contact__link .p-logistics-contact__text,
  .p-philippine__en.p-logistics-contact__link .p-logistics-contact__text {
    font-size: 12px;
  }
}

.p-logistics__en .p-logisticsInternational-forwarding__text,
.p-logisticsInternational-china-hongkong__en .p-logisticsInternational-forwarding__text,
.p-vietnam__en .p-vietnam-hochiminh__text,
.p-philippine__en .p-philippine-tsli__text,
.p-solution__en .p-solutionService__lead,
.p-solution__en .p-solutionService__itemText {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-logistics__en .p-logisticsInternational-forwarding__text,
  .p-logisticsInternational-china-hongkong__en .p-logisticsInternational-forwarding__text,
  .p-vietnam__en .p-vietnam-hochiminh__text,
  .p-philippine__en .p-philippine-tsli__text,
  .p-solution__en .p-solutionService__lead,
  .p-solution__en .p-solutionService__itemText {
    font-size: 14px;
  }
}


@media screen and (max-width: 768px) {
  .p-tradeAgnet__en .p-logistics-tradeAgnet-title::before{
    height: 100%;
  }
  .p-tradeAgnet__en .p-logistics-tradeAgnet-text {
    font-size: 14px;
    line-height: 24.5px;
  }
  .p-tradeAgnet__en .p-tradeAgnet-sakefood__link .c-logiBtn__text {
    font-size: 12px;
  }
}

@media screen and (max-width: 880px) {
  .p-logisticsInternational__heading__en .c-headingPrimary__img {
    top: 70%;
  }
}

.p-logisticsInternational-china-hongkong__en .p-logisticsInternational-china-hongkong__locations__list {
  display: flex;
    flex-wrap: nowrap;
    row-gap: 0;
    column-gap: 0;
    width: 50%;
    flex-direction: column;
    margin: 34px auto 0;
    gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__en .p-logisticsInternational-china-hongkong__locations__list {
    width: 100%;
  }
}

.p-philippine__en .p-philippine-tsli__links .c-logiBtn:nth-child(2) .c-logiBtn__text {
  font-size: 14px;
}

.p-philippine__en .p-philippine-southeastasia__lists {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .p-philippine__en .p-philippine-southeastasia__lists {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-philippine-southeastasia .c-headingWrap .c-heading {
    white-space: normal;
  }
}

.p-solution__en .p-solution__cardBtns .c-card__title {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-solution__en .p-solution__cardBtns .c-card__title {
    font-size: 18px;
  }
}

.p-solution__en .p-solution__headtext {
  padding: 0 8%;
}

@media screen and (max-width: 768px) {
  .c-headingPrimary__img__p-solution__en {
    top: 71%
  }
}

.en_listItems {
  list-style-type: disc;
  padding-left: 1.5em;
}

/* ===============================================
# お問い合わせ
=============================================== */
.p-logisticsDomesticLt__contact {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__contact {
    margin-top: 51px;
  }
}

.p-logisticsDomesticLt__contactInner {
  max-width: 1280px;
  padding: 40px 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsDomesticLt__contactInner {
    padding: 21px 16px;
  }
}

.p-logisticsDomesticLt__contactTitle {
  margin-left: 26px;
}

.p-realEstate__heading .c-headingPrimary__img {
  right: 12%;
  width: min(49.3vw, 493px);
  height: min(30vw, 300px);
}
@media screen and (max-width: 880px) {
  .p-realEstate__heading .c-headingPrimary__img {
    width: 240px;
    height: 168px;
  }
}
@media screen and (max-width: 768px) {
  .p-realEstate__heading .c-headingPrimary__img {
    width: min(82.9vw, 311px);
    height: 190px;
  }
}

.p-realEstate-top {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-top {
    margin-top: 20px;
  }
}

.p-realEstate-top__item.c-card__item {
  padding-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-top__item.c-card__item {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-realEstate-top__item .c-card__title {
    font-size: 20px;
    line-height: 1.2;
  }
}

.p-realEstate-top__item .c-card__text {
  color: #3c3c41;
}

@media screen and (max-width: 768px) {
  .p-realEstate-top__item .c-card__img {
    width: auto;
    height: 200px;
  }
}

@media screen and (max-width: 768px) {
  .p-realEstate-top__item .c-card__content {
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-realEstate-top__item .c-card__btn {
    margin-top: 22px;
  }
}

@media screen and (max-width: 499px) {
  .p-realEstate-top__item--pc {
    display: none;
  }
}

.p-realEstate-top__item--sp {
  display: none;
}
@media screen and (max-width: 499px) {
  .p-realEstate-top__item--sp {
    display: block;
  }
}

.p-realEstate-developmentRent__head-inner {
  padding: 80px 0 0;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__head-inner {
    padding: 40px 16px 0;
  }
}

.p-realEstate-developmentRent__head-text {
  padding: 0 14%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__head-text {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-logisticsInternational-china-hongkong__section.p-realEstate-developmentRent__first-section {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__section.p-realEstate-developmentRent__first-section {
    margin-top: 31px;
  }
}

.p-logisticsInternational-china-hongkong__section.p-realEstate-developmentRent__last-section {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__section.p-realEstate-developmentRent__last-section {
    margin-bottom: 20px;
  }
}

.p-realEstate-developmentRent__headingWrap-spBr .c-heading,
.p-realEstate-developmentRent__headingWrap-smallBr .c-heading {
  font-size: 32px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__headingWrap-spBr .c-heading,
  .p-realEstate-developmentRent__headingWrap-smallBr .c-heading {
    font-size: 20px;
    line-height: 1.2;
  }
}

.c-headingWrap.p-realEstate-developmentRent__headingWrap-spBr {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-headingWrap.p-realEstate-developmentRent__headingWrap-spBr {
    padding-bottom: 8px;
    padding-left: 0;
  }
}
@media screen and (max-width: 499px) {
  .c-headingWrap.p-realEstate-developmentRent__headingWrap-spBr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-realEstate-developmentRent__headingWrap-spBr .c-heading-en {
  padding-bottom: 1px;
  padding-left: 40px;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__headingWrap-spBr .c-heading-en {
    padding-bottom: 0;
    padding-left: 24px;
    font-size: 12px;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 499px) {
  .p-realEstate-developmentRent__headingWrap-spBr .c-heading-en {
    padding-top: 12px;
    padding-left: 0;
  }
}

.c-headingWrap.p-realEstate-developmentRent__headingWrap-smallBr {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-headingWrap.p-realEstate-developmentRent__headingWrap-smallBr {
    padding-bottom: 8px;
    padding-left: 0;
  }
}
@media screen and (max-width: 369px) {
  .c-headingWrap.p-realEstate-developmentRent__headingWrap-smallBr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-realEstate-developmentRent__headingWrap-smallBr .c-heading-en {
  padding-bottom: 1px;
  padding-left: 40px;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__headingWrap-smallBr .c-heading-en {
    padding-bottom: 0;
    padding-left: 24px;
    font-size: 12px;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 369px) {
  .p-realEstate-developmentRent__headingWrap-smallBr .c-heading-en {
    padding-top: 12px;
    padding-left: 0;
  }
}

.c-logiBtn__inner.p-realEstate-developmentRent__button {
  padding: 16px 15px;
}
@media screen and (max-width: 768px) {
  .c-logiBtn__inner.p-realEstate-developmentRent__button {
    gap: 0;
    justify-content: space-between;
    padding: 10px 9px 10px 4px;
  }
}

@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__button .c-logiBtn__text {
    width: auto;
  }
}

@media screen and (max-width: 499px) {
  .p-realEstate-buildingAdministration__top-title .c-headingPrimary {
    height: 315px;
  }
}

@media screen and (max-width: 880px) {
  .p-realEstate-buildingAdministration__top-title .c-headingPrimary__img {
    top: 66%;
  }
}

.p-realEstate-buildingAdministration__top-title .c-headingPrimary__text {
  max-width: none;
}
@media screen and (max-width: 1199px) {
  .p-realEstate-buildingAdministration__top-title .c-headingPrimary__text {
    max-width: 345px;
  }
}
@media screen and (max-width: 880px) {
  .p-realEstate-buildingAdministration__top-title .c-headingPrimary__text {
    max-width: none;
  }
}
@media screen and (max-width: 499px) {
  .p-realEstate-buildingAdministration__top-title .c-headingPrimary__text {
    width: 305px;
  }
}

.p-realEstate-buildingAdministration__headingWrap .c-heading {
  font-size: 32px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__headingWrap .c-heading {
    font-size: 20px;
    line-height: 1.2;
  }
}

.c-headingWrap.p-realEstate-buildingAdministration__headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 899px) {
  .c-headingWrap.p-realEstate-buildingAdministration__headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .c-headingWrap.p-realEstate-buildingAdministration__headingWrap {
    padding-bottom: 8px;
    padding-left: 0;
  }
}

.p-realEstate-buildingAdministration__headingWrap .c-heading-en {
  padding-bottom: 1px;
  padding-left: 40px;
  font-size: 20px;
}
@media screen and (max-width: 899px) {
  .p-realEstate-buildingAdministration__headingWrap .c-heading-en {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__headingWrap .c-heading-en {
    padding-top: 12px;
    padding-bottom: 0;
    font-size: 12px;
    letter-spacing: 0.05em;
  }
}

.p-realEstate-buildingAdministration__section {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__section {
    margin-top: 8px;
  }
}

.p-realEstate-buildingAdministration__text {
  margin-top: 40px;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__text {
    width: calc(100% - 48px);
    margin: 24px 24px 0;
  }
}

.p-realEstate-buildingAdministration__container {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__container {
    row-gap: 16px;
    margin-top: 14px;
  }
}

.p-realEstate-buildingAdministration__container__block {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__container__block {
    width: 100%;
  }
}

.p-realEstate-buildingAdministration__container__text {
  width: calc(100% - 22px);
  margin-top: 16px;
  margin-left: auto;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__container__text {
    width: calc(100% - 48px);
    margin-top: 24px;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__contact {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.p-realEstate-buildingAdministration__contact .p-logistics-contact__inner {
  padding: 40px 104px 36px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-buildingAdministration__contact .p-logistics-contact__inner {
    padding: 28px 24px;
  }
}

.p-realEstate-buildingAdministration__bgGray {
  width: 100%;
  max-width: 872px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}

.p-realEstate-developmentRent__office {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__office {
    width: calc(100% - 48px);
    margin: 24px auto -4px;
  }
}

.p-realEstate-developmentRent__office__list {
  display: flex;
  -moz-column-gap: 28px;
  column-gap: 28px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__office__list {
    flex-direction: column;
    row-gap: 16px;
  }
}

.p-realEstate-developmentRent__office__item {
  width: calc((100% - 56px) / 3);
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__office__item {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__office__image img {
    aspect-ratio: 295/221;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.p-realEstate-developmentRent__office__name {
  margin-top: 16px;
  font-size: min(1.8vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__office__name {
    margin-top: 4px;
    font-size: 14px;
  }
}

.p-realEstate-developmentRent__logistics {
  width: calc(100% - ((100% - 56px) / 3 + 28px));
  max-width: 736px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__logistics {
    width: calc(100% - 48px);
    margin-top: 24px;
  }
}

.p-realEstate-developmentRent__logistics__item {
  width: calc((100% - 28px) / 2);
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent__logistics__item {
    width: 100%;
  }
}

.p-realEstate-developmentRent-development {
  width: 100%;
  height: auto;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent-development {
    margin-top: 24px;
  }
}

.p-realEstate-developmentRent-development img {
  display: block;
  width: 80%;
  max-width: 434px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent-development img {
    width: calc(100% - 48px);
    max-width: unset;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-logistics-contactBtn__inner.p-realEstate-buildingAdministration__contactBtnInner {
  padding: 17px 15px;
}

.p-logistics-contact.p-realEstate-developmentRent_contact {
  margin-top: -40px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact.p-realEstate-developmentRent_contact {
    margin-top: -20px;
    margin-bottom: 20px;
  }
}

.p-realEstate-developmentRent_contact .p-logistics-tradeAgnet-title {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-realEstate-developmentRent_contact .p-logistics-tradeAgnet-title {
    margin-left: 0;
  }
}

.p-logisticsInternational__heading .c-headingPrimary__img {
  width: min(50vw, 502px);
  height: min(29.4vw, 294px);
}
@media screen and (max-width: 880px) {
  .p-logisticsInternational__heading .c-headingPrimary__img {
    width: 240px;
    height: 168px;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational__heading .c-headingPrimary__img {
    width: 273px;
    height: 160px;
  }
}

.p-logisticsInternational-top-head__inner {
  padding: 80px 0 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top-head__inner {
    padding: 40px 16px 0;
  }
}

.p-logisticsInternational-top__logistics-inner {
  padding: 0 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__logistics-inner {
    padding: 0 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top-head__inner .p-logisticsInternational-top__logistics-inner {
    padding: 0;
  }
}

.c-headingWrap.p-logisticsInternational-top-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-headingWrap.p-logisticsInternational-top-headingWrap {
    padding-bottom: 8px;
    padding-left: 0;
  }
}

.p-logisticsInternational-top-headingWrap .c-heading {
  font-size: 32px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top-headingWrap .c-heading {
    font-size: 20px;
    line-height: 1.2;
  }
}

.p-logisticsInternational-top-headingWrap .c-heading-en {
  padding-bottom: 1px;
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top-headingWrap .c-heading-en {
    flex: 1;
    padding-bottom: 0;
    padding-left: 24px;
    font-size: 12px;
    letter-spacing: 0.05em;
  }
}

.p-logisticsInternational-top__logistics__text {
  width: calc(100% - 12px);
  margin: 40px auto 0;
  margin-bottom: -40px;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__logistics__text {
    width: 86%;
    margin: 24px auto 0;
    margin-bottom: -16px;
  }
}

.p-logisticsInternational-top__item {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__item {
    padding: 16px 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__item .c-card__img {
    height: 200px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__item .c-card__content {
    margin-top: 13px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__item .c-card__title {
    font-size: 20px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__item .c-card__btn {
    margin-top: 24px;
  }
}

.p-logisticsInternational-top__item .c-btn {
  padding: 0 0 0 64px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__item .c-btn {
    padding: 0 0 0 60px;
  }
}

.p-logisticsInternational-top__item .c-btn::before {
  left: 9px;
}

.p-logisticsInternational-top-foot__inner {
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top-foot__inner {
    padding: 41px 0;
  }
}

.p-logisticsInternational-top__iconBtns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 30px;
  column-gap: 30px;
  width: 88%;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__iconBtns {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
    -moz-column-gap: 0;
    column-gap: 0;
    width: 100%;
    margin-top: 24px;
  }
}

.p-logisticsInternational-top__iconBtn .c-iconBtn {
  padding: 24px 5%;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__iconBtn .c-iconBtn {
    padding: 16px 5% 15px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__iconBtn .c-iconBtn__img {
    width: 28%;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__iconBtn .c-iconBtn__text {
    padding: 0 34px 8px 8px;
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-top__iconBtn .c-iconBtn__text::after {
    right: 8px;
  }
}

@media screen and (max-width: 1050px) {
  .p-logisticsInternational-forwarding__top-title .c-headingPrimary__text {
    max-width: 330px;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__top-title .c-headingPrimary__text {
    max-width: none;
    font-size: min(6.86vw, 1.6rem);
  }
}

.p-logisticsInternational-forwarding__heading {
  position: relative;
  padding-left: 22px;
  margin-top: 40px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__heading {
    margin: 24px 24px 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 369px) {
  .p-logisticsInternational-forwarding__heading {
    margin: 24px 20px 0;
  }
}

.p-logisticsInternational-forwarding__heading::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #c8141e;
}

.p-logisticsInternational-forwarding__heading-spBr {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__heading-spBr {
    display: block;
  }
}

.p-logisticsInternational-forwarding__heading-minBr {
  display: none;
}
@media screen and (max-width: 369px) {
  .p-logisticsInternational-forwarding__heading-minBr {
    display: block;
  }
}

.p-logisticsInternational-forwarding__text {
  margin-top: 16px;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__text {
    width: calc(100% - 48px);
    margin: 24px 24px 0;
  }
}
@media screen and (max-width: 369px) {
  .p-logisticsInternational-forwarding__text {
    margin: 24px 20px 0;
  }
}

.p-logisticsInternational-forwarding__text--short {
  width: calc(100% - 12px);
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__text--short {
    width: calc(100% - 48px);
  }
}

.p-logisticsInternational-forwarding__procedure__container {
  display: flex;
  width: 100%;
  max-width: 708px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__procedure__container {
    width: 99%;
    margin-top: 24px;
    margin-left: 0;
  }
}

.p-logisticsInternational-forwarding__procedure__pc {
  width: 62%;
}

.p-logisticsInternational-forwarding__procedure__aeo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34%;
  margin-left: 3.8%;
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__procedure .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__procedure .c-heading {
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 875px) {
  .p-logisticsInternational-forwarding__procedure .c-heading-en {
    width: 46%;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__procedure .c-heading-en {
    width: 100%;
    padding-left: 0;
  }
}

.p-logisticsInternational-forwarding__transportation {
  padding-top: 96px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__transportation {
    padding-top: 12px;
  }
}

.p-logisticsInternational-forwarding__ocean {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__ocean {
    padding-top: 0;
  }
}

.p-logisticsInternational-forwarding__ocean__container {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__ocean__container {
    flex-direction: column-reverse;
  }
}

.p-logisticsInternational-forwarding__ocean__ship {
  width: 42.9%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__ocean__ship {
    width: 100%;
    margin-top: 24px;
  }
}

.p-logisticsInternational-forwarding__ocean__head-body {
  width: 53.3%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__ocean__head-body {
    width: 100%;
  }
}

.p-logisticsInternational-forwarding__ocean__foot-body {
  width: 53.3%;
  margin-top: -58px;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .p-logisticsInternational-forwarding__ocean__foot-body {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__ocean__foot-body {
    width: 100%;
  }
}

.c-sustainaPolicy__pdf.p-logisticsInternational-forwarding__pdf {
  margin-top: 65px;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .c-sustainaPolicy__pdf.p-logisticsInternational-forwarding__pdf {
    width: 224px;
    margin-top: 23px;
  }
}

.p-logisticsInternational-forwarding__pdf .c-sustainaPolicy__pdfLink {
  transition: unset;
}

.p-logisticsInternational-forwarding__pdf .c-sustainaPolicy__pdfInner {
  transition: ease 0.5s;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__pdf .c-sustainaPolicy__pdfInner {
    padding-block: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__pdf .c-sustainaPolicy__pdfInner svg {
    transform: translateX(-15px);
  }
}

.p-logisticsInternational-forwarding__pdf .c-sustainaPolicy__pdfText {
  transition: ease 0.5s;
}

.p-logisticsInternational-forwarding__air {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-forwarding__air {
    margin-top: 0;
  }
}

.p-logistics-contact.p-logisticsInternational-forwarding__contact {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact.p-logisticsInternational-forwarding__contact {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong .l-1280 {
    padding: 20px 16px;
  }
}

.p-logisticsInternational-china-hongkong__text-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__text-br {
    display: block;
  }
}

.p-logisticsInternational-china-hongkong__heading-text {
  padding: 40px 9% 0;
  font-size: 18px;
  line-height: 1.5;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__heading-text {
    padding: 20px 16px 0;
    font-size: 16px;
    line-height: 1.75;
    text-align: left;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations .c-heading-en {
    padding-top: 3px;
    padding-left: 0;
    line-height: 1.2;
  }
}

.p-logisticsInternational-china-hongkong__locations__container {
  width: 92%;
  margin: 48px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations__container {
    width: 100%;
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations__map {
    width: 100%;
    padding-bottom: 10px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations__map img {
    width: 988px;
    max-width: none;
    margin-bottom: 20px;
  }
}

.p-logisticsInternational-china-hongkong__locations__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  width: 98.9%;
  margin: 34px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations__list {
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
    padding: 0 24px;
    margin-top: 24px;
  }
}

.p-logisticsInternational-china-hongkong__locations__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations__item {
    align-items: flex-start;
  }
}

.p-logisticsInternational-china-hongkong__locations__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  color: #fff;
  background-color: #c8141e;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations__number {
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 32px;
  }
}

.p-logisticsInternational-china-hongkong__locations__text {
  flex: 1;
  margin-left: 24px;
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__locations__text {
    margin-left: 16px;
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-logisticsInternational-china-hongkong__section {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__section {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__section .c-heading-en {
    line-height: 1;
  }
}

.p-logisticsInternational-china-hongkong__bgGray {
  width: 100%;
  max-width: 872px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__bgGray {
    margin-top: 24px;
  }
}

.p-logisticsInternational-china-hongkong__bgGray--south {
  max-width: 837px;
}

.p-logisticsInternational-china-hongkong__container-image {
  width: 37.5%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__container-image {
    width: 100%;
    margin-top: 24px;
  }
}

.p-logisticsInternational-china-hongkong__container-image img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__section .p-tradeAgnet-sakefood__link {
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__section .c-logiBtn {
    max-width: 224px;
  }
}

.c-logiBtn__inner.p-logisticsInternational-china-hongkong__button {
  gap: 44px;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .c-logiBtn__inner.p-logisticsInternational-china-hongkong__button {
    gap: 22px;
    padding: 20px 16px 20px 24px;
  }
}

.c-logiBtn__inner.p-logisticsInternational-china-hongkong__button .c-logiBtn__text {
  padding-left: 36px;
}
@media screen and (max-width: 768px) {
  .c-logiBtn__inner.p-logisticsInternational-china-hongkong__button .c-logiBtn__text {
    padding-left: 0;
  }
}

.p-logisticsInternational-china-hongkong__container-body {
  flex: 1;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__container-body {
    width: 100%;
    margin-left: 0;
  }
}

.p-logisticsInternational-china-hongkong__container-body .p-logisticsInternational-forwarding__heading {
  padding-left: 25px;
}

.p-logisticsInternational-china-hongkong__container-body__text {
  width: 95%;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__container-body__text {
    width: 86%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__section .p-logisticsInternational-forwarding__ocean__container:nth-child(n+3) {
    margin-top: 18px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__contact {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.p-logisticsInternational-china-hongkong__contact .p-logistics-contact__inner {
  padding: 40px 102px 36px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__contact .p-logistics-contact__inner {
    padding: 28px 24px;
  }
}

.p-logisticsInternational-china-hongkong__contact .p-logistics-tradeAgnet-title::before {
  height: 100%;
}

@media screen and (max-width: 1050px) {
  .p-logistics-contact__links {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
}

.p-logistics-contact.p-logisticsInternational-china-hongkong__contact {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact.p-logisticsInternational-china-hongkong__contact {
    margin-top: 0;
  }
}

.p-logisticsInternational-china-hongkong__links {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticsInternational-china-hongkong__links {
    flex-direction: column;
    margin-top: 24px;
  }
}

/* ============================================
                    Contact 部分						
============================================ */
.c-logistic__contact {
  width: 100%;
  max-width: 1120px;
  padding: 37px 120px 63px 104px;
  margin: 0 auto;
  color: #3c3c41;
  background-color: #fff;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .c-logistic__contact {
    max-width: 343px;
    padding: 28px 24px;
  }
}

.c-logistic__contact-title {
  position: relative;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-title {
    font-size: 16px;
  }
}
.c-logistic__contact-title::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}

.c-logistic__contact-itemsWrap {
  max-width: 664px;
  margin: 43px auto 0;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemsWrap {
    gap: 28px;
    width: 100%;
    max-width: 247px;
    margin-top: 22px;
  }
}

.c-logistic__contact-items {
  display: flex;
  gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-items {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
}

.c-logistic__contact-item {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 312px;
  height: 80px;
  border: 1px solid #c8141e;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-item {
    justify-content: flex-start;
    width: 100%;
    max-width: 224px;
    height: auto;
    padding: 6px 10px 5px;
    margin: 0 auto;
  }
  .c-logistic__contact-item[data-type=mail] {
    gap: 6px;
  }
}

.c-logistic__contact-itemIcon {
  width: 32px;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemIcon {
    width: 24px;
  }
}

.c-logistic__contact-itemText {
  font-weight: 500;
}
.c-logistic__contact-itemText p[data-type=small] {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemText p[data-type=small] {
    font-size: 12px;
  }
}
.c-logistic__contact-itemText a {
  display: inline-block;
  transition: all 0.3s ease 0s;
}
@media screen and (min-width: 768px) {
  .c-logistic__contact-itemText a:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemText a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
  }
  .c-logistic__contact-itemText a[data-type=mail] {
    text-align: center;
  }
}

.c-logistic__contact-info {
  width: 100%;
  max-width: 288px;
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-info {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.5;
  }
}

.c-logistic__labelTitle {
  position: relative;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-logistic__labelTitle {
    font-size: 16px;
    line-height: 1.65;
  }
}
.c-logistic__labelTitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 128%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-logistic__labelTitle::before {
    height: 100%;
  }
}

/* ============================================
                    ここから家財保管オリジナル						
============================================ */
.c-logistic__top-text {
  max-width: 918px;
  margin: 68px auto 0;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.1em;
}
.c-logistic__top-text[data-type=moving] {
  margin-top: 77px;
}
@media screen and (max-width: 768px) {
  .c-logistic__top-text[data-type=moving] {
    margin-top: 37px;
  }
}
@media screen and (max-width: 1200px) {
  .c-logistic__top-text {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-logistic__top-text {
    max-width: 306px;
    margin: 37px auto 0;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.001em;
  }
}

.p-logisticMoving__household {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household {
    margin-top: 10px;
  }
}

.p-logisticMoving__household-contents {
  padding: 40px 20px;
  margin-top: 40px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-contents {
    padding: 0;
    margin-top: 24px;
    background-color: transparent;
  }
}

.p-logisticMoving__household-contents-inner {
  max-width: 817px;
  margin: 0 auto;
}

.p-logisticMoving__householdStorage-title {
  position: relative;
  padding-left: 8px;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  color: #7fa6c1;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__householdStorage-title {
    font-size: 14px;
  }
}
.p-logisticMoving__householdStorage-title::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #7fa6c1;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__householdStorage-title::before {
    height: 1px;
  }
}

.p-logisticMoving__household-itemsWrap {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-itemsWrap {
    margin-top: 24px;
  }
}

.p-logisticMoving__household-items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 80px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-items {
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-items[data-type=column] {
    gap: 16px 0;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-items[data-type=column] .p-logisticMoving__household-item {
    width: 50%;
  }
}

.p-logisticMoving__household-item {
  width: calc((100% - 160px) / 3);
  max-width: 232px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-item {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticMoving__household-item-img {
    width: 110px;
    margin: 0 auto;
  }
}

.p-logisticMoving__household-item-title {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-item-title {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.13;
  }
}
.p-logisticMoving__household-item-title[data-type=blue] {
  font-weight: 500;
  color: #7fa6c1;
}

@media screen and (max-width: 768px) {
  .p-logisticMoving__household-item-lists {
    margin-top: 4px;
  }
}

.p-logisticMoving__household-item-list {
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-item-list {
    font-size: 12px;
    line-height: 1.13;
  }
  .p-logisticMoving__household-item-list:not(:first-child) {
    margin-top: 4px;
  }
}
.p-logisticMoving__household-item-list::before {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 4px;
  height: 4px;
  content: "";
  background-color: #3c3c41;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__household-item-list::before {
    top: 6px;
  }
}

.p-logisticMoving__certifications {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certifications {
    max-width: 295px;
    margin: 40px auto 0;
  }
}

.p-logisticMoving__certification {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certification {
    flex-direction: column;
    gap: 24px;
  }
}

.p-logisticMoving__certification-img {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certification-img {
    width: 120px;
    margin: 0 auto;
  }
}

.p-logisticMoving__certification-body {
  width: calc(100% - 200px - 40px);
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certification-body {
    width: 100%;
  }
}

.p-logisticMoving__certification-title span {
  position: relative;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certification-title span {
    font-size: 16px;
  }
}
.p-logisticMoving__certification-title span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 36px;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certification-title span::before {
    height: 24px;
  }
}

.p-logisticMoving__certification-text {
  margin-top: 16px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certification-text {
    letter-spacing: 0.001em;
  }
}
.p-logisticMoving__certification-text span {
  display: block;
  margin-top: 1rem;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__certification-text span {
    display: block;
  }
}

.p-logisticMoving__office {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__office {
    margin-top: -4px;
  }
}

.p-logisticMoving__householdImg {
  margin-top: 77px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__householdImg {
    margin-top: 24px;
  }
}

.p-logisticMoving__householdItems {
  margin-top: 43px;
}

.p-logisticMoving__employee {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__employee {
    margin-top: -8px;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__employee .c-heading-en {
    padding-left: 18px;
  }
}

.p-logisticMoving__employeeImages {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-top: 44px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__employeeImages {
    gap: 15px;
    width: 100vw;
    margin: 24px calc(50% - 50vw) 0;
  }
}

.p-logisticMoving__employeeImage {
  width: calc((100% - 32px) / 2);
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__employeeImage {
    width: calc((100% - 15px) / 2);
  }
}

.p-logisticMoving__contact {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__contact {
    margin-top: 24px;
  }
}

.p-logisticMoving__contact {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__contact {
    margin-top: 3px;
  }
}

.p-logistics-contact__text {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contact__text {
    font-size: 12px;
  }
}

.p-logisticMoving__contactTitle {
  margin-left: 20px;
}

.p-logisticMoving__mainWrap {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-logisticMoving__mainWrap {
    padding-bottom: 20px;
  }
}

/* ============================================
                    Contact 部分
============================================ */
.c-logistic__contact {
  width: 100%;
  max-width: 1120px;
  padding: 37px 120px 63px 104px;
  margin: 0 auto;
  color: #3c3c41;
  background-color: #fff;
  box-shadow: 8px 15px 20px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .c-logistic__contact {
    max-width: 343px;
    padding: 28px 24px;
  }
}

.c-logistic__contact-title {
  position: relative;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-title {
    font-size: 16px;
  }
}
.c-logistic__contact-title::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}

.c-logistic__contact-itemsWrap {
  max-width: 664px;
  margin: 43px auto 0;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemsWrap {
    gap: 28px;
    width: 100%;
    max-width: 247px;
    margin-top: 22px;
  }
}

.c-logistic__contact-items {
  display: flex;
  gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-items {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
}

.c-logistic__contact-item {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 312px;
  height: 80px;
  border: 1px solid #c8141e;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-item {
    justify-content: flex-start;
    width: 100%;
    max-width: 224px;
    height: auto;
    padding: 6px 10px 5px;
    margin: 0 auto;
  }
  .c-logistic__contact-item[data-type=mail] {
    gap: 6px;
  }
}

.c-logistic__contact-itemIcon {
  width: 32px;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemIcon {
    width: 24px;
  }
}

.c-logistic__contact-itemText {
  font-weight: 500;
}
.c-logistic__contact-itemText p[data-type=small] {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemText p[data-type=small] {
    font-size: 12px;
  }
}
.c-logistic__contact-itemText a {
  display: inline-block;
  transition: all 0.3s ease 0s;
}
@media screen and (min-width: 768px) {
  .c-logistic__contact-itemText a:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-itemText a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
  }
  .c-logistic__contact-itemText a[data-type=mail] {
    text-align: center;
  }
}

.c-logistic__contact-info {
  width: 100%;
  max-width: 288px;
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-logistic__contact-info {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.5;
  }
}

.c-logistic__labelTitle {
  position: relative;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.56;
}
@media screen and (max-width: 768px) {
  .c-logistic__labelTitle {
    font-size: 16px;
    line-height: 1.65;
  }
}
.c-logistic__labelTitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 128%;
  content: "";
  background-color: #c8141e;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-logistic__labelTitle::before {
    height: 100%;
  }
}

.p-logisticTrunk__heading,
.p-logisticTrunk__heading-column {
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__heading,
  .p-logisticTrunk__heading-column {
    padding-bottom: 8px;
  }
}
.p-logisticTrunk__heading h2,
.p-logisticTrunk__heading-column h2 {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__heading h2,
  .p-logisticTrunk__heading-column h2 {
    font-size: 20px;
  }
}
.p-logisticTrunk__heading span,
.p-logisticTrunk__heading-column span {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__heading span,
  .p-logisticTrunk__heading-column span {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticTrunk__heading-column {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 5px;
    border-bottom: 1px solid #3c3c41;
  }
  .p-logisticTrunk__heading-column span {
    display: block;
    padding-left: 0;
    margin-top: 11px;
  }
}

/* ============================================
                    各セクション間
============================================ */
.p-logisticTrunk__location {
  margin-top: 38px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__location {
    margin-top: 18px;
  }
}

.p-logisticTrunk__management {
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__management {
    margin-top: -4px;
  }
}

.p-logisticTrunk__security {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__security {
    margin-top: 10px;
  }
}

.p-logisticTrunk__vehicle {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__vehicle {
    margin-top: 3px;
  }
}

.p-logisticTrunk__document {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__document {
    margin-top: -7px;
  }
}

@media screen and (max-width: 768px) {
  .p-logisticTrunk__inner {
    max-width: 295px;
    margin-right: auto;
    margin-left: auto;
  }
}

.c-logistic__top-text {
  max-width: 918px;
  margin: 68px auto 0;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .c-logistic__top-text {
    max-width: 375px;
    padding: 0 32px;
    margin: 37px auto 0;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.001em;
  }
}

.p-logistic__mainWrap {
  padding-bottom: 83px;
  font-size: 16px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-logistic__mainWrap {
    padding-bottom: 15px;
  }
}

.p-logisticTrunk__text {
  margin-top: 22px;
}
.p-logisticTrunk__text[data-type=document] {
  margin-top: 43px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__text[data-type=document] {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__text {
    margin-top: 19px;
    line-height: 2;
  }
}

.p-logisticTrunk-locationImageWrap {
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk-locationImageWrap {
    padding-bottom: 27px;
  }
}

.p-logisticTrunk__imgWrap {
  overflow-x: auto;
}
@media screen and (max-width: 1200px) {
  .p-logisticTrunk__imgWrap {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__imgWrap {
    padding-bottom: 27px;
  }
}

.p-logisticTrunk-locationImage {
  width: 1028px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk-locationImage {
    width: 744px;
    margin: 25px auto 0;
  }
}

.p-logisticTrunk__lists {
  margin-top: 44px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__lists {
    max-width: 282px;
    margin: 26px auto 0;
  }
}
.p-logisticTrunk__lists:not(:first-child) .p-logisticTrunk__list {
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__lists:not(:first-child) .p-logisticTrunk__list {
    margin-top: 16px;
    margin-top: 0;
  }
}
.p-logisticTrunk__lists[data-type=security] {
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__lists[data-type=security] {
    margin-top: 22px;
  }
}

.p-logisticTrunk__list {
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__list {
    padding-left: 16px;
    line-height: 2;
  }
}
.p-logisticTrunk__list::before {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 6px;
  height: 6px;
  content: "";
  background-color: #3c3c41;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__list::before {
    top: 16px;
    left: 0;
    width: 4px;
    height: 4px;
    transform: inherit;
  }
}

.p-logisticTrunk__management-images {
  display: flex;
  gap: 19px;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .p-logisticTrunk__management-images {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__management-images {
    flex-wrap: wrap;
    gap: 8px;
  }
}

.p-logisticTrunk__management-img {
  position: relative;
  height: 264px;
}
.p-logisticTrunk__management-img[data-type=left] {
  width: 30%;
}
@media screen and (max-width: 1200px) {
  .p-logisticTrunk__management-img[data-type=left] {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__management-img[data-type=left] {
    width: 100%;
    max-width: 343px;
    height: 231px;
  }
}
.p-logisticTrunk__management-img[data-type=center] {
  width: 28%;
}
@media screen and (max-width: 1200px) {
  .p-logisticTrunk__management-img[data-type=center] {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__management-img[data-type=center] {
    width: 47%;
    max-width: 162px;
    height: 109px;
  }
}
.p-logisticTrunk__management-img[data-type=right] {
  width: 42%;
}
@media screen and (max-width: 1200px) {
  .p-logisticTrunk__management-img[data-type=right] {
    width: 64%;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__management-img[data-type=right] {
    width: 50%;
    max-width: 173px;
    height: 109px;
  }
}
.p-logisticTrunk__management-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-logisticTrunk__security-items {
  display: flex;
  flex-direction: column;
  gap: 44px;
  margin-top: 46px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__security-items {
    gap: 35px;
    max-width: 295px;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-logisticTrunk__security-item[data-type=row] {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__security-item[data-type=row] {
    flex-direction: column;
  }
}

.p-logisticTrunk__security-itemImg {
  max-width: 430px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__security-itemImg {
    margin-top: 30px;
  }
}

.p-logisticTrunk__security-itemInner[data-type=left] {
  width: 62%;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__security-itemInner[data-type=left] {
    width: 100%;
  }
}

.p-logisticTrunk__vehicleInner {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__vehicleInner {
    margin-top: 23px;
  }
}

.p-logisticTrunk__vehicleImg {
  width: 1119px;
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__vehicleImg {
    width: 990px;
    margin-top: 26px;
  }
}

.p-logisticTrunk__document-contents {
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__document-contents {
    margin-top: 40px;
  }
}

.p-logisticTrunk__document-items {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__document-items {
    flex-direction: column;
    gap: 36px;
  }
}

.p-logisticTrunk__document-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-logisticTrunk__document-itemText {
  margin-top: 25px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__document-itemText {
    margin-top: 23px;
  }
}

.p-logisticTrunk__document-img1,
.p-logisticTrunk__document-img2,
.p-logisticTrunk__document-img3 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.p-logisticTrunk__document-img1 {
  max-width: 992px;
  margin-top: 37px;
}
.p-logisticTrunk__document-img1[data-type=sp] {
  width: 289px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__document-img1[data-type=sp] {
    margin-top: 25px;
  }
}

.p-logisticTrunk__document-img2 {
  width: 915px;
  margin: 45px auto 0;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__document-img2 {
    width: 775px;
    margin-top: -14px;
  }
}

.p-logisticTrunk__document-img3 {
  max-width: 278px;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__document-img3 {
    max-width: 167px;
    margin-top: 24px;
  }
}

.p-logisticTrunk__contact {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__contact {
    margin-top: 23px;
  }
}

.p-logistics-contactTrunkBtn__text {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.p-logistics-contactTrunkBtn__text span {
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-logistics-contactTrunkBtn__text span {
    font-size: 11px;
  }
}

/* ============================================
                    Contact 修正
============================================ */
.p-logisticTrunk__contactBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 310px;
  height: 80px;
  border: 1px solid #c8141e;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__contactBtn {
    width: 227px;
    height: 64px;
  }
}
.p-logisticTrunk__contactBtn .p-logistics-contactBtn__inner {
  padding: 0;
}

.p-logisticTrunk__contactArea {
  margin-top: 56px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__contactArea {
    margin-top: 0;
  }
}

.p-logisticTrunk__contactTitle {
  margin-left: 20px;
}

.p-logisticTrunk__managementBtnWrap {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__managementBtnWrap {
    margin-top: 24px;
  }
}

.p-logisticTrunk__managementBtn {
  width: 100%;
  max-width: 312px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__managementBtn {
    max-width: 224px;
    height: 64px;
    margin: 24px auto 0;
  }
}

.p-logisticTrunk__managementBtn:hover {
  background: #c8141e;
}
.p-logisticTrunk__managementBtn:hover .p-logisticTrunk__managementBtnText {
  color: #fff;
}
.p-logisticTrunk__managementBtn:hover .p-logisticTrunk__managementBtnIcon svg path {
  fill: #fff;
}

.p-logisticTrunk__managementBtnInner {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 31px 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__managementBtnInner {
    gap: 2px;
    justify-content: normal;
    height: inherit;
    padding: 0 8px 0 16px;
  }
}

.p-logisticTrunk__managementBtnIcon {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 16px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__managementBtnIcon {
    width: 24px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__managementBtnIcon svg {
    width: 24px;
    height: 24px;
    margin-top: 4px;
  }
}
.p-logisticTrunk__managementBtnIcon svg path {
  fill: #c8141e;
  transition: all 0.3s ease 0s;
}

.p-logisticTrunk__managementBtnText {
  font-weight: 500;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .p-logisticTrunk__managementBtnText {
    width: 175px;
    padding-right: 20px;
  }
}

.p-shipping {
  padding-top: 80px;
  padding-bottom: 115px;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-shipping {
    padding-top: 40px;
    padding-bottom: 75px;
  }
}

.p-shipping_body {
  display: flex;
  justify-content: flex-end;
  max-width: 1280px;
  padding: 0 80px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .p-shipping_body {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-shipping_body {
    padding: 0 16px;
  }
}

@media screen and (max-width: 1200px) {
  .p-shipping_img {
    margin-bottom: 40px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-shipping_img {
    margin-bottom: 24px;
  }
}

.p-shipping_img img {
  margin-top: 54px;
  margin-right: 60px;
}
@media screen and (max-width: 1200px) {
  .p-shipping_img img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-shipping_img img {
    width: 170px;
  }
}

.p-shipping_status {
  width: 632px;
}
@media screen and (max-width: 1200px) {
  .p-shipping_status {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-shipping_status {
    width: 100%;
  }
}

.p-shipping_heading {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-shipping_heading {
    font-size: 1.2666666667rem;
    line-height: 1.4736842105;
    text-align: center;
  }
}

.p-shipping_desc {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-shipping_desc {
    font-size: 0.9333333333rem;
    line-height: 2.2857142857;
    text-align: center;
  }
}

.p-shipping_result {
  padding: 24px 40px;
  margin-top: 40px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-shipping_result {
    max-width: 400px;
    padding: 24px;
    margin: 0 auto;
    margin-top: 24px;
  }
}

.p-shipping_resultHeading {
  padding-left: 16px;
  font-weight: 500;
  border-left: 6px solid #c8141e;
  font-size: 1.3333333333rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-shipping_resultHeading {
    font-size: 1.0666666667rem;
    line-height: 1.5;
  }
}

.p-shipping_resultInfo {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
}

.p-shipping_resultInfo strong {
  font-weight: 500;
}

.p-shipping_submitArea {
  margin-top: 44px;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-shipping_submitArea {
    margin-top: 24px;
  }
}

.p-shipping_inputArea {
  display: flex;
}

.p-shipping_number {
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .p-shipping_number {
    display: none;
  }
}

.p-shipping_input {
  width: 100%;
  max-width: 400px;
  padding: 2px 16px;
  background: rgba(200, 20, 30, 0.1019607843);
  border: none;
  border-radius: 3px;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-shipping_input {
    font-size: 1.6rem;
    line-height: 2.5;
    padding: 2px 24px;
    margin: 0 auto;
  }
  .p-shipping_input::-moz-placeholder {
    font-size: 16px;
  }
  .p-shipping_input::placeholder {
    font-size: 16px;
  }
}

.p-shipping_submitButtonArea {
  display: flex;
  justify-content: center;
  margin-top: 14px;
  margin-left: -100px;
}
@media screen and (max-width: 768px) {
  .p-shipping_submitButtonArea {
    margin-left: 0;
  }
}

.p-shipping_submit {
  display: block;
  width: 120px;
  color: #fff;
  cursor: pointer;
  background-color: #c8141e;
  border: none;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-shipping_submit {
    width: 100%;
    max-width: 400px;
    font-size: 1.0666666667rem;
    line-height: 3.75;
  }
}

.p-solution-heading .c-headingPrimary__img {
  background-image: url("../../assets/images/solution_mv_pc.png");
  width: 564px;
}
@media screen and (max-width: 880px) {
  .p-solution-heading .c-headingPrimary__img {
    background-image: url("../../assets/images/solution_mv_sp.png");
    width: 280px;
  }
}

.p-solution {
  background-color: #F8F9F9;
}

.p-solution__inner {
  max-width: 1280px;
  padding: 80px 80px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-solution__inner {
    max-width: 375px;
    padding: 40px 16px;
  }
}

.p-solution__headtext {
  padding: 0 9%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-solution__headtext {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-solution__cardBtns {
  margin-top: 134px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtns {
    margin-top: 40px;
  }
}

.p-solution__cardBtn {
  width: calc(33% - 10px);
  margin-left: 15px;
  margin-top: 40px;
  padding: 37px 25px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtn {
    width: 100%;
    margin: 0;
    padding: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-solution__cardBtn {
    width: calc(50% - 7.5px);
  }
}

.p-solution__cardBtn .c-card__img img {
  aspect-ratio: 230/172;
  max-width: 230px;
}

.p-solution__cardBtn .c-card__textWrapper {
  min-height: 175px;
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtn .c-card__textWrapper {
    min-height: auto;
  }
}

.p-solution__cardBtn .c-card__text {
  text-indent: -1em;
  padding-left: 30px;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtn .c-card__text {
    min-height: auto;
    letter-spacing: 0.05em;
    padding-left: 5px;
  }
}

.p-solution__cardBtn .c-card__text:first-of-type {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtn .c-card__text:first-of-type {
    margin-top: 18px;
  }
}

.p-solution__cardBtn .c-card__btn {
  padding-top: 10px;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtn .c-card__btn {
    margin-top: 0;
  }
}

.p-solution__cardBtn .c-card__content {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtn .c-card__content {
    margin-top: 27px;
  }
}

@media screen and (max-width: 768px) {
  .p-solution__cardBtn .c-card__title {
    max-width: 220px;
  }
  .p-solution__en .p-solution__cardBtn .c-card__title {
    max-width: none;
  }
}

@media screen and (min-width: 1001px) {
  .p-solution__cardBtn:nth-child(-n+3) {
    margin-top: 0;
  }
  .p-solution__cardBtn:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .p-solution__cardBtn:nth-child(-n+2) {
    margin-top: 0;
  }
  .p-solution__cardBtn:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-solution__cardBtn + .p-solution__cardBtn {
    margin-top: 24px;
  }
}

.p-solutionService {
  background-color: #F8F9F9;
}

.p-solutionService__inner {
  max-width: 1280px;
  padding: 80px 80px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-solutionService__inner {
    max-width: 375px;
    padding: 40px 16px;
  }
}

.p-solutionService__heading .c-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__heading .c-headingWrap {
    padding-bottom: 9px;
  }
}

.p-solutionService__heading .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-solutionService__heading .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.21;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-solutionService__item--01 .p-solutionService__heading .c-heading,
  .p-solutionService__item--02 .p-solutionService__heading .c-heading {
    width: 100%;
  }
}

.p-solutionService__heading .c-heading-en {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-solutionService__heading .c-heading-en {
    padding-left: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 875px) {
  .p-solutionService__item--01 .p-solutionService__heading .c-heading-en,
  .p-solutionService__item--02 .p-solutionService__heading .c-heading-en {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--01 .p-solutionService__heading .c-heading-en,
  .p-solutionService__item--02 .p-solutionService__heading .c-heading-en {
    width: 77%;
    padding-left: 8px;
  }
}

.p-solutionService__headtext {
  padding: 0 9%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-solutionService__headtext {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-solutionService__lead {
  margin-top: 40px;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-solutionService__lead {
    margin-top: 24px;
    padding: 0 22px;
  }
}

.p-solutionService__itemBody {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemBody {
    padding: 0 22px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 30px;
  }
}

.p-solutionService__itemContent {
  display: flex;
  flex-direction: column;
}

.p-solutionService__itemTitleWrap {
  border-left: 6px solid #C8141E;
}

.p-solutionService__itemTitleWrap + .p-solutionService__itemTitleWrap {
  margin-top: 40px;
}

.p-solutionService__itemTitle {
  padding-left: 20px;
  font-weight: 500;
  color: #3C3C41;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemTitle {
    font-size: 1.0666666667rem;
    line-height: 1.5;
    padding-left: 15px;
  }
}

.p-solutionService__itemText {
  margin-top: 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  font-weight: 400;
  color: #3c3c41;
  text-indent: -1em;
  padding-left: 16px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemText {
    font-size: 1.0666666667rem;
    line-height: 2;
    margin-top: 24px;
    letter-spacing: 0.05em;
    padding-left: 5px;
  }
}

.p-solutionService__itemText span {
  display: block;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemText span {
    padding-top: 25px;
  }
}

.p-solutionService__itemText + .p-solutionService__itemText {
  margin-top: 0;
}

.p-solutionService__itemImg {
  margin-top: auto;
  padding-top: 44px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemImg {
    padding-bottom: 10px;
    padding-top: 24px;
  }
}

.p-solutionService__item--02 .p-solutionService__itemImg,
.p-solutionService__item--04 .p-solutionService__itemImg,
.p-solutionService__item--06 .p-solutionService__itemImg,
.p-solutionService__item--08 .p-solutionService__itemImg--08 {
  text-align: center;
  padding-bottom: 16px;
  overflow-x: auto;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--02 .p-solutionService__itemImg,
  .p-solutionService__item--04 .p-solutionService__itemImg,
  .p-solutionService__item--06 .p-solutionService__itemImg,
  .p-solutionService__item--08 .p-solutionService__itemImg--08 {
    margin-top: 24px;
  }
}

.p-solutionService__item--02 .p-solutionService__itemImg img {
  width: 100%;
  max-width: 77.7777777778vw;
  aspect-ratio: 1120/380;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--02 .p-solutionService__itemImg img {
    max-width: 1120px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--02 .p-solutionService__itemImg img {
    min-width: 846px;
  }
}

.p-solutionService__item + .p-solutionService__item {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item + .p-solutionService__item {
    margin-top: 40px;
  }
}

.p-solutionService__contact {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__contact {
    margin-top: 51px;
  }
}

.p-solutionService__contactInner {
  max-width: 1280px;
  padding: 40px 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-solutionService__contactInner {
    padding: 21px 16px;
  }
}

.p-solutionService__contactTitle {
  margin-left: 26px;
}

.p-solutionService__item--03 .p-solutionService__itemImg {
  margin-top: 0;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--03 .p-solutionService__itemImg {
    padding-bottom: 0;
  }
}

.p-solutionService__itemBtn {
  width: 100%;
  max-width: 312px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #c8141e;
  box-shadow: 8px 15px 20px rgba(0, 0, 0, 0.05);
  transition: ease 0.5s;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemBtn {
    max-width: 224px;
    height: 64px;
    margin: 24px auto 0;
  }
}

.p-solutionService__itemBtn:hover {
  background: #c8141e;
}
.p-solutionService__itemBtn:hover .p-solutionService__itemBtnText {
  color: #fff;
}
.p-solutionService__itemBtn:hover .p-solutionService__itemBtnIcon svg path {
  fill: #fff;
}

.p-solutionService__itemBtnInner {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 31px 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemBtnInner {
    gap: 2px;
    justify-content: normal;
    height: inherit;
    padding: 0 8px 0 16px;
  }
}

.p-solutionService__itemBtnIcon {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 16px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemBtnIcon {
    width: 24px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemBtnIcon svg {
    width: 24px;
    height: 24px;
    margin-top: 4px;
  }
}
.p-solutionService__itemBtnIcon svg path {
  fill: #c8141e;
  transition: all 0.3s ease 0s;
}

.p-solutionService__itemBtnText {
  font-weight: 500;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 1.4375;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemBtnText {
    width: 175px;
    padding-right: 20px;
  }
}

.p-solutionService__item--03 .p-solutionService__itemBtnWrap {
  margin-top: 16px;
  border-radius: 0;
}

@media screen and (max-width: 768px) {
  .p-solutionService__item--03 .p-solutionService__itemBody,
  .p-solutionService__item--06 .p-solutionService__itemBody {
    row-gap: 40px;
  }
}

.p-solutionService__item--03 .p-solutionService__itemBody:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--03 .p-solutionService__itemBody:last-child {
    flex-direction: column;
    gap: 24px;
  }
}

.p-solutionService__item--04 .p-solutionService__itemBody {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--04 .p-solutionService__itemBody {
    padding: 0 22px;
    margin-top: 40px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

.p-solutionService__item--04 .p-solutionService__itemImg {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--04 .p-solutionService__itemImg {
    margin-top: 24px;
  }
}

.p-solutionService__item--04 .p-solutionService__itemImg img {
  aspect-ratio: 1120/624;
  max-width: 77.7777777778vw;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--04 .p-solutionService__itemImg img {
    max-width: 1120px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--04 .p-solutionService__itemImg img {
    min-width: 749px;
  }
}

.p-solutionService__item--04 .p-solutionService__itemImg--case img {
  aspect-ratio: 1117/294;
  max-width: 77.5694444444vw;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--04 .p-solutionService__itemImg--case img {
    max-width: 1117px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--04 .p-solutionService__itemImg--case img {
    max-width: 342px;
    aspect-ratio: 342/705;
    min-width: auto;
  }
}

.p-solutionService__item--05 .p-solutionService__itemBody {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--05 .p-solutionService__itemBody {
    padding: 0 22px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 24px;
  }
}

.p-solutionService__item--05 .p-solutionService__itemImg,
.p-solutionService__item--08 .p-solutionService__itemBody--08 .p-solutionService__itemImg {
  margin-top: 0;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--05 .p-solutionService__itemImg,
  .p-solutionService__item--08 .p-solutionService__itemBody--08 .p-solutionService__itemImg {
    padding-bottom: 0;
  }
}

.p-solutionService__itemImg img {
  width: 100%;
  max-width: 24.3055555556vw;
  aspect-ratio: 350/259;
}
@media screen and (max-width: 768px) {
  .p-solutionService__itemImg img {
    max-width: 295px;
  }
}
@media screen and (min-width: 1441px) {
  .p-solutionService__itemImg img {
    max-width: 350px;
  }
}

.p-solutionService__item--03 .p-solutionService__itemImg img,
.p-solutionService__item--05 .p-solutionService__itemImg img {
  aspect-ratio: 521/391;
  max-width: 36.1805555556vw;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--03 .p-solutionService__itemImg img,
  .p-solutionService__item--05 .p-solutionService__itemImg img {
    max-width: 521px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--03 .p-solutionService__itemImg img,
  .p-solutionService__item--05 .p-solutionService__itemImg img {
    max-width: 295px;
  }
}

.p-solutionService__item--05 .p-solutionService__itemContent + .p-solutionService__itemContent,
.p-solutionService__item--08 .p-solutionService__itemContent + .p-solutionService__itemContent {
  margin-top: 40px;
}

.p-solutionService__item--06 .p-solutionService__itemImg {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--06 .p-solutionService__itemImg {
    margin-top: 24px;
  }
}

.p-solutionService__item--06 .p-solutionService__itemImg img {
  width: 100%;
  max-width: 77.7777777778vw;
  aspect-ratio: 1120/742;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--06 .p-solutionService__itemImg img {
    max-width: 1120px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--06 .p-solutionService__itemImg img {
    min-width: 906px;
  }
}

.p-solutionService__item--07 .p-solutionService__itemPdfBtn {
  margin-inline: 0;
  margin-top: 40px;
  border-radius: 0;
  max-width: 312px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--07 .p-solutionService__itemPdfBtn {
    margin-inline: auto;
    margin-top: 24px;
    width: 224px;
  }
}

.p-solutionService__item--07 .p-solutionService__itemPdfBtn .c-sustainaPolicy__pdfInner {
  padding-block: 22px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--07 .p-solutionService__itemPdfBtn .c-sustainaPolicy__pdfInner {
    padding-block: 20px;
  }
}

.p-solutionService__item--08 .p-solutionService__itemBody {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--08 .p-solutionService__itemBody {
    padding: 0 22px;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

.p-solutionService__item--08 .p-solutionService__itemBody--02 {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--08 .p-solutionService__itemBody--02 {
    padding: 0 22px;
    margin-top: 24px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 24px;
  }
}

.p-solutionService__item--08 .p-solutionService__itemImg--08 img {
  width: 100%;
  max-width: 77.7777777778vw;
  aspect-ratio: 1120/651;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--08 .p-solutionService__itemImg--08 img {
    max-width: 1120px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--08 .p-solutionService__itemImg--08 img {
    min-width: 826px;
  }
}

.p-solutionService__item--08 .p-solutionService__itemBody--02 .p-solutionService__itemContentWrap {
  margin-top: 23px;
}

.p-solutionService__item--08 .p-solutionService__itemBody--02 .p-solutionService__itemImg {
  margin-top: 0;
  padding-top: 0;
}

.p-solutionService__item--08 .p-solutionService__itemBody--02 .p-solutionService__itemImg img {
  width: 100%;
  max-width: 36.1805555556vw;
  aspect-ratio: 521/390;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--08 .p-solutionService__itemBody--02 .p-solutionService__itemImg img {
    max-width: 521px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--08 .p-solutionService__itemBody--02 .p-solutionService__itemImg img {
    max-width: 295px;
    min-width: auto;
  }
}

@media screen and (min-width: 769px) and (max-width: 1215px) {
  .p-solutionService__heading .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__heading .c-headingWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (min-width: 769px) and (max-width: 1215px) {
  .p-solutionService__heading .c-heading-en {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__heading .c-heading-en {
    width: 100%;
    padding-left: 0;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 768px) {
  .p-solutionService__item--02 .p-solutionService__itemBody {
    row-gap: 40px;
  }
}

.p-solutionService__item--09 .p-solutionService__itemImg.p-solutionService__itemImg--case {
  margin-top: 40px;
}

.p-solutionService__item--09 .p-solutionService__itemImg img {
  max-width: 100%;
  aspect-ratio: 1117/294;
}

.p-solutionService__item--09 .p-solutionService__itemImg--case img {
  aspect-ratio: 1117/294;
  max-width: 77.5694444444vw;
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--09 .p-solutionService__itemImg--case img {
    max-width: 1117px;
  }
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--09 .p-solutionService__itemImg--case img {
    max-width: 342px;
    aspect-ratio: 342/705;
    min-width: auto;
  }
}

.p-solutionService__item--09 .p-solutionService__itemBody .p-solutionService__itemContent .p-solutionService__itemImg img {
  width: 100%;
  max-width: 24.3055555556vw;
  aspect-ratio: 350/259;
}
@media screen and (max-width: 768px) {
  .p-solutionService__item--09 .p-solutionService__itemBody .p-solutionService__itemContent .p-solutionService__itemImg img {
    max-width: 295px;
  }
}
@media screen and (min-width: 1441px) {
  .p-solutionService__item--09 .p-solutionService__itemBody .p-solutionService__itemContent .p-solutionService__itemImg img {
    max-width: 350px;
  }
}

.p-site-policy__section {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-site-policy__section {
    margin-top: -3px;
  }
}

.p-site-policy__section:first-child {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-site-policy__section:first-child {
    margin-top: 19px;
  }
}

.p-site-policy__section:last-child {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-site-policy__section:last-child {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 499px) {
  .p-site-policy__title--pc {
    display: none;
  }
}

.p-site-policy__title--sp {
  display: none;
}
@media screen and (max-width: 499px) {
  .p-site-policy__title--sp {
    display: block;
  }
}

.c-headingWrap.p-site-policy__title {
  padding-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .c-headingWrap.p-site-policy__title {
    padding-bottom: 8px;
  }
}

.p-site-policy__title .c-heading {
  font-size: min(3.7vw, 32px);
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-site-policy__title .c-heading {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-site-policy__section:first-child .p-site-policy__title .c-heading {
    font-size: min(5.35vw, 20px);
  }
}

@media screen and (max-width: 768px) {
  .p-site-policy__section:first-child .p-site-policy__title.p-site-policy__title--normal .c-heading {
    font-size: 20px;
  }
}

.p-site-policy__body {
  width: 78.57%;
  margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  .p-site-policy__body {
    width: calc(100% - 48px);
  }
}

.p-site-policy__text {
  font-size: 16px;
  line-height: 2;
  color: #3c3c41;
}

.p-site-policy__text a {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .p-site-policy__text {
    font-size: 14px;
    line-height: 1.75;
  }
}

.p-site-policy__list {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-site-policy__list {
    margin-top: 26px;
  }
}

.p-site-policy__item {
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  .p-site-policy__item {
    padding-left: 21px;
  }
}

.p-site-policy__item::before {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 16px;
  line-height: 2;
  content: "・";
}
@media screen and (max-width: 768px) {
  .p-site-policy__item::before {
    left: 4px;
    font-size: 14px;
    line-height: 1.75;
  }
}

@media screen and (min-width: 881px) and (max-width: 950px) {
  .p-privacyPolicy-heading .c-headingPrimary__text {
    font-size: 2.4vw;
  }
}

.p-privacyPolicy {
  min-height: 2100px;
}
@media screen and (max-width: 768px) {
  .p-privacyPolicy {
    min-height: 1200px;
  }
}

.p-privacyPolicy__tab-wrap {
  position: relative;
  display: flex;
  gap: 24px;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  margin: 80px auto -40px;
}
@media screen and (max-width: 768px) {
  .p-privacyPolicy__tab-wrap {
    gap: min(3.2vw, 12px);
    width: min(91.5vw, 343px);
    margin: 40px auto 0;
  }
}

.p-privacyPolicy__tab-wrap::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #3c3c41;
  transform: translateX(-50%);
}

.p-privacyPolicy__tab {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 224px;
  height: 55px;
  font-size: 16px;
  font-weight: 500;
  color: #3c3c41;
  background-color: #fff;
  border: 1px solid #c8141e;
  transition: all 0.3s ease 0s;
  transform: translateX(-6px);
}
@media screen and (max-width: 768px) {
  .p-privacyPolicy__tab {
    height: min(12.8vw, 48px);
    font-size: min(4.3vw, 16px);
    transform: translateX(0);
  }
}

@media screen and (max-width: 768px) {
  .p-privacyPolicy__tab:nth-child(1) {
    width: min(31.5vw, 118px);
  }
}

@media screen and (max-width: 768px) {
  .p-privacyPolicy__tab:nth-child(2) {
    width: min(44.3vw, 166px);
  }
}

.p-privacyPolicy__tab.active {
  color: #fff;
  background-color: #c8141e;
}

.p-privacyPolicy__tab:hover {
  color: #fff;
  cursor: pointer;
  background-color: #c8141e;
}

.p-privacyPolicy__section {
  display: none;
  opacity: 0;
}
.p-privacyPolicy__section.is-active {
  display: block;
  animation-name: privacyPolicyAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes privacyPolicyAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-site-policy__comment {
  margin-top: 80px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-site-policy__comment {
    margin-top: 24px;
  }
}

.p-404__inner {
  width: 100%;
  max-width: 980px;
  padding: 80px 26px 120px 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-404__inner {
    padding: 40px 20px;
  }
}

.p-404__container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-404__container {
    flex-direction: column;
    align-items: center;
  }
}

.p-404__image {
  width: 39.5%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-404__image {
    width: 56%;
    max-width: 186px;
    margin-left: -3%;
  }
}

.p-404__body {
  width: 368px;
  margin-top: 7.5%;
}
@media screen and (max-width: 768px) {
  .p-404__body {
    width: 100%;
    margin-top: 24px;
  }
}

.p-404__title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
  color: #c8141e;
}
@media screen and (max-width: 768px) {
  .p-404__title {
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
  }
}

.p-404__text {
  margin-top: 16px;
  font-size: 24px;
  line-height: 1.33;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-404__text {
    font-size: 14px;
    line-height: 2.1875;
    text-align: center;
  }
}

.p-404__link {
  margin-inline: auto;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-404__link {
    max-width: 224px;
    margin-top: 40px;
  }
}

.c-logiBtn__inner.p-404__button {
  flex-direction: row-reverse;
  padding: 24px 15px;
}

.p-404__button .c-logiBtn__arrow {
  transform: rotate(180deg);
}

.p-inquiryFstorage__head {
  color: #3c3c41;
  text-align: center;
  font-size: 1.0666666667rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__head {
    text-align: left;
    font-size: 1.0666666667rem;
    line-height: 1.75;
  }
}

.p-inquiryFstorage__headText {
  padding-top: 8px;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__headText {
    line-height: 1.45;
  }
}

.p-inquiryFstorage__Item {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__Item {
    flex-direction: column;
    gap: 8px;
  }
}

.p-inquiryFstorage__Item:nth-of-type(2) {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__Item:nth-of-type(2) {
    margin-top: 16px;
  }
}

.p-inquiryFstorage__Item:nth-of-type(n + 3) {
  margin-top: 16px;
}

.p-inquiryFstorage__ItemLabel {
  width: 100%;
  max-width: 188px;
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 500;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemLabel {
    display: flex;
    align-items: center;
    max-width: inherit;
  }
}

.p-inquiryFstorage__ItemLabel.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemLabel.isMsg {
    margin-top: 0;
  }
}

.p-inquiryFstorage__ItemLabel-Required {
  display: inline-block;
  width: 36px;
  padding: 3px 6px;
  margin-left: 8px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #c8141e;
  border-radius: 12.5px;
  font-size: 0.8rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemLabel-Required {
    padding: 4px 6px;
  }
}

.p-inquiryFstorage__ItemInput {
  flex: 1;
  width: 100%;
  max-width: 641px;
  height: 48px;
  padding: 5px 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemInput {
    flex: inherit;
    margin-top: 0;
    margin-left: 0;
    font-size: 1.0666666667rem;
    line-height: 1.75;
  }
}

.p-inquiryFstorage__ItemInput::-moz-placeholder, .p-inquiryFstorage__ItemTextarea::-moz-placeholder {
  color: #a1a1a1;
}

.p-inquiryFstorage__ItemInput::placeholder,
.p-inquiryFstorage__ItemTextarea::placeholder {
  color: #a1a1a1;
}

.p-inquiryFstorage__ItemTextarea {
  flex: 1;
  width: 100%;
  max-width: 641px;
  height: 128px;
  padding: 5px 16px;
  font-size: 1.0666666667rem;
  line-height: 2;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemTextarea {
    flex: inherit;
    height: 238px;
    margin-top: 8px;
  }
}

.p-inquiryFstorage-Btn {
  display: block;
  width: 280px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05em;
  background: #545454;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage-Btn {
    width: 160px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 24px;
    font-size: 16px;
  }
}

.p-inquiryFstorage__ItemNote {
  display: block;
  padding-bottom: 10px;
  margin-top: 22px;
  font-size: 0.9333333333rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemNote {
    padding-bottom: 16px;
    margin-top: 16px;
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-inquiryFstorage__ItemLabel-file {
  flex: 1;
  width: 100%;
  max-width: 641px;
  min-height: 128px;
  padding: 5px 16px;
  font-size: 0.9333333333rem;
  line-height: 2;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemLabel-file {
    padding: 16px 27px 16px 16px;
    margin-top: 8px;
  }
}

.p-inquiryFstorage__ItemLabel-file span:first-of-type {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__ItemLabel-file span:first-of-type {
    margin-top: 16px;
  }
}

.p-inquiryFstorage__ItemLabel-file span {
  display: block;
}

.p-inquiryFstorage__privacyCheck {
  text-align: center;
}

.p-inquiryFstorage__privacyCheck.p-inquiryFstorage__privacyCheck--privacy {
  margin-top: 36px;
}

.p-inquiryFstorage__privacyCheck label {
  font-size: 0.9333333333rem;
  line-height: 2;
  vertical-align: text-top;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__privacyCheck label {
    font-size: 0.9333333333rem;
    line-height: 1.75;
  }
}

.p-inquiryFstorage__privacyCheck.p-inquiryFstorage__privacyCheck--service label {
  letter-spacing: 0.15em;
}

.p-inquiryFstorage__privacyCheckNote {
  display: block;
  padding-top: 3px;
  color: #c8141e;
  font-size: 0.9333333333rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__privacyCheckNote {
    font-size: 0.8rem;
    line-height: 1.5;
    padding-top: 6px;
  }
}

/* ===============================================
# チェックボックスデザイン
=============================================== */
.p-inquiryFstorage__privacyCheck input[type=checkbox] {
  position: relative;
  height: 24px;
  padding-left: 30px;
  vertical-align: middle;
  cursor: pointer;
}

.p-inquiryFstorage__privacyCheck.p-inquiryFstorage__privacyCheck--service input[type=checkbox] {
  padding-left: 38px;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__privacyCheck.p-inquiryFstorage__privacyCheck--service input[type=checkbox] {
    padding-left: 30px;
  }
}

.p-inquiryFstorage__privacyCheck input[type=checkbox]::before,
.p-inquiryFstorage__privacyCheck input[type=checkbox]::after {
  position: absolute;
  display: block;
  content: "";
}

.p-inquiryFstorage__privacyCheck input[type=checkbox]::before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #a2a2a2;
  border-radius: 4px;
  transform: translateY(-50%);
}

.p-inquiryFstorage__privacyCheck input[type=checkbox]::after {
  top: 42%;
  left: 5px;
  width: 18px;
  height: 9px;
  border-bottom: 3px solid #a2a2a2;
  border-left: 3px solid #a2a2a2;
  opacity: 0;
  transform: translateY(-50%) rotate(-45deg);
}

.p-inquiryFstorage__privacyCheck input[type=checkbox]:checked::after {
  opacity: 1;
}

.p-inquiryFstorage__privacyCheckWrap {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-inquiryFstorage__privacyCheckWrap {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
  }
}

.p-company-pdflinks {
  list-style: disc;
}

.p-company-pdflink {
  display: inline-block;
  transition: .5s;
}

.p-company-pdflink:hover {
  opacity: 0.7;
}

.p-company-pdflink-text {
  position: relative;
}

.p-company-pdflink-text::after {
  position: absolute;
  top: 50%;
  right: -30px;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url(../../assets/images/ir_library_icon_pdf.svg);
  background-size: contain;
  transform: translateY(-50%);
}


/* ===============================================
# Contact form7 チェックボックス追記
=============================================== */
.wpcf7-list-item {
  margin: 0;
}

.p-inquiryFstorage__privacyCheck .wpcf7-list-item.first {
  margin-left: 0;
}

.wpcf7-list-item label {
  display: flex;
  align-items: center;
}

.p-logisticsDomesticHeading .c-headingPrimary__img {
  width: 516px;
}
@media screen and (max-width: 880px) {
  .p-logisticsDomesticHeading .c-headingPrimary__img {
    width: 280px;
  }
}

.p-search-body {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-search-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.c-headingWrap.p-search-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .c-headingWrap.p-search-headingWrap {
    padding-bottom: 8px;
  }
}

.c-heading.p-search-heading {
  font-size: 32px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-heading.p-search-heading {
    font-size: 20px;
  }
}

.p-search-block {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-search-block {
    margin-top: 32px;
  }
}

.p-search-block__title a {
  position: relative;
  display: inline-block;
  padding-right: 5px;
  padding-left: 22px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  color: #3c3c41;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  .p-search-block__title a {
    font-size: 18px;
  }
}

.p-search-block__title a:hover {
  opacity: 0.7;
}

.p-search-block__title a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  content: "";
  background-color: #c8141e;
}

.p-search-block__text {
  display: -webkit-box;
  margin-top: 20px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #3c3c41;
}
@media screen and (max-width: 768px) {
  .p-search-block__text {
    margin-top: 8px;
    font-size: 14px;
  }
}

.p-search-block__btn {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-search-block__btn {
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .p-search-block__btn .c-btn {
    padding: 0 0 0 40px;
  }
}

@media screen and (max-width: 768px) {
  .p-search-block__btn .c-btn::before {
    width: 32px;
    height: 32px;
  }
}

.p-search__pagination {
  margin-top: 40px;
}

.p-recruitGroupTop {
  background-color: #F8F9F9;
}

.p-recruitGroupTop__inner {
  max-width: 1280px;
  padding: 80px 80px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroupTop__inner {
    max-width: 375px;
    padding: 40px 16px;
  }
}

.p-recruitGroupTop__heading {
  margin-top: 80px;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroupTop__heading {
    margin-top: 40px;
  }
}

.p-recruitGroupTop__heading .c-headingWrap {
  padding-bottom: 18px;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroupTop__heading .c-headingWrap {
    padding-bottom: 9px;
  }
}

.p-recruitGroupTop__heading .c-heading {
  font-size: 2.1333333333rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroupTop__heading .c-heading {
    font-size: 1.3333333333rem;
    line-height: 1.21;
    letter-spacing: 0;
  }
}

.p-recruitGroupTop__heading .c-heading-en {
  padding-bottom: 0;
}

.p-recruitGroupTop__headtext {
  padding: 0 9%;
  color: #3c3c41;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroupTop__headtext {
    font-size: 1.0666666667rem;
    line-height: 1.75;
    padding: 0 16px;
    text-align: left;
    letter-spacing: 0;
  }
}

.p-recruitGroupTop__cardBtns {
  display: grid;
  grid-template-columns: repeat(2, 395px);
  gap: 32px;
  width: fit-content;
  margin: 40px auto 0;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroupTop__cardBtns {
    margin-top: 24px;
    grid-template-columns: repeat(1, 1fr);
    gap: 17px;
  }
}

.p-recruitGroup__cardBtn {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 56px 24px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  gap: 24px;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroup__cardBtn {
    width: 100%;
    padding: 16px 24px;
    margin: 0;
    gap: 16px;
  }
}

.p-recruitGroup__cardBtn .c-card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 96px;
  min-height: 96px;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroup__cardBtn:nth-child(1) .c-card__img {
    padding: 0 8px;
  }
  .p-recruitGroup__cardBtn:nth-child(2) .c-card__img {
    padding: 0 40px;
  }
  .p-recruitGroup__cardBtn:nth-child(3) .c-card__img {
    padding: 0 6px;
  }
  .p-recruitGroup__cardBtn:nth-child(4) .c-card__img {
    padding: 0 28px;
  }
  .p-recruitGroup__cardBtn:nth-child(5) .c-card__img {
    padding: 0 9px;
  }
  .p-recruitGroup__cardBtn:nth-child(6) .c-card__img {
    padding: 0 6px;
  }
  .p-recruitGroup__cardBtn:nth-child(7) .c-card__img {
    padding: 0 7px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitGroup__cardBtn .c-card__img {
    width: 100%;
  }
}

.p-recruitGroup__cardBtn .c-card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p-recruitGroup__cardBtn .c-card__text {
  min-height: 160px;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroup__cardBtn .c-card__text {
    min-height: auto;
    margin-top: 18px;
  }
}

.p-recruitGroup__cardBtn .c-card__btn {
  padding-top: 24px;
  margin-top: auto;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroup__cardBtn .c-card__btn {
    padding-top: 0;
    margin-top: 0;
  }
}

.p-recruitGroup__cardBtn .c-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0px;
}
@media screen and (max-width: 1020px) {
  .p-recruitGroup__cardBtn .c-card__content {
    margin-top: 0px;
    gap: 24px;
  }
}

.p-recruitGroup__cardBtn .c-card__title {
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  text-align: center;
}


/* ---------------------------------
utility
--------------------------------- */
/* ===============================================
# 非表示設定
=============================================== */
.u-pc {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-pc {
    display: block;
  }
}

.u-sp {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-sp {
    display: none;
  }
}

/*# sourceMappingURL=styles.css.map */