@charset "UTF-8";

:root {
  --100vh: calc(100 * var(--vh, 1vh));
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.talk__item__play {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.talk__item .card4 {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
}

.menu__arrowList li a::after {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.talk__item__frame {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  position: relative;
}

.corp__info__item::after,
.corp__media__item::after,
.menu__arrowList li a::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.talk__item__thumbnail img,
.talk__item__thumbnail,
.menu__inner {
  height: 100%;
  width: 100%;
}

.menu__inner {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.menu__inner::-webkit-scrollbar {
  display: none;
}

.menu {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20;
  width: 54.6rem;
  height: var(--100vh, 100vh);
  background-color: white;
  -webkit-filter: drop-shadow(1rem 1rem 2rem rgba(122, 128, 134, 0.16));
  filter: drop-shadow(1rem 1rem 2rem rgba(122, 128, 134, 0.16));
  display: none;
}

@media only screen and (max-width: 767px) {
  .menu {
    width: 100%;
  }
}

.menu__overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: var(--100vh, 100vh);
  background-color: black;
  z-index: 15;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}

.menu__close {
  width: 3.433rem;
  position: absolute;
  top: 2.4rem;
  right: 2.6rem;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .menu__close:hover {
    opacity: 0.7;
  }
}

.menu__inner {
  overflow: auto;
}

.menu__container .tagList {
  margin: 1.2rem auto 2.1rem;
  width: 95%;
}

@media only screen and (max-width: 767px) {
  .menu__container .tagList {
    width: 100%;
    margin: 1.2rem auto 1.5rem;
  }
}

.menu__tagArea {
  padding: 5.2rem 8.5rem 1.9rem 3.8rem;
}

@media only screen and (max-width: 767px) {
  .menu__tagArea {
    padding: 5rem 3rem 1.9rem 3rem;
  }
}

.menu__ttl1 {
  padding: 0.8rem 1rem;
  background-image: url("../../images/common/dottedLine.svg");
  background-repeat: repeat-x;
  background-size: auto 0.2rem;
  background-position: bottom;
  margin: 0 0 1rem 0;
}

.menu__ttl1 span {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 1.8rem;
}

.menu__ttl1 span::before {
  top: 40%;
  left: -1.7rem;
  width: 3.6rem;
  height: 3.6rem;
}

.menu__ttl2 {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: 0.12em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.2rem;
}

.menu__ttl2 span {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  margin-left: 1rem;
}

.menu__ttl2::before {
  content: "";
  width: 0.4rem;
  height: 2.7rem;
  border-radius: 0.2rem;
  background: #d5d5d5;
  margin-right: 1rem;
}

.menu__ttl3 {
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 1.8rem;
  border-bottom: 1px solid #d5d5d5;
  padding: 0.9rem 0 0.9rem 1.5rem;
  margin: 1rem 0 1.9rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .menu__ttl3 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    padding: 0.9rem 0 0.9rem 1rem;
    margin: 1rem 0 1.5rem;
  }
}

.menu__ttl3::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #c1b37f;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.6rem;
}

.menu__ttl3 span {
  font-family: "Quicksand", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  line-height: 1.6rem;
  color: #c1b37f;
  margin-left: 0.9rem;
}

@media only screen and (max-width: 767px) {
  .menu__ttl3 span {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-left: 0.6rem;
  }
}

.menu__arrowList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.8rem auto 3rem;
  width: 95%;
}

@media only screen and (max-width: 767px) {
  .menu__arrowList {
    width: 100%;
    margin: -0.8rem auto 2rem;
  }
}

.menu__arrowList li {
  width: 46%;
}

.menu__arrowList li a {
  display: block;
  background-image: url("../images/common/dottedLine2.svg");
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
  padding: 1.1rem 1.7rem 1.1rem 0.4rem;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 1.8rem;
  font-weight: 400;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .menu__arrowList li a:hover {
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {
  .menu__arrowList li a {
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 1rem 1.5rem 1rem 0.4rem;
  }
}

.menu__arrowList li a::after {
  content: "";
  background-image: url("../images/common/arrow04.svg");
  right: 0;
  width: 1.4rem;
  height: 1.4rem;
}

.menu__arrowList li a.no-line {
  background-image: none;
}

.menu__arrowList.longer li {
  display: inline-block;
  width: auto;
}

.menu__arrowList.longer li a {
  padding-right: 2rem;
}

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

.menu__bnr50 a {
  border-radius: 0.9rem;
  width: 49%;
  display: block;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .menu__bnr50 a {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.menu__contactArea {
  position: relative;
  background-color: #f7f7f7;
  padding: 3.2rem 3rem 2.4rem;
}

@media only screen and (max-width: 767px) {
  .menu__contactArea {
    padding: 5rem 2rem 2.4rem;
  }
}

.menu__contactArea .snsList {
  position: absolute;
  top: 2.3rem;
  right: 2.6rem;
}

@media only screen and (max-width: 767px) {
  .menu__contactArea .snsList {
    right: 1rem;
  }
}

.menu__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.2rem;
}

@media only screen and (max-width: 767px) {
  .menu__info {
    margin: 0.5rem 0 0.5rem;
  }
}

.menu__hours {
  font-size: 1.1rem;
  line-height: 1.4rem;
  margin-left: 1.4rem;
}

.menu__btnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.2rem 1.1rem;
}

@media only screen and (max-width: 767px) {
  .menu__btnList {
    padding: 1.2rem 5rem;
  }
}

.menu__btnList li {
  margin-bottom: 1.2rem;
  width: 49%;
}

@media only screen and (max-width: 767px) {
  .menu__btnList li {
    width: 100%;
  }
}

.menu__bnr {
  border-radius: 1rem;
}

.menu__button {
  position: fixed;
  top: 1.6rem;
  right: 2.9rem;
  z-index: 10;
  width: 3.6rem;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .menu__button:hover {
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {
  .menu__button {
    right: 1rem;
  }
}

.menu-is-open {
  overflow: hidden;
}

.menu-is-open .menu__overlay {
  opacity: 0.2;
  pointer-events: auto;
}

.corp__mv {
  padding: 6.5rem 2rem 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__mv {
    padding: 5.5rem 0 0;
  }
}

.corp__mv::before {
  content: "";
  height: 100%;
  width: 44.5%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(91%, rgba(255, 255, 255, 0.9)), to(#fff));
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 91%, #fff 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

@media only screen and (max-width: 767px) {
  .corp__mv::before {
    display: none;
  }
}

.corp__mv__title {
  width: 45.348rem;
  position: absolute;
  bottom: -1px;
  left: 8%;
  z-index: 5;
}

@media only screen and (max-width: 767px) {
  .corp__mv__title {
    width: 33.9rem;
    bottom: -0.5rem;
  }
}

.corp__mv__sns {
  position: absolute;
  left: 0.2rem;
  top: 27rem;
  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;
  z-index: 5;
}

@media only screen and (max-width: 767px) {
  .corp__mv__sns {
    display: none;
  }
}

.corp__mv__sns__title {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  line-height: 4rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #c1b37f;
}

.corp__mv__sns .snsList {
  margin-top: 1.3rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.corp__mv__sns .snsList li {
  margin: 1.4rem 0;
}

.corp__mv__gallery__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 31.406vw 1.464vw 30.747vw 1.464vw 31.625vw;
  grid-template-columns: 31.406vw 30.747vw 31.625vw;
  -ms-grid-rows: 13.982vw 1.464vw 12.811vw 1.464vw 15.447vw;
  grid-template-rows: 13.982vw 12.811vw 15.447vw;
  grid-column-gap: 1.464vw;
  grid-row-gap: 1.464vw;
}

.corp__mv__gallery__grid>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.corp__mv__gallery__grid>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.corp__mv__gallery__grid>*:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.corp__mv__gallery__grid>*:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.corp__mv__gallery__grid>*:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.corp__mv__gallery__grid>*:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

.corp__mv__gallery__grid>*:nth-child(7) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

.corp__mv__gallery__grid>*:nth-child(8) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

.corp__mv__gallery__grid>*:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}

.corp__mv__gallery__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .corp__mv__gallery__block {
    margin-bottom: 1rem;
  }
}

.corp__mv__gallery__block:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}

.corp__mv__gallery__block:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}

.corp__mv__gallery__block:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 3/1/4/2;
}

.corp__mv__gallery__block:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}

.corp__mv__gallery__block:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
}

.corp__mv__gallery__block:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 3/2/4/3;
}

.corp__mv__gallery__block:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1/3/2/4;
}

.corp__mv__gallery__block:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 2/3/4/4;
}

.corp__mv__gallery__block__col {
  width: 18.228vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .corp__mv__gallery__block__col {
    width: 15.6rem;
    height: 35.8rem;
  }
}

.corp__mv__gallery .gallery-item {
  height: 100%;
  position: relative;
}

.corp__mv__gallery .gallery-item.item-01 {
  width: 18.668vw;
}

.corp__mv__gallery .gallery-item.item-02 {
  width: 11.201vw;
}

.corp__mv__gallery .gallery-item.item-03 {
  width: 9.151vw;
}

.corp__mv__gallery .gallery-item.item-04 {
  width: 20.644vw;
}

.corp__mv__gallery .gallery-item.item-07 {
  width: 20.498vw;
}

.corp__mv__gallery .gallery-item.item-08 {
  width: 8.638vw;
}

.corp__mv__gallery .gallery-item.item-09 {
  width: 19.18vw;
}

.corp__mv__gallery .gallery-item.item-10 {
  width: 10.249vw;
}

.corp__mv__gallery .gallery-item.item-12 {
  height: 12.811vw;
}

.corp__mv__gallery .gallery-item.item-13 {
  height: 15.593vw;
}

.corp__mv__gallery .gallery-item.item-05,
.corp__mv__gallery .gallery-item.item-06,
.corp__mv__gallery .gallery-item.item-11,
.corp__mv__gallery .gallery-item.item-12,
.corp__mv__gallery .gallery-item.item-13 {
  width: 100%;
}

.corp__mv__gallery .gallery-item.item-14 {
  width: 11.859vw;
}

.corp__mv__gallery .gallery-item.item-15 {
  width: 22.3rem;
  height: 35.8rem;
}

.corp__mv__gallery .gallery-item.item-16 {
  width: 100%;
  height: 21.8rem;
}

.corp__mv__gallery .gallery-item.item-17 {
  width: 100%;
  height: 13rem;
}

.corp__mv__gallery .gallery-item.item-18 {
  width: 100%;
  height: 17.7rem;
}

@-webkit-keyframes flip {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  6% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  44% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}

@keyframes flip {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  6% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  44% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}

@-webkit-keyframes firstflip {
  0% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}

@keyframes firstflip {
  0% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}

.corp__mv__gallery img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.corp__mv__gallery .flip-animation img:nth-child(1) {
  -webkit-animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
  animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}

.corp__mv__gallery .flip-animation img:nth-child(2),
.corp__mv__gallery .flip-animation img:nth-child(3) {
  -webkit-animation: flip 16s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: flip 16s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  opacity: 0;
}

.corp__mv__gallery .flip-animation.flip1 img:nth-child(1) {
  -webkit-animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s forwards;
  animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.2s forwards;
}

.corp__mv__gallery .flip-animation.flip1 img:nth-child(2) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.corp__mv__gallery .flip-animation.flip1 img:nth-child(3) {
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}

.corp__mv__gallery .flip-animation.flip2 img:nth-child(1) {
  -webkit-animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 4.7s forwards;
  animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 4.7s forwards;
}

.corp__mv__gallery .flip-animation.flip2 img:nth-child(2) {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.corp__mv__gallery .flip-animation.flip2 img:nth-child(3) {
  -webkit-animation-delay: 13.5s;
  animation-delay: 13.5s;
}

.corp__mv__gallery .flip-animation.flip3 img:nth-child(1) {
  -webkit-animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 5.2s forwards;
  animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 5.2s forwards;
}

.corp__mv__gallery .flip-animation.flip3 img:nth-child(2) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.corp__mv__gallery .flip-animation.flip3 img:nth-child(3) {
  -webkit-animation-delay: 14s;
  animation-delay: 14s;
}

.corp__mv__gallery .flip-animation.flip4 img:nth-child(1) {
  -webkit-animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 5.7s forwards;
  animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 5.7s forwards;
}

.corp__mv__gallery .flip-animation.flip4 img:nth-child(2) {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.corp__mv__gallery .flip-animation.flip4 img:nth-child(3) {
  -webkit-animation-delay: 14.5s;
  animation-delay: 14.5s;
}

.corp__mv__gallery .flip-animation.flip5 img:nth-child(1) {
  -webkit-animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 6.2s forwards;
  animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 6.2s forwards;
}

.corp__mv__gallery .flip-animation.flip5 img:nth-child(2) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.corp__mv__gallery .flip-animation.flip5 img:nth-child(3) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}

.corp__mv__gallery .flip-animation.flip6 img:nth-child(1) {
  -webkit-animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 6.7s forwards;
  animation: firstflip 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 6.7s forwards;
}

.corp__mv__gallery .flip-animation.flip6 img:nth-child(2) {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}

.corp__mv__gallery .flip-animation.flip6 img:nth-child(3) {
  -webkit-animation-delay: 15.5s;
  animation-delay: 15.5s;
}

.corp__campaign {
  padding: 1rem 0;
  border-top: 1px solid #e7e2d9;
  border-bottom: 1px solid #e7e2d9;
  margin-top: 1.9rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__campaign {
    margin-top: 0;
  }
}

.corp__campaign::after,
.corp__campaign::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #e7e2d9;
  position: absolute;
  left: 0;
}

.corp__campaign::after {
  top: -0.6rem;
}

.corp__campaign::before {
  bottom: 0.3rem;
}

.corp__campaign__inner {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.corp__campaign__inner__title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  white-space: nowrap;
  overflow: hidden;
}

.corp__campaign__inner__title em {
  font-family: "Quicksand", sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  color: #c1b37f;
}

.corp__campaign__inner__title span {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  padding: 0 1.6rem 0 0rem;
}

.corp__campaign__inner__title:nth-child(odd) {
  -webkit-animation: loop 50s -25s linear infinite;
  animation: loop 50s -25s linear infinite;
}

.corp__campaign__inner__title:nth-child(even) {
  -webkit-animation: loop2 50s linear infinite;
  animation: loop2 50s linear infinite;
}

@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

.corp__bnrArea {
  padding: 6rem 0 1rem;
}

@media only screen and (max-width: 767px) {
  .corp__bnrArea {
    padding: 4.3rem 0;
  }
}

.corp__bnrArea__container {
  width: 120rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .corp__bnrArea__container {
    width: 32.7rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.corp__bnrArea__item {
  margin: 10px;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .corp__bnrArea__item {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.corp__bnrArea__item a {
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .corp__bnrArea__item a:hover {
    opacity: 0.6;
  }
}

.corp__bnrArea__item__ttl1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.2rem;
}

.corp__bnrArea__item__ttl1 span {
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  color: #c1b37f;
  font-weight: 500;
}

.corp__bnrArea__item__ttl1::before,
.corp__bnrArea__item__ttl1::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1px;
  background: #c1b37f;
  margin: auto 1rem;
}

.corp__bnrArea__item__icon {
  margin: 0.8rem auto 0.5rem;
}

.corp__bnrArea__item__ttl2 {
  line-height: 2.2rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .corp__bnrArea__item__ttl2 {
    margin: 1.1rem 0 1.2rem;
  }
}

.corp__bnrArea__item__ttl2 span {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  background: linear-gradient(0deg, #d5d5d5 0%, #d5d5d5 1px, transparent 1px, transparent 100%);
}

.corp__bnrArea__item__list {
  background-image: url("../images/common/dottedLine2.svg");
  background-repeat: repeat-x;
  background-position-y: top;
  margin: 1.2rem 0;
  padding: 0.5rem 5.6rem 0;
}

@media only screen and (max-width: 767px) {
  .corp__bnrArea__item__list {
    padding: 1.5rem 2rem 0.5rem;
  }
}

.corp__bnrArea__item__list li a {
  display: block;
}

.corp__bnrArea__item__list li a time {
  font-weight: 400;
  font-size: 1.2rem;
}

.corp__bnrArea__item__list li a span {
  display: block;
  font-family: "Zen Maru Gothic Medium";
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  line-height: 2rem;
  padding: 0.1rem 0 0.5rem;
}

.corp__event {
  padding: 5rem 0;
}

@media only screen and (max-width: 767px) {
  .corp__event {
    padding: 2.1rem 0 4rem;
  }
}

.corp__event__inner {
  width: 120rem;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .corp__event__inner {
    width: 34rem;
  }
}

.corp__event__ttl1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d6d9da;
  line-height: 1.25;
}

@media only screen and (max-width: 767px) {
  .corp__event__ttl1 {
    margin-bottom: 1.5rem;
    border-bottom: none;
    -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;
  }
}

.corp__event__ttl1 em {
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  font-size: 5.8rem;
  letter-spacing: 0.12em;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__event__ttl1 em {
    font-size: 3rem;
  }
}

.corp__event__ttl1 em::before {
  content: "";
  position: absolute;
  top: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: -1;
  width: 8.4rem;
  height: 8.4rem;
  background: #f0fdfd;
  right: -4.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__event__ttl1 em::before {
    width: 4.8rem;
    height: 4.8rem;
    right: -2.5rem;
  }
}

.corp__event__ttl1 span {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  padding: 0.7rem 0 0 8rem;
}

@media only screen and (max-width: 767px) {
  .corp__event__ttl1 span {
    padding: 3rem 0 1.9rem 0;
    font-size: 1.4rem;
    line-height: 2.3rem;
  }
}

.corp__event__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-right: 2rem;
}

@media only screen and (max-width: 767px) {
  .corp__event__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-right: 0;
  }
}

.corp__event__people {
  position: absolute;
  left: 2.8rem;
  top: 14.2rem;
  width: 18.2rem;
}

@media only screen and (max-width: 767px) {
  .corp__event__people {
    width: 12rem;
    top: -16.3rem;
    left: 21rem;
  }
}

.corp__event__tagArea {
  width: 24rem;
  margin: 2.2rem 0 0;
}

@media only screen and (max-width: 767px) {
  .corp__event__tagArea {
    width: 100%;
    margin: 4.2rem 0 0 0;
  }
}

.corp__event__list {
  margin-top: 0.6rem;
}

@media only screen and (max-width: 767px) {
  .corp__event__list {
    margin-top: 1.5rem;
    text-align: center;
  }
}

.corp__event__list li {
  display: inline-block;
  margin: 0 0.4rem 0.4rem 0;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .corp__event__list li {
    margin: 0 2rem 1.5rem 0;
  }
}

.corp__event__list li a,
.corp__event__list li span {
  font-size: 1.2rem;
  text-align: left;
  color: #7a8086;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #d6d6d6;
  padding: 0.4rem 0.6rem 0.6rem;
  display: block;
  font-weight: 400;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {

  .corp__event__list li a:hover,
  .corp__event__list li span:hover {
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {

  .corp__event__list li a,
  .corp__event__list li span {
    font-size: 1.4rem;
    padding: 0.66rem 1rem;
  }
}

.corp__event__ttl2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  font-size: 1.4rem;
  white-space: nowrap;
}

.corp__event__ttl2 img {
  margin-right: 0.4rem;
}

@media only screen and (max-width: 767px) {
  .corp__event__ttl2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .corp__event__ttl2::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #d6d9da;
    margin: 0 0 0 1.5rem;
  }
}

.corp__event__sliderArea {
  width: 89rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__event__sliderArea {
    width: 100%;
    margin: 0;
  }
}

.corp__event__sliderArea .corp__event__slider__prev {
  left: -1.4rem;
}

.corp__event__sliderArea .corp__event__slider__next {
  right: -1.4rem;
}

.corp__event__slider {
  padding: 2.5rem 0;
}

@media only screen and (max-width: 767px) {
  .corp__event__slider {
    padding: 0;
  }

  .corp__event__slider .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.corp__event__slide {
  padding: 0 1.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__event__slide {
    padding: 0 0 1.8rem;
  }

  .corp__event__slide:nth-child(n+5) {
    display: none;
  }

  .corp__event__slide:nth-child(4) .card1 {
    background-image: none;
  }
}

.corp__concept {
  padding: 0 0 4.4rem;
}

@media only screen and (max-width: 767px) {
  .corp__concept {
    background: #fdf2f0;
  }
}

.corp__concept__container {
  width: 120rem;
  margin: auto;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdf2f0), color-stop(93%, #fdf2f0), color-stop(93%, transparent), to(transparent));
  background: linear-gradient(180deg, #fdf2f0 0%, #fdf2f0 93%, transparent 93%, transparent 100%);
  padding: 5rem 0 0;
  border-radius: 40px;
}

@media only screen and (max-width: 767px) {
  .corp__concept__container {
    width: 100%;
    padding: 3.2rem 0 0;
  }
}

.corp__concept__house {
  width: 15.6rem;
  margin: 0 auto 0;
}

@media only screen and (max-width: 767px) {
  .corp__concept__house {
    width: 13.4rem;
  }
}

.corp__concept__ttl1 {
  font-weight: 500;
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  line-height: 4.8rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .corp__concept__ttl1 {
    font-size: 1.8rem;
    margin: -0.5rem 0 2rem;
  }
}

.corp__concept__ttl1::after {
  content: "";
  width: 2rem;
  height: 0.2rem;
  background: #7a8086;
  display: block;
  margin: auto;
  margin-top: 0.6rem;
}

@media only screen and (max-width: 767px) {
  .corp__concept__ttl1::after {
    margin-top: 0;
    width: 1.6rem;
  }
}

.corp__concept__head {
  width: 82.8rem;
  margin: 0 auto 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .corp__concept__head {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.corp__concept__head_img {
  width: 34.2rem;
  -webkit-filter: drop-shadow(3px 3px 6px rgba(122, 128, 134, 0.1));
  filter: drop-shadow(3px 3px 6px rgba(122, 128, 134, 0.1));
}

@media only screen and (max-width: 767px) {
  .corp__concept__head_img {
    width: 27.9rem;
    margin: auto;
  }
}

.corp__concept__textArea {
  padding: 7.2rem 0 0 0;
}

@media only screen and (max-width: 767px) {
  .corp__concept__textArea {
    padding: 0;
  }
}

.corp__concept__textArea .whiteBtn a {
  margin: 0 auto 0 0;
}

@media only screen and (max-width: 767px) {
  .corp__concept__textArea .whiteBtn a {
    margin: 0 auto;
  }
}

.corp__concept__ttl2 {
  width: 39.8rem;
  margin-bottom: 3.4rem;
}

@media only screen and (max-width: 767px) {
  .corp__concept__ttl2 {
    width: 27.6rem;
    margin: -2.1rem auto 5rem;
    position: relative;
  }
}

.corp__concept__list {
  width: 98.8rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .corp__concept__list {
    width: 32rem;
  }
}

.corp__concept__item {
  position: relative;
  display: block;
  width: 29.7rem;
  background-color: white;
  height: 35.5rem;
  border-radius: 1rem;
  border: 0.8rem solid #fff;
  position: relative;
  -webkit-box-shadow: 10px 10px 30px rgba(122, 128, 134, 0.1);
  box-shadow: 10px 10px 30px rgba(122, 128, 134, 0.1);
}

@media only screen and (max-width: 767px) {
  .corp__concept__item {
    width: 100%;
    margin: 0 auto 4rem;
    height: 23.1rem;
  }
}

.corp__concept__item:nth-child(1) .corp__concept__item__ttl1 {
  background-color: #b6d0c8;
}

.corp__concept__item:nth-child(1) .corp__concept__item__ttl1::before {
  border-right-color: #a3b3ae;
}

.corp__concept__item:nth-child(2) .corp__concept__item__ttl1 {
  background-color: #dfbdb8;
}

.corp__concept__item:nth-child(2) .corp__concept__item__ttl1::before {
  border-right-color: #d2a9a5;
}

.corp__concept__item:nth-child(3) .corp__concept__item__ttl1 {
  background-color: #d1cbba;
}

.corp__concept__item:nth-child(3) .corp__concept__item__ttl1::before {
  border-right-color: #c0b7a2;
}

.corp__concept__item:nth-child(4) .corp__concept__item__ttl1 {
  background-color: #b5b9a4;
}

.corp__concept__item:nth-child(4) .corp__concept__item__ttl1::before {
  border-right-color: #a3a88b;
}

.corp__concept__item:nth-child(5) .corp__concept__item__ttl1 {
  background-color: #afced1;
}

.corp__concept__item:nth-child(5) .corp__concept__item__ttl1::before {
  border-right-color: #8fb9bd;
}

.corp__concept__item:nth-child(6) .corp__concept__item__ttl1 {
  background-color: #d7d3ac;
}

.corp__concept__item:nth-child(6) .corp__concept__item__ttl1::before {
  border-right-color: #bbb897;
}

.corp__concept__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.corp__concept__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.corp__concept__item__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1.5rem 1.9rem;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(26.08%, rgba(255, 255, 255, 0.9)), color-stop(100%, #fff), to(rgba(128, 128, 128, 0)));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 26.08%, #fff 100%, rgba(128, 128, 128, 0) 100%);
  min-height: 26.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .corp__concept__item__text {
    min-height: 15.5rem;
    padding: 0 0.5rem 0;
  }

  .corp__concept__item__text::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0.8rem;
    right: 0rem;
    background-size: contain;
    background-image: url("../images/front-page/info_arrow.svg");
    width: 2.3rem;
    height: 2.3rem;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}

.corp__concept__item__text .whiteBtn a,
.corp__concept__item__text .whiteBtn span {
  height: 4rem;
  width: 18.4rem;
  font-size: 1.4rem;
  padding-right: 2.2rem;
}

.corp__concept__item__text .whiteBtn a::after,
.corp__concept__item__text .whiteBtn span::after {
  right: 2.8rem;
}

.corp__concept__item__ttl1 {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  height: 4rem;
  color: #fff;
  position: absolute;
  left: -0.9rem;
  top: -0.9rem;
  padding: 0.5rem 1.3rem 0 0.8rem;
  min-width: 12.2rem;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, calc(100% - 0.7rem) 50%, calc(100% - 0.7rem) 50%, 100% 100%, 100% 100%, 0% 190%, 0% 190%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, calc(100% - 0.7rem) 50%, calc(100% - 0.7rem) 50%, 100% 100%, 100% 100%, 0% 190%, 0% 190%);
}

@media only screen and (max-width: 767px) {
  .corp__concept__item__ttl1 {
    left: -1.6rem;
    top: -1.8rem;
  }
}

.corp__concept__item__ttl1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border-right: 0.9rem solid #a3b3ae;
  border-bottom: 0.9rem solid transparent;
  width: 0;
  height: 0;
}

.corp__concept__item__ttl2 {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 2.3rem;
}

@media only screen and (max-width: 767px) {
  .corp__concept__item__ttl2 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

.corp__concept__item__list {
  margin: 1rem 0 0.8rem;
  line-height: 1;
}

.corp__concept__item__list li {
  display: inline-block;
  margin: 0 0.4rem 0.4rem 0;
  font-size: 1.2rem;
  text-align: left;
  color: #7a8086;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #d6d6d6;
  padding: 0.6rem 0.6rem 0.8rem 0.6rem;
  font-weight: 400;
}

.corp__work {
  padding: 5.4rem 0 7rem 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f4dc), color-stop(40.3rem, #f8f4dc), color-stop(40.3rem, transparent), to(transparent));
  background: linear-gradient(180deg, #f8f4dc 0%, #f8f4dc 40.3rem, transparent 40.3rem, transparent 100%);
}

@media only screen and (max-width: 767px) {
  .corp__work {
    padding: 4.2rem 0 8rem 0;
  }
}

.corp__work__inner {
  width: 136.6rem;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__work__inner {
    width: 100%;
  }
}

.corp__work__inner .scroll {
  top: -10rem;
  left: 12.2rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__inner .scroll {
    display: none;
  }
}

.corp__work__ttl1 {
  line-height: 1.55;
  text-align: center;
}

.corp__work__ttl1 em {
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  font-size: 5.8rem;
  letter-spacing: 0.12em;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .corp__work__ttl1 em {
    font-size: 3rem;
  }
}

.corp__work__ttl1 em::before {
  content: "";
  position: absolute;
  top: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: -1;
  width: 8.4rem;
  height: 8.4rem;
  background: #eff7ef;
  left: -2.6rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__ttl1 em::before {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.corp__work__ttl1 span {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  display: block;
}

@media only screen and (max-width: 767px) {
  .corp__work__ttl1 span {
    font-size: 1.4rem;
    margin-top: 1.6rem;
  }
}

.corp__work__tagArea {
  width: 100.3rem;
  margin: 4.4rem auto 0;
}

@media only screen and (max-width: 767px) {
  .corp__work__tagArea {
    width: 100%;
    margin: 2.7rem auto 0;
    padding: 0 3.1rem;
  }
}

.corp__work__ttl2 {
  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;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}

.corp__work__ttl2::before,
.corp__work__ttl2::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #7a8086;
  opacity: 0.3;
}

.corp__work__ttl2::before {
  margin-right: 3rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__ttl2::before {
    display: none;
  }
}

.corp__work__ttl2::after {
  margin-left: 3rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__ttl2::after {
    margin-left: 1rem;
  }
}

.corp__work__list {
  text-align: center;
  margin-top: 0.7rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__list {
    margin-top: 1.6rem;
  }
}

.corp__work__list li {
  display: inline-block;
  margin: 0 5px 5px 0;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .corp__work__list li {
    padding: 0;
  }
}

.corp__work__list li a,
.corp__work__list li span {
  font-size: 1.2rem;
  text-align: left;
  color: #7a8086;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #d6d6d6;
  padding: 0.4rem;
  display: block;
  font-weight: 400;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {

  .corp__work__list li a:hover,
  .corp__work__list li span:hover {
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {

  .corp__work__list li a,
  .corp__work__list li span {
    font-size: 1.2rem;
    padding: 0.3rem 0.4rem;
  }
}

.corp__work__container {
  width: 120rem;
  margin: 4.4rem auto 0;
}

@media only screen and (max-width: 767px) {
  .corp__work__container {
    width: 34rem;
    margin: 2.2rem auto 0.8rem;
  }
}

.corp__work__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr 2rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__content {
    -ms-grid-columns: 15.5rem 1rem 15.5rem;
    grid-template-columns: 15.5rem 15.5rem;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
}

.corp__work__item {
  display: block;
  margin-bottom: 3.8rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__item {
    margin-bottom: 2.8rem;
  }
}

.corp__work__item.video .corp__work__item__img::before {
  content: "ルームツアー動画あり";
  background-image: url(../images/front-page/icon_video.png);
  background-repeat: no-repeat;
  background-size: 1.4rem 0.9rem;
  background-position: 0.6rem 0.8rem;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.1rem 0.5rem 0.1rem 2.4rem;
  font-weight: 500;
  font-size: 1.2rem;
  color: #fff;
  background-color: #c1b37f;
  border-radius: 1rem 0.3rem 0.3rem 0.3rem;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .corp__work__item.video .corp__work__item__img::before {
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.1rem;
    background-position: 0.6rem 0.8rem;
    padding: 0.4rem 0.1rem 0.5rem 2.4rem;
  }
}

.corp__work__item__img {
  width: 100%;
  height: 20rem;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__work__item__img {
    height: 10.3rem;
  }
}

.corp__work__item__img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.corp__work__item__time {
  font-size: 1.2rem;
  margin: 0.9rem 0 0rem;
}

@media only screen and (max-width: 767px) {
  .corp__work__item__time {
    margin: 0.3rem 0 0rem;
  }
}

.corp__work__item__tag {
  font-size: 1.2rem;
  text-align: left;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #d6d6d6;
  margin: 0 5px 0 0;
  padding: 0.3rem 0.4rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .corp__work__item__tag {
    margin: 0 5px 3px 0;
  }
}

.corp__work__item__title {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 2.08rem;
  margin-top: 0.7rem;
}

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

.corp__work .whiteBtn a {
  padding-left: 0.3rem;
}

.corp__work .whiteBtn a:after {
  right: 3rem;
}

.corp__media {
  padding: 15rem 0 4rem 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__media {
    padding: 15rem 0 1.5rem 0;
  }
}

.corp__media::before {
  content: "";
  width: 93vw;
  background: url(../images/front-page/media_bg.jpg) no-repeat center;
  background-size: cover;
  height: 85.5rem;
  border-radius: 0rem 10rem 0rem 0rem;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .corp__media::before {
    background-image: url(../images/front-page/media_bg_sp.jpg);
    height: 19rem;
    border-radius: 0;
  }
}

.corp__media__bg {
  position: relative;
  z-index: 1;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #f6f5f2), to(#f6f5f2));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #f6f5f2 50%, #f6f5f2 100%);
}

@media only screen and (max-width: 767px) {
  .corp__media__bg {
    background: transparent;
  }
}

.corp__media__inner {
  position: relative;
  z-index: 1;
  width: 136.6rem;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .corp__media__inner {
    width: 100%;
  }
}

.corp__media__container {
  position: relative;
  z-index: 1;
  width: 117.3rem;
  margin-left: auto;
  border-radius: 10rem 0rem 0rem 10rem;
  background: #f6f5f2;
  padding-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__container {
    width: 100%;
    border-radius: 5rem 5rem 0rem 0rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f5f2), color-stop(70.7rem, #f6f5f2), color-stop(70.7rem, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #f6f5f2 0%, #f6f5f2 70.7rem, rgba(255, 255, 255, 0) 70.7rem, rgba(255, 255, 255, 0) 100%);
  }
}

.corp__media__titleArea {
  width: 66.5rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .corp__media__titleArea {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.corp__media__textArea {
  padding: 5.4rem 0 0 7rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__textArea {
    text-align: center;
    padding: 2.2rem 0 0;
  }
}

.corp__media__imageArea {
  width: 30.4rem;
  margin: -4.4rem 0 -1rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__imageArea {
    width: 16.5rem;
    margin: -2.6rem auto 0;
  }
}

.corp__media__ttl1 {
  margin: 0 0 -1.2rem 0.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__ttl1 {
    display: none;
  }
}

.corp__media__ttl2 {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
  .corp__media__ttl2 {
    font-size: 2rem;
  }
}

.corp__media__ttl2 span {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
  .corp__media__ttl2 span {
    margin-top: 0.5rem;
  }
}

.corp__media__copy {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 2.2rem;
  margin-top: 1.8rem;
}

.corp__media__sliderArea {
  width: 56rem;
  margin: auto;
  margin-bottom: 3rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__media__sliderArea {
    width: 100%;
    padding: 0;
  }
}

.corp__media__sliderArea .corp__media__slider__prev {
  left: -1.7rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__sliderArea .corp__media__slider__prev {
    left: 1.5rem;
  }
}

.corp__media__sliderArea .corp__media__slider__next {
  right: -1.7rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__sliderArea .corp__media__slider__next {
    right: 1.5rem;
  }
}

.corp__media__tagArea {
  width: 90rem;
  margin: 3.5rem auto 0;
}

@media only screen and (max-width: 767px) {
  .corp__media__tagArea {
    width: 100%;
    padding: 0 3.1rem;
  }
}

.corp__media__ttl {
  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;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
}

.corp__media__ttl::before,
.corp__media__ttl::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #7a8086;
  opacity: 0.3;
}

.corp__media__ttl::before {
  margin-right: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__ttl::before {
    display: none;
  }
}

.corp__media__ttl::after {
  margin-left: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__ttl::after {
    margin-left: 1rem;
  }
}

.corp__media__list {
  text-align: center;
  margin-top: 0.7rem;
}

.corp__media__list li {
  display: inline-block;
  margin: 0 0.4rem;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .corp__media__list li {
    margin: 0 1rem 1.5rem;
  }
}

.corp__media__list li a,
.corp__media__list li span {
  font-size: 1rem;
  text-align: left;
  color: #7a8086;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #efefef;
  padding: 0.4rem;
  display: block;
  font-weight: 400;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {

  .corp__media__list li a:hover,
  .corp__media__list li span:hover {
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {

  .corp__media__list li a,
  .corp__media__list li span {
    font-size: 1.4rem;
    padding: 0.66rem 1rem;
  }
}

.corp__media__slider {
  height: 100%;
  padding: 3rem 0;
}

@media only screen and (max-width: 767px) {
  .corp__media__slider {
    padding: 2.5rem 0 4rem;
  }
}

.corp__media__slide {
  padding: 1.2rem;
  width: 32rem;
}

@media only screen and (max-width: 767px) {
  .corp__media__slide {
    width: 100%;
    width: 26.2rem;
    padding: 0.6rem;
  }
}

.corp__media__item {
  background-color: white;
  position: relative;
  display: block;
  height: 45rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 0.8rem solid #fff;
  -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(122, 128, 134, 0.14);
  box-shadow: 0.5rem 0.5rem 1rem rgba(122, 128, 134, 0.14);
}

@media only screen and (max-width: 767px) {
  .corp__media__item {
    height: 37.6rem;
  }
}

.corp__media__item article {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 100%;
}

.corp__media__item::after {
  content: "";
  z-index: 2;
  position: absolute;
  bottom: 0.3rem;
  right: 0.2rem;
  background-image: url("../images/front-page/info_arrow.svg");
  width: 2.3rem;
  height: 2.3rem;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.corp__media__item__time {
  font-size: 1.2rem;
}

.corp__media__item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1.5rem 0.7rem;
  z-index: 1;
  min-height: 16.6rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(26.08%, rgba(255, 255, 255, 0.9)), color-stop(100%, #fff), to(rgba(128, 128, 128, 0)));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 26.08%, #fff 100%, rgba(128, 128, 128, 0) 100%);
}

@media only screen and (max-width: 767px) {
  .corp__media__item__text {
    min-height: 15rem;
    padding: 0 1rem 1rem;
  }
}

.corp__media__item__ttl2 {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 2.7rem;
  color: #7a8086;
}

@media only screen and (max-width: 767px) {
  .corp__media__item__ttl2 {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

.corp__media__item__tag {
  font-size: 1.2rem;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid #d6d6d6;
  padding: 0.3rem 0.4rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0.7rem 0 1rem;
}

.corp__lineup {
  padding-bottom: 10rem;
}

@media only screen and (max-width: 767px) {
  .corp__lineup {
    padding-bottom: 5rem;
  }
}

.corp__lineup__ttl1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d6d9da;
  line-height: 1.25;
  width: 100rem;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .corp__lineup__ttl1 {
    width: 33rem;
    padding: 1.5rem 0.5rem;
  }
}

.corp__lineup__ttl1 em {
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  font-size: 5.8rem;
  letter-spacing: 0.12em;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .corp__lineup__ttl1 em {
    font-size: 3rem;
  }
}

.corp__lineup__ttl1 em::before {
  content: "";
  position: absolute;
  top: 57%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: -1;
  width: 8.4rem;
  height: 8.4rem;
  background: #fdf2f0;
  left: -2rem;
}

@media only screen and (max-width: 767px) {
  .corp__lineup__ttl1 em::before {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.corp__lineup__ttl1 span {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  padding: 0.7rem 0 0 8rem;
}

@media only screen and (max-width: 767px) {
  .corp__lineup__ttl1 span {
    font-size: 1.4rem;
    padding: 0.7rem 0 0 2.5rem;
  }
}

.corp__lineup__container {
  width: 100rem;
  margin: 5rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .corp__lineup__container {
    width: 92.7%;
    margin: 3.2rem auto 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.corp__lineup__item {
  display: block;
  width: 47.6rem;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

@media only screen and (min-width: 768px) {
  .corp__lineup__item:hover {
    opacity: 0.6;
  }
}

@media only screen and (max-width: 767px) {
  .corp__lineup__item {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.corp__first {
  background-color: #f0fdfd;
  padding: 8rem 0 9rem;
}

@media only screen and (max-width: 767px) {
  .corp__first {
    padding: 8rem 0 5rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0fdfd), color-stop(94%, #f0fdfd), color-stop(94%, transparent), to(transparent));
    background: linear-gradient(180deg, #f0fdfd 0%, #f0fdfd 94%, transparent 94%, transparent 100%);
  }
}

.corp__first__inner {
  padding-left: 15rem;
}

@media only screen and (max-width: 767px) {
  .corp__first__inner {
    padding: 0;
  }
}

.corp__first__ttl1 {
  width: 41.6rem;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .corp__first__ttl1 {
    width: 28rem;
  }
}

.corp__first__taglist {
  text-align: center;
  margin-top: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__first__taglist {
    margin: 3.2rem auto 0;
    max-width: 35rem;
  }
}

.corp__first__taglist li {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 1;
  border-radius: 0.3rem;
  background: #fff;
  border: 1px solid rgba(224, 224, 224, 0.5);
  padding: 0.4rem 0.4rem;
  display: inline-block;
  margin: 0 0.2rem;
}

@media only screen and (max-width: 767px) {
  .corp__first__taglist li {
    font-size: 1.3rem;
    padding: 0.6rem 0.6rem;
    margin: 0 0.4rem 0.8rem;
  }
}

.corp__first__p {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__first__p {
    font-size: 1.8rem;
    margin-top: 0.3rem;
  }
}

.corp__first__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -0.4rem auto 0;
  width: 94rem;
}

@media only screen and (max-width: 767px) {
  .corp__first__container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
  }
}

.corp__first__textArea {
  width: 32.4rem;
  padding-top: 6rem;
}

@media only screen and (max-width: 767px) {
  .corp__first__textArea {
    width: 100%;
    padding-top: 3.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .corp__first__ttl2 {
    width: 27.6rem;
    margin: auto;
  }
}

.corp__first__checklist {
  margin: 1.9rem 0 3rem;
}

@media only screen and (max-width: 767px) {
  .corp__first__checklist {
    margin: 2.3rem 0 3.3rem 4rem;
  }
}

.corp__first__checklist li {
  position: relative;
  padding-left: 4rem;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 2.3rem;
  margin-bottom: 1.2rem;
}

.corp__first__checklist li em {
  background-image: url("../images/common/color_f8f4dc.jpg");
  background-size: 100% 70%;
  background-position: left center;
}

.corp__first__checklist li::before {
  content: "";
  position: absolute;
  top: 63%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(../images/front-page/first_check.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.corp__first__imgArea {
  width: 60%;
}

@media only screen and (max-width: 767px) {
  .corp__first__imgArea {
    width: 100%;
    margin: 2.8rem 10px 0;
  }
}

.corp__faq {
  padding: 3rem 0 0rem;
}

@media only screen and (max-width: 767px) {
  .corp__faq {
    padding: 2rem 0 4.3rem;
  }
}

.corp__faq__inner {
  width: 90.2rem;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .corp__faq__inner {
    width: 33.2rem;
  }
}

.corp__faq__ttl1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__faq__ttl1 {
    margin-bottom: 3rem;
  }
}

.corp__faq__ttl1 em {
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  font-size: 5.8rem;
  letter-spacing: 0.12em;
}

@media only screen and (max-width: 767px) {
  .corp__faq__ttl1 em {
    font-size: 3rem;
  }
}

.corp__faq__ttl1 em::before {
  width: 8.4rem;
  height: 8.4rem;
  top: 55%;
  left: -2rem;
}

@media only screen and (max-width: 767px) {
  .corp__faq__ttl1 em::before {
    width: 4.8rem;
    height: 4.8rem;
    top: 50%;
    left: -1.2rem;
  }
}

.corp__faq__ttl1 span {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  margin-left: 1.8rem;
}

@media only screen and (max-width: 767px) {
  .corp__faq__ttl1 span {
    font-size: 1.4rem;
  }
}

.corp__faq__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #d0cbbc;
  position: relative;
  padding-right: 1.8rem;
  margin-bottom: 5.6rem;
}

@media only screen and (max-width: 767px) {
  .corp__faq__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
  }
}

.corp__faq__container::before {
  content: "";
  position: absolute;
  top: -1.5px;
  left: 0;
  width: 4.1rem;
  height: 2px;
  background: #c1b37f;
}

.corp__faq__ttl2 {
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 2.6rem;
  margin-top: 2.4rem;
}

.corp__faq__accordion {
  width: 56.1rem;
  padding-top: 1rem;
}

@media only screen and (max-width: 767px) {
  .corp__faq__accordion {
    width: 100%;
    padding-top: 2rem;
  }
}

.corp__faq__accordion__item {
  position: relative;
  cursor: pointer;
}

.corp__faq__accordion__item.active .corp__faq__accordion__item__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}

.corp__faq__accordion__item__icon {
  width: 2.6rem;
  height: 2.6rem;
  background: #d0cbbc;
  border-radius: 50%;
  top: 1.3rem;
  right: 0;
  position: absolute;
}

.corp__faq__accordion__item__icon::before,
.corp__faq__accordion__item__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 0.2rem;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.corp__faq__accordion__item__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.corp__faq__accordion__item__q {
  background-image: url("../images/common/dottedLine2.svg");
  background-repeat: repeat-x;
  background-position: left bottom;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .corp__faq__accordion__item__q:hover {
    opacity: 0.7;
  }
}

.corp__faq__accordion__item__q p {
  padding: 1.7rem 3.5rem 1.7rem 0.3rem;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
}

.corp__faq__accordion__item__a {
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  max-height: 0;
}

.corp__faq__accordion__item__a p {
  padding: 1.7rem 1rem 1.7rem 0.3rem;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
}

.page-front .contact {
  margin-top: -1.6rem;
}

.page-front .contact__inner {
  margin: 0 15px;
}

.page-front .contact__ttl1 span:after {
  display: none;
}

.page-front .contact__ttl1 span:before {
  background-image: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 88%;
  border-radius: 50%;
  width: 8.4rem;
  height: 8.4rem;
  background: #f0fdfd;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .page-front .contact__ttl1 span:before {
    width: 4.8rem;
    height: 4.8rem;
    left: 80%;
  }
}

.corp__info {
  padding: 4rem 0 16.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__info {
    padding: 6.5rem 0 12rem;
  }
}

.corp__info__container {
  width: 100rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .corp__info__container {
    width: 32.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3rem;
  }
}

.corp__info__titleArea {
  width: 26rem;
}

@media only screen and (max-width: 767px) {
  .corp__info__titleArea {
    width: 100%;
  }
}

.corp__info__titleArea .whiteBtn a {
  padding-left: 1rem;
}

.corp__info__titleArea .whiteBtn a::after {
  right: 2rem;
}

.corp__info__ttl1 {
  line-height: 1.25;
}

.corp__info__ttl1 span {
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  font-size: 4rem;
  letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
  .corp__info__ttl1 span {
    font-size: 3rem;
  }
}

.corp__info__ttl1 span::before {
  width: 8.4rem;
  height: 8.4rem;
  left: -3rem;
}

@media only screen and (max-width: 767px) {
  .corp__info__ttl1 span::before {
    width: 4.8rem;
    height: 4.8rem;
    left: -1.5rem;
  }
}

.corp__info__ttl2 {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  margin: 3.3rem 0 5rem 1.2rem;
}

@media only screen and (max-width: 767px) {
  .corp__info__ttl2 {
    margin: 1rem 0 1.7rem 0;
  }
}

.corp__info__newsArea {
  width: 56rem;
}

@media only screen and (max-width: 767px) {
  .corp__info__newsArea {
    width: 100%;
  }
}

.corp__info__item {
  display: block;
  background-image: url("../images/common/dottedLine2.svg");
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 1.7rem 5.5rem 1.7rem 0.3rem;
  position: relative;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .corp__info__item:hover {
    opacity: 0.7;
  }
}

@media only screen and (max-width: 767px) {
  .corp__info__item {
    padding: 1.8rem 5.5rem 1.2rem 0.3rem;
  }
}

.corp__info__item::after {
  content: "";
  position: absolute;
  bottom: 1.3rem;
  right: 2.2rem;
  background-image: url("../images/front-page/info_arrow.svg");
  width: 2.6rem;
  height: 2.6rem;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.corp__info__item__info time {
  font-size: 12px;
}

.corp__info__item__info span {
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  color: #fff;
  border-radius: 0.3rem;
  background: #c1b37f;
  margin-left: 1rem;
  padding: 0rem 0.4rem;
}

.corp__info__item__title {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.06em;
  padding-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .corp__info__item__title {
    padding: 0.9rem 0 0;
  }
}

.corp__company {
  padding: 16rem 0 5rem;
}

@media only screen and (max-width: 767px) {
  .corp__company {
    padding: 10rem 15px 2rem;
  }
}

.corp__company__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  background-color: #f7f4f2;
  padding: 20px;
  border-radius: 15px;
}

.corp__company__inner .company-data-title {
  font-size: 2.1rem;
  margin: 0 0 20px 0;
  padding: 20px;
  font-weight: 500;
  color: #af9b50;
  text-align: center;
  letter-spacing: 0.12em;
}

@media only screen and (max-width: 767px) {
  .corp__company__inner .company-data-title {
    font-size: 1.7rem;
    padding: 10px;
  }
}

.corp__company__inner .ttlStyle_02 {
  text-align: center;
  margin-bottom: 10px;
}

.corp__company__inner .readTx {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.7;
  margin: 5px 0 25px;
}

.corp__company__inner .tx {
  font-size: 1.5rem;
  line-height: 1.7;
  margin-bottom: 30px;
  text-align: center;
}

.corp__company__inner .company-data {
  border-collapse: collapse;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  table-layout: fixed;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border-spacing: 0;
}

.corp__company__inner .company-data tr {
  border-top: 1px solid #ddd;
}

.corp__company__inner .company-data tr th,
.corp__company__inner .company-data tr td {
  font-size: 1.4rem;
  padding: 10px;
  line-height: 1.7;
  width: 100%;
  text-align: left;
}

@media only screen and (max-width: 767px) {

  .corp__company__inner .company-data tr th,
  .corp__company__inner .company-data tr td {
    display: block;
    font-size: 1.4rem;
    text-align: center;
  }
}

.corp__company__inner .company-data tr th {
  width: 25%;
  text-align: center;
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .corp__company__inner .company-data tr th {
    width: 100%;
    font-size: 1.2rem;
  }
}

.corp__company__ttl1 {
  width: 40rem;
  margin: auto;
  text-align: center;
  font-size: 2.2rem;
}

@media only screen and (max-width: 767px) {
  .corp__company__ttl1 {
    width: 28rem;
  }
}

.talk {
  padding: 0 0 10.5rem;
}

@media only screen and (max-width: 767px) {
  .talk {
    padding: 0 0 7rem;
  }
}

.talk__inner {
  max-width: 136.6rem;
  margin: auto;
}

.talk__titleArea {
  max-width: 86.8rem;
  margin: auto;
  position: relative;
  padding: 10rem 0 0.3rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .talk__titleArea {
    padding: 4.7rem 0 0.3rem;
  }
}

.talk .title01 span::before {
  width: 9.8rem;
  height: 9.8rem;
  left: -5rem;
}

@media only screen and (max-width: 767px) {
  .talk .title01 span::before {
    width: 4.8rem;
    height: 4.8rem;
    left: -1.8rem;
  }
}

.talk__birds {
  width: 25.9rem;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .talk__birds {
    width: 15.2rem;
    left: -2.3rem;
    top: -3.5rem;
  }
}

.talk__videoArea {
  position: relative;
}

.talk__videoArea .pagination {
  bottom: -3.7rem;
}

@media only screen and (max-width: 767px) {
  .talk__videoArea .pagination {
    bottom: 0.8rem;
  }
}

.talk__videoArea .swiper-pagination-bullets.swiper-pagination-horizontal {
  left: 50%;
}

.talk__slider {
  width: 100%;
}

.talk__slider__prev {
  left: 5.5rem;
}

.talk__slider__next {
  right: 5.5rem;
}

@media only screen and (max-width: 767px) {

  .talk__slider__prev,
  .talk__slider__next {
    display: none;
  }
}

.talk__slide {
  width: 69rem;
  height: 50rem;
  padding: 3rem;
}

@media only screen and (max-width: 767px) {
  .talk__slide {
    width: 38rem;
    height: 35rem;
  }
}

.talk__slide.swiper-slide-active .talk__item__play {
  opacity: 1;
  pointer-events: auto;
}

.talk__slide.swiper-slide-active .talk__item__frame:before {
  opacity: 0;
}

.talk__slide.swiper-slide-active .talk__item__frame {
  border-width: 1rem;
}

.talk__slide.swiper-slide-visible .talk__item {
  opacity: 1;
}

.talk__slide.swiper-slide-visible .card4 {
  pointer-events: auto;
  opacity: 1;
}

.talk__item {
  width: 63rem;
  height: 44rem;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .talk__item {
    width: 32rem;
    height: 29rem;
  }
}

.talk__item__play {
  width: 6.8rem;
  opacity: 0;
  pointer-events: none;
}

.talk__item__frame {
  height: 42rem;
  width: 100%;
  border-radius: 3rem;
  border: 0.6rem solid #fff;
  -webkit-box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.14);
  box-shadow: 1rem 1rem 3rem rgba(122, 128, 134, 0.14);
  position: relative;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .talk__item__frame:hover .talk__item__thumbnail img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}

@media only screen and (max-width: 767px) {
  .talk__item__frame {
    height: 21.4rem;
  }
}

.talk__item__frame::before {
  content: "";
  background: #7a8086;
  opacity: 0.46;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.talk__item__thumbnail img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.talk__item .card4 {
  bottom: -10px;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.other-talk {
  max-width: 120rem;
  margin: 10px auto;
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .other-talk {
    margin: 10px;
    padding-bottom: 0px;
  }
}

.other-talk .corp__work__ttl2 {
  margin-bottom: 20px;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .other-talk .corp__work__ttl2 {
    font-size: 16px;
  }
}

.other-talk ul.other-talk-item-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .other-talk ul.other-talk-item-list {
    margin-bottom: 30px;
  }
}

.other-talk ul.other-talk-item-list li.other-talk-item {
  width: calc(25% - 9px);
  margin-right: 12px;
  margin-bottom: 12px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.other-talk ul.other-talk-item-list li.other-talk-item:nth-of-type(4n) {
  margin-right: 0px;
}

@media only screen and (max-width: 767px) {
  .other-talk ul.other-talk-item-list li.other-talk-item {
    width: calc(50% - 6px);
  }

  .other-talk ul.other-talk-item-list li.other-talk-item:nth-of-type(2n) {
    margin-right: 0px;
  }
}

.other-talk ul.other-talk-item-list li.other-talk-item .card5 {
  display: inline-block;
  pointer-events: auto;
  opacity: 1;
  background-color: white;
  border-radius: 1rem;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  color: #7a8086;
}

.other-talk ul.other-talk-item-list li.other-talk-item .card5 .card5-time {
  font-size: 1.2rem;
}

.other-talk ul.other-talk-item-list li.other-talk-item .card5 ul.card5-tagList {
  margin: 10px 0 10px;
  text-align: left;
}

.other-talk ul.other-talk-item-list li.other-talk-item .card5 ul.card5-tagList li {
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  margin: 0 0.7rem 0 0;
  border-radius: 0.3rem;
  border: 0.1rem solid #d6d6d6;
  padding: 0 0.4rem;
}

@media only screen and (max-width: 767px) {
  .other-talk ul.other-talk-item-list li.other-talk-item .card5 ul.card5-tagList li {
    font-size: 1rem;
  }
}

.other-talk ul.other-talk-item-list li.other-talk-item .card5 .card5-title {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.7rem;
  letter-spacing: 0.06em;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .other-talk ul.other-talk-item-list li.other-talk-item .card5 .card5-title {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

/*# sourceMappingURL=front-page.css.map */