@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");
:root {
  --f-jp: "Noto Sans JP", sans-serif;
}
* {
  margin: 0;
  padding: 0;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
*::before,
*::after {
  pointer-events: none;
}
*:focus {
  outline: none;
}
html {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  font-family: var(--f-jp);
  letter-spacing: 0;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
option,
select,
textarea {
  appearance: none;
  font-family: var(--f-jp);
  border: 0;
  border-radius: 0;
}
textarea {
  resize: none;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}
a {
  color: currentColor;
  text-decoration: none;
}
address,
em {
  font-style: normal;
}
img {
  vertical-align: top;
  width: 100%;
  -webkit-backface-visibility: hidden;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
}
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}
@keyframes toRight {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
@keyframes toLeft {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
@keyframes animStroke {
  0% {
    stroke-dashoffset: 1425px;
    stroke-opacity: 0;
  }
  60% {
    stroke-dashoffset: 1000px;
    stroke-opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-opacity: 1;
  }
}
@keyframes animFill {
  0% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@keyframes extAni {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  45% {
    transform: scaleX(1);
    transform-origin: left;
  }
  50% {
    transform: scaleX(1);
    transform-origin: right;
  }
  55% {
    transform: scaleX(1);
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}
@media screen and (min-width: 768px), print {
  #wpadminbar {
    top: inherit !important;
    bottom: 0 !important;
  }
}
@media screen and (min-width: 768px), print {
  #wpadminbar .ab-sub-wrapper {
    position: absolute;
    top: -64px;
    left: 0;
    background: #1d2327;
  }
}
#wp-admin-bar-show_template_file_name_on_top,
#wp-admin-bar-duplicate-post,
#wp-admin-bar-aioseo-main {
  display: none !important;
}
.l-wrapper {
  width: 100%;
}
.l-wrapper.active {
  overflow: hidden;
}
.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .wrapper {
    min-width: 1350px;
  }
}
@media (max-width: 767px) {
  .wrapper {
    overflow: hidden;
  }
}
article {
  position: relative;
}
article::after {
  content: "";
  clear: both;
  display: block;
}
.l-main {
  display: block;
}
@media screen and (min-width: 768px), print {
  .l-main {
    position: relative;
  }
  .l-main.active-pc::after {
    opacity: 0.5;
  }
  .l-main::after {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #222;
    opacity: 0;
    top: 0;
    left: 0;
    transition: opacity 0.7s ease;
    z-index: 10;
  }
}
.l-main.active {
  opacity: 0.7;
}
.c-no1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 4px solid #222;
  position: relative;
  padding-bottom: 10px;
}
.c-no1::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .c-no1::after {
    width: 66px;
    height: 51px;
    background: url(/assets/images/common/ico_no1-pc.png) no-repeat 0 0;
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .c-no1::after {
    width: 58px;
    height: 60px;
    top: -25px;
    background: url(/assets/images/common/ico_no1.png) no-repeat 0 0;
    background-size: contain;
  }
}
@media screen and (min-width: 768px), print {
  .c-no1 {
    width: 371px;
  }
}
@media (max-width: 767px) {
  .c-no1 {
    margin-top: 50px;
    justify-content: space-between;
  }
}
.c-no1-text {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px), print {
  .c-no1-text {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .c-no1-text {
    font-size: 14px;
    width: 66%;
    line-height: 1.3;
    padding-left: 10px;
  }
}
.c-no1-text small {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-no1-text small {
    font-size: 12px;
    text-align: right;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .c-no1-text small {
    font-size: 10px;
    margin-bottom: 2.5px;
  }
}
.c-no1-num {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  letter-spacing: -0.1em;
}
@media screen and (min-width: 768px), print {
  .c-no1-num {
    font-size: 46px;
    margin: 0 -12px 0 5px;
  }
}
@media (max-width: 767px) {
  .c-no1-num {
    font-size: 11vw;
    margin-right: -12px;
  }
}
.c-no1-num span {
  margin-left: -18px;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__recomend {
    margin-bottom: 116px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__recomend {
    margin-bottom: 40px;
  }
}
.p-works-detail__recomend__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__recomend__title {
    width: 1166px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-works-detail__recomend__title {
    margin-left: 20px;
  }
}
.p-works-detail__recomend__title span {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .p-works-detail__recomend__title span {
    display: block;
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .c-works-list {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .c-works-list {
    margin-bottom: 40px;
  }
}
.c-works-list__title {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .c-works-list__title {
    font-size: 50px;
    margin-bottom: 53px;
  }
}
@media (max-width: 767px) {
  .c-works-list__title {
    font-size: 29px;
  }
}
@media screen and (min-width: 768px), print {
  .c-works-list .c-button {
    margin: 63px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .c-works-list .c-button {
    width: 190px;
    margin: 40px auto 0 auto;
  }
}
.c-works-list__inner {
  margin-top: 27px;
  position: relative;
}
.c-works-list__inner .c-mv-works__arrows {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-works-list__inner .c-mv-works__arrows {
    width: 78%;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767px) {
  .c-works-list__inner .c-mv-works__arrows {
    width: 95%;
    top: 30%;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.c-works-list__inner .c-mv-works__arrows .arrows-prev,
.c-works-list__inner .c-mv-works__arrows .arrows-next {
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .c-works-list__inner .c-mv-works__arrows .arrows-prev,
  .c-works-list__inner .c-mv-works__arrows .arrows-next {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .c-works-list__inner .c-mv-works__arrows .arrows-prev,
  .c-works-list__inner .c-mv-works__arrows .arrows-next {
    cursor: pointer;
  }
}
@media screen and (min-width: 768px), print {
  .c-works-list__inner .c-mv-works__arrows .arrows-prev span,
  .c-works-list__inner .c-mv-works__arrows .arrows-next span {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .c-works-list__inner .c-mv-works__arrows .arrows-prev span,
  .c-works-list__inner .c-mv-works__arrows .arrows-next span {
    width: 8px;
    height: 8px;
  }
}
.c-works-list__inner .c-mv-works__arrows .arrows-prev {
  top: 0;
  left: 0;
}
.c-works-list__inner .c-mv-works__arrows .arrows-prev span {
  background: url(/assets/images/common/ico_to-left-white.png) no-repeat 0 0;
  background-size: cover;
}
.c-works-list__inner .c-mv-works__arrows .arrows-next {
  left: 0;
  bottom: 0;
}
.c-works-list__inner .c-mv-works__arrows .arrows-next span {
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
}
.c-works-list__inner .c-mv-works__arrows .arrows-next {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.c-works-list__list .slick-slide .c-works-list__image {
  filter: blur(5px);
  transition: filter 1s ease-in-out;
}
.c-works-list__list .slick-slide .c-works-list__image.removeBlur {
  transition: filter 1s ease-in-out;
  filter: blur(0);
}
.c-works-list__item {
  margin: 0 11px;
}
@media screen and (min-width: 768px), print {
  .c-works-list__item {
    width: 58.5%;
  }
}
@media (max-width: 767px) {
  .c-works-list__item {
    margin: 0 7px;
  }
}
.c-works-list__item a {
  display: block;
}
.c-works-list__image {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-works-list__image {
    height: 550px;
  }
}
@media (max-width: 767px) {
  .c-works-list__image {
    height: 210px;
  }
}
.c-works-list__image img {
  height: 100%;
  object-fit: cover;
  width: 101%;
}
.c-works-list__text {
  margin-top: 10px;
}
@media screen and (min-width: 768px), print {
  .c-works-list__text {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.c-works-list__text span {
  background-color: #ebebeb;
  font-family: var(--f-jp);
  font-weight: 500;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .c-works-list__text span {
    padding: 10px 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .c-works-list__text span {
    padding: 5px 8px;
    font-size: 10px;
    margin-top: 10px;
  }
}
.c-works-list__text p {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-works-list__text p {
    font-size: 16px;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .c-works-list__text p {
    font-size: 14px;
    line-height: 1.57;
  }
}
.c-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-button-line {
    width: 300px;
    padding-bottom: 20px;
  }
  .c-button-line:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .c-button-line:hover::after {
    animation: toLeft 0.6s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
}
@media (max-width: 767px) {
  .c-button-line {
    padding-bottom: 10px;
  }
}
.c-button-line::before,
.c-button-line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #000;
  transition: all 0.5s ease;
}
.c-button-line::after {
  left: -100%;
}
.c-button-line--white::before,
.c-button-line--white::after {
  background-color: #fff;
}
.c-button-banner {
  border: 2px solid #fff;
  transition: background-color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-button-banner {
    width: 480px;
    padding: 21px 0;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-button-banner {
    padding: 23px 0;
  }
}
.c-button-banner .c-button-text {
  transition: color 0.5s ease;
}
@media (max-width: 767px) {
  .c-button-banner .c-button-text {
    font-size: 16px;
  }
}
.c-button-banner .c-button-arrow {
  background: #fff;
  position: absolute;
  transition: background-color 0.5s ease;
}
.c-button-banner .c-button-arrow::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-right-black.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  .c-button-banner .c-button-arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .c-button-banner .c-button-arrow::after {
    width: 9px;
    height: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .c-button-banner .c-button-arrow {
    right: 13px;
  }
}
@media (max-width: 767px) {
  .c-button-banner .c-button-arrow {
    right: 15px;
  }
}
.c-button-text {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-button-text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .c-button-text {
    font-size: 13px;
  }
}
.c-button-arrow {
  display: inline-block;
  background: #222;
  border-radius: 50%;
  position: relative;
}
.c-button-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  .c-button-arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .c-button-arrow::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .c-button-arrow {
    width: 24px;
    height: 24px;
    margin-left: 18px;
  }
}
@media (max-width: 767px) {
  .c-button-arrow {
    width: 17px;
    height: 17px;
    margin-left: 7px;
  }
}
.c-button-arrow.white::after {
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
}
.c-naname {
  position: relative;
  display: inline-block;
}
.c-naname::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 33px;
  background: #222;
  bottom: -5px;
  right: -15px;
  transform: rotate(25deg);
}
@media (max-width: 767px) {
  .c-naname::after {
    height: 21px;
  }
}
.c-naname::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 33px;
  background: #222;
  bottom: -5px;
  left: -15px;
  transform: rotate(-25deg);
}
@media (max-width: 767px) {
  .c-naname::before {
    height: 21px;
  }
}
.c-sns {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.c-sns li + li {
  margin-left: 20px;
}
.c-sns a {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-sns-instagram {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .c-sns-instagram {
    width: 19px;
    height: 19px;
  }
}
@media screen and (min-width: 768px), print {
  .c-sns-youtube {
    width: 29px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .c-sns-youtube {
    width: 27px;
    height: 19px;
  }
}
@media screen and (min-width: 768px), print {
  .c-sns-twitter {
    width: 25px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .c-sns-twitter {
    width: 23px;
    height: 19px;
  }
}
@media screen and (min-width: 768px), print {
  .c-sns-facebook {
    width: 11px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .c-sns-facebook {
    width: 10px;
    height: 19px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full {
    padding-top: 122px;
    padding-left: 6%;
    position: relative;
  }
}
@media (max-width: 767px) {
  .c-mv-full {
    margin: 85px 0 30px 35px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full__tit:nth-of-type(1) {
    margin-top: 85px;
  }
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(2) {
  transition-delay: 0.06s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(3) {
  transition-delay: 0.12s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(4) {
  transition-delay: 0.18s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(5) {
  transition-delay: 0.24s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(6) {
  transition-delay: 0.3s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(7) {
  transition-delay: 0.36s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(8) {
  transition-delay: 0.42s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(9) {
  transition-delay: 0.48s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(10) {
  transition-delay: 0.54s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(11) {
  transition-delay: 0.6s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(12) {
  transition-delay: 0.66s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(13) {
  transition-delay: 0.72s;
}
.c-mv-full__tit:nth-of-type(1) span:nth-child(14) {
  transition-delay: 0.78s;
}
.c-mv-full__tit:nth-of-type(2) {
  margin-top: 10px;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(2) {
  transition-delay: 0.06s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(3) {
  transition-delay: 0.12s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(4) {
  transition-delay: 0.18s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(5) {
  transition-delay: 0.24s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(6) {
  transition-delay: 0.3s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(7) {
  transition-delay: 0.36s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(8) {
  transition-delay: 0.42s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(9) {
  transition-delay: 0.48s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(10) {
  transition-delay: 0.54s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(11) {
  transition-delay: 0.6s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(12) {
  transition-delay: 0.66s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(13) {
  transition-delay: 0.72s;
}
.c-mv-full__tit:nth-of-type(2) span:nth-child(14) {
  transition-delay: 0.78s;
}
.c-mv-full__tit {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .c-mv-full__tit {
    height: 70px;
  }
}
@media (max-width: 767px) {
  .c-mv-full__tit {
    height: 40px;
  }
}
.c-mv-full__tit.active span {
  transform: translate(0, 0);
}
.c-mv-full__tit span {
  display: inline-block;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
@media screen and (min-width: 768px), print {
  .c-mv-full__tit span {
    font-size: 76px;
  }
}
@media (max-width: 767px) {
  .c-mv-full__tit span {
    font-size: 10vw;
  }
}
.c-mv-full__subtit-lands {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
  transform: translateY(20px);
  transition: transform 0.5s ease;
}
.c-mv-full__subtit-lands.active {
  transform: translateY(0px);
}
@media screen and (min-width: 768px), print {
  .c-mv-full__subtit-lands {
    font-size: 25px;
    margin-top: 24px;
    line-height: 1.48;
  }
}
@media (max-width: 767px) {
  .c-mv-full__subtit-lands {
    font-size: 18px;
    margin-top: 16px;
    line-height: 1.5;
  }
}
.c-mv-full__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.c-mv-full__subtit.active {
  opacity: 1;
  transform: translateY(0px);
}
@media screen and (min-width: 768px), print {
  .c-mv-full__subtit {
    font-size: 25px;
    margin-top: 24px;
    line-height: 1.48;
  }
}
@media (max-width: 767px) {
  .c-mv-full__subtit {
    font-size: 18px;
    margin-top: 16px;
    line-height: 1.5;
  }
}
.c-mv-full__img {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.c-mv-full__img.active {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full__img {
    position: absolute;
    top: 122px;
    right: 0;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/works/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
    margin-top: 47px;
  }
}
.c-mv-full .c-mv-subtit {
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateY(20px);
}
.c-mv-full .c-mv-subtit.active {
  opacity: 1;
  transform: translateY(0);
}
.c-lineup-mv {
  position: relative;
}
.c-lineup-mv::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv::after {
    width: 101%;
    height: 380px;
    left: -133px;
    bottom: -303px;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv::after {
    width: 91%;
    height: 251px;
    left: 0;
    bottom: -215px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv {
    width: 80.5%;
    margin: 122px auto 92px auto;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv {
    margin: 75px 0 57px;
    padding: 0 20px;
  }
}
.c-lineup-mv-img {
  position: relative;
}
.c-lineup-info {
  position: relative;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .c-lineup-info {
    width: 1100px;
    margin: 90px auto 120px auto;
    padding: 68px 46px 0 60px;
  }
}
@media (max-width: 767px) {
  .c-lineup-info {
    margin: 67px 0 68px;
    padding: 30px 20px 0px 20px;
  }
}
.c-lineup-info__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #f6730e;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-lineup-info__title {
    font-size: 70px;
    top: -25px;
    left: 57px;
  }
}
@media (max-width: 767px) {
  .c-lineup-info__title {
    font-size: 35px;
    top: -13px;
    left: 20px;
  }
}
.c-lineup-info__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-lineup-info__subtit {
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  .c-lineup-info__subtit {
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.81;
  }
}
.c-lineup-info__copy {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-info__copy {
    font-size: 40px;
    line-height: 70px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .c-lineup-info__copy {
    font-size: 20px;
    line-height: 35px;
    margin-top: 30px;
  }
}
.c-lineup-info__copy span {
  display: block;
  color: #f6730e;
}
.c-lineup-info__message {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-info__message {
    font-size: 17px;
    line-height: 2.11;
    width: 988px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .c-lineup-info__message {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 20px;
  }
}
.c-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-pagination {
    margin: 66px auto 0 auto;
    width: 454px;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .c-pagination {
    margin: 40px auto 0 auto;
    width: 78%;
  }
}
.c-pagination-num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-pagination-num li:hover .c-page-numbers {
    color: #009a38;
  }
}
@media screen and (min-width: 768px), print {
  .c-pagination-num li + li {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .c-pagination-num li + li {
    margin-left: 24px;
  }
}
.c-pagination .c-page-numbers {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-pagination .c-page-numbers {
    font-size: 18px;
    transition: color 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-pagination .c-page-numbers {
    font-size: 14px;
  }
}
.c-pagination .c-page-numbers.current {
  color: #009a38;
}
.c-pagination .c-page-numbers.next {
  border-radius: 50%;
  border: 2px solid #222;
  transition: border 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-pagination .c-page-numbers.next {
    width: 42px;
    height: 42px;
    position: relative;
  }
  .c-pagination .c-page-numbers.next:hover {
    border: 2px solid #009a38;
  }
  .c-pagination .c-page-numbers.next:hover::after {
    background: url(/assets/images/common/ico_to-right-green.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-pagination .c-page-numbers.next {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
  }
}
.c-pagination .c-page-numbers.prev {
  border-radius: 50%;
  border: 2px solid #222;
  transition: border 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-pagination .c-page-numbers.prev {
    width: 42px;
    height: 42px;
    position: relative;
  }
  .c-pagination .c-page-numbers.prev:hover {
    border: 2px solid #009a38;
  }
  .c-pagination .c-page-numbers.prev:hover::after {
    background: url(/assets/images/common/ico_to-left-green.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-pagination .c-page-numbers.prev {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
  }
}
.c-pagination .c-page-numbers.prev::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-left-black.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-pagination .c-page-numbers.prev::after {
    width: 12px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .c-pagination .c-page-numbers.prev::after {
    width: 9px;
    height: 9px;
  }
}
.c-pagination .c-page-numbers.next::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-right-black.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-pagination .c-page-numbers.next::after {
    width: 12px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .c-pagination .c-page-numbers.next::after {
    width: 9px;
    height: 9px;
  }
}
.c-pagination .c-page-back {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.04em;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-pagination .c-page-back {
    padding-bottom: 10px;
  }
  .c-pagination .c-page-back:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .c-pagination .c-page-back:hover::after {
    animation: toLeft 0.6s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
}
@media (max-width: 767px) {
  .c-pagination .c-page-back {
    padding-bottom: 10px;
  }
}
.c-pagination .c-page-back::before,
.c-pagination .c-page-back::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #000;
  transition: all 0.5s ease;
}
.c-pagination .c-page-back::after {
  left: -100%;
}
.c-pagination-land {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  display: block;
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-pagination-land {
    font-size: 18px;
    transition: color 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-pagination-land {
    font-size: 14px;
  }
}
.c-pagination-land li:nth-last-of-type(2) {
  margin-right: 0;
}
.c-pagination-land li {
  transition: color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-pagination-land li {
    margin-right: 30px;
  }
  .c-pagination-land li:hover {
    color: #009a38;
  }
}
@media (max-width: 767px) {
  .c-pagination-land li {
    margin-right: 12px;
  }
}
.c-pagination-land .page-numbers {
  display: flex;
  align-items: center;
}
.c-pagination-land .page-numbers.current {
  color: #009a38;
}
.c-pagination-land .page-numbers.next {
  border-radius: 50%;
  border: 2px solid #222;
  transition: border 0.5s ease;
  margin-right: 0;
}
@media screen and (min-width: 768px), print {
  .c-pagination-land .page-numbers.next {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 0;
    top: -15px;
  }
  .c-pagination-land .page-numbers.next:hover {
    border: 2px solid #009a38;
  }
  .c-pagination-land .page-numbers.next:hover::after {
    background: url(/assets/images/common/ico_to-right-green.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-pagination-land .page-numbers.next {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: -10px;
  }
}
.c-pagination-land .page-numbers.prev {
  border-radius: 50%;
  border: 2px solid #222;
  transition: border 0.5s ease;
  margin-right: 0;
}
@media screen and (min-width: 768px), print {
  .c-pagination-land .page-numbers.prev {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 0;
    top: -15px;
  }
  .c-pagination-land .page-numbers.prev:hover {
    border: 2px solid #009a38;
  }
  .c-pagination-land .page-numbers.prev:hover::after {
    background: url(/assets/images/common/ico_to-left-green.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-pagination-land .page-numbers.prev {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: -10px;
  }
}
.c-pagination-land .page-numbers.prev::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-left-black.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-pagination-land .page-numbers.prev::after {
    width: 12px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .c-pagination-land .page-numbers.prev::after {
    width: 9px;
    height: 9px;
  }
}
.c-pagination-land .page-numbers.next::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-right-black.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-pagination-land .page-numbers.next::after {
    width: 12px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .c-pagination-land .page-numbers.next::after {
    width: 9px;
    height: 9px;
  }
}
.c-works-tag {
  background: #f6730e;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  line-height: 2;
  text-align: center;
  border-radius: 2px;
  padding: 1px 10px 2px 7px;
  margin: 5px 5px 0 0;
  transition: background-color 0.5s ease, color 0.5s ease, border 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-works-tag {
    font-size: 13px;
    cursor: pointer;
  }
  .c-works-tag:hover {
    color: #f6730e;
    background: #fff;
  }
}
@media (max-width: 767px) {
  .c-works-tag {
    font-size: 12px;
  }
}
.c-works-tag.current {
  background: #fff;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .c-form {
    width: 860px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-form input,
  .c-form textarea {
    font-size: 16px;
  }
}
.c-form-required {
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #575757;
  position: relative;
  padding-left: 10px;
}
@media screen and (min-width: 768px), print {
  .c-form-required {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .c-form-required {
    margin-bottom: 40px;
  }
}
.c-form-required small {
  font-size: 22px;
  color: #f6730e;
  position: absolute;
  left: 0;
}
.c-form-item {
  border-bottom: 3px solid #d9d9d9;
  position: relative;
}
.c-form-item::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 3px;
  background: #db670e;
  left: 0;
  bottom: -3px;
}
@media (max-width: 767px) {
  .c-form-item::before {
    width: 34.5px;
  }
}
.c-form-item.dots {
  border: none;
  position: relative;
}
.c-form-item.dots::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background-image: url(/assets/images/common/ico_line01.png);
  background-size: 4px 3px;
  background-repeat: repeat-x;
}
.c-form-item.dots::before {
  display: none;
}
.c-form-item:nth-of-type(1) {
  padding-top: 0;
}
@media screen and (min-width: 768px), print {
  .c-form-item {
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .c-form-item {
    padding: 35px 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__tit.space {
    padding-top: 13px;
  }
}
.c-form-item__tit--text {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .c-form-item__tit--text {
    font-size: 15px;
    letter-spacing: 0.02em;
    font-family: var(--f-jp);
    font-weight: 500;
    line-height: 1.56;
  }
}
@media (max-width: 767px) {
  .c-form-item__tit--text {
    font-size: 17px;
    font-family: var(--f-jp);
    font-weight: 500;
    letter-spacing: 0.02em;
  }
}
.c-form-item__tit--text.required::after {
  content: "必須";
  position: absolute;
  width: 30px;
  background: #f00;
  color: #fff;
  font-size: 11px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2.27;
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
  text-align: center;
}
@media (max-width: 767px) {
  .c-form-item__tit--text.required::after {
    font-size: 14px;
    line-height: 1.7;
    width: 33px;
  }
}
.c-form-item__tit--text.free::after {
  content: "任意";
  position: absolute;
  width: 30px;
  background: #d9d9d9;
  font-size: 11px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2.27;
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
  text-align: center;
}
@media (max-width: 767px) {
  .c-form-item__tit--text.free::after {
    font-size: 14px;
    line-height: 1.7;
    width: 33px;
  }
}
.c-form-item__tit--text.notext {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-form-item__tit--text.notext {
    width: 107px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .c-form-item__tit--text.notext {
    width: 0;
  }
  .c-form-item__tit--text.notext::after {
    display: none;
  }
}
.c-form-item__tit--subtext {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.78;
}
@media screen and (min-width: 768px), print {
  .c-form-item__tit--subtext {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .c-form-item__tit--subtext {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item.single {
    align-items: center;
  }
}
.c-form-item__box {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box {
    width: 593px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box {
    font-size: 14px;
  }
}
.c-form-item__box .error {
  margin-top: 10px;
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-radio {
    width: 380px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-radio {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-radio-inner {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-radio-inner + .c-form-item__box-radio-inner {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-radio-inner.narrow .horizontal-item + .horizontal-item {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-radio-inner.flex {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-radio-inner.flex .mwform-radio-field + .mwform-radio-field {
    margin-top: 0;
    margin-left: 34px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-radio-inner.flex .mwform-radio-field + .mwform-radio-field {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-radio-inner .c-form-confirm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
}
.c-form-item__box-radio-inner
  .c-form-confirm
  .horizontal-item
  + .horizontal-item {
  margin-left: 0 !important;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-radio-inner .c-form-confirm .mwform-radio-field {
    width: 176px;
  }
  .c-form-item__box-radio-inner
    .c-form-confirm
    .mwform-radio-field:nth-child(n + 3) {
    margin-top: 6px;
  }
}
.c-form-item__box-radio .mwform-radio-field {
  display: block;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .c-form-item__box-radio .mwform-radio-field + .mwform-radio-field {
    margin-top: 12px;
  }
}
.c-form-item__box-radio label {
  position: relative;
  display: block;
  padding-left: 20px;
}
.c-form-item__box-radio label::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #222;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-form-item__box-radio label input[type="radio"] + span {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
}
.c-form-item__box-radio label input[type="radio"] + span::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f6730e;
  border-radius: 50%;
  top: 40%;
  left: -16px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .c-form-item__box-radio label input[type="radio"] + span::after {
    top: 40%;
  }
}
.c-form-item__box-radio label input[type="radio"] {
  appearance: none;
  display: none;
}
.c-form-item__box-radio label input[type="radio"]:checked + span::after {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box.checkboxCircle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkboxCircle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkboxCircle {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkboxCircle-inner
    + .c-form-item__box-checkboxCircle-inner {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkboxCircle-inner.flex {
    width: 100%;
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkboxCircle-inner.flex
    .mwform-checkbox-field
    + .mwform-checkbox-field {
    margin-top: 0;
    margin-left: 34px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkboxCircle-inner.flex
    .mwform-checkbox-field
    + .mwform-checkbox-field {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkboxCircle-inner .c-form-confirm {
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkboxCircle-inner .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
  }
}
.c-form-item__box-checkboxCircle .mwform-checkbox-field {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkboxCircle
    .mwform-checkbox-field
    + .mwform-checkbox-field {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkboxCircle
    .mwform-checkbox-field
    + .mwform-checkbox-field {
    margin-top: 12px;
  }
}
.c-form-item__box-checkboxCircle label {
  position: relative;
  display: block;
  padding-left: 20px;
}
.c-form-item__box-checkboxCircle label::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #acacac;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-form-item__box-checkboxCircle label input[type="checkbox"] + span {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
  white-space: nowrap;
}
.c-form-item__box-checkboxCircle label input[type="checkbox"] + span::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f6730e;
  border-radius: 50%;
  top: 40%;
  left: -16px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .c-form-item__box-checkboxCircle label input[type="checkbox"] + span::after {
    top: 40%;
  }
}
.c-form-item__box-checkboxCircle label input[type="checkbox"] {
  appearance: none;
  display: none;
}
.c-form-item__box-checkboxCircle
  label
  input[type="checkbox"]:checked
  + span::after {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list + .c-form-item__box-time-list {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.openhouse {
    width: auto;
    align-items: unset;
    height: 55px;
  }
  .c-form-item__box-time-list.openhouse .c-form-item__box-time-list--select {
    width: 470px;
  }
  .c-form-item__box-time-list.openhouse
    .c-form-item__box-time-list--select
    .select-wrap__date {
    width: 290px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-form-item__box-time-list.openhouse
    .c-form-item__box-time-list--select
    .select-wrap__time {
    width: 160px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .c-form-item__box-time-list.openhouse .c-form-item__box-time-list--title {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list.openhouse {
    display: block;
  }
  .c-form-item__box-time-list.openhouse .c-form-item__box-time-list--select {
    display: block;
  }
  .c-form-item__box-time-list.openhouse .c-form-item__box-time-list--select p {
    position: relative;
  }
  .c-form-item__box-time-list.openhouse
    .c-form-item__box-time-list--select
    select {
    width: 100%;
  }
  .c-form-item__box-time-list.openhouse
    .c-form-item__box-time-list--select
    select.select-time {
    margin-top: 15px;
  }
}
.c-form-item__box-time-list.openhouse .select-date {
  color: #222;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.openhouse .select-date {
    width: 290px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.openhouse .select-time {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list {
    width: 430px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list {
    margin-top: 20px;
  }
}
.c-form-item__box-time-list--title {
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.style02 span {
    position: absolute;
    right: 0;
    width: 160px;
    height: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.style02 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.style02 .c-form-item__box-time-list--select {
    position: relative;
    width: 335px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.style02
    .c-form-item__box-time-list--select
    input {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list.style02
    .c-form-item__box-time-list--select
    input {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list.style02
    .c-form-item__box-time-list--select
    select {
    position: absolute;
    right: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list.style02
    .c-form-item__box-time-list--select
    select {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.c-form-item__box-time-list--select {
  position: relative;
  display: flex;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list--select {
    margin-left: 24px;
  }
  .c-form-item__box-time-list--select select.nospace {
    margin: 0;
  }
  .c-form-item__box-time-list--select select.space {
    margin-left: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list--select {
    margin-top: 5px;
  }
  .c-form-item__box-time-list--select select.nospace {
    margin: 0;
  }
  .c-form-item__box-time-list--select select.space {
    margin-left: 12px;
  }
}
.c-form-item__box-time-list--select .error {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list--select .error {
    right: -100px;
    top: 10px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list--select .error {
    left: 0;
    bottom: -20px;
  }
}
.c-form-item__box-time-list--select input {
  background: #fff url(/assets/images/common/ico_form-arrow.png) no-repeat 0 0;
  background-size: 8px 6.4px;
  background-position: calc(100% - 20px) center;
  font-size: 14px;
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list--select input {
    width: 160px;
    height: 50px;
    padding: 14px 0 14px 20px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list--select input {
    width: 45%;
    height: 44px;
    padding: 11px 0 11px 14px;
    margin-right: 7px;
    font-size: 3.8vw;
  }
}
.c-form-item__box-time-list--select select {
  background: #fff url(/assets/images/common/ico_form-arrow.png) no-repeat 0 0;
  background-size: 8px 6.4px;
  background-position: calc(100% - 20px) center;
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #b1b1b1;
}
.c-form-item__box-time-list--select select option {
  color: #222;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-time-list--select select {
    width: 160px;
    height: 50px;
    padding: 14px 0 14px 20px;
  }
  .c-form-item__box-time-list--select select:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-time-list--select select {
    width: 48%;
    height: 44px;
    padding: 11px 0 11px 14px;
    font-size: 14px;
  }
}
.c-form-item__box-about--select {
  position: relative;
}
.c-form-item__box-about--select select {
  display: block;
  background: #fff url(/assets/images/common/ico_form-arrow.png) no-repeat 0 0;
  background-size: 8px 6.4px;
  background-position: calc(100% - 20px) center;
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #b1b1b1;
}
.c-form-item__box-about--select select option {
  color: #222;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-about--select select {
    width: 202px;
    height: 50px;
    padding: 14px 0 14px 20px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-about--select select {
    width: 100%;
    height: 44px;
    padding: 11px 0 11px 14px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-about--select textarea {
    width: 100%;
    margin-top: 20px;
    padding: 14px 0 0 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-about--textarea {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-about--textarea.etc-text {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-text + .c-form-item__box-text {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-text + .c-form-item__box-text {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-text {
    margin-top: 15px;
  }
}
.c-form-item__box-text--notice {
  font-size: 12px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.75;
  text-indent: -1em;
  margin-top: 10px;
  padding-left: 1em;
}
@media (max-width: 767px) {
  .c-form-item__box-text--notice {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-text.depart {
    margin-top: 70px;
  }
}
.c-form-item__box-text input::placeholder {
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #b1b1b1;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-text input {
    width: 100%;
    height: 50px;
    padding: 14px 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-text input {
    width: 100%;
    height: 44px;
    padding: 11px 14px;
  }
}
.c-form-item__box-post {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-post {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-post {
    margin: 15px 0 5px;
    justify-content: space-between;
  }
}
.c-form-item__box-post p {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .c-form-item__box-post .c-form-confirm {
    width: 44%;
  }
}
.c-form-item__box-post input::placeholder {
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #b1b1b1;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-post input {
    width: 185px;
    height: 50px;
    padding: 14px 0 14px 20px;
    margin-left: 17px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-post input {
    width: 100%;
    height: 44px;
    padding: 11px 0 11px 14px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkbox {
    width: 420px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkbox {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkbox-inner {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkbox-inner + .c-form-item__box-checkbox-inner {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkbox-inner .c-form-confirm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.c-form-item__box-checkbox-inner
  .c-form-confirm
  .horizontal-item
  + .horizontal-item {
  margin-left: 0 !important;
}
.c-form-item__box-checkbox-inner .c-form-confirm .mwform-checkbox-field {
  display: block;
  margin-left: 0;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkbox-inner .c-form-confirm .mwform-checkbox-field {
    width: 210px;
  }
  .c-form-item__box-checkbox-inner
    .c-form-confirm
    .mwform-checkbox-field:nth-child(n + 3) {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-checkbox .mwform-checkbox-field + .mwform-checkbox-field {
    margin-top: 12px;
  }
}
.c-form-item__box-checkbox label {
  position: relative;
  display: block;
  padding-left: 20px;
}
.c-form-item__box-checkbox label::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #222;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-form-item__box-checkbox label span {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
}
.c-form-item__box-checkbox label span::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 9px;
  background: url(/assets/images/common/ico_form-check.png) no-repeat 0 0;
  background-size: cover;
  top: 26%;
  left: -18px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .c-form-item__box-checkbox label span::after {
    top: 22%;
  }
}
.c-form-item__box-checkbox label input {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-checkbox label input {
    font-size: 15px;
  }
}
.c-form-item__box-checkbox label input:checked + span::after {
  opacity: 1;
}
.c-form-item__box-detail {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.78;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-detail {
    width: 530px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-detail {
    font-size: 15px;
    margin-top: 23px;
  }
  .c-form-item__box-detail.narrow {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-textarea {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-textarea {
    margin-top: 20px;
  }
}
.c-form-item__box-textarea textarea {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-textarea textarea {
    padding: 14px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-textarea textarea {
    padding: 11px;
  }
}
.c-form-item__box-about--textarea {
  position: relative;
}
.c-form-item__box-about--textarea .c-placeholder {
  position: absolute;
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.5;
  color: #b1b1b1;
  pointer-events: none;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-about--textarea .c-placeholder {
    top: 30px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-about--textarea .c-placeholder {
    top: 12px;
    left: 12px;
  }
}
.c-form-item__box-about--textarea .c-placeholder.active {
  display: none;
}
.c-form-item__box-about--textarea textarea {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-about--textarea textarea {
    margin-top: 20px;
    padding: 14px 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-about--textarea textarea {
    margin-top: 5px;
    padding: 12px;
  }
}
.c-form-item__box-area {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.c-form-item__box-area__item {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-area__item + .c-form-item__box-area__item {
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-area__item + .c-form-item__box-area__item {
    margin-left: 19px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-area__item {
    width: 47%;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-area__item input {
    width: 152px;
    height: 50px;
    padding: 14px 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-area__item input {
    width: 89%;
    height: 44px;
    padding: 11px 14px;
  }
}
.c-form-item__box-area__item p {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-area__item p {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-area__item p {
    margin-left: 3px;
  }
}
.c-form-item__box-date {
  display: flex;
  align-items: center;
}
.c-form-item__box-date__item {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-date__item + .c-form-item__box-date__item {
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-date__item + .c-form-item__box-date__item {
    margin-left: 13px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-date__item {
    width: 30%;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-date__item .c-form-confirm {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-date__item input {
    width: 70px;
    height: 50px;
    padding: 14px 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-date__item input {
    width: 82.5%;
    height: 44px;
    padding: 11px 14px;
  }
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-date__item input.year {
    padding: 14px;
  }
}
.c-form-item__box-date__item p {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  .c-form-item__box-date__item p {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .c-form-item__box-date__item p {
    margin-left: 3px;
  }
}
.c-form-notice {
  background: #ebebeb;
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .c-form-notice {
    letter-spacing: 0.02em;
    line-height: 1.76;
    margin: 60px 0 0 0;
    padding: 30px 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .c-form-notice {
    letter-spacing: 0.03em;
    line-height: 2;
    padding: 20px;
    margin: 35px 0 0 0;
  }
}
.c-form-button button {
  display: block;
  background: #009a38;
  text-align: center;
  padding: 20px 0 23px 0;
  color: #fff;
  font-size: 14px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-form-button button {
    width: 386px;
    margin: 60px auto 0 auto;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .c-form-button button {
    width: 100%;
    margin-top: 35px;
  }
}
.c-form-button button.goback {
  margin: 20px auto 0 auto;
}
@media screen and (min-width: 768px), print {
  .c-form-flow {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.c-form-flow__item {
  background: #fff;
  text-align: center;
  padding: 10px 0;
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-form-flow__item {
    width: 244px;
  }
}
@media (max-width: 767px) {
  .c-form-flow__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .c-form-flow__item + .c-form-flow__item {
    margin-top: 22px;
  }
}
.c-form-flow__item span {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .c-form-flow__item span {
    margin-right: 14px;
  }
}
@media (max-width: 767px) {
  .c-form-flow__item.entry {
    padding-left: 16px;
  }
  .c-form-flow__item.entry .flow-step {
    width: 100px;
    text-align: left;
  }
  .c-form-flow__item.entry .flow-text {
    text-align: center;
    width: 180px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .c-form-flow__item .flow-step {
    width: 72px;
  }
}
@media (max-width: 767px) {
  .c-form-flow__item .flow-text {
    width: 114px;
    text-align: left;
    margin-left: 16px;
  }
}
.c-form-flow__item.active {
  background: #f6730e;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .c-form-flow__item:nth-of-type(1)::after,
  .c-form-flow__item:nth-of-type(2)::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #222;
    top: 50%;
    transform: translateY(-50%);
    right: -74px;
  }
}
@media (max-width: 767px) {
  .c-form-flow__item:nth-of-type(1)::after,
  .c-form-flow__item:nth-of-type(2)::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 10px;
    background: #222;
    bottom: -16px;
    transform: translateX(-50%);
    right: 50%;
  }
}
.c-form-agree {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-form-agree {
    width: 555px;
    margin: 40px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .c-form-agree {
    margin-top: 25px;
  }
}
.c-form-agree .error {
  margin-top: 10px;
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 14px !important;
  text-align: center;
}
.c-form-agree__notice {
  display: block;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.53;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px), print {
  .c-form-agree__notice {
    font-family: var(--f-jp);
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .c-form-agree__notice {
    font-size: 4vw;
    text-align: left;
  }
}
.c-form-agree .mwform-checkbox-field {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-form-agree .mwform-checkbox-field {
    width: 331px;
    margin: 15px auto 0 auto;
  }
}
.c-form-agree label {
  position: relative;
  display: block;
  padding-left: 20px;
}
.c-form-agree label::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #222;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-form-agree label span {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
  display: inline-block;
}
@media (max-width: 767px) {
  .c-form-agree label span {
    font-size: 3.5vw;
  }
}
.c-form-agree label span::before {
  content: "*";
  position: absolute;
  font-size: 22px;
  color: #f6730e;
  right: -5px;
  top: -7px;
}
@media (max-width: 767px) {
  .c-form-agree label span::before {
    top: -7px;
  }
}
.c-form-agree label span::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 10px;
  background: url(/assets/images/common/ico_form-check.png) no-repeat 0 0;
  background-size: cover;
  top: 26%;
  left: -20px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .c-form-agree label span::after {
    top: 23%;
    left: -45px;
  }
}
.c-form-agree label input {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-form-agree label input {
    font-size: 15px;
  }
}
.c-form-agree label input:checked + span::after {
  opacity: 1;
}
.c-form-confirm__alert,
.c-form-error__alert {
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #575757;
  position: relative;
  line-height: 1.5;
  margin-top: 20px;
  text-align: center;
  color: #f6730e;
  font-family: var(--f-jp);
  font-weight: 700;
  display: none;
}
.c-form-confirm__alert.active,
.c-form-error__alert.active {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-form-confirm__alert,
  .c-form-error__alert {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .c-form-confirm__alert,
  .c-form-error__alert {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-character {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .c-mv-character {
    margin: 0 20px;
  }
}
.c-mv-character__title {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-mv-character__title {
    font-size: 76px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .c-mv-character__title {
    font-size: 45px;
  }
}
.c-mv-character__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px), print {
  .c-mv-character__subtit {
    font-size: 25px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .c-mv-character__subtit {
    font-size: 18px;
    margin-top: 10px;
  }
}
.c-mv-character__message {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-mv-character__message {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .c-mv-character__message {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 47px;
  }
}
.c-mv-character__info {
  color: #747474;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 15px;
}
@media screen and (min-width: 768px), print {
  .c-mv-character__info {
    margin-top: 20px;
    line-height: 1.46;
  }
}
@media (max-width: 767px) {
  .c-mv-character__info {
    margin-top: 10px;
    line-height: 1.6;
  }
}
.c-showroom-btn {
  position: relative;
}
.c-showroom-btn::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-showroom-btn::after {
    top: -23px;
    left: -35px;
    width: 159px;
    height: 141px;
    background: url(/assets/images/common/ico_jcb-pc.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-showroom-btn::after {
    top: 25px;
    right: -10px;
    width: 38%;
    height: 102px;
    background: url(/assets/images/common/ico_jcb.png) no-repeat 0 0;
    background-size: contain;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-btn {
    width: 860px;
    margin: 80px auto 0 auto;
  }
}
.c-showroom-btn__text {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #4da5bf;
}
@media screen and (min-width: 768px), print {
  .c-showroom-btn__text {
    font-size: 25px;
    margin-left: 140px;
  }
  .c-showroom-btn__text + span {
    display: inline-block;
    font-size: 18px;
    margin-left: 140px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .c-showroom-btn__text {
    font-size: 4.5vw;
    line-height: 1.64;
  }

  .c-showroom-btn__text + span {
    display: inline-block;
    font-size: 2.5vw;
    margin: 1vw 0 0 0;
  }
}
.c-showroom-btn__item {
  display: block;
  background: #4da5bf;
  color: #fff;
  position: relative;
  border-radius: 10px;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  border: 5px solid #4da5bf;
}
@media screen and (min-width: 768px), print {
  .c-showroom-btn__item {
    margin: 19px 0 0 0;
    padding: 24px 0 29px;
    font-size: 25px;
    line-height: 1.6;
    transition: background-color 0.5s ease, border 0.5s ease;
  }
  .c-showroom-btn__item:hover {
    background: #fff;
    border: 5px solid #4da5bf;
    color: #4da5bf;
  }
  .c-showroom-btn__item:hover span {
    border: 2px solid #4da5bf;
    background: #fff;
  }
  .c-showroom-btn__item:hover span::after {
    background: url(/assets/images/common/ico_to-right-blue.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-showroom-btn__item {
    margin-top: 12px;
    padding: 16px 0 19px;
    font-size: 17px;
    line-height: 1.64;
  }
}
.c-showroom-btn__item span {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 2px solid #fff;
}
.c-showroom-btn__item span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .c-showroom-btn__item span::after {
    width: 11px;
    height: 10px;
    transition: background-image 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-showroom-btn__item span::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-btn__item span {
    width: 42px;
    height: 42px;
    right: 30px;
    transition: border 0.5s ease, background-color 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-showroom-btn__item span {
    width: 24px;
    height: 24px;
    right: 16px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv {
    margin-top: 164px;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv {
    margin: 66px 0 0 0;
  }
}
.c-showroom-mv__text {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  color: #4da5bf;
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv__text {
    margin-left: 16%;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv__text {
    margin-left: 20px;
  }
}
.c-showroom-mv__num {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.6;
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv__num {
    font-size: 204px;
    display: block;
    margin-right: 25px;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv__num {
    font-size: 95px;
    margin-right: 12px;
  }
}
.c-showroom-mv__title h2 {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv__title h2 {
    font-size: 53px;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv__title h2 {
    font-size: 6.2vw;
    margin-top: 2px;
    line-height: 1.5;
  }
}
.c-showroom-mv__title p {
  color: #b5b5b5;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv__title p {
    font-size: 15px;
    line-height: 1.86;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv__title p {
    font-size: 7px;
    line-height: 1.85;
    margin-top: 4px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv__img {
    height: 384px;
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv__img {
    height: 246px;
    margin-top: 25px;
  }
}
.c-showroom-mv__message {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv__message {
    width: 1000px;
    text-align: center;
    margin: 110px auto 0 auto;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv__message {
    margin-top: 40px;
    padding: 0 35px;
    font-size: 15px;
    line-height: 2.06;
  }
}
.c-land-nav {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-land-nav {
    width: 820px;
    margin: 110px auto 144px auto;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .c-land-nav {
    padding: 40px 34px 80px 34px;
  }
  .c-land-nav::after {
    content: "";
    position: absolute;
    background: #f3f3f3;
    z-index: -1;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .c-land-nav::after {
    width: 100%;
    height: 350px;
    left: 0;
    top: -100px;
  }
}
@media (max-width: 767px) {
  .c-land-nav.style02::after {
    display: none;
  }
}
.c-land-nav__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-land-nav__text {
    text-align: center;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .c-land-nav__text {
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-nav__buttons {
    width: 820px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .c-land-nav__buttons {
    margin-top: 30px;
  }
}
.c-land-nav__btn {
  display: block;
  background: #fff;
  border: 2px solid #222;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  transition: background-color 0.5s, color 0.5s;
}
@media screen and (min-width: 768px), print {
  .c-land-nav__btn {
    width: 400px;
    padding: 21px 0 22px;
    font-size: 18px;
  }
  .c-land-nav__btn:hover {
    background: #222;
    color: #fff;
  }
  .c-land-nav__btn:hover-arrow {
    border: 2px solid #fff;
  }
  .c-land-nav__btn:hover .c-land-nav__btn-arrow {
    background-color: #fff;
  }
  .c-land-nav__btn:hover .c-land-nav__btn-arrow::after {
    background: url(/assets/images/common/ico_to-right-black.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-land-nav__btn {
    padding: 19px 0 20px;
    font-size: 16px;
  }
  .c-land-nav__btn + .c-land-nav__btn {
    margin-top: 10px;
  }
}
.c-land-nav__btn-arrow {
  background: #222;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #222;
  transition: background-color 0.5s ease;
}
.c-land-nav__btn-arrow::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-image 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-land-nav__btn-arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .c-land-nav__btn-arrow::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-nav__btn-arrow {
    width: 24px;
    height: 24px;
    right: 14px;
  }
}
@media (max-width: 767px) {
  .c-land-nav__btn-arrow {
    width: 17px;
    height: 17px;
    right: 12px;
  }
}
.c-recruit-btn__entry {
  position: fixed;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 2;
}
.c-recruit-btn__entry p {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .c-recruit-btn__entry p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .c-recruit-btn__entry p {
    font-size: 15px;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px), print {
  .c-recruit-btn__entry {
    width: 220px;
    padding-left: 10px;
    transition: padding 0.5s ease;
  }
  .c-recruit-btn__entry:hover {
    padding-left: 0;
  }
  .c-recruit-btn__entry:hover .c-recruit-btn__entry-inner::after {
    width: 30px;
  }
}
.c-recruit-btn__entry-inner {
  display: block;
  background: #f79f49;
}
.c-recruit-btn__entry-inner::after {
  content: "";
  position: absolute;
  height: 2px;
  background: #fff;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .c-recruit-btn__entry-inner::after {
    width: 20px;
    transition: width 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-recruit-btn__entry-inner::after {
    width: 22px;
  }
}
@media screen and (min-width: 768px), print {
  .c-recruit-btn__entry-inner {
    padding: 36px 0;
  }
}
@media (max-width: 767px) {
  .c-recruit-btn__entry-inner {
    padding: 14px 30px 14px 19px;
  }
}
@media screen and (min-width: 768px), print {
  .c-recruit-contact__mv {
    width: 916px;
    margin: 127px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .c-recruit-contact__mv {
    margin-top: 85px;
    padding: 0 20px;
  }
}
.c-recruit-contact__mv-title {
  color: #e85c2a;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-recruit-contact__mv-title {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .c-recruit-contact__mv-title {
    font-size: 34px;
  }
}
.c-recruit-contact__mv-title span {
  display: inline-block;
  line-height: 1.4;
  overflow: hidden;
}
.c-recruit-contact__mv-subtit {
  text-align: center;
  color: #464646;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .c-recruit-contact__mv-subtit {
    font-size: 20px;
    margin: 18px 0 30px;
  }
}
@media (max-width: 767px) {
  .c-recruit-contact__mv-subtit {
    font-size: 18px;
    margin: 12px 0 30px;
  }
}
.c-recruit-contact__mv-text {
  color: #464646;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-recruit-contact__mv-text {
    text-align: center;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .c-recruit-contact__mv-text {
    font-size: 15px;
    line-height: 2.06;
  }
}
.c-recruit-contact__mv-button {
  display: block;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  color: #e85c2a;
}
@media screen and (min-width: 768px), print {
  .c-recruit-contact__mv-button {
    margin: 80px auto 70px auto;
    width: 370px;
    padding: 21px 0;
    font-size: 16px;
    letter-spacing: 0.1em;
    border: 2px solid #e85c2a;
    transition: background-color 0.5s ease, color 0.5s ease;
  }
  .c-recruit-contact__mv-button:hover {
    background: #e85c2a;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .c-recruit-contact__mv-button {
    margin: 45px 0 39px 0;
    padding: 19px 0;
    font-size: 15px;
    letter-spacing: 0.04em;
    border: 1px solid #e85c2a;
  }
}
.c-opening-fadein {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 0;
  transform: translateY(30px);
}
.c-opening-fadein.active {
  opacity: 1;
  transform: translateY(0);
}
.c-form-confirm {
  list-style: none;
}
@media screen and (min-width: 768px), print {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-about--select
    .c-form-confirm {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .mw_wp_form.mw_wp_form_preview .c-form-item__box-post {
    justify-content: unset;
  }
}
.mw_wp_form.mw_wp_form_preview
  .c-form-item__box-post
  .c-form-confirm
  + .c-form-confirm {
  margin-left: 15px;
}
@media screen and (min-width: 768px), print {
  .mw_wp_form.mw_wp_form_preview .c-form-item__box-about--textarea {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .mw_wp_form.mw_wp_form_preview .c-form-item__box-about--textarea {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-checkboxCircle-inner.flex
    .c-form-confirm {
    margin-top: 3px;
  }
}
.mw_wp_form.mw_wp_form_preview .c-form-agree__notice {
  display: none;
}
.mw_wp_form.mw_wp_form_preview .c-form-item__box-post .c-form-confirm {
  width: auto;
}
@media (max-width: 767px) {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-area
    .c-form-item__box-area__item {
    width: auto;
  }
}
@media screen and (min-width: 768px), print {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-area
    .c-form-item__box-area__item
    + .c-form-item__box-area__item {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-date
    .c-form-item__box-date__item {
    width: auto;
  }
}
@media screen and (min-width: 768px), print {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-date
    .c-form-item__box-date__item
    + .c-form-item__box-date__item {
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-time-list.style02
    .c-form-item__box-time-list--select {
    position: absolute;
    left: 203px;
  }
}
.mw_wp_form.mw_wp_form_preview
  .c-form-item__box-time-list.style02
  .c-form-item__box-time-list--select
  span {
  right: -55px;
}
@media (max-width: 767px) {
  .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-time-list.style02
    .c-form-item__box-time-list--select {
    position: absolute;
    left: -30%;
  }
}
.mw_wp_form.mw_wp_form_preview .c-form-item__box-text.mail-confirm,
.mw_wp_form.mw_wp_form_preview .c-form-item__box-text--notice.mail-notice {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-banner-sns {
    width: 1103px;
    margin: 0 auto 130px auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .c-banner-sns {
    margin: 0 20px 60px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-sns__item {
    width: 540px;
  }
  .c-banner-sns__item:hover .c-banner-sns__text {
    transform: translateY(-10px);
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-sns__item.youtube .c-banner-sns__inner {
    background: url(/assets/images/home/img_banner-youtube-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__item.youtube .c-banner-sns__inner {
    background: url(/assets/images/home/img_banner-youtube.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__item.youtube .c-banner-sns__inner h2 {
    margin-left: 10px;
  }
}
.c-banner-sns__item.youtube .c-banner-sns__inner h2::after {
  content: "";
  position: absolute;
  width: 41px;
  height: 29px;
  background: url(/assets/images/common/ico_youtube-color.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .c-banner-sns__item.youtube .c-banner-sns__inner h2::after {
    width: 28px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__item.insta {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-sns__item.insta .c-banner-sns__inner {
    background: url(/assets/images/home/img_banner-insta-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__item.insta .c-banner-sns__inner {
    background: url(/assets/images/home/img_banner-insta.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-banner-sns__item.insta .c-banner-sns__inner h2::after {
  content: "";
  position: absolute;
  width: 39px;
  height: 39px;
  background: url(/assets/images/common/ico_instagram-color.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .c-banner-sns__item.insta .c-banner-sns__inner h2::after {
    width: 25px;
    height: 25px;
  }
}
.c-banner-sns__inner {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-sns__inner {
    margin-top: 17.5px;
    height: 180px;
    padding: 57px 0 0 45px;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__inner {
    margin-top: 13px;
    height: 112px;
    padding: 25px 0 0 25px;
  }
}
.c-banner-sns__inner h3 {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-banner-sns__inner h3 {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__inner h3 {
    font-size: 11px;
    line-height: 1.36;
    width: 130px;
    text-align: center;
    margin-left: 15px;
  }
}
.c-banner-sns__inner h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-top: 10px;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-banner-sns__inner h2 {
    font-size: 34px;
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__inner h2 {
    font-size: 21px;
    padding-left: 35px;
  }
}
.c-banner-sns__text {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-banner-sns__text {
    font-size: 19px;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-banner-sns__text {
    font-size: 12px;
  }
}
.c-banner-house {
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .c-banner-house.vol2 {
    width: 96%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-banner-house.vol2 {
    margin: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-house__list {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.c-banner-house__list-item {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-banner-house__list-item {
    width: 50%;
    height: 314px;
  }
}
@media (max-width: 767px) {
  .c-banner-house__list-item {
    width: 100%;
    height: 184px;
  }
}
.c-banner-house__button {
  position: absolute;
  border-radius: 50%;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  transition: background-color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-banner-house__button {
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 767px) {
  .c-banner-house__button {
    bottom: 12px;
    right: 12px;
    width: 35px;
    height: 35px;
  }
}
.c-banner-house__button span {
  display: block;
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  transition: background-image 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-banner-house__button span {
    width: 12px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .c-banner-house__button span {
    width: 10px;
    height: 9px;
  }
}
.c-banner-custom {
  display: block;
  position: relative;
}
.c-banner-custom::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/assets/images/banner/img_banner-custom-pc.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
@media (max-width: 767px) {
  .c-banner-custom::after {
    background: url(/assets/images/banner/img_banner-custom.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-custom {
    height: 362px;
    padding: 112px 0 0 60px;
    overflow: hidden;
  }
  .c-banner-custom:hover::after {
    transform: scale(1.05);
  }
  .c-banner-custom:hover .c-banner-house__button {
    background: #fff;
  }
  .c-banner-custom:hover .c-banner-house__button span {
    background: url(/assets/images/common/ico_to-right-red.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-custom {
    height: 293px;
    padding: 50px 0 0 32px;
  }
}
.c-banner-custom__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .c-banner-custom__title {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .c-banner-custom__title {
    font-size: 40px;
    line-height: 1.05;
  }
}
.c-banner-custom__text {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-banner-custom__text {
    width: 537px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-banner-custom__text {
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-custom__text h3 {
    font-size: 38px;
    letter-spacing: 0.1em;
  }
}
@media (max-width: 767px) {
  .c-banner-custom__text h3 {
    font-size: 22px;
    letter-spacing: 0.04em;
  }
}
.c-banner-custom__text span {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-custom__text span {
    width: 353px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .c-banner-custom__text span {
    width: 176px;
    font-size: 13px;
    margin-top: 32px;
    line-height: 1.38;
    padding-left: 20px;
  }
}
.c-banner-custom__text span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 31px;
  background: url(/assets/images/common/obj_bracket-left.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-banner-custom__text span::after {
    width: 14px;
    height: 54px;
    background: url(/assets/images/common/obj_bracket-left-tall.png) no-repeat 0
      0;
    background-size: cover;
  }
}
.c-banner-custom__text span::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 31px;
  background: url(/assets/images/common/obj_bracket-right.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-banner-custom__text span::before {
    width: 14px;
    height: 54px;
    background: url(/assets/images/common/obj_bracket-right-tall.png) no-repeat
      0 0;
    background-size: cover;
  }
}
.c-banner-estate {
  position: relative;
  overflow: hidden;
}
.c-banner-estate::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .c-banner-estate::after {
    background: url(/assets/images/banner/img_banner-estate-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-banner-estate::after {
    background: url(/assets/images/banner/img_banner-estate.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-estate {
    padding: 110px 0 0 50px;
    overflow: hidden;
  }
  .c-banner-estate:hover::after {
    transform: scale(1.05);
  }
  .c-banner-estate:hover .c-banner-house__button {
    background: #fff;
  }
  .c-banner-estate:hover .c-banner-house__button span {
    background: url(/assets/images/common/ico_to-right-gray.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-estate {
    padding: 47px 0 0 20px;
  }
}
.c-banner-estate__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .c-banner-estate__title {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  .c-banner-estate__title {
    font-size: 22px;
  }
}
.c-banner-estate__text {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-banner-estate__text {
    width: 380px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-banner-estate__text {
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-estate__text h3 {
    font-size: 22px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .c-banner-estate__text h3 {
    font-size: 16px;
    letter-spacing: 0.04em;
  }
}
.c-banner-estate__text span {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-estate__text span {
    width: 270px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .c-banner-estate__text span {
    width: 240px;
    font-size: 13px;
    margin-top: 20px;
    line-height: 1.38;
    padding: 0 20px;
  }
}
.c-banner-estate__text span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 31px;
  background: url(/assets/images/common/obj_bracket-left.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-banner-estate__text span::after {
    width: 10px;
    height: 22px;
    background-size: contain;
  }
}
.c-banner-estate__text span::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 31px;
  background: url(/assets/images/common/obj_bracket-right.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-banner-estate__text span::before {
    width: 10px;
    height: 22px;
    background-size: contain;
  }
}
.c-banner-estate .c-date-label {
  background: #fff;
  color: #567380;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-banner-estate .c-date-label {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .c-banner-estate .c-date-label {
    top: 11px;
    right: 12px;
  }
}
.c-banner-estate .c-date-label p::after {
  background: #567380;
}
.c-banner-second {
  position: relative;
  overflow: hidden;
}
.c-banner-second::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .c-banner-second::after {
    background: url(/assets/images/banner/img_banner-second-pc.jpg) no-repeat 0
      0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-second::after {
    background: url(/assets/images/banner/img_banner-second.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-second {
    padding: 95px 0 0 50px;
    overflow: hidden;
  }
  .c-banner-second:hover::after {
    transform: scale(1.05);
  }
  .c-banner-second:hover .c-banner-house__button {
    background: #fff;
  }
  .c-banner-second:hover .c-banner-house__button span {
    background: url(/assets/images/common/ico_to-right-blue.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-second {
    padding: 22px 0 0 20px;
  }
}
.c-banner-second__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .c-banner-second__title {
    font-size: 36px;
    line-height: 1.13;
  }
}
@media (max-width: 767px) {
  .c-banner-second__title {
    font-size: 22px;
    line-height: 1.22;
  }
}
.c-banner-second__text {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-banner-second__text {
    width: 537px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-banner-second__text {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-second__text h3 {
    font-size: 22px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .c-banner-second__text h3 {
    font-size: 16px;
    letter-spacing: 0.04em;
  }
}
.c-banner-second__text span {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-second__text span {
    width: 270px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .c-banner-second__text span {
    width: 235px;
    font-size: 13px;
    margin-top: 20px;
    line-height: 1.38;
    padding: 0 20px;
  }
}
.c-banner-second__text span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 31px;
  background: url(/assets/images/common/obj_bracket-left.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-banner-second__text span::after {
    width: 10px;
    height: 22px;
    background-size: contain;
  }
}
.c-banner-second__text span::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 31px;
  background: url(/assets/images/common/obj_bracket-right.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-banner-second__text span::before {
    width: 10px;
    height: 22px;
    background-size: contain;
  }
}
.c-banner-second .c-date-label {
  background: #fff;
  color: #567380;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-banner-second .c-date-label {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .c-banner-second .c-date-label {
    top: 11px;
    right: 12px;
  }
}
.c-banner-second .c-date-label p::after {
  background: #567380;
}
.c-date-label {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-date-label {
    width: 113px;
    height: 113px;
  }
}
@media (max-width: 767px) {
  .c-date-label {
    width: 86px;
    height: 86px;
  }
}
.c-date-label p {
  position: relative;
}
.c-date-label p::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 44px;
  top: -3px;
  left: 19px;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .c-date-label p::after {
    height: 38px;
  }
}
@media screen and (min-width: 768px), print {
  .c-date-label p {
    width: 44px;
  }
}
@media (max-width: 767px) {
  .c-date-label p {
    width: 40px;
  }
}
.c-date-label p .c-date-label__date {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-date-label p .c-date-label__date {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .c-date-label p .c-date-label__date {
    font-size: 16px;
  }
}
.c-date-label p .c-date-label__date:nth-of-type(2) {
  text-align: right;
}
@media screen and (min-width: 768px), print {
  .c-date-label p .c-date-label__date:nth-of-type(2) {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .c-date-label p .c-date-label__date:nth-of-type(2) {
    font-size: 17px;
  }
}
.c-date-label p .c-date-label__text {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-date-label p .c-date-label__text {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .c-date-label p .c-date-label__text {
    font-size: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guides__half {
    width: 96%;
    margin: 0 auto 14px auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-banner-guides__half {
    margin: 0 20px 20px 20px;
  }
}
.c-banner-showroom {
  border: 5px solid #4da5bf;
  position: relative;
}
.c-banner-showroom::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom::after {
    width: 54.2%;
    height: 98.5%;
    background: url(/assets/images/banner/img_banner-tenji-pc.jpg) no-repeat 0 0;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom::after {
    width: 100%;
    height: 212px;
    background: url(/assets/images/banner/img_banner-tenji.jpg) no-repeat 0 0;
    background-size: cover;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 27px 43px;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom {
    padding: 30px 15px 240px 15px;
  }
}
.c-banner-showroom__title {
  /* font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; */
  font-family: var(--f-jp);
  font-weight: 600;
  font-style: normal;
  color: #4da5bf;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom__title {
    font-size: 95px;
    width: 400px;
    margin-top: 38px;
    line-height: 1.04;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom__title {
    font-size: 13vw;
    line-height: 1.1;
    letter-spacing: -0.05em;
    padding: 0 1px;
    display: inline-block;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom__title small {
    font-size: 63px;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom__title small {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom__title::after {
    content: "LET’S GO TO SHOWROOM";
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-align: left;
    font-size: 3.5vw;
    width: 105px;
    right: -20px;
    bottom: 7px;
    line-height: 1.3;
  }
}
.c-banner-showroom__title span {
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: right;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom__title span {
    font-size: 17px;
    top: 27px;
    right: 75px;
    line-height: 1.4;
  }
}
.c-banner-showroom__message {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom__message {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 24px;
    width: 367px;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom__message {
    font-size: 14px;
    line-height: 1.78;
    margin-top: 22px;
    padding: 0 5px;
  }
}
.c-banner-showroom__list {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom__list {
    width: 410px;
    margin-top: 26px;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom__list {
    margin-top: 18px;
  }
}
.c-banner-showroom__item {
  display: block;
  background: #f3f3f3;
  font-family: var(--f-jp);
  font-weight: 500;
  border-radius: 20px;
  position: relative;
  transition: background-color 0.5s ease, color 0.5s ease;
}
.c-banner-showroom__item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 6px;
  background: url(/assets/images/common/ico_arrow-right-black.png) no-repeat 0 0;
  background-size: 3px 6px;
  background-position: center;
  right: 10px;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom__item {
    font-size: 14px;
    line-height: 1.92;
    padding: 2px 19px 3px 15px;
    margin-right: 5px;
  }
  .c-banner-showroom__item:hover {
    background: #222;
    color: #fff;
  }
  .c-banner-showroom__item:hover::after {
    background: url(/assets/images/common/ico_arrow-right-white.png) no-repeat 0
      0;
    background-size: 3px 6px;
    background-position: center;
  }
  .c-banner-showroom__item:nth-child(3n) {
    margin-right: 0;
  }
  .c-banner-showroom__item:nth-child(n + 4) {
    margin-top: 7px;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom__item {
    font-size: 13px;
    line-height: 2.07;
    padding: 2px 22px 3px 15px;
    margin-top: 8px;
    margin-right: 5px;
  }
}
.c-banner-showroom.half {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom.half {
    width: 49%;
    height: 290px;
    padding: 23px 0 0 30px;
    margin: unset;
  }
  .c-banner-showroom.half::after {
    width: 46%;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom.half .c-banner-showroom__title {
    font-size: 75px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom.half .c-banner-showroom__title {
    font-size: 13vw;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom.half .c-banner-showroom__title span {
    right: 120px;
    top: 18px;
  }
}
.c-banner-showroom.vol2 {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-showroom.vol2 {
    margin: 130px auto;
    padding: 0 0 48px 43px;
    transition: opacity 0.5s ease;
  }
  .c-banner-showroom.vol2:hover {
    opacity: 0.7;
  }
}
@media (max-width: 767px) {
  .c-banner-showroom.vol2 {
    margin: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide {
    width: 1100px;
    margin: 50px auto 0 auto;
    height: 550px;
    background: url(/assets/images/banner/img_banner-guide-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    padding: 71px 0 79px 49px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .c-banner-guide {
    margin: 40px auto 0 auto;
    background: url(/assets/images/banner/img_banner-guide.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 35px 35px 40px 35px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__title {
    width: 400px;
    height: 400px;
    position: relative;
  }
}
.c-banner-guide__title-list {
  color: #fff;
  font-size: 18px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.72;
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__title-list {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: -185px;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__title-list {
    margin-top: 20px;
    font-size: 4.6vw;
  }
}
.c-banner-guide__title-list span {
  display: block;
  background: #f6730e;
  padding: 8px 13px;
}
@media (max-width: 767px) {
  .c-banner-guide__title-list span {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__title-list span:nth-child(2) {
    padding: 0px 14.5px 8px 13px;
  }
}
.c-banner-guide__title-list span:nth-child(3) {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__title-list span:nth-child(3) {
    padding: 8px 7px 8px 13px;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__title-list span:nth-child(3) {
    padding: 0px 13px 8px 13px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__button {
    width: 327px;
    position: absolute;
    bottom: 109px;
    left: 405px;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__button {
    margin-top: 51px;
  }
}
.c-banner-guide__button-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  background: rgba(209, 96, 0, 0.5);
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__button-item {
    font-size: 18px;
    padding: 22px 20px;
    transition: background-color 0.5s ease;
  }
  .c-banner-guide__button-item:hover {
    background: #d16000;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__button-item {
    font-size: 3.8vw;
    padding: 18px 16px;
    line-height: 1.78;
    margin-left: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__button-item + .c-banner-guide__button-item {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__button-item + .c-banner-guide__button-item {
    margin-top: 8px;
  }
}
.c-banner-guide__button-item span {
  display: block;
  background: #222;
  border-radius: 50%;
  position: relative;
}
.c-banner-guide__button-item span::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__button-item span::after {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__button-item span::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide__button-item span {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .c-banner-guide__button-item span {
    width: 20px;
    height: 20px;
    margin-left: 5px;
  }
}
.c-banner-guide.half {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-guide.half {
    width: 49%;
    height: 290px;
    margin: 0;
    padding: 17.5px 0 0 30px;
  }
}
@media (max-width: 767px) {
  .c-banner-guide.half {
    margin: 20px auto 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide.half .c-banner-guide__title {
    width: 411px;
    height: 160px;
  }
}
.c-banner-guide.half .c-banner-guide__title .c-banner-guide__title-list {
  position: unset;
}
@media all and (-ms-high-contrast: none) {
  .c-banner-guide.half .c-banner-guide__title .c-banner-guide__title-list {
    position: relative;
    top: auto !important;
    right: auto !important;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide.half .c-banner-guide__title .c-banner-guide__title-list {
    margin-top: 20.5px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide.half .c-banner-guide__title .c-banner-guide__title-list span {
    font-size: 13px;
  }
  .c-banner-guide.half
    .c-banner-guide__title
    .c-banner-guide__title-list
    span:nth-child(2) {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .c-banner-guide.half .c-banner-guide__title .c-banner-guide__title-list span {
    font-size: 4.6vw;
  }
}
@media (max-width: 767px) {
  .c-banner-guide.space {
    margin: 60px auto 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-guide.wider {
    width: 96%;
    height: 440px;
    background: url(/assets/images/banner/img_banner-guide-vol02-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    padding: 51px 0 51px 51px;
    margin: 0 auto;
  }
  .c-banner-guide.wider .c-banner-guide__title {
    width: 824px;
    height: 348px;
  }
  .c-banner-guide.wider .c-banner-guide__button {
    bottom: 97px;
    left: 820px;
  }
}
.c-banner-data::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-banner-data::after {
    background: url(/assets/images/banner/img_banner-docu-pc.jpg) no-repeat 0 0;
    background-size: cover;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-banner-data::after {
    background: url(/assets/images/banner/img_banner-docu.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-data {
    width: 1316px;
    height: 411px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-banner-data {
    height: 269px;
    padding: 0 20px;
  }
}
.c-banner-data h3 {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-banner-data h3 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .c-banner-data h3 {
    font-size: 16px;
  }
}
.c-banner-data h2 {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-banner-data h2 {
    font-size: 34px;
    line-height: 1.61;
    margin: 15px 0 26px 0;
  }
}
@media (max-width: 767px) {
  .c-banner-data h2 {
    font-size: 22px;
    line-height: 1.59;
    margin: 7px 0 20px 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-data h2 small {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .c-banner-data h2 small {
    font-size: 12px;
  }
}
.c-banner-tech::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-banner-tech::after {
    background: url(/assets/images/banner/img_banner-tech-pc.jpg) no-repeat 0 0;
    background-size: cover;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-banner-tech::after {
    background: url(/assets/images/banner/img_banner-tech.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-tech {
    margin: 0 20px;
  }
}
.c-banner-tech h3 {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-banner-tech h3 {
    line-height: 1.86;
    margin: 20px 0 40px;
  }
}
@media (max-width: 767px) {
  .c-banner-tech h3 {
    line-height: 2.06;
    margin: 18px 0 30px;
    text-align: left;
  }
}
.c-banner-tech h2 {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-banner-tech h2 {
    font-size: 30px;
    line-height: 2.06;
  }
}
@media (max-width: 767px) {
  .c-banner-tech h2 {
    font-size: 22px;
    line-height: 1.81;
    text-align: left;
  }
}
.c-banner-lineup::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-banner-lineup::after {
    background: url(/assets/images/banner/img_banner-lineup-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-banner-lineup::after {
    background: url(/assets/images/banner/img_banner-lineup.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-lineup {
    height: 330px !important;
    padding-top: 36px;
    margin: 0 20px;
  }
}
.c-banner-lineup h3 {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-banner-lineup h3 {
    line-height: 1.86;
    margin: 20px 0 40px;
  }
}
@media (max-width: 767px) {
  .c-banner-lineup h3 {
    line-height: 2.06;
    margin: 18px 0 30px;
    text-align: left;
  }
}
.c-banner-lineup h2 {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-banner-lineup h2 {
    font-size: 30px;
    line-height: 2.06;
  }
}
@media (max-width: 767px) {
  .c-banner-lineup h2 {
    font-size: 22px;
    line-height: 1.81;
    text-align: left;
  }
}
.c-banner-test::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-banner-test::after {
    background: url(/assets/images/banner/img_banner-test-pc.jpg) no-repeat 0 0;
    background-size: cover;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-banner-test::after {
    background: url(/assets/images/banner/img_banner-test.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-banner-test h2 {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-banner-test h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .c-banner-test h2 {
    font-size: 22px;
  }
}
.c-banner-test__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 15px;
}
@media screen and (min-width: 768px), print {
  .c-banner-test__text {
    width: 538px;
    line-height: 1.86;
    margin: 20px 0 40px 0;
  }
}
@media (max-width: 767px) {
  .c-banner-test__text {
    line-height: 1.6;
    margin: 12px 0 20px 0;
    text-align: left;
  }
}
.c-banner-components {
  position: relative;
  text-align: center;
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-banner-components {
    width: 96%;
    height: 411px;
    margin: 0 auto;
  }
  .c-banner-components:hover::after {
    transform: scale(1.05);
  }
  .c-banner-components:hover .c-button {
    background: #fff;
  }
  .c-banner-components:hover .c-button-text {
    color: #222;
  }
  .c-banner-components:hover .c-button-arrow {
    background: #222;
  }
  .c-banner-components:hover .c-button-arrow::after {
    background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-components {
    padding: 30px 20px 35px;
  }
}
@media (max-width: 767px) {
  .c-banner-components.smaller {
    margin: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-half {
    width: 96%;
    height: 250px;
    margin: 30px auto 0 auto;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-banner-half {
    margin-top: 40px;
  }
}
.c-banner-half__item {
  display: block;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.c-banner-half__item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item {
    width: 50%;
    padding: 69px 0 0 50px;
  }
  .c-banner-half__item:hover::after {
    transform: scale(1.1);
  }
}
@media (max-width: 767px) {
  .c-banner-half__item {
    height: 142px;
    padding: 41px 0 0 20px;
  }
}
.c-banner-half__item h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item h2 {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item h2 {
    font-size: 33px;
  }
}
.c-banner-half__item h3 {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item h3 {
    font-size: 22px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item h3 {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item.staff::after {
    background: url(/assets/images/banner/img_banner-staff-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item.staff::after {
    background: url(/assets/images/banner/img_banner-staff.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item.company::after {
    background: url(/assets/images/banner/img_banner-company-pc.jpg) no-repeat 0
      0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item.company::after {
    background: url(/assets/images/banner/img_banner-company.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item.company.lighter::after {
    background: url(/assets/images/banner/img_banner-company-lighter-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item.company.lighter::after {
    background: url(/assets/images/banner/img_banner-company-lighter.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item.recruit::after {
    background: url(/assets/images/banner/img_banner-recruit-pc.jpg) no-repeat 0
      0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item.recruit::after {
    background: url(/assets/images/banner/img_banner-recruit.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item.reborn {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-half__item.reborn::after {
    background: url(/assets/images/banner/img_banner-reborn-pc.jpg) no-repeat 0
      0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-banner-half__item.reborn::after {
    background: url(/assets/images/banner/img_banner-reborn.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-banner-design {
  background: #b4a983;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-banner-design {
    width: 424px;
    padding: 22px 20px;
  }
  .c-banner-design:hover {
    background: #d4caa7;
  }
}
@media (max-width: 767px) {
  .c-banner-design {
    padding: 20px;
  }
}
.c-banner-design picture {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-banner-design picture {
    width: 156px;
  }
}
@media (max-width: 767px) {
  .c-banner-design picture {
    width: 117px;
    margin-right: 11px;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-design__item {
    width: 185px;
  }
}
.c-banner-design__list {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-banner-design__list {
    font-size: 14px;
    line-height: 1.57;
  }
}
@media (max-width: 767px) {
  .c-banner-design__list {
    font-size: 13px;
    line-height: 1.57;
  }
}
@media screen and (min-width: 768px), print {
  .c-banner-design .c-button {
    width: 155px;
    margin: 14px 0 0 28px;
  }
}
@media (max-width: 767px) {
  .c-banner-design .c-button {
    margin-top: 10px;
  }
}
.c-banner-design .c-button-line {
  padding-bottom: 10px;
}
.c-banner-design .c-button-text {
  color: #fff;
  font-size: 13px;
}
.c-banner-design .c-button-arrow {
  width: 15px;
  height: 15px;
  background: #fff;
}
.c-banner-design .c-button-arrow::after {
  width: 6px;
  height: 6px;
  background: url(/assets/images/common/ico_to-right-brown.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-talk-banner {
  display: block;
  position: relative;
  background: #e85c2a;
}
.c-talk-banner .u-recruit-fadein {
  transition-delay: 2s;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner {
    width: 100%;
    margin: 10px auto 0 auto;
    padding-left: 54px;
    height: 600px;
  }
  .c-talk-banner:hover .c-talk-banner__button {
    background: #fff;
  }
  .c-talk-banner:hover .c-talk-banner__button::after {
    background: url(/assets/images/common/ico_to-right-orange.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
  .c-talk-banner:hover .c-talk-banner__img::after {
    transform: scale(1.05);
  }
}
@media (max-width: 767px) {
  .c-talk-banner {
    margin-top: 12px;
    padding-bottom: 40px;
  }
}
.c-talk-banner__subtit {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__subtit {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__subtit {
    color: #e85c2a;
    margin-left: 20px;
  }
  .c-talk-banner__subtit:nth-of-type(2) {
    color: #fff;
    margin-top: 120px;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__contents {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__img.talk01::after {
    background: url(/assets/images/recruit/talk/detail/img_banner-talk02-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__img.talk01 {
    background: url(/assets/images/recruit/talk/detail/img_banner-talk02.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__img.talk02::after {
    background: url(/assets/images/recruit/talk/detail/img_banner-talk03-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__img.talk02 {
    background: url(/assets/images/recruit/talk/detail/img_banner-talk03.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__img.talk03::after {
    background: url(/assets/images/recruit/talk/detail/img_banner-talk01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__img.talk03 {
    background: url(/assets/images/recruit/talk/detail/img_banner-talk01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__img {
    width: calc(100% - 348px);
    overflow: hidden;
    position: relative;
  }
  .c-talk-banner__img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__img {
    width: 100%;
    height: 250px;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__box {
    width: 348px;
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__title {
    margin: 77px 0 42px;
    width: 900px;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__title {
    width: auto;
    position: absolute;
    top: 170px;
    left: 20px;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__title p:nth-of-type(2) span {
    top: -15px;
  }
}
.c-talk-banner__title span {
  display: inline-block;
  font-family: var(--f-jp);
  font-weight: 700;
  color: #e85c2a;
  position: relative;
}
.c-talk-banner__title span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__title span {
    font-size: 40px;
    line-height: 37px;
    padding: 20px 27px 24px 18px;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__title span {
    font-size: 6.9vw;
    line-height: 44px;
    padding: 5px 15px 9px;
  }
}
.c-talk-banner__list {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__list {
    width: 300px;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__list {
    width: 270px;
    margin-top: 15px;
    padding-left: 20px;
  }
}
.c-talk-banner__item {
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__item {
    width: 130px;
  }
  .c-talk-banner__item:nth-child(n + 3) {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__item {
    width: 120px;
    margin-bottom: 10px;
  }
  .c-talk-banner__item:nth-child(n + 3) {
    margin-top: 15px;
  }
}
.c-talk-banner__name {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__name {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__name {
    font-size: 15px;
  }
}
.c-talk-banner__depart {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__depart {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__depart {
    font-size: 15px;
  }
}
.c-talk-banner__button {
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #e85c2a;
}
.c-talk-banner__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__button::after {
    width: 11px;
    height: 10px;
    transition: background-image 0.5s ease;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__button::after {
    width: 9px;
    height: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .c-talk-banner__button {
    width: 42px;
    height: 42px;
    position: relative;
    transition: background-color 0.5s ease;
    position: absolute;
    bottom: -85px;
    right: -30px;
  }
}
@media (max-width: 767px) {
  .c-talk-banner__button {
    width: 31px;
    height: 31px;
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .u-sp-only {
    display: none !important;
  }
  br.sp {
    display: none !important;
  }
}
@media screen and (min-width: 1285px), print {
  .u-sp-header-only {
    display: none !important;
  }
}
@media screen and (max-width: 1285px), print {
  .u-pc-header-only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .u-pc-only {
    display: none !important;
  }
  br.pc {
    display: none !important;
  }
}
.u-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}
.u-none {
  display: none;
}
.u-fadein {
  transform: translate(0, 30px);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition-delay: 0.6s, 0.6s;
}
.u-fadein[data-scroll="in"] {
  transform: translate(0, 0);
  opacity: 1;
}
.u-recruit-fadein {
  transform: translate(0, 30px);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition-delay: 0.6s, 0.6s;
}
.u-recruit-scrollIn[data-scroll="in"] .u-recruit-fadein {
  transform: translate(0, 0);
  opacity: 1;
}
.u-fadein-delay {
  transform: translate(0, 30px);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition-delay: 1s, 1s;
}
.u-fadein-delay[data-scroll="in"] {
  transform: translate(0, 0);
  opacity: 1;
}
.u-ext-white {
  position: relative;
  color: transparent;
  transition: color 0.5s ease;
}
.u-ext-white::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 1;
  transform-origin: left;
  transform: translateX(-100%);
  animation-delay: 0.2s;
}
.u-recruit-scrollIn[data-scroll="in"] .u-ext-white {
  color: #fff;
  transition-delay: 0.7s;
}
.u-recruit-scrollIn[data-scroll="in"] .u-ext-white::before {
  animation: extAni 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 1 forwards;
}
.u-ext-orange {
  position: relative;
  display: inline-block;
  color: transparent;
  transition: color 0.5s ease;
}
.u-ext-orange::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: #e85c2a;
  top: 0;
  left: 0;
  z-index: 1;
  transform-origin: left;
  transform: translateX(-100%);
  animation-delay: 0.2s;
}
.u-ext-scale {
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: width 0.6s 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.u-recruit-scrollIn[data-scroll="in"] .u-ext-scale {
  width: 100%;
}
.u-recruit-scrollIn[data-scroll="in"] .u-ext-orange {
  color: #464646;
  transition-delay: 0.7s;
}
.u-recruit-scrollIn[data-scroll="in"] .u-ext-orange::before {
  animation: extAni 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 1 forwards;
}
.u-recruit-mvtitle {
  position: relative;
  display: inline-block;
  color: transparent;
  transition: color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .u-recruit-mvtitle:nth-of-type(1) {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .u-recruit-mvtitle:nth-of-type(1) {
    margin-bottom: 12px;
  }
}
.u-recruit-mvtitle.shorter::before {
  width: 90%;
}
.u-recruit-mvtitle::after {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.u-recruit-mvtitle::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 1;
  transform-origin: left;
  transform: translateX(-100%);
  animation-delay: 0.2s;
}
.u-recruit-mvtitle.active {
  color: #fff;
  transition-delay: 0.7s;
}
.u-recruit-mvtitle.active::after {
  opacity: 1;
  transition-delay: 0.7s;
}
.u-recruit-mvtitle.active::before {
  animation: extAni 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 1 forwards;
}
.u-recruit-mvtitle__orange {
  position: relative;
  color: transparent;
  transition: color 0.5s ease, border-bottom 0.5s ease;
  border-bottom: 11px solid transparent;
}
.u-recruit-mvtitle__orange.shorter::before {
  width: 90%;
}
.u-recruit-mvtitle__orange::after {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.u-recruit-mvtitle__orange::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: #e85c2a;
  top: 0;
  left: 0;
  z-index: 1;
  transform-origin: left;
  transform: translateX(-100%);
  animation-delay: 0.2s;
}
.u-recruit-mvtitle__orange.active {
  color: #e85c2a;
  transition-delay: 0.7s;
  border-bottom: 11px solid #e85c2a;
}
.u-recruit-mvtitle__orange.active::before {
  animation: extAni 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 1 forwards;
}
@media screen and (min-width: 768px), print {
  .u-hover-green {
    transition: color 0.5s ease;
  }
  .u-hover-green:hover {
    color: #f6730e;
  }
}
@media screen and (min-width: 768px), print {
  .u-hover-orange {
    transition: color 0.5s ease;
  }
  .u-hover-orange:hover {
    color: #e85c2a;
  }
}
@media screen and (min-width: 768px), print {
  .u-hover-opacity {
    transition: opacity 0.5s ease;
  }
  .u-hover-opacity:hover {
    opacity: 0.5;
  }
}
.js-opening-fadein {
  transition: opacity 0.5s ease;
  opacity: 0;
}
.js-opening-fadein.active {
  opacity: 1;
}
.js-opening-fadeinup {
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateY(30px);
  opacity: 0;
}
.js-opening-fadeinup.active {
  opacity: 1;
  transform: translateY(0);
}
.js-opening-fadeinup6 {
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateY(30px);
  opacity: 0;
}
.js-opening-fadeinup6.active {
  opacity: 0.6;
  transform: translateY(0);
}
body {
  display: block;
}
.p-mv {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-mv {
    padding-top: 122px;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-mv {
    padding-top: 55px;
    height: 100vh;
  }
}
.p-mv-works {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-mv-works {
    width: calc(100% - 400px);
    height: 740px;
  }
}
@media (max-width: 767px) {
  .p-mv-works {
    height: 68%;
  }
}
.p-mv-works__list {
  height: 100%;
}
.p-mv-works__list .slick-track {
  height: 100%;
}
.p-mv-works__list .slick-list {
  height: 100%;
}
.p-mv-works__item a {
  display: block;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .p-mv-works__item-img {
    display: block;
    width: 100%;
    height: 95%;
  }
}
@media (max-width: 767px) {
  .p-mv-works__item-img {
    height: 78%;
  }
}
.p-mv-works__item-img img {
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-mv-works__item-text {
    display: flex;
    padding: 10px 0 0 14px;
  }
}
@media (max-width: 767px) {
  .p-mv-works__item-text {
    padding: 8px 20px;
  }
}
.p-mv-works__item-text span {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #aaaaaa;
}
@media screen and (min-width: 768px), print {
  .p-mv-works__item-text span {
    font-size: 16px;
  }
}
.p-mv-works__item-text p {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px), print {
  .p-mv-works__item-text p {
    margin-left: 11px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .p-mv-works__item-text p {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.71;
  }
}
.p-mv-works__arrows {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-mv-works__arrows {
    width: 42px;
    height: 90px;
    bottom: 8%;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .p-mv-works__arrows {
    width: 30px;
    height: 65px;
    left: 10px;
    bottom: 25%;
  }
}
.p-mv-works__arrows .arrows-prev,
.p-mv-works__arrows .arrows-next {
  position: absolute;
  width: 100%;
  height: 42px;
  border-radius: 50%;
  background: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .p-mv-works__arrows .arrows-prev,
  .p-mv-works__arrows .arrows-next {
    height: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-works__arrows .arrows-prev,
  .p-mv-works__arrows .arrows-next {
    cursor: pointer;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-works__arrows .arrows-prev span,
  .p-mv-works__arrows .arrows-next span {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .p-mv-works__arrows .arrows-prev span,
  .p-mv-works__arrows .arrows-next span {
    width: 8px;
    height: 8px;
  }
}
.p-mv-works__arrows .arrows-prev {
  top: 0;
  left: 0;
}
.p-mv-works__arrows .arrows-prev span {
  background: url(/assets/images/common/ico_to-left-white.png) no-repeat 0 0;
  background-size: cover;
}
.p-mv-works__arrows .arrows-next {
  left: 0;
  bottom: 0;
}
.p-mv-works__arrows .arrows-next span {
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-mv-works__copy {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 594px;
  }
}
@media (max-width: 767px) {
  .p-mv-works__copy {
    position: absolute;
    right: -2px;
    bottom: 22%;
    width: 267px;
  }
}
.p-mv-works__copy img {
  display: block;
  width: 100%;
}
.p-mv-works__copy p {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: right;
  -webkit-text-stroke: 2px #fff;
  color: transparent;
}
@media (max-width: 767px) {
  .p-mv-works__copy p {
    -webkit-text-stroke: 1px #fff;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-mv-works__copy p {
    background: url(/assets/images/home/img_mv-title-pc.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    width: 600px;
    height: 160px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-works__copy p:nth-of-type(1) {
    font-size: 66px;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-mv-works__copy p:nth-of-type(1) {
    display: none;
  }
}
@media (max-width: 767px) {
  .p-mv-works__copy p:nth-of-type(1) {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-works__copy p:nth-of-type(2) {
    font-size: 106px;
  }
}
@media (max-width: 767px) {
  .p-mv-works__copy p:nth-of-type(2) {
    font-size: 48px;
  }
}
.p-mv-works__copy span {
  position: absolute;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #fff;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-mv-works__copy span {
    font-size: 18px;
    left: 0;
    top: 85px;
  }
}
@media (max-width: 767px) {
  .p-mv-works__copy span {
    font-size: 8px;
    left: -10px;
    top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-banners {
    width: 400px;
    padding-left: 10px;
    position: absolute;
    top: 122px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-mv-banners {
    height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-banners__list {
    position: relative;
    padding-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-mv-banners__list {
    height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-banners__list .slick-list {
    height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-banners__list .slick-track {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .p-mv-banners__list .slick-slide {
    display: flex !important;
    justify-content: space-between !important;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-banners__item {
    height: 355px;
  }
}
@media (max-width: 767px) {
  .p-mv-banners__item {
    width: 49%;
  }
}
.p-mv-banners__item a {
  display: block;
  height: 100%;
}
.p-mv-banners__item a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-mv-banners__item + .p-mv-banners__item {
    margin-top: 21px;
  }
}
.p-mv-banners .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 20px 0 45px 0;
  list-style-type: none;
}
@media screen and (min-width: 768px), print {
  .p-mv-banners .slick-dots {
    position: absolute;
    width: 42px;
    top: -15px;
    right: 20px;
  }
}
.p-mv-banners .slick-dots li {
  cursor: pointer;
}
.p-mv-banners .slick-dots li + li {
  margin-left: 12px;
}
.p-mv-banners .slick-dots button {
  display: block;
  cursor: pointer;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #222;
  text-indent: -9999px;
}
.p-mv-banners .slick-dots li.slick-active button {
  background-color: #222;
}
@media (max-width: 767px) {
  .p-mv-banners .slick-dots {
    padding: 10px 0 0 0;
  }
}

/*-----------------------*/

@media screen and (-ms-high-contrast: none) {
  .p-home-message__item {
    fill-opacity: 1 !important;
  }
}
.p-home-kinoie {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie {
    width: calc(100vw - 133px);
    margin-top: 104px;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie {
    padding-top: 206px;
    margin-top: 58px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie__img {
    width: 80%;
    height: 820px;
    background: url(/assets/images/home/img_imgBlock-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie__img {
    position: absolute;
    width: 100%;
    height: 295px;
    background: url(/assets/images/home/img_imgBlock.jpg) no-repeat 0 0;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
.p-home-kinoie__contents {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie__contents {
    width: 586px;
    position: absolute;
    right: 0;
    bottom: -165px;
    padding: 70px 0 62px 68px;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie__contents {
    margin-left: 20px;
    padding: 30px 20px 32px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie__award {
    width: 170px;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie__award {
    width: 114px;
  }
}
.p-home-kinoie__award img {
  width: 100%;
}
.p-home-kinoie__title {
  color: #c6ae5f;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
.p-home-kinoie__title::after {
  content: "";
  position: absolute;
  width: 31px;
  height: 2px;
  background: #c6ae5f;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie__title::after {
    bottom: -27px;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie__title::after {
    bottom: -15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie__title {
    margin: 20px 0 62px;
    font-size: 70px;
    line-height: 83px;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie__title {
    margin: 18px 0 30px;
    font-size: 35px;
    line-height: 43px;
  }
}
.p-home-kinoie__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie__subtit {
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie__subtit {
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 40px;
  }
}
.p-home-kinoie__text {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie__text {
    font-size: 17px;
    line-height: 36px;
    letter-spacing: 0.05em;
    margin: 50px 0;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie__text {
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 31px;
    margin: 20px 0 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-kinoie .c-button {
    width: 195px;
  }
}
@media (max-width: 767px) {
  .p-home-kinoie .c-button {
    width: 120px;
  }
}
.p-home-message {
  position: relative;
}
.p-home-message::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-home-message::after {
    width: 68%;
    height: 600px;
    right: 0;
    top: -560px;
  }
}
@media (max-width: 767px) {
  .p-home-message::after {
    width: 83%;
    height: 165px;
    right: 0;
    top: -136px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-message {
    margin-top: 90px;
  }
}
@media (max-width: 767px) {
  .p-home-message {
    margin: 100vw 0 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-message__inner {
    width: 1103px;
    margin: 0 auto;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: flex-end;
    padding-left: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-message__inner h2 {
    width: 317px;
  }
}
@media (max-width: 767px) {
  .p-home-message__inner h2 {
    width: 217px;
  }
}
.p-home-message__inner h2 span {
  opacity: 0;
  position: absolute;
  display: none;
}
.p-home-message__inner h2 svg {
  width: 100%;
}
@media (max-width: 767px) {
  .p-home-message__inner h2 svg {
    height: 240px;
  }
}
.p-home-message__text {
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.96;
  text-indent: -1em;
}
@media screen and (min-width: 768px), print {
  .p-home-message__text {
    margin-left: 74px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .p-home-message__text {
    margin-top: 42px;
    font-size: 17px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-imgBlock {
    width: 85%;
    height: 632px;
    background: url(/assets/images/home/img_imgBlock-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    margin-top: 99px;
  }
}
@media (max-width: 767px) {
  .p-home-imgBlock {
    margin-top: 58px;
    width: 100%;
    height: 294px;
    background: url(/assets/images/home/img_imgBlock.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-works {
    margin-top: 241px;
  }
}
@media (max-width: 767px) {
  .p-home-works {
    margin-top: 46px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-works__header {
    width: 1103px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-home-works__header {
    margin: 0 35px;
  }
}
.p-home-works__header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-home-works__header-inner {
    width: 343px;
  }
}
.p-home-works__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 0.96;
}
@media screen and (min-width: 768px), print {
  .p-home-works__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .p-home-works__title {
    font-size: 45px;
  }
}
.p-home-works__date {
  border-radius: 50%;
  background: #f6730e;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-home-works__date {
    width: 113px;
    height: 113px;
  }
}
@media (max-width: 767px) {
  .p-home-works__date {
    width: 86px;
    height: 86px;
  }
}
.p-home-works__date p {
  position: relative;
}
.p-home-works__date p::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 44px;
  background: #fff;
  top: -3px;
  left: 19px;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .p-home-works__date p::after {
    height: 38px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-works__date p {
    width: 44px;
  }
}
@media (max-width: 767px) {
  .p-home-works__date p {
    width: 40px;
  }
}
.p-home-works__date p .c-date-label__date {
  color: #fff;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-home-works__date p .c-date-label__date {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .p-home-works__date p .c-date-label__date {
    font-size: 16px;
  }
}
.p-home-works__date p .c-date-label__date:nth-of-type(2) {
  text-align: right;
}
@media screen and (min-width: 768px), print {
  .p-home-works__date p .c-date-label__date:nth-of-type(2) {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .p-home-works__date p .c-date-label__date:nth-of-type(2) {
    font-size: 17px;
  }
}
.p-home-works__date p .c-date-label__text {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-home-works__date p .c-date-label__text {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  .p-home-works__date p .c-date-label__text {
    font-size: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-works .c-button {
    margin: 60px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-home-works .c-button {
    width: 160px;
    margin: 40px auto 0 auto;
  }
}
.p-home-news {
  background: #fafafa;
}
@media screen and (min-width: 768px), print {
  .p-home-news {
    width: 1100px;
    margin: 120px auto 50px auto;
    padding: 50px 80px;
  }
}
@media (max-width: 767px) {
  .p-home-news {
    margin: 60px 20px 70px 20px;
    padding: 40px 17px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-news__title {
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-home-news__title-item {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-home-news__title-item {
    font-size: 30px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-home-news__title-item {
    font-size: 24px;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-news__title .c-button {
    width: 194px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-news__title .c-button p {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-news__title .c-button span {
    margin-left: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-news__list {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-home-news__list {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-news__list ul {
    width: 440px;
  }
}
@media (max-width: 767px) {
  .p-home-news__list-others {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .p-home-news__list .c-button {
    width: 160px;
    margin: 13px auto 0 auto;
  }
}
.p-home-news__item.style01 a {
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
.p-home-news__item.style01 a img {
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-home-news__item.style01 a img {
    width: 189px;
    height: 128px;
  }
}
@media (max-width: 767px) {
  .p-home-news__item.style01 a img {
    width: 135px;
    height: 90px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-news__item.style01 + .p-home-news__item.style01 {
    margin-top: 34px;
  }
}
@media (max-width: 767px) {
  .p-home-news__item.style01 + .p-home-news__item.style01 {
    margin-top: 15px;
  }
}
.p-home-news__item.style02 a {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-home-news__item.style02 {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .p-home-news__item.style02 {
    padding: 17px 0;
  }
}
.p-home-news__item.style02:nth-child(1) {
  padding-top: 0;
}
.p-home-news__item.style02:nth-child(n + 2) {
  border-top: 1px solid #cccccc;
}
@media screen and (min-width: 768px), print {
  .p-home-news__item-text {
    width: 236px;
  }
}
@media (max-width: 767px) {
  .p-home-news__item-text {
    margin-left: 10px;
  }
}
.p-home-news__item time {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #f6730e;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-home-news__item time {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-home-news__item time {
    font-size: 13px;
  }
}
.p-home-news__item time small {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  margin-left: 7px;
}
@media (max-width: 767px) {
  .p-home-news__item time small {
    font-size: 11px;
  }
}
.p-home-news__item h3 {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-home-news__item h3 {
    margin-top: 9px;
    font-size: 17px;
    letter-spacing: 0.02em;
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  .p-home-news__item h3 {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 1.57;
  }
}
.p-home-banner__guides {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-home-banner__guides {
    width: 1100px;
    margin: 50px auto 160px auto;
  }
}
@media (max-width: 767px) {
  .p-home-banner__guides {
    margin: 40px 20px 55px 20px;
  }
}
.p-home-strength {
  position: relative;
}
.p-home-strength::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-home-strength::after {
    width: 930px;
    height: 600px;
    top: -555px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-home-strength::after {
    width: 85%;
    height: 509px;
    top: -485px;
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-strength {
    margin-top: 160px;
  }
}
@media (max-width: 767px) {
  .p-home-strength {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-strength__message {
    width: 1100px;
    margin: 0 auto 50px auto;
    position: relative;
  }
}
@media (max-width: 767px) {
  .p-home-strength__message {
    margin: 0 20px 42px 20px;
  }
}
.p-home-strength__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-home-strength__title {
    font-size: 56px;
    line-height: 1.48;
  }
}
@media (max-width: 767px) {
  .p-home-strength__title {
    font-size: 28px;
    line-height: 1.64;
  }
}
.p-home-strength__title span {
  color: #f6730e;
}
.p-home-strength__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-home-strength__text {
    width: 550px;
    font-size: 17px;
    line-height: 2.11;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .p-home-strength__text {
    font-size: 15px;
    line-height: 2.02;
    margin-top: 22px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-strength .c-button {
    width: 343px;
    margin-top: 42px;
  }
}
@media (max-width: 767px) {
  .p-home-strength .c-button {
    width: 225px;
    margin: 38px auto 0 auto;
  }
}
.p-home-strength__images {
  position: relative;
}
.p-home-strength__images::before {
  content: "";
  position: absolute;
  background: #f3f3f3;
}
@media screen and (min-width: 768px), print {
  .p-home-strength__images::before {
    width: 400px;
    height: 117%;
    top: 20px;
    left: 60px;
  }
}
@media (max-width: 767px) {
  .p-home-strength__images::before {
    width: 260px;
    height: 140px;
    left: 0;
    bottom: -40px;
  }
}
@media (max-width: 767px) {
  .p-home-strength__images .slick-track {
    height: 180px;
  }
}
.p-home-strength__images .slick-track img {
  object-fit: cover;
}
.p-home-strength__images-copy {
  position: absolute;
  text-align: right;
  display: block;
}
.p-home-strength__images-copy img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .p-home-strength__images-copy {
    width: 588px;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .p-home-strength__images-copy {
    width: 248px;
    font-size: 38px;
    right: 7px;
    bottom: 0;
  }
}
.p-home-tech {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-home-tech {
    width: 1100px;
    margin: 160px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-home-tech {
    margin: 190px 20px 0 20px;
  }
}
.p-home-tech__message {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: absolute;
}
.p-home-tech__message-item--green {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-home-tech__message-item--green {
    letter-spacing: 0.15em;
  }
}
.p-home-tech__message-item {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-home-tech__message-item {
    margin-left: 23px;
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__message {
    width: 183px;
    height: 400px;
    top: -72px;
    right: 140px;
    font-size: 38px;
    line-height: 1.15;
    writing-mode: vertical-rl;
  }
}
@media (max-width: 767px) {
  .p-home-tech__message {
    width: 210px;
    font-size: 22px;
    line-height: 1.81;
    top: -100px;
    left: 20px;
  }
}
.p-home-tech__list {
  background: #f3f3f3;
}
@media screen and (min-width: 768px), print {
  .p-home-tech__list {
    width: 1000px;
    padding: 70px 230px 92px 80px;
  }
}
@media (max-width: 767px) {
  .p-home-tech__list {
    padding: 37px 20px;
  }
}
.p-home-tech__list h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-home-tech__list h3 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .p-home-tech__list h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__list ul {
    margin-top: 38px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-home-tech__list ul {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .p-home-tech__item {
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
  }
}
.p-home-tech__item h4 {
  color: #f6730e;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item h4 {
    font-size: 22px;
    line-height: 2.72;
  }
}
@media (max-width: 767px) {
  .p-home-tech__item h4 {
    font-size: 15px;
  }
}
.p-home-tech__item p {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item p {
    font-size: 17px;
    margin-top: 9px;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .p-home-tech__item p {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item.paddingBottom {
    padding-bottom: 36px;
    border-bottom: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item.paddingTop {
    padding-top: 35px;
    border-right: 2px solid #cccccc;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item.onLeft {
    width: 218px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item.onMiddle {
    width: 252px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item.onRight {
    width: 217px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item.noBorderSp {
    border-right: none;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-tech__item.noBorder {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .p-home-tech__item.noBorder {
    border-bottom: none;
  }
}
.p-home-tech .c-button {
  position: absolute;
  width: 302px;
  right: 0;
  bottom: 72px;
}
.p-home-reborn {
  position: relative;
}
.p-home-reborn::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-home-reborn::after {
    width: 550px;
    height: 192px;
    bottom: -60px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-home-reborn::after {
    width: 84%;
    height: 74px;
    bottom: -25px;
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-reborn {
    margin: 105px 0 171px 0;
  }
}
@media (max-width: 767px) {
  .p-home-reborn {
    margin: 50px 0 95px 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-reborn__inner {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-home-reborn__inner {
    padding: 0 20px;
  }
}
.p-home-reborn__image {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-home-reborn__image {
    width: 613px;
  }
}
@media (max-width: 767px) {
  .p-home-reborn__image {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px), print {
  .p-home-reborn__text {
    padding-left: 20px;
  }
}
.p-home-reborn__text .c-naname {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-home-reborn__text .c-naname {
    font-size: 19px;
    margin-left: 90px;
  }
}
@media (max-width: 767px) {
  .p-home-reborn__text .c-naname {
    font-size: 13px;
    margin-left: 20px;
  }
}
.p-home-reborn__text-item {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-home-reborn__text-item {
    font-size: 38px;
    margin-top: 22.5px;
    line-height: 1.84;
  }
}
@media (max-width: 767px) {
  .p-home-reborn__text-item {
    margin-top: 7px;
    font-size: 22px;
    line-height: 1.81;
  }
}
.p-home-reborn__text-item--green {
  display: block;
  color: #f6730e;
}
.p-home-reborn__text-item--eng {
  display: block;
  text-indent: -0.5em;
}
@media screen and (min-width: 768px), print {
  .p-home-reborn__text .c-button {
    width: 312px;
    margin-top: 47px;
  }
}
@media (max-width: 767px) {
  .p-home-reborn__text .c-button {
    width: 200px;
    margin-top: 24px;
  }
}

.p-home-line {
  width: 1100px;
  margin: 40px auto 0 auto;
  text-align: center;
}

.p-home-line img {
  width: 50%;
  margin: auto;
}

@media (max-width: 767px) {
  .p-home-line {
    width: auto;
    margin: 0 5vw 10vw 5vw;
  }

  .p-home-line img {
    width: 100%;
  }
}

/*--------------------------------*/
.js-svg.activeFill {
  animation: animFill 2s ease-in 0s forwards, animStroke 2s linear forwards;
  animation-delay: 2s, 1s;
}
.js-custom {
  opacity: 0;
  background-color: transparent;
  transition: opacity 0.5s ease;
  display: none;
}
.js-custom.active {
  opacity: 1;
  display: flex;
}
.js-estate {
  opacity: 0;
  transition: opacity 0.5s ease;
  display: none;
}
.js-estate.active {
  opacity: 1;
  display: flex;
}
.js-land {
  opacity: 0;
  transition: opacity 0.5s ease;
  display: none;
}
.js-land.active {
  opacity: 1;
  display: flex;
}
.l-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  flex-grow: 0;
  flex-shrink: 0;
  background: #fff;
  z-index: 999;
  transition: padding 0.5s ease;
}
@media screen and (max-width: 1285px), print {
  .l-header {
    height: 55px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.l-header .p-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  transition: height 0.5s ease;
}
@media screen and (min-width: 1285px), print {
  .l-header .p-header {
    justify-content: flex-end;
    height: 122px;
    height: 100px;
    padding: 0 30px;
  }
}
@media screen and (min-width: 1285px), print {
  .l-header .p-header-title {
    width: 140px;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    z-index: 1;
  }
}
.l-header .p-header-title a {
  display: block;
}
@media screen and (min-width: 1285px), print {
  .l-header .p-header-title a {
    width: 100%;
  }
}
@media screen and (max-width: 1285px), print {
  .l-header .p-header-title a {
    width: 115px;
  }
}
@media screen and (min-width: 1285px), print {
  .l-header .p-header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
  }
  .l-header .p-header-nav__item {
    font-size: 14px;
    letter-spacing: 0.02em;
    font-weight: 500;
    margin-left: 50px;
    line-height: 1.2;
  }
  .l-header .p-header-nav__item.js-custom-menu {
    padding: 50px 0;
  }
  .l-header .p-header-nav__item.js-land-menu {
    padding: 50px 0;
  }
  .l-header .p-header-nav__item.js-estate-menu {
    padding: 50px 0;
  }
  .l-header .p-header-nav__item.item-showroom {
    width: 118px;
    border: 2px solid #4da5bf;
    text-align: center;
    background-color: #fff;
    transition: background-color 0.5s ease, color 0.5s ease, width 0.5s ease;
    cursor: pointer;
  }
  .l-header .p-header-nav__item.item-showroom:hover {
    background: #4da5bf;
  }
  .l-header .p-header-nav__item.item-showroom:hover span {
    color: #fff;
  }
  .l-header .p-header-nav__item.item-showroom span {
    display: block;
    color: #4da5bf;
    font-size: 13px;
    font-weight: 700;
    transition: color 0.5s ease, padding 0.5s ease;
    padding: 14px 0;
  }
  .l-header .p-header-nav__item.item-showroom span span {
    font-family: "Montserrat", sans-serif;
  }
  .l-header .p-header-nav__item.item-recruit {
    width: 98px;
    border: 2px solid #e85c2a;
    text-align: center;
    background-color: #fff;
    transition: background-color 0.5s ease, color 0.5s ease;
    margin-left: 6px;
  }
  .l-header .p-header-nav__item.item-recruit:hover {
    background: #e85c2a;
  }
  .l-header .p-header-nav__item.item-recruit:hover a {
    color: #fff;
  }
  .l-header .p-header-nav__item.item-recruit a {
    display: block;
    color: #e85c2a;
    font-size: 13px;
    font-weight: 700;
    transition: color 0.5s ease, padding 0.5s ease;
    padding: 14px 0;
  }
  .l-header .p-header-nav__item.item-recruit a span {
    font-family: "Montserrat", sans-serif;
  }
  .l-header .p-header-nav__item.item-request {
    width: 98px;
    text-align: center;
    background-color: #f6730e;
    border: 2px solid #f6730e;
    transition: background-color 0.5s ease, color 0.5s ease;
    margin-left: 50px;
  }

  .l-header .p-header-nav__item.item-contact {
    margin-left: 25px;
    background-color: #e9580b;
    border: 2px solid #e9580b;
  }

  .l-header .p-header-nav__item.item-request:hover {
    background: #fff;
  }
  .l-header .p-header-nav__item.item-request:hover a {
    color: #f6730e;
  }
  .l-header .p-header-nav__item.item-contact:hover a {
    color: #e9580b;
  }
  .l-header .p-header-nav__item.item-request a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    transition: color 0.5s ease;
    padding: 14px 0;
  }
  .l-header .p-header-nav__item.item-request a span {
    font-family: "Montserrat", sans-serif;
  }
  .l-header .p-header-nav__wrap {
    position: relative;
  }
  .l-header .p-header-nav__item {
    position: relative;
  }
  .l-header .p-header-nav .slidemenu {
    padding: 20px 0;
  }
  .l-header .p-header-nav .slidemenu ul {
    display: none;
    position: absolute;
    top: 100%;
    left: -25px;
    background: #fff;
    padding: 0 20px 20px 20px;
  }
  .l-header .p-header-nav .slidemenu li {
    margin-bottom: 10px;
    width: 13em;
  }
  .l-header .p-header-nav .slidemenu li:last-child {
    margin-bottom: 0;
  }
  .l-header .p-header-nav .slidemenu li a {
    display: block;
    padding: 5px;
  }
  .l-header .p-header-nav .slidemenu li a:before {
    content: "-";
    margin: 0 1em 0 0;
  }
}

.p-header-nav__item.item-reform a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-header-nav__item.item-reform a img {
  width: 10px;
  margin: 0 0 0 0.3em;
}

.l-header .p-header-menu {
  position: relative;
  width: 30px;
}
.l-header .p-header-menu span {
  position: absolute;
  width: 28px;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background: #f6730e;
  display: inline-block;
  transition: all 0.5s;
}
.l-header .p-header-menu span:nth-of-type(1) {
  top: 0;
}
.l-header .p-header-menu span:nth-of-type(2) {
  top: 4px;
}
.l-header .p-header-menu span:nth-of-type(3) {
  top: 8px;
}
.l-header .p-header-menu p {
  margin-top: 16px;
  font-size: 10px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #f6730e;
}
.l-header .p-header-menu.active span:nth-of-type(1) {
  transform: translateX(-12px) translateY(2px) rotate(-30deg);
}
.l-header .p-header-menu.active span:nth-of-type(2) {
  opacity: 0;
}
.l-header .p-header-menu.active span:nth-of-type(3) {
  transform: translateX(-12px) translateY(-5px) rotate(30deg);
}
@media screen and (min-width: 1285px), print {
  .l-header.active .p-header {
    height: 60px;
  }
  .l-header.active .p-header-nav__item.item-showroom:hover {
    background: #4da5bf;
  }
  .l-header.active .p-header-nav__item.item-showroom:hover a {
    color: #fff;
  }
  .l-header.active .p-header-nav__item.js-custom-menu {
    padding: 25px 0;
  }
  .l-header.active .p-header-nav__item.js-land-menu {
    padding: 25px 0;
  }
  .l-header.active .p-header-nav__item.js-estate-menu {
    padding: 25px 0;
  }
  .l-header.active .l-global {
    top: 60px;
  }
}
.js-menu-close {
  display: none;
}
.js-menu-close.active {
  display: block;
}
.js-menu-open.active {
  display: none;
}
@media screen and (min-width: 1285px), print {
  .l-global {
    height: 320px;
    flex-grow: 0;
    flex-shrink: 0;
    border-top: 1px solid #e8e8e8;
    position: absolute;
    left: -30px;
    width: 100vw;
    top: 115px;
  }
  .l-global.js-estate .p-global {
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .l-global.js-estate .p-global .p-global-heading {
    width: 37.5%;
  }
  .l-global.js-estate .p-global .p-global-list {
    width: 52%;
  }
  .l-global.js-land .p-global {
    width: 55%;
    left: 20%;
  }
  .l-global.js-custom .p-global {
    width: 57%;
    left: 20%;
  }
  .l-global .p-global-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
    opacity: 0;
    transition: opacity 0.7s ease;
  }
  .l-global .p-global-bg.active {
    opacity: 1;
  }
  .l-global .p-global {
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    transition: 0.8s ease;
    opacity: 0;
    top: 60%;
    transform: translateY(-50%);
  }
  .l-global .p-global.active {
    top: 50%;
    opacity: 1;
  }
  .l-global .p-global-heading {
    width: 30%;
    border-right: 1px solid #707070;
  }
  .l-global .p-global-heading__eng {
    font-size: 39px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 46px;
    text-transform: uppercase;
  }
  .l-global .p-global-heading__ja {
    font-size: 17px;
    letter-spacing: 0.1em;
    font-family: var(--f-jp);
    font-weight: 700;
    margin-top: 18px;
    transition: opacity 0.5s ease;
    line-height: 25px;
  }
  .l-global .p-global-heading__ja:hover {
    opacity: 0.7;
  }
  .l-global .p-global-list {
    width: 64%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .l-global .p-global-item {
    display: block;
    width: 45%;
  }
  .l-global .p-global-item:hover .p-global-item__img img {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  .l-global .p-global-item:hover .p-global-item__text {
    opacity: 0.7;
  }
  .l-global .p-global-item__img {
    overflow: hidden;
    height: 145px;
  }
  .l-global .p-global-item__img img {
    transition: transform 0.5s ease;
  }
  .l-global .p-global-item__text {
    font-size: 1vw;
    letter-spacing: 0.04em;
    font-family: var(--f-jp);
    font-weight: 700;
    margin-top: 14px;
    transition: opacity 0.5s ease;
  }
}
.js-showroom {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.js-showroom.active {
  opacity: 1;
  visibility: visible;
}
.js-showroom.active .p-nav-sub__item,
.js-showroom.active .p-nav-sub__close {
  transform: translateY(0);
  opacity: 1;
}
.p-nav-sub {
  background: #459db7;
}
@media screen and (min-width: 1285px), print {
  .p-nav-sub {
    position: absolute;
    left: 20px;
    bottom: -448px;
    width: 326px;
    padding: 38px 38px 32px 38px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 1285px), print {
  .p-nav-sub {
    position: absolute;
    top: -345px;
    left: 0;
    width: 130%;
    padding: 30px 22px 28px 22px;
    z-index: 0;
  }
}
@media screen and (min-width: 1285px), print {
  .p-nav-sub__inner {
    width: 100%;
  }
}
@media screen and (min-width: 1285px), print {
  .p-nav-sub__list {
    width: 100%;
  }
}
.p-nav-sub__close {
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-top: 31px;
  cursor: pointer;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateY(20px);
  opacity: 0;
  transition-delay: 0.47s;
}
@media screen and (max-width: 1285px), print {
  .p-nav-sub__close {
    font-size: 14px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .p-nav-sub__close {
    font-size: 3.733vw;
    text-align: left;
  }
}
@media screen and (min-width: 1285px), print {
  .p-nav-sub__close {
    text-align: center;
  }
}
.p-nav-sub__close span {
  display: inline-block;
  position: relative;
  padding-left: 26px;
}
.p-nav-sub__close span::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(/assets/images/common/global/ico_close-white.png) no-repeat 0
    0;
  background-size: cover;
  background-position: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.p-nav-sub__item {
  display: block;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 32px;
  font-size: 15px;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateY(20px);
  opacity: 0;
}
.p-nav-sub__item.showroom {
  background: #fff;
  color: #459db7;
  text-align: center;
}
@media screen and (min-width: 1285px), print {
  .p-nav-sub__item.showroom {
    line-height: 45px;
  }
  .p-nav-sub__item.showroom:hover {
    opacity: 0.5;
    transition-delay: unset;
  }
}
@media screen and (max-width: 1285px), print {
  .p-nav-sub__item.showroom {
    margin-top: 10px;
    width: 90%;
    line-height: 40px;
  }
  .p-nav-sub__item.showroom span {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .p-nav-sub__item {
    font-size: 3.733vw;
  }
}
@media screen and (max-width: 1285px), print {
  .p-nav-sub__item {
    font-size: 14px;
  }
}
.p-nav-sub__item:hover span::before {
  width: 100%;
}
.p-nav-sub__item:nth-of-type(1) {
  transition-delay: 0.05s;
}
.p-nav-sub__item:nth-of-type(2) {
  transition-delay: 0.12s;
}
.p-nav-sub__item:nth-of-type(3) {
  transition-delay: 0.19s;
}
.p-nav-sub__item:nth-of-type(4) {
  transition-delay: 0.26s;
}
.p-nav-sub__item:nth-of-type(5) {
  transition-delay: 0.33s;
}
.p-nav-sub__item:nth-of-type(6) {
  transition-delay: 0.4s;
}
.p-nav-sub__item:nth-of-type(7) {
  transition-delay: 0.47s;
}
.p-nav-sub__item span {
  display: inline-block;
  position: relative;
  padding-right: 12px;
}
@media screen and (min-width: 1285px), print {
  .p-nav-sub__item span::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    background: #fff;
    bottom: 0;
    left: 0;
    transition: width 0.5s ease;
  }
}
.p-nav-sub__item span::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  background: url(/assets/images/common/global/obj_arrow-white.png) no-repeat 0
    0;
  background-size: cover;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 1285px), print {
  .p-nav-sub__item + .p-nav-sub__item {
    margin-top: 16px;
  }
}
.l-footer {
  background: #ffffff;
}
@media screen and (min-width: 768px), print {
  .l-footer {
    padding: 110px 0 100px 0;
  }
}
@media (max-width: 767px) {
  .l-footer {
    padding: 44px 20px 20px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer {
    width: 1100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-info {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
  }
}
.p-footer-logo {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-footer-logo {
    width: 190px;
    height: 35px;
  }
}
@media (max-width: 767px) {
  .p-footer-logo {
    width: 158px;
    height: 29px;
    margin: 0 auto;
  }
}
.p-footer-address {
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 1.46;
}
@media screen and (min-width: 768px), print {
  .p-footer-address {
    font-family: var(--f-jp);
    margin-left: 35px;
  }
}
@media (max-width: 767px) {
  .p-footer-address {
    font-family: var(--f-jp);
    font-weight: 500;
    margin-top: 14px;
    text-align: center;
  }
}
.p-footer-tel {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-footer-tel {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 44px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-footer-tel {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 7.2vw;
    text-align: center;
    margin: 20px auto 15px auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-about {
    font-family: var(--f-jp);
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 1.8;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-footer-about {
    font-family: var(--f-jp);
    font-size: 3.2vw;
    line-height: 1.75;
    background: #f4f4f4;
    padding: 6%;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-items {
    margin-top: 47px;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 77px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-sns {
    width: 143px;
  }
}
@media (max-width: 767px) {
  .p-footer-sns {
    width: 140px;
    margin: 30px auto 0 auto;
    justify-content: center;
  }
}
.p-footer-menu {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-footer-menu {
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .p-footer-menu {
    width: 89%;
    margin: 0 auto;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-menu dl:nth-child(2) {
    margin-left: 68px;
  }
  .p-footer-menu dl:nth-child(4) {
    margin-left: 102px;
  }
}
.p-footer-menu dt,
.p-footer-menu dd {
  font-family: var(--f-jp);
  line-height: 1.46;
}
@media screen and (min-width: 768px), print {
  .p-footer-menu dt,
  .p-footer-menu dd {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .p-footer-menu dt,
  .p-footer-menu dd {
    font-size: 3.2vw;
  }
}
@media (max-width: 767px) {
  .p-footer-menu dt {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-menu dt.bolder {
    font-weight: 500;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-menu dt.marginMore {
    margin-top: 28px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-menu dt.marginNone {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-menu dt + dt {
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-menu dd {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-footer-menu dd {
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-button {
    margin-top: 68px;
    display: none;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-footer-button {
    margin-top: 40px;
  }
}
.p-footer-button__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-footer-button__item {
    width: 32.5%;
    padding: 24px 0;
    transition: background-color 0.5s ease;
    border: 2px solid #222;
  }
  .p-footer-button__item:hover {
    background: #222;
  }
  .p-footer-button__item:hover span {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .p-footer-button__item {
    padding: 14px 0;
    border: 1px solid #222;
  }
}
@media (max-width: 767px) {
  .p-footer-button__item + .p-footer-button__item {
    margin-top: 12px;
  }
}
.p-footer-button__item span {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-footer-button__item span {
    font-size: 15px;
    letter-spacing: 0.08em;
    transition: color #222 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-footer-button__item span {
    font-size: 14px;
    letter-spacing: 0.04em;
  }
}
.p-footer-copyright {
  font-family: "Montserrat", sans-serif;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-footer-copyright {
    font-size: 10px;
    font-weight: 500;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-footer-copyright {
    font-size: 9px;
    font-weight: 600;
    margin-top: 42px;
    letter-spacing: 0.04em;
  }
}
.l-nav {
  background: #fafafa;
  position: fixed;
  width: 85%;
  height: 100%;
  overflow-y: scroll;
  bottom: 0;
  right: 0;
  z-index: 998;
  padding: 55px 0 52px 42px;
  transition: transform 0.5s ease;
  transform: translateX(100%);
}
.l-nav.active {
  transform: translateX(0%);
}
.p-nav__item {
  font-family: var(--f-jp);
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.42;
  margin-top: 20px;
}
.p-nav__item a {
  display: block;
}
.p-nav__item a img {
  width: 10px;
  vertical-align: baseline;
}
.p-nav__list {
  font-family: var(--f-jp);
  display: inline-block;
  font-size: 11px;
  margin-top: 10px;
}
.p-nav__list + .p-nav__list {
  margin-left: 10px;
}
.p-nav .c-sns {
  width: 140px;
  margin-top: 34px;
}
.p-nav-line {
  display: table;
  margin: 20px 40px 20px 0;
}
.p-nav-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  background: #f6730e;
  padding: 18px 0;
  width: 88%;
}
.p-nav-button span {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 13px;
}
.p-nav-button span strong {
  font-family: "Montserrat", sans-serif;
}
.p-nav-double {
  height: 48px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  width: 88%;
}
.p-nav-double__item {
  display: block;
  width: 48%;
  text-align: center;
  padding: 17px 0;
  font-size: 13px;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media (max-width: 767px) {
  .p-nav-double__item {
    font-size: 3.467vw;
  }
}
.p-nav-double__item.item-showroom {
  background: #fff;
  border: 2px solid #4da5bf;
  color: #4da5bf;
}
.p-nav-double__item.item-recruit {
  background: #fff;
  border: 2px solid #e85c2a;
  color: #e85c2a;
}
.p-nav-bottom {
  width: 100%;
  height: 51px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 997;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
.p-nav-bottom__wrap {
  position: relative;
  width: 50%;
}
.p-nav-bottom__item {
  padding: 18px 0;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 13px;
  position: relative;
  z-index: 1;
}
.p-nav-bottom__item.item-showroom {
  background: #fff;
  border: 2px solid #4da5bf;
  color: #4da5bf;
  transition: background-color 0.5s ease, color 0.5s ease;
}
.p-nav-bottom__item.item-showroom.active {
  background: #4da5bf;
  color: #fff;
}
.p-nav-bottom__item.item-request {
  width: 50%;
  background: #f6730e;
  border: 2px solid #f6730e;
  color: #fff;
}
.c-mv-full.works {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.works {
    height: 620px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.works::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1000px;
    background: #f3f3f3;
    top: 250px;
    left: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.works .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/works/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.works .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/works/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-mv-full.works .c-banner-design {
  transition: right 0.8s ease, background-color 0.5s ease;
}
.c-mv-full.works .c-banner-design.active {
  right: 0;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.works .c-banner-design {
    position: absolute;
    bottom: -145px;
    right: -50%;
  }
}
@media (max-width: 767px) {
  .c-mv-full.works .c-banner-design {
    margin-top: 32px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works {
    padding: 200px 0 0 0;
    position: relative;
  }
  .p-works::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 445px;
    background: #f3f3f3;
    top: -20px;
    left: 0;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .p-works {
    background: #fff;
    padding: 30px 20px 40px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-wrapper {
    position: relative;
    padding: 120px 0 100px 0;
    z-index: 0;
  }
  .p-works-wrapper::after {
    content: "";
    position: absolute;
    width: 90%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-inner {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-menu {
    width: 1030px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-works-menu {
    margin-bottom: 30px;
  }
}
.p-works-menu__filter {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.p-works-menu__filter-tit {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .p-works-menu__filter-tit {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .p-works-menu__filter-tit {
    font-size: 20px;
  }
}
.p-works-menu__filter .c-button {
  margin-left: 20px;
}
@media screen and (min-width: 768px), print {
  .p-works-menu__filter .c-button {
    width: 222px;
    cursor: pointer;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-menu__filter .c-button-line {
    padding-bottom: 9px;
  }
}
@media (max-width: 767px) {
  .p-works-menu__filter .c-button-line {
    padding-bottom: 5px;
  }
}
.p-works-menu__filter .c-button-text {
  font-size: 13px;
  font-weight: 500;
}
.p-works-menu__filter .c-button-arrow {
  border-radius: 50%;
  background: url(/assets/images/common/ico_more.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.p-works-menu__filter .c-button-arrow.js-filter-button-arrow.active {
  background: url(/assets/images/common/ico_shrink.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-works-menu__filter .c-button-arrow {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .p-works-menu__filter .c-button-arrow {
    width: 17px;
    height: 17px;
  }
}
.p-works-menu__buttontxt {
  transition: opacity 0.5s ease;
}
.p-works-menu__buttontxt.js-inner {
  display: none;
  opacity: 0;
}
.p-works-menu__button {
  background: #222;
  padding: 13px 0 16px 0;
  transition: background-color 0.5s ease, opacity 0.5s ease;
}
.p-works-menu__button.active {
  background: #22412e;
}
.p-works-menu__button.active .js-outer {
  display: none;
  opacity: 0;
}
.p-works-menu__button.active .js-inner {
  display: block;
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .p-works-menu__button {
    width: 203px;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .p-works-menu__button {
    margin-top: 12px;
  }
}
.p-works-menu__button p {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: center;
}
.p-works-nav {
  background: #e8e8e8;
}
@media screen and (min-width: 768px), print {
  .p-works-nav {
    margin: 17px auto 0 auto;
    width: 1030px;
    padding: 55px 60px 65px 60px;
  }
}
@media (max-width: 767px) {
  .p-works-nav {
    margin-top: 14px;
    padding: 25px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-nav.style02 {
    margin: 17px auto 0 auto;
  }
}
.p-works-nav__cate h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .p-works-nav__cate h4 {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .p-works-nav__cate h4 {
    font-size: 13px;
    margin-bottom: 14px;
  }
}
.p-works-nav__cate--list {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .p-works-nav__cate--list {
    justify-content: space-between;
  }
}
.p-works-nav__cate--item {
  background: #fff;
  font-family: var(--f-jp);
  font-weight: 500;
  text-align: center;
  transition: background-color 0.5s ease, color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .p-works-nav__cate--item {
    font-size: 14px;
    width: 179px;
    cursor: pointer;
    margin-right: 3px;
  }
  .p-works-nav__cate--item:hover {
    background: #222;
    color: #fff;
  }
  .p-works-nav__cate--item:nth-child(5n) {
    margin-right: 0;
  }
  .p-works-nav__cate--item:nth-child(n + 6) {
    margin-top: 2px;
  }
}
@media (max-width: 767px) {
  .p-works-nav__cate--item {
    font-size: 12px;
    width: 49%;
  }
  .p-works-nav__cate--item:nth-child(n + 3) {
    margin-top: 2px;
  }
}
.p-works-nav__cate--item.current {
  background: #222;
  color: #fff;
}
.p-works-nav__cate--item a {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-works-nav__cate--item a {
    padding: 9px 0;
  }
}
@media (max-width: 767px) {
  .p-works-nav__cate--item a {
    padding: 6px 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-nav__tag {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .p-works-nav__tag {
    margin-top: 20px;
  }
}
.p-works-nav__tag h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .p-works-nav__tag h4 {
    font-size: 16px;
    margin-bottom: 7px;
  }
}
@media (max-width: 767px) {
  .p-works-nav__tag h4 {
    font-size: 13px;
    margin-bottom: 14px;
  }
}
.p-works-nav__tag--list {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 0;
}
.p-works-nav__tag--item a {
  display: block;
}
.p-works-list {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-works-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-works-list {
    margin-top: 30px;
  }
}
.p-works-entry {
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px), print {
  .p-works-entry {
    width: 49%;
    padding-left: 33px;
    margin-top: 76px;
  }
  .p-works-entry:hover .p-works-entry__img img {
    transform: scale(1.05);
  }
  .p-works-entry:hover .p-works-entry__img .p-works-entry__exterior {
    transform: scale(1.05);
  }
}
@media (max-width: 767px) {
  .p-works-entry + .p-works-entry {
    margin-top: 30px;
  }
}
.p-works-entry__exterior {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.5s ease;
}
.p-works-entry__exterior.active {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .p-works-entry__exterior {
    width: 100%;
    height: 423px;
  }
}
@media (max-width: 767px) {
  .p-works-entry__exterior {
    width: 100%;
    height: 231px;
  }
}
.p-works-entry__img {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-works-entry__img {
    height: 423px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .p-works-entry__img {
    height: 231px;
  }
}
.p-works-entry__img img {
  object-fit: cover;
  height: 100%;
  transition: transform 0.5s ease;
}
.p-works-entry__cate {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ebebeb;
  font-family: var(--f-jp);
  font-weight: 500;
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .p-works-entry__cate {
    font-size: 14px;
    width: 152px;
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .p-works-entry__cate {
    font-size: 11px;
    width: 112px;
    padding: 7px 0;
  }
}
.p-works-entry__tit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media screen and (min-width: 768px), print {
  .p-works-entry__tit {
    font-size: 26px;
    margin: 16px 0 15px 0;
  }
}
@media (max-width: 767px) {
  .p-works-entry__tit {
    font-size: 14px;
    margin: 8px 0 5px 0;
  }
}
.p-works-entry__tag {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-works-entry__tag-item {
    font-size: 15px;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .p-works-entry__tag-item {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-menu.style02 {
    margin: 100px auto 0 auto;
    padding-right: 0;
    width: 1030px;
  }
}
@media (max-width: 767px) {
  .p-works-menu.style02 {
    margin: 40px 20px 15px 20px;
  }
}
.muuri-item-hidden {
  opacity: 0;
}
.muuri-item-shown {
  opacity: 1;
}
.grid .item {
  position: absolute;
  transition: all 0.3s ease;
}
.p-works-detail .js-works-mv {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.p-works-detail .js-works-mv.active {
  opacity: 1;
}
.p-works-detail .js-works-mv-title {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.p-works-detail .js-works-mv-title.active {
  opacity: 1;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-works-detail .js-works-mv-title.active {
    opacity: 0.6;
  }
}
.p-works-detail__mv {
  position: relative;
}
.p-works-detail__mv::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__mv::after {
    width: 305px;
    height: 193px;
    bottom: -110px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__mv::after {
    width: 156px;
    height: 98px;
    bottom: -98px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__mv {
    width: 100%;
    height: 100vh;
    padding-top: 122px;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-works-detail__mv {
    height: 68vw;
    background-size: cover;
    background-position: center;
    padding-top: 55px;
  }
}
.p-works-detail__mv-title {
  position: absolute;
  right: 0;
  -webkit-text-stroke: 2px #fff;
  color: transparent;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  opacity: 0.6;
  letter-spacing: 0.02em;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-works-detail__mv-title {
    color: #fff;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__mv-title {
    right: -9px;
    font-size: 112px;
    bottom: -17px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__mv-title {
    right: -5px;
    font-size: 11.733vw;
    bottom: -10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__head {
    width: 1236px;
    margin: 80px auto 85px auto;
    padding-left: 28px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__head {
    margin: 25px 20px 40px 20px;
  }
}
.p-works-detail__title {
  font-family: var(--f-jp);
  font-weight: 700;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__title {
    font-size: 39px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__title {
    font-size: 30px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__tag {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__tag {
    margin-top: 16px;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__tag .c-works-tag {
    margin: 0;
    border: 2px solid #f6730e;
  }
  .p-works-detail__tag .c-works-tag:hover {
    color: #f6730e;
    background: #fff;
  }
}
@media (max-width: 767px) {
  .p-works-detail__tag .c-works-tag {
    margin: 6px 6px 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__tag .c-works-tag + .c-works-tag {
    margin-left: 6px;
  }
}
.p-works-detail__cate {
  display: block;
  background: #f3f3f3;
  font-family: var(--f-jp);
  font-weight: 500;
  text-align: center;
  transition: background-color 0.5s ease, color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__cate {
    font-size: 15px;
    width: 136px;
    padding: 6px 0;
    margin-top: 16px;
  }
  .p-works-detail__cate:hover {
    background-color: #222;
    color: #f3f3f3;
  }
}
@media (max-width: 767px) {
  .p-works-detail__cate {
    font-size: 14px;
    width: 129px;
    padding: 8px 0;
    margin-top: 24px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature {
    width: 1236px;
    margin: 90px auto 0 auto;
    padding: 0 0 0 28px;
    display: flex;
  }
}
.p-works-detail__feature .c-feature {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature .c-feature-img {
    width: 610px;
    height: 406px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-img {
    height: 60vw;
    margin: 0 20px;
  }
}
.p-works-detail__feature .c-feature-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature .c-feature-info {
    width: 436px;
    padding: 150px 0 100px;
    margin-left: 80px;
    position: relative;
  }
  .p-works-detail__feature .c-feature-info::after {
    content: "";
    position: absolute;
    width: 750px;
    height: 95%;
    top: 60px;
    right: -80px;
    background: #f8f8f8;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-info {
    padding: 30px 20px 30px 20px;
    background: #f8f8f8;
    position: relative;
  }
  .p-works-detail__feature .c-feature-info::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    top: -50px;
    right: 0;
    background: #f8f8f8;
    z-index: -1;
  }
}
.p-works-detail__feature .c-feature-info__detail {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature .c-feature-info__detail {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-info__detail {
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-works-detail__feature .c-feature-info__point {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature .c-feature-info__point {
    margin-top: 30px;
    padding: 40px 30px 35px 43px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-info__point {
    margin-top: 30px;
    padding: 20px;
  }
}
.p-works-detail__feature .c-feature-info__point h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature .c-feature-info__point h3 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-info__point h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature .c-feature-info__point ul {
    margin-top: 19px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-info__point ul {
    margin-top: 15px;
  }
}
.p-works-detail__feature .c-feature-info__point-list {
  padding-left: 15px;
  display: flex;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  position: relative;
}
.p-works-detail__feature .c-feature-info__point-list::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: #222;
  top: 13px;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__feature .c-feature-info__point-list {
    font-size: 17px;
    line-height: 1.64;
    margin-bottom: 7px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-info__point-list {
    font-size: 14px;
    line-height: 1.71;
  }
}
.p-works-detail__feature .c-feature-info__point-list span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .p-works-detail__feature .c-feature-info__point-list span {
    margin-top: -3px;
  }
}
.p-works-detail__data {
  border: 5px solid #f0f0f0;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-between;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data {
    width: 1050px;
    margin: 65px auto 0 auto;
    padding: 23px 50px 38px 50px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__data {
    margin: 40px 15px 0 15px;
    padding: 30px 20px;
  }
}
.p-works-detail__data h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data h3 {
    font-size: 26px;
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__data h3 {
    font-size: 4.5vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data .c-data-works {
    display: flex;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data .c-data-works-inner {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
    width: 730px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__data .c-data-works-list {
    margin-top: 12px;
  }
  .p-works-detail__data
    .c-data-works-list
    .c-data-works-item
    + .c-data-works-item {
    margin-top: 12px;
  }
}
.p-works-detail__data .c-data-works-item {
  list-style: none;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data .c-data-works-item {
    line-height: 1.5;
    margin: 22px 30px 0 0;
  }
}
.p-works-detail__data .c-data-works-item__title {
  background: #f3f3f3;
  border-radius: 2px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data .c-data-works-item__title {
    font-size: 17px;
    padding: 1px 8px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__data .c-data-works-item__title {
    font-size: 3.5vw;
    padding: 5px 9px;
    margin-right: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data .c-data-works-item {
    font-size: 17px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .p-works-detail__data .c-data-works-item {
    font-size: 3.5vw;
    letter-spacing: 0.02em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__data .c-data-works-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .p-works-detail__data .c-data-works-item:nth-child(n + 2) {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__about {
    margin: 90px auto 0 auto;
    width: 1236px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__about {
    margin: 40px 20px 0 20px;
  }
}
.p-works-detail__about .c-about-img.half {
  height: 405px;
}
.p-works-detail__about .c-about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__about .c-about-detail {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__about .c-about-detail {
    margin-top: 20px;
  }
}
.p-works-detail__about .c-about-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__about .c-about-title {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__about .c-about-title {
    font-size: 24px;
  }
}
.p-works-detail__about .c-about-text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-top: 15px;
}
@media screen and (min-width: 768px), print {
  .p-works-detail__about .c-about-text {
    width: 1000px;
    line-height: 1.86;
  }
}
@media (max-width: 767px) {
  .p-works-detail__about .c-about-text {
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__about-half {
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 90px auto 0 auto;
    width: 1236px;
  }
  .p-works-detail__about-half .c-about {
    width: 608px;
    margin: 0;
  }
  .p-works-detail__about-half .c-about-text {
    width: 542px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__gallery {
    width: 1226px;
    margin: 76px auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-works-detail__gallery {
    margin: 50px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail__gallery + .p-works-detail__gallery {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .p-works-detail__gallery + .p-works-detail__gallery {
    margin-top: 20px;
  }
}
.p-works-detail .c-gallery-twin__item {
  display: block;
}
.p-works-detail .c-gallery-twin__item img {
  width: 100%;
  height: 945px;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-twin__item {
    width: 608px;
  }
}
.p-works-detail .c-gallery-twin__item-title {
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-twin__item-title {
    font-size: 27px;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-twin__item-title {
    font-size: 24px;
    margin-top: 20px;
  }
}
.p-works-detail .c-gallery-twin__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-top: 15px;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-twin__item-text {
    line-height: 1.86;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-twin__item-text {
    line-height: 2.06;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-twin__item + .c-gallery-twin__item {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-tripple__item {
    width: 608px;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-tripple__item.single img {
    width: 100%;
    height: 820px;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-tripple__item.twin .c-gallery-tripple__item img {
    height: 400px;
  }
  .p-works-detail
    .c-gallery-tripple__item.twin
    .c-gallery-tripple__item:nth-child(2) {
    margin-top: 20px;
  }
  .p-works-detail .c-gallery-tripple__item.twin img {
    width: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-tripple__item.twin .c-gallery-tripple__item {
    margin-top: 20px;
  }
}
.p-works-detail .c-gallery-tripple__item-title {
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-tripple__item-title {
    font-size: 27px;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-tripple__item-title {
    font-size: 24px;
    margin-top: 20px;
  }
}
.p-works-detail .c-gallery-tripple__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-top: 15px;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-tripple__item-text {
    line-height: 1.86;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-tripple__item-text {
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-tripple.tripple-ver02 {
    flex-direction: row-reverse;
  }
}
.p-works-detail .c-gallery-full__item-title {
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-full__item-title {
    font-size: 27px;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-full__item-title {
    font-size: 24px;
    margin-top: 20px;
  }
}
.p-works-detail .c-gallery-full__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-top: 15px;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-gallery-full__item-text {
    line-height: 1.86;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-gallery-full__item-text {
    line-height: 2.06;
  }
}
.p-works-detail .c-pagination {
  justify-content: center;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-pagination {
    margin: 90px auto 192px auto;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-pagination {
    width: 255px;
    margin: 60px auto;
  }
}
.p-works-detail .c-pagination .c-page-back {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-works-detail .c-pagination .c-page-back {
    margin: 0 136px;
  }
}
@media (max-width: 767px) {
  .p-works-detail .c-pagination .c-page-back {
    margin: 0 50px;
  }
}
.p-works-detail .c-pagination .c-page-numbers a {
  display: block;
  height: 100%;
}
.c-mv-full.news {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.news {
    height: 502px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.news {
    margin: 85px 0 24px 35px;
  }
  .c-mv-full.news::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    background: #f8f8f8;
    top: 190px;
    left: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.news .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/news/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.news .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/news/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.p-news {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px), print {
  .p-news {
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  .p-news.p-openhouse-list .p-news-list {
    width: 840px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news .c-pagination {
    margin: 90px auto 0 195px;
  }
}
@media (max-width: 767px) {
  .p-news .c-pagination {
    width: 256px;
    margin: 60px auto 0 auto;
  }
}
.p-news-nav {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-news-nav {
    position: absolute;
    width: 23.6%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 140px 0 0 60px;
  }
}
@media (max-width: 767px) {
  .p-news-nav {
    padding: 10px 0 40px 35px;
  }
}
.p-news-nav__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-news-nav__title {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .p-news-nav__title {
    font-size: 20px;
  }
}
.p-news-nav__subtitle {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-news-nav__subtitle {
    margin-top: 15px;
    cursor: pointer;
    display: block;
    width: 90px;
    padding-right: 18px;
  }
}
@media (max-width: 767px) {
  .p-news-nav__subtitle {
    margin-left: 14px;
    display: inline-block;
  }
}
.p-news-nav__subtitle.js-news-nav {
  position: relative;
}
.p-news-nav__subtitle.js-news-nav::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/assets/images/common/ico_more.png) no-repeat 0 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .p-news-nav__subtitle.js-news-nav::after {
    right: -25px;
  }
}
.p-news-nav__subtitle.js-news-nav.active::after {
  background: url(/assets/images/common/ico_shrink.png) no-repeat 0 0;
  background-size: cover;
}
.p-news-nav .js-news-nav__list {
  display: none;
}
@media screen and (min-width: 768px), print {
  .p-news-nav__list {
    margin: 27px 0 40px 0;
  }
}
@media (max-width: 767px) {
  .p-news-nav__list {
    margin: 20px 0 12px 0;
  }
}
.p-news-nav li {
  color: #808080;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  .p-news-nav li {
    font-size: 17px;
    line-height: 2.35;
  }
}
@media (max-width: 767px) {
  .p-news-nav li {
    font-size: 15px;
    line-height: 2;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-list {
    width: 1100px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-news-list {
    margin: 48px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-list__inner {
    display: flex;
    flex-wrap: wrap;
    padding: 145px 0 120px 0;
  }
}
.p-news-list__item {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-news-list__item {
    width: 402px;
  }
  .p-news-list__item:nth-child(even) {
    margin-left: 36px;
  }
  .p-news-list__item:nth-child(n + 3) {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .p-news-list__item + .p-news-list__item {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-list .c-news-entry:hover .c-news-entry__img img {
    transform: scale(1.1);
  }
}
@media screen and (min-width: 768px), print {
  .p-news-list .c-news-entry__img {
    width: 402px;
    overflow: hidden;
  }
}
.p-news-list .c-news-entry__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.p-news-list .c-news-entry__title {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-news-list .c-news-entry__title {
    font-size: 20px;
    line-height: 1.9;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .p-news-list .c-news-entry__title {
    font-size: 16px;
    line-height: 1.56;
    margin-top: 15px;
  }
}
.p-news-list .c-news-entry__cate {
  color: #f6730e;
  font-family: var(--f-jp);
  font-weight: 500;
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-news-list .c-news-entry__cate {
    font-size: 15px;
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .p-news-list .c-news-entry__cate {
    font-size: 13px;
    margin-top: 13px;
  }
}
.p-news-list .c-news-entry__date {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .p-news-list .c-news-entry__date {
    font-size: 17px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .p-news-list .c-news-entry__date {
    font-size: 14px;
    margin-right: 13.5px;
  }
}
.p-news-detail {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-news-detail {
    padding: 0 0 110px 0;
  }
}
@media (max-width: 767px) {
  .p-news-detail {
    padding: 0 0 50px 0;
  }
}
.p-news-detail p {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-news-detail p {
    font-size: 17px;
    letter-spacing: 0.02em;
    line-height: 2.11;
    margin: 70px auto 0 auto;
    width: 840px;
  }
}
@media (max-width: 767px) {
  .p-news-detail p {
    font-size: 15px;
    letter-spacing: 0.04em;
    line-height: 2.13;
    padding: 0 20px;
    margin-top: 40px;
  }
}
.p-news-detail p a {
  color: #f6730e;
  font-weight: 700;
  border-bottom: 2px solid #118139;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .p-news-detail p a:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-detail figure {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-news-detail figure {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-news-detail figure + .p-news-detail figure {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .p-news-detail figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p-news-detail figure figcaption {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-news-detail figure figcaption {
    margin-top: 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-news-detail figure figcaption {
    margin-top: 10px;
    font-size: 3.4vw;
  }
}
.p-news-title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-news-title {
    width: 840px;
    margin: 228px auto 0 auto;
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 1.47;
    position: relative;
  }
  .p-news-title::before {
    content: "";
    position: absolute;
    width: 563px;
    height: 353px;
    background: #f8f8f8;
    top: -106px;
    left: -256px;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .p-news-title {
    padding: 0 20px;
    margin-top: 85px;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.81;
  }
}
.p-news-cate {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
}
@media screen and (min-width: 768px), print {
  .p-news-cate {
    width: 840px;
    margin: 10px auto 70px auto;
  }
}
@media (max-width: 767px) {
  .p-news-cate {
    margin: 10px 0 40px 0;
    padding: 0 20px;
  }
}
.p-news-cate a {
  display: inline-block;
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 13px;
  margin-left: 15px;
}
.p-news-img__wider {
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-news-img__wider {
    width: 82%;
    height: 577px;
    margin-top: 72px;
    margin-left: 18%;
  }
}
@media (max-width: 767px) {
  .p-news-img__wider {
    margin-top: 40px;
    height: 195px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-img__full {
    width: 840px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .p-news-img__full {
    margin: 40px 15px 0 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-img__half64 {
    display: flex;
    justify-content: space-between;
    width: 840px;
    margin: auto;
  }
  .p-news-img__half64 img:nth-child(1) {
    width: 469px;
  }
  .p-news-img__half64 img:nth-child(2) {
    width: 341px;
  }
}
@media (max-width: 767px) {
  .p-news-img__half64 {
    margin: 40px 15px 0 15px;
  }
  .p-news-img__half64 img + img {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-img__half46 {
    display: flex;
    justify-content: space-between;
    width: 840px;
    margin: auto;
  }
  .p-news-img__half46 img:nth-child(2) {
    width: 469px;
  }
  .p-news-img__half46 img:nth-child(1) {
    width: 341px;
  }
}
@media (max-width: 767px) {
  .p-news-img__half46 {
    margin: 40px 15px 0 15px;
  }
  .p-news-img__half46 img + img {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-img__half55 {
    display: flex;
    justify-content: space-between;
    width: 840px;
    margin: auto;
  }
  .p-news-img__half55 img {
    width: 405px;
  }
}
@media (max-width: 767px) {
  .p-news-img__half55 {
    margin: 40px 15px 0 15px;
  }
  .p-news-img__half55 img + img {
    margin-top: 15px;
  }
}
.p-news-subtitle {
  font-family: var(--f-jp);
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-news-subtitle {
    width: 840px;
    margin: 40px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-news-subtitle {
    margin: 50px 15px 0 15px;
  }
}
.p-news-subtitle::after {
  content: "";
  position: absolute;
  height: 6px;
  background: #f6730e;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-news-subtitle::after {
    width: 136px;
    bottom: -13px;
  }
}
@media (max-width: 767px) {
  .p-news-subtitle::after {
    width: 40%;
    bottom: -24px;
    left: 0px;
  }
}
.p-news-subtitle p {
  padding: 0;
}
@media screen and (min-width: 768px), print {
  .p-news-subtitle p {
    font-size: 24px;
    line-height: 2;
  }
}
@media (max-width: 767px) {
  .p-news-subtitle p {
    font-size: 22px;
    line-height: 1.81;
  }
}
.p-news-quota {
  background: #f8f8f8;
  position: relative;
}
.p-news-quota::after {
  content: "”";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 90px;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-news-quota::after {
    top: -20px;
    left: 40px;
  }
}
@media (max-width: 767px) {
  .p-news-quota::after {
    top: -15px;
    left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-quota {
    width: 840px;
    margin: 85px auto 0 auto;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .p-news-quota {
    margin: 75px 15px 0 15px;
    padding: 40px 20px;
  }
}
.p-news-quota p {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 2.2;
  width: auto;
  margin: 0;
  padding: 0;
}
.p-news-textBlock__green {
  background: #469d66;
}
@media screen and (min-width: 768px), print {
  .p-news-textBlock__green {
    width: 840px;
    margin: 40px auto 0 auto;
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .p-news-textBlock__green {
    margin: 35px 15px 0 15px;
    padding: 30px 20px;
  }
}
.p-news-textBlock__green p {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.08em;
  line-height: 2.2;
  width: auto;
  margin: 0;
  color: #fff;
  padding: 0;
}
.p-news-detail ol {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  .p-news-detail ol {
    font-size: 17px;
    line-height: 1.76;
    width: 840px;
    margin: 40px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-news-detail ol {
    font-size: 15px;
    line-height: 2;
    margin: 30px 15px 0 20px;
  }
}
.p-news-detail ol li {
  counter-increment: custom;
  position: relative;
}
.p-news-detail ol li::before {
  content: counter(custom) " ";
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.p-news-detail ol li:first-child {
  counter-reset: custom;
}
.p-news-detail ol li::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #f6730e;
  bottom: 0;
  left: -4px;
}
@media screen and (min-width: 768px), print {
  .p-news-detail ol li::after {
    bottom: -4px;
  }
}
.p-news-detail ol li + li {
  margin-top: 15px;
}
.p-news-detail ul {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  .p-news-detail ul {
    font-size: 17px;
    line-height: 1.76;
    width: 840px;
    margin: 40px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-news-detail ul {
    font-size: 15px;
    line-height: 2;
    margin: 30px 15px 0 20px;
  }
}
.p-news-detail ul li {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-news-detail ul li {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .p-news-detail ul li {
    padding-left: 10px;
  }
}
.p-news-detail ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 7px;
  background: #222;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-news-detail ul li + li {
  margin-top: 15px;
}

@media screen and (min-width: 768px), print {
  .p-news-list__button {
    width: 840px;
    margin: 58px auto 0 auto;
  }
  .p-news-detail .p-news-list__button .c-button-line,
  .p-news-detail .p-news-list__button .c-button {
    width: 50%;
    margin: 10px 25%;
    font-size: 23px;
    text-align: center;
    padding: 15px;
    background: #248136;
    color: #fff;
    border: solid 1px transparent;
    border-radius: 5px;
  }
  .p-news-detail .p-news-list__button .c-button-line::before,
  .c-button-line::after {
    content: none;
  }
  .p-news-detail .p-news-list__button .c-button span {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .p-news-list__button {
    margin: 30px 15px 0 15px;
  }
}
.p-news-list__button .c-button {
  display: inline-block;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  padding-right: 35px;
}
@media screen and (min-width: 768px), print {
  .p-news-list__button .c-button {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-news-list__button .c-button {
    font-size: 15px;
  }
}
.p-news-list__button .c-button span {
  position: absolute;
  top: 0;
  right: 0;
}
.p-news-list__button .c-button-line {
  width: auto;
}
.p-news-form {
  background: #f7f7f7;
}
@media screen and (min-width: 768px), print {
  .p-news-form.active {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-form {
    padding: 120px 0 134px 0;
  }
}
@media (max-width: 767px) {
  .p-news-form {
    padding: 44px 15px 0 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-form__inner {
    width: 860px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-form__header {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .p-news-form__header {
    margin-bottom: 10px;
  }
}
.p-news-form__tit-eng {
  color: #469d66;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-news-form__tit-eng {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .p-news-form__tit-eng {
    font-size: 13px;
  }
}
.p-news-form__tit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-news-form__tit {
    font-size: 34px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .p-news-form__tit {
    font-size: 22px;
    margin-top: 15px;
  }
}
.p-news-form__guide {
  background: #fff;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-news-form__guide {
    margin: 50px 0;
    padding: 38px 0;
  }
}
@media (max-width: 767px) {
  .p-news-form__guide {
    margin: 30px 0 10px 0;
    padding: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-form__guide p {
    font-size: 17px;
    font-family: var(--f-jp);
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-news-form__guide p {
    font-size: 15px;
    font-family: var(--f-jp);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-detail__nav {
    width: 840px;
    margin: 25px auto 113px auto;
  }
}
@media (max-width: 767px) {
  .p-news-detail__nav {
    padding: 35px 15px 68px 15px;
    background: #f3f3f3;
  }
}
.p-news-detail__nav-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-news-detail__nav-title {
    font-size: 27px;
    padding-bottom: 25px;
    position: relative;
    margin-top: 60px;
  }
  .p-news-detail__nav-title::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #222;
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-news-detail__nav-title {
    font-size: 20px;
    margin-top: 35px;
  }
}
.p-news-detail__nav-subtitle {
  display: inline-block;
  font-size: 13px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-left: 12px;
}
@media screen and (min-width: 768px), print {
  .p-news-detail__nav-subtitle {
    padding-right: 22px;
  }
}
.p-news-detail__nav-subtitle.js-news-nav {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-news-detail__nav-subtitle.js-news-nav {
    cursor: pointer;
  }
}
.p-news-detail__nav-subtitle.js-news-nav::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/assets/images/common/ico_more.png) no-repeat 0 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .p-news-detail__nav-subtitle.js-news-nav::after {
    right: -25px;
  }
}
.p-news-detail__nav-subtitle.js-news-nav.active::after {
  background: url(/assets/images/common/ico_shrink.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-news-detail__nav-list {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-news-detail__nav-list {
    margin-top: 20px;
  }
}
.p-news-detail__nav-list.js-news-nav__list {
  display: none;
}
@media screen and (min-width: 768px), print {
  .p-news-detail__nav-list.js-news-nav__list .p-news-detail__nav-item {
    display: inline-block;
  }
}
.p-news-detail__nav-list li {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #111;
  line-height: 2;
}
@media screen and (min-width: 768px), print {
  .p-news-detail__nav-list li {
    margin-right: 20px;
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-news-detail__nav-list li {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news-detail__pagination {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .p-news-detail__pagination {
    width: 68%;
    margin: 0 auto 23px auto;
  }
}
.p-news-detail__pagination .c-pagination {
  justify-content: center;
}
.p-news-detail__pagination .c-pagination .c-page-back {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-news-detail__pagination .c-pagination .c-page-back {
    margin: 0 136px;
  }
}
@media (max-width: 767px) {
  .p-news-detail__pagination .c-pagination .c-page-back {
    margin: 0 35px;
  }
}
.p-news-detail__pagination .c-page-numbers a {
  display: block;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .wp-block-columns {
    width: 840px;
    margin: auto;
  }
  .wp-block-columns img {
    width: 100%;
    height: 313px;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .wp-block-image {
    margin: 40px 15px 0 15px;
  }
  .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px), print {
  .wp-block-column:not(:first-child) {
    margin-left: 3em !important;
  }
}
.p-news__column50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px), print {
  .p-news__column50 {
    width: 840px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-news__column50 {
    margin: 15px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__column50-item {
    width: 405px;
  }
  .p-news__column50-item img {
    height: 313px;
  }
}
@media (max-width: 767px) {
  .p-news__column50-item {
    width: 48%;
  }
  .p-news__column50-item img {
    height: 146px !important;
  }
}
.p-news__column50-item img {
  width: 100%;
  object-fit: cover;
}
.p-news__column50-item figcaption {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.86;
}
@media screen and (min-width: 768px), print {
  .p-news__column50-item figcaption {
    margin-top: 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-news__column50-item figcaption {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__column3070 {
    width: 840px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .p-news__column3070 {
    margin: 15px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__column3070-item.item30 {
    width: 341px;
  }
  .p-news__column3070-item.item70 {
    width: 469px;
  }
  .p-news__column3070-item img {
    height: 313px;
  }
}
@media (max-width: 767px) {
  .p-news__column3070-item {
    width: 100%;
  }
}
.p-news__column3070-item img {
  width: 100%;
  object-fit: cover;
}
.p-news__column3070-item figcaption {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.86;
}
@media screen and (min-width: 768px), print {
  .p-news__column3070-item figcaption {
    margin-top: 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-news__column3070-item figcaption {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__column7030 {
    width: 840px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .p-news__column7030 {
    margin: 15px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__column7030-item.item30 {
    width: 341px;
  }
  .p-news__column7030-item.item70 {
    width: 469px;
  }
  .p-news__column7030-item img {
    height: 313px;
  }
}
@media (max-width: 767px) {
  .p-news__column7030-item {
    width: 100%;
  }
}
.p-news__column7030-item img {
  width: 100%;
  object-fit: cover;
}
.p-news__column7030-item figcaption {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.86;
}
@media screen and (min-width: 768px), print {
  .p-news__column7030-item figcaption {
    margin-top: 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-news__column7030-item figcaption {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__column100 {
    width: 840px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-news__column100 {
    margin: 15px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__column100-item {
    width: 100%;
  }
  .p-news__column100-item img {
    height: 313px;
  }
}
@media (max-width: 767px) {
  .p-news__column100-item {
    width: 100%;
  }
}
.p-news__column100-item img {
  width: 100%;
  object-fit: cover;
}
.p-news__column100-item figcaption {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.86;
}
@media screen and (min-width: 768px), print {
  .p-news__column100-item figcaption {
    margin-top: 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-news__column100-item figcaption {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__half {
    width: 840px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .p-news__half.style02 {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .p-news__half {
    margin: 15px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__half-img {
    width: 405px !important;
    height: 313px;
  }
}
@media (max-width: 767px) {
  .p-news__half-img {
    height: 224px;
  }
}
.p-news__half-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-news__half p {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.86;
}
@media screen and (min-width: 768px), print {
  .p-news__half p {
    width: 405px;
  }
}
@media (max-width: 767px) {
  .p-news__half p {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .p-news__full-img {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-news__full-img {
    margin: 100px auto 0 auto !important;
    width: 840px;
  }
}
.wp-block-file {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .wp-block-file {
    width: 840px;
    margin: 58px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .wp-block-file {
    margin: 30px 15px 0 15px;
  }
}
.wp-block-file::after {
  content: "";
  position: absolute;
  top: 0;
  background: url(/assets/images/news/detail/ico_detail.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .wp-block-file::after {
    left: 145px;
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .wp-block-file::after {
    width: 17px;
    height: 17px;
    left: 130px;
  }
}
.wp-block-file a {
  display: inline-block;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  padding: 0 30px 20px 0;
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .wp-block-file a {
    font-size: 17px;
  }
  .wp-block-file a:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .wp-block-file a:hover::after {
    animation: toLeft 1s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
}
@media (max-width: 767px) {
  .wp-block-file a {
    font-size: 15px;
  }
}
.wp-block-file a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #000;
  transition: all 0.5s ease;
}
.wp-block-file a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #000;
  transition: all 0.5s ease;
  left: -100%;
}
.wp-block-file .wp-block-file__button {
  display: none;
}
.cat-item {
  transition: opacity 0.5s ease;
}
.cat-item:hover {
  opacity: 0.5;
}
.c-open-fadein,
.c-open-fadein__later {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.c-open-fadein.active,
.c-open-fadein__later.active {
  opacity: 1;
}
.p-open-heading {
  position: relative;
}
.p-open-heading::after {
  content: "";
  background: #f3f3f3;
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-open-heading::after {
    width: 330px;
    height: 261px;
    top: -200px;
    left: -25px;
  }
}
@media (max-width: 767px) {
  .p-open-heading::after {
    width: 172px;
    height: 150px;
    left: -32px;
    top: -85px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-heading {
    width: 96%;
    margin: 207px auto 0 auto;
    padding-left: 95px;
  }
}
@media (max-width: 767px) {
  .p-open-heading {
    margin: 85px 32px 0 32px;
  }
}
.p-open-heading__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: -0.1em;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__title {
    font-size: 76px;
    line-height: 80px;
    height: 93px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__title {
    font-size: 38px;
    line-height: 43px;
    height: 45px;
  }
}
.p-open-heading__title.active span {
  transform: translate(0, 0);
}
.p-open-heading__title span {
  display: inline-block;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.p-open-heading__title span:nth-child(2) {
  transition-delay: 0.06s;
}
.p-open-heading__title span:nth-child(3) {
  transition-delay: 0.12s;
}
.p-open-heading__title span:nth-child(4) {
  transition-delay: 0.18s;
}
.p-open-heading__title span:nth-child(5) {
  transition-delay: 0.24s;
}
.p-open-heading__title span:nth-child(6) {
  transition-delay: 0.3s;
}
.p-open-heading__title span:nth-child(7) {
  transition-delay: 0.36s;
}
.p-open-heading__title span:nth-child(8) {
  transition-delay: 0.42s;
}
.p-open-heading__title span:nth-child(9) {
  transition-delay: 0.48s;
}
.p-open-heading__title span:nth-child(10) {
  transition-delay: 0.54s;
}
.p-open-heading__title span:nth-child(11) {
  transition-delay: 0.6s;
}
.p-open-heading__title span:nth-child(12) {
  transition-delay: 0.66s;
}
.p-open-heading__title span:nth-child(13) {
  transition-delay: 0.72s;
}
.p-open-heading__title span:nth-child(14) {
  transition-delay: 0.78s;
}
.p-open-heading__place {
  font-family: var(--f-jp);
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__place {
    margin-top: 43px;
    font-size: 34px;
    letter-spacing: 0.1em;
  }
}
@media (max-width: 767px) {
  .p-open-heading__place {
    margin-top: 40px;
    font-size: 6.4vw;
    letter-spacing: 0.04em;
  }
}
.p-open-heading__place span {
  color: #f6730e;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__place span {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__place span {
    margin-right: 10px;
  }
}
.p-open-heading__year {
  letter-spacing: 0.06em;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__year {
    font-size: 34px;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid #222;
    margin-right: 13px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__year {
    margin-top: 20px;
    font-size: 19px;
    padding-bottom: 5px;
    position: relative;
  }
  .p-open-heading__year::after {
    content: "";
    position: absolute;
    width: 48px;
    height: 3px;
    background: #222;
    left: 0;
    bottom: 0;
  }
}
.p-open-heading__schedule {
  display: flex;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__schedule {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__schedule {
    margin-top: 5px;
  }
}
.p-open-heading__month,
.p-open-heading__date {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__month,
  .p-open-heading__date {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__month,
  .p-open-heading__date {
    font-size: 11.2vw;
  }
}
.p-open-heading__slash {
  display: block;
  background: url(/assets/images/open-house/obj_slash.png) no-repeat 0 0;
  background-size: cover;
  background-position: top;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__slash {
    width: 40px;
    height: 52px;
    margin: 0 10px 0 15px;
    top: -3px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .p-open-heading__slash {
    width: 25px;
    height: 33px;
    margin: 0 6px 0 11px;
    top: -3px;
    position: relative;
  }
}
.p-open-heading__date {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__date {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__date {
    padding-right: 17px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-heading__date.start {
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__date.start {
    margin-right: 30px;
  }
}
.p-open-heading__date.start::after {
  content: "";
  position: absolute;
  display: block;
  background: url(/assets/images/open-house/obj_bar.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__date.start::after {
    width: 20px;
    height: 8px;
    bottom: 23px;
    right: -25px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__date.start::after {
    width: 12px;
    height: 5px;
    bottom: 13px;
    right: -20px;
  }
}
.p-open-heading__day {
  writing-mode: vertical-lr;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__day {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .p-open-heading__day {
    font-size: 10px;
  }
}
.p-open-heading__time {
  color: #b7b7b7;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px), print {
  .p-open-heading__time {
    font-size: 33px;
    margin-left: 23px;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .p-open-heading__time {
    font-size: 19px;
    margin-top: 5px;
    display: block;
  }
}
.p-open-img {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-open-img {
    margin: 101px auto 0 auto;
    width: 96%;
    height: 730px;
  }
}
@media (max-width: 767px) {
  .p-open-img {
    margin-top: 30px;
  }
}
.p-open-img__label {
  background: #c6ae5f;
  color: #fff;
}
.p-open-img__label::after {
  content: "";
  position: absolute;
  background: url(/assets/images/open-house/ico_present.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-open-img__label::after {
    width: 52px;
    height: 60px;
    left: 50%;
    transform: translateX(-50%);
    top: 27px;
  }
}
@media (max-width: 767px) {
  .p-open-img__label::after {
    width: 45px;
    height: 52px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .p-open-img__label {
    width: 203px;
    height: 203px;
    border-radius: 50%;
    position: absolute;
    right: 70px;
    top: -62px;
    padding: 95px 13px 37px 13px;
    text-align: center;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .p-open-img__label {
    margin: 0 32px 0 34px;
    padding: 12px 20px 12px 77px;
    border-radius: 10px;
    position: relative;
  }
}
.p-open-img__label-text {
  font-family: var(--f-jp);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-open-img__label-text {
    font-size: 3.733vw;
  }
}
.p-open-img__label-notice {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-open-img__label-notice {
    font-size: 3.733vw;
  }
}
.p-open-img__item {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-open-img__item {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .p-open-img__item {
    height: 235px;
    margin-top: 40px;
  }
}
.p-open-img__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-open-toform {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  border: 5px solid #f0f0f0;
}
@media screen and (min-width: 768px), print {
  .p-open-toform {
    width: 965px;
    margin: 140px auto 170px auto;
    padding: 60px 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-open-toform {
    margin: 42px 20px 70px 20px;
    padding: 35px 0 40px 0;
  }
}
.p-open-toform__subtit {
  font-family: var(--f-jp);
  font-weight: 600;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-open-toform__subtit {
    font-size: 18px;
  }
  .p-open-toform__subtit .c-naname::before,
  .p-open-toform__subtit .c-naname::after {
    bottom: -12px;
  }
}
@media (max-width: 767px) {
  .p-open-toform__subtit {
    font-size: 13px;
    line-height: 17px;
    text-align: center;
  }
  .p-open-toform__subtit .c-naname::before,
  .p-open-toform__subtit .c-naname::after {
    bottom: -2px;
  }
}
.p-open-toform__title {
  color: #f6730e;
  font-family: var(--f-jp);
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-open-toform__title {
    font-size: 34px;
    letter-spacing: 0.05em;
    margin: 15px 0 30px;
  }
}
@media (max-width: 767px) {
  .p-open-toform__title {
    text-align: center;
    font-size: 24px;
    line-height: 42px;
    margin: 9px 0 26px;
  }
}
.p-open-toform__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-open-toform__text {
    font-size: 17px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .p-open-toform__text {
    font-size: 15px;
    line-height: 31px;
    padding: 0 23px;
  }
}
.p-open-toform__button {
  font-family: var(--f-jp);
  font-weight: 600;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.p-open-toform__button::before,
.p-open-toform__button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #000;
  transition: all 0.5s ease;
}
.p-open-toform__button::after {
  left: -100%;
}
@media screen and (min-width: 768px), print {
  .p-open-toform__button {
    width: 225px;
    margin: 40px auto 0 auto;
    font-size: 15px;
    padding-bottom: 10px;
  }
  .p-open-toform__button:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .p-open-toform__button:hover::after {
    animation: toLeft 0.6s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
}
@media (max-width: 767px) {
  .p-open-toform__button {
    font-size: 13px;
    width: 190px;
    margin: 30px auto 0 auto;
    padding-bottom: 10px;
  }
}
.p-open-toform__arrow {
  display: block;
  border-radius: 50%;
  background: url(/assets/images/open-house/obj_arrow.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-open-toform__arrow {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .p-open-toform__arrow {
    width: 17px;
    height: 17px;
  }
}
.p-open-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-open-title {
    width: 658px;
    margin: 0 auto;
    text-align: center;
    font-size: 34px;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .p-open-title {
    margin: 0 20px;
    font-size: 6.4vw;
    line-height: 42px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-item.style01 + .p-open-item.style01 {
    margin-top: 170px;
  }
}
@media (max-width: 767px) {
  .p-open-item.style01 + .p-open-item.style01 {
    margin-top: 70px;
  }
}
.p-open-list .p-open-item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item {
    width: 1316px;
    margin: 120px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item {
    margin-top: 40px;
    padding-top: 215px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item:nth-child(odd) {
    padding-right: 175px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item:nth-child(odd) .p-open-item__contents {
    left: 47%;
  }
}
.p-open-list .p-open-item:nth-child(odd) .p-open-item__contents::after {
  content: "";
  position: absolute;
  background: #f8f8f8;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item:nth-child(odd) .p-open-item__contents::after {
    width: 93%;
    height: 80%;
    bottom: -30px;
    right: -30px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item:nth-child(odd) .p-open-item__contents::after {
    width: 101%;
    height: 93%;
    bottom: -20px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item:nth-child(odd) .p-open-item__contents-wrap {
    margin-right: 20px;
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
    padding-left: 175px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item:nth-child(even) .p-open-item__contents {
    right: 47%;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item:nth-child(even) .p-open-item__contents {
    margin-left: 20px;
  }
}
.p-open-list .p-open-item:nth-child(even) .p-open-item__contents::after {
  content: "";
  position: absolute;
  background: #f8f8f8;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item:nth-child(even) .p-open-item__contents::after {
    width: 93%;
    height: 80%;
    bottom: -30px;
    left: -30px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item:nth-child(even) .p-open-item__contents::after {
    width: 101%;
    height: 93%;
    bottom: -20px;
    left: -20px;
  }
}
.p-open-list .p-open-item__img {
  display: block;
}
.p-open-list .p-open-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item__img {
    width: 56%;
    height: 529px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item__img {
    width: 100%;
    height: 268px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}
.p-open-list .p-open-item__inner {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item__inner {
    margin: 0 70px 0 30px;
    padding: 0 32px 50px 32px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item__inner {
    margin: 0 0 0 20px;
    padding: 0 20px 40px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item__contents {
    width: 460px;
    top: 150px;
    position: absolute;
    padding: 60px;
    background: #fff;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item__contents-wrap {
    padding: 40px 0 40px 20px;
    position: relative;
    z-index: 1;
    background: #fff;
  }
}
.p-open-list .p-open-item__point {
  color: #f6730e;
  padding-left: 8px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
.p-open-list .p-open-item__point::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #f6730e;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item__point {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item__point {
    font-size: 13px;
  }
}
.p-open-list .p-open-item__title {
  font-family: var(--f-jp);
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item__title {
    font-size: 34px;
    letter-spacing: 0.02em;
    margin: 30px 0 40px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item__title {
    margin: 20px 0 22px;
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-open-list .p-open-item__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-open-list .p-open-item__text {
    font-size: 17px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .p-open-list .p-open-item__text {
    font-size: 15px;
    line-height: 31px;
    padding-right: 20px;
  }
}
.p-open-item.style03 {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-open-item.style03 {
    width: 1030px;
    margin: 130px auto 0 auto;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .p-open-item.style03 {
    margin-top: 70px;
    padding: 0 0 20px 0;
  }
}
.p-open-item.style03::after {
  content: "";
  position: absolute;
  background: #f8f8f8;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-open-item.style03::after {
    width: 960px;
    height: 100%;
    left: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .p-open-item.style03::after {
    width: 100%;
    height: 100%;
    left: -20px;
    top: 0;
  }
}
.p-open-item.style03 .p-open-item__inner {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-open-item.style03 .p-open-item__inner {
    margin: 0 70px 0 30px;
    padding: 0 32px 50px 32px;
  }
}
@media (max-width: 767px) {
  .p-open-item.style03 .p-open-item__inner {
    margin: 0 0 0 20px;
    padding: 0 20px 40px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-item.style03 .p-open-item__contents {
    width: 460px;
    top: 150px;
    position: absolute;
    padding: 60px;
    background: #fff;
  }
}
@media (max-width: 767px) {
  .p-open-item.style03 .p-open-item__contents-wrap {
    padding: 40px 0 40px 20px;
    position: relative;
    z-index: 1;
    background: #fff;
  }
}
.p-open-item.style03 .p-open-item__point {
  color: #f6730e;
  padding-left: 8px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
.p-open-item.style03 .p-open-item__point::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #f6730e;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-open-item.style03 .p-open-item__point {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-open-item.style03 .p-open-item__point {
    font-size: 13px;
  }
}
.p-open-item.style03 .p-open-item__title {
  font-family: var(--f-jp);
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-open-item.style03 .p-open-item__title {
    font-size: 34px;
    letter-spacing: 0.02em;
    margin: 30px 0 40px;
  }
}
@media (max-width: 767px) {
  .p-open-item.style03 .p-open-item__title {
    margin: 20px 0 22px;
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-open-item.style03 .p-open-item__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-open-item.style03 .p-open-item__text {
    font-size: 17px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .p-open-item.style03 .p-open-item__text {
    font-size: 15px;
    line-height: 31px;
    padding-right: 20px;
  }
}
.p-open-map {
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-open-map {
    width: 100%;
    margin: 140px auto 0 auto;
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .p-open-map {
    padding: 20px;
    margin-top: 80px;
  }
}
.p-open-map__wrap {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-open-map__wrap {
    width: 999px;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-open-map__wrap {
    padding: 40px 20px 25px 20px;
  }
}
.p-open-map__title {
  font-family: var(--f-jp);
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-open-map__title {
    font-size: 32px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-open-map__title {
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-open-map__title span {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-open-map__title span {
    font-size: 17px;
    display: inline-block;
    margin-left: 15px;
  }
}
@media (max-width: 767px) {
  .p-open-map__title span {
    display: block;
    font-size: 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-map__place {
    margin: 40px 0 26px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 16px;
    letter-spacing: 0.1em;
    font-family: var(--f-jp);
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .p-open-map__place {
    margin: 40px 0 20px;
    font-size: 4.1vw;
    letter-spacing: 0.04em;
    font-family: var(--f-jp);
    font-weight: 600;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .p-open-map__place-address01 {
    font-size: 16px;
    font-weight: 400;
  }
}
.p-open-map__place-notice {
  color: #f6730e;
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-open-map__place-notice {
    margin-top: 9px;
  }
}
@media (max-width: 767px) {
  .p-open-map__place-notice {
    margin-top: 5px;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-map__place-text {
    margin-left: 65px;
  }
}
@media (max-width: 767px) {
  .p-open-map__place-text {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-map__date {
    margin: 40px 0 26px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 19px;
    letter-spacing: 0.06em;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .p-open-map__date {
    margin: 20px 0 20px;
    font-size: 4.5vw;
    letter-spacing: 0.06em;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 21px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-map__date-title {
    font-size: 16px;
    letter-spacing: 0.1em;
    font-family: var(--f-jp);
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .p-open-map__date-title {
    font-size: 4.1vw;
    letter-spacing: 0.04em;
    font-family: var(--f-jp);
    font-weight: 600;
  }
}
.p-open-map__date-month {
  position: relative;
  margin-right: 10px;
}
.p-open-map__date-month::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 13px;
  background: url(/assets/images/open-house/obj_slash-small.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
}
.p-open-map__date-date {
  position: relative;
  margin-right: 10px;
}
.p-open-map__date-date.start::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 2.5px;
  background-size: cover;
  top: 50%;
  right: -4px;
  transform: translateY(-50%);
  background: #222;
}
@media (max-width: 767px) {
  .p-open-map__date-time {
    display: block;
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-map__date-text {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .p-open-map__date-text {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-map__img {
    width: 443px;
  }
}
@media (max-width: 767px) {
  .p-open-map__img {
    position: relative;
  }
  .p-open-map__img::after {
    content: "";
    position: absolute;
    width: 39px;
    height: 41px;
    background: url(/assets/images/open-house/ico_detail.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-open-message {
    width: 100%;
    height: 564px;
    margin-top: 143px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .p-open-message {
    width: 100%;
    height: 188px;
    margin-top: 60px;
    position: relative;
  }
}
.p-open-message .slick-list,
.p-open-message .slick-track {
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .p-open-message__img {
    width: 3704px;
    height: 100%;
    position: relative;
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .p-open-message__img {
    width: 1236px;
    height: 100%;
    position: relative;
    z-index: 0;
  }
}
.p-open-message__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-open-message__item {
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-open-message__item {
    width: 1030px;
    padding: 67px 58px;
    bottom: -145px;
  }
}
@media (max-width: 767px) {
  .p-open-message__item {
    width: 92%;
    bottom: -215px;
    padding: 30px 20px 36px 20px;
  }
}
.p-open-message__text {
  font-family: var(--f-jp);
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-open-message__text {
    font-size: 28px;
    letter-spacing: 0.08em;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .p-open-message__text {
    font-size: 20px;
    letter-spacing: 0.06em;
    line-height: 36px;
  }
}
.p-open-message__text span {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-assessment-form.open-house {
    padding-top: 234px;
  }
}
@media (max-width: 767px) {
  .p-assessment-form.open-house {
    padding-top: 284px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-form.open-house .c-form-required {
    text-align: left;
  }
  .p-assessment-form.open-house .c-form-required small {
    left: 0;
  }
}
.p-open-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
  transition: visibility 0.5s ease, opacity 0.5s ease;
}
.p-open-modal__wrap {
  position: absolute;
  width: 94%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-open-modal__img {
  margin: 0 auto;
}
.p-open-modal__text {
  color: #fff;
  text-align: right;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  padding-right: 10px;
  margin-top: 10px;
  position: relative;
}
.p-open-modal__text::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  background: url(/assets/images/open-house/ico_close.png) no-repeat 0 0;
  background-size: cover;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
}
.c-mv-full.reborn {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.reborn {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.reborn .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/re-born/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.reborn .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/re-born/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-message {
    width: 1120px;
    margin: 110px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-reborn-message {
    margin-top: 40px;
    padding: 0 20px;
  }
}
.p-reborn-message__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-message__title {
    text-align: center;
    font-size: 40px;
    line-height: 1.45;
  }
}
@media (max-width: 767px) {
  .p-reborn-message__title {
    font-size: 26px;
    line-height: 1.7;
  }
}
.p-reborn-message__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-message__text {
    width: 760px;
    margin: 50px auto 0 auto;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-reborn-message__text {
    margin-top: 40px;
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose {
    margin: 65px auto 0 auto;
    position: relative;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose {
    margin-top: 40px;
    padding: 0 20px;
    background: #f8f8f8;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__inner {
    background: #f8f8f8;
    margin-left: 10%;
    height: 595px;
    padding: 78px 0 0 170px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__inner {
    padding: 28px 0 0 0;
    height: 433px;
  }
}
.p-reborn-purpose__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__title {
    font-size: 32px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__title {
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-reborn-purpose__title-eng {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__title-eng {
    font-size: 20px;
    line-height: 2;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__title-eng {
    font-size: 4vw;
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__img {
    position: absolute;
    width: 616px;
    height: 462px;
    background: url(/assets/images/re-born/img_purpose-pc.png) no-repeat 0 0;
    background-size: cover;
    background-position: bottom;
    top: 50%;
    left: 28.4%;
    transform: translate(0, -50%);
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__img {
    margin: 26px auto 0 auto;
    height: 280px;
    position: relative;
  }
}
.p-reborn-purpose__img-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__img-title {
    font-size: 22px;
    left: 50%;
    top: 276px;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__img-title {
    font-size: 13px;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%);
  }
}
.p-reborn-purpose__keyword {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__keyword {
    font-size: 15px;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__keyword {
    line-height: 1.42;
    font-size: 14px;
    width: 128px;
    height: 140px;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__keyword-text {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
.p-reborn-purpose__keyword small {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__keyword small {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__keyword small {
    font-size: 13px;
    line-height: 0.8;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__keyword.keyword01 {
    top: 103px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__keyword.keyword01 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(/assets/images/re-born/img_purpose01.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    z-index: 2;
  }
  .p-reborn-purpose__keyword.keyword01::after {
    content: "";
    position: absolute;
    width: 75px;
    height: 1px;
    background: #a7a7a7;
    bottom: -5%;
    left: -25%;
    z-index: 1;
    transform: rotate(-50deg);
  }
  .p-reborn-purpose__keyword.keyword01::before {
    content: "";
    position: absolute;
    width: 75px;
    height: 1px;
    background: #a7a7a7;
    bottom: -5%;
    right: -25%;
    z-index: 1;
    transform: rotate(50deg);
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__keyword.keyword02 {
    bottom: 58px;
    left: 69px;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__keyword.keyword02 {
    bottom: 0;
    left: 0;
    background: url(/assets/images/re-born/img_purpose02.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-purpose__keyword.keyword03 {
    bottom: 81px;
    right: 52px;
  }
}
@media (max-width: 767px) {
  .p-reborn-purpose__keyword.keyword03 {
    bottom: 0;
    right: 0;
    background: url(/assets/images/re-born/img_purpose03.png) no-repeat 0 0;
    background-size: 100% 100%;
    background-position: center;
  }
}
.p-reborn-purpose__line {
  display: block;
  position: absolute;
  width: 220px;
  height: 1px;
  background: #a7a7a7;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-reborn-service {
    width: 99%;
    margin: 100px auto 0 auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-service {
    margin-top: 40px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-service__img {
    width: 42%;
  }
}
@media (max-width: 767px) {
  .p-reborn-service__img {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-service__message {
    width: 40%;
    margin-left: 100px;
  }
}
.p-reborn-service__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-reborn-service__title {
    font-size: 32px;
    letter-spacing: 0.05em;
    line-height: 1.56;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .p-reborn-service__title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
    margin-bottom: 30px;
  }
}
.p-reborn-service__title span {
  color: #f6730e;
}
.p-reborn-service__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-service__text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-reborn-service__text {
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-reborn-service__text + .p-reborn-service__text {
  margin-top: 30px;
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee {
    display: flex;
    width: 1120px;
    margin: 160px auto 0 auto;
    padding: 0 20px 170px 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee {
    margin-top: 50px;
    padding: 0 20px;
  }
}
.p-reborn-committee__img {
  position: relative;
}
.p-reborn-committee__img::after {
  content: "";
  position: absolute;
  background: #f8f8f8;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__img::after {
    width: 524px;
    height: 557px;
    top: 40px;
    right: -40px;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__img::after {
    width: 311px;
    height: 100%;
    top: 25px;
    right: -25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__img {
    width: 490px;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__img {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__message {
    width: 540px;
    margin-right: 70px;
  }
}
.p-reborn-committee__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__title {
    font-size: 32px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__title {
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-reborn-committee__title small {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__title small {
    font-size: 17px;
    display: inline-block;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__title small {
    display: block;
    font-size: 14px;
    margin-top: 10px;
  }
}
.p-reborn-committee__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 24px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__table {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__table {
    margin-top: 10px;
  }
}
.p-reborn-committee__table-item {
  border-bottom: 1px solid #e6e6e6;
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__table-item {
    width: 270px;
    padding: 18px 0;
  }
  .p-reborn-committee__table-item:nth-child(odd) {
    border-right: 1px solid #e6e6e6;
  }
  .p-reborn-committee__table-item:nth-child(even) {
    padding-left: 22px;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__table-item {
    padding: 20px 0;
  }
}
.p-reborn-committee__table-item:nth-of-type(5) {
  border-bottom: none;
}
.p-reborn-committee__table-title {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #f6730e;
}
.p-reborn-committee__table-text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  margin-top: 5px;
}
@media screen and (min-width: 768px), print {
  .p-reborn-committee__table-text {
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
}
@media (max-width: 767px) {
  .p-reborn-committee__table-text {
    letter-spacing: 0.02em;
    line-height: 1.96;
  }
}
.p-reborn-retention {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention {
    padding: 25px 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention {
    margin-top: 75px;
    padding: 20px;
  }
}
.p-reborn-retention__inner {
  background: #fff;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__inner {
    width: 96%;
    margin: 0 auto;
    padding: 72px 0 80px 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__inner {
    padding: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__contents {
    width: 76%;
    margin: -30px auto 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    min-width: 960px;
  }
}
.p-reborn-retention__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__title {
    font-size: 32px;
    letter-spacing: 0.05em;
    position: relative;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__title {
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-reborn-retention__title small {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__title small {
    font-size: 17px;
    display: inline-block;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__title small {
    display: block;
    font-size: 14px;
    margin-top: 10px;
  }
}
.p-reborn-retention__subtitle {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__subtitle {
    margin-top: 80px;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 2.1;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__subtitle {
    margin-top: 30px;
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.81;
  }
}
.p-reborn-retention__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__text {
    margin-top: 30px;
    font-size: 17px;
    line-height: 2.11;
    min-width: 376px;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__text {
    margin-top: 40px;
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__message {
    width: 37%;
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__table {
    margin-top: 95px;
    width: 540px;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__table {
    margin-top: 35px;
  }
}
.p-reborn-retention__table-item {
  border: 2px solid #ebebeb;
  position: relative;
}
.p-reborn-retention__table-item::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  background: url(/assets/images/common/ico_arrow-green.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__table-item::after {
    bottom: -20px;
    left: 40px;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__table-item::after {
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__table-item {
    padding: 25px 0 25px 20px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__table-item {
    text-align: center;
    padding: 18px 0;
  }
}
.p-reborn-retention__table-item + .p-reborn-retention__table-item {
  margin-top: 25px;
}
.p-reborn-retention__table-item:nth-of-type(4)::after {
  display: none;
}
.p-reborn-retention__table-item:nth-of-type(4) {
  border: none;
  background: #f6730e;
  color: #fff;
}
.p-reborn-retention__table-item:nth-of-type(4) .p-reborn-retention__table-num {
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__table-item:nth-of-type(4)
    .p-reborn-retention__table-title {
    font-size: 24px;
    font-family: var(--f-jp);
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__table-item:nth-of-type(4)
    .p-reborn-retention__table-title {
    font-size: 18px;
    font-family: var(--f-jp);
    font-weight: 700;
  }
}
.p-reborn-retention__table-num {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #f6730e;
}
.p-reborn-retention__table-title {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-retention__table-title {
    margin-left: 40px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .p-reborn-retention__table-title {
    font-size: 15px;
    line-height: 1.53;
    margin-top: 5px;
  }
}
.p-reborn-retention__table-title small {
  font-size: 14px;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle {
    margin-top: 140px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle {
    padding: 50px 20px 27px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__inner {
    width: 1097px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-reborn-cycle__circle {
  border-radius: 50%;
  border: 2px solid #707070;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle {
    width: 424px;
    height: 424px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle {
    width: 261px;
    height: 261px;
    margin: 50px auto 42px auto;
  }
}
.p-reborn-cycle__circle .c-circle-item {
  position: absolute;
  background: #fff;
}
.p-reborn-cycle__circle .c-circle-item__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle .c-circle-item__title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle .c-circle-item__title {
    font-size: 15px;
  }
}
.p-reborn-cycle__circle .c-circle-item__text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.28;
  margin-top: 6px;
  text-align: center;
}
.p-reborn-cycle__circle .c-circle-item.top {
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle .c-circle-item.top {
    top: -35px;
    padding: 14px 25px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle .c-circle-item.top {
    top: -23px;
    padding: 0 7px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle .c-circle-item.topLeft {
    top: 66px;
    left: -50px;
    padding: 14px 25px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle .c-circle-item.topLeft {
    top: 40px;
    left: -25px;
    padding: 5px 22px 9px 9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle .c-circle-item.topRight {
    top: 66px;
    right: -25px;
    padding: 12px 19px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle .c-circle-item.topRight {
    top: 40px;
    right: -25px;
    padding: 5px 22px 9px 9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle .c-circle-item.bottomLeft {
    bottom: 85px;
    left: -30px;
    padding: 12px 29px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle .c-circle-item.bottomLeft {
    bottom: 45px;
    left: -10px;
    padding: 5px 22px 9px 9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle .c-circle-item.bottomRight {
    bottom: 85px;
    right: -65px;
    padding: 12px 29px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle .c-circle-item.bottomRight {
    bottom: 27px;
    right: -35px;
    padding: 5px 22px 9px 9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__circle .c-circle-item.bottom {
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 10px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__circle .c-circle-item.bottom {
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__message {
    width: 450px;
  }
}
.p-reborn-cycle__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__title {
    font-size: 32px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__title {
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-reborn-cycle__title small {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__title small {
    font-size: 17px;
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__title small {
    font-size: 14px;
    margin-top: 10px;
  }
}
.p-reborn-cycle__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__text {
    margin-top: 40px;
    font-size: 17px;
    line-height: 2.11;
    padding-bottom: 38px;
    border-bottom: 1px solid #ebebeb;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__text {
    margin-top: 25px;
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__table {
    margin-top: 38px;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__table {
    margin-top: 18px;
  }
}
.p-reborn-cycle__table-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__table-text {
    width: 183px;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__table-text {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-reborn-cycle__table-title {
  background: #b4a983;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__table-title {
    width: 258px;
    padding: 16px 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-cycle__table-title {
    text-align: center;
    padding: 28px 0 17px 0;
  }
}
.p-reborn-cycle__table-title-top {
  font-size: 17px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.11;
}
.p-reborn-cycle__table-title .c-naname::before,
.p-reborn-cycle__table-title .c-naname::after {
  background: #fff;
  height: 18px;
  bottom: 0;
}
.p-reborn-cycle__table-title-center {
  font-size: 17px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.11;
  margin-top: 10px;
}
.p-reborn-cycle__table-title-bottom {
  font-size: 18px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.38;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.p-reborn-cycle__table-title-bottom strong {
  font-size: 36px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-left: 5px;
}
.p-reborn-cycle__text-gray {
  color: #9d9d9d;
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.05em;
  margin-top: 5px;
  line-height: 1.46;
}
@media screen and (min-width: 768px), print {
  .p-reborn-cycle__text-gray {
    width: 258px;
    margin-left: 200px;
  }
}
.p-reborn-future {
  background: #f3f3f3;
  position: relative;
  z-index: 0;
}
.p-reborn-future::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-reborn-future::after {
    height: 428px;
    background: url(/assets/images/re-born/img_future-pc.jpg) no-repeat 0 0;
    background-size: cover;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .p-reborn-future::after {
    height: 117px;
    background: url(/assets/images/re-born/img_future.jpg) no-repeat 0 0;
    background-size: cover;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-future {
    margin-top: 150px;
    padding: 330px 0 150px 0;
  }
}
@media (max-width: 767px) {
  .p-reborn-future {
    padding: 92px 20px 20px 20px;
  }
}
.p-reborn-future__inner {
  background: #fff;
  position: relative;
}
.p-reborn-future__inner::after {
  content: "RE-BORN";
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  opacity: 0.1;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-reborn-future__inner::after {
    font-size: 121px;
    bottom: -75px;
    right: -60px;
  }
}
@media (max-width: 767px) {
  .p-reborn-future__inner::after {
    font-size: 54px;
    bottom: -22px;
    right: -28px;
  }
}
@media screen and (min-width: 768px), print {
  .p-reborn-future__inner {
    width: 1120px;
    margin: 0 auto;
    padding: 83px 153px 83px 133px;
  }
}
@media (max-width: 767px) {
  .p-reborn-future__inner {
    padding: 30px 20px 45px 20px;
  }
}
.p-reborn-future__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-reborn-future__title {
    font-size: 32px;
    letter-spacing: 0.05em;
    line-height: 1.56;
  }
}
@media (max-width: 767px) {
  .p-reborn-future__title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
  }
}
.p-reborn-future__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-reborn-future__text {
    margin-top: 40px;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-reborn-future__text {
    margin-top: 28px;
    font-size: 15px;
    line-height: 2.06;
  }
}
.c-mv-full.staff {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.staff {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.staff .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/recruit/staff/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.staff .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/recruit/staff/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-staff {
    width: 1125px;
    margin: 0 auto;
    padding: 110px 0 157px 0;
  }
}
@media (max-width: 767px) {
  .p-staff {
    padding: 47px 20px 60px 20px;
  }
}
.p-staff-tab {
  border-bottom: 2px solid #f6730e;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px), print {
  .p-staff-tab {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .p-staff-tab {
    height: 64px;
  }
}
.p-staff-tab__list {
  flex-grow: 0;
  flex-shrink: 0;
  transition: padding 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .p-staff-tab__list {
    padding-top: 20px;
    cursor: pointer;
  }
  .p-staff-tab__list:hover {
    padding-top: 0;
  }
}
.p-staff-tab__list.active {
  padding-top: 0;
}
.p-staff-tab__list.active .p-staff-tab__item {
  background: #f6730e;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-staff-tab__list:nth-of-type(1) {
    width: 373px;
  }
}
@media screen and (min-width: 768px), print {
  .p-staff-tab__list:nth-of-type(2) {
    width: 370px;
  }
}
@media screen and (min-width: 768px), print {
  .p-staff-tab__list:nth-of-type(3) {
    width: 376px;
  }
}
@media (max-width: 767px) {
  .p-staff-tab__list {
    width: 32.8%;
    padding-top: 9px;
  }
}
.p-staff-tab__item {
  letter-spacing: 0.1em;
  color: #464646;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
}
@media screen and (min-width: 768px), print {
  .p-staff-tab__item {
    font-family: var(--f-jp);
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .p-staff-tab__item {
    font-family: var(--f-jp);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
  }
}
.p-staff-box {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: visibility 0.5s ease, opacity 0.5s ease, transform 0.7s ease;
}
.p-staff-box.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.p-staff-list {
  display: none;
}
@media screen and (min-width: 768px), print {
  .p-staff-list {
    margin-top: 96px;
  }
}
@media (max-width: 767px) {
  .p-staff-list {
    margin-top: 56px;
  }
}
@media screen and (min-width: 768px), print {
  .p-staff-list.active {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-staff-list.active {
    display: block;
  }
}
.p-staff-item {
  position: relative;
  padding-top: 20px;
}
@media screen and (min-width: 768px), print {
  .p-staff-item {
    width: 335px;
    margin-left: 60px;
  }
  .p-staff-item:nth-child(3n + 1) {
    margin-left: 0px;
  }
  .p-staff-item:nth-child(n + 4) {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-staff-item + .p-staff-item {
    margin-top: 35px;
  }
}
.p-staff-item .c-staff-label {
  position: absolute;
  width: 20px;
  background: #fff;
  padding: 0 5px 8px 0;
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  top: 0;
  left: 0;
  writing-mode: vertical-lr;
  z-index: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-label {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .p-staff-item .c-staff-label {
    font-size: 12px;
  }
}
.p-staff-item .c-staff-img {
  height: 330px;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-img {
    width: 335px;
  }
}
.p-staff-item .c-staff-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-staff-item .c-staff-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-title {
    font-size: 21px;
    line-height: 1.9;
    margin: 30px 0 20px 0;
  }
}
@media (max-width: 767px) {
  .p-staff-item .c-staff-title {
    font-size: 17px;
    line-height: 2.05;
    margin: 20px 0 14px 0;
  }
}
.p-staff-item .c-staff-info {
  border-left: 2px solid #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-info {
    padding-left: 22px;
  }
}
@media (max-width: 767px) {
  .p-staff-item .c-staff-info {
    padding-left: 20px;
  }
}
.p-staff-item .c-staff-info__name {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-info__name {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .p-staff-item .c-staff-info__name {
    font-size: 15px;
    margin-bottom: 16px;
  }
}
.p-staff-item .c-staff-info__name small {
  font-family: var(--f-jp);
  font-weight: 500;
  margin-left: 5px;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-info__name small {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-staff-item .c-staff-info__name small {
    font-size: 14px;
  }
}
.p-staff-item .c-staff-info__about {
  color: #848484;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-info__about {
    font-family: var(--f-jp);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .p-staff-item .c-staff-info__about {
    font-family: var(--f-jp);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.02em;
  }
}
.p-staff-item .c-staff-info__about-title {
  color: #848484;
}
@media screen and (min-width: 768px), print {
  .p-staff-item .c-staff-info__about-title {
    font-family: var(--f-jp);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .p-staff-item .c-staff-info__about-title {
    font-family: var(--f-jp);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.02em;
  }
}
.p-staff-item .c-staff-info__about + .c-staff-info__about {
  margin-top: 12px;
}
.c-mv-full.about {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.about {
    height: 700px;
    padding-left: 5%;
  }
}
@media (max-width: 767px) {
  .c-mv-full.about {
    position: relative;
  }
  .c-mv-full.about::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 150px;
    background: #f8f8f8;
    top: 190px;
    left: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.about .c-mv-full__subtit,
  .c-mv-full.about .c-mv-full__tit {
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.about .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/about/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .c-mv-full.about .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/about/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-mv-full.about .c-mv-nav {
  background: #f3f3f3;
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.about .c-mv-nav {
    width: 30%;
    padding: 55px 0;
    padding-left: 5%;
    left: 0;
    bottom: -70px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.about .c-mv-nav {
    width: 260px;
    padding: 70px 30px 30px 30px;
    left: -35px;
    bottom: -108px;
    display: flex;
    flex-wrap: wrap;
  }
}
.c-mv-full.about .c-mv-nav__item {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.about .c-mv-nav__item {
    display: block;
    width: 96px;
    font-size: 15px;
    line-height: 1.86;
    transition: transform 0.5s ease;
  }
  .c-mv-full.about .c-mv-nav__item:hover {
    transform: translateY(-5px);
  }
  .c-mv-full.about .c-mv-nav__item:nth-child(n + 2) {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.about .c-mv-nav__item {
    font-size: 14px;
    line-height: 2;
    padding-right: 25px;
  }
  .c-mv-full.about .c-mv-nav__item:nth-child(even) {
    margin-left: 24px;
  }
  .c-mv-full.about .c-mv-nav__item.space .c-mv-nav__arrow {
    right: -14px;
  }
}
.c-mv-full.about .c-mv-nav__arrow {
  border-radius: 50%;
  background: #222;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.c-mv-full.about .c-mv-nav__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/assets/images/common/ico_to-bottom-white.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.about .c-mv-nav__arrow::after {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.about .c-mv-nav__arrow::after {
    width: 7.5px;
    height: 7.5px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.about .c-mv-nav__arrow {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.about .c-mv-nav__arrow {
    width: 15px;
    height: 15px;
  }
}
.p-about-philosophy {
  position: relative;
}
.p-about-philosophy::after {
  content: "PHILOSOPHY";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  opacity: 0.06;
  color: #f6730e;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-about-philosophy::after {
    top: -40px;
    font-size: 268px;
    left: -80px;
  }
}
@media (max-width: 767px) {
  .p-about-philosophy::after {
    top: -15px;
    font-size: 115px;
    left: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-philosophy {
    width: 868px;
    margin: 180px auto 0 auto;
    padding: 146px 0 0 46px;
  }
}
@media (max-width: 767px) {
  .p-about-philosophy {
    margin: 140px 20px 0 20px;
    padding-top: 20px;
  }
}
.p-about-philosophy__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.04em;
}
.p-about-philosophy__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px), print {
  .p-about-philosophy__title {
    font-size: 45px;
    line-height: 1.5;
    margin: 48px 0 73px;
  }
}
@media (max-width: 767px) {
  .p-about-philosophy__title {
    font-size: 30px;
    line-height: 1.6;
    margin: 16px 0 40px;
  }
}
.p-about-philosophy__title span {
  color: #f6730e;
}
.p-about-philosophy__text {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-about-philosophy__text {
    width: 800px;
    font-size: 17px;
    letter-spacing: 0.04em;
    line-height: 2.64;
  }
}
@media (max-width: 767px) {
  .p-about-philosophy__text {
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-philosophy__text + .p-about-philosophy__text {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-about-philosophy__text + .p-about-philosophy__text {
    margin-top: 20px;
  }
}
.p-about-important {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-about-important {
    margin-top: 150px;
  }
  .p-about-important::after {
    content: "";
    clear: both;
    display: block;
  }
}
@media (max-width: 767px) {
  .p-about-important {
    margin: 40px 0 0 0;
  }
}
.p-about-important__wrapper {
  background: #f8f8f8;
  position: relative;
  z-index: 0;
}
.p-about-important__wrapper::after {
  content: "IMPOSSIBLE";
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: absolute;
  color: #f2f2f2;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-about-important__wrapper::after {
    font-size: 191px;
    bottom: 90px;
    left: 45%;
  }
}
@media (max-width: 767px) {
  .p-about-important__wrapper::after {
    font-size: 105px;
    left: 32px;
    bottom: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-important__wrapper {
    width: 85.5%;
    float: right;
    padding: 76px 0 165px 88px;
  }
}
@media (max-width: 767px) {
  .p-about-important__wrapper {
    padding: 35px 20px 102px 20px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-important__inner {
    width: 820px;
    display: flex;
  }
}
.p-about-important__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-about-important__title {
    font-size: 30px;
    line-height: 1.6;
  }
}
@media (max-width: 767px) {
  .p-about-important__title {
    font-size: 20px;
    line-height: 1.9;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-important__list {
    margin-left: 55px;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-about-important__list {
    margin-top: 33px;
  }
}
.p-about-important__item {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-about-important__item {
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .p-about-important__item {
    padding-bottom: 18px;
  }
}
.p-about-important__item:nth-of-type(2) {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
@media screen and (min-width: 768px), print {
  .p-about-important__item:nth-of-type(2) {
    padding-top: 20px;
    margin-bottom: 20px;
    width: 380px;
  }
}
@media (max-width: 767px) {
  .p-about-important__item:nth-of-type(2) {
    padding-top: 18px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .p-about-important__item:nth-of-type(3) {
    align-items: unset;
  }
  .p-about-important__item:nth-of-type(3) .p-about-important__num {
    padding-top: 3px;
  }
}
.p-about-important__num {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-about-important__num {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .p-about-important__num {
    font-size: 20px;
  }
}
.p-about-important__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-about-important__text {
    margin-left: 34px;
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-about-important__text {
    margin-left: 18px;
    font-size: 15px;
    line-height: 1.73;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-important__img {
    width: 90%;
    height: 519px;
    background: url(/assets/images/about/img_important-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 320px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-about-important__img {
    width: 100%;
    height: 256px;
    background: url(/assets/images/about/img_important.jpg) no-repeat 0 0;
    background-size: cover;
    position: absolute;
    top: 360px;
    left: 0;
  }
}
.p-about-message {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-about-message::before {
    content: "CEO";
    position: absolute;
    color: #f8f8f8;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    z-index: -1;
    font-size: 105px;
    left: -35px;
    bottom: 90px;
  }
}
.p-about-message::after {
  content: "MESSAGE";
  position: absolute;
  color: #f8f8f8;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-about-message::after {
    font-size: 105px;
    left: -35px;
    bottom: -25px;
  }
}
@media (max-width: 767px) {
  .p-about-message::after {
    content: "CEO MESSAGE";
    font-size: 43px;
    right: -10px;
    top: -30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-message {
    width: 996px;
    margin: 575px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-about-message {
    margin: 285px 0 0 0;
  }
}
.p-about-message__title {
  background: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
}
.p-about-message__title span {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-about-message__title {
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 42px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .p-about-message__title {
    width: 316px;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
    position: absolute;
    bottom: -47px;
    left: 0;
    padding-top: 10px;
  }
}
.p-about-message__item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-about-message__item {
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-about-message__item {
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-message__item-img {
    width: 378px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-about-message__item-img {
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-message__item-message {
    width: 548px;
  }
}
.p-about-message__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-about-message__item-text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-about-message__item-text {
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-message__item-text + .p-about-message__item-text {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .p-about-message__item-text + .p-about-message__item-text {
    margin-top: 20px;
  }
}
.p-about-message__item-ceo {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-about-message__item-ceo {
    display: block;
    margin-top: 38px;
  }
}
@media (max-width: 767px) {
  .p-about-message__item-ceo {
    font-size: 4vw;
    display: inline-block;
    margin: 72px 0 30px;
  }
}
.p-about-message__item-name {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-about-message__item-name {
    font-size: 23px;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .p-about-message__item-name {
    font-size: 4.8vw;
    margin-left: 12px;
  }
}
.p-about-message__item-name-eng {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-about-message__item-name-eng {
    font-size: 13px;
    margin-left: 13px;
    bottom: -2px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .p-about-message__item-name-eng {
    font-size: 2.9vw;
    margin-left: 14px;
  }
}
.p-about-our {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-about-our {
    margin-top: 145px;
    width: 90%;
    padding: 180px 0 135px 0;
  }
}
@media (max-width: 767px) {
  .p-about-our {
    margin: 50px 20px 0 0;
    padding: 40px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__inner {
    width: 974px;
    margin: 0 auto;
  }
}
.p-about-our__outline-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-title {
    font-size: 28px;
  }
}
.p-about-our__outline-title span {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-title span {
    font-size: 18px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-title span {
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-top: 15px;
    display: block;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-inner {
    margin-top: 55px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-inner {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-list + .p-about-our__outline-list {
    margin-left: 80px;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-list + .p-about-our__outline-list {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-list:nth-of-type(1) {
    display: flex;
    flex-wrap: wrap;
    width: 350px;
  }
  .p-about-our__outline-list:nth-of-type(1)
    .p-about-our__outline-item:nth-child(2) {
    margin-left: 30px;
    margin-top: 0;
  }
  .p-about-our__outline-list:nth-of-type(1)
    .p-about-our__outline-item:nth-child(4) {
    margin-left: 46px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-item {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-item + .p-about-our__outline-item {
    margin-top: 27px;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-item + .p-about-our__outline-item {
    margin-top: 20px;
  }
}
.p-about-our__outline-item-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-item-title {
    width: 90px;
    font-size: 17px;
    line-height: 2;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-item-title {
    font-size: 15px;
  }
}
.p-about-our__outline-item-title.empty span {
  display: none;
}
.p-about-our__outline-item-text {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-item-text {
    margin-left: 35px;
    font-size: 17px;
    line-height: 1.88;
  }
}
@media (max-width: 767px) {
  .p-about-our__outline-item-text {
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.78;
  }
}
.p-about-our__outline-item-text span {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-about-our__outline-item-text span.p-about-address {
    font-size: 15px;
    font-weight: 300;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__service {
    margin-top: 90px;
  }
}
@media (max-width: 767px) {
  .p-about-our__service {
    margin-top: 40px;
  }
}
.p-about-our__service-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-title {
    font-size: 28px;
  }
}
.p-about-our__service-title span {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-title span {
    font-size: 18px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-title span {
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-top: 10px;
    display: block;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-list {
    margin-top: 63px;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-list {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-item + .p-about-our__service-item {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-item + .p-about-our__service-item {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-item .c-service-img {
    width: 180px;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-item .c-service-img {
    width: 82px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-item .c-service-message {
    width: 730px;
  }
}
.p-about-our__service-item .c-service-message__title {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-item .c-service-message__title {
    font-size: 20px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-item .c-service-message__title {
    font-size: 5vw;
    letter-spacing: 0.04em;
    margin-left: 14px;
    display: flex;
    align-items: center;
  }
}
.p-about-our__service-item .c-service-message__title span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-item .c-service-message__title span {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-item .c-service-message__title span {
    font-size: 28px;
    display: inline-block;
    margin-right: 12px;
  }
}
.p-about-our__service-item .c-service-message__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-about-our__service-item .c-service-message__text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-about-our__service-item .c-service-message__text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 16px;
  }
}
.p-about-our__service-item .c-service-heading {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}

.p-credo__inner {
  padding: 250px 0 100px 0;
  text-align: center;
}
.p-credo__outline-title {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 42px;
  margin: 0 0 40px 0;
}
.p-credo__outline-title span {
  font-family: var(--f-jp);
  font-weight: 700;
  display: block;
  font-size: 20px;
}
.p-credo__text {
  width: 800px;
  margin: 0 auto 1.5em auto;
  text-align: left;
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 18px;
  line-height: 2.5em;
}
.p-credo__text a {
  display: table;
  max-width: 300px;
  width: 80vw;
  text-align: center;
  margin: 0 auto;
  padding: 20px;
  background: #f6730e;
  color: #fff;
  line-height: 1em;
}

@media screen and (max-width: 767px) {
  .p-credo__inner {
    padding: 20vw 5vw 10vw 5vw;
  }
  .p-credo__outline-title {
    font-size: 28px;
    margin: 0 0 5vw 0;
  }
  .p-credo__outline-title span {
    font-size: 15px;
  }
  .p-credo__text {
    width: auto;
    font-size: 15px;
  }
  .p-credo__text a {
    padding: 4vw 2vw;
  }
}

.p-about-showroom {
  position: relative;
}
.p-about-showroom::before {
  content: "";
  position: absolute;
  background: #f8f8f8;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-about-showroom::before {
    width: 80%;
    top: 200px;
    bottom: -150px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-about-showroom::before {
    width: 131px;
    top: 165px;
    bottom: -150px;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-showroom {
    margin: 150px auto 285px auto;
  }
  .p-about-showroom::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (max-width: 767px) {
  .p-about-showroom {
    margin: 60px 0 160px 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-showroom__wrapper {
    margin: 0 auto;
    width: 87%;
    float: right;
    position: relative;
  }
  .p-about-showroom__wrapper::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-showroom__inner {
    width: 100%;
    float: right;
  }
}
@media (max-width: 767px) {
  .p-about-showroom__inner {
    padding: 0 20px;
  }
}
.p-about-showroom__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-about-showroom__title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .p-about-showroom__title {
    font-size: 28px;
  }
}
.p-about-showroom__title span {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-about-showroom__title span {
    font-size: 18px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .p-about-showroom__title span {
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-top: 10px;
    display: block;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-showroom__list {
    margin-top: 43px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .p-about-showroom__list {
    margin-top: 20px;
  }
}
.p-about-showroom__item {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-about-showroom__item {
    width: 48%;
  }
  .p-about-showroom__item:nth-child(n + 3) {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .p-about-showroom__item + .p-about-showroom__item {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-showroom .c-showroom:hover .c-showroom-img img {
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
@media screen and (min-width: 768px), print {
  .p-about-showroom .c-showroom-img {
    overflow: hidden;
  }
  .p-about-showroom .c-showroom-img img {
    transition: transform 0.5s ease;
  }
}
@media screen and (min-width: 768px), print {
  .p-about-showroom .c-showroom-info {
    margin-top: 22px;
    display: flex;
  }
}
@media (max-width: 767px) {
  .p-about-showroom .c-showroom-info {
    margin-top: 16px;
  }
}
.p-about-showroom .c-showroom-info__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-about-showroom .c-showroom-info__title {
    font-size: 22px;
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  .p-about-showroom .c-showroom-info__title {
    font-size: 18px;
  }
}
.p-about-showroom .c-showroom-info__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  font-size: 15px;
  line-height: 2.06;
}
@media screen and (min-width: 768px), print {
  .p-about-showroom .c-showroom-info__text {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .p-about-showroom .c-showroom-info__text {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px), print {
  _::-webkit-full-page-media,
  _:future,
  :root .p-about-message__title {
    left: -40px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-character.contact {
    margin-top: 145px;
  }
}
@media (max-width: 767px) {
  .c-mv-character.contact {
    margin-top: 85px;
  }
}
.p-contact-tel {
  text-align: center;
  border: 5px solid #dddddd;
}
@media screen and (min-width: 768px), print {
  .p-contact-tel {
    width: 622px;
    margin: 40px auto 70px auto;
    padding: 33px 0;
  }
}
@media (max-width: 767px) {
  .p-contact-tel {
    margin: 23px 20px 50px 20px;
    padding: 27px 0 31px 0;
  }
}
.p-contact-tel__text {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-contact-tel__text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .p-contact-tel__text {
    font-size: 16px;
  }
}
.p-contact-tel__num {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  display: block;
  margin-top: 15px;
  position: relative;
}
.p-contact-tel__num::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: #f6730e;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 768px), print {
  .p-contact-tel__num {
    width: 385px;
    font-size: 49px;
    padding-bottom: 20px;
    margin: 15px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-contact-tel__num {
    width: 215px;
    margin: 15px auto 0 auto;
    padding-bottom: 10px;
    font-size: 28px;
  }
}
@media screen and (min-width: 768px), print {
  .p-contact-tel__num small {
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .p-contact-tel__num small {
    font-size: 14px;
  }
}
.p-contact-form {
  background: #f7f7f7;
}
.p-contact-form.active {
  margin-top: 30px;
}
@media screen and (min-width: 768px), print {
  .p-contact-form {
    width: 1100px;
    padding: 70px 0 100px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-contact-form {
    padding: 40px 20px 25px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-contact-form .c-form-required {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-contact-form .c-form-required {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-contact-form .c-form-item__box-checkboxCircle {
    width: 100%;
  }
}
.p-contact-form .c-form-button button {
  background: #222;
}
.c-mv-full.strenghts {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.strenghts {
    height: 700px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.strenghts .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/strengths/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.strenghts .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/strengths/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}

/******************************/

.p-strengths-heading {
  position: relative;
  margin: 0 auto;
}
.p-strengths-heading__message {
  display: table;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2em;
}
.p-strengths-heading span {
  color: #eff7f4;
  font-weight: bold;
  line-height: 1.3em;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  transform: translate(0, -50%);
}

@media screen and (min-width: 768px), print {
  .p-strengths-heading {
    width: 1240px;
    padding: 110px 0;
  }
  .p-strengths-heading__message {
    font-size: 17px;
  }
  .p-strengths-heading span {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .p-strengths-heading {
    font-size: 15px;
    padding: 80px 20px;
  }
  .p-strengths-heading__message {
  }
  .p-strengths-heading span {
    left: 10px;
    line-height: 2em;
    font-size: 45px;
  }
}

/*------------------------*/
.p-strengths-imgBlock {
  margin: 0 0 100px 0;
}
.p-strengths-imgBlock h3 {
  font-size: 40px;
  text-align: center;
}
.p-strengths-imgBlock h3 strong {
  font-size: 48px;
}
.p-strengths-imgBlock h3:after {
  content: "";
  display: table;
  margin: 40px auto;
  background: #f6730e;
  width: 50px;
  height: 4px;
}
.p-strengths-imgBlock ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-strengths-imgBlock ul li {
  margin: 0 10px;
  text-align: center;
  position: relative;
}
.p-strengths-imgBlock ul li:before,
.p-strengths-imgBlock ul li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 100px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
}
.p-strengths-imgBlock ul li:before {
  left: 0;
  top: 0;
}
.p-strengths-imgBlock ul li:after {
  top: 0;
  right: 0;
  transform: scale(-1, 1);
}
.p-strengths-imgBlock ul li a {
  font-size: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 200px;
  height: 140px;
  color: #fff;
  font-weight: bold;
  background: url(/assets/images/strengths/bg1.jpg) center center / cover repeat;
  line-height: 1.3em;
}
.p-strengths-imgBlock ul li span {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-size: 30px;
  color: #fff99e;
  margin: 0 0 20px 0;
}
@media (max-width: 767px) {
  .p-strengths-imgBlock {
    margin: 0 0 50px 0;
  }
  .p-strengths-imgBlock h3 {
    font-size: 30px;
    line-height: 1.5em;
  }
  .p-strengths-imgBlock h3 strong {
    font-size: 38px;
  }
  .p-strengths-imgBlock h3:after {
    margin: 1em auto;
  }
  .p-strengths-imgBlock ul li {
    margin: 0 10px 10px 10px;
  }
  .p-strengths-imgBlock ul li a {
    font-size: 20px;
  }
  .p-strengths-imgBlock ul li span {
    font-size: 25px;
    margin: 0 0 0.5em 0;
  }
}

/*------------------------*/
.p-strengths-list {
  width: 1100px;
  margin: 0 auto;
}
.p-strengths-list .c-strength-content {
  display: flex;
  justify-content: space-between;
  margin: 0 0 50px 0;
}
#strength05 .c-strength-content {
  margin: 0 0 100px 0;
}
.p-strengths-list .c-strength-content__text {
  width: 640px;
}
.p-strengths-list .c-strength-num span.num {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: bold;
  color: #f6730e;
  font-size: 60px;
  margin: 0 0 10px 0;
}
.p-strengths-list .c-strength-content__keyword {
  font-weight: bold;
  line-height: 1.5em;
  font-size: 36px;
  margin: 0 0 40px 0;
}
.p-strengths-list .c-strength-content__keyword strong {
  font-family: "Montserrat", sans-serif;
  color: #f6730e;
  font-size: 72px;
  line-height: 1em;
}
.p-strengths-list .c-strength-content__message {
  font-weight: bold;
  line-height: 2em;
  font-size: 18px;
}
.p-strengths-list .c-strength-content__message strong {
  color: #f6730e;
}
.p-strengths-list .c-strength-content figure {
  width: 400px;
}

.p-strengths-list .c-strength-content2 {
  margin: 0 0 110px 0;
}
.p-strengths-list .c-strength-content2 h3 {
  text-align: center;
  color: #f6730e;
  font-size: 30px;
  line-height: 1.8em;
  position: relative;
}
#strength04 .c-strength-content2 h3 {
  color: #000;
}
#strength04 .c-strength-content2 h3 strong {
  color: #f6730e;
}
.p-strengths-list .c-strength-content2 h3:after {
  content: "";
  display: table;
  width: 2px;
  height: 30px;
  background: #f6730e;
  margin: 20px auto;
}
.p-strengths-list .c-strength-content2 .clist {
  display: flex;
  justify-content: space-between;
  background: #f3f3f3;
  padding: 30px 50px;
  margin: -30px 0 0 0;
}
.p-strengths-list .c-strength-content2 dt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  line-height: 1.5em;
}
#strength02 .c-strength-content2 dt {
  min-height: 3em;
}
.p-strengths-list .c-strength-content2 dd {
  font-size: 15px;
  line-height: 2em;
}

.p-strengths-list .c-strength-content2.c-strength-list .clist div {
  width: 280px;
}
.p-strengths-list .c-strength-content2.c-strength-list2 .clist div {
  width: 440px;
  position: relative;
}
.p-strengths-list .c-strength-content2.c-strength-list2 .clist figure {
  width: 340px;
  margin: 0 0 50px 0;
}
.p-strengths-list .c-strength-content2.c-strength-list2 .clist dl {
  width: 420px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  right: 0;
}

#strength04 .c-strength-content2.c-strength-list .clist div {
  width: 370px;
}
#strength04 .c-strength-content2.c-strength-list .clist div:nth-of-type(2) {
  width: 530px;
}

.p-strengths-list .c-strength-content2.c-strength-list3 .clist {
  background: #fff;
  border: #f6730e solid 2px;
  margin: 0;
  padding: 50px;
  position: relative;
}
.p-strengths-list .c-strength-content2.c-strength-list3 .clist:before {
  content: "";
  width: 50px;
  height: 143px;
  background: url(/assets/images/strengths/ic2.jpg) center center / cover
    no-repeat;
  position: absolute;
  bottom: 90%;
  left: 50%;
  transform: translate(-50%, 0);
}
.p-strengths-list .c-strength-content2.c-strength-list3 figure {
  width: 480px;
}
.p-strengths-list .c-strength-content2.c-strength-list3 p {
  width: 480px;
  font-size: 16px;
  font-weight: bold;
  line-height: 2em;
}
.p-strengths-list .c-strength-content2.c-strength-list3 p span {
  font-weight: normal;
}

@media (max-width: 767px) {
  .p-strengths-list {
    width: auto;
  }
  .p-strengths-list .c-strength-content {
    display: block;
    margin: 0 0 30px 0;
    padding: 0 2vw;
  }
  #strength05 .c-strength-content {
    margin: 0 0 100px 0;
  }
  .p-strengths-list .c-strength-content__text {
    width: auto;
  }
  .p-strengths-list .c-strength-num span.num {
    font-size: 50px;
  }
  .p-strengths-list .c-strength-content__keyword {
    font-size: 25px;
    margin: 0 0 20px 0;
  }
  .p-strengths-list .c-strength-content__keyword strong {
    font-size: 35px;
  }
  .p-strengths-list .c-strength-content__message {
    margin: 0 0 20px 0;
  }
  .p-strengths-list .c-strength-content figure {
    width: auto;
    text-align: center;
  }
  .p-strengths-list .c-strength-content2 h3 {
    font-size: 25px;
  }
  .p-strengths-list .c-strength-content2 h3:after {
    margin: 10px auto;
  }
  .p-strengths-list .c-strength-content2 .clist {
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px 5vw;
    margin: -20px 0 0 0;
  }
  .p-strengths-list .c-strength-content2 dt {
    font-size: 18px;
  }
  #strength02 .c-strength-content2 dt {
    min-height: 3em;
  }

  .p-strengths-list .c-strength-content2.c-strength-list .clist div {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .p-strengths-list .c-strength-content2.c-strength-list .clist figure {
    text-align: center;
  }
  .p-strengths-list .c-strength-content2.c-strength-list .clist dd {
    display: table;
    margin: 0 auto;
  }
  .p-strengths-list .c-strength-content2.c-strength-list2 .clist div {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .p-strengths-list .c-strength-content2.c-strength-list2 .clist figure {
    max-width: 390px;
    width: 100%;
  }
  .p-strengths-list .c-strength-content2.c-strength-list2 .clist dl {
    max-width: 450px;
    width: 90%;
    padding: 3vw;
  }

  #strength04 .c-strength-content2.c-strength-list .clist div {
    width: auto;
  }
  #strength04 .c-strength-content2.c-strength-list .clist div:nth-of-type(2) {
    width: auto;
  }

  .p-strengths-list .c-strength-content2.c-strength-list3 .clist {
    margin: 0 2vw;
    padding: 10vw 5vw;
  }
  .p-strengths-list .c-strength-content2.c-strength-list3 .clist:before {
    width: 30px;
    height: 86px;
    bottom: 95%;
  }

  .p-strengths-list .c-strength-content2.c-strength-list3 figure {
    width: 480px;
  }
  .p-strengths-list .c-strength-content2.c-strength-list3 p {
    width: auto;
  }
}

/*------------------------*/
#strength06 {
  background: #f3f3f3;
  padding: 70px 0 30px 0;
}
#strength06 h3 {
  display: table;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  position: relative;
  font-size: 40px;
  margin-bottom: 50px;
  padding: 0 20px;
}
#strength06 h3:before,
#strength06 h3:after {
  content: "";
  background: #000;
  width: 2px;
  height: 50px;
  position: absolute;
  top: 50%;
}
#strength06 h3:before {
  left: 0;
  transform: translate(0, -50%) rotate(-45deg);
}
#strength06 h3:after {
  right: 0;
  transform: translate(0, -50%) rotate(45deg);
}
#strength06 ul {
  display: flex;
}
#strength06 ul li {
  width: 25vw;
}
.p-strengths p.btn {
  text-align: center;
  font-weight: bold;
  margin: 20px 0;
}
.p-strengths p.btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px 10px 10px;
  border-bottom: #000 solid 2px;
  font-size: 16px;
}
.p-strengths p.btn a:after {
  content: "";
  display: table;
  width: 24px;
  height: 24px;
  margin: 0 0 0 1em;
  background: url(/assets/images/strengths/ic1.png) center center / cover
    no-repeat;
}

@media (max-width: 767px) {
  #strength06 {
    padding: 50px 0 30px 0;
  }
  #strength06 h3 {
    font-size: 25px;
    margin-bottom: 30px;
    padding: 0 20px;
    line-height: 1.3em;
  }
  #strength06 h3:before,
  #strength06 h3:after {
    height: 30px;
    top: auto;
    bottom: 0;
  }
  #strength06 h3:before {
    left: 10px;
    transform: translate(0, 0) rotate(-45deg);
  }
  #strength06 h3:after {
    right: 10px;
    transform: translate(0, 0) rotate(45deg);
  }

  #strength06 ul {
    flex-wrap: wrap;
  }
  #strength06 ul li {
    width: 50vw;
  }

  .p-strengths p.btn a:after {
    width: 20px;
    height: 20px;
  }
}

/******************************/

.c-mv-full.kinoie {
  z-index: 1;
  background: #f5f1e2;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.kinoie {
    height: 700px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.kinoie {
    padding: 85px 0 50px 35px;
    margin: 0;
    position: relative;
  }
  .c-mv-full.kinoie::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 50px;
    top: 85px;
    left: 260px;
    background: url(/assets/images/kinoie/img_gooddesign-mv.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.kinoie .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/kinoie/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.kinoie .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/kinoie/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-mv-full.kinoie .p-mv-award {
  width: 80px;
  height: 50px;
  display: block;
  margin-top: 16px;
}
.p-kinoie-point {
  background: #f5f1e2;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point {
    padding: 105px 50px 230px 50px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point__title {
    text-align: center;
    font-size: 40px;
    font-family: var(--f-jp);
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 58px;
    margin-bottom: 81px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point__title {
    text-align: left;
    margin: 0 0 30px 35px;
    font-size: 26px;
    font-family: var(--f-jp);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 44px;
  }
}
.p-kinoie-point__item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point__item {
    width: 100%;
    margin: 168px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point__item {
    z-index: 0;
    margin-top: 266px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point__item + .p-kinoie-point__item {
    margin-top: 168px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point__item + .p-kinoie-point__item {
    margin-top: 260px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point.style01 .c-point-content {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point.style02 .c-point-img {
    margin-left: 133px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point.style02 .c-point-content {
    left: auto;
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point.style02 .c-point-content {
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-img {
    width: 90%;
    height: 566px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-img {
    width: 100%;
    height: 275px;
    position: absolute;
    top: -216px;
    left: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-img.img01 {
    background: url(/assets/images/kinoie/img_point01-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-img.img01 {
    background: url(/assets/images/kinoie/img_point01.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-img.img02 {
    background: url(/assets/images/kinoie/img_point02-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-img.img02 {
    background: url(/assets/images/kinoie/img_point02.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-img.img03 {
    background: url(/assets/images/kinoie/img_point03-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-img.img03 {
    background: url(/assets/images/kinoie/img_point03.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.p-kinoie-point .c-point-content {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-content {
    position: absolute;
    left: 0;
    bottom: -90px;
    width: 890px;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .p-kinoie-point .c-point-content.content01 {
    padding: 32px 50px 52px 70px;
  }
  .p-kinoie-point .c-point-content.content02 {
    padding: 32px 80px 52px 50px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-content {
    padding: 16px 22px 34px 22px;
  }
}
.p-kinoie-point .c-point-num {
  color: #c6ae5f;
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-num {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-kinoie-point .c-point-num .num {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-num .num {
    font-size: 104px;
    position: relative;
  }
  .p-kinoie-point .c-point-num .num::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #c6ae5f;
    bottom: 0;
    left: 15px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-num .num {
    font-size: 66px;
  }
}
.p-kinoie-point .c-point-num .text {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-num .text {
    font-size: 14px;
    line-height: 1.71;
    margin-top: 28px;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-num .text {
    padding: 15px 0 0 15px;
    position: relative;
    height: 35px;
    font-size: 13px;
  }
  .p-kinoie-point .c-point-num .text::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #c6ae5f;
    left: 15px;
    bottom: -22px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-detail {
    padding-top: 18px;
    width: 584px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-detail {
    margin-top: 22px;
  }
}
.p-kinoie-point .c-point-detail__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-detail__title {
    font-size: 34px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-detail__title {
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-kinoie-point .c-point-detail__text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-point .c-point-detail__text {
    margin-top: 30px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-kinoie-point .c-point-detail__text {
    margin-top: 17px;
    line-height: 2.26;
  }
}
.p-kinoie-virtual {
  display: block;
  position: relative;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-virtual {
    width: 1088px;
    height: 371px;
    padding: 112px 0 0 71px;
    margin: 100px auto 0 auto;
    overflow: hidden;
  }
  .p-kinoie-virtual:hover .c-button-line::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .p-kinoie-virtual:hover .c-button-line::after {
    animation: toLeft 0.6s 1;
    animation-timing-function: ease;
    animation-delay: 0.5s;
  }
  .p-kinoie-virtual:hover::after {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  .p-kinoie-virtual::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background: url(/assets/images/kinoie/img_virtual-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-kinoie-virtual {
    margin: 40px 34px 0 34px;
    padding: 35px 20px 40px 20px;
    background: url(/assets/images/kinoie/img_virtual.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-virtual__inner {
    display: flex;
    position: relative;
    z-index: 1;
  }
}
.p-kinoie-virtual__title {
  font-family: var(--f-jp);
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-virtual__title {
    font-size: 40px;
    letter-spacing: 0.03em;
    line-height: 50px;
  }
  .p-kinoie-virtual__title::after {
    content: "";
    position: absolute;
    width: 172px;
    height: 137px;
    background: url(/assets/images/kinoie/obj_vr.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    right: 78px;
    bottom: -125px;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .p-kinoie-virtual__title {
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 44px;
  }
}
.p-kinoie-virtual__arrow {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url(/assets/images/kinoie/obj_arrow.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 2px;
  right: 0;
}
@media (max-width: 767px) {
  .p-kinoie-virtual__arrow {
    width: 17px;
    height: 17px;
    top: 3px;
  }
}
.p-kinoie-virtual__button {
  overflow: hidden;
  display: block;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
}
.p-kinoie-virtual__button::before,
.p-kinoie-virtual__button::after {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-virtual__button {
    width: 192px;
    margin-top: 26px;
    font-size: 15px;
    padding: 7px 0 13px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-virtual__button {
    width: 160px;
    margin-top: 40px;
    font-size: 13px;
    padding: 7px 0 9px;
  }
}
.p-kinoie-virtual__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-virtual__text {
    font-size: 17px;
    line-height: 36px;
    margin-left: 45px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-virtual__text {
    font-size: 15px;
    line-height: 31px;
    margin-top: 10px;
    position: relative;
  }
  .p-kinoie-virtual__text::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 70px;
    background: url(/assets/images/kinoie/obj_vr-sp.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    right: -3px;
    bottom: -90px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-award {
    width: 1102px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-kinoie-award {
    padding: 0 34px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-award__title {
    width: 300px;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-award__title {
    display: flex;
    align-items: center;
  }
}
.p-kinoie-award__title img {
  display: block;
}
@media (max-width: 767px) {
  .p-kinoie-award__title img.award-design {
    width: 166px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-award__title img.award-100 {
    width: 210px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-award__title img.award-100 {
    width: 132px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-award__title img.award-wood {
    width: 248px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-award__title img.award-wood {
    width: 170px;
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-award__title img + img {
    margin-top: 33px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-award__title img + img {
    margin-left: 10px;
  }
}
.p-kinoie-award__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-award__text {
    width: 726px;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-kinoie-award__text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-gallery {
    padding-top: 111px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-gallery {
    padding: 43px 20px 30px 20px;
  }
}
.p-kinoie-gallery__title {
  color: #c6ae5f;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
.p-kinoie-gallery__title::after {
  content: "";
  position: absolute;
  height: 3px;
  background: #c2ae6a;
  width: 39px;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-gallery__title::after {
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .p-kinoie-gallery__title::after {
    bottom: -22px;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-gallery__title {
    font-size: 40px;
    width: 548px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-kinoie-gallery__title {
    font-size: 22px;
    line-height: 1.81;
  }
}
.p-kinoie-gallery__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-gallery__text {
    font-size: 17px;
    line-height: 2.11;
    margin: 70px auto 100px auto;
    width: 800px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-gallery__text {
    font-size: 15px;
    line-height: 2.06;
    margin: 44px 0 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-gallery__list {
    width: 96%;
    margin: 0 auto;
    display: flex;
  }
  .p-kinoie-gallery__list + .p-kinoie-gallery__list {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-gallery__list + .p-kinoie-gallery__list {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-gallery__item {
    display: block;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .p-kinoie-gallery__item + .p-kinoie-gallery__item {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail {
    width: 1102px;
    margin: 0 auto;
    padding: 140px 0;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail {
    margin-bottom: 95px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-floor {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail
    .c-detail-floor
    .c-detail-floor__item
    + .c-detail-floor__item {
    margin-left: 70px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail
    .c-detail-floor
    .c-detail-floor__item
    + .c-detail-floor__item {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-floor__item.floor01 .c-detail-floor__img {
    width: 344px;
  }
  .p-kinoie-detail .c-detail-floor__item.floor02 .c-detail-floor__img {
    width: 355px;
  }
}
.p-kinoie-detail .c-detail-floor__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  position: relative;
  margin-bottom: 15px;
}
.p-kinoie-detail .c-detail-floor__title::after {
  content: "";
  position: absolute;
  background: #222;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-floor__title::after {
    width: 9px;
    height: 27px;
    left: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-floor__title::after {
    width: 6px;
    height: 20px;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-floor__title {
    font-size: 26px;
    margin-left: 10px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-floor__title {
    font-size: 18px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-data {
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 44px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-data__item {
    width: 524px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-data__list {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-data__list {
    margin-top: 35px;
  }
}
.p-kinoie-detail .c-detail-data__list-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.05em;
  color: #c6ae5f;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-data__list-title {
    margin-bottom: 21px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-data__list-title {
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-data__list-info {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .p-kinoie-detail .c-detail-data__list-info ul + ul {
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-data__list-info.style01 {
    width: 94%;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-data__list-info.style02 {
    margin-top: 13px;
  }
}
.p-kinoie-detail .c-detail-data__text {
  display: flex;
}
.p-kinoie-detail .c-detail-data__text h5 {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-data__text h5 {
    font-size: 17px;
    width: 80px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-data__text h5 {
    font-size: 15px;
    width: 72px;
    margin-right: 7px;
  }
}
.p-kinoie-detail .c-detail-data__text p {
  letter-spacing: 0.02em;
  line-height: 1.2;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-detail .c-detail-data__text p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-detail .c-detail-data__text p {
    font-size: 15px;
  }
}
.p-kinoie-detail .c-detail-data .c-detail-data__text + .c-detail-data__text {
  margin-top: 14px;
}
.p-kinoie-comment {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment {
    padding: 0 20px 20px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment__inner {
    width: 937px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment__inner {
    padding-top: 72px;
    position: relative;
  }
}
.p-kinoie-comment__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment__title {
    position: absolute;
    font-size: 24px;
    line-height: 1.5;
    top: -13px;
    left: 0;
  }
}
.p-kinoie-comment__title span {
  color: #c6ae5f;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment__title span {
    font-size: 17px;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment__title span {
    font-size: 15px;
    margin-left: 25px;
  }
}
.p-kinoie-comment__designer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment__designer {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment__designer {
    margin-top: 30px;
  }
}
.p-kinoie-comment .c-designer-img {
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment .c-designer-img {
    width: 218px;
    height: 218px;
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment .c-designer-img {
    width: 85px;
    height: 85px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment .c-designer-info {
    width: 675px;
  }
}
.p-kinoie-comment .c-designer-name {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment .c-designer-name {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment .c-designer-name {
    font-size: 16px;
    line-height: 1.8;
  }
}
.p-kinoie-comment .c-designer-message {
  letter-spacing: 0.02em;
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment .c-designer-message {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment .c-designer-message {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 20px;
  }
}
.p-kinoie-comment__content {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment__content {
    margin-top: 50px;
    padding: 36px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment__content {
    margin-top: 40px;
    padding: 20px;
  }
}
.p-kinoie-comment .c-content-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-left: 20px;
  position: relative;
}
.p-kinoie-comment .c-content-title::after {
  content: "";
  position: absolute;
  background: #c6ae5f;
  width: 7px;
  left: 0;
  top: 0;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment .c-content-title::after {
    height: 19px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment .c-content-title::after {
    height: 17px;
  }
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment .c-content-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment .c-content-title {
    font-size: 16px;
  }
}
.p-kinoie-comment .c-content-message {
  letter-spacing: 0.02em;
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-kinoie-comment .c-content-message {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .p-kinoie-comment .c-content-message {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 13px;
  }
}
.c-mv-full.newbuild {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.newbuild {
    height: 700px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.newbuild {
    margin: 85px 0 40px 35px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.newbuild .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/new-build/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.newbuild .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/new-build/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild-message {
    width: 1128px;
    margin: 100px auto 40px auto;
  }
}
@media (max-width: 767px) {
  .p-newbuild-message {
    margin: 0 34px 40px 34px;
  }
}
.p-newbuild-message__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-newbuild-message__title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-message__title {
    font-size: 26px;
  }
}
.p-newbuild-message__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-newbuild-message__text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 40px;
    width: 945px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-message__text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 20px;
  }
}
.p-newbuild-item {
  position: relative;
}
.p-newbuild-item::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  top: 0;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item::after {
    width: 360px;
    height: 304px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item::after {
    width: 77%;
    height: 243px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item.style01 .c-button {
    width: 210px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item.style01 .c-button {
    width: 173px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item.style01::after {
    left: -25px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item.style01::after {
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item.style02 {
    flex-direction: row-reverse;
    margin: 20px auto 200px auto;
  }
  .p-newbuild-item.style02 .c-newbuild-img {
    margin-right: 0;
    margin-left: 100px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item.style02 {
    margin-top: 50px;
  }
}
.p-newbuild-item.style02 .c-newbuild-img__title {
  display: block;
  text-align: right;
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item.style02 .c-newbuild-img__title {
    margin-right: 35px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item.style02 .c-newbuild-img__title {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item.style02 .c-button {
    width: 225px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item.style02 .c-button {
    width: 186px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item.style02::after {
    right: -25px;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item.style02::after {
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild-item {
    width: 1316px;
    margin: 0 auto;
    padding-top: 85px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-newbuild-item {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-img {
    margin-right: 100px;
    width: 585px;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-newbuild-img {
    margin: 0 20px;
  }
}
.p-newbuild .c-newbuild-img__title {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
}
.p-newbuild .c-newbuild-img__title::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  background: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-img__title {
    font-size: 14px;
    margin-bottom: 19px;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-newbuild-img__title {
    font-size: 13px;
    margin-bottom: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-detail {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-newbuild-detail {
    margin: 30px 20px 0 20px;
  }
}
.p-newbuild .c-newbuild-detail__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-detail__title {
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 1.52;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-newbuild-detail__title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
  }
}
.p-newbuild .c-newbuild-detail__title span {
  color: #f6730e;
}
.p-newbuild .c-newbuild-detail__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-detail__text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-newbuild-detail__text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-detail .c-button {
    margin-top: 60px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-newbuild-detail .c-button {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-detail .c-button-text {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-newbuild-detail .c-button-arrow {
    margin-left: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-works-list {
    margin: 160px 0 50px;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-works-list {
    margin: 50px 0 40px;
  }
  .p-newbuild .c-works-list .c-works-list__inner {
    margin-top: 21px;
  }
}
.p-newbuild .c-works-list__title {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-newbuild .c-works-list__title {
    font-size: 50px;
    margin-bottom: 53px;
  }
}
@media (max-width: 767px) {
  .p-newbuild .c-works-list__title {
    font-size: 29px;
  }
}
.c-mv-full.lineup {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.lineup {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.lineup .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/new-build/lineup/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.lineup .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/new-build/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup-message {
    width: 1186px;
    margin: 110px auto 120px auto;
  }
}
@media (max-width: 767px) {
  .p-lineup-message {
    margin: 0 34px 40px 34px;
  }
}
.p-lineup-message p {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-lineup-message p {
    font-size: 17px;
    line-height: 2.11;
    width: 945px;
  }
}
@media (max-width: 767px) {
  .p-lineup-message p {
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup-item {
    width: 1316px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-lineup-item {
    margin: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup-item + .p-lineup-item {
    margin-top: 190px;
  }
}
@media (max-width: 767px) {
  .p-lineup-item + .p-lineup-item {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup-item.style01 {
    flex-direction: row-reverse;
  }
  .p-lineup-item.style01 .c-lineup-img {
    margin-left: 80px;
    padding-left: 40px;
  }
  .p-lineup-item.style01 .c-lineup-img::after {
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup-item.style02 .c-lineup-img {
    margin-right: 80px;
    padding-right: 40px;
  }
  .p-lineup-item.style02 .c-lineup-img::after {
    right: 0;
  }
}
.p-lineup .c-lineup-img {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup-img {
    width: 770px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup-img {
    padding-left: 15px;
  }
}
.p-lineup .c-lineup-img::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup-img::after {
    width: 730px;
    height: 470px;
    bottom: -40px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup-img::after {
    width: 328px;
    height: 207px;
    left: 0;
    bottom: -15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup-detail {
    width: 310px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup-detail {
    margin-top: 34px;
  }
}
.p-lineup .c-lineup-title__eng {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
.p-lineup .c-lineup-title__eng::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: #f6730e;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup-title__eng::after {
    bottom: -20px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup-title__eng::after {
    bottom: -10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup-title__eng {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup-title__eng {
    font-size: 13px;
  }
}
.p-lineup .c-lineup-title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup-title {
    margin-top: 60px;
    font-size: 34px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup-title {
    margin-top: 20px;
    font-size: 24px;
    letter-spacing: 0.04em;
  }
}
.p-lineup .c-lineup-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup-text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup-text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 18px;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-lineup .c-button {
    width: 193px;
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-lineup .c-button {
    width: 120px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-banner-tech {
    margin: 130px auto 15px auto;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-banner-tech {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-banner-guide {
    margin: 20px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-lineup .c-works-list {
    margin: 160px 0 50px;
  }
}
@media (max-width: 767px) {
  .p-lineup .c-works-list {
    margin: 50px 0 40px;
  }
  .p-lineup .c-works-list .c-works-list__inner {
    margin-top: 21px;
  }
}
.c-lineup-kinoie {
  display: block;
}
.c-lineup-kinoie__img {
  content: "";
  position: absolute;
  width: 631px;
  height: 100%;
  top: 0;
  right: 0;
  overflow: hidden;
}
.c-lineup-kinoie__img img {
  transition: transform 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie {
    width: 1118px;
    margin: 0 auto;
    height: 500px;
    background: #f5f1e2;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
  }
  .c-lineup-kinoie:hover .c-lineup-kinoie__img img {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  .c-lineup-kinoie:hover .c-lineup-kinoie__button::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .c-lineup-kinoie:hover .c-lineup-kinoie__button::after {
    animation: toLeft 0.6s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie {
    margin: 60px 20px 0 20px;
    position: relative;
    padding: 190px 0 32px;
    background: #f5f1e2;
  }
  .c-lineup-kinoie::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 218px;
    background: url(/assets/images/new-build/lineup/img_kinoie-banner.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__box {
    margin: 65px 0 0 61px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__box {
    padding: 0 20px;
  }
}
.c-lineup-kinoie__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__title {
    font-size: 68px;
    line-height: 97px;
    width: 362px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__title {
    font-size: 40px;
    line-height: 60px;
    width: 220px;
    position: relative;
    z-index: 1;
  }
}
.c-lineup-kinoie__title span {
  display: block;
  background: #c6ae5f;
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__title span {
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__title span {
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__title span:nth-of-type(2) {
    width: 330px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__title span:nth-of-type(2) {
    width: 200px;
    margin-top: 7px;
  }
}
.c-lineup-kinoie__text {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__text {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__text {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__item {
    width: 365px;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__item {
    margin-top: 26px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__item-box {
    width: 114px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__item-box {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.c-lineup-kinoie__item figure {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__item figure {
    width: 198px;
  }
}
.c-lineup-kinoie__item figure img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__item figure img + img {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__item figure + figure {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__award {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__award:nth-of-type(1) {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__award img.award-design {
    width: 100%;
  }
  .c-lineup-kinoie__award img.award-100 {
    width: 158px;
  }
  .c-lineup-kinoie__award img.award-wood {
    width: 187px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__award.style01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .c-lineup-kinoie__award.style01 img.award-design {
    width: 54%;
  }
  .c-lineup-kinoie__award.style01 img.award-100 {
    width: 42%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .c-lineup-kinoie__award img.award-wood {
    width: 54%;
  }
}
.c-lineup-kinoie__button {
  display: block;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  overflow: hidden;
  padding-top: 7px;
}
.c-lineup-kinoie__button::before,
.c-lineup-kinoie__button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.c-lineup-kinoie__button::after {
  left: -100%;
}
@media screen and (min-width: 768px), print {
  .c-lineup-kinoie__button {
    margin-top: 25px;
    width: 114px;
    font-size: 15px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .c-lineup-kinoie__button {
    margin-left: 30px;
    width: 91px;
    font-size: 13px;
    padding-bottom: 7px;
  }
}
.c-lineup-kinoie__button span {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url(/assets/images/new-build/lineup/obj_arrow-kinoie.png)
    no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 2px;
  right: 0;
}
@media (max-width: 767px) {
  .c-lineup-kinoie__button span {
    width: 17px;
    height: 17px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.elegant .c-lineup-mv-img {
    width: 100%;
    height: 441px;
    background: url(/assets/images/new-build/lineup/elegant/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.elegant .c-lineup-mv-img {
    height: 268px;
    background: url(/assets/images/new-build/lineup/elegant/img_mv.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
.c-lineup-mv.elegant .c-lineup-mv-img::after {
  content: "CUSTOM HOUSE LINEUP 04";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.elegant .c-lineup-mv-img::after {
    font-size: 14px;
    transform: rotate(90deg);
    left: -140px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.elegant .c-lineup-mv-img::after {
    font-size: 13px;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.lestini .c-lineup-mv-img {
    width: 100%;
    height: 441px;
    background: url(/assets/images/new-build/lineup/lestini/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.lestini .c-lineup-mv-img {
    height: 268px;
    background: url(/assets/images/new-build/lineup/lestini/img_mv.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
.c-lineup-mv.lestini .c-lineup-mv-img::after {
  content: "CUSTOM HOUSE LINEUP 05";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.lestini .c-lineup-mv-img::after {
    font-size: 14px;
    transform: rotate(90deg);
    left: -140px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.lestini .c-lineup-mv-img::after {
    font-size: 13px;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.keika .c-lineup-mv-img {
    width: 100%;
    height: 441px;
    background: url(/assets/images/new-build/lineup/keika/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.keika .c-lineup-mv-img {
    height: 268px;
    background: url(/assets/images/new-build/lineup/keika/img_mv.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
.c-lineup-mv.keika .c-lineup-mv-img::after {
  content: "CUSTOM HOUSE LINEUP 03";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.keika .c-lineup-mv-img::after {
    font-size: 14px;
    transform: rotate(90deg);
    left: -140px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.keika .c-lineup-mv-img::after {
    font-size: 13px;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.kino .c-lineup-mv-img {
    width: 100%;
    height: 441px;
    background: url(/assets/images/new-build/lineup/kino/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.kino .c-lineup-mv-img {
    height: 268px;
    background: url(/assets/images/new-build/lineup/kino/img_mv.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
}
.c-lineup-mv.kino .c-lineup-mv-img::after {
  content: "CUSTOM HOUSE LINEUP 06";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.kino .c-lineup-mv-img::after {
    font-size: 14px;
    transform: rotate(90deg);
    left: -140px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.kino .c-lineup-mv-img::after {
    font-size: 13px;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.ecohousing .c-lineup-mv-img {
    width: 100%;
    height: 441px;
    background: url(/assets/images/new-build/lineup/ecohousing/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.ecohousing .c-lineup-mv-img {
    height: 268px;
    background: url(/assets/images/new-build/lineup/ecohousing/img_mv.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
.c-lineup-mv.ecohousing .c-lineup-mv-img::after {
  content: "CUSTOM HOUSE LINEUP 05";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.ecohousing .c-lineup-mv-img::after {
    font-size: 14px;
    transform: rotate(90deg);
    left: -140px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.ecohousing .c-lineup-mv-img::after {
    font-size: 13px;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.kinoie .c-lineup-mv-img {
    width: 100%;
    height: 441px;
    background: url(/assets/images/new-build/lineup/kinoie/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.kinoie .c-lineup-mv-img {
    height: 268px;
    background: url(/assets/images/new-build/lineup/kinoie/img_mv.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
.c-lineup-mv.kinoie .c-lineup-mv-img::after {
  content: "CUSTOM HOUSE LINEUP 06";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.kinoie .c-lineup-mv-img::after {
    font-size: 14px;
    transform: rotate(90deg);
    left: -140px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.kinoie .c-lineup-mv-img::after {
    font-size: 13px;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.nextzero .c-lineup-mv-img {
    width: 100%;
    height: 441px;
    background: url(/assets/images/new-build/lineup/nextzero/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.nextzero .c-lineup-mv-img {
    height: 268px;
    background: url(/assets/images/new-build/lineup/nextzero/img_mv.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
.c-lineup-mv.nextzero .c-lineup-mv-img::after {
  content: "CUSTOM HOUSE LINEUP 02";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-lineup-mv.nextzero .c-lineup-mv-img::after {
    font-size: 14px;
    transform: rotate(90deg);
    left: -140px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .c-lineup-mv.nextzero .c-lineup-mv-img::after {
    font-size: 13px;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 1501px) {
  .c-elegant-img figure {
    width: calc(100% + ((100vw - 1500px) / 2));
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant-item {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant-item + .p-elegant-item {
    margin-top: 222px;
  }
}
@media (max-width: 767px) {
  .p-elegant-item + .p-elegant-item {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant-item.style01 .c-elegant-detail__wrap {
    left: -60px;
  }
  .p-elegant-item.style01 .c-elegant-img {
    margin-right: 140px;
  }
  .p-elegant-item.style01 .c-elegant-img::after {
    right: -115px;
  }
}
@media (max-width: 767px) {
  .p-elegant-item.style01 .c-elegant-img {
    padding-right: 45px;
  }
  .p-elegant-item.style01 .c-elegant-img::after {
    right: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant-item.style02 {
    flex-direction: row-reverse;
  }
  .p-elegant-item.style02 .c-elegant-detail__wrap {
    left: 60px;
  }
  .p-elegant-item.style02 .c-elegant-img {
    right: -120px;
  }
  .p-elegant-item.style02 .c-elegant-img.modal02 {
    right: 0;
  }
  .p-elegant-item.style02 .c-elegant-img::after {
    left: -115px;
  }
  .p-elegant-item.style02 .c-elegant-img figure {
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-elegant-item.style02 .c-elegant-img {
    padding-left: 45px;
  }
  .p-elegant-item.style02 .c-elegant-img::after {
    left: 25px;
  }
}
.p-elegant .c-elegant-img {
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-img.modal02 .c-elegant-img__modal::after {
    right: 0;
  }
}
.p-elegant .c-elegant-img__modal::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: url(/assets/images/new-build/lineup/nextzero/ico_plus.jpg)
    no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-img__modal::after {
    right: 0;
    width: 60px;
    height: 63px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-img__modal::after {
    right: 45px;
    width: 48px;
    height: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-img.modal01,
  .p-elegant .c-elegant-img.modal02,
  .p-elegant .c-elegant-img.detail03 {
    flex-basis: auto;
  }
  .p-elegant .c-elegant-img.modal01 figure,
  .p-elegant .c-elegant-img.modal02 figure,
  .p-elegant .c-elegant-img.detail03 figure {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-img {
    max-width: calc(100% - 430px);
    flex-basis: calc(100% - 430px);
    height: 640px;
    position: relative;
    z-index: 0;
  }
  .p-elegant .c-elegant-img figure {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .p-elegant .c-elegant-img figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.p-elegant .c-elegant-img::after {
  content: "";
  position: absolute;
  background: #f3f3f3;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-img::after {
    width: 838px;
    height: 640px;
    bottom: -102px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-img::after {
    width: 101%;
    height: 91%;
    bottom: -25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-img {
    width: 753px;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-detail {
    max-width: 430px;
    flex-basis: 430px;
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-detail {
    margin-top: 55px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-detail__wrap {
    width: calc(100% + 60px);
    position: relative;
  }
}
.p-elegant .c-elegant-detail__num {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-detail__num {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-detail__num {
    font-size: 13px;
  }
}
.p-elegant .c-elegant-detail__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-detail__title {
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 1.52;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-detail__title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
    margin-top: 15px;
  }
}
.p-elegant .c-elegant-detail__title .green {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-detail__title .narrowPc {
    margin-left: -9px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-detail__title .narrowSp {
    margin-left: -6px;
  }
}
.p-elegant .c-elegant-detail__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-elegant-detail__text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-elegant-detail__text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 31px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-pagination.line-up {
    justify-content: space-between;
  }
  .p-elegant .c-pagination.line-up .c-page-numbers.next {
    position: relative;
  }
  .p-elegant .c-pagination.line-up .c-page-numbers.prev {
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-pagination {
    height: 1px;
    margin: 232px auto 180px auto;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-pagination {
    width: 275px;
    height: 1px;
    margin: 60px auto 50px auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-elegant .c-works-list {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-works-list {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .p-elegant .c-page-back {
    position: absolute;
    width: 185px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.p-nextzero-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
}
@media screen and (min-width: 768px), print {
  .p-nextzero-modal__wrap {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767px) {
  .p-nextzero-modal__wrap {
    width: 94%;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.p-nextzero-modal__text {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: -35px;
  font-size: 14px;
  cursor: pointer;
}
.p-nextzero-modal__text::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(/assets/images/open-house/ico_close.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  left: -26px;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: unset;
}
.c-mv-full.technology {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.technology {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.technology .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/new-build/technology/img_mv-pc.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.technology .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/new-build/technology/img_mv.jpg) no-repeat 0
      0;
    background-size: cover;
  }
}
.p-technology-message {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-technology-message {
    width: 715px;
    margin: 110px auto 136px auto;
  }
}
@media (max-width: 767px) {
  .p-technology-message {
    margin: 113px 0 45px;
    padding: 0 34px;
  }
}
.p-technology-message__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-technology-message__title {
    font-size: 40px;
    line-height: 1.45;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-technology-message__title {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology-message__title span {
    background: #fff;
    display: inline-block;
  }
  .p-technology-message__title span:nth-of-type(2) {
    position: relative;
  }
  .p-technology-message__title span:nth-of-type(2)::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 30px;
    background: #fff;
    top: -25px;
    right: 45px;
  }
  .p-technology-message__title span:nth-of-type(2)::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 60px;
    background: #fff;
    top: 0px;
    right: -25px;
  }
}
@media (max-width: 767px) {
  .p-technology-message__title span {
    display: block;
  }
  .p-technology-message__title span:nth-of-type(2) {
    background: #fff;
  }
}
.p-technology-message__title-note {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #aaaaaa;
}
.p-technology-message__title-note::after {
  content: "*";
  position: absolute;
  font-size: 17px;
  color: #aaaaaa;
  left: -10px;
  top: -3px;
}
@media screen and (min-width: 768px), print {
  .p-technology-message__title-note {
    position: absolute;
    bottom: -35px;
    right: -210px;
  }
}
@media (max-width: 767px) {
  .p-technology-message__title-note {
    display: block !important;
    margin: 14px 0 0 5px;
    position: relative;
  }
}
.p-technology-message__label {
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-technology-message__label {
    width: 182px;
    height: 182px;
    padding-top: 43px;
    top: -70px;
    right: -116px;
    border: 3px solid #de644e;
  }
}
@media (max-width: 767px) {
  .p-technology-message__label {
    width: 145px;
    height: 145px;
    padding-top: 27px;
    top: -45%;
    right: 13%;
    background: url(/assets/images/new-build/technology/obj_circle.png)
      no-repeat 0 0;
    background-size: cover;
  }
}
.p-technology-message__label-text {
  text-align: center;
  color: #de644e;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}
.p-technology-message__label-text::after {
  content: "*";
  position: absolute;
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 17px;
  color: #de644e;
}
@media screen and (min-width: 768px), print {
  .p-technology-message__label-text::after {
    top: -5px;
    right: 38px;
  }
}
@media (max-width: 767px) {
  .p-technology-message__label-text::after {
    top: -5px;
    right: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology-message__label-text {
    font-size: 17px;
    line-height: 1.35;
  }
}
@media (max-width: 767px) {
  .p-technology-message__label-text {
    font-size: 15px;
    line-height: 1.4;
  }
}
.p-technology-message__label-text strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 37px;
  line-height: 1.21;
}
@media screen and (min-width: 768px), print {
  .p-technology-list {
    margin-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .p-technology-list {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology-item {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology-item.style02 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-img {
    width: 50%;
  }
  .p-technology .c-technology-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p-technology .c-technology-detail {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-detail {
    width: 50%;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-detail {
    padding: 20px 20px 30px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-count {
    position: relative;
    padding-left: 23px;
  }
}
.p-technology .c-technology-count__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #d6d6d6;
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-count__title {
    font-size: 14px;
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 50px;
    left: -50px;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-count__title {
    font-size: 12px;
  }
}
.p-technology .c-technology-count__num {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #328d52;
  position: relative;
}
.p-technology .c-technology-count__num::after {
  content: "";
  position: absolute;
  height: 2px;
  background: #328c52;
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-count__num::after {
    width: 19px;
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-count__num::after {
    width: 15px;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-count__num {
    font-size: 18px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-count__num {
    font-size: 15px;
    display: inline-block;
    margin-left: 4px;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-content {
    width: 440px;
    height: 510px;
    margin: 54px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-content {
    margin-top: 25px;
  }
}
.p-technology .c-technology-title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-title {
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 1.52;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
  }
}
.p-technology .c-technology-title span {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-title span.narrowPc {
    margin-left: -8px;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-title span.narrowSp {
    margin-left: -7px;
  }
}
.p-technology .c-technology-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 22px;
  }
}
.p-technology .c-technology-subtext {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-technology .c-technology-subtext {
    font-size: 15px;
    line-height: 1.73;
    margin-top: 10px;
    text-indent: -1em;
    padding-left: 1em;
  }
}
@media (max-width: 767px) {
  .p-technology .c-technology-subtext {
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-technology .c-banner-guide {
    margin: 14px auto 160px auto;
  }
}
@media (max-width: 767px) {
  .p-technology .c-banner-guide {
    margin: 20px 20px 50px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-character.request {
    margin-top: 207px;
  }
}
@media (max-width: 767px) {
  .c-mv-character.request {
    margin-top: 85px;
  }
}
.p-request {
  background: #f7f7f7;
}
@media screen and (min-width: 768px), print {
  .p-request {
    width: 1100px;
    padding: 70px 0 100px;
    margin: 73px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-request {
    padding: 40px 20px 25px 20px;
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-request-form {
    width: 930px;
    margin: 0 auto;
  }
}
.p-request-form .c-form-flow__item.active {
  background: #fff;
  border: 2px solid #f6730e;
  color: #f6730e;
}
.p-request .c-request-title {
  width: 100%;
  background: #f6730e;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-title {
    font-size: 22px;
    padding: 15px 0 20px 21px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-title {
    font-size: 18px;
    padding: 9px 13px;
    margin-bottom: 20px;
  }
}
.p-request .c-request-title span {
  font-size: 15px;
  letter-spacing: 0.02em;
  display: block;
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-title span {
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-title span {
    line-height: 1.53;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form {
    padding: 30px 0 60px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__list {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-request .c-request-form__item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__item {
    width: 290px;
    margin-right: 30px;
  }
  .p-request .c-request-form__item:nth-child(3n) {
    margin-right: 0;
  }
  .p-request .c-request-form__item:nth-child(n + 4) {
    margin-top: 45px;
  }
}
.p-request .c-request-form__item-img {
  position: relative;
}
@media (max-width: 767px) {
  .p-request .c-request-form__item-img {
    height: 231px;
  }
  .p-request .c-request-form__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p-request .c-request-form__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 2.13;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__item-text {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form__item-text {
    margin-top: 4px;
  }
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__item-document {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form__item-document {
    margin-top: 14px;
  }
}
.p-request .c-request-form__item-document .mwform-checkbox-field {
  display: block;
}
.p-request .c-request-form__item-document .mwform-checkbox-field-text {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
  padding-left: 30px;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__item-document .mwform-checkbox-field-text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form__item-document .mwform-checkbox-field-text {
    font-size: 18px;
  }
}
.p-request .c-request-form__item-document .mwform-checkbox-field-text::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  background: #fff;
  border: 2px solid #222;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.p-request .c-request-form__item-document .mwform-checkbox-field-text::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 9px;
  background: url(/assets/images/common/ico_form-check.png) no-repeat 0 0;
  background-size: cover;
  top: 33%;
  left: 3px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .p-request .c-request-form__item-document .mwform-checkbox-field-text::after {
    top: 30%;
  }
}
.p-request .c-request-form .js-checked {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.p-request .c-request-form .js-request-item.active .js-checked {
  opacity: 1;
}
.p-request
  .c-request-form
  .js-request-item.active
  .c-request-form__item-document
  .mwform-checkbox-field-text::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 10px;
  background: url(/assets/images/common/ico_form-check.png) no-repeat 0 0;
  background-size: cover;
  top: 33%;
  left: 3px;
  opacity: 1;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .p-request
    .c-request-form
    .js-request-item.active
    .c-request-form__item-document
    .mwform-checkbox-field-text::after {
    top: 30%;
  }
}
.p-request .c-request-form__checked {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(18, 129, 58, 0.7);
  text-align: center;
  color: #fff;
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__checked {
    padding-top: 80px;
    height: 200px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form__checked {
    padding-top: 90px;
    height: 231px;
  }
}
.p-request .c-request-form__checked h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__checked h5 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form__checked h5 {
    font-size: 26px;
  }
}
.p-request .c-request-form__checked p {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 10px;
}
@media screen and (min-width: 768px), print {
  .p-request .c-request-form__checked p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form__checked p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .p-request .c-request-form .c-request-form__item + .c-request-form__item {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-request .c-form-required {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-request .c-form-required {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-request .c-form-item__box-radio {
    width: 100%;
  }
}
.p-request .c-form-button button {
  background: #222;
}
@media screen and (min-width: 768px), print {
  .p-request .c-form {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-mv {
    margin-top: 122px;
    width: 100%;
    height: calc(100vh - 122px);
  }
}
@media (max-width: 767px) {
  .p-showroom-mv {
    margin-top: 55px;
    width: 100%;
    height: calc(100vh - 55px);
  }
}
.p-showroom-mv__item {
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.p-showroom-mv__item.active {
  opacity: 1;
}
.p-showroom-mv__item::after {
  content: "";
  position: absolute;
  background: #4da5bf;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-showroom-mv__item::after {
    width: 40%;
    height: 222px;
    left: 0;
    bottom: -80px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-showroom-mv__item::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .p-showroom-mv__item::after {
    width: 10%;
    height: 133px;
    left: 0;
    bottom: 80px;
  }
}
.p-showroom-mv__item::before {
  content: "";
  position: absolute;
  background: #edf6f9;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-showroom-mv__item::before {
    width: 45%;
    height: 418px;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-mv__item::before {
    width: 36.8%;
    height: 292px;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-mv__item {
    width: 100%;
    height: 100%;
    background: url(/assets/images/showroom/img_mv-pc.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-showroom-mv__item {
    width: 100%;
    height: 100%;
    background: url(/assets/images/showroom/img_mv.png) no-repeat 0 0;
    background-size: cover;
  }
}
.p-showroom-mv__title {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #4da5bf;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.007em;
  line-height: 1.03;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
}
.p-showroom-mv__title.active {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  .p-showroom-mv__title {
    font-size: 92px;
    width: 400px;
    left: 51%;
  }
}
@media (max-width: 767px) {
  .p-showroom-mv__title {
    font-size: 17.333vw;
    width: 75%;
    left: 55%;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-mv__title small {
    font-size: 57px;
  }
}
@media (max-width: 767px) {
  .p-showroom-mv__title small {
    font-size: 53px;
  }
}
.p-showroom-mv__title span {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-showroom-mv__title span {
    font-size: 16px;
    top: 30px;
    right: 60px;
    line-height: 1.56;
  }
}
@media (max-width: 767px) {
  .p-showroom-mv__title span {
    font-size: 10px;
    top: 20px;
    right: 60px;
    line-height: 1.6;
  }
}
.p-showroom-message {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-message {
    width: 815px;
    margin: 220px auto 100px auto;
    font-size: 17px;
    line-height: 2.11;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-showroom-message {
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 2.06;
    padding: 0 34px;
    margin: 40px 0;
  }
}
.p-showroom-point__title {
  color: #4da5bf;
  position: relative;
  border-bottom: 5px solid #4da5bf;
}
@media (max-width: 767px) {
  .p-showroom-point__title {
    margin: 0 20px;
    text-align: center;
  }
}
.p-showroom-point__title .num {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__title .num {
    font-size: 160px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__title .num {
    font-size: 90px;
  }
}
.p-showroom-point__title .ja {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__title .ja {
    font-size: 70px;
    margin-left: -35px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__title .ja {
    font-size: 11vw;
    margin-left: -25px;
  }
}
.p-showroom-point__title .eng {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__title .eng {
    font-size: 77px;
    margin-left: -20px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__title .eng {
    font-size: 12vw;
    margin-left: -10px;
  }
}
.p-showroom-point__title .top {
  position: absolute;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__title .top {
    font-size: 30px;
    top: 30px;
    left: 115px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__title .top {
    font-size: 16px;
    top: 20px;
    left: 25%;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__title {
    width: 531px;
    margin: 0 auto;
  }
}
.p-showroom-point__inner {
  background: #f0f9fc;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__inner {
    padding: 24px 0 120px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__inner {
    padding: 16px 20px 70px 20px;
  }
}
.p-showroom-point__subtit {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #4da5bf;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__subtit {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__subtit {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__list {
    width: 1100px;
    margin: 120px auto 70px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__list {
    margin: 43px 0 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-point__item {
    width: 520px;
  }
  .p-showroom-point__item:nth-child(n + 3) {
    margin-top: 85px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point__item + .p-showroom-point__item {
    margin-top: 67px;
  }
}
.p-showroom-point .c-point {
  position: relative;
}
.p-showroom-point .c-point-label {
  background: #4da5bf;
  text-align: center;
  color: #fff;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point .c-point-label {
    width: 96px;
    padding: 19px 0 13px;
    top: -20px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point .c-point-label {
    width: 62px;
    padding: 9px 0 5px;
    top: -13px;
    left: 13px;
    z-index: 1;
  }
}
.p-showroom-point .c-point-label__text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point .c-point-label__text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point .c-point-label__text {
    font-size: 12px;
  }
}
.p-showroom-point .c-point-label__num {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point .c-point-label__num {
    font-size: 55px;
    line-height: 1.21;
  }
}
@media (max-width: 767px) {
  .p-showroom-point .c-point-label__num {
    font-size: 34px;
    line-height: 1.23;
  }
}
.p-showroom-point .c-point-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point .c-point-title {
    font-size: 26px;
    margin: 40px 0 30px;
  }
}
@media (max-width: 767px) {
  .p-showroom-point .c-point-title {
    font-size: 22px;
    margin: 20px 0 14px;
    line-height: 1.81;
  }
}
.p-showroom-point .c-point-title span {
  color: #4da5bf;
}
.p-showroom-point .c-point-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-point .c-point-text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-showroom-point .c-point-text {
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-check {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check {
    padding-top: 60px;
  }
}
.p-showroom-check__subtit {
  color: #4da5bf;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check__subtit {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check__subtit {
    font-size: 15px;
  }
}
.p-showroom-check__subtit .c-naname::after,
.p-showroom-check__subtit .c-naname::before {
  width: 4px;
  height: 26px;
  bottom: 0;
  background: #4da5bf;
}
@media (max-width: 767px) {
  .p-showroom-check__subtit .c-naname::after,
  .p-showroom-check__subtit .c-naname::before {
    width: 3px;
    height: 17px;
  }
}
.p-showroom-check__subtit .c-naname::after {
  transform: rotate(37deg);
  right: -20px;
}
.p-showroom-check__subtit .c-naname::before {
  transform: rotate(-37deg);
  left: -20px;
}
.p-showroom-check__title {
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check__title {
    font-size: 50px;
    margin: 10px auto 40px auto;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .p-showroom-check__title {
    margin-bottom: 28px;
    font-size: 30px;
    line-height: 1.3;
  }
}
.p-showroom-check__inner {
  background: #f8f8f8;
  position: relative;
}
.p-showroom-check__inner::after {
  content: "";
  position: absolute;
  width: 5px;
  background: #4da5bf;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  .p-showroom-check__inner::after {
    top: -17px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check__inner::after {
    top: -20px;
    height: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-check__inner {
    padding: 107px 0 120px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check__inner {
    padding: 60px 20px 70px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-check__list {
    width: 1097px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check__list {
    padding-bottom: 18px;
  }
}
.p-showroom-check__item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check__item {
    width: 510px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check__item + .p-showroom-check__item {
    margin-top: 50px;
  }
}
.p-showroom-check .c-check-label {
  background: #fff;
  border: 3px solid #4da5bf;
  border-radius: 50%;
  position: absolute;
  transform: rotate(-10deg);
  text-align: center;
  color: #4da5bf;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check .c-check-label {
    top: -30px;
    left: -30px;
    width: 116px;
    height: 116px;
    padding-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check .c-check-label {
    top: -20px;
    left: -13px;
    width: 65px;
    height: 65px;
    padding-top: 12px;
    z-index: 1;
  }
}
.p-showroom-check .c-check-label__text {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check .c-check-label__text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check .c-check-label__text {
    font-size: 9px;
  }
}
.p-showroom-check .c-check-label__num {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check .c-check-label__num {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check .c-check-label__num {
    font-size: 29px;
  }
}
.p-showroom-check .c-check-title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check .c-check-title {
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 1.52;
    margin: 24px 0 28px;
  }
}
@media (max-width: 767px) {
  .p-showroom-check .c-check-title {
    font-size: 24px;
    letter-spacing: 0.04em;
    margin: 20px 0 12px;
    line-height: 1.75;
  }
}
.p-showroom-check .c-check-title span {
  color: #4da5bf;
}
.p-showroom-check .c-check-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-check .c-check-text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-showroom-check .c-check-text {
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls {
    padding: 100px 0 50px;
  }
}
@media (max-width: 767px) {
  .p-halls {
    padding: 40px 0;
  }
}
.p-halls-title {
  color: #4da5bf;
  position: relative;
  text-align: center;
}
.p-halls-title .num {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-halls-title .num {
    font-size: 129px;
  }
}
@media (max-width: 767px) {
  .p-halls-title .num {
    font-size: 90px;
  }
}
.p-halls-title .ja {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-halls-title .ja {
    font-size: 51px;
    margin-left: -35px;
  }
}
@media (max-width: 767px) {
  .p-halls-title .ja {
    font-size: 9.333vw;
    margin-left: -25px;
  }
}
.p-halls-title .top {
  position: absolute;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-halls-title .top {
    font-size: 25px;
    top: 30px;
    left: 90px;
  }
}
@media (max-width: 767px) {
  .p-halls-title .top {
    font-size: 16px;
    top: 20px;
    left: 35%;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls-title {
    width: 356px;
    margin: 0 auto;
  }
}
.p-halls-subtit {
  text-align: center;
  color: #4da5bf;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-halls-subtit {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .p-halls-subtit {
    font-size: 13px;
    margin-top: 2px;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls-list {
    width: 1366px;
    margin: 93px auto 100px auto;
  }
}
@media (max-width: 767px) {
  .p-halls-list {
    margin: 20px 0 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls-item {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .p-halls-item + .p-halls-item {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .p-halls-item + .p-halls-item {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls.style01 .c-halls-img {
    margin-right: 90px;
  }
  .p-halls .c-halls.style02 {
    flex-direction: row-reverse;
  }
  .p-halls .c-halls.style02 .c-halls-img {
    margin-left: 90px;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls-img {
    width: 764px;
  }
}
@media (max-width: 767px) {
  .p-halls .c-halls-img {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .p-halls .c-halls-text {
    padding: 0 20px;
  }
}
.p-halls .c-halls-name {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls-name {
    font-size: 34px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    line-height: 1.52;
  }
}
@media (max-width: 767px) {
  .p-halls .c-halls-name {
    font-size: 24px;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
    line-height: 1.75;
  }
}
.p-halls .c-halls-info {
  display: flex;
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls-info {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .p-halls .c-halls-info {
    margin-top: 10px;
  }
}
.p-halls .c-halls-info__title {
  color: #4ea5be;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  display: block;
  width: 55px;
  margin-right: 20px;
  line-height: 1.8;
}
.p-halls .c-halls-info__detail {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls-info__detail {
    font-size: 15px;
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  .p-halls .c-halls-info__detail {
    font-size: 14px;
    line-height: 1.85;
  }
}
.p-halls .c-halls-btn {
  display: block;
  position: relative;
  border: 2px solid #4ea5be;
  color: #4ea5be;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls-btn {
    width: 380px;
    margin-top: 29px;
    padding: 21px 0 22px;
    font-size: 18px;
    transition: background-color 0.5s ease, color 0.5s ease;
  }
  .p-halls .c-halls-btn:hover {
    background: #4ea5be;
    color: #fff;
  }
  .p-halls .c-halls-btn:hover span {
    border: 2px solid #fff;
  }
}
@media (max-width: 767px) {
  .p-halls .c-halls-btn {
    margin-top: 24px;
    padding: 19px 0 21px;
    font-size: 16px;
  }
}
.p-halls .c-halls-btn__arrow {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #4ea5be;
  border: 2px solid #4ea5be;
}
.p-halls .c-halls-btn__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .p-halls .c-halls-btn__arrow::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls-btn__arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-halls .c-halls-btn__arrow {
    width: 24px;
    height: 24px;
    right: 20px;
    transition: border 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-halls .c-halls-btn__arrow {
    width: 17px;
    height: 17px;
    right: 12px;
  }
}
@media (max-width: 767px) {
  .p-halls .c-showroom-btn {
    margin: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.iwade .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/iwade/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.iwade .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/iwade/img_mv01.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.inter .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/inter/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.inter .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/inter/img_mv01.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.garden .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/garden/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.garden .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/garden/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.izumi .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/izumi/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.izumi .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/izumi/img_mv01.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.daini .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/daini/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.daini .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/daini/img_mv01.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.kaizuka .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kaizuka/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.kaizuka .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kaizuka/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.kano .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kano/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.kano .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kano/img_mv01.jpg) no-repeat
      0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-mv.narutaki .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/narutaki/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.narutaki .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/narutaki/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}

@media screen and (min-width: 768px), print {
  .c-showroom-mv.kaizukarc .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kaizukarc/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.kaizukarc .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kaizukarc/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}

@media screen and (min-width: 768px), print {
  .c-showroom-mv.kinomoto .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kinomoto/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.kinomoto .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kinomoto/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}

@media screen and (min-width: 768px), print {
  .c-showroom-mv.utihara .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/utihara/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.utihara .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/utihara/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}

@media screen and (min-width: 768px), print {
  .c-showroom-mv.saginose .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/saginose/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.saginose .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/saginose/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}

@media screen and (min-width: 768px), print {
  .c-showroom-mv.kozaika .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kozaika/img_mv01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-showroom-mv.kozaika .c-showroom-mv__img {
    background: url(/assets/images/showroom/detail/kozaika/img_mv01.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}

.c-showroom-lineup__title {
  text-align: center;
  color: #4da5bf;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-showroom-lineup__title {
    margin: 87px 0 70px;
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .c-showroom-lineup__title {
    margin: 56px 0 30px;
    font-size: 30px;
    line-height: 1.3;
  }
}
.c-showroom-lineup__title span {
  color: #fff;
  -webkit-text-stroke: 2px #4da5bf;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-showroom-lineup__title span {
    font-size: 73px;
  }
}
@media (max-width: 767px) {
  .c-showroom-lineup__title span {
    display: block;
    font-size: 33px;
    line-height: 1.12;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-detail .p-showroom-point {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .c-showroom-detail .p-showroom-point {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-list {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list + .c-showroom-list {
    margin-top: 50px;
  }
}
.c-showroom-list__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list__title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list__title {
    font-size: 26px;
    line-height: 1.4;
  }
}
.c-showroom-list__subtit {
  color: #4da5bf;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list__subtit {
    font-size: 14px;
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list__subtit {
    font-size: 13px;
    line-height: 2;
  }
}

.line_up_tab {
  display: flex;
  justify-content: center;
}
.line_up_tab li {
  max-width: 300px;
  width: 40vw;
  font-size: 25px;
  margin: 0 10px 50px 10px;
  border: #4da5bf solid 2px;
  color: #4da5bf;
}
.line_up_tab li a {
  display: block;
  text-align: center;
  padding: 20px;
  position: relative;
}
.line_up_tab li.active a {
  background: #4da5bf;
  color: #fff;
}
.line_up_tab li.active a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 20px 0 20px;
  border-color: #4da5bf transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
}
.c-showroom-slider__item {
  font-size: 18px;
  line-height: 1.8em;
}
.c-showroom-slider__item strong {
  display: block;
  font-size: 25px;
  font-weight: normal;
}
.c-showroom-slider .slide-arrow {
  display: block;
  max-width: 70px;
  max-height: 70px;
  width: 10vw;
  height: 10vw;
  background: url(/assets/images/showroom/detail/slide_arrow.png) center center /
    cover no-repeat;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 9;
  cursor: pointer;
}
.c-showroom-slider .slide-arrow.prev-arrow {
  left: -100px;
}
.c-showroom-slider .slide-arrow.next-arrow {
  right: -100px;
  transform: translate(0, -50%) scale(-1, 1);
}

.cbox {
  width: 1100px;
  margin: 100px auto 50px auto;
}

.cbox h4 {
  margin: 0 0 20px 0;
  padding: 60px 0 0 0;
  position: relative;
}
.cbox h4:before,
.cbox h4:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 90px 30px 90px;
  border-color: transparent transparent #4da5bf transparent;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.cbox h4:before {
  top: 0;
}
.cbox h4:after {
  top: 3px;
  border-color: transparent transparent #f8f8f8 transparent;
}
#staff_point h4:after,
#info h4:after {
  border-color: transparent transparent #fff transparent;
}
.cbox h5 {
  margin: 0 0 50px 0;
}

.madori ul {
  background: #fff;
  border: #000 solid 2px;
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.madori ul:after {
  content: "";
  max-width: 43px;
  max-height: 43px;
  width: 5.73vw;
  height: 5.73vw;
  background: url("/assets/images/showroom/detail/ic1.jpg") center center /
    cover no-repeat;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.madori ul img {
  cursor: pointer;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 9999;
}
.bigimg {
  position: absolute;
  width: 80%;
  max-width: 800px;
  top: 50%;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  transform: translate(0, -50%);
}
.close-btn {
  color: #fff;
  font-size: 40px;
  position: absolute;
  right: 20px;
  top: 0;
}
.close-btn a {
  color: #fff;
  text-decoration: none;
}

#staff_point dl {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 90px;
  border: #f8f8f8 solid;
  border-width: 0 30px 30px 0;
}
#staff_point dt {
  font-weight: bold;
  font-size: 26px;
  color: #4da5bf;
  margin: 0 0 30px 0;
  line-height: 1.8em;
}

#staff_point dd {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.8em;
}

#info {
  width: 950px;
  position: relative;
  margin-bottom: 150px;
}
#info:before,
#info:after {
  content: "";
  max-width: 165px;
  max-height: 110px;
  width: 22vw;
  height: 14.67vw;
  background: url("../images/showroom/detail/ic2.jpg") center center / cover
    no-repeat;
  position: absolute;
  top: 50px;
}
#info:before {
  left: 0;
}
#info:after {
  right: 0;
  transform: scale(-1, 1);
}
#info figure {
  width: 740px;
  margin: 0 auto;
}

.line_pop.none {
  opacity: 0;
  visibility: hidden;
  bottom: -100px;
}
.line_pop {
  opacity: 1;
  visibility: visible;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  transition: 0.5s;
}
.line_pop img {
  max-width: 450px;
  width: 80vw;
}
.line_pop span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.5em;
  max-width: 40px;
  max-height: 40px;
  width: 6vw;
  height: 6vw;
  background: #404040;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .line_up_tab li {
    font-size: 20px;
    margin: 0 1vw 5vw 1vw;
  }
  .line_up_tab li a {
    padding: 3vw 2vw;
  }

  .c-showroom-slider__item strong {
    font-size: 20px;
  }
  .c-showroom-slider .slide-arrow.prev-arrow {
    left: -5vw;
  }
  .c-showroom-slider .slide-arrow.next-arrow {
    right: -5vw;
  }

  .cbox {
    width: auto;
    margin: 10vw auto 5vw auto;
  }
  .cbox-inner {
    padding: 0 5vw;
  }

  .cbox h4 {
    margin: 0 0 1vw 0;
    padding: 6vw 0 0 0;
  }

  .cbox h5 {
    margin: 0 0 5vw 0;
  }

  .madori ul {
    padding: 5vw 2vw;
    flex-wrap: wrap;
    justify-content: center;
  }
  .madori ul:after {
    right: 2vw;
    bottom: 2vw;
  }
  .madori ul li {
    width: 40vw;
  }

  .bigimg {
    padding: 2vw;
  }
  .close-btn {
    right: 5vw;
    top: 5vw;
  }

  #staff_point dl {
    width: auto;
    padding: 5vw;
  }
  #staff_point dt {
    font-size: 20px;
    margin: 0 0 5vw 0;
  }

  #info {
    width: auto;
    margin-bottom: 15vw;
  }
  #info figure {
    width: auto;
  }

  .line_pop {
    bottom: 41.6px;
  }
  .line_pop span {
    font-size: 2.5em;
  }
}

.c-showroom-list__inner {
  background: #f8f8f8;
  position: relative;
}
.c-showroom-list__inner::after {
  content: "";
  position: absolute;
  background: #4da5bf;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  .c-showroom-list__inner::after {
    width: 5px;
    height: 50px;
    top: -25px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list__inner::after {
    width: 3px;
    height: 40px;
    top: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-list__inner {
    margin-top: 50px;
    padding: 62px 0 110px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list__inner {
    margin-top: 33px;
    padding: 33px 0 50px;
  }
}
.c-showroom-list .c-showroom-keyword {
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-keyword {
    font-size: 26px;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
    line-height: 1.92;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-keyword {
    font-size: 22px;
    letter-spacing: 0.04em;
    margin: 4px 0 26px;
    line-height: 1.81;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-slider {
    width: 1035px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-slider {
    margin: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-nav {
    width: 1036px;
    margin: 8px auto 0 auto;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-nav {
    margin: 3px 20px 0 20px;
  }
}
.c-showroom-list .c-showroom-nav .slick-list {
  width: 100%;
}
.c-showroom-list .c-showroom-nav .slick-list .slick-track {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-nav .slick-slide + .slick-slide {
    margin-left: 9px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-nav .slick-slide + .slick-slide {
    margin-left: 4px;
  }
}
.c-showroom-list .c-showroom-nav .slick-slide {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-nav .slick-slide {
    width: 200px !important;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-nav .slick-slide {
    width: 19% !important;
  }
}
.c-showroom-list .c-showroom-nav .slick-slide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-nav .slick-slide::after {
    background: url(/assets/images/showroom/detail/iwade/img_active-pc.png)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-nav .slick-slide::after {
    background: url(/assets/images/showroom/detail/iwade/img_active.png)
      no-repeat 0 0;
    background-size: cover;
  }
}
.c-showroom-list .c-showroom-nav .slick-slide.is-active::after {
  opacity: 1;
}
.c-showroom-list .c-showroom-point {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-point {
    width: 1036px;
    margin: 54px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-point {
    margin: 59px 0 0 0;
    padding: 0 20px;
  }
}
.c-showroom-list .c-showroom-point__text {
  background: #fff;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-point__text {
    margin-left: 188px;
    padding: 34px 41px 32px 53px;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-point__text {
    padding: 40px 20px 25px 20px;
    font-size: 15px;
    line-height: 2.06;
  }
}
.c-showroom-list .c-showroom-point__label {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  position: absolute;
}
.c-showroom-list .c-showroom-point__label::after {
  content: "";
  position: absolute;
  background: #222;
  height: 2px;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-point__label::after {
    width: 90px;
    transform: rotate(15deg);
    right: -35px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-point__label::after {
    width: 40px;
    transform: rotate(70deg);
    left: -30px;
    bottom: 5px;
  }
}
.c-showroom-list .c-showroom-point__label::before {
  content: "";
  position: absolute;
  background: #222;
  height: 2px;
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-point__label::before {
    width: 90px;
    transform: rotate(-15deg);
    bottom: -10px;
    right: -35px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-point__label::before {
    width: 40px;
    transform: rotate(-70deg);
    right: -30px;
    bottom: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .c-showroom-list .c-showroom-point__label {
    font-size: 20px;
    line-height: 1.75;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom-point__label {
    font-size: 16px;
    text-align: center;
    display: block;
    width: 225px;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
  }
}
@media (max-width: 767px) {
  .c-showroom-list .c-showroom .c-showroom-btn {
    margin: 50px 30px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow {
    width: 1366px;
    margin: 0 auto;
    padding: 70px 0 70px 110px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-flow {
    padding: 50px 0 0 0;
  }
}
.p-showroom-flow__contents-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #4da5bf;
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow__contents-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .p-showroom-flow__contents-title {
    font-size: 26px;
    text-align: center;
  }
}
.p-showroom-flow__contents .c-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow__contents .c-flow {
    width: 464px;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .p-showroom-flow__contents .c-flow {
    width: 250px;
    margin: 30px auto 0 auto;
  }
}
.p-showroom-flow__contents .c-flow-item {
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow__contents .c-flow-item {
    width: 86px;
    height: 630px;
  }
}
@media (max-width: 767px) {
  .p-showroom-flow__contents .c-flow-item {
    width: 42px;
    height: 400px;
  }
}
.p-showroom-flow__contents .c-flow-item:nth-of-type(4) .c-flow-title::after {
  display: none;
}
.p-showroom-flow__contents .c-flow-title {
  background: #4da5bf;
  display: block;
  text-align: center;
  width: 100%;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
.p-showroom-flow__contents .c-flow-title::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow__contents .c-flow-title::after {
    width: 12px;
    height: 15px;
    background: url(/assets/images/showroom/detail/iwade/ico_flow.png) no-repeat
      0 0;
    background-size: cover;
    right: -26px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .p-showroom-flow__contents .c-flow-title::after {
    width: 7px;
    height: 9px;
    background: url(/assets/images/showroom/detail/iwade/ico_flow.png) no-repeat
      0 0;
    background-size: cover;
    right: -17px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow__contents .c-flow-title {
    height: 244px;
    font-size: 26px;
    padding: 0 30px 0 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-flow__contents .c-flow-title {
    height: 141px;
    padding: 0 14px 0 0;
    font-size: 15px;
  }
}
.p-showroom-flow__contents .c-flow-text {
  background: #f8f8f8;
  width: 100%;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow__contents .c-flow-text {
    height: 384px;
    letter-spacing: 0.08em;
    font-size: 20px;
    padding: 0 34px 0 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-flow__contents .c-flow-text {
    height: 260px;
    font-size: 15px;
    letter-spacing: 0.08em;
    padding: 0 14px 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-flow__img {
    width: 683px;
    margin-left: 110px;
  }
}
@media (max-width: 767px) {
  .p-showroom-flow__img {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking {
    width: 96%;
    height: 705px;
    display: flex;
    justify-content: flex-start;
    background: none;
    max-width: none;
    padding: 0;
    margin: 70px auto 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking {
    padding: 36px 0 0 0;
    background: #4da5bf;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__inner {
    flex: 0 0 746px;
    width: 746px;
    max-width: none;
    padding: 71px 50px;
    background-color: #4da5bf;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__inner {
    padding: 0 20px 50px 20px;
  }
}
.p-showroom-booking__balloon {
  display: block;
  border-radius: 47px;
  text-align: center;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__balloon {
    width: 340px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 17px;
    line-height: 1.7;
    background: url(/assets/images/showroom/detail/iwade/img_booking-balloon-pc.png)
      no-repeat 0 0;
    background-size: contain;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__balloon {
    padding: 17px 0;
    font-size: 15px;
    line-height: 1.6;
    background: url(/assets/images/showroom/detail/iwade/img_booking-balloon.png)
      no-repeat 0 0;
    background-size: contain;
    background-position: center;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__balloon-wrap {
    width: 607px;
    margin: 14px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .p-showroom-booking__balloon-wrap .p-showroom-booking__balloon {
    width: 290px;
    padding-top: 18px;
    background-image: url("/assets/images/showroom/detail/img_booking-balloon-pc01.png");
  }
}
.p-showroom-booking__title {
  text-align: center;
  color: #fff;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  position: relative;
}
.p-showroom-booking__title::after {
  content: "";
  position: absolute;
  height: 3px;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__title::after {
    width: 642px;
    left: 0;
    bottom: -34px;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__title::after {
    width: 100%;
    left: 0;
    bottom: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__title {
    margin-top: 54px;
    font-size: 34px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__title {
    margin-top: 39px;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
  }
}
.p-showroom-booking__message {
  color: #fff;
  letter-spacing: 0.02em;
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__message {
    margin: 63px 0 32px;
    font-size: 17px;
    line-height: 2.11;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__message {
    margin: 44px 0 30px;
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-showroom-booking__btn {
  display: block;
  background: #fff;
  border: 2px solid #fff;
  color: #4da5bf;
  text-align: center;
  position: relative;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__btn {
    width: 380px;
    margin: 0 auto;
    padding: 23px 0 25px;
    font-size: 18px;
    transition: background-color 0.5s ease, color 0.5s ease, border 0.5s ease;
  }
  .p-showroom-booking__btn:hover {
    background: #4da5bf;
    color: #fff;
    border: 2px solid #fff;
  }
  .p-showroom-booking__btn:hover span {
    border: 2px solid #fff;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__btn {
    padding: 16px 0 19px;
    font-size: 17px;
  }
}
.p-showroom-booking__btn-arrow {
  display: block;
  position: absolute;
  background: #4da5bf;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 2px solid #4da5bf;
  transition: border 0.5s ease;
}
.p-showroom-booking__btn-arrow::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__btn-arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__btn-arrow::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__btn-arrow {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .p-showroom-booking__btn-arrow {
    right: 16px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-booking__block {
    flex: 1 1 calc(50% - 373px);
    width: calc(50% - 373px);
  }
  .p-showroom-booking__block.left .p-showroom-booking__block-image {
    background-position: left center;
  }
  .p-showroom-booking__block.left
    .p-showroom-booking__block-image:nth-child(1) {
    background-image: url("/assets/images/showroom/booking-image01.jpg");
  }
  .p-showroom-booking__block.left
    .p-showroom-booking__block-image:nth-child(2) {
    background-image: url("/assets/images/showroom/booking-image02.jpg");
  }
  .p-showroom-booking__block.left
    .p-showroom-booking__block-image:nth-child(3) {
    background-image: url("/assets/images/showroom/booking-image03.jpg");
  }
  .p-showroom-booking__block.right .p-showroom-booking__block-image {
    background-position: right center;
  }
  .p-showroom-booking__block.right
    .p-showroom-booking__block-image:nth-child(1) {
    background-image: url("/assets/images/showroom/booking-image04.jpg");
  }
  .p-showroom-booking__block.right
    .p-showroom-booking__block-image:nth-child(2) {
    background-image: url("/assets/images/showroom/booking-image05.jpg");
  }
  .p-showroom-booking__block.right
    .p-showroom-booking__block-image:nth-child(3) {
    background-image: url("/assets/images/showroom/booking-image06.jpg");
  }
  .p-showroom-booking__block-image {
    height: 235px;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-access {
    width: 1036px;
    margin: 90px auto 140px auto;
  }
}
@media (max-width: 767px) {
  .p-showroom-access {
    margin: 60px 20px 60px 20px;
  }
}
.p-showroom-access__title {
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access__title {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .p-showroom-access__title {
    font-size: 26px;
    line-height: 1.7;
  }
}
.p-showroom-access__subtit {
  text-align: center;
  color: #4da5bf;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access__subtit {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access__subtit {
    font-size: 13px;
  }
}
.p-showroom-access__inner {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access__inner {
    margin-top: 35px;
    padding: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-access__inner {
    margin: 31px 0 0 0;
    padding: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-contents {
    width: 392px;
  }
}
.p-showroom-access .c-access-name {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-name {
    font-size: 26px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-name {
    font-size: 22px;
    letter-spacing: 0.04em;
  }
}
.p-showroom-access .c-access address {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.52;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access address {
    font-size: 17px;
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access address {
    font-size: 15px;
    margin-top: 18px;
  }
}
.p-showroom-access .c-access-tel {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-tel {
    font-size: 17px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-tel {
    font-size: 15px;
    margin-top: 8px;
  }
}
.p-showroom-access .c-access-detail {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-detail {
    margin-top: 25px;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-detail {
    margin-top: 30px;
    padding: 20px;
  }
}
.p-showroom-access .c-access-detail__title {
  background: #d1d1d1;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
}
.p-showroom-access .c-access-detail__title:nth-of-type(2) {
  margin-top: 18px;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-detail__title {
    width: 78px;
    font-size: 16px;
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-detail__title {
    width: 71px;
    font-size: 14px;
    line-height: 1.9;
  }
}
.p-showroom-access .c-access-detail__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-detail__subtit {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-detail__subtit {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-detail__subtit.child {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-detail__subtit.child {
    margin-top: 12px;
  }
}
.p-showroom-access .c-access-detail__text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-detail__text {
    line-height: 2;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-detail__text {
    letter-spacing: 0.04em;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-map {
    width: 484px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-map {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-access .c-access-map iframe {
    height: 524px;
  }
}
@media (max-width: 767px) {
  .p-showroom-access .c-access-map iframe {
    height: 201px;
  }
}
.p-showroom-form {
  background: #4da5bf;
}
.p-showroom-form.active {
  margin-top: 50px;
}
@media screen and (min-width: 768px), print {
  .p-showroom-form.showroom {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-showroom-form.showroom {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-form {
    padding: 45px 0;
  }
}
@media (max-width: 767px) {
  .p-showroom-form {
    padding: 20px;
  }
}
.p-showroom-form__wrapper {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-showroom-form__wrapper {
    width: 93%;
    margin: 0 auto;
    padding: 114px 0 148px;
  }
}
@media (max-width: 767px) {
  .p-showroom-form__wrapper {
    padding: 25px 20px 50px 20px;
  }
}
.p-showroom-form__tit {
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media (max-width: 767px) {
  .p-showroom-form__tit {
    font-size: 24px;
    letter-spacing: 0.04;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px), print {
  .p-showroom-form__tit {
    font-size: 34px;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    line-height: 1.67;
  }
}
.p-showroom-form__tit-eng {
  color: #4da5bf;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-form__tit-eng {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-showroom-form__tit-eng {
    font-size: 13px;
  }
}
.p-showroom-form__guide {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-showroom-form__guide {
    width: 680px;
    margin: 40px auto 74px auto;
    text-align: center;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-showroom-form__guide {
    margin: 24px 0 29px;
    font-size: 15px;
    line-height: 1.86;
  }
}
@media (max-width: 767px) {
  .p-showroom-form__item .c-form-required {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-showroom-form__item .c-form-button button {
    margin-top: 25px;
  }
}
.p-showroom-form__item .c-form-item {
  border-bottom: 3px solid #134076;
}
.p-showroom-form__item .c-form-item:nth-of-type(1) {
  border-top: 3px solid #134076;
}
@media screen and (min-width: 768px), print {
  .p-showroom-form__item .c-form-item:nth-of-type(1) {
    padding-top: 38px;
  }
}
@media (max-width: 767px) {
  .p-showroom-form__item .c-form-item:nth-of-type(1) {
    padding-top: 18px;
  }
}
.p-showroom-form__item .c-form-item::before {
  display: none;
}
.p-showroom-form__item .c-form-item.dots {
  border: none;
}
.p-showroom-form__item .c-form-item.dots::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background-image: url(/assets/images/common/ico_line02.png);
  background-size: 4px 3px;
  background-repeat: repeat-x;
}
@media screen and (min-width: 768px), print {
  .p-showroom-form__item
    .c-form-item__box
    .c-form-item__box-radio
    label
    input[type="radio"]
    + span::after {
    top: 38%;
  }
}
.p-showroom-form__item select,
.p-showroom-form__item input,
.p-showroom-form__item textarea {
  background: #f8f8f8;
}
.p-showroom-form__item .c-form-button button {
  background: #222;
}
.p-showroom-form__item .c-form-item__box-checkbox label::before {
  border-radius: 3px;
  border: 1px solid #acacac;
}
.p-showroom-form__item .c-form-item__box-checkbox label span::after {
  width: 8px;
  height: 5px;
  background: url(/assets/images/common/ico_fotm-check-ver2.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 40%;
  left: -17px;
}
.p-showroom-form .c-form-confirm__alert {
  color: #4da5bf;
}
@media screen and (min-width: 768px), print {
  .mw_wp_form.mw_wp_form_confirm
    .c-form-item__box-time-list.openhouse
    .select-wrap__date,
  .mw_wp_form.mw_wp_form_confirm
    .c-form-item__box-time-list.openhouse
    .select-wrap__time {
    top: 45%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-character.privacy {
    margin-top: 207px;
  }
}
@media (max-width: 767px) {
  .c-mv-character.privacy {
    margin-top: 85px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-character.privacy .c-mv-character__subtit {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-privacy-list {
    width: 715px;
    margin: 120px auto 50px auto;
  }
}
@media (max-width: 767px) {
  .p-privacy-list {
    margin: 30px 20px 40px 20px;
  }
}
.p-privacy-item {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 4px solid #f3f3f3;
}
@media screen and (min-width: 768px), print {
  .p-privacy-item {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .p-privacy-item {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-privacy-item.single {
    align-items: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-privacy-item + .p-privacy-item {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-privacy-item + .p-privacy-item {
    margin-top: 30px;
  }
}
.p-privacy-item__num {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  position: relative;
  font-size: 26px;
  display: block;
  height: 32px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .p-privacy-item__num {
    line-height: 1.4;
  }
}
.p-privacy-item__num::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 3px;
  background: #f6730e;
  bottom: -7px;
  left: 46%;
  transform: translateX(-50%);
}
.p-privacy-item__text {
  font-family: var(--f-jp);
  font-weight: 400;
}
.p-privacy-item__text a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
  text-underline-offset: 0.2em;
}
@media screen and (min-width: 768px), print {
  .p-privacy-item__text {
    margin-left: 38px;
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 2;
  }
  .p-privacy-item__text a {
	transition: color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .p-privacy-item__text a:hover {
	color: #f6730e;
  }
}
@media (max-width: 767px) {
  .p-privacy-item__text {
    margin-left: 20px;
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 2.23;
  }
}
.p-special-mv {
  position: relative;
}
.p-special-mv::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-special-mv::after {
    background: url(/assets/images/special/img_pattern-bg-pc.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-special-mv::after {
    background: url(/assets/images/special/img_pattern-bg.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-mv {
    margin: 122px 30px 30px 30px;
    background: url(/assets/images/special/img_bg.jpg) repeat 0 0;
    background-size: 375px 268px;
    height: calc(100vh - 152px);
  }
}
@media (max-width: 767px) {
  .p-special-mv {
    margin-top: 55px;
    width: 100%;
    height: calc(100vh - 55px);
    background: url(/assets/images/special/img_bg.jpg) repeat 0 0;
    background-size: 375px 268px;
  }
}
.p-special-mv__text {
  background: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-special-mv__text::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_men01.png) no-repeat 0 0;
}
@media screen and (min-width: 768px), print {
  .p-special-mv__text::after {
    width: 410px;
    height: 300px;
    bottom: -30px;
    right: -130px;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-special-mv__text::after {
    width: 56%;
    height: 130px;
    right: -23px;
    bottom: -50px;
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .p-special-mv__text::before {
    content: "";
    position: absolute;
    width: 43%;
    height: 87px;
    background: url(/assets/images/special/obj_home01.png) no-repeat 0 0;
    background-size: contain;
    bottom: 32px;
    left: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-mv__text {
    width: 1013px;
    height: 385px;
    padding: 75px 0 0 60px;
  }
}
@media (max-width: 767px) {
  .p-special-mv__text {
    width: 84%;
    height: 76%;
    padding: 38px 0 0 30px;
  }
}
.p-special-mv__title {
  position: relative;
}
.p-special-mv__title::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_home01.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-mv__title::after {
    width: 320px;
    height: 214px;
    top: -140px;
    right: -130px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-mv__title {
    width: 626px;
    height: 178px;
    background: url(/assets/images/special/img_title-mv-pc.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-special-mv__title {
    width: 70vw;
    height: 51.1vw;
    background: url(/assets/images/special/img_title-mv.png) no-repeat 0 0;
    background-size: contain;
  }
}
.p-special-mv__title span {
  display: none;
}
.p-special-mv__subtit {
  color: #f6730e;
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-special-mv__subtit {
    font-size: 26px;
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .p-special-mv__subtit {
    font-size: 20px;
    line-height: 1.8;
    margin-top: 20px;
  }
}
.p-special-nav {
  position: relative;
}
.p-special-nav::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_home02.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-nav::after {
    width: 470px;
    height: 167px;
    top: -40px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-special-nav::after {
    width: 170px;
    height: 60px;
    top: -80px;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-nav {
    width: 1020px;
    margin: 202px auto 190px auto;
  }
}
@media (max-width: 767px) {
  .p-special-nav {
    margin: 138px 20px 56px 20px;
  }
}
.p-special-nav__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-special-nav__title {
    font-size: 36px;
    letter-spacing: 0.05em;
    line-height: 1.97;
  }
}
@media (max-width: 767px) {
  .p-special-nav__title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
  }
}
.p-special-nav__title span {
  color: #f6730e;
}
.p-special-nav__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-special-nav__text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 54px;
  }
}
@media (max-width: 767px) {
  .p-special-nav__text {
    font-size: 15px;
    line-height: 2.06;
    margin-top: 30px;
  }
}
.p-special-nav__buttons {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .p-special-nav__buttons {
    width: 850px;
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .p-special-nav__buttons {
    margin-top: 22px;
  }
}
.p-special-nav__btn {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
}
.p-special-nav__btn-arrow {
  display: block;
  border-radius: 50%;
  background: #222;
  position: absolute;
}
.p-special-nav__btn-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 6px;
  background: url(/assets/images/common/ico_to-bottom-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-special-nav__btn-arrow {
    width: 16px;
    height: 16px;
    right: 0;
    top: 1px;
  }
}
@media (max-width: 767px) {
  .p-special-nav__btn-arrow {
    width: 17px;
    height: 17px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .p-special-nav__btn {
    font-size: 16px;
    margin-right: 30px;
    display: inline-block;
    padding-bottom: 10px;
    padding-right: 30px;
    overflow: hidden;
  }
  .p-special-nav__btn:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .p-special-nav__btn:hover::after {
    animation: toLeft 0.7s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
  .p-special-nav__btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000;
    transition: all 0.5s ease;
    pointer-events: none;
  }
  .p-special-nav__btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: -100%;
    background-color: #000;
    transition: all 0.5s ease;
    pointer-events: none;
  }
  .p-special-nav__btn:nth-child(n + 4) {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .p-special-nav__btn {
    font-size: 13px;
    line-height: 1.76;
    display: block;
    width: 47%;
    padding-bottom: 8px;
    border-bottom: 2px solid #222;
  }
  .p-special-nav__btn:nth-child(n + 3) {
    margin-top: 20px;
  }
  .p-special-nav__btn:nth-child(even) {
    margin-left: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail {
    padding: 150px 0 186px;
    background: url(/assets/images/special/img_pattern-bg-pc.png) repeat-y 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-special-detail {
    padding: 44px 20px 60px 20px;
    background: url(/assets/images/special/img_pattern-bg.png) repeat-y 0 0;
    background-size: 100%;
    background-position-y: -9%;
  }
}
.p-special-detail__list {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-special-detail__list + .p-special-detail__list {
    margin-top: 130px;
  }
}
@media (max-width: 767px) {
  .p-special-detail__list + .p-special-detail__list {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail__list {
    width: 1035px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail__list.style01 .p-special-detail__list-label {
    right: -10px;
    left: auto;
  }
}
.p-special-detail__list-label {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #f6730e;
  writing-mode: vertical-lr;
  display: inline-block;
  position: absolute;
  z-index: 1;
}
.p-special-detail__list-label::after {
  content: "";
  position: absolute;
  background: #f6730e;
  width: 3px;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .p-special-detail__list-label::after {
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-special-detail__list-label::after {
    top: 0;
  }
}
@media (max-width: 767px) {
  .p-special-detail__list-label::after {
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail__list-label {
    font-size: 28px;
    left: -10px;
    top: -40px;
  }
}
@media (max-width: 767px) {
  .p-special-detail__list-label {
    font-size: 17px;
    right: -7px;
    top: -30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail__item {
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .p-special-detail__item.style01 {
    flex-direction: row-reverse;
  }
}
.p-special-detail .c-detail-title {
  font-family: var(--f-jp);
  font-weight: 700;
  position: relative;
}
.p-special-detail .c-detail-title.period::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_hammer.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-title.period::after {
    width: 113px;
    height: 92px;
    left: 10px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-title.period::after {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 77px;
    height: 62px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-title.cost {
    padding-top: 154px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-title.cost {
    padding-left: 77px;
  }
}
.p-special-detail .c-detail-title.cost::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_calculator.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-title.cost::after {
    width: 113px;
    height: 127px;
    left: 10px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-title.cost::after {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 57px;
    height: 65px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-title.firstthing {
    padding-top: 135px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-title.firstthing {
    padding-left: 86px;
  }
}
.p-special-detail .c-detail-title.firstthing::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-title.firstthing::after {
    width: 146px;
    height: 100px;
    left: -15px;
    top: 0;
    background: url(/assets/images/special/obj_book-pc.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-title.firstthing::after {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 66px;
    height: 46px;
    background: url(/assets/images/special/obj_book.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-title {
    font-size: 34px;
    letter-spacing: 0.05em;
    writing-mode: vertical-rl;
    line-height: 1.11;
    padding-top: 125px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
    padding-left: 100px;
  }
}
.p-special-detail .c-detail-title span {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-title span {
    margin-left: 16px;
  }
}
.p-special-detail .c-detail-contents {
  background: url(/assets/images/special/img_bg.jpg) repeat;
  background-size: 375px 268px;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-contents {
    width: 826px;
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-contents {
    margin-top: 20px;
    padding: 30px 20px;
  }
}
.p-special-detail .c-detail-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-text {
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-special-detail .c-detail-period {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-period {
    margin-top: 31px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-period {
    margin: 20px 0;
  }
}
.p-special-detail .c-detail-info {
  background: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-info {
    padding: 36px 40px;
    margin: 40px 0 17px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-info {
    padding: 20px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-info .c-detail-info__item + .c-detail-info__item {
    margin-top: 19px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-info .c-detail-info__item + .c-detail-info__item {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-info__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-special-detail .c-detail-info__item-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-info__item-title {
    display: inline-block;
    font-size: 19px;
    position: relative;
  }
  .p-special-detail .c-detail-info__item-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -125px;
    transform: translateY(-50%);
    width: 120px;
    height: 3px;
    background: url(/assets/images/common/ico_line03.png) repeat-x;
    background-size: 5.5px 3px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-info__item-title {
    font-size: 4.5vw;
  }
  .p-special-detail .c-detail-info__item-title span {
    font-size: 3.46vw;
    display: inline-block;
    padding-left: 28px;
    position: relative;
  }
  .p-special-detail .c-detail-info__item-title span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 3px;
    background: url(/assets/images/common/ico_line03.png) repeat-x;
    background-size: 5.5px 3px;
  }
  .p-special-detail .c-detail-info__item-title span strong {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 21px;
    letter-spacing: 0.03em;
    color: #f6730e;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-info__item-period {
    font-family: var(--f-jp);
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 0.08em;
    background: #fff;
    z-index: 1;
    padding-left: 10px;
  }
  .p-special-detail .c-detail-info__item-period span {
    color: #f6730e;
    font-size: 29px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 0.03em;
  }
  .p-special-detail .c-detail-info__item-period small {
    font-family: var(--f-jp);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.08em;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-info__item-period {
    font-family: var(--f-jp);
    font-weight: 500;
    font-size: 3.733vw;
    letter-spacing: 0.08em;
    line-height: 1.57;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail .c-detail-notice + .c-detail-notice {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail .c-detail-notice + .c-detail-notice {
    margin-top: 6px;
  }
}
.p-special-detail .c-detail-notice {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-notice {
    margin-top: 21px;
    font-size: 15px;
    line-height: 1.46;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-notice {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.42;
  }
}
.p-special-detail .c-detail-price {
  margin-top: 30px;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-price {
    border-radius: 10px;
    padding: 33px 51px 36px 42px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-price {
    border-radius: 20px;
    padding: 30px 15px 37px 15px;
  }
}
.p-special-detail .c-detail-price__inner {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-price__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-special-detail .c-detail-price__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-price__subtit {
    text-align: center;
  }
}
.p-special-detail .c-detail-price__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 47px;
  letter-spacing: 0.02em;
}
.p-special-detail .c-detail-price__title small {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 33px;
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-price__title {
    margin-top: 15px;
    text-align: center;
    text-indent: 0.5em;
  }
}
.p-special-detail .c-detail-comment {
  color: #f6730e;
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-comment {
    margin-top: 15px;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-comment {
    margin-top: 15px;
    text-align: center;
  }
}
.p-special-detail .c-detail-graph {
  background: #fff;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph {
    padding: 64px 48px 62px 32px;
    margin-top: 40px;
  }
  .p-special-detail .c-detail-graph::after {
    content: "";
    position: absolute;
    width: 3px;
    top: 50%;
    transform: translateY(-50%);
    background: #222;
    height: 265px;
    left: 326px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph {
    padding: 20px 20px 26px 3px;
    margin-top: 20px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail
    .c-detail-graph
    .c-detail-graph__item
    + .c-detail-graph__item {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-special-detail
    .c-detail-graph
    .c-detail-graph__item
    + .c-detail-graph__item {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph ul {
    padding: 20px 0 25px 15px;
    overflow-y: hidden;
  }
}
.p-special-detail .c-detail-graph__item {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.p-special-detail .c-detail-graph__item.first .c-detail-graph__item-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item.first .c-detail-graph__item-title {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-special-detail .c-detail-graph__item.first .c-detail-graph__item-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item.first .c-detail-graph__item-title {
    font-size: 3.73vw;
    line-height: 1.2;
  }
}
.p-special-detail .c-detail-graph__item.first .c-detail-graph__item-title span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-special-detail
    .c-detail-graph__item.first
    .c-detail-graph__item-title
    span {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .p-special-detail
    .c-detail-graph__item.first
    .c-detail-graph__item-title
    span {
    font-size: 5.3vw;
  }
}
.p-special-detail .c-detail-graph__item.first .c-detail-graph__item-line {
  background: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item.first .c-detail-graph__item-line {
    width: 351px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item.first .c-detail-graph__item-line {
    position: relative;
  }
  .p-special-detail
    .c-detail-graph__item.first
    .c-detail-graph__item-line::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 1300%;
    left: 0;
    top: -24px;
    background: #222;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item.second .c-detail-graph__item-line {
    width: 294px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item.second .c-detail-graph__item-line {
    width: 82%;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item.third .c-detail-graph__item-line {
    width: 191px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item.third .c-detail-graph__item-line {
    width: 90px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item.fourth .c-detail-graph__item-line {
    width: 94px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item.fourth .c-detail-graph__item-line {
    width: 45px;
  }
}
.p-special-detail .c-detail-graph__item-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #848484;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item-title {
    font-size: 15px;
    width: 275px;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item-title {
    font-size: 3.73vw;
    line-height: 1.2;
    text-indent: -1em;
    width: 49%;
    text-align: right;
    padding-right: 10px;
  }
}
.p-special-detail .c-detail-graph__item-title span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item-title span {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item-title span {
    font-size: 4.5vw;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-graph__item-line-wrap {
    width: 146px;
  }
}
.p-special-detail .c-detail-graph__item-line {
  display: block;
  height: 34px;
  background: #848484;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-graph__item-line {
    margin-left: 21px;
  }
}
.p-special-detail .c-detail-img {
  background: #fff;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-img {
    padding: 36px 40px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-img {
    padding: 20px;
    margin-top: 20px;
  }
}
.p-special-detail .c-detail-img li {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .p-special-detail .c-detail-img li {
    width: 316px;
  }
}
@media (max-width: 767px) {
  .p-special-detail .c-detail-img li:nth-of-type(2) {
    margin-top: 8px;
  }
}
.p-special-flow {
  background: url(/assets/images/special/img_bg.jpg) repeat;
  background-size: 375px 268px;
}
@media screen and (min-width: 768px), print {
  .p-special-flow {
    padding: 148px 0 130px;
  }
}
@media (max-width: 767px) {
  .p-special-flow {
    padding: 43px 20px 70px 20px;
  }
}
.p-special-flow__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-special-flow__title {
    font-size: 34px;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .p-special-flow__title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
    margin-bottom: 50px;
  }
}
.p-special-flow__title span {
  position: relative;
}
.p-special-flow__title span::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_note.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-flow__title span::after {
    width: 103px;
    height: 119px;
    top: -40px;
    right: -116px;
  }
}
@media (max-width: 767px) {
  .p-special-flow__title span::after {
    width: 56px;
    height: 65px;
    right: -170px;
    top: 10px;
    display: inline-block;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow__box {
    width: 1056px;
    margin: 0 auto;
    position: relative;
  }
}
.p-special-flow__box .c-flow-background {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .p-special-flow__box .c-flow-background.larger {
    background: url(/assets/images/special/obj_flow-larger-pc.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-special-flow__box .c-flow-background.larger {
    background: url(/assets/images/special/obj_flow-larger.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow__box .c-flow-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10px;
    right: -10px;
    background: url(/assets/images/special/obj_flow-pc.png) no-repeat 0 0;
    background-size: cover;
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .p-special-flow__box .c-flow-background {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -10px;
    right: -10px;
    background: url(/assets/images/special/obj_flow.png) no-repeat 0 0;
    background-size: cover;
    z-index: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow__box + .p-special-flow__box {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .p-special-flow__box + .p-special-flow__box {
    margin-top: 50px;
  }
}
.p-special-flow__item {
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .p-special-flow__item {
    width: 1056px;
    margin: 0 auto;
    padding: 52px 60px 60px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-special-flow__item {
    padding: 40px 20px 30px 20px;
  }
}
.p-special-flow .c-flow.flow02::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_microscope.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow.flow02::after {
    width: 103px;
    height: 107px;
    bottom: 0;
    right: -50px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow.flow02::after {
    width: 77px;
    height: 79px;
    top: 0;
    right: 0;
  }
}
.p-special-flow .c-flow.flow06::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_construction.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow.flow06::after {
    width: 218px;
    height: 183px;
    bottom: -20px;
    right: -105px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow.flow06::after {
    width: 138px;
    height: 116px;
    top: 25%;
    right: -20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow.flow04 {
    display: block;
  }
  .p-special-flow .c-flow.flow04 .c-flow-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow.flow05 {
    display: block;
  }
  .p-special-flow .c-flow.flow05 .c-flow-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow.flow07 {
    display: block;
  }
  .p-special-flow .c-flow.flow07 .c-flow-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-special-flow .c-flow.flow09::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_home03.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow.flow09::after {
    width: 202px;
    height: 145px;
    bottom: -46px;
    right: -74px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow.flow09::after {
    width: 103px;
    height: 74px;
    bottom: -20px;
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow.flow03 .c-flow-label__text .num,
  .p-special-flow .c-flow.flow04 .c-flow-label__text .num,
  .p-special-flow .c-flow.flow05 .c-flow-label__text .num,
  .p-special-flow .c-flow.flow07 .c-flow-label__text .num,
  .p-special-flow .c-flow.flow09 .c-flow-label__text .num {
    margin-top: -5px;
  }
}
.p-special-flow .c-flow-label {
  position: absolute;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-label {
    width: 187px;
    height: 70px;
    top: -30px;
    left: -38px;
    background: url(/assets/images/special/obj_label.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-label {
    width: 120px;
    height: 50px;
    background: url(/assets/images/special/obj_label-sp.png) no-repeat 0 0;
    background-size: contain;
    background-position: center;
    top: -25px;
    left: -10px;
  }
}
.p-special-flow .c-flow-label__text {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-label__text {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-label__text {
    padding-left: 13px;
  }
}
.p-special-flow .c-flow-label__text .flow {
  border-bottom: 3px solid #fff;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-label__text .flow {
    font-size: 19px;
    padding-bottom: 6px;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-label__text .flow {
    font-size: 12px;
    padding-bottom: 5px;
    margin-top: 10px;
  }
}
.p-special-flow .c-flow-label__text .num {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-label__text .num {
    font-size: 64px;
    margin-left: 7px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-label__text .num {
    font-size: 39px;
    margin-left: 4.5px;
  }
}
.p-special-flow .c-flow-img {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-img {
    width: 278px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-contents {
    width: 618px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-contents {
    margin-top: 20px;
  }
}
.p-special-flow .c-flow-title {
  color: #f6730e;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-title {
    font-size: 26px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-title {
    font-size: 22px;
    letter-spacing: 0.04em;
    margin-bottom: 16px;
  }
}
.p-special-flow .c-flow-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-text {
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-special-flow .c-flow-notice {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-notice {
    margin-top: 34px;
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-notice {
    margin: 23px 0 16px;
    padding: 20px 15px;
  }
}
.p-special-flow .c-flow-notice__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-notice__title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-notice__title {
    font-size: 16px;
  }
}
.p-special-flow .c-flow-notice__text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  line-height: 2.06;
}
@media screen and (min-width: 768px), print {
  .p-special-flow .c-flow-notice__text {
    letter-spacing: 0.04em;
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .p-special-flow .c-flow-notice__text {
    letter-spacing: 0.02em;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-after {
    width: 1046px;
    margin: 134px auto 140px auto;
  }
}
@media (max-width: 767px) {
  .p-special-after {
    margin: 48px 20px 50px 20px;
  }
}
.p-special-after__title {
  font-family: var(--f-jp);
  font-weight: 700;
  position: relative;
}
.p-special-after__title::after {
  content: "";
  position: absolute;
  background: url(/assets/images/special/obj_home04.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-special-after__title::after {
    width: 76px;
    height: 94px;
  }
}
@media (max-width: 767px) {
  .p-special-after__title::after {
    width: 53px;
    height: 65px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-after__title {
    font-size: 34px;
    letter-spacing: 0.05em;
    padding-left: 115px;
  }
}
@media (max-width: 767px) {
  .p-special-after__title {
    font-size: 24px;
    line-height: 0.04em;
    line-height: 1.75;
    padding-left: 70px;
  }
}
.p-special-after__item {
  border-radius: 20px;
  background: #ffdc8b;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-special-after__item {
    margin-top: 62px;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .p-special-after__item {
    margin-top: 20px;
    padding: 30px 20px;
  }
}
.p-special-after__item-label {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #f6730e;
  display: inline-block;
  writing-mode: vertical-lr;
  position: absolute;
}
.p-special-after__item-label::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-special-after__item-label::after {
    left: -10px;
    bottom: 6px;
  }
}
@media (max-width: 767px) {
  .p-special-after__item-label::after {
    left: -5px;
    bottom: 3px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-after__item-label {
    font-size: 28px;
    top: -42px;
    right: -17px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-special-after__item-label {
    font-size: 17px;
    right: -10px;
    top: -16px;
    padding-bottom: 5px;
  }
}
.p-special-after__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-special-after__item-text {
    font-size: 17px;
    line-height: 2.11;
    width: 319px;
  }
}
@media (max-width: 767px) {
  .p-special-after__item-text {
    font-size: 15px;
    line-height: 2.06;
    margin-bottom: 20px;
  }
}
.p-special-after__item-img {
  background: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .p-special-after__item-img {
    width: 577px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 36px 40px;
  }
}
@media (max-width: 767px) {
  .p-special-after__item-img {
    padding: 20px;
  }
}
.p-special-after__item-img li {
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-special-after__item-img li:nth-of-type(2) {
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .p-special-after__item-img li {
    width: 244px;
  }
}
@media screen and (min-width: 768px), print {
  .p-faq-mv {
    padding: 226px 0 150px;
    background: url(/assets/images/faq/img_pattern-bg-pc.png) repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-faq-mv {
    padding: 85px 20px 50px 20px;
    background: url(/assets/images/faq/img_pattern-bg.png) repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
.p-faq-mv__text {
  position: relative;
  color: #f6730e;
}
.p-faq-mv__text::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url(/assets/images/faq/obj_home01.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__text::after {
    width: 207px;
    height: 160px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__text::after {
    width: 94px;
    height: 72px;
  }
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__text {
    width: 1108px;
    margin: 0 auto;
    padding-left: 250px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__text {
    padding-left: 109px;
  }
}
.p-faq-mv__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
}
.p-faq-mv__title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: url(/assets/images/common/ico_line03.png) repeat-x;
  background-size: 5.5px 3px;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__title::after {
    bottom: -14px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__title::after {
    bottom: -9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__title {
    font-size: 6.9vw;
  }
}
.p-faq-mv__subtit {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__subtit {
    font-size: 30px;
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__subtit {
    font-size: 16px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav {
    width: 980px;
    margin: 129px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav {
    margin-top: 47px;
  }
}
.p-faq-mv__nav-title {
  color: #f6730e;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav-title {
    font-size: 20px;
    line-height: 1.9;
  }
}
.p-faq-mv__nav-title .c-naname::before,
.p-faq-mv__nav-title .c-naname::after {
  background: #f6730e;
  width: 4px;
  height: 50px;
}
.p-faq-mv__nav-title .c-naname::before {
  transform: rotate(-35deg);
  left: -30px;
}
@media (max-width: 767px) {
  .p-faq-mv__nav-title .c-naname::before {
    left: -20px;
  }
}
.p-faq-mv__nav-title .c-naname::after {
  transform: rotate(35deg);
  right: -20px;
}
@media (max-width: 767px) {
  .p-faq-mv__nav-title .c-naname::after {
    right: -15px;
  }
}
.p-faq-mv__nav-list {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-list {
    margin-top: 24px;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav-list {
    margin-top: 18px;
    justify-content: center;
  }
}
.p-faq-mv__nav-item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-item {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav-item {
    width: 48.6%;
  }
  .p-faq-mv__nav-item:nth-of-type(2) {
    margin-left: 9px;
  }
}
.p-faq-mv__nav-text {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .p-faq-mv__nav-text {
    bottom: 10px;
    width: 100px;
    height: 55px;
  }
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-text {
    width: 110px;
    height: 62px;
  }
}
.p-faq-mv__nav-text span {
  display: block;
  color: #fff;
  background: #f6730e;
  text-align: center;
  padding: 5px;
}
.p-faq-mv__nav-depart {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  padding: 4px 0;
  position: absolute;
  left: 0;
  top: 0;
}
.p-faq-mv__nav-name {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 6px 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-name {
    margin-top: 10px;
    font-size: 18px;
    width: 109px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav-name {
    margin-top: 5px;
    font-size: 15px;
    width: 90px;
  }
}
.p-faq-mv__nav-buttons {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-buttons {
    width: 840px;
    margin: 80px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav-buttons {
    margin-top: 50px;
  }
}
.p-faq-mv__nav-btn {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
}
.p-faq-mv__nav-btn-arrow {
  display: block;
  border-radius: 50%;
  background: #222;
  position: absolute;
}
.p-faq-mv__nav-btn-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 6px;
  background: url(/assets/images/common/ico_to-bottom-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-btn-arrow {
    width: 16px;
    height: 16px;
    right: 0;
    top: 1px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav-btn-arrow {
    width: 17px;
    height: 17px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .p-faq-mv__nav-btn {
    font-size: 16px;
    margin-right: 30px;
    display: inline-block;
    padding-bottom: 10px;
    padding-right: 30px;
    overflow: hidden;
  }
  .p-faq-mv__nav-btn:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .p-faq-mv__nav-btn:hover::after {
    animation: toLeft 0.7s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
  .p-faq-mv__nav-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000;
    transition: all 0.5s ease;
    pointer-events: none;
  }
  .p-faq-mv__nav-btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: -100%;
    background-color: #000;
    transition: all 0.5s ease;
    pointer-events: none;
  }
  .p-faq-mv__nav-btn:nth-child(n + 4) {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .p-faq-mv__nav-btn {
    font-size: 13px;
    line-height: 1.76;
    display: block;
    width: 47%;
    padding-bottom: 8px;
    border-bottom: 2px solid #222;
  }
  .p-faq-mv__nav-btn:nth-child(n + 3) {
    margin-top: 20px;
  }
  .p-faq-mv__nav-btn:nth-child(even) {
    margin-left: 13px;
  }
}
.c-faq-imgblock {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .c-faq-imgblock {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .c-faq-imgblock {
    height: 230px;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-imgblock.block01 {
    background: url(/assets/images/faq/img_imgblock01-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-faq-imgblock.block01 {
    background: url(/assets/images/faq/img_imgblock01.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-imgblock.block02 {
    background: url(/assets/images/faq/img_imgblock02-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-faq-imgblock.block02 {
    background: url(/assets/images/faq/img_imgblock02.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-imgblock.block03 {
    background: url(/assets/images/faq/img_imgblock03-pc.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-faq-imgblock.block03 {
    background: url(/assets/images/faq/img_imgblock03.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-faq {
  background: #f8f8f8;
}
.c-faq.style02 {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .c-faq {
    padding: 76px 0 150px;
  }
}
@media (max-width: 767px) {
  .c-faq {
    padding: 30px 20px 60px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-contents {
    width: 863px;
    margin: 0 auto;
  }
}
.c-faq-contents__title {
  color: #f6730e;
  margin-bottom: 6px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  position: relative;
}
.c-faq-contents__title::after {
  content: "";
  position: absolute;
  width: 10px;
  left: 0;
  background: #f6730e;
}
@media screen and (min-width: 768px), print {
  .c-faq-contents__title::after {
    height: 60px;
    top: 10px;
  }
}
@media (max-width: 767px) {
  .c-faq-contents__title::after {
    height: 50px;
    top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-contents__title {
    padding-left: 25px;
    font-size: 34px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .c-faq-contents__title {
    padding-left: 20px;
    font-size: 24px;
    line-height: 1.5;
  }
}
.c-faq-contents__subtit {
  color: #f6730e;
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-faq-contents__subtit {
    margin-bottom: 37px;
    padding-left: 25px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .c-faq-contents__subtit {
    margin-bottom: 30px;
    padding-left: 20px;
    font-size: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-item + .c-faq-item {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .c-faq-item + .c-faq-item {
    margin-top: 30px;
  }
}
.c-faq-item__title {
  border-radius: 20px 20px 0 0;
  background: #f6730e;
  color: #fff;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__title {
    padding: 15px 0 15px 20px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .c-faq-item__title {
    padding: 15px;
  }
}
.c-faq-item__title span {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__title span {
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  .c-faq-item__title span {
    font-size: 23px;
    line-height: 1.8;
  }
}
.c-faq-item__title h3 {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__title h3 {
    font-size: 26px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .c-faq-item__title h3 {
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.81;
  }
}
.c-faq-item__contents {
  background: #fff;
  border-radius: 0 0 20px 20px;
}
.c-faq-item__contents.style02 {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__contents {
    padding: 37px 37px 49px 40px;
  }
}
@media (max-width: 767px) {
  .c-faq-item__contents {
    padding: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-item__contents .c-button-line {
    margin: 30px 0 0 300px;
  }
}
@media (max-width: 767px) {
  .c-faq-item__contents .c-button-line {
    width: 70%;
    margin: 20px auto 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-item__btns {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 50px;
  }
}
@media screen and (min-width: 768px), print {
  .c-faq-item__btns .c-button {
    margin: 30px auto 0 auto;
  }
}
.c-faq-item__answer {
  display: flex;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__answer {
    justify-content: space-between;
  }
}
.c-faq-item__img {
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__img {
    width: 130px;
    height: 130px;
    margin-right: 22px;
  }
}
@media (max-width: 767px) {
  .c-faq-item__img {
    width: 70px;
    height: 70px;
  }
}
.c-faq-item__eng {
  color: #f6730e;
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__eng {
    font-size: 31px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .c-faq-item__eng {
    font-size: 20px;
    margin-right: 6px;
    line-height: 1.5;
  }
}
.c-faq-item__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-faq-item__text {
    font-size: 17px;
    line-height: 2.11;
    width: 597px;
  }
}
@media (max-width: 767px) {
  .c-faq-item__text {
    font-size: 15px;
    line-height: 2.06;
    width: 66%;
  }
}
.c-mv-full.assessment {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.assessment {
    height: 700px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.assessment .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/assessment/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.assessment .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/assessment/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-mv-full.assessment .c-mv-full__label {
  background: #f6730e;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.assessment .c-mv-full__label {
    width: 180px;
    height: 180px;
    right: 42px;
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .c-mv-full.assessment .c-mv-full__label {
    width: 130px;
    height: 130px;
    top: 100px;
    right: -10px;
  }
}
.c-mv-full.assessment .c-mv-full__label p {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.assessment .c-mv-full__label p:nth-of-type(2) {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.assessment .c-mv-full__label p {
    font-size: 36px;
    line-height: 1.35;
  }
}
@media (max-width: 767px) {
  .c-mv-full.assessment .c-mv-full__label p {
    font-size: 28px;
    line-height: 1.3;
  }
}
.p-assessment-intro {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro {
    margin-top: 110px;
    padding: 62px 0;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro {
    margin-top: 40px;
    padding: 25px 20px 20px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro__inner {
    width: 1100px;
    margin: 0 auto;
  }
}
.p-assessment-intro__inner-title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro__inner-title {
    font-size: 26px;
    letter-spacing: 0.02em;
    padding-left: 46px;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro__inner-title {
    font-size: 5.867vw;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro__list {
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro__list {
    margin-top: 17px;
  }
}
.p-assessment-intro .c-intro-list {
  position: relative;
}
.p-assessment-intro .c-intro-list::after {
  content: "";
  position: absolute;
  background: url(/assets/images/assessment/obj_triangle.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-list::after {
    width: 23px;
    height: 43px;
    top: 50%;
    transform: translateY(-50%);
    right: -53px;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-list::after {
    width: 23px;
    height: 43px;
    transform: rotate(90deg) translateX(-50%);
    bottom: -60px;
    left: 50%;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-list {
    width: 435px;
  }
}
.p-assessment-intro .c-intro-item {
  background: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  position: relative;
}
.p-assessment-intro .c-intro-item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-item::after {
    width: 56px;
    height: 56px;
    left: 17px;
    background: url(/assets/images/assessment/obj_check-pc.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-item::after {
    width: 28px;
    height: 28px;
    left: 6px;
    background: url(/assets/images/assessment/obj_check.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-item:nth-child(n + 2) {
    margin-top: 13px;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-item:nth-child(n + 2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-item {
    border-radius: 45px;
    font-size: 17px;
    padding: 32px 0 32px 93px;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-item {
    border-radius: 25px;
    font-size: 15px;
    padding: 12px 19px 16px 40px;
    line-height: 1.46;
  }
}
.p-assessment-intro .c-intro-message {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-message {
    width: 578px;
    padding: 38px 48px;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-message {
    margin-top: 51px;
    padding: 20px;
  }
}
.p-assessment-intro .c-intro-message__text {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-message__text {
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 1.69;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-message__text {
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.81;
    margin-bottom: 25px;
  }
}
.p-assessment-intro .c-intro-message__text span {
  color: #f6730e;
}
.p-assessment-intro .c-intro-message__btn {
  display: inline-block;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-message__btn {
    font-size: 16px;
    padding: 10px 35px 10px 0;
    overflow: hidden;
  }
  .p-assessment-intro .c-intro-message__btn:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .p-assessment-intro .c-intro-message__btn:hover::after {
    animation: toLeft 0.7s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
  .p-assessment-intro .c-intro-message__btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0;
    background-color: #000;
    transition: all 0.5s ease;
    pointer-events: none;
  }
  .p-assessment-intro .c-intro-message__btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: -100%;
    background-color: #000;
    transition: all 0.5s ease;
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-message__btn {
    font-size: 4vw;
    padding: 0 30px 8px 0;
    border-bottom: 2px solid #222;
  }
}
.p-assessment-intro .c-intro-message__arrow {
  display: block;
  border-radius: 50%;
  background: #222;
  position: absolute;
}
.p-assessment-intro .c-intro-message__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 6px;
  background: url(/assets/images/common/ico_to-bottom-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-message__arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-intro .c-intro-message__arrow {
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .p-assessment-intro .c-intro-message__arrow {
    width: 18px;
    height: 18px;
    right: 0;
    top: -4px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-point {
    width: 1100px;
    margin: 130px auto 90px auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-assessment-point {
    margin: 40px 20px 26px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__title {
    writing-mode: vertical-rl;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__title {
    width: 83%;
    margin: 0 auto;
    padding-left: 70px;
    position: relative;
  }
  .p-assessment-point__title::after {
    content: "4";
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
    font-size: 93px;
    color: #f6730e;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.p-assessment-point__title span {
  display: block;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__title .black {
    font-size: 52px;
    letter-spacing: 0.08em;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__title .black {
    font-size: 18px;
    letter-spacing: 0.02em;
  }
}
.p-assessment-point__title .green {
  color: #f6730e;
  position: relative;
}
.p-assessment-point__title .green small {
  display: none;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__title .green {
    font-size: 52px;
    letter-spacing: 0.08em;
    padding-top: 90px;
    margin-right: 48px;
  }
  .p-assessment-point__title .green::after {
    content: "4";
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
    font-size: 108px;
    color: #f6730e;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(-90deg);
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-assessment-point__title .green::after {
    top: -20px;
    left: 40%;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__title .green {
    font-size: 8.267vw;
    letter-spacing: 0.02em;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__list {
    width: 785px;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__list {
    margin-top: 34px;
  }
}
.p-assessment-point__item {
  border-bottom: 2px solid #222;
}
.p-assessment-point__item:nth-of-type(1) {
  padding-top: 0;
}
.p-assessment-point__item:nth-of-type(4) {
  border: none;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item {
    padding: 28px 0 34px;
  }
}
.p-assessment-point__item-title {
  font-family: var(--f-jp);
  font-weight: 700;
  position: relative;
}
.p-assessment-point__item-title::after {
  content: "";
  position: absolute;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item-title::after {
    top: 0;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item-title::after {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item-title {
    font-size: 26px;
    line-height: 1.7;
    padding-left: 160px;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item-title {
    font-size: 5.867vw;
    letter-spacing: 0.04em;
    line-height: 1.81;
    padding-left: 92px;
  }
}
.p-assessment-point__item-title span {
  color: #f6730e;
}
.p-assessment-point__item-title.title-form::after {
  background: url(/assets/images/assessment/obj_form.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item-title.title-form::after {
    width: 117px;
    height: 102px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item-title.title-form::after {
    width: 78px;
    height: 68px;
  }
}
.p-assessment-point__item-title.title-calculator::after {
  background: url(/assets/images/assessment/obj_calculator.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item-title.title-calculator::after {
    width: 90px;
    height: 100px;
    margin: 10px 0 0 12px;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item-title.title-calculator::after {
    width: 63px;
    height: 70px;
    margin-top: 8px;
  }
}
.p-assessment-point__item-title.title-home::after {
  background: url(/assets/images/assessment/obj_home.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item-title.title-home::after {
    width: 120px;
    height: 58px;
    margin: 14px 0 0 10px;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item-title.title-home::after {
    width: 78px;
    height: 38px;
  }
}
.p-assessment-point__item-title.title-support::after {
  background: url(/assets/images/assessment/obj_support.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item-title.title-support::after {
    width: 76px;
    height: 106px;
    margin: 8px 0 0 36px;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item-title.title-support::after {
    width: 47px;
    height: 67px;
    margin-left: 18px;
  }
}
.p-assessment-point__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-assessment-point__item-text {
    font-size: 17px;
    line-height: 2.11;
    margin-top: 15px;
    padding-left: 160px;
  }
}
@media (max-width: 767px) {
  .p-assessment-point__item-text {
    margin-top: 20px;
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-assessment-flow.style02
  .p-assessment-flow__list
  .p-assessment-flow__item:nth-of-type(3)::after {
  display: none;
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow.style02
    .p-assessment-flow__list
    .p-assessment-flow__item-text {
    display: flex;
  }
}
.p-assessment-flow.style02
  .p-assessment-flow__list
  .p-assessment-flow__item-text
  span {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow.style02
    .p-assessment-flow__list
    .p-assessment-flow__item-text
    span {
    font-size: 18px;
    width: 68px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow.style02
    .p-assessment-flow__list
    .p-assessment-flow__item-text
    span {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow {
    background: url(/assets/images/assessment/img_bg-flow-pc.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 104px 0 130px;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow {
    background: url(/assets/images/assessment/img_bg-flow.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 27px 20px 40px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__inner {
    width: 818px;
    margin: 0 auto;
  }
}
.p-assessment-flow__inner-title {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__inner-title {
    font-size: 28px;
    letter-spacing: 0.05em;
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow__inner-title {
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 1.81;
  }
}
.p-assessment-flow__inner-subtit {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__inner-subtit {
    font-size: 22px;
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow__inner-subtit {
    font-size: 14px;
    margin-top: 7px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__list {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow__list {
    margin-top: 30px;
  }
}
.p-assessment-flow__item {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.p-assessment-flow__item:nth-of-type(4)::after {
  display: none;
}
.p-assessment-flow__item::after {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__item::after {
    width: 15px;
    height: 33%;
    background: url(/assets/images/assessment/obj_arrow-to-bottom-pc.png)
      no-repeat 0 0;
    background-size: 100% 100%;
    left: 50px;
    bottom: -13px;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow__item::after {
    width: 14px;
    height: 70%;
    background: url(/assets/images/assessment/obj_arrow-to-bottom.png) no-repeat
      0 0;
    background-size: 100% 100%;
    left: 30px;
    bottom: -20px;
    z-index: 1;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__item {
    padding: 31px 45px 25px 35px;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow__item {
    padding: 16px 20px 20px 20px;
  }
}
.p-assessment-flow__item.style01 {
  background: rgba(255, 255, 255, 0.9);
}
.p-assessment-flow__item.style02 {
  background: rgba(240, 240, 240, 0.9);
}
.p-assessment-flow__item-num {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__item-num {
    font-size: 33px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow__item-num {
    font-size: 24px;
    line-height: 1.5;
  }
}
.p-assessment-flow__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-assessment-flow__item-text {
    margin-left: 35px;
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-assessment-flow__item-text {
    margin-left: 20px;
    font-size: 15px;
    line-height: 1.73;
  }
}
.p-assessment-form {
  background: #f3f3f3;
}
@media screen and (min-width: 768px), print {
  .p-assessment-form {
    padding: 130px 0 90px;
  }
}
@media (max-width: 767px) {
  .p-assessment-form {
    padding: 40px 20px 28px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-form__header {
    width: 706px;
    margin: 0 auto;
  }
}
.p-assessment-form__tit-eng {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
.p-assessment-form__tit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-assessment-form__tit {
    font-size: 34px;
    margin: 12px 0 50px;
  }
}
@media (max-width: 767px) {
  .p-assessment-form__tit {
    font-size: 28px;
    line-height: 1.71;
    margin: 14px 0 28px;
  }
}
.p-assessment-form__guide {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-assessment-form__guide {
    font-size: 17px;
    line-height: 2.11;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-assessment-form__guide {
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-assessment-form__notice {
  letter-spacing: 0.02em;
  font-size: 15px;
  color: #747474;
}
@media screen and (min-width: 768px), print {
  .p-assessment-form__notice {
    text-align: center;
    margin: 20px 0;
    font-family: var(--f-jp);
    font-weight: 500;
    line-height: 1.46;
  }
}
@media (max-width: 767px) {
  .p-assessment-form__notice {
    margin: 20px 0 5px;
    line-height: 1.6;
    text-indent: -1em;
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px), print {
  .p-assessment-form .c-form-required {
    text-align: center;
    margin: 20px auto 80px auto;
  }
  .p-assessment-form .c-form-required small {
    left: 235px;
  }
}
.p-assessment-form .c-form-item__box-radio label::before {
  border-radius: 3px;
  border: 1px solid #acacac;
}
.p-assessment-form
  .c-form-item__box-radio
  label
  input[type="radio"]
  + span::after {
  width: 8px;
  height: 5px;
  background: url(/assets/images/common/ico_fotm-check-ver2.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-assessment-form .c-form-item__box-about--textarea textarea {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .p-assessment-form .c-form-item__box-about--textarea textarea {
    margin-top: 10px;
  }
}
.p-assessment-form .c-form-button button {
  background: #222;
}
.p-404 {
  min-height: 110vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-404-title {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-404-title {
    font-size: 56px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-404-title {
    margin: 85px 20px 0 20px;
    font-size: 45px;
  }
}
.p-404-subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 12px;
}
@media screen and (min-width: 768px), print {
  .p-404-subtit {
    text-align: center;
    font-size: 25px;
    line-height: 37px;
  }
}
@media (max-width: 767px) {
  .p-404-subtit {
    font-size: 18px;
    line-height: 27px;
    padding: 0 20px;
  }
}
.p-404-text {
  background: #f8f8f8;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-404-text {
    width: 796px;
    margin: 60px auto 0 auto;
    text-align: center;
    padding: 60px 70px;
    font-size: 17px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .p-404-text {
    margin: 30px 20px 0 20px;
    padding: 30px 20px;
    font-size: 15px;
    line-height: 31px;
  }
}
.p-404-button {
  display: block;
  position: relative;
  text-align: center;
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  padding-bottom: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .p-404-button {
    width: 160px;
    margin: 50px auto 0 auto;
  }
  .p-404-button:hover::before {
    animation: toRight 1s 1;
    animation-timing-function: ease;
  }
  .p-404-button:hover::after {
    animation: toLeft 0.7s 1;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }
}
.p-404-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0;
  background-color: #000;
  transition: all 0.5s ease;
  pointer-events: none;
}
.p-404-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: -100%;
  background-color: #000;
  transition: all 0.5s ease;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-404-button {
    width: 153px;
    margin: 40px auto 0 auto;
  }
}
.c-mv-full.land {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.land {
    height: 700px;
  }
  .c-mv-full.land::after {
    content: "";
    position: absolute;
    background: #f3f3f3;
    z-index: -1;
    width: 88%;
    height: 350px;
    left: 0;
    bottom: -276px;
  }
}
.c-mv-full.land .c-mv-full__tit,
.c-mv-full.land .c-mv-full__subtit {
  position: relative;
  z-index: 1;
}
.c-mv-full.land .c-mv-full__img {
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.land .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/land/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.land .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/land/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-home-list {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-home-list.land-detail {
    margin: 0 auto 50px auto;
  }
}
@media (max-width: 767px) {
  .c-home-list.land-detail {
    margin: 0 auto 40px auto;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-list + .c-home-list {
    margin-top: 180px;
  }
}
@media (max-width: 767px) {
  .c-home-list + .c-home-list {
    margin-top: 70px;
  }
}
.c-home-list::after {
  content: "";
  position: absolute;
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .c-home-list::after {
    width: 1166px;
    height: 213px;
    top: 15px;
    z-index: -1;
    right: -40px;
  }
}
@media (max-width: 767px) {
  .c-home-list::after {
    width: 300px;
    height: 270px;
    top: 15px;
    z-index: -1;
    right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-list {
    width: 94%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-home-list {
    padding: 0 20px;
  }
}
.c-home-list__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-home-list__title {
    font-size: 42px;
    padding-left: 93px;
  }
}
@media (max-width: 767px) {
  .c-home-list__title {
    font-size: 7.467vw;
  }
}
.c-home-list__title span {
  color: #f6730e;
}
@media (max-width: 767px) {
  .c-home-list__title span {
    display: block;
    line-height: 1.14;
  }
}
.c-home-list__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-home-list__subtit {
    font-size: 18px;
    margin-top: 15px;
    padding-left: 93px;
  }
}
@media (max-width: 767px) {
  .c-home-list__subtit {
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-list__inner {
    margin-top: 60px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-home-list__inner {
    margin-top: 40px;
  }
}
.c-home-item {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-home-item {
    width: 32%;
  }
  .c-home-item:hover .c-home-item__img img {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  .c-home-item + .c-home-item {
    margin-left: 33px;
  }
}
@media (max-width: 767px) {
  .c-home-item + .c-home-item {
    margin-top: 35px;
  }
}
.c-home-item__label {
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-home-item__label {
    width: 130px;
    font-size: 16px;
    padding: 9px 0;
  }
}
@media (max-width: 767px) {
  .c-home-item__label {
    width: 117px;
    font-size: 14px;
    padding: 9px 0;
    z-index: 1;
  }
}
.c-home-item__img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-home-item__img {
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .c-home-item__img {
    width: 100%;
  }
}
.c-home-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .c-home-item__img img {
    transition: transform 0.5s ease;
  }
}
.c-home-item__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-home-item__title {
    font-size: 22px;
    margin: 24px 0 15px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .c-home-item__title {
    font-size: 17px;
    margin: 14px 0 10px;
    line-height: 1.5;
  }
}
.c-home-item__info {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.c-home-item__price {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-home-item__price {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .c-home-item__price {
    font-size: 16px;
  }
}
.c-home-item__plan {
  background: #ebebeb;
  display: inline-block;
  text-align: center;
  padding: 0 5px;
}
@media screen and (min-width: 768px), print {
  .c-home-item__plan {
    font-size: 14px;
    line-height: 1.78;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .c-home-item__plan {
    font-size: 13px;
    line-height: 1.9;
    margin: 12px 0 0 0;
  }
}
.c-home-item__date {
  display: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-left: 20px;
}
@media screen and (min-width: 768px), print {
  .c-home-item__date {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-home-item__date {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-message {
    width: 978px;
    margin: 190px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .c-home-message {
    margin: 60px 20px 70px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-message.real-estate .c-button {
    width: 230px;
  }
}
@media (max-width: 767px) {
  .c-home-message.real-estate .c-button {
    width: 187px;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-message__img {
    width: 497px;
  }
}
@media (max-width: 767px) {
  .c-home-message__img {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-message__text {
    width: 400px;
  }
}
.c-home-message__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-home-message__title {
    font-size: 34px;
    letter-spacing: 0.05em;
    line-height: 1.52;
  }
}
@media (max-width: 767px) {
  .c-home-message__title {
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 1.75;
  }
}
.c-home-message__title span {
  color: #f6730e;
}
.c-home-message__message {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-home-message__message {
    font-size: 17px;
    line-height: 2.11;
    margin: 40px 0 60px;
  }
}
@media (max-width: 767px) {
  .c-home-message__message {
    font-size: 15px;
    line-height: 1.96;
    margin: 32px 0 30px;
  }
}
.c-home-message .c-button {
  padding-bottom: 10px;
}
@media screen and (min-width: 768px), print {
  .c-home-message .c-button {
    width: 310px;
  }
}
@media (max-width: 767px) {
  .c-home-message .c-button {
    width: 255px;
  }
}
@media screen and (min-width: 768px), print {
  .c-home-message .c-button-text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-home-message .c-button-text {
    font-size: 13px;
  }
}
.acf-map {
  width: 100%;
  height: 100%;
}
.c-mv-full.land-list {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.land-list {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.land-list .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/land/land-list/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.land-list .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/land/land-list/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.c-mv-full.lots-list {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.lots-list {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.lots-list .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/land/lots/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.lots-list .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/land/lots/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-land-list .c-search-buttons {
    margin: 70px auto 140px auto;
  }
}
@media (max-width: 767px) {
  .p-land-list .c-search-buttons {
    margin: 40px 0 70px;
  }
}
.c-mv-full.real-estate {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.real-estate {
    height: 700px;
  }
  .c-mv-full.real-estate::after {
    content: "";
    position: absolute;
    background: #f3f3f3;
    z-index: -1;
    width: 88%;
    height: 350px;
    left: 0;
    bottom: -276px;
  }
}
.c-mv-full.real-estate .c-mv-full__tit,
.c-mv-full.real-estate .c-mv-full__subtit {
  position: relative;
  z-index: 1;
}
.c-mv-full.real-estate .c-mv-full__img {
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.real-estate .c-mv-full__img {
    width: 86.2%;
    height: 577px;
    background: url(/assets/images/real-estate/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.real-estate .c-mv-full__img {
    height: 370px;
    background: url(/assets/images/real-estate/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-mv-full.real-estate .c-mv-full__tit span {
    font-size: 9vw;
  }
}
.c-mv-full.real-estate__modelhouse {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.real-estate__modelhouse {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.real-estate__modelhouse .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/real-estate/model-house/img_mv-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.real-estate__modelhouse .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/real-estate/model-house/img_mv.jpg) no-repeat
      0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-mv-full.real-estate__modelhouse .c-mv-full__tit span {
    font-size: 9vw;
  }
}
.c-mv-full.real-estate__used {
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-mv-full.real-estate__used {
    height: 502px;
  }
}
@media screen and (min-width: 768px), print {
  .c-mv-full.real-estate__used .c-mv-full__img {
    width: 86.2%;
    height: 380px;
    background: url(/assets/images/real-estate/used/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .c-mv-full.real-estate__used .c-mv-full__img {
    height: 185px;
    background: url(/assets/images/real-estate/used/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .c-mv-full.real-estate__used .c-mv-full__tit span {
    font-size: 9vw;
  }
}
.c-search-message {
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-search-message {
    width: 828px;
    margin: 130px auto 70px auto;
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 1.69;
  }
}
@media (max-width: 767px) {
  .c-search-message {
    margin: 40px 0 20px;
    font-size: 4.8vw;
    letter-spacing: 0.04em;
    line-height: 1.4;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-message .c-naname::before,
  .c-search-message .c-naname::after {
    height: 106px;
    width: 4px;
    bottom: -40px;
  }
}
@media (max-width: 767px) {
  .c-search-message .c-naname::before,
  .c-search-message .c-naname::after {
    height: 36px;
    width: 2px;
    bottom: 0;
  }
}
.c-search-message .c-naname::before {
  transform: rotate(-30deg);
}
@media screen and (min-width: 768px), print {
  .c-search-message .c-naname::before {
    left: -55px;
  }
}
@media (max-width: 767px) {
  .c-search-message .c-naname::before {
    left: -17px;
  }
}
.c-search-message .c-naname::after {
  transform: rotate(30deg);
}
@media screen and (min-width: 768px), print {
  .c-search-message .c-naname::after {
    right: -55px;
  }
}
.c-map {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .c-map {
    padding: 75px 0 106px;
  }
}
@media (max-width: 767px) {
  .c-map {
    padding: 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-wrap {
    margin: 0 auto;
    height: 1000px;
    width: 1366px;
    position: relative;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-nav {
    width: 450px;
    margin: 0 0 0 40px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.c-map-nav__title {
  display: flex;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__title {
    padding-left: 36px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__title {
    justify-content: center;
  }
}
.c-map-nav__title-item {
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__title-item {
    font-size: 18px;
    line-height: 1.2;
    margin-right: 19px;
    padding-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__title-item {
    font-size: 4.267vw;
    line-height: 1.18;
    margin-right: 14px;
    padding-bottom: 11px;
  }
}
.c-map-nav__title-place {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__title-place {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__title-place {
    font-size: 4.267vw;
    line-height: 1.18;
  }
}
.c-map-nav__title-num {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__title-num {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__title-num {
    font-size: 16vw;
  }
}
.c-map-nav__form {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form {
    padding: 30px 34px 33px 34px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .c-map-nav__form {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form {
    padding: 25px 0 20px 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form-wrapper {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form-box {
    width: 190px;
  }
}
.c-map-nav__form-title {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.02em;
  color: #f6730e;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .c-map-nav__form-title.c-closed span::after {
    background: url(/assets/images/common/ico_more-green.png) no-repeat 0 0;
    background-size: cover;
  }
  .c-map-nav__form-title.c-closed span.active::after {
    background: url(/assets/images/common/ico_shrink-green.png) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form-title.style02 span {
    padding-right: 70px;
  }
  .c-map-nav__form-title.style02 span::after {
    right: 40px;
  }
}
.c-map-nav__form-title span {
  position: relative;
  cursor: pointer;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .c-map-nav__form-title span {
    padding-right: 30px;
  }
}
.c-map-nav__form-title span::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(/assets/images/common/ico_shrink-green.png) no-repeat 0 0;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
@media (max-width: 767px) {
  .c-map-nav__form-title span::after {
    right: 0;
  }
}
.c-map-nav__form-title span.active::after {
  background: url(/assets/images/common/ico_more-green.png) no-repeat 0 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .c-map-nav__form-title {
    padding: 0 20px;
  }
}
.c-map-nav__form .c-checkbox {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-between;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox.style02 {
    display: block;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox {
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox {
    width: 89.3%;
    margin: 0 auto 30px auto;
  }
}
.c-map-nav__form .c-checkbox-all {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-all {
    width: 180px;
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-all {
    width: 50%;
  }
}
.c-map-nav__form .c-checkbox-all label {
  position: relative;
  display: block;
}
.c-map-nav__form .c-checkbox-all label span {
  font-family: var(--f-jp);
  font-weight: 500;
  position: relative;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-all label span {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 23px;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-all label span {
    font-size: 4vw;
    line-height: 1.6;
    padding-left: 18px;
  }
}
.c-map-nav__form .c-checkbox-all label span::before {
  content: "";
  position: absolute;
  background: #fff;
  border: 2px solid #222;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-all label span::before {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-all label span::before {
    width: 13px;
    height: 13px;
  }
}
.c-map-nav__form .c-checkbox-all label span::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(/assets/images/common/ico_form-check-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-all label span::after {
    left: 3px;
  }
}
.c-map-nav__form .c-checkbox-all label input {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-all label input {
    font-size: 15px;
  }
}
.c-map-nav__form .c-checkbox-all .js-land-all.active::before {
  background: #f6730e;
}
.c-map-nav__form .c-checkbox-all .js-land-all.active::after {
  opacity: 1;
}
.c-map-nav__form .c-checkbox-item {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-item {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-item:nth-child(n + 3) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-item {
    width: 190px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-item {
    width: 50%;
  }
}
.c-map-nav__form .c-checkbox-item label {
  position: relative;
  display: block;
}
.c-map-nav__form .c-checkbox-item label span {
  font-family: var(--f-jp);
  font-weight: 500;
  position: relative;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-item label span {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 23px;
    transition: color 0.5s ease;
    cursor: pointer;
  }
  .c-map-nav__form .c-checkbox-item label span:hover {
    color: #f6730e;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-item label span {
    font-size: 3.7vw;
    line-height: 1.6;
    padding-left: 18px;
  }
}
.c-map-nav__form .c-checkbox-item label span::before {
  content: "";
  position: absolute;
  background: #fff;
  border: 2px solid #222;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-item label span::before {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-item label span::before {
    width: 13px;
    height: 13px;
  }
}
.c-map-nav__form .c-checkbox-item label span::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(/assets/images/common/ico_form-check-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .c-map-nav__form .c-checkbox-item label span::after {
    left: 3px;
  }
}
.c-map-nav__form .c-checkbox-item label input {
  display: none;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-checkbox-item label input {
    font-size: 15px;
  }
}
.c-map-nav__form .c-checkbox-item label input:checked + span::before {
  background: #f6730e;
}
.c-map-nav__form .c-checkbox-item label input:checked + span::after {
  opacity: 1;
}
@media (max-width: 767px) {
  .c-map-nav__form .c-search {
    width: 89.3%;
    margin: 0 auto;
  }
}
.c-map-nav__form .c-search-text__wrap {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-search-text__wrap {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-search-text__wrap {
    width: 100%;
  }
}
.c-map-nav__form .c-search-text__wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13.5px;
  height: 13.5px;
  background: url(/assets/images/common/ico_search.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  left: 11px;
}
.c-map-nav__form .c-search-text {
  background: #f3f3f3;
  position: relative;
  height: 40px;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-search-text {
    padding: 9px 9px 9px 40px;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-search-text {
    padding: 10px 10px 10px 25px;
  }
}
.c-map-nav__form .c-search-btn {
  background: #222;
  color: #fff;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  height: 40px;
}
@media screen and (min-width: 768px), print {
  .c-map-nav__form .c-search-btn {
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
    transition: opacity 0.5s ease;
  }
  .c-map-nav__form .c-search-btn:hover {
    opacity: 0.7;
  }
}
@media (max-width: 767px) {
  .c-map-nav__form .c-search-btn {
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    margin-top: 20px;
  }
}
.c-map-item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-map-item {
    width: 972px;
    height: 730px;
    position: absolute;
    right: -170px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .c-map-item {
    margin-top: 20px;
    height: 345px;
    margin: 20px auto 0 auto;
  }
}
.c-map-item__wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.c-map-item__map {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  right: 0;
  background: url(/assets/images/land/map/img_map02.png) no-repeat 0 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .c-map-item__map {
    background: url(/assets/images/land/map/img_map02.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    right: 0;
    top: 0;
    width: 100% !important;
  }
}
.c-map-item__text {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  right: 0;
  background: url(/assets/images/land/map/img_map-all02.png) no-repeat 0 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .c-map-item__text {
    background: url(/assets/images/land/map/img_map-all02.png) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    right: 0;
    top: 0;
    width: 100% !important;
  }
}
.c-map-item__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -0.5px;
  left: 0;
  z-index: 1;
  transition: opacity 0.5s ease;
  opacity: 0;
}
.c-map-item__inner.active {
  opacity: 1;
}
.c-map-item__inner.all {
  background: url(/assets/images/land/map/img_map-all.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.others {
  background: url(/assets/images/land/map/img_map-others02.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.kainan {
  background: url(/assets/images/land/map/img_map-kainan02.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.iwade {
  background: url(/assets/images/land/map/img_map-iwade02.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.kinokawa {
  background: url(/assets/images/land/map/img_map-kinokawa02.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.arida {
  background: url(/assets/images/land/map/img_map-arida02.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.wakayamanishi {
  background: url(/assets/images/land/map/img_map-wakayamanishi02.png) no-repeat
    0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.wakayamahigashi {
  background: url(/assets/images/land/map/img_map-wakayamahigashi02.png)
    no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.wakayamaminami {
  background: url(/assets/images/land/map/img_map-wakayamaminami02.png)
    no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__inner.wakayamakita {
  background: url(/assets/images/land/map/img_map-wakayamakita02.png) no-repeat
    0 0;
  background-size: cover;
  background-position: center;
}
.c-map-item__name {
  color: #fff;
  position: absolute;
  z-index: 1;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-map-item__name {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .c-map-item__name {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .c-map-item__name.kinokawa {
    top: 209px;
    right: 241px;
  }
}
@media (max-width: 767px) {
  .c-map-item__name.kinokawa {
    top: 98px;
    right: 5%;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-buttons.used {
    margin: 20px auto 140px auto;
  }
}
@media (max-width: 767px) {
  .c-search-buttons.used {
    margin: 20px auto 70px auto;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-buttons {
    width: 820px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-search-buttons {
    padding: 0 20px;
  }
}
.c-search-btn {
  display: block;
  background: #fff;
  border: 2px solid #222;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  transition: background-color 0.5s, color 0.5s;
}
@media screen and (min-width: 768px), print {
  .c-search-btn.full {
    width: 820px;
    margin: 70px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .c-search-btn.full {
    margin: 40px 20px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-btn {
    width: 400px;
    padding: 21px 0 22px;
    font-size: 18px;
  }
  .c-search-btn:hover {
    background: #222;
    color: #fff;
  }
  .c-search-btn:hover-arrow {
    border: 2px solid #fff;
  }
  .c-search-btn:hover .c-search-btn__arrow {
    border: 2px solid #fff;
  }
}
@media (max-width: 767px) {
  .c-search-btn {
    padding: 29px 0 30px;
    font-size: 16px;
    line-height: 0;
  }
  .c-search-btn + .c-search-btn {
    margin-top: 20px;
  }
}
.c-search-btn__arrow {
  background: #222;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #222;
  transition: border 0.5s ease;
}
.c-search-btn__arrow::after {
  content: "";
  position: absolute;
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
  .c-search-btn__arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .c-search-btn__arrow::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-btn__arrow {
    width: 24px;
    height: 24px;
    right: 14px;
  }
}
@media (max-width: 767px) {
  .c-search-btn__arrow {
    width: 17px;
    height: 17px;
    right: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-news {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .c-search-news {
    padding: 0 20px 40px 20px;
  }
}
.c-search-news.new-arrivals .c-search-news__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-search-news.new-arrivals .c-search-news__title {
    font-size: 42px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .c-search-news.new-arrivals .c-search-news__title {
    font-size: 28px;
    margin-bottom: 40px;
    line-height: 1.35;
  }
}
.c-search-news.new-arrivals .c-search-news__title span {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .c-search-news.new-arrivals .c-search-news__title span {
    font-size: 18px;
    display: inline-block;
    margin-left: 24px;
  }
}
@media (max-width: 767px) {
  .c-search-news.new-arrivals .c-search-news__title span {
    display: block;
    font-size: 16px;
    margin-top: 6px;
  }
}
.c-search-news.news-list .c-search-news__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  border-bottom: 2px solid #222;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-search-news.news-list .c-search-news__title {
    padding-bottom: 13px;
    margin-bottom: 50px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .c-search-news.news-list .c-search-news__title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 3.733vw;
  }
}
@media (max-width: 767px) {
  .c-search-news.news-list .c-search-news__title-area {
    display: block;
    width: 250px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-news__list {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.c-search-news__item {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item {
    width: 30%;
  }
  .c-search-news__item + .c-search-news__item {
    margin-left: 5%;
  }
  .c-search-news__item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .c-search-news__item:nth-child(n + 4) {
    margin-top: 50px;
  }
  .c-search-news__item:hover .c-search-news__item-img img {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@media (max-width: 767px) {
  .c-search-news__item + .c-search-news__item {
    margin-top: 35px;
  }
}
.c-search-news__item-label {
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-label {
    width: 130px;
    font-size: 16px;
    padding: 9px 0;
  }
}
@media (max-width: 767px) {
  .c-search-news__item-label {
    width: 117px;
    font-size: 14px;
    padding: 9px 0;
    z-index: 1;
  }
}
.c-search-news__item-img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-img {
    overflow: hidden;
  }
}
.c-search-news__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-img img {
    transition: transform 0.5s ease;
  }
}
.c-search-news__item-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-title.larger {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-title {
    font-size: 18px;
    margin: 16px 0 0 0;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .c-search-news__item-title {
    font-size: 17px;
    margin: 14px 0;
    line-height: 1.5;
  }
}
.c-search-news__item-info {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
}
.c-search-news__item-price {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-price {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .c-search-news__item-price {
    font-size: 16px;
  }
}
.c-search-news__item-plan {
  background: #ebebeb;
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  margin-right: 10px;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-plan {
    font-size: 14px;
    line-height: 1.78;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-search-news__item-plan {
    font-size: 3.4vw;
    line-height: 1.9;
    margin-top: 8px;
  }
}
.c-search-news__item-date {
  display: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-left: 20px;
}
@media screen and (min-width: 768px), print {
  .c-search-news__item-date {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .c-search-news__item-date {
    font-size: 16px;
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px), print {
  .c-search-news .c-button {
    width: 162px;
    margin: 70px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .c-search-news .c-button {
    width: 108px;
    margin: 40px auto 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-land-list__detail .c-search-news {
    margin-top: 110px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .p-land-list__detail .c-search-news {
    margin-top: 41px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .p-land-list__detail .c-search-buttons {
    margin: 120px auto 50px auto;
  }
}
@media (max-width: 767px) {
  .p-land-list__detail .c-search-buttons {
    margin: 40px 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-land-list__detail .c-pagination {
    margin: 80px auto 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail {
    width: 70%;
    margin: 122px auto 0 auto;
    padding: 85px 0 130px;
  }
}
@media (max-width: 767px) {
  .c-land-detail {
    margin: 85px 0 70px;
  }
}
.c-land-detail__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__title {
    width: 100%;
    margin: 0 auto;
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__title {
    font-size: 23px;
    padding: 0 20px;
  }
}
.c-land-detail__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__subtit {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__subtit {
    font-size: 15px;
    margin-top: 8px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail__contents {
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .c-land-detail__contents {
    margin-top: 47px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail__img {
    width: 523px;
    margin-right: 80px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__img {
    width: 100%;
  }
}
.c-land-detail__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-land-detail__price {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__price {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__price {
    font-size: 20px;
  }
}
.c-land-detail__price span {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__price span {
    font-size: 51px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__price span {
    font-size: 42px;
  }
}
.c-land-detail__place {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__place {
    margin: 8px 0 30px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__place {
    margin: 6px 0 20px;
  }
}
.c-land-detail__item {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.c-land-detail__item-title {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.02em;
  width: 67px;
  margin-right: 30px;
  line-height: 2.3;
}
@media (max-width: 767px) {
  .c-land-detail__item-title {
    font-size: 3.9vw;
  }
}
.c-land-detail__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media (max-width: 767px) {
  .c-land-detail__item-text {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail__map {
    width: 100%;
    height: 428px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .c-land-detail__map {
    height: 224px;
    padding: 0 20px;
  }
}
.c-land-detail__map iframe {
  width: 100%;
  height: 100%;
}
.c-land-detail__btn {
  display: block;
  border: none;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  background: #ff001e;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__btn.modelhouse {
    width: 600px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail__btn {
    width: 480px;
    margin: 70px auto 0 auto;
    padding: 21px 0;
    font-size: 18px;
  }
  .c-land-detail__btn:hover {
    background: #ff001e;
    color: #fff;
  }
  .c-land-detail__btn:hover .c-land-detail__btn-arrow {
    border: 2px solid #fff;
  }
}
@media (max-width: 767px) {
  .c-land-detail__btn {
    padding: 22px 0;
    margin: 50px 20px 0 20px;
    font-size: 16px;
    line-height: 1.43;
  }
}
.c-land-detail__btn-arrow {
  background: #ff001e;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #ff001e;
  transition: border 0.5s ease;
}
.c-land-detail__btn-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__btn-arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__btn-arrow::after {
    width: 7px;
    height: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail__btn-arrow {
    width: 24px;
    height: 24px;
    right: 13.5px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__btn-arrow {
    width: 17px;
    height: 17px;
    right: 15px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__info {
    margin: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-data {
    width: 100%;
    margin: 80px auto 50px auto;
  }
}
@media (max-width: 767px) {
  .c-data {
    margin: 37px 0 30px;
    padding: 0 20px;
  }
}
.c-data-title {
  color: #f6730e;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .c-data-title {
    font-size: 26px;
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .c-data-title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .c-data-item {
    padding: 10px 12px;
    display: flex;
  }
}
@media (max-width: 767px) {
  .c-data-item {
    padding: 13px 20px;
  }
}
.c-data-item.style01 {
  border-top: 2px solid #f8f8f8;
}
.c-data-item.style02 {
  background: #f8f8f8;
}
.c-data-item__title {
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-data-item__title {
    width: 140px;
    margin-right: 32px;
  }
}
@media (max-width: 767px) {
  .c-data-item__title {
    margin-bottom: 8px;
  }
}
.c-data-item__info {
  font-size: 15px;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.46;
}
@media screen and (min-width: 768px), print {
  .c-data-item__info {
    width: 845px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail__works {
    width: 100%;
    margin: 70px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .c-land-detail__works {
    margin-top: 47px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-detail__works-img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-land-detail__works-img {
    width: 100%;
  }
}
.c-land-detail__works-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-land-detail__works-name {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__works-name {
    margin: 67px 0 12px;
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .c-land-detail__works-name {
    margin: 30px 0 10px;
    padding: 0 20px;
    font-size: 26px;
  }
}
.c-land-detail__works-price {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__works-price {
    font-size: 26px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .c-land-detail__works-price {
    padding: 0 20px;
    font-size: 18px;
    letter-spacing: 0.04em;
  }
}
.c-land-detail__works-info {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__works-info {
    margin-top: 42px;
    padding-left: 30px;
  }
  .c-land-detail__works-info::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 82%;
    background: #f6730e;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .c-land-detail__works-info {
    margin: 40px 20px 0 20px;
    padding-left: 14px;
    border-left: 2px solid #f6730e;
  }
}
.c-land-detail__works-info li {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-land-detail__works-info li {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .c-land-detail__works-info li {
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .c-modelhouse-detail {
    margin-top: 122px;
    padding: 85px 0 130px;
  }
}
@media (max-width: 767px) {
  .c-modelhouse-detail {
    margin-top: 55px;
    padding: 30px 0 70px;
  }
}
@media screen and (min-width: 768px), print {
  .c-modelhouse-detail .c-land-detail__title,
  .c-modelhouse-detail .c-land-detail__subtit {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-gallery__contents {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .c-land-gallery__contents {
    margin-top: 47px;
  }
}
.c-land-gallery__contents .c-land-gallery__inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-land-gallery__contents .c-land-gallery__inner .c-land-gallery__item {
    margin: 0 11px;
  }
}
@media (max-width: 767px) {
  .c-land-gallery__contents .c-land-gallery__inner .c-land-gallery__item {
    margin: 0 7px;
  }
}
.c-land-gallery__contents .c-land-gallery__inner .c-land-gallery__image {
  overflow: hidden;
}
.c-land-gallery__contents .c-land-gallery__inner .c-land-gallery__image img {
  filter: blur(5px);
  transition: filter 1s ease-in-out;
  width: 100%;
  height: 50vw;
  object-fit: contain;
}
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__image.removeBlur
  img {
  transition: filter 1s ease-in-out;
  filter: blur(0);
}
.c-land-gallery__contents .c-land-gallery__inner .c-land-gallery__arrows {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .c-land-gallery__contents .c-land-gallery__inner .c-land-gallery__arrows {
    width: 87%;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767px) {
  .c-land-gallery__contents .c-land-gallery__inner .c-land-gallery__arrows {
    width: 95%;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__arrows
  .arrows-prev,
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__arrows
  .arrows-next {
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-prev,
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-next {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-prev,
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-next {
    cursor: pointer;
  }
}
@media screen and (min-width: 768px), print {
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-prev
    span,
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-next
    span {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 767px) {
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-prev
    span,
  .c-land-gallery__contents
    .c-land-gallery__inner
    .c-land-gallery__arrows
    .arrows-next
    span {
    width: 8px;
    height: 8px;
  }
}
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__arrows
  .arrows-prev {
  top: 0;
  left: 0;
}
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__arrows
  .arrows-prev
  span {
  background: url(/assets/images/common/ico_to-left-white.png) no-repeat 0 0;
  background-size: cover;
}
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__arrows
  .arrows-next {
  left: 0;
  bottom: 0;
}
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__arrows
  .arrows-next
  span {
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
}
.c-land-gallery__contents
  .c-land-gallery__inner
  .c-land-gallery__arrows
  .arrows-next {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
@media screen and (min-width: 768px), print {
  .c-land-gallery__contents .c-land-gallery__nav-wrap {
    width: 70%;
    margin: 20px auto 0 auto;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .c-land-gallery__contents .c-land-gallery__nav-wrap {
    margin: 6px 33px 0 33px;
  }
}
.c-land-gallery__contents .c-land-gallery__nav-wrap ul {
  width: 100%;
}
.c-land-gallery__contents .c-land-gallery__nav-wrap .slick-list {
  width: 100%;
}
.c-land-gallery__contents .c-land-gallery__nav-wrap .slick-track {
  width: 100% !important;
}
@media (max-width: 767px) {
  .c-land-gallery__contents .c-land-gallery__nav-wrap .slick-track {
    display: flex;
    flex-wrap: wrap;
  }
}
.c-land-gallery__contents .c-land-gallery__nav-wrap .slick-slide {
  opacity: 0.2;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .c-land-gallery__contents .c-land-gallery__nav-wrap .slick-slide {
    width: 13% !important;
    height: 70px;
    margin: 4px 7px 0 0;
  }
}
@media (max-width: 767px) {
  .c-land-gallery__contents .c-land-gallery__nav-wrap .slick-slide {
    width: 17% !important;
    height: 30px;
    margin: 4px 7px 0 0;
  }
}
.c-land-gallery__contents .c-land-gallery__nav-wrap .slick-slide.is-active {
  opacity: 1;
}
.c-land-gallery__contents .c-land-gallery__nav-wrap .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-modelhouse-info,
  .p-used-info {
    width: 70%;
    margin: 0 auto;
  }
}
.p-mv-recruit {
  width: 100%;
  position: relative;
}
.p-mv-recruit .js-recruit-mvtext {
  opacity: 0;
  transition: opacity 0.8s ease, padding 0.5s ease;
}
.p-mv-recruit .js-recruit-mvtext.active {
  opacity: 1;
}
.p-mv-recruit::after {
  content: "KINOKUNI";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffb598;
  opacity: 0.2;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit::after {
    font-size: 251px;
    bottom: -130px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .p-mv-recruit::after {
    font-size: 69px;
    left: 0;
    bottom: -30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit {
    padding: 143px 0 0 0;
    height: calc(100vh + 50px);
    min-height: 625px;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit {
    padding-top: 125px;
    height: 100vh;
  }
}
.p-mv-recruit__inner {
  background: #e85c2a;
  width: 100%;
  height: 100%;
  min-height: 625px;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__inner {
    padding: 84px 0 0 0;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__inner {
    padding: 168px 0 0 0;
  }
}
.p-mv-recruit__img {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__img {
    width: 73%;
    height: 80%;
    background: url(/assets/images/recruit/home/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__img {
    width: 537px;
    height: 87%;
    background: url(/assets/images/recruit/home/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    top: 20px;
    left: 20%;
  }
}
.p-mv-recruit__text {
  position: absolute;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__text {
    width: 531px;
    top: 30%;
    left: 8%;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__text {
    width: 72%;
    top: 290px;
    left: 20px;
  }
}
.p-mv-recruit__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.21;
  overflow: hidden;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__title {
    font-size: 84px;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__title {
    font-size: 11vw;
  }
}
.p-mv-recruit__title span {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__title span:nth-of-type(2)::after {
    width: 467px;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__title span:nth-of-type(2)::after {
    width: 90%;
  }
}
.p-mv-recruit__title span::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__title span::after {
    height: 11px;
    bottom: -5px;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__title span::after {
    bottom: -2px;
    height: 5px;
  }
}
.p-mv-recruit__title-eng {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__title-eng {
    font-size: 14px;
    margin: 40px 0 60px;
    line-height: 1.9;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__title-eng {
    font-size: 11px;
    line-height: 2;
    margin: 10px 0 30px;
  }
}
.p-mv-recruit__subtit {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.92;
  position: relative;
}
.p-mv-recruit__subtit::after {
  content: "";
  position: absolute;
  width: 33px;
  height: 2px;
  left: 0;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__subtit::after {
    top: -30px;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__subtit::after {
    top: -17px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__subtit {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__subtit {
    font-size: 11px;
  }
}
.p-mv-recruit__button-wrap {
  position: absolute;
  right: 0;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__button-wrap {
    width: 270px;
    font-size: 20px;
    padding-left: 10px;
    bottom: 120px;
    transition: padding 0.5s ease, transform 0.5s ease;
    transform: translateX(100%);
  }
  .p-mv-recruit__button-wrap.active {
    transform: translateX(0);
  }
  .p-mv-recruit__button-wrap:hover {
    padding-left: 0;
  }
  .p-mv-recruit__button-wrap:hover .p-mv-recruit__button::after {
    width: 52px;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__button-wrap {
    width: 160px;
    font-size: 15px;
    bottom: 7vh;
  }
}
.p-mv-recruit__button {
  background: #fff;
  text-align: center;
  color: #e85c2a;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
}
.p-mv-recruit__button::after {
  content: "";
  position: absolute;
  height: 2px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #e85c2a;
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__button::after {
    width: 42px;
    transition: width 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__button::after {
    width: 22px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-recruit__button {
    padding: 36px 0;
  }
}
@media (max-width: 767px) {
  .p-mv-recruit__button {
    padding: 14px 0;
  }
}
.p-mv-recruit__scroll {
  display: inline-block;
  position: absolute;
  left: 2%;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 96px;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  writing-mode: vertical-lr;
}
.p-mv-recruit__scroll::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 87px;
  background: #fff;
  animation: sdl 2s infinite;
  animation-timing-function: ease;
}
@media (max-width: 767px) {
  .p-mv-recruit__textBlock {
    padding: 20px 20px 90px 20px;
    background: #e85c2a;
    position: relative;
  }
  .p-mv-recruit__textBlock::after {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #ffb598;
    opacity: 0.2;
    font-size: 69px;
  }
  .p-mv-recruit__textBlock-item {
    color: #fff;
    font-size: 15px;
    font-family: var(--f-jp);
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.96;
  }
}
.p-recruit-message {
  position: relative;
  color: #464646;
}
.p-recruit-message::after {
  content: "VALUE";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffb598;
  opacity: 0.2;
}
@media screen and (min-width: 768px), print {
  .p-recruit-message::after {
    font-size: 202px;
    left: -52px;
    bottom: -120px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message::after {
    font-size: 69px;
    left: 0;
    bottom: -33px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message {
    width: 1262px;
    margin: 170px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-recruit-message {
    margin-top: 80px;
    padding: 0 20px;
  }
}
.p-recruit-message__label {
  color: #e85c2a;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .p-recruit-message__label {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__label {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__inner {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 116px;
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__inner {
    margin-top: 10px;
  }
}
.p-recruit-message__title span {
  display: inline-block;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 2.04;
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__title span {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__title span {
    font-size: 35px;
  }
}
.p-recruit-message__title span.point {
  text-indent: -0.5em;
  color: #fff;
  line-height: 1.8;
  position: relative;
  transition-delay: 0.8s;
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__title span.point {
    padding: 0 10px;
  }
}
.p-recruit-message__title span.point::after {
  content: "";
  position: absolute;
  width: 101%;
  background: #e85c2a;
  top: 50%;
  left: -5px;
  transform: translate(0, -50%);
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__title span.point::after {
    height: 82px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__title span.point::after {
    height: 58px;
    width: 247px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__title span small {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__title span small {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__text {
    width: 476px;
    padding-top: 15px;
    margin-left: 166px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__text {
    margin-top: 50px;
  }
}
.p-recruit-message__text p {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__text p {
    font-size: 17px;
    line-height: 2.64;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__text p {
    font-size: 15px;
    line-height: 2.26;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__text p + p {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__text p + p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__button {
    width: 245px;
    margin-top: 60px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__button {
    width: 200px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-message__button .c-button-text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-recruit-message__button .c-button-text {
    font-size: 13px;
  }
}
.p-recruit-gotalk {
  color: #464646;
  position: relative;
}
.p-recruit-gotalk::after {
  content: "";
  position: absolute;
  background: #fcfcfc;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk::after {
    width: 858px;
    height: 546px;
    top: -71px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk::after {
    width: 100%;
    height: 483px;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk {
    width: 1366px;
    margin: 268px auto 0 auto;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 132px;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk {
    margin-top: 76px;
  }
}
.p-recruit-gotalk__message {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk__message {
    width: 395px;
    margin-right: 102px;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk__message {
    background: #fcfcfc;
    padding: 42px 20px 32px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk__img {
    width: 736px;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk__img {
    margin-left: 20px;
  }
}
.p-recruit-gotalk__label {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #e85c2a;
  writing-mode: vertical-lr;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk__label {
    font-size: 14px;
    left: -50px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk__label {
    font-size: 13px;
    left: 20px;
    top: 52px;
  }
}
.p-recruit-gotalk__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk__title {
    font-size: 40px;
    line-height: 1.75;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk__title {
    font-size: 26px;
    line-height: 1.84;
    padding-left: 38px;
  }
}
.p-recruit-gotalk__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk__text {
    font-size: 17px;
    line-height: 2.11;
    margin: 31px 0 50px;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk__text {
    font-size: 15px;
    line-height: 2.06;
    margin: 28px 0 24px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk__button {
    width: 155px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-recruit-gotalk__button {
    width: 120px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-gotalk__button .c-button-text {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice {
    width: 1100px;
    margin: 135px auto 0 auto;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice {
    margin-top: 94px;
  }
}
.p-recruit-govoice__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #464646;
  position: relative;
}
.p-recruit-govoice__title::after {
  content: "VOICE";
  position: absolute;
  color: #e85c2a;
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__title::after {
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    left: -90px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__title::after {
    font-size: 13px;
    top: -26px;
    left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__title {
    font-size: 40px;
    margin-bottom: 72px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__title {
    font-size: 26px;
    padding-left: 20px;
    margin-bottom: 46px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item + .p-recruit-govoice__item {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item + .p-recruit-govoice__item {
    margin-top: 50px;
  }
}
.p-recruit-govoice__item {
  display: block;
  position: relative;
}
.p-recruit-govoice__item::before {
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #f3f3f3;
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item::before {
    font-size: 37px;
    writing-mode: vertical-lr;
    top: 0;
    right: -55px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item::before {
    font-size: 18px;
    top: -30px;
    right: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item.staff01::after {
    background: url(/assets/images/recruit/home/img_staff01-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
  .p-recruit-govoice__item.staff01
    .p-recruit-govoice__item-title:nth-of-type(1)
    span {
    width: 444px;
  }
  .p-recruit-govoice__item.staff01
    .p-recruit-govoice__item-title:nth-of-type(2)
    span {
    width: 377px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item.staff01::after {
    background: url(/assets/images/recruit/home/img_staff01.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.p-recruit-govoice__item.staff01::before {
  content: "VOICE 01";
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item.staff02::after {
    background: url(/assets/images/recruit/home/img_staff02-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
  .p-recruit-govoice__item.staff02
    .p-recruit-govoice__item-title:nth-of-type(1)
    span {
    width: 480px;
  }
  .p-recruit-govoice__item.staff02
    .p-recruit-govoice__item-title:nth-of-type(2)
    span {
    width: 408px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item.staff02::after {
    background: url(/assets/images/recruit/home/img_staff02.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.p-recruit-govoice__item.staff02::before {
  content: "VOICE 02";
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item.staff03::after {
    background: url(/assets/images/recruit/home/img_staff03-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
  .p-recruit-govoice__item.staff03
    .p-recruit-govoice__item-title:nth-of-type(1)
    span {
    width: 444px;
  }
  .p-recruit-govoice__item.staff03
    .p-recruit-govoice__item-title:nth-of-type(2)
    span {
    width: 477px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item.staff03::after {
    background: url(/assets/images/recruit/home/img_staff03.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.p-recruit-govoice__item.staff03::before {
  content: "VOICE 03";
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item.staff04::after {
    background: url(/assets/images/recruit/home/img_staff04-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item.staff04::after {
    background: url(/assets/images/recruit/home/img_staff04.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.p-recruit-govoice__item.staff04::before {
  content: "VOICE 04";
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item.staff05::after {
    background: url(/assets/images/recruit/home/img_staff05-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
  .p-recruit-govoice__item.staff05
    .p-recruit-govoice__item-title:nth-of-type(1)
    span {
    width: 478px;
  }
  .p-recruit-govoice__item.staff05
    .p-recruit-govoice__item-title:nth-of-type(2)
    span {
    width: 371px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item.staff05::after {
    background: url(/assets/images/recruit/home/img_staff05.jpg) no-repeat 0 0;
    background-size: cover;
  }
}
.p-recruit-govoice__item.staff05::before {
  content: "VOICE 05";
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item {
    padding: 108px 0 107px 50px;
    overflow: hidden;
  }
  .p-recruit-govoice__item:hover::after {
    transform: scale(1.05);
  }
  .p-recruit-govoice__item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item {
    padding: 174px 20px 0 20px;
  }
  .p-recruit-govoice__item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 75%;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-title:nth-of-type(1) span {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-title:nth-of-type(2) span {
    padding-top: 5px;
  }
}
.p-recruit-govoice__item-title span {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  background: #e85c2a;
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-title span {
    font-size: 34px;
    line-height: 1.5;
    display: block;
    width: 515px;
    padding: 10px 0px 12px 15px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item-title span {
    font-size: 5.6vw;
    line-height: 1.75;
    padding: 8px 0 8px 12px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-name {
    margin: 30px 0 15px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item-name {
    margin: 45px 0 10px;
  }
}
.p-recruit-govoice__item-name span {
  letter-spacing: 0.02em;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-name span {
    margin-top: 25px;
    font-size: 21px;
    line-height: 1.8;
    padding: 5px 13px 7px 9px;
    background: #e85c2a;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item-name span {
    font-size: 17px;
    line-height: 1.4;
    color: #464646;
  }
}
.p-recruit-govoice__item-name span small {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-name span small {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item-name span small {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-info + .p-recruit-govoice__item-info {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item-info + .p-recruit-govoice__item-info {
    margin-top: 5px;
  }
}
.p-recruit-govoice__item-info span {
  letter-spacing: 0.02em;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-info span {
    font-size: 17px;
    line-height: 1.8;
    padding: 5px 13px 7px 9px;
    background: #e85c2a;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item-info span {
    font-size: 15px;
    line-height: 1.4;
    color: #464646;
  }
}
.p-recruit-govoice__item-info span small {
  font-family: var(--f-jp);
  font-weight: 500;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .p-recruit-govoice__item-info span small {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-recruit-govoice__item-info span small {
    font-size: 15px;
    margin-left: 5px;
  }
}
.p-gorequirement {
  position: relative;
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-gorequirement {
    width: 100%;
    height: 333px;
    margin: 160px auto 243px auto;
    background: url(/assets/images/recruit/home/img_requirement-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-gorequirement {
    margin-top: 287px;
    padding-left: 30px;
  }
  .p-gorequirement::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 290px;
    top: -230px;
    left: 0;
    background: url(/assets/images/recruit/home/img_requirement.jpg) no-repeat 0
      0;
    background-size: cover;
    z-index: -1;
  }
}
.p-gorequirement-item {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-gorequirement-item {
    width: 1004px;
    padding: 67px 133px 0 91px;
    position: absolute;
    right: 0;
    bottom: -126px;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-gorequirement-item {
    padding: 26px 25px;
  }
}
.p-gorequirement-item__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #e85c2a;
}
@media screen and (min-width: 768px), print {
  .p-gorequirement-item__title {
    font-size: 40px;
    line-height: 1.725;
  }
}
@media (max-width: 767px) {
  .p-gorequirement-item__title {
    font-size: 26px;
    line-height: 1.92;
  }
}
.p-gorequirement-item__title small {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-gorequirement-item__title small {
    font-size: 14px;
    width: 115px;
  }
}
@media (max-width: 767px) {
  .p-gorequirement-item__title small {
    font-size: 13px;
    width: 110px;
  }
}
.p-gorequirement-item__message {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-gorequirement-item__message {
    font-size: 17px;
    line-height: 2.11;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .p-gorequirement-item__message {
    font-size: 15px;
    line-height: 2.06;
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 768px), print {
  .p-gorequirement-item__text {
    width: 480px;
  }
}
@media (max-width: 767px) {
  .p-gorequirement-item__text {
    margin: 30px 0 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-gorequirement__button {
    width: 170px;
    padding-bottom: 10px;
  }
  .p-gorequirement__button .c-button-text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .p-gorequirement__button {
    width: 133px;
  }
}
.p-goentry-button {
  display: block;
  background: #222;
  color: #fff;
  text-align: center;
  position: relative;
  transition: background-color 0.5s ease;
}
.p-goentry-button::after {
  content: "";
  position: absolute;
  width: 2px;
  background: #fff;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-goentry-button::after {
    height: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-goentry-button::after {
    height: 47px;
    transition: height 0.5s ease;
  }
}
@media screen and (min-width: 768px), print {
  .p-goentry-button {
    width: 840px;
    margin: 0 auto 90px auto;
    padding: 60px 0;
  }
  .p-goentry-button:hover {
    background: #2f2f2f;
  }
  .p-goentry-button:hover::after {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .p-goentry-button {
    margin-top: 56px;
    padding: 35px 0 33px;
  }
}
.p-goentry-button__text {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .p-goentry-button__text {
    font-size: 26px;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .p-goentry-button__text {
    font-size: 18px;
  }
}
.p-goentry-button__text span {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-size: 14px;
  margin-top: 13px;
}
.l-header-recruit {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  background: #fff;
  z-index: 999;
  transition: padding 0.5s ease;
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .l-header-recruit {
    height: 92px;
    padding: 0 50px;
  }
}
@media (max-width: 767px) {
  .l-header-recruit {
    height: 55px;
    padding: 0 17.5px 0 15px;
  }
}
.l-header-recruit .p-header-recruit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
.l-header-recruit .p-header-recruit__title a {
  display: block;
}
@media screen and (min-width: 768px), print {
  .l-header-recruit .p-header-recruit__title a {
    width: 221px;
  }
}
@media (max-width: 767px) {
  .l-header-recruit .p-header-recruit__title a {
    width: 212px;
  }
}
.l-header-recruit .p-header-recruit__list {
  width: 841px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
.l-header-recruit .p-header-recruit__item {
  font-size: 15px;
  letter-spacing: 0.08em;
  font-weight: 500;
}
.l-header-recruit .p-header-recruit__item.item-entry {
  width: 130px;
  text-align: center;
  background-color: #e85c2a;
  border: 2px solid #e85c2a;
  transition: background-color 0.5s ease;
  border-radius: 21px;
}
.l-header-recruit .p-header-recruit__item.item-entry:hover {
  background: #fff;
}
.l-header-recruit .p-header-recruit__item.item-entry:hover a {
  color: #e85c2a;
}
.l-header-recruit .p-header-recruit__item.item-entry a {
  display: block;
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  transition: color 0.5s ease;
  padding: 12px 0;
}
.l-header-recruit .p-header-recruit__menu {
  position: relative;
  width: 30px;
}
.l-header-recruit .p-header-recruit__menu span {
  position: absolute;
  width: 28px;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background: #f6730e;
  display: inline-block;
  transition: all 0.5s;
}
.l-header-recruit .p-header-recruit__menu span:nth-of-type(1) {
  top: 0;
}
.l-header-recruit .p-header-recruit__menu span:nth-of-type(2) {
  top: 4px;
}
.l-header-recruit .p-header-recruit__menu span:nth-of-type(3) {
  top: 8px;
}
.l-header-recruit .p-header-recruit__menu p {
  margin-top: 16px;
  font-size: 10px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #f6730e;
}
.l-header-recruit .p-header-recruit__menu.active span:nth-of-type(1) {
  transform: translateX(-12px) translateY(2px) rotate(-30deg);
}
.l-header-recruit .p-header-recruit__menu.active span:nth-of-type(2) {
  opacity: 0;
}
.l-header-recruit .p-header-recruit__menu.active span:nth-of-type(3) {
  transform: translateX(-12px) translateY(-5px) rotate(30deg);
}
.js-menu-close__recruit {
  display: none;
}
.js-menu-close__recruit.active {
  display: block;
}
.js-menu-open__recruit.active {
  display: none;
}
.l-footer-recruit {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .l-footer-recruit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 96px 0 25px;
  }
}
@media (max-width: 767px) {
  .l-footer-recruit {
    padding: 50px 25px 22px 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-footer-recruit {
    margin: 0;
  }
}
.p-footer-recruit__heading .p-footer-address {
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__heading .p-footer-address {
    margin: 12px 0 0 0;
  }
}
@media (max-width: 767px) {
  .p-footer-recruit__heading .p-footer-address {
    color: #111111;
  }
}
.p-footer-recruit__logo {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__logo {
    width: 310px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .p-footer-recruit__logo {
    width: 310px;
    height: 29px;
    margin: 0 auto;
  }
}
.p-footer-recruit__logo img {
  width: 100%;
  height: 100%;
}
.p-footer-recruit__tel {
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  .p-footer-recruit__tel {
    font-size: 27px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #111;
    letter-spacing: 0.03em;
    margin-top: 14px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__tel {
    font-size: 39px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #464646;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__menu-list {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 40px;
  }
  .p-footer-recruit__menu-list ul + ul {
    margin-left: 55px;
  }
}
@media (max-width: 767px) {
  .p-footer-recruit__menu-list {
    margin-top: 30px;
  }
  .p-footer-recruit__menu-list ul + ul {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__menu-item + .p-footer-recruit__menu-item {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .p-footer-recruit__menu-item + .p-footer-recruit__menu-item {
    margin-top: 16px;
  }
}
.p-footer-recruit__menu-item a {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__menu-item {
    font-family: var(--f-jp);
    font-weight: 500;
    font-size: 13px;
    color: #464646;
    transition: color 0.5s ease;
  }
  .p-footer-recruit__menu-item:hover {
    color: #e85c2a;
  }
}
@media (max-width: 767px) {
  .p-footer-recruit__menu-item {
    font-size: 14px;
    line-height: 1.42;
    color: #111;
    text-align: center;
  }
}
.p-footer-recruit__button {
  display: block;
  text-align: center;
  color: #fff;
  background: #222;
  font-family: var(--f-jp);
  font-weight: 700;
}
.p-footer-recruit__button.goback {
  background: #fff;
  color: #464646;
  margin-top: 10px;
  border: 2px solid #222;
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__button.goback:hover {
    color: #fff;
  }
  .p-footer-recruit__button.goback:hover span {
    color: #fff;
  }
}
.p-footer-recruit__button.goback span {
  color: #f6730e;
  display: block;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-top: 9px;
  transition: color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__button {
    width: 378px;
    margin-top: 22px;
    padding: 18px 0;
    border-radius: 2px;
    font-size: 16px;
    letter-spacing: 0.1em;
    transition: background-color 0.5s ease;
  }
  .p-footer-recruit__button:hover {
    background: #2f2f2f;
  }
}
@media (max-width: 767px) {
  .p-footer-recruit__button {
    margin-top: 40px;
    padding: 19px 0;
    font-size: 15px;
    letter-spacing: 0.04em;
  }
}
.p-footer-recruit__copyright {
  text-transform: uppercase;
  color: #111111;
}
@media screen and (min-width: 768px), print {
  .p-footer-recruit__copyright {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 10px;
    margin-top: 50px;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .p-footer-recruit__copyright {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 0.04em;
    font-size: 8px;
    margin-top: 20px;
    text-align: center;
    line-height: 1.25;
  }
}
.l-nav-recruit {
  background: #fff;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 3;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
}
.l-nav-recruit.active {
  opacity: 1;
  visibility: visible;
}
.p-nav-recruit {
  width: 62%;
  padding-top: 55px;
  margin-left: 11.5%;
}
.p-nav-recruit .js-recruit-navtext {
  opacity: 0;
  transition: opacity 0.4s ease;
  transition-delay: 0.4s;
}
.p-nav-recruit .js-recruit-navtext.active {
  opacity: 1;
}
.p-nav-recruit__item + .p-nav-recruit__item {
  margin-top: 18px;
}
.p-nav-recruit__item a {
  display: block;
  color: #111;
  font-size: 4vw;
  letter-spacing: 0.02em;
  line-height: 1.46;
}
.p-nav-recruit__logo {
  width: 110px;
  margin-top: 60px;
}
.p-nav-recruit__logo-text {
  display: inline-block;
  margin-top: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.1em;
  padding-bottom: 5px;
  border-bottom: 2px solid #111111;
}
.p-nav-recruit__button {
  display: block;
  margin-top: 60px;
  width: 100%;
  background: #f79f49;
  padding: 17px 0;
  text-align: center;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 16px;
}
.p-nav-recruit__bar {
  position: absolute;
  width: 55px;
  height: 100%;
  background: #e85c2a;
  right: 0;
  top: 0;
  margin-top: 100vh;
  transition: margin 0.4s ease;
  transition-delay: 0.6s;
}
.p-nav-recruit__bar.active {
  margin-top: 0;
}
.p-nav-recruit__bar-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  writing-mode: vertical-lr;
  color: #fff;
  font-size: 11px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition-delay: 1s;
}
.p-nav-recruit__bar-text.active {
  opacity: 1;
  transform: translateY(0);
}
.p-nav-recruit__bar-text::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background: #fff;
  bottom: -35px;
  right: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy .p-mv-recruit {
    height: 100vh;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy .p-mv-recruit {
    padding-top: 0;
  }
}
.p-recruit-philosophy .p-mv-recruit::after {
  content: "VALUE";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffb598;
  opacity: 0.2;
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy .p-mv-recruit::after {
    font-size: 286px;
    bottom: 0;
    left: auto;
    transform: none;
    right: -76px;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy .p-mv-recruit::after {
    font-size: 69px;
    right: 0;
    left: auto;
    bottom: -40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy .p-mv-recruit__img {
    width: 60%;
    height: 85.5%;
    background: url(/assets/images/recruit/philosophy/img_mv-pc.jpg) no-repeat 0
      0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy .p-mv-recruit__img {
    width: 520px;
    height: 66%;
    background: url(/assets/images/recruit/philosophy/img_mv.jpg) no-repeat 0 0;
    background-size: 70%;
    background-position: left;
    top: 196px;
    left: 20%;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy .p-mv-recruit__text {
    width: 620px;
    top: 27%;
    left: 8%;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy .p-mv-recruit__text {
    width: 86%;
    top: 105px;
    left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy .p-mv-recruit__title span:nth-of-type(2)::after {
    width: 515px;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy .p-mv-recruit__title span:nth-of-type(2)::after {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy .p-mv-recruit__button-wrap {
    bottom: 100px;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy .p-mv-recruit__button-wrap {
    bottom: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy .p-mv-recruit__scroll {
    bottom: -25px;
  }
}
.p-recruit-philosophy__message {
  background: #e85c2a;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy__message::after {
    content: "";
    position: absolute;
    width: 1233px;
    height: 536px;
    background: url(/assets/images/recruit/philosophy/img_philosophy01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
    bottom: -337px;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy__message {
    padding: 140px 0 316px;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy__message {
    padding: 30px 20px 50px 20px;
  }
}
.p-recruit-philosophy__title {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy__title {
    font-size: 50px;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy__title {
    font-size: 9.333vw;
    line-height: 1.7;
    margin-bottom: 50px;
  }
  .p-recruit-philosophy__title span {
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
  }
  .p-recruit-philosophy__title span.indent {
    text-indent: 0em;
  }
}
.p-recruit-philosophy__text {
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy__text + .p-recruit-philosophy__text {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy__text + .p-recruit-philosophy__text {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-philosophy__text {
    width: 619px;
    margin: 0 auto;
    text-align: center;
    font-family: var(--f-jp);
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.05em;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-recruit-philosophy__text {
    font-size: 15px;
    font-family: var(--f-jp);
    font-weight: 500;
    line-height: 2.06;
    letter-spacing: 0.02em;
  }
}
.p-recruit-philosophy__imgBlock {
  width: 100%;
  height: 340px;
  background: url(/assets/images/recruit/philosophy/img_philosophy01.jpg)
    no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.p-recruit-service {
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service {
    width: 78%;
    margin: 0 auto;
    padding: 457px 0 120px 35px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service {
    margin: 40px 0 50px;
    padding: 0 20px;
  }
}
.p-recruit-service__tit-eng {
  color: #e85c2a;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__tit-eng {
    letter-spacing: 0.03em;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__tit-eng {
    letter-spacing: 0.05em;
  }
}
.p-recruit-service__title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__title {
    font-size: 40px;
    letter-spacing: 0.05em;
    margin: 40px 0 50px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__title {
    font-size: 28px;
    letter-spacing: 0.04em;
    margin: 26px 0;
  }
}
.p-recruit-service__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__text {
    font-size: 17px;
    line-height: 2.11;
    margin-bottom: 96px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__text {
    font-size: 15px;
    line-height: 2.06;
    margin-bottom: 67px;
  }
}
.p-recruit-service__item {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__item + .p-recruit-service__item {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__item + .p-recruit-service__item {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.p-recruit-service__item-title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__item-title {
    font-size: 26px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__item-title {
    font-size: 22px;
    letter-spacing: 0.02em;
    margin-bottom: 16px;
  }
}
.p-recruit-service__item-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__item-text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__item-text {
    font-size: 15px;
    line-height: 2.06;
  }
}
.p-recruit-service__num {
  color: #e85c2a;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__num {
    font-size: 25px;
    left: 12px;
    top: -14px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__num {
    font-size: 24px;
    left: 14px;
    top: -11px;
  }
}
.p-recruit-service__ico {
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__ico {
    width: 240px;
    height: 200px;
    margin-right: 50px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__ico {
    height: 144px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__ico .ico-home {
    width: 114px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__ico .ico-home {
    width: 110px;
    height: 96px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__ico .ico-building {
    width: 109px;
    height: 104px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__ico .ico-building {
    width: 101px;
    height: 96px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__ico .ico-business {
    width: 139px;
    height: 94px;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__ico .ico-business {
    width: 141px;
    height: 96px;
  }
}
.p-recruit-service__button {
  text-align: center;
  display: block;
  border: 2px solid #e85c2a;
  color: #e85c2a;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-recruit-service__button {
    width: 526px;
    margin: 110px auto 0 auto;
    padding: 21px 0;
    font-size: 16px;
    letter-spacing: 0.1em;
    transition: background-color 0.5s ease, color 0.5s ease;
  }
  .p-recruit-service__button:hover {
    color: #fff;
    background: #e85c2a;
  }
}
@media (max-width: 767px) {
  .p-recruit-service__button {
    margin-top: 60px;
    padding: 19px 0;
    font-size: 15px;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk .p-mv-recruit {
    padding-top: 0;
  }
}
.p-recruit-talk .p-mv-recruit::after {
  content: "CROSS TALK";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffb598;
  opacity: 0.2;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit::after {
    width: 2000px;
    font-size: 286px;
    bottom: 0;
    left: auto;
    transform: none;
    right: -650px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk .p-mv-recruit::after {
    display: none;
    width: 480px;
    font-size: 69px;
    right: -220px;
    left: auto;
    bottom: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit__img {
    width: 63%;
    height: 85.5%;
    background: url(/assets/images/recruit/talk/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk .p-mv-recruit__img {
    width: 752px;
    height: 66%;
    background: url(/assets/images/recruit/talk/img_mv.jpg) no-repeat 0 0;
    background-size: 50%;
    background-position: top left;
    top: 196px;
    left: 20%;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit__text {
    width: 620px;
    top: 27%;
    left: 8%;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk .p-mv-recruit__text {
    width: 86%;
    top: 105px;
    left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit__title span:nth-of-type(2)::after {
    width: 515px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk .p-mv-recruit__title span:nth-of-type(2)::after {
    width: 100%;
  }
}
.p-recruit-talk .p-mv-recruit__title-eng {
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit__title-eng {
    margin: 40px 0 60px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-recruit-talk .p-mv-recruit__title-eng {
    margin: 30px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit__message {
    width: 370px;
    font-family: var(--f-jp);
    font-weight: 500;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.02em;
    line-height: 2.11;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit__button-wrap {
    bottom: 100px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk .p-mv-recruit__button-wrap {
    bottom: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk .p-mv-recruit__scroll {
    bottom: -25px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk .p-mv-recruit__textBlock {
    padding: 20px 20px 90px 20px;
    background: #e85c2a;
    position: relative;
  }
  .p-recruit-talk .p-mv-recruit__textBlock::after {
    content: "CROSS TALK";
    position: absolute;
    width: 480px;
    font-size: 69px;
    right: -220px;
    left: auto;
    bottom: 40px;
  }
}
.p-recruit-talk .p-mv-recruit__scroll {
  bottom: -25px;
  padding: 10px 10px 55px;
}
.p-recruit-talk .p-mv-recruit__scroll::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 50px;
  background: #e85c2a;
}
.p-recruit-talk .p-mv-recruit__scroll::after {
  height: 50px;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__list {
    width: 100%;
    margin: 200px auto 0 auto;
    padding-left: 226px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__list {
    margin-top: 81px;
  }
}
.p-recruit-talk__list .u-recruit-fadein {
  transition-delay: 2s;
}
.p-recruit-talk__item {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item:hover .p-recruit-talk__item-img::after {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item + .p-recruit-talk__item {
    margin-top: 125px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item + .p-recruit-talk__item {
    margin-top: 70px;
  }
}
.p-recruit-talk__item-img {
  position: relative;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-img.talk01::after {
    background: url(/assets/images/recruit/talk/img-talk01-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-img.talk01 {
    background: url(/assets/images/recruit/talk/img-talk01.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-img.talk02::after {
    background: url(/assets/images/recruit/talk/img-talk02-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-img.talk02 {
    background: url(/assets/images/recruit/talk/img-talk02.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-img.talk03::after {
    background: url(/assets/images/recruit/talk/img-talk03-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-img.talk03 {
    background: url(/assets/images/recruit/talk/img-talk03.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-img {
    height: 492px;
    overflow: hidden;
  }
  .p-recruit-talk__item-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-img {
    height: 306px;
  }
}
.p-recruit-talk__item-num {
  color: #e85c2a;
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-num {
    font-size: 50px;
    left: -93px;
    top: -60px;
    line-height: 1.34;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-num {
    font-size: 32px;
    left: 20px;
    top: -40px;
    line-height: 1.43;
  }
}
.p-recruit-talk__item-title {
  position: absolute;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-title {
    top: 246px;
    left: -92px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-title {
    top: 170px;
    left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-title h5 {
    font-size: 40px;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-title h5 {
    font-size: 6.933vw;
    line-height: 1.7;
  }
}
.p-recruit-talk__item-title span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.p-recruit-talk__item-title span::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: #e85c2a;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-title span {
    padding: 12px 17px 19px;
  }
  .p-recruit-talk__item-title span:nth-of-type(1) {
    display: inline-block;
  }
  .p-recruit-talk__item-title span:nth-of-type(1)::after {
    width: 100%;
  }
  .p-recruit-talk__item-title span:nth-of-type(2) {
    top: -16px;
  }
  .p-recruit-talk__item-title span:nth-of-type(2)::after {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-title span {
    padding: 8px 14px 11px;
  }
  .p-recruit-talk__item-title span::after {
    width: 100%;
  }
  .p-recruit-talk__item-title span:nth-of-type(1) {
    padding-bottom: 4px;
  }
  .p-recruit-talk__item-title span:nth-of-type(1)::after {
    width: 100%;
  }
  .p-recruit-talk__item-title span:nth-of-type(2) {
    top: -10px;
  }
  .p-recruit-talk__item-title span:nth-of-type(2)::after {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-info {
    margin-top: 21px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-info {
    margin-top: 60px;
    padding: 0 20px;
  }
}
.p-recruit-talk__item-info span {
  color: #dbdbdb;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.9;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-info span {
    display: block;
    font-size: 14px;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-info span {
    font-size: 13px;
  }
}
.p-recruit-talk__item-info ul {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .p-recruit-talk__item-info ul {
    justify-content: space-between;
    width: 80%;
  }
}
.p-recruit-talk__item-info ul li {
  color: #464646;
}
@media (max-width: 767px) {
  .p-recruit-talk__item-info ul li {
    width: 44%;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-info ul li + li {
    margin-left: 30px;
  }
}
.p-recruit-talk__item-name {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-name {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-name {
    font-size: 4vw;
    letter-spacing: 0.02em;
    line-height: 1.8;
    margin-bottom: 3px;
  }
}
.p-recruit-talk__item-depart {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__item-depart {
    font-size: 17px;
    line-height: 2.11;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__item-depart {
    font-size: 4vw;
    letter-spacing: 0.02em;
    line-height: 1.3;
  }
}
.p-recruit-talk__banner {
  position: relative;
  display: block;
}
.p-recruit-talk__banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__banner::after {
    background: url(/assets/images/recruit/talk/img_banner-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__banner::after {
    background: url(/assets/images/recruit/talk/img_banner.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__banner {
    width: 100%;
    height: 270px;
    margin: 182px auto 0 auto;
    overflow: hidden;
  }
  .p-recruit-talk__banner:hover::after {
    transform: scale(1.05);
  }
  .p-recruit-talk__banner:hover .p-recruit-talk__banner-arrow {
    background: #e85c2a;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__banner {
    width: 100%;
    height: 220px;
    padding: 82px 0 0 20px;
    margin-top: 40px;
  }
}
.p-recruit-talk__banner-heading {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__banner-heading {
    position: absolute;
    width: 420px;
    right: 110px;
    bottom: 127px;
    justify-content: space-between;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__banner-heading {
    margin-bottom: 11px;
  }
}
.p-recruit-talk__banner-title {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__banner-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__banner-title {
    font-size: 26px;
  }
}
.p-recruit-talk__banner-arrow {
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  background: transparent;
}
.p-recruit-talk__banner-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/assets/images/common/ico_to-right-white.png) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__banner-arrow::after {
    width: 11px;
    height: 10px;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__banner-arrow::after {
    width: 10px;
    height: 9px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__banner-arrow {
    width: 42px;
    height: 42px;
    transition: background-color 0.5s ease;
  }
}
@media (max-width: 767px) {
  .p-recruit-talk__banner-arrow {
    width: 31px;
    height: 31px;
    margin-left: 20px;
  }
}
.p-recruit-talk__banner p {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-talk__banner p {
    position: absolute;
    bottom: 90px;
    right: 100px;
  }
}
.p-talk-detail__mv {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv.talk01 {
    background: url(/assets/images/recruit/talk/detail/img_mv-talk01-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv.talk02 {
    background: url(/assets/images/recruit/talk/detail/img_mv-talk02-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv.talk03 {
    background: url(/assets/images/recruit/talk/detail/img_mv-talk03-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv {
    width: 100%;
    height: 100vh;
  }
  .p-talk-detail__mv::after {
    content: "CROSS TALK";
    position: absolute;
    width: 1970px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 286px;
    letter-spacing: 0.03em;
    color: #ffb598;
    opacity: 0.2;
    bottom: -180px;
    right: -990px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-talk-detail__mv::after {
    width: 2000px;
  }
}
@media (max-width: 767px) {
  .p-talk-detail__mv {
    width: 100%;
    height: 100vh;
    background: #e85c2a;
  }
}
.p-talk-detail__mv-img {
  height: 55%;
  padding-top: 55px;
}
.p-talk-detail__mv-img.talk01 {
  background: url(/assets/images/recruit/talk/detail/img_mv-talk01.jpg)
    no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.p-talk-detail__mv-img.talk02 {
  background: url(/assets/images/recruit/talk/detail/img_mv-talk02.jpg)
    no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
.p-talk-detail__mv-img.talk03 {
  background: url(/assets/images/recruit/talk/detail/img_mv-talk03.jpg)
    no-repeat 0 0;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .p-talk-detail__mv-img {
    height: 58%;
  }
}
.p-talk-detail__mv-text {
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv-text {
    position: absolute;
    bottom: 35px;
    left: 8%;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-talk-detail__mv-text {
    width: 650px;
  }
}
@media (max-width: 767px) {
  .p-talk-detail__mv-text {
    padding: 31px 20px 0 20px;
    position: relative;
  }
  .p-talk-detail__mv-text::after {
    content: "CROSS TALK";
    position: absolute;
    width: 515px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 75px;
    letter-spacing: 0.03em;
    color: #ffb598;
    opacity: 0.2;
    top: 0;
    right: -255px;
  }
}
.p-talk-detail__mv-num {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv-num {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  .p-talk-detail__mv-num {
    font-size: 54px;
    display: flex;
  }
}
.p-talk-detail__mv-num span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  position: relative;
}
.p-talk-detail__mv-num span::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv-num span::after {
    top: -12px;
    right: 7px;
  }
}
@media (max-width: 767px) {
  .p-talk-detail__mv-num span::after {
    bottom: 7px;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv-num span {
    text-align: right;
    font-size: 13px;
    line-height: 1.46;
    margin-top: 16px;
    padding-right: 7px;
  }
}
@media (max-width: 767px) {
  .p-talk-detail__mv-num span {
    font-size: 12px;
    line-height: 1.41;
    margin-left: 16px;
    padding-top: 5px;
  }
}
.p-talk-detail__mv-title-wrap {
  display: block;
}
.p-talk-detail__mv-title {
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-talk-detail__mv-title {
    font-size: 40px;
    letter-spacing: 0.02em;
    line-height: 1.45;
    margin-left: 25px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .p-talk-detail__mv-title {
    font-size: 6.933vw;
    letter-spacing: 0.04em;
    line-height: 1.84;
    margin-top: 10px;
  }
}
.p-talk-detail__mv .p-mv-recruit__scroll {
  padding: 10px 10px 60px;
  bottom: -23px;
}
.p-talk-detail__mv .p-mv-recruit__scroll::after {
  height: 48px;
}
.p-talk-member {
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-talk-member {
    padding-top: 170px;
    position: relative;
  }
  .p-talk-member::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 278px;
    top: 0;
    left: 0;
    background: #e85c2a;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .p-talk-member {
    padding: 40px 20px 70px 20px;
  }
}
.p-talk-member__inner {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-talk-member__inner {
    width: 1110px;
    margin: 0 auto;
    padding: 65px 80px 88px 80px;
  }
}
.p-talk-member__title {
  color: #e85c2a;
  font-size: 14px;
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
}
.p-talk-member__list {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
@media screen and (min-width: 768px), print {
  .p-talk-member__list {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .p-talk-member__list {
    margin-top: 20px;
    flex-wrap: wrap;
  }
}
.p-talk-member__item:nth-of-type(2) {
  transition-delay: 1s;
}
.p-talk-member__item:nth-of-type(3) {
  transition-delay: 1.4s;
}
.p-talk-member__item:nth-of-type(4) {
  transition-delay: 1.8s;
}
@media (max-width: 767px) {
  .p-talk-member__item:nth-child(even) {
    margin-left: 23px;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-member__item + .p-talk-member__item {
    margin-left: 42px;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-member__item {
    width: 206px;
  }
}
@media (max-width: 767px) {
  .p-talk-member__item {
    width: 45%;
  }
  .p-talk-member__item:nth-child(n + 3) {
    margin-top: 24px;
  }
}
.p-talk-member__info {
  border-left: 2px solid #e85c2a;
}
@media screen and (min-width: 768px), print {
  .p-talk-member__info {
    margin-top: 20px;
    padding-left: 17px;
  }
}
@media (max-width: 767px) {
  .p-talk-member__info {
    margin-top: 12px;
    padding-left: 14px;
  }
}
.p-talk-member__name {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-talk-member__name {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .p-talk-member__name {
    font-size: 15px;
    margin-bottom: 12px;
  }
}
.p-talk-member__depart {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
}
.p-talk {
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-talk {
    margin-bottom: 130px;
  }
}
@media (max-width: 767px) {
  .p-talk {
    margin-bottom: 60px;
  }
}
.p-talk-titleblock {
  border-left: 2px solid #e85c2a;
}
@media screen and (min-width: 768px), print {
  .p-talk-titleblock {
    width: 950px;
    margin: 0 auto;
    padding-left: 28px;
  }
}
@media (max-width: 767px) {
  .p-talk-titleblock {
    margin: 0 20px;
    padding-left: 22px;
  }
}
.p-talk-title__eng {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.03em;
  color: #e85c2a;
}
.p-talk-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  .p-talk-title {
    font-size: 40px;
    line-height: 59px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .p-talk-title {
    font-size: 26px;
    line-height: 40px;
    margin-top: 6px;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock {
    width: 100%;
    height: 475px;
    margin: 40px 0 70px;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock {
    margin: 30px 0 40px;
    height: 306px;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk01-imgblock01 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk01-1-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk01-imgblock01 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk01-1.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk01-imgblock02 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk01-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk01-imgblock02 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk01-2.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk02-imgblock01 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk02-1-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk02-imgblock01 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk02-1.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk02-imgblock02 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk02-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk02-imgblock02 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk02-2.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk03-imgblock01 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-1-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk03-imgblock01 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-1.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk03-imgblock02 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk03-imgblock02 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-2.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk03-imgblock03 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-3-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk03-imgblock03 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-3.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-imgblock.talk03-imgblock04 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-4-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-talk-imgblock.talk03-imgblock04 {
    background: url(/assets/images/recruit/talk/detail/imgBlock_talk03-4.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-list {
    width: 972px;
    margin: 0 auto;
    padding-left: 22px;
  }
}
@media (max-width: 767px) {
  .p-talk-list {
    margin: 0 20px;
  }
}
.p-talk-item {
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-talk-item.single {
    align-items: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-item + .p-talk-item {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .p-talk-item + .p-talk-item {
    margin-top: 33px;
  }
}
@media screen and (min-width: 768px), print {
  .p-talk-img {
    width: 67px;
    height: 67px;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .p-talk-img {
    width: 16%;
    height: 55px;
  }
}
.p-talk-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-talk-contents {
    width: 852px;
  }
}
@media (max-width: 767px) {
  .p-talk-contents {
    width: 78%;
  }
}
.p-talk-name {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-talk-name {
    margin-top: 6px;
    font-size: 12px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-talk-name {
    font-size: 14px;
  }
}
.p-talk-name span {
  color: #e85c2a;
}
@media screen and (min-width: 768px), print {
  .p-talk-name span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-talk-name span {
    font-size: 15px;
  }
}
.p-talk-text {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-talk-text {
    font-size: 17px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .p-talk-text {
    margin-top: 10px;
    font-size: 15px;
    line-height: 31px;
    color: #111;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit {
    height: 100vh;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-mv-recruit {
    padding-top: 0;
  }
}
.p-recruit-voices .p-mv-recruit::after {
  content: "VOICES from Working Staff";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffb598;
  opacity: 0.2;
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit::after {
    width: 4340px;
    font-size: 286px;
    bottom: 0;
    left: auto;
    transform: none;
    right: -3360px;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-mv-recruit::after {
    display: none;
    width: 480px;
    font-size: 69px;
    right: -220px;
    left: auto;
    bottom: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit__img {
    width: 63%;
    height: 85.5%;
    background: url(/assets/images/recruit/voices/img_mv-pc.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-mv-recruit__img {
    width: 409px;
    height: 66%;
    background: url(/assets/images/recruit/voices/img_mv.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: center;
    top: 196px;
    left: 20%;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit__text {
    width: 700px;
    top: 27%;
    left: 8%;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-mv-recruit__text {
    width: 86%;
    top: 105px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-mv-recruit__title span:nth-of-type(2)::after {
    width: 100%;
  }
}
.p-recruit-voices .p-mv-recruit__title-eng {
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit__title-eng {
    margin: 40px 0 60px;
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none),
  print and (-ms-high-contrast: none),
  screen and (min-width: 768px) and (-ms-high-contrast: active),
  print and (-ms-high-contrast: active) {
  .p-recruit-voices .p-mv-recruit__title-eng {
    margin: 30px 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit__message {
    width: 370px;
    font-family: var(--f-jp);
    font-weight: 500;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.02em;
    line-height: 2.11;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit__button-wrap {
    bottom: 100px;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-mv-recruit__button-wrap {
    bottom: 5px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-mv-recruit__scroll {
    bottom: -25px;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-mv-recruit__textBlock {
    padding: 20px 20px 90px 20px;
    background: #e85c2a;
    position: relative;
  }
  .p-recruit-voices .p-mv-recruit__textBlock::after {
    content: "VOICES from Working Staff";
    position: absolute;
    width: 1050px;
    font-size: 69px;
    right: -768px;
    left: auto;
    bottom: 40px;
  }
}
.p-recruit-voices .p-mv-recruit__scroll {
  bottom: -25px;
  padding: 10px 10px 55px;
}
.p-recruit-voices .p-mv-recruit__scroll::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 50px;
  background: #e85c2a;
}
.p-recruit-voices .p-mv-recruit__scroll::after {
  height: 50px;
}
@media screen and (min-width: 768px), print {
  .p-recruit-voices .p-recruit-govoice {
    margin: 135px auto 90px auto;
  }
}
@media (max-width: 767px) {
  .p-recruit-voices .p-recruit-govoice {
    margin-bottom: 50px;
  }
}
.p-mv-voices {
  width: 100%;
  position: relative;
}
.p-mv-voices::after {
  content: "VOICES from Working Staff";
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ebebeb;
  opacity: 0.3;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices::after {
    width: 4340px;
    font-size: 286px;
    bottom: -40px;
    left: auto;
    transform: none;
    right: -3360px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices::after {
    width: 1050px;
    font-size: 69px;
    right: -768px;
    bottom: -47px;
    z-index: -1;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices {
    padding: 173px 0 0 0;
    height: 100vh;
  }
}
@media (max-width: 767px) {
  .p-mv-voices {
    padding-top: 55px;
    height: 100vh;
  }
}
.p-mv-voices__inner {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__img.voice01 {
    background: url(/assets/images/recruit/voices/detail/interview01-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__img.voice01 {
    background: url(/assets/images/recruit/voices/detail/interview01-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__img.voice02 {
    background: url(/assets/images/recruit/voices/detail/interview02-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__img.voice02 {
    background: url(/assets/images/recruit/voices/detail/interview02-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__img.voice03 {
    background: url(/assets/images/recruit/voices/detail/interview03-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__img.voice03 {
    background: url(/assets/images/recruit/voices/detail/interview03-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__img.voice04 {
    background: url(/assets/images/recruit/voices/detail/interview04-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__img.voice04 {
    background: url(/assets/images/recruit/voices/detail/interview04-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__img.voice05 {
    background: url(/assets/images/recruit/voices/detail/interview05-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__img.voice05 {
    background: url(/assets/images/recruit/voices/detail/interview05-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__img {
    position: absolute;
    width: 70%;
    height: 87%;
    top: 0;
    right: 0;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__img {
    width: 100%;
    height: 60%;
  }
}
.p-mv-voices__text {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__text {
    width: 555px;
    top: 22%;
    left: 7%;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__text {
    width: 90%;
    top: 59%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.p-mv-voices__title-eng {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
  color: #cbcbcb;
  text-transform: uppercase;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-eng {
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__title-eng {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 24px;
    line-height: 1.3;
  }
}
.p-mv-voices__num {
  color: #e85c2a;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__num {
    font-size: 25px;
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__num {
    font-size: 21px;
    margin-top: -5px;
    margin-left: 8px;
  }
}
.p-mv-voices__title-inner {
  display: block !important;
}
@media (max-width: 767px) {
  .p-mv-voices__title-inner:nth-of-type(2) span {
    top: -18px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title {
    width: 595px;
    margin: 30px 0 65px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__title {
    width: 100%;
  }
}
.p-mv-voices__title-wrap {
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: width 0.6s 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.p-mv-voices__title-wrap.active {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice01
    .p-mv-voices__title-inner:nth-of-type(1)
    span {
    width: 500px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice01
    .p-mv-voices__title-inner:nth-of-type(2)
    span {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice02
    .p-mv-voices__title-inner:nth-of-type(1)
    span {
    width: 540px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice02
    .p-mv-voices__title-inner:nth-of-type(2)
    span {
    width: 460px;
    padding-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice03
    .p-mv-voices__title-inner:nth-of-type(1)
    span {
    width: 500px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice03
    .p-mv-voices__title-inner:nth-of-type(2)
    span {
    width: 540px;
    padding-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice04
    .p-mv-voices__title-inner:nth-of-type(2)
    span {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice05
    .p-mv-voices__title-inner:nth-of-type(1)
    span {
    width: 540px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title-wrap.voice05
    .p-mv-voices__title-inner:nth-of-type(2)
    span {
    width: 420px;
    padding-top: 0;
  }
}
.p-mv-voices__title span {
  display: inline-block;
  font-family: var(--f-jp);
  font-weight: 700;
  color: #fff;
  position: relative;
}
.p-mv-voices__title span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e85c2a;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__title span {
    font-size: 40px;
    line-height: 58px;
    padding: 12px 18px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__title span {
    font-size: 6.2vw;
    line-height: 32px;
    padding: 12px 15px 15px 15px;
  }
}
.p-mv-voices__info {
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__info {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__info {
    margin: 20px 0 0 0;
  }
}
.p-mv-voices__info-item {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__info-item.name {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__info-item.name {
    margin-bottom: 20px;
  }
}
.p-mv-voices__info-item p + p {
  margin-left: 8px;
}
.p-mv-voices__info-item + .p-mv-voices__info-item {
  margin-top: 10px;
}
.p-mv-voices__info-title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__info-title.name {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__info-title.name {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__info-title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__info-title {
    font-size: 15px;
  }
}
.p-mv-voices__info-content {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-mv-voices__info-content {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-mv-voices__info-content {
    font-size: 15px;
  }
}
.p-mv-voices__scroll {
  display: inline-block;
  position: absolute;
  left: 2%;
  bottom: -23px;
  z-index: 2;
  padding: 10px 10px 60px;
  overflow: hidden;
  color: #e85c2a;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  writing-mode: vertical-lr;
}
.p-mv-voices__scroll::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 48px;
  background: #e85c2a;
  animation: sdl 2s infinite;
  animation-timing-function: ease;
}
@media screen and (min-width: 768px), print {
  .p-voices-reason {
    width: 1100px;
    margin: 170px auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-voices-reason {
    margin: 68px 20px 0 20px;
  }
}
.p-voices-reason__img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-voices-reason__img {
    width: 490px;
  }
}
@media (max-width: 767px) {
  .p-voices-reason__img {
    width: 100%;
    height: 371px;
    margin-top: 30px;
  }
}
.p-voices-reason__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .p-voices-reason__contents {
    width: 520px;
  }
}
.c-voices-title__eng {
  color: #e85c2a;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .c-voices-title__eng {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .c-voices-title__eng {
    font-size: 13px;
  }
}
.c-voices-title__eng.question {
  position: relative;
}
.c-voices-title__eng.question::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  background: #e85c2a;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
}
.c-voices-title {
  color: #464646;
  font-family: var(--f-jp);
  font-weight: 700;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-voices-title {
    font-size: 26px;
    letter-spacing: 0.05em;
    line-height: 2;
  }
}
@media (max-width: 767px) {
  .c-voices-title {
    font-size: 5.867vw;
    letter-spacing: 0.04em;
    line-height: 1.54;
  }
}
.c-voices-title__wrap {
  display: block;
}
@media screen and (min-width: 768px), print {
  .c-voices-title.main {
    font-size: 34px;
    line-height: 1.5;
    margin: 33px 0 50px;
  }
}
@media (max-width: 767px) {
  .c-voices-title.main {
    font-size: 7.467vw;
    line-height: 1.64;
    margin: 15px 0 26px;
  }
}
.c-voices-text {
  color: #464646;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .c-voices-text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .c-voices-text {
    font-size: 15px;
    line-height: 2.06;
  }
}
.c-voices-text.gray {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .c-voices-text.gray {
    padding: 50px 52px;
  }
}
@media (max-width: 767px) {
  .c-voices-text.gray {
    margin-top: 27px;
    padding: 39px 20px 30px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-answers {
    width: 1100px;
    margin: 130px auto 112px auto;
    display: flex;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-voices-answers {
    margin: 47px 0 70px;
  }
}
.p-voices-answers__contents {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-voices-answers__contents {
    width: 514px;
  }
}
@media (max-width: 767px) {
  .p-voices-answers__contents + .p-voices-answers__contents {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-voices-answers__contents .c-voices-title__eng {
    margin-left: 20px;
  }
}
.p-voices-answers__contents .c-voices-title {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-voices-answers__contents .c-voices-title {
    left: 0;
    top: 30px;
  }
}
@media (max-width: 767px) {
  .p-voices-answers__contents .c-voices-title {
    left: 20px;
    top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-answers__contents .c-voices-text {
    margin-top: 42px;
  }
}
.p-voices-imgblock {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .p-voices-imgblock {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .p-voices-imgblock {
    height: 220px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-imgblock.voice01 {
    background: url(/assets/images/recruit/voices/detail/interview01-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-voices-imgblock.voice01 {
    background: url(/assets/images/recruit/voices/detail/interview01-2.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-imgblock.voice02 {
    background: url(/assets/images/recruit/voices/detail/interview02-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-voices-imgblock.voice02 {
    background: url(/assets/images/recruit/voices/detail/interview02-2.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-imgblock.voice03 {
    background: url(/assets/images/recruit/voices/detail/interview03-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-voices-imgblock.voice03 {
    background: url(/assets/images/recruit/voices/detail/interview03-2.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-imgblock.voice04 {
    background: url(/assets/images/recruit/voices/detail/interview04-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-voices-imgblock.voice04 {
    background: url(/assets/images/recruit/voices/detail/interview04-2.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-imgblock.voice05 {
    background: url(/assets/images/recruit/voices/detail/interview05-2-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .p-voices-imgblock.voice05 {
    background: url(/assets/images/recruit/voices/detail/interview05-2.jpg)
      no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-answer {
    width: 1100px;
    margin: 130px auto 112px auto;
  }
}
@media (max-width: 767px) {
  .p-voices-answer {
    margin: 61px 0 54px;
  }
}
.p-voices-answer__contents {
  position: relative;
}
@media (max-width: 767px) {
  .p-voices-answer__contents .c-voices-title__eng {
    margin-left: 20px;
  }
}
.p-voices-answer__contents .c-voices-title {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .p-voices-answer__contents .c-voices-title {
    left: 0;
    top: 30px;
  }
}
@media (max-width: 767px) {
  .p-voices-answer__contents .c-voices-title {
    left: 20px;
    top: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-answer__contents .c-voices-text {
    margin-top: 42px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-ques04 {
    width: 1100px;
    margin: 130px auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-voices-ques04 {
    position: relative;
    margin-top: 50px;
  }
  .p-voices-ques04::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    z-index: -1;
    background: #f8f8f8;
    top: 40px;
    left: 0;
  }
  .p-voices-ques04 .c-voices-title__eng {
    padding: 0 20px;
  }
}
.p-voices-ques04__img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-voices-ques04__img {
    width: 514px;
    height: 446px;
  }
}
@media (max-width: 767px) {
  .p-voices-ques04__img {
    width: 100%;
    height: 436px;
    margin-top: 73px;
  }
}
.p-voices-ques04__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-voices-ques04__contents {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-voices-ques04__contents {
    width: 514px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-ques04__contents .c-voices-title {
    top: 20px;
    left: 0;
    position: absolute;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .p-voices-ques04__contents .c-voices-title {
    margin-top: 11px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-ques04__contents .c-voices-text {
    margin-top: 85px;
    background: #f8f8f8;
    padding: 50px 52px;
  }
}
@media (max-width: 767px) {
  .p-voices-ques04__contents .c-voices-text {
    margin-top: 20px;
    padding: 0 20px 30px 20px;
    background: #f8f8f8;
  }
}
.p-voices-schedule {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule {
    margin-top: 165px;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__title {
    width: 840px;
    margin: 0 auto 32px auto;
  }
  .p-voices-schedule__title .c-voices-title__eng {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__title {
    margin: 0 0 26px 20px;
  }
  .p-voices-schedule__title .c-voices-title__eng {
    display: block;
    margin-top: 14px;
  }
}
.p-voices-schedule__wrap {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__wrap {
    width: 100%;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__wrap {
    padding: 24px 20px 30px 20px;
  }
}
.p-voices-schedule__inner {
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__inner {
    width: 840px;
    padding: 42px 20px 42px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__inner {
    padding: 20px 20px 40px 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__img {
    width: 203px;
    height: 222px;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__img {
    width: 100%;
    height: 192px;
    margin-bottom: 20px;
  }
}
.p-voices-schedule__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-voices-schedule__contents {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__contents {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__contents {
    justify-content: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__list {
    width: 270px;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__list {
    width: 45%;
  }
  .p-voices-schedule__list + .p-voices-schedule__list {
    margin-left: 28px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__item {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .p-voices-schedule__item:last-child .p-voices-schedule__time::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__item:last-child .p-voices-schedule__todo::after {
    display: none;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__item:nth-child(n + 2) {
    margin-top: 29px;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__item:nth-child(n + 2) {
    margin-top: 32px;
  }
}
.p-voices-schedule__time {
  color: #e85c2a;
  letter-spacing: 0.06em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-voices-schedule__time {
    font-size: 15px;
    margin-right: 28px;
  }
  .p-voices-schedule__time::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 17px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
    background: #222;
  }
}
@media (max-width: 767px) {
  .p-voices-schedule__time {
    font-size: 3.8vw;
    margin-bottom: 5px;
  }
}
.p-voices-schedule__todo {
  font-family: var(--f-jp);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.08em;
  color: #000;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .p-voices-schedule__todo {
    font-size: 3.8vw;
    position: relative;
  }
  .p-voices-schedule__todo::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 14px;
    left: 11px;
    bottom: -25px;
    background: #222;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice {
    width: 1100px;
    margin: 130px auto 126px auto;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice {
    margin: 47px 0 110px 0;
    padding: 0 20px;
  }
}
.p-voices-govoice .c-voices-title__eng {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice .c-voices-title__eng {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice .c-voices-title__eng {
    margin: 14px 0 26px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice .c-voices-title {
    text-align: center;
    margin: 30px 0 52px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.p-voices-govoice__item {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item.voice01 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview01-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item.voice01 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview01-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item.voice02 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview02-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item.voice02 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview02-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item.voice03 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview03-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item.voice03 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview03-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item.voice04 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview04-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item.voice04 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview04-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item.voice05 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview05-main-pc.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item.voice05 .p-voices-govoice__item-img::after {
    background: url(/assets/images/recruit/voices/detail/interview05-main.jpg)
      no-repeat 0 0;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item:nth-child(n + 3) {
    margin-top: 93px;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item + .p-voices-govoice__item {
    margin-top: 85px;
  }
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item {
    width: 510px;
    height: 293px;
  }
  .p-voices-govoice__item:hover .p-voices-govoice__item-img::after {
    transform: scale(1.05);
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item {
    width: 100%;
    height: 210px;
  }
}
.p-voices-govoice__item-img {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item-img {
    height: 293px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item-img {
    height: 100%;
  }
}
.p-voices-govoice__item-img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: transform 0.5s ease;
  overflow: hidden;
}
.p-voices-govoice__item-text {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item-text {
    bottom: -17px;
    left: -20px;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item-text {
    bottom: 0px;
    left: -8px;
  }
}
.p-voices-govoice__item-name {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.p-voices-govoice__item-name span {
  display: inline-block;
  background: #e85c2a;
  padding: 3px 10px;
  line-height: 1.9;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item-name {
    font-size: 20px;
    margin-bottom: 9px;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item-name {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.p-voices-govoice__item-name small {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item-name small {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item-name small {
    font-size: 15px;
  }
}
.p-voices-govoice__item-info {
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.p-voices-govoice__item-info span {
  display: inline-block;
  background: #e85c2a;
  padding: 2px 10px;
  line-height: 1.9;
}
.p-voices-govoice__item-info + .p-voices-govoice__item-info {
  margin-top: 6px;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item-info {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item-info {
    font-size: 15px;
  }
}
.p-voices-govoice__item-info small {
  font-family: var(--f-jp);
  font-weight: 500;
}
@media screen and (min-width: 768px), print {
  .p-voices-govoice__item-info small {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .p-voices-govoice__item-info small {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement .c-recruit-contact__mv {
    margin: 157px auto 0 auto;
  }
}
.p-recruit-requirement__tab {
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-end;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__tab {
    width: 1000px;
    height: 80px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__tab {
    width: 100%;
    height: 60px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement .c-tab-list {
    height: 100%;
    padding-top: 20px;
    transition: padding 0.5s ease;
  }
  .p-recruit-requirement .c-tab-list:hover {
    padding-top: 0;
  }
  .p-recruit-requirement .c-tab-list.active {
    padding-top: 0;
  }
  .p-recruit-requirement .c-tab-list.active .c-tab-item {
    background: #e85c2a;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement .c-tab-list {
    width: 32.5%;
    height: 100%;
    padding-top: 12px;
    transition: padding 0.5s ease;
  }
  .p-recruit-requirement .c-tab-list.active {
    padding-top: 0;
  }
  .p-recruit-requirement .c-tab-list.active .c-tab-item {
    background: #e85c2a;
    color: #fff;
  }
}
.p-recruit-requirement .c-tab-item {
  background: #d8d8d8;
  color: #464646;
  letter-spacing: 0.1em;
  text-align: center;
  transition: background-color 0.5s ease, color 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement .c-tab-item {
    width: 332px;
    height: 100%;
    font-size: 18px;
    font-family: var(--f-jp);
    font-weight: 500;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement .c-tab-item {
    height: 100%;
    font-size: 4vw;
    font-family: var(--f-jp);
    font-weight: 700;
  }
}
.p-recruit-requirement__item {
  background: #f8f8f8;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item {
    border-top: 2px solid #e85c2a;
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__item {
    padding: 40px 20px 30px 20px;
  }
}
.p-recruit-requirement__item .c-requirement {
  background: #fff;
  color: #464646;
  display: none;
}
.p-recruit-requirement__item .c-requirement.active {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement {
    width: 1000px;
    margin: 0 auto;
    padding: 65px 70px 30px 70px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__item .c-requirement {
    padding: 25px 20px 5px 20px;
  }
}
.p-recruit-requirement__item .c-requirement-heading__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement-heading__title {
    font-size: 26px;
    width: 530px;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__item .c-requirement-heading__title {
    font-size: 18px;
  }
}
.p-recruit-requirement__item .c-requirement-tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement-tag {
    width: 530px;
  }
}
.p-recruit-requirement__item .c-requirement-tag__item {
  display: block;
  border: 2px solid #e85c2a;
  text-align: center;
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #e85c2a;
  line-height: 2.14;
  padding: 0 14px;
  margin: 15px 4px 0 0;
}
@media (max-width: 767px) {
  .p-recruit-requirement__item .c-requirement-tag__item {
    font-size: 3.733vw;
    text-align: left;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement-list {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement-item {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__item .c-requirement-item {
    padding-bottom: 20px;
  }
}
.p-recruit-requirement__item .c-requirement-item__title {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #e85c2a;
  border-bottom: 2px solid #e85c2a;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement-item__title {
    font-size: 20px;
    margin-bottom: 22px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__item .c-requirement-item__title {
    font-size: 4.267vw;
    margin-bottom: 8px;
    padding-bottom: 16px;
  }
}
.p-recruit-requirement__item .c-requirement-item__text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement-item__text {
    font-size: 17px;
    line-height: 2.11;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__item .c-requirement-item__text {
    font-size: 4vw;
    line-height: 2.06;
  }
}
.p-recruit-requirement__item .c-requirement-item__subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  font-size: 15px;
  padding-left: 15px;
  position: relative;
}
.p-recruit-requirement__item .c-requirement-item__subtit::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #e85c2a;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement__item .c-requirement-item__subtit {
    letter-spacing: 0.08em;
    margin-bottom: 7px;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement__item .c-requirement-item__subtit {
    letter-spacing: 0.06em;
    margin-bottom: 14px;
  }
}
.p-recruit-requirement .c-requirement-button {
  display: block;
  background: #222;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-recruit-requirement .c-requirement-button {
    font-size: 15px;
    width: 300px;
    padding: 18px 0;
    position: absolute;
    top: 63px;
    right: 70px;
    transition: background-color 0.5s ease;
  }
  .p-recruit-requirement .c-requirement-button:hover {
    background: #2f2f2f;
  }
  .p-recruit-requirement .c-requirement-button.type02 {
    position: relative;
    width: 490px;
    margin: 80px auto 130px auto;
    top: auto;
    right: auto;
    font-size: 21px;
    padding: 35px 0;
  }
}
@media (max-width: 767px) {
  .p-recruit-requirement .c-requirement-button {
    font-size: 16px;
    padding: 20px 0 23px;
    margin: 25px 0 40px;
  }
  .p-recruit-requirement .c-requirement-button.type02 {
    margin: 40px 20px 50px 20px;
    padding: 20px 0;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-requirement-nabi {
    width: 330px;
    margin: 122px auto 70px auto;
  }
}
@media (max-width: 767px) {
  .p-requirement-nabi {
    width: 240px;
    margin: 48px auto 37px auto;
  }
}
.p-requirement-nabi__img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .p-requirement-nabi__img {
    margin: 50px 0 80px;
  }
}
@media (max-width: 767px) {
  .p-requirement-nabi__img {
    margin: 25px 0 40px;
  }
}
.p-requirement-nabi__title {
  text-align: center;
  color: #464646;
  font-family: var(--f-jp);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .p-requirement-nabi__title {
    font-size: 26px;
    letter-spacing: 0.05em;
  }
}
@media (max-width: 767px) {
  .p-requirement-nabi__title {
    font-size: 22px;
    letter-spacing: 0.04em;
  }
}
.p-requirement-nabi__title span {
  display: inline-block;
  position: relative;
}
.p-requirement-nabi__title span::after {
  content: "";
  position: absolute;
  background: #e85c2a;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .p-requirement-nabi__title span::after {
    width: 40px;
    left: -56px;
  }
}
@media (max-width: 767px) {
  .p-requirement-nabi__title span::after {
    width: 20px;
    left: -30px;
  }
}
.p-requirement-nabi__title span::before {
  content: "";
  position: absolute;
  background: #e85c2a;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  .p-requirement-nabi__title span::before {
    width: 40px;
    right: -56px;
  }
}
@media (max-width: 767px) {
  .p-requirement-nabi__title span::before {
    width: 20px;
    right: -30px;
  }
}
.p-entry-form {
  background: #f3f3f3;
}
@media screen and (min-width: 768px), print {
  .p-entry-form {
    width: 1100px;
    padding: 90px 0 100px;
    margin: 0 auto 130px auto;
  }
}
@media (max-width: 767px) {
  .p-entry-form {
    padding: 40px 20px 45px 20px;
  }
}
@media (max-width: 767px) {
  .p-entry-form .c-form-item__tit--text {
    font-family: var(--f-jp);
    font-weight: 400;
    font-size: 15px;
  }
}
.p-entry-form .c-form-flow__item {
  color: #464646;
}
.p-entry-form .c-form-flow__item.active {
  background: #e85c2a;
  color: #fff;
}
@media (max-width: 767px) {
  .p-entry-form .c-form-item {
    padding: 25px 0;
  }
}
.p-entry-form .c-form-item::before {
  background: #e85c2a;
}
.p-entry-form .c-form-item__tit--text {
  color: #464646;
}
.p-entry-form .c-form-item__box-about--select.depart select {
  color: #464646;
}
@media screen and (min-width: 768px), print {
  .p-entry-form .c-form-item__box-about--select.depart select {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .p-entry-form .c-form-item__box-about--select.depart select {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-entry-form .c-form-item__box-about--textarea {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .p-entry-form .c-form-item__box-about--textarea textarea {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .p-entry-form .c-form-item__box-about--textarea textarea {
    margin-top: 15px;
  }
}
.p-entry-form .c-form-agree label span::after {
  background: url(/assets/images/common/ico_form-check-orange.png) no-repeat 0 0;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .p-entry-form .c-form-required {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .p-entry-form .c-form-required {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .p-entry-form .c-form-item__box-checkboxCircle {
    width: 100%;
  }
}
.p-entry-form .c-form-button button {
  background: #222;
  transition: background-color 0.5s ease;
}
@media screen and (min-width: 768px), print {
  .p-entry-form .c-form-button button:hover {
    background: #2f2f2f;
  }
}
@media (max-width: 767px) {
  .p-entry-form .mw_wp_form.mw_wp_form_preview .c-form-item__box.depart {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px), print {
  .p-entry-form .mw_wp_form.mw_wp_form_preview .c-form-item__box-text.depart {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .p-entry-form
    .mw_wp_form.mw_wp_form_preview
    .c-form-item__box-about--textarea {
    margin-top: 0;
  }
}
.p-entry-form .c-form-confirm__alert {
  color: #e85c2a;
}
.p-thanks {
  color: #464646;
  background: #f7f7f7;
}
@media screen and (min-width: 768px), print {
  .p-thanks {
    width: 1100px;
    margin: 177px auto 137px auto;
    padding: 70px 120px 110px 120px;
  }
}
@media (max-width: 767px) {
  .p-thanks {
    margin: 55px 0 50px;
    padding: 40px 20px;
  }
}
.p-thanks .c-form-flow.document .c-form-flow__item.active {
  border: 2px solid #f6730e;
  color: #f6730e;
  background: #fff;
}
.p-thanks .c-form-flow.contact .c-form-flow__item.active {
  background: #f6730e;
  color: #fff;
}
.p-thanks .c-form-flow__item.active {
  background: #e85c2a;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .p-thanks-contents {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .p-thanks-contents {
    margin-top: 40px;
  }
}
.p-thanks-title {
  text-align: center;
  color: #e85c2a;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.p-thanks-title.blue {
  color: #4da5bf;
}
.p-thanks-title.green {
  color: #f6730e;
}
@media screen and (min-width: 768px), print {
  .p-thanks-title {
    font-size: 76px;
    line-height: 1.05;
  }
}
@media (max-width: 767px) {
  .p-thanks-title {
    font-size: 42px;
  }
}
.p-thanks-subtit {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .p-thanks-subtit {
    font-size: 25px;
    margin: 10px 0 50px;
  }
}
@media (max-width: 767px) {
  .p-thanks-subtit {
    font-size: 20px;
    line-height: 1.45;
    margin: 10px 0 30px;
  }
}
.p-thanks-text {
  font-family: var(--f-jp);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  .p-thanks-text {
    margin: 50px auto 72px auto;
    font-size: 17px;
    line-height: 2.11;
    width: 700px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-thanks-text {
    margin: 30px 0;
    font-size: 15px;
    line-height: 2.06;
  }
}
@media screen and (min-width: 768px), print {
  .p-thanks-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 0;
    flex-shrink: 0;
    width: 800px;
  }
}
.p-thanks-button a {
  display: block;
  text-align: center;
  padding: 19px 0;
}
@media screen and (min-width: 768px), print {
  .p-thanks-button a {
    width: 386px;
  }
}
.p-thanks-button__requirement {
  background: #222;
  color: #fff;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-thanks-button__requirement {
    font-size: 16px;
    transition: background-color 0.5s ease;
  }
  .p-thanks-button__requirement:hover {
    background: #2f2f2f;
  }
}
@media (max-width: 767px) {
  .p-thanks-button__requirement {
    font-size: 15px;
  }
}
.p-thanks-button__recruit {
  border: 2px solid #e85c2a;
  color: #e85c2a;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-thanks-button__recruit {
    font-size: 16px;
    transition: background-color 0.5s ease, color 0.5s ease;
  }
  .p-thanks-button__recruit:hover {
    background: #e85c2a;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .p-thanks-button__recruit {
    font-size: 15px;
    margin-top: 15px;
  }
}
.p-thanks-button__gotop {
  border: 2px solid #f6730e;
  color: #f6730e;
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .p-thanks-button__gotop {
    font-size: 16px;
    transition: background-color 0.5s ease, color 0.5s ease;
  }
  .p-thanks-button__gotop:hover {
    background: #f6730e;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .p-thanks-button__gotop {
    font-size: 15px;
    margin-top: 15px;
  }
}
.c-banner-ch {
  display: block;
}
.c-banner-ch figure {
  display: block;
}
.c-banner-ch figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .c-banner-ch {
    width: 1100px;
    margin: 0 auto;
    transition: opacity 0.5s ease;
  }
  .c-banner-ch:hover {
    opacity: 0.6;
  }
  .c-banner-ch.home {
    margin-top: 150px;
  }
  .c-banner-ch.lineup {
    width: 1118px;
    margin-top: 70px;
  }
  .c-banner-ch.about {
    margin-top: 150px;
  }
  .tsunagu_bnr {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .c-banner-ch {
    padding: 0 20px;
  }
  .c-banner-ch.home {
    margin-top: 40px;
  }
  .c-banner-ch.lineup {
    margin-top: 50px;
  }
  .c-banner-ch.about {
    margin-top: 60px;
  }
  .tsunagu_bnr {
    margin-top: 40px;
  }
}
#pankuzu {
  position: absolute;
  z-index: 998;
  top: 100px;
  width: 100%;
  background: #fff;
}
@media (max-width: 767px) {
  #pankuzu {
    top: 55px;
  }
}
#pankuzu ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 40px;
}
@media (max-width: 767px) {
  #pankuzu ul {
    padding: 5px;
  }
}
#pankuzu ul li:after {
  content: ">";
  margin: 0 10px;
}
#pankuzu ul li:last-child:after {
  content: "";
  margin: 0px;
}
.l-main {
  z-index: 995;
}
#floating-banner {
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 999999;
  margin: 0;
  padding: 0;
  width: 50px;
}
@media (max-width: 767px) {
  #floating-banner {
    width: 100%;
    top: auto;
    bottom: 0;
  }
}
#floating-banner ul {
  display: block;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  #floating-banner ul {
    display: flex;
    justify-content: space-between;
  }
}
#floating-banner li {
  display: block;
}
@media (max-width: 767px) {
  #floating-banner li {
    width: 50%;
  }
}
#floating-banner li a {
  display: block;
  background: #ff001e;
  color: #fff;
  font-size: 1.7em;
  line-height: 1;
  font-weight: bold;
  padding: 1em;
  text-align: center;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media (max-width: 767px) {
  #floating-banner li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    line-height: 1;
    font-weight: bold;
    padding: 1em 0;
    -ms-writing-mode: unset;
    writing-mode: unset;
  }
}
#floating-banner li a:hover {
  opacity: 0.7;
}
#floating-banner li a img {
  height: 1em;
  width: auto;
  margin: 0 0 1em 0;
}
@media (max-width: 767px) {
  #floating-banner li a img {
    height: 1.2em;
    width: auto;
    margin: 0 1em 0 0;
  }
}
#floating-banner li:nth-of-type(2) a {
  background: #128236;
}
#p-footer-banner {
  margin-top: 68px;
}
@media (max-width: 767px) {
  #p-footer-banner {
    display: none;
    margin-top: 40px;
  }
}
#p-footer-banner ul {
  display: flex;
  justify-content: space-between;
}
#p-footer-banner li {
  width: 50%;
}
#p-footer-banner li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff001e;
  color: #fff;
  font-size: 2em;
  line-height: 1;
  font-weight: bold;
  padding: 1em;
}
@media (max-width: 767px) {
  #p-footer-banner li a {
    font-size: 1.3em;
    padding: 1em 0;
  }
}
#p-footer-banner li a:hover {
  opacity: 0.7;
}
#p-footer-banner li a img {
  height: 1.2em;
  width: auto;
  margin: 0 1em 0 0;
}
#p-footer-banner li:nth-of-type(2) a {
  background: #128236;
}
body {
  position: relative;
}

/**クレド**********************************/
#credo {
  font-size: 16px;
}

#credo .cbox {
  width: auto;
}
#credo img {
  width: auto;
}
#credo #mf1 {
  margin: 120px 0 0 0;
  position: relative;
}
#credo #mf1 h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 490px;
  background: #f6730e;
  font-size: 1.25em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.5em;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#credo #mf1 h1 img {
  margin: 0 0 10px 0;
}
#credo #mf1 figure img {
  width: 100%;
}

#credo #mf2 {
  background: url("../images/credo/bg.jpg") center center no-repeat;
}
#credo #mf2 .mf-inner {
  padding: 150px 0;
  text-align: center;
}

#credo #mf2 h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  max-height: 160px;
  width: 60vw;
  height: 30vw;
  margin: 0 auto;
  font-size: 1.63em;
  font-weight: bold;
  line-height: 1em;
  position: relative;
  z-index: 9;
}
#credo #mf2 h2 img {
  margin: 0 0 10px 0;
}
#credo #mf2 h2:before {
  content: "";
  border: #0f9d42 solid 2px;
  position: absolute;
  top: -5px;
  bottom: 5px;
  left: -5px;
  right: 5px;
  z-index: -1;
}
#credo #mf2 h2:after {
  content: "";
  border: #fbb204 solid 2px;
  position: absolute;
  top: 5px;
  bottom: -5px;
  left: 5px;
  right: -5px;
  background: #fff;
  z-index: -2;
}
#credo #mf2 h3 {
  margin: 100px 0 70px 0;
}
#credo #mf2 h3 img {
  max-width: 790px;
  width: 90vw;
}
#credo #mf2 p {
  display: table;
  text-align: left;
  margin: 0 auto;
  width: 480px;
  position: relative;
  line-height: 2.5em;
}
#credo #mf2 p:before {
  content: "■";
  color: #ffb128;
  position: absolute;
  top: 0;
  left: -1.5em;
}

#credo #mf3 {
  background: url("../images/credo/bg1.jpg") center center no-repeat fixed;
}
#credo #mf3 .mf-inner {
  padding: 150px 0;
}
#credo #mf3 h2 {
  text-align: center;
  font-size: 1.63em;
  font-weight: bold;
  line-height: 1em;
  margin: 0 0 50px 0;
}
#credo #mf3 h2 img {
  display: table;
  margin: 0 auto 10px auto;
}
#credo #mf3 p {
  display: table;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  background: #fff;
  padding: 10px;
  line-height: 2.5em;
}

#credo #mf4 .ttl {
  position: relative;
}
#credo #mf4 .ttl h2 {
  width: 230px;
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f6730e;
  color: #fff;
  position: absolute;
  top: -20px;
  left: calc(50% - 550px);
  z-index: 9;
}
#credo #mf4 .ttl h2:after {
  content: "";
  border: #ffb22b solid 2px;
  position: absolute;
  top: 5px;
  bottom: -5px;
  left: 5px;
  right: -5px;
  z-index: -1;
}
#credo #mf4 .ttl h2 img {
  width: 130px;
  margin: 0 0 10px 0;
}
#credo #mf4 .ttl figure.sp {
  display: none;
}
#credo #mf4 .ttl figure img {
  width: 100%;
}
#credo #mf4 .clist {
  width: 1100px;
  padding: 0 30px 30px 30px;
  margin: 100px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
#credo #mf4 .clist:before,
#credo #mf4 .clist:after {
  content: "";
  width: 2px;
  background: rgb(18, 203, 85);
  background: linear-gradient(
    0deg,
    rgba(18, 203, 85, 1) 0%,
    rgba(249, 251, 96, 1) 40%,
    rgba(249, 195, 31, 1) 100%
  );
  position: absolute;
  top: 0;
  bottom: 0;
}
#credo #mf4 .clist:before {
  left: 0;
}
#credo #mf4 .clist:after {
  left: 50%;
}
#credo #mf4 .cbox {
  width: 470px;
  margin: 0 0 80px 0;
  position: relative;
}
#credo #mf4 .cbox:nth-of-type(2n) {
  top: 110px;
}
#credo #mf4 h3 {
  display: flex;
  align-items: center;
  font-size: 1.75em;
  line-height: 1.8em;
  margin: 0 0 10px 0;
}
#credo #mf4 h3 img {
  max-width: 80px;
  width: 10vw;
  margin: 0 0.5em 0 0;
}
#credo #mf4 p {
  line-height: 2em;
}
#credo #mf4 p:before {
  content: "■";
  color: #ffb128;
  margin: 0 0.3em 0 0;
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: inline-block;
  }

  #credo {
    font-size: 3.13vw;
  }

  #credo #mf1 {
    margin: 90px 0 0 0;
  }
  #credo #mf1 h1 {
    width: 100%;
    font-size: 0.92em;
    padding: 10vw 5vw;
    position: static;
    transform: translate(0);
  }
  #credo #mf1 h1 img {
    max-width: 250px;
    width: 32vw;
    margin: 0 0 1vw 0;
  }
  #credo #mf1 figure {
    display: none;
  }

  #credo #mf2 {
    background-size: 80vw auto;
  }
  #credo #mf2 .mf-inner {
    padding: 20vw 0;
  }

  #credo #mf2 h2 {
    font-size: 1.08em;
  }
  #credo #mf2 h2 img {
    max-width: 260px;
    width: 33vw;
    margin: 0 0 1vw 0;
  }
  #credo #mf2 h3 {
    margin: 10vw 0 5vw 0;
  }
  #credo #mf2 h3 img {
    max-width: 480px;
    width: 62vw;
  }
  #credo #mf2 p {
    width: 80vw;
  }
  #credo #mf2 p br {
    display: none;
  }

  #credo #mf3 {
    background-size: 90vw auto;
  }
  #credo #mf3 .mf-inner {
    padding: 20vw 5vw;
  }
  #credo #mf3 h2 {
    font-size: 1.08em;
    margin: 0 0 5vw 0;
  }
  #credo #mf3 h2 img {
    max-width: 220px;
    width: 28vw;
  }

  #credo #mf3 p {
    padding: 1vw;
  }

  #credo #mf4 .ttl h2 {
    max-width: 260px;
    max-height: 260px;
    width: 33vw;
    height: 33vw;
    font-size: 1em;
    left: 3vw;
  }
  #credo #mf4 .ttl h2 img {
    max-width: 200px;
    width: 26vw;
  }
  #credo #mf4 .ttl figure.pc {
    display: none;
  }
  #credo #mf4 .ttl figure.sp {
    display: block;
  }

  #credo #mf4 .clist {
    width: auto;
    padding: 5vw 3vw;
    margin: 0 auto;
    justify-content: center;
  }
  #credo #mf4 .clist:before {
    left: 2vw;
    bottom: 50vw;
    z-index: -1;
  }
  #credo #mf4 .clist:after {
    display: none;
  }
  #credo #mf4 .cbox {
    width: 100%;
    margin: 0 0 5vw 0;
  }
  #credo #mf4 .cbox:nth-of-type(2n) {
    top: 0;
  }
  #credo #mf4 h3 {
    font-size: 1.46em;
    margin: 0 0 10px 0;
  }
  #credo #mf4 p {
  }
}

div.quo {
  text-align: center;
}

div.quo img {
  width: 740px;
  margin: 50px auto 30px;
}

div.quo p {
  font-size: 16px;
  line-height: 2em;
}

div.quo p a {
  color: blue;
  text-decoration: underline;
}

.c-showroom-btn b {
  font-size: 1.2em;
  text-decoration: underline;
}

@media screen and (min-width: 768px), print {
  .c-showroom-btn::after {
    top: 12px;
    left: -45px;
    width: 170px;
    height: 87px;
    transform: rotate(-15deg);
    background: url(/assets/images/banner/quo_cv_bnr.png) no-repeat 0 0;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .c-showroom-btn::after {
    top: 25px;
    right: 5px;
    width: 38%;
    height: 102px;
    transform: rotate(10deg);
    background: url(/assets/images/banner/quo_cv_bnr.png) no-repeat 0 0;
    background-size: contain;
  }
  .c-showroom-btn {
    margin: 20px auto;
  }
}

@media screen and (max-width: 767px) {
  div.quo img {
    width: 95%;
  }
}