@charset "UTF-8";
/* リキッドレイアウト対応 */
body {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}

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

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

body.drawer-open {
  overflow: hidden;
}

html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.7391304348vw;
  }
}
@media (min-width: 920px) {
  html {
    font-size: 16px;
  }
}

/* pcの電話番号発信対応 */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.9;
  }
}

/* body {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

body.fade-in {
  opacity: 1;
}
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

html {
  /*  scroll-behavior: smooth; */
  scroll-padding-top: 100px;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

.p-edit img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.l-inner {
  max-width: 600px;
  max-width: 37.5rem;
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .l-inner {
    max-width: 1080px;
    padding-right: 80px;
    padding-left: 80px;
  }
}

.l-layout-inner {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l-layout-inner {
    width: 80vw;
    margin-right: 0;
    margin-right: initial;
    padding-right: 80px;
    padding-left: 80px;
  }
}

@media screen and (min-width: 768px) {
  .l-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 80vw;
    margin-left: auto;
  }
}

.p-404 {
  height: 100vh;
  padding-top: 89px;
  padding-top: 5.5625rem;
  padding-bottom: 110px;
  padding-bottom: 6.875rem;
  background: url(../images/common/mv_404_sp.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .p-404 {
    background: url(../images/common/mv_404.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 11rem;
    padding-bottom: 6rem;
    height: 48rem;
  }
}

.p-404__content {
  border: 3px solid #fff;
  padding-top: 116px;
  padding-top: 7.25rem;
  padding-bottom: 116px;
  padding-bottom: 7.25rem;
  background: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  padding-left: 30px;
  padding-left: 1.875rem;
  padding-right: 30px;
  padding-right: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-404__content {
    padding-left: 0;
    padding-left: initial;
    padding-right: 0;
    padding-right: initial;
  }
}

.p-404__block {
  max-width: 650px;
  max-width: 40.625rem;
  margin-inline: auto;
}

.p-404__title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-404__title {
  color: #363636;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-404__title {
    font-size: 2.5rem;
  }
}

.p-404__number {
  color: rgba(54, 54, 54, .15);
  letter-spacing: 0.05em;
  line-height: 1;
  font-size: 68px;
  font-size: 4.25rem;
  margin-left: 15px;
  margin-left: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-404__number {
    margin-left: 1.375rem;
    font-size: 8rem;
  }
}

.p-404__text-wrapper {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-404__text-wrapper {
    margin-top: 1.5rem;
  }
}

.p-404__text {
  line-height: 1.6;
  font-weight: 400;
  color: #363636;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-404__text {
    font-size: 1.125rem;
  }
}

.p-404__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 5px;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-404__btn-wrapper {
    margin-top: 1.5rem;
  }
}

.p-404__btn {
  background: #6d6d6d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #6d6d6d;
  border-radius: 2.5rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 140px;
  width: 8.75rem;
  padding: 6px 10px;
  padding: 0.375rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-404__btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.375rem;
    padding-right: 0.875rem;
    width: 15.625rem;
  }
}

.p-404__btn-text {
  font-weight: 700;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-404__btn-text {
    letter-spacing: 0.1em;
    font-size: 1rem;
  }
}

.p-404__btn:hover {
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.p-404__btn:hover .p-404__text {
  color: #fff;
}

.p-404__btn svg {
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-404__btn svg {
    width: 2rem;
    height: 2rem;
  }
}

.p-404__btn circle,
.p-404__btn path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.p-404__btn:hover circle {
  fill: #6d6d6d;
  opacity: 1;
}

.p-404__btn:hover path {
  fill: #fff;
}

.p-404__btn:hover .p-404__btn-text {
  color: #6d6d6d;
}

.p-bio {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-bio {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

.p-bio__content {
  max-width: 1080px;
  max-width: 67.5rem;
  margin-left: auto;
  margin-right: auto;
}

.p-bio__year-wrapper {
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-bio__year-wrapper {
    margin-top: 2.5rem;
  }
}

.p-bio__year table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  margin-top: 1rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-bio__year table {
    display: table;
  }
}
.p-bio__year td:first-child {
  background: #f5f8fc;
}
@media screen and (min-width: 768px) {
  .p-bio__year td:first-child {
    width: 12.5rem;
    white-space: nowrap;
  }
}
.p-bio__year td {
  border: 1px solid #cdd3d9;
  display: block;
  padding: 12px;
  padding: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #07213c;
}
@media screen and (min-width: 768px) {
  .p-bio__year td {
    font-size: 1rem;
    padding: 1rem 1.5rem;
    display: table-cell;
  }
}

.p-bio__year + .p-bio__year {
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-bio__year + .p-bio__year {
    margin-top: 2rem;
  }
}

.p-bio__year-text {
  color: #326599;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-bio__year-text {
    font-size: 1.625rem;
  }
}

.p-breadcrumbs__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  gap: 1rem;
}

.p-breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-breadcrumbs__link--home {
  width: 24px;
  width: 1.5rem;
  display: inline-block;
}

.p-breadcrumbs__link--current {
  pointer-events: none;
}

.p-breadcrumbs__link img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-breadcrumbs__arrow {
  width: 5px;
  width: 0.3125rem;
  display: inline-block;
}

.p-breadcrumbs__arrow img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-breadcrumbs__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #07213c;
  line-height: 1.7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-breadcrumbs-wrapper {
  margin-top: 48px;
  margin-top: 3rem;
}

.p-cards {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-cards {
    padding-top: 8.75rem;
    padding-bottom: 10.875rem;
  }
}

.p-cards__content {
  max-width: 1000px;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
}

.p-cards__lists {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-cards__lists {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
  }
}

.p-cards__img img {
  aspect-ratio: 460/329;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.p-cards__text {
  color: #343434;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-cards__text {
    margin-top: 1rem;
    font-size: 1rem;
  }
}

.p-company {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-contact-btn {
  margin-top: 80px;
  margin-top: 5rem;
  margin-bottom: 80px;
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn {
    margin-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

.p-contact-btn__content {
  max-width: 343px;
  max-width: 21.4375rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__content {
    max-width: 67.5rem;
  }
}

.p-contact-btn__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: -webkit-gradient(linear, left top, right top, from(#3871b2), to(#d9d3f4));
  background: linear-gradient(to right, #3871b2, #d9d3f4);
  position: relative;
  width: 100%;
  height: 247px;
  height: 15.4375rem;
  border-radius: 1.875rem;
  padding-top: 56px;
  padding-top: 3.5rem;
  padding-bottom: 56px;
  padding-bottom: 3.5rem;
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 16px;
  padding-right: 1rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    padding-top: initial;
    padding-bottom: 0;
    padding-bottom: initial;
    padding-right: 0;
    padding-right: initial;
    padding-left: min(8.125rem, 9.0277777778vw);
    border-radius: 12.5rem;
    height: 15rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-contact-btn__link:hover {
  opacity: 1;
}

.p-contact-btn__title {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__title {
    font-size: min(2rem, 2.2222222222vw);
  }
}

.p-contact-btn__left-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-contact-btn__en {
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  text-transform: capitalize;
  padding-left: 36px;
  padding-left: 2.25rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__en {
    padding-left: 2.375rem;
    font-size: 1.25rem;
  }
}

.p-contact-btn__en::before {
  position: absolute;
  content: "";
  background: url(../images/common/contact_btn_en_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 30px;
  width: 1.875rem;
  height: auto;
  aspect-ratio: 30/20;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.p-contact-btn__text-wrapper {
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__text-wrapper {
    margin-top: 0;
    margin-top: initial;
    width: 12rem;
    margin-left: min(5rem, 5.5555555556vw);
  }
}

.p-contact-btn__text {
  color: #fff;
  line-height: 1.7;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__text {
    font-size: 1rem;
  }
}

.p-contact-btn__right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 1px solid #fff;
  border-radius: 9999px;
  width: 56px;
  width: 3.5rem;
  height: 56px;
  height: 3.5rem;
  right: 16px;
  right: 1rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__right {
    width: min(3.5rem, 3.8888888889vw);
    height: min(3.5rem, 3.8888888889vw);
    right: min(5.75rem, 6.3888888889vw);
  }
}

.p-contact-btn__link:hover .p-contact-btn__right {
  width: 72px;
  width: 4.5rem;
  height: 72px;
  height: 4.5rem;
  right: 8px;
  right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__link:hover .p-contact-btn__right {
    width: 6.25rem;
    height: 6.25rem;
    right: 4.5rem;
  }
}

.p-contact-btn__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.p-contact-btn__arrow svg {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-contact-btn__arrow svg {
    width: min(1.5rem, 1.6666666667vw);
    height: min(1.5rem, 1.6666666667vw);
  }
}

.p-drawer-icon {
  background: rgba(255, 255, 255, .9);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0.3125rem;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 12px;
  padding-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-drawer-icon {
    display: none;
  }
}

.p-drawer-icon.is-active {
  position: relative;
  z-index: 10001;
  padding-top: 2px;
  padding-top: 0.125rem;
}
.p-drawer-icon.is-active .p-drawer-icon__bars {
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
}
.p-drawer-icon.is-active .p-drawer-icon__bar1 {
  position: absolute;
  top: 29%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.p-drawer-icon.is-active .p-drawer-icon__bar2 {
  display: none;
}
.p-drawer-icon.is-active .p-drawer-icon__bar3 {
  position: absolute;
  top: 29%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.p-drawer-icon.is-active .p-drawer-icon__text {
  margin-top: 36px;
  margin-top: 2.25rem;
}

.p-drawer-icon__bars {
  position: relative;
  width: 26px;
  width: 1.625rem;
  height: 40px;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  gap: 0.375rem;
}

.p-drawer-icon__bar1 {
  height: 1px;
  background: #326599;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 26px;
  width: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-drawer-icon__bar2 {
  height: 1px;
  background: #326599;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 26px;
  width: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-drawer-icon__bar3 {
  height: 1px;
  background: #326599;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 26px;
  width: 1.625rem;
}

.p-drawer-icon__text {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #326599;
  text-align: center;
}

.p-drawer-content {
  width: 100%;
  height: 100dvh;
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(#f3f3fb), to(#9fbee1));
  background: linear-gradient(to right, #f3f3fb 0%, #9fbee1 100%);
  z-index: 9998;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-top: 125px;
  padding-top: 7.8125rem;
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
  overflow-y: auto;
}

.p-drawer-content.is-active {
  visibility: visible;
  opacity: 1;
}

.p-drawer-content__items {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 100dvh;
}

.p-drawer-content__list {
  text-align: center;
}

.p-drawer-content__list + .p-drawer-content__list {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-drawer-content__link {
  font-size: 17px;
  font-size: 1.0625rem;
  display: block;
  font-weight: 700;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

.p-drawer__search-wrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  padding-right: 30px;
  padding-right: 1.875rem;
}

.p-drawer__search-form {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.p-drawer__search-input {
  background: #f5f5f5;
  border-radius: 0.1875rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  height: 40px;
  height: 2.5rem;
  width: 100%;
}

.p-drawer__search-btn {
  max-width: 24px;
  max-width: 1.5rem;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  right: 0.625rem;
}

.p-drawer__search-btn img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-drawer__search-form input::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-drawer__search-form input::-moz-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-drawer__search-form input::-ms-input-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-drawer__search-form input::placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-drawer__bottom-lists {
  margin-top: 32px;
  margin-top: 2rem;
  max-width: 160px;
  max-width: 10rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-drawer__bottom-list + .p-drawer__bottom-list {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-drawer__bottom-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
}

.p-drawer__bottom-icon {
  display: inline-block;
  width: 24px;
  width: 1.5rem;
}

.p-drawer__bottom-icon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-drawer__bottom-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
  color: #07213c;
}

.p-drawer__link {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-left: 48px;
  padding-left: 3rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  border-top: 1px solid #e2e7ed;
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
  color: #07213c;
}

.p-drawer__list:last-child .p-drawer__link {
  border-bottom: 1px solid #e2e7ed;
}

.p-drawer__link::before {
  position: absolute;
  content: "";
  background: url(../images/common/header_link_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 10px;
  width: 0.625rem;
  height: auto;
  aspect-ratio: 10/20;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 30px;
  left: 1.875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-drawer__link--sub {
  padding-right: 48px;
  padding-right: 3rem;
  position: relative;
}
.p-drawer__link--sub::after {
  content: "";
  position: absolute;
  right: 24px;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
  border-right: 2px solid #326599;
  border-bottom: 2px solid #326599;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  rotate: -45deg;
}

.p-drawer__list.is-open > .p-drawer__link--sub::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.p-drawer__sub-lists {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: height 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.2s ease;
  transition: height 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.2s ease;
  background: rgba(255, 255, 255, .45);
  border-top: 1px solid #e2e7ed;
  border-bottom: 1px solid #e2e7ed;
}

.p-drawer__list.is-open > .p-drawer__sub-lists {
  opacity: 1;
}

.p-drawer__sub-link {
  display: block;
  padding: 14px 24px 14px 56px;
  padding: 0.875rem 1.5rem 0.875rem 3.5rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #07213c;
  border-top: 1px dashed #e2e7ed;
}
.p-drawer__sub-link:first-child {
  border-top: 0;
}

.p-edit {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-edit {
    padding-top: 2rem;
    padding-bottom: 6.25rem;
  }
}

.p-edit--gradation {
  background: url(../images/common/voice_bg.jpg) no-repeat center center/cover;
}

.p-edit table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 32px;
  margin-top: 2rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-edit table {
    display: table;
  }
}
.p-edit td:first-child {
  background: #f5f8fc;
}
@media screen and (min-width: 768px) {
  .p-edit td:first-child {
    width: 12.5rem;
    white-space: nowrap;
  }
}
.p-edit td {
  border: 1px solid #cdd3d9;
  display: block;
  padding: 12px;
  padding: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #07213c;
}
@media screen and (min-width: 768px) {
  .p-edit td {
    font-size: 1rem;
    padding: 1rem 1.5rem;
    display: table-cell;
  }
}
.p-edit a {
  font-size: 16px;
  font-size: 1rem;
  text-decoration: underline;
  color: #326559;
  margin-top: 16px;
  margin-top: 1rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-edit a + a {
    margin-left: 1rem;
  }
}
.p-edit .mt24 {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-edit__content {
  max-width: 1080px;
  max-width: 67.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-edit__row {
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-edit__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: min(5.5rem, 6.1111111111vw);
    margin-top: 2.5rem;
  }
}
.p-edit__row p {
  margin-top: 24px;
  margin-top: 1.5rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-edit__row p {
    font-size: 1rem;
  }
}

.p-edit__img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-edit__img {
    max-width: min(21.875rem, 24.3055555556vw);
    min-width: min(21.875rem, 24.3055555556vw);
  }
}

.p-edit__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-edit__download-img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-edit__content p,
.p-edit__content div {
  margin-top: 24px;
  margin-top: 1.5rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-edit__content p,
  .p-edit__content div {
    font-size: min(1rem, 1.1111111111vw);
  }
}

.p-edit__bottom {
  margin-top: 24px;
  margin-top: 1.5rem;
  text-align: right;
}

.p-edit__bottom p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #07213c;
}

.p-edit h3 {
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-edit h3 {
    margin-top: 2.5rem;
  }
}

.p-edit__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  gap: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-edit__grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 2.5rem;
    gap: 2.5rem;
  }
}

.p-edit__download {
  text-decoration: none !important;
  text-decoration: initial !important;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  background: -webkit-gradient(linear, left top, right top, from(#3871b2), to(#d9d3f4)) !important;
  background: linear-gradient(to right, #3871b2, #d9d3f4) !important;
  color: #fff !important;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 700;
  text-align: center;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-edit__download {
    width: calc(50% - 0.5rem);
  }
}

.p-edit__download + .p-edit__download {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-edit__download + .p-edit__download {
    margin-left: 1rem;
  }
}

.p-edit__download:hover {
  background: #fff !important;
  color: #3871b2 !important;
}

.p-edit__white {
  background: #fff;
  padding: 16px;
  padding: 1rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-edit__white {
    padding: min(4rem, 4.4444444444vw);
  }
}

.p-edit__subContent-bg {
  background: #f5f8fc;
  border-radius: 0.5rem;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .p-edit__subContent-bg {
    padding: 4rem;
  }
}

/* クラシック/ブロック両対応のセンタリング保険 */
.entry-content img.aligncenter,
.entry-content .aligncenter,
.wp-block-image .aligncenter,
.wp-caption.aligncenter,
figure.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 画像がリンクで囲まれていても中央にする */
.entry-content a > img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: auto !important; /* ← これで width:100% を打ち消す */
  height: auto !important;
}

/* もし a にボタン用の flex 等が当たっていたら解除（任意） */
.entry-content a > img.aligncenter {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/* 記事中の画像は本来サイズを上限に、必要なら縮小 */
.entry-content img,
.wp-block-image img {
  max-width: 100%;
  width: auto !important; /* ← これで width:100% を打ち消す */
  height: auto !important;
}

/* リンクで囲まれていても同様に */
.entry-content a > img {
  max-width: 100%;
  width: auto !important;
}

/* 全幅・幅広だけは意図通りにさせる */
.entry-content img.alignfull,
.entry-content img.alignwide,
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
  width: 100%;
  max-width: none;
}

.p-footer {
  padding-top: 56px;
  padding-top: 3.5rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background: url(../images/common/footer_bg_sp.jpg) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-footer {
    background: url(../images/common/footer_bg.jpg) no-repeat center center/cover;
    padding-top: 5rem;
    padding-left: 5rem;
  }
}

.p-footer__content {
  max-width: 238px;
  max-width: 14.875rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    max-width: initial;
    margin-left: 0;
    margin-left: initial;
    margin-right: 0;
    margin-right: initial;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-footer__home {
  width: 225px;
  width: 14.0625rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-footer__home {
    width: min(14.0625rem, 15.625vw);
  }
}

.p-footer__home img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-footer__address {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-footer__address {
    margin-top: min(3rem, 3.3333333333vw);
  }
}

.p-footer__address-text {
  line-height: 1.7;
  color: #07213c;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-footer__address-text {
    font-size: min(0.875rem, 0.9722222222vw);
  }
}

.p-footer__right {
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .p-footer__right {
    margin-top: 0;
    margin-top: initial;
  }
}

.p-footer__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-footer__lists {
    gap: min(2.5rem, 2.7777777778vw);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-footer__link {
  color: #07213c;
  font-weight: 700;
  line-height: 1.7;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-footer__link {
    font-size: min(1rem, 1.1111111111vw);
  }
}

.p-footer__link:hover {
  color: #46729f;
}

.p-footer__link-lists {
  /*  margin-top: rem(8);
  @include mq(md) {
    margin-top: rem(24);
  } */
}

.mt24 {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .mt24 {
    margin-top: min(1.5rem, 1.6666666667vw);
  }
}

.p-footer__link-small {
  padding-left: 12px;
  padding-left: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #07213c;
  line-height: 1.7;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-footer__link-small {
    font-size: min(0.875rem, 0.9722222222vw);
  }
}

.p-footer__link-small:hover {
  color: #46729f;
}

.p-footer__small {
  text-align: center;
  margin-top: 56px;
  margin-top: 3.5rem;
}
@media screen and (min-width: 768px) {
  .p-footer__small {
    margin-top: min(3rem, 3.3333333333vw);
  }
}

.p-footer__small small {
  color: #fff;
  text-align: center;
  display: block;
  line-height: 1.7;
  font-size: 11px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .p-footer__small small {
    font-size: min(0.875rem, 0.9722222222vw);
  }
}

.p-form__row-wrapper {
  position: relative;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  border-top: 1px dotted #222;
}
@media screen and (min-width: 768px) {
  .p-form__row-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.p-form__row-wrapper:first-child {
  border-top: none;
}

@media screen and (min-width: 768px) {
  .p-form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.p-form__row + .p-form__row {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-form__dt-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-form__dt-wrapper {
    padding-top: 0.5rem;
    width: 14.375rem;
  }
}

.p-form__dt {
  color: #222;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-form__dt {
    font-size: 1.125rem;
  }
}

.p-form__dt span {
  color: #363636;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-form__need {
  color: #fff;
  background: #ed1c24;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 55px;
  width: 3.4375rem;
  height: 22px;
  height: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-form__need {
    font-size: 0.875rem;
  }
}

.p-form__need--black {
  color: #363636;
}

.wpcf7-spinner {
  display: none;
}

.p-form__description--radio {
  /* デフォルトのボタン */
  /* チェック前のボタン */
  /* チェック後のボタン */
}
.p-form__description--radio .wpcf7-list-item-label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-form__description--radio .wpcf7-list-item-label {
    font-size: 1.125rem;
  }
}
.p-form__description--radio input[type=radio] {
  opacity: 0; /* デフォルトのボタンを非表示 */
  position: absolute;
}
.p-form__description--radio .wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #222;
  border-radius: 9999px; /* ラジオボタンっぽく丸くする */
  content: "";
  margin-bottom: auto;
  margin-right: 0.5em;
  margin-top: auto;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-form__description--radio .wpcf7-list-item-label::before {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.p-form__description--radio input[type=radio]:checked + .wpcf7-list-item-label::before {
  background-color: #ed1c24; /* チェック後の中心の色 */
  -webkit-box-shadow: inset 0 0 0 5px #fff;
          box-shadow: inset 0 0 0 5px #fff; /* 中心の色のスタイル */
}
.p-form__description--radio .custom-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 18px;
  row-gap: 1.125rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-form__description--radio .custom-radio {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.wpcf7-list-item {
  margin-left: 0;
  margin-left: initial;
}
@media screen and (min-width: 768px) {
  .wpcf7-list-item {
    margin-right: 0;
    margin-right: initial;
  }
}

.p-form__description {
  font-size: 14px;
  font-size: 0.875rem;
  word-wrap: break-word;
  color: #363636;
  padding-top: 0;
  padding-top: initial;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-form__description {
    margin-top: 0;
    margin-top: initial;
    font-size: 1rem;
    line-height: 1.2;
    width: calc(100% - 14.375rem);
    margin-left: 3.8125rem;
  }
}

.p-form input[type=text],
.p-form input[type=tel],
.p-form input[type=email] {
  width: 100%;
  border: 1px solid #909090;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 10px 12px;
  padding: 0.625rem 0.75rem;
  border-radius: 0.375rem;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-form input[type=text],
  .p-form input[type=tel],
  .p-form input[type=email] {
    font-size: 1.125rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.p-form textarea {
  border: 1px solid #909090;
  width: 100%;
  height: 200px;
  height: 12.5rem;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 10px 12px;
  padding: 0.625rem 0.75rem;
  resize: none;
  border-radius: 0.375rem;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-form textarea {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.125rem;
    height: 12.5rem;
  }
}

.p-form__btn-wrapper {
  margin-top: 28px;
  margin-top: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-form__btn-wrapper {
    gap: 1.25rem;
    margin-top: 2.5rem;
  }
}

.p-form__btn-outside {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-form__btn-outside {
    width: 15rem;
  }
}

.p-form__btn-outside::before {
  position: absolute;
  content: "";
  background: url(../images/common/btn_icon_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 6px;
  left: 0.375rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  aspect-ratio: 12/24;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-form__btn-outside::before {
    width: 1.5rem;
  }
}

.p-form__btn-outside::after {
  position: absolute;
  content: "";
  background: url(../images/common/btn_icon_white_right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  aspect-ratio: 12/24;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  right: 6px;
  right: 0.375rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-form__btn-outside::after {
    width: 1.5rem;
  }
}

.p-form__btn input[type=submit] {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 9999px;
  position: relative;
  border: 1px solid #222;
  background: #222;
  font-size: 18px;
  font-size: 1.125rem;
  width: 240px;
  width: 15rem;
  height: 60px;
  height: 3.75rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}

.p-form__btn input[type=submit]:hover,
.p-form__btn input[type=button]:hover {
  background: rgba(54, 54, 54, .3);
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
}

input::-webkit-input-placeholder {
  color: rgba(54, 54, 54, .3);
  line-height: 1.2;
}

input::-moz-placeholder {
  color: rgba(54, 54, 54, .3);
  line-height: 1.2;
}

input::-ms-input-placeholder {
  color: rgba(54, 54, 54, .3);
  line-height: 1.2;
}

input::placeholder {
  color: rgba(54, 54, 54, .3);
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  input::-webkit-input-placeholder {
    font-size: 1.125rem;
  }
  input::-moz-placeholder {
    font-size: 1.125rem;
  }
  input::-ms-input-placeholder {
    font-size: 1.125rem;
  }
  input::placeholder {
    font-size: 1.125rem;
  }
}

.p-form__privacy-wrapper {
  text-align: center;
}

.p-form__privacy-text {
  color: #222;
  letter-spacing: 0.1em;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-form__privacy-text {
    font-size: 1.125rem;
  }
}

.p-form__privacy-text a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .wpcf7-list-item {
    width: 17.5rem;
  }
}

.p-header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  height: 92px;
  height: 5.75rem;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 20vw;
    z-index: 9999;
    background-color: #fff;
    padding-top: 1.5rem;
  }
}

.p-header__inner {
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  height: inherit;
}
@media screen and (min-width: 768px) {
  .p-header__inner {
    padding-left: 0;
    padding-left: initial;
    padding-right: 0;
    padding-right: initial;
    height: auto;
    height: initial;
  }
}

.p-header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
}
@media screen and (min-width: 768px) {
  .p-header__content {
    height: auto;
    height: initial;
    display: block;
  }
}

.p-header__logo {
  position: relative;
  z-index: 999999;
}
@media screen and (min-width: 768px) {
  .p-header__logo {
    padding-right: 1.5625rem;
    padding-left: 1.875rem;
  }
}

.p-header__home {
  width: 173px;
  width: 10.8125rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-header__home {
    width: auto;
    width: initial;
    display: inline;
    display: initial;
  }
}

.p-header__home img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-header__nav {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-header__nav {
    display: block;
    margin-top: 1.5rem;
  }
}

.p-header__list {
  position: relative;
}

.p-header__list--mega {
  position: relative;
  z-index: 100000;
}

.p-header__list--mega::before {
  position: absolute;
  content: "";
  background: url(../images/common/header_hover_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: min(12px, 0.8333333333vw);
  width: min(0.75rem, 0.8333333333vw);
  height: auto;
  aspect-ratio: 12/13;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  right: min(48px, 3.3333333333vw);
  right: min(3rem, 3.3333333333vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100000;
}

.p-header__link {
  padding-top: min(24px, 2.0833333333vw);
  padding-top: min(1.5rem, 2.0833333333vw);
  padding-bottom: min(24px, 2.0833333333vw);
  padding-bottom: min(1.5rem, 2.0833333333vw);
  padding-left: min(48px, 3.3333333333vw);
  padding-left: min(3rem, 3.3333333333vw);
  padding-right: min(24px, 1.6666666667vw);
  padding-right: min(1.5rem, 1.6666666667vw);
  border-top: 1px solid #e2e7ed;
  display: block;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #fff;
  color: #07213c;
  font-weight: 700;
  font-size: min(16px, 1.1111111111vw);
  font-size: min(1rem, 1.1111111111vw);
}

.p-header__link:hover {
  color: #fff;
}

.p-header__link::after {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(#3871b2), to(#d9d3f4));
  background: linear-gradient(to right, #3871b2 0%, #d9d3f4 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: -1;
}

.p-header__link:hover::after {
  opacity: 1;
}

.p-header__list:last-child .p-header__link {
  border-bottom: 1px solid #e2e7ed;
}

.p-header__link::before {
  position: absolute;
  content: "";
  background: url(../images/common/header_link_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: min(10px, 0.6944444444vw);
  width: min(0.625rem, 0.6944444444vw);
  height: auto;
  aspect-ratio: 10/20;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: min(30px, 2.0833333333vw);
  left: min(1.875rem, 2.0833333333vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-header__bottom-lists {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-header__bottom-lists {
    display: block;
    margin-top: 1.1875rem;
    margin-left: 1.875rem;
  }
}

.p-header__bottom-list + .p-header__bottom-list {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-header__bottom-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
}

.p-header__bottom-icon {
  width: 24px;
  width: 1.5rem;
}

.p-header__bottom-icon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-header__bottom-text {
  font-size: min(16px, 1.1111111111vw);
  font-size: min(1rem, 1.1111111111vw);
  line-height: 1.7;
  color: #07213c;
  font-weight: 700;
}

.p-header__search-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-header__search-wrapper {
    display: block;
    margin-top: min(1.1875rem, 1.3194444444vw);
    padding-left: min(1.875rem, 2.0833333333vw);
    padding-right: min(1.875rem, 2.0833333333vw);
  }
}

.p-header__search-form {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.p-header__search-input {
  background: #f5f5f5;
  border-radius: 0.1875rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  height: 40px;
  height: 2.5rem;
  width: 100%;
}

.p-header__search-btn {
  max-width: 24px;
  max-width: 1.5rem;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  right: 0.625rem;
}

.p-header__search-btn img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-header__search-form input::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-header__search-form input::-moz-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-header__search-form input::-ms-input-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-header__search-form input::placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #9d9d9d;
  font-weight: 700;
}

.p-header__link {
  display: block;
}

.p-header__mega-menu {
  position: absolute;
  /*  right: rem(-300); */
  top: 0;
  left: 20vw;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 1;
  width: 300px;
  width: 18.75rem;
}

.p-header__list:hover .p-header__mega-menu {
  visibility: visible;
  opacity: 1;
}

.p-header__mega-menuLink {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #07213c;
  padding-top: 29px;
  padding-top: 1.8125rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
  padding-left: 50px;
  padding-left: 3.125rem;
  padding-right: 30px;
  padding-right: 1.875rem;
  border-bottom: 1px solid #e2e7ed;
  background: #f5f8fc;
  line-height: 1.7;
  position: relative;
}

.p-header__mega-menuLink::before {
  position: absolute;
  content: "";
  background: url(../images/common/header_link_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 10px;
  width: 0.625rem;
  height: auto;
  aspect-ratio: 10/20;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 30px;
  left: 1.875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-home-topics__box {
  position: relative;
  z-index: 1;
}

.p-home-topics {
  position: relative;
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .p-home-topics {
    padding-bottom: 7.5rem;
    padding-top: 7.5rem;
  }
}

.p-home-topics__top img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-home-topics__title {
  text-align: center;
}

.p-home-topics__block {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-home-topics__row {
  position: relative;
  border-bottom: 1px dotted #222;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-home-topics__row {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-home-topics__row:first-child {
  border-top: 1px dotted #222;
}

.p-home-topics__metaBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-home-topics__metaBlock {
    width: 15rem;
  }
}

.p-home-topics__time {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #222;
}

.p-home-topics__category {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #fff;
  background: #ed1c24;
  border-radius: 0.25rem;
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-home-topics__blockTitle {
  letter-spacing: 0.05em;
  line-height: 1.6111111111;
  color: #222;
  text-decoration: underline;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-home-topics__blockTitle {
    margin-top: 0;
    margin-top: initial;
    font-size: 1.125rem;
    width: calc(100% - 12.5rem);
  }
}

.p-home-topics__btn-wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-home-topics__btn-wrapper {
    margin-top: 3.75rem;
  }
}

.p-home-topics__btn {
  width: 240px;
  width: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 60px;
  height: 3.75rem;
  background: #222;
  border-radius: 9999px;
}

.p-home-topics__icon {
  position: absolute;
  content: "";
  width: 24px;
  width: 1.5rem;
  height: auto;
  aspect-ratio: 12/24;
  -o-object-fit: cover;
     object-fit: cover;
  top: 54%;
  left: 6px;
  left: 0.375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-home-topics__btn-text {
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-home-topics__btn-text {
    font-size: 1.125rem;
  }
}

.p-home-topics__icon--right {
  right: 6px;
  right: 0.375rem;
  left: auto;
  left: initial;
}

.p-home-topics__pagination {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-home-topics__pagination {
    margin-top: 5rem;
  }
}

.p-home-topics__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-home-topics__lists {
    gap: 0.875rem;
  }
}

.p-home-topics__pagination-link {
  display: inline-block;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #222;
  border-radius: 9999px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #222;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.p-home-topics__pagination-link.current {
  background: #ed1c24;
  color: #fff;
  border: 1px solid #ed1c24;
}

.p-interview {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-interview {
    padding-top: 8.5rem;
    padding-bottom: 9rem;
  }
}

.p-interview__content {
  max-width: 1060px;
  max-width: 66.25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-interview__title {
  display: block;
}

.p-interview__title .c-page-title--en {
  display: block;
  margin-left: 40px;
  margin-left: 2.5rem;
}

.p-interview__lists {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  gap: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-interview__lists {
    margin-top: min(2.5rem, 2.7777777778vw);
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: min(3rem, 3.3333333333vw);
       -moz-column-gap: min(3rem, 3.3333333333vw);
            column-gap: min(3rem, 3.3333333333vw);
    row-gap: min(2.5rem, 2.7777777778vw);
  }
}

.p-interview__list {
  position: relative;
}

.p-interview__img img {
  aspect-ratio: 450/300;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  border-top-right-radius: min(20px, 1.3888888889vw);
  border-top-right-radius: min(1.25rem, 1.3888888889vw);
}

.p-interview__detail {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.p-interview__detailTitle {
  font-weight: 700;
  line-height: 1.7;
  color: #07213c;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-interview__detailTitle {
    font-size: min(1.5rem, 1.6666666667vw);
  }
}

.p-interview__detailText {
  font-weight: 700;
  line-height: 1.7;
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-interview__detailText {
    font-size: min(1.125rem, 1.25vw);
  }
}

.p-interview__btn {
  margin-top: 8px;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-method {
  background: url(../images/common/method_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 56px;
  padding-bottom: 3.5rem;
}
@media screen and (min-width: 768px) {
  .p-method {
    padding-top: 5rem;
    padding-bottom: 6.5rem;
  }
}

.p-method__content {
  max-width: 1060px;
  max-width: 66.25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-method__recruit {
  font-weight: 700;
  line-height: 1.7;
  color: #07213c;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-method__recruit {
    margin-top: 2rem;
    font-size: 2rem;
  }
}

.p-method__recruit strong {
  color: #326599;
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-method__recruit strong {
    font-size: 3.125rem;
  }
}

.p-method__block-wrapper {
  margin-top: 48px;
  margin-top: 3rem;
}

.p-method__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  gap: 1rem;
  background: #fff;
  position: relative;
  border-radius: 0.3125rem;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block {
    margin-left: 2.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 3rem 5.625rem;
    gap: 2.5rem;
  }
}

.p-method__block:first-child::before {
  position: absolute;
  content: "";
  background: url(../images/common/number_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -24px;
  top: -1.5rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block:first-child::before {
    top: -2rem;
    left: -2.5rem;
    width: 5.375rem;
    height: 5.375rem;
  }
}

.p-method__block:nth-child(2)::before {
  position: absolute;
  content: "";
  background: url(../images/common/number_2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -24px;
  top: -1.5rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block:nth-child(2)::before {
    width: 5.375rem;
    height: 5.375rem;
    top: -2rem;
    left: -2.5rem;
  }
}

.p-method__block:nth-child(3)::before {
  position: absolute;
  content: "";
  background: url(../images/common/number_3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -24px;
  top: -1.5rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block:nth-child(3)::before {
    width: 5.375rem;
    height: 5.375rem;
    top: -2rem;
    left: -2.5rem;
  }
}

.p-method__block:nth-child(4)::before {
  position: absolute;
  content: "";
  background: url(../images/common/number_4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -24px;
  top: -1.5rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block:nth-child(4)::before {
    width: 5.375rem;
    height: 5.375rem;
    top: -2rem;
    left: -2.5rem;
  }
}

.p-method__block:nth-child(5)::before {
  position: absolute;
  content: "";
  background: url(../images/common/number_5.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -24px;
  top: -1.5rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block:nth-child(5)::before {
    width: 5.375rem;
    height: 5.375rem;
    top: -2rem;
    left: -2.5rem;
  }
}

.p-method__block:nth-child(6)::before {
  position: absolute;
  content: "";
  background: url(../images/common/number_6.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -24px;
  top: -1.5rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block:nth-child(6)::before {
    width: 5.375rem;
    height: 5.375rem;
    top: -2rem;
    left: -2.5rem;
  }
}

.p-method__block:nth-child(7)::before {
  position: absolute;
  content: "";
  background: url(../images/common/number_7.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -24px;
  top: -1.5rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-method__block:nth-child(7)::before {
    width: 5.375rem;
    height: 5.375rem;
    top: -2rem;
    left: -2.5rem;
  }
}

.p-method__block + .p-method__block {
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-method__block + .p-method__block {
    margin-top: 2.5rem;
  }
}

.p-method__img {
  width: 80px;
  width: 5rem;
}
@media screen and (min-width: 768px) {
  .p-method__img {
    min-width: 6.25rem;
    max-width: 6.25rem;
  }
}

.p-method__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-method__detail {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-method__detail {
    width: 38.5rem;
  }
}

.p-method__detail-title {
  line-height: 1.7;
  font-weight: 700;
  color: #07213c;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-method__detail-title {
    font-size: 1.75rem;
  }
}

.p-method__detail-title strong {
  color: #286fb9;
}

.p-method__text {
  line-height: 1.7;
  color: #07213c;
  font-weight: 700;
  margin-top: 16px;
  margin-top: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-method__text {
    font-size: 1rem;
    margin-top: 1.5rem;
  }
}

.p-method__text strong {
  font-weight: 700;
}

.p-mv {
  overflow: hidden;
}

.p-mv__content {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-mv__content {
    width: 79vw;
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-mv__img {
    /*   width: 80vw; */
    /*   margin-right: calc(50% - 50vw);
    margin-left: auto; */
  }
}

.p-mv__img img {
  aspect-ratio: 375/375;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  border-bottom-left-radius: 80px;
  border-bottom-left-radius: 5rem;
}
@media screen and (min-width: 768px) {
  .p-mv__img img {
    aspect-ratio: 1160/800;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: initial;
  }
}

.p-mv__detail {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: 32px;
  margin-left: 2rem;
}
@media screen and (min-width: 768px) {
  .p-mv__detail {
    margin-left: 7.5rem;
  }
}

.p-mv__detail h2 span {
  display: inline-block;
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  color: #fff;
  padding: 10px 16px;
  padding: 0.625rem 1rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.p-mv__detail h2 strong {
  display: inline-block;
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  color: #fff;
  padding: 10px 16px;
  padding: 0.625rem 1rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.p-mv__detail h2 {
  color: #07213c;
  line-height: 1.7;
  letter-spacing: 0.08em;
  font-weight: 700;
  font-size: 27px;
  font-size: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .p-mv__detail h2 {
    font-size: min(3.125rem, 3.4722222222vw);
  }
}

.p-mv__detail p {
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-mv__detail p {
    margin-top: min(2rem, 2.2222222222vw);
    font-size: min(1.75rem, 1.9444444444vw);
  }
}

.p-news {
  padding-bottom: 64px;
  padding-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .p-news {
    padding-bottom: 6.25rem;
  }
}

.p-news__content {
  max-width: 1060px;
  max-width: 66.25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-news__top {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.p-news__category-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  gap: 1rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.p-news__category {
  position: relative;
}

.p-news__category-link {
  display: inline-block;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  border-radius: 1.25rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-news__category-link:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.p-news__category-text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

.p-news__tag-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  gap: 0.75rem;
}

.p-news__tag {
  position: relative;
}

.p-news__tag-link {
  display: inline-block;
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  background: rgba(48, 89, 212, .1);
  border: 1px solid rgba(48, 89, 212, .2);
  border-radius: 0.9375rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-news__tag-link:hover {
  background: rgba(48, 89, 212, .2);
  border-color: rgba(48, 89, 212, .4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.p-news__tag-text {
  color: #07213c;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.p-news__block-wrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-news__block {
  border-bottom: 1px solid #dddddd;
  padding: 24px 0;
  padding: 1.5rem 0;
}
.p-news__block:last-child {
  border-bottom: none;
}

.p-news__block-link {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-news__block-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
  }
}

.p-news__block-link:hover {
  opacity: 0.6;
}

.p-news__img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-news__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 12.5rem;
  }
}

.p-news__img img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 200/140;
}

.p-news__block-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-news__block-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6;
  color: #07213c;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.p-news__time {
  color: #777777;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.p-news__block-categoryWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  gap: 0.5rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-news__block-category {
  display: inline-block;
  padding: 4px 8px;
  padding: 0.25rem 0.5rem;
  background: rgba(48, 89, 212, .1);
  border-radius: 0.75rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #07213c;
}

.p-news__block-tag {
  display: inline-block;
  padding: 4px 8px;
  padding: 0.25rem 0.5rem;
  background: rgba(48, 89, 212, .1);
  border-radius: 0.75rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #07213c;
}

.p-news__text {
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  font-weight: 400;
  opacity: 0.8;
}

.p-news__pagination {
  margin-top: 60px;
  margin-top: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-news__pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.p-news__pagination-list li {
  margin: 0;
}

.p-news__pagination-item,
.p-news__pagination-prev,
.p-news__pagination-next,
.p-news__pagination-current,
.p-news__pagination-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 40px;
  min-width: 2.5rem;
  gap: 8px;
  gap: 0.5rem;
  height: 40px;
  height: 2.5rem;
  padding: 0 12px;
  padding: 0 0.75rem;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0.375rem;
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-news__pagination-item:hover,
.p-news__pagination-prev:hover,
.p-news__pagination-next:hover,
.p-news__pagination-current:hover,
.p-news__pagination-dots:hover {
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  border-color: transparent;
  color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(48, 89, 212, .2);
          box-shadow: 0 2px 8px rgba(48, 89, 212, .2);
}

.p-news__pagination-current {
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  border-color: transparent;
  color: #fff;
  font-weight: 600;
}

.p-news__pagination-prev,
.p-news__pagination-next {
  min-width: 80px;
  min-width: 5rem;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-news__pagination-arrow {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 4px;
  margin: 0 0.25rem;
}

.p-news__pagination-dots {
  border: none;
  background: transparent;
  color: #777777;
}
.p-news__pagination-dots:hover {
  background: transparent;
  border: none;
  color: #777777;
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.p-news__pagination ul {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  -webkit-transition: none;
  transition: none;
}
.p-news__pagination ul:hover {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid transparent;
  -webkit-transition: none;
  transition: none;
}

.p-news__re-search {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-news__badge {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px;
  padding: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  background: rgba(231, 199, 57, .8);
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 0.625rem;
  color: #fff;
  font-family: "Montserrat", sans-serif;
}

.p-page-mv {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-mv {
    height: auto;
    height: initial;
  }
}

.p-page-mv__content {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-mv__content {
    width: 79vw;
    margin-left: auto;
  }
}

.p-page-mv__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 375/375;
  border-bottom-left-radius: 80px;
  border-bottom-left-radius: 5rem;
}
@media screen and (min-width: 768px) {
  .p-page-mv__img img {
    aspect-ratio: 1160/400;
  }
}

.p-page-mv__detail {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-page-mv__detail {
    padding-left: 0;
    padding-left: initial;
    margin-left: 7.5rem;
  }
}

.p-page-mv__title {
  color: #07213c;
  letter-spacing: 0.03em;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-page-mv__title {
    font-size: min(3.125rem, 3.4722222222vw);
  }
}

.p-page-mv__en {
  margin-top: 8px;
  margin-top: 0.5rem;
  position: relative;
  padding-left: 38px;
  padding-left: 2.375rem;
  color: #07213c;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-page-mv__en {
    font-size: min(1.25rem, 1.3888888889vw);
  }
}

.p-page-mv__en::before {
  position: absolute;
  content: "";
  background: url(../images/common/title_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 30px;
  width: 1.875rem;
  height: auto;
  aspect-ratio: 30/20;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-price {
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 64px;
  padding-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .p-price {
    padding-top: 8.5rem;
    padding-bottom: 9.5rem;
  }
}

.p-price__content {
  max-width: 1060px;
  max-width: 66.25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-price__title-wrapper {
  text-align: center;
}

.p-price__monthly {
  margin-top: 24px;
  margin-top: 1.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #f5f8fc;
  border-radius: 0.3125rem;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .p-price__monthly {
    padding: 2rem;
    max-width: 35rem;
    margin-top: 3.5rem;
  }
}

.p-price__monthly-text {
  color: #07213c;
  line-height: 1.7;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-price__monthly-text {
    font-size: 1.25rem;
  }
}

.p-price__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  gap: 0.25rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-price__monthly-price {
  color: #07213c;
  line-height: 1.7;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-price__monthly-price {
    font-size: 1.25rem;
  }
}

.p-price__monthly-num {
  color: #286fb9;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  font-size: 32px;
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .p-price__monthly-num {
    font-size: 3.125rem;
  }
}

.p-price__birth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="20" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(27,68,122,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0 20px rgba(27, 68, 122, .2));
          filter: drop-shadow(0 0 20px rgba(27, 68, 122, .2));
  text-align: center;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding: 16px;
  padding: 1rem;
  border-radius: 0.375rem;
}
@media screen and (min-width: 768px) {
  .p-price__birth {
    border-radius: 0.625rem;
    padding: 2rem;
    margin-top: 2.5rem;
    max-width: 35rem;
  }
}

.p-price__birth-text {
  line-height: 1.5;
  font-weight: 700;
  color: #07213c;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-price__birth-text {
    font-size: 1.625rem;
  }
}

.p-price__birth-text strong {
  color: #fff;
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  padding: 4px 8px;
  padding: 0.25rem 0.5rem;
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  font-weight: 600;
}

.p-price__bottom {
  background: #f5f8fc;
  border-radius: 0.625rem;
  padding: 16px;
  padding: 1rem;
  margin-top: -8px;
  margin-top: -0.5rem;
}
@media screen and (min-width: 768px) {
  .p-price__bottom {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
    padding-left: 6.25rem;
    padding-right: 6.25rem;
    margin-top: -4.5rem;
  }
}

.p-price__text {
  line-height: 1.7;
  font-weight: 400;
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-price__text {
    font-size: 1rem;
  }
}

.p-price__text strong {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(48, 89, 212, .3)));
  background: linear-gradient(transparent 70%, rgba(48, 89, 212, .3) 70%);
}

.p-recruit-block {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
  overflow-x: clip;
  background: transparent;
}

.p-recruit-block--2nd {
  background: url(../images/common/method_bg.jpg) no-repeat center center/cover;
}

.p-recruit-block__content {
  max-width: 1080px;
  max-width: 67.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__content {
    padding: min(4rem, 4.4444444444vw);
  }
}

.p-recruit-block__content--recruitment {
  background: transparent;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__content--recruitment {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 0;
    padding-left: initial;
    padding-right: 0;
    padding-right: initial;
  }
}

.p-recruit-block__row {
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__row {
    margin-top: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(5.5rem, 6.1111111111vw);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .p-recruit-block__row--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-recruit-block__img {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__img {
    max-width: min(21.875rem, 24.3055555556vw);
    min-width: min(21.875rem, 24.3055555556vw);
    margin-left: auto;
  }
}

.p-recruit-block__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-recruit-block__lists {
  border-radius: 0.75rem;
  padding: 24px;
  padding: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  background: #f5f8fc;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__lists {
    padding: min(2rem, 2.2222222222vw);
    margin-top: min(2rem, 2.2222222222vw);
  }
}

.p-recruit-block__list {
  position: relative;
  padding-left: 24px;
  padding-left: 1.5rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  color: #07213c;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__list {
    font-size: min(1.125rem, 1.25vw);
    margin-bottom: 1rem;
    padding-left: min(2.25rem, 2.5vw);
  }
}
.p-recruit-block__list:last-child {
  margin-bottom: 0;
}
.p-recruit-block__list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  top: 0.25rem;
  background: url(../images/common/worries_check.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__list::before {
    top: 0;
    width: min(1.875rem, 2.0833333333vw);
    height: min(1.875rem, 2.0833333333vw);
  }
}

.p-recruit-block__bottom {
  margin-top: 32px;
  margin-top: 2rem;
}

.p-recruit-block__text {
  margin-top: 24px;
  margin-top: 1.5rem;
  font-size: min(16px, 1.1111111111vw);
  font-size: min(1rem, 1.1111111111vw);
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #07213c;
}

.p-recruit-block__bottom p {
  margin-top: 24px;
  margin-top: 1.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #07213c;
}

.p-recruit-block__row--white {
  position: relative;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-recruit-block__row--white {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.p-recruit-block__btnWrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
  text-align: center;
  margin-bottom: 100px;
  margin-bottom: 6.25rem;
}

.p-recruit {
  margin-top: 80px;
  margin-top: 5rem;
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
  /*  background: url(../images/common/method_bg.jpg) no-repeat center center /
    cover; */
}

.p-recruit__content {
  max-width: 1080px;
  max-width: 67.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-recruit__subTitle-wrapper {
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__subTitle-wrapper {
    margin-top: 2.5rem;
  }
}

.p-recruit__grid {
  margin-top: 40px;
  margin-top: 2.5rem;
}
.p-recruit__grid ul {
  display: grid;
  gap: 20px;
  gap: 1.25rem;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 768px) {
  .p-recruit__grid ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-recruit__grid li {
  padding: 12px;
  padding: 0.75rem;
  border-radius: 0.625rem;
  background: #f5f8fc;
  /*  box-shadow: 2px 2px 4px gray; */
}
@media screen and (min-width: 768px) {
  .p-recruit__grid li {
    padding: min(2rem, 2.2222222222vw);
  }
}
.p-recruit__grid figure {
  max-width: 150px;
  max-width: 9.375rem;
  margin-left: auto;
  margin-right: auto;
  /*  border-radius: 9999px; */
  max-width: 140px;
  max-width: 8.75rem;
  width: 100%;
  overflow: hidden;
}
.p-recruit__grid img {
  aspect-ratio: 400/400;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.p-recruit__grid h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #07213c;
  line-height: 1.7;
  margin-top: 10px;
  margin-top: 0.625rem;
}
.p-recruit__grid p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #07213c;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-recruit p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #07213c;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-seminar {
  background: #f5f8fc;
  padding-top: 48px;
  padding-top: 3rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-seminar {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    margin-top: 3.75rem;
  }
}

.p-seminar__content {
  max-width: 1080px;
  max-width: 67.5rem;
  margin-left: auto;
  margin-right: auto;
}

.p-seminar__title p {
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #07213c;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-seminar__title p {
    font-size: 1.25rem;
  }
}

.p-seminar__title .c-page-title--ja {
  display: block;
}

.p-seminar__block {
  margin-top: 24px;
  margin-top: 1.5rem;
  max-width: 1080px;
  max-width: 67.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-seminar__block {
    margin-top: 3.75rem;
  }
}

.p-seminar__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-seminar__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.p-seminar__row:nth-child(even) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-seminar__row:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-seminar__row + .p-seminar__row {
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-seminar__row + .p-seminar__row {
    margin-top: 3.75rem;
  }
}

.p-seminar__img {
  /*  margin-left: calc(50% - 50vw); */
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-seminar__img {
    margin-right: calc(50% - 40vw);
    margin-left: 0;
    margin-left: initial;
    width: 38vw;
  }
}

.p-seminar__row:nth-child(even) .p-seminar__img {
  margin-right: 0;
  margin-right: initial;
  margin-left: 0;
  margin-left: initial;
}

.p-seminar__img img {
  aspect-ratio: 500/375;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.p-seminar__detail {
  background: #fff;
  height: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  padding-top: 32px;
  padding-top: 2rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .p-seminar__detail {
    padding: 3.375rem 4.375rem;
    width: 36.25rem;
  }
}

.p-seminar__detail::before {
  position: absolute;
  content: "";
  background: #dee8f3;
  border-radius: 9999px;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  top: -16px;
  top: -1rem;
  left: -16px;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .p-seminar__detail::before {
    width: 6.875rem;
    height: 6.875rem;
    top: -2rem;
    left: -2rem;
  }
}

.p-seminar__row:nth-child(even) .p-seminar__detail {
  margin-right: calc(50% - 40vw);
}

.p-seminar__detailTitle {
  font-weight: 600;
  line-height: 1.5;
  color: #07213c;
  font-size: rem918;
  font-size: rem918;
}
@media screen and (min-width: 768px) {
  .p-seminar__detailTitle {
    font-size: 1.625rem;
  }
}

.p-seminar__detailTitle strong {
  color: #286fb9;
}

.p-seminar__detailText-wrapper {
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-seminar__detailText-wrapper {
    margin-top: 2rem;
  }
}

.p-seminar__detailText {
  font-weight: 400;
  line-height: 1.9;
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-seminar__detailText {
    font-size: 1rem;
  }
}

.p-seminar__detailText strong {
  font-weight: 600;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(48, 89, 212, .3)), to(rgba(48, 89, 212, .3)));
  background: linear-gradient(to bottom, transparent 60%, rgba(48, 89, 212, .3) 60%, rgba(48, 89, 212, .3) 100%);
  background-repeat: no-repeat;
  background-size: 100% 12px;
  background-position: left bottom;
}

.p-single-topics {
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

.p-single-topics__title {
  border-bottom: 1px solid #222;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  text-align: center;
}
.p-single-topics__main {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main {
    margin-top: 2.5rem;
  }
}

.p-single-topics__main-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-title {
    font-size: 2rem;
  }
}

.p-single-topics__meta {
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__meta {
    margin-top: 1.25rem;
  }
}

.p-single-topics__meta-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-single-topics__meta-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  gap: 0.75rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-single-topics__meta-category {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #ed1c24;
  border: 1px solid #ed1c24;
  padding: 2px 12px;
  padding: 0.125rem 0.75rem;
  border-radius: 9999px;
}
@media screen and (min-width: 768px) {
  .p-single-topics__meta-category {
    font-size: 1rem;
  }
}

.p-single-topics__meta-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-single-topics__meta-text {
    font-size: 1.125rem;
  }
}

.p-single-topics__btn-wrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-single-topics__btn-wrapper {
    margin-top: 3.75rem;
  }
}

.p-single-topics__btn {
  width: 240px;
  width: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 60px;
  height: 3.75rem;
  background: #222;
  border-radius: 9999px;
}

.p-single-topics__icon {
  position: absolute;
  content: "";
  width: 24px;
  width: 1.5rem;
  height: auto;
  aspect-ratio: 12/24;
  -o-object-fit: cover;
     object-fit: cover;
  top: 54%;
  left: 6px;
  left: 0.375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-single-topics__btn-text {
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__btn-text {
    font-size: 1.125rem;
  }
}

.p-single-topics__icon--right {
  right: 6px;
  right: 0.375rem;
  left: auto;
  left: initial;
}

/* 段落 */
.p-single-topics__main-content p {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.7142857143;
  color: #222;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content p {
    font-size: 1rem;
    margin-top: 1rem;
  }
}

/* 見出し */
.p-single-topics__main-content h2 {
  font-size: 24px;
  font-size: 1.5rem;
  color: #222;
  position: relative;
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content h2 {
    margin-top: 2rem;
    font-size: 2rem;
  }
}

.p-single-topics__main-content h2::before {
  position: absolute;
  content: "";
  background: #222;
  width: 100%;
  height: 2px;
  bottom: -4px;
  bottom: -0.25rem;
  left: 0;
  right: 0;
}

.p-single-topics__main-content h3 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 20px;
  margin-top: 1.25rem;
  position: relative;
  padding-left: 16px;
  padding-left: 1rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content h3 {
    margin-top: 1.5rem;
    font-size: 1.75rem;
  }
}

.p-single-topics__main-content h3::before {
  position: absolute;
  content: "";
  background: #ed1c24;
  width: 4px;
  width: 0.25rem;
  left: 0;
  top: 0;
  bottom: 0;
}

.p-single-topics__main-content h4 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content h4 {
    margin-top: 1.25rem;
    font-size: 1.25rem;
  }
}

.p-single-topics__main-content h5 {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content h5 {
    margin-top: 1.25rem;
    font-size: 1.125rem;
  }
}

/* リスト */
.p-single-topics__main-content ul {
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content ul {
    margin-top: 1rem;
  }
}

.p-single-topics__main-content ul li {
  list-style: disc;
  margin-left: 16px;
  margin-left: 1rem;
}

.p-single-topics__main-content ol {
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content ol {
    margin-top: 1rem;
  }
}

.p-single-topics__main-content ol li {
  list-style: decimal;
  margin-left: 16px;
  margin-left: 1rem;
}

/* リンク */
.p-single-topics__main-content a {
  color: #ed1c24;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1rem;
}

/* 画像 */
.p-single-topics__main-content img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content img {
    margin-top: 1rem;
  }
}

/* 囲み系（Gutenbergブロックでよく出る） */
.p-single-topics__main-content figure {
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content figure {
    margin-top: 1rem;
  }
}

.p-single-topics__main-content figcaption {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  color: #222;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content figcaption {
    margin-top: 1rem;
  }
}

/* 引用 */
/* テーブル */
.p-single-topics__main-content table {
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single-topics__main-content table {
    margin-top: 1rem;
  }
}

/* コード */
/* ボタン */
/* キャプション（画像などのキャプションに出る） */
/* スペーサー（余白ブロック） */
/* グループ（グループ化ブロック） */
/* カラム系 */
/* ギャラリー */
.p-single {
  padding-bottom: 56px;
  padding-bottom: 3.5rem;
}
@media screen and (min-width: 768px) {
  .p-single {
    padding-bottom: 7.5rem;
  }
}

.p-single__content {
  max-width: 1080px;
  max-width: 67.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-single__article {
  background: #fff;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
          box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
  padding: 24px;
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-single__article {
    padding: 2.5rem;
  }
}

.p-single__article--page {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  padding: initial;
}

.p-single__header {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.p-single__title {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  color: #07213c;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.p-single__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  gap: 0.75rem;
}

.p-single__date {
  color: #777777;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}

.p-single__taxonomy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  gap: 0.5rem;
}

.p-single__categories,
.p-single__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-single__meta-label {
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  min-width: 80px;
  min-width: 5rem;
}

.p-single__category {
  display: inline-block;
  padding: 4px 8px;
  padding: 0.25rem 0.5rem;
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  border-radius: 0.75rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
}

.p-single__tag {
  display: inline-block;
  padding: 4px 8px;
  padding: 0.25rem 0.5rem;
  background: rgba(48, 89, 212, .1);
  border: 1px solid rgba(48, 89, 212, .2);
  border-radius: 0.75rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #07213c;
}

.p-single__thumbnail {
  margin: 32px 0;
  margin: 2rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.p-single__thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

.p-single__body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  color: #07213c;
}
.p-single__body h1 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 32px 0 16px;
  margin: 2rem 0 1rem;
  color: #07213c;
  line-height: 1.4;
}
.p-single__body h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 32px 0 16px;
  margin: 2rem 0 1rem;
  color: #07213c;
}
.p-single__body h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 24px 0 12px;
  margin: 1.5rem 0 0.75rem;
  color: #07213c;
  position: relative;
  padding-left: 20px;
  padding-left: 1.25rem;
}
.p-single__body h3::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  width: 0.25rem;
  height: 100%;
  background: #07213c;
}
.p-single__body h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 20px 0 12px;
  margin: 1.25rem 0 0.75rem;
  color: #07213c;
}
.p-single__body h5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin: 18px 0 10px;
  margin: 1.125rem 0 0.625rem;
  color: #07213c;
}
.p-single__body h6 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 16px 0 8px;
  margin: 1rem 0 0.5rem;
  color: #07213c;
}
.p-single__body p {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.p-single__body ul,
.p-single__body ol {
  margin: 16px 0;
  margin: 1rem 0;
  padding-left: 24px;
  padding-left: 1.5rem;
}
.p-single__body li {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.p-single__body ul li {
  list-style-type: disc;
}
.p-single__body ol li {
  list-style-type: decimal;
}
.p-single__body blockquote {
  background: #f5f8fc;
  border-left: 4px solid #8eb5e0;
  padding: 16px 20px;
  padding: 1rem 1.25rem;
  margin: 24px 0;
  margin: 1.5rem 0;
  border-radius: 0 0.5rem 0.5rem 0;
}
.p-single__body img {
  max-width: 100% !important;
  display: block !important;
  height: auto;
  width: auto !important;
  border-radius: 0.5rem;
}
.p-single__body a {
  color: #3871b2;
  text-decoration: underline;
}
.p-single__body a:hover {
  color: #8eb5e0;
}
.p-single__body strong,
.p-single__body b {
  font-weight: 700;
}
.p-single__body em,
.p-single__body i {
  font-style: italic;
}
.p-single__body code {
  background: #f5f8fc;
  padding: 2px 6px;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-family: "Courier New", monospace;
  font-size: 14px;
  font-size: 0.875rem;
}
.p-single__body pre {
  background: #f5f8fc;
  padding: 16px;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin: 16px 0;
  margin: 1rem 0;
}
.p-single__body pre code {
  background: none;
  padding: 0;
}
.p-single__body table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  margin: 1rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}
.p-single__body th,
.p-single__body td {
  padding: 12px 16px;
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #dddddd;
}
.p-single__body th {
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  color: #fff;
  font-weight: 600;
}
.p-single__body tr:nth-child(even) {
  background: #f9f9f9;
}
.p-single__body tr:hover {
  background: #f5f8fc;
}
.p-single__body hr {
  border: none;
  border-top: 1px solid #dddddd;
  margin: 24px 0;
  margin: 1.5rem 0;
}
.p-single__body small {
  font-size: 14px;
  font-size: 0.875rem;
  color: #777777;
}
.p-single__body mark {
  background: #fff3cd;
  padding: 2px 4px;
  padding: 0.125rem 0.25rem;
  border-radius: 0.125rem;
}

.p-single__footer {
  padding-top: 16px;
  padding-top: 1rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-single__footer {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
  }
}

.p-single__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
}

.p-single__author-name {
  color: #07213c;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

.p-single__recent-posts {
  border-top: 1px solid #dddddd;
  padding-top: 16px;
  padding-top: 1rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-single__recent-posts {
    margin-top: 2rem;
    padding-top: 1.5rem;
  }
}

.p-single__recent-title {
  font-weight: 600;
  color: #07213c;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .p-single__recent-title {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
  }
}

.p-single__recent-grid {
  display: grid;
  gap: 12px;
  gap: 0.75rem;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 768px) {
  .p-single__recent-grid {
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-single__recent-item {
  background: #f5f8fc;
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-single__recent-item:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(48, 89, 212, .15);
          box-shadow: 0 4px 12px rgba(48, 89, 212, .15);
}

.p-single__recent-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.p-single__recent-thumbnail {
  width: 100%;
  height: 120px;
  height: 7.5rem;
  overflow: hidden;
}
.p-single__recent-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-single__recent-item:hover .p-single__recent-thumbnail img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.p-single__recent-content {
  padding: 12px;
  padding: 0.75rem;
}

.p-single__recent-item-title {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  color: #07213c;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-single__recent-date {
  color: #777777;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 400;
}

.p-single__related-posts {
  padding-top: 16px;
  padding-top: 1rem;
  margin-top: 20px;
  margin-top: 1.25rem;
  border-top: 1px solid #dddddd;
}
@media screen and (min-width: 768px) {
  .p-single__related-posts {
    margin-top: 2rem;
    padding-top: 1.5rem;
  }
}

.p-single__related-title {
  font-weight: 600;
  color: #07213c;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .p-single__related-title {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}

.p-single__related-list {
  display: grid;
  gap: 12px;
  gap: 0.75rem;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 768px) {
  .p-single__related-list {
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-single__related-item {
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-single__related-item:hover {
  border-color: #8eb5e0;
  -webkit-box-shadow: 0 2px 8px rgba(48, 89, 212, .15);
          box-shadow: 0 2px 8px rgba(48, 89, 212, .15);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.p-single__related-link {
  text-decoration: none;
  color: inherit;
  display: block;
  padding: 12px;
  padding: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-single__related-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    padding: 1rem;
  }
}

.p-single__related-thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0.375rem;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-single__related-thumbnail {
    width: 5rem;
    height: 3.75rem;
  }
}

.p-single__related-thumbnail img {
  aspect-ratio: 230/150;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.p-single__related-item:hover .p-single__related-thumbnail img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.p-single__related-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.p-single__related-item-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  color: #07213c;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-single__related-date {
  color: #777777;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}

.p-single__navigation {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-single__nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  gap: 1rem;
}

.p-single__nav-prev,
.p-single__nav-next,
.p-single__nav-home {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-single__nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  gap: 0.375rem;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0.5rem;
  color: #07213c;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-single__nav-link:hover {
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  border-color: transparent;
  color: #fff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(48, 89, 212, .2);
          box-shadow: 0 2px 8px rgba(48, 89, 212, .2);
}

.p-single__nav-arrow {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-single__nav-text {
  font-size: 13px;
  font-size: 0.8125rem;
}

@media screen and (min-width: 768px) {
  .p-single__article {
    padding: 3.75rem;
  }
  .p-single__title {
    font-size: 2rem;
  }
  .p-single__meta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
  }
  .p-single__taxonomy {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5rem;
  }
  .p-single__recent-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
  }
  .p-single__recent-thumbnail {
    height: 8.75rem;
  }
  .p-single__recent-content {
    padding: 1rem;
  }
  .p-single__recent-item-title {
    font-size: 0.875rem;
  }
  .p-single__related-link {
    gap: 1.25rem;
    padding: 1.25rem;
  }
  .p-single__related-thumbnail {
    width: 6.25rem;
    height: 4.6875rem;
  }
  .p-single__related-item-title {
    font-size: 0.9375rem;
  }
  .p-single__nav-links {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.5rem;
  }
  .p-single__nav-prev,
  .p-single__nav-next,
  .p-single__nav-home {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    min-width: 7.5rem;
  }
}
.p-top-column {
  background: #f5f8fc;
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 64px;
  padding-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .p-top-column {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.p-top-column__content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-top-column__content {
    max-width: 67.5rem;
  }
}

.p-top-column__lists {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
  gap: 2rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-top-column__lists {
    gap: 2.5rem;
    margin-top: 2.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-top-column__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dddddd;
  padding-right: 28px;
  padding-right: 1.75rem;
  position: relative;
  gap: 8px;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-top-column__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1rem;
  }
}

.p-top-column__link::before {
  position: absolute;
  content: "";
  background: url(../images/common/column_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 7px;
  width: 0.4375rem;
  height: auto;
  aspect-ratio: 7/12;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  top: 67%;
}
@media screen and (min-width: 768px) {
  .p-top-column__link::before {
    top: 50%;
  }
}

.p-top-column__img {
  max-width: 180px;
  max-width: 11.25rem;
  width: 100%;
  border-top-right-radius: 20px;
  border-top-right-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-top-column__img {
    border-top-right-radius: 1.875rem;
  }
}

.p-top-column__img img {
  border-top-right-radius: 30px;
  border-top-right-radius: 1.875rem;
  aspect-ratio: 180/120;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.p-top-column__detail {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-top-column__detail {
    margin-top: 0;
    margin-top: initial;
  }
}

.p-top-column__date {
  color: #777777;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-top-column__date {
    font-size: 0.875rem;
  }
}

.p-top-column__text {
  line-height: 1.7;
  font-weight: 700;
  color: #07213c;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-top-column__text {
    font-size: min(1.0625rem, 1.1805555556vw);
  }
}

.p-top-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-top-column__btn {
    margin-top: 3.5rem;
  }
}

.p-top-introduce {
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (min-width: 768px) {
  .p-top-introduce {
    padding-top: 7.5rem;
  }
}

.p-top-introduce--site {
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
}

.p-top-introduce__content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-top-introduce__content {
    max-width: 67.5rem;
  }
}

.p-top-introduce__lists {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  gap: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-top-introduce__lists {
    margin-top: 1.6875rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
  }
}

.p-top-introduce__link {
  display: block;
}

.p-top-introduce__img img {
  aspect-ratio: 436/312;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.p-top-menu {
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (min-width: 768px) {
  .p-top-menu {
    padding-top: 9rem;
  }
}

.p-top-menu__content {
  max-width: 250px;
  max-width: 15.625rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-top-menu__content {
    max-width: 67.5rem;
  }
}

.p-top-menu__lists {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  .p-top-menu__lists {
    gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-top-menu__link {
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.p-top-menu__link:hover {
  opacity: 1;
}

.p-top-menu__img {
  border-top-right-radius: 32px;
  border-top-right-radius: 2rem;
}

.p-top-menu__img img {
  aspect-ratio: 320/214;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.p-top-menu__detail {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-top-menu__detail-title {
  color: #07213c;
  font-weight: 700;
  line-height: 1.7;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-top-menu__detail-title {
    font-size: min(1.5rem, 1.6666666667vw);
  }
}

.p-top-menu__detail-text {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-weight: 400;
  color: #07213c;
  line-height: 1.7;
  max-width: 280px;
  max-width: 17.5rem;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-top-menu__detail-text {
    font-size: min(1rem, 1.1111111111vw);
  }
}

.p-top-menu__arrows {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
  margin-top: 1rem;
  background-color: #326599;
  border-radius: 9999px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-top-menu__arrows {
    width: 3.5rem;
    height: 3.5rem;
  }
}

.p-top-menu__arrows svg {
  aspect-ratio: 20/20;
  -o-object-fit: cover;
     object-fit: cover;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-top-menu__arrows svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.p-top-menu__link:hover .p-top-menu__arrows svg {
  margin-left: 5px;
  margin-left: 0.3125rem;
}

.p-top-news {
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .p-top-news {
    padding-bottom: 7.5rem;
  }
}

.p-top-news__content {
  max-width: 920px;
  max-width: 57.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-top-news__lists {
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-top-news__lists {
    margin-top: 2.5rem;
  }
}

.p-top-news__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-top: 16px;
  padding-top: 1rem;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: relative;
  padding-right: 20px;
  padding-right: 1.25rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-top-news__link {
    padding-right: 2rem;
    gap: 1.5rem;
  }
}

.p-top-news__link::before {
  position: absolute;
  content: "";
  background: url(../images/common/news_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto;
  aspect-ratio: 17/18;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  width: 0.75rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-top-news__link::before {
    width: 1.0625rem;
  }
}

.p-top-news__link:hover::before {
  right: -5px;
  right: -0.3125rem;
}

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

.p-top-news__list:first-child .p-top-news__link {
  padding-top: 0;
  padding-top: initial;
  border-top: none;
}

.p-top-news__img {
  width: 100%;
  max-width: 120px;
  max-width: 7.5rem;
  border-top-right-radius: 20px;
  border-top-right-radius: 1.25rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-top-news__img {
    border-top-right-radius: 1.875rem;
    max-width: 11.25rem;
  }
}

.p-top-news__img img {
  border-top-right-radius: 30px;
  border-top-right-radius: 1.875rem;
  aspect-ratio: 180/120;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.p-top-news__pickup {
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  width: 4.8125rem;
  height: 30px;
  height: 1.875rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(231, 199, 57, .8);
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 0.625rem;
}

.p-top-news__pickup-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  font-family: "Montserrat", sans-serif;
}

.p-top-news__detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-top-news__date {
  color: #777777;
  line-height: 1.7;
  font-weight: 400;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-top-news__date {
    font-size: 0.875rem;
  }
}

.p-top-news__text {
  line-height: 1.7;
  font-weight: 700;
  color: #07213c;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-top-news__text {
    margin-top: 0.5rem;
    font-size: 1.0625rem;
  }
}

.p-top-news__btn {
  margin-top: 40px;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-top-news__btn {
    margin-top: 3.5rem;
  }
}

.p-totop {
  position: fixed;
  z-index: 9999;
  bottom: 20px;
  bottom: 1.25rem;
  right: 20px;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-totop {
    bottom: 2.5rem;
    right: 2.5rem;
  }
}

.p-totop__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  gap: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-totop__link:hover {
  opacity: 1;
}

.p-totop__img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  border: 1px solid #326599;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-totop__img-wrapper {
    width: 3.125rem;
    height: 3.125rem;
  }
}

.p-totop__img {
  width: 12px;
  width: 0.75rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-totop__link:hover .p-totop__img {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.p-totop__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-totop__text {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #326599;
  letter-spacing: 0.1em;
  text-align: center;
}

.p-us__content {
  max-width: 1060px;
  max-width: 66.25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .p-us__content {
    margin-top: 6.5rem;
  }
}

.p-us__title-wrapper {
  text-align: center;
}

.p-us__title {
  font-weight: 700;
  color: #07213c;
  letter-spacing: 0.03em;
  line-height: 1.4;
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-us__title {
    font-size: 2.5rem;
  }
}

.p-us__title-en {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #07213c;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0;
  margin-top: initial;
}
@media screen and (min-width: 768px) {
  .p-us__title-en {
    margin-top: 0.75rem;
    font-size: 1.25rem;
  }
}

.p-us__title-en::before {
  position: absolute;
  content: "";
  background: url(../images/common/title_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 30px;
  width: 1.875rem;
  height: 20px;
  height: 1.25rem;
  top: 50%;
  left: -38px;
  left: -2.375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-us__title-en::after {
  position: absolute;
  content: "";
  background: url(../images/common/title_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 30px;
  width: 1.875rem;
  height: 20px;
  height: 1.25rem;
  top: 50%;
  right: -38px;
  right: -2.375rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.p-us__topText-wrapper {
  text-align: center;
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-us__topText-wrapper {
    margin-top: 3.5rem;
  }
}

.p-us__topText {
  line-height: 2;
  color: #07213c;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-us__topText {
    font-size: 1rem;
  }
}

.p-us__block-wrapper {
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-us__block-wrapper {
    margin-top: 2.5rem;
  }
}

.p-us__block {
  background: #f5f8fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  padding: 1rem;
  gap: 24px;
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-us__block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: min(3.75rem, 4.1666666667vw);
    padding: min(3.75rem, 4.1666666667vw) min(5rem, 5.5555555556vw);
  }
}

.p-us__block + .p-us__block {
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-us__block + .p-us__block {
    margin-top: 1.5rem;
  }
}

.p-us__img {
  width: 100%;
  max-width: 180px;
  max-width: 11.25rem;
}
@media screen and (min-width: 768px) {
  .p-us__img {
    max-width: 13.75rem;
  }
}

.p-us__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-us__detail {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-us__detail {
    max-width: 35rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-us__detail-title {
  line-height: 1.5;
  font-weight: 700;
  color: #07213c;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-us__detail-title {
    font-size: min(2rem, 2.2222222222vw);
  }
}

.p-us__detail-title strong {
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  color: #fff;
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  font-weight: 600;
  padding: 4px 6px;
  padding: 0.25rem 0.375rem;
}

.p-us__detail-text {
  color: #07213c;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 16px;
  margin-top: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-us__detail-text {
    font-size: min(1rem, 1.1111111111vw);
    margin-top: min(2rem, 2.2222222222vw);
  }
}

.p-us__detail-text + .p-us__detail-text {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-us__detail-text + .p-us__detail-text {
    margin-top: 1rem;
  }
}

.p-us__detail-text strong {
  font-weight: 700;
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  background-size: 100% 6px;
  background-position: bottom;
  background-repeat: no-repeat;
}

.p-us__breadcrumbs {
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-us__breadcrumbs {
    margin-top: 2.5rem;
  }
}

.p-voice {
  background: url(../images/common/voice_bg.jpg) no-repeat center center/cover;
  padding-top: 56px;
  padding-top: 3.5rem;
  padding-bottom: 56px;
  padding-bottom: 3.5rem;
}
@media screen and (min-width: 768px) {
  .p-voice {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.p-voice__content {
  max-width: 1080px;
  max-width: 67.5rem;
  margin-left: auto;
  margin-right: auto;
}

.p-voice__lists {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  gap: 1rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-voice__lists {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    margin-top: 2.5rem;
  }
}

.p-voice__list {
  background: #fff;
  border-radius: 0.625rem;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .p-voice__list {
    padding: 2rem 3.5rem;
  }
}

.p-voice__img {
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  width: 6.25rem;
}
@media screen and (min-width: 768px) {
  .p-voice__img {
    width: 8.75rem;
  }
}

.p-voice__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-voice__detail {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-voice__detail {
    margin-top: 1rem;
  }
}

.p-voice__detailTitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-voice__detailTitle {
    font-size: 1.375rem;
  }
}

.p-voice__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.7;
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-voice__text {
    font-size: 1rem;
  }
}

.p-works {
  background: url(../images/common/works_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-works {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.p-works__content {
  max-width: 1060px;
  max-width: 66.25rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-works__title-wrapper {
  text-align: center;
}

.p-works__block {
  background: rgba(255, 255, 255, .7);
  border-radius: 0.3125rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding: 16px;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-works__block {
    margin-top: min(2.5rem, 2.7777777778vw);
    padding: min(4rem, 4.4444444444vw) min(5.625rem, 6.25vw);
  }
}

.p-works__block::before {
  position: absolute;
  content: "";
  background: url(../images/common/works_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto;
  aspect-ratio: 300/300;
  -o-object-fit: cover;
     object-fit: cover;
  right: 0px;
  right: 0rem;
  top: -100px;
  top: -6.25rem;
  width: 80px;
  width: 5rem;
}
@media screen and (min-width: 768px) {
  .p-works__block::before {
    top: max(-16.875rem, -18.75vw);
    width: min(18.75rem, 20.8333333333vw);
  }
}

.p-works__top-textWrapper {
  text-align: center;
}

.p-works__top-text {
  line-height: 1.7;
  font-weight: 400;
  color: #07213c;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-works__top-text {
    font-size: 1.25rem;
  }
}

.p-works__top-text strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(48, 89, 212, .3)));
  background: linear-gradient(transparent 70%, rgba(48, 89, 212, .3) 70%);
}

.p-works__white {
  background: #fff;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="20" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(27,68,122,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0 20px rgba(27, 68, 122, .1));
          filter: drop-shadow(0 0 20px rgba(27, 68, 122, .1));
  border-radius: 0.3125rem;
  padding: 16px;
  padding: 1rem;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-works__white {
    margin-top: 2rem;
    padding: 2.5rem;
  }
}

.p-works__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .p-works__lists {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.5rem;
    max-width: 35.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-works__left {
    width: 20.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-works__right {
    width: 12.3125rem;
  }
}

.p-works__list {
  position: relative;
  color: #07213c;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 14px;
  padding-left: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-works__list {
    padding-left: 1.125rem;
    font-size: 1.125rem;
  }
}

.p-works__list::before {
  position: absolute;
  content: "";
  background: #c5d8ef;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 9999px;
  width: 6px;
  width: 0.375rem;
  height: 6px;
  height: 0.375rem;
}
@media screen and (min-width: 768px) {
  .p-works__list::before {
    width: 0.625rem;
    height: 0.625rem;
  }
}

.p-works__bottom {
  text-align: center;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-works__bottom {
    margin-top: 1.5rem;
  }
}

.p-works__bottom-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #07213c;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .p-works__bottom-text {
    font-size: 1rem;
  }
}

.p-worries {
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-worries {
    padding-top: 8.5rem;
    padding-bottom: 3.5rem;
  }
}

.p-worries__title-wrapper {
  text-align: center;
}

.p-worries__lists {
  margin-top: 24px;
  margin-top: 1.5rem;
  max-width: 580px;
  max-width: 36.25rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-worries__lists {
    margin-top: 3rem;
  }
}

.p-worries__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  gap: 0.625rem;
  background: #dde1e4;
  border-radius: 9999px;
  padding: 8px;
  padding: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-worries__list {
    padding: 0.75rem;
  }
}

.p-worries__list + .p-worries__list {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-worries__list + .p-worries__list {
    margin-top: 0.625rem;
  }
}

.p-worries__icon {
  min-width: 24px;
  min-width: 1.5rem;
  max-width: 24px;
  max-width: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-worries__icon {
    min-width: 1.875rem;
    max-width: 1.875rem;
  }
}

.p-worries__icon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.p-worries__text {
  line-height: 1.5;
  color: #07213c;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-worries__text {
    font-size: 1.125rem;
  }
}

.p-worries__text strong {
  font-weight: 700;
}

.p-worries__arrow {
  margin-inline: auto;
  margin-top: 32px;
  margin-top: 2rem;
  max-width: 40px;
  max-width: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-worries__arrow {
    max-width: 4.25rem;
    margin-top: 3.5rem;
  }
}

.p-worries__arrow img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.c-btn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  border: 1px solid #326599 !important;
  border-radius: 9999px !important;
  padding-left: 24px !important;
  padding-left: 1.5rem !important;
  padding-right: 7px !important;
  padding-right: 0.4375rem !important;
  background: #fff !important;
  width: 100% !important;
  height: 56px !important;
  height: 3.5rem !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}
@media screen and (min-width: 768px) {
  .c-btn {
    padding-left: 1.5rem !important;
    padding-right: 0.4375rem !important;
    width: min(29.375rem, 32.6388888889vw) !important;
    height: min(4.375rem, 4.8611111111vw) !important;
  }
}

.c-btn:hover {
  padding-right: 0 !important;
  padding-right: initial !important;
  opacity: 1 !important;
}

.c-btn__text {
  font-weight: 700 !important;
  line-height: 1.7 !important;
  color: #07213c !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  margin-bottom: 0 !important;
  margin-bottom: initial !important;
  margin-top: 0 !important;
  margin-top: initial !important;
}
@media screen and (min-width: 768px) {
  .c-btn__text {
    font-size: min(1.125rem, 1.25vw) !important;
  }
}

.c-btn__arrow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  border-radius: 9999px !important;
  background: #326599 !important;
  width: 48px !important;
  width: 3rem !important;
  height: 48px !important;
  height: 3rem !important;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}
@media screen and (min-width: 768px) {
  .c-btn__arrow {
    width: min(3.5rem, 3.8888888889vw) !important;
    height: min(3.5rem, 3.8888888889vw) !important;
  }
}

.c-btn:hover .c-btn__arrow {
  width: 56px !important;
  width: 3.5rem !important;
  height: 56px !important;
  height: 3.5rem !important;
}
@media screen and (min-width: 768px) {
  .c-btn:hover .c-btn__arrow {
    width: min(4.25rem, 4.7222222222vw) !important;
    height: min(4.25rem, 4.7222222222vw) !important;
  }
}

.c-btn__arrow {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-btn__arrow img {
  aspect-ratio: 17/18;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 15px;
  width: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .c-btn__arrow img {
    width: min(1.0625rem, 1.1805555556vw);
  }
}

.c-btn:hover .c-btn__arrow {
  margin-left: 20px !important;
  margin-left: 1.25rem !important;
}

.c-btn--download {
  margin-left: auto;
  margin-right: auto;
}

.c-gradient {
  background: linear-gradient(45deg, #8EB5E0 0%, #CDCDFB 100%);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.c-gradient-bg {
  background: linear-gradient(45deg, #8EB5E0 0%, #CDCDFB 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.c-gradient-text {
  background: linear-gradient(45deg, #8EB5E0 0%, #CDCDFB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.c-gradient-lr {
  background: -webkit-gradient(linear, left top, right top, from(#F3F3FB), to(#9FBEE1));
  background: linear-gradient(to right, #F3F3FB 0%, #9FBEE1 100%);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.c-gradient-lr-bg {
  background: -webkit-gradient(linear, left top, right top, from(#F3F3FB), to(#9FBEE1));
  background: linear-gradient(to right, #F3F3FB 0%, #9FBEE1 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.c-gradient-lr-text {
  background: -webkit-gradient(linear, left top, right top, from(#F3F3FB), to(#9FBEE1));
  background: linear-gradient(to right, #F3F3FB 0%, #9FBEE1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.c-gradient-blue-purple {
  background: -webkit-gradient(linear, left top, right top, from(#3871B2), to(#D9D3F4));
  background: linear-gradient(to right, #3871B2 0%, #D9D3F4 100%);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.c-gradient-blue-purple-bg {
  background: -webkit-gradient(linear, left top, right top, from(#3871B2), to(#D9D3F4));
  background: linear-gradient(to right, #3871B2 0%, #D9D3F4 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.c-gradient-blue-purple-text {
  background: -webkit-gradient(linear, left top, right top, from(#3871B2), to(#D9D3F4));
  background: linear-gradient(to right, #3871B2 0%, #D9D3F4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.c-main-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: #363636;
}
@media screen and (min-width: 768px) {
  .c-main-text {
    font-size: 1.125rem;
    line-height: 1.75;
  }
}

.c-main-title__ja {
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: #07213c;
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-main-title__ja {
    font-size: 2rem;
  }
}

.c-main-title__en {
  position: relative;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #07213c;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 24px;
  padding-left: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-main-title__en {
    padding-left: 2.5rem;
    font-size: 1.25rem;
  }
}

.c-main-title__en::before {
  position: absolute;
  content: "";
  background: url(../images/common/main_title_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  aspect-ratio: 30/20;
  -o-object-fit: cover;
     object-fit: cover;
  width: 20px;
  width: 1.25rem;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px) {
  .c-main-title__en::before {
    width: 1.875rem;
  }
}

.c-page-title--ja {
  font-weight: 700;
  color: #07213c;
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .c-page-title--ja {
    font-size: min(2.5rem, 2.7777777778vw);
  }
}

.c-page-title--ja strong {
  color: #286FB9;
}

.c-page-title--en {
  margin-top: 12px;
  margin-top: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  color: #07213c;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .c-page-title--en {
    font-size: min(1.25rem, 1.3888888889vw);
  }
}

.c-page-title--en::before {
  position: absolute;
  content: "";
  background: url(../images/common/title_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: min(30px, 2.0833333333vw);
  width: min(1.875rem, 2.0833333333vw);
  height: min(20px, 1.3888888889vw);
  height: min(1.25rem, 1.3888888889vw);
  top: 50%;
  left: -38px;
  left: -2.375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-page-title--en::after {
  position: absolute;
  content: "";
  background: url(../images/common/title_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: min(30px, 2.0833333333vw);
  width: min(1.875rem, 2.0833333333vw);
  height: min(20px, 1.3888888889vw);
  height: min(1.25rem, 1.3888888889vw);
  top: 50%;
  right: -38px;
  right: -2.375rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

/* .c-subTitle {
  color: #326599;
  font-family: $second-font-family;
  line-height: 1;
  font-weight: 700;
  font-size: rem(20);
  @include mq(md) {
    font-size: rem(26);
  }
}
.c-subTitle strong {
  font-weight: 700;
} */
.c-subTitle {
  line-height: 1.5;
  font-weight: 700;
  color: #07213c;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-subTitle {
    font-size: min(2rem, 2.2222222222vw);
  }
}

.c-subTitle strong {
  background: linear-gradient(45deg, #8eb5e0 0%, #cdcdfb 100%);
  color: #fff;
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  font-weight: 600;
  padding: 4px 6px;
  padding: 0.25rem 0.375rem;
}
/*# sourceMappingURL=styles.css.map */









/* 20250930追加分 */
/* コンサルティング事業・講演会事業・会社紹介 パンくずリストの上余白調整 */
.page-id-101 .p-us__breadcrumbs ,.page-id-116 .p-us__breadcrumbs ,.page-id-285 .p-us__breadcrumbs {
	margin-top: 0.5rem;
}

/* 採用情報　パンくずリストの上余白調整 */
.page-id-279 .p-us__breadcrumbs ,.archive .p-us__breadcrumbs {
	margin-top: 2.0rem;
}

/* お知らせ・コラム・インタビューアーカイブと記事　パンくずリストの上余白調整 */
.archive .p-breadcrumbs ,.single-post .p-breadcrumbs ,.single-allcolumn .p-breadcrumbs ,.single-interview .p-breadcrumbs {
	margin-top: 1.5rem;
}

/* 検索結果　パンくずリストの上余白調整 */
.search-results .p-breadcrumbs {
	margin-top: 2.5rem;
}

/* 講演会事業ページ　パンくずリストの打消し線を消す */
  .page-id-116 .broken_link {
	text-decoration: none;
}

/* 採用情報ページ　h2の上余白調整 */
.p-recruit {
  padding-top: 0rem;
}

/* HubSpotフォームの余白調整 */
.page-id-383 .p-single__article ,.page-id-430 .p-single__article {
	padding:0;
}


@media screen and (min-width: 768px) {
/* 固定ページ メインコンテンツの余白調整 */
  .page-template-default .p-single__article {
	  padding: 0.1rem;
}

/* PCのコンサルティング事業・講演会事業ページ パンくずリストの上余白調整 */
  .page-id-101 .p-us__breadcrumbs ,.page-id-116 .p-us__breadcrumbs {
	  margin-top: 1.2rem;
}

/* PCのお知らせ・コラム・インタビュー記事　パンくずリストの上余白調整 */
.single-post .p-breadcrumbs ,.single-allcolumn .p-breadcrumbs ,.single-interview .p-breadcrumbs {
	margin-top: 2.5rem;
}
	
/* PCの採用情報　パンくずリストの上余白調整 */
.page-id-279 .p-us__breadcrumbs {
	margin-top: 2.5rem;
}
	
/* PCのお知らせ・コラム・インタビューアーカイブページ　パンくずリストの上余白調整 */
.archive .p-breadcrumbs {
	margin-top: 2.5rem;
}
}

/* スマホの英語h2のアイコンサイズ調整 */
@media screen and (max-width: 767px) {
  .c-page-title--en::before {
	  width: 20px;
	  height: 12px;
}

  .c-page-title--en::after {
	  width: 20px;
	  height: 12px;
}
}