/* Sass Document */
.p-intro {
  position: relative;
}
.p-intro__inner {
  position: relative;
  width: 97rem;
  background: url(../img/about/bg_01.svg) center center/100% auto no-repeat;
  padding: 11.5rem 0 13.8rem;
  margin: 2rem auto 0;
}
@media screen and (max-width: 767.98px) {
  .p-intro__inner {
    width: auto;
    background-size: 200% 100%;
    padding: 5rem 2rem 7rem;
    margin: 4rem 0 0;
  }
}
.p-intro__inner .c-deco {
  position: absolute;
  bottom: 5.8rem;
  left: 4.2rem;
  width: 11.6rem;
}
@media screen and (max-width: 767.98px) {
  .p-intro__inner .c-deco {
    width: 6rem;
    bottom: -2rem;
    left: 2rem;
  }
}
.p-intro__txt {
  text-align: center;
  font-size: 2rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.98px) {
  .p-intro__txt {
    font-size: 1.6rem;
    text-align: justify;
      max-width: 33rem;
      margin: auto;
  }
}
.p-intro__txt span {
  color: #EFA92A;
  font-weight: 700;
}

.p-thought {
  position: relative;
  overflow: clip;
  padding: 27.5rem 0 18.4rem;
}
@media screen and (max-width: 767.98px) {
  .p-thought {
    padding: 8rem 0 4rem;
  }
}
.p-thought::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 128rem;
  height: 129.5rem;
  background: url(../img/about/bg_02.svg) center center/100% 100% no-repeat;
}
@media screen and (max-width: 767.98px) {
  .p-thought::before {
    height: 100%;
    min-width: inherit;
    background-size: 300% 100%;
  }
}
.p-thought .c-dot {
  top: -3.8rem;
  right: -24rem;
  width: 46.2rem;
  height: 46.2rem;
}
@media screen and (max-width: 767.98px) {
  .p-thought .c-dot {
    top: 2rem;
    right: -6rem;
    width: 15rem;
    height: 15rem;
  }
}
.p-thought .c-deco {
  bottom: 1rem;
  right: 2.4rem;
}
@media screen and (max-width: 767.98px) {
  .p-thought .c-deco {
    width: 6rem;
  }
}
.p-thought__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  max-width: 108rem;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-thought__wrap {
    display: block;
  }
}
.p-thought__ttl {
  position: relative;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  margin: 0 0 6rem;
}
@media screen and (max-width: 767.98px) {
  .p-thought__ttl {
    font-size: 2.4rem;
    margin: 0 0 6rem;
  }
}
.p-thought__content {
  width: 72.6rem;
}
@media screen and (max-width: 767.98px) {
  .p-thought__content {
    width: 100%;
    padding: 0 2rem;
  }
}
.p-thought__sub {
  font-size: 2rem;
  line-height: 1.8;
  font-weight: 700;
  color: #EFA92A;
  margin-top: 1em;
}
.p-thought__sub:first-of-type {
  margin-top: 0;
}
.p-thought__txt {
  font-size: 2rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.98px) {
  .p-thought__txt {
    font-size: 1.6rem;
      text-align: justify;
  }
}
.p-thought__img {
  height: 45.9rem;
  margin: 12.6rem -14rem 0 0;
}
@media screen and (max-width: 767.98px) {
  .p-thought__img {
    width: 30rem;
    height: auto;
    margin: 2rem 0 0 2rem;
  }
}
.p-thought__img img {
  width: auto;
  height: 100%;
}

.p-feature {
  position: relative;
  overflow: clip;
  padding: 26rem 0 5rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature {
    padding: 10rem 0 5rem;
  }
}
.p-feature::before {
  content: "";
  position: absolute;
  bottom: 5rem;
  right: 0;
  width: calc((100% - 108rem) / 2 + 75rem);
  height: 99.4rem;
  background: url(../img/about/bg_03.svg) center center/100% 100% no-repeat;
}
@media screen and (max-width: 767.98px) {
  .p-feature::before {
    top: 8rem;
    right: auto;
    left: 0;
    width: 100%;
    height: 70rem;
    background-size: 200% 100%;
  }
}
.p-feature .c-dot {
  top: 41rem;
  right: -20rem;
  width: 46.2rem;
  height: 46.2rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature .c-dot {
    top: 16rem;
    right: -2rem;
    width: 13rem;
    height: 13rem;
  }
}
.p-feature__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: row-reverse;
  position: relative;
  max-width: 108rem;
  margin: 17rem auto 0;
}
@media screen and (max-width: 767.98px) {
  .p-feature__wrap {
    display: block;
    margin: 0;
  }
}
.p-feature__content {
  width: 54rem;
  margin: 0;
  padding: 20.5rem 0 16rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature__content {
    width: auto;
    padding: 0 2rem;
  }
}
.p-feature__content .c-deco {
  width: 8.8rem;
  bottom: -3.4rem;
  right: -2.6rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature__content .c-deco {
    display: none;
  }
}
.p-feature__img {
  position: relative;
  margin-left: -15rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature__img {
    width: 90%;
    margin: 2rem auto 0;
  }
}
.p-feature__img .c-deco {
  width: 11.6rem;
  bottom: -4.5rem;
  right: 9rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature__img .c-deco {
    width: 7rem;
    right: 4rem;
  }
}
.p-feature__ttl {
  font-weight: 700;
  font-size: 4rem;
  line-height: 1;
  margin: 0 0 5.5rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature__ttl {
    font-size: 3rem;
    margin: 5rem 0 2.4rem;
  }
}
.p-feature__sub {
  color: #5ba938;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 4rem;
}
@media screen and (max-width: 767.98px) {
  .p-feature__sub {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
}
.p-feature__sub:first-of-type {
  margin-top: 0;
}
.p-feature__txt {
  font-size: 2rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.98px) {
  .p-feature__txt {
    font-size: 1.6rem;
      text-align: justify;
  }
}
.p-feature__txt.-over {
  margin-right: -2em;
}
@media screen and (max-width: 767.98px) {
  .p-feature__txt.-over {
    margin-right: 0;
  }
}

.p-biz {
  position: relative;
  padding: 4rem 0 30.8rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz {
    padding: 0;
  }
}
.p-biz .c-dot {
  bottom: 45.8rem;
  left: -6.2rem;
  width: 37.4rem;
  height: 37.4rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz .c-dot {
    display: none;
  }
}
.p-biz::before {
  content: "";
  position: absolute;
  bottom: 68.8rem;
  left: 0;
  width: 100%;
  height: 15.7rem;
  background: url(../img/about/bg_04-2.svg) 0 0/100% auto no-repeat;
}
@media screen and (max-width: 767.98px) {
  .p-biz::before {
    background-size: 200% 100%;
    bottom: 13rem;
  }
}


/* 横スクロールアニメーション　------------------*/

/* 親要素：はみ出た分を隠し、子要素を横並びにする */
.p-biz-img__wrap {
  margin: 27.4rem 0 0;
  display: flex;
  overflow: hidden;
}

@media screen and (max-width: 767.98px) {
  .p-biz-img__wrap {
    margin: 10rem 0 0;
  }
}

/* アニメーション本体 */
.p-biz-img {
  display: flex;
  flex-shrink: 0; /* 幅が縮まないように固定 */
  width: max-content;
  animation: bizLoop 40s linear infinite; /* 速度はお好みで調整 */
/*  animation: bizLoop 40s linear infinite; /* 速度はお好みで調整 */
}

.p-biz-img__item {
  width: 26rem;
  height: 26rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767.98px) {
  .p-biz-img__item {
    width: 10rem;
    height: 10rem;
  }
}

.p-biz-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* キーフレーム：1つ分の幅（100%）だけ左にスライドさせる */
@keyframes bizLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* マウスホップで止めたい場合（オプション） 
.p-biz-img__wrap:hover .p-biz-img {
  animation-play-state: paused;
}
*/


.p-biz__bg {
  position: relative;
}
.p-biz__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 71.1rem;
  background: url(../img/about/bg_04.svg) 0 0/100% 100% no-repeat;
}
@media screen and (max-width: 767.98px) {
  .p-biz__bg::before {
    height: 10rem;
  }
}
.p-biz__bg::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 71.1rem);
  background: #fff;
}
@media screen and (max-width: 767.98px) {
  .p-biz__bg::after {
    height: calc(100% - 10rem);
  }
}
.p-biz__wrap {
  position: relative;
  max-width: 108rem;
  margin: 0 auto;
  padding: 12rem 0 0;
  z-index: 2;
}
@media screen and (max-width: 767.98px) {
  .p-biz__wrap {
    padding: 8rem 0 0;
  }
}
.p-biz-intro {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .p-biz-intro {
    flex-flow: column;
  }
}
.p-biz-intro__ttl {
  font-weight: 700;
  font-size: 4rem;
  margin: 0 0 6rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz-intro__ttl {
    font-size: 3rem;
    margin: 0 0 2rem;
  }
}
.p-biz-intro__content {
  width: 49.3rem;
  padding: 7.8rem 0 0;
}
@media screen and (max-width: 767.98px) {
  .p-biz-intro__content {
    width: auto;
    padding: 0 2rem;
  }
}
.p-biz-intro__txt {
  font-size: 2rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.98px) {
  .p-biz-intro__txt {
    font-size: 1.6rem;
      text-align: justify;
  }
}
.p-biz-intro__img {
  width: 55.9rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz-intro__img {
    width: 90%;
    margin: 4rem auto 0;
  }
}
.p-biz-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 15rem 0 0;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block {
    flex-flow: column;
    padding: 0 2rem;
    margin: 6rem 0 0;
  }
}
.p-biz-block:first-child {
  margin-top: 20rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block:first-child {
    margin-top: 6rem;
  }
}
.p-biz-block.-reverse {
  flex-flow: row-reverse;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block.-reverse {
    flex-flow: column;
  }
}
.p-biz-block__content {
  width: 54.3rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block__content {
    width: 100%;
  }
}
.p-biz-block__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 4rem;
  width: 47rem;
  height: 47rem;
  background: #ccc;
  border-top-right-radius: 17rem;
  border-bottom-left-radius: 17rem;
  padding: 0 6.8rem;
  margin: 0 0 5rem 2.8rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block__inner {
    width: 100%;
    height: 38rem;
    gap: 2rem;
    padding: 0 2.4rem;
    margin: 0 auto 2rem;
    border-top-right-radius: 12rem;
    border-bottom-left-radius: 12rem;
  }
}
.-reverse .p-biz-block__inner {
  margin: 0 2.8rem 5rem auto;
}
@media screen and (max-width: 767.98px) {
  .-reverse .p-biz-block__inner {
    margin: 0 auto 2rem;
  }
}
.p-biz-block__inner.-bg1 {
  background: #8AA575;
}
.p-biz-block__inner.-bg2 {
  background: #D88E8D;
}
.p-biz-block__inner.-bg3 {
  background: #6398BA;
}
.p-biz-block__inner.-bg4 {
  background: #B7987D;
}
.p-biz-block__ttl {
  color: #000;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block__ttl {
    font-size: 2rem;
  }
}
.p-biz-block__txt {
  color: #000;
  font-size: 2rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block__txt {
    font-size: 1.6rem;
      text-align: justify;
  }
}
.p-biz-block__txt span {
  font-weight: 700;
}
.p-biz-block__img {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  gap: 2rem;
  width: 47rem;
}
@media screen and (max-width: 767.98px) {
  .p-biz-block__img {
    width: 100%;
    margin-top: 2rem;
  }
}
.p-biz-block__img img {
  border-radius: 2rem;
}

.p-service {
  text-align: center;
  border-radius: 6rem;
  background: #fff;
  padding: 14.2rem 0 4rem;
}
@media screen and (max-width: 767.98px) {
  .p-service {
    border-radius: 4rem;
    padding: 6rem 2rem 4rem;
    margin-top: 10rem;
  }
}
.p-service__txt {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.8;
  text-align: left;
  margin: 11.6rem 0 0;
}
@media screen and (max-width: 767.98px) {
  .p-service__txt {
    font-size: 1.6rem;
    margin: 4rem 0 0;
  }
}
.p-service__img {
  max-width: 108.6rem;
  margin: 1.2rem auto 6rem;
}
@media screen and (max-width: 767.98px) {
  .p-service__img {
    margin: 2rem 0;
  }
}

.p-instructor {
  margin-top: 40rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor {
    margin-top: 10rem;
  }
}
.p-instructor-block {
  position: relative;
  margin-top: 6rem;
  padding: 5.1rem 0 8.4rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block {
    margin-top: 4rem;
    padding: 5rem 0;
  }
}
.p-instructor-block:first-of-type {
  margin-top: 12rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block:first-of-type {
    margin-top: 4rem;
  }
}
.p-instructor-block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/about/bg_06.svg) center center/100% 100% no-repeat;
  width: calc((100vw - 108rem) / 2 + 84.7rem);
  height: 84.5rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block::before {
    background: #fff;
    height: 100%;
    width: 100%;
    border-radius: 4rem;
  }
}
.p-instructor-block__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: row-reverse;
  max-width: 108rem;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block__wrap {
    flex-flow: column;
  }
}
.p-instructor-block__content {
  width: 60rem;
  padding: 9.6rem 0 0;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block__content {
    width: auto;
    padding: 0 2rem;
  }
}
.p-instructor-block__ttl {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0 4rem;
  line-height: 1;
  font-size: 4rem;
  font-weight: 700;
  margin: 0 0 4.5rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block__ttl {
    flex-flow: column;
    align-items: flex-start;
    gap: 1rem 0;
    font-size: 2.4rem;
    margin: 3rem 0 3rem;
  }
}
.p-instructor-block__ttl span {
  font-size: 2.4rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block__ttl span {
    font-size: 1.6rem;
  }
}
.p-instructor-block-img {
  width: 39.8rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block-img {
    width: 100%;
    padding: 0 1.5rem;
    margin: 2rem 0 0;
  }
}
.p-instructor-block-img__01 {
  position: relative;
}
.p-instructor-block-img__01 img {
  position: relative;
  z-index: 2;
}
.p-instructor-block-img__01::after {
  content: "";
  position: absolute;
  top: 8rem;
  right: -1.4rem;
  width: 39.4rem;
  height: 39.4rem;
  border-radius: 100%;
  opacity: 0.5;
  background: url(../img/common/icn_dot_gr.png) center center/1rem auto repeat;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block-img__01::after {
    width: 30rem;
    height: 30rem;
  }
}
.p-instructor-block-img__02 {
  position: relative;
  width: 31rem;
  margin: 10rem 0 0 -2.5rem;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block-img__02 {
    width: 26rem;
    margin: 2rem 0 0;
  }
}
.p-instructor-block-img__02 img {
  position: relative;
  z-index: 2;
}
.p-instructor-block-img__02 .c-deco {
  bottom: 0;
  right: -1.2rem;
  width: 9.6rem;
}
.p-instructor-block-img__02 .c-dot {
  bottom: 4.5rem;
  right: -5.7rem;
  width: 11.5rem;
  height: 11.5rem;
}
.p-instructor-block__txt {
  font-size: 1.8rem;
  line-height: 1.7;
}
@media screen and (max-width: 767.98px) {
  .p-instructor-block__txt {
    font-size: 1.6rem;
      text-align: justify;
  }
}

.p-company {
  position: relative;
  margin-top: 42rem;
}
@media screen and (max-width: 767.98px) {
  .p-company {
    margin-top: 10rem;
  }
}
.p-company::before {
  content: "";
  position: absolute;
  top: 24rem;
  left: 0;
  width: calc((100% - 108rem) / 2 + 84.6rem);
  height: 85.8rem;
  background: url(../img/about/bg_07.svg) center center/100% 100% no-repeat;
}
@media screen and (max-width: 767.98px) {
  .p-company::before {
    top: -5rem;
    width: 100%;
    height: 100%;
    background-size: 200% 100%;
  }
}
.p-company-block {
  position: relative;
  max-width: 108rem;
  margin: 12rem auto 0;
  padding: 12rem 0 14.8rem;
}
@media screen and (max-width: 767.98px) {
  .p-company-block {
    margin: 4rem 0 0;
    padding: 2rem 2rem;
  }
}
.p-company-block .c-dot {
  bottom: 17.4rem;
  right: 18rem;
  width: 28rem;
  height: 28rem;
  opacity: 1;
}
@media screen and (max-width: 767.98px) {
  .p-company-block .c-dot {
    bottom: 24rem;
    right: -4rem;
    width: 20rem;
    height: 20rem;
  }
}
.p-company-block .c-deco {
  width: 13.2rem;
  bottom: 0;
  left: -6.2rem;
}
@media screen and (max-width: 767.98px) {
  .p-company-block .c-deco {
    width: 7rem;
    left: -2rem;
  }
}
.p-company-block dl {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.p-company-block dl dt {
  position: relative;
  width: 12.7rem;
  font-size: 2rem;
  line-height: 1.8;
  color: #5BA938;
  padding: 2rem 0;
}
@media screen and (max-width: 767.98px) {
  .p-company-block dl dt {
    width: 9rem;
    font-size: 1.4rem;
    padding: 1rem 0;
  }
}
.p-company-block dl dt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30rem;
  height: 1px;
  background: #5BA938;
}
.p-company-block dl dt:last-of-type {
  padding-bottom: 0;
}
.p-company-block dl dt:last-of-type::after {
  content: none;
}
.p-company-block dl dd {
  position: relative;
  width: calc(100% - 12.7rem);
  font-size: 1.8rem;
  line-height: 1.7;
  padding: 2.4rem 0 2rem;
}
@media screen and (max-width: 767.98px) {
  .p-company-block dl dd {
    width: calc(100% - 9rem);
    font-size: 1.4rem;
    padding: 1rem 0;
  }
}
.p-company-block dl dd::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30rem;
  height: 1px;
  background: #5BA938;
}
.p-company-block dl dd.line-w100::after {
    width: 100%
}
@media screen and (max-width: 767.98px) {
  .p-company-block dl dd::after {
    width: 100%;
  }
}
.p-company-block dl dd:last-of-type {
  padding-bottom: 0;
}
.p-company-block dl dd:last-of-type::after {
  content: none;
}
.p-company-block dl dd a {
  color: #333;
}
.p-company-block dl dd ul li {
  position: relative;
  padding: 0 0 0 2.4rem;
  margin-top: 1rem;
}
@media screen and (max-width: 767.98px) {
  .p-company-block dl dd ul li {
    font-size: 1.4rem;
    padding: 0 0 0 2rem;
    margin-top: 0.5rem;
  }
}
.p-company-block dl dd ul li:first-child {
  margin-top: 0;
}
.p-company-block dl dd ul li::before {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  background: #5BA938;
}
@media screen and (max-width: 767.98px) {
  .p-company-block dl dd ul li::before {
    top: 0.8rem;
    width: 1rem;
    height: 1rem;
  }
}
.p-company-block__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 55.5rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .p-company-block__img {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-top: 6rem;
  }
}
.p-company-block__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-access {
  position: relative;
  margin: 44rem 0 0;
  padding: 0 0 27rem;
}
@media screen and (max-width: 767.98px) {
  .p-access {
    margin: 10rem 0 0;
    padding: 0 2rem 10rem;
  }
}
.p-access::before {
  content: "";
  position: absolute;
  top: 21rem;
  right: 0;
  width: calc((100% - 108rem) / 2 + 60.2rem);
  height: 54.5rem;
  background: url(../img/about/bg_08.svg) center center/100% 100% no-repeat;
}
@media screen and (max-width: 767.98px) {
  .p-access::before {
    top: 2rem;
    width: 100%;
    height: 64rem;
    background-size: 200% 100%;
  }
}
.p-access-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 108rem;
  margin: 14.4rem auto 0;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .p-access-block {
    flex-flow: column;
    margin: 7rem 0 0;
  }
}
.p-access-block .c-dot {
  bottom: -7.4rem;
  right: 40rem;
  width: 22.4rem;
  height: 22.4rem;
  opacity: 1;
}
.p-access-block .c-deco {
  width: 9.4rem;
  bottom: 0;
  right: -5rem;
}
@media screen and (max-width: 767.98px) {
  .p-access-block .c-deco {
    bottom: -6rem;
  }
}
.p-access-block__map {
  position: relative;
  width: 59.7rem;
  height: 54.3rem;
  border-radius: 2rem;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .p-access-block__map {
    width: 100%;
    height: 30rem;
    margin: 0 0 2rem;
  }
}
.p-access-block__map iframe {
  width: 100%;
  height: 100%;
}
.p-access-block__content {
  width: 47rem;
  margin-right: -2.4rem;
}
@media screen and (max-width: 767.98px) {
  .p-access-block__content {
    width: 100%;
    margin: 0;
  }
}