@charset "UTF-8";
@font-face {
  font-family: "Bahnschrift";
  src: url("../fonts/BAHNSCHRIFT.TTF") format("truetype");
}
html {
  font-size: 100%;
}
@media (max-width: 1224px) {
  html {
    font-size: 1.3071895425vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 100%;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "MS Pゴシック", "游ゴシック", "Yu Gothic", sans-serif;
  color: #333;
}

a:hover,
button:hover {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  a,
  button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  a:hover,
  button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}

.js-fadeHead {
  opacity: 0;
  -webkit-transition: all 1.3s ease-in-out;
  transition: all 1.3s ease-in-out;
}

.js-fadein {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
}

/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

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

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

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

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

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

button {
  border: none;
  padding: 0;
  background-color: transparent;
  background-color: initial;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.l-column {
  padding-top: 4.0625rem;
  padding-bottom: 15.3125rem;
  display: grid;
  grid-template-columns: 41.875rem 17.5rem;
  -webkit-column-gap: 4.625rem;
     -moz-column-gap: 4.625rem;
          column-gap: 4.625rem;
}
@media screen and (max-width: 767px) {
  .l-column {
    padding-top: 3.125rem;
    padding-bottom: 9.375rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 3.75rem;
  }
}

.l-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1224px;
  padding-right: 6.25rem;
  padding-left: 6.25rem;
}
@media screen and (max-width: 767px) {
  .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.c-arrow {
  width: 1.875rem;
  height: 1.875rem;
  margin-left: 0.625rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.c-arrow--blue {
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.c-arrow--white {
  background: #fff;
}

a:hover .c-arrow {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media screen and (max-width: 767px) {
  a:hover .c-arrow {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.c-btn1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  line-height: 2;
  font-weight: 600;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-btn1 {
    font-size: 0.9375rem;
  }
}

.c-btn2 {
  padding-top: 1.1875rem;
  padding-bottom: 1.1875rem;
  padding-right: 1.1875rem;
  padding-left: 2.125rem;
  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;
  font-size: 1.125rem;
  font-weight: 300;
  border: 1px solid;
  -o-border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
     border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-image-slice: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .c-btn2 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: 1rem;
  }
}

.c-btn2--black {
  color: #333;
  background-color: #fff;
}

.c-btn2--white {
  color: #fff;
}

.c-btn2:hover {
  opacity: 1;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .c-btn2:hover {
    color: #333;
    background: transparent;
  }
}

@media screen and (max-width: 767px) {
  .c-btn2--white:hover {
    color: #fff;
    background: transparent;
  }
}

.c-btn3 {
  height: 4.3125rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .c-btn3 {
    height: 3.75rem;
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
    font-size: 0.9375rem;
  }
}

.c-btn4 {
  padding-top: 1.3125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.1875rem;
  padding-left: 2.125rem;
  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;
  font-size: 1.125rem;
  font-weight: 300;
  border: 1px solid #999;
}
@media screen and (max-width: 767px) {
  .c-btn4 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: 1rem;
  }
}

.c-btn4:hover {
  opacity: 1;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  -o-border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
     border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-image-slice: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .c-btn4:hover {
    color: #333;
    background: #fff;
  }
}

.c-btn4:hover .c-arrow {
  top: 28%;
}

.c-btn4__arrow {
  background: #999;
}

.c-btn4__arrow img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.c-category-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .c-category-btn {
    font-size: 0.9375rem;
  }
}

.c-category-btn__arrow {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.625rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.c-category-btn:hover .c-arrow {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media screen and (max-width: 767px) {
  .c-category-btn:hover .c-arrow {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.c-company-title {
  font-size: 2rem;
  line-height: 1.0666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-company-title {
    font-size: 1.5rem;
  }
}

.c-nav-card {
  height: 6.6875rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  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;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-nav-card {
    height: 5rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.c-nav-card::before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent url(../images/common/nav_mask.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
}

.c-nav-card--01 {
  background: transparent url(../images/common/nav_manshion-inspection.jpg) no-repeat center center/cover;
}

.c-nav-card--02 {
  background: transparent url(../images/common/nav_manshion-survey.jpg) no-repeat center center/cover;
}

.c-nav-card--03 {
  background: transparent url(../images/common/nav_gaiheki-maintenance.jpg) no-repeat center center/cover;
}

.c-nav-card--04 {
  background: transparent url(../images/common/nav_manshion-renovation.jpg) no-repeat center center/cover;
}

.c-nav-card--05 {
  background: transparent url(../images/common/nav_gaiheki-yanetosou.jpg) no-repeat center center/cover;
}

.c-nav-card--06 {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/08.jpg) no-repeat center center/cover;
}

.c-nav-card--07 {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/09.jpg) no-repeat center center/cover;
}

.c-nav-card--08 {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/10.jpg) no-repeat center center/cover;
}

.c-nav-card--09 {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/11.jpg) no-repeat center center/cover;
}

.c-nav-card--10 {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/12.jpg) no-repeat center center/cover;
}

.c-nav-card--11 {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/13.jpg) no-repeat center center/cover;
}

.c-nav-card--12 {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/14.jpg) no-repeat center center/cover;
}
.c-nav-card__detail {
  position: relative;
  z-index: 1;
}

.c-nav-card__number {
  font-size: 0.8125rem;
  color: #fff;
  line-height: 2.6923076923;
  line-height: 1.5;
  font-family: "Bahnschrift";
  font-weight: 700;
}

.c-nav-card__title {
  font-size: 1rem;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-nav-card__title {
    font-size: 0.9375rem;
  }
}

.c-nav-card__arrow {
  position: relative;
}

.c-number-card {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  padding-right: 1.875rem;
  padding-left: 1.875rem;
  background: #fff;
  display: grid;
  grid-template-columns: 3.75rem 1fr;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .c-number-card {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    grid-template-columns: 2.5rem 1fr;
  }
}

.c-number-card__number {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-number-card__number {
    font-size: 1.25rem;
  }
}

.c-number-card__text {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-number-card__text {
    font-size: 1.25rem;
  }
}

.c-qa-card {
  display: grid;
  grid-template-columns: 5rem 1fr;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .c-qa-card {
    grid-template-columns: 4.375rem 1fr;
  }
}

.c-qa-card__number {
  margin-top: 0.25rem;
  padding-left: 1.875rem;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-qa-card__number {
    font-size: 1.125rem;
  }
}

.c-qa-card__number::before {
  content: "";
  width: 0.75rem;
  height: 2px;
  background: #333;
  position: absolute;
  top: 0.5625rem;
  left: 0.625rem;
  z-index: 1;
}

.c-qa-card__number::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-radius: 50%;
  position: absolute;
  top: 0.125rem;
  left: 0;
}

.c-qa-card__head {
  padding-bottom: 1.375rem;
  padding-right: 0.625rem;
  padding-left: 0.75rem;
  border-bottom: 1px solid #333;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-qa-card__head {
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
  }
}

.c-qa-card__head::after {
  content: "";
  width: 1.75rem;
  height: 0.875rem;
  background: transparent url("../images/common/arrow_bottom_blue.png") no-repeat center center/100%;
  position: absolute;
  top: 0.9375rem;
  right: 0.625rem;
}
@media screen and (max-width: 767px) {
  .c-qa-card__head::after {
    width: 1.3125rem;
    height: 0.6875rem;
    top: 0.625rem;
    right: 0.3125rem;
  }
}

.c-qa-card__head.active::after {
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
}

.c-qa-card__question {
  padding-right: 1.5625rem;
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-qa-card__question {
    font-size: 0.9375rem;
  }
}

.c-qa-card__body {
  padding-top: 1rem;
  padding-right: 0.625rem;
  padding-left: 0.75rem;
}

.c-qa-card_answer {
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .c-qa-card_answer {
    font-size: 0.9375rem;
  }
}

.c-section-head1--center {
  text-align: center;
}

.c-section-head1--left {
  text-align: left;
}

.c-section-head1__title {
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-section-head1__title {
    font-size: 1.5rem;
  }
}

.c-section-title1 {
  text-align: center;
}

.c-section-title1__en {
  display: inline-block;
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.9444444444;
  letter-spacing: 0;
  font-family: "Bahnschrift";
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-section-title1__en {
    font-size: 1rem;
  }
}

.c-section-title1__ja {
  display: block;
  font-size: 2rem;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-section-title1__ja {
    font-size: 1.5rem;
  }
}

.c-section-title1--black .c-section-title1__en {
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.c-section-title1--white,
.c-section-title1--white .c-section-title1__en {
  color: #fff;
}

.c-service-card1 {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}

.c-service-card1__bg {
  position: relative;
}

.c-service-card1__bg::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.c-service-card1:hover .c-service-card1__bg::before {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .c-service-card1:hover .c-service-card1__bg::before {
    opacity: 1;
  }
}

.c-service-card1__bg img {
  width: 100%;
  aspect-ratio: 332/399;
}

.c-service-card1__inner {
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.c-service-card1__title {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-service-card1__title {
    font-size: 1.125rem;
  }
}

.c-service-card1__text {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  color: #fff;
  line-height: 2;
  font-weight: 600;
}

.c-service-card1__btn {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.c-service-card2__img img {
  width: 100%;
  aspect-ratio: 496/230;
}

.c-service-card2__detail {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-service-card2__detail {
    margin-top: 0.625rem;
  }
}

.c-service-card2__title {
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-service-card2__title {
    font-size: 1.125rem;
  }
}

.p-about-feature {
  padding-top: 7.625rem;
  padding-bottom: 10.125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-feature {
    padding-top: 5.3125rem;
    padding-bottom: 5rem;
  }
}

.p-about-feature::before {
  content: "";
  width: 18.3823529412%;
  aspect-ratio: 225/130;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
}

.p-about-feature__list {
  margin-top: 5.3125rem;
}
@media screen and (max-width: 767px) {
  .p-about-feature__list {
    margin-top: 2.8125rem;
  }
}

.p-about-message {
  margin-top: 3.8125rem;
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/05/about_bg-scaled.jpg) no-repeat center center/cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-message {
    margin-top: 3.75rem;
    background: transparent url(http://msp-group.jp/wp-content/uploads/2024/05/about_bg-scaled.jpg) no-repeat 60% center/cover;
  }
}

.p-about-message::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
}

.p-about-message__inner {
  position: relative;
  z-index: 1;
}

.p-about-message__wrap {
  padding-top: 5rem;
  padding-bottom: 7.125rem;
}
@media screen and (max-width: 767px) {
  .p-about-message__wrap {
    padding-top: 3.75rem;
    padding-bottom: 3.4375rem;
  }
}

.p-about-message__read {
  font-size: 1.875rem;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-about-message__read {
    font-size: 1.375rem;
  }
}

.p-about-message__text {
  margin-top: 3.125rem;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-about-message__text {
    margin-top: 1.875rem;
    font-size: 0.9375rem;
    text-align: left;
  }
}

.p-about-secret {
  padding-top: 6.8125rem;
  padding-bottom: 6.5rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-about-secret {
    padding-top: 5rem;
    padding-bottom: 3.75rem;
  }
}

.p-about-secret__title {
  color: #fff;
}

.p-about-secret__wrap {
  margin-top: 5.8125rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 6.25rem;
}
@media screen and (max-width: 767px) {
  .p-about-secret__wrap {
    margin-top: 3.75rem;
    row-gap: 3.75rem;
  }
}

.p-about-secret__item {
  padding-top: 3.75rem;
  padding-bottom: 2.8125rem;
  padding-left: 1.875rem;
  padding-left: 1.875rem;
  background: rgba(255, 255, 255, .4);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-about-secret__item {
    padding-top: 2.5rem;
    padding-bottom: 1.5625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-about-secret__en {
  font-size: 6.25rem;
  color: rgba(255, 255, 255, .58);
  line-height: 1;
  font-weight: 600;
  position: absolute;
  top: -2.25rem;
  right: -7.875rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-about-secret__en {
    font-size: 2.5rem;
    top: -1.1875rem;
    right: -1.25rem;
  }
}

.p-about-secret__read {
  font-size: 1.625rem;
  line-height: 1.3846153846;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-about-secret__read {
    font-size: 1.375rem;
  }
}

.p-about-secret__text {
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-about-secret__text {
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-access {
  padding-top: 6.25rem;
  padding-bottom: 16.25rem;
}
@media screen and (max-width: 767px) {
  .p-access {
    padding-top: 3.75rem;
    padding-bottom: 9.375rem;
  }
}

.p-access__wrap {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-access__wrap {
    margin-top: 1.25rem;
  }
}

.p-access__map iframe {
  width: 100%;
  height: 24.375rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-access__map iframe {
    height: 18.75rem;
  }
}

.p-access__detail {
  margin-top: 1.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-access__detail {
    margin-top: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-access__text {
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-access__text {
    font-size: 0.9375rem;
  }
}

.p-access__train {
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 300;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-access__train {
    margin-top: 0.3125rem;
    font-size: 0.9375rem;
  }
}

.p-access__train::before {
  content: "";
  width: 1rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  background: transparent url(../images/common/icon_train_blue.png) no-repeat center center/100%;
  display: inline-block;
}

.p-area {
  padding-top: 5.6875rem;
  padding-bottom: 12.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-area {
    padding-top: 4.375rem;
    padding-bottom: 5rem;
  }
}

.p-area--partner::before {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #ecf9fb;
  position: absolute;
  top: 0;
  left: 0;
}

.p-area__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-area__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-area__head {
  width: 30.76171875%;
  margin-top: 5.8125rem;
}
@media screen and (max-width: 767px) {
  .p-area__head {
    width: auto;
    margin-top: 0;
  }
}

.p-area__area {
  margin-top: 3.625rem;
}
@media screen and (max-width: 767px) {
  .p-area__area {
    margin-top: 2.5rem;
  }
}

.p-area__term {
  font-size: 1.375rem;
  line-height: 1.1;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-area__term {
    font-size: 1.125rem;
  }
}

.p-area__desc {
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-area__desc {
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-area__btn {
  min-height: 2.625rem;
  margin-top: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 1.375rem;
  padding-left: 1.375rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-area__btn {
    font-size: 0.9375rem;
  }
}

.p-area__text {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-area__text {
    margin-top: 1.5625rem;
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-area__body {
  width: 67.96875%;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-area__body {
    margin-top: 1.875rem;
    width: auto;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-area__map {
    max-width: 34.375rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-article figure {
  margin-top: 4.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-article figure {
    margin-top: 2.5rem;
  }
}

.p-article figure img {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-article p {
  margin-top: 4.0625rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-article p {
    margin-top: 2.5rem;
    font-size: 0.9375rem;
  }
}

.p-article ul,
.p-article ol {
  margin-top: 4.0625rem;
  counter-reset: number 0; /* number のカウンタを 0 にセット */
}
@media screen and (max-width: 767px) {
  .p-article ul,
  .p-article ol {
    margin-top: 2.5rem;
  }
}

.p-article ul li,
.p-article ol li {
  padding-left: 1.25rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-article ul li,
  .p-article ol li {
    padding-left: 1.125rem;
    font-size: 0.9375rem;
  }
}

.p-article ul li:nth-child(n+2),
.p-article ol li:nth-child(n+2) {
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .p-article ul li:nth-child(n+2),
  .p-article ol li:nth-child(n+2) {
    margin-top: 0.625rem;
  }
}

.p-article ul li::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #333;
  position: absolute;
  top: 0.9375rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-article ul li::before {
    top: 0.75rem;
  }
}

.p-article ol li::before {
  counter-increment: number 1; /* number カウンタの増加数をセット */
  content: counter(number) " "; /* 表示形式を指定 */
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-article ol li::before {
    font-size: 0.9375rem;
  }
}

.p-article a {
  display: inline;
  color: #ff0000;
  text-decoration: underline;
}

.p-breadcrumb {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-breadcrumb {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.p-breadcrumb__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-breadcrumb__inner ul li {
  margin-right: 0.3125rem;
  position: relative;
}

.p-breadcrumb__inner ul li:nth-child(n+2) {
  padding-left: 1.1875rem;
}

.p-breadcrumb__inner ul li:nth-child(n+2)::before {
  content: "＞";
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 300;
  position: absolute;
  top: 0;
  left: 0;
}

.p-breadcrumb__inner ul li a,
.p-breadcrumb__inner ul li span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 300;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-btn-area {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.p-btn-area__btn {
  width: 20rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 1.125rem;
  text-align: center;
  font-weight: 300;
  border: 1px solid #999;
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-btn-area__btn {
    font-size: 1rem;
  }
}

.p-btn-area__btn span {
  margin-left: 0;
  position: absolute;
  top: 50%;
  left: 1.25rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-business-about {
  padding-top: 3.75rem;
  padding-bottom: 8.4375rem;
}
@media screen and (max-width: 767px) {
  .p-business-about {
    padding-bottom: 5rem;
  }
}

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

.p-business-about__img {
  width: 43.0769230769%;
}
@media screen and (max-width: 767px) {
  .p-business-about__img {
    width: auto;
  }
}

.p-business-about__img img {
  width: 100%;
  aspect-ratio: 560/510;
}

.p-business-about__body {
  width: 46.5384615385%;
  margin-left: 8.4375rem;
  margin-top: 1.375rem;
  padding-left: 0.125rem;
}
@media screen and (max-width: 767px) {
  .p-business-about__body {
    width: auto;
    margin-left: 0;
    margin-top: 2.8125rem;
  }
}

.p-business-about__title {
  padding-bottom: 1.625rem;
  font-size: 1.875rem;
  line-height: 1.5;
  font-weight: 600;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .p-business-about__title {
    width: 94%;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-bottom: 0.625rem;
    font-size: 1.375rem;
  }
}

.p-business-about__read {
  margin-top: 2.1875rem;
  font-size: 1.5rem;
  color: #19a9e5;
  line-height: 2;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-business-about__read {
    margin-top: 1.875rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 1.25rem;
  }
}

.p-business-about__text {
  width: 88.3928571429%;
  margin-right: auto;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-business-about__text {
    width: auto;
    margin-top: 1.5625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 0.9375rem;
  }
}

.p-business-attention {
  padding-top: 9.6875rem;
  padding-bottom: 7.375rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-attention {
    padding-top: 6.25rem;
    padding-bottom: 4.0625rem;
  }
}

.p-business-attention::before {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-business-attention::before {
    width: 56%;
  }
}

.p-business-attention__inner {
  position: relative;
  z-index: 1;
}

.p-business-attention__read {
  font-size: 2rem;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-business-attention__read {
    font-size: 1.375rem;
  }
}

.p-business-attention__list {
  margin-top: 5.625rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .p-business-attention__list {
    margin-top: 3.125rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 2.8125rem;
  }
}

.p-business-card {
  position: relative;
}

.p-business-card__img {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-card__img {
    height: 31.25rem;
  }
}

@media screen and (max-width: 767px) {
  .p-business-card--01 .p-business-card__img {
    background: transparent url(../images/business/business_img01.jpg) no-repeat center center/cover;
  }
}

@media screen and (max-width: 767px) {
  .p-business-card--02 .p-business-card__img {
    background: transparent url(../images/business/business_img02.jpg) no-repeat center center/cover;
  }
}

@media screen and (max-width: 767px) {
  .p-business-card--03 .p-business-card__img {
    background: transparent url(../images/business/business_img03.jpg) no-repeat center center/cover;
  }
}

@media screen and (max-width: 767px) {
  .p-business-card--04 .p-business-card__img {
    background: transparent url(../images/business/business_img04.jpg) no-repeat center center/cover;
  }
}

@media screen and (max-width: 767px) {
  .p-business-card--05 .p-business-card__img {
    background: transparent url(../images/business/business_img05.jpg) no-repeat center center/cover;
  }
}

.p-business-card__img::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
}

.p-business-card__img img {
  width: 100%;
  aspect-ratio: 1300/440;
}
@media screen and (max-width: 767px) {
  .p-business-card__img img {
    display: none;
  }
}

.p-business-card__detail {
  padding-top: 5.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .p-business-card__detail {
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}

.p-business-card:nth-child(even) .p-business-card__detail {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-business-card:nth-child(even) .p-business-card__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-business-card__head {
  width: 60.546875%;
  padding-bottom: 3.625rem;
}
@media screen and (max-width: 767px) {
  .p-business-card__head {
    width: 100%;
    padding-bottom: 0;
  }
}

.p-business-card__title {
  font-size: 1.875rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-business-card__title {
    font-size: 1.375rem;
  }
}

.p-business-card:nth-child(even) .p-business-card__title {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-business-card:nth-child(even) .p-business-card__title {
    text-align: left;
  }
}

.p-business-card__text {
  margin-top: 3.5625rem;
  font-size: 1rem;
  color: #fff;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-business-card__text {
    font-size: 0.9375rem;
  }
}

.p-business-card:nth-child(even) .p-business-card__text {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-business-card:nth-child(even) .p-business-card__text {
    text-align: left;
  }
}

.p-business-card__body {
  width: 31.25%;
}
@media screen and (max-width: 767px) {
  .p-business-card__body {
    width: auto;
  }
}

.p-business-card:nth-child(odd) .p-business-card__body {
  margin-right: 2.9375rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-business-card:nth-child(odd) .p-business-card__body {
    margin-right: auto;
    margin-left: 0;
  }
}

.p-business-card:nth-child(even) .p-business-card__body {
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .p-business-card__btn {
    margin-top: 1.25rem;
    width: 18.75rem;
  }
}

.p-business-case {
  padding-top: 10.625rem;
  padding-bottom: 10.1875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-case {
    padding-top: 5.625rem;
    padding-bottom: 5rem;
  }
}

.p-business-case--white {
  background-color: #fff;
}

.p-business-case--white::before {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-business-case--white::before {
    width: 56%;
  }
}

.p-business-case--gray {
  background-color: #f6f6f6;
  overflow: hidden;
}

.p-business-case--gray::before {
  content: "";
  width: 166.1538461538%;
  aspect-ratio: 1680/890;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.p-business-case--gray::after {
  content: "";
  width: 65.3846153846%;
  aspect-ratio: 850/480;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.p-business-case__inner {
  position: relative;
  z-index: 1;
}

.p-business-case__list {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  row-gap: 5.25rem;
}
@media screen and (max-width: 767px) {
  .p-business-case__list {
    margin-top: 3.4375rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 2.8125rem;
  }
}

.p-business-case__list--wide {
  grid-template-columns: repeat(1, 1fr);
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 5.5625rem;
}
@media screen and (max-width: 767px) {
  .p-business-case__list--wide {
    row-gap: 2.8125rem;
  }
}

.p-business-case__list--wide .p-card3__img img {
  aspect-ratio: 1029/360;
}

.p-business-case__area {
  margin-top: 4.375rem;
  padding-top: 2.9375rem;
  padding-bottom: 2.875rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-business-case__area {
    margin-top: 3.125rem;
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-business-case__text {
  font-size: 1.125rem;
  text-align: center;
  line-height: 2.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-business-case__text {
    font-size: 1rem;
    text-align: left;
    line-height: 2.2;
  }
}

.p-business-defect {
  padding-top: 10.8125rem;
  padding-bottom: 9.375rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-defect {
    padding-top: 6.25rem;
    padding-bottom: 5rem;
  }
}

.p-business-defect::before {
  content: "";
  width: 34.6153846154%;
  aspect-ratio: 450/253;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}

.p-business-defect__inner {
  position: relative;
  z-index: 1;
}

.p-business-defect__list {
  margin-top: 5.3125rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-business-defect__list {
    margin-top: 3.125rem;
  }
}

.p-business-message {
  position: relative;
}

.p-business-message__img {
  position: relative;
}

.p-business-message__img::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(21, 47, 79, .4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.p-business-message--middle .p-business-message__img::after {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: rgba(232, 247, 252, .4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.p-business-message__img img {
  width: 100%;
}

.p-business-message--middle .p-business-message__img img {
  aspect-ratio: 1300/520;
}
@media screen and (max-width: 767px) {
  .p-business-message--middle .p-business-message__img img {
    height: 34.375rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-business-message--bottom .p-business-message__img img {
  aspect-ratio: 1300/605;
}
@media screen and (max-width: 767px) {
  .p-business-message--bottom .p-business-message__img img {
    height: 34.375rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-business-message__inner {
  text-align: center;
  position: absolute;
  top: 6.8125rem;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-business-message__inner {
    width: 96%;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}

.p-business-message__read {
  font-size: 1.875rem;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-business-message__read {
    font-size: 1.375rem;
    text-align: left;
  }
}

.p-business-message__read--left {
  text-align: left;
}

.p-business-message__read span {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
  color: #fff;
  text-align: left;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-business-message__read span {
    font-size: 1rem;
  }
}

.p-business-message__text {
  margin-top: 3.5rem;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-business-message__text {
    margin-top: 1.5625rem;
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-business-point {
  padding-top: 10.3125rem;
  padding-bottom: 11.125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-point {
    padding-top: 5rem;
    padding-bottom: 6.25rem;
  }
}

.p-business-point--01::before {
  content: "";
  width: 34.6153846154%;
  aspect-ratio: 450/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: #EDEDED;
  position: absolute;
  top: 0;
  right: 0;
}

.p-business-point--01.sr_non::before {
	content:"";
	display: none;
}

.p-business-point--02::after {
  content: "";
  width: 29.3846153846%;
  aspect-ratio: 382/225;
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 100%);
          clip-path: polygon(0 100%, 0 0, 100% 100%);
  background-color: #EDEDED;
  position: absolute;
  bottom: 0;
  left: 0;
}

.p-business-point--03::before {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}

.p-business-point__inner {
  position: relative;
  z-index: 1;
}

.p-business-point__read {
  margin-top: 3.125rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-business-point__read {
    margin-top: 2.8125rem;
    font-size: 0.9375rem;
  }
}

.p-business-point__list {
  margin-top: 4.5625rem;
}
@media screen and (max-width: 767px) {
  .p-business-point__list {
    margin-top: 2.8125rem;
  }
}

.p-business-step {
  padding-top: 7.6875rem;
  padding-bottom: 8.625rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-business-step {
    padding-top: 6.25rem;
    padding-bottom: 4.0625rem;
  }
}

.p-business-step--01 {
  background: #f6f6f6;
}

.p-business-step--02 {
  background: #f0f0f0;
}

.p-business-step--01::before {
  content: "";
  width: 221.5384615385%;
  aspect-ratio: 2680/1730;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.p-business-step--01::after {
  content: "";
  width: 65.3846153846%;
  aspect-ratio: 850/490;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.p-business-step--02::before {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: #f6f6f6;
  position: absolute;
  top: 0;
  right: 0;
}

.p-business-step__inner {
  position: relative;
  z-index: 1;
}

.p-business-step__list {
  margin-top: 5.0625rem;
}
@media screen and (max-width: 767px) {
  .p-business-step__list {
    margin-top: 2.8125rem;
  }
}

.p-business-step__item {
  position: relative;
}

.p-business-step__item:nth-child(n+2) {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-business-step__item:nth-child(n+2) {
    margin-top: 3.75rem;
  }
}

.p-business-step__area {
  margin-top: 10rem;
  padding-top: 3.4375rem;
  padding-bottom: 2.875rem;
  padding-right: 3.125rem;
  padding-left: 3.125rem;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-step__area {
    margin-top: 6.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2.1875rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-business-step__area--title {
  width: 100%;
  font-size: 1.875rem;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-business-step__area--title {
    font-size: 1.25rem;
  }
}

.p-business-step__area--text {
  font-size: 1.125rem;
  text-align: center;
  line-height: 2;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-business-step__area--text {
    font-size: 1rem;
    text-align: left;
  }
}

.p-business-trouble {
  padding-top: 9.6875rem;
  padding-bottom: 7.875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-trouble {
    padding-top: 6.25rem;
    padding-bottom: 5rem;
  }
}

.p-business-trouble::before {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}

.p-business-trouble__inner {
  position: relative;
  z-index: 1;
}

.p-business-trouble__head {
  text-align: center;
}

.p-business-trouble__title {
  display: inline-block;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-trouble__title {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 1.375rem;
  }
}

.p-business-trouble__title::before {
  content: "";
  width: 1px;
  height: 3.75rem;
  background: #333;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(-30deg) translate(0, -50%);
  -webkit-transform: rotate(-30deg) translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .p-business-trouble__title::before {
    height: 3.125rem;
  }
}

.p-business-trouble__title::after {
  content: "";
  width: 1px;
  height: 3.75rem;
  background: #333;
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(30deg) translate(0, -50%);
  -webkit-transform: rotate(30deg) translate(0, -50%);
}

.p-business-trouble__body {
  margin-top: 7.625rem;
}
@media screen and (max-width: 767px) {
  .p-business-trouble__body {
    margin-top: 2.8125rem;
  }
}

.p-business-trouble__wrap {
  display: grid;
  grid-template-columns: 26.25rem 1fr;
  -webkit-column-gap: 3.75rem;
     -moz-column-gap: 3.75rem;
          column-gap: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-business-trouble__wrap {
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .p-business-trouble__img {
    width: 90%;
    max-width: 25rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-business-trouble__list {
  margin-top: 0.4375rem;
}
@media screen and (max-width: 767px) {
  .p-business-trouble__list {
    margin-top: 0;
    width: 90%;
    max-width: 28.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.p-business-trouble__item {
  padding-left: 2.5rem;
  background: transparent url(../images/common/icon_check_blue.png) no-repeat left 0.1875rem;
  background-size: 1.5625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-business-trouble__item {
    padding-left: 1.875rem;
    background-size: 1.25rem;
  }
}

.p-business-trouble__item:nth-child(n+2) {
  margin-top: 2.1875rem;
}

.p-business-trouble__item:last-of-type {
	background: none;
}

@media screen and (max-width: 767px) {
  .p-business-trouble__item:nth-child(n+2) {
    margin-top: 1.25rem;
  }
}

.p-business-trouble__item span {
  display: block;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-business-trouble__item span {
    font-size: 1rem;
  }
}

.p-business-work {
  padding-top: 5.9375rem;
  padding-bottom: 5.9375rem;
  background: #e2f5fb;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-business-work {
    padding-top: 5rem;
    padding-bottom: 4.375rem;
  }
}

.p-business-work::before {
  content: "";
  width: 71.5384615385%;
  aspect-ratio: 930/542;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-business-work::before {
    width: 72%;
  }
}

.p-business-work::after {
  content: "";
  width: 65.3846153846%;
  aspect-ratio: 850/490;
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 100%);
          clip-path: polygon(0 100%, 0 0, 100% 100%);
  background-color: #eaf8fb;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-business-work::after {
    width: 66.6666666667%;
  }
}

.p-business-work__inner {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .p-business-case__title {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-business-case__title .c-section-head1__title {
    font-size: 1.25rem;
  }
}

.p-business-work__list {
  margin-top: 5.1875rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-business-work__list {
    margin-top: 3.75rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 3.75rem;
  }
}

.p-business-work__btn {
  margin-top: 6.25rem;
  width: 20rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-business-work__btn {
    margin-top: 5rem;
    width: 78.0487804878%;
  }
}

.p-business {
  padding-top: 3.75rem;
  padding-bottom: 19.6875rem;
}
@media screen and (max-width: 767px) {
  .p-business {
    padding-top: 2.8125rem;
    padding-bottom: 9.375rem;
  }
}

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

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

.p-card1__img {
  width: 48.4375%;
}
@media screen and (max-width: 767px) {
  .p-card1__img {
    width: 100%;
  }
}

.p-card1__img img {
  width: 100%;
  aspect-ratio: 496/331;
}

.p-card1:nth-child(even) .p-card1__body {
  margin-left: 2rem;
  margin-right: 4.0625rem;
}
@media screen and (max-width: 767px) {
  .p-card1:nth-child(even) .p-card1__body {
    margin-left: 0;
    margin-right: 0;
  }
}

.p-card1__body {
  width: 39.84375%;
  margin-left: 4.0625rem;
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .p-card1__body {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1.25rem;
  }
}

.p-card1__number {
  padding-left: 1.6875rem;
  font-size: 1.125rem;
  line-height: 1.9444444444;
  line-height: 1;
  letter-spacing: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-card1__number {
    font-size: 1rem;
  }
}

.p-card1__number::before {
  content: "";
  width: 0.75rem;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.p-card1__number::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-card1__title {
  margin-top: 0.5625rem;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-card1__title {
    font-size: 1.25rem;
  }
}

.p-card1__text {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 2;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-card1__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
  }
}

.p-card1__btn {
  margin-top: 1.25rem;
}

.p-card2__img img {
  width: 100%;
  aspect-ratio: 490/300;
}

.p-card2__text {
  margin-top: 1.875rem;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-card2__text {
    margin-top: 0.9375rem;
    font-size: 1rem;
  }
}

.p-card3__img img {
  width: 100%;
  aspect-ratio: 490/300;
}

.p-card3__body {
  padding-top: 1.9375rem;
}
@media screen and (max-width: 767px) {
  .p-card3__body {
    padding-top: 1.25rem;
  }
}

.p-card3__read {
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-card3__read {
    font-size: 1rem;
  }
}

.p-card3__text {
  margin-top: 1.0625rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-card3__text {
    margin-top: 0.75rem;
    font-size: 0.9375rem;
  }
}

.p-card4 {
  border: 1px solid #ccc;
}

.p-card4__head {
  height: 3.3125rem;
  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: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-card4__title {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-card4__title {
    font-size: 1.125rem;
  }
}

.p-card4__body {
  padding-top: 2.25rem;
  padding-bottom: 2.75rem;
  padding-right: 2.9375rem;
  padding-left: 2.9375rem;
  display: grid;
  grid-template-columns: 19.375rem 1fr;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-card4__body {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    grid-template-columns: 1fr;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
}

.p-card4__img img {
  width: 100%;
  aspect-ratio: 310/190;
}

.p-card4__text {
  margin-top: -1.375rem;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-card4__text {
    margin-top: 0.9375rem;
    font-size: 1rem;
  }
}

.p-card5__title {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-card5__title {
    font-size: 1.25rem;
  }
}

.p-card5__img {
  margin-top: 0.9375rem;
}

.p-card5__img img {
  width: 100%;
}

.p-card5__text {
  margin-top: 1.875rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-card5__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
  }
}

.p-card6 {
  border: 1px solid #ccc;
}

.p-card6__img img {
  width: 100%;
  aspect-ratio: 330/200;
}

.p-card6__body {
  padding-top: 1.75rem;
  padding-bottom: 2.0625rem;
  padding-right: 1.6875rem;
  padding-left: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .p-card6__body {
    padding-top: 1.25rem;
    padding-bottom: 1.5625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-card6__title {
  padding-left: 2.6875rem;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 600;
  background: transparent url(../images/common/icon_check_blue.png) no-repeat left center/1.5625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-card6__title {
    padding-left: 1.875rem;
    font-size: 1.375rem;
    background: transparent url(../images/common/icon_check_blue.png) no-repeat left center/1.25rem;
  }
}

.p-card6__text {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-card6__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
  }
}

.p-card7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-card7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-card7__date {
  width: 5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-card7__cate {
  min-width: 6.5rem;
  height: 2.5rem;
  margin-right: auto;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  font-weight: 300;
  background: #e8f7fc;
}
@media screen and (max-width: 767px) {
  .p-card7__cate {
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
  }
}

.p-card7__title {
  width: 67.9104477612%;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-card7__title {
    width: 100%;
    margin-top: 0.9375rem;
    font-size: 1rem;
  }
}

.p-category {
  padding-top: 4.1875rem;
}
@media screen and (max-width: 767px) {
  .p-category {
    padding-top: 2.8125rem;
  }
}

.p-category__wrap {
  padding-top: 2.5rem;
  padding-bottom: 3.125rem;
  padding-right: 1.9375rem;
  padding-left: 1.9375rem;
  background: #f0f0f0;
  display: grid;
  grid-template-columns: 1fr 48.6875rem;
  -webkit-column-gap: 3.875rem;
     -moz-column-gap: 3.875rem;
          column-gap: 3.875rem;
}
@media screen and (max-width: 767px) {
  .p-category__wrap {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    grid-template-columns: repeat(1, 1fr);
    -webkit-column-gap: 1.5625rem;
       -moz-column-gap: 1.5625rem;
            column-gap: 1.5625rem;
  }
}

.p-category__title {
  font-size: 1.5rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-category__title {
    font-size: 1.25rem;
  }
}

.p-category__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 15.25rem;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 2.5625rem;
}
@media screen and (max-width: 767px) {
  .p-category__list {
    margin-top: 1.25rem;
    grid-template-columns: repeat(1, 1fr);
    -webkit-column-gap: 0.9375rem;
       -moz-column-gap: 0.9375rem;
            column-gap: 0.9375rem;
    row-gap: 1.25rem;
  }
}

.p-chairman {
  padding-top: 4.0625rem;
  padding-bottom: 5.375rem;
  position: relative;
}

.p-chairman::after {
  content: "";
  width: 18.7908496732%;
  aspect-ratio: 230/130;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #eaf8fb;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-chairman::after {
    width: 46.6666666667%;
    aspect-ratio: 175/120;
  }
}

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

.p-chairman__message {
  margin-top: 2.125rem;
  padding-top: 6.75rem;
  padding-bottom: 7.375rem;
  background: transparent url(../images/company/chairman_bg.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-chairman__message {
    margin-top: 1.25rem;
    padding-top: 3.75rem;
    padding-bottom: 3.125rem;
    background: transparent url(../images/company/chairman_bg.png) no-repeat 22% center/cover;
  }
}

.p-chairman__message--read {
  font-size: 2.375rem;
  text-align: center;
  line-height: 1.8947368421;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-chairman__message--read {
    font-size: 1.75rem;
    line-height: 1.8;
  }
}

.p-chairman__body {
  padding-top: 2.9375rem;
}
@media screen and (max-width: 767px) {
  .p-chairman__body {
    padding-top: 1.5625rem;
  }
}

.p-chairman__text {
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-chairman__text {
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-chairman__text:nth-child(n+2) {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-chairman__text:nth-child(n+2) {
    margin-top: 1.5625rem;
  }
}

.p-chairman__name {
  margin-top: 2.1875rem;
  font-size: 1rem;
  text-align: right;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-chairman__name {
    margin-top: 1.5625rem;
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-company {
  padding-top: 5.9375rem;
  padding-bottom: 11rem;
}
@media screen and (max-width: 767px) {
  .p-company {
    padding-top: 2.8125rem;
    padding-bottom: 6.25rem;
  }
}

.p-company__link {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-company__link {
    margin-top: 1.875rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1.25rem;
  }
}

.p-company__linkItem {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-right: 1.25rem;
  padding-left: 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid;
  -o-border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
     border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-image-slice: 1;
  background: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-company__linkItem:hover {
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-company__linkItem:hover {
    background: #fff;
  }
}

.p-company__subtitle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 600;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.p-company__linkItem:hover .p-company__subtitle {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-company__linkItem:hover .p-company__subtitle {
    color: #333;
  }
}

.p-company__subtitle__en {
  margin-right: 0.625rem;
  font-size: 12px;
  line-height: 1;
  font-family: "Bahnschrift";
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-company__linkItem:hover .p-company__subtitle__en {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-company__linkItem:hover .p-company__subtitle__en {
    color: transparent;
  }
}

.p-company__arrow {
  margin-left: auto;
}

.p-contact-btn {
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#F24E2F), to(#F1A32E));
  background: linear-gradient(90deg, #F24E2F 0%, #F1A32E 100%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-contact-btn:hover {
  background: #fff;
  border: 1px solid;
  -o-border-image: linear-gradient(90deg, #F24E2F 0%, #F1A32E 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#F24E2F), to(#F1A32E));
     border-image: linear-gradient(90deg, #F24E2F 0%, #F1A32E 100%);
  border-image-slice: 1;
}

.p-contact-btn__inner {
  padding-top: 2.9375rem;
  padding-bottom: 2.9375rem;
  padding-right: 3.75rem;
  padding-left: 3.75rem;
  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;
}
@media screen and (max-width: 767px) {
  .p-contact-btn__inner {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-contact-btn__head {
  color: #fff;
}

.p-contact-btn:hover .p-contact-btn__head {
  background: -webkit-gradient(linear, left top, right top, from(#F24E2F), to(#F1A32E));
  background: linear-gradient(90deg, #F24E2F 0%, #F1A32E 100%);
  -webkit-background-clip: text;
  background-clip: text; /* テキストに対しても適用するために追加 */
  color: transparent; /* これによってテキストの色を透明にする代わりに、背景にグラデーションを適用します */
  display: inline-block;
}

.p-contact-btn__en {
  font-size: 1.125rem;
  line-height: 1.9444444444;
  font-family: "Bahnschrift";
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-contact-btn__en {
    font-size: 1rem;
  }
}

.p-contact-btn__ja {
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-contact-btn__ja {
    font-size: 1.5rem;
  }
}

.p-contact-btn__arrow {
  width: 3.75rem;
  height: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-contact-btn__arrow {
    width: 3.125rem;
    height: 3.125rem;
  }
}

.p-contact {
  padding-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-contact {
    padding-top: 2.8125rem;
  }
}

.p-contact__head {
  padding-bottom: 3.4375rem;
}
@media screen and (max-width: 767px) {
  .p-contact__head {
    padding-bottom: 2.8125rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-contact__read {
  font-size: 1rem;
  text-align: center;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-contact__read {
    font-size: 0.9375rem;
    text-align: left;
  }
}

.p-contact__body {
  padding-top: 1.5rem;
  padding-bottom: 2.875rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-contact__body {
    padding-top: 1.875rem;
    padding-bottom: 2.5rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-contact__text {
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  line-height: 2.3;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-contact__text {
    font-size: 1.125rem;
  }
}

.p-contact__box {
  margin-top: 1.25rem;
  width: 29.125rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2.5rem;
  padding-bottom: 1.75rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-contact__box {
    width: auto;
    max-width: 20.9375rem;
  }
}

.p-contact__wrap {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-contact__tel {
  padding-left: 4.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.625rem;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  position: relative;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-contact__tel {
    font-size: 1.625rem;
    pointer-events: visible;
  }
}

.p-contact__tel::before {
  content: "";
  width: 3.25rem;
  height: 3.25rem;
  background: transparent url(../images/common/icon_tel.png) no-repeat left center/100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-contact__guide {
  margin-top: 2.5rem;
  font-size: 0.875rem;
  text-align: center;
  color: #999999;
  line-height: 1.4;
  font-weight: 600;
}

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

.p-cta__inner {
  max-width: 53rem;
  position: relative;
}

.p-cta__btn {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-cta__btn {
    width: 90%;
  }
}

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

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

.p-feature-card__img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-feature-card__img {
    width: auto;
  }
}

.p-feature-card__img img {
  width: 100%;
  aspect-ratio: 650/345;
}

.p-feature-card__body {
  width: 50%;
  padding-top: 3.75rem;
  padding-right: 1.5625rem;
  padding-left: 8.75rem;
}
@media screen and (max-width: 767px) {
  .p-feature-card__body {
    width: auto;
    padding-top: 1.25rem;
    padding-bottom: 3.125rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-feature-card:nth-child(even) .p-feature-card__body {
  padding-right: 8.75rem;
  padding-left: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-feature-card:nth-child(even) .p-feature-card__body {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-feature-card__number {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
@media screen and (max-width: 767px) {
  .p-feature-card__number {
    font-size: 0.9375rem;
  }
}

.p-feature-card__title {
  margin-top: 0.3125rem;
  font-size: 1.375rem;
  line-height: 1.6363636364;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-feature-card__title {
    font-size: 1.125rem;
  }
}

.p-feature-card__text {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-feature-card__text {
    font-size: 0.9375rem;
  }
}

.p-feature {
  padding-top: 5.9375rem;
  padding-bottom: 6.5rem;
  position: relative;
  background: transparent url(../images/top/feature_bg_top.png) no-repeat left top/100% auto;
}
@media screen and (max-width: 767px) {
  .p-feature {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: transparent url(../images/top/feature_bg_top.png) no-repeat left top/200% auto;
  }
}

.p-feature__wrap {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-feature__wrap {
    margin-top: 2.5rem;
    row-gap: 2.8125rem;
  }
}

.p-flow {
  padding-top: 7.1875rem;
  padding-bottom: 10.625rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), color-stop(43.2950191571%, #f0f0f0), color-stop(43.2950191571%, #F8F8F8), color-stop(71.1366538953%, #F8F8F8), color-stop(71.1366538953%, #f0f0f0), to(#f0f0f0));
  background: linear-gradient(180deg, #f0f0f0 0%, #f0f0f0 43.2950191571%, #F8F8F8 43.2950191571%, #F8F8F8 71.1366538953%, #f0f0f0 71.1366538953%, #f0f0f0 100%);
}
@media screen and (max-width: 767px) {
  .p-flow {
    padding-top: 5.625rem;
    padding-bottom: 6.25rem;
    background: #f0f0f0;
  }
}

.p-flow__read {
  margin-top: 4.25rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 2;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-flow__read {
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-flow__wrap {
  margin-top: 6.875rem;
}
@media screen and (max-width: 767px) {
  .p-flow__wrap {
    margin-top: 3.75rem;
  }
}

.p-flow__list {
  display: grid;
  grid-template-columns: repeat(4, 15rem);
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-flow__list {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 1.875rem;
  }
}

.p-flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -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;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-flow__item {
    padding-top: 1.875rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), color-stop(80%, #F8F8F8), color-stop(80%, #f0f0f0), to(#f0f0f0));
    background: linear-gradient(180deg, #F8F8F8 0%, #F8F8F8 80%, #f0f0f0 80%, #f0f0f0 100%);
  }
}

.p-flow__item:not(:first-child)::before {
  content: "";
  width: 1.75rem;
  height: 0.875rem;
  background: transparent url(../images/common/arrow_bottom_blue.png) no-repeat center center/100%;
  position: absolute;
  top: 10%;
  left: -1.5625rem;
  transform: rotate(-90deg) translate(-50%, 0);
  -webkit-transform: rotate(-90deg) translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .p-flow__item:not(:first-child)::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-flow__item:nth-child(even):before {
    display: block;
    content: "";
    width: 1.75rem;
    height: 0.875rem;
    background: transparent url(../images/common/arrow_bottom_blue.png) no-repeat center center/100%;
    position: absolute;
    top: 30%;
    left: 0;
    transform: rotate(-90deg) translate(-50%, -50%);
    -webkit-transform: rotate(-90deg) translate(-50%, -50%);
  }
}

.p-flow__img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.p-flow__text {
  margin-top: 5.625rem;
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-flow__text {
    margin-top: 1.875rem;
    font-size: 1rem;
  }
}

.p-footer {
  background: #EDEDED;
}

.p-footer__head {
  padding-top: 10.625rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-footer__head {
    padding-top: 6.25rem;
    padding-bottom: 2.8125rem;
  }
}

.p-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-footer__head .p-footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-footer__detail {
  width: 27.05078125%;
}
@media screen and (max-width: 767px) {
  .p-footer__detail {
    width: auto;
  }
}

.p-footer__logo {
  width: 16.0625rem;
}

.p-footer__logo img {
  width: 100%;
  aspect-ratio: 257/44;
}

.p-footer__access {
  margin-top: 0.625rem;
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 600;
}

.p-footer__snsList {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-footer__snsItem {
  width: 1.25rem;
}

.p-footer__snsItem img {
  width: 100%;
  aspect-ratio: 1/1;
}

.p-footer__nav {
  width: 68.375%;
  margin-top: 0.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-footer__nav {
    width: auto;
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

.p-footer__nav a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .p-footer__nav a:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .p-footer__mainList {
    margin-top: 1.5625rem;
  }
}

.p-footer__mainItem--link {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-footer__mainItem--link {
    font-size: 0.9375rem;
  }
}

.p-footer__subParts:nth-child(n+2) {
  margin-top: 0.625rem;
}

@media screen and (max-width: 767px) {
  .p-footer__subParts:nth-child(odd) {
    margin-right: 2.8125rem;
  }
}

.p-footer__subtitle {
  padding-left: 0.8125rem;
  font-size: 0.875rem;
  line-height: 2.2857142857;
  font-weight: 600;
  position: relative;
}

.p-footer__subtitle:before {
  content: "";
  width: 0.5rem;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-footer__mainItem--plus .p-footer__subList {
  padding-left: 0.8125rem;
}

.p-footer__subItem--link {
  display: block;
  font-size: 0.875rem;
  line-height: 2;
  font-weight: 300;
}

.p-footer__bottom {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  background: #fff;
}

.p-footer__privacy {
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: 0;
  font-weight: 300;
}

.p-footer__copy {
  font-size: 12px;
  line-height: 2.5;
  letter-spacing: 0;
  font-family: "Bahnschrift";
  font-weight: 400;
}

.p-form-step__list {
  display: grid;
  grid-template-columns: repeat(3, 3rem);
  -webkit-column-gap: 7.1875rem;
     -moz-column-gap: 7.1875rem;
          column-gap: 7.1875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-form-step__list {
    -webkit-column-gap: 5.625rem;
       -moz-column-gap: 5.625rem;
            column-gap: 5.625rem;
  }
}

.p-form-step__item {
  padding-top: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 50%;
}

.p-form-step__item::before {
  content: "";
  width: 2.375rem;
  height: 2.375rem;
  background: #999;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 2;
}

.p-form-step__item:nth-child(n+2):after {
  content: "";
  width: 8.125rem;
  height: 4px;
  background: #999;
  position: absolute;
  top: 1.0625rem;
  left: -7.5rem;
}

.p-form-step__item--active::before {
  content: "";
  width: 2.375rem;
  height: 2.375rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-form-step__item--active:nth-child(n+2):after {
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-form-step__text {
  font-size: 1.125rem;
  color: #999;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-form-step__text {
    font-size: 1rem;
  }
}

.p-form-step__item--active .p-form-step__text {
  color: #333;
}

.p-form-step__item--active .p-form-step__text::after {
  content: "";
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background: #fff url(../images/contact/circle_blue.png) no-repeat center center/100%;
  position: absolute;
  top: -4.125rem;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 1;
}

.p-form {
  padding-top: 8.75rem;
  padding-bottom: 20rem;
}
@media screen and (max-width: 767px) {
  .p-form {
    padding-top: 5rem;
    padding-bottom: 11.25rem;
  }
}

.p-form__title {
  font-size: 2rem;
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-form__title {
    font-size: 1.5rem;
  }
}

.p-form__flow {
  margin-top: 5.9375rem;
}
@media screen and (max-width: 767px) {
  .p-form__flow {
    margin-top: 3.75rem;
  }
}

.p-form__list {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .p-form__list {
    margin-top: 5rem;
  }
}

.p-form__item:nth-child(n+2) {
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-form__item:nth-child(n+2) {
    margin-top: 2.8125rem;
  }
}

.p-form__head__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-form__head__title {
    font-size: 1rem;
  }
}

.p-form__body {
  width: 100%;
  margin-top: 0.6875rem;
  font-size: 0.8125rem;
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-form__body {
    margin-top: 0.375rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-form__detail {
  width: 100%;
}

.p-form__detail:nth-child(n+2) {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-form__detail:nth-child(n+2) {
    margin-top: 1.25rem;
  }
}

.p-form__detail p {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .p-form__detail p {
    font-size: 1rem;
  }
}

.p-form__detail--middle {
  width: 49.0234375%;
}
@media screen and (max-width: 767px) {
  .p-form__detail--middle {
    width: 100%;
  }
}

.p-form__supplement {
  display: block;
  margin-top: 0.9375rem;
  font-size: 0.875rem;
  color: #999;
  line-height: 1;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-form__supplement {
    margin-top: 0.625rem;
    line-height: 1.4;
  }
}

.p-form--confirm .p-form__body {
  width: 100%;
  padding-top: 0.75rem;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 0.8125rem;
  line-height: 1.8;
  border-top: 1px solid #ccc;
}

.required {
  position: relative;
}

.required::after {
  content: "※";
  display: inline-block;
  margin-left: 1.25rem;
  font-size: 1.125rem;
  color: #ff0000;
}

/*================================
Form Elements
================================*/
input[type=submit]::-moz-focus-inner {
  border: 0px;
  outline: none;
}

.p-form__body input.content {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.1875rem 0.625rem 0.1875rem 0;
}

.p-form__body input[type=text] {
  vertical-align: middle;
}

.p-form__body label {
  font-size: 0.875rem;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-form__body label {
    margin-top: -0.0625rem;
    font-size: 1rem;
    line-height: 2;
  }
}

.p-form__body input[type=radio] {
  height: auto;
  margin: 0;
  margin-right: 0.3125rem;
  position: relative;
}

.p-form__body span.radio {
  margin-right: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-form__body span.radio {
    margin-right: 0.9375rem;
    font-size: 0.8125rem;
  }
}

.p-form__body span.radio input {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-form__body span.radio input {
    width: 0.8125rem;
    height: 0.8125rem;
    margin-right: 0.375rem;
  }
}

.p-form__body span.radio label {
  font-size: 1rem;
  accent-color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-form__body span.radio label {
    font-size: 0.8125rem;
  }
}

.p-form__body input[type=text],
.p-form__body input[type=tel],
.p-form__body input[type=email],
.p-form__body textarea {
  width: 100%;
  min-width: 100%;
  color: #333;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 300;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-form__body input {
  height: 4.8125rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  .p-form__body input {
    height: 3.375rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.p-form__body textarea {
  height: 15.625rem;
  padding: 0.625rem 0.625rem 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-form__body textarea {
    min-height: 16.25rem;
  }
}

.p-form__body select {
  width: 100%;
  padding-top: 0.5625rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 0.875rem;
  color: #808895;
  line-height: 2;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/common/icon_select.png) 92% center no-repeat;
  background-size: 0.625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
@media screen and (max-width: 767px) {
  .p-form__body select {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 0.8125rem;
  }
}

.p-form__item--checkbox {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .p-form__item--checkbox {
    margin-top: 18px;
  }
}

.p-form__item--checkbox p {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-form__item--checkbox p:nth-child(n+2) {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .p-form__item--checkbox p:nth-child(n+2) {
    margin-top: 9px;
  }
}

.p-form__item--checkbox input[type=”checkbox”] {
  margin-right: 0.4375rem;
}

.wpcf7-form-control-wrap {
  display: block;
}

span.wpcf7-list-item {
  margin: 0 30px 0 0; /* 項目右側の余白設定と、デフォルトの左側の余白を打ち消す */
  position: relative;
}

.wpcf7-list-item-label {
  cursor: pointer; /* labelにhoverした時にカーソルを表示させる */
  font-size: 16px; /* 項目のフォントサイズ */
}

input[type=checkbox] {
  width: 1.3125rem;
  height: 1.3125rem;
}

.wpcf7 .wpcf7-submit:disabled {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .wpcf7 .wpcf7-submit:disabled {
    position: relative;
    z-index: 1;
  }
}

.wpcf7-submit:disabled {
  color: #333;
}

/****/
.wpcf7-checkbox .wpcf7-list-item-label::before {
  /* チェックボックスのデザイン */
  border: 1px solid #333;
  content: "";
  display: inline-block;
  width: 1.3125rem;
  height: 1.3125rem;
  position: relative;
  top: -1px;
  left: -1.875rem;
  vertical-align: middle;
}

input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  /* チェックアイコン */
  content: "";
  border-left: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
  width: 1.125rem;
  height: 0.5rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 0.3125rem;
  left: -2.0625rem;
}

input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  /* チェックしたボックスの背景色を設定 */
}

.p-form__detail .wpcf7-radio {
  display: block;
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-form__detail .wpcf7-radio {
    margin-top: 0.625rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.625rem;
  }
}

.p-form__detail .wpcf7-radio .wpcf7-list-item-label {
  display: block;
  font-size: 1rem;
}

.wpcf7-list-item {
  margin: 0;
  margin-right: 4.0625rem;
}
@media screen and (max-width: 767px) {
  .wpcf7-list-item {
    margin-right: 1.875rem;
  }
}

.p-form__privacy {
  margin-top: 4.75rem;
}
@media screen and (max-width: 767px) {
  .p-form__privacy {
    margin-top: 2.5rem;
  }
}

.p-form-read {
  font-size: 1rem;
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-form-read {
    font-size: 0.8125rem;
  }
}

.p-form-read a {
  text-decoration: underline;
}

.p-form__btn input[type=submit],
.p-form__btn input[type=button],
.p-form__btn button {
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.p-form__btn input[type=submit]:hover,
.p-form__btn input[type=button]:hover,
.p-form__btn button:hover {
  opacity: 1;
}

.p-form__btn {
  margin-top: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-form__btn {
    margin-top: 3.75rem;
    -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;
  }
}

.p-form__btn--prev,
.p-form__btn--send {
  width: 20rem;
  height: 4.375rem;
  text-align: center;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 1;
}
.p-form__btn--send:hover {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-form__btn--send:hover {
    color: #333;
    background: #fff;
  }
}

.p-form__btn--send::before {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background: transparent url(../images/common/arrow_right_white.svg) no-repeat center center/100%;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.p-form__btn--send::after {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  position: absolute;
  top: 50%;
  right: 1.375rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-form__btn--send:hover::after {
  width: 2.25rem;
  height: 2.25rem;
  right: 1.1875rem;
}

.p-form__btn--index::after {
  content: "";
  width: 1.1875rem;
  height: 1px;
  background: rgba(255, 255, 255, .4);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-form__btn .wpcf7-submit {
  display: block;
  width: 20rem;
  height: 4.375rem;
  padding-right: 2.125rem;
  padding-left: 2.125rem;
  font-size: 1.125rem;
  line-height: 1;
  text-align: left;
  font-weight: 300;
  border: 1px solid;
  -o-border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
     border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-image-slice: 1;
  background: #fff;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-form__btn .wpcf7-submit {
    font-size: 1rem;
    position: relative;
    z-index: 1;
  }
}

.p-form__btn .wpcf7-submit:hover {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-form__btn .wpcf7-submit:hover {
    color: #333;
    background: #fff;
  }
}

.p-form__btn .wpcf7-spinner {
  position: absolute;
  top: 0;
}

.p-form__btn--prev {
  margin-right: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-form__btn--prev {
    margin-bottom: 1.875rem;
    margin-right: 0;
  }
}

.p-form__btn--prev .wpcf7-previous {
  width: 100%;
  height: 4.375rem;
  font-size: 1.125rem;
  text-align: center;
  line-height: 1;
  font-weight: 300;
  border: 1px solid #333;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-form__btn--prev .wpcf7-previous {
    margin-top: 0.625rem;
  }
}

.p-form__policy {
  margin-top: 3.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-form__policy {
    margin-top: 2.5rem;
  }
}

.p-form__policy p {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.p-form__policy .wpcf7-not-valid-tip {
  width: 9.375rem;
  position: absolute;
  bottom: -1.875rem;
  left: 0;
  transform: translate(50%, 0);
  -webkit-transform: translate(50%, 0);
}

.p-form__policy .wpcf7-list-item {
  margin-right: 1.4375rem;
}
@media screen and (max-width: 767px) {
  .p-form__policy .wpcf7-list-item {
    margin-right: 0.625rem;
  }
}

.p-form__policy .wpcf7-list-item label {
  display: block;
}

.p-form__policy a {
  display: inline-block;
  position: relative;
}

.p-form__policy a::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #333;
  position: absolute;
  bottom: 0.3125rem;
  left: 0;
}

.p-form__area {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .p-form__area {
    margin-top: 3.75rem;
  }
}

.p-form__complete {
  font-size: 1.125rem;
  text-align: center;
  line-height: 2;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-form__complete {
    font-size: 1rem;
    text-align: left;
  }
}

.p-form__Topbtn {
  margin-top: 6.25rem;
  width: 20rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-form__Topbtn {
    margin-top: 5rem;
    width: 78.0487804878%;
  }
}

.p-header {
  width: 100%;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-header.bg {
  background: transparent url(http://msp-group.jp/wp-content/uploads/2024/06/mv_mask_blue.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-header.bg {
    background: #fff;
  }
}

.p-header__inner {
  height: 5rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  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;
}
@media screen and (max-width: 767px) {
  .p-header__inner {
    height: 3.75rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    background: #fff;
  }
}

.p-header__logo {
  width: 16.0625rem;
}
@media screen and (max-width: 767px) {
  .p-header__logo {
    width: 13.75rem;
    position: relative;
    z-index: 50;
  }
}

.p-header__logo img {
  width: 100%;
  aspect-ratio: 257/44;
}

.p-header__hamburger {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-header__hamburger {
    display: block;
    position: relative;
    z-index: 50;
  }
}

@media screen and (max-width: 767px) {
  .p-header__hamburger .line {
    width: 25px;
    height: 2px;
    display: block;
    background-color: #333;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .p-header__hamburger .line:nth-child(2),
  .p-header__hamburger .line:nth-child(3) {
    margin-top: 0.5rem;
  }
}

@media screen and (max-width: 767px) {
  .p-header__hamburger.active .line:nth-child(1) {
    -webkit-transform: translateY(0.6875rem) rotate(45deg);
            transform: translateY(0.6875rem) rotate(45deg);
  }
}

.p-header__hamburger.active .line:nth-child(2) {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .p-header__hamburger.active .line:nth-child(3) {
    -webkit-transform: translateY(-0.625rem) rotate(-45deg);
            transform: translateY(-0.625rem) rotate(-45deg);
  }
}

.p-header__nav {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-header__nav {
    width: 100%;
    height: 100vh;
    padding-bottom: 7.5rem;
    margin-top: 3.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    right: -120%;
    z-index: 10;
    -webkit-transition: right 0.5s;
    transition: right 0.5s;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 767px) {
  .p-header__nav.active {
    right: 0;
  }
}

.p-header__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-header__navList {
    width: 100%;
    margin-top: 1.875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-header__navItem {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-header__navItem {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-header__navItem:nth-child(n+2) {
  margin-left: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-header__navItem:nth-child(n+2) {
    margin-left: 0;
  }
}

.p-header__navItem--link {
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-header__navItem--link {
    display: block;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 0.9375rem;
    border-bottom: 1px solid #fff;
  }
}

@media screen and (max-width: 767px) {
  .p-header__navItem:first-child .p-header__navItem--link {
    border-top: 1px solid #fff;
  }
}

.p-header__navItem--link.js-nav {
  padding-right: 1.25rem;
}

.p-header__navItem--link.js-nav::after {
  content: "";
  width: 0.625rem;
  height: 0.375rem;
  background: transparent url(../images/common/arrow_bottom_white.svg) no-repeat center center/100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .p-header__navItem--link.js-nav::after {
    right: 1.25rem;
  }
}

.p-header__wrapper {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  right: -120%;
  z-index: 10;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
}
@media screen and (max-width: 767px) {
  .p-header__wrapper {
    height: auto;
    position: static;
  }
}

.p-header__wrapper.active {
  right: 0;
}

.p-header__detail {
  margin-top: 5rem;
  width: 50.6535947712%;
  margin-left: auto;
  height: 90vh;
  background: #fff;
  padding-top: 3.125rem;
  padding-bottom: 3.75rem;
  padding-right: 3.75rem;
  padding-left: 3.75rem;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .p-header__detail {
    width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    overflow-y: visible;
  }
}

.p-header__parts:nth-child(n+2) {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-header__parts:nth-child(n+2) {
    margin-top: 1.25rem;
  }
}

.p-header__subTitle {
  padding-left: 1.6875rem;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-header__subTitle {
    font-size: 1rem;
  }
}

a.p-header__subTitle:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  a.p-header__subTitle:hover {
    opacity: 1;
  }
}

.p-header__subTitle::before {
  content: "";
  width: 0.75rem;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.p-header__subTitle::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-header__subList {
  margin-top: 0.9375rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-header__subList {
    margin-top: 0.625rem;
    row-gap: 0.9375rem;
  }
}

.p-header__partner {
  margin-left: 2.6875rem;
}
@media screen and (max-width: 767px) {
  .p-header__partner {
    width: 100%;
    margin-top: 2.8125rem;
    margin-left: 0;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-header__partner a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1.375rem;
  padding-left: 1.4375rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
  border: 1px solid #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-header__partner a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9375rem;
  }
}

.p-header__contact {
  margin-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-header__contact {
    width: 100%;
    margin-top: 1.25rem;
    margin-left: 0;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-header__contact a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#F24E2F), to(#F1A32E));
  background: linear-gradient(90deg, #F24E2F 0%, #F1A32E 100%);
}
@media screen and (max-width: 767px) {
  .p-header__contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9375rem;
  }
}

.p-header__dropdown {
  width: 15.625rem;
  background: #fff;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
          box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
  position: absolute;
  top: 1.5625rem;
  left: 0;
  z-index: 100;
}

.p-header__dropdownItem a {
  display: block;
  padding: 10px 15px;
  font-size: 0.8rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.p-header__dropdownItem a:hover {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-history {
  padding-top: 7.0625rem;
  padding-bottom: 10rem;
  background: #f6f6f6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-history {
    padding-top: 5.625rem;
    padding-bottom: 5rem;
  }
}

.p-history::before {
  content: "";
  width: 81.2091503268%;
  aspect-ratio: 994/600;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-history::before {
    width: 53.3333333333%;
    aspect-ratio: 200/120;
  }
}

.p-history::after {
  content: "";
  width: 64.7058823529%;
  aspect-ratio: 792/460;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-history::after {
    width: 60%;
    aspect-ratio: 225/145;
  }
}

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

.p-history__list {
  margin-top: 3.4375rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.625rem;
}
@media screen and (max-width: 767px) {
  .p-history__list {
    row-gap: 1.25rem;
  }
}

.p-history__item {
  padding-top: 1.3125rem;
  padding-bottom: 1.4375rem;
  background: #fff;
  position: relative;
}

.p-history__item dl {
  display: grid;
  grid-template-columns: 13.875rem 1fr;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-history__item dl {
    grid-template-columns: 1fr;
    row-gap: 0.9375rem;
  }
}

.p-history__term {
  padding-left: 3.875rem;
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-history__term {
    padding-right: 2.1875rem;
    padding-left: 2.1875rem;
    font-size: 0.9375rem;
  }
}

.p-history__term::before {
  content: "";
  width: 1.875rem;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .p-history__term::before {
    width: 1.5625rem;
  }
}

.p-history__desc {
  padding-right: 2.1875rem;
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-history__desc {
    padding-right: 2.1875rem;
    padding-left: 2.1875rem;
    font-size: 0.9375rem;
  }
}

.p-merit-card {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  padding-right: 1.75rem;
  padding-left: 1.75rem;
  background: #fff;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 767px) {
  .p-merit-card {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-merit-card__inner {
  display: grid;
  grid-template-columns: 20.625rem 1fr;
  -webkit-column-gap: 3.75rem;
     -moz-column-gap: 3.75rem;
          column-gap: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-merit-card__inner {
    grid-template-columns: 1fr;
  }
}

.p-merit-card__img img {
  width: 100%;
  aspect-ratio: 330/234;
}

.p-merit-card__body {
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-merit-card__body {
    margin-top: 1.5625rem;
  }
}

.p-merit-card__number {
  font-size: 0.875rem;
  color: #18a8e6;
  line-height: 1;
  font-weight: 600;
}

.p-merit-card__title {
  margin-top: 0.9375rem;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-merit-card__title {
    font-size: 1.25rem;
  }
}

.p-merit-card__text {
  margin-top: 1.75rem;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-merit-card__text {
    margin-top: 1.25rem;
    font-size: 1rem;
  }
}

.p-merit {
  padding-top: 6.25rem;
  padding-bottom: 5.9375rem;
  background: #f6f6f6;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-merit {
    padding-top: 5rem;
    padding-bottom: 4.6875rem;
  }
}

.p-merit::before {
  content: "";
  width: 120%;
  aspect-ratio: 955/545;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.p-merit::after {
  content: "";
  width: 65.2307692308%;
  aspect-ratio: 848/485;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}

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

.p-merit__list {
  margin-top: 6.25rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .p-merit__list {
    margin-top: 2.8125rem;
    row-gap: 1.875rem;
  }
}

.p-mgb-card__head {
  display: grid;
  grid-template-columns: 1fr 22.5rem;
  -webkit-column-gap: 4.375rem;
     -moz-column-gap: 4.375rem;
          column-gap: 4.375rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .p-mgb-card__head {
    grid-template-columns: 1fr;
    row-gap: 1.25rem;
  }
}

.p-mgb-card__read {
  font-size: 1rem;
  color: #19a9e5;
  line-height: 1;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-mgb-card__read {
    font-size: 0.9375rem;
  }
}

.p-mgb-card__title {
  margin-top: 0.8125rem;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-mgb-card__title {
    margin-top: 0.5rem;
    font-size: 1.125rem;
  }
}

.p-mgb-card__link {
  padding-top: 1.0625rem;
  padding-bottom: 0.6875rem;
  padding-right: 1.25rem;
  padding-left: 3.125rem;
  font-size: 0.875rem;
  color: #999999;
  line-height: 1;
  font-weight: 300;
  background: #e8f7fc url(../images/common/icon_link_blue.png) no-repeat 1.25rem center/1.1875rem 1.1875rem;
  border-radius: 1.3125rem;
}
@media screen and (max-width: 767px) {
  .p-mgb-card__link {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2.5rem;
    background: #e8f7fc url(../images/common/icon_link_blue.png) no-repeat 0.9375rem center/1rem 1rem;
  }
}

.p-mgb:nth-of-type(even) .p-mgb-card__link {
  background: #fff url(../images/common/icon_link_blue.png) no-repeat 1.25rem center/1.1875rem 1.1875rem;
}
@media screen and (max-width: 767px) {
  .p-mgb:nth-of-type(even) .p-mgb-card__link {
    background: #fff url(../images/common/icon_link_blue.png) no-repeat 0.9375rem center/1rem 1rem;
  }
}

.p-mgb-card__img {
  margin-top: 1.125rem;
}
@media screen and (max-width: 767px) {
  .p-mgb-card__img {
    margin-top: 0.9375rem;
  }
}

.p-mgb-card__img img {
  width: 100%;
  height: auto;
}

.p-mgb-card__text {
  margin-top: 1.3125rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-mgb-card__text {
    margin-top: 0.9375rem;
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-mgb {
  padding-top: 5.125rem;
  padding-bottom: 5.9375rem;
  position: relative;
}

.p-mgb:nth-of-type(even) {
  background: #f6f6f6;
}

.p-mgb:last-child {
  padding-bottom: 17.1875rem;
}
@media screen and (max-width: 767px) {
  .p-mgb:last-child {
    padding-bottom: 9.375rem;
  }
}

.p-mgb:nth-of-type(even)::before {
  content: "";
  width: 60.7692307692%;
  aspect-ratio: 790/435;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.p-mgb:nth-of-type(even)::after {
  content: "";
  width: 64.6153846154%;
  aspect-ratio: 840/490;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}

#LEISURE::before,
#SHOP::before,
#CULTURE::before {
  content: "";
  width: 35.3846153846%;
  aspect-ratio: 460/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}

#ESTATE::after,
#LEISURE::after,
#SHOP::after {
  content: "";
  width: 39.2307692308%;
  aspect-ratio: 510/295;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #eaf8fb;
  position: absolute;
  bottom: 0;
  right: 0;
}

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

.p-mgb__head {
  padding-bottom: 1.5625rem;
  border-bottom: 1px solid #333;
}

.p-mgb__title {
  font-size: 1.875rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-mgb__title {
    font-size: 1.5rem;
  }
}

.p-mgb__body {
  margin-top: 3.9375rem;
  width: 78.125%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-mgb__body {
    margin-top: 2.8125rem;
    width: auto;
  }
}


.p-middle-cta {
  padding-top: 1.875rem;
  padding-bottom: 3.5625rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-middle-cta__inner {
  max-width: 62.1875rem;
}

.p-middle-cta__read {
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  line-height: 2.2222222222;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-middle-cta__read {
    font-size: 1rem;
  }
}

.p-middle-cta__wrap {
  margin-top: 0.8125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 2.1875rem;
     -moz-column-gap: 2.1875rem;
          column-gap: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .p-middle-cta__wrap {
    margin-top: 1.25rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1.875rem;
  }
}

.p-middle-cta__box {
  height: 8.6875rem;
  padding-top: 1.125rem;
  padding-bottom: 0.75rem;
  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;
  background: #fff;
}

.p-middle-cta__title {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 600;
}

.p-middle-cta__tel {
  margin-top: 0.75rem;
  font-size: 2.6875rem;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-middle-cta__tel {
    font-size: 2.125rem;
    pointer-events: visible;
  }
}

.p-middle-cta__text {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  color: #999;
  line-height: 1.5;
  font-weight: 600;
}

.p-middle-cta__mail {
  margin-top: 1.625rem;
  padding-left: 4.4375rem;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-middle-cta__mail {
    font-size: 1.25rem;
  }
}

.p-middle-cta__mail::before {
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  background: transparent url(../images/common/icon_mail.png) no-repeat left center/100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-mv__inner {
  position: relative;
}

.p-mv__inner::before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent url(../images/top/mv_mask.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.p-mv__swiper {
  position: relative;
}

.p-mv__img {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-mv__img {
    height: 34.375rem;
  }
}

.p-mv__img img {
  width: 100%;
  aspect-ratio: 1224/700;
}
@media screen and (max-width: 767px) {
  .p-mv__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.p-mv__slide {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-mv__slide {
    height: 30rem;
  }
}

.p-mv__slide::before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent url(../images/top/mv_mask_blue.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.p-mv__detail {
  width: 100%;
  max-width: 64rem;
  position: absolute;
  top: 19rem;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-mv__detail {
    width: 94%;
    top: auto;
    bottom: 4.8125rem;
  }
}

.p-mv__read {
  font-size: 2.5rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-mv__read {
    font-size: 1.6875rem;
  }
}

.p-mv__read .u-text-gradation {
  margin-right: 0.625rem;
  font-size: 4.375rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-mv__read .u-text-gradation {
    margin-right: 0.5rem;
    font-size: 1.875rem;
  }
}

.p-mv__read .u-text-gradation > em {
  font-size: 3.125rem;
  letter-spacing: -0.07em;
}
@media screen and (max-width: 767px) {
  .p-mv__read .u-text-gradation > em {
    font-size: 1.625rem;
  }
}

.p-mv__read em {
  display: inline-block;
  font-size: 3.75rem;
  letter-spacing: 0.05em;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .p-mv__read em {
    font-size: 2rem;
  }
}

.p-mv__text {
  margin-top: 1.625rem;
  font-size: 1.125rem;
  color: #fff;
  line-height: 1.9444444444;
  letter-spacing: 0;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-mv__text {
    margin-top: 0.9375rem;
    font-size: 1.0625rem;
  }
}

.p-mv__news {
  width: 48.7745098039%;
  position: absolute;
  bottom: 2.5rem;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-mv__news {
    width: 95%;
    bottom: -3.125rem;
    right: 0.625rem;
  }
}

.p-news-article__top {
  padding-bottom: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .p-news-article__top {
    padding-bottom: 0.625rem;
  }
}

.p-news-article__date {
  height: 2.5rem;
  margin-right: 0.625rem;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-news-article__cate {
  min-width: 6.5rem;
  height: 2.5rem;
  margin-right: auto;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  font-weight: 300;
  background: #e8f7fc;
}
@media screen and (max-width: 767px) {
  .p-news-article__cate {
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
  }
}

.p-news-article__title {
  width: 100%;
  margin-top: 1.25rem;
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-news-article__title {
    margin-top: 0.625rem;
    font-size: 1.25rem;
  }
}

.p-news-article__middle {
  padding-bottom: 4.6875rem;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .p-news-article__middle {
    padding-bottom: 2.8125rem;
  }
}

.p-news-article__bottom {
  margin-top: 4.6875rem;
}
@media screen and (max-width: 767px) {
  .p-news-article__bottom {
    margin-top: 2.8125rem;
  }
}

.p-news-article__btn {
  width: 47.7611940299%;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-news-article__btn {
    width: 20rem;
    margin-left: auto;
  }
}

.p-news-article__btn span {
  margin-left: 0;
  position: absolute;
  top: 50%;
  left: 1.25rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-news__item {
  padding-bottom: 2.1875rem;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .p-news__item {
    padding-bottom: 1.25rem;
  }
}

.p-news__item:nth-child(n+2) {
  margin-top: 2.375rem;
}
@media screen and (max-width: 767px) {
  .p-news__item:nth-child(n+2) {
    margin-top: 1.5625rem;
  }
}

.p-news__pagenation {
  margin-top: 8.625rem;
}
@media screen and (max-width: 767px) {
  .p-news__pagenation {
    margin-top: 5rem;
  }
}

.p-notfound {
  padding-top: 11.25rem;
  padding-bottom: 15.625rem;
}
@media screen and (max-width: 767px) {
  .p-notfound {
    padding-top: 5rem;
    padding-bottom: 11.25rem;
  }
}

.p-notfound__title {
  font-size: 2rem;
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-notfound__title {
    font-size: 1.25rem;
  }
}

.p-notfound__btn {
  margin-top: 3.75rem;
  width: 20rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 1.125rem;
  text-align: center;
  font-weight: 300;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-notfound__btn {
    font-size: 1rem;
  }
}

.p-page-link {
  padding-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-page-link {
    padding-top: 2.8125rem;
  }
}

.p-page-link__wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -webkit-column-gap: 1.0625rem;
     -moz-column-gap: 1.0625rem;
          column-gap: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .p-page-link__wrap {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
    row-gap: 0.9375rem;
  }
}

.p-pagination .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-pagination .current,
.p-pagination .page,
.p-pagination a {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid;
  -o-border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
     border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-image-slice: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-pagination .current,
  .p-pagination .page,
  .p-pagination a {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.p-pagination .current,
.p-pagination .page {
  margin-right: 0.4375rem;
  margin-left: 0.4375rem;
  font-size: 1.25rem;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-pagination .current,
  .p-pagination .page {
    margin-right: 0.3125rem;
    margin-left: 0.3125rem;
    font-size: 1.125rem;
  }
}

.p-pagination .current {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-pagination .page {
  color: #333;
}

.p-pagination a img {
  width: 1rem;
  height: 0.5rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-pagination a img {
    width: 1rem;
    height: 0.5rem;
  }
}

.p-pagination a.previouspostslink img {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.p-pagination a.nextpostslink img {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.p-partner-company {
  padding-top: 10.625rem;
  padding-bottom: 5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-partner-company {
    padding-top: 5.625rem;
    padding-bottom: 3.75rem;
  }
}

.p-partner-company::before {
  content: "";
  width: 35.2941176471%;
  aspect-ratio: 432/250;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-partner-company::before {
    width: 40%;
  }
}

.p-partner-company__inner {
  position: relative;
  z-index: 1;
}

.p-partner-company__list {
  margin-top: 4.9375rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 1.375rem;
     -moz-column-gap: 1.375rem;
          column-gap: 1.375rem;
  row-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-partner-company__list {
    margin-top: 2.1875rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1.25rem;
  }
}

.p-partner-company__card {
  height: 9.1875rem;
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #c9ebf9;
}
@media screen and (max-width: 767px) {
  .p-partner-company__card {
    height: 5.625rem;
  }
}

.p-partner-company__name {
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-partner-company__name {
    font-size: 1rem;
  }
}

.p-partner-message {
  margin-top: 4.1875rem;
  padding-top: 5.625rem;
  padding-bottom: 3.25rem;
  background: transparent url(../images/partner/message.jpg) no-repeat center center/cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-partner-message {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    background: transparent url(../images/partner/message.jpg) no-repeat 67% center/cover;
  }
}

.p-partner-message::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(186, 235, 255, .6);
  position: absolute;
  top: 0;
  left: 0;
}

.p-partner-message::after {
  content: "";
  width: 26.5384615385%;
  aspect-ratio: 345/200;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background: rgba(186, 235, 255, .3);
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-partner-message::after {
    width: 50.6666666667%;
    aspect-ratio: 345/200;
  }
}

.p-partner-message__inner {
  position: relative;
  z-index: 1;
}

.p-partner-message__read {
  font-size: 1.875rem;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-partner-message__read {
    font-size: 1.375rem;
  }
}

.p-partner-message__text {
  margin-top: 3rem;
  font-size: 1rem;
  text-align: center;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-partner-message__text {
    font-size: 0.9375rem;
    text-align: left;
    line-height: 2;
  }
}

.p-partner {
  margin-bottom: 11.875rem;
  background: transparent url(../images/top/partner_bg.jpg) no-repeat center center/cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-partner {
    margin-bottom: 7.5rem;
  }
}

.p-partner::before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent url(../images/top/partner_mask.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
}

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

.p-partner__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-partner__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.8125rem;
  }
}

.p-partner__img {
  margin-top: -3.75rem;
  width: 39.84375%;
}
@media screen and (max-width: 767px) {
  .p-partner__img {
    margin-top: 0;
    width: auto;
  }
}

.p-partner__img img {
  width: 100%;
  aspect-ratio: 408/475;
}

.p-partner__detail {
  width: 54.296875%;
  padding-top: 5.4375rem;
  padding-bottom: 4.5625rem;
}
@media screen and (max-width: 767px) {
  .p-partner__detail {
    width: auto;
    padding-top: 1.25rem;
    padding-bottom: 2.8125rem;
  }
}

.p-partner__head {
  color: #fff;
}

.p-partner__read {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-partner__read {
    font-size: 1.25rem;
  }
}

.p-partner__title {
  font-size: 2.625rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-partner__title {
    font-size: 2.125rem;
    line-height: 1.8;
  }
}

.p-partner__text {
  margin-top: 1.25rem;
  font-size: 1rem;
  color: #fff;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-partner__text {
    font-size: 0.9375rem;
  }
}

.p-partner__btn {
  margin-top: 2.3125rem;
  color: #fff;
}

.p-patner-help {
  padding-top: 10.5rem;
  padding-bottom: 8.5625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-patner-help {
    padding-top: 6.25rem;
    padding-bottom: 4.0625rem;
  }
}

.p-patner-help::before {
  content: "";
  width: 34.7692307692%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #ecf9fb;
  position: absolute;
  top: 0;
  left: 0;
}

.p-patner-help__inner {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .p-patner-help__title h3 {
    font-size: 1.375rem;
  }
}

.p-patner-help__list {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  row-gap: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-patner-help__list {
    margin-top: 2.5rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 2.1875rem;
  }
}

.p-performance {
  padding-top: 6.75rem;
  padding-bottom: 7rem;
  background: #f6f6f6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-performance {
    padding-top: 4.0625rem;
    padding-bottom: 5rem;
  }
}

.p-performance::before {
  content: "";
  width: 100%;
  aspect-ratio: 1300/770;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.p-performance::after {
  content: "";
  width: 65.2307692308%;
  aspect-ratio: 848/485;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-performance::after {
    width: 44%;
  }
}

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

.p-performance__wrap {
  padding-top: 3.4375rem;
  padding-bottom: 6.5625rem;
  padding-right: 2.8125rem;
  padding-left: 2.5625rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-performance__wrap {
    padding-top: 3.75rem;
    padding-bottom: 3.4375rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-performance__box:nth-child(n+2) {
  margin-top: 8.4375rem;
}
@media screen and (max-width: 767px) {
  .p-performance__box:nth-child(n+2) {
    margin-top: 5.625rem;
  }
}

.p-performance__title {
  margin-bottom: 4.8125rem;
  font-size: 2rem;
  text-align: center;
  line-height: 1.0666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-performance__title {
    margin-bottom: 2.8125rem;
    font-size: 1.5rem;
  }
}

.p-performance__title span {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-performance__title span {
    font-size: 0.9375rem;
  }
}

.p-performance__head {
  display: grid;
  grid-template-columns: 1fr 28.875rem;
  -webkit-column-gap: 6.25rem;
     -moz-column-gap: 6.25rem;
          column-gap: 6.25rem;
}
@media screen and (max-width: 767px) {
  .p-performance__head {
    grid-template-columns: 1fr;
    row-gap: 1.875rem;
  }
}

.p-performance__area {
  margin-top: 1.375rem;
}
@media screen and (max-width: 767px) {
  .p-performance__area {
    margin-top: 0;
  }
}

.p-performance__subtitle {
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-performance__subtitle {
    font-size: 1.25rem;
  }
}

.p-performance__year {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-performance__year {
    margin-top: 0.9375rem;
    font-size: 0.9375rem;
  }
}

.p-performance__value {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .p-performance__value {
    font-size: 1.125rem;
  }
}

.p-performance__value span {
  margin-right: 0.625rem;
  font-size: 5.625rem;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-performance__value span {
    font-size: 3.125rem;
  }
}

.p-performance__list {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-performance__list {
    margin-top: 1.25rem;
  }
}

.p-performance__item {
  padding-top: 0.75rem;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .p-performance__item {
    padding-top: 0.5rem;
    padding-bottom: 0.1875rem;
  }
}

.p-performance__item dl {
  display: grid;
  grid-template-columns: 1fr 7.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .p-performance__item dl {
    grid-template-columns: 1fr 6.625rem;
  }
}

.p-performance__term {
  font-size: 1.375rem;
  text-align: right;
  line-height: 1.6363636364;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-performance__term {
    font-size: 1.125rem;
  }
}

.p-performance__desc {
  font-size: 1.375rem;
  text-align: right;
  line-height: 1.6363636364;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-performance__desc {
    margin-left: 1.25rem;
    font-size: 1.125rem;
  }
}

.p-performance__supplement {
  display: block;
  font-size: 0.875rem;
  text-align: right;
  line-height: 1.5;
  font-weight: 300;
}

.p-performance__bottom {
  margin-top: 7.0625rem;
}
@media screen and (max-width: 767px) {
  .p-performance__bottom {
    margin-top: 4.0625rem;
  }
}

.p-performance__btn {
  width: 35.7601713062%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.9375rem;
  padding-bottom: 1.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-performance__btn {
    width: 80%;
    padding-top: 1.5rem;
    padding-bottom: 1.375rem;
    font-size: 1rem;
  }
}

.p-performance__text {
  margin-top: 2.625rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-performance__text {
    margin-top: 1.875rem;
    font-size: 0.9375rem;
  }
}

.p-performance__grid {
  margin-top: 3.3125rem;
  display: grid;
  grid-template-columns: 26.25rem 1fr;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-performance__grid {
    grid-template-columns: 1fr;
    row-gap: 0.9375rem;
  }
}

.p-performance__grid--img img {
  width: 100%;
  aspect-ratio: 420/300;
}

.p-performance__grid--text {
  margin-top: -0.6875rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-performance__grid--text {
    margin-top: 0;
    font-size: 0.9375rem;
  }
}

.p-point-card {
  padding-bottom: 2.75rem;
  display: grid;
  grid-template-columns: 5.5625rem 1fr;
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .p-point-card {
    padding-bottom: 1.5625rem;
    grid-template-columns: 4.375rem 1fr;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
}

.p-point-card--nogrid {
  grid-template-columns: 1fr;
}

.p-point-card:nth-child(n+2) {
  margin-top: 4.0625rem;
}
@media screen and (max-width: 767px) {
  .p-point-card:nth-child(n+2) {
    margin-top: 1.25rem;
  }
}

.p-point-card__number {
  width: 5.5625rem;
  height: 5.5625rem;
  color: #fff;
  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;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}
@media screen and (max-width: 767px) {
  .p-point-card__number {
    width: 4.375rem;
    height: 4.375rem;
  }
}

.p-point-card__number--en {
  margin-top: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 300;
}

.p-point-card__number--text {
  margin-top: 0.375rem;
  font-size: 1.875rem;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-point-card__number--text {
    font-size: 1.375rem;
  }
}

.p-point-card__detail {
  padding-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-point-card__detail {
    padding-top: 1.25rem;
  }
}

.p-point-card__title {
  margin-bottom: 1.1875rem;
  font-size: 1.375rem;
  line-height: 1.3636363636;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-point-card__title {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
  }
}

.p-point-card__text {
  margin-left: 0.4375rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-point-card__text {
    margin-left: 0.3125rem;
    font-size: 0.9375rem;
  }
}

.p-president {
  padding-top: 7.0625rem;
  padding-bottom: 8.875rem;
  background: #f6f6f6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-president {
    padding-top: 4.0625rem;
    padding-bottom: 4.375rem;
  }
}

.p-president::before {
  content: "";
  width: 81.2091503268%;
  aspect-ratio: 994/600;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-president::before {
    width: 53.3333333333%;
    aspect-ratio: 200/120;
  }
}

.p-president::after {
  content: "";
  width: 63.0718954248%;
  aspect-ratio: 772/460;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-president::after {
    width: 60%;
    aspect-ratio: 225/145;
  }
}

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

.p-president__message {
  margin-top: 2.75rem;
  padding-top: 4.875rem;
  padding-bottom: 5.125rem;
  background: transparent url(../images/company/president_bg.png) no-repeat center center/cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-president__message {
    margin-top: 1.25rem;
    padding-top: 2.8125rem;
    padding-bottom: 12.1875rem;
    background: transparent url(../images/company/president_bg.png) no-repeat 33% center/cover;
  }
}

.p-president__message--img {
  width: 27.9296875%;
  position: absolute;
  top: 0;
  left: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-president__message--img {
    width: 9.0625rem;
    top: auto;
    bottom: 0;
    left: 0.625rem;
  }
}

.p-president__message--img img {
  width: 100%;
  aspect-ratio: 266/344;
}

.p-president__message--area {
  width: 26.25rem;
  margin-right: 2.8125rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-president__message--area {
    width: 90%;
    margin-right: 0.625rem;
  }
}

.p-president__message--read {
  font-size: 1.75rem;
  line-height: 1.7142857143;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-president__message--read {
    font-size: 1.125rem;
  }
}

.p-president__message--text {
  margin-top: 2.625rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-president__message--text {
    margin-top: 1.25rem;
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-president__body {
  margin-top: 1.5625rem;
}

.p-president__text {
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-president__text {
    font-size: 0.9375rem;
    line-height: 2;
  }
}

.p-privacy {
  padding-top: 3.9375rem;
  padding-bottom: 15.625rem;
}
@media screen and (max-width: 767px) {
  .p-privacy {
    padding-top: 2.8125rem;
    padding-bottom: 9.375rem;
  }
}

.p-privacy__title {
  font-size: 2rem;
  text-align: center;
  line-height: 1.0666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-privacy__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.p-privacy__read {
  margin-top: 5.8125rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-privacy__read {
    margin-top: 2.5rem;
    font-size: 0.9375rem;
  }
}

.p-privacy__wrap {
  margin-top: 5.25rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 4.75rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__wrap {
    margin-top: 2.5rem;
    row-gap: 2.5rem;
  }
}

.p-privacy__subtitle {
  padding-left: 2.6875rem;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-privacy__subtitle {
    padding-left: 1.875rem;
    font-size: 1rem;
  }
}

.p-privacy__subtitle::before {
  content: "";
  width: 0.75rem;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.p-privacy__subtitle::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-privacy__text {
  margin-top: 0.9375rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-privacy__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
  }
}

.p-privacy__list {
  margin-top: 2.75rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__list {
    margin-top: 1.875rem;
  }
}

.p-privacy__item:nth-child(n+2) {
  margin-top: 1.625rem;
}

.p-privacy__term {
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-privacy__term {
    font-size: 0.9375rem;
  }
}

.p-privacy__desc {
  margin-top: 0.3125rem;
  margin-left: 2.75rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-privacy__desc {
    margin-left: 2.5rem;
    font-size: 0.9375rem;
    line-height: 1.8;
  }
}

.p-profile {
  padding-top: 9.6875rem;
  padding-bottom: 9.0625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-profile {
    padding-top: 5rem;
    padding-bottom: 4.0625rem;
  }
}

.p-profile::before {
  content: "";
  width: 36.9281045752%;
  aspect-ratio: 452/262;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}

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

.p-profile__list {
  margin-top: 3.3125rem;
}
@media screen and (max-width: 767px) {
  .p-profile__list {
    margin-top: 1.875rem;
  }
}

.p-profile__item {
  padding-top: 2.0625rem;
  padding-bottom: 2.0625rem;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 767px) {
  .p-profile__item {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}

.p-profile__item dl {
  display: grid;
  grid-template-columns: 15.625rem 1fr;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-profile__item dl {
    grid-template-columns: 1fr;
    row-gap: 0.625rem;
  }
}

.p-profile__term {
  font-size: 1.25rem;
  line-height: 1.75;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-profile__term {
    font-size: 1.125rem;
  }
}

.p-profile__desk {
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-profile__desk {
    font-size: 0.9375rem;
  }
}

.p-qa {
  padding-top: 6.75rem;
  padding-bottom: 7.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-qa {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.p-qa:nth-of-type(even) {
  background: #e2f5fb;
}

.p-qa:last-child {
  padding-bottom: 19.6875rem;
}
@media screen and (max-width: 767px) {
  .p-qa:last-child {
    padding-bottom: 9.375rem;
  }
}

.p-qa:nth-of-type(even)::before {
  content: "";
  width: 61.6830065359%;
  aspect-ratio: 755/445;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-qa:nth-of-type(even)::before {
    width: 65.3333333333%;
    aspect-ratio: 245/190;
  }
}

.p-qa:nth-of-type(even)::after {
  content: "";
  width: 65.3594771242%;
  aspect-ratio: 800/490;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #eaf8fb;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-qa:nth-of-type(even)::after {
    width: 57.3333333333%;
    aspect-ratio: 215/200;
  }
}

.p-qa:nth-of-type(2n+1):nth-of-type(n+2)::before {
  content: "";
  width: 34.6405228758%;
  aspect-ratio: 424/253;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-qa:nth-of-type(2n+1):nth-of-type(n+2)::before {
    width: 42.6666666667%;
    aspect-ratio: 160/135;
  }
}

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

.p-qa__title {
  font-size: 2rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-qa__title {
    font-size: 1.5rem;
  }
}

.p-qa__list {
  margin-top: 4.375rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .p-qa__list {
    margin-top: 2.5rem;
  }
}

.p-service {
  padding-top: 6rem;
  padding-bottom: 6.25rem;
  position: relative;
  background: transparent url(../images/top/service_bg_bottom.png) no-repeat left bottom/100% auto;
}
@media screen and (max-width: 767px) {
  .p-service {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
    background: transparent url(../images/top/service_bg_bottom.png) no-repeat left bottom/80% auto;
  }
}

.p-service::before {
  content: "";
  width: 100%;
  height: 24.6875rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  position: absolute;
  top: 0;
  left: 0;
}

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

.p-service__body {
  margin-top: 1.8125rem;
}
@media screen and (max-width: 767px) {
  .p-service__body {
    margin-top: 2.1875rem;
  }
}

.p-service__box:nth-child(n+2) {
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-service__box:nth-child(n+2) {
    margin-top: 2.8125rem;
  }
}

.p-service__subtitle {
  padding-left: 2rem;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-service__subtitle {
    font-size: 1.25rem;
  }
}

.p-service__subtitle::before {
  content: "";
  width: 0.75rem;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.p-service__subtitle::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-service__box--inspection .p-service__subtitle {
  color: #fff;
}

.p-service__box--inspection .p-service__subtitle::after {
  background: #fff;
}

.p-service__box--reform .p-service__subtitle::after,
.p-service__box--leisure .p-service__subtitle::after {
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-service__list1 {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 0.875rem;
     -moz-column-gap: 0.875rem;
          column-gap: 0.875rem;
}
@media screen and (max-width: 767px) {
  .p-service__list1 {
    margin-top: 0.625rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.9375rem;
  }
}

.p-service__list2 {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-service__list2 {
    margin-top: 0.625rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1.25rem;
  }
}

.p-side:nth-child(n+2) {
  margin-top: 2.8125rem;
}

.p-side__head {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
}

.p-side__title {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-side__title {
    font-size: 1.25rem;
  }
}

.p-side__body {
  margin-top: 1.875rem;
}

.p-side__list {
  padding-left: 0.1875rem;
}

.p-side__list .cat-item {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-side__list .cat-item {
    font-size: 0.9375rem;
  }
}

.p-side__list .cat-item:nth-child(n+2) {
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-side__list .cat-item:nth-child(n+2) {
    margin-top: 0.9375rem;
  }
}

.p-side__box {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #333;
}

.p-side__box:nth-child(n+2) {
  margin-top: 1.25rem;
}

.p-side__box--head {
  padding-left: 0.1875rem;
  cursor: pointer;
  position: relative;
}

.p-side__box--head::after {
  content: "";
  width: 1rem;
  height: 0.5rem;
  background: transparent url("../images/common/arrow_bottom_blue.png") no-repeat center center/100%;
  position: absolute;
  top: 50%;
  right: 1.0625rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.p-side__box--head.active::after {
  top: 10%;
  transform: rotateZ(180deg) translate(0, -50%);
  -webkit-transform: rotateZ(180deg) translate(0, -50%);
}

.p-side__box--title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-side__box--title {
    font-size: 0.9375rem;
  }
}

.p-side__box--body {
  margin-top: 1.25rem;
  padding-left: 0.1875rem;
}

.p-side__subList {
  padding-left: 1.125rem;
}

.p-side__subItem {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-side__subItem {
    font-size: 0.9375rem;
  }
}

.p-side__subItem:nth-child(n+2) {
  margin-top: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .p-side__subItem:nth-child(n+2) {
    margin-top: 0.625rem;
  }
}

.p-side__subItem::before {
  content: "-";
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-side__subItem::before {
    font-size: 0.9375rem;
  }
}

.p-step-card {
  background: #fff;
  display: grid;
  grid-template-columns: 4.875rem 1fr;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-step-card {
    grid-template-columns: 1fr;
  }
}

.p-step-card:nth-child(n+2)::before {
  content: "";
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
  border-top: 26px solid #17a8e8;
  border-bottom: 0;
  position: absolute;
  top: -2.6875rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-step-card:nth-child(n+2)::before {
    top: -2.375rem;
  }
}

.p-step-card__head {
  padding-top: 5.4375rem;
  background: linear-gradient(158deg, #17A7E6 0%, #53d3bc 100%);
}
@media screen and (max-width: 767px) {
  .p-step-card__head {
    padding-top: 0;
  }
}

.p-step-card--base .p-step-card__head {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-step-card__step {
  color: #fff;
  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;
}
@media screen and (max-width: 767px) {
  .p-step-card__step {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.p-step-card__step--text {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 300;
}

.p-step-card__step--number {
  margin-top: 0.375rem;
  font-size: 1.875rem;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-step-card__step--number {
    font-size: 1.25rem;
  }
}

.p-step-card__body {
  padding-top: 2.375rem;
  padding-bottom: 2.375rem;
  padding-right: 2.9375rem;
  padding-left: 3.4375rem;
  display: grid;
  grid-template-columns: 1fr 42.6875rem;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-step-card__body {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    grid-template-columns: 1fr;
  }
}

.p-step-card__body--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-step-card__body--center {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.p-step-card--base .p-step-card__body {
  padding-top: 1.4375rem;
  padding-bottom: 1.125rem;
  grid-template-columns: 1fr;
}

.p-step-card__icon {
  margin-top: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-step-card__icon {
    margin-top: 0;
  }
}

.p-step-card__icon img {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 767px) {
  .p-step-card__box {
    margin-top: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .p-step-card--base .p-step-card__box {
    margin-top: 0;
  }
}

.p-step-card__read {
  margin-bottom: 0.3125rem;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-step-card__read {
    font-size: 1.125rem;
  }
}

.p-step-card__text {
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-step-card__text {
    font-size: 0.9375rem;
  }
}

.p-step-card__area {
  margin-top: 1.5625rem;
  padding-top: 1.4375rem;
  padding-bottom: 1.25rem;
  padding-right: 1.75rem;
  padding-left: 2.1875rem;
  background: #e8f7fc;
}
@media screen and (max-width: 767px) {
  .p-step-card__area {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.p-step-card__area--text {
  font-size: 0.875rem;
  line-height: 2.1428571429;
  font-weight: 300;
}

.p-step-card__list {
  margin-top: 2.8125rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.125rem;
}
@media screen and (max-width: 767px) {
  .p-step-card__list {
    row-gap: 1.5625rem;
  }
}

.p-step-card__item {
  display: grid;
  grid-template-columns: 7.625rem 1fr;
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-step-card__item {
    grid-template-columns: 6.25rem 1fr;
    -webkit-column-gap: 0.9375rem;
       -moz-column-gap: 0.9375rem;
            column-gap: 0.9375rem;
  }
}

.p-step-card__item--img img {
  width: 100%;
  aspect-ratio: 122/90;
}

.p-step-card__item--term {
  margin-top: -0.125rem;
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-step-card__item--term {
    font-size: 0.9375rem;
  }
}

.p-step-card__item--desc {
  font-size: 0.875rem;
  line-height: 2.1428571429;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-step-card__item--desc {
    margin-top: 0.3125rem;
    line-height: 1.8;
  }
}

.p-sub-mv {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-sub-mv {
    margin-top: 3.75rem;
  }
}

.p-sub-mv::before {
  content: "";
  width: 28.25rem;
  height: 16.375rem;
  background: transparent url(../images/common/sub-mv_mask.png) no-repeat center center/100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-sub-mv::before {
    width: 12.5rem;
    height: 7.25rem;
  }
}

.p-sub-mv__inner {
  position: relative;
}

.p-sub-mv__img {
  position: relative;
}

.p-sub-mv__img::before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent url(../images/common/sub-mv_mask_blue.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
}

.p-sub-mv__img img {
  width: 100%;
  aspect-ratio: 1300/400;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__img img {
    height: 20rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

.p-sub-mv__detail {
  max-width: 68.125rem;
  position: absolute;
  top: 13.9375rem;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__detail {
    top: 11.25rem;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}

.p-sub-mv__title {
  font-size: 2.375rem;
  color: #fff;
  line-height: 1.2666666667;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__title {
    font-size: 1.375rem;
  }
}

.p-top-about {
  padding-top: 6.25rem;
  padding-bottom: 6.3125rem;
  position: relative;
  background: transparent url(../images/top/about_bg.png) no-repeat center top/cover;
}
@media screen and (max-width: 767px) {
  .p-top-about {
    padding-top: 5.625rem;
    padding-bottom: 3.75rem;
    background: transparent url(../images/top/about_bg.png) no-repeat center bottom/200% auto;
  }
}

.p-top-about__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-top-about__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-top-about__img {
  margin-top: 0.75rem;
  width: 48.4375%;
}
@media screen and (max-width: 767px) {
  .p-top-about__img {
    width: auto;
  }
}

.p-top-about__img img {
  width: 100%;
  aspect-ratio: 496/330;
}

.p-top-about__detail {
  width: 45.703125%;
}
@media screen and (max-width: 767px) {
  .p-top-about__detail {
    width: auto;
    padding-top: 1.25rem;
  }
}

.p-top-about__title {
  text-align: left;
}

.p-top-about__title .c-section-title1__ja {
  margin-top: -0.1875rem;
  text-align: left;
  line-height: 1.4;
}

.p-top-about__text {
  margin-top: 1.875rem;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-top-about__text {
    margin-top: 1.25rem;
    font-size: 0.9375rem;
  }
}

.p-top-works__head {
  padding-top: 5.9375rem;
  padding-bottom: 2.5rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-works__head {
    padding-top: 3.125rem;
    padding-bottom: 2.8125rem;
  }
}

.p-top-works__head::before {
  content: "";
  width: 28.7581699346%;
  aspect-ratio: 352/203;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: blue;
  background-color: #EDEDED;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .p-top-works__head::before {
    width: 44.5%;
  }
}

.p-top-works__head::after {
  content: "";
  width: 29.375rem;
  width: 38.3986928105%;
  aspect-ratio: 470/273;
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 100%);
          clip-path: polygon(0 100%, 0 0, 100% 100%);
  background-color: blue;
  background-color: #EDEDED;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-top-works__head::after {
    width: 70%;
  }
}

.p-top-works__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-top-works__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.p-top-works__detail {
  width: 65.625%;
}
@media screen and (max-width: 767px) {
  .p-top-works__detail {
    width: auto;
  }
}

.p-top-works__title {
  text-align: left;
}

.p-top-works__title .c-section-title1__ja {
  text-align: left;
}

.p-top-works__text {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-top-works__text {
    font-size: 0.9375rem;
  }
}

.p-top-works__btn {
  width: 11.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-works__btn {
    margin-top: 1.875rem;
  }
}

.p-top-works__swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.p-top-works__slide img {
  width: 100%;
}

.p-topnews {
  background: #fff;
}

.p-topnews__inner {
  padding-top: 1.0625rem;
  padding-bottom: 1.125rem;
  padding-right: 1.875rem;
  padding-left: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-topnews__inner {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-topnews__title {
  width: 9.6875rem;
  font-size: 1.125rem;
  line-height: 1.9444444444;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-topnews__title {
    width: auto;
    font-size: 1rem;
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.p-topnews__list {
  width: calc(100% - 9.6875rem);
}
@media screen and (max-width: 767px) {
  .p-topnews__list {
    width: auto;
  }
}

.p-topnews__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-topnews__date {
  font-size: 1rem;
  color: #A3A3A3;
  line-height: 2.1875;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-topnews__date {
    width: auto;
    font-size: 0.9375rem;
    line-height: 1.6;
  }
}

.p-topnews__newstitle {
  width: 100%;
  margin-left: 1.4375rem;
  font-size: 1rem;
  line-height: 2.1875;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-topnews__newstitle {
    margin-left: 1.25rem;
    font-size: 0.9375rem;
    line-height: 1.6;
  }
}

.p-trouble {
  padding-top: 6.9375rem;
  padding-bottom: 9.375rem;
  background: #f6f6f6;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-trouble {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
  }
}

.p-trouble::before {
  content: "";
  width: 73.4615384615%;
  aspect-ratio: 955/545;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-trouble::before {
    width: 49.4%;
  }
}

.p-trouble::after {
  content: "";
  width: 65.2307692308%;
  aspect-ratio: 848/485;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  right: 0;
}

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

@media screen and (max-width: 767px) {
  .p-trouble__title h3 {
    line-height: 1.5;
  }
}

.p-trouble__list {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-trouble__list {
    margin-top: 2.8125rem;
  }
}

.p-trouble__text {
  margin-top: 3.5625rem;
  font-size: 1rem;
  text-align: center;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-trouble__text {
    margin-top: 2.8125rem;
    font-size: 0.9375rem;
    text-align: left;
    line-height: 2;
  }
}

.p-vision {
  padding-top: 7.1875rem;
  padding-bottom: 4.0625rem;
  background: #e2f5fb;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-vision {
    padding-top: 3.75rem;
    padding-bottom: 4.0625rem;
  }
}

.p-vision::before {
  content: "";
  width: 100%;
  aspect-ratio: 1224/780;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: #eaf8fb;
  position: absolute;
  top: 0;
  left: 0;
}

.p-vision::after {
  content: "";
  width: 82.6923076923%;
  aspect-ratio: 1075/620;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background-color: #eaf8fb;
  position: absolute;
  bottom: 0;
  right: 0;
}

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

.p-vision__read {
  margin-top: 5.8125rem;
  font-size: 1.75rem;
  color: #19a9e5;
  text-align: center;
  line-height: 1.0714285714;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-vision__read {
    margin-top: 2.8125rem;
    font-size: 1.25rem;
    line-height: 2;
  }
}

.p-vision__read span {
  padding-bottom: 0.75rem;
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, from(#19a9e5), to(#19a9e5)) 100% 100%/0 1px no-repeat;
  background: linear-gradient(#19a9e5, #19a9e5) 100% 100%/0 1px no-repeat;
  background-size: 100% 2px;
}
@media screen and (max-width: 767px) {
  .p-vision__read span {
    padding-bottom: 0.3125rem;
  }
}

.p-vision__img {
  margin-top: 3.8125rem;
  width: 64.74609375%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-vision__img {
    margin-top: 2.8125rem;
    width: 80%;
    max-width: 25rem;
  }
}

.p-vision__img img {
  width: 100%;
  aspect-ratio: 663/733;
}

.p-vision__text {
  margin-top: 4.9375rem;
  font-size: 1rem;
  text-align: center;
  line-height: 2.25;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-vision__text {
    margin-top: 2.5rem;
    font-size: 0.9375rem;
    text-align: left;
  }
}

.p-work-article {
  padding-top: 4.0625rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-work-article {
    padding-top: 3.125rem;
    padding-bottom: 5rem;
  }
}

.p-work-article__cate {
  min-width: 8.125rem;
  height: 2.5rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 300;
  background: #e8f7fc;
}

.p-work-article__title {
  margin-top: 0.9375rem;
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-work-article__title {
    margin-top: 0.625rem;
    font-size: 1.125rem;
  }
}

.p-work-article__middle {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-work-article__middle {
    margin-top: 1.25rem;
  }
}

.p-work-article__mainslide img {
  width: 100%;
  aspect-ratio: 1032/523;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-work-article__thumbnail {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-work-article__thumbnail {
    margin-top: 1.25rem;
  }
}

.p-work-article__thumbnail .swiper-slide {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.p-work-article__thumbnail .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid;
  -o-border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
     border-image: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  border-image-slice: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.p-work-article__thumbnailslide img {
  aspect-ratio: 100/70;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-work-article__bottom {
  margin-top: 7.1875rem;
  max-width: 50rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-work-article__bottom {
    margin-top: 3.75rem;
  }
}

.p-work-article__detail--title {
  font-size: 1.625rem;
  line-height: 1.8461538462;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-work-article__detail--title {
    font-size: 1.25rem;
  }
}

.p-work-article__list {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-work-article__list {
    margin-top: 0.9375rem;
  }
}

.p-work-article__item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #333;
}

.p-work-article__item:nth-child(n+2) {
  margin-top: 1.375rem;
}
@media screen and (max-width: 767px) {
  .p-work-article__item:nth-child(n+2) {
    margin-top: 0.625rem;
  }
}

.p-work-article__item dl {
  display: grid;
  grid-template-columns: 10.3125rem 1fr;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-work-article__item dl {
    grid-template-columns: 6.25rem 1fr;
    -webkit-column-gap: 0.9375rem;
       -moz-column-gap: 0.9375rem;
            column-gap: 0.9375rem;
  }
}

.p-work-article__term {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-work-article__term {
    font-size: 1rem;
  }
}

.p-work-article__desc {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-work-article__desc {
    font-size: 0.9375rem;
  }
}

.p-work-card1 {
  display: grid;
  grid-template-columns: 35rem 1fr;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-work-card1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.p-work-card1__head {
  position: relative;
}

.p-work-card1__cate {
  min-width: 8.1875rem;
  height: 2.5rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  font-weight: 300;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e8f7fc;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-work-card1__cate {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.p-work-card1__img img {
  width: 100%;
  aspect-ratio: 560/350;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-work-card1__body {
  margin-top: -0.9375rem;
  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 (max-width: 767px) {
  .p-work-card1__body {
    margin-top: 0;
    padding-top: 0.625rem;
  }
}

.p-work-card1__title {
  font-size: 1.25rem;
  line-height: 2.4;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-work-card1__title {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}

.p-work-card1__text {
  margin-top: 1.3125rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 767px) {
  .p-work-card1__text {
    margin-top: 0.9375rem;
    font-size: 0.9375rem;
    line-height: 1.8;
  }
}

.p-work-card1__btn {
  margin-top: auto;
  width: 77.2946859903%;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-work-card1__btn {
    margin-top: 2.1875rem;
    margin-left: auto;
  }
}

.p-work-card2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-work-card2__head {
  position: relative;
}

.p-work-card2__cate {
  height: 1.375rem;
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
  font-size: 0.875rem;
  font-weight: 300;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.p-work-card2__img img {
  width: 100%;
  aspect-ratio: 330/200;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-work-card2__body {
  height: 100%;
  margin-top: 1.375rem;
  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 (max-width: 767px) {
  .p-work-card2__body {
    margin-top: 0;
    padding-top: 0.625rem;
  }
}

.p-work-card2__title {
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .p-work-card2__title {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.p-work-card2__text {
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: 300;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
@media screen and (max-width: 767px) {
  .p-work-card2__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.8;
  }
}

.p-work-others {
  padding-top: 5rem;
  padding-bottom: 11.5625rem;
  background: #e3e6e7;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-work-others {
    padding-top: 5rem;
    padding-bottom: 9.375rem;
  }
}

.p-work-others::before {
  content: "";
  width: 54.2307692308%;
  aspect-ratio: 705/407;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: #EDEDED;
  position: absolute;
  top: 0;
  right: 0;
}

.p-work-others::after {
  content: "";
  width: 67.6923076923%;
  aspect-ratio: 880/520;
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 100%);
          clip-path: polygon(0 100%, 0 0, 100% 100%);
  background-color: #EDEDED;
  position: absolute;
  bottom: 0;
  left: 0;
}

.p-work-others__inner {
  position: relative;
  z-index: 1;
}

.p-work-others__list {
  margin-top: 5.3125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-work-others__list {
    margin-top: 2.8125rem;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 3.125rem;
  }
}

.p-work {
  padding-top: 8.125rem;
  padding-bottom: 29.6875rem;
}
@media screen and (max-width: 767px) {
  .p-work {
    padding-top: 6.25rem;
    padding-bottom: 9.375rem;
  }
}

.p-work__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .p-work__list {
    row-gap: 5rem;
  }
}

.p-work__pagenation {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-work__pagenation {
    margin-top: 5rem;
  }
}

.u-font-red {
  color: #ff0000;
}

@media screen and (max-width: 767px) {
  .u-pc {
    display: none;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-sp {
    display: block;
  }
}

.u-text-gradation {
  display: inline-block;
  padding-right: 0.6875rem;
  padding-left: 0.875rem;
  background: -webkit-gradient(linear, left top, right top, from(#17A7E6), to(#53D3BA));
  background: linear-gradient(90deg, #17A7E6 0%, #53D3BA 100%);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .u-text-gradation {
    padding-right: 0.375rem;
    padding-left: 0.5rem;
  }
}
/*# sourceMappingURL=styles.css.map */

iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
	margin-top: 60px;
}

h2.has-background {
	padding: 1.25em 0.7em !important;
}