@charset "UTF-8";
/* Fonts */
/* Colors */
/* Widths */
/* Breakpoints */
html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  font-size: 62.5%;
}

html * {
  box-sizing: border-box;
}
html *:before, html *:after {
  box-sizing: border-box;
}

body {
  font-family: YakuHanJP, "Inter", "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-overflow-scrolling: touch;
}

header,
section,
article,
main,
footer,
li,
dt,
dd,
div,
span,
img,
a,
table,
tr,
th,
td {
  word-wrap: break-word;
}

:where(ul, li, ol, dl, dt, dd) {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin-top: unset;
  margin-bottom: 0;
  word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: unset;
  margin-left: unset;
  margin-right: unset;
  font-weight: 400;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

figure {
  margin: 0;
  padding: 0;
}

a:where(:hover) {
  opacity: 0.8;
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:where(a[href],
area,
button,
input,
label[for],
select,
summary,
textarea,
[tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type=file]) {
  cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}

.u-font-size_1 {
  font-size: 16 px;
}

.u-font-size_2 {
  font-size: 32 px;
}

.u-font-size_3 {
  font-size: 48 px;
}

.u-font-weight-300 {
  font-weight: 300;
}

.u-font-weight-400 {
  font-weight: 400;
}

.u-font-weight-500 {
  font-weight: 500;
}

.u-font-weight-700 {
  font-weight: 700;
}

.u-font-weight-800 {
  font-weight: 800;
}

.u-font-weight-900 {
  font-weight: 900;
}

.u-max-sm-only-block {
  display: none;
}
@media screen and (max-width: 390.2px) {
  .u-max-sm-only-block {
    display: block;
  }
}

.u-max-md-only-block {
  display: none;
}
@media screen and (max-width: 768.2px) {
  .u-max-md-only-block {
    display: block;
  }
}

.u-max-lg-only-block {
  display: none;
}
@media screen and (max-width: 1024.2px) {
  .u-max-lg-only-block {
    display: block;
  }
}

.u-max-xl-only-block {
  display: none;
}
@media screen and (max-width: 1250.2px) {
  .u-max-xl-only-block {
    display: block;
  }
}

.u-min-sm-only-block {
  display: none;
}
@media screen and (min-width: 390px) {
  .u-min-sm-only-block {
    display: block;
  }
}

.u-min-md-only-block {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-min-md-only-block {
    display: block;
  }
}

.u-min-lg-only-block {
  display: none;
}
@media screen and (min-width: 1024px) {
  .u-min-lg-only-block {
    display: block;
  }
}

.u-min-xl-only-block {
  display: none;
}
@media screen and (min-width: 1250px) {
  .u-min-xl-only-block {
    display: block;
  }
}

.u-align-center {
  text-align: center;
}

.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

.u-flex-justify-center {
  display: flex;
  justify-content: center;
  width: 100%;
}

.title-01 {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .title-01 {
    font-size: clamp(40px, 4.395vw, 64px);
  }
}
@media screen and (max-width: 768.2px) {
  .title-01 {
    font-size: clamp(32px, 10.256vw, 40px);
  }
}
@media screen and (min-width: 768px) {
  .title-01__small {
    font-size: clamp(48px, 3.846vw, 56px);
  }
}
@media screen and (max-width: 768.2px) {
  .title-01__small {
    font-size: clamp(32px, 10.256vw, 40px);
  }
}

@media screen and (max-width: 768.2px) {
  .title-02 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .title-02 {
    font-size: clamp(24px, 2.807vw, 32px);
  }
}

.title-02-inner {
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768.2px) {
  .title-02-inner {
    padding: 2px 18px;
  }
}
@media screen and (min-width: 768px) {
  .title-02-inner {
    padding: 4px 32px;
  }
}

.title-03 {
  text-align: center;
  font-weight: 500;
  position: relative;
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  font-size: clamp(40px, 4.395vw, 64px);
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 768.2px) {
  .title-03 {
    padding: 12px 6px;
    margin-top: 72px;
  }
}
@media screen and (min-width: 768px) {
  .title-03 {
    padding: 12px 24px;
    margin-top: 130px;
  }
}
.title-03::before {
  font-family: "Italianno", cursive;
  width: max-content;
  font-weight: 400;
  display: block;
  position: absolute;
  right: 50%;
  transform: translateX(50%) rotate(-12deg);
  transform-origin: center;
  color: #fff;
  opacity: 0.8;
  font-size: clamp(64px, 10.989vw, 160px);
  font-display: swap;
}
@media screen and (max-width: 768.2px) {
  .title-03::before {
    bottom: -100px;
  }
}
@media screen and (min-width: 768px) {
  .title-03::before {
    bottom: -200px;
  }
}

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

.title-04 {
  color: #fff;
  font-weight: 700;
  font-size: clamp(40px, 3.296vw, 48px);
  padding: 0 23px;
  text-align: center;
  position: relative;
}
.title-04::before {
  font-family: "Inter", sans-serif;
  display: block;
  content: attr(data-title);
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  color: #e9f7fd;
  font-weight: 700;
  opacity: 0.05;
  font-size: clamp(64px, 9.34vw, 136px);
  line-height: 1.2;
  width: max-content;
  word-break: break-word;
  top: 100%;
}
.title-05 {
  font-weight: 700;
  line-height: 1.6;
  font-size: clamp(24px, 3.296vw, 48px);
}
.title-06 {
  font-weight: 700;
  font-size: clamp(32px, 3.846vw, 56px);
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .title-06 {
    padding: 0 12px;
  }
}
.title-06::before {
  content: attr(data-title-text-en);
  width: 100%;
  position: absolute;
  line-height: 1;
  color: #e9f7fd;
  right: 50%;
  transform: translateX(50%);
  top: calc(100% - 16px);
  font-size: clamp(64px, 9.34vw, 136px);
  padding: 0 18px;
  word-break: break-word;
}

.title-07 {
  font-size: clamp(24px, 1.923vw, 28px);
  font-weight: 700;
  color: #fff;
  background-color: #0359aa;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.title-08 {
  color: #222;
  font-size: clamp(24px, 3.021vw, 44px);
  font-weight: 700;
  line-height: 2;
}

.title-09 {
  font-size: clamp(32px, 2.747vw, 40px);
}
@media screen and (min-width: 768px) {
  .title-09 {
    text-align: center;
  }
}

.text-gradation01 {
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
}

.o-text-01 {
  font-size: clamp(15px, 1.098vw, 16px);
  line-height: 2;
}
@property --num {
  syntax: "<number>";
  inherits: false;
  initial-value: 90;
}
.o-button-01 {
  font-size: 1.403vw;
  line-height: 1.5;
  background: linear-gradient(90deg, #efb943 0%, #ef6c43 100%);
  color: #fff;
  cursor: pointer;
  text-align: center;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  border: none;
  outline: none;
}
.o-button-01::after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='16'%20viewBox='0%200%2022%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%207C0.447715%207%200%207.44772%200%208C0%208.55228%200.447715%209%201%209V8V7ZM20.7471%208.70711C21.1376%208.31658%2021.1376%207.68342%2020.7471%207.29289L14.3831%200.928932C13.9926%200.538408%2013.3595%200.538408%2012.9689%200.928932C12.5784%201.31946%2012.5784%201.95262%2012.9689%202.34315L18.6258%208L12.9689%2013.6569C12.5784%2014.0474%2012.5784%2014.6805%2012.9689%2015.0711C13.3595%2015.4616%2013.9926%2015.4616%2014.3831%2015.0711L20.7471%208.70711ZM1%208V9H20.04V8V7H1V8Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 16px;
}
.o-button-01:hover {
  opacity: 1;
  animation: rotate-num 1s ease forwards;
  background-image: linear-gradient(90deg, hsl(var(--num), 84%, 60%) 0%, hsl(var(--num), 84%, 60%) 100%);
}

@keyframes rotate-num {
  from {
    --num: 14;
  }
  to {
    --num: 41;
  }
}
.o-button-02 {
  background: #000;
  color: #fff;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.25);
  font-family: "Inter", sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-weight: 600;
  border: none;
  outline: none;
  width: calc(100% - 32px);
  filter: brightness(1);
  transition: filter 0.3s ease;
}
@media screen and (max-width: 768.2px) {
  .o-button-02 {
    max-width: 280px;
    height: 56px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .o-button-02 {
    max-width: 320px;
    height: 62px;
    font-size: clamp(14px, 1.373vw, 20px);
  }
}
.o-button-02.-bg-222 {
  background: #222;
}
.o-button-02.-no-shadow {
  box-shadow: none;
}
.o-button-02:hover {
  opacity: 1;
  animation: button-02-hover 0.3s ease forwards;
}
.o-button-02::after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='16'%20viewBox='0%200%2022%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%207C0.447715%207%200%207.44772%200%208C0%208.55228%200.447715%209%201%209V8V7ZM20.7471%208.70711C21.1376%208.31658%2021.1376%207.68342%2020.7471%207.29289L14.3831%200.928932C13.9926%200.538408%2013.3595%200.538408%2012.9689%200.928932C12.5784%201.31946%2012.5784%201.95262%2012.9689%202.34315L18.6258%208L12.9689%2013.6569C12.5784%2014.0474%2012.5784%2014.6805%2012.9689%2015.0711C13.3595%2015.4616%2013.9926%2015.4616%2014.3831%2015.0711L20.7471%208.70711ZM1%208V9H20.04V8V7H1V8Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 16px;
}

@keyframes button-02-hover {
  0% {
    background: #000;
  }
  100% {
    background: #555;
  }
}
.o-button-03 {
  background-color: #0359aa;
  color: #fff;
  font-weight: 700;
  font-size: clamp(13px, 1.03vw, 15px);
  line-height: 1.5;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: auto;
}
@media screen and (max-width: 768.2px) {
  .o-button-03 {
    height: 30px;
    width: calc(100% - 16px);
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) {
  .o-button-03 {
    height: 40px;
    width: calc(100% - 32px);
    max-width: 400px;
    margin-bottom: 22px;
  }
}
.o-button-03::after {
  content: "";
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3.2002'%20width='12.7998'%20height='12.8'%20fill='white'/%3e%3cpath%20d='M1%202V14.8H13.7998'%20stroke='white'/%3e%3c/svg%3e") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: clamp(8px, 0.824vw, 12px);
  height: clamp(10px, 0.961vw, 14px);
}
.o-button-04 {
  color: #000;
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .o-button-04 {
    align-self: center;
    padding-right: 25px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .o-button-04 {
    margin-left: auto;
    padding-right: 30px;
  }
}
.o-button-04:before, .o-button-04:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  height: 1px;
}
.o-button-04:before {
  background-color: #ddd;
  width: 100%;
}
.o-button-04:after {
  background-color: #000;
  width: 0;
}
.o-button-04:hover:after {
  transition: width 0.3s ease;
  width: 100%;
}

.o-button-04-inner:before {
  content: "→";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  line-height: 1;
}
@media screen and (max-width: 768.2px) {
  .o-button-04-inner:before {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .o-button-04-inner:before {
    font-size: 13px;
  }
}

.o-cta-tel {
  background-color: #fff;
  color: #0359aa;
  text-align: center;
}
@media screen and (max-width: 768.2px) {
  .o-cta-tel {
    padding: 16px;
  }
}
@media screen and (max-width: 768.2px) {
  .o-cta-tel-title {
    font-size: 13px;
  }
}
.o-cta-tel-link {
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
}

.o-box-with-title {
  position: relative;
}
.o-box-with-title::before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #fff;
  opacity: 0.6;
  z-index: 1;
  line-height: 1;
  padding-bottom: 10px;
  word-break: break-word;
}
@media screen and (min-width: 768px) {
  .o-box-with-title::before {
    font-size: clamp(106px, 11.929vw, 136px);
  }
}
@media screen and (max-width: 768.2px) {
  .o-box-with-title::before {
    font-size: clamp(40px, 4.912vw, 56px);
  }
}
.o-box-with-title.-box-with-title-color-blue::before {
  opacity: 0.1;
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.o-box-with-title.-box-with-title-color-white::before {
  opacity: 0.6;
  color: #fff;
}

.o-box-100 {
  width: 100%;
}

.o-box-with-background {
  background: url(../images/common/section-background-01.webp) no-repeat left top/cover;
}
@media screen and (max-width: 768.2px) {
  .o-box-with-background {
    background-position-x: center;
  }
}
.o-box-with-title-vertical {
  position: relative;
}
@media screen and (min-width: 768px) {
  .o-box-with-title-vertical {
    display: flex;
  }
}

.o-box-with-title-vertical-title {
  font-size: clamp(14px, 1.754vw, 20px);
  font-family: "Inter", sans-serif;
  letter-spacing: 0.3em;
  font-weight: 700;
  color: #222;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (max-width: 768.2px) {
  .o-box-with-title-vertical-title {
    line-height: 1.3;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .o-box-with-title-vertical-title {
    line-height: 1.57;
    padding: 0 clamp(30px, 4.12vw, 60px);
  }
}

.box-movie-01 {
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .box-movie-01 {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .box-movie-01 {
    width: 680px;
    height: 380px;
  }
}
.box-movie-01:not(.-is-empty):before {
  content: "Youtube";
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: #000;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768.2px) {
  .box-movie-01:not(.-is-empty):before {
    font-size: 12px;
    width: 56px;
    height: 24px;
  }
}
@media screen and (min-width: 768px) {
  .box-movie-01:not(.-is-empty):before {
    font-size: 18px;
    width: 118px;
    height: 40px;
  }
}
.box-movie-01.-is-empty {
  display: flex;
  flex-direction: column;
}
.box-movie-01.-is-empty .box-movie-01-content {
  background: #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #222;
  text-align: center;
}
@media screen and (max-width: 768.2px) {
  .box-movie-01.-is-empty .box-movie-01-content {
    height: 240px;
  }
}
@media screen and (min-width: 768px) {
  .box-movie-01.-is-empty .box-movie-01-content {
    flex: 1;
    height: 100%;
  }
}
.box-movie-01 .movie-embed {
  width: 100%;
  height: auto;
}

.box-movie-01-title {
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  color: #fff;
  font-size: clamp(20px, 2.197vw, 32px);
  font-weight: 700;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768.2px) {
  .box-movie-01-title {
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .box-movie-01-title {
    height: 64px;
  }
}

@media screen and (min-width: 768px) {
  .o-box-inner-center {
    max-width: 1456px;
    margin-inline: auto;
  }
}

.o-box-grid-type-01 {
  display: grid;
}
@media screen and (min-width: 768px) {
  .o-box-grid-type-01 {
    grid-template-columns: 1fr clamp(300px, 44.642vw, 650px);
    grid-template-rows: auto 1fr;
    column-gap: clamp(20px, 3.021vw, 44px);
    row-gap: 40px;
    padding-right: clamp(32px, 4.395vw, 64px);
    width: 100%;
  }
}

.page-hero-01 {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #c9ebfa;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 768.2px) {
  .page-hero-01 {
    height: 680px;
  }
}
@media screen and (min-width: 768px) {
  .page-hero-01 {
    height: 728px;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu .page-hero-01 {
    background-image: url(../../assets/images/butsuryu/butsuryu-tit_s.webp);
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu .page-hero-01 {
    background-image: url(../../assets/images/butsuryu/butsuryu-tit_l.webp);
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus .page-hero-01 {
    background-image: url(../../assets/images/aboutus/aboutus-tit_s.webp);
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus .page-hero-01 {
    background-image: url(../../assets/images/aboutus/aboutus-tit_l.webp);
  }
}

.hero-02 {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768.2px) {
  .hero-02 {
    height: 350px;
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .hero-02 {
    height: 406px;
    padding-top: 96px;
  }
}

.o-breadcrumbs {
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  color: #fff;
  font-size: 14px;
  column-gap: 8px;
  padding: 8px 16px;
}
.o-list-with-check {
  display: flex;
  flex-direction: column;
  font-size: clamp(20px, 2.197vw, 32px);
  font-weight: 700;
}
@media screen and (max-width: 768.2px) {
  .o-list-with-check {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .o-list-with-check {
    gap: 48px;
  }
}
@media screen and (min-width: 768px) {
  .o-list-with-check.-min-md-flex {
    flex-direction: row;
  }
}
.o-list-with-check .o-list-with-check-item {
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .o-list-with-check .o-list-with-check-item {
    padding-left: 24px;
  }
}
@media screen and (min-width: 768px) {
  .o-list-with-check .o-list-with-check-item {
    padding-left: 35px;
  }
}
.o-list-with-check .o-list-with-check-item:before {
  content: "";
  position: absolute;
  left: 0;
  background: url(../../assets/images/common/icon-check.svg) no-repeat left top/contain;
  width: clamp(20px, 2.368vw, 27px);
  height: clamp(14px, 1.666vw, 19px);
}
@media screen and (max-width: 768.2px) {
  .o-list-with-check .o-list-with-check-item:before {
    top: 6px;
  }
}
@media screen and (min-width: 768px) {
  .o-list-with-check .o-list-with-check-item:before {
    top: 10px;
  }
}

.o-list-with-sharp {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768.2px) {
  .o-list-with-sharp {
    gap: 18px;
  }
}
@media screen and (min-width: 768px) {
  .o-list-with-sharp {
    gap: 24px;
  }
}

.o-list-with-sharp-item {
  font-size: clamp(20px, 1.648vw, 24px);
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .o-list-with-sharp-item {
    padding-left: 18px;
  }
}
@media screen and (min-width: 768px) {
  .o-list-with-sharp-item {
    padding-left: 24px;
  }
}
.o-list-with-sharp-item:before {
  content: "#";
  position: absolute;
  font-family: "Inter", sans-serif;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.o-job-contact {
  margin-top: 56px;
  display: flex;
  padding: 16px;
  width: calc(100% - 32px);
  font-weight: 700;
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  align-items: center;
}
@media screen and (max-width: 768.2px) {
  .o-job-contact {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .o-job-contact {
    max-width: 600px;
    justify-content: space-around;
  }
}

.o-job-contact-title {
  font-size: 20px;
  color: #555;
}

.o-job-contact-link {
  line-height: 1;
  font-size: 32px;
  color: #0359aa;
  padding-left: 33px;
  background: url("data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.5793%200C13.9478%200%2015.3028%200.26954%2016.5671%200.79323C17.8314%201.31692%2018.9802%202.0845%2019.9478%203.05216C20.9155%204.01981%2021.6831%205.16858%2022.2068%206.43288C22.7305%207.69718%2023%209.05225%2023%2010.4207C23%2010.7067%2022.8864%2010.9809%2022.6842%2011.1831C22.482%2011.3853%2022.2077%2011.4989%2021.9218%2011.4989C21.6358%2011.4989%2021.3616%2011.3853%2021.1594%2011.1831C20.9572%2010.9809%2020.8436%2010.7067%2020.8436%2010.4207C20.8427%208.22915%2019.9717%206.1276%2018.4221%204.57793C16.8724%203.02826%2014.7708%202.1573%2012.5793%202.15645C12.2933%202.15645%2012.0191%202.04285%2011.8169%201.84064C11.6147%201.63844%2011.5011%201.36419%2011.5011%201.07822C11.5011%200.792262%2011.6147%200.518011%2011.8169%200.315805C12.0191%200.113598%2012.2933%200%2012.5793%200ZM12.9387%208.6258C13.223%208.6258%2013.501%208.71011%2013.7374%208.86808C13.9738%209.02605%2014.1581%209.25058%2014.2669%209.51327C14.3757%209.77597%2014.4042%2010.065%2014.3487%2010.3439C14.2932%2010.6228%2014.1563%2010.8789%2013.9553%2011.08C13.7542%2011.281%2013.498%2011.418%2013.2192%2011.4734C12.9403%2011.5289%2012.6512%2011.5004%2012.3885%2011.3916C12.1258%2011.2828%2011.9013%2011.0986%2011.7433%2010.8621C11.5854%2010.6257%2011.5011%2010.3478%2011.5011%2010.0634C11.5013%209.68233%2011.6529%209.31694%2011.9225%209.04756C12.1921%208.77818%2012.5576%208.6258%2012.9387%208.6258ZM11.5011%205.39219C11.5008%205.25051%2011.5285%205.11018%2011.5826%204.97924C11.6367%204.84829%2011.7161%204.72932%2011.8162%204.62914C11.9164%204.52896%2012.0354%204.44955%2012.1663%204.39547C12.2973%204.34138%2012.4376%204.31368%2012.5793%204.31396C14.1997%204.31424%2015.7536%204.95806%2016.8994%206.10383C18.0451%207.24961%2018.6889%208.80353%2018.6892%2010.4239C18.6892%2010.7099%2018.5756%2010.9841%2018.3734%2011.1863C18.1712%2011.3885%2017.897%2011.5021%2017.611%2011.5021C17.325%2011.5021%2017.0508%2011.3885%2016.8486%2011.1863C16.6464%2010.9841%2016.5328%2010.7099%2016.5328%2010.4239C16.5328%209.90472%2016.4305%209.39063%2016.2318%208.91097C16.0332%208.43131%2015.7419%207.99548%2015.3748%207.62836C15.0077%207.26125%2014.5719%206.97004%2014.0922%206.77135C13.6126%206.57267%2013.0985%206.47041%2012.5793%206.47041C12.4376%206.47069%2012.2973%206.44299%2012.1663%206.38891C12.0354%206.33482%2011.9164%206.25541%2011.8162%206.15523C11.7161%206.05505%2011.6367%205.93608%2011.5826%205.80514C11.5285%205.67419%2011.5008%205.53386%2011.5011%205.39219ZM5.27947%200.0638003C5.70005%20-0.0509637%206.14804%20-0.0084503%206.53953%200.183376C6.93101%200.375203%207.23912%200.703182%207.40615%201.10587L9.20319%205.41877C9.35223%205.77528%209.38203%206.17043%209.28813%206.54526C9.19423%206.92009%208.98167%207.25452%208.68215%207.49866L6.46935%209.31378C7.97044%2012.4818%2010.5214%2015.0328%2013.6894%2016.5338L15.4971%2014.3189C15.7413%2014.0195%2016.0758%2013.8071%2016.4506%2013.7132C16.8253%2013.6193%2017.2204%2013.649%2017.577%2013.7979L21.8899%2015.5949C22.2926%2015.7619%2022.6205%2016.0701%2022.8124%2016.4615C23.0042%2016.853%2023.0467%2017.301%2022.9319%2017.7216L21.8537%2021.6751C21.7509%2022.0553%2021.5258%2022.3911%2021.2131%2022.6306C20.9004%2022.87%2020.5175%2022.9999%2020.1237%2023C14.7868%2022.9986%209.66891%2020.8778%205.89527%2017.104C2.12162%2013.3301%200.00112752%208.21215%200%202.87527C0.0019138%202.48148%200.132363%202.09909%200.371513%201.78624C0.610663%201.47339%200.945432%201.24719%201.32492%201.14203L5.27947%200.0638003Z'%20fill='%230359AA'/%3e%3c/svg%3e") no-repeat left center/23px 23px;
}

@media screen and (max-width: 768.2px) {
  .o-box-max-md-full-width {
    width: calc(100% + 32px);
    max-width: unset;
    margin-left: -16px;
  }
}

.single-job-description-main .job-information-section:not(.o-box-with-title)::before {
  content: none;
}

.job-information-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .job-information-section {
    padding-top: 80px;
    padding-bottom: 140px;
    gap: 72px;
  }
}
@media screen and (min-width: 768px) {
  .job-information-section {
    padding-top: 140px;
    padding-bottom: 170px;
    gap: 56px;
  }
}
.job-information-section:not(.o-box-with-title)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
}
.job-information-section .o-button-02 {
  width: 100%;
  height: 30px;
  font-size: 14px;
  border-radius: 4px;
  margin-top: auto;
}

.job-information-title {
  font-weight: 700;
}
@media screen and (max-width: 768.2px) {
  .job-information-title {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  .job-information-title {
    font-size: clamp(40px, 3.846vw, 56px);
  }
}

.job-information-text {
  width: calc(100% - 32px);
}
@media screen and (max-width: 768.2px) {
  .job-information-text {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .job-information-text {
    font-size: 18px;
  }
}

.job-information-wrap {
  display: flex;
  flex-direction: column;
  width: calc(100% - 64px);
}
@media screen and (max-width: 768.2px) {
  .job-information-wrap {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .job-information-wrap {
    gap: 56px;
    max-width: 1265px;
  }
}

.job-information-item {
  background-color: #e9f7fd;
  width: 100%;
  gap: 24px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768.2px) {
  .job-information-item {
    padding: 40px 20px;
  }
}
@media screen and (min-width: 768px) {
  .job-information-item {
    padding: 56px 32px;
  }
}

.job-information-item-title {
  font-weight: 700;
  line-height: 1.2;
  font-size: clamp(32px, 2.747vw, 40px);
}

.job-information-item-title-sub {
  font-size: clamp(20px, 1.648vw, 24px);
}
@media screen and (max-width: 768.2px) {
  .job-information-item-title-sub {
    display: block;
  }
}
.job-information-grid {
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .job-information-grid {
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .job-information-grid {
    gap: 32px;
    grid-template-columns: repeat(4, 1fr);
  }
}

.job-information-grid-item {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 16px;
}
@media screen and (min-width: 768px) {
  .job-information-grid-item {
    min-height: 220px;
  }
}

.job-information-grid-item-title {
  font-weight: 700;
  font-size: 15px;
}

@media screen and (max-width: 768.2px) {
  .job-information-grid-item-text {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .job-information-grid-item-text {
    font-size: 14px;
  }
}

.header {
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
}
@media screen and (max-width: 768.2px) {
  .header {
    background-color: rgba(255, 255, 255, 0.7);
    padding-left: 16px;
    height: 64px;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .header {
    padding: 16px 32px 16px 50px;
  }
}

.header:not(.is-unScrolled) {
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .header:not(.is-unScrolled) {
    align-items: center;
    justify-content: space-between;
    padding-left: clamp(32px, 3.434vw, 50px);
    padding-right: clamp(16px, 2.197vw, 32px);
  }
}

@media screen and (min-width: 768px) {
  .header.is-unScrolled {
    position: absolute;
    flex-direction: column;
    background-image: url(../../assets/images/common/nav-fv-pc-background.webp);
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    width: 316px;
    height: 900px;
  }
}

.site-title-link {
  display: block;
}

.site-title-link-img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .site-title-link-img {
    height: auto;
    width: clamp(240px, 19.917vw, 290px);
    height: auto;
  }
}
@media screen and (max-width: 768.2px) {
  .site-title-link-img {
    max-width: 209px;
    height: auto;
  }
}

@media screen and (max-width: 768.2px) {
  .header-open-button {
    background-color: #000;
    color: #fff;
    border-radius: 99px;
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
    padding-left: 15px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    top: 10px;
    right: 10px;
    width: 104px;
    height: 44px;
  }
  .header-open-button:before, .header-open-button:after {
    right: 13px;
    content: "";
    display: block;
    background-color: #fff;
    width: 20px;
    height: 2px;
    position: absolute;
    transition: transform 0.3s ease;
  }
}
.header-open-button[aria-expanded=true]:before {
  transform: rotate(45deg);
}
.header-open-button[aria-expanded=true]:after {
  transform: rotate(-45deg);
}
.header-open-button[aria-expanded=false]:before {
  top: 15px;
}
.header-open-button[aria-expanded=false]:after {
  bottom: 17px;
}

@media screen and (min-width: 768px) {
  .header.is-unScrolled {
    padding: 24px 30px;
  }
}
@media screen and (min-width: 768px) {
  .header.is-unScrolled .header-contents {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .header.is-unScrolled .header-navigation-inner {
    flex-direction: column;
    row-gap: 24px;
    margin-top: 52px;
  }
}
@media screen and (min-width: 768px) {
  .header.is-unScrolled .header-navigation-inner-item-link {
    padding-left: 47px;
    background: url(../../assets/images/common/arrow-blue.svg) no-repeat left 24px center/16px 8px;
  }
}
@media screen and (min-width: 768px) {
  .header.is-unScrolled .header-contents-mail-link {
    margin-top: 52px;
    width: 100%;
    height: 62px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .header:not(.is-unScrolled) .header-contents {
    flex: auto;
    justify-content: space-around;
  }
}
@media screen and (min-width: 768px) {
  .header:not(.is-unScrolled) .header-navigation-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(4px, 0.549vw, 8px);
  }
}
@media screen and (min-width: 768px) {
  .header:not(.is-unScrolled) .header-contents-mail-link {
    font-size: clamp(16px, 1.373vw, 20px);
    border-radius: 4px;
    height: 48px;
    width: clamp(160px, 19.23vw, 280px);
  }
}

@media screen and (min-width: 768px) {
  .header-contents {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768.2px) {
  .header-contents {
    display: none;
    flex-direction: column;
    padding: 25px 16px 0;
  }
}
.header-contents.is-show {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 4;
}

.header-navigation-inner {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768.2px) {
  .header-navigation-inner {
    flex-direction: column;
    color: #fff;
    row-gap: 24px;
    padding-left: 24px;
    margin-top: 55px;
  }
}

.header-navigation-inner-item-link {
  background-position: left center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .header-navigation-inner-item-link {
    font-size: 14px;
    padding-left: 24px;
    background-size: 16px 8px;
    background-image: url(../../assets/images/common/arrow-blue.svg);
  }
}
@media screen and (max-width: 768.2px) {
  .header-navigation-inner-item-link {
    font-size: 18px;
    padding-left: 32px;
    background-size: 20px 12px;
    background-image: url(../../assets/images/common/arrow-white.svg);
  }
}

.header-contents-mail-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768.2px) {
  .header-contents-mail-link {
    font-size: 20px;
    width: 100%;
    margin: 32px auto 0;
    height: 64px;
  }
}
@media screen and (max-width: 768.2px) {
  .o-cta-tel.in-header {
    width: 100%;
    margin: 80px auto 0;
  }
}
@media screen and (min-width: 768px) {
  .o-cta-tel.in-header {
    display: none;
  }
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.footer-inner {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer-inner {
    width: calc(100% - 136px);
    max-width: 1320px;
  }
}

.footer-top-button {
  color: #fff;
  background-color: #0359aa;
  border: none;
  outline: none;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 1;
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.25);
  font-size: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 4;
  font-family: "Inter", sans-serif;
}
.footer-upper {
  background-color: #f6f6f6;
  color: #0359aa;
  font-weight: 700;
  border-top: 5px solid #c9ebfa;
}
@media screen and (max-width: 768.2px) {
  .footer-upper {
    padding: 40px 32px;
  }
}
@media screen and (min-width: 768px) {
  .footer-upper {
    padding: 40px 0;
  }
}

.footer-upper-inner {
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .footer-upper-inner {
    grid-template-areas: "logo" "navigation" "cta_tel" "link_mail" "footer_flame_01" "footer_flame_02";
    row-gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .footer-upper-inner {
    gap: 24px 48px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "logo navigation cta_tel" ". navigation link_mail" ". footer_flame_01 footer_flame_02";
  }
}

.footer-logo {
  grid-area: logo;
}
.footer-navigation {
  grid-area: navigation;
  font-size: 14px;
  border-left: solid 1px #0359aa;
  padding-left: 24px;
}
.footer-navigation-inner {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding-top: 24px;
  padding-left: 16px;
}
.o-cta-tel.in-footer {
  grid-area: cta_tel;
  padding: 8px 16px;
}
@media screen and (max-width: 768.2px) {
  .o-cta-tel.in-footer {
    justify-self: start;
  }
}
@media screen and (min-width: 768px) {
  .o-cta-tel.in-footer {
    justify-self: end;
    max-width: 280px;
  }
}
.o-cta-tel.in-footer .o-cta-tel-title {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .o-cta-tel.in-footer .o-cta-tel-title {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .o-cta-tel.in-footer .o-cta-tel-link {
    font-size: 32px;
  }
}

.footer-link-mail {
  grid-area: link_mail;
  font-size: 15px;
}
@media screen and (max-width: 768.2px) {
  .footer-link-mail {
    justify-self: start;
  }
}
@media screen and (min-width: 768px) {
  .footer-link-mail {
    justify-self: end;
    max-width: 280px;
  }
}

.footer-flame {
  background-color: #fff;
  display: flex;
  align-items: center;
  line-height: 1.1;
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .footer-flame {
    font-size: 13px;
    padding: 24px 12px;
  }
}
@media screen and (min-width: 768px) {
  .footer-flame {
    padding: 24px 26px 24px 15px;
    font-size: 15px;
  }
}
.footer-flame-01 {
  grid-area: footer_flame_01;
}
.footer-flame-02 {
  grid-area: footer_flame_02;
}
.footer-flame::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  width: 15px;
  height: 15px;
  background: url(../../assets/images/common/icon-window-blue.svg) no-repeat left center/contain;
}

.footer-lower {
  font-size: 14px;
}
@media screen and (max-width: 768.2px) {
  .footer-lower {
    padding: 32px 38px;
  }
}
@media screen and (min-width: 768px) {
  .footer-lower {
    width: 100%;
    padding: 32px 0;
  }
}

.footer-lower-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
}
@media screen and (max-width: 768.2px) {
  .footer-lower-inner {
    gap: 32px clamp(24px, 8.205vw, 32px);
    grid-template-areas: "links sns" "copy copy";
  }
}
@media screen and (min-width: 768px) {
  .footer-lower-inner {
    gap: 12px;
    grid-template-areas: "links sns" ". copy";
  }
}

.footer-lower-links {
  grid-area: links;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 768.2px) {
  .footer-lower-links {
    flex-direction: column;
  }
}
.footer-lower-sns {
  grid-area: sns;
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .footer-lower-sns {
    gap: 24px 10px;
    justify-content: flex-start;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "sns_title sns_title" "sns_01 sns_02";
  }
}
@media screen and (min-width: 768px) {
  .footer-lower-sns {
    grid-template-columns: auto auto auto;
    grid-template-areas: "sns_title sns_01 sns_02";
    gap: 24px;
    justify-self: end;
    align-items: center;
  }
}

.footer-lower-sns-title {
  grid-area: sns_title;
}
.footer-lower-sns-01 {
  grid-area: sns_01;
}
.footer-lower-sns-02 {
  grid-area: sns_02;
}
.footer-copy {
  grid-area: copy;
  font-size: 13px;
}
@media screen and (max-width: 768.2px) {
  .footer-copy {
    justify-self: center;
  }
}
@media screen and (min-width: 768px) {
  .footer-copy {
    justify-self: end;
  }
}

.footer-above-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e9f7fd;
  width: 100%;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  font-size: 24px;
  gap: 48px;
}
@media screen and (max-width: 768.2px) {
  .footer-above-buttons {
    flex-direction: column;
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  .footer-above-buttons {
    padding: 100px 0;
  }
}

.footer-above-buttons-item {
  background-color: #0359aa;
  border-radius: 6px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 80px;
}
@media screen and (max-width: 768.2px) {
  .footer-above-buttons-item {
    width: calc(100% - 64px);
  }
}
@media screen and (min-width: 768px) {
  .footer-above-buttons-item {
    width: 330px;
  }
}
.footer-above-buttons-item:before {
  content: "→";
  font-family: "Inter", sans-serif;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  line-height: 1;
  font-size: 20px;
}
.job-description-job_introduction {
  border-bottom: #ddd 1px solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(../../assets/images/common/section-background-01.webp) no-repeat right top/cover;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_introduction {
    padding: 80px 0 60px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_introduction {
    padding: 63px 0 74px;
  }
}

.job-description-job_introduction-title {
  font-weight: 700;
  line-height: 2;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_introduction-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_introduction-title {
    font-size: 44px;
  }
}

.job-description-job_introduction-list {
  width: calc(100% - 32px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  counter-reset: item;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_introduction-list {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_introduction-list {
    max-width: 983px;
    padding-top: 56px;
  }
}

.job-description-job_introduction-list-item {
  position: relative;
  font-size: clamp(18px, 1.648vw, 24px);
  line-height: 2;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_introduction-list-item {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_introduction-list-item {
    padding-left: 64px;
  }
}
.job-description-job_introduction-list-item:before {
  content: counter(item);
  counter-increment: item;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  font-size: clamp(18px, 1.923vw, 28px);
  color: #0359aa;
  border: 1px solid #0359aa;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, 3.296vw, 48px);
  height: clamp(32px, 3.296vw, 48px);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.job-description-job_introduction-text {
  width: calc(100% - 32px);
}
@media screen and (max-width: 768.2px) {
  .job-description-job_introduction-text {
    padding-top: 40px;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_introduction-text {
    max-width: 940px;
    padding-top: 146px;
    font-size: 18px;
  }
}

.job-description-job_requirements {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: #ddd 1px solid;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_requirements {
    padding: 120px 0 160px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_requirements {
    padding: 60px 0 120px;
  }
}
.job-description-job_requirements .o-button-02 {
  margin-top: 80px;
}

.job-description-job_requirements-title {
  color: #0359aa;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_requirements-title {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_requirements-title {
    font-size: 48px;
  }
}

.job-description-job_requirements-table {
  margin-top: 35px;
  width: calc(100% - 32px);
  border: #ddd 1px solid;
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .job-description-job_requirements-table {
    max-width: 900px;
  }
}

.job-description-job_requirements-table-thead {
  background-color: #e9f7fd;
  color: #0359aa;
  font-size: clamp(24px, 1.923vw, 28px);
  font-weight: 400;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_requirements-table-thead {
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_requirements-table-thead {
    padding: 6px;
    line-height: 1.7;
  }
}

.job-description-job_requirements-table-th {
  border: #ddd 1px solid;
  background: #f6f6f6;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_requirements-table-th {
    padding: 16px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_requirements-table-th {
    width: 270px;
    font-size: 17px;
    padding: 18px 24px;
  }
}

.job-description-job_requirements-table-td {
  border: #ddd 1px solid;
  text-align: left;
}
@media screen and (max-width: 768.2px) {
  .job-description-job_requirements-table-td {
    font-size: 14px;
    padding: 16px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-job_requirements-table-td {
    font-size: 17px;
    padding: 16px;
  }
}

.job-description-top {
  border-bottom: #ddd 1px solid;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768.2px) {
  .job-description-top {
    padding: 72px 0 100px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-top {
    padding: 50px 0 90px;
  }
}

.job-description-top-title {
  line-height: 2.1;
  text-align: center;
}
@media screen and (max-width: 768.2px) {
  .job-description-top-title {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-top-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 768.2px) {
  .job-description-top-image {
    padding-top: 65px;
  }
}
@media screen and (min-width: 768px) {
  .job-description-top-image {
    padding-top: 46px;
  }
}

.hero-section {
  background-color: #e9f7fd;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .hero-section {
    height: 900px;
  }
}
@media screen and (max-width: 768.2px) {
  .hero-section {
    display: flex;
    justify-content: center;
    height: 780px;
  }
}
.hero-section:before {
  content: "Growing & Fun";
  font-weight: 700;
  color: #fff;
  opacity: 0.7;
  position: absolute;
  top: 0;
  right: 0;
  text-align: left;
  font-family: "Inter", sans-serif;
  font-size: clamp(81px, 9.065vw, 132px);
  line-height: 1;
  z-index: 2;
  writing-mode: sideways-lr;
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: sideways-lr;
}
@media screen and (max-width: 768.2px) {
  .hero-section:before {
    letter-spacing: -0.81px;
  }
}
@media screen and (min-width: 768px) {
  .hero-section:before {
    letter-spacing: -1.32px;
  }
}

.hero-section-slide-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.hero-section-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  filter: blur(10px);
  transform: scale(1.1);
  opacity: 0;
}
.hero-section-slide.is-active {
  z-index: 1;
  transform: scale(1);
  opacity: 1;
  filter: blur(0);
  transition: transform 0.6s ease-in-out, filter 0.6s ease-in-out, opacity 0.9s ease-in-out;
}

.hero-section-slide-picture {
  width: 100%;
  height: 100%;
}

.hero-section-slide-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero-title {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 500;
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .hero-title {
    gap: 20px;
    left: 368px;
    top: 418px;
    font-size: clamp(33px, 3.571vw, 52px);
  }
}
@media screen and (max-width: 768.2px) {
  .hero-title {
    gap: 12px;
    left: 12px;
    top: 337px;
    font-size: clamp(30px, 2.472vw, 36px);
  }
}

.hero-title-item {
  background: rgba(255, 255, 255, 0.95);
  display: inline-block;
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  color: #fff;
  box-shadow: 2px 2px rgba(255, 255, 255, 0.6);
}
@media screen and (min-width: 768px) {
  .hero-title-item {
    padding: 8px 16px;
  }
}
@media screen and (max-width: 768.2px) {
  .hero-title-item {
    padding: 6px 12px;
  }
}

@media screen and (min-width: 768px) {
  .hero-title-item-small {
    font-size: clamp(20px, 3.021vw, 44px);
  }
}
@media screen and (max-width: 768.2px) {
  .hero-title-item-small {
    font-size: clamp(24px, 2.06vw, 30px);
  }
}

.hero-title-sub {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 768.2px) {
  .hero-title-sub {
    top: 235px;
    left: 9px;
    width: 226px;
    height: 92px;
  }
}
@media screen and (min-width: 768px) {
  .hero-title-sub {
    left: 372px;
    top: 296px;
    width: 458px;
    height: 116px;
  }
}

.hero-news-section {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .hero-news-section {
    align-items: center;
    max-width: 825px;
    padding: 15px 28px;
    left: 368px;
    bottom: 30px;
    width: calc(100% - 400px);
  }
}
@media screen and (max-width: 768.2px) {
  .hero-news-section {
    max-width: calc(100% - 32px);
    padding: 8px 18px 20px;
    flex-direction: column;
    bottom: 18px;
  }
}

.hero-news-title {
  color: #58afe2;
  font-weight: 900;
  font-size: 17px;
}
@media screen and (max-width: 768.2px) {
  .hero-news-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    align-self: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .hero-news-title {
    padding-right: 25px;
  }
}

.hero-news-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768.2px) {
  .hero-news-wrap {
    gap: 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .hero-news-wrap {
    border-left: 1px solid #ddd;
    padding-left: 15px;
  }
}

.hero-news-item-link {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: #555;
  column-gap: 16px;
}
@media screen and (max-width: 768.2px) {
  .hero-news-item-link {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .hero-news-item-link {
    justify-content: start;
  }
}

.hero-news-item-title {
  font-size: 14px;
}

.hero-news-item-date {
  font-size: 14px;
  opacity: 0.5;
}

.hero-news-view-more {
  font-size: 13px;
}
@media screen and (max-width: 768.2px) {
  .hero-news-view-more {
    align-self: center;
    padding-right: 25px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .hero-news-view-more {
    margin-left: auto;
    padding-right: 30px;
  }
}

.front-navigation-section {
  display: grid;
  border-bottom-style: solid;
  border-image: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  border-image-slice: 1;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768.2px) {
  .front-navigation-section {
    border-bottom-width: 12px;
    gap: 1px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 52px;
  }
}
@media screen and (min-width: 768px) {
  .front-navigation-section {
    margin-top: 100px;
    border-bottom-width: 24px;
    gap: 3px;
    grid-template-columns: repeat(4, 1fr);
  }
}

.front-navigation-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768.2px) {
  .front-navigation-item {
    height: 150px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) {
  .front-navigation-item {
    height: 486px;
    border-radius: 8px;
  }
}
.front-navigation-item.is-index-1 {
  background-image: url("../../assets/images/top/top-job-01.webp");
}
.front-navigation-item.is-index-2 {
  background-image: url("../../assets/images/top/top-job-02.webp");
}
.front-navigation-item.is-index-3 {
  background-image: url("../../assets/images/top/top-job-03.webp");
}
.front-navigation-item.is-index-4 {
  background-image: url("../../assets/images/top/top-job-04.webp");
}

.front-navigation-item-title {
  background-color: rgba(0, 0, 0, 0.75);
  background: linear-gradient(90deg, #0258a9 0%, #51beef 104.69%);
  color: #fff;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
@media screen and (max-width: 768.2px) {
  .front-navigation-item-title {
    padding: 3px 6px;
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .front-navigation-item-title {
    width: 223px;
    padding: 3px 12px;
    font-size: clamp(24px, 2.609vw, 38px);
  }
}

@media screen and (min-width: 768px) {
  .front-navigation-item-view-more {
    width: 223px;
    height: 35px;
    font-family: "Inter", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-weight: 600;
    position: relative;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: clamp(12px, 1.03vw, 15px);
  }
  .front-navigation-item-view-more:before {
    content: "→";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 24px;
    line-height: 1;
  }
}

.main-feature-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: url(../../assets/images/top/top-background-01.webp) no-repeat left top/100% auto;
  overflow: hidden;
}
@media screen and (max-width: 768.2px) {
  .main-feature-section {
    padding-top: 56px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-section {
    padding-top: 103px;
  }
}
.main-feature-section::before {
  content: "Growing & Fun";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  background: var(---11, linear-gradient(90deg, #0258a9 0%, #51beef 104.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.07;
  z-index: 0;
  letter-spacing: -1.32px;
  line-height: 1;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .main-feature-section::before {
    font-size: 132px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-section::before {
    font-size: 25px;
  }
}

.main-feature-title {
  font-weight: 300;
  text-align: center;
  letter-spacing: -1.4px;
  position: relative;
  line-height: 1.4;
}
@media screen and (max-width: 768.2px) {
  .main-feature-title {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-title {
    font-size: clamp(54px, 6.14vw, 70px);
  }
}
.main-feature-title:before {
  content: "Logistics";
  position: absolute;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  background: var(---11, linear-gradient(90deg, #0258a9 0%, #51beef 104.69%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.07;
  z-index: 0;
  letter-spacing: -1.32px;
  line-height: 1;
  right: -300px;
  bottom: -49px;
}
@media screen and (min-width: 768px) {
  .main-feature-title:before {
    font-size: 132px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-title:before {
    font-size: 25px;
  }
}
.main-feature-title .text-gradation01 {
  font-weight: 300;
}

@media screen and (max-width: 768.2px) {
  .main-feature-title-small {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-title-small {
    font-size: clamp(46px, 5.438vw, 62px);
  }
}

.news-button-more {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  width: calc(100% - 32px);
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #222;
  position: relative;
  /* 黒ボタンシャドウ */
  box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768.2px) {
  .news-button-more {
    margin-top: 132px;
    margin-bottom: 160px;
  }
}
@media screen and (min-width: 768px) {
  .news-button-more {
    max-width: 460px;
    margin-top: 72px;
    margin-bottom: 142px;
  }
}
.news-button-more::before {
  content: "↓";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 20px;
  height: 24px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #222;
}
.news-button-more.is-hidden {
  display: none;
}

.main-feature-scroll {
  display: flex;
  background: linear-gradient(to bottom #fff 70%, #e9f7fd 100%);
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll {
    column-gap: 8px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll {
    column-gap: 16px;
  }
}

.main-feature-scroll-wrap {
  display: flex;
  justify-content: flex-end;
  align-self: flex-end;
  position: relative;
  column-gap: 16px;
  width: 200%;
  animation: infiniteScroll 36s linear infinite;
  z-index: 2;
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll-wrap {
    height: 100%;
    column-gap: 8px;
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll-wrap {
    margin-top: 100px;
  }
}

.main-feature-scroll-span {
  display: block;
  height: 100%;
  flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll-span:nth-child(even) {
    top: 26px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll-span:nth-child(even) {
    top: 56px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll-span.-flow-01 .main-feature-scroll-img {
    width: 200px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll-span.-flow-01 .main-feature-scroll-img {
    width: 570px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll-span.-flow-02 .main-feature-scroll-img {
    width: 136px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll-span.-flow-02 .main-feature-scroll-img {
    width: 390px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll-span.-flow-03 .main-feature-scroll-img {
    width: 150px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll-span.-flow-03 .main-feature-scroll-img {
    width: 480px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll-span.-flow-04 .main-feature-scroll-img {
    width: 160px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll-span.-flow-04 .main-feature-scroll-img {
    width: 658px;
  }
}

.main-feature-scroll-img {
  border-radius: 4px;
  position: relative;
  object-fit: cover;
}
@media screen and (max-width: 768.2px) {
  .main-feature-scroll-img {
    object-position: left top;
    height: 206px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-scroll-img {
    height: 597px;
  }
}

@keyframes infiniteScroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(var(--scroll-distance));
  }
}
.main-feature-scroll-wrap.scroll-reset {
  animation: none;
  transform: translateX(-var(--scroll-distance));
}

.scroll-paused {
  animation-play-state: paused;
}

.main-feature-item.-about-us {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768.2px) {
  .main-feature-item.-about-us {
    padding-top: 130px;
    padding-bottom: 104px;
    row-gap: 52px;
    background: url("../../assets/images/top/top-hamamatsu_s.webp") lightgray center/cover no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-item.-about-us {
    row-gap: 34px;
    padding-top: 240px;
    padding-bottom: 270px;
    background-image: url(../../assets/images/top/top-hamamatsu_l.webp);
    background: url("../../assets/images/top/top-hamamatsu_l.webp") lightgray center/cover no-repeat;
  }
}
.main-feature-item.-about-us:before {
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
}

.main-feature-item.-logistics-industry {
  background-color: #e9f7fd;
  display: grid;
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .main-feature-item.-logistics-industry {
    padding-top: 120px;
    padding-bottom: 80px;
    row-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-item.-logistics-industry {
    padding-top: 120px;
    padding-bottom: 75px;
    grid-template-columns: auto clamp(500px, 59.615vw, 868px);
    grid-template-rows: 1fr 1fr;
    gap: 40px;
  }
}
.main-feature-item.-logistics-industry::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #e9f7fd;
}
@media screen and (max-width: 768.2px) {
  .main-feature-item.-logistics-industry::after {
    height: 80px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-item.-logistics-industry::after {
    height: 320px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-item.-logistics-industry:before {
    top: 32px;
    left: 16px;
    font-size: 56px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-item.-logistics-industry:before {
    top: 40px;
  }
}

.logistics-industry-title {
  grid-column: 1/2;
}
@media screen and (max-width: 768.2px) {
  .logistics-industry-title {
    grid-row: 2/3;
    padding-top: 24px;
  }
}
@media screen and (min-width: 768px) {
  .logistics-industry-title {
    grid-row: 1/2;
    align-self: end;
    justify-self: center;
  }
}

.logistics-industry-button {
  grid-column: 1/2;
}
@media screen and (max-width: 768.2px) {
  .logistics-industry-button {
    grid-row: 3/4;
    justify-self: center;
  }
}
@media screen and (min-width: 768px) {
  .logistics-industry-button {
    grid-row: 2/3;
    justify-self: center;
    align-self: start;
  }
}

@media screen and (max-width: 768.2px) {
  .logistics-industry-img {
    grid-row: 1/2;
    grid-column: 1/2;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) {
  .logistics-industry-img {
    grid-column: 2/3;
    grid-row: 1/3;
    justify-self: end;
  }
}

.main-feature-item.-job-type {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768.2px) {
  .main-feature-item.-job-type {
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-item.-job-type {
    padding-top: 174px;
    padding-bottom: 67px;
  }
}
@media screen and (max-width: 768.2px) {
  .main-feature-item.-job-type .title-02 {
    padding-top: 19px;
  }
}
@media screen and (min-width: 768px) {
  .main-feature-item.-job-type .title-02 {
    padding-top: 26px;
  }
}

.job-type-grid {
  color: #fff;
  padding-top: 80px;
  display: flex;
  font-size: 28px;
  width: calc(100% - 32px);
  align-self: center;
}
@media screen and (max-width: 768.2px) {
  .job-type-grid {
    flex-direction: column;
    gap: 14px;
  }
}
@media screen and (min-width: 768px) {
  .job-type-grid {
    gap: 5px;
    max-width: 1432px;
  }
}

.job-type-grid-item {
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768.2px) {
  .job-type-grid-item {
    padding: 12px;
  }
}
@media screen and (min-width: 768px) {
  .job-type-grid-item {
    flex: 1;
    row-gap: 10px;
    padding: 10px 22px 20px;
  }
}

.job-type-grid-youtube {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768.2px) {
  .job-type-grid-youtube {
    aspect-ratio: 308/171;
  }
}
@media screen and (min-width: 768px) {
  .job-type-grid-youtube {
    aspect-ratio: 434/241;
  }
}

.job-type-grid-youtube-embed {
  border-radius: 2px;
}

.page-child-title-area {
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768.2px) {
  .page-child-title-area {
    padding: 56px 0;
  }
}
@media screen and (min-width: 768px) {
  .page-child-title-area {
    padding: 116px 0 106px;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-01 {
    padding: 47px 0 32px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-01 {
    padding: 45px 0 60px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-01 .title-05 {
    text-align: center;
  }
}

.page-butsuryu-section-02 {
  border-bottom: 1px solid #ddd;
  position: relative;
}
@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-02 {
    padding-top: 40px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-02 {
    padding-top: 80px;
    padding-bottom: 96px;
  }
}

.page-butsuryu-section-02-content {
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-02-content {
    display: grid;
    grid-template-columns: 53% 47%;
    grid-template-rows: auto 1fr;
    width: 100%;
    max-width: 1456px;
  }
}

@media screen and (min-width: 768px) {
  .page-butsuryu-section-02-content-list {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-02-content-text {
    margin-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-02-content-text {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 56px;
    max-width: 520px;
    width: clamp(290px, 35.714vw, 520px);
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-content-04-content-img {
    padding-top: 62px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-content-04-content-img {
    grid-column: 1/2;
    grid-row: 1/3;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-03 {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-03 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-03 .o-box-with-title-vertical-title {
    padding-top: 20px;
  }
}

.page-butsuryu-content-03-content {
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .page-butsuryu-content-03-content {
    grid-template-columns: 1fr;
    gap: 64px;
    grid-template-rows: auto auto;
  }
}
@media screen and (max-width: 768.2px) {
  .page-butsuryu-content-03-content-title {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-content-03-content-title {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-content-03-content-text {
    grid-column: 1/2;
    grid-row: 2/3;
    padding-top: 24px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-content-03-content-text {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

@media screen and (min-width: 768px) {
  .page-butsuryu-content-03-content-text-p {
    width: calc(100% - 64px);
    max-width: 562px;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-content-03-content-img {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-content-03-content-img {
    grid-column: 2/3;
    grid-row: 1/3;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-04 {
    padding: 80px 0 120px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-04 {
    padding: 160px 0 130px;
  }
}

@media screen and (min-width: 768px) {
  .page-butsuryu-section-04-title {
    padding-top: 20px;
  }
}

.page-butsuryu-section-04-content {
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-04-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 64px;
  }
}
@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-04-content-title {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-04-content-title {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-04-content-text {
    grid-column: 1/2;
    grid-row: 2/3;
    padding-right: 24px;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-04-content-text {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

@media screen and (max-width: 768.2px) {
  .page-butsuryu-section-04-content-img {
    grid-column: 1/2;
    grid-row: 3/4;
    justify-self: center;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .page-butsuryu-section-04-content-img {
    width: 100%;
    grid-column: 2/3;
    grid-row: 1/3;
  }
}

.page-section {
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768.2px) {
  .page-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.page-section.-no-border {
  border-bottom: none;
}

@media screen and (max-width: 768.2px) {
  .page-section-inner {
    width: calc(100% - 32px);
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-message {
    padding: 60px 0;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-message {
    padding: 120px 0;
  }
}

.page-aboutus-message-content {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-message-content .box-movie-01 {
    width: calc(100% - 60px);
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-section-01 {
    padding: 64px 0 60px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-01 {
    padding: 64px 0 80px;
  }
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-01 .box-movie-01 {
    max-width: calc(100% - 32px);
  }
}
.page-aboutus-section-01-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
}

.page-aboutus-section-wrap-01 {
  position: relative;
}
.page-aboutus-section-wrap-01:before {
  content: "";
  background-image: url(../../assets/images/aboutus/aboutus-01.webp);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  background-position: right bottom;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-wrap-01:before {
    width: 390px;
    height: 254px;
    background-size: contain;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-wrap-01:before {
    width: 48vw;
    height: 100%;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-section-02 {
    padding: 40px 0;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-02 {
    padding: 52px 0;
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-section-03 {
    padding: 32px 0 350px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-03 {
    padding: 52px 0 60px;
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-section-04 {
    padding: 64px 0 60px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-04 {
    padding: 64px 0 80px;
  }
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-04 .box-movie-01 {
    max-width: calc(100% - 32px);
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-04 .box-movie-01 {
    width: 100%;
    height: auto;
  }
}

.page-aboutus-section-04-content {
  width: 100%;
}

.page-aboutus-section-04-grid {
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-04-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 32px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-04-grid {
    width: calc(100% - 32px);
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-section-05 {
    padding: 64px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-05 {
    padding: 60px 0 112px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-05 .o-box-with-title-vertical-title {
    padding-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-05 .o-list-with-check {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-05 .o-text-01 {
    width: calc(100% - 72px);
    padding-top: 48px;
    align-self: center;
    padding-right: 64px;
  }
}

.page-aboutus-section-05-content {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-05-content {
    gap: 32px;
  }
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-05-content-img {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-05-content-img {
    width: 100%;
    padding-top: 52px;
  }
}
.page-aboutus-section-05-content-img img {
  width: 100%;
}

.page-aboutus-section-06 {
  padding: 80px 0;
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06 .o-box-with-title-vertical-title {
    padding-top: 25px;
  }
}

.page-aboutus-section-06-content {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-06-content {
    gap: 56px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-content {
    gap: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    column-gap: clamp(24px, 3.296vw, 48px);
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-content .title-08 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

@media screen and (min-width: 768px) {
  .page-aboutus-section-06-box-type-01 {
    grid-column: 1/3;
    grid-row: 2/3;
    width: calc(100% - 32px);
  }
}
.page-aboutus-section-06-box-type-01 .page-aboutus-section-06-content-wrap {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-06-box-type-01 .page-aboutus-section-06-content-wrap {
    flex-direction: column;
    gap: 30px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-box-type-01 .page-aboutus-section-06-content-wrap {
    flex-direction: row;
    column-gap: clamp(24px, 3.296vw, 48px);
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-box-type-01 .page-aboutus-section-06-content-wrap .page-aboutus-section-06-content-wrap-item {
    flex: 1;
    min-width: 0;
  }
}

.page-aboutus-section-06-box-type-02 {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-box-type-02 {
    grid-column: span 1;
    grid-row: 3/4;
    padding-top: 48px;
    width: calc(100% - 32px);
  }
}
.page-aboutus-section-06-box-type-02 .page-aboutus-section-06-content-wrap {
  flex: auto;
  background: url(../../assets/images/aboutus/aboutus-box.webp) no-repeat left top/cover;
  flex-direction: column;
  display: flex;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-06-box-type-02 .page-aboutus-section-06-content-wrap {
    row-gap: 12px;
    padding: 25px 16px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-box-type-02 .page-aboutus-section-06-content-wrap {
    padding: 30px 40px;
    row-gap: 16px;
  }
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-section-06-content-wrap {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-content-wrap {
    margin-top: 24px;
  }
}

.page-aboutus-section-06-content-grid {
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-06-content-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    width: calc(100% - 32px);
    max-width: 490px;
    align-self: center;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-06-content-grid {
    padding-top: 32px;
    grid-template-columns: clamp(300px, 38.461vw, 560px) clamp(300px, 38.461vw, 560px);
    grid-template-rows: auto auto;
    gap: 48px 40px;
  }
}
.page-aboutus-section-06-content-grid img {
  width: 100%;
}

@media screen and (max-width: 768.2px) {
  .page-aboutus-section-07 {
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-07 {
    padding: 120px 0;
  }
}
.page-aboutus-section-07-content {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-07-content {
    gap: 32px;
    width: calc(100% - 32px);
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-07-content {
    width: 100%;
  }
}

.page-aboutus-section-07-content-grid {
  display: grid;
}
@media screen and (max-width: 768.2px) {
  .page-aboutus-section-07-content-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media screen and (min-width: 768px) {
  .page-aboutus-section-07-content-grid {
    width: calc(100% - 32px);
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 64px 16px;
  }
}

.page-aboutus-section-07-content-grid-item {
  background-color: #e9f7fd;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05), -4px -4px 4px 0 #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-aboutus-section-07-content-grid-item-title {
  font-size: clamp(13px, 1.373vw, 20px);
  flex: 1;
  display: flex;
  align-items: center;
  padding: 16px 0;
  order: 2;
}

.page-aboutus-section-07-content-img {
  order: 1;
  width: 100%;
}
.page-aboutus-section-07-content-img img {
  width: 100%;
}

.page-aboutus-section-07-content-grid-item-link {
  order: 3;
}

.page-inquiry-form {
  /* 編集不可 */
  /* 編集不可時の背景色 */
  /* chrome自動保管時の背景色を確認画面時は設定しない */
}
.page-inquiry-form input[type=text],
.page-inquiry-form input[type=email],
.page-inquiry-form input[type=tel],
.page-inquiry-form input[type=date],
.page-inquiry-form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #f6f6f6;
  appearance: none;
}
.page-inquiry-form input[type=text]:-webkit-autofill,
.page-inquiry-form input[type=email]:-webkit-autofill,
.page-inquiry-form input[type=tel]:-webkit-autofill,
.page-inquiry-form input[type=date]:-webkit-autofill,
.page-inquiry-form textarea:-webkit-autofill {
  box-shadow: 0 0 0 1000px #f6f6f6 inset !important;
}
.page-inquiry-form .inquiry-check-label.is-disabled,
.page-inquiry-form select[readonly=true],
.page-inquiry-form input[readonly=true],
.page-inquiry-form textarea[readonly=true] {
  pointer-events: none;
}
.page-inquiry-form select[readonly=true],
.page-inquiry-form input:not(.checkbox)[readonly=true],
.page-inquiry-form textarea[readonly=true] {
  pointer-events: none;
  background: #ddd;
}
.page-inquiry-form select[readonly=true]:-webkit-autofill,
.page-inquiry-form input:not(.checkbox)[readonly=true]:-webkit-autofill,
.page-inquiry-form textarea[readonly=true]:-webkit-autofill {
  box-shadow: 0 0 0 1000px #ddd inset !important;
}
.page-inquiry-form select[readonly=readonly]:-webkit-autofill,
.page-inquiry-form input[readonly=readonly]:-webkit-autofill,
.page-inquiry-form textarea[readonly=readonly]:-webkit-autofill {
  box-shadow: 0 0 0px 999px #ddd inset;
}

.page-inquiry-form-item {
  display: grid;
  padding: 16px 0;
}
.page-inquiry-form-item:not(.-no-border) {
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768.2px) {
  .page-inquiry-form-item {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 8px;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry-form-item {
    grid-template-columns: 1fr clamp(300px, 46.703vw, 680px);
    gap: 16px;
  }
}

.page-inquiry-form-item-title {
  font-size: 16px;
  font-weight: 700;
}
.page-inquiry-form-item-title-label-required {
  color: #fff;
  background-color: #ef6c43;
  font-size: 15px;
  width: 54px;
  height: 20px;
  display: inline-flex;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-left: 16px;
}
.inquiry-check-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768.2px) {
  .inquiry-check-wrap {
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .inquiry-check-wrap {
    gap: 16px 32px;
  }
}

.inquiry-check-label {
  display: inline-flex;
  align-items: center;
  font-size: clamp(15px, 1.098vw, 16px);
}
.inquiry-check-label.-no-flex {
  display: block;
}
@media screen and (max-width: 768.2px) {
  .inquiry-check-label {
    column-gap: 4px;
  }
}
@media screen and (min-width: 768px) {
  .inquiry-check-label {
    column-gap: 8px;
  }
}

.inquiry-check-input {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #f6f6f6;
}
.inquiry-check-input:checked {
  position: relative;
  background: #555;
}
.inquiry-check-input:checked:before {
  content: "";
  left: 3px;
  top: 50%;
  margin-top: -2px;
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  width: 13px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
  border-bottom: solid 3px #fff;
  border-left: solid 3px #fff;
  border-radius: 2px;
}

.page-inquiry-form-buttons {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media screen and (max-width: 768.2px) {
  .page-inquiry-form-buttons {
    flex-direction: column-reverse;
  }
}
.page-inquiry-form-button {
  border-radius: 4px;
  height: 83px;
}
@media screen and (max-width: 768.2px) {
  .page-inquiry-form-button {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry-form-button {
    max-width: 475px;
    flex: 1;
    width: 100%;
    margin: 0 auto;
  }
}

.form-button-back {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background-color: #999;
  font-size: 14px;
  font-weight: 700;
  padding: 16px;
  border-radius: 4px;
}
@media screen and (max-width: 768.2px) {
  .form-button-back {
    width: 100%;
    height: 56px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .form-button-back {
    width: auto;
    flex: 1;
    max-width: 475px;
    height: 83px;
    font-size: 20px;
  }
}

.inquiry-error-text {
  color: #ef6c43;
  font-size: 13px;
  padding-top: 4px;
}
@media screen and (max-width: 768.2px) {
  .inquiry-text-small {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) {
  .inquiry-text-small {
    font-size: 13px;
  }
}

.inquiry-link {
  text-decoration: underline;
}

.page-inquiry-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
}
@media screen and (max-width: 768.2px) {
  .page-inquiry-wrap {
    padding: 72px 0 144px;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry-wrap {
    padding: 52px 0 216px;
  }
}

.page-inquiry-contents {
  width: calc(100% - 32px);
}
@media screen and (min-width: 768px) {
  .page-inquiry-contents {
    max-width: 900px;
  }
}

.page-inquiry-section-01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-inquiry-section-01 .o-job-contact {
  margin-top: 24px;
}

.page-inquiry-section-01-text {
  font-size: 15px;
  line-height: 2.1;
}

.page-inquiry-section-02-text {
  background-color: #e9f7fd;
  width: 100%;
  font-size: clamp(15px, 1.373vw, 20px);
}
@media screen and (max-width: 768.2px) {
  .page-inquiry-section-02-text {
    padding: 8px 16px;
    margin-top: 24px;
  }
}
@media screen and (min-width: 768px) {
  .page-inquiry-section-02-text {
    padding: 12px 16px;
    margin-top: 72px;
  }
}

.archive-news {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768.2px) {
  .archive-news {
    padding: 160px 0;
  }
}
@media screen and (min-width: 768px) {
  .archive-news {
    padding: 100px 0 140px;
  }
}

.news-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(100% - 32px);
}
@media screen and (min-width: 768px) {
  .news-list {
    max-width: 800px;
  }
}

.news-item {
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  border-bottom: 1px solid #ddd;
  padding: 16px 0;
}
@media screen and (max-width: 768.2px) {
  .news-item {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  .news-item {
    align-items: center;
    justify-content: flex-end;
  }
}
.news-item:nth-child(n+11) {
  display: none;
}
.news-item.is-show {
  display: flex;
}

@media screen and (max-width: 768.2px) {
  .news-item-title {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .news-item-title {
    font-size: 16px;
  }
}

.news-item-date {
  background-color: #c9ebfa;
  opacity: 0.7;
  border-radius: 4px;
  width: 100px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768.2px) {
  .news-item-date {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .news-item-date {
    font-size: 16px;
  }
}

.single-news-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768.2px) {
  .single-news-wrap {
    padding: 64px 0;
  }
}
@media screen and (min-width: 768px) {
  .single-news-wrap {
    padding: 64px 0;
  }
}

.news-single-section {
  width: calc(100% - 32px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .news-single-section {
    max-width: 800px;
  }
}

.single-news-title {
  font-weight: 700;
}
@media screen and (max-width: 768.2px) {
  .single-news-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .single-news-title {
    font-size: 24px;
  }
}

.single-news-date {
  font-size: 14px;
  color: #222;
  align-self: flex-end;
}
@media screen and (max-width: 768.2px) {
  .single-news-date {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .single-news-date {
    font-size: 16px;
  }
}

.single-news-content {
  font-size: 16px;
}

.post-navigation {
  margin-top: 72px;
  width: 100%;
  font-size: 14px;
}
.nav-links {
  display: flex;
}
@media screen and (max-width: 768.2px) {
  .nav-links {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .nav-links {
    justify-content: space-between;
    gap: 24px;
  }
}