@charset "UTF-8";
/*-- foundationフォルダの中の_index.scss --*/
html:not(.is-loaded) * {
  transition: none !important;
}

body {
  color: #000;
  background: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: none;
}

body,
h1,
h2,
h3,
h4,
h5,
table,
th,
td,
ul,
li,
ol,
dl,
dt,
dd,
form,
p,
figure,
fieldset {
  margin: 0px;
  padding: 0px;
  font-weight: 500;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 1.0666666667vw;
  line-height: 1.625;
  letter-spacing: 0;
  text-underline-offset: 3px;
}

@media only screen and (max-width: 1271px) {
  body,
h1,
h2,
h3,
h4,
h5,
table,
th,
td,
ul,
li,
ol,
dl,
dt,
dd,
form,
p,
figure,
fieldset {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  body,
h1,
h2,
h3,
h4,
h5,
table,
th,
td,
ul,
li,
ol,
dl,
dt,
dd,
form,
p,
figure,
fieldset {
    font-size: 4.2666666667vw;
  }
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

a img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
}

input,
textArea,
select,
button {
  background: none;
  margin: 0px;
  outline: none;
  padding: 0px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "メイリオ", sans-serif;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  -webkit-appearance: none;
}

select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

button {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

/*                link
======================================================= */
a {
  color: #000;
  text-decoration: none;
}

/*-- componentフォルダの中の_index.scss --*/
.c-acc {
  margin-top: 1.3333333333vw;
  display: flex;
  flex-direction: column;
  gap: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-acc {
    margin-top: 2.6041666667vw;
    gap: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-acc {
    margin-top: 4.2666666667vw;
    gap: 4.2666666667vw;
  }
}
.c-acc__item {
  border: solid 1px #dddddd;
  border-radius: 0.5333333333vw;
  overflow: hidden;
}

@media only screen and (max-width: 1271px) {
  .c-acc__item {
    border-radius: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-acc__item {
    border-radius: 2.1333333333vw;
  }
}
.c-acc__btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.9333333333vw 2.5333333333vw 0.9333333333vw 2.6666666667vw;
  font-size: 1.0666666667vw;
  font-weight: 700;
  cursor: pointer;
  background: white;
  text-align: left;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .c-acc__btn {
    padding: 1.8229166667vw 4.9479166667vw 1.8229166667vw 5.2083333333vw;
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-acc__btn {
    padding: 3.7333333333vw 10.1333333333vw 3.7333333333vw 10.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.c-acc__btn::before {
  content: "Q";
  position: absolute;
  top: 1.2vw;
  left: 1.4vw;
  font-weight: 500;
  font-family: "Cabin", sans-serif;
  color: #006fcf;
}

@media only screen and (max-width: 1271px) {
  .c-acc__btn::before {
    top: 2.34375vw;
    left: 2.734375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-acc__btn::before {
    top: 4.8vw;
    left: 5.6vw;
  }
}
.c-acc__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2vw;
  width: 0.8vw;
  height: 0.4666666667vw;
  background: url("/media/images/workcation/svg-bottom-arrow.svg") center/contain no-repeat;
  transform: translateY(-50%);
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .c-acc__btn::after {
    right: 2.34375vw;
    width: 1.5625vw;
    height: 0.9114583333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-acc__btn::after {
    right: 4.8vw;
    width: 3.2vw;
    height: 1.8666666667vw;
  }
}
.c-acc__btn[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
}

.c-acc__btn[aria-expanded=true] + .c-acc__cont::before {
  opacity: 1;
}

.c-acc__btn-txt {
  padding-top: 0.08em;
}

.c-acc__cont {
  position: relative;
  overflow: hidden;
  transition: 0.5s;
}

.c-acc__txt {
  padding: 0 1.2vw 1.0666666667vw 2.6666666667vw;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .c-acc__txt {
    padding: 0 2.34375vw 2.0833333333vw 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-acc__txt {
    padding: 0 4.8vw 4.2666666667vw 10.6666666667vw;
  }
}
.c-acc__txt::before {
  content: "A";
  position: absolute;
  top: 0vw;
  left: 1.4vw;
  font-weight: 500;
  font-family: "Cabin", sans-serif;
  color: #fb8e76;
}

@media only screen and (max-width: 1271px) {
  .c-acc__txt::before {
    left: 2.734375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-acc__txt::before {
    left: 5.6vw;
  }
}
.c-bread {
  width: calc(100% - 9.0666666667vw);
  position: absolute;
  top: 1.7333333333vw;
  left: 4.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-bread {
    width: calc(100% - 7.8125vw);
    top: 3.3854166667vw;
    left: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-bread {
    display: none;
  }
}
.home .c-bread {
  display: none;
}

.c-bread__list {
  display: flex;
  gap: 1.3333333333vw;
  overflow-x: auto;
  /* x軸のオーバーフローをスクロール可能にする */
  white-space: nowrap;
  /* 子要素を折り返さずに一行で表示する */
  -webkit-overflow-scrolling: touch;
  /* iOSデバイスでのスクロールの挙動を滑らかにする */
}

@media only screen and (max-width: 1271px) {
  .c-bread__list {
    gap: 2.6041666667vw;
  }
}
.c-bread__list::-webkit-scrollbar {
  background: #dddddd;
  height: 6px;
  border-radius: 3px;
}

.c-bread__list::-webkit-scrollbar-thumb {
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 3px;
}

.c-bread__item {
  position: relative;
  white-space: nowrap;
}

.c-bread__item + .c-bread__item::before {
  content: "";
  position: absolute;
  top: calc(50% + 0.0666666667vw);
  left: -0.8vw;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #666666;
}

@media only screen and (max-width: 1271px) {
  .c-bread__item + .c-bread__item::before {
    top: calc(50% - 0.1302083333vw);
    left: -1.5625vw;
  }
}
@media only screen and (min-width: 1272px) {
  .c-bread__link {
    transition: 0.5s color;
  }

  .c-bread__link:hover {
    color: #2a99d6;
  }
}
.c-dot-list__item {
  display: block;
  position: relative;
  padding-left: 1em;
  font-size: 16px;
  line-height: 2;
}

@media only screen and (max-width: 767px) {
  .c-dot-list__item {
    font-size: 14px;
  }
}
.c-dot-list__item:not(:first-child) {
  margin-top: 0.8em;
}

.c-dot-list__item::before {
  position: absolute;
  content: "";
  background: #000;
  width: 4px;
  height: 4px;
  top: 15px;
  left: 6px;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .c-dot-list__item::before {
    top: 12.875px;
    left: 5px;
  }
}
.c-dot-list__item-txt {
  display: inline-block;
  padding-top: 0.125em;
}

.c-cap {
  background-color: rgba(0, 0, 0, 0.6);
  height: clamp(36px, 2.4vw, 2.4vw);
  padding: 0 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-cap__txt {
  margin-top: 0.1em;
  font-size: clamp(13px, 0.8666666667vw, 0.8666666667vw);
  font-weight: 700;
  color: white;
}

.c-copy-btn {
  background-color: gray;
  color: white;
  padding: 8px 16px;
  transition: 0.5s opacity;
}

.c-copy-btn:hover {
  opacity: 0.7;
  cursor: pointer;
}

.c-headline {
  font-size: 30px;
  font-weight: 700;
  display: flex;
  align-items: center;
  color: #5f7b2c;
}

.c-headline span {
  color: #953131;
  font-size: 14px;
  padding-left: 20px;
  display: inline-block;
}

.c-btn-cntr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-btn {
  width: 20vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vh;
  background-color: #fb8e76;
  border: 1px solid #fb8e76;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .c-btn {
    width: 39.0625vw;
    height: 7.8125vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn {
    width: 91.4666666667vw;
    height: 16vw;
  }
}
.c-btn:hover {
  background-color: #fff;
}

.c-btn:hover .c-btn__txt {
  color: #fb8e76;
}

.c-btn:hover .c-btn__txt::after {
  border-top: 2px solid #fb8e76;
  border-right: 2px solid #fb8e76;
}

.c-btn:hover .p-facility-btn__txt::before {
  background-color: #fb8e76;
}

.c-btn__txt {
  font-weight: 700;
  font-size: 1.0666666667vw;
  color: white;
  padding-right: 1.3333333333vw;
  position: relative;
  transition: color 0.5s;
}

@media only screen and (max-width: 1271px) {
  .c-btn__txt {
    font-size: 2.0833333333vw;
    padding-right: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-btn__txt {
    font-size: 4.2666666667vw;
    padding-right: 5.3333333333vw;
  }
}
.c-btn__txt::after {
  content: "";
  position: absolute;
  width: 0.5333333333vw;
  height: 0.5333333333vw;
  top: calc(50% - 0.0666666667vw);
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid white;
  border-right: 2px solid white;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .c-btn__txt::after {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    top: calc(50% - 0.1302083333vw);
  }
}
@media only screen and (max-width: 767px) {
  .c-btn__txt::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: calc(50% - 0.2666666667vw);
  }
}
.c-lower-ttl {
  font-size: 44px;
  font-weight: 400;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

@media only screen and (max-width: 767px) {
  .c-lower-ttl {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .c-lower-ttl--sp-f36 {
    font-size: 36px;
  }
}
.c-lower-ttl__cntr {
  display: flex;
  justify-content: space-between;
}

.c-lower-ttl__list {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
  margin-left: 35px;
}

@media only screen and (max-width: 1023px) {
  .c-lower-ttl__list {
    margin-left: 0;
  }
}
.c-lower-ttl__item {
  position: relative;
  font-weight: 700;
  color: Blue;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.6;
  transition: 0.5s opacity;
}

@media only screen and (max-width: 767px) {
  .c-lower-ttl__item {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-lower-ttl__item:hover {
    opacity: 0.7;
  }
}
.c-lower-ttl__item::before {
  content: "";
  position: absolute;
  top: triangle-top(16, 1.6, 9);
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: Blue transparent transparent transparent;
}

@media only screen and (max-width: 767px) {
  .c-lower-ttl__item::before {
    top: triangle-top-sp(14, 1.6, 9);
  }
}
.c-media {
  display: flex;
  align-items: stretch;
  gap: 3.2vw;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .c-media {
    flex-direction: column;
    gap: 6.4vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-media.--left .c-media__img-wrap {
    position: relative;
    top: auto;
    left: -4vw;
    width: 100vw;
  }

  .c-media.--left .c-media__desc {
    margin-top: 5.8666666667vw;
  }
}
.c-media__info {
  width: 42.3333333333%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .c-media__info {
    width: 100%;
  }
}
.c-media__img-wrap {
  width: 61.1666666667%;
  height: 100%;
  overflow: hidden;
  margin-right: -6vw;
}

@media only screen and (max-width: 1271px) {
  .c-media__img-wrap {
    margin-right: -11.71875vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-media__img-wrap {
    margin-top: 4.2666666667vw;
    margin-right: 0;
    width: 91.4666666667vw;
    height: 57.0666666667vw;
    position: absolute;
    top: 35.7333333333vw;
    left: 0;
  }
}
.c-media__img-wrap.--left {
  margin-right: 0vw;
  margin-left: -6vw;
}

@media only screen and (max-width: 767px) {
  .c-media__img-wrap.--left {
    margin-left: 0;
  }
}
.c-media__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-media__ttl-en {
  color: #cbeaff;
  font-size: 5.3333333333vw;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  line-height: 0.76;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 767px) {
  .c-media__ttl-en {
    font-size: 10.6666666667vw;
    text-align: center;
  }
}
.c-media__ttl-en.--clear-sky {
  color: #e9f8fd;
}

@media only screen and (max-width: 767px) {
  .c-media__ttl-en.--sp-light-sky {
    color: #cbeaff;
  }
}
.c-media__ttl {
  margin-top: 1.6vw;
  font-size: 2.6666666667vw;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (max-width: 767px) {
  .c-media__ttl {
    margin-top: 4.2666666667vw;
    font-size: 6.9333333333vw;
    text-align: center;
  }
}
.c-media__desc {
  margin-top: 2vw;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 767px) {
  .c-media__desc {
    margin-top: 67.2vw;
    font-size: 4.2666666667vw;
  }
}
.c-media__desc + .c-media__desc {
  margin-top: 0.8em;
}

.c-media__txt {
  font-size: 1.0666666667vw;
  line-height: 1.6875;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.c-media__txt + .c-media__txt {
  margin-top: 0.5em;
}

.c-media__btn {
  margin-top: 2.1333333333vw;
}

@media only screen and (max-width: 767px) {
  .c-media__btn {
    margin-top: 5.3333333333vw;
  }
}
.c-project-sort__list {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

@media only screen and (max-width: 1023px) {
  .c-project-sort__list {
    justify-content: flex-start;
  }
}
.c-project-sort__item {
  background-color: #fff;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  padding: 4px 13px 2px;
  transition: 0.3s background-color, 0.3s color;
}

@media only screen and (min-width: 1024px) {
  .c-project-sort__item:hover {
    cursor: pointer;
  }
}
.c-project-sort__item.--gray {
  background-color: #efedee;
}

.c-project-sort__item.is-active {
  background-color: var(--eerie-black);
  color: #fff;
}

@media only screen and (min-width: 1024px) {
  .c-project-sort__item.is-active:hover {
    cursor: auto;
  }
}
.c-sec {
  padding: 120px 0 120px;
}

@media only screen and (max-width: 767px) {
  .c-sec {
    padding: 60px 0 60px;
  }
}
.c-sec.--pt0 {
  padding-top: 0;
}

.c-sec.--pt60 {
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  .c-sec.--pt60 {
    padding-top: 40px;
  }
}
.c-sec.--pb0 {
  padding-bottom: 0px;
}

.c-sec.--pb60 {
  padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .c-sec.--pb60 {
    padding-bottom: 40px;
  }
}
.c-sec.--60 {
  padding: 60px 0;
}

@media only screen and (max-width: 767px) {
  .c-sec.--60 {
    padding: 40px 0;
  }
}
.c-ttl-cont + .c-txt-cont {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .c-ttl-cont + .c-txt-cont {
    margin-top: 40px;
  }
}
.c-ttl {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 767px) {
  .c-ttl {
    padding-top: 11.7333333333vw;
    font-weight: 700;
    position: relative;
  }

  .c-ttl::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10.6666666667vw;
    font-family: "Roboto", sans-serif;
    line-height: 1;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
}
.c-ttl.--32 {
  font-size: 2.1333333333vw;
}

@media only screen and (max-width: 767px) {
  .c-ttl.--32 {
    font-size: 6.9333333333vw;
  }
}
.c-ttl.--36 {
  font-size: 2.4vw;
}

.c-ttl.--40 {
  font-size: 2.6666666667vw;
}

@media only screen and (max-width: 767px) {
  .c-ttl.--40 {
    font-size: 6.9333333333vw;
  }
}
.c-ttl-link {
  font-size: 20px;
  font-weight: 700;
  color: blue;
  position: relative;
  padding-right: 32px;
}

.c-ttl-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 20px;
  -webkit-mask: url("/wp-content/themes/pfc-blanchard-theme/pfc-blanchard-assets/images/common/link-arrow-right.svg") no-repeat center/contain;
  mask: url("/wp-content/themes/pfc-blanchard-theme/pfc-blanchard-assets/images/common/link-arrow-right.svg") no-repeat center/contain;
  background-color: blue;
  transition: 0.5s right;
}

@media only screen and (min-width: 1024px) {
  .c-ttl-link:hover::after {
    right: -5px;
  }
}
.c-ttl-link.--vistaBlue {
  color: Blue;
}

.c-ttl-link.--vistaBlue::after {
  background-color: Blue;
}

.c-width {
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
}

@media only screen and (max-width: 1271px) {
  .c-width {
    width: 93.75vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-width {
    width: 92vw;
  }
}
.c-width.--sub {
  width: 62.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .c-width.--sub {
    width: 93.75vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-width.--sub {
    width: 92vw;
  }
}
.c-wrap {
  margin: 20px 0 80px;
  position: relative;
}

/*-- utilityフォルダの中の_index.scss --*/
@media only screen and (min-width: 1024px) {
  .u-pc-hide {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .u-tb-hide {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .u-sp-hide {
    display: none;
  }
}
.u-sp-space {
  display: none;
}

@media only screen and (max-width: 767px) {
  .u-sp-space {
    display: inline;
  }
}
.u-txt-left {
  text-align: left;
}

.u-txt-center {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .u-txt-center.--sp {
    text-align: left;
  }
}
.u-txt-right {
  text-align: right;
}

@media only screen and (max-width: 1271px) {
  .u-block-center-tb {
    margin-left: auto;
    margin-right: auto;
  }
}
.u-ml-auto {
  margin-left: auto;
}

.u-mr-auto {
  margin-right: auto;
}

.u-ib {
  display: inline-block;
}

.u-bold {
  font-weight: 700;
}

a.u-link-txt {
  text-decoration: underline;
  color: #006fcf;
}

@media only screen and (min-width: 1272px) {
  a.u-link-txt {
    transition: 0.5s opacity;
  }

  a.u-link-txt:hover {
    opacity: 0.6;
  }
}
.u-bg-light-sky {
  background-color: blue;
}

.u-mt8 {
  margin-top: 0.5333333333vw;
}

.u-mt10 {
  margin-top: 0.6666666667vw;
}

.u-mt12 {
  margin-top: 0.8vw;
}

.u-mt14 {
  margin-top: 0.9333333333vw;
}

.u-mt16 {
  margin-top: 1.0666666667vw;
}

.u-mt18 {
  margin-top: 1.2vw;
}

.u-mt20 {
  margin-top: 1.3333333333vw;
}

.u-mt22 {
  margin-top: 1.4666666667vw;
}

.u-mt24 {
  margin-top: 1.6vw;
}

.u-mt26 {
  margin-top: 1.7333333333vw;
}

.u-mt28 {
  margin-top: 1.8666666667vw;
}

.u-mt30 {
  margin-top: 2vw;
}

.u-mt32 {
  margin-top: 2.1333333333vw;
}

.u-mt34 {
  margin-top: 2.2666666667vw;
}

.u-mt36 {
  margin-top: 2.4vw;
}

.u-mt38 {
  margin-top: 2.5333333333vw;
}

.u-mt40 {
  margin-top: 2.6666666667vw;
}

.u-mt42 {
  margin-top: 2.8vw;
}

.u-mt44 {
  margin-top: 2.9333333333vw;
}

.u-mt46 {
  margin-top: 3.0666666667vw;
}

.u-mt48 {
  margin-top: 3.2vw;
}

.u-mt50 {
  margin-top: 3.3333333333vw;
}

.u-mt52 {
  margin-top: 3.4666666667vw;
}

.u-mt54 {
  margin-top: 3.6vw;
}

.u-mt56 {
  margin-top: 3.7333333333vw;
}

.u-mt58 {
  margin-top: 3.8666666667vw;
}

.u-mt60 {
  margin-top: 4vw;
}

.u-mt62 {
  margin-top: 4.1333333333vw;
}

.u-mt64 {
  margin-top: 4.2666666667vw;
}

.u-mt66 {
  margin-top: 4.4vw;
}

.u-mt68 {
  margin-top: 4.5333333333vw;
}

.u-mt70 {
  margin-top: 4.6666666667vw;
}

.u-mt72 {
  margin-top: 4.8vw;
}

.u-mt74 {
  margin-top: 4.9333333333vw;
}

.u-mt76 {
  margin-top: 5.0666666667vw;
}

.u-mt78 {
  margin-top: 5.2vw;
}

.u-mt80 {
  margin-top: 5.3333333333vw;
}

.u-mt82 {
  margin-top: 5.4666666667vw;
}

.u-mt88 {
  margin-top: 5.8666666667vw;
}

.u-mt96 {
  margin-top: 6.4vw;
}

.u-mt100 {
  margin-top: 6.6666666667vw;
}

.u-mt104 {
  margin-top: 6.9333333333vw;
}

.u-mt112 {
  margin-top: 7.4666666667vw;
}

.u-mt120 {
  margin-top: 8vw;
}

@media only screen and (max-width: 1271px) {
  .u-mt8-tb {
    margin-top: 1.0416666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt10-tb {
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt12-tb {
    margin-top: 1.5625vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt14-tb {
    margin-top: 1.8229166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt16-tb {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt18-tb {
    margin-top: 2.34375vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt20-tb {
    margin-top: 2.6041666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt22-tb {
    margin-top: 2.8645833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt24-tb {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt26-tb {
    margin-top: 3.3854166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt28-tb {
    margin-top: 3.6458333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt30-tb {
    margin-top: 3.90625vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt32-tb {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt34-tb {
    margin-top: 4.4270833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt36-tb {
    margin-top: 4.6875vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt38-tb {
    margin-top: 4.9479166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt40-tb {
    margin-top: 5.2083333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt42-tb {
    margin-top: 5.46875vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt44-tb {
    margin-top: 5.7291666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt46-tb {
    margin-top: 5.9895833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt48-tb {
    margin-top: 6.25vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt50-tb {
    margin-top: 6.5104166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt52-tb {
    margin-top: 6.7708333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt54-tb {
    margin-top: 7.03125vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt56-tb {
    margin-top: 7.2916666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt58-tb {
    margin-top: 7.5520833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt60-tb {
    margin-top: 7.8125vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt62-tb {
    margin-top: 8.0729166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt64-tb {
    margin-top: 8.3333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt66-tb {
    margin-top: 8.59375vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt68-tb {
    margin-top: 8.8541666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt70-tb {
    margin-top: 9.1145833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt72-tb {
    margin-top: 9.375vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt74-tb {
    margin-top: 9.6354166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt76-tb {
    margin-top: 9.8958333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt78-tb {
    margin-top: 10.15625vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-mt80-tb {
    margin-top: 10.4166666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt8-sp {
    margin-top: 2.1333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt10-sp {
    margin-top: 2.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt12-sp {
    margin-top: 3.2vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt14-sp {
    margin-top: 3.7333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt16-sp {
    margin-top: 4.2666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt18-sp {
    margin-top: 4.8vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt20-sp {
    margin-top: 5.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt22-sp {
    margin-top: 5.8666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt24-sp {
    margin-top: 6.4vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt26-sp {
    margin-top: 6.9333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt28-sp {
    margin-top: 7.4666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt30-sp {
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt32-sp {
    margin-top: 8.5333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt34-sp {
    margin-top: 9.0666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt36-sp {
    margin-top: 9.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt38-sp {
    margin-top: 10.1333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt40-sp {
    margin-top: 10.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt42-sp {
    margin-top: 11.2vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt44-sp {
    margin-top: 11.7333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt46-sp {
    margin-top: 12.2666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt48-sp {
    margin-top: 12.8vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt50-sp {
    margin-top: 13.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt52-sp {
    margin-top: 13.8666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt54-sp {
    margin-top: 14.4vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt56-sp {
    margin-top: 14.9333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt58-sp {
    margin-top: 15.4666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt60-sp {
    margin-top: 16vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt62-sp {
    margin-top: 16.5333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt64-sp {
    margin-top: 17.0666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt66-sp {
    margin-top: 17.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt68-sp {
    margin-top: 18.1333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt70-sp {
    margin-top: 18.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt72-sp {
    margin-top: 19.2vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt74-sp {
    margin-top: 19.7333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt76-sp {
    margin-top: 20.2666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt78-sp {
    margin-top: 20.8vw;
  }
}
@media only screen and (max-width: 767px) {
  .u-mt80-sp {
    margin-top: 21.3333333333vw;
  }
}
.u-ml8 {
  margin-left: 0.5333333333vw;
}

.u-ml10 {
  margin-left: 0.6666666667vw;
}

.u-ml12 {
  margin-left: 0.8vw;
}

.u-ml14 {
  margin-left: 0.9333333333vw;
}

.u-ml16 {
  margin-left: 1.0666666667vw;
}

.u-ml18 {
  margin-left: 1.2vw;
}

.u-ml20 {
  margin-left: 1.3333333333vw;
}

.u-ml22 {
  margin-left: 1.4666666667vw;
}

.u-ml24 {
  margin-left: 1.6vw;
}

.u-ml26 {
  margin-left: 1.7333333333vw;
}

.u-ml28 {
  margin-left: 1.8666666667vw;
}

.u-ml30 {
  margin-left: 2vw;
}

.u-ml32 {
  margin-left: 2.1333333333vw;
}

.u-ml34 {
  margin-left: 2.2666666667vw;
}

.u-ml36 {
  margin-left: 2.4vw;
}

.u-ml38 {
  margin-left: 2.5333333333vw;
}

.u-ml40 {
  margin-left: 2.6666666667vw;
}

.u-ml42 {
  margin-left: 2.8vw;
}

.u-ml44 {
  margin-left: 2.9333333333vw;
}

.u-ml46 {
  margin-left: 3.0666666667vw;
}

.u-ml48 {
  margin-left: 3.2vw;
}

.u-ml50 {
  margin-left: 3.3333333333vw;
}

.u-ml52 {
  margin-left: 3.4666666667vw;
}

.u-ml54 {
  margin-left: 3.6vw;
}

.u-ml56 {
  margin-left: 3.7333333333vw;
}

.u-ml58 {
  margin-left: 3.8666666667vw;
}

.u-ml60 {
  margin-left: 4vw;
}

.u-ml62 {
  margin-left: 4.1333333333vw;
}

.u-ml64 {
  margin-left: 4.2666666667vw;
}

.u-ml66 {
  margin-left: 4.4vw;
}

.u-ml68 {
  margin-left: 4.5333333333vw;
}

.u-ml70 {
  margin-left: 4.6666666667vw;
}

.u-ml72 {
  margin-left: 4.8vw;
}

.u-ml74 {
  margin-left: 4.9333333333vw;
}

.u-ml76 {
  margin-left: 5.0666666667vw;
}

.u-ml78 {
  margin-left: 5.2vw;
}

.u-ml80 {
  margin-left: 5.3333333333vw;
}

.u-ml82 {
  margin-left: 5.4666666667vw;
}

.u-ml88 {
  margin-left: 5.8666666667vw;
}

.u-ml96 {
  margin-left: 6.4vw;
}

.u-ml100 {
  margin-left: 6.6666666667vw;
}

.u-ml104 {
  margin-left: 6.9333333333vw;
}

.u-ml112 {
  margin-left: 7.4666666667vw;
}

.u-ml120 {
  margin-left: 8vw;
}

@media only screen and (max-width: 1271px) {
  .u-ml8-tb {
    margin-left: 1.0416666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml10-tb {
    margin-left: 1.3020833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml12-tb {
    margin-left: 1.5625vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml14-tb {
    margin-left: 1.8229166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml16-tb {
    margin-left: 2.0833333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml18-tb {
    margin-left: 2.34375vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml20-tb {
    margin-left: 2.6041666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml22-tb {
    margin-left: 2.8645833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml24-tb {
    margin-left: 3.125vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml26-tb {
    margin-left: 3.3854166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml28-tb {
    margin-left: 3.6458333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml30-tb {
    margin-left: 3.90625vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml32-tb {
    margin-left: 4.1666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml34-tb {
    margin-left: 4.4270833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml36-tb {
    margin-left: 4.6875vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml38-tb {
    margin-left: 4.9479166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml40-tb {
    margin-left: 5.2083333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml42-tb {
    margin-left: 5.46875vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml44-tb {
    margin-left: 5.7291666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml46-tb {
    margin-left: 5.9895833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml48-tb {
    margin-left: 6.25vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml50-tb {
    margin-left: 6.5104166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml52-tb {
    margin-left: 6.7708333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml54-tb {
    margin-left: 7.03125vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml56-tb {
    margin-left: 7.2916666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml58-tb {
    margin-left: 7.5520833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml60-tb {
    margin-left: 7.8125vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml62-tb {
    margin-left: 8.0729166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml64-tb {
    margin-left: 8.3333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml66-tb {
    margin-left: 8.59375vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml68-tb {
    margin-left: 8.8541666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml70-tb {
    margin-left: 9.1145833333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml72-tb {
    margin-left: 9.375vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml74-tb {
    margin-left: 9.6354166667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml76-tb {
    margin-left: 9.8958333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml78-tb {
    margin-left: 10.15625vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml80-tb {
    margin-left: 10.4166666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml8-sp {
    margin-left: 2.1333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml10-sp {
    margin-left: 2.6666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml12-sp {
    margin-left: 3.2vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml14-sp {
    margin-left: 3.7333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml16-sp {
    margin-left: 4.2666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml18-sp {
    margin-left: 4.8vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml20-sp {
    margin-left: 5.3333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml22-sp {
    margin-left: 5.8666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml24-sp {
    margin-left: 6.4vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml26-sp {
    margin-left: 6.9333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml28-sp {
    margin-left: 7.4666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml30-sp {
    margin-left: 8vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml32-sp {
    margin-left: 8.5333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml34-sp {
    margin-left: 9.0666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml36-sp {
    margin-left: 9.6vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml38-sp {
    margin-left: 10.1333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml40-sp {
    margin-left: 10.6666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml42-sp {
    margin-left: 11.2vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml44-sp {
    margin-left: 11.7333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml46-sp {
    margin-left: 12.2666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml48-sp {
    margin-left: 12.8vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml50-sp {
    margin-left: 13.3333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml52-sp {
    margin-left: 13.8666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml54-sp {
    margin-left: 14.4vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml56-sp {
    margin-left: 14.9333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml58-sp {
    margin-left: 15.4666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml60-sp {
    margin-left: 16vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml62-sp {
    margin-left: 16.5333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml64-sp {
    margin-left: 17.0666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml66-sp {
    margin-left: 17.6vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml68-sp {
    margin-left: 18.1333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml70-sp {
    margin-left: 18.6666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml72-sp {
    margin-left: 19.2vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml74-sp {
    margin-left: 19.7333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml76-sp {
    margin-left: 20.2666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml78-sp {
    margin-left: 20.8vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-ml80-sp {
    margin-left: 21.3333333333vw;
  }
}
.l-hd {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 60px;
  z-index: 9;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .l-hd {
    height: 60px;
    padding: 0 15px;
  }
}
.is-scrolled #home .l-hd {
  height: 80px;
}

@media only screen and (max-width: 1271px) {
  .is-scrolled #home .l-hd {
    height: 60px;
  }
}
.l-hd__logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  aspect-ratio: 1;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .l-hd__logo {
    width: 80px;
  }
}
.home .l-hd__logo {
  width: calc(100% - 78.6666666667vw);
  aspect-ratio: 248/180;
}

@media only screen and (max-width: 1271px) {
  .home .l-hd__logo {
    height: auto;
    aspect-ratio: 248/210;
  }
}
@media only screen and (max-width: 767px) {
  .home .l-hd__logo {
    width: 54.4vw;
    aspect-ratio: 204/142;
    top: 38px;
    left: 0px;
    padding-left: 20px;
    padding-right: 16px;
  }
}
.is-scrolled .home .l-hd__logo {
  width: 120px;
  height: 120px;
}

@media only screen and (max-width: 1271px) {
  .is-scrolled .home .l-hd__logo {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .is-scrolled .home .l-hd__logo {
    top: 0;
    left: 0px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.l-hd__logo-img {
  width: 77.5%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .home .l-hd__logo-img {
    width: 100%;
  }
}
.l-hd__nav {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 2.6666666667vw;
}

@media only screen and (max-width: 1535px) {
  .l-hd__nav {
    margin-right: 6.6666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .l-hd__nav {
    display: none;
  }
}
.l-hd__nav-item {
  font-size: 20px;
  font-weight: 700;
  position: relative;
  padding-left: 22px;
}

.l-hd__nav-link {
  text-align: center;
  transition: 0.5s;
}

@media only screen and (min-width: 1272px) {
  .l-hd__nav-link:hover {
    color: #2a99d6;
  }
}
.l-hd__nav-en {
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #777777;
}

.l-hd__contact {
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1536px) {
  .l-hd__contact {
    right: 20px;
  }
}
@media only screen and (max-width: 1271px) {
  .l-hd__contact {
    display: none;
  }
}
.l-hd__contact-btn {
  width: 270px;
  height: 60px;
}

.l-hd__contact-btn:hover .l-hd__contact-txt::before {
  background-color: #fb8e76;
}

.l-hd__contact-txt {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: white;
  text-align: center;
  position: relative;
}

.l-hd__sp-btn {
  position: absolute;
  top: 20px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 21px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

@media only screen and (min-width: 1272px) {
  .l-hd__sp-btn {
    display: none;
  }
}
.l-hd__sp-line {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background-color: #2a99d6;
  position: relative;
  transition: 0.5s;
}

.l-hd__sp-line::before, .l-hd__sp-line::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  position: absolute;
  transition: 0.5s;
}

.l-hd__sp-line::before {
  top: -8px;
  background-color: #006fcf;
}

.l-hd__sp-line::after {
  top: 8px;
  background-color: #fb8e76;
}

/*-- layoutフォルダの中の_index.scss --*/
.is-sp-menu-opened {
  overflow: hidden;
}

.l-wrap {
  overflow: hidden;
}

.l-main {
  padding-top: 80px;
}

@media only screen and (max-width: 1271px) {
  .l-main {
    padding-top: 60px;
  }
}
.c-share {
  margin-top: 3.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-share {
    margin-top: 7.2916666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-share {
    margin-top: 9.0666666667vw;
  }
}
.c-sns {
  margin-top: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-sns {
    margin-top: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-sns {
    margin-top: 5.3333333333vw;
  }
}
.c-sns__img-cntr {
  display: flex;
  justify-content: center;
  gap: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-sns__img-cntr {
    gap: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-sns__img-cntr {
    gap: 5.3333333333vw;
  }
}
.c-sns__link {
  transition: 0.5s opacity;
}

@media only screen and (min-width: 1272px) {
  .c-sns__link:hover {
    opacity: 0.6;
  }
}
.c-sns__img {
  width: 2.6666666667vw;
  cursor: pointer;
}

@media only screen and (max-width: 1271px) {
  .c-sns__img {
    width: 7.5520833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-sns__img {
    width: 15.4666666667vw;
  }
}
.l-ft {
  margin-top: 3.3333333333vw;
  position: relative;
  border-top: 1px solid #dddddd;
  padding-top: 4.2666666667vw;
  padding-bottom: 5.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .l-ft {
    margin-top: 5.2083333333vw;
    padding-top: 8.3333333333vw;
    padding-bottom: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .l-ft {
    margin-top: 10.6666666667vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 8vw;
  }
}
.l-ft__inr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.l-ft__ttl {
  font-size: 2.6666666667vw;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 1271px) {
  .l-ft__ttl {
    font-size: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .l-ft__ttl {
    display: none;
  }
}
.l-ft__ttl .big {
  font-size: 3.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .l-ft__ttl .big {
    font-size: 6.5104166667vw;
  }
}
.l-ft__ttl .salmon {
  color: #fb8e76;
}

.l-ft__ttl .blue {
  color: #006fcf;
}

.l-ft__copy {
  margin-top: 2.4vw;
  font-size: 0.8vw;
  font-family: "Roboto", sans-serif;
  color: #777777;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 1271px) {
  .l-ft__copy {
    font-size: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .l-ft__copy {
    margin-top: 0;
    font-size: 3.2vw;
  }
}
.l-ft-nav {
  margin-top: 2vw;
}

@media only screen and (max-width: 1271px) {
  .l-ft-nav {
    margin-top: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .l-ft-nav {
    display: none;
  }
}
.l-ft-nav__list {
  display: flex;
  gap: 1.6vw;
}

@media only screen and (max-width: 1271px) {
  .l-ft-nav__list {
    gap: 2.8645833333vw;
  }
}
.l-ft-nav__link {
  transition: 0.5s;
}

@media only screen and (min-width: 1272px) {
  .l-ft-nav__link:hover:hover {
    color: #2a99d6;
  }
}
.l-ft-btn {
  margin-top: 2.1333333333vw;
  border: 1px solid #dddddd;
  width: 9.6vw;
  aspect-ratio: 144/48;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  transition: 0.5s opacity;
}

@media only screen and (min-width: 1272px) {
  .l-ft-btn:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 1271px) {
  .l-ft-btn {
    margin-top: 4.1666666667vw;
    width: 18.75vw;
  }
}
@media only screen and (max-width: 767px) {
  .l-ft-btn {
    display: none;
  }
}
.l-ft-btn__img {
  width: 7.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .l-ft-btn__img {
    width: 15.1041666667vw;
  }
}
.l-sp-menu-list-cntr {
  height: calc(var(--vh, 1vh) * 100 - 64px);
  overflow-y: auto;
}

.l-sp-menu {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: white;
  transition: 0.5s opacity;
  padding: 5.2083333333vw 4.1666666667vw 2.6041666667vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu {
    padding: 10.6666666667vw 8.5333333333vw 5.3333333333vw;
  }
}
.is-sp-menu-opened .l-sp-menu {
  opacity: 1;
  pointer-events: auto;
}

.l-sp-menu__close {
  position: absolute;
  z-index: 1;
  top: 1.5625vw;
  right: 1.5625vw;
  width: 28px;
  height: 28px;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__close {
    top: 3.2vw;
    right: 3.2vw;
  }
}
.l-sp-menu__close::before, .l-sp-menu__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
  width: 100%;
  height: 3px;
  background-color: #fb8e76;
}

.l-sp-menu__close::after {
  transform: translateY(-50%) rotate(-45deg);
}

.l-sp-menu__home {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 2.6041666667vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__home {
    font-size: 5.3333333333vw;
  }
}
.l-sp-menu__home-img {
  width: 13.0208333333vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__home-img {
    width: 26.6666666667vw;
  }
}
.l-sp-menu__home-txt {
  margin-top: 1.0416666667vw;
  font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__home-txt {
    margin-top: 2.1333333333vw;
  }
}
.l-sp-menu__list {
  margin-top: 3.125vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__list {
    margin-top: 6.4vw;
  }
}
.l-sp-menu__list.acc-cont .l-sp-menu__item:first-child {
  border-top: none;
}

.l-sp-menu__item + .l-sp-menu__item {
  border-top: 1px solid #dddddd;
}

.l-sp-menu__item.--head + .--child {
  border-top: none;
}

.l-sp-menu__item.--head + .l-sp-menu__item.--head {
  border-top: none;
  margin-top: 1.0416666667vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__item.--head + .l-sp-menu__item.--head {
    margin-top: 2.1333333333vw;
  }
}
.l-sp-menu__item.--child + .--head {
  border-top: none;
}

.l-sp-menu__link {
  display: flex;
  align-items: center;
  padding: 1.8229166667vw 5.078125vw 1.6927083333vw 1.5625vw;
  font-size: 1.8229166667vw;
  font-weight: 500;
  background-color: white;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__link {
    padding: 3.7333333333vw 10.4vw 3.4666666667vw 3.2vw;
    font-size: 3.7333333333vw;
  }
}
.l-sp-menu__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5625vw;
  width: 1.953125vw;
  height: 1.953125vw;
  transform: translateY(-50%);
  background: url("/media/images/workcation/svg-circle-right-white-blue.svg") center/contain no-repeat;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__link::before {
    right: 3.2vw;
    width: 4vw;
    height: 4vw;
  }
}
.l-sp-menu__link.--head {
  background-color: #fff2ef;
  border-radius: 1.0416666667vw;
  font-size: 2.0833333333vw;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__link.--head {
    border-radius: 2.1333333333vw;
    font-size: 4.2666666667vw;
  }
}
.l-sp-menu__link.--head::before {
  background: url("/media/images/workcation/svg-circle-right-white-salmon.svg") center/contain no-repeat;
}

.l-sp-menu__tel-cntr {
  margin-top: 4.1666666667vw;
  padding-bottom: 4.1666666667vw;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__tel-cntr {
    margin-top: 8.5333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}
.l-sp-menu__tel-ttl {
  display: block;
  font-size: 1.8229166667vw;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__tel-ttl {
    font-size: 3.7333333333vw;
  }
}
.l-sp-menu__tel {
  margin-top: 1.0416666667vw;
  display: inline-block;
  font-size: 3.125vw;
  font-weight: 700;
  line-height: 1.1666666667;
  position: relative;
  padding-left: 2.34375vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__tel {
    margin-top: 2.1333333333vw;
    font-size: 6.4vw;
    padding-left: 4.8vw;
  }
}
.l-sp-menu__tel::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.2604166667vw);
  left: 0;
  transform: translateY(-50%);
  width: 1.6927083333vw;
  height: 2.2135416667vw;
  -webkit-mask: url(/media/images/workcation/svg-tel-icon.svg) center/contain no-repeat;
  mask: url(/media/images/workcation/svg-tel-icon.svg) center/contain no-repeat;
  background-color: #000;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__tel::before {
    top: calc(50% - 0.5333333333vw);
    width: 3.4666666667vw;
    height: 4.5333333333vw;
  }
}
.l-sp-menu__note {
  margin-top: 2.0833333333vw;
  font-size: 1.8229166667vw;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__note {
    margin-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
  }
}
.l-sp-menu__note + .l-sp-menu__list {
  margin-top: 2.0833333333vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__note + .l-sp-menu__list {
    margin-top: 4.2666666667vw;
  }
}
.l-sp-menu__info {
  margin-top: 1.0416666667vw;
  display: block;
  font-size: 1.8229166667vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__info {
    margin-top: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
.l-sp-menu__logo-cntr {
  margin-top: 2.0833333333vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__logo-cntr {
    margin-top: 4.2666666667vw;
  }
}
.l-sp-menu__logo-link {
  margin-left: auto;
  margin-right: auto;
  width: 18.75vw;
  height: 6.25vw;
  display: inline-block;
  border: 1px solid #dddddd;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__logo-link {
    width: 38.4vw;
    height: 12.8vw;
  }
}
.l-sp-menu__logo {
  width: 15.1041666667vw;
}

@media only screen and (max-width: 767px) {
  .l-sp-menu__logo {
    width: 30.9333333333vw;
  }
}
.p-home-first-view {
  height: calc(var(--vh, 1vh) * 100 - 80px);
  min-height: 688px;
  display: flex;
  /*高さ・位置・透過が変化して線が上から下に動く*/
  /*高さ・位置・透過が変化して線が上から下に動く*/
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view {
    height: auto;
    min-height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-first-view {
    flex-direction: column;
  }
}
.p-home-first-view__txt-cntr {
  width: calc(100% - 78.6666666667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .p-home-first-view__txt-cntr {
    width: 100%;
    padding-left: 45.8666666667vw;
  }
}
.p-home-first-view__ttl {
  margin-bottom: 60px;
  font-size: 2vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.3;
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view__ttl {
    margin-bottom: 3.6458333333vw;
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-first-view__ttl {
    margin-top: -6px;
    margin-bottom: 16vw;
    font-size: 4.2666666667vw;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 480px) {
  .p-home-first-view__ttl {
    margin-bottom: 9.6vw;
  }
}
.p-home-first-view__ttl .small {
  font-size: 1.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view__ttl .small {
    font-size: 1.8229166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-first-view__ttl .small {
    font-size: 3.7333333333vw;
  }
}
.p-home-first-view__ttl .work,
.p-home-first-view__ttl .play,
.p-home-first-view__ttl .taste {
  font-size: 3.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view__ttl .work,
.p-home-first-view__ttl .play,
.p-home-first-view__ttl .taste {
    font-size: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-first-view__ttl .work,
.p-home-first-view__ttl .play,
.p-home-first-view__ttl .taste {
    font-size: 8vw;
  }
}
.p-home-first-view__ttl .work .small,
.p-home-first-view__ttl .play .small,
.p-home-first-view__ttl .taste .small {
  font-size: 2vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view__ttl .work .small,
.p-home-first-view__ttl .play .small,
.p-home-first-view__ttl .taste .small {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-first-view__ttl .work .small,
.p-home-first-view__ttl .play .small,
.p-home-first-view__ttl .taste .small {
    font-size: 4.2666666667vw;
  }
}
.p-home-first-view__ttl .work {
  color: #006fcf;
}

.p-home-first-view__ttl .play {
  color: #2a99d6;
}

.p-home-first-view__ttl .taste {
  color: #fb8e76;
}

.p-home-first-view__scroll-down {
  position: absolute;
  left: 10vw;
  bottom: 0px;
  width: 1.3333333333vw;
  height: 14.1333333333vw;
  max-height: 212px;
  overflow: hidden;
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view__scroll-down {
    left: 9.765625vw;
    width: 2.6041666667vw;
    height: 15.625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-first-view__scroll-down {
    display: none;
  }
}
.p-home-first-view__scroll-down::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 1px;
  height: 100%;
  background: #999999;
}

.p-home-first-view__scroll-down::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0px;
  width: 1px;
  height: 40px;
  background: #000;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
}

.p-home-first-view__scroll-down-txt {
  position: absolute;
  top: 0.4vw;
  left: -0.2666666667vw;
  color: #999999;
  font-size: 12px;
  transform: rotate(90deg);
  cursor: pointer;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view__scroll-down-txt {
    top: 0.78125vw;
    left: -0.5208333333vw;
  }
}
@media only screen and (min-width: 1024px) {
  m .p-home-first-view__scroll-down-txt:hover {
    opacity: 0.6;
  }
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0px;
  }
  25% {
    height: 40px;
  }
  75% {
    height: 40px;
  }
  100% {
    height: 0;
    top: 14.1333333333vw;
  }
}
@keyframes pathmove2 {
  0% {
    height: 0;
    top: 60px;
    opacity: 0;
  }
  30% {
    height: 117px;
    opacity: 1;
  }
  100% {
    top: 166px;
    opacity: 0;
  }
}
.p-home-first-view__img-wrap {
  border-radius: 0 0 0 4vw;
  width: 78.6666666667vw;
  height: calc(var(--vh, 1vh) * 90);
  min-height: 638px;
  overflow: hidden;
}

@media only screen and (max-width: 1271px) {
  .p-home-first-view__img-wrap {
    height: auto;
    min-height: 0;
    aspect-ratio: 343/232;
    border-radius: 0 0 0 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-first-view__img-wrap {
    width: 91.4666666667vw;
    height: 61.8666666667vw;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2.6666666667vw;
  }
}
.p-home-first-view__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.u-bg-clear-sky {
  background-color: #e9f8fd;
}

.s-search {
  margin-top: -4vw;
  padding-top: 10vw;
  padding-bottom: 8vw;
}

@media only screen and (max-width: 767px) {
  .s-search {
    margin-top: -8vw;
    margin-top: -5.3333333333vw;
    padding-top: 17.8666666667vw;
    padding-bottom: 16.5333333333vw;
  }
}
.p-home-swiper {
  margin-top: 60px;
  display: none;
}

@media only screen and (max-width: 767px) {
  .p-home-swiper {
    margin-top: 32px;
  }
}
.p-home-swiper.swiper-initialized {
  display: block;
}

.p-home-swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.p-home-swiper__slide {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .p-home-swiper__slide {
    padding-bottom: 5.3333333333vw;
  }
}
.p-home-swiper__img {
  width: 25.3333333333vw;
}

@media only screen and (max-width: 767px) {
  .p-home-swiper__img {
    width: 50.4vw;
  }
}
.p-home-swiper__cap {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .p-home-swiper__cap {
    background-color: initial;
    height: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .p-home-swiper__cap-txt {
    margin-top: 0;
    color: #000;
    white-space: nowrap;
    font-size: 3.2vw;
  }
}
.p-home-search {
  margin-top: 4.5333333333vw;
}

.c-conditional-search__ttl {
  background-color: #006fcf;
  height: 3.8666666667vw;
  border-radius: 0.5333333333vw 0.5333333333vw 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__ttl {
    height: 7.5520833333vw;
    border-radius: 1.0416666667vw 1.0416666667vw 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__ttl {
    height: 13.3333333333vw;
    border-radius: 2.1333333333vw;
    position: relative;
  }

  .c-conditional-search__ttl::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6.4vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-bottom: 3px solid white;
    border-right: 3px solid white;
    transform: translateY(-50%) rotate(45deg);
  }
}
.c-conditional-search__ttl-txt {
  margin-top: 0.0666666667vw;
  font-size: 1.4666666667vw;
  font-weight: 700;
  color: white;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__ttl-txt {
    margin-top: 0.1302083333vw;
    font-size: 2.8645833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__ttl-txt {
    font-size: 4.2666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    /* アニメーションの持続時間とイージングを設定 */
  }
}
.c-conditional-search__cont-inr {
  background-color: white;
  padding: 0.8vw 2.6666666667vw 2vw;
  border-radius: 0 0 0.5333333333vw 0.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr {
    padding: 1.5625vw 2.6041666667vw 3.90625vw;
    border-radius: 0 0 1.0416666667vw 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr {
    margin-top: 2.1333333333vw;
    border-radius: 2.1333333333vw;
    padding: 0vw 4.2666666667vw 6.4vw;
    overflow: hidden;
  }
}
.c-conditional-search__btn-cntr {
  margin-top: 2vw;
}

@media only screen and (max-width: 767px) {
  .c-conditional-search__btn-cntr {
    margin-top: 4.2666666667vw;
  }
}
.c-conditional-search__cont-inr .form-group {
  display: flex;
  padding: 1.2vw 0;
  border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group {
    padding: 2.34375vw 0;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group {
    flex-direction: column;
    padding: 4.8vw 0;
  }
}
.c-conditional-search__cont-inr .form-group .control-label {
  width: 8.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group .control-label {
    width: 16.9270833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group .control-label {
    width: 100%;
  }
}
.c-conditional-search__cont-inr .form-group .control-label .title {
  font-size: 1.0666666667vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group .control-label .title {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group .control-label .title {
    font-size: 4.2666666667vw;
  }
}
.c-conditional-search__cont-inr .form-group .controls {
  width: calc(100% - 8.6666666667vw);
  display: flex;
  flex-wrap: wrap;
  gap: 1.0666666667vw 2vw;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group .controls {
    width: calc(100% - 16.9270833333vw);
    gap: 2.0833333333vw 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group .controls {
    margin-top: 2.1333333333vw;
    width: 100%;
    gap: 2.1333333333vw 4.2666666667vw;
  }
}
.c-conditional-search__cont-inr .form-group .controls .checkbox {
  font-size: 1.0666666667vw;
}

@media only screen and (min-width: 1272px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox:hover {
    cursor: pointer;
  }
}
@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox {
    font-size: 4.2666666667vw;
  }
}
.c-conditional-search__cont-inr .form-group .controls .checkbox span {
  padding-left: 2vw;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox span {
    padding-left: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox span {
    padding-left: 8vw;
  }
}
.c-conditional-search__cont-inr .form-group .controls .checkbox span::before {
  content: "";
  position: absolute;
  top: -0.1vw;
  left: 0;
  width: 1.3333333333vw;
  height: 1.3333333333vw;
  border-radius: 0.2666666667vw;
  background-color: white;
  border: 1px solid #dddddd;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox span::before {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    border-radius: 0.5208333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox span::before {
    top: 0vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    border-radius: 1.0666666667vw;
  }
}
.c-conditional-search__cont-inr .form-group .controls .checkbox input:checked + span::before {
  background-color: #006fcf;
  border: 1px solid #006fcf;
}

.c-conditional-search__cont-inr .form-group .controls .checkbox input:checked + span::after {
  content: "";
  position: absolute;
  top: 0.2666666667vw;
  left: 0.2666666667vw;
  width: 0.9333333333vw;
  height: 0.8vw;
  -webkit-mask: url("/media/images/workcation/svg-check.svg") center/contain no-repeat;
  mask: url("/media/images/workcation/svg-check.svg") center/contain no-repeat;
  background-color: white;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox input:checked + span::after {
    top: 0.5208333333vw;
    left: 0.5208333333vw;
    width: 1.8229166667vw;
    height: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__cont-inr .form-group .controls .checkbox input:checked + span::after {
    top: 1.3333333333vw;
    left: 1.0666666667vw;
    width: 3.7333333333vw;
    height: 3.2vw;
  }
}
.s-workcation {
  background-color: white;
  padding-top: 8vw;
  padding-bottom: 4vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .s-workcation {
    padding-top: 24vw;
    padding-bottom: 13.3333333333vw;
  }
}
.s-workcation .c-btn-cntr {
  position: absolute;
  bottom: -2vw;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1271px) {
  .s-workcation .c-btn-cntr {
    bottom: -3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .s-workcation .c-btn-cntr {
    bottom: -8vw;
  }
}
.p-home-workcation {
  position: relative;
}

.p-home-workcation__ttl-en {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

.p-home-workcation__ttl-en::after {
  content: "";
  position: absolute;
  top: -2.5333333333vw;
  right: 16.0666666667vw;
  background: url("/media/images/workcation/svg-sado-map.svg") center/contain no-repeat;
  width: 17.6vw;
  height: 17.8666666667vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__ttl-en::after {
    top: -8.5333333333vw;
    right: -5.3333333333vw;
    width: 42.4vw;
    height: 43.2vw;
  }
}
.p-home-workcation__ttl-en-txt {
  font-size: 5.3333333333vw;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__ttl-en-txt {
    font-size: 13.3333333333vw;
  }
}
.p-home-workcation__ttl-en-txt .big {
  font-size: 6.6666666667vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__ttl-en-txt .big {
    font-size: 16.8vw;
  }
}
.p-home-workcation__ttl-en-txt.--salmon {
  color: #fb8e76;
}

.p-home-workcation__ttl-en-txt.--blue {
  color: #006fcf;
}

.p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt {
  margin-top: 2.6vw;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt {
    margin-top: 7.7333333333vw;
  }
}
.p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt::before, .p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt::after {
  content: "";
  position: absolute;
  top: -0.9333333333vw;
  left: 50%;
  width: 2.6666666667vw;
  height: 0.4vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt::before, .p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt::after {
    top: -3.2vw;
    width: 6.9333333333vw;
    height: 1.0666666667vw;
  }
}
.p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt::before {
  transform: translateX(-50%) rotate(-45deg);
  background-color: #006fcf;
}

.p-home-workcation__ttl-en-txt + .p-home-workcation__ttl-en-txt::after {
  transform: translateX(-50%) rotate(45deg);
  background-color: #fb8e76;
}

.p-home-workcation__ttl {
  margin-top: 2.2666666667vw;
  font-size: 2.6666666667vw;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.04em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__ttl {
    margin-top: 6.4vw;
    font-size: 6.9333333333vw;
    line-height: 1.5;
  }
}
.p-home-workcation__desc {
  margin-top: 0.6666666667vw;
  text-align: center;
  line-height: 1.75;
  line-height: 2.4;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__desc {
    margin-top: 3.7333333333vw;
    font-size: 4.2666666667vw;
    text-align: left;
    line-height: 2.05;
  }
}
.p-home-workcation__img-cntr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.p-home-workcation__img-wrap {
  border-radius: 0.6666666667vw;
  overflow: hidden;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap {
    border-radius: 2.6666666667vw;
  }
}
.p-home-workcation__img-wrap:first-child {
  top: -9.0666666667vw;
  left: -6vw;
  width: 22vw;
  height: 28.6666666667vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap:first-child {
    top: -26.6666666667vw;
    left: -1.6vw;
    width: 25.0666666667vw;
    height: 32.5333333333vw;
  }
}
.p-home-workcation__img-wrap:nth-child(2) {
  top: 24.4vw;
  left: -11.7333333333vw;
  width: 13.0666666667vw;
  height: 9.8vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap:nth-child(2) {
    top: 10.1333333333vw;
    left: 10.1333333333vw;
    width: 13.6vw;
    height: 10.1333333333vw;
    z-index: 1;
  }
}
.p-home-workcation__img-wrap:nth-child(3) {
  top: 28.9333333333vw;
  left: -1vw;
  width: 20.6vw;
  height: 20.6666666667vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap:nth-child(3) {
    top: 17.6vw;
    left: -6.4vw;
    width: 26.4vw;
    height: 26.4vw;
  }
}
.p-home-workcation__img-wrap:nth-child(4) {
  top: -2.4vw;
  right: -8.1333333333vw;
  width: 16.2vw;
  height: 10.3333333333vw;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap:nth-child(4) {
    top: -27.7333333333vw;
    right: -8.5333333333vw;
    width: 33.0666666667vw;
    height: 21.3333333333vw;
  }
}
.p-home-workcation__img-wrap:nth-child(5) {
  top: 6.0666666667vw;
  right: -5.2666666667vw;
  width: 21.3333333333vw;
  height: 14.8666666667vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap:nth-child(5) {
    top: -16vw;
    right: 19.2vw;
    width: 22.4vw;
    height: 15.7333333333vw;
  }
}
.p-home-workcation__img-wrap:nth-child(6) {
  top: 24.7333333333vw;
  right: -11.3333333333vw;
  width: 25.4666666667vw;
  height: 20.4vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap:nth-child(6) {
    top: 23.4666666667vw;
    right: -2.1333333333vw;
    width: 25.3333333333vw;
    height: 20.2666666667vw;
  }
}
.p-home-workcation__img-wrap:nth-child(7) {
  top: 39.2vw;
  right: 7.5333333333vw;
  width: 12.2vw;
  height: 11.1333333333vw;
}

@media only screen and (max-width: 767px) {
  .p-home-workcation__img-wrap:nth-child(7) {
    top: -24vw;
    right: 45.3333333333vw;
    width: 18.1333333333vw;
    height: 16.5333333333vw;
  }
}
.p-home-workcation__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.s-element {
  padding-top: 7.3333333333vw;
  padding-bottom: 4vw;
  background-color: rgba(251, 142, 118, 0.09);
}

@media only screen and (max-width: 767px) {
  .s-element {
    padding-top: 19.7333333333vw;
    padding-bottom: 10.6666666667vw;
  }
}
.p-home-element-ttl {
  font-size: 2.1333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .p-home-element-ttl {
    font-size: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-element-ttl {
    font-size: 6.9333333333vw;
    position: relative;
    padding-top: 14.9333333333vw;
  }

  .p-home-element-ttl::before {
    content: "THREE ELEMENT";
    color: #ffdbd4;
    font-size: 10.6666666667vw;
    font-family: "Roboto", sans-serif;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}
.p-home-element {
  margin-top: 2.6666666667vw;
  background-color: white;
  padding: 2.6666666667vw 0 2.6666666667vw 4.6666666667vw;
  border-radius: 0.6666666667vw 0 0 0.6666666667vw;
  display: flex;
  align-items: flex-end;
  gap: 3.4666666667vw;
  width: 90vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-element {
    width: 100vw;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-element {
    margin-top: 6.6666666667vw;
    width: 96vw;
    flex-direction: column;
    padding: 4.2666666667vw 4.2666666667vw 0vw 4.2666666667vw;
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    overflow: hidden;
    gap: 2.1333333333vw;
  }
}
.p-home-element__list {
  width: 31.8666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-element__list {
    width: 42.96875vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-element__list {
    width: 100%;
  }
}
.p-home-element__item {
  border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 767px) {
  .p-home-element__item:last-child {
    border-bottom: none;
  }
}
.p-home-element__link {
  display: flex;
  align-items: center;
  gap: 1.3333333333vw;
  padding: 1.2vw 0;
  position: relative;
}

@media only screen and (min-width: 1272px) {
  .p-home-element__link:hover::after {
    right: -0.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-element__link {
    padding: 4.2666666667vw 0;
    gap: 3.2vw;
  }
}
.p-home-element__link::after {
  position: absolute;
  content: "";
  -webkit-mask: url(/media/images/workcation/svg-arrow-right.svg) no-repeat center/contain;
  mask: url(/media/images/workcation/svg-arrow-right.svg) no-repeat center/contain;
  background-color: #fb8e76;
  width: 1.6vw;
  height: 1.6vw;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .p-home-element__link::after {
    width: 1.953125vw;
    height: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-element__link::after {
    width: 4vw;
    height: 4vw;
  }
}
.p-home-element__icon {
  width: 4.2666666667vw;
  aspect-ratio: 1;
  background-color: #fff5f3;
  border-radius: 0.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .p-home-element__icon {
    width: 9.6vw;
    border-radius: 1.6vw;
  }
}
@media only screen and (max-width: 1271px) {
  .p-home-element__iconImg {
    width: 70%;
    height: auto;
  }
}
.p-home-element__ttl {
  font-size: 1.3333333333vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .p-home-element__ttl {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-element__ttl {
    font-size: 4.2666666667vw;
  }
}
.p-home-element__cat-cntr {
  margin-top: 0.6666666667vw;
  display: flex;
  gap: clamp(8px, 0.5333333333vw, 0.5333333333vw);
}

@media only screen and (max-width: 767px) {
  .p-home-element__cat-cntr {
    margin-top: 2.6666666667vw;
  }
}
.p-home-element__cat {
  background-color: #fff2ef;
  border-radius: clamp(4px, 0.2666666667vw, 0.2666666667vw);
  padding: 0.25em 0.6em 0.25em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-home-element__cat-txt {
  font-size: clamp(12px, 0.8vw, 0.8vw);
  line-height: 1;
}

.p-home-element__img-wrap {
  position: relative;
  bottom: -6.6666666667vw;
  width: 46vw;
  height: 28.4666666667vw;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  overflow: hidden;
}

@media only screen and (max-width: 1271px) {
  .p-home-element__img-wrap {
    bottom: -1.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-element__img-wrap {
    width: calc(100% + 8.5333333333vw);
    height: 50.1333333333vw;
    left: 0vw;
    bottom: 0;
    border-radius: 0;
  }
}
.p-home-element__img-wrap::before {
  content: "THREE ELEMENT";
  position: absolute;
  top: 0.9333333333vw;
  left: 50%;
  transform: translate(-50%, -100%);
  font-size: 4.2666666667vw;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: #fff2ef;
}

@media only screen and (max-width: 767px) {
  .p-home-element__img-wrap::before {
    content: none;
  }
}
.p-home-element__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.s-home-article {
  padding-top: 5.8666666667vw;
  padding-bottom: 7.6vw;
}

@media only screen and (max-width: 767px) {
  .s-home-article {
    padding-bottom: 16vw;
  }
}
.p-home-feature-ttl {
  position: relative;
  font-size: 2.6666666667vw;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .p-home-feature-ttl {
    font-size: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-feature-ttl {
    font-size: 6.9333333333vw;
    padding-top: 11.7333333333vw;
  }
}
.p-home-feature-ttl::before {
  content: "FEATURE";
  position: absolute;
  top: 0.9333333333vw;
  right: 16.1333333333vw;
  font-size: 5.3333333333vw;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.04em;
  color: #e9f8fd;
}

@media only screen and (max-width: 767px) {
  .p-home-feature-ttl::before {
    position: absolute;
    top: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10.6666666667vw;
    font-family: "Roboto", sans-serif;
    line-height: 1;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
}
.p-home-card {
  position: relative;
  z-index: 1;
  margin-top: 2.2666666667vw;
  display: flex;
  flex-wrap: wrap;
  gap: 0 2vw;
}

.p-home-card__item {
  width: calc(33.3333333333% - 1.3333333333vw);
}

@media only screen and (min-width: 1272px) {
  .p-home-card__item:hover .p-home-card__ttl::after {
    right: -0.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-card__item {
    width: 100%;
    display: flex;
    gap: 3.7333333333vw;
    padding: 5.3333333333vw 0;
    border-bottom: 1px solid #dddddd;
  }

  .p-home-card__item:first-child {
    border-top: 1px solid #dddddd;
  }
}
.p-home-card__img-wrap {
  width: 100%;
  aspect-ratio: 380/160;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .p-home-card__img-wrap {
    width: 29.3333333333vw;
    height: 29.3333333333vw;
  }
}
.p-home-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-home-card__info {
  margin-top: 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-card__info {
    margin-top: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-card__info {
    margin-top: 0;
    width: calc(100% - 29.3333333333vw - 3.7333333333vw);
    padding-right: 8vw;
    position: relative;
  }

  .p-home-card__info::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: url("/media/images/workcation/svg-circle-right-arrow.svg") center/contain no-repeat;
    transition: 0.5s;
  }
}
.p-home-card__ttl {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  padding-right: 2vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-card__ttl {
    padding-right: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-card__ttl {
    font-size: 4.2666666667vw;
    padding-right: 0;
  }
}
.p-home-card__ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.3333333333vw;
  height: 1.3333333333vw;
  background: url("/media/images/workcation/svg-circle-right-arrow.svg") center/contain no-repeat;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .p-home-card__ttl::after {
    top: calc(50% - 0.1302083333vw);
    height: 2.6041666667vw;
    width: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-card__ttl::after {
    content: none;
  }
}
.p-home-card__desc {
  margin-top: 0.5333333333vw;
  height: 1.75;
}

@media only screen and (max-width: 767px) {
  .p-home-card__desc {
    font-size: 4.2666666667vw;
  }
}
.p-home-card-btn-cntr {
  margin-top: 2.6vw;
}

@media only screen and (max-width: 767px) {
  .p-home-card-btn-cntr {
    margin-top: 8vw;
  }
}
.s-home-interview {
  background: linear-gradient(to bottom, white 37%, #e9f8fd 37%);
}

@media only screen and (max-width: 767px) {
  .s-home-interview {
    background: #e9f8fd;
    padding-bottom: 18.6666666667vw;
  }
}
.s-home-access {
  background: linear-gradient(to bottom, #e9f8fd 70%, white 70%);
  padding-top: 8.2666666667vw;
}

@media only screen and (max-width: 767px) {
  .s-home-access {
    background: white;
  }
}
.p-home-access__ttl-en {
  display: block;
  text-align: center;
  font-size: 5.3333333333vw;
  font-family: "Roboto", sans-serif;
  color: #cbeaff;
  line-height: 1;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 767px) {
  .p-home-access__ttl-en {
    font-size: 10.6666666667vw;
  }
}
.p-home-access__ttl {
  margin-top: 1.3333333333vw;
  font-size: 2.4vw;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .p-home-access__ttl {
    font-size: 6.9333333333vw;
  }
}
.p-home-access__desc {
  margin-top: 1.3333333333vw;
  text-align: center;
  line-height: 1.75;
}

@media only screen and (max-width: 767px) {
  .p-home-access__desc {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
    text-align: left;
  }
}
.p-home-access__desc + .p-home-access__desc {
  margin-top: 0.5333333333vw;
}

@media only screen and (max-width: 767px) {
  .p-home-access__desc + .p-home-access__desc {
    margin-top: 2.1333333333vw;
  }
}
.p-home-access__map {
  margin: 4.1333333333vw -6vw 0;
}

@media only screen and (max-width: 1271px) {
  .p-home-access__map {
    margin: 3.6458333333vw 0vw 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-access__map {
    margin: 7.4666666667vw 0vw 0;
  }
}
.p-home-access__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1380/600;
}

@media only screen and (max-width: 767px) {
  .p-home-access__map iframe {
    aspect-ratio: 345/406;
  }
}
.s-home-contact {
  padding-top: 3.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .s-home-contact {
    padding-top: 7.2916666667vw;
  }
}
.p-home-contact {
  padding-top: 11.8666666667vw;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .p-home-contact {
    padding-top: 18.2291666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-contact {
    padding-top: 31.4666666667vw;
  }
}
.p-home-contact__ttl-en {
  position: absolute;
  top: 2.6666666667vw;
  left: 3.3333333333vw;
  font-size: 5.3333333333vw;
  font-family: "Roboto", sans-serif;
  color: #e9f8fd;
  line-height: 1;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 1271px) {
  .p-home-contact__ttl-en {
    top: 5.2083333333vw;
    left: 6.5104166667vw;
    font-size: 7.03125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-contact__ttl-en {
    top: 4vw;
    left: 4vw;
    font-size: 10.6666666667vw;
  }
}
.p-home-contact__img {
  position: absolute;
  top: -1.2vw;
  right: 3.3333333333vw;
  width: 14.8666666667vw;
  aspect-ratio: 1;
}

@media only screen and (max-width: 1271px) {
  .p-home-contact__img {
    top: -1.0416666667vw;
    right: 3.125vw;
    width: 20.8333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-contact__img {
    top: -2.1333333333vw;
    right: -2.1333333333vw;
    width: 35.7333333333vw;
  }
}
.p-home-contact__box {
  background-color: #e9f8fd;
  padding: 2.5333333333vw 3.3333333333vw;
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.6666666667vw;
  z-index: 1;
}

@media only screen and (max-width: 1271px) {
  .p-home-contact__box {
    padding: 4.9479166667vw 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-contact__box {
    flex-direction: column;
    padding: 8vw 4vw;
    gap: 7.2vw;
  }
}
.p-home-contact__ttl {
  font-size: 2vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  position: absolute;
  top: -0.1333333333vw;
  left: 3.3333333333vw;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1271px) {
  .p-home-contact__ttl {
    font-size: 3.125vw;
    top: -0.2604166667vw;
    left: 3.90625vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-home-contact__ttl br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-contact__ttl {
    top: -4.2666666667vw;
    left: 4vw;
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
}
.p-home-contact__info {
  padding-right: 3.7333333333vw;
  border-right: 1px solid #dddddd;
}

@media only screen and (max-width: 767px) {
  .p-home-contact__info {
    padding-right: 0;
    border-right: none;
  }
}
.p-home-contact__tel {
  display: block;
  margin-top: 1vw;
}

@media only screen and (max-width: 1271px) {
  .p-home-contact__tel {
    margin-top: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-home-contact__btn {
    width: 84vw;
  }
}
.c-icon-ttl {
  text-align: center;
}

.c-icon-ttl__txt {
  display: inline-block;
  font-size: 1.4666666667vw;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0.04em;
  padding: 0 2.2vw;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .c-icon-ttl__txt {
    font-size: 2.8645833333vw;
    padding: 0 4.296875vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-icon-ttl__txt {
    font-size: 5.3333333333vw;
    padding: 1.0666666667vw 8.8vw 0;
    height: 8vw;
  }
}
.c-icon-ttl__txt::before, .c-icon-ttl__txt::after {
  content: "";
  position: absolute;
  top: 0;
  background: url("/media/images/workcation/svg-share-ttl.svg") center/contain no-repeat;
  width: 1.8vw;
  height: 2vw;
}

@media only screen and (max-width: 1271px) {
  .c-icon-ttl__txt::before, .c-icon-ttl__txt::after {
    width: 3.515625vw;
    height: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-icon-ttl__txt::before, .c-icon-ttl__txt::after {
    width: 7.2vw;
    height: 8vw;
  }
}
.c-icon-ttl__txt::before {
  left: 0;
}

.c-icon-ttl__txt::after {
  right: 0;
  transform: scaleX(-1);
}

.c-icon-ttl__txt.--share {
  font-family: "Roboto", sans-serif;
  font-size: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-icon-ttl__txt.--share {
    font-size: 3.6458333333vw;
    padding: 0 6.25vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-icon-ttl__txt.--share {
    font-size: 7.4666666667vw;
    padding: 0 12.8vw;
  }
}
.c-txt {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .c-txt {
    text-align: left;
  }
}
.c-border-ttl {
  text-align: center;
  position: relative;
}

.c-border-ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2a99d6;
  z-index: 0;
}

.c-border-ttl__txt {
  display: inline-block;
  position: relative;
  font-size: 1.4666666667vw;
  font-weight: 700;
  line-height: 1.6363636364;
  z-index: 0;
}

@media only screen and (max-width: 1271px) {
  .c-border-ttl__txt {
    font-size: 2.8645833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-border-ttl__txt {
    font-size: 5.8666666667vw;
  }
}
.c-border-ttl__txt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.0666666667vw;
  transform: translateY(-50%);
  width: calc(100% + 2.1333333333vw);
  height: 100%;
  background-color: white;
  z-index: -1;
}

@media only screen and (max-width: 1271px) {
  .c-border-ttl__txt::before {
    left: -2.0833333333vw;
    width: calc(100% + 4.1666666667vw);
  }
}
@media only screen and (max-width: 767px) {
  .c-border-ttl__txt::before {
    left: -4.2666666667vw;
    width: calc(100% + 8.5333333333vw);
  }
}
.p-about-media {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-about-media {
    gap: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-about-media {
    gap: 8.5333333333vw;
  }
}
.p-about-media__item {
  width: calc(33.3333333333% - 1.7777777778vw);
}

@media only screen and (min-width: 1272px) {
  .p-about-media__item {
    transition: 0.5s opacity;
  }

  .p-about-media__item:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 1271px) {
  .p-about-media__item {
    width: calc(50% - 2.0833333333vw);
  }
}
@media only screen and (max-width: 767px) {
  .p-about-media__item {
    width: 100%;
  }
}
.p-about-media__img-wrap {
  width: 100%;
  aspect-ratio: 236/144;
  overflow: hidden;
}

.p-about-media__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-about-media__ttl {
  margin-top: 0.6666666667vw;
  font-size: 1.0666666667vw;
  font-weight: 700;
  padding-right: 1.8vw;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .p-about-media__ttl {
    margin-top: 1.3020833333vw;
    font-size: 2.0833333333vw;
    padding-right: 3.515625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-about-media__ttl {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
    padding-right: 7.2vw;
  }
}
.p-about-media__ttl::after {
  content: "";
  position: absolute;
  top: 0.5333333333vw;
  right: 0.6666666667vw;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.3333333333vw solid transparent;
  border-left: 0.3333333333vw solid transparent;
  border-top: 0.4666666667vw solid #fb8e76;
  border-bottom: 0;
}

@media only screen and (max-width: 1271px) {
  .p-about-media__ttl::after {
    top: 1.0416666667vw;
    right: 1.3020833333vw;
    border-right: 0.6510416667vw solid transparent;
    border-left: 0.6510416667vw solid transparent;
    border-top: 0.9114583333vw solid #fb8e76;
  }
}
@media only screen and (max-width: 767px) {
  .p-about-media__ttl::after {
    top: 2.1333333333vw;
    right: 2.6666666667vw;
    border-right: 1.3333333333vw solid transparent;
    border-left: 1.3333333333vw solid transparent;
    border-top: 1.8666666667vw solid #fb8e76;
  }
}
.p-about-media__cat-cntr {
  margin-top: 0.8vw;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media only screen and (max-width: 1271px) {
  .p-about-media__cat-cntr {
    margin-top: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-about-media__cat-cntr {
    margin-top: 3.2vw;
  }
}
.p-about-media__cat {
  background-color: #fff2ef;
  height: 20px;
  padding: 0 7px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-about-media__cat-char {
  margin-top: 0.08em;
  font-size: 12px;
  line-height: 1;
}

.s-about {
  padding-top: 2.6666666667vw;
  padding-bottom: 6.5333333333vw;
}

@media only screen and (max-width: 767px) {
  .s-about {
    padding-top: 10.6666666667vw;
    padding-bottom: 26.1333333333vw;
  }
}
.p-feature-sec,
.p-interview-sec,
.p-faq-sec,
.p-privacy-sec,
.p-contact-sec {
  padding-top: 2.6666666667vw;
  background-color: #e9f8fd;
}

@media only screen and (max-width: 1271px) {
  .p-feature-sec,
.p-interview-sec,
.p-faq-sec,
.p-privacy-sec,
.p-contact-sec {
    padding-top: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-sec,
.p-interview-sec,
.p-faq-sec,
.p-privacy-sec,
.p-contact-sec {
    padding-top: 10.6666666667vw;
  }
}
.p-interview-detail-sec,
.p-faq-sec,
.p-privacy-sec,
.p-contact-sec {
  background-color: #e9f8fd;
  padding-bottom: 4.4vw;
}

@media only screen and (max-width: 1271px) {
  .p-interview-detail-sec,
.p-faq-sec,
.p-privacy-sec,
.p-contact-sec {
    padding-bottom: 8.59375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-interview-detail-sec,
.p-faq-sec,
.p-privacy-sec,
.p-contact-sec {
    padding-bottom: 17.6vw;
  }
}
.p-lower-ttl,
.p-about-ttl,
.p-interview-ttl,
.p-feature-ttl {
  font-size: 2.1333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4375;
  text-align: center;
  position: relative;
  padding-bottom: 3vw;
}

@media only screen and (max-width: 1271px) {
  .p-lower-ttl,
.p-about-ttl,
.p-interview-ttl,
.p-feature-ttl {
    font-size: 3.3854166667vw;
    padding-bottom: 5.859375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-lower-ttl,
.p-about-ttl,
.p-interview-ttl,
.p-feature-ttl {
    font-size: 6.9333333333vw;
    padding-bottom: 12vw;
  }
}
.p-lower-ttl::after,
.p-about-ttl::after,
.p-interview-ttl::after,
.p-feature-ttl::after {
  content: "FEATURE";
  position: absolute;
  bottom: -0.5333333333vw;
  right: 7.8666666667vw;
  font-family: "Roboto", sans-serif;
  font-size: 5.3333333333vw;
  color: #cbeaff;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .p-lower-ttl::after,
.p-about-ttl::after,
.p-interview-ttl::after,
.p-feature-ttl::after {
    bottom: -1.0666666667vw;
    right: 2.1333333333vw;
    font-size: 10.6666666667vw;
  }
}
.p-lower-ttl.--faq::after,
.p-about-ttl.--faq::after,
.p-interview-ttl.--faq::after,
.p-feature-ttl.--faq::after {
  content: "FAQ";
}

.p-lower-ttl.--contact::after,
.p-about-ttl.--contact::after,
.p-interview-ttl.--contact::after,
.p-feature-ttl.--contact::after {
  content: "CONTACT";
  right: 4.1333333333vw;
}

@media only screen and (max-width: 767px) {
  .p-lower-ttl.--contact::after,
.p-about-ttl.--contact::after,
.p-interview-ttl.--contact::after,
.p-feature-ttl.--contact::after {
    right: 2.1333333333vw;
  }
}
.p-lower-ttl.--privacy::after,
.p-about-ttl.--privacy::after,
.p-interview-ttl.--privacy::after,
.p-feature-ttl.--privacy::after {
  content: "PRIVACY";
  right: 4.1333333333vw;
}

@media only screen and (max-width: 767px) {
  .p-lower-ttl.--privacy::after,
.p-about-ttl.--privacy::after,
.p-interview-ttl.--privacy::after,
.p-feature-ttl.--privacy::after {
    right: 2.1333333333vw;
  }
}
.p-interview-ttl::after {
  content: "INTERVIEW";
  right: 2.8vw;
}

.p-feature-ttl::after {
  content: "FEATURE";
}

.c-white-box {
  position: relative;
  padding: 2.6666666667vw 5.3333333333vw 5.2vw;
  background-color: white;
}

@media only screen and (max-width: 1271px) {
  .c-white-box {
    padding: 5.2083333333vw 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-white-box {
    padding: 8.5333333333vw 4.2666666667vw;
  }
}
.c-white-box.--element {
  padding: 3.2vw 5.3333333333vw 0;
}

@media only screen and (max-width: 1271px) {
  .c-white-box.--element {
    padding: 5.2083333333vw 3.125vw 0;
  }
}
@media only screen and (max-width: 767px) {
  .c-white-box.--element {
    padding: 8.5333333333vw 4.2666666667vw 0;
  }
}
.c-white-box.--faq, .c-white-box.--privacy {
  padding: 3.4666666667vw 8.6666666667vw 4.2666666667vw;
}

@media only screen and (max-width: 1271px) {
  .c-white-box.--faq, .c-white-box.--privacy {
    padding: 5.2083333333vw 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-white-box.--faq, .c-white-box.--privacy {
    padding: 8.5333333333vw 4.2666666667vw;
  }
}
.c-white-box + .c-white-box {
  margin-top: 2.1333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-white-box + .c-white-box {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-white-box + .c-white-box {
    margin-top: 8.5333333333vw;
  }
}
.c-about-sub-ttl__txt {
  font-size: 1.8666666667vw;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .c-about-sub-ttl__txt {
    font-size: 3.6458333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-about-sub-ttl__txt {
    font-size: 5.8666666667vw;
  }
}
.block-section .block {
  margin: 0;
}

.block-section .block:first-child {
  margin-top: 2.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block:first-child {
    margin-top: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block:first-child {
    margin-top: 8vw;
  }
}
.block-section .block.question, .block-section .block.answer {
  display: flex;
  gap: 0.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.question, .block-section .block.answer {
    gap: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.question, .block-section .block.answer {
    gap: 2.1333333333vw;
  }
}
.block-section .block.question .square, .block-section .block.answer .square {
  width: 1.8666666667vw;
  height: 1.6vw;
  border-radius: 0.2666666667vw;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.question .square, .block-section .block.answer .square {
    width: 3.6458333333vw;
    height: 3.125vw;
    border-radius: 0.5208333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.question .square, .block-section .block.answer .square {
    width: 7.4666666667vw;
    height: 6.4vw;
    border-radius: 1.0666666667vw;
  }
}
.block-section .block.question .square.blue, .block-section .block.answer .square.blue {
  background-color: #006fcf;
}

.block-section .block.question .square.salmon, .block-section .block.answer .square.salmon {
  background-color: #fb8e76;
}

.block-section .block.question .square-txt, .block-section .block.answer .square-txt {
  color: white;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 1;
  padding-top: 0.15em;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.question .square-txt, .block-section .block.answer .square-txt {
    font-size: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.question .square-txt, .block-section .block.answer .square-txt {
    font-size: 4.8vw;
  }
}
.block-section .block.question p, .block-section .block.answer p {
  flex-grow: 1;
}

.block-section .block.question p {
  font-weight: 700;
}

.block-section .block.question + .answer {
  margin-top: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.question + .answer {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.question + .answer {
    margin-top: 4.2666666667vw;
  }
}
.block-section .block.answer + .question {
  margin-top: 1.6vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.answer + .question {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.answer + .question {
    margin-top: 6.4vw;
  }
}
.block-section .block.border {
  width: 100%;
  height: 1px;
  background-color: #cbeaff;
}

.block-section .block.text + .text {
  margin-top: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.text + .text {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.text + .text {
    margin-top: 4.2666666667vw;
  }
}
.block-section .block.text + .images {
  margin-top: 2.1333333333vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.text + .images {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.text + .images {
    margin-top: 4.2666666667vw;
  }
}
.block-section .block.images ul {
  display: flex;
  gap: 2.2666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.images ul {
    gap: 2.0833333333vw;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.images ul {
    flex-wrap: wrap;
    gap: 4.2666666667vw;
    justify-content: center;
  }
}
.block-section .block.images ul li {
  width: 100%;
}

.block-section .block.images ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-section .block.ttl {
  position: relative;
  margin-top: 1.4666666667vw;
  font-size: 1.4666666667vw;
  font-weight: 700;
  padding-left: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.ttl {
    font-size: 2.8645833333vw;
    padding-left: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.ttl {
    font-size: 5.8666666667vw;
    padding-left: 4.2666666667vw;
  }
}
.block-section .block.ttl::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 0.5333333333vw;
  height: 2.1333333333vw;
  top: -vw(10);
  left: 0;
  margin-bottom: 1.0666666667vw;
  background-color: #006fcf;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.ttl::after {
    width: 1.0416666667vw;
    height: 4.1666666667vw;
    top: -vw-tb(10);
    margin-bottom: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.ttl::after {
    width: 2.1333333333vw;
    height: 8.5333333333vw;
    top: -vw-sp(10);
    margin-bottom: 4.2666666667vw;
  }
}
.block-section .block.txt {
  margin-top: 1.2vw;
}

.block-section .block.wrap-2 {
  margin-top: 2.1333333333vw;
}

.block-section .block.wrap-3 {
  margin-top: 2.4vw;
}

.block-section .block.text-image {
  display: flex;
  gap: 2.1333333333vw;
  margin-top: 2.4vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block.text-image {
    flex-wrap: wrap;
    width: 93.75vw;
    width: 100%;
    gap: 3.125vw;
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block.text-image {
    width: 100%;
    margin-top: 4.2666666667vw;
    gap: 6.4vw;
  }
}
.block-section .block.text-image .image {
  float: none;
  max-width: none;
  margin: 0;
  width: calc(50% - 1.0666666667vw);
}

@media only screen and (max-width: 767px) {
  .block-section .block.text-image .image {
    width: 100%;
  }
}
.block-section .block.text-image .image img {
  width: 100%;
}

.block-section .block.text-image p {
  line-height: 1.875;
  width: calc(50% - 1.0666666667vw);
}

@media only screen and (max-width: 1271px) {
  .block-section .block.text-image p {
    width: 100%;
  }
}
.block-section .block.text-image.layout-image-text.overflow-img .image {
  margin-left: -5.3333333333vw;
  width: calc(50% - 1.0666666667vw + 5.3333333333vw);
}

@media only screen and (max-width: 1271px) {
  .block-section .block.text-image.layout-image-text.overflow-img .image {
    margin-left: 0;
    width: 100%;
  }
}
.block-section .block.text-image.layout-text-image {
  flex-direction: row-reverse;
}

.block-section .block.text-image.layout-text-image.overflow-img .image {
  margin-right: -5.3333333333vw;
  width: calc(50% - 1.0666666667vw + 5.3333333333vw);
}

@media only screen and (max-width: 1271px) {
  .block-section .block.text-image.layout-text-image.overflow-img .image {
    margin-right: 0;
    width: 100%;
  }
}
.block-section .block.list.ul ul li {
  position: relative;
  padding-left: 15px;
}

.block-section .block.list.ul ul li:not(:first-child) {
  margin-top: 0.5em;
}

.block-section .block.list.ul ul li::before {
  position: absolute;
  content: "";
  background: #006fcf;
  width: 6px;
  height: 6px;
  top: 0.5em;
  left: 0;
}

.block-section .block hr {
  border-bottom: 1px solid #cbeaff;
}

.block-section .block a {
  color: #006fcf;
  text-decoration: underline;
}

@media only screen and (min-width: 1272px) {
  .block-section .block a {
    transition: 0.5s opacity;
  }

  .block-section .block a:hover {
    opacity: 0.6;
  }
}
.block-section .block .img {
  width: calc(50% - 1.0666666667vw);
  box-sizing: border-box;
}

@media only screen and (max-width: 1271px) {
  .block-section .block .img {
    width: calc(50% - 2.0833333333vw);
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block .img {
    width: 100%;
  }
}
.block-section .block .img-item {
  width: 100%;
}

.block-section .block .txt {
  width: calc(50% - 1.0666666667vw);
  font-size: 1.0666666667vw;
  font-weight: 500;
  line-height: 1.875;
  text-align: left;
}

@media only screen and (max-width: 1271px) {
  .block-section .block .txt {
    width: calc(50% - 2.0833333333vw);
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block .txt {
    font-size: 4.2666666667vw;
    width: 100%;
  }
}
.block-section .block h2 {
  position: relative;
  font-size: 1.4666666667vw;
  font-weight: 700;
  padding-left: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block h2 {
    font-size: 2.8645833333vw;
    padding-left: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block h2 {
    font-size: 4.8vw;
    padding-left: 4.2666666667vw;
  }
}
.block-section .block h2::after {
  position: absolute;
  content: "";
  width: 0.5333333333vw;
  height: 2.1333333333vw;
  top: 0.1em;
  left: 0;
  background-color: #006fcf;
}

@media only screen and (max-width: 1271px) {
  .block-section .block h2::after {
    width: 1.0416666667vw;
    height: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block h2::after {
    width: 2.1333333333vw;
    height: 6.4vw;
  }
}
.block-section .block .detail-ttl {
  padding-top: 2vw;
  padding-bottom: 1.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block .detail-ttl {
    margin-top: 3.90625vw;
    margin-bottom: 3.3854166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block .detail-ttl {
    margin-top: 8vw;
    margin-bottom: 6.9333333333vw;
  }
}
.block-section .block .ttl {
  font-size: 2.4vw;
  font-weight: 700;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 1271px) {
  .block-section .block .ttl {
    font-size: 2.8645833333vw;
    margin-top: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block .ttl {
    font-size: 5.8666666667vw;
    margin-top: 8vw;
  }
}
.block-section .block .cat {
  display: flex;
  justify-content: center;
}

.block-section .block .cat-item {
  font-size: 1.2vw;
  font-weight: 700;
  margin-top: 0.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block .cat-item {
    font-size: 2.0833333333vw;
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block .cat-item {
    font-size: 4.2666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.block-section .block + .block {
  margin-top: 2.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block + .block {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block + .block {
    margin-top: 6.4vw;
  }
}
.block-section .block + .block.list {
  margin-top: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .block-section .block + .block.list {
    margin-top: 1.8229166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .block-section .block + .block.list {
    margin-top: 3.7333333333vw;
  }
}
.c-related-block {
  margin-top: 4.2666666667vw;
}

@media only screen and (max-width: 1271px) {
  .c-related-block {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-related-block {
    margin-top: 8.5333333333vw;
  }
}
.c-related-block__ttl {
  font-size: 1.6vw;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .c-related-block__ttl {
    font-size: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-related-block__ttl {
    font-size: 5.8666666667vw;
  }
}
.c-related-block .c-related {
  margin-top: 1.8666666667vw;
}

@media only screen and (max-width: 1271px) {
  .c-related-block .c-related {
    margin-top: 4.2666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-related-block .c-related {
    margin-top: 4.2666666667vw;
  }
}
.c-related__inr {
  display: flex;
  justify-content: center;
  gap: 2.1333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-related__inr {
    gap: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-related__inr {
    flex-wrap: wrap;
    gap: 4.2666666667vw;
  }
}
.c-related__item {
  width: 50%;
  display: flex;
  gap: 1.6vw;
  padding: 1.3333333333vw 5.3333333333vw;
  background-color: #e9f8fd;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .c-related__item {
    width: 100%;
    gap: 4.2666666667vw;
    padding: 5.3333333333vw 5.3333333333vw;
  }
}
.c-related__item.--bg-white {
  background-color: white;
}

.c-related__item.--left::before {
  content: "";
  position: absolute;
  background: url("/media/images/workcation/svg-right.svg") center/contain no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
  left: 1.8666666667vw;
  cursor: pointer;
}

@media only screen and (max-width: 1271px) {
  .c-related__item.--left::before {
    width: 2.34375vw;
    height: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-related__item.--left::before {
    display: none;
  }
}
.c-related__item.--right::after {
  content: "";
  position: absolute;
  background: url("/media/images/workcation/svg-right.svg") center/contain no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8666666667vw;
  cursor: pointer;
}

@media only screen and (max-width: 1271px) {
  .c-related__item.--right::after {
    width: 2.34375vw;
    height: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-related__item.--right::after {
    display: none;
  }
}
.c-related__img-wrap {
  width: 13.9333333333vw;
  aspect-ratio: 209/120;
}

@media only screen and (max-width: 767px) {
  .c-related__img-wrap {
    width: 32vw;
  }
}
.c-related__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-related__txt {
  width: 12.8vw;
  display: flex;
  align-items: center;
  font-size: 1.0666666667vw;
  font-weight: 700;
  line-height: 1.625;
}

@media only screen and (max-width: 1271px) {
  .c-related__txt {
    width: 32.5520833333vw;
    font-size: 1.5625vw;
    font-weight: 500;
    padding-right: 2.0833333333vw;
    line-height: 1.6666666667;
  }
}
@media only screen and (max-width: 767px) {
  .c-related__txt {
    width: 48vw;
    font-size: 3.7333333333vw;
    font-weight: 500;
    padding-right: 0;
  }
}
.p-interview {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .p-interview {
    flex-wrap: wrap;
  }
}
.p-interview__item {
  width: 33.3333333333%;
  aspect-ratio: 500/639;
  padding: 0 11.0666666667vw;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .p-interview__item {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.p-interview__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.5s ease;
  /* アニメーションの追加 */
}

.p-interview__item::after {
  position: absolute;
  top: 50%;
  left: -0.1em;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.5);
  font-size: 4.8vw;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  writing-mode: vertical-rl;
}

@media only screen and (max-width: 767px) {
  .p-interview__item::after {
    font-size: 9.6vw;
  }
}
.p-interview__item:first-child::before {
  background: url("/media/images/workcation/p-interview01.webp") center/cover no-repeat;
}

@media only screen and (max-width: 767px) {
  .p-interview__item:first-child::before {
    background-position: top center;
  }
}
.p-interview__item:first-child::after {
  content: "Vol.01";
}

.p-interview__item:nth-child(2)::before {
  background: url("/media/images/workcation/p-interview02.webp") center/cover no-repeat;
}

@media only screen and (max-width: 767px) {
  .p-interview__item:nth-child(2)::before {
    background-position: top center;
  }
}
.p-interview__item:nth-child(2)::after {
  content: "Vol.02";
}

.p-interview__item:nth-child(3)::before {
  background: url("/media/images/workcation/p-interview03.webp") center/cover no-repeat;
}

@media only screen and (max-width: 767px) {
  .p-interview__item:nth-child(3)::before {
    background-position: top center;
  }
}
.p-interview__item:nth-child(3)::after {
  content: "Vol.03";
}

.p-interview__item:hover::before {
  transform: scale(1.1);
}

.p-interview__item.--right {
  justify-content: right;
}

.p-interview__box {
  position: absolute;
  left: 0;
  bottom: 1.4666666667vw;
  padding: 1.3333333333vw 2.1333333333vw;
  background-color: rgba(42, 153, 214, 0.9);
}

@media only screen and (max-width: 767px) {
  .p-interview__box {
    bottom: 5.8666666667vw;
    padding: 2.1333333333vw 8.5333333333vw;
  }
}
.p-interview__ttl {
  margin-top: 0.4vw;
  font-size: 1.7333333333vw;
  font-weight: 700;
  color: white;
}

@media only screen and (max-width: 1271px) {
  .p-interview__ttl {
    margin-top: 0.2604166667vw;
    font-size: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-interview__ttl {
    margin-top: 0.5333333333vw;
    font-size: 4.8vw;
  }
}
.p-interview__desc {
  color: white;
}

@media only screen and (max-width: 1271px) {
  .p-interview__desc {
    font-size: 1.8229166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-interview__desc {
    font-size: 3.7333333333vw;
  }
}
.p-feature {
  margin-top: 3.2vw;
  margin-left: -5.3333333333vw;
  margin-right: -5.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-feature {
    margin-top: 6.25vw;
    margin-left: -1.6vw;
    margin-right: -1.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature {
    margin-left: -1.0666666667vw;
    margin-right: -1.0666666667vw;
  }
}
.p-feature.--pb {
  padding-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .p-feature.--pb {
    padding-bottom: 60px;
  }
}
.p-feature__item {
  display: flex;
  align-items: center;
  aspect-ratio: 1200/384;
  padding: 0 5.3333333333vw;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .p-feature__item {
    aspect-ratio: 16/9;
    padding: 0 4.2666666667vw;
  }
}
.p-feature__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.5s ease;
  /* アニメーションの追加 */
}

.p-feature__item::after {
  position: absolute;
  top: 50%;
  left: -0.1em;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.5);
  font-size: 4.8vw;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  writing-mode: vertical-rl;
}

@media only screen and (max-width: 767px) {
  .p-feature__item::after {
    font-size: 9.6vw;
  }
}
.p-feature__item.--team::before {
  background: url("/media/images/workcation/p-feature01.webp") center/cover no-repeat;
}

.p-feature__item.--parent::before {
  background: url("/media/images/workcation/p-feature02.webp") center/cover no-repeat;
}

.p-feature__item.--nomad::before {
  background: url("/media/images/workcation/p-feature03.webp") center/cover no-repeat;
}

.p-feature__item:hover::before {
  transform: scale(1.1);
}

.p-feature__item.--right {
  justify-content: right;
}

.p-feature__semicircle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.6666666667vw;
  height: 5.3333333333vw;
  border-radius: 2.6666666667vw 0 0 2.6666666667vw;
  background-color: rgba(42, 153, 214, 0.9);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .p-feature__semicircle {
    width: 5.3333333333vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw 0 0 5.3333333333vw;
  }
}
.p-feature__semicircle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%) rotate(45deg);
  border-top: 0.2666666667vw solid white;
  border-right: 0.2666666667vw solid white;
  width: 0.9333333333vw;
  height: 0.9333333333vw;
}

@media only screen and (max-width: 767px) {
  .p-feature__semicircle::before {
    border-top: 0.5333333333vw solid white;
    border-right: 0.5333333333vw solid white;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
  }
}
.p-feature__semicircle.--left {
  right: auto;
  left: 0;
  border-radius: 0 2.6666666667vw 2.6666666667vw 0;
}

@media only screen and (max-width: 767px) {
  .p-feature__semicircle.--left {
    border-radius: 0 5.3333333333vw 5.3333333333vw 0;
  }
}
.p-feature__semicircle.--left::before {
  left: 10%;
}

.p-feature__box {
  position: relative;
  padding: 1.7333333333vw 2.6666666667vw;
  background-color: rgba(42, 153, 214, 0.9);
}

.p-feature__ttl {
  font-size: 1.7333333333vw;
  font-weight: 700;
  color: white;
}

@media only screen and (max-width: 1271px) {
  .p-feature__ttl {
    font-size: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature__ttl {
    font-size: 4vw;
  }
}
.p-feature__desc {
  margin-top: 0.9333333333vw;
  color: white;
}

@media only screen and (max-width: 1271px) {
  .p-feature__desc {
    font-size: 1.8229166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature__desc {
    font-size: 3.7333333333vw;
  }
}
.c-detail-kv {
  aspect-ratio: 1500/671;
}

.c-detail-kv__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-detail-white-box {
  position: relative;
  margin-top: -4.2666666667vw;
  background-color: white;
  padding: 2vw 5.3333333333vw 4.1333333333vw 5.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-detail-white-box {
    padding: 5.2083333333vw 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-detail-white-box {
    padding: 8.5333333333vw 4.2666666667vw;
  }
}
.c-detail__ttl {
  font-size: 2.4vw;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .c-detail__ttl {
    font-size: 2.8645833333vw;
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-detail__ttl {
    font-size: 5.8666666667vw;
    margin-top: 0vw;
  }
}
.c-detail__sub-ttl {
  font-size: 1.2vw;
  font-weight: 700;
  margin-top: 0.6666666667vw;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .c-detail__sub-ttl {
    font-size: 2.0833333333vw;
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-detail__sub-ttl {
    font-size: 4.2666666667vw;
    margin-top: 1.3333333333vw;
  }
}
.c-detail__desc {
  margin-top: 1.7333333333vw;
  line-height: 1.875;
  padding-bottom: 2.6666666667vw;
  border-bottom: 1px solid #2a99d6;
}

@media only screen and (max-width: 1271px) {
  .c-detail__desc {
    padding-bottom: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-detail__desc {
    padding-bottom: 10.6666666667vw;
  }
}
.c-list-return {
  position: relative;
  text-align: center;
}

.c-list-return__ttl {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .c-list-return__ttl {
    display: block;
  }
}
.c-list-return__link {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 2.9333333333vw;
  font-size: 1.0666666667vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .c-list-return__link {
    padding-right: 4.4270833333vw;
    font-size: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-list-return__link {
    margin-top: 4.2666666667vw;
    display: inline-block;
    position: relative;
    bottom: auto;
    right: auto;
    padding-right: 9.0666666667vw;
    font-size: 3.7333333333vw;
  }
}
.c-list-return__link::after {
  position: absolute;
  content: "";
  background: url("/media/images/workcation/svg-return.svg") center/contain no-repeat;
  width: 1.6vw;
  height: 1.6vw;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 1271px) {
  .c-list-return__link::after {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-list-return__link::after {
    width: 4.8vw;
    height: 4.8vw;
    top: 0.5333333333vw;
  }
}
.c-program-table-wrap {
  margin-top: 1.8666666667vw;
}

@media only screen and (max-width: 1271px) {
  .c-program-table-wrap {
    overflow-x: auto;
    margin-top: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-program-table-wrap {
    margin-top: 4.8vw;
  }
}
.c-program-table-wrap + .c-program-table-wrap {
  margin-top: 1.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-program-table-wrap + .c-program-table-wrap {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-program-table-wrap + .c-program-table-wrap {
    margin-top: 4.2666666667vw;
  }
}
.c-program-table {
  width: 100%;
}

@media only screen and (max-width: 1271px) {
  .c-program-table {
    width: 130.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-program-table {
    width: 266.6666666667vw;
  }
}
.c-program-table__head {
  width: 15%;
  background-color: #e9f8fd;
  border: 1px solid #cbeaff;
  padding: 1.2vw;
  text-align: left;
}

@media only screen and (max-width: 1271px) {
  .c-program-table__head {
    padding: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-program-table__head {
    padding: 2.1333333333vw;
  }
}
.c-program-table__data {
  background-color: white;
  border: 1px solid #cbeaff;
  padding: 1.2vw;
}

@media only screen and (max-width: 1271px) {
  .c-program-table__data {
    padding: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-program-table__data {
    padding: 2.1333333333vw;
  }
}
.c-program-table__data:nth-child(2) {
  width: 55%;
}

.c-program-table__link {
  color: #006fcf;
  text-decoration: underline;
  padding-left: 1.6vw;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .c-program-table__link {
    padding-left: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-program-table__link {
    padding-left: 6.4vw;
  }
}
.c-program-table__link::after {
  content: "";
  position: absolute;
  background: url("/media/images/workcation/svg-right.svg") center/contain no-repeat;
  width: 1.2vw;
  height: 1.2vw;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1271px) {
  .c-program-table__link::after {
    width: 2.34375vw;
    height: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-program-table__link::after {
    width: 4.8vw;
    height: 4.8vw;
  }
}
.p-contact {
  position: relative;
  background-color: white;
  padding: 3.2vw 8.6666666667vw 3.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-contact {
    padding: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-contact {
    padding: 4.2666666667vw 4vw 6.4vw;
  }
}
.c-bg-light-sky-ttl {
  background-color: #cbeaff;
  border-radius: 0.5333333333vw;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 1.3;
  padding: 0.8666666667vw 1.8666666667vw 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .c-bg-light-sky-ttl {
    font-size: 2.34375vw;
    padding: 1.6927083333vw 2.0833333333vw 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-bg-light-sky-ttl {
    font-size: 4.2666666667vw;
    padding: 3.4666666667vw 4.2666666667vw 2.6666666667vw;
  }
}
.c-bg-light-sky-ttl.--mailform {
  margin-top: 2vw;
}

@media only screen and (max-width: 767px) {
  .c-bg-light-sky-ttl.--mailform {
    margin-top: 6.4vw;
  }
}
.c-contact-tel {
  margin-top: 1.7333333333vw;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 3.6vw;
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel {
    margin-top: 3.3854166667vw;
    gap: 7.03125vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel {
    flex-wrap: wrap;
    margin-top: 6.9333333333vw;
    gap: 5.3333333333vw;
  }
}
.c-contact-tel__num-cntr {
  width: 18.8vw;
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel__num-cntr {
    width: 36.71875vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel__num-cntr {
    width: 100%;
    text-align: center;
  }
}
.c-contact-tel__num {
  pointer-events: none;
  position: relative;
  display: block;
  padding-left: 1.8666666667vw;
  font-size: 2.6666666667vw;
  font-family: "Roboto", sans-serif;
  color: #006fcf;
  line-height: 1;
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel__num {
    padding-left: 3.6458333333vw;
    font-size: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel__num {
    display: inline-block;
    pointer-events: auto;
    padding-left: 7.4666666667vw;
    font-size: 9.0666666667vw;
  }
}
.c-contact-tel__num::before {
  position: absolute;
  content: "";
  -webkit-mask: url("/media/images/workcation/svg-tel-icon.svg") center/contain no-repeat;
  mask: url("/media/images/workcation/svg-tel-icon.svg") center/contain no-repeat;
  background-color: #006fcf;
  width: 1.4vw;
  height: 1.8666666667vw;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel__num::before {
    width: 2.734375vw;
    height: 3.6458333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel__num::before {
    width: 5.6vw;
    height: 7.4666666667vw;
  }
}
.c-contact-tel__ttl {
  font-size: 14px;
  font-size: 0.9333333333vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel__ttl {
    font-size: 1.8229166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel__ttl {
    font-size: 3.7333333333vw;
  }
}
.c-contact-tel__info {
  display: inline-block;
  margin-top: 0.5333333333vw;
  font-size: 0.9333333333vw;
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel__info {
    margin-top: 1.0416666667vw;
    font-size: 1.8229166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel__info {
    display: block;
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 1272px) {
  .c-contact-tel__info a {
    pointer-events: none;
  }
}
.c-contact-tel__desc {
  width: 38.9333333333vw;
  line-height: 1.75;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel__desc {
    width: 40.1041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel__desc {
    width: 100%;
    padding: 0 2.1333333333vw;
  }
}
.c-contact-tel__desc::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.7333333333vw;
  width: 1px;
  height: 100%;
  background-color: #cbeaff;
}

@media only screen and (max-width: 1271px) {
  .c-contact-tel__desc::before {
    left: -3.3854166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact-tel__desc::before {
    content: none;
  }
}
.p-contac-mail-form-desc {
  margin-top: 2.1333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-contac-mail-form-desc {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-contac-mail-form-desc {
    margin-top: 6.4vw;
    padding: 0 2.1333333333vw;
  }
}
.mailform {
  margin-top: 2.1333333333vw;
}

@media only screen and (max-width: 1271px) {
  .mailform {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform {
    margin-top: 4.2666666667vw;
  }
}
.mailform.confirm .reset {
  display: none;
}

.mailform .alert {
  display: none;
}

.mailform .form-group {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group {
    flex-wrap: wrap;
    border-bottom: none;
  }
}
.mailform .form-group .control-label {
  padding: 1.6vw 1.0666666667vw 0.8vw 1.3333333333vw;
  width: 14.9333333333vw;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group .control-label {
    padding: 1.8229166667vw 2.0833333333vw 1.0416666667vw;
    width: 29.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group .control-label {
    padding: 2.1333333333vw 0vw 0vw;
    width: 100%;
    justify-content: flex-start;
    gap: 2.1333333333vw;
  }
}
.mailform .form-group .control-label .icon {
  margin-top: 0.3333333333vw;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group .control-label .icon {
    margin-top: 1.3333333333vw;
  }
}
.mailform .form-group .control-label .icon .required {
  width: 30px;
  height: 15px;
  border-radius: 4px;
  padding-top: 2px;
  background-color: #ffdbd4;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group .control-label .icon .required {
    width: 3.90625vw;
    height: 1.953125vw;
    border-radius: 0.5208333333vw;
    padding-top: 0.2604166667vw;
    font-size: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group .control-label .icon .required {
    width: 8vw;
    height: 4vw;
    border-radius: 1.0666666667vw;
    padding-top: 0.5333333333vw;
    font-size: 2.6666666667vw;
  }
}
.mailform .form-group .controls {
  width: calc(100% - 14.9333333333vw);
  padding: 0.8vw 0 0.8vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 32px;
  column-gap: 32px;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group .controls {
    width: calc(100% - 29.1666666667vw);
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group .controls {
    width: 100%;
    padding: 1.0666666667vw 0vw 2.6666666667vw;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}
.mailform .form-group .controls .example {
  font-size: 0.9333333333vw;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group .controls .example {
    margin-top: 8px;
    font-size: 3.2vw;
  }
}
.mailform .form-group .controls .radio {
  padding-top: 12px;
  cursor: pointer;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group .controls .radio {
    padding-top: 4px;
  }
}
.mailform .form-group .controls .radio span {
  position: relative;
  padding-left: 22px;
}

.mailform .form-group .controls .radio span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-color: #fff;
}

.mailform .form-group .controls .radio input[type=radio] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  margin: -1px;
}

.mailform .form-group .controls .radio input[type=radio]:checked + span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #006fcf;
}

.mailform .form-group .controls input[type=text],
.mailform .form-group .controls input[type=email] {
  border: 1px solid #dddddd;
  border-radius: 5px;
  width: 100%;
  max-width: 21.3333333333vw;
  height: 3.2vw;
  padding: 0.9666666667vw 1.0666666667vw;
  font-size: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group .controls input[type=text],
.mailform .form-group .controls input[type=email] {
    max-width: 41.6666666667vw;
    height: 5.2083333333vw;
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group .controls input[type=text],
.mailform .form-group .controls input[type=email] {
    max-width: none;
    max-width: 85.3333333333vw;
    height: 10.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.mailform .form-group .controls input[name=address] {
  max-width: none;
}

.mailform .form-group .controls textarea {
  border: 1px solid #dddddd;
  border-radius: 5px;
  width: 100%;
  height: 18.1333333333vw;
  padding: 0.9666666667vw 1.0666666667vw;
  font-size: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group .controls textarea {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group .controls textarea {
    height: 42.6666666667vw;
    padding: 3.8666666667vw 4.2666666667vw;
    font-size: 4.2666666667vw;
  }
}
.mailform .form-group .controls input[type=checkbox] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  margin: -1px;
}

.mailform .form-group .controls input[type=checkbox]:checked + span::before {
  background-color: #006fcf;
}

.mailform .form-group .controls input[type=checkbox]:checked + span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  background: url("/media/images/workcation/svg-check-icon.svg") center/contain no-repeat;
  width: 9px;
  height: 7px;
}

.mailform .form-group.privacy {
  margin-top: 1.6vw;
  border: none;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group.privacy {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.privacy {
    margin-top: 6.4vw;
  }
}
.mailform .form-group.privacy .control-label {
  display: none;
}

.mailform .form-group.privacy .controls {
  padding: 0;
  width: 100%;
  text-align: center;
}

.mailform .form-group.departure_month .controls, .mailform .form-group.departure_day .controls, .mailform .form-group.arrival_month .controls, .mailform .form-group.arrival_day .controls, .mailform .form-group.onward_departure .controls, .mailform .form-group.onward_arrival .controls, .mailform .form-group.return_departure .controls, .mailform .form-group.return_arrival .controls {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: auto;
}

.mailform .form-group.departure_month .controls > span, .mailform .form-group.departure_day .controls > span, .mailform .form-group.arrival_month .controls > span, .mailform .form-group.arrival_day .controls > span, .mailform .form-group.onward_departure .controls > span, .mailform .form-group.onward_arrival .controls > span, .mailform .form-group.return_departure .controls > span, .mailform .form-group.return_arrival .controls > span {
  padding-top: 0.2em;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group.departure_month, .mailform .form-group.departure_day, .mailform .form-group.arrival_month, .mailform .form-group.arrival_day {
    width: 84vw;
  }
}
.mailform .form-group.departure_month .controls input[type=text], .mailform .form-group.departure_day .controls input[type=text], .mailform .form-group.arrival_month .controls input[type=text], .mailform .form-group.arrival_day .controls input[type=text] {
  width: 4vw;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group.departure_month .controls input[type=text], .mailform .form-group.departure_day .controls input[type=text], .mailform .form-group.arrival_month .controls input[type=text], .mailform .form-group.arrival_day .controls input[type=text] {
    width: 7.8125vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.departure_month .controls input[type=text], .mailform .form-group.departure_day .controls input[type=text], .mailform .form-group.arrival_month .controls input[type=text], .mailform .form-group.arrival_day .controls input[type=text] {
    width: 16vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.departure_month .controls, .mailform .form-group.arrival_month .controls {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.departure_month .controls input[type=text], .mailform .form-group.arrival_month .controls input[type=text] {
    flex: 1 1 0%;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.departure_day, .mailform .form-group.arrival_day {
    width: 45%;
    position: absolute;
    bottom: 0;
    right: 0;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.departure_day .controls, .mailform .form-group.arrival_day .controls {
    flex: 1 1 0%;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.departure_day .controls input[type=text], .mailform .form-group.arrival_day .controls input[type=text] {
    flex: 1 1 0%;
  }
}
.mailform .form-group.onward_departure .controls input[type=text], .mailform .form-group.onward_arrival .controls input[type=text], .mailform .form-group.return_departure .controls input[type=text], .mailform .form-group.return_arrival .controls input[type=text] {
  width: 8vw;
}

@media only screen and (max-width: 1271px) {
  .mailform .form-group.onward_departure .controls input[type=text], .mailform .form-group.onward_arrival .controls input[type=text], .mailform .form-group.return_departure .controls input[type=text], .mailform .form-group.return_arrival .controls input[type=text] {
    width: 15.625vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_departure .controls input[type=text], .mailform .form-group.onward_arrival .controls input[type=text], .mailform .form-group.return_departure .controls input[type=text], .mailform .form-group.return_arrival .controls input[type=text] {
    width: 32vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_departure, .mailform .form-group.return_departure {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_departure .controls, .mailform .form-group.return_departure .controls {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_departure .controls input[type=text], .mailform .form-group.return_departure .controls input[type=text] {
    width: 248px;
  }
}
.mailform .form-group.onward_arrival, .mailform .form-group.return_arrival {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_arrival, .mailform .form-group.return_arrival {
    padding: 0 0vw 0vw;
  }
}
.mailform .form-group.onward_arrival .control-label, .mailform .form-group.return_arrival .control-label {
  width: auto;
  padding: 0;
}

.mailform .form-group.onward_arrival .control-label .title, .mailform .form-group.return_arrival .control-label .title {
  padding-top: 0.2em;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_arrival .control-label .title, .mailform .form-group.return_arrival .control-label .title {
    padding-top: 0;
    font-size: 3.7333333333vw;
  }
}
.mailform .form-group.onward_arrival .icon, .mailform .form-group.return_arrival .icon {
  display: none;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_arrival .controls, .mailform .form-group.return_arrival .controls {
    flex: 1 1 0%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.onward_arrival .controls input[type=text], .mailform .form-group.return_arrival .controls input[type=text] {
    width: 248px;
  }
}
.mailform .form-group.startup, .mailform .form-group.registry {
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group.startup, .mailform .form-group.registry {
    width: 84vw;
    flex-direction: column;
  }
}
.mailform .form-group.startup .control-label, .mailform .form-group.registry .control-label {
  -moz-column-gap: 8px;
  column-gap: 8px;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group.startup .control-label, .mailform .form-group.registry .control-label {
    width: 100%;
  }
}
.mailform .form-group.startup .controls, .mailform .form-group.registry .controls {
  width: auto;
  flex: 1 1 0%;
}

@media only screen and (max-width: 767px) {
  .mailform .form-group.startup.registry .control-label, .mailform .form-group.registry.registry .control-label {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.startup .title, .mailform .form-group.registry .title {
    width: 84vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group.startup .help-block, .mailform .form-group.registry .help-block {
    width: 84vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group + .form-group,
.mailform .form-group + .departure,
.mailform .form-group + .onward {
    margin-top: 2.1333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .form-group + .form-group.onward_arrival, .mailform .form-group + .form-group.return_arrival,
.mailform .form-group + .departure.onward_arrival,
.mailform .form-group + .departure.return_arrival,
.mailform .form-group + .onward.onward_arrival,
.mailform .form-group + .onward.return_arrival {
    margin-top: 0;
  }
}
.mailform .submit {
  margin-top: 1.8vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6vw;
}

@media only screen and (max-width: 1271px) {
  .mailform .submit {
    margin-top: 3.515625vw;
    gap: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .submit {
    margin-top: 7.2vw;
    gap: 2.1333333333vw;
  }
}
.mailform .submit .btn {
  width: 18.6666666667vw;
  height: 4vw;
  border-radius: 2vw;
  color: white;
  font-size: 1.0666666667vw;
  font-weight: 700;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .mailform .submit .btn {
    font-size: 2.0833333333vw;
    width: 28.6458333333vw;
    height: 6.5104166667vw;
    border-radius: 3.2552083333vw;
  }
}
@media only screen and (max-width: 767px) {
  .mailform .submit .btn {
    font-size: 4.2666666667vw;
    width: 40vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
  }
}
.mailform .submit .btn:hover {
  cursor: pointer;
  background-color: white;
}

.mailform .submit .modify,
.mailform .submit .reset {
  background-color: #c1c1c1;
  border: 1px solid #c1c1c1;
}

.mailform .submit .modify:hover,
.mailform .submit .reset:hover {
  color: #c1c1c1;
}

.mailform .submit .send,
.mailform .submit .confirm {
  background-color: #fb8e76;
  border: 1px solid #fb8e76;
}

.mailform .submit .send:hover,
.mailform .submit .confirm:hover {
  color: #fb8e76;
}

.p-faq__desc {
  line-height: 1.625;
  text-align: center;
}

.p-faq__navi {
  margin-top: 1.3333333333vw;
  line-height: 1.625;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .p-faq__navi {
    margin-top: 2.6041666667vw;
  }
}
.p-faq__navi-list {
  display: flex;
  justify-content: center;
  gap: 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .p-faq__navi-list {
    gap: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-faq__navi-list {
    flex-wrap: wrap;
    gap: 2.1333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-faq__navi-item {
    width: 100%;
  }
}
.p-faq__navi-link {
  height: 2.1333333333vw;
  background-color: #e9f8fd;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.08em 1em 0;
  border-radius: 0.5333333333vw;
}

@media only screen and (min-width: 1272px) {
  .p-faq__navi-link {
    transition: 0.5s opacity;
  }

  .p-faq__navi-link:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 1271px) {
  .p-faq__navi-link {
    height: 4.1666666667vw;
    border-radius: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-faq__navi-link {
    width: 100%;
    height: 8.5333333333vw;
    border-radius: 2.1333333333vw;
  }
}
.p-faq-cont__ttl {
  margin-top: 2.2666666667vw;
  height: 3.2vw;
  display: flex;
  align-items: center;
  padding: 0 1.3333333333vw;
  background-color: #cbeaff;
  border-radius: 0.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-faq-cont__ttl {
    margin-top: 4.4270833333vw;
    height: 6.25vw;
    padding: 0 2.6041666667vw;
    border-radius: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-faq-cont__ttl {
    margin-top: 9.0666666667vw;
    height: 12.8vw;
    padding: 0 5.3333333333vw;
    border-radius: 2.1333333333vw;
  }
}
.p-faq-cont__ttl-txt {
  font-weight: 700;
  padding-top: 0.08em;
}

.p-privacy__ttl {
  font-size: 1.6vw;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 1271px) {
  .p-privacy__ttl {
    font-size: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-privacy__ttl {
    font-size: 5.3333333333vw;
  }
}
.p-privacy__cont-ttl {
  margin-top: 2.1333333333vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .p-privacy__cont-ttl {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-privacy__cont-ttl {
    margin-top: 4.2666666667vw;
  }
}
.p-privacy__desc {
  line-height: 1.875;
  margin-top: 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .p-privacy__desc {
    margin-top: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-privacy__desc {
    margin-top: 3.2vw;
  }
}
.p-privacy__desc.--mt36 {
  margin-top: 2.4vw;
}

@media only screen and (max-width: 1271px) {
  .p-privacy__desc.--mt36 {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-privacy__desc.--mt36 {
    margin-top: 4.2666666667vw;
  }
}
.p-recommend-program {
  margin-top: 3.2vw;
  border-top: 1px solid #cbeaff;
  padding-top: 2.4vw;
}

@media only screen and (max-width: 1271px) {
  .p-recommend-program {
    margin-top: 6.25vw;
    padding-top: 4.6875vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-recommend-program {
    margin-top: 6.25vw;
    padding-top: 9.6vw;
  }
}
@media only screen and (max-width: 1271px) {
  .u-tb-none {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .u-sp-none {
    display: none;
  }
}
.p-facility-sec {
  background-color: #e9f8fd;
}

.c-subpage-hero-img {
  width: 100vw;
  display: flex;
  justify-content: center;
}

.p-facility-btn__txt {
  padding-right: 0;
  padding-left: 1.6666666667vw;
}

.p-facility-btn__txt::after {
  content: none;
}

.p-facility-btn__txt::before {
  position: absolute;
  content: "";
  -webkit-mask: url("/media/images/workcation/icon_search.svg") no-repeat;
  mask: url("/media/images/workcation/icon_search.svg") no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1.4666666667vw;
  height: 1.4666666667vw;
  top: 0.0666666667vw;
  left: 0;
  background-color: #fff;
  transition: 0.5s background-color;
}

@media only screen and (max-width: 1271px) {
  .p-facility-btn__txt::before {
    width: 2.8645833333vw;
    height: 2.8645833333vw;
    top: 0.1302083333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-btn__txt::before {
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    top: 0.2666666667vw;
  }
}
@media only screen and (max-width: 1271px) {
  .p-facility-btn__txt {
    padding-left: 3.2552083333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-btn__txt {
    padding-left: 6.6666666667vw;
  }
}
.p-facility-sec {
  padding-top: 2.6666666667vw;
  background-color: #e9f8fd;
}

@media only screen and (max-width: 1271px) {
  .p-facility-sec {
    padding-top: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-sec {
    padding-top: 10.6666666667vw;
  }
}
.p-facility-ttl {
  font-size: 2.1333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4375;
  text-align: center;
  position: relative;
  padding-bottom: 3vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-ttl {
    font-size: 3.3854166667vw;
    padding-bottom: 5.859375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-ttl {
    font-size: 6.9333333333vw;
    padding-bottom: 10.6666666667vw;
  }
}
.p-facility-ttl::after {
  content: "SEARCH";
  position: absolute;
  bottom: -0.5333333333vw;
  right: 7.8666666667vw;
  font-family: "Roboto", sans-serif;
  font-size: 5.3333333333vw;
  color: #cbeaff;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .p-facility-ttl::after {
    bottom: -1.6vw;
    right: 2.1333333333vw;
    font-size: 10.6666666667vw;
  }
}
.c-conditional-search.--white {
  background-color: #fff;
}

.c-conditional-search__ttl {
  border-radius: 0.5333333333vw;
  transition: 0.5s;
  position: relative;
  cursor: pointer;
}

.c-conditional-search__ttl::after {
  transition: 0.5s;
  position: absolute;
  content: "";
  background-image: url("/media/images/workcation/icon_arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  right: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .c-conditional-search__ttl::after {
    width: 3.2552083333vw;
    height: 3.2552083333vw;
    right: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__ttl::after {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    right: 4.2666666667vw;
    border-right: transparent;
    border-bottom: transparent;
    transform: translateY(-50%) rotate(0deg);
  }
}
@media only screen and (max-width: 1271px) {
  .c-conditional-search__ttl {
    border-radius: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-conditional-search__ttl {
    border-radius: 2.1333333333vw;
  }
}
.c-conditional-search__ttl.is-active {
  background-color: #006fcf;
}

.c-conditional-search__ttl.is-active::after {
  transform: rotateX(180deg);
}

@media only screen and (max-width: 767px) {
  .c-conditional-search__ttl.is-active::after {
    transform: translateY(-50%) rotateX(180deg);
  }
}
.c-conditional-search__ttl.is-active .c-conditional-search__ttl-txt {
  color: #fff;
}

.c-conditional-search__ttl-txt {
  color: white;
  transition: 0.5s;
}

.c-conditional-search__cont {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  /* アニメーションの設定 */
}

.c-conditional-search__cont.--block {
  display: block;
  transition: max-height 0.5s ease-in;
  /* アニメーションの設定 */
}

.p-itemize {
  display: flex;
  justify-content: space-between;
  margin-top: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-itemize {
    margin-top: 1.953125vw;
    gap: 1.3020833333vw;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize {
    margin-top: 2.6666666667vw;
  }
}
.p-itemize__left {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__left {
    gap: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__left {
    gap: 2.6666666667vw;
  }
}
.p-itemize__right {
  display: flex;
  gap: 0.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__right {
    gap: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__right {
    gap: 2.6666666667vw;
    margin-top: 1.3333333333vw;
  }
}
.p-itemize__right .controls {
  display: flex;
  flex-wrap: wrap;
  gap: 1.0666666667vw 2vw;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__right .controls {
    gap: 2.0833333333vw 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__right .controls {
    margin-top: 0;
    gap: 2.1333333333vw 4.2666666667vw;
  }
}
.p-itemize__right .controls .checkbox {
  font-size: 1.0666666667vw;
}

@media only screen and (min-width: 1272px) {
  .p-itemize__right .controls .checkbox:hover {
    cursor: pointer;
  }
}
@media only screen and (max-width: 1271px) {
  .p-itemize__right .controls .checkbox {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__right .controls .checkbox {
    font-size: 4.2666666667vw;
  }
}
.p-itemize__right .controls .checkbox span {
  padding-left: 2vw;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__right .controls .checkbox span {
    padding-left: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__right .controls .checkbox span {
    padding-left: 8vw;
  }
}
.p-itemize__right .controls .checkbox span::before {
  content: "";
  position: absolute;
  top: -0.1vw;
  left: 0;
  width: 1.3333333333vw;
  height: 1.3333333333vw;
  border-radius: 0.2666666667vw;
  background-color: white;
  border: 1px solid #dddddd;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__right .controls .checkbox span::before {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    border-radius: 0.5208333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__right .controls .checkbox span::before {
    top: 0.5333333333vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    border-radius: 1.0666666667vw;
  }
}
.p-itemize__right .controls .checkbox input:checked + span::before {
  background-color: #006fcf;
  border: 1px solid #006fcf;
}

.p-itemize__right .controls .checkbox input:checked + span::after {
  content: "";
  position: absolute;
  top: 0.3333333333vw;
  left: 0.2666666667vw;
  width: 0.9333333333vw;
  height: 0.8vw;
  -webkit-mask: url("/media/images/workcation/svg-check.svg") center/contain no-repeat;
  mask: url("/media/images/workcation/svg-check.svg") center/contain no-repeat;
  background-color: white;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__right .controls .checkbox input:checked + span::after {
    top: 0.6510416667vw;
    left: 0.5208333333vw;
    width: 1.8229166667vw;
    height: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__right .controls .checkbox input:checked + span::after {
    top: 1.3333333333vw;
    left: 1.0666666667vw;
    width: 3.7333333333vw;
    height: 3.2vw;
  }
}
.p-itemize__amount {
  display: flex;
  align-items: center;
}

.p-itemize__range {
  font-weight: 700;
}

.p-itemize__range-value {
  padding: 0 0.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__range-value {
    padding: 0 0.6510416667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__range-value {
    padding: 0 1.3333333333vw;
  }
}
.p-itemize__slash {
  padding-right: 0.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__slash {
    padding-right: 0.6510416667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__slash {
    padding-right: 1.3333333333vw;
  }
}
.p-itemize__max {
  padding-right: 0.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__max {
    padding-right: 0.6510416667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__max {
    padding-right: 1.3333333333vw;
  }
}
.p-itemize__map-link {
  padding-left: 1.6vw;
  position: relative;
  transition: 0.5s;
}

@media only screen and (min-width: 1280px) {
  .p-itemize__map-link:hover {
    color: #006fcf;
  }
}
.p-itemize__map-link::before {
  position: absolute;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/media/images/workcation/icon_arrow-circle.svg);
  width: 1.2666666667vw;
  height: 1.2666666667vw;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 50%;
}

@media only screen and (max-width: 1271px) {
  .p-itemize__map-link::before {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__map-link::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
@media only screen and (max-width: 1271px) {
  .p-itemize__map-link {
    padding-left: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-itemize__map-link {
    padding-left: 6.4vw;
  }
}
.p-detail-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-detail-list {
    gap: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-detail-list {
    gap: 2.1333333333vw;
  }
}
.p-detail-list__item {
  display: inline-block;
  padding: 0.1333333333vw 0.6666666667vw;
  border-radius: 0.2666666667vw;
  background-color: #fff;
}

@media only screen and (max-width: 1271px) {
  .p-detail-list__item {
    padding: 0.2604166667vw 1.3020833333vw;
    border-radius: 0.5208333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-detail-list__item {
    padding: 0.5333333333vw 2.6666666667vw;
    border-radius: 1.0666666667vw;
  }
}
.p-detail-list__item.--ttl {
  background-color: #cbeaff;
}

.p-icon-list {
  display: none;
  background-color: #fff;
  border-radius: 0.6666666667vw;
  margin-top: 1.4666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-icon-list {
    border-radius: 1.3020833333vw;
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-icon-list {
    border-radius: 2.6666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.p-icon-list.is-active {
  display: block;
}

.p-icon-list__inr {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin: 0 auto;
  padding: 1vw;
  gap: 1vw 1.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-icon-list__inr {
    border-radius: 1.3020833333vw;
    padding: 1.953125vw;
    gap: 1.953125vw 1.953125vw;
    max-width: 107.421875vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-icon-list__inr {
    border-radius: 2.6666666667vw;
    padding: 4vw;
    gap: 4vw 4vw;
    max-width: 220vw;
    justify-content: flex-start;
  }
}
.p-icon-list__item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.4vw;
  padding-bottom: 1.6vw;
}

@media only screen and (max-width: 1271px) {
  .p-icon-list__item {
    gap: 0.78125vw;
    padding-bottom: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-icon-list__item {
    gap: 1.6vw;
    padding-bottom: 6.4vw;
  }
}
.p-icon-list__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background-color: #cbeaff;
  border-radius: 50%;
}

@media only screen and (max-width: 1271px) {
  .p-icon-list__img {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-icon-list__img {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.p-icon-list__img img {
  width: 60%;
}

.p-icon-list__img img.small {
  width: 50%;
}

.p-icon-list__txt {
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 3.0666666667vw;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1271px) {
  .p-icon-list__txt {
    top: 5.9895833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-icon-list__txt {
    top: 12.2666666667vw;
  }
}
.p-facility-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
  margin-top: 2.1333333333vw;
  padding-bottom: 4.2666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-list {
    margin-top: 2.0833333333vw;
    padding-bottom: 4.1666666667vw;
    gap: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list {
    margin-top: 2.6666666667vw;
    padding-bottom: 8.5333333333vw;
    gap: 4vw;
  }
}
.p-facility-list.--quarter {
  gap: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-list.--quarter {
    gap: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list.--quarter {
    gap: 2.6666666667vw;
  }
}
.p-facility-list__item {
  width: calc((100% - 4vw) / 3);
}

@media only screen and (max-width: 1271px) {
  .p-facility-list__item {
    width: calc((100% - 3.90625vw) / 3);
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list__item {
    width: 100%;
  }
}
.p-facility-list__item.--quarter {
  width: calc((100% - 4vw) / 4);
}

@media only screen and (max-width: 1271px) {
  .p-facility-list__item.--quarter {
    width: calc((100% - 1.3020833333vw) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list__item.--quarter {
    width: 100%;
  }
}
.p-facility-list__link {
  display: block;
  background-color: #fff;
  padding: 1.4vw 1.5333333333vw;
  border-radius: 0.5333333333vw;
  height: 100%;
}

@media only screen and (min-width: 1272px) {
  .p-facility-list__link {
    transition: 0.5s opacity;
  }

  .p-facility-list__link:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 1271px) {
  .p-facility-list__link {
    padding: 2.6041666667vw 2.6041666667vw 3.90625vw;
    border-radius: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list__link {
    padding: 5.3333333333vw 5.3333333333vw 8vw;
    border-radius: 2.1333333333vw;
  }
}
.p-facility-list__img-wrap {
  position: relative;
  border-radius: 0.2666666667vw;
  overflow: hidden;
  aspect-ratio: 336/184;
}

@media only screen and (max-width: 1271px) {
  .p-facility-list__img-wrap {
    border-radius: 0.5208333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list__img-wrap {
    border-radius: 1.0666666667vw;
    aspect-ratio: 305/180;
  }
}
.p-facility-list__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-facility-list__img-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 0.3333333333vw 1.0666666667vw 0.2vw;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-list__img-icon {
    font-size: 1.5625vw;
    padding: 0.6510416667vw 2.0833333333vw 0.390625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list__img-icon {
    font-size: 3.2vw;
    padding: 1.3333333333vw 4.2666666667vw 0.8vw;
  }
}
.p-facility-list__ttl {
  font-size: 1.3333333333vw;
  font-weight: 700;
  margin-top: 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-list__ttl {
    font-size: 2.6041666667vw;
    margin-top: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list__ttl {
    font-size: 5.3333333333vw;
    margin-top: 3.2vw;
  }
}
.p-facility-list__txt {
  margin-top: 0.5333333333vw;
  font-weight: 500;
  font-size: 1.0666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-list__txt {
    font-size: 2.0833333333vw;
    margin-top: 0.5208333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-list__txt {
    font-size: 4.2666666667vw;
    margin-top: 1.0666666667vw;
  }
}
.p-facility-iconlist {
  display: flex;
  flex-wrap: wrap;
}

.c-feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5333333333vw;
  margin-top: 1.3333333333vw;
}

.c-feature-list.--center {
  justify-content: center;
}

@media only screen and (max-width: 1271px) {
  .c-feature-list {
    gap: 1.0416666667vw;
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-feature-list {
    gap: 2.1333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.c-feature-list__item {
  background-color: #cbeaff;
  padding: 0.2vw 1.0666666667vw 0.0666666667vw;
  border-radius: 0.2666666667vw;
  font-size: 0.8vw;
}

.c-feature-list__item.--white {
  color: #111111;
  background-color: #fff;
}

.c-feature-list__item.--gray {
  color: #999999;
  background-color: #dddddd;
}

@media only screen and (max-width: 1271px) {
  .c-feature-list__item {
    padding: 0.390625vw 2.0833333333vw 0.1302083333vw;
    border-radius: 0.5208333333vw;
    font-size: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .c-feature-list__item {
    padding: 0.8vw 4.2666666667vw 0.2666666667vw;
    border-radius: 1.0666666667vw;
    font-size: 3.2vw;
  }
}
.p-iconlist {
  flex-wrap: wrap;
  gap: 0.6666666667vw 5%;
  margin-top: 1.3333333333vw;
  display: none;
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
  /* トランジションの設定 */
}

@media only screen and (max-width: 1271px) {
  .p-iconlist {
    margin-top: 2.6041666667vw;
    gap: 1.3020833333vw 6.25%;
  }
}
@media only screen and (max-width: 767px) {
  .p-iconlist {
    margin-top: 5.3333333333vw;
    gap: 2.6666666667vw 5%;
  }
}
.p-iconlist.is-active {
  display: flex;
  height: 100%;
}

.p-iconlist__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5%;
  aspect-ratio: 1/1;
  background-color: #cbeaff;
  border-radius: 50%;
}

@media only screen and (max-width: 1271px) {
  .p-iconlist__item {
    width: 15%;
  }
}
.p-iconlist__item.--none {
  background-color: #dddddd;
}

.p-iconlist__img {
  width: 60%;
}

.p-iconlist__img.small {
  width: 50%;
}

.p-facility-pagination {
  padding-bottom: 5.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-pagination {
    padding-bottom: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-pagination {
    padding-bottom: 10.6666666667vw;
  }
}
.p-facility-pagination__ul {
  display: flex;
  justify-content: center;
  gap: 0.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-pagination__ul {
    gap: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-pagination__ul {
    gap: 2.1333333333vw;
  }
}
.p-facility-pagination > ul {
  display: flex;
  justify-content: center;
  gap: 0.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-pagination > ul {
    gap: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-pagination > ul {
    gap: 1.6vw;
  }
}
.p-facility-pagination > ul > li.active > span {
  font-weight: 700;
  color: #006fcf;
  background-color: #cbeaff;
}

.p-facility-pagination > ul > li > a,
.p-facility-pagination > ul > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777777;
  font-size: 1.0666666667vw;
  font-weight: 500;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.5s;
}

@media only screen and (max-width: 1271px) {
  .p-facility-pagination > ul > li > a,
.p-facility-pagination > ul > li > span {
    font-size: 2.0833333333vw;
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-pagination > ul > li > a,
.p-facility-pagination > ul > li > span {
    font-size: 3.7333333333vw;
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
}
@media only screen and (min-width: 1280px) {
  .p-facility-pagination > ul > li > a:hover {
    color: #006fcf;
    background-color: #cbeaff;
  }
}
.p-facility-pagination > ul > li.prev, .p-facility-pagination > ul > li.next {
  position: relative;
}

.p-facility-pagination > ul > li.prev::before, .p-facility-pagination > ul > li.next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background: url("/media/images/workcation/svg-bottom-arrow.svg") center/contain no-repeat;
  pointer-events: none;
}

.p-facility-pagination > ul > li.prev span,
.p-facility-pagination > ul > li.prev a, .p-facility-pagination > ul > li.next span,
.p-facility-pagination > ul > li.next a {
  font-size: 0;
}

.p-facility-pagination > ul > li.prev::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.p-facility-pagination > ul > li.next::before {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.p-facility-pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777777;
  font-size: 1.0666666667vw;
  font-weight: 500;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.5s;
}

.p-facility-pagination__link.--current {
  font-weight: 700;
  color: #006fcf;
  background-color: #cbeaff;
}

@media only screen and (min-width: 1280px) {
  .p-facility-pagination__link:hover {
    color: #006fcf;
    background-color: #cbeaff;
  }
}
@media only screen and (max-width: 1271px) {
  .p-facility-pagination__link {
    font-size: 2.0833333333vw;
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-pagination__link {
    font-size: 4.2666666667vw;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.p-map-sec {
  background-color: #fff;
  padding-top: 5.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-map-sec {
    padding-top: 6.25vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-map-sec {
    padding-top: 12.8vw;
  }
}
.p-map-ttl {
  font-size: 2.1333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4375;
  text-align: center;
  position: relative;
  padding-bottom: 3vw;
}

@media only screen and (max-width: 1271px) {
  .p-map-ttl {
    font-size: 4.1666666667vw;
    padding-bottom: 3.2552083333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-map-ttl {
    font-size: 8.5333333333vw;
    padding-bottom: 6.6666666667vw;
  }
}
.p-map-ttl::after {
  content: "MY MAP";
  position: absolute;
  bottom: -0.8vw;
  right: 7.8666666667vw;
  font-family: "Roboto", sans-serif;
  font-size: 5.3333333333vw;
  color: #cbeaff;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .p-map-ttl::after {
    content: none;
  }
}
.p-map {
  position: relative;
}

.p-map__iframe {
  width: 100%;
  height: 44vw;
}

@media only screen and (max-width: 1271px) {
  .p-map__iframe {
    height: 85.9375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-map__iframe {
    height: 117.3333333333vw;
  }
}
.p-slide-ttl {
  font-size: 2.1333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4375;
  text-align: center;
  position: relative;
  padding-bottom: 1.7333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-slide-ttl {
    font-size: 3.3854166667vw;
    padding-bottom: 3.3854166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-slide-ttl {
    font-size: 8vw;
    padding-bottom: 3.2vw;
  }
}
.p-slide-sec {
  background-color: #e9f8fd;
  padding: 2.6666666667vw 0 1.6666666667vw;
  overflow: hidden;
}

@media only screen and (max-width: 1271px) {
  .p-slide-sec {
    padding: 5.2083333333vw 0 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-slide-sec {
    padding: 10.6666666667vw 0 8vw;
  }
}
.p-facility-detail {
  display: flex;
  max-height: 31.8666666667vw;
}

@media only screen and (max-width: 1500px) {
  .p-facility-detail {
    max-height: 31.8666666667vw;
    height: 100%;
  }
}
@media only screen and (max-width: 1271px) {
  .p-facility-detail {
    flex-wrap: wrap;
    max-height: 100%;
  }
}
.p-facilitydetail-cont {
  width: 26.6666666667vw;
  background-color: #fff;
  position: relative;
  padding: 2vw 1.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont {
    width: 100%;
    padding: 3.90625vw 3.2552083333vw;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont {
    width: 100%;
    max-width: 100%;
    padding: 4vw 4.8vw;
  }
}
.p-facilitydetail-cont__txtcont {
  padding-top: 1.2vw;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__txtcont {
    padding-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__txtcont {
    padding-top: 2.6666666667vw;
  }
}
.p-facilitydetail-cont__img-wrap {
  float: right;
  width: 12vw;
  height: 17.3333333333vw;
  /* 横幅の割合を調整 */
  clear: both;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__img-wrap {
    width: 18.2291666667vw;
    height: 26.171875vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__img-wrap {
    width: 21.3333333333vw;
    height: 30.9333333333vw;
  }
}
.p-facilitydetail-cont__img {
  position: absolute;
  width: 12vw;
  height: 17.3333333333vw;
  bottom: -6vw;
  right: 0;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__img {
    width: 18.2291666667vw;
    height: 26.0416666667vw;
    bottom: -5.2083333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__img {
    width: 37.3333333333vw;
    height: 53.3333333333vw;
    bottom: -5.3333333333vw;
  }
}
.p-facilitydetail-cont__space {
  float: right;
  height: calc(100% - 8.6666666667vw);
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__space {
    height: calc(100% - 19.53125vw);
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__space {
    height: calc(100% - 41.3333333333vw);
  }
}
.p-facilitydetail-cont__ttl {
  font-size: 1.2vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__ttl {
    font-size: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__ttl {
    width: 100%;
    font-size: 4.8vw;
  }
}
.p-facilitydetail-cont__txt {
  font-size: 1.0666666667vw;
  line-height: 1.75;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__txt {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__txt {
    font-size: 4.2666666667vw;
  }
}
.p-facilitydetail-cont__txt + .p-facilitydetail-cont__txt {
  padding-top: 1.2vw;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__txt + .p-facilitydetail-cont__txt {
    padding-top: 1.171875vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__txt + .p-facilitydetail-cont__txt {
    padding-top: 2.4vw;
  }
}
.p-facilitydetail-cont__name {
  padding-top: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-facilitydetail-cont__name {
    padding-top: 2.6041666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilitydetail-cont__name {
    padding-top: 5.3333333333vw;
    padding-right: 34.6666666667vw;
  }
}
.p-facility-swiper {
  width: calc(100% - 26.6666666667vw);
}

@media only screen and (max-width: 1271px) {
  .p-facility-swiper {
    width: 100%;
  }
}
.p-facility-swiper__img-wrap {
  position: relative;
  height: 100%;
}

.p-facility-swiper__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-facility-swiper__txt {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 0.3333333333vw 1.0666666667vw 0.2vw;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-swiper__txt {
    font-size: 1.5625vw;
    padding: 0.6510416667vw 2.0833333333vw 0.390625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-swiper__txt {
    font-size: 3.2vw;
    padding: 1.3333333333vw 4.2666666667vw 0.8vw;
  }
}
.p-facility-swiper .swiper-pagination {
  left: auto;
  right: 1.2vw;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1271px) {
  .p-facility-swiper .swiper-pagination {
    right: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-swiper .swiper-pagination {
    right: 4.8vw;
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  width: auto;
}

.swiper-pagination-bullet {
  background-color: #777777;
  opacity: 1;
  width: 0.5333333333vw;
  height: 0.5333333333vw;
}

@media only screen and (max-width: 1271px) {
  .swiper-pagination-bullet {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-pagination-bullet {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 0.2vw solid #fff;
  width: 0.8vw;
  height: 0.8vw;
}

@media only screen and (max-width: 1271px) {
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0.390625vw solid #fff;
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0.8vw solid #fff;
    width: 3.2vw;
    height: 3.2vw;
  }
}
.p-facility-link {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5333333333vw;
  margin-top: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-facility-link {
    gap: 1.0416666667vw;
    margin-top: 3.90625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-link {
    gap: 2.1333333333vw;
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-link__item.--half {
    width: calc((100% - 2.1333333333vw) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-link__item {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-facility-link__link {
  display: flex;
  align-items: center;
  border-radius: 0.5333333333vw;
  background-color: #fff;
  padding: 0.6666666667vw 1.0666666667vw 0.5333333333vw;
  gap: 0.5333333333vw;
}

@media only screen and (min-width: 1272px) {
  .p-facility-link__link {
    transition: 0.5s opacity;
  }

  .p-facility-link__link:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 1271px) {
  .p-facility-link__link {
    border-radius: 1.0416666667vw;
    gap: 1.0416666667vw;
    padding: 1.0416666667vw 1.953125vw 1.0416666667vw 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facility-link__link {
    border-radius: 2.1333333333vw;
    gap: 2.1333333333vw;
    padding: 2.1333333333vw 4vw 2.1333333333vw 4vw;
  }
}
.p-facility-link__img-wrap {
  display: flex;
  align-items: center;
}

.p-feature__txt {
  font-size: 1.7333333333vw;
  line-height: 1.422;
  font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (max-width: 1271px) {
  .p-feature__txt {
    font-size: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature__txt {
    font-size: 6.4vw;
    line-height: 1.458;
    margin-top: 0;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature__txt::before {
    top: 1.3333333333vw;
    left: 1.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature__txt::after {
    top: 1.3333333333vw;
    right: 1.6vw;
  }
}
.p-feature-card {
  margin-top: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-feature-card {
    margin-top: 2.734375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-card {
    margin-top: 5.6vw;
  }
}
.p-feature-card__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
}

@media only screen and (max-width: 1271px) {
  .p-feature-card__list {
    gap: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-card__list {
    gap: 4vw;
  }
}
.p-feature-card__item {
  width: calc((100% - 4vw) / 3);
  border-radius: 0.5333333333vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 1271px) {
  .p-feature-card__item {
    width: calc((100% - 7.8125vw) / 3);
    border-radius: 1.0416666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-card__item {
    width: 100%;
    border-radius: 2.1333333333vw;
  }
}
.p-feature-card__ttl {
  color: #006fcf;
  font-weight: 700;
  font-size: 1.2vw;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 1271px) {
  .p-feature-card__ttl {
    font-size: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-card__ttl {
    font-size: 4.8vw;
  }
}
.p-feature-card__txtcont {
  background-color: #e9f8fd;
  padding: 1.0666666667vw 1.3333333333vw;
  flex: 1 0 auto;
}

@media only screen and (max-width: 1271px) {
  .p-feature-card__txtcont {
    padding: 2.6041666667vw 1.5625vw 2.2135416667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-card__txtcont {
    padding: 5.3333333333vw 3.2vw 4.5333333333vw;
  }
}
.p-feature-card__txt {
  margin-top: 0.6666666667vw;
  letter-spacing: 0.04em;
  line-height: 1.75;
  font-weight: 500;
}

@media only screen and (max-width: 1271px) {
  .p-feature-card__txt {
    margin-top: 1.171875vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-card__txt {
    margin-top: 2.4vw;
  }
}
.p-feature-detail-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
  margin-top: 3.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-feature-detail-list {
    gap: 1.953125vw;
    margin-top: 5.859375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-detail-list {
    gap: 5.3333333333vw;
    margin-top: 12vw;
  }
}
.p-feature-detail-list__item {
  width: calc((100% - 4vw) / 3);
}

@media only screen and (max-width: 1271px) {
  .p-feature-detail-list__item {
    width: calc((100% - 7.8125vw) / 3);
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-detail-list__item {
    width: 100%;
  }
}
.p-feature-detail-list__ttl {
  font-size: 1.2vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .p-feature-detail-list__ttl {
    font-size: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-detail-list__ttl {
    font-size: 4.8vw;
  }
}
.p-feature-detail-list__ttl + .c-feature-list {
  margin-top: 0.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-feature-detail-list__ttl + .c-feature-list {
    margin-top: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-feature-detail-list__ttl + .c-feature-list {
    margin-top: 2.6666666667vw;
  }
}
.p-definition-list {
  margin-top: 3.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-definition-list {
    margin-top: 5.859375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-definition-list {
    margin-top: 12vw;
  }
}
.p-definition-list__ttl {
  font-size: 1.2vw;
  font-weight: 700;
}

@media only screen and (max-width: 1271px) {
  .p-definition-list__ttl {
    font-size: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-definition-list__ttl {
    font-size: 4.8vw;
  }
}
.p-definition-list__cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-definition-list__cont {
    margin-top: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-definition-list__cont {
    margin-top: 4.8vw;
  }
}
.p-definition-list__dl-cntr {
  width: calc((100% - 2.6666666667vw) / 2);
  position: relative;
}

@media only screen and (max-width: 767px) {
  .p-definition-list__dl-cntr {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-definition-list__dl-cntr + .p-definition-list__dl-cntr .p-definition-list__dl {
    border-top: none;
  }
}
.p-definition-list__dl {
  display: flex;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 1.3333333333vw 0;
}

@media only screen and (max-width: 1271px) {
  .p-definition-list__dl {
    padding: 1.3020833333vw 0 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-definition-list__dl {
    flex-wrap: wrap;
    padding: 2.6666666667vw 0 2.4vw;
    gap: 1.3333333333vw;
  }
}
.p-definition-list__dl + .p-definition-list__dl {
  border-top: none;
  margin-top: 0 !important;
}

.p-definition-list__dt {
  font-size: 1.0666666667vw;
  font-weight: 700;
  width: 8.4vw;
  padding-right: 1em;
}

@media only screen and (max-width: 1271px) {
  .p-definition-list__dt {
    font-size: 2.0833333333vw;
    width: 16.40625vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-definition-list__dt {
    font-size: 4.2666666667vw;
    width: 100%;
  }
}
.p-definition-list__link-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-definition-list__link-flex {
    gap: 1.3020833333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-definition-list__link-flex {
    gap: 5.3333333333vw;
  }
}
.p-definition-list__link {
  color: #006fcf;
  transition: 0.5s;
  display: block;
}

@media only screen and (min-width: 1280px) {
  .p-definition-list__link:hover {
    opacity: 0.7;
  }
}
.p-gallery {
  margin-top: 3.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-gallery {
    margin-top: 5.859375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-gallery {
    margin-top: 12vw;
  }
}
.p-gallery__ttl {
  font-size: 1.3333333333vw;
  font-weight: 700;
  position: relative;
}

@media only screen and (max-width: 1271px) {
  .p-gallery__ttl {
    font-size: 2.34375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-gallery__ttl {
    font-size: 4.8vw;
  }
}
.p-gallery__ttl::after {
  content: "GALLEY";
  position: absolute;
  bottom: -2.4vw;
  left: 50%;
  transform: translate(-50%);
  font-family: "Roboto", sans-serif;
  font-size: 5.3333333333vw;
  color: #cbeaff;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .p-gallery__ttl::after {
    content: none;
  }
}
.p-gallery__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.5333333333vw;
  margin-top: 1.3333333333vw;
}

@media only screen and (max-width: 1271px) {
  .p-gallery__list {
    font-size: 2.6041666667vw;
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-gallery__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.3333333333vw;
    margin-top: 4.2666666667vw;
  }
}
.p-gallery__item {
  aspect-ratio: 1;
}

.p-gallery__link {
  display: block;
  height: 100%;
  opacity: 0.7;
  transition: 0.5s;
}

@media only screen and (min-width: 1280px) {
  .p-gallery__link:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .p-gallery__link {
    opacity: 1;
  }
}
.p-gallery__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.googlemap {
  height: 34.6666666667vw;
}

@media only screen and (max-width: 767px) {
  .googlemap {
    height: 106.6666666667vw;
  }
}
.googlemap_wrap {
  height: 100%;
}

.p-around__inr {
  background-color: #e9f8fd;
}

.p-around-ttl {
  margin-top: 3.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .p-around-ttl {
    margin-top: 5.859375vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-around-ttl {
    margin-top: 12vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-around-ttl + .p-facility-list {
    margin-top: 5.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-slide-sec-feature-list {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1272px) {
  .xl_text-center {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .md_text-center {
    text-align: center;
  }
}
.mt-40 {
  margin-top: 2.6666666667vw;
}

@media only screen and (max-width: 1271px) {
  .mt-40 {
    margin-top: 3.125vw;
  }
}
@media only screen and (max-width: 767px) {
  .mt-40 {
    margin-top: 6.4vw;
  }
}
.c-pageTop {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 52px;
  bottom: 60px;
  z-index: 100;
  opacity: 0;
  transition: 0.5s opacity;
}

@media only screen and (max-width: 767px) {
  .c-pageTop {
    right: 8px;
    bottom: 16px;
  }
}
.is-scrolled .c-pageTop {
  opacity: 1;
}

.c-pageTop img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotate(-90deg);
}

.departure,
.arrival {
  position: relative;
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

@media only screen and (max-width: 767px) {
  .departure + .arrival,
.departure + .form-group,
.arrival + .arrival,
.arrival + .form-group {
    margin-top: 2.1333333333vw;
  }
}
.onward,
.return {
  position: relative;
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
}

@media only screen and (max-width: 767px) {
  .onward,
.return {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .onward + .form-group,
.onward + .return,
.return + .form-group,
.return + .return {
    margin-top: 2.1333333333vw;
  }
}
#file-registry-container {
  width: 100%;
}

.form-text {
  font-size: 0.9333333333vw;
}

@media only screen and (max-width: 1271px) {
  .form-text {
    font-size: 1.8229166667vw;
  }
}
@media only screen and (max-width: 767px) {
  .form-text {
    font-size: 3.7333333333vw;
  }
}
.tour-desc {
  line-height: 1.8;
}

.tour-desc + .tour-desc {
  margin-top: 2em;
}

.indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

.font-bold {
  font-weight: 700;
}

.underline {
  text-decoration: underline;
}

/*# sourceMappingURL=workcation.css.map */