@charset "UTF-8";
/*
Theme Name: yuipiyo-recruit
Theme URI: https://xeory.jp/extension
Template: xeory_extension
Description: Xeory拡張子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/

/* ----------------------------------------
* ALL
---------------------------------------- */
body {
  background: transparent;
  color: var(--c-brown);
  text-align: justify;
}
.wrap {
  width: 100%;
  max-width: 1200px;
}
.main-inner {
  margin-right: 0;
}
a {
  color: var(--c-brown);
}
a:hover {
  text-decoration: none;
}
#content {
  padding: 120px 0;
}
#content .wrap {
  max-width: 1920px;
}
.cat-content, article.post, article.page {
  margin-bottom: 0;
  background: transparent;
  border: 0;
}
.cat-content .post-header, article.page .post-header {
  background: transparent;
}
.post-header {
  border-bottom: 0;
}
.post-content {
  padding: 0;
}
.post-content p,
.post-content ul,
.post-content ol,
.post-content dl,
.post-content blockquote,
.post-content pre,
.post-content table {
  margin-bottom: 0;
}
.post-content h2 {
  margin: 0;
  padding: 0;
  border-left: 0;
  font-size: calc(39 / var(--pc-width) * 100vw);
  background: transparent;
  color: var(--c-gray);
}
.post-content h3 {
  font-size: calc(24 / var(--pc-width) * 100vw);
  margin: 0;
  padding: 0;
  border-bottom: 0;
}
.post-content h4 {
  font-size: calc(20 / var(--pc-width) * 100vw);
  margin: 0;
  padding: 0;
  border-left: 0;
}
.post-content h5 {
  font-size: calc(16 / var(--pc-width) * 100vw);
  margin: 0;
  padding: 0;
}
.u-pc-only {
  display: block !important;
}
.u-sp-only {
  display: none !important;
}
.table-grad {
  white-space: normal;
}
.table-grad:after {
  display: none;
}

@media screen and (max-width: 1200px) {
  .wrap,
  .one-column #content .wrap {
    margin-left: 0;
    margin-right: 0;
  }
  .home .wrap {
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 991px) {
  body.home .wrap {
    margin: 0 auto !important;
  }
  article.page .post-content {
    padding: 0;
  }
}

@media screen and (max-width: 780px) {
  #content {
    padding: calc(160 / var(--sp-width) * 100vw) 0;
  }
  #content .wrap {
    max-width: 100%;
  }
  .post-content h2 {
    font-size: calc(39 / var(--sp-width) * 100vw);
  }
  .post-content h3 {
    font-size: calc(24 / var(--sp-width) * 100vw);
  }
  .post-content h4 {
    font-size: calc(20 / var(--sp-width) * 100vw);
  }
  .post-content h5 {
    font-size: calc(16 / var(--sp-width) * 100vw);
  }
  .u-pc-only {
    display: none !important;
  }
  .u-sp-only {
    display: block !important;
  }
  article.page .post-content {
    padding: 0 calc(44 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* Fade In
---------------------------------------- */
.js-fade-in {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 2.0s ease-out, transform 2.0s cubic-bezier(0.25, 1, 0.5, 1);
}
.js-fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}
/*.js-fade-in.var-top-message-fast {
  transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}*/
/*.js-fade-in.var-interview-hero-slow {
  transition: opacity 1.6s ease-out, transform 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}*/

/* ----------------------------------------
* Animation
---------------------------------------- */
@keyframes spinSmooth {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ----------------------------------------
* Header
---------------------------------------- */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: var(--z-header);
  background: transparent;
}
#header .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 25px 50px;
  box-sizing: border-box;
}
#header .header__logo-box {
  display: flex;
  align-items: center;
}
#header .header__logo-img img {
  height: 65px;
  width: auto;
  display: block;
}
#header .header__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  width: 63px;
  height: 51px;
  float: none;
  position: relative;
  margin: 0;
  margin-left: auto;
}
#header .header__menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 61px;
  height: 25px; 
}
#header .header__menu-icon span {
  display: block;
  width: 100%;
  height: 3px;
  background: var(--c-brown);
  transition: all 0.3s ease-in-out;
}
#header .header__menu-text {
  margin-right: -5px;
  font-size: 14px;
  letter-spacing: 0.33em;
}

@media screen and (max-width: 780px) {
  #header .wrap {
    padding: calc(40 / var(--sp-width) * 100vw) calc(30 / var(--sp-width) * 100vw);
  }
  #header .header__logo-img img {
    height: calc(58 / var(--sp-width) * 100vw);
  }
  #header .header__menu {
    width: calc(79 / var(--sp-width) * 100vw);
    height: calc(62 / var(--sp-width) * 100vw);
  }
  #header .header__menu-icon {
    width: calc(79 / var(--sp-width) * 100vw);
    height: calc(31 / var(--sp-width) * 100vw);
  }
  #header .header__menu-icon span {
    height: calc(3 / var(--sp-width) * 100vw);
  }
  #header .header__menu-text {
    margin-right: calc(-5 / var(--sp-width) * 100vw);
    font-size: calc(17 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* Header(overlay-nav)
---------------------------------------- */
.overlay-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 600px;
  height: 100vh;
  background: var(--c-orange);
  z-index: var(--z-header-nav);
  transition: right 0.6s cubic-bezier(0.55, 0, 1, 0.45);
}
.overlay-nav.is-open {
  right: 0;
  transition: right 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.overlay-nav__inner {
  position: relative;
  height: 100%;
  padding: 25px 50px 25px 70px;
  overflow-y: auto;
  box-sizing: border-box;
}
.overlay-nav__inner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px; 
  width: 3px; 
  background-color: var(--c-peach); 
  z-index: 1; 
}
.overlay-nav__close {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 10px;
}
.overlay-nav__close .close-icon {
  position: relative;
  width: 63px;
  height: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay-nav__close .close-icon::before,
.overlay-nav__close .close-icon::after {
  content: "";
  position: absolute;
  width: 61px;
  height: 3px;
  background-color: var(--c-brown);  
  transition: transform 0.3s ease-in-out;
}
.overlay-nav__close .close-icon::before {
  transform: rotate(20deg);
}
.overlay-nav__close .close-icon::after {
  transform: rotate(-20deg);
}
.overlay-nav__close .close-text {
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0.33em;
}
.overlay-nav__item {
  margin-bottom: 30px;
}
.overlay-nav__item > a {
  display: flex;
  align-items: center;
  gap: 14px; 
  color: var(--c-white);
  font-size: 23px;
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.1em;
  font-family: "Zen Maru Gothic", sans-serif;
  transition: all 0.3s var(--ease-out-3);
}
.overlay-nav__icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 2px solid var(--c-cream);
  background-color: var(--c-cream);
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url('./lib/images/icon/icon-arrow-orange.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 9px auto;
  transition: 
    background-color 0.3s var(--ease-out-3), 
    background-image 0.2s var(--ease-out-3), 
    border-color 0.3s var(--ease-out-3),
    transform 0.4s var(--ease-out-3);
}
.overlay-nav__item > a:hover {
  color: var(--c-peach);
}
.overlay-nav__item > a:hover .overlay-nav__icon {
  background-color: transparent;
  background-image: url('./lib/images/icon/icon-arrow-cream.svg'); 
}
.overlay-nav__item.is-active .overlay-nav__icon {
  transform: rotate(90deg);
}
.overlay-nav__text {
  line-height: normal;
  margin-bottom: 3px;
}
.overlay-nav__sub-list {
  list-style: none;
  padding-left: 50px;
  margin: 0;
  max-height: 0; 
  overflow: hidden;
  transition: max-height 0.4s var(--ease-out-3), margin 0.4s var(--ease-out-3);
}
.overlay-nav__item.is-active .overlay-nav__sub-list {
  margin-top: 10px;
  max-height: 300px; 
}
.overlay-nav__sub-list li {
  margin-bottom: 5px;
}
.overlay-nav__sub-list li:last-child {
  margin-bottom: 0;
}
.overlay-nav__sub-list li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 20px; 
  color: var(--c-white);
  font-size: 20px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.1em;
  transition: color 0.2s;
}
.overlay-nav__sub-list li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  background-color: var(--c-cream);
  border: 2px solid var(--c-cream);
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.overlay-nav__sub-list li a:hover {
  color: var(--c-peach);
}
.overlay-nav__sub-list li a:hover::before {
  background-color: transparent;
}

@media screen and (max-width: 780px) {
  .overlay-nav {
    max-width: 450px;
  }
  .overlay-nav__inner {
    padding: calc(40 / var(--sp-width) * 100vw) calc(30 / var(--sp-width) * 100vw) calc(40 / var(--sp-width) * 100vw) calc(120 / var(--sp-width) * 100vw);
  }
  .overlay-nav__inner::before {
    left: calc(40 / var(--sp-width) * 100vw); 
    width: calc(5 / var(--sp-width) * 100vw); 
  }
  .overlay-nav__close {
    margin-bottom: calc(20 / var(--sp-width) * 100vw);
  }
  .overlay-nav__close .close-icon {
    width: calc(76 / var(--sp-width) * 100vw);
    height: calc(30 / var(--sp-width) * 100vw);
  }
  .overlay-nav__close .close-icon::before,
  .overlay-nav__close .close-icon::after {
    width: calc(76 / var(--sp-width) * 100vw);
    height: calc(3 / var(--sp-width) * 100vw);
  }
  .overlay-nav__close .close-text {
    font-size: calc(17 / var(--sp-width) * 100vw);
  }
  .overlay-nav__item {
    margin-bottom: calc(60 / var(--sp-width) * 100vw);
  }
  .overlay-nav__item > a {
    gap: calc(28 / var(--sp-width) * 100vw);
    font-size: calc(27 / var(--sp-width) * 100vw);
  }
  .overlay-nav__icon {
    width: calc(34 / var(--sp-width) * 100vw);
    height: calc(34 / var(--sp-width) * 100vw);
    border: calc(2 / var(--sp-width) * 100vw) solid var(--c-cream);
    background-size: calc(7 / var(--sp-width) * 100vw) auto;
  }
  .overlay-nav__text {
    margin-bottom: calc(3 / var(--sp-width) * 100vw);
  }
  .overlay-nav__sub-list {
    padding-left: calc(70 / var(--sp-width) * 100vw);
  }
  .overlay-nav__item.is-active .overlay-nav__sub-list {
    margin-top: calc(20 / var(--sp-width) * 100vw);
    max-height: calc(450 / var(--sp-width) * 100vw);
  }
  .overlay-nav__sub-list li {
    margin-bottom: calc(10 / var(--sp-width) * 100vw);
  }
  .overlay-nav__sub-list li a {
    padding-left: calc(30 / var(--sp-width) * 100vw); 
    font-size: calc(24 / var(--sp-width) * 100vw);
  }
  .overlay-nav__sub-list li a::before {
    width: calc(13 / var(--sp-width) * 100vw);
    height: calc(13 / var(--sp-width) * 100vw);
  }

}

/* ----------------------------------------
* Header(sticky-entry)
---------------------------------------- */
.sticky-entry {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: var(--z-header-sticky);
  text-align: center;
}
.sticky-entry__link {
  position: relative;
  display: block;
}
.sticky-entry__badge {
  position: absolute;
  width: 95px;
  height: 95px;
  top: -40px;
  left: -40px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('./lib/images/icon/bg-badge-butter.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.sticky-entry__badge span {
  color: var(--c-brown);
  font-size: 16px;
  line-height: 1.7;
  display: block;
  transform: translateX(2px);
}
.sticky-entry__btn-box {
  position: relative;
  width: 146px;
  height: 146px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s var(--ease-pop);
}
.sticky-entry__link:hover .sticky-entry__btn-box {
  transform: scale(1.05);
}
.sticky-entry__bg-spin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url('./lib/images/icon/bg-entry-orange.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.sticky-entry__link:hover .sticky-entry__bg-spin {
  animation: spinSmooth 6s linear infinite;
}
.sticky-entry__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.sticky-entry__text {
  color: var(--c-brown);
  font-size: 20px;
  font-weight: var(--f-main-weight-black);
  line-height: 1;
  letter-spacing: 0.36em;
}
.sticky-entry__arrow {
  display: block;
  width: 20px;
  height: 11px;
  margin-top: 5px;
  background-image: url('./lib/images/icon/icon-arrow-entry-brown.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 780px) {
  .sticky-entry {
    bottom: calc(30 / var(--sp-width) * 100vw);
    right: calc(30 / var(--sp-width) * 100vw);
  }
  .sticky-entry__badge {
    position: absolute;
    width: calc(115 / var(--sp-width) * 100vw);
    height: calc(115 / var(--sp-width) * 100vw);
    top: calc(-50 / var(--sp-width) * 100vw);
    left: calc(-50 / var(--sp-width) * 100vw);
  }
  .sticky-entry__badge span {
    font-size: calc(17 / var(--sp-width) * 100vw);
  }
  .sticky-entry__btn-box {
    width: calc(176 / var(--sp-width) * 100vw);
    height: calc(176 / var(--sp-width) * 100vw);
  }
  .sticky-entry__content {
    gap: calc(10 / var(--sp-width) * 100vw);
    margin-top: calc(20 / var(--sp-width) * 100vw);
  }
  .sticky-entry__text {
    font-size: calc(23 / var(--sp-width) * 100vw);
  }
  .sticky-entry__arrow {
    width: calc(25 / var(--sp-width) * 100vw);
    height: calc(12 / var(--sp-width) * 100vw);;
    margin-top: calc(5 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* Footer
---------------------------------------- */
#footer {
  width: 100%;
  color: var(--c-brown);
  background-color: var(--c-vanilla);
  border-top: 0;
}
#footer a:hover {
  color: inherit;
  opacity: var(--opacity-hover);
}
#footer .footer-01 {
  background: transparent;
  padding: 77px 0;
}
#footer .wrap {
  padding: 0 20px;
}
#footer .footer-01 .wrap {
  display: flex;
}
#footer .footer__logo-box {
  text-align: center;
}
#footer .footer__logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-decoration: none;
  color: var(--c-white);
}
#footer .footer__logo-img img {
  width: 268px;
  display: block;
}
#footer .footer__nav {
  display: grid;
  grid-template-columns: 0.5fr repeat(3, 1fr);
  gap: 0 40px;
  width: auto;
  max-width: 900px;
  margin: 0 auto;
  margin-right: 0;
}
#footer .footer__menu-list {
  list-style: none;
  padding: 0 20px;
  margin: 0;
  position: relative;
  box-sizing: border-box;
}
#footer .footer__menu-list + .footer__menu-list::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;    
  bottom: 0;
  width: 1px;
  background-color: var(--c-amber);
}
#footer .footer__menu-item {
  margin-bottom: 24px;
}
#footer .footer__menu-item:last-child {
  margin-bottom: 0;
}
#footer .footer__menu-item > a {
  color: var(--c-brown);
  font-size: 16px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.04em;
  transition: opacity 0.2s ease;
  display: block;
  white-space: nowrap;
}
#footer .footer__sub-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0 0;
}
#footer .footer__sub-list li {
  margin-bottom: 8px;
}
#footer .footer__sub-list li:last-child {
  margin-bottom: 0;
}
#footer .footer__sub-list li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 13px;
  color: var(--c-brown);
  font-size: 14px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.04em;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}
#footer .footer__sub-list li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background-color: var(--c-amber);
  border-radius: 50%;
}
#footer .footer-02 {
  padding: 0 0 77px;
  background: transparent;
}
#footer .footer-copy {
  text-align: center;
  color: var(--c-brown);
  font-size: 14px;
  font-family: var(--f-accent);
  font-weight: var(--f-accent-weight-semibold);
  margin: 0;
  letter-spacing: 0;
}

@media screen and (max-width: 900px) {
  #footer .footer__nav {
    gap: 0 40px
  }
  #footer .footer__logo-img img {
    width: 168px;
  }
  #footer .footer__menu-list {
    padding: 0 10px;
  }
  #footer .footer__menu-item > a {
    font-size: 15px;
  }
  #footer .footer__sub-list li a {
    font-size: 12px;
  }
}

@media screen and (max-width: 780px) {
  #footer .footer-01 {
    padding: calc(80 / var(--sp-width) * 100vw) 0 calc(20 / var(--sp-width) * 100vw);
  }
  #footer .wrap {
    padding: 0 calc(44 / var(--sp-width) * 100vw);
  }
  #footer .footer-01 .wrap {
    flex-direction: column;
    justify-content: center;
  }
  #footer .footer__logo-box {
    margin-bottom: calc(60 / var(--sp-width) * 100vw);
    gap: 0 calc(20 / var(--sp-width) * 100vw);
  }
  #footer .footer__logo-link {
    gap: calc(16 / var(--sp-width) * 100vw);
  }
  #footer .footer__logo-img img {
    width: calc(278 / var(--sp-width) * 100vw);
  }
  #footer .footer__nav {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    margin: 0 auto calc(80 / var(--sp-width) * 100vw);
    gap: 0;
  }
  #footer .footer__menu-list {
    padding: 0 calc(40 / var(--sp-width) * 100vw);
  }
  #footer .footer__menu-list:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  #footer .footer__menu-list:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    top: calc(-300 / var(--sp-width) * 100vw);
  }
  #footer .footer__menu-list:nth-child(2)::before {
    display: none;
  }
  #footer .footer__menu-list:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }
  #footer .footer__menu-list:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    padding-top: calc(30 / var(--sp-width) * 100vw);
  }
  #footer .footer__menu-list + .footer__menu-list::before {
    left: calc(-10 / var(--sp-width) * 100vw);
  }
  #footer .footer__menu-item {
    margin-bottom: calc(30 / var(--sp-width) * 100vw);
  }
  #footer .footer__menu-item > a {
    font-size: calc(28 / var(--sp-width) * 100vw);
  }
  #footer .footer__sub-list {
    margin: calc(20 / var(--sp-width) * 100vw) 0 0 0;
  }
  #footer .footer__sub-list li {
    margin-bottom: calc(10 / var(--sp-width) * 100vw);
  }
  #footer .footer__sub-list li a {
    padding-left: calc(20 / var(--sp-width) * 100vw);
    font-size: calc(27 / var(--sp-width) * 100vw);
  }
  #footer .footer__sub-list li a::before {
    width: calc(12 / var(--sp-width) * 100vw);
    height: calc(12 / var(--sp-width) * 100vw);
  }
  #footer .footer-02 {
    padding: 0 0 calc(80 / var(--sp-width) * 100vw);
  }
  #footer .footer-copy {
    font-size: calc(23 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top
---------------------------------------- */
.home .top-page-wrapper #content,
.home .top-page-wrapper #main {
  font-family: var(--f-main);
}
.home .top-page-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.home .top-page-wrapper .wrap {
  width: 100%;
}
.top-page-wrapper .top-deco {
  position: absolute;
  z-index: 1;
  pointer-events: none;

  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.top-page-wrapper .top-deco img {
  width: auto;
  height: auto;
  display: block;
}
.top-page-wrapper .top-deco.var-01 {
  top: calc(-50 / var(--pc-width) * 100vw);
  left: calc(700 / var(--pc-width) * 100vw);
  width: calc(450 / var(--pc-width) * 100vw);
}
.top-page-wrapper .top-deco.var-02 {
  top: calc(30 / var(--pc-width) * 100vw);
  right: calc(330 / var(--pc-width) * 100vw);
  width: calc(199 / var(--pc-width) * 100vw);
}
.top-page-wrapper .top-deco.var-03 {
  top: calc(200 / var(--pc-width) * 100vw);
  right: calc(-50 / var(--pc-width) * 100vw);
  width: calc(329 / var(--pc-width) * 100vw);
}
.top-page-wrapper .top-deco.var-04 {
  top: calc(600 / var(--pc-width) * 100vw);
  right: calc(-70 / var(--pc-width) * 100vw);
  width: calc(188 / var(--pc-width) * 100vw);
}
.top-page-wrapper .top-deco.var-05 {
  top: calc(850 / var(--pc-width) * 100vw);
  left: calc(800 / var(--pc-width) * 100vw);
  width: calc(323 / var(--pc-width) * 100vw);
  z-index: 3;
}
.top-page-wrapper .top-deco.var-06 {
  top: calc(2000 / var(--pc-width) * 100vw);
  right: calc(50 / var(--pc-width) * 100vw);
  width: calc(204 / var(--pc-width) * 100vw);
}
.top-page-wrapper .top-deco.var-07 {
  top: calc(7600 / var(--pc-width) * 100vw);
  left: calc(150 / var(--pc-width) * 100vw);
  width: calc(235 / var(--pc-width) * 100vw);
}
.top-page-wrapper .top-deco.var-08 {
  top: calc(8200 / var(--pc-width) * 100vw);
  left: calc(30 / var(--pc-width) * 100vw);
  width: calc(188 / var(--pc-width) * 100vw);
}
.top-page-wrapper .top-deco.var-09 {
  top: calc(8100 / var(--pc-width) * 100vw);
  left: calc(850 / var(--pc-width) * 100vw);
  width: calc(183 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .top-page-wrapper .top-deco.var-01 {
    top: calc(300 / var(--sp-width) * 100vw);
    left: calc(-100 / var(--sp-width) * 100vw);
    width: calc(403 / var(--sp-width) * 100vw);
  }
  .top-page-wrapper .top-deco.var-02 {
    top: calc(-20 / var(--sp-width) * 100vw);
    right: calc(330 / var(--sp-width) * 100vw);
    width: calc(138 / var(--sp-width) * 100vw);
  }
  .top-page-wrapper .top-deco.var-03 {
    top: calc(200 / var(--sp-width) * 100vw);
    right: calc(-100 / var(--sp-width) * 100vw);
    width: calc(229 / var(--sp-width) * 100vw);
  }
  .top-page-wrapper .top-deco.var-04 {
    top: calc(500 / var(--sp-width) * 100vw);
    right: calc(10 / var(--sp-width) * 100vw);
    width: calc(133 / var(--sp-width) * 100vw);
    z-index: 3;
  }
  .top-page-wrapper .top-deco.var-05 {
    top: calc(1050 / var(--sp-width) * 100vw);
    left: calc(30 / var(--sp-width) * 100vw);
    width: calc(323 / var(--sp-width) * 100vw);
  }
  .top-page-wrapper .top-deco.var-06 {
    top: calc(1800 / var(--sp-width) * 100vw);
    right: calc(0 / var(--sp-width) * 100vw);
    width: calc(184 / var(--sp-width) * 100vw);
  }
  .top-page-wrapper .top-deco.var-07 {
    top: calc(14800 / var(--sp-width) * 100vw);
    left: calc(-50 / var(--sp-width) * 100vw);
    width: calc(200 / var(--sp-width) * 100vw);
  }
  .top-page-wrapper .top-deco.var-08 {
    top: calc(15200 / var(--sp-width) * 100vw);
    left: auto;
    right: calc(50 / var(--sp-width) * 100vw);
    width: calc(156 / var(--sp-width) * 100vw);
  }
  .top-page-wrapper .top-deco.var-09 {
    top: calc(15300 / var(--sp-width) * 100vw);
    left: calc(20 / var(--sp-width) * 100vw);
    width: calc(160 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(fv)
---------------------------------------- */
.top-page .top-fv {
  position: relative;
}
.top-page .top-fv__catch-content {
  position: absolute;
  top: 40%;
  right: calc(350 / var(--pc-width) * 100vw);
  transform: translateY(-50%);
}
.top-page .top-fv__main-catch {
  position: relative;
  writing-mode: vertical-rl;
  font-size: calc(37 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.top-page .top-fv__main-catch .catch-text-col {
  display: inline-block;
  line-height: 1.3;
  text-align: center;
  padding: calc(7 / var(--pc-width) * 100vw) calc(3 / var(--pc-width) * 100vw) calc(7 / var(--pc-width) * 100vw) 0;
  margin-left: calc(30 / var(--pc-width) * 100vw);
}
.top-page .top-fv__main-catch .catch-text-col:nth-child(3) {
  font-size: calc(26 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-medium);
}
.top-page .top-fv__slider-holder {
  width: calc(1400 / var(--pc-width) * 100vw);
}
.top-page .top-fv__slider-holder .fv-swiper {
  width: 100%;
  height: 100%;
}
.top-page .top-fv__slider-holder .fv-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.top-page .top-fv__slider-holder .fv-slide__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.top-page .top-fv__slider-holder .fv-slide__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: blur(6px);
  transform: scale(0.98);
  transition: filter 1.8s ease-out, transform 2.5s ease-out;
}
.top-page .top-fv__slider-holder .fv-slide.swiper-slide-active .fv-slide__img img {
  filter: blur(0px);
  transform: scale(1);
}

@media screen and (max-width: 780px) {
  .top-page .top-fv {
    padding-top: calc(400 / var(--sp-width) * 100vw);
  }
  .top-page .top-fv__catch-content {
    top: 20%;
    right: calc(150 / var(--sp-width) * 100vw);
  }
  .top-page .top-fv__main-catch {
    font-size: calc(37 / var(--sp-width) * 100vw);
  }
  .top-page .top-fv__main-catch .catch-text-col {
    padding: calc(7 / var(--sp-width) * 100vw) calc(3 / var(--sp-width) * 100vw) calc(7 / var(--sp-width) * 100vw) 0;
    margin-left: calc(10 / var(--sp-width) * 100vw);
  }
  .top-page .top-fv__main-catch .catch-text-col:nth-child(3) {
    font-size: calc(26 / var(--sp-width) * 100vw);
    text-align: justify;
  }
  .top-page .top-fv__slider-holder {
    width: calc(1038 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(message)
---------------------------------------- */
.top-page .top-message {
  position: relative;
  padding: calc(50 / var(--pc-width) * 100vw) 0 calc(220 / var(--pc-width) * 100vw);
  margin-top: calc(200 / var(--pc-width) * 100vw);
}
.top-page .top-message__container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(100 / var(--pc-width) * 100vw);
}
.top-page .top-message__img {
  width: calc(882 / var(--pc-width) * 100vw);
}
.top-page .top-message__content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: calc(40 / var(--pc-width) * 100vw);
}
.top-page .top-message__content-title {
  font-size: calc(33 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.5em;
}
.top-page .top-message__text {
  font-size: calc(19 / var(--pc-width) * 100vw);
  line-height: 2.4;
  letter-spacing: 0.09em;
}
.top-page .top-message__text strong {
  position: relative;
  font-size: calc(26 / var(--pc-width) * 100vw);
  line-height: 1;
}
.top-page .top-message__text strong.top-message__text-highlight::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(23 / var(--pc-width) * 100vw);
  background-color: #FFF1C0; 
}
.top-page .top-message__img-sub {
  position: absolute;
  top: calc(-80 / var(--pc-width) * 100vw);
  right: calc(-70 / var(--pc-width) * 100vw);
  width: calc(405 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .top-page .top-message {
    padding: calc(50 / var(--sp-width) * 100vw) 0 calc(500 / var(--sp-width) * 100vw);
    margin-top: calc(200 / var(--sp-width) * 100vw);
  }
  .top-page .top-message__container {
    flex-direction: column;
    gap: calc(100 / var(--sp-width) * 100vw);
  }
  .top-page .top-message__img {
    width: calc(613 / var(--sp-width) * 100vw);
  }
  .top-page .top-message__content {
    gap: calc(40 / var(--sp-width) * 100vw);
    width: calc(600 / var(--sp-width) * 100vw);
    margin: 0 auto;
  }
  .top-page .top-message__content-title {
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .top-page .top-message__text {
    font-size: calc(28 / var(--sp-width) * 100vw);
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .top-page .top-message__text strong {
    font-size: calc(40 / var(--sp-width) * 100vw);
    line-height: 1.5;
  }
  .top-page .top-message__text strong.top-message__text-highlight::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: calc(23 / var(--sp-width) * 100vw);
    width: calc(600 / var(--sp-width) * 100vw);
    height: calc(23 / var(--sp-width) * 100vw);
    background-color: #FFF1C0; 
  }
  .top-page .top-message__text strong.top-message__text-highlight::after {
    height: calc(23 / var(--sp-width) * 100vw);
  }
  .top-page .top-message__text .box-dummy {
    width: 100%;
    height: calc(350 / var(--sp-width) * 100vw);
  }
  .top-page .top-message__img-sub {
    position: relative;
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
   }
  .top-page .top-message__img-sub img:nth-child(1) {
    position: absolute;
    top: 0;
    right: calc(100 / var(--sp-width) * 100vw);
    width: calc(405 / var(--sp-width) * 100vw);
  }
  .top-page .top-message__img-sub img:nth-child(2) {
    position: absolute;
    top: calc(-950 / var(--sp-width) * 100vw);
    right: 0;
    width: calc(533 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(aboutus)
---------------------------------------- */
.top-page .top-aboutus {
  position: relative;
  padding: calc(500 / var(--pc-width) * 100vw) 0;
}
.top-page .top-aboutus__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(10 / var(--pc-width) * 100vw);
}
.top-page .top-aboutus__title-en {
  font-size: calc(25 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.4em;
}
.top-page .top-aboutus__title-img {
  width: calc(458 / var(--pc-width) * 100vw);
  margin-bottom: calc(10 / var(--pc-width) * 100vw);
}
.top-page .top-aboutus__title-ja {
  font-size: calc(25 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}
.top-page .top-page__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(10 / var(--pc-width) * 100vw);
  width: calc(335 / var(--pc-width) * 100vw);
  height: calc(75 / var(--pc-width) * 100vw);
  margin-top: calc(30 / var(--pc-width) * 100vw);
  background-color: var(--c-brown);
  color: var(--c-white);
  border-radius: calc(38 / var(--pc-width) * 100vw);
  font-size: calc(21 / var(--pc-width) * 100vw);
  letter-spacing: 0.38em;
  transition: all 0.3s ease;
}
.top-page .top-page__btn img {
  position: relative;
  left: 0;
  width: calc(28 / var(--pc-width) * 100vw);
  transition: all 0.3s ease;
}
.top-page .top-page__btn:hover {
  opacity: var(--opacity-hover);
}
.top-page .top-page__btn:hover img {
  left: calc(10 / var(--pc-width) * 100vw);
}
.top-page .top-aboutus__img-sub img {
  position: absolute;
}
.top-page .top-aboutus__img-sub .img-aboutus-01 {
  top: calc(150 / var(--pc-width) * 100vw);
  left: calc(-20 / var(--pc-width) * 100vw);
  width: calc(765 / var(--pc-width) * 100vw);
}
.top-page .top-aboutus__img-sub .img-aboutus-02 {
  top: calc(0 / var(--pc-width) * 100vw);
  left: calc(750 / var(--pc-width) * 100vw);
  width: calc(397 / var(--pc-width) * 100vw);
}
.top-page .top-aboutus__img-sub .img-aboutus-03 {
  top: calc(280 / var(--pc-width) * 100vw);
  right: calc(0 / var(--pc-width) * 100vw);
  width: calc(737 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .top-page .top-aboutus {
    padding: calc(700 / var(--sp-width) * 100vw) 0;
  }
  .top-page .top-aboutus__container {
    gap: calc(10 / var(--sp-width) * 100vw);
  }
  .top-page .top-aboutus__title-en {
    font-size: calc(32 / var(--sp-width) * 100vw);
  }
  .top-page .top-aboutus__title-img {
    width: calc(600 / var(--sp-width) * 100vw);
    margin-bottom: calc(10 / var(--sp-width) * 100vw);
  }
  .top-page .top-aboutus__title-ja {
    font-size: calc(32 / var(--sp-width) * 100vw);
  }
  .top-page .top-page__btn {
    gap: calc(40 / var(--sp-width) * 100vw);
    width: calc(401 / var(--sp-width) * 100vw);
    height: calc(90 / var(--sp-width) * 100vw);
    margin-top: calc(30 / var(--sp-width) * 100vw);
    border-radius: calc(45 / var(--sp-width) * 100vw);
    font-size: calc(25 / var(--sp-width) * 100vw);
  }
  .top-page .top-page__btn img {
    width: calc(34 / var(--sp-width) * 100vw);
  }
  .top-page .top-page__btn:hover img {
    left: calc(10 / var(--sp-width) * 100vw);
  }
  .top-page .top-aboutus__img-sub .img-aboutus-01 {
    top: 0;
    left: 0;
    width: calc(491 / var(--sp-width) * 100vw);
  }
  .top-page .top-aboutus__img-sub .img-aboutus-02 {
    top: calc(400 / var(--sp-width) * 100vw);
    left: auto;
    right: calc(-30 / var(--sp-width) * 100vw);
    width: calc(288 / var(--sp-width) * 100vw);
  }
  .top-page .top-aboutus__img-sub .img-aboutus-03 {
    top: auto;
    bottom: calc(50 / var(--sp-width) * 100vw);
    right: 0;
    width: calc(517 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(workstyle&day)
---------------------------------------- */
.top-page .top-workstyleday {
  margin-bottom: calc(230 / var(--pc-width) * 100vw);
  text-align: center;
}
.top-page .top-workstyleday__title-demo {
  position: relative;
  display: inline-block;
  margin: 0 auto calc(50 / var(--pc-width) * 100vw);
  font-size: calc(40 / var(--pc-width) * 100vw);
  letter-spacing: 0.4em;
}
.top-page .top-workstyleday__title-demo::before,
.top-page .top-workstyleday__title-demo::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(564 / var(--pc-width) * 100vw);
  height: calc(74 / var(--pc-width) * 100vw);
  z-index: 1;
}
.top-page .top-workstyleday__title-demo::before {
  background: url('./lib/images/top/deco-workstyle.webp') no-repeat center / contain;
  left: calc(-600 / var(--pc-width) * 100vw);
}
.top-page .top-workstyleday__title-demo::after {
  background: url('./lib/images/top/deco-day.webp') no-repeat center / contain;
  right: calc(-600 / var(--pc-width) * 100vw);
}
.top-page .top-workstyleday__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(190 / var(--pc-width) * 100vw);
}
.top-page .top-workstyleday__workstyle,
.top-page .top-workstyleday__day {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.top-page .top-workstyleday__workstyle {
  align-items: flex-end;
}
.top-page .top-workstyleday__day {
  align-items: flex-start;
}
.top-page .top-workstyleday__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: calc(70 / var(--pc-width) * 100vw) calc(120 / var(--pc-width) * 100vw);
}
.top-page .workstyleday__title-ja {
  font-size: calc(30 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}

@media screen and (max-width: 780px) {
  .top-page .top-workstyleday {
    margin-top: calc(130 / var(--sp-width) * 100vw);
    margin-bottom: calc(230 / var(--sp-width) * 100vw);
  }
  .top-page .top-workstyleday__title-demo {
    width: 100%;
    margin: 0 auto calc(50 / var(--sp-width) * 100vw);
    font-size: calc(35 / var(--sp-width) * 100vw);
  }
  .top-page .top-workstyleday__title-demo::before,
  .top-page .top-workstyleday__title-demo::after {
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    transform: none;
    width: calc(780 / var(--sp-width) * 100vw);
    height: calc(77 / var(--sp-width) * 100vw);
  }
  .top-page .top-workstyleday__title-demo::before {
    top: calc(-100 / var(--sp-width) * 100vw);
    background: url('./lib/images/top/deco-workstyle-sp.webp') no-repeat center / contain;
  }
  .top-page .top-workstyleday__title-demo::after {
    top: calc(1800 / var(--sp-width) * 100vw);
    background: url('./lib/images/top/deco-day-sp.webp') no-repeat center / contain;
  }
  .top-page .top-workstyleday__container {
    flex-direction: column;
    gap: calc(70 / var(--sp-width) * 100vw);
  }
  .top-page .top-workstyleday__workstyle,
  .top-page .top-workstyleday__day {
    align-items: center;
  }
  .top-page .top-workstyleday__link {
    margin: calc(70 / var(--sp-width) * 100vw) calc(120 / var(--sp-width) * 100vw);
  }
  .top-page .workstyleday__title-ja {
    font-size: calc(36 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(voice&interview)
---------------------------------------- */
.top-page .top-voiceinterview {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(280 / var(--pc-width) * 100vw);
  padding: calc(180 / var(--pc-width) * 100vw) 0 0;
  margin-bottom: calc(290 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__bk {
  position: absolute;
  z-index: -1;
  display: inline-block;
  width: calc(1600 / var(--pc-width) * 100vw);
  height: 100%;
  background-color: #FFFAE1;
  clip-path: polygon(
    75px 0,                /* 左上（上側） */
    calc(100% - 75px) 0,   /* 右上（上側） */
    100% 75px,             /* 右上（右側） */
    100% calc(100% - 75px),/* 右下（右側） */
    calc(100% - 75px) 100%,/* 右下（下側） */
    75px 100%,             /* 左下（下側） */
    0 calc(100% - 75px),   /* 左下（左側） */
    0 75px                 /* 左上（左側） */
  );
}
.top-page .top-voiceinterview__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(50 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__voice .top-voiceinterview__title-demo {
  position: relative;
  width: calc(570 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::before,
.top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(892 / var(--pc-width) * 100vw);
  height: calc(83 / var(--pc-width) * 100vw);
  z-index: 1;
}
.top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::before {
  background: url('./lib/images/top/deco-voice-01.webp') no-repeat center / contain;
  left: calc(-920 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::after {
  background: url('./lib/images/top/deco-voice-02.webp') no-repeat center / contain;
  right: calc(-920 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__voice .top-voiceinterview__container p {
  line-height: 2.1;
  letter-spacing: 0.13em;
  text-align: center;
}
.top-page .top-voiceinterview__voice .top-page__btn-voice {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(10 / var(--pc-width) * 100vw);
  width: calc(430 / var(--pc-width) * 100vw);
  height: calc(75 / var(--pc-width) * 100vw);
  border: 1px solid var(--c-brown);
  color: var(--c-brown);
  border-radius: calc(38 / var(--pc-width) * 100vw);
  font-size: calc(21 / var(--pc-width) * 100vw);
  letter-spacing: 0.38em;
  transition: all 0.3s ease;
}
.top-page .top-voiceinterview__voice .top-page__btn-voice::after {
  content: "";
  width: calc(28 / var(--pc-width) * 100vw);
  height: calc(13 / var(--pc-width) * 100vw);
  background-image: url('./lib/images/icon/icon-arrow-brown-02.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transition: background-size 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.top-page .top-voiceinterview__voice .top-page__btn-voice:hover {
  background-color: var(--c-brown);
  color: var(--c-white);
}
.top-page .top-voiceinterview__voice .top-page__btn-voice:hover::after {
  background-image: url('./lib/images/icon/icon-arrow-white.svg');
}
.top-page .top-voiceinterview__voice .top-page__btn-voice img {
  position: relative;
  left: 0;
  width: calc(28 / var(--pc-width) * 100vw);
  transition: all 0.3s ease;
}
.top-page .top-voiceinterview__voice .top-page__btn-voice:hover img {
  left: calc(10 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(50 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__img img {
  width: calc(520 / var(--pc-width) * 100vw);
}
.top-page .top-voiceinterview__img a:hover {
  opacity: 0.6;
}
.top-page .top-voiceinterview__interview .interview-catalog__btn {
  width: calc(335 / var(--pc-width) * 100vw);
  height: calc(75 / var(--pc-width) * 100vw);
  padding: 0 calc(6 / var(--pc-width) * 100vw) 0 calc(45 / var(--pc-width) * 100vw);
  margin-top: calc(25 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .top-page .top-voiceinterview {
    gap: calc(130 / var(--sp-width) * 100vw);
    padding: calc(180 / var(--sp-width) * 100vw) 0 0;
    margin-bottom: calc(290 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__bk {
    width: calc(690 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__container {
    gap: calc(50 / var(--sp-width) * 100vw);
    margin-bottom: calc(100 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-voiceinterview__title-demo {
    width: calc(370 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::before,
  .top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::after {
    width: calc(629 / var(--sp-width) * 100vw);
    height: calc(58 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::before {
    background: url('./lib/images/top/deco-voice-01.webp') no-repeat center / contain;
    left: calc(-650 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-voiceinterview__title-demo::after {
    background: url('./lib/images/top/deco-voice-02.webp') no-repeat center / contain;
    right: calc(-650 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-page__btn-voice {
    gap: calc(10 / var(--sp-width) * 100vw);
    width: calc(515 / var(--sp-width) * 100vw);
    height: calc(90 / var(--sp-width) * 100vw);
    border-radius: calc(45 / var(--sp-width) * 100vw);
    font-size: calc(25 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-page__btn-voice::after {
    width: calc(34 / var(--sp-width) * 100vw);
    height: calc(15 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-page__btn-voice img {
    width: calc(34 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__voice .top-page__btn-voice:hover img {
    left: calc(10 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__img {
    flex-direction: column;
    gap: calc(50 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__img img {
    width: calc(520 / var(--sp-width) * 100vw);
  }
  .top-page .top-voiceinterview__interview .interview-catalog__btn {
    width: calc(401 / var(--sp-width) * 100vw);
    height: calc(90 / var(--sp-width) * 100vw);
    padding: 0 calc(6 / var(--sp-width) * 100vw) 0 calc(45 / var(--sp-width) * 100vw);
    margin-top: calc(25 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(faq)
---------------------------------------- */
.top-page .top-faq {
  padding: calc(450 / var(--pc-width) * 100vw) 0 calc(605 / var(--pc-width) * 100vw);
}
.top-page .top-faq__container {
  width: calc(1280 / var(--pc-width) * 100vw);
  margin: 0 auto;
}
.top-page .top-faq__container-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: max-content;
  gap: calc(30 / var(--pc-width) * 100vw);
  margin-left: calc(50 / var(--pc-width) * 100vw);
}
.top-page .top-faq__desc {
  line-height: 2.1;
  letter-spacing: 0.13em;
}
.top-page .top-faq__title-ja {
  font-size: calc(48 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}
.top-page .top-faq__title-img {
  width: calc(192 / var(--pc-width) * 100vw);
  margin-top: calc(10 / var(--pc-width) * 100vw);
}
.top-page .top-faq__img-sub img {
  position: absolute;
}
.top-page .top-faq__img-sub .img-faq-01 {
  top: calc(150 / var(--pc-width) * 100vw);
  right: 0;
  width: calc(1038 / var(--pc-width) * 100vw);
}
.top-page .top-faq__img-sub .img-faq-02 {
  top: calc(10 / var(--pc-width) * 100vw);
  left: calc(570 / var(--pc-width) * 100vw);
  width: calc(358 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .top-page .top-faq {
    padding: calc(550 / var(--sp-width) * 100vw) 0 calc(150 / var(--sp-width) * 100vw);
  }
  .top-page .top-faq__container {
    width: 100%;
  }
  .top-page .top-faq__container-box {
    gap: calc(30 / var(--sp-width) * 100vw);
    margin-left: calc(50 / var(--sp-width) * 100vw);
  }
  .top-page .top-faq__desc {
    font-size: calc(27 / var(--sp-width) * 100vw);
  }
  .top-page .top-faq__title-ja {
    font-size: calc(65 / var(--sp-width) * 100vw);
  }
  .top-page .top-faq__title-img {
    width: calc(220 / var(--sp-width) * 100vw);
    margin-top: calc(10 / var(--sp-width) * 100vw);
  }
  .top-page .top-faq__img-sub .img-faq-01 {
    top: calc(50 / var(--sp-width) * 100vw);
    right: 0;
    width: calc(495 / var(--sp-width) * 100vw);
  }
  .top-page .top-faq__img-sub .img-faq-02 {
    top: 0;
    left: 0;
    width: calc(318 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(requirements)
---------------------------------------- */
.top-page .top-requirements {
  background-color: #FFFAE1;
}
.top-page .top-requirements__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(180 / var(--pc-width) * 100vw);
}
.top-page .top-requirements__container::before,
.top-page .top-requirements__container::after {
  content: '';
  position: absolute;
  right: calc(-125 / var(--pc-width) * 100vw);
  width: calc(1212 / var(--pc-width) * 100vw);
  height: calc(72 / var(--pc-width) * 100vw);
  z-index: -1;
  background: url('./lib/images/top/deco-requirements.webp') no-repeat center / contain;
}
.top-page .top-requirements__container::before {
  top: 0;
}
.top-page .top-requirements__container::after {
  bottom: 0;
}
.top-page .top-requirements__img {
  width: calc(1059 / var(--pc-width) * 100vw);
}
.top-page .top-requirements__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: calc(25 / var(--pc-width) * 100vw);
}
.top-page .top-requirements__title-en {
  font-size: calc(75 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
  line-height: 1;
}
.top-page .top-requirements__title-ja {
  margin-bottom: calc(20 / var(--pc-width) * 100vw);
  font-size: calc(30 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}

@media screen and (max-width: 780px) {
  .top-page .top-requirements {
    margin-top: calc(180 / var(--sp-width) * 100vw);
  }
  .top-page .top-requirements__container {
    flex-direction: column;
    gap: 0;
    padding-bottom: calc(180 / var(--sp-width) * 100vw);
  }
  .top-page .top-requirements__container::before,
  .top-page .top-requirements__container::after {
    right: calc(-125 / var(--sp-width) * 100vw);
    width: calc(1212 / var(--sp-width) * 100vw);
    height: calc(72 / var(--sp-width) * 100vw);
  }
  .top-page .top-requirements__container::before {
    top: 0;
  }
  .top-page .top-requirements__container::after {
    bottom: 0;
  }
  .top-page .top-requirements__img {
    position: relative;
    top: calc(-145 / var(--sp-width) * 100vw);
    right: calc(145 / var(--sp-width) * 100vw);
    width: calc(635 / var(--sp-width) * 100vw);
    margin-bottom: calc(-45 / var(--sp-width) * 100vw);
  }
  .top-page .top-requirements__content {
    gap: calc(25 / var(--sp-width) * 100vw);
  }
  .top-page .top-requirements__title-en {
    font-size: calc(75 / var(--sp-width) * 100vw);
  }
  .top-page .top-requirements__title-ja {
    margin-bottom: calc(20 / var(--sp-width) * 100vw);
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* page-top(event)
---------------------------------------- */
.top-page .top-entry {
  padding: calc(230 / var(--pc-width) * 100vw) 0 0;
  background-color: #FFFAE1;
}
.top-page .top-entry__container-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(25 / var(--pc-width) * 100vw);
  padding: calc(250 / var(--pc-width) * 100vw) 0;
}
.top-entry__container-box::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 125%;
  height: 100%;
  background-color: var(--c-white, --c-white);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}
.top-page .top-entry__title-img {
  width: calc(606 / var(--pc-width) * 100vw);
}
.top-page .top-entry__desc {
  margin-bottom: calc(100 / var(--pc-width) * 100vw);
  font-size: calc(30 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
  line-height: 1.7;
  text-align: center;
}
.top-page .top-entry__list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: calc(50 / var(--pc-width) * 100vw);
}
.top-page .top-entry__list a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.top-page .top-entry__list a:hover {
  opacity: 0.6;
}
.top-page .top-entry__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: calc(60 / var(--pc-width) * 100vw) 0 calc(40 / var(--pc-width) * 100vw);
  color: var(--c-white);
}
.top-page .top-entry__item-title-en {
  font-size: calc(18 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-black);
  letter-spacing: 0.45em;
}
.top-page .top-entry__item-title-ja {
  font-size: calc(28 / var(--pc-width) * 100vw);
  line-height: 1.6;
  letter-spacing: 0.07em;
}
.top-page .top-entry__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(61 / var(--pc-width) * 100vw);
  height: calc(61 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  border-radius: 100%;
}
.top-page .top-entry__btn img {
  width: calc(35 / var(--pc-width) * 100vw);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.top-page .top-entry__list a:hover .top-entry__btn img {
  width: calc(40 / var(--pc-width) * 100vw);
}
.top-page .top-entry__list a:nth-child(1) .top-entry__item {
  width: calc(325 / var(--pc-width) * 100vw);
  height: calc(325 / var(--pc-width) * 100vw);
  background: url('./lib/images/entry/bk-tour.webp') no-repeat center / contain;
}
.top-page .top-entry__list a:nth-child(2) .top-entry__item {
  width: calc(360 / var(--pc-width) * 100vw);
  height: calc(340 / var(--pc-width) * 100vw);
  background: url('./lib/images/entry/bk-casual.webp') no-repeat center / contain;
}
.top-page .top-entry__list a:nth-child(3) .top-entry__item {
  width: calc(330 / var(--pc-width) * 100vw);
  height: calc(325 / var(--pc-width) * 100vw);
  background: url('./lib/images/entry/bk-entry.webp') no-repeat center / contain;
}
.top-page .top-entry__img-sub img {
  position: absolute;
}
.top-page .top-entry__img-sub .img-entry-01 {
  top: calc(300 / var(--pc-width) * 100vw);
  left: calc(100 / var(--pc-width) * 100vw);
  width: calc(450 / var(--pc-width) * 100vw);
}
.top-page .top-entry__img-sub .img-entry-02 {
  top: calc(250 / var(--pc-width) * 100vw);
  right: calc(220 / var(--pc-width) * 100vw);
  width: calc(315 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .top-page .top-entry {
    padding: calc(330 / var(--sp-width) * 100vw) 0 0;
  }
  .top-page .top-entry__container-box {
    gap: calc(30 / var(--sp-width) * 100vw);
    padding: calc(250 / var(--sp-width) * 100vw) 0;
  }
  .top-entry__container-box::before {
    width: 170%;
  }
  .top-page .top-entry__title-img {
    width: calc(561 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__desc {
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__list {
    gap: calc(20 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__item {
    padding: calc(40 / var(--sp-width) * 100vw) 0 calc(30 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__item-title-en {
    font-size: calc(17 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__item-title-ja {
    font-size: calc(24 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__btn {
    width: calc(55 / var(--sp-width) * 100vw);
    height: calc(55 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__btn img {
    width: calc(35 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__btn:hover img {
    width: calc(40 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__list a:nth-child(1) .top-entry__item {
    width: calc(225 / var(--sp-width) * 100vw);
    height: calc(225 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__list a:nth-child(2) .top-entry__item {
    width: calc(252 / var(--sp-width) * 100vw);
    height: calc(240 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__list a:nth-child(3) .top-entry__item {
    width: calc(230 / var(--sp-width) * 100vw);
    height: calc(230 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__img-sub .img-entry-01 {
    top: calc(50 / var(--sp-width) * 100vw);
    left: calc(20 / var(--sp-width) * 100vw);
    width: calc(450 / var(--sp-width) * 100vw);
  }
  .top-page .top-entry__img-sub .img-entry-02 {
    top: calc(250 / var(--sp-width) * 100vw);
    right: calc(20 / var(--sp-width) * 100vw);
    width: calc(269 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* aboutus-page
---------------------------------------- */
.aboutus-page-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.aboutus-page-wrapper .aboutus-deco {
  position: absolute;
  z-index: 1;
  pointer-events: none;

  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.aboutus-page-wrapper .aboutus-deco img {
  width: auto;
  height: auto;
  display: block;
}
.aboutus-page-wrapper .aboutus-deco.var-01 {
  top: calc(-50 / var(--pc-width) * 100vw);
  right: calc(430 / var(--pc-width) * 100vw);
  width: calc(241 / var(--pc-width) * 100vw);
}
.aboutus-page-wrapper .aboutus-deco.var-02 {
  top: calc(150 / var(--pc-width) * 100vw);
  left: calc(-100 / var(--pc-width) * 100vw);
  width: calc(404 / var(--pc-width) * 100vw);
}
.aboutus-page-wrapper .aboutus-deco.var-03 {
  top: calc(2900 / var(--pc-width) * 100vw);
  left: calc(720 / var(--pc-width) * 100vw);
  width: calc(165 / var(--pc-width) * 100vw);
}
.aboutus-page-wrapper .aboutus-deco.var-04 {
  top: calc(3400 / var(--pc-width) * 100vw);
  left: calc(-100 / var(--pc-width) * 100vw);
  width: calc(382 / var(--pc-width) * 100vw);
  z-index: 3;
}
.aboutus-page-wrapper .aboutus-deco.var-05 {
  top: calc(3300 / var(--pc-width) * 100vw);
  right: calc(-30 / var(--pc-width) * 100vw);
  width: calc(245 / var(--pc-width) * 100vw);
}
.aboutus-page {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: calc(150 / var(--pc-width) * 100vw) 0 0;
  box-sizing: border-box;
  z-index: 2;
}
.aboutus-page .aboutus-intro {
  position: relative;
  text-align: center;
  margin: 0 auto calc(200 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-intro__container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: calc(90 / var(--pc-width) * 100vw);
  width: 100%;
  margin: 0 auto calc(45 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-intro__img-box {
  flex-shrink: 0;
  position: relative;
  width: calc(728 / var(--pc-width) * 100vw);
  height: auto;
  margin-left: calc(-350 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-intro__img-box img {
  width: 100%;
  height: auto;
}
.aboutus-page .aboutus-intro__text-box {
  flex-shrink: 0;
  width: calc(610 / var(--pc-width) * 100vw);
  margin-top: calc(50 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-intro__title-en {
  margin-bottom: calc(40 / var(--pc-width) * 100vw);
  font-size: calc(32 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.4em;
}
.aboutus-page .aboutus-intro__title-img {
  margin-bottom: calc(40 / var(--pc-width) * 100vw);
  width: 100%;
}
.aboutus-page .aboutus-intro__title-ja {
  margin-bottom: calc(40 / var(--pc-width) * 100vw);
  font-size: calc(33 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
  line-height: 1.1;
}
.aboutus-page .aboutus-intro__desc {
  font-size: calc(18 / var(--pc-width) * 100vw);
  line-height: 2.2;
  letter-spacing: 0.08em;
  text-align: justify;
}
.aboutus-page .aboutus-intro__img-sub img {
  position: absolute;
  z-index: -1;
}
.aboutus-page .aboutus-intro__img-sub .aboutus-subimg-01 {
  top: calc(-220 / var(--pc-width) * 100vw);
  left: calc(790 / var(--pc-width) * 100vw);
  width: calc(269 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-intro__img-sub .aboutus-subimg-02 {
  top: calc(-50 / var(--pc-width) * 100vw);
  right: 0;
  width: calc(388 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: calc(375 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section__inner {
  width: calc(1280 / var(--pc-width) * 100vw);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aboutus-page .aboutus-section__visual {
  flex-shrink: 0;
  width: calc(746 / var(--pc-width) * 100vw);
  margin-left: calc(-160 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section__content {
  width: calc(560 / var(--pc-width) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(45 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section__title {
  width: calc(541 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section__catch {
  font-size: calc(33 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  line-height: 1.8;
  letter-spacing: 0.13em;
  text-align: center;
}
.aboutus-page .aboutus-section__desc {
  font-size: calc(18 / var(--pc-width) * 100vw);
  line-height: 2.2;
  letter-spacing: 0.08em;
}
.aboutus-page .aboutus-section.type-mission::before,
.aboutus-page .aboutus-section.type-mission::after {
  content: '';
  position: absolute;
  width: calc(444 / var(--pc-width) * 100vw);
  height: calc(130 / var(--pc-width) * 100vw);
  background: url('./lib/images/aboutus/deco-01.webp') no-repeat center / contain;
  z-index: 1;
}
.aboutus-page .aboutus-section.type-mission::before {
  left: calc(-160 / var(--pc-width) * 100vw);
  top: calc(-50 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-mission::after {
  right: calc(-35 / var(--pc-width) * 100vw);
  bottom: calc(-50 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-vision::before,
.aboutus-page .aboutus-section.type-vision::after {
  content: '';
  position: absolute;
  width: calc(444 / var(--pc-width) * 100vw);
  height: calc(130 / var(--pc-width) * 100vw);
  background: url('./lib/images/aboutus/deco-02.webp') no-repeat center / contain;
  z-index: 1;
}
.aboutus-page .aboutus-section.type-vision::before {
  left: calc(-190 / var(--pc-width) * 100vw);
  top: calc(-50 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-vision::after {
  right: calc(-130 / var(--pc-width) * 100vw);
  bottom: calc(-150 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-vision .aboutus-section__inner {
  flex-direction: row-reverse;
}
.aboutus-page .aboutus-section.type-vision .aboutus-section__visual {
  width: calc(700 / var(--pc-width) * 100vw);
  margin-left: 0;
  margin-right: calc(-160 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-vision .aboutus-section__title {
  width: calc(357 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-promise {
  margin-bottom: calc(530 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-promise .aboutus-section__visual {
  width: calc(672 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-promise .aboutus-section__title {
  width: calc(453 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-introduce {
  margin-bottom: calc(180 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-introduce::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(1599 / var(--pc-width) * 100vw);
  height: calc(1182 / var(--pc-width) * 100vw);
  background-image: url('./lib/images/aboutus/bk-introduce.webp');
  background-repeat: no-repeat;
  background-size: contain;
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__inner {
  justify-content: center;
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__title {
  position: relative;
  display: inline-block;
  width: auto;
  padding: calc(6 / var(--pc-width) * 100vw) calc(30 / var(--pc-width) * 100vw);
  margin-bottom: calc(120 / var(--pc-width) * 100vw);
  font-size: calc(35 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
  text-align: center;
  border-left: 5px solid var(--c-orange);
  border-right: 5px solid var(--c-orange);
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__title::before,
.aboutus-page .aboutus-section.type-introduce .aboutus-section__title::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(196 / var(--pc-width) * 100vw);
  height: calc(56 / var(--pc-width) * 100vw);
  background: url('./lib/images/aboutus/deco-03.webp') no-repeat center / contain;
  z-index: 1;
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__title::before {
  left: calc(-230 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__title::after {
  right: calc(-230 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(1020 / var(--pc-width) * 100vw);
  row-gap: calc(80 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: calc(30 / var(--pc-width) * 100vw);
  width: calc(450 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__card-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(61 / var(--pc-width) * 100vw);
  background-color: var(--c-orange);
  color: var(--c-white);
  
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__card-title h4 {
  font-size: calc(27 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
  line-height: 1;
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__card-desc {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__card-desc .access {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(126 / var(--pc-width) * 100vw);
  height: calc(22 / var(--pc-width) * 100vw);
  margin-top: calc(20 / var(--pc-width) * 100vw);
  background-color: #FFE896;
  color: var(--c-orange);
  border-radius: calc(11 / var(--pc-width) * 100vw);
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__card-desc .access a {
  display: inline-block;
  width: 100%;
  font-size: calc(16 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
  text-align: center;
  color: var(--c-orange);
}
.aboutus-page .aboutus-section.type-introduce .aboutus-section__card-desc .access a:hover {
  opacity: var(--opacity-hover);
}

@media screen and (max-width: 780px) {
  .aboutus-page-wrapper .aboutus-deco.var-01 {
    top: calc(-50 / var(--sp-width) * 100vw);
    right: calc(130 / var(--sp-width) * 100vw);
    width: calc(241 / var(--sp-width) * 100vw);
  }
  .aboutus-page-wrapper .aboutus-deco.var-02 {
    top: calc(150 / var(--sp-width) * 100vw);
    left: calc(-100 / var(--sp-width) * 100vw);
    width: calc(320 / var(--sp-width) * 100vw);
  }
  .aboutus-page-wrapper .aboutus-deco.var-03 {
    top: calc(5400 / var(--sp-width) * 100vw);
    left: auto;
    right: calc(20 / var(--sp-width) * 100vw);
    width: calc(165 / var(--sp-width) * 100vw);
  }
  .aboutus-page-wrapper .aboutus-deco.var-04 {
    top: calc(5800 / var(--sp-width) * 100vw);
    left: calc(-70 / var(--sp-width) * 100vw);
    width: calc(236 / var(--sp-width) * 100vw);
    z-index: 3;
  }
  .aboutus-page-wrapper .aboutus-deco.var-05 {
    top: calc(6600 / var(--sp-width) * 100vw);
    right: calc(-30 / var(--sp-width) * 100vw);
    width: calc(220 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro {
    margin: 0 auto calc(600 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__container {
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 0 auto calc(45 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__img-box {
    width: calc(600 / var(--sp-width) * 100vw);
    margin-left: 0;
  }
  .aboutus-page .aboutus-intro__text-box {
    width: calc(685 / var(--sp-width) * 100vw);
    margin-top: calc(50 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__title-en {
    margin-bottom: calc(40 / var(--sp-width) * 100vw);
    font-size: calc(32 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__title-img {
    margin-bottom: calc(40 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__title-ja {
    margin-bottom: calc(40 / var(--sp-width) * 100vw);
    font-size: calc(33 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__desc {
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__img-sub .aboutus-subimg-01 {
    top: auto;
    bottom: calc(-330 / var(--sp-width) * 100vw);
    left: 0;
    width: calc(269 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-intro__img-sub .aboutus-subimg-02 {
    top: auto;
    bottom: calc(-520 / var(--sp-width) * 100vw);
    right: calc(-44 / var(--sp-width) * 100vw);
    width: calc(388 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section {
    margin-bottom: calc(275 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section__inner {
    width: calc(600 / var(--sp-width) * 100vw);
    padding: calc(50 / var(--sp-width) * 100vw) 0;
    flex-direction: column;
    justify-content: center;
    gap: calc(70 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section__visual {
    width: calc(582 / var(--sp-width) * 100vw);
    margin-left: 0;
  }
  .aboutus-page .aboutus-section__content {
    width: calc(600 / var(--sp-width) * 100vw);
    gap: calc(45 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section__title {
    width: calc(600 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section__catch {
    font-size: calc(38 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section__desc {
    font-size: calc(30 / var(--sp-width) * 100vw);
    letter-spacing: 0.05em;
  }
  .aboutus-page .aboutus-section.type-mission::before,
  .aboutus-page .aboutus-section.type-mission::after {
    width: calc(444 / var(--sp-width) * 100vw);
    height: calc(130 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-mission::before {
    left: calc(-160 / var(--sp-width) * 100vw);
    top: calc(-50 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-mission::after {
    right: calc(-65 / var(--sp-width) * 100vw);
    bottom: calc(-150 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-vision::before,
  .aboutus-page .aboutus-section.type-vision::after {
    width: calc(544 / var(--sp-width) * 100vw);
    height: calc(230 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-vision::before {
    left: calc(-190 / var(--sp-width) * 100vw);
    top: calc(-150 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-vision::after {
    right: calc(-130 / var(--sp-width) * 100vw);
    bottom: calc(-150 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-vision .aboutus-section__inner {
    flex-direction: column;
  }
  .aboutus-page .aboutus-section.type-vision .aboutus-section__visual {
    width: calc(600 / var(--sp-width) * 100vw);
    margin-right: 0;
  }
  .aboutus-page .aboutus-section.type-vision .aboutus-section__title {
    width: calc(494 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-promise {
    margin-bottom: calc(230 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-promise .aboutus-section__visual {
    width: calc(672 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-promise .aboutus-section__title {
    width: calc(578 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce {
    margin-bottom: calc(180 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce::before {
    width: calc(690 / var(--sp-width) * 100vw);
    height: calc(2485 / var(--sp-width) * 100vw);
    background-image: url('./lib/images/aboutus/bk-introduce-sp.webp');
    background-repeat: no-repeat;
    background-size: contain;
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__title {
    padding: calc(6 / var(--sp-width) * 100vw) calc(30 / var(--sp-width) * 100vw);
    margin-bottom: calc(40 / var(--sp-width) * 100vw);
    font-size: calc(35 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__title::before,
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__title::after {
    width: calc(196 / var(--sp-width) * 100vw);
    height: calc(56 / var(--sp-width) * 100vw);
    background: url('./lib/images/aboutus/deco-03.webp') no-repeat center / contain;
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__title::before {
    left: calc(-230 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__title::after {
    right: calc(-230 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__list {
    flex-direction: column;
    align-items: center;
    width: calc(600 / var(--sp-width) * 100vw);
    row-gap: calc(80 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__card {
    gap: calc(30 / var(--sp-width) * 100vw);
    width: calc(600 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__card-title {
    height: calc(87 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__card-title h4 {
    font-size: calc(38 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__card-desc .access {
    width: calc(178 / var(--sp-width) * 100vw);
    height: calc(31 / var(--sp-width) * 100vw);
    margin-top: calc(20 / var(--sp-width) * 100vw);
    border-radius: calc(11 / var(--sp-width) * 100vw);
  }
  .aboutus-page .aboutus-section.type-introduce .aboutus-section__card-desc .access a {
    font-size: calc(23 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* workstyle-page
---------------------------------------- */
.workstyle-page-wrapper {
  position: relative;
  width: 100%;
  background-color: #FFFAE1;
  overflow: hidden;
}
.workstyle-page-wrapper .work-deco {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  transition: transform 0.1s ease-out;

  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.workstyle-page-wrapper .work-deco img {
  width: auto;
  height: auto;
  display: block;
}
.workstyle-page-wrapper .work-deco.var-01 {
  top: calc(1750 / var(--pc-width) * 100vw);
  left: calc(-50 / var(--pc-width) * 100vw);
  width: calc(321 / var(--pc-width) * 100vw);
  z-index: 3;
}
.workstyle-page-wrapper .work-deco.var-02 {
  top: calc(2800 / var(--pc-width) * 100vw);
  right: calc(20 / var(--pc-width) * 100vw);
  width: calc(226 / var(--pc-width) * 100vw);
}
.workstyle-page-wrapper .work-deco.var-03 {
  top: calc(3800 / var(--pc-width) * 100vw);
  left: calc(30 / var(--pc-width) * 100vw);
  width: calc(240 / var(--pc-width) * 100vw);
}
.workstyle-page-wrapper .work-deco.var-04 {
  top: calc(4100 / var(--pc-width) * 100vw);
  right: calc(-50 / var(--pc-width) * 100vw);
  width: calc(287 / var(--pc-width) * 100vw);
  z-index: 3;
}
.workstyle-page-wrapper .work-deco.var-05 {
  top: calc(5000 / var(--pc-width) * 100vw);
  left: calc(-70 / var(--pc-width) * 100vw);
  width: calc(369 / var(--pc-width) * 100vw);
}
.workstyle-page {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 calc(200 / var(--pc-width) * 100vw);
  box-sizing: border-box;
  z-index: 2;
}
.workstyle-page .work-page-title-demo {
  margin-bottom: calc(85 / var(--pc-width) * 100vw);
  font-size: calc(40 / var(--pc-width) * 100vw);
  letter-spacing: 0.4em;
}
.workstyle-page .work-page-title-demo .wrap {
  position: relative;
  width: calc(1280 / var(--pc-width) * 100vw);
  padding-left: calc(45 / var(--pc-width) * 100vw);
}
.workstyle-page .work-page-title-demo .wrap::before,
.workstyle-page .work-page-title-demo .wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(762 / var(--pc-width) * 100vw);
  height: calc(67 / var(--pc-width) * 100vw);
  background: url('./lib/images/workstyle/deco-01.webp') no-repeat center / contain;
  z-index: 1;
}
.workstyle-page .work-page-title-demo .wrap::before {
  left: calc(-750 / var(--pc-width) * 100vw);
}
.workstyle-page .work-page-title-demo .wrap::after {
  right: calc(-350 / var(--pc-width) * 100vw);
}
.workstyle-page .work-intro {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto calc(420 / var(--pc-width) * 100vw);
  background: var(--c-white);
}
.workstyle-page .work-intro__container {
  position: relative;
  width: calc(1600 / var(--pc-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(130 / var(--pc-width) * 100vw);
}
.workstyle-page .work-intro__img {
  flex-shrink: 0;
  width: calc(1001 / var(--pc-width) * 100vw);
  margin-left: calc(-320 / var(--pc-width) * 100vw); 
}
.workstyle-page .work-intro__box {
  flex-shrink: 0;
  width: calc(625 / var(--pc-width) * 100vw); 
  box-sizing: border-box;
}
.workstyle-page .work-intro__title-box {
  display: inline-block;
  width: 100%;
  margin-bottom: calc(50 / var(--pc-width) * 100vw);
  text-align: center;
}
.workstyle-page .work-intro__title {
  position: relative;
  display: inline-block;
  font-size: calc(40 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
  line-height: 1;
}
.workstyle-page .work-intro__title span {
  position: relative;
  display: inline-block;
  font-size: calc(35 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
  color: var(--c-white);
}
.workstyle-page .work-intro__title span::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(52 / var(--pc-width) * 100vw);
  height: calc(52 / var(--pc-width) * 100vw);
  background-color: var(--c-lime);
  border-radius: 50%;
}
.workstyle-page .work-card-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(350 / var(--pc-width) * 100vw); 
  width: 100%;
  margin: 0 auto;
}
.workstyle-page .work-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(90 / var(--pc-width) * 100vw);
  width: calc(1280 / var(--pc-width) * 100vw);
  margin: 0 auto;
  position: relative;
}
.workstyle-page .work-card:nth-child(odd) {
  flex-direction: row-reverse;
}
.workstyle-page .work-card__thumb {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  width: calc(984 / var(--pc-width) * 100vw);
  margin-left: calc(-320 / var(--pc-width) * 100vw);
}
.workstyle-page .work-card:nth-child(odd) .work-card__thumb {
  margin-left: 0;
  margin-right: calc(-320 / var(--pc-width) * 100vw);
}
.workstyle-page .work-card__content {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: calc(50 / var(--pc-width) * 100vw);
  align-items: center;
  justify-content: center;
  width: calc(867 / var(--pc-width) * 100vw);
  padding: calc(150 / var(--pc-width) * 100vw);
  background: var(--c-white);
  margin-left: calc(-160 / var(--pc-width) * 100vw);
}
.workstyle-page .work-card:nth-child(odd) .work-card__content {
  margin-left: 0;
  margin-right: calc(-160 / var(--pc-width) * 100vw);
}
.workstyle-page .work-card__num {
  position: absolute;
  top: calc(-80 / var(--pc-width) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  color: var(--c-orange);
  font-family: "Jost", sans-serif;
  font-size: calc(155 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-semibold);
  letter-spacing: 0.01em;
  line-height: 1;
}
.workstyle-page .work-card:nth-child(odd) .work-card__num {
  color: var(--c-lime);
}
.workstyle-page .work-card__title {
  font-size: calc(40 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  color: var(--c-orange);
  line-height: 1.8;
  letter-spacing: 0.13em;
  text-align: center;
}
.workstyle-page .work-card:nth-child(odd) .work-card__title {
  color: var(--c-lime);
}

@media screen and (max-width: 780px) {
  .workstyle-page-wrapper .work-deco.var-01 {
    top: calc(2850 / var(--sp-width) * 100vw);
    left: auto;
    right: calc(-50 / var(--sp-width) * 100vw);
    width: calc(260 / var(--sp-width) * 100vw);
  }
  .workstyle-page-wrapper .work-deco.var-02 {
    top: calc(4350 / var(--sp-width) * 100vw);
    right: auto;
    left: calc(-20 / var(--sp-width) * 100vw);
    width: calc(244 / var(--sp-width) * 100vw);
  }
  .workstyle-page-wrapper .work-deco.var-03 {
    top: calc(5800 / var(--sp-width) * 100vw);
    left: auto;
    right: calc(100 / var(--sp-width) * 100vw);
    width: calc(209 / var(--sp-width) * 100vw);
    z-index: 3;
  }
  .workstyle-page-wrapper .work-deco.var-04 {
    top: calc(6400 / var(--sp-width) * 100vw);
    right: calc(-100 / var(--sp-width) * 100vw);
    width: calc(244 / var(--sp-width) * 100vw);
  }
  .workstyle-page-wrapper .work-deco.var-05 {
    top: calc(7800 / var(--sp-width) * 100vw);
    left: calc(-30 / var(--sp-width) * 100vw);
    width: calc(258 / var(--sp-width) * 100vw);
  }
  .workstyle-page {
    padding: 0;
  }
  .workstyle-page .work-page-title-demo {
    display: inline-block;
    width: 100%;
    margin: calc(80 / var(--sp-width) * 100vw) 0;
    font-size: calc(35 / var(--sp-width) * 100vw);
    white-space: nowrap;
  }
  .workstyle-page .work-page-title-demo .wrap {
    width: calc(600 / var(--sp-width) * 100vw);
    padding-left: 0;
  }
  .workstyle-page .work-page-title-demo .wrap::before {
    top: calc(-100 / var(--sp-width) * 100vw);
    left: calc(-60 / var(--sp-width) * 100vw);
    transform: none;
    width: calc(813 / var(--sp-width) * 100vw);
    height: calc(72 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-page-title-demo .wrap::after {
    display: none;
  }
  .workstyle-page .work-intro {
    position: relative;
    left: calc(-44 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
    margin: calc(420 / var(--sp-width) * 100vw) auto calc(120 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-intro__container {
    position: relative;
    width: calc(780 / var(--sp-width) * 100vw);
    flex-direction: column;
    gap: calc(50 / var(--sp-width) * 100vw);
    padding-bottom: calc(150 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-intro__img {
    position: relative;
    top: calc(-420 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
    margin-left: 0;
    margin-bottom: calc(-420 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-intro__box {
    width: calc(600 / var(--sp-width) * 100vw); 
  }
  .workstyle-page .work-intro__title-box {
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-intro__title {
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-intro__title span {
    font-size: calc(35 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-intro__title span::before {
    width: calc(52 / var(--sp-width) * 100vw);
    height: calc(52 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-card-list {
    gap: calc(150 / var(--sp-width) * 100vw); 
  }
  .workstyle-page .work-card {
    flex-direction: column;
    gap: calc(90 / var(--sp-width) * 100vw);
    width: calc(690 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-card:nth-child(odd) {
    flex-direction: column;
  }
  .workstyle-page .work-card__thumb {
    width: calc(735 / var(--sp-width) * 100vw);
    margin-left: calc(-44 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-card:nth-child(odd) .work-card__thumb {
    margin-left: 0;
    margin-right: calc(-44 / var(--sp-width) * 100vw)
  }
  .workstyle-page .work-card__content {
    gap: calc(50 / var(--sp-width) * 100vw);
    width: calc(690 / var(--sp-width) * 100vw);
    padding: calc(100 / var(--sp-width) * 100vw) calc(44 / var(--sp-width) * 100vw);
    margin-left: 0;
  }
  .workstyle-page .work-card:nth-child(odd) .work-card__content {
    margin-left: 0;
    margin-right: 0;
  }
  .workstyle-page .work-card__num {
    top: calc(-80 / var(--sp-width) * 100vw);
    font-size: calc(155 / var(--sp-width) * 100vw);
  }
  .workstyle-page .work-card__title {
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* day-page
---------------------------------------- */
.day-page-wrapper {
  position: relative;
  width: 100%;
  background-color: #FFFAE1;
  overflow: hidden;
}
.day-page {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 calc(200 / var(--pc-width) * 100vw);
  box-sizing: border-box;
  z-index: 2;
}
.day-page .day-page-title-demo {
  margin-bottom: calc(85 / var(--pc-width) * 100vw);
  font-size: calc(40 / var(--pc-width) * 100vw);
  letter-spacing: 0.4em;
}
.day-page .day-page-title-demo .wrap {
  position: relative;
  width: calc(1280 / var(--pc-width) * 100vw);
  padding-left: calc(45 / var(--pc-width) * 100vw);
}
.day-page .day-page-title-demo .wrap::before,
.day-page .day-page-title-demo .wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(762 / var(--pc-width) * 100vw);
  height: calc(67 / var(--pc-width) * 100vw);
  background: url('./lib/images/day/deco-01.webp') no-repeat center / contain;
  z-index: 1;
}
.day-page .day-page-title-demo .wrap::before {
  left: calc(-750 / var(--pc-width) * 100vw);
}
.day-page .day-page-title-demo .wrap::after {
  right: calc(-350 / var(--pc-width) * 100vw);
}
.day-page .day-intro {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto calc(340 / var(--pc-width) * 100vw);
  background: var(--c-white);
}
.day-page .day-intro__container {
  position: relative;
  width: calc(1600 / var(--pc-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(130 / var(--pc-width) * 100vw);
}
.day-page .day-intro__img {
  flex-shrink: 0;
  width: calc(1001 / var(--pc-width) * 100vw);
  margin-left: calc(-320 / var(--pc-width) * 100vw); 
}
.day-page .day-intro__box {
  flex-shrink: 0;
  width: calc(625 / var(--pc-width) * 100vw); 
  box-sizing: border-box;
}
.day-page .day-intro__title-box {
  display: inline-block;
  width: 100%;
  margin-bottom: calc(50 / var(--pc-width) * 100vw);
  text-align: center;
}
.day-page .day-intro__title {
  position: relative;
  display: inline-block;
  font-size: calc(40 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
  line-height: 1;
}
.day-page .day-intro__title span {
  position: relative;
  display: inline-block;
  font-size: calc(35 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
  color: var(--c-white);
}
.day-page .day-intro__title span::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(52 / var(--pc-width) * 100vw);
  height: calc(52 / var(--pc-width) * 100vw);
  background-color: var(--c-sky-blue);
  border-radius: 50%;
}
.day-page .timeline-board {
  position: relative;
  width: calc(1600 / var(--pc-width) * 100vw);
  margin: 0 auto;
  box-sizing: border-box;
}
.day-page .timeline-board__header {
  text-align: center;
  margin-bottom: calc(30 / var(--pc-width) * 100vw);
}
.day-page .timeline-board__title {
  position: relative;
  font-size: calc(40 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  display: inline-block;
  letter-spacing: 0.4em;
}
.day-page .timeline-board__title::before,
.day-page .timeline-board__title::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(143 / var(--pc-width) * 100vw);
  height: calc(39 / var(--pc-width) * 100vw);
  background: url('./lib/images/day/deco-02.webp') no-repeat center / contain;
  z-index: 1;
}
.day-page .timeline-board__title::before {
  left: calc(-200 / var(--pc-width) * 100vw);
}
.day-page .timeline-board__title::after {
  right: calc(-190 / var(--pc-width) * 100vw);
}
.day-page .timeline-list-wrapper {
  display: inline-block;
  filter: drop-shadow(0 0 calc(10 / var(--pc-width) * 100vw) rgba(175, 156, 107, 0.2));
}
.day-page .timeline-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(210 / var(--pc-width) * 100vw);
  padding: calc(180 / var(--pc-width) * 100vw) calc(110 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  clip-path: polygon(
    75px 0,                /* 左上（上側） */
    calc(100% - 75px) 0,   /* 右上（上側） */
    100% 75px,             /* 右上（右側） */
    100% calc(100% - 75px),/* 右下（右側） */
    calc(100% - 75px) 100%,/* 右下（下側） */
    75px 100%,             /* 左下（下側） */
    0 calc(100% - 75px),   /* 左下（左側） */
    0 75px                 /* 左上（左側） */
  );
}
.day-page .timeline-list::before {
  content: '';
  position: absolute;
  top: calc(260 / var(--pc-width) * 100vw);
  left: calc(230 / var(--pc-width) * 100vw);
  width: calc(4 / var(--pc-width) * 100vw);
  height: calc(3407 / var(--pc-width) * 100vw);
  background: url('./lib/images/day/bk-clock.svg') no-repeat center;
  z-index: 1;
}
.day-page .timeline-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  width: 100%;
}
.timeline-item__text {
  position: relative;
  top: calc(80 / var(--pc-width) * 100vw);
  display: flex;
  align-items: flex-start;
}
.day-page .timeline-item__badge {
  position: relative;
  top: calc(-12 / var(--pc-width) * 100vw);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(30 / var(--pc-width) * 100vw);
  width: calc(293 / var(--pc-width) * 100vw);
  flex-shrink: 0;
  box-sizing: border-box;
}
.day-page .timeline-item__badge .clock-icon {
  width: calc(85 / var(--pc-width) * 100vw);
  height: auto;
  display: block;
}
.day-page .timeline-item__badge .time-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(174 / var(--pc-width) * 100vw);
  height: calc(68 / var(--pc-width) * 100vw);
  font-family: "Jost", sans-serif;
  font-size: calc(32 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-medium);
  line-height: 1;
  letter-spacing: 0.07em;
  color: var(--c-white);
}
.day-page .timeline-item.type-blue .timeline-item__badge .time-text {
  background-image: url('./lib/images/day/icon-badge-blue.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.day-page .timeline-item.type-orange .timeline-item__badge .time-text {
  background-image: url('./lib/images/day/icon-badge-orange.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.day-page .timeline-item__content {
  flex-shrink: 0;
  padding: 0 calc(25 / var(--pc-width) * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(50 / var(--pc-width) * 100vw);
  position: relative;
  width: calc(560 / var(--pc-width) * 100vw);
}
.day-page .timeline-item__title {
  position: relative;
  font-size: calc(22 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.1em;
  padding: calc(10 / var(--pc-width) * 100vw) calc(10 / var(--pc-width) * 100vw);
  margin: 0;
  text-align: center;
}
.day-page .timeline-item__title::before,
.day-page .timeline-item__title::after {
  content: '';
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(4 / var(--pc-width) * 100vw);
  background-image: url('./lib/images/day/bk-title-blue.svg');
  background-repeat: repeat-x;
  background-position: left center;
  background-size: 100% auto;
}
.day-page .timeline-item.type-orange .timeline-item__title::before,
.day-page .timeline-item.type-orange .timeline-item__title::after {
  background-image: url('./lib/images/day/bk-title-orange.svg');
  background-repeat: repeat-x;
  background-position: left center;
  background-size: 100% auto;
}
.day-page .timeline-item__title::before {
  top: 0;
}
.day-page .timeline-item__title::after {
  bottom: 0;
}
.day-page .timeline-item.type-blue .timeline-item__title {
  color: var(--c-sky-blue);
}
.day-page .timeline-item.type-orange .timeline-item__title {
  color: var(--c-orange);
}
.day-page .timeline-item__desc {
  font-size: calc(18 / var(--pc-width) * 100vw);
}
.day-page .timeline-item__thumb {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(374 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .day-page {
    padding: 0;
  }
  .day-page .day-page-title-demo {
    display: inline-block;
    width: 100%;
    margin: calc(80 / var(--sp-width) * 100vw) 0;
    font-size: calc(35 / var(--sp-width) * 100vw);
    white-space: nowrap;
  }
  .day-page .day-page-title-demo .wrap {
    width: calc(600 / var(--sp-width) * 100vw);
    padding-left: 0;
  }
  .day-page .day-page-title-demo .wrap::before {
    top: calc(-100 / var(--sp-width) * 100vw);
    left: calc(-50 / var(--sp-width) * 100vw);
    transform: none;
    width: calc(790 / var(--sp-width) * 100vw);
    height: calc(80 / var(--sp-width) * 100vw);
  }
  .day-page .day-page-title-demo .wrap::after {
    display: none;
  }
  .day-page .day-intro {
    position: relative;
    left: calc(-44 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
    margin: calc(420 / var(--sp-width) * 100vw) auto calc(120 / var(--sp-width) * 100vw);
  }
  .day-page .day-intro__container {
    position: relative;
    width: calc(780 / var(--sp-width) * 100vw);
    flex-direction: column;
    gap: calc(50 / var(--sp-width) * 100vw);
    padding-bottom: calc(150 / var(--sp-width) * 100vw);
  }
  .day-page .day-intro__img {
    position: relative;
    top: calc(-420 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
    margin-left: 0;
    margin-bottom: calc(-420 / var(--sp-width) * 100vw);
  }
  .day-page .day-intro__box {
    width: calc(600 / var(--sp-width) * 100vw); 
  }
  .day-page .day-intro__title-box {
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
  }
  .day-page .day-intro__title {
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .day-page .day-intro__title span {
    font-size: calc(35 / var(--sp-width) * 100vw);
  }
  .day-page .day-intro__title span::before {
    width: calc(52 / var(--sp-width) * 100vw);
    height: calc(52 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-board {
    width: 100%;
  }
  .day-page .timeline-board__header {
    margin-bottom: calc(30 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-board__title {
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-board__title::before,
  .day-page .timeline-board__title::after {
    width: calc(143 / var(--sp-width) * 100vw);
    height: calc(39 / var(--sp-width) * 100vw);
    background: url('./lib/images/day/deco-02.webp') no-repeat center / contain;
    z-index: 1;
  }
  .day-page .timeline-board__title::before {
    left: calc(-200 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-board__title::after {
    right: calc(-190 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-list-wrapper {
    width: 100%;
    filter: drop-shadow(0 0 calc(10 / var(--sp-width) * 100vw) rgba(175, 156, 107, 0.2));
  }
  .day-page .timeline-list {
    gap: calc(150 / var(--sp-width) * 100vw);
    padding: calc(180 / var(--sp-width) * 100vw) calc(110 / var(--sp-width) * 100vw);
    clip-path: polygon(
      35px 0,                /* 左上（上側） */
      calc(100% - 35px) 0,   /* 右上（上側） */
      100% 35px,             /* 右上（右側） */
      100% calc(100% - 35px),/* 右下（右側） */
      calc(100% - 35px) 100%,/* 右下（下側） */
      35px 100%,             /* 左下（下側） */
      0 calc(100% - 35px),   /* 左下（左側） */
      0 35px                 /* 左上（左側） */
    );
}
  .day-page .timeline-list::before {
    top: calc(210 / var(--sp-width) * 100vw);
    left: calc(50 / var(--sp-width) * 100vw);
    width: calc(5 / var(--sp-width) * 100vw);
    height: calc(8169 / var(--sp-width) * 100vw);
    background: url('./lib/images/day/bk-clock-sp.svg') no-repeat center;
  }
  .day-page .timeline-item {
    flex-direction: column-reverse;
    align-items: center;
    padding-top: calc(100 / var(--sp-width) * 100vw);
    gap: calc(50 / var(--sp-width) * 100vw);
  }
  .timeline-item__text {
    top: 0;
  }
  .day-page .timeline-item__badge {
    position: absolute;
    top: calc(-640 / var(--sp-width) * 100vw);
    left: calc(-130 / var(--sp-width) * 100vw);
    gap: calc(150 / var(--sp-width) * 100vw);
    width: calc(600 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-item__badge .clock-icon {
    width: calc(85 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-item__badge .time-text {
    width: calc(222 / var(--sp-width) * 100vw);
    height: calc(86 / var(--sp-width) * 100vw);
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-item__content {
    padding: 0 calc(25 / var(--sp-width) * 100vw);
    gap: calc(50 / var(--sp-width) * 100vw);
    width: calc(560 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-item__title {
    font-size: calc(34 / var(--sp-width) * 100vw);
    padding: calc(10 / var(--sp-width) * 100vw) calc(10 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-item__title::before,
  .day-page .timeline-item__title::after {
    height: calc(4 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-item__desc {
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .day-page .timeline-item__thumb {
    width: calc(484 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* voice-page
---------------------------------------- */
.voice-page-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.voice-page-wrapper .voice-deco {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  transition: transform 0.1s ease-out;

  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.voice-page-wrapper .voice-deco img {
  width: auto;
  height: auto;
  display: block;
}
.voice-page-wrapper .voice-deco.var-01 {
  top: calc(1100 / var(--pc-width) * 100vw);
  left: calc(700 / var(--pc-width) * 100vw);
  width: calc(161 / var(--pc-width) * 100vw);
}
.voice-page-wrapper .voice-deco.var-02 {
  top: calc(1700 / var(--pc-width) * 100vw);
  left: calc(50 / var(--pc-width) * 100vw);
  width: calc(126 / var(--pc-width) * 100vw);
}
.voice-page-wrapper .voice-deco.var-03 {
  top: calc(1710 / var(--pc-width) * 100vw);
  right: calc(220 / var(--pc-width) * 100vw);
  width: calc(108 / var(--pc-width) * 100vw);
}
.voice-page {
  position: relative;
  padding: calc(50 / var(--pc-width) * 100vw) 0 0;
  box-sizing: border-box;
  z-index: 2;
}
.voice-page .voice-intro {
  position: relative;
  width: calc(1600 / var(--pc-width) * 100vw);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(120 / var(--pc-width) * 100vw) calc(160 / var(--pc-width) * 100vw);
  margin: 0 auto calc(220 / var(--pc-width) * 100vw);
}
.voice-intro__bk {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #FFFAE1;
  clip-path: polygon(
    75px 0,                /* 左上（上側） */
    calc(100% - 75px) 0,   /* 右上（上側） */
    100% 75px,             /* 右上（右側） */
    100% calc(100% - 75px),/* 右下（右側） */
    calc(100% - 75px) 100%,/* 右下（下側） */
    75px 100%,             /* 左下（下側） */
    0 calc(100% - 75px),   /* 左下（左側） */
    0 75px                 /* 左上（左側） */
  );
}
.voice-page .voice-intro__container {
  position: relative;
  width: calc(1280 / var(--pc-width) * 100vw);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(90 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__box {
  text-align: center;
}
.voice-page .voice-intro__title-en {
  display: inline-block;
  margin: 0 auto calc(40 / var(--pc-width) * 100vw);
  font-size: calc(23 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.38em;
}
.voice-page .voice-intro__title-svg {
  position: relative;
  width: calc(570 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__title-svg::before,
.voice-page .voice-intro__title-svg::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(892 / var(--pc-width) * 100vw);
  height: calc(83 / var(--pc-width) * 100vw);
  z-index: 1;
}
.voice-page .voice-intro__title-svg::before {
  background: url('./lib/images/voice/deco-01.webp') no-repeat center / contain;
  left: calc(-920 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__title-svg::after {
  background: url('./lib/images/voice/deco-02.webp') no-repeat center / contain;
  right: calc(-920 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__img-wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(1640 / var(--pc-width) * 100vw);
  margin-bottom: calc(90 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__img-wrap .voice-intro__img {
  width: calc(520 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__main-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(110 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__main-img-wrap {
  flex-shrink: 0;
  width: calc(787 / var(--pc-width) * 100vw);
  margin-left: calc(-190 / var(--pc-width) * 100vw);
}
.voice-page .voice-intro__main-desc-wrap {
  width: calc(580 / var(--pc-width) * 100vw);
}
.voice-page .voice-video {
  width: 100%;
  margin: 0 auto calc(170 / var(--pc-width) * 100vw);
  text-align: center;
}
.voice-page .voice-video__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(25 / var(--pc-width) * 100vw);
  margin-bottom: calc(55 / var(--pc-width) * 100vw);
}
.voice-page .voice-video__title img {
  width: calc(240 / var(--pc-width) * 100vw);
}
.voice-page .voice-video__title-text {
  position: relative;
  font-size: calc(32 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.05em;
}
.voice-page .voice-video__title-text::before,
.voice-page .voice-video__title-text::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(715 / var(--pc-width) * 100vw);
  height: calc(50 / var(--pc-width) * 100vw);
  background: url('./lib/images/voice/deco-03.webp') no-repeat center / contain;
  z-index: 1;
}
.voice-page .voice-video__title-text::before {
  left: calc(-730 / var(--pc-width) * 100vw);
}
.voice-page .voice-video__title-text::after {
  right: calc(-730 / var(--pc-width) * 100vw);
}
.voice-page .video-list.swiper {
  width: 100%;
  padding: calc(100 / var(--pc-width) * 100vw) 0;
  overflow: hidden;
}
.voice-page .video-card {
  width: calc(360 / var(--pc-width) * 100vw);
  transition: transform 0.35s ease, opacity 0.35s ease;
  transform: scale(0.65);
  opacity: 0.85;
  pointer-events: none;
}
.voice-page .video-card.swiper-slide-active {
  transform: scale(1.2);
  opacity: 1;
  z-index: 5;
  pointer-events: auto;
}
.voice-page .video-card__media {
  padding: calc(12 / var(--pc-width) * 100vw);
  border-radius: calc(32 / var(--pc-width) * 100vw);
  box-sizing: border-box;
}
.voice-page .video-card__photo {
  position: relative;
  width: 100%;
  padding-top: 177%;
  border-radius: calc(24 / var(--pc-width) * 100vw);
  overflow: hidden;
}
.voice-page .video-card__photo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.voice-page .video-slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(30 / var(--pc-width) * 100vw);
  width: calc(764 / var(--pc-width) * 100vw);
  margin: calc(20 / var(--pc-width) * 100vw) auto 0;
}
.voice-page .video-slider__btn {
  width: calc(55 / var(--pc-width) * 100vw);
  height: calc(55 / var(--pc-width) * 100vw);
  border-radius: 50%;
  background-color: var(--c-mint);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  transition: opacity 0.3s;
}
.voice-page .video-slider__btn img {
  width: calc(28 / var(--pc-width) * 100vw);
}
.voice-page .video-slider__btn.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.voice-page .video-slider__scrollbar.swiper-scrollbar {
  position: relative;
  left: auto;
  bottom: auto;
  height: calc(12 / var(--pc-width) * 100vw);
  background-color: #CFDFDE;
  border-radius: 999px;
  flex-grow: 1;
}
.voice-page .video-slider__scrollbar .swiper-scrollbar-drag {
  background-color: var(--c-sky-blue);
  border-radius: 999px;
  height: 100%;
}
.voice-page .message-board {
  position: relative;
  width: calc(1600 / var(--pc-width) * 100vw);
  margin: 0 auto;
  box-sizing: border-box;
  background: url('./lib/images/voice/bk-message.webp') no-repeat center / contain; 
}
.voice-page .message-board__inner {
  position: relative;
  width: calc(1280 / var(--pc-width) * 100vw);
  padding: calc(115 / var(--pc-width) * 100vw) 0 calc(275 / var(--pc-width) * 100vw);
  margin: 0 auto calc(150 / var(--pc-width) * 100vw);
}
.voice-page .message-board__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(25 / var(--pc-width) * 100vw);
  margin-bottom: calc(170 / var(--pc-width) * 100vw);
}
.voice-page .message-board__header img {
  width: calc(240 / var(--pc-width) * 100vw);
}
.voice-page .message-board__title-text {
  position: relative;
  font-size: calc(32 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.05em;
}
.voice-page .message-board__title-text::before,
.voice-page .message-board__title-text::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(715 / var(--pc-width) * 100vw);
  height: calc(50 / var(--pc-width) * 100vw);
  background: url('./lib/images/voice/deco-04.webp') no-repeat center / contain;
  z-index: 1;
}
.voice-page .message-board__title-text::before {
  left: calc(-750 / var(--pc-width) * 100vw);
}
.voice-page .message-board__title-text::after {
  right: calc(-750 / var(--pc-width) * 100vw);
}
.voice-page .chat-list {
  display: flex;
  flex-direction: column;
  gap: calc(90 / var(--pc-width) * 100vw);
  width: 100%;
}
.voice-page .chat-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(50 / var(--pc-width) * 100vw);
  width: 100%;
}
.voice-page .chat-item__avatar {
  width: calc(178 / var(--pc-width) * 100vw);
  height: calc(178 / var(--pc-width) * 100vw);
  flex-shrink: 0;
}
.voice-page .chat-item__balloon {
  position: relative;
  width: calc(920 / var(--pc-width) * 100vw);
  padding: calc(80 / var(--pc-width) * 100vw) 0;
}
.voice-page .chat-item__balloon p {
  position: relative;
  left: calc(20 / var(--pc-width) * 100vw);
  width: calc(720 / var(--pc-width) * 100vw);
  margin: 0 auto;
  line-height: 2.1;
  letter-spacing: 0.05em;
}
.voice-page .chat-item.type-right .chat-item__balloon p {
  left: auto;
  right: calc(20 / var(--pc-width) * 100vw);
}
.voice-page .chat-item .chat-item__balloon::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(959 / var(--pc-width) * 100vw);
  height: 100%;
}
.voice-page .chat-item:nth-child(1) .chat-item__balloon::before {
  background: url('./lib/images/voice/bk-balloon-orange-01.webp') no-repeat center / contain;
}
.voice-page .chat-item:nth-child(3) .chat-item__balloon::before {
  background: url('./lib/images/voice/bk-balloon-orange-02.webp') no-repeat center / contain;
}
.voice-page .chat-item:nth-child(5) .chat-item__balloon::before {
  background: url('./lib/images/voice/bk-balloon-orange-03.webp') no-repeat center / contain;
}
.voice-page .chat-item:nth-child(2) .chat-item__balloon::before,
.voice-page .chat-item:nth-child(4) .chat-item__balloon::before,
.voice-page .chat-item:nth-child(6) .chat-item__balloon::before {
  background: url('./lib/images/voice/bk-balloon-green-01.webp') no-repeat center / contain;
}

@media screen and (max-width: 780px) {
  .voice-page-wrapper .voice-deco.var-01 {
    top: calc(1300 / var(--sp-width) * 100vw);
    left: calc(20 / var(--sp-width) * 100vw);
    width: calc(161 / var(--sp-width) * 100vw);
  }
  .voice-page-wrapper .voice-deco.var-02 {
    top: calc(1700 / var(--sp-width) * 100vw);
    left: auto;
    right: calc(-20 / var(--sp-width) * 100vw);
    width: calc(126 / var(--sp-width) * 100vw);
  }
  .voice-page-wrapper .voice-deco.var-03 {
    top: calc(1800 / var(--sp-width) * 100vw);
    right: auto;
    left: calc(20 / var(--sp-width) * 100vw);
    width: calc(108 / var(--sp-width) * 100vw);
  }
  .voice-page {
    padding: 0;
  }
  .voice-page .voice-intro {
    width: calc(690 / var(--sp-width) * 100vw);
    padding: calc(170 / var(--sp-width) * 100vw) calc(160 / var(--sp-width) * 100vw);
    margin: 0 auto calc(220 / var(--sp-width) * 100vw);
  }
  .voice-intro__bk {
    clip-path: polygon(
      35px 0,                /* 左上（上側） */
      calc(100% - 35px) 0,   /* 右上（上側） */
      100% 35px,             /* 右上（右側） */
      100% calc(100% - 35px),/* 右下（右側） */
      calc(100% - 35px) 100%,/* 右下（下側） */
      35px 100%,             /* 左下（下側） */
      0 calc(100% - 35px),   /* 左下（左側） */
      0 35px                 /* 左上（左側） */
    );
  }
  .voice-page .voice-intro__container {
    width: calc(1280 / var(--sp-width) * 100vw);
    gap: calc(90 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-intro__title-en {
    margin: 0 auto calc(30 / var(--sp-width) * 100vw);
    font-size: calc(22 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-intro__title-svg {
    width: calc(570 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-intro__title-svg::before {
    display: none;
  }
  .voice-page .voice-intro__title-svg::after {
    width: calc(892 / var(--sp-width) * 100vw);
    height: calc(83 / var(--sp-width) * 100vw);
    left: calc(-160 / var(--sp-width) * 100vw);
    top: calc(-190 / var(--sp-width) * 100vw);
    transform: none;
  }
  .voice-page .voice-intro__img-wrap {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: calc(30 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
    margin-bottom: calc(90 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-intro__img-wrap .voice-intro__img {
    width: calc(314 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-intro__main-box {
    flex-direction: column;
    gap: calc(110 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-intro__main-img-wrap {
    width: calc(600 / var(--sp-width) * 100vw);
    margin-left: 0;
  }
  .voice-page .voice-intro__main-desc-wrap {
    width: calc(580 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-video {
    margin: 0;
  }
  .voice-page .voice-video__title {
    gap: calc(25 / var(--sp-width) * 100vw);
    margin-bottom: calc(55 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-video__title img {
    width: calc(306 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-video__title-text {
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .voice-page .voice-video__title-text::before {
    width: calc(715 / var(--sp-width) * 100vw);
    height: calc(50 / var(--sp-width) * 100vw);
    left: calc(-105 / var(--sp-width) * 100vw);
    top: calc(-170 / var(--sp-width) * 100vw);
    transform: none;
  }
  .voice-page .voice-video__title-text::after {
    display: none;
  }
  .voice-page .video-list.swiper {
    padding: calc(50 / var(--sp-width) * 100vw) 0;
    margin-bottom: calc(150 / var(--sp-width) * 100vw);
  }
  .voice-page .video-list.swiper .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: calc(50 / var(--sp-width) * 100vw);
  }
  .voice-page .video-card {
    width: calc(510 / var(--sp-width) * 100vw);
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
  .voice-page .video-card__media {
    padding: calc(12 / var(--sp-width) * 100vw);
    border-radius: calc(32 / var(--sp-width) * 100vw);
  }
  .voice-page .video-card__photo {
    border-radius: calc(24 / var(--sp-width) * 100vw);
  }
  .voice-page .video-slider__nav {
    display: none;
  }
  .voice-page .message-board {
    width: calc(690 / var(--sp-width) * 100vw);
    background: url('./lib/images/voice/bk-message-sp.webp') no-repeat center / contain;
  }
  .voice-page .message-board__inner {
    width: calc(600 / var(--sp-width) * 100vw);
    padding: calc(150 / var(--sp-width) * 100vw) 0 calc(275 / var(--sp-width) * 100vw);
    margin: 0 auto calc(150 / var(--sp-width) * 100vw);
  }
  .voice-page .message-board__header {
    gap: calc(25 / var(--sp-width) * 100vw);
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
  }
  .voice-page .message-board__header img {
    width: calc(306 / var(--sp-width) * 100vw);
  }
  .voice-page .message-board__title-text {
    font-size: calc(48 / var(--sp-width) * 100vw);
  }
  .voice-page .message-board__title-text::before {
    width: calc(712 / var(--sp-width) * 100vw);
    height: calc(50 / var(--sp-width) * 100vw);
    left: calc(-80 / var(--sp-width) * 100vw);
    top: calc(-170 / var(--sp-width) * 100vw);
    transform: none;
  }
  .voice-page .message-board__title-text::after {
    display: none;
  }
  .voice-page .chat-list {
    gap: calc(50 / var(--sp-width) * 100vw);
  }
  .voice-page .chat-item {
    flex-direction: column;
    gap: 0;
  }
  .voice-page .chat-item.type-right {
    flex-direction: column-reverse;
  }
  .voice-page .chat-item__avatar {
    width: calc(178 / var(--sp-width) * 100vw);
    height: calc(178 / var(--sp-width) * 100vw);
  }
  .voice-page .chat-item__balloon {
    width: calc(600 / var(--sp-width) * 100vw);
    padding: calc(90 / var(--sp-width) * 100vw) 0 calc(70 / var(--sp-width) * 100vw);
  }
  .voice-page .chat-item__balloon p {
    left: 0;
    width: calc(520 / var(--sp-width) * 100vw);
    line-height: 2;
  }
  .voice-page .chat-item.type-right .chat-item__balloon p {
    right: 0;
  }
  .voice-page .chat-item .chat-item__balloon::before {
    width: calc(600 / var(--sp-width) * 100vw);
  }
  .voice-page .chat-item:nth-child(1) .chat-item__balloon::before {
    background: url('./lib/images/voice/bk-balloon-orange-01-sp.webp') no-repeat center / contain;
  }
  .voice-page .chat-item:nth-child(3) .chat-item__balloon::before {
    background: url('./lib/images/voice/bk-balloon-orange-02-sp.webp') no-repeat center / contain;
  }
  .voice-page .chat-item:nth-child(5) .chat-item__balloon::before {
    background: url('./lib/images/voice/bk-balloon-orange-03-sp.webp') no-repeat center / contain;
  }
  .voice-page .chat-item:nth-child(2) .chat-item__balloon::before,
  .voice-page .chat-item:nth-child(4) .chat-item__balloon::before,
  .voice-page .chat-item:nth-child(6) .chat-item__balloon::before {
    background: url('./lib/images/voice/bk-balloon-green-01-sp.webp') no-repeat center / contain;
  }
}

/* ----------------------------------------
* interview-page(list)
---------------------------------------- */
.interview-page-wrapper {
  background-color: #FFFAE2;
}
.interview-page-wrapper #content {
  padding-top: 0;
}
.interview-page .interview-intro__container {
  position: relative;
}
.interview-page .interview-intro__text-box {
  position: absolute;
  top: calc(250 / var(--pc-width) * 100vw);
  right: calc(150 / var(--pc-width) * 100vw);
}
.interview-page .interview-intro__title-en {
  margin-bottom: calc(20 / var(--pc-width) * 100vw);
  font-size: calc(85 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-regular);
  letter-spacing: 0.13em;
  line-height: 1.2;
}
.interview-page .interview-intro__title-ja {
  font-size: calc(30 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}
.interview-page .interview-list {
  width: calc(1600 / var(--pc-width) * 100vw);
  padding: calc(170 / var(--pc-width) * 100vw) calc(160 / var(--pc-width) * 100vw) calc(250 / var(--pc-width) * 100vw);
  margin: calc(220 / var(--pc-width) * 100vw) auto 0;
  background-color: var(--c-white);
  border-radius: calc(212 / var(--pc-width) * 100vw);
  box-shadow: 0 0 calc(10 / var(--pc-width) * 100vw) rgba(175, 156, 107, 0.2);
}
.interview-page .interview-list__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(190 / var(--pc-width) * 100vw);
}
.interview-page .interview-list__info-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: calc(530 / var(--pc-width) * 100vw);
  height: calc(535 / var(--pc-width) * 100vw);
  background: url('./lib/images/interview/bk-reason.webp') no-repeat center / contain;
}
.interview-page .interview-list__info-title h4 {
  font-size: calc(32 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  line-height: 2.5;
}
.interview-page .interview-list__info-title h5 {
  font-size: calc(28 / var(--pc-width) * 100vw);
  letter-spacing: 0.1em;
}
.interview-page .interview-list__info-desc {
  width: calc(650 / var(--pc-width) * 100vw);
}
.interview-page .interview-list__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(285 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
.interview-page .interview-card-item.is-layout-odd {
  flex-direction: row-reverse;
}
.interview-page .interview-card-item__visual {
  width: calc(650 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item__info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: calc(20 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item__number-box {
  position: relative;
  left: calc(-30 / var(--pc-width) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  z-index: 3;
  font-family: "Jost", sans-serif;
  font-weight: var(--f-main-weight-medium);
  letter-spacing: -0.03em;
  color: var(--c-sky-blue);
}
.interview-page .interview-card-item__num-label {
  font-size: calc(18 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-semibold);
  letter-spacing: 0.05em;
  margin-left: calc(50 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item__num-text {
  display: flex;
  align-items: flex-start;
  font-size: calc(133 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item__num-hash {
  font-size: calc(48 / var(--pc-width) * 100vw);
  margin-right: calc(4 / var(--pc-width) * 100vw);
  margin-top: calc(12 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item__catch {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(20 / var(--pc-width) * 100vw);
  font-size: calc(42 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  color: var(--c-white);
  letter-spacing: 0.08em;
}
.interview-page .interview-card-item__catch span {
  display: inline-block ; 
  background-color: var(--c-sky-blue);
  padding: calc(10 / var(--pc-width) * 100vw) calc(15 / var(--pc-width) * 100vw);
  border-radius: calc(3 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item__name {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: calc(10 / var(--pc-width) * 100vw);
  margin: calc(20 / var(--pc-width) * 100vw) 0;
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.06em;
  line-height: 1;
}
.interview-page .interview-card-item__name span:nth-child(1) {
  font-size: calc(30 / var(--pc-width) * 100vw);
}
.interview-page .interview-card-item__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(485 / var(--pc-width) * 100vw);
  height: calc(92 / var(--pc-width) * 100vw);
  background-color: var(--c-brown);
  color: var(--c-white);
  padding: 0 calc(6 / var(--pc-width) * 100vw) 0 calc(45 / var(--pc-width) * 100vw);
  border-radius: calc(46 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  font-size: calc(22 / var(--pc-width) * 100vw);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.interview-page .interview-card-item__btn::after {
  content: "";
  width: calc(79 / var(--pc-width) * 100vw);
  height: calc(79 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  background-image: url('./lib/images/icon/icon-arrow-brown.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(33 / var(--pc-width) * 100vw) auto;
  border-radius: 50%;
  transition: background-size 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: background-size;
}
.interview-page .interview-card-item__btn:hover {
  opacity: 0.8;
}
.interview-page .interview-card-item__btn:hover::after {
  background-size: calc(38 / var(--pc-width) * 100vw) auto;
}
.interview-page .interview-card-item:nth-child(2) .interview-card-item__number-box {
  color: var(--c-orange);
}
.interview-page .interview-card-item:nth-child(2) .interview-card-item__catch span {
  background-color: var(--c-orange);
}
.interview-page .interview-card-item:nth-child(3) .interview-card-item__number-box {
  color: var(--c-mint);
}
.interview-page .interview-card-item:nth-child(3) .interview-card-item__catch span {
  background-color: var(--c-mint);
}
.interview-page .interview-card-item:nth-child(4) .interview-card-item__number-box {
  color: var(--c-coral);
}
.interview-page .interview-card-item:nth-child(4) .interview-card-item__catch span {
  background-color: var(--c-coral);
}
.interview-page .interview-card-item:nth-child(5) .interview-card-item__number-box {
  color: var(--c-lime);
}
.interview-page .interview-card-item:nth-child(5) .interview-card-item__catch span {
  background-color: var(--c-lime);
}

@media screen and (max-width: 780px) {
  .interview-page .interview-intro__img-box {
    position: relative;
    left: calc(-44 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-intro__text-box {
    top: calc(530 / var(--sp-width) * 100vw);
    right: auto;
    left: 0;
  }
  .interview-page .interview-intro__title-en {
    margin-bottom: calc(20 / var(--sp-width) * 100vw);
    font-size: calc(52 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-intro__title-ja {
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-list {
    width: calc(690 / var(--sp-width) * 100vw);
    padding: calc(70 / var(--sp-width) * 100vw) calc(44 / var(--sp-width) * 100vw) calc(150 / var(--sp-width) * 100vw);
    margin: calc(120 / var(--sp-width) * 100vw) auto 0;
    border-radius: calc(88 / var(--sp-width) * 100vw);
    box-shadow: 0 0 calc(10 / var(--sp-width) * 100vw) rgba(175, 156, 107, 0.2);
  }
  .interview-page .interview-list__info {
    flex-direction: column;
    gap: calc(50 / var(--sp-width) * 100vw);
    margin-bottom: calc(200 / var(--sp-width) * 100vw);
    line-height: 2.1;
  }
  .interview-page .interview-list__info-title {
    width: calc(540 / var(--sp-width) * 100vw);
    height: calc(491 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-list__info-title h4 {
    font-size: calc(32 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-list__info-title h5 {
    font-size: calc(28 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-list__info-desc {
    width: calc(650 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-list__content {
    gap: calc(250 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item {
    flex-direction: column;
    align-items: center;
  }
  .interview-page .interview-card-item.is-layout-odd {
    flex-direction: column;
  }
  .interview-page .interview-card-item__visual {
    width: calc(485 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__info {
    gap: calc(20 / var(--sp-width) * 100vw);
    justify-content: flex-start;
    margin-top: calc(-50 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__number-box {
    position: absolute;
    top: calc(-100 / var(--sp-width) * 100vw);
    left: calc(-30 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__num-label {
    font-size: calc(18 / var(--sp-width) * 100vw);
    margin-left: calc(50 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__num-text {
    font-size: calc(133 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__num-hash {
    font-size: calc(48 / var(--sp-width) * 100vw);
    margin-right: calc(4 / var(--sp-width) * 100vw);
    margin-top: calc(12 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__catch {
    gap: calc(20 / var(--sp-width) * 100vw);
    font-size: calc(40 / var(--sp-width) * 100vw);
    letter-spacing: 0.05em;
  }
  .interview-page .interview-card-item__catch span {
    padding: calc(10 / var(--sp-width) * 100vw) calc(15 / var(--sp-width) * 100vw);
    border-radius: calc(3 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__name {
    gap: calc(10 / var(--sp-width) * 100vw);
    margin: calc(20 / var(--sp-width) * 100vw) 0;
  }
  .interview-page .interview-card-item__name span:nth-child(1) {
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__btn {
    width: calc(550 / var(--sp-width) * 100vw);
    height: calc(117 / var(--sp-width) * 100vw);
    padding: 0 calc(6 / var(--sp-width) * 100vw) 0 calc(45 / var(--sp-width) * 100vw);
    margin: 0 auto;
    border-radius: calc(58 / var(--sp-width) * 100vw);
    font-size: calc(24 / var(--sp-width) * 100vw);
  }
  .interview-page .interview-card-item__btn::after {
    width: calc(101 / var(--sp-width) * 100vw);
    height: calc(101 / var(--sp-width) * 100vw);
    background-size: calc(37 / var(--sp-width) * 100vw) auto;
  }
  .interview-page .interview-card-item__btn:hover::after {
    background-size: calc(42 / var(--sp-width) * 100vw) auto;
  }
}

/* ----------------------------------------
* interview-page(detail)
---------------------------------------- */
.interview-detail-page .interview-hero__title {
  position: absolute;
  top: calc(80 / var(--pc-width) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  font-size: calc(75 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-regular);
  letter-spacing: 0.13em;
}
.interview-detail-page .interview-card-item__info {
  position: absolute;
  top: calc(300 / var(--pc-width) * 100vw);
  left: calc(1000 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-card-item__num-label {
  font-size: calc(21 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-card-item__num-text {
  font-size: calc(154 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-card-item__num-hash {
  font-size: calc(56 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-card-item__catch {
  font-size: calc(48 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-card-item__name {
  gap: calc(20 / var(--pc-width) * 100vw);
  font-size: calc(27 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-card-item__name span:nth-child(1) {
  font-size: calc(35 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-detail-body {
  margin-bottom: calc(150 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-detail-body__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(320 / var(--pc-width) * 100vw);
  width: calc(1600 / var(--pc-width) * 100vw);
  padding: calc(240 / var(--pc-width) * 100vw) calc(160 / var(--pc-width) * 100vw) calc(340 / var(--pc-width) * 100vw);
  margin: calc(220 / var(--pc-width) * 100vw) auto 0;
  background-color: var(--c-white);
  border-radius: calc(212 / var(--pc-width) * 100vw);
  box-shadow: 0 0 calc(10 / var(--pc-width) * 100vw) rgba(175, 156, 107, 0.2);
}
.interview-detail-page .interview-detail-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.interview-detail-page .interview-detail-section__visual {
  flex-shrink: 0;
  width: calc(859 / var(--pc-width) * 100vw);
  margin-right: calc(110 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-detail-section__info {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(625 / var(--pc-width) * 100vw);
}

.interview-detail-page .interview-detail-section__label {
  position: relative;
  left: calc(-100 / var(--pc-width) * 100vw);
  display: flex;
  align-items: center;
  gap: calc(10 / var(--pc-width) * 100vw);
  font-size: calc(42 / var(--pc-width) * 100vw);
  font-family: "Jost", sans-serif;
  font-weight: var(--f-main-weight-semibold);
  letter-spacing: -0.01em;
  color: var(--c-sky-blue);
  line-height: 1;
  margin-bottom: calc(15 / var(--pc-width) * 100vw);
}
.interview-detail-page .interview-detail-section__label span:nth-child(1) {
  font-size: calc(19 / var(--pc-width) * 100vw);
  letter-spacing: 0.11em;
}
.interview-detail-page .interview-detail-section__title {
  position: relative;
  left: calc(-100 / var(--pc-width) * 100vw);
  width: calc(616 / var(--pc-width) * 100vw);
  font-size: calc(48 / var(--pc-width) * 100vw);
  line-height: 1.5;
  font-weight: var(--f-main-weight-bold);
  display: inline-block;
  margin-bottom: calc(45 / var(--pc-width) * 100vw);
  letter-spacing: 0.08em;
}
.interview-detail-page .interview-detail-section__title span {
  display: inline-block;
  color: var(--c-white);
  background-color: var(--c-sky-blue);
  padding: 0 calc(10 / var(--pc-width) * 100vw);
  margin-bottom: calc(10 / var(--pc-width) * 100vw);
  border-radius: calc(3 / var(--pc-width) * 100vw);
  margin-left: 0;
  white-space: nowrap;
  line-height: 1.3;
}
.interview-detail-page .interview-detail-section__lead p {
  width: calc(616 / var(--pc-width) * 100vw);
  font-size: calc(18 / var(--pc-width) * 100vw);
  line-height: 2.2;
  color: var(--c-gray);
  text-align: justify;
}
.interview-detail-page .interview-detail-section.is-section-even {
  flex-direction: row-reverse;
}
.interview-detail-page .interview-detail-section.is-section-even .interview-detail-section__visual {
  margin-right: 0;
  margin-left: calc(110 / var(--pc-width) * 100vw);
}
body.page-template-page-interview-detail-02 .interview-page .interview-card-item__number-box {
  color: var(--c-orange);
}
body.page-template-page-interview-detail-02 .interview-page .interview-card-item__catch span {
  background-color: var(--c-orange);
}
body.page-template-page-interview-detail-02 .interview-detail-page .interview-detail-section__label {
  color: var(--c-orange);
}
body.page-template-page-interview-detail-02 .interview-detail-page .interview-detail-section__title span {
  background-color: var(--c-orange);
}
body.page-template-page-interview-detail-03 .interview-page .interview-card-item__number-box {
  color: var(--c-mint);
}
body.page-template-page-interview-detail-03 .interview-page .interview-card-item__catch span {
  background-color: var(--c-mint);
}
body.page-template-page-interview-detail-03 .interview-detail-page .interview-detail-section__label {
  color: var(--c-mint);
}
body.page-template-page-interview-detail-03 .interview-detail-page .interview-detail-section__title span {
  background-color: var(--c-mint);
}
body.page-template-page-interview-detail-04 .interview-page .interview-card-item__number-box {
  color: var(--c-coral);
}
body.page-template-page-interview-detail-04 .interview-page .interview-card-item__catch span {
  background-color: var(--c-coral);
}
body.page-template-page-interview-detail-04 .interview-detail-page .interview-detail-section__label {
  color: var(--c-coral);
}
body.page-template-page-interview-detail-04 .interview-detail-page .interview-detail-section__title span {
  background-color: var(--c-coral);
}
body.page-template-page-interview-detail-05 .interview-page .interview-card-item__number-box {
  color: var(--c-lime);
}
body.page-template-page-interview-detail-05 .interview-page .interview-card-item__catch span {
  background-color: var(--c-lime);
}
body.page-template-page-interview-detail-05 .interview-detail-page .interview-detail-section__label {
  color: var(--c-lime);
}
body.page-template-page-interview-detail-05 .interview-detail-page .interview-detail-section__title span {
  background-color: var(--c-lime);
}
.interview-catalog .interview-catalog__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.interview-catalog .interview-catalog__title-en {
  position: relative;
  font-size: calc(84 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
  line-height: 1.4;
}
.interview-catalog .interview-catalog__title-en::before,
.interview-catalog .interview-catalog__title-en::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(465 / var(--pc-width) * 100vw);
  height: calc(56 / var(--pc-width) * 100vw);
  z-index: 1;
}
.interview-catalog .interview-catalog__title-en::before {
  background: url('./lib/images/interview/deco-01.webp') no-repeat center / contain;
  left: calc(-500 / var(--pc-width) * 100vw);
}
.interview-catalog .interview-catalog__title-en::after {
  background: url('./lib/images/interview/deco-02.webp') no-repeat center / contain;
  right: calc(-500 / var(--pc-width) * 100vw);
}
.interview-catalog .interview-catalog__title-ja {
  font-size: calc(30 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
}
.interview-catalog .interview-catalog__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(245 / var(--pc-width) * 100vw);
  height: calc(75 / var(--pc-width) * 100vw);
  background-color: var(--c-brown);
  color: var(--c-white);
  padding: 0 calc(6 / var(--pc-width) * 100vw) 0 calc(65 / var(--pc-width) * 100vw);
  border-radius: calc(46 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  font-size: calc(22 / var(--pc-width) * 100vw);
  letter-spacing: 0.38em;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.interview-catalog .interview-catalog__btn::after {
  content: "";
  width: calc(58 / var(--pc-width) * 100vw);
  height: calc(58 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  background-image: url('./lib/images/icon/icon-arrow-brown.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(25 / var(--pc-width) * 100vw) auto;
  border-radius: 50%;
  transition: background-size 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: background-size;
}
.interview-catalog .interview-catalog__btn:hover {
  opacity: 0.8;
}
.interview-catalog .interview-catalog__btn:hover::after {
  background-size: calc(28 / var(--pc-width) * 100vw) auto;
}
.interview-catalog .interview-catalog__inner {
  width: calc(1600 / var(--pc-width) * 100vw);
  margin: calc(100 / var(--pc-width) * 100vw) auto;
}
.interview-catalog .interview-catalog-list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(100 / var(--pc-width) * 100vw);
}
.interview-catalog .interview-catalog-list .interview-catalog-item {
  list-style: none;
}
.interview-catalog .interview-catalog-list .interview-catalog-item .interview-catalog-img {
  width: calc(440 / var(--pc-width) * 100vw);
}
.interview-catalog .interview-catalog-list .interview-catalog-item a:hover {
  opacity: var(--opacity-hover);
}
.interview-catalog .interview-catalog-list .interview-catalog-item .interview-catalog-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: calc(25 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.13em;
}
.interview-catalog .interview-catalog-list .interview-catalog-item .interview-catalog-info span:nth-child(2) {
  font-size: calc(17 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .interview-page-wrapper {
    overflow-x: hidden;
  }
  .interview-detail-page .interview-hero__visual {
    position: relative;
    left: calc(-44 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-hero__title {
    top: calc(150 / var(--sp-width) * 100vw);
    font-size: calc(45 / var(--sp-width) * 100vw);
    white-space: nowrap;
  }
  .interview-detail-page .interview-card-item__info {
    top: calc(300 / var(--sp-width) * 100vw);
    left: calc(50 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-card-item__number-box {
    position: relative;
    top: 0;
    left: 0;
  }
  .interview-detail-page .interview-card-item__num-label {
    font-size: calc(19 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-card-item__num-text {
    font-size: calc(138 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-card-item__num-hash {
    font-size: calc(50 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-card-item__catch {
    font-size: calc(42 / var(--sp-width) * 100vw);
    letter-spacing: 0.03em;
  }
  .interview-detail-page .interview-card-item__name {
    gap: calc(20 / var(--sp-width) * 100vw);
    font-size: calc(27 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-card-item__name span:nth-child(1) {
    font-size: calc(35 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-body {
    margin-bottom: calc(200 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-body__container {
    gap: calc(100 / var(--sp-width) * 100vw);
    width: calc(690 / var(--sp-width) * 100vw);
    padding: calc(100 / var(--sp-width) * 100vw) calc(40 / var(--sp-width) * 100vw) calc(150 / var(--sp-width) * 100vw);
    margin: calc(120 / var(--sp-width) * 100vw) auto 0;
    border-radius: calc(88 / var(--sp-width) * 100vw);
    box-shadow: 0 0 calc(10 / var(--sp-width) * 100vw) rgba(175, 156, 107, 0.2);
  }
  .interview-detail-page .interview-detail-section {
    flex-direction: column;
  }
  .interview-detail-page .interview-detail-section.is-section-even {
    flex-direction: column;
  }
  .interview-detail-page .interview-detail-section__visual {
    position: relative;
    left: calc(-50 / var(--sp-width) * 100vw);
    width: calc(690 / var(--sp-width) * 100vw);
    margin-right: 0;
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-section__info {
    width: calc(625 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-section__label {
    left: calc(-30 / var(--sp-width) * 100vw);
    gap: calc(10 / var(--sp-width) * 100vw);
    font-size: calc(42 / var(--sp-width) * 100vw);
    margin-bottom: calc(15 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-section__label span:nth-child(1) {
    font-size: calc(19 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-section__title {
    left: calc(-30 / var(--sp-width) * 100vw);
    width: 100%;
    font-size: calc(45 / var(--sp-width) * 100vw);
    margin-bottom: calc(45 / var(--sp-width) * 100vw);
    letter-spacing: 0.05em;
  }
  .interview-detail-page .interview-detail-section__title span {
    padding: 0 calc(10 / var(--sp-width) * 100vw);
    margin-bottom: calc(10 / var(--sp-width) * 100vw);
    border-radius: calc(3 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-section__lead p {
    width: 100%;
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .interview-detail-page .interview-detail-section.is-section-even .interview-detail-section__visual {
    position: relative;
    left: calc(50 / var(--sp-width) * 100vw);
    margin-left: 0;
  }
  .interview-catalog .interview-catalog__title-en {
    font-size: calc(60 / var(--sp-width) * 100vw);
  }
  .interview-catalog .interview-catalog__title-en::before {
    width: calc(790 / var(--sp-width) * 100vw);
    height: calc(56 / var(--sp-width) * 100vw);
    top: calc(-70 / var(--sp-width) * 100vw);
    left: calc(-75 / var(--sp-width) * 100vw);
    transform: none;
    background: url('./lib/images/interview/deco-03.webp') no-repeat center / contain;
  }
  .interview-catalog .interview-catalog__title-en::after {
    display: none;
  }
  .interview-catalog .interview-catalog__title-ja {
    margin-bottom: calc(30 / var(--sp-width) * 100vw);
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .interview-catalog .interview-catalog__btn {
    width: calc(293 / var(--sp-width) * 100vw);
    height: calc(90 / var(--sp-width) * 100vw);
    padding: 0 calc(6 / var(--sp-width) * 100vw) 0 calc(65 / var(--sp-width) * 100vw);
    border-radius: calc(45 / var(--sp-width) * 100vw);;
    font-size: calc(25 / var(--sp-width) * 100vw);
  }
  .interview-catalog .interview-catalog__btn::after {
    width: calc(69 / var(--sp-width) * 100vw);
    height: calc(69 / var(--sp-width) * 100vw);
    background-size: calc(30 / var(--sp-width) * 100vw) auto;
  }
  .interview-catalog .interview-catalog__btn:hover::after {
    background-size: calc(35 / var(--sp-width) * 100vw) auto;
  }
  .interview-catalog .interview-catalog__inner {
    width: calc(690 / var(--sp-width) * 100vw);
    margin: calc(150 / var(--sp-width) * 100vw) auto;
  }
  .interview-catalog .interview-catalog-list {
    align-items: center;
    gap: calc(100 / var(--sp-width) * 100vw);
    margin-left: 0;
  }
  .interview-catalog .interview-catalog-list .interview-catalog-item .interview-catalog-img {
    width: calc(680 / var(--sp-width) * 100vw);
  }
  .interview-catalog .interview-catalog-list .interview-catalog-item .interview-catalog-info {
    font-size: calc(38 / var(--sp-width) * 100vw);
  }
  .interview-catalog .interview-catalog-list .interview-catalog-item .interview-catalog-info span:nth-child(2) {
    font-size: calc(26 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* faq-page
---------------------------------------- */
.faq-page-wrapper {
  position: relative;
  background: linear-gradient(to right, #C4F4DB 50%, #FFDFD9 50%);
}
.faq-page-wrapper .faq-deco {
  position: absolute;
  z-index: 3;
  pointer-events: none;

  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.faq-page-wrapper .faq-deco img {
  width: auto;
  height: auto;
  display: block;
}
.faq-page-wrapper .faq-deco.var-01 {
  top: calc(150 / var(--pc-width) * 100vw);
  right: calc(720 / var(--pc-width) * 100vw);
  width: calc(200 / var(--pc-width) * 100vw);
}
.faq-page-wrapper .faq-deco.var-02 {
  top: calc(550 / var(--pc-width) * 100vw);
  right: calc(-30 / var(--pc-width) * 100vw);
  width: calc(183 / var(--pc-width) * 100vw);
}
.faq-page-wrapper .faq-deco.var-03 {
  top: calc(870 / var(--pc-width) * 100vw);
  left: calc(730 / var(--pc-width) * 100vw);
  width: calc(188 / var(--pc-width) * 100vw);
}
.faq-page {
  position: relative;
  width: 100%;
  margin: 0 auto calc(180 / var(--pc-width) * 100vw);
  padding: calc(50 / var(--pc-width) * 100vw) 0 0;
  box-sizing: border-box;
  z-index: 2;
}
.faq-page .faq-intro {
  position: relative;
  text-align: center;
  margin: 0 auto calc(510 / var(--pc-width) * 100vw);
  background: linear-gradient(to right, transparent calc(100 / var(--pc-width) * 100vw), var(--c-white) calc(100 / var(--pc-width) * 100vw));
}
.faq-page .faq-intro__container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(90 / var(--pc-width) * 100vw);
  width: 100%;
  margin: 0 auto calc(45 / var(--pc-width) * 100vw);
}
.faq-page .faq-intro__img-box {
  flex-shrink: 0;
  position: relative;
  width: calc(862 / var(--pc-width) * 100vw);
  height: auto;
  margin-left: calc(-360 / var(--pc-width) * 100vw);
}
.faq-page .faq-intro__text-box {
  flex-shrink: 0;
  width: calc(580 / var(--pc-width) * 100vw);
  margin-top: calc(40 / var(--pc-width) * 100vw);
}
.faq-page .faq-intro__title-catch {
  letter-spacing: 0.13em;
}
.faq-page .faq-intro__title-ja {
  font-size: calc(59 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}
.faq-page .faq-intro__title-img {
  margin: 0 auto calc(60 / var(--pc-width) * 100vw);
  width: calc(233 / var(--pc-width) * 100vw);
}
.faq-page .faq-intro__desc {
  text-align: justify;
}
.faq-page .faq-intro__img-sub .faq-subimg-01 {
  position: absolute;
  z-index: -1;
  top: calc(-30 / var(--pc-width) * 100vw);
  right: calc(80 / var(--pc-width) * 100vw);
  width: calc(300 / var(--pc-width) * 100vw);
}
.faq-page .faq-qustion-list {
  display: flex;
  flex-direction: column;
  gap: calc(500 / var(--pc-width) * 100vw);
  width: calc(1600 / var(--pc-width) * 100vw);
  margin: 0 auto;
}
.faq-page .faq-qustion-list .faq-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq-page .faq-qustion-list .faq-item__q-box,
.faq-page .faq-qustion-list .faq-item__a-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.faq-page .faq-qustion-list .faq-item__q-box {
  width: calc(547 / var(--pc-width) * 100vw);
  height: calc(593 / var(--pc-width) * 100vw);
  padding-bottom: calc(100 / var(--pc-width) * 100vw);
  background: url('./lib/images/faq/bk-q.webp') no-repeat center / contain;
}
.faq-page .faq-qustion-list .faq-item__q-box .q-number {
  position: absolute;
  top: calc(-250 / var(--pc-width) * 100vw);
  left: calc(-80 / var(--pc-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(20 / var(--pc-width) * 100vw);
  color: #8AEAB8;
  white-space: nowrap;
}
.faq-page .faq-qustion-list .faq-item__q-box .q-number span:nth-child(1) {
  font-size: calc(60 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
}
.faq-page .faq-qustion-list .faq-item__q-box .q-number span:nth-child(2) {
  font-family: "Jost", sans-serif;
  font-size: calc(145 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.05em;
}
.faq-page .faq-qustion-list .faq-item__q-box .q-badge {
  font-size: calc(55 / var(--pc-width) * 100vw);
  letter-spacing: 0.15em;
  line-height: 1.4;
  color: var(--c-mint);
}
.faq-page .faq-qustion-list .faq-item__q-box .q-text {
  font-size: calc(34 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.06em;
  line-height: 2.2;
  text-align: center;
}
.faq-page .faq-qustion-list .faq-item__a-box {
  gap: calc(20 / var(--pc-width) * 100vw);
  width: calc(668 / var(--pc-width) * 100vw);
  height: calc(597 / var(--pc-width) * 100vw);
  background: url('./lib/images/faq/bk-a.webp') no-repeat center / contain;
}
.faq-page .faq-qustion-list .faq-item__a-box img {
  position: absolute;
  z-index: -1;
  top: calc(-350 / var(--pc-width) * 100vw);
  right: calc(-160 / var(--pc-width) * 100vw);
  width: calc(688 / var(--pc-width) * 100vw);
}
.faq-page .faq-qustion-list .faq-item__a-box .a-badge {
  font-size: calc(55 / var(--pc-width) * 100vw);
  letter-spacing: 0.15em;
  line-height: 1.1;
  color: var(--c-coral);
}
.faq-page .faq-qustion-list .faq-item__a-box .a-title {
  font-size: calc(30 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
  color: var(--c-coral);
}
.faq-page .faq-qustion-list .faq-item__a-box .a-desc {
  width: calc(490 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .faq-page-wrapper {
    overflow-x: hidden;
  }
  .faq-page-wrapper .faq-deco.var-01 {
    top: calc(130 / var(--sp-width) * 100vw);
    right: calc(-30 / var(--sp-width) * 100vw);
    width: calc(129 / var(--sp-width) * 100vw);
  }
  .faq-page-wrapper .faq-deco.var-02 {
    top: calc(380 / var(--sp-width) * 100vw);
    right: calc(50 / var(--sp-width) * 100vw);
    width: calc(107 / var(--sp-width) * 100vw);
  }
  .faq-page-wrapper .faq-deco.var-03 {
    top: calc(300 / var(--sp-width) * 100vw);
    left: calc(-20 / var(--sp-width) * 100vw);
    width: calc(162 / var(--sp-width) * 100vw);
  }
  .faq-page {
    margin: 0 auto calc(350 / var(--sp-width) * 100vw);
    padding: 0;
  }
  .faq-page .faq-intro {
    position: relative;
    left: calc(-44 / var(--sp-width) * 100vw);
    width: calc(780 / var(--sp-width) * 100vw);
    padding-bottom: calc(510 / var(--sp-width) * 100vw);
    margin: 0 auto calc(200 / var(--sp-width) * 100vw);
    background: var(--c-white);
  }
  .faq-page .faq-intro__container {
    gap: calc(90 / var(--sp-width) * 100vw);
    margin: 0 auto calc(45 / var(--sp-width) * 100vw);
    
  }
  .faq-page .faq-intro__title-catch {
    white-space: nowrap;
    font-size: calc(27 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-intro__img-box {
    position: absolute;
    top: calc(700 / var(--sp-width) * 100vw);
    left: calc(-45 / var(--sp-width) * 100vw);
    width: calc(508 / var(--sp-width) * 100vw);
    margin-left: 0;
  }
  .faq-page .faq-intro__text-box {
    width: calc(580 / var(--sp-width) * 100vw);
    margin-top: calc(60 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-intro__title-ja {
    font-size: calc(59 / var(--sp-width) * 100vw);
    line-height: 2;
  }
  .faq-page .faq-intro__title-img {
    margin: 0 auto calc(60 / var(--sp-width) * 100vw);
    width: calc(217 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-intro__img-sub .faq-subimg-01 {
    top: calc(640 / var(--sp-width) * 100vw);
    right: 0;
    width: calc(298 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list {
    gap: calc(500 / var(--sp-width) * 100vw);
    width: calc(600 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item {
    flex-direction: column;
    gap: calc(50 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__q-box {
    width: calc(600 / var(--sp-width) * 100vw);
    height: calc(599 / var(--sp-width) * 100vw);
    padding-bottom: calc(100 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__q-box .q-number {
    top: calc(-120 / var(--sp-width) * 100vw);
    left: calc(-50 / var(--sp-width) * 100vw);
    gap: calc(20 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__q-box .q-number span:nth-child(1) {
    font-size: calc(36 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__q-box .q-number span:nth-child(2) {
    font-size: calc(89 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__q-box .q-badge {
    font-size: calc(60 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__q-box .q-text {
    font-size: calc(37 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__a-box {
    gap: calc(40 / var(--sp-width) * 100vw);
    width: calc(600 / var(--sp-width) * 100vw);
    height: calc(912 / var(--sp-width) * 100vw);
    background: url('./lib/images/faq/bk-a-sp.webp') no-repeat center / contain;
    line-height: 2;
  }
  .faq-page .faq-qustion-list .faq-item__a-box img {
    z-index: 1;
    top: auto;
    bottom: calc(-300 / var(--sp-width) * 100vw);
    right: calc(-100 / var(--sp-width) * 100vw);
    width: calc(508 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__a-box .a-badge {
    font-size: calc(49 / var(--sp-width) * 100vw);
  }
  .faq-page .faq-qustion-list .faq-item__a-box .a-title {
    font-size: calc(35 / var(--sp-width) * 100vw);
    line-height: 1.7;
  }
  .faq-page .faq-qustion-list .faq-item__a-box .a-desc {
    width: calc(500 / var(--sp-width) * 100vw);
    letter-spacing: 0.05em;
  }
}

/* ----------------------------------------
* requirements-page
---------------------------------------- */
.requirements-page-wrapper {
  position: relative;
  width: 100%;
  background-color: #FFFAE1;
  overflow: hidden;
}
.requirements-page .requirements-intro__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(130 / var(--pc-width) * 100vw);
  width: calc(1600 / var(--pc-width) * 100vw);
  margin: 0 auto;
}
.requirements-page .requirements-intro__container::before,
.requirements-page .requirements-intro__container::after {
  content: '';
  position: absolute;
  right: calc(-170 / var(--pc-width) * 100vw);
  width: calc(1084 / var(--pc-width) * 100vw);
  height: calc(64 / var(--pc-width) * 100vw);
  z-index: -1;
  background: url('./lib/images/requirements/deco-01.webp') no-repeat center / contain;
}
.requirements-page .requirements-intro__container::before {
  top: calc(30 / var(--pc-width) * 100vw);
}
.requirements-page .requirements-intro__container::after {
  bottom: calc(30 / var(--pc-width) * 100vw);
}
.requirements-page .requirements-intro__img {
  flex-shrink: 0;
  width: calc(1032 / var(--pc-width) * 100vw);
  margin-left: calc(-320 / var(--pc-width) * 100vw); 
}
.requirements-page .requirements-intro__box {
  flex-shrink: 0;
  width: calc(425 / var(--pc-width) * 100vw); 
  box-sizing: border-box;
}
.requirements-page .requirements-intro__title-box {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.requirements-page .requirements-intro__title-en {
  font-size: calc(75 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}
.requirements-page .requirements-intro__title-ja {
  font-size: calc(30 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.13em;
}
.requirements-page .requirements-board {
  position: relative;
  width: calc(1600 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  border-radius: calc(120 / var(--pc-width) * 100vw);
  margin: calc(200 / var(--pc-width) * 100vw) auto 0;
  padding: calc(200 / var(--pc-width) * 100vw) calc(150 / var(--pc-width) * 100vw) calc(220 / var(--pc-width) * 100vw);
  box-sizing: border-box;
  text-align: center;
}
.requirements-page .requirements-board::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border-radius: calc(120 / var(--pc-width) * 100vw);
  border: calc(5 / var(--pc-width) * 100vw) dotted var(--c-coral);
  pointer-events: none;
}
.requirements-page .entry-banner-wrapper {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.requirements-page .top-entry__title-img {
  width: calc(370 / var(--pc-width) * 100vw);
  margin: 0 auto calc(50 / var(--pc-width) * 100vw);
}
.requirements-page .top-entry__desc {
  margin-bottom: calc(100 / var(--pc-width) * 100vw);
  font-size: calc(30 / var(--pc-width) * 100vw);
  letter-spacing: 0.13em;
  line-height: 1.7;
  text-align: center;
}
.requirements-page .top-entry__list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: calc(50 / var(--pc-width) * 100vw);
  margin-bottom: calc(150 / var(--pc-width) * 100vw);
}
.requirements-page .top-entry__list a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.requirements-page .top-entry__list a:hover {
  opacity: 0.6;
}
.requirements-page .top-entry__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: calc(60 / var(--pc-width) * 100vw) 0 calc(40 / var(--pc-width) * 100vw);
  color: var(--c-white);
}
.requirements-page .top-entry__item-title-en {
  font-size: calc(18 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-black);
  letter-spacing: 0.45em;
}
.requirements-page .top-entry__item-title-ja {
  font-size: calc(28 / var(--pc-width) * 100vw);
  line-height: 1.6;
  letter-spacing: 0.07em;
}
.requirements-page .top-entry__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(61 / var(--pc-width) * 100vw);
  height: calc(61 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  border-radius: 100%;
}
.requirements-page .top-entry__btn img {
  width: calc(35 / var(--pc-width) * 100vw);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.requirements-page .top-entry__list a:hover .top-entry__btn img {
  width: calc(40 / var(--pc-width) * 100vw);
}
.requirements-page .top-entry__list a:nth-child(1) .top-entry__item {
  width: calc(325 / var(--pc-width) * 100vw);
  height: calc(325 / var(--pc-width) * 100vw);
  background: url('./lib/images/entry/bk-tour.webp') no-repeat center / contain;
}
.requirements-page .top-entry__list a:nth-child(2) .top-entry__item {
  width: calc(360 / var(--pc-width) * 100vw);
  height: calc(340 / var(--pc-width) * 100vw);
  background: url('./lib/images/entry/bk-casual.webp') no-repeat center / contain;
}
.requirements-page .top-entry__list a:nth-child(3) .top-entry__item {
  width: calc(330 / var(--pc-width) * 100vw);
  height: calc(325 / var(--pc-width) * 100vw);
  background: url('./lib/images/entry/bk-entry.webp') no-repeat center / contain;
}
.requirements-page .requirements-tabs {
  display: flex;
  justify-content: center;
  gap: calc(25 / var(--pc-width) * 100vw);
  margin-bottom: calc(50 / var(--pc-width) * 100vw);
}
.requirements-page .requirements-tabs .tab-btn {
  width: calc(196 / var(--pc-width) * 100vw);
  height: calc(83 / var(--pc-width) * 100vw);
  border-radius: calc(9 / var(--pc-width) * 100vw);
  background-color: rgba(0, 0, 0, 0.24);
  color: var(--c-white);
  font-size: calc(23 / var(--pc-width) * 100vw);
  letter-spacing: 0.15em;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.requirements-page .requirements-tabs .tab-btn:hover {
  opacity: 0.8;
}
.requirements-page .requirements-tabs .tab-btn.is-active {
  background-color: var(--c-coral);
}
.requirements-page .requirements-job-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(30 / var(--pc-width) * 100vw);
}
.requirements-page .job-item {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.requirements-page .job-item__header {
  width: calc(860 / var(--pc-width) * 100vw);
  margin: 0 auto;
  padding: calc(23 / var(--pc-width) * 100vw) calc(40 / var(--pc-width) * 100vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  border: calc(3 / var(--pc-width) * 100vw) solid var(--c-coral);
  border-radius: calc(10 / var(--pc-width) * 100vw);
}
.requirements-page .job-item.type-career .job-item__header {
  background-color: var(--c-coral);
  border: 0;
}
.requirements-page .job-item.type-part .job-item__header {
  background-color: #FFE4E0;
  border: 0;
}
.requirements-page .job-item__title {
  margin: 0;
  font-size: calc(25 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.15em;
  display: flex;
  align-items: center;
  line-height: 2;
  color: var(--c-coral);
  text-align: justify;
}
.requirements-page .job-item.type-career .job-item__title {
  color: var(--c-white);
}
.requirements-page .job-item__trigger {
  background-color: var(--c-coral);
  border: none;
  border-radius: 50%;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(67 / var(--pc-width) * 100vw);
  height: calc(67 / var(--pc-width) * 100vw);
}
.requirements-page .job-item.type-career .job-item__trigger,
.requirements-page .job-item.type-part .job-item__trigger {
  background-color: var(--c-white);
}
.requirements-page .job-item__trigger .icon-arrow {
  width: calc(40 / var(--pc-width) * 100vw);
  height: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.requirements-page .job-item__body {
  height: 0;
  margin-top: calc(7 / var(--pc-width) * 100vw);
  overflow: hidden;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.requirements-page .job-item__inner {
  box-sizing: border-box;
}
.requirements-page .job-table {
  width: calc(860 / var(--pc-width) * 100vw) !important;
  margin: 0 auto calc(200 / var(--pc-width) * 100vw);
  border-collapse: collapse;
  border: 0;
}
.requirements-page .job-table tr {
  border-bottom: calc(7 / var(--pc-width) * 100vw) solid var(--c-white);
}
.requirements-page .job-table tr:last-child {
  border-bottom: none;
}
.requirements-page .job-table th {
  width: calc(273 / var(--pc-width) * 100vw);
  padding: calc(30 / var(--pc-width) * 100vw) calc(30 / var(--pc-width) * 100vw);
  font-size: calc(22 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-medium);
  color: var(--c-brown);
  background: #FFE4E0;
  text-align: justify;
  vertical-align: middle;
  border: 0;
}
.requirements-page .job-table td {
  padding: calc(30 / var(--pc-width) * 100vw) calc(50 / var(--pc-width) * 100vw);
  font-size: calc(20 / var(--pc-width) * 100vw);
  line-height: 1.8;
  color: var(--c-gray);
  background: #FFF1EF;
  vertical-align: middle;
  border: 0;
}
.requirements-page .job-item__inner .entry-banner-wrapper {
  margin-top: 0;
}
.requirements-page .job-item.is-open .job-item__trigger .icon-arrow {
  transform: rotate(180deg);
}

@media screen and (max-width: 780px) {
  .requirements-page .requirements-intro__container {
    gap: calc(50 / var(--sp-width) * 100vw);
    flex-direction: column;
    width: calc(600 / var(--sp-width) * 100vw);
    padding-bottom: calc(250 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-intro__container::before,
  .requirements-page .requirements-intro__container::after {
    right: calc(-170 / var(--sp-width) * 100vw);
    width: calc(1084 / var(--sp-width) * 100vw);
    height: calc(64 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-intro__container::before {
    top: 0;
  }
  .requirements-page .requirements-intro__container::after {
    bottom: 0;
  }
  .requirements-page .requirements-intro__img {
    width: calc(780 / var(--sp-width) * 100vw);
    margin-left: 0;
    margin-top: calc(150 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-intro__box {
    width: calc(425 / var(--sp-width) * 100vw); 
  }
  .requirements-page .requirements-intro__title-en {
    font-size: calc(75 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-intro__title-ja {
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-board {
    width: calc(690 / var(--sp-width) * 100vw);
    border-radius: calc(80 / var(--sp-width) * 100vw);
    margin: calc(200 / var(--sp-width) * 100vw) auto 0;
    padding: calc(200 / var(--sp-width) * 100vw) calc(50 / var(--sp-width) * 100vw) calc(200 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-board::before {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border-radius: calc(73 / var(--sp-width) * 100vw);
    border: calc(5 / var(--sp-width) * 100vw) dotted var(--c-coral);
  }
  .requirements-page .entry-banner-wrapper {
    position: relative;
    left: calc(-80 / var(--sp-width) * 100vw);
    width: calc(750 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__title-img {
    width: calc(370 / var(--sp-width) * 100vw);
    margin: 0 auto calc(50 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__desc {
    margin-bottom: calc(100 / var(--sp-width) * 100vw);
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__list {
    gap: calc(20 / var(--sp-width) * 100vw);
    margin-bottom: calc(150 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__item {
    width: calc(225 / var(--sp-width) * 100vw);
    height: calc(225 / var(--sp-width) * 100vw);
    padding: calc(40 / var(--sp-width) * 100vw) 0 calc(30 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__item-title-en {
    font-size: calc(17 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__item-title-ja {
    font-size: calc(24 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__btn {
    width: calc(55 / var(--sp-width) * 100vw);
    height: calc(55 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__btn img {
    width: calc(35 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__btn:hover img {
    width: calc(40 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__list a:nth-child(1) .top-entry__item {
    width: calc(225 / var(--sp-width) * 100vw);
    height: calc(225 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__list a:nth-child(2) .top-entry__item {
    width: calc(252 / var(--sp-width) * 100vw);
    height: calc(240 / var(--sp-width) * 100vw);
  }
  .requirements-page .top-entry__list a:nth-child(3) .top-entry__item {
    width: calc(230 / var(--sp-width) * 100vw);
    height: calc(230 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-tabs {
    gap: calc(15 / var(--sp-width) * 100vw);
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-tabs .tab-btn {
    width: calc(137 / var(--sp-width) * 100vw);
    height: calc(83 / var(--sp-width) * 100vw);
    border-radius: calc(9 / var(--sp-width) * 100vw);
    font-size: calc(24 / var(--sp-width) * 100vw);
  }
  .requirements-page .requirements-job-list {
    gap: calc(30 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__header {
    width: 100%;
    padding: calc(23 / var(--sp-width) * 100vw) calc(40 / var(--sp-width) * 100vw);
    border: calc(3 / var(--sp-width) * 100vw) solid var(--c-coral);
    border-radius: calc(10 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__title {
    font-size: calc(25 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__trigger {
    width: calc(67 / var(--sp-width) * 100vw);
    height: calc(67 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__trigger .icon-arrow {
    width: calc(40 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__body {
    position: relative;
    margin-top: calc(7 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__inner .entry-banner-wrapper {
    width: 100%;
    left: 0;
  }
  .requirements-page .job-item__inner .top-entry__list {
    gap: 0;
    margin-bottom: calc(100 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__inner .top-entry__item-title-en {
    font-size: calc(16 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__inner .top-entry__item-title-ja {
    font-size: calc(22 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-item__inner .table-wrap {
    white-space: normal;
    margin-bottom: 0;
  }
  .requirements-page .job-table {
    width: 100% !important;
    margin: 0 auto calc(100 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-table tr {
    border-bottom: calc(7 / var(--sp-width) * 100vw) solid var(--c-white);
  }
  .requirements-page .job-table th {
    width: calc(210 / var(--sp-width) * 100vw);
    padding: calc(20 / var(--sp-width) * 100vw);
    font-size: calc(32 / var(--sp-width) * 100vw);
  }
  .requirements-page .job-table td {
    padding: calc(20 / var(--sp-width) * 100vw);
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* entry-page(common)
---------------------------------------- */
.entry-page-header {
  position: relative;
  width: 100%;
  padding: calc(250 / var(--pc-width) * 100vw) 0 0;
  margin-bottom: calc(250 / var(--pc-width) * 100vw);
  text-align: center;
  z-index: 2;
  box-sizing: border-box;
}
.entry-page-header .entry-page-header__inner {
  position: relative;
  width: calc(1260 / var(--pc-width) * 100vw);
  margin: 0 auto;
  z-index: 3;
  color: var(--c-sky-blue);
}
.entry-page-header .header-curve-layer {
  position: absolute;
  width: 180%;
  height: calc(850 / var(--pc-width) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  border-radius: 50%;
  z-index: 1;
}
.entry-page-header .header-curve-layer::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  height: calc(1080 / var(--pc-width) * 100vw);
  background-image: url('./lib/images/entry/bg-entry-index.webp');
  background-position: top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.entry-page-header .entry-title-svg {
  width: calc(413 / var(--pc-width) * 100vw);
  margin: 0 auto calc(44 / var(--pc-width) * 100vw);
}
.entry-page-header .entry-title-svg img {
  width: 100%;
  height: auto;
  display: block;
}
.entry-page-header .entry-page-badge-en {
  font-size: calc(23 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-black);
  letter-spacing: 0.45em;
}
.entry-page-header .entry-page-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto calc(50 / var(--pc-width) * 100vw);
  width: calc(379 / var(--pc-width) * 100vw);
  height: calc(85 / var(--pc-width) * 100vw);
  border-radius: calc(10 / var(--pc-width) * 100vw);
  font-size: calc(32 / var(--pc-width) * 100vw);
  color: var(--c-white);
  letter-spacing: 0.22em;
  line-height: 1;
}
.entry-page-header .entry-page-lead {
  font-size: calc(27 / var(--pc-width) * 100vw);
  line-height: 1.8;
  color: var(--c-blue-light);
  margin: 0;
  letter-spacing: 0.16em;
}
.entry-page .entry-form-container {
  position: relative;
  width: 100%;
  padding-bottom: calc(100 / var(--pc-width) * 100vw);
  z-index: 5;
}
.entry-page .entry-form-board {
  position: relative;
  width: calc(1600 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  border-radius: calc(120 / var(--pc-width) * 100vw);
  margin: 0 auto;
  padding: calc(150 / var(--pc-width) * 100vw) calc(180 / var(--pc-width) * 100vw);
  box-sizing: border-box;
  background-color: var(--c-white);
}
.entry-page .entry-form-board::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border-radius: calc(120 / var(--pc-width) * 100vw);
  border: calc(5 / var(--pc-width) * 100vw) dotted #92DEF4;
  pointer-events: none;
}
.entry-page .entry-form-board .mw_wp_form {
  width: calc(700 / var(--pc-width) * 100vw);
  margin: 0 auto;
}
.entry-page .entry-form-board form label {
  display: block;
  font-size: calc(25 / var(--pc-width) * 100vw);
  color: #92DEF4;
  letter-spacing: 0.15em;
  margin-bottom: calc(3 / var(--pc-width) * 100vw);
  text-align: left;
}
.entry-page .entry-form-board form span.desc {
  display: inline-block;
  color: #92DEF4;
}
.entry-page .entry-form-board form .i-required {
  font-size: calc(20 / var(--pc-width) * 100vw);
  padding: calc(2 / var(--pc-width) * 100vw) calc(10 / var(--pc-width) * 100vw);
  border-radius: calc(10 / var(--pc-width) * 100vw);
  color: var(--c-white);
  background-color: #ED1A3D;
}
.entry-page .entry-form-board form input[type="text"],
.entry-page .entry-form-board form input[type="email"],
.entry-page .entry-form-board form select,
.entry-page .entry-form-board form textarea {
  width: 100%;
  height: calc(60 / var(--pc-width) * 100vw);
  border: calc(2 / var(--pc-width) * 100vw) solid #26BEEA;
  border-radius: calc(10 / var(--pc-width) * 100vw);
  padding: 0 calc(20 / var(--pc-width) * 100vw);
  font-size: calc(25 / var(--pc-width) * 100vw);
  color: var(--c-gray);
  box-sizing: border-box;
  outline: none;
  padding-right: calc(70 / var(--pc-width) * 100vw);
  margin-bottom: calc(20 / var(--pc-width) * 100vw);
}
.entry-page .entry-form-board form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('./lib/images/entry/icon-check-blue.svg'); 
  background-repeat: no-repeat;
  background-position: right calc(20 / var(--pc-width) * 100vw) center;
  background-size: calc(37 / var(--pc-width) * 100vw) auto;
  transition: background-image 0.3s ease, border-color 0.3s ease;
}
.entry-page .entry-form-board form textarea {
  height: calc(200 / var(--pc-width) * 100vw);
  padding: calc(25 / var(--pc-width) * 100vw) calc(30 / var(--pc-width) * 100vw);
  line-height: 1.5;
}
.entry-page .entry-form-board form input:focus,
.entry-page .entry-form-board form select:focus,
.entry-page .entry-form-board form textarea:focus {
  border-color: #26BEEA;
}
.entry-page .entry-form-board .mwform-checkbox-field {
  display: block;
  width: calc(612 / var(--pc-width) * 100vw);
  text-align: left;
  margin: calc(30 / var(--pc-width) * 100vw) auto calc(60 / var(--pc-width) * 100vw);
}
.entry-page .entry-form-board .mwform-checkbox-field label {
  display: flex;
  align-items: center;
  gap: calc(15 / var(--pc-width) * 100vw);
  cursor: pointer;
  color: var(--c-gray);
  text-align: justify;
}
.entry-page .entry-form-board .mwform-checkbox-field input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: calc(43 / var(--pc-width) * 100vw);
  height: calc(43 / var(--pc-width) * 100vw);
  border: calc(2 / var(--pc-width) * 100vw) solid #26BEEA;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}
.entry-page .entry-form-board .mwform-checkbox-field input[type="checkbox"]:checked {
  background-color: #26BEEA;
}
.entry-page .entry-form-board .mwform-checkbox-field input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(20 / var(--pc-width) * 100vw);
  height: calc(20 / var(--pc-width) * 100vw);
  background-color: var(--c-white);
  border-radius: 50%;
}
.entry-page .entry-form-board .mwform-checkbox-field-text {
  line-height: 1.6;
  color: var(--c-gray);
}
.entry-page .entry-form-board .btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(379 / var(--pc-width) * 100vw);
  height: calc(60 / var(--pc-width) * 100vw);
  background-color: #26BEEA;
  border-radius: calc(10 / var(--pc-width) * 100vw);
  color: var(--c-white);
  font-size: calc(25 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-medium);
  letter-spacing: 0.22em;
  border: none;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  transition: all 0.3s ease
}
.entry-page .entry-form-board form br {
  display: none;
}
.entry-page .entry-form-board .error {
  display: block !important;
  color: #ff4d4d !important;
  font-size: calc(15 / var(--pc-width) * 100vw) !important;
  font-weight: bold !important;
  margin-top: calc(5 / var(--pc-width) * 100vw) !important;
  margin-bottom: calc(15 / var(--pc-width) * 100vw) !important;
  text-align: left !important;
}
.entry-page .entry-form-board .btn-submit.is-disabled {
  pointer-events: none;
  background-color: #E0E0E0; 
  color: #A0A0A0;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
  opacity: 0.7;
}
.entry-page-wrapper.var-confirm {
  background-color: #FFFAE1;
}
.entry-page-wrapper.var-confirm .entry-form-board::before {
  border-color: var(--c-coral);
}
.entry-page-wrapper.var-confirm .entry-page-header .entry-page-badge {
  background-color: var(--c-coral);
  border-radius: calc(10 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-confirm .header-curve-layer {
  height: calc(740 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-confirm .entry-page-header .header-curve-layer::before {
  background-image: url('./lib/images/entry/bg-entry-confirm.webp');
}
.entry-page-wrapper.var-confirm .entry-form-board form label {
  display: block;
  font-size: calc(25 / var(--pc-width) * 100vw);
  color: var(--c-coral);
  margin-bottom: calc(3 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-confirm .entry-form-board form label:first-of-type {
  margin-top: 0;
}
.entry-page-wrapper.var-confirm .entry-form-board form span.desc {
  display: none;
}
.entry-page-wrapper.var-confirm .entry-form-board form p {
  display: block;
  text-align: left;
  font-size: calc(22 / var(--pc-width) * 100vw);
  line-height: 2.0;
  color: var(--c-gray);
}
.entry-page-wrapper.var-confirm .entry-form-board form br {
  display: block;
  content: "";
  margin-bottom: calc(30 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-confirm .entry-form-board form input:focus,
.entry-page-wrapper.var-confirm .entry-form-board form select:focus,
.entry-page-wrapper.var-confirm .entry-form-board form textarea:focus {
  border-color: var(--c-coral);
  background-color: var(--c-coral);
}
.entry-page-wrapper.var-confirm .btn-back,
.entry-page-wrapper.var-confirm .btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(225 / var(--pc-width) * 100vw);
  height: calc(60 / var(--pc-width) * 100vw);
  border-radius: calc(10 / var(--pc-width) * 100vw);
  font-size: calc(25 / var(--pc-width) * 100vw);
  font-weight: var(--f-main-weight-bold);
  letter-spacing: 0.3em;
  border: none;
  cursor: pointer;
  color: var(--c-white);
  background-color: #E0E0E0;
  margin-top: calc(60 / var(--pc-width) * 100vw);
  background-repeat: no-repeat;
  transition: background-size 0.3s ease, opacity 0.3s ease;
}
.entry-page-wrapper.var-confirm .btn-back {
  margin-left: calc(90 / var(--pc-width) * 100vw);
  margin-right: calc(40 / var(--pc-width) * 100vw);
  padding: 0 0 0 calc(30 / var(--pc-width) * 100vw);
  background-image: url('./lib/images/entry/icon-arrow-left.svg');
  background-position: left calc(30 / var(--pc-width) * 100vw) center;
  background-size: calc(20 / var(--pc-width) * 100vw) auto;
  transform: none;
  transition: all 0.3s ease;
}
.entry-page-wrapper.var-confirm .btn-submit {
  pointer-events: auto;
  cursor: pointer;
  padding: 0 calc(30 / var(--pc-width) * 100vw) 0 0;
  background-image: url('./lib/images/entry/icon-arrow-right.svg');
  background-position: right calc(30 / var(--pc-width) * 100vw) center;
  background-size: calc(20 / var(--pc-width) * 100vw) auto;
  transition: all 0.3s ease;
}
.entry-page-wrapper.var-confirm .btn-back:hover {
  background-size: calc(25 / var(--pc-width) * 100vw) auto;
  background-color: var(--c-coral);
  opacity: var(--opacity-hover);
}
.entry-page-wrapper.var-confirm .btn-submit:hover {
  background-size: calc(25 / var(--pc-width) * 100vw) auto;
  background-color: var(--c-coral);
  opacity: var(--opacity-hover);
}
.entry-page-wrapper.var-thanks .entry-form-container {
  position: relative;
  margin-top: calc(360 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-thanks .entry-thanks-visual {
  position: absolute;
  top: calc(-350 / var(--pc-width) * 100vw);
  left: 50%;
  transform: translateX(-50%);
  width: calc(746 / var(--pc-width) * 100vw);
  z-index: 10;
  pointer-events: none;
}
.entry-page-wrapper.var-thanks .entry-thanks-visual img {
  width: 100%;
  height: auto;
  display: block;
}
.entry-page-wrapper.var-thanks .entry-form-board {
  padding-top: calc(170 / var(--pc-width) * 100vw);
  padding-bottom: calc(160 / var(--pc-width) * 100vw);
  text-align: center;
}
.entry-page-wrapper.var-thanks .thanks-title-img {
  width: calc(679 / var(--pc-width) * 100vw);
  margin: 0 auto calc(75 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-thanks .thanks-title-img img {
  width: 100%;
  height: auto;
}
.entry-page-wrapper.var-thanks .thanks-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-coral);
  color: var(--c-white);
  font-size: calc(30 / var(--pc-width) * 100vw);
  letter-spacing: 0.22em;
  padding: calc(20 / var(--pc-width) * 100vw) calc(25 / var(--pc-width) * 100vw);
  border-radius: calc(8 / var(--pc-width) * 100vw);
  margin-bottom: calc(50 / var(--pc-width) * 100vw);
  line-height: 1;
}
.entry-page-wrapper.var-thanks .thanks-message-text {
  color: var(--c-blue-light);
  font-size: calc(24 / var(--pc-width) * 100vw);
  line-height: 2.0;
  margin-bottom: calc(50 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-thanks .btn-thanks-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(157 / var(--pc-width) * 100vw);
  height: calc(38 / var(--pc-width) * 100vw);
  background-color: var(--c-brown);
  color: var(--c-white);
  font-size: calc(19 / var(--pc-width) * 100vw);
  text-decoration: none;
  border-radius: calc(19 / var(--pc-width) * 100vw);
  background-image: url('./lib/images/entry/icon-arrow-left.svg');
  background-repeat: no-repeat;
  background-size: calc(20 / var(--pc-width) * 100vw) auto;
  background-position: left calc(20 / var(--pc-width) * 100vw) center;
  padding-left: calc(15 / var(--pc-width) * 100vw);
  transition: all 0.3s ease, opacity 0.3s ease;
}
.entry-page-wrapper.var-thanks .btn-thanks-home:hover {
  background-size: calc(25 / var(--pc-width) * 100vw) auto;
  opacity: var(--opacity-hover);
}

@media screen and (max-width: 780px) {
  .entry-page-wrapper {
    overflow-x: hidden;
  }
  .entry-page-header {
    padding: calc(390 / var(--sp-width) * 100vw) 0 0;
    margin-bottom: calc(180 / var(--sp-width) * 100vw);
  }
  .entry-page-header .entry-page-header__inner {
    width: 100%;
    padding: 0 calc(44 / var(--sp-width) * 100vw);
  }
  .entry-page-header .header-curve-layer {
    height: calc(868 / var(--sp-width) * 100vw);
  }
  .entry-page-header .header-curve-layer::before{
    height: calc(1049 / var(--sp-width) * 100vw);
    background-image: url('./lib/images/entry/bg-entry-index-sp.webp');
  }
  .entry-page-header .entry-title-svg {
    width: calc(361 / var(--sp-width) * 100vw);
    margin: 0 auto calc(30 / var(--sp-width) * 100vw);
  }
  .entry-page-header .entry-page-badge {
    margin: 0 auto calc(30 / var(--sp-width) * 100vw);
    width: calc(416 / var(--sp-width) * 100vw);
    height: calc(98 / var(--sp-width) * 100vw);
    border-radius: calc(22 / var(--sp-width) * 100vw);
    font-size: calc(40 / var(--sp-width) * 100vw);
  }
  .entry-page-header .entry-page-badge-en {
    margin: 0;
    font-size: calc(23 / var(--sp-width) * 100vw);
  }
  .entry-page-header .entry-page-lead {
    font-size: calc(27 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-container {
    padding-bottom: calc(100 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board {
    width: 100%;
    border-radius: calc(50 / var(--sp-width) * 100vw);
    padding: calc(100 / var(--sp-width) * 100vw) calc(44 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board::before {
    width: calc(100% - (30 / var(--sp-width) * 100vw));
    height: calc(100% - (30 / var(--sp-width) * 100vw));
    border-radius: calc(40 / var(--sp-width) * 100vw);
    border: calc(5 / var(--sp-width) * 100vw) dotted #92DEF4;
  }
  .entry-page .entry-form-board .mw_wp_form {
    width: 100%;
  }
  .entry-page .entry-form-board form label {
    font-size: calc(30 / var(--sp-width) * 100vw);
    margin-bottom: calc(3 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board form .i-required {
    font-size: calc(24 / var(--sp-width) * 100vw);
    padding: calc(2 / var(--sp-width) * 100vw) calc(10 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board form select {
    background-position: right calc(20 / var(--sp-width) * 100vw) center;
    background-size: calc(54 / var(--sp-width) * 100vw) auto;
  }
  .entry-page .entry-form-board form input[type="text"],
  .entry-page .entry-form-board form input[type="email"],
  .entry-page .entry-form-board form select,
  .entry-page .entry-form-board form textarea {
    height: calc(97 / var(--sp-width) * 100vw);
    border-radius: calc(10 / var(--sp-width) * 100vw);
    padding: 0 calc(20 / var(--sp-width) * 100vw);
    font-size: calc(30 / var(--sp-width) * 100vw);
    padding-right: calc(70 / var(--sp-width) * 100vw);
    margin-bottom: calc(20 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board form textarea {
    height: calc(250 / var(--sp-width) * 100vw);
    padding: calc(25 / var(--sp-width) * 100vw) calc(30 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board .mwform-checkbox-field {
    width: 100%;
    margin: calc(30 / var(--sp-width) * 100vw) auto calc(60 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board .mwform-checkbox-field label {
    gap: calc(15 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board .mwform-checkbox-field input[type="checkbox"] {
    width: calc(43 / var(--sp-width) * 100vw);
    height: calc(43 / var(--sp-width) * 100vw);
    border: calc(2 / var(--sp-width) * 100vw) solid #26BEEA;
  }
  .entry-page .entry-form-board .mwform-checkbox-field input[type="checkbox"]:checked::after {
    width: calc(22 / var(--sp-width) * 100vw);
    height: calc(22 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board .btn-submit {
    width: calc(415 / var(--sp-width) * 100vw);
    height: calc(88 / var(--sp-width) * 100vw);
    border-radius: calc(12 / var(--sp-width) * 100vw);
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board .error {
    font-size: calc(25 / var(--sp-width) * 100vw) !important;
    margin-top: calc(5 / var(--sp-width) * 100vw) !important;
    margin-bottom: calc(15 / var(--sp-width) * 100vw) !important;
  }
  .entry-page-wrapper.var-confirm .entry-page-header .entry-page-badge {
    border-radius: calc(10 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-confirm .header-curve-layer {
    height: calc(780 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-confirm .entry-page-header .header-curve-layer::before {
    background-image: url(./lib/images/entry/bg-entry-confirm-sp.webp);
  }
  .entry-page-wrapper.var-confirm .entry-form-board form label {
    font-size: calc(30 / var(--sp-width) * 100vw);
    margin-bottom: calc(3 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-confirm .entry-form-board form p {
    font-size: calc(30 / var(--sp-width) * 100vw);
    line-height: var(--lh-base-sp);
  }
  .entry-page-wrapper.var-confirm .entry-form-board form br {
    margin-bottom: calc(30 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-confirm .btn-back,
  .entry-page-wrapper.var-confirm .btn-submit {
    width: calc(225 / var(--sp-width) * 100vw);
    height: calc(96 / var(--sp-width) * 100vw);
    border-radius: calc(10 / var(--sp-width) * 100vw);
    font-size: calc(41 / var(--sp-width) * 100vw);
    margin-top: calc(60 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-confirm .btn-back {
    margin-left: calc(40 / var(--sp-width) * 100vw);
    margin-right: calc(40 / var(--sp-width) * 100vw);
    padding: 0 0 0 calc(30 / var(--sp-width) * 100vw);
    background-position: left calc(30 / var(--sp-width) * 100vw) center;
    background-size: calc(27 / var(--sp-width) * 100vw) auto;
  }
  .entry-page-wrapper.var-confirm .btn-submit {
    padding: 0 calc(30 / var(--sp-width) * 100vw) 0 0;
    background-position: right calc(30 / var(--sp-width) * 100vw) center;
    background-size: calc(27 / var(--sp-width) * 100vw) auto;
  }
  .entry-page-wrapper.var-confirm .btn-back:hover {
    background-size: calc(40 / var(--sp-width) * 100vw) auto;
  }
  .entry-page-wrapper.var-confirm .btn-submit:hover {
    background-size: calc(40 / var(--sp-width) * 100vw) auto;
  }
  .entry-page-wrapper.var-thanks .entry-form-container {
    margin-top: calc(260 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-thanks .entry-thanks-visual {
    top: calc(-270 / var(--sp-width) * 100vw);
    width: calc(574 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-thanks .entry-form-board {
    padding-top: calc(90 / var(--sp-width) * 100vw);
    padding-bottom: calc(120 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-thanks .thanks-title-img {
    width: calc(471 / var(--sp-width) * 100vw);
    margin: 0 auto calc(25 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-thanks .thanks-status-badge {
    font-size: calc(32 / var(--sp-width) * 100vw);
    padding: calc(20 / var(--sp-width) * 100vw) calc(25 / var(--sp-width) * 100vw);
    border-radius: calc(8 / var(--sp-width) * 100vw);
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-thanks .thanks-message-text {
    font-size: calc(30 / var(--sp-width) * 100vw);
    margin-bottom: calc(50 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-thanks .btn-thanks-home {
    width: calc(295 / var(--sp-width) * 100vw);
    height: calc(71 / var(--sp-width) * 100vw);
    font-size: calc(35 / var(--sp-width) * 100vw);
    border-radius: calc(35 / var(--sp-width) * 100vw);
    box-shadow: 0 calc(4 / var(--sp-width) * 100vw) calc(10 / var(--sp-width) * 100vw) rgba(255, 153, 0, 0.3);
    background-size: calc(38 / var(--sp-width) * 100vw) auto;
    background-position: left calc(20 / var(--sp-width) * 100vw) center;
    padding-left: calc(15 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-thanks .btn-thanks-home:hover {
    background-size: calc(50 / var(--sp-width) * 100vw) auto;
  }
}

/* ----------------------------------------
* tour-page
---------------------------------------- */
.entry-page-wrapper.var-tour {
  position: relative;
  width: 100%;
  background-color: #92DEF4;
}
.entry-page-wrapper.var-tour .entry-page-badge {
  background-color: var(--c-sky-blue);
}

@media screen and (max-width: 780px) {
}

/* ----------------------------------------
* casual-page
---------------------------------------- */
.entry-page-wrapper.var-casual {
  position: relative;
  width: 100%;
  background-color: #FFCA80;
}
.entry-page-wrapper.var-casual .entry-page-header .entry-page-header__inner {
  color: var(--c-orange);
}
.entry-page-wrapper.var-casual .entry-page-badge {
  background-color: var(--c-orange);
  width: calc(451 / var(--pc-width) * 100vw);
  height: calc(85 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-casual .entry-form-board::before {
  border-color: var(--c-orange);
}
.entry-page-wrapper.var-casual .entry-form-board form label {
  color: var(--c-orange);
}
.entry-page-wrapper.var-casual .entry-form-board .mwform-checkbox-field input[type="checkbox"]:checked {
  background-color: var(--c-orange);
  border-color: var(--c-orange);
}
.entry-page-wrapper.var-casual .entry-form-board .mwform-checkbox-field input[type="checkbox"] {
  border: calc(2 / var(--pc-width) * 100vw) solid var(--c-orange);
}
.entry-page-wrapper.var-casual .entry-form-board .btn-submit {
  background-color: var(--c-orange);
}
.entry-page-wrapper.var-casual .entry-form-board .btn-submit.is-disabled {
  background-color: #E0E0E0;
}
.entry-page-wrapper.var-casual .entry-form-board form input[type="text"],
.entry-page-wrapper.var-casual .entry-form-board form input[type="email"],
.entry-page-wrapper.var-casual .entry-form-board form select,
.entry-page-wrapper.var-casual .entry-form-board form textarea {
  border: calc(2 / var(--pc-width) * 100vw) solid var(--c-orange);
}
.entry-page-wrapper.var-casual .entry-form-board form select {
  background-image: url('./lib/images/entry/icon-check-orange.svg');
}
.entry-page-wrapper.var-casual .entry-form-board .checkboxlist .mwform-checkbox-field {
  display: inline-block;
  width: auto;
  margin: calc(10 / var(--pc-width) * 100vw);
}
.entry-page-wrapper.var-casual .entry-form-board .checkboxlist .mwform-checkbox-field-text {
  font-size: calc(22 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .entry-page-wrapper.var-casual .entry-page-badge {
    width: calc(600 / var(--sp-width) * 100vw);
    height: calc(98 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-casual .entry-form-board {
    border: calc(3 / var(--sp-width) * 100vw) solid var(--c-orange);
  }
  .entry-page-wrapper.var-casual .entry-form-board .mwform-checkbox-field input[type="checkbox"] {
    border: calc(2 / var(--sp-width) * 100vw) solid var(--c-orange);
  }
  .entry-page-wrapper.var-casual .entry-form-board form input[type="text"],
  .entry-page-wrapper.var-casual .entry-form-board form input[type="email"],
  .entry-page-wrapper.var-casual .entry-form-board form select,
  .entry-page-wrapper.var-casual .entry-form-board form textarea {
    border: calc(2 / var(--sp-width) * 100vw) solid var(--c-orange);
  }
  .entry-page .entry-form-board form select {
    background-position: right calc(20 / var(--sp-width) * 100vw) center;
    background-size: calc(54 / var(--sp-width) * 100vw) auto;
  }
  .entry-page .entry-form-board .checkboxlist .mwform-checkbox-field {
    margin: calc(10 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board .checkboxlist .mwform-checkbox-field-text {
    font-size: calc(25 / var(--sp-width) * 100vw);
  }
  .entry-page-wrapper.var-casual .entry-form-board .checkboxlist .mwform-checkbox-field-text {
    font-size: calc(25 / var(--sp-width) * 100vw);
  }
}

/* ----------------------------------------
* entry-page
---------------------------------------- */
.entry-page-wrapper.var-entry {
  position: relative;
  width: 100%;
  background-color: #FFD9D3;
}
.entry-page-wrapper.var-entry .entry-page-header .entry-page-header__inner {
  color: var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-page-badge {
  background-color: var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-page .entry-form-board::before {
  border-color: var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-form-board form label {
  color: var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-form-board .mwform-checkbox-field input[type="checkbox"]:checked {
  border-color: var(--c-coral);
  background-color: var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-form-board .mwform-checkbox-field input[type="checkbox"] {
  border: calc(2 / var(--pc-width) * 100vw) solid var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-form-board .btn-submit {
  background-color: var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-form-board .btn-submit.is-disabled {
  background-color: #E0E0E0;
}
.entry-page-wrapper.var-entry .entry-form-board form input[type="text"],
.entry-page-wrapper.var-entry .entry-form-board form input[type="email"],
.entry-page-wrapper.var-entry .entry-form-board form select,
.entry-page-wrapper.var-entry .entry-form-board form textarea {
  border: calc(2 / var(--pc-width) * 100vw) solid var(--c-coral);
}
.entry-page-wrapper.var-entry .entry-form-board form select {
  background-image: url('./lib/images/entry/icon-check-pink.svg');
  background-repeat: no-repeat;
  background-position: right calc(20 / var(--pc-width) * 100vw) center;
  background-size: calc(37 / var(--pc-width) * 100vw) auto;
  transition: background-image 0.3s ease, border-color 0.3s ease;
}
.entry-page .entry-form-board .checkboxlist .mwform-checkbox-field {
  display: inline-block;
  width: auto;
  margin: calc(10 / var(--pc-width) * 100vw);
}
.entry-page .entry-form-board .checkboxlist .mwform-checkbox-field-text {
  font-size: calc(22 / var(--pc-width) * 100vw);
}

@media screen and (max-width: 780px) {
  .entry-page-wrapper.var-entry .entry-form-board {
    border: calc(3 / var(--sp-width) * 100vw) solid var(--c-coral);
  }
  .entry-page-wrapper.var-entry .entry-form-board .mwform-checkbox-field input[type="checkbox"] {
    border: calc(2 / var(--sp-width) * 100vw) solid var(--c-coral);
  }
  .entry-page-wrapper.var-entry .entry-form-board form input[type="text"],
  .entry-page-wrapper.var-entry .entry-form-board form input[type="email"],
  .entry-page-wrapper.var-entry .entry-form-board form select,
  .entry-page-wrapper.var-entry .entry-form-board form textarea {
    border: calc(2 / var(--sp-width) * 100vw) solid var(--c-coral);
  }
  .entry-page-wrapper.var-entry .entry-form-board form select {
    background-position: right calc(20 / var(--sp-width) * 100vw) center;
    background-size: calc(54 / var(--sp-width) * 100vw) auto;
  }
  .entry-page .entry-form-board .checkboxlist .mwform-checkbox-field {
    margin: calc(10 / var(--sp-width) * 100vw);
  }
  .entry-page .entry-form-board .checkboxlist .mwform-checkbox-field-text {
    font-size: calc(30 / var(--sp-width) * 100vw);
  }
}