@charset "UTF-8";
body {
  min-width: 1260px;
  background-color: #e5fcff;
  line-height: 1;
  color: #333333;
  font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
.u-fade {
  opacity: 0;
  transform: translateY(20px);
  transition-property: opacity, transform;
  transition-duration: 0.74s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.1s;
}
.u-fade.r-y0 {
  transform: translateY(0);
}
.fade-in {
  opacity: 1;
  transform: translate(0);
}
.u-pc_none {
  display: none;
}
.p-mv-block {
  width: 100%;
  aspect-ratio: 2000 / 1127;
  min-height: 700px;
  background: url("/pr/images/mv_bg.webp") no-repeat center center / cover;
  padding-top: 4%;
  box-sizing: border-box;
}
.p-mv-block * {
  box-sizing: border-box;
}
.p-mv-block-txt {
  font-size: 0.8rem;
  color: #000;
  padding: 0 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.p-mv-block-inner {
  width: 60%;
  margin: 0 auto;
}
.p-mv-block-logo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
.p-mv-block-logo01 {
  width: 60%;
  height: auto;
}
.p-mv-block-logo02 {
  width: 26%;
  height: auto;
}
.p-lead-block {
  text-align: center;
  padding: 106px 0;
}
.p-lead-txt {
  font-size: 1rem;
  color: #595757;
  font-weight: 700;
  line-height: calc(35 / 12);
  letter-spacing: 0.2em;
}
.p-lead-txt-em {
  font-size: 1.6rem;
  color: #595757;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 80px;
}
.p-lead-logo {
  display: block;
  margin-top: 60px;
}
.p-lead-logo-img {
  width: 400px;
  height: auto;
}
.p-story-hdg {
  width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.p-story-hdg::after, .p-story-hdg::before {
  content: "";
  background: #f3000e;
  height: 1px;
  width: 270px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
}
.p-story-hdg::after {
  right: 0;
}
.p-story-hdg::before {
  left: 0;
}
.p-story-hdg.r-large::after, .p-story-hdg.r-large::before {
  width: 200px !important;
}
.p-story-movie {
  text-align: center;
  border-radius: 35px;
  display: block;
  margin: 0 auto;
}
.p-story-movie-note {
  font-size: 0.8rem;
}
.p-story-movie-note > .blank-link > img {
  width: 8px !important;
  height: 8px !important;
}
.p-story-plist {
  display: flex;
  gap: 32px;
  align-items: center;
  width: 800px;
  margin: 64px auto 0;
}
.p-story-plist-itm {
  width: calc((100% - 32px) / 2);
  display: flex;
  align-items: center;
  gap: 16px;
}
.p-story-plist-itm-pic {
  width: 180px;
  flex-shrink: 0;
}
.p-story-plist-itm-pic img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #f3000e;
}
.p-story-plist-itm-hdg {
  color: #f3000e;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
  letter-spacing: 0.2em;
}
.p-story-plist-itm-txt {
  font-size: 0.9rem;
  line-height: calc(26 / 12);
  color: #000;
  letter-spacing: 0.2em;
  text-align:justify;
}
.p-story-slide {
  margin-top: 140px;
}
.p-story-slide-hdg-wrap {
  width: 800px;
  margin: 0 auto;
  position: relative;
}
.p-story-slide-hdg {
  margin-left: 140px;
  border-bottom: solid 1px #f3000e;
  padding: 20px 6px;
  color: #f3000e;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.p-story-slide-hdg-ico {
  display: block;
  width: 150px;
  height: auto;
  left: -10px;
  top: -10px;
  position: absolute;
}
.p-casestudy-block {
  background: url("/pr/images/casestudy_bg.webp") no-repeat bottom center / 100% auto;
  margin-top: 140px;
  padding-bottom: 270px;
}
.p-casestudy-list {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 0;
  justify-content: space-between;
  width: 800px;
  margin: 64px auto 0;
}
.p-casestudy-list-itm {
  width: 360px;
}
.p-casestudy-list-itm-mov {
  border-radius: 18px;
}
.p-casestudy-list-itm-hdg {
  color: #f3000e;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1rem;
  letter-spacing: 0.1em;
}
.p-casestudy-list-itm-txt {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  line-height: calc(24 / 14);
  color: #000;
  letter-spacing: 0.1em;
  text-align:justify;
}
.u-bg-white {
  background: #fff;
  margin-top: -1px;
}
.p-about-hdg-sub {
  color: #f3000e;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
}
.p-about-block {
  width: 800px;
  margin: 0 auto;
}
.p-about-txt {
  font-size: 1rem;
  line-height: calc(30 / 14);
  color: #000;
  letter-spacing: 0.1em;
}
.p-about-pic-01 + .p-about-txt {
  margin-top: 140px;
}
.p-about-txt-block {
  padding-top: 70px;
  margin-top: 70px;
  position: relative;
}
.p-about-pic-01 {
  position: absolute;
  width: 400px;
  top: 0;
  right: 20px;
}
.p-about-pic-02 {
  position: absolute;
  width: 430px;
  bottom: 0;
  right: 10px;
}
.p-about-txt-block img {
  width: 100%;
  height: auto;
}
.p-about-column {
  border: solid 2px #f3000e;
  border-radius: 20px;
  padding: 40px 50px;
  margin-top: 140px;
}
.p-about-column-hdg {
  height: 70px;
  display: flex;
  align-items: center;
  padding-left: 140px;
  background: url("/pr/images/mv_logo02.svg") no-repeat left top / auto 100%;
  color: #f3000e;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: calc(30 / 15);
  letter-spacing: 0.1em;
}
.p-about-column-txt {
  font-size: 0.97rem;
  line-height: calc(30 / 15);
  letter-spacing: 0.1em;
  margin-top: 32px;
  text-align:justify;
}
.p-history-block {
  margin-top: 140px;
}
.p-timeline-column {
  width: 750px;
  margin: -85px auto 0;
}
.p-timeline-column-pic {
  display: block;
}
.p-timeline-column-pic img {
  width: 100%;
  height: auto;
}
.p-sec04_more-hdg {
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
}
/* リスト基本リセット */
.p-story-slide-list {
  margin: 80px 0 0;
  padding: 0;
  list-style: none;
}
/* スライダー全体：左右に少し余白をつけてチラ見せ用のスペースを作る */
.js-story-slider {
  padding: 40px 16px; /* 上下 40 / 左右 16 はお好みで */
}
/* スライド本体 */
.p-story-slide-list-itm {
  width: 80%;
  max-width: 800px;
  box-sizing: border-box;
  transition: opacity .3s, transform .3s;
  padding-bottom: 60px;
  color: #000;
  letter-spacing: 0.147em;
}
.p-story-slide-list-itm:not(.swiper-slide-active) img {
  max-width: 500px;
  margin-top: 100px;
}
.swiper-slide-prev img {
  margin-left: auto;
}
/* センターのみ強調 */
.js-story-slider .swiper-slide-active {
  opacity: 1;
  padding-bottom: 0;
}
/* p はセンターのときだけ表示 */
.js-story-slider .swiper-slide p {
  display: none;
}
.js-story-slider .swiper-slide-active p {
  display: block;
}
/* 画像まわり */
.p-story-slide-list-itm-pic {
  display: block;
}
.p-story-slide-list-itm-pic img {
  width: 100%;
  height: auto;
  display: block;
}
/* nextボタン */
.p-story-slide-prev,
.p-story-slide-next {
  width: 60px !important;
  height: 60px !important;
  top: 510px !important;
  right: 50% !important;
  transform: translateX(420px);
  bottom: auto !important;
}
.p-story-slide-prev {
  right: initial !important;
  left: 50% !important;
  transform: translateX(-420px) rotate(-180deg);
  bottom: auto !important;
}
.p-story-slide-prev img,
.p-story-slide-next img {
  width: 100%;
  height: auto;
}
.p-story-slide-prev::after,
.p-story-slide-next::after {
  content: none !important; /* Swiperデフォルトの矢印を消す */
}
/* お好みでPCだけもう少し広くしたければ */
@media (min-width: 1024px) {
  .js-story-slider {
    padding: 40px 40px;
  }
  .p-story-slide-list-itm {
    width: 70%; /* ちょっと細めにして左右のチラ見えを増やす */
  }
}
.p-story-slide-list-itm-title {
  margin-top: 32px;
  font-size: 1.4rem;
  font-weight: bold;
}
.p-story-slide-list-itm-body {
  font-size: 1rem;
  margin-top: 40px;
  line-height: calc(22 / 14);
  text-align:justify;
  padding-left: 30px;
  position: relative;
}
.p-story-slide-list-itm-body span {
  color: #f3000e;
  font-size: 20px;
  display: block;
  position: absolute;
  left:0;
  top: -4px;
}
.p-story-slide-list-itm-note {
  font-size: 0.7rem;
  margin-top: 16px;
}
.p-timeline {
  max-width: 800px;
  margin: 60px auto 0;
  position: relative;
  box-sizing: border-box;
}
.p-timeline_bg {
  position: absolute;
  top: 0;
  left: 34.5%;
  right: 0;
  z-index: 1;
  background-image: url(/pr/images/timeline-bg.svg);
  background-size: 150px auto;
  background-repeat: no-repeat;
  width: 150px;
  height: 2356px;
}
.p-timeline_box {
  display: grid;
  grid-template-columns: 300px 19% 43%;
}
.p-timeline_box01 {
  margin-bottom: 24px;
}
.p-timeline_box01 img {
  margin-top: 90px;
}
.p-timeline_box01 .p-timeline_date {
  margin-top: 52px;
}
.p-timeline_box02 {
  margin-bottom: 47px;
}
.p-timeline_box02 img {
  margin-top: 33px;
}
.p-timeline_box03 {
  margin-bottom: 49px;
}
@supports (-moz-appearance: none) {
  .p-timeline_box03 {
    margin-bottom: 17px;
  }
}
.p-timeline_box03 img {
  margin-top: 39px;
}
.p-timeline_box04 {
  margin-bottom: 71px;
}
.p-timeline_box04 img {
  width: 240px !important;
}
.p-timeline_box05 {
  margin-bottom: 105px;
}
.p-timeline_box05 img {
  margin-top: -80px;
}
.p-timeline_box06 img {
  width: 240px !important;
  margin-top: -80px;
}
.p-timeline_img_box {
  height: 0;
}
.p-timeline_img {
  grid-row: span 3;
  width: 300px;
  height: 168px;
  object-fit: contain;
}
.p-timeline_movie {
  grid-row: span 3;
  border-radius: 16px;
}
.p-timeline_movie01 {
  margin-top: -85px;
}
.p-timeline_date {
  grid-column-start: 3;
  border-radius: 30px;
  background-color: #999999;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 36px;
  margin: 0 0 16px;
  padding-top: 2px;
  margin-left: -8px;
}
.p-timeline_pre {
  grid-column-start: 3;
  border-radius: 30px;
  background-color: #3399CC;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 136px;
  height: 58px;
  margin: 0 0 8px;
  margin-left: -8px;
}
.p-timeline_ttl {
  grid-column-start: 3;
  grid-row-start: 2;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: calc(34 / 16);
}
.p-timeline_pre_ttl {
  grid-column-start: 3;
  grid-row-start: 2;
  font-size: 1.187rem;
  line-height: 1.578;
  color: #3499CC;
  font-weight: bold;
  margin-bottom: 56px;
}
.p-timeline_pre_head {
  grid-column-start: 3;
  grid-row-start: 1;
  color: #3399CC;
  font-size: 1.625rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.p-timeline_txt {
  grid-column-start: 3;
  grid-row-start: 3;
  font-size: 1rem;
  line-height: calc(28 / 14);
  margin-top: 8px;
  text-align:justify;
}
.p-timeline_pre_txt {
  grid-column-start: 3;
  grid-row-start: 2;
  font-size: 1.187rem;
  line-height: 1.57;
}
.p-sec04_more {
  text-align: center;
  padding-bottom: 140px;
  margin-top: 140px;
}
.p-sec04_btn {
  display: block;
  margin: 40px auto 0;
}
.p-sec05 {
  display: flex;
  justify-content: center;
  gap: 41px;
  padding: 47px 0 46px;
  background-color: #969696;
}
.story-text {
  font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
@media only screen and (max-width: 768px) {
  body {
    min-width: 100%;
  }
  .u-sp_none {
    display: none;
  }
  .u-pc_none {
    display: block;
  }
  .p-mv-block {
    aspect-ratio: 750 / 730;
    min-height: initial;
    background: url("/pr/images/mv_bg_sp.webp") no-repeat center bottom / 100% auto;
    padding-top: 10vw;
  }
  .p-mv-block-txt {
    font-size: 3vw;
    padding: 0 1vw;
  }
  .p-mv-block-inner {
    width: 86%;
  }
  .p-mv-block-logo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 6vw;
  }
  .p-mv-block-logo01 {
    width: 60%;
    height: auto;
  }
  .p-mv-block-logo02 {
    width: 26%;
    height: auto;
  }
  .p-lead-block {
    padding: 16vw 0;
  }
  .p-lead-txt {
    font-size: 3.1vw;
  }
  .p-lead-txt-em {
    font-size: 4.8vw;
    margin-top: 14vw;
  }
  .p-lead-logo {
    margin-top: 14vw;
  }
  .p-lead-logo-img {
    width: 80vw;
  }
  .p-story-hdg {
    width: 90vw;
    margin-bottom: 5vw;
  }
  .p-story-hdg svg {
    width: 100%;
        height: 12vw;
  }
  .p-story-hdg::after, .p-story-hdg::before {
    width: 26vw;
  }
  .p-story-hdg.r-large::after, .p-story-hdg.r-large::before {
    width: 18vw !important;
  }
  .story-text {
    font-size: 18vw !important;
    stroke-width: 4;
  }
  .p-story-movie {
    border-radius: 6vw;
    aspect-ratio: 800 / 450;
    height: auto;
    width: 90vw !important;
  }
  .p-story-movie-note {
    font-size: 3.5vw;
    line-height: 1.6;
  }
  .p-story-movie-note > .blank-link > img {
    width: 2vw !important;
    height: 2vw !important;
  }
  .p-story-plist {
    flex-direction: column;
    gap: 8vw;
    align-items: center;
    width: 80vw;
    margin: 12vw auto 0;
  }
  .p-story-plist-itm {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5vw;
  }
  .p-story-plist-itm-pic {
    width: 30vw;
    flex-shrink: 0;
  }
  .p-story-plist-itm-pic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
  }
  .p-story-plist-itm-hdg {
    color: #f3000e;
    font-size: 3.733333333vw;
    font-weight: bold;
    margin-bottom: 2vw;
    letter-spacing: 0.2em;
  }
  .p-story-plist-itm-txt {
    font-size: 3.466666667vw;
    line-height: calc(26 / 12);
    color: #000;
    letter-spacing: 0.2em;
  }
  .p-story-slide {
    margin-top: 20vw;
    justify-content: space-between;
  }
  .p-story-slide-hdg-wrap {
    width: 90vw;
    margin: 0 auto;
    position: relative;
  }
  .p-story-slide-hdg {
    margin-left: 30vw;
    border-bottom: solid 1px #f3000e;
    padding: 4vw 2vw;
    color: #f3000e;
    font-size: 4.8vw;
    letter-spacing: 0.1em;
  }
  .p-story-slide-hdg-ico {
    display: block;
    width: 30vw;
    height: auto;
    left: -2vw;
    top: -3vw;
    position: absolute;
  }
  .p-casestudy-block {
    background: url("/pr/images/casestudy_bg.webp") no-repeat bottom center / 100% auto;
    margin-top: 20vw;
    padding-bottom: 40vw;
  }
  .p-casestudy-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 6vw 0;
    justify-content: space-between;
    width: 80vw;
    margin: 6vw auto 0;
  }
  .p-casestudy-list-itm {
    width: 100%;
  }
  .p-casestudy-list-itm-mov {
    border-radius: 4vw;
    aspect-ratio: 378 / 213;
    width: 100%;
    height: auto;
  }
  .p-casestudy-list-itm-hdg {
    font-size: 3.733333333vw;
    margin-top: 4vw;
    letter-spacing: 0.1em;
  }
  .p-casestudy-list-itm-txt {
    margin-top: 2vw;
    font-size: 3.466666667vw;
    line-height: calc(24 / 14);
    letter-spacing: 0.1em;
  }
  .p-about-hdg-sub {
    font-size: 4.8vw;
  }
  .p-about-block {
    width: 100vw;
    margin: 0 auto;
    padding-top: 20vw;
  }
  .p-about-txt {
    font-size: 3.733333333vw;
    line-height: calc(30 / 14);
    color: #000;
    letter-spacing: 0.1em;
  }
  .p-about-pic-01 + .p-about-txt {
    margin-top: 10vw;
  }
  .p-about-txt-block {
    padding: 4vw 7vw 0;
    margin-top: 4vw;
  }
  .p-about-pic-01 {
    position: absolute;
    width: 42vw;
    top: 38vw;
    right: 4vw;
  }
  .p-about-pic-02 {
    position: absolute;
    width: 40vw;
    bottom: 25vw;
    right: 3vw;
  }
  .p-about-txt-block img {
    width: 100%;
    height: auto;
  }
  .p-about-column {
    border-radius: 4vw;
    padding: 6vw;
    width: 90vw;
    margin: 10vw auto 0;
  }
  .p-about-column-hdg {
    height: 20vw;
    display: flex;
    align-items: center;
    padding-left: 40vw;
    background: url("/pr/images/mv_logo02.svg") no-repeat left top / auto 100%;
    font-size: 3.733333333vw;
  }
  .p-about-column-txt {
    font-size: 3.533333333vw;
    margin-top: 6vw;
  }
  .p-history-block {
    margin-top: 20vw;
  }
.p-story-slide-list {
  margin: 6vw 0 0;
}
.js-story-slider {
  padding: 4vw 2vw; /* 上下 40 / 左右 16 はお好みで */
}
/* スライド本体 */
.p-story-slide-list-itm {
  width: 80vw;
  max-width: 80vw;
  padding-bottom: 3vw;
}
.p-story-slide-list-itm:not(.swiper-slide-active) img {
  max-width: 50vw;
  margin-top: 9vw;
}
/* nextボタン */
.p-story-slide-next {
  width: 10vw !important;
  height: 10vw !important;
  top: 50vw !important;
  transform: translateX(43vw);
  bottom: auto !important;
}
.p-story-slide-prev {
  width: 10vw !important;
  height: 10vw !important;
  top: 50vw !important;
  transform: translateX(-43vw) rotate(-180deg);
  bottom: auto !important;
}
.p-story-slide-list-itm-title {
  margin-top: 4vw;
  font-size: 4.266666667vw;
}
.p-story-slide-list-itm-body {
  font-size: 3.533333333vw;
  margin-top: 6vw;
  min-height: 18vw;
  padding-left: 7vw;
}
.p-story-slide-list-itm-body span {
  font-size: 4.6vw;
  top: -1.7vw;
}
.p-story-slide-list-itm-note {
  font-size: 3.2vw;
  margin-top: 2vw;
  line-height: 1.5;
}
  .p-timeline-column {
    width: 90vw;
    margin: -3.5vw auto 0;
  }
  .p-timeline-column-pic {
    display: block;
  }
  .p-timeline-column-pic img {
    width: 100%;
    height: auto;
  }
  .p-sec04_more-hdg {
    text-align: center;
    font-size: 6.933333333vw;
    font-weight: bold;
  }
  .p-timeline {
    max-width: 100vw;
    margin-top: 8vw;
  }
  .p-timeline_bg {
    width: 21.136vw;
    top: 0;
    left: 4.8vw;
    background-image: url(/pr/images/timeline-bg_sp.svg);
    background-size: 100% auto;
    height: 100%;
  }
  .p-timeline_box {
    box-sizing: border-box;
    grid-template-columns: 19.5% 72.5%;
  }
  .p-timeline_box01 {
    padding-top: 6vw;
    margin: 0 0 16vw;
  }
  .p-timeline_box02 {
    margin-bottom: 13vw;
  }
  .p-timeline_box03 {
    margin-bottom: 30vw;
  }
  .p-timeline_box04 {
    margin-bottom: 4vw;
  }
  .p-timeline_box05 {
    margin-bottom: 2vw;
  }
  .p-timeline_box01 .p-timeline_date {
    margin-top: 0;
  }
  .p-timeline_box01 img {
    margin-top: 0;
  }
  .p-timeline_box02 img {
    margin-top: 0;
  }
  .p-timeline_box03 img {
    margin-top: 0;
  }
  .p-timeline_box04 img {
    width: 60vw !important;
    height: auto;
    grid-column-start: 2;
    grid-row-start: 2;
    margin: 4vw auto;
  }
  .p-timeline_box05 img {
    width: 50vw !important;
    height: auto;
    grid-column-start: 2;
    grid-row-start: 2;
    margin: 4vw 0 4vw 19vw;
  }
  .p-timeline_box06 img {
    width: 50vw !important;
    height: auto;
    grid-column-start: 2;
    grid-row-start: 2;
    margin: 4vw auto;
  }
  .p-timeline_date {
    grid-column-start: 2;
    grid-row-start: 1;
    border-radius: 5vw;
    font-size: 3.733333333vw;
    width: 23vw;
    height: 7vw;
    margin: 0 0 8px;
    padding-bottom: 0.5vw;
  }
  .p-timeline_img_box {
    grid-column-start: 2;
    grid-row-start: 2;
    height: auto;
  }
  .p-timeline_img {
    width: 96%;
    height: auto;
  }
  .p-timeline_ttl {
    grid-column-start: 2;
    grid-row-start: 3;
    font-size: 4vw;
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-timeline_pre {
    grid-column-start: 2;
    grid-row-start: 1;
    font-size: 4vw;
    width: 25.333333vw;
    height: 9.466667vw;
    margin: 0 0 2.133333333vw;
  }
  .p-timeline_txt {
    grid-column-start: 2;
    grid-row-start: 4;
    font-size: 3.466666667vw;
    margin-top: 0;
  }
  .p-timeline_pre_ttl {
    grid-column-start: 2;
    grid-row-start: 2;
    font-size: 2.933333333vw;
    margin-bottom: 9.066666667vw;
  }
  .p-timeline_pre_head {
    grid-column-start: 2;
    grid-row-start: 2;
    font-size: 3.2vw;
    margin: 2.133333333vw 0 1.066666667vw;
  }
  .p-timeline_pre_txt {
    grid-column-start: 2;
    grid-row-start: 3;
    font-size: 3vw;
    line-height: 1.66;
  }
  .p-sec04_btn {
    padding: 0 5.333333333vw;
    margin: 6.266667vw auto 12.8vw;
  }
  .p-sec05 {
    flex-direction: column;
    gap: 3.2vw;
    align-items: center;
    padding: 8.533333333vw 5.333333333vw;
  }
  .p-sec04_more {
    margin-top: 16vw;
    padding-bottom: 10vw;
  }
}