@charset "UTF-8";
:root {
  --contentsPcWidth: $contentsPcWidth;
  --color_primary: #2a8452;
  --color_bg: #f6f6f6;
  --color_border: #ddd;
  --color_txt: #252413;
  --color_lnk: #000;
  --link_deco: none;
  --color_key: #15a9d8;
  --color_placeholder: #e2e2e2;
  --color_form: #fff;
  --color_contents: #eeeceb;
  --color_consultant: #d29b00;
  --color_researcher: #1b4b7d;
  --imgPath: "/assets/img/";
  --font-family-basic:
    "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4",
    "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4",
    "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
} /*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
:before,
:after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
html {
  line-height: 1.15;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
}
main {
  display: block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
hr {
  clear: both;
  box-sizing: content-box;
  height: 0;
  margin: 0;
  overflow: visible;
  color: inherit;
  border-top-width: 1px;
}
pre {
  font-family: monospace, monospace;
  font-size: inherit;
}
address {
  font-style: inherit;
}
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
abbr[title] {
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  font: inherit;
  vertical-align: middle;
  color: inherit;
  text-align: inherit;
  text-transform: inherit;
  appearance: none;
  background: transparent;
  border-radius: 0;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
  cursor: default;
}
:-moz-focusring {
  outline: auto;
}
select:disabled {
  opacity: inherit;
}
option {
  padding: 0;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  appearance: button;
}
[type="number"] {
  appearance: textfield;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable]:focus {
  outline: auto;
}
table {
  border-collapse: collapse;
  border-color: inherit;
}
caption {
  text-align: left;
}
td,
th {
  padding: 0;
  vertical-align: top;
}
th {
  font-weight: 700;
  text-align: left;
}
html {
  font-family: var(--font-family-basic);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color_txt);
  word-wrap: break-word;
  scroll-behavior: smooth;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1.6;
  word-break: normal;
  overflow-wrap: anywhere;
  text-size-adjust: 100%;
  line-break: strict;
}
:lang(en),
[lang="en"] {
  font-family: Montserrat, sans-serif;
}
a {
  color: var(--color_lnk);
  text-decoration: var(--link_deco);
  transition: opacity 0.2s;
}
@media (hover: hover) {
  a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 750px) {
  img {
    width: 100%;
  }
}
strong {
  font-weight: 700;
}
input {
  padding: 0;
  background: none;
  border: none;
}
* {
  box-sizing: border-box;
  backface-visibility: hidden;
}
*:after,
*:before {
  box-sizing: border-box;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="number"],
select,
textarea {
  padding: 6px;
  font-family: var(--font-family-basic);
  vertical-align: bottom;
  background-color: #fff;
  border: solid 1px #c9c9c9;
}
input[type="text"]::input-placeholder,
input[type="tel"]::input-placeholder,
input[type="password"]::input-placeholder,
input[type="email"]::input-placeholder,
input[type="search"]::input-placeholder,
input[type="url"]::input-placeholder,
input[type="datetime"]::input-placeholder,
input[type="date"]::input-placeholder,
input[type="month"]::input-placeholder,
input[type="week"]::input-placeholder,
input[type="time"]::input-placeholder,
input[type="datetime-local"]::input-placeholder,
input[type="number"]::input-placeholder,
select::input-placeholder,
textarea::input-placeholder {
  color: var(--color_placeholder);
}
input[type="text"]:input-placeholder,
input[type="tel"]:input-placeholder,
input[type="password"]:input-placeholder,
input[type="email"]:input-placeholder,
input[type="search"]:input-placeholder,
input[type="url"]:input-placeholder,
input[type="datetime"]:input-placeholder,
input[type="date"]:input-placeholder,
input[type="month"]:input-placeholder,
input[type="week"]:input-placeholder,
input[type="time"]:input-placeholder,
input[type="datetime-local"]:input-placeholder,
input[type="number"]:input-placeholder,
select:input-placeholder,
textarea:input-placeholder {
  color: var(--color_placeholder);
}
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder,
input[type="url"]::placeholder,
input[type="datetime"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="number"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--color_placeholder);
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="datetime"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  background-color: #eef4fb;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 0;
  vertical-align: -1px;
}
input[type="button"],
input[type="submit"] {
  font-family: var(--font-family-basic);
  vertical-align: bottom;
  appearance: none;
  cursor: pointer;
}
textarea {
  vertical-align: bottom;
  resize: vertical;
}
em {
  font-style: italic;
}
sup {
  font-size: 0.5em;
  vertical-align: super;
}
sub {
  font-size: 0.5em;
  vertical-align: sub;
}
blockquote {
  position: relative;
  padding: 1em 1em 1em 3em;
  background-color: #eeefff;
  border-left: 3px solid #666;
}
blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 600%;
  line-height: 1em;
  color: #999;
  content: "“";
}
::selection {
  background: #d4dcd6;
}
.l-content {
  display: grid;
  grid-template-columns:
    1fr clamp(978 * 750 / 1366 * 1px, 978 / 1366 * 100vw, 978px)
    1fr;
}
@media screen and (max-width: 750px) {
  .l-content {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (min-width: 751px) {
  .l-content > * {
    grid-column: 2/3;
  }
}
@media print, screen and (min-width: 751px) {
  .l-content--full {
    grid-column: 1/4 !important;
  }
}
.m-accordion__ttl {
  cursor: pointer;
}
.m-accordion__contents {
  display: none;
}
.m-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.m-dialog[open] {
  pointer-events: initial;
  animation: dialogFadeIn 0.4s ease-out forwards;
}
.m-dialog::backdrop {
  background-color: #0009;
  animation: dialogFadeIn 0.4s ease-out forwards;
}
.m-dialog__close {
  position: absolute;
  top: clamp(23 * 750 / 1366 * 1px, 23 / 1366 * 100vw, 23px);
  right: clamp(26 * 750 / 1366 * 1px, 26 / 1366 * 100vw, 26px);
  width: clamp(36 * 750 / 1366 * 1px, 36 / 1366 * 100vw, 36px);
  height: clamp(36 * 750 / 1366 * 1px, 36 / 1366 * 100vw, 36px);
}
@media screen and (max-width: 750px) {
  .m-dialog__close {
    top: 5.0666666667vw;
    right: 5.0666666667vw;
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
.m-dialog__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(27 * 750 / 1366 * 1px, 27 / 1366 * 100vw, 27px);
  height: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  content: "";
  background-color: var(--color_txt);
  rotate: -45deg;
  translate: -50% -50%;
}
@media screen and (max-width: 750px) {
  .m-dialog__close:after {
    width: 5.6vw;
    height: 0.5333333333vw;
  }
}
.m-dialog__close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(27 * 750 / 1366 * 1px, 27 / 1366 * 100vw, 27px);
  height: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  content: "";
  background-color: var(--color_txt);
  rotate: 45deg;
  translate: -50% -50%;
}
@media screen and (max-width: 750px) {
  .m-dialog__close:before {
    width: 5.6vw;
    height: 0.5333333333vw;
  }
}
.m-dialog__content {
  position: relative;
  width: clamp(1028 * 750 / 1366 * 1px, 1028 / 1366 * 100vw, 1028px);
  height: auto;
  padding: clamp(100 * 750 / 1366 * 1px, 100 / 1366 * 100vw, 100px)
    clamp(100 * 750 / 1366 * 1px, 100 / 1366 * 100vw, 100px)
    clamp(77 * 750 / 1366 * 1px, 77 / 1366 * 100vw, 77px);
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .m-dialog__content {
    width: 88.2666666667vw;
    padding: 13.3333333333vw 5.0666666667vw;
  }
}
.m-dialog__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
}
@media screen and (max-width: 750px) {
  .m-dialog__inner {
    padding: 10.6666666667vw 0;
  }
}
@media print, screen and (min-width: 751px) {
  .m-dialogFood__img {
    width: 100%;
    height: fit-content !important;
    margin: 0 !important;
  }
}
.m-dialogFood__imgWrap {
  width: 100%;
}
@media print, screen and (min-width: 751px) {
  .m-dialogFood__imgWrap {
    grid-row: 1/3;
    grid-column: 2/3;
  }
}
@media screen and (max-width: 750px) {
  .m-dialogFood__imgWrap {
    grid-row: 2/3;
    gap: 3.2vw;
  }
}
@media print, screen and (min-width: 751px) {
  .m-dialogFood__imgWrap .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  }
}
.m-dialogFood__inner {
  display: grid;
  grid-template-columns: 1fr clamp(
      272 * 750 / 1366 * 1px,
      272 / 1366 * 100vw,
      272px
    );
  gap: clamp(64 * 750 / 1366 * 1px, 64 / 1366 * 100vw, 64px)
    clamp(70 * 750 / 1366 * 1px, 70 / 1366 * 100vw, 70px);
}
@media screen and (max-width: 750px) {
  .m-dialogFood__inner {
    grid-template-columns: 1fr;
    gap: 6.4vw;
  }
}
.m-dialogFood__link {
  position: relative;
  display: block;
  width: fit-content;
  padding-right: clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  margin-top: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  margin-right: 0;
  margin-left: auto;
  font-size: clamp(18 * 750 / 1366 * 1px, 18 / 1366 * 100vw, 18px);
  font-weight: 700;
  border-bottom: 1px solid var(--color_txt);
}
@media screen and (max-width: 750px) {
  .m-dialogFood__link {
    padding-right: 5.6vw;
    margin-top: 8vw;
    font-size: 4vw;
  }
}
.m-dialogFood__link:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: clamp(11 * 750 / 1366 * 1px, 11 / 1366 * 100vw, 11px);
  height: clamp(13 * 750 / 1366 * 1px, 13 / 1366 * 100vw, 13px);
  content: "";
  translate: 0 -50%;
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='13'%20viewBox='0%200%2011%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.76679%2010.5405C3.40828%2010.5405%203.10484%2010.4176%202.85645%2010.1716C2.60806%209.92568%202.48387%209.62521%202.48387%209.27023V1.27031C2.48387%200.915329%202.60806%200.614865%202.85645%200.368919C3.10484%200.122973%203.40828%200%203.76679%200H9.71708C10.0756%200%2010.379%200.122973%2010.6274%200.368919C10.8758%200.614865%2011%200.915329%2011%201.27031V9.27023C11%209.62521%2010.8758%209.92568%2010.6274%2010.1716C10.379%2010.4176%2010.0756%2010.5405%209.71708%2010.5405H3.76679ZM3.76679%209.48649H9.71708C9.77173%209.48649%209.82176%209.46394%209.86718%209.41885C9.91271%209.37388%209.93548%209.32434%209.93548%209.27023V1.27031C9.93548%201.2162%209.91271%201.16666%209.86718%201.12169C9.82176%201.0766%209.77173%201.05405%209.71708%201.05405H3.76679C3.71215%201.05405%203.66211%201.0766%203.61669%201.12169C3.57116%201.16666%203.54839%201.2162%203.54839%201.27031V9.27023C3.54839%209.32434%203.57116%209.37388%203.61669%209.41885C3.66211%209.46394%203.71215%209.48649%203.76679%209.48649ZM1.28292%2013C0.924414%2013%200.620968%2012.877%200.372581%2012.6311C0.124194%2012.3851%200%2012.0847%200%2011.7297V2.67572H1.06452V11.7297C1.06452%2011.7838%201.08729%2011.8333%201.13282%2011.8783C1.17824%2011.9234%201.22827%2011.9459%201.28292%2011.9459H8.29773V13H1.28292Z'%20fill='%23252413'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.m-dialogFood__ttl {
  position: relative;
  padding-bottom: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  font-size: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  font-weight: 500;
  line-height: 1.8333333333;
}
@media print, screen and (min-width: 751px) {
  .m-dialogFood__ttl {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
@media screen and (max-width: 750px) {
  .m-dialogFood__ttl {
    grid-row: 1/2;
    padding-bottom: 0.5333333333vw;
    font-size: 4.2666666667vw;
  }
}
.m-dialogFood__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(61 * 750 / 1366 * 1px, 61 / 1366 * 100vw, 61px);
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    #00843b clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(8 * 750 / 1366 * 1px, 8 / 1366 * 100vw, 8px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .m-dialogFood__ttl:after {
    width: 8.1333333333vw;
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      #00843b 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 2.1333333333vw 0.5333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .m-dialogFood__thumb {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .m-dialogFood__thumb {
    grid-row: 3/4;
    width: 100%;
  }
}
.m-dialogFood__thumb .swiper-slide {
  opacity: 0.6;
}
.m-dialogFood__thumb .swiper-slide-thumb-active {
  opacity: 1;
}
.m-dialogFood__txt {
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 1.875;
}
@media print, screen and (min-width: 751px) {
  .m-dialogFood__txt {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
@media screen and (max-width: 750px) {
  .m-dialogFood__txt {
    grid-row: 4/5;
    font-size: 4vw;
  }
}
.m-sample:hover {
  background: #ccc;
}
.m-sample__block {
  padding: 10px;
  border: 1px solid #000;
}
.m-sample--modifier .m-sample__block {
  color: red;
}
.p-area__inner {
  display: grid;
  grid-template-columns:
    clamp(254 * 750 / 1366 * 1px, 254 / 1366 * 100vw, 254px)
    1fr;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .p-area__inner {
    grid-template-columns: 1fr;
  }
}
.p-area__main {
  overflow: hidden;
  background-color: var(--color_bg);
}
.p-areaAbout {
  padding: clamp(45 * 750 / 1366 * 1px, 45 / 1366 * 100vw, 45px) 0
    clamp(138 * 750 / 1366 * 1px, 138 / 1366 * 100vw, 138px);
}
@media screen and (max-width: 750px) {
  .p-areaAbout {
    padding: 10.6666666667vw 0 63.0666666667vw;
  }
}
.p-areaAbout__box02 {
  margin-top: clamp(55 * 750 / 1366 * 1px, 55 / 1366 * 100vw, 55px);
}
@media screen and (max-width: 750px) {
  .p-areaAbout__box02 {
    width: 88.2666666667vw;
    margin: 0 auto;
  }
}
.p-areaAbout__grid01 {
  display: grid;
  grid-template-columns: 1fr clamp(
      373 * 750 / 1366 * 1px,
      373 / 1366 * 100vw,
      373px
    );
  gap: clamp(83 * 750 / 1366 * 1px, 83 / 1366 * 100vw, 83px);
}
@media screen and (max-width: 750px) {
  .p-areaAbout__grid01 {
    grid-template-columns: 1fr;
    gap: 5.8666666667vw;
    margin-bottom: 23.6vw;
  }
}
.p-areaAbout__ttl {
  position: relative;
  width: fit-content;
  padding-bottom: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px);
  margin-bottom: clamp(66 * 750 / 1366 * 1px, 66 / 1366 * 100vw, 66px);
  font-size: clamp(30 * 750 / 1366 * 1px, 30 / 1366 * 100vw, 30px);
  font-weight: 900;
  line-height: 1.4666666667;
  color: var(--color_primary);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaAbout__ttl {
    padding-bottom: 1.6vw;
    margin: 0 5.8666666667vw 13.0666666667vw;
    font-size: 5.3333333333vw;
  }
}
.p-areaAbout__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px);
  content: "";
  background-image: radial-gradient(
    circle,
    var(--color_primary) clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px),
    transparent clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px)
  );
  background-repeat: repeat-x;
  background-size: clamp(8 * 750 / 1366 * 1px, 8 / 1366 * 100vw, 8px)
    clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px);
}
@media screen and (max-width: 750px) {
  .p-areaAbout__ttl:after {
    height: 1.0666666667vw;
    background-image: radial-gradient(
      circle,
      var(--color_primary) 0.5333333333vw,
      transparent 0.5333333333vw
    );
    background-size: 2.1333333333vw 1.0666666667vw;
  }
}
.p-areaAbout__ttlLv2 {
  margin-bottom: clamp(44 * 750 / 1366 * 1px, 44 / 1366 * 100vw, 44px);
  font-size: clamp(28 * 750 / 1366 * 1px, 28 / 1366 * 100vw, 28px);
  font-weight: 700;
  line-height: 1.5714285714;
}
@media screen and (max-width: 750px) {
  .p-areaAbout__ttlLv2 {
    width: 88.2666666667vw;
    margin: 0 auto 12.8vw;
    font-size: 8vw;
  }
}
.p-areaAbout__txt {
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 2.625;
}
@media screen and (max-width: 750px) {
  .p-areaAbout__txt {
    font-size: 4vw;
    line-height: 2;
  }
}
.p-areaAbout__txtWrap {
  display: flex;
  flex-direction: column;
  gap: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
}
@media screen and (max-width: 750px) {
  .p-areaAbout__txtWrap {
    gap: 8.5333333333vw;
    width: 88.2666666667vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .p-areaAboutList {
    display: flex;
    flex-direction: column;
    gap: 17.8666666667vw;
  }
}
.p-areaAboutList__item {
  position: relative;
  width: fit-content;
}
.p-areaAboutList__item:nth-child(odd) {
  margin-right: auto;
  margin-left: 0;
}
.p-areaAboutList__item:nth-child(2n) {
  margin-right: 0;
  margin-left: auto;
}
@media print, screen and (min-width: 751px) {
  .p-areaAboutList__item:nth-child(n + 2) {
    margin-top: clamp(-62px, -62 / 1366 * 100vw, -62 * 750 / 1366 * 1px);
  }
}
.p-areaAboutList__item:nth-child(2):after {
  position: absolute;
  bottom: 0;
  left: clamp(-487px, -487 / 1366 * 100vw, -487 * 750 / 1366 * 1px);
  width: clamp(262 * 750 / 1366 * 1px, 262 / 1366 * 100vw, 262px);
  height: clamp(182 * 750 / 1366 * 1px, 182 / 1366 * 100vw, 182px);
  content: "";
  background-image: url(../../assets/img/area/common/about_illust02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__item:nth-child(2):after {
    bottom: -37.3333333333vw;
    left: -13.2vw;
    width: 38.9333333333vw;
    height: 27.0666666667vw;
  }
}
.p-areaAboutList__item:nth-child(2):before {
  position: absolute;
  top: clamp(-98px, -98 / 1366 * 100vw, -98 * 750 / 1366 * 1px);
  right: clamp(61 * 750 / 1366 * 1px, 61 / 1366 * 100vw, 61px);
  width: clamp(115 * 750 / 1366 * 1px, 115 / 1366 * 100vw, 115px);
  height: clamp(80 * 750 / 1366 * 1px, 80 / 1366 * 100vw, 80px);
  content: "";
  background-image: url(../../assets/img/area/common/about_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__item:nth-child(2):before {
    display: none;
  }
}
.p-areaAboutList__itemImg {
  width: clamp(460 * 750 / 1366 * 1px, 460 / 1366 * 100vw, 460px);
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__item:nth-child(1) .p-areaAboutList__itemImg {
    width: 80.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__item:nth-child(2) .p-areaAboutList__itemImg {
    width: 77.7333333333vw;
  }
}
.p-areaAboutList__itemTxt {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__itemTxt {
    gap: 1.8666666667vw;
  }
}
.p-areaAboutList__itemTxt .x-text {
  display: inline-block;
  width: fit-content;
  padding: clamp(5 * 750 / 1366 * 1px, 5 / 1366 * 100vw, 5px)
    clamp(22 * 750 / 1366 * 1px, 22 / 1366 * 100vw, 22px);
  font-size: clamp(18 * 750 / 1366 * 1px, 18 / 1366 * 100vw, 18px);
  font-weight: 700;
  line-height: 1.4444444444;
  color: #fff;
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__itemTxt .x-text {
    padding: 3.4666666667vw 5.8666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-areaAboutList__item:nth-child(1) .p-areaAboutList__itemTxt {
  top: clamp(53 * 750 / 1366 * 1px, 53 / 1366 * 100vw, 53px);
  right: clamp(-74px, -74 / 1366 * 100vw, -74 * 750 / 1366 * 1px);
  width: clamp(230 * 750 / 1366 * 1px, 230 / 1366 * 100vw, 230px);
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__item:nth-child(1) .p-areaAboutList__itemTxt {
    top: -5.2vw;
    right: -13.4666666667vw;
    width: 56.2666666667vw;
  }
}
.p-areaAboutList__item:nth-child(1)
  .p-areaAboutList__itemTxt
  .x-text:nth-child(1) {
  align-self: start;
  clip-path: polygon(
    0.8% 95.6%,
    0% 41.7%,
    0% 0%,
    23.4% 5.6%,
    34% 0%,
    45.5% 0%,
    66% 5.6%,
    84.3% 0%,
    97.6% 11.3%,
    99.7% 63.9%,
    97.6% 95.6%,
    66.9% 100%,
    25.4% 100%
  );
}
.p-areaAboutList__item:nth-child(1)
  .p-areaAboutList__itemTxt
  .x-text:nth-child(2) {
  align-self: end;
  clip-path: polygon(
    0% 94.4%,
    1.1% 50%,
    1.1% 5.6%,
    18% 0%,
    36.6% 5.6%,
    66.4% 0%,
    98.1% 5.6%,
    100% 50%,
    100% 94.4%,
    66.4% 94.4%,
    48.9% 94.4%,
    32% 100%
  );
}
.p-areaAboutList__item:nth-child(2) .p-areaAboutList__itemTxt {
  top: clamp(165 * 750 / 1366 * 1px, 165 / 1366 * 100vw, 165px);
  left: clamp(-79px, -79 / 1366 * 100vw, -79 * 750 / 1366 * 1px);
}
@media screen and (max-width: 750px) {
  .p-areaAboutList__item:nth-child(2) .p-areaAboutList__itemTxt {
    top: -6.1333333333vw;
    left: -16.9333333333vw;
    gap: 1.0666666667vw;
  }
}
.p-areaAboutList__item:nth-child(2)
  .p-areaAboutList__itemTxt
  .x-text:nth-child(1) {
  clip-path: polygon(
    2.7% 100%,
    1.9% 55.6%,
    0% 6%,
    19.3% 6%,
    34.9% 0%,
    58.3% 0%,
    77.6% 0%,
    95.9% 6%,
    98.4% 55.6%,
    100% 90.6%,
    57.1% 100%,
    29.2% 100%
  );
}
.p-areaAboutList__item:nth-child(2)
  .p-areaAboutList__itemTxt
  .x-text:nth-child(2) {
  clip-path: polygon(
    0% 100%,
    0% 43.5%,
    0% 0%,
    25.9% 4.8%,
    41.9% 0%,
    70.4% 4.8%,
    88% 0%,
    100% 7.3%,
    99.7% 30.2%,
    99.7% 58%,
    93.1% 96.7%,
    74.4% 100%,
    36.3% 100%,
    19.7% 96.7%
  );
}
.p-areaAboutList__item:nth-child(2)
  .p-areaAboutList__itemTxt
  .x-text:nth-child(3) {
  clip-path: polygon(
    2.5% 96.7%,
    0% 41.1%,
    0% 0%,
    18.5% 3.6%,
    37.2% 0%,
    68.6% 0%,
    81.7% 3.6%,
    94.1% 0%,
    100% 54.8%,
    100% 100%,
    64.8% 100%,
    49.2% 96.7%,
    32.5% 100%
  );
}
.p-areaAccess {
  position: relative;
  padding: clamp(50 * 750 / 1366 * 1px, 50 / 1366 * 100vw, 50px) 0
    clamp(54 * 750 / 1366 * 1px, 54 / 1366 * 100vw, 54px);
}
@media screen and (max-width: 750px) {
  .p-areaAccess {
    padding: 10.6666666667vw 5.8666666667vw 11.3333333333vw;
  }
}
.p-areaAccess:before {
  position: absolute;
  top: 0;
  right: clamp(-69px, -69 / 1366 * 100vw, -69 * 750 / 1366 * 1px);
  width: clamp(638 * 750 / 1366 * 1px, 638 / 1366 * 100vw, 638px);
  height: clamp(114 * 750 / 1366 * 1px, 114 / 1366 * 100vw, 114px);
  content: "";
  background-image: url(../../assets/img/area/common/access_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaAccess:before {
    right: 0;
    width: 56.1333333333vw;
    height: 21.4666666667vw;
    background-image: url(../../assets/img/area/common/access_illust01_sp.webp);
  }
}
.p-areaAccess__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(26 * 750 / 1366 * 1px, 26 / 1366 * 100vw, 26px);
  margin-bottom: clamp(48 * 750 / 1366 * 1px, 48 / 1366 * 100vw, 48px);
}
@media screen and (max-width: 750px) {
  .p-areaAccess__block {
    grid-template-columns: 1fr;
    gap: 4.2666666667vw;
    margin-bottom: 9.6vw;
  }
}
.p-areaAccess__item {
  height: 100%;
  padding: clamp(38 * 750 / 1366 * 1px, 38 / 1366 * 100vw, 38px)
    clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px)
    clamp(50 * 750 / 1366 * 1px, 50 / 1366 * 100vw, 50px);
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .p-areaAccess__item {
    padding: 7.7333333333vw 5.0666666667vw;
  }
}
.p-areaAccess__itemBorder {
  position: relative;
  border: none;
}
.p-areaAccess__itemBorder:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    rgba(36, 62, 48, 0.3) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaAccess__itemBorder:after {
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      rgba(36, 62, 48, 0.3) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 1.6vw 0.5333333333vw;
  }
}
.p-areaAccess__itemNote {
  font-size: clamp(14 * 750 / 1366 * 1px, 14 / 1366 * 100vw, 14px);
  line-height: 2;
}
@media screen and (max-width: 750px) {
  .p-areaAccess__itemNote {
    font-size: 3.7333333333vw;
  }
}
.p-areaAccess__itemTtl {
  position: relative;
  padding-left: clamp(60 * 750 / 1366 * 1px, 60 / 1366 * 100vw, 60px);
  margin-bottom: clamp(26 * 750 / 1366 * 1px, 26 / 1366 * 100vw, 26px);
  font-size: clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px);
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .p-areaAccess__itemTtl {
    padding-left: 14.6666666667vw;
    margin-bottom: 6.4vw;
    font-size: 4.2666666667vw;
  }
}
.p-areaAccess__itemTtl:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
  height: clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}
@media screen and (max-width: 750px) {
  .p-areaAccess__itemTtl:before {
    width: 12.5333333333vw;
    height: 12.5333333333vw;
  }
}
.p-areaAccess__item--car .p-areaAccess__itemTtl:before {
  background-image: url(../../assets/img/area/common/icon_car.svg);
}
.p-areaAccess__item--bus .p-areaAccess__itemTtl:before {
  background-image: url(../../assets/img/area/common/icon_bus.svg);
}
.p-areaAccess__item--train .p-areaAccess__itemTtl:before {
  background-image: url(../../assets/img/area/common/icon_train.svg);
}
.p-areaAccess__itemTxt {
  padding-top: clamp(26 * 750 / 1366 * 1px, 26 / 1366 * 100vw, 26px);
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 750px) {
  .p-areaAccess__itemTxt {
    padding-top: 6.4vw;
    font-size: 4vw;
  }
}
.p-areaAccess__link {
  display: block;
  width: fit-content;
  margin-top: clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  margin-right: 0;
  margin-left: auto;
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 2.125;
  border-bottom: 1px solid var(--color_txt);
}
@media screen and (max-width: 750px) {
  .p-areaAccess__link {
    display: none;
  }
}
.p-areaAccess__map {
  width: 100%;
  height: clamp(387 * 750 / 1366 * 1px, 387 / 1366 * 100vw, 387px);
}
@media screen and (max-width: 750px) {
  .p-areaAccess__map {
    height: 64.5333333333vw;
  }
}
.p-areaAccess__map iframe {
  width: 100%;
  height: 100%;
}
.p-areaAccess__ttl {
  position: relative;
  width: fit-content;
  padding-bottom: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  margin-bottom: clamp(56 * 750 / 1366 * 1px, 56 / 1366 * 100vw, 56px);
  font-size: clamp(32 * 750 / 1366 * 1px, 32 / 1366 * 100vw, 32px);
  font-weight: 900;
  color: var(--color_primary);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaAccess__ttl {
    padding-bottom: 0.8vw;
    margin-bottom: 13.3333333333vw;
    font-size: 6.6666666667vw;
  }
}
.p-areaAccess__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    var(--color_primary) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaAccess__ttl:after {
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      var(--color_primary) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 1.6vw 0.5333333333vw;
  }
}
.p-areaHighlights {
  position: relative;
  padding: clamp(118 * 750 / 1366 * 1px, 118 / 1366 * 100vw, 118px) 0
    clamp(111 * 750 / 1366 * 1px, 111 / 1366 * 100vw, 111px);
  background-color: var(--color_bg);
}
@media screen and (max-width: 750px) {
  .p-areaHighlights {
    padding: 26.6666666667vw 0 10.6666666667vw;
  }
}
.p-areaHighlights:after {
  position: absolute;
  top: clamp(-23px, -23 / 1366 * 100vw, -23 * 750 / 1366 * 1px);
  right: clamp(-43px, -43 / 1366 * 100vw, -43 * 750 / 1366 * 1px);
  z-index: 2;
  width: clamp(356 * 750 / 1366 * 1px, 356 / 1366 * 100vw, 356px);
  height: clamp(85 * 750 / 1366 * 1px, 85 / 1366 * 100vw, 85px);
  content: "";
  background-image: url(../../assets/img/area/common/trial_illust02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaHighlights:after {
    display: none;
  }
}
.p-areaHighlights:before {
  position: absolute;
  top: clamp(-69px, -69 / 1366 * 100vw, -69 * 750 / 1366 * 1px);
  left: clamp(-42px, -42 / 1366 * 100vw, -42 * 750 / 1366 * 1px);
  z-index: 2;
  width: clamp(464 * 750 / 1366 * 1px, 464 / 1366 * 100vw, 464px);
  height: clamp(139 * 750 / 1366 * 1px, 139 / 1366 * 100vw, 139px);
  content: "";
  background-image: url(../../assets/img/area/common/trial_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaHighlights:before {
    top: -8.5333333333vw;
    left: 0;
    width: 100%;
    height: 39.8666666667vw;
    background-image: url(../../assets/img/area/common/trial_illust01_sp.webp);
  }
}
.p-areaHighlights__inner {
  position: relative;
}
.p-areaHighlights__ttl {
  position: relative;
  width: fit-content;
  padding-bottom: clamp(10 * 750 / 1366 * 1px, 10 / 1366 * 100vw, 10px);
  margin: 0 auto clamp(100 * 750 / 1366 * 1px, 100 / 1366 * 100vw, 100px);
  font-size: clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
  font-weight: 900;
  line-height: 1.1;
  color: var(--color_primary);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaHighlights__ttl {
    padding-bottom: 2.1333333333vw;
    margin-bottom: 19.0666666667vw;
    font-size: 8vw;
  }
}
.p-areaHighlights__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px);
  content: "";
  background-image: radial-gradient(
    circle,
    var(--color_primary) clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px),
    transparent clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px)
  );
  background-repeat: repeat-x;
  background-size: clamp(8 * 750 / 1366 * 1px, 8 / 1366 * 100vw, 8px)
    clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlights__ttl:after {
    height: 1.0666666667vw;
    background-image: radial-gradient(
      circle,
      var(--color_primary) 0.5333333333vw,
      transparent 0.5333333333vw
    );
    background-size: 2.1333333333vw 1.0666666667vw;
  }
}
.p-areaHighlightsList {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  margin-bottom: clamp(80 * 750 / 1366 * 1px, 80 / 1366 * 100vw, 80px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList {
    grid-template-columns: 1fr;
    gap: 0.5333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.p-areaHighlightsList__category {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  margin: 0 clamp(43 * 750 / 1366 * 1px, 43 / 1366 * 100vw, 43px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__category {
    margin: 17.3333333333vw 5.8666666667vw 10.6666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsList__category:first-child {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsList__category:last-child {
    margin-right: 0;
  }
}
.p-areaHighlightsList__category:not(:last-child):after {
  position: absolute;
  width: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  height: 100%;
  content: "";
  background-image: radial-gradient(
    circle,
    rgba(36, 62, 48, 0.3) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-y;
  background-size: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px)
    clamp(8 * 750 / 1366 * 1px, 8 / 1366 * 100vw, 8px);
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsList__category:not(:last-child):after {
    top: 0;
    right: clamp(-45px, -45 / 1366 * 100vw, -45 * 750 / 1366 * 1px);
  }
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__category:not(:last-child):after {
    bottom: clamp(-80px, -80 / 1366 * 100vw, -80 * 750 / 1366 * 1px);
    left: 50%;
    width: 88.2666666667vw;
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      rgba(36, 62, 48, 0.3) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-repeat: repeat-x;
    background-size: 2.1333333333vw 0.5333333333vw;
    translate: -50% 0;
  }
}
.p-areaHighlightsList__categoryTtl {
  position: absolute;
  top: clamp(-35px, -35 / 1366 * 100vw, -35 * 750 / 1366 * 1px);
  left: clamp(-15px, -15 / 1366 * 100vw, -15 * 750 / 1366 * 1px);
  padding: clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px)
    clamp(35 * 750 / 1366 * 1px, 35 / 1366 * 100vw, 35px);
  font-size: clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  font-weight: 700;
  line-height: 2.0952380952;
  color: var(--color_primary);
  background-color: #f8eab9;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__categoryTtl {
    top: -10.6666666667vw;
    left: -2.6666666667vw;
    font-size: 5.6vw;
  }
}
.p-areaHighlightsList__category:nth-child(1)
  .p-areaHighlightsList__categoryTtl {
  clip-path: polygon(
    7.4% 86.3%,
    0% 42.7%,
    22.6% 0%,
    60.9% 0%,
    96.1% 6.6%,
    100% 55.3%,
    82.7% 86.3%,
    81.6% 86.7%,
    80.5% 87.2%,
    79.3% 87.7%,
    78.1% 88.2%,
    76.8% 88.7%,
    75.5% 89.2%,
    74.1% 89.8%,
    72.7% 90.3%,
    71.3% 90.9%,
    69.8% 91.4%,
    68.4% 92%,
    67% 92.5%,
    65.5% 93.1%,
    64.1% 93.6%,
    62.7% 94.2%,
    61.3% 94.7%,
    60% 95.2%,
    58.6% 95.7%,
    57.4% 96.1%,
    56.1% 96.6%,
    55% 97%,
    53.9% 97.3%,
    52.8% 97.7%,
    51.9% 98%,
    51% 98.3%,
    50.2% 98.5%,
    49.5% 98.7%,
    49% 98.8%,
    48.5% 98.9%,
    48.1% 98.9%,
    47.7% 98.9%,
    47.2% 98.7%,
    46.4% 98.5%,
    45.6% 98.3%,
    44.6% 98%,
    43.4% 97.6%,
    42.2% 97.2%,
    40.8% 96.7%,
    39.4% 96.2%,
    37.9% 95.6%,
    36.3% 95.1%,
    34.6% 94.5%,
    32.9% 93.9%,
    31.2% 93.2%,
    29.4% 92.6%,
    27.6% 92%,
    25.8% 91.3%,
    24.1% 90.7%,
    22.3% 90.1%,
    20.6% 89.6%,
    18.9% 89%,
    17.2% 88.5%,
    15.7% 88%,
    14.2% 87.6%,
    12.8% 87.2%,
    11.5% 86.9%,
    10.2% 86.6%,
    9.2% 86.5%,
    8.2% 86.3%
  );
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__category:nth-child(1)
    .p-areaHighlightsList__categoryTtl {
    padding: 3.4666666667vw 8vw 4.8vw;
  }
}
.p-areaHighlightsList__category:nth-child(2)
  .p-areaHighlightsList__categoryTtl {
  clip-path: polygon(
    4.9% 100%,
    0% 51.3%,
    22.6% 14.3%,
    60.9% 14.3%,
    100% 0%,
    100% 62.2%,
    82.7% 89.1%,
    81.6% 89.5%,
    80.5% 89.8%,
    79.3% 90.3%,
    78.1% 90.7%,
    76.8% 91.1%,
    75.5% 91.6%,
    74.1% 92.1%,
    72.7% 92.6%,
    71.3% 93%,
    69.8% 93.5%,
    68.4% 94%,
    67% 94.5%,
    65.5% 95%,
    64.1% 95.4%,
    62.7% 95.9%,
    61.3% 96.4%,
    60% 96.8%,
    58.6% 97.2%,
    57.4% 97.6%,
    56.1% 98%,
    55% 98.3%,
    53.9% 98.7%,
    52.8% 98.9%,
    51.9% 99.2%,
    51% 99.4%,
    50.2% 99.6%,
    49.5% 99.8%,
    49% 99.9%,
    48.5% 100%,
    48.1% 100%
  );
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__category:nth-child(2)
    .p-areaHighlightsList__categoryTtl {
    padding: 6.5333333333vw 8.8vw 5.2vw;
  }
}
.p-areaHighlightsList__category:nth-child(3)
  .p-areaHighlightsList__categoryTtl {
  clip-path: polygon(
    0% 68.3%,
    0% 11.5%,
    21.9% 0%,
    56.6% 11.5%,
    100% 5.9%,
    100% 72.1%,
    74.1% 97.1%,
    73% 97.5%,
    71.7% 97.8%,
    70.2% 98.1%,
    68.6% 98.4%,
    66.9% 98.6%,
    65% 98.7%,
    63% 98.8%,
    61% 98.9%,
    58.8% 99%,
    56.7% 99%,
    54.4% 99%,
    52.2% 98.9%,
    49.9% 98.9%,
    47.7% 98.8%,
    45.5% 98.7%,
    43.3% 98.6%,
    41.1% 98.5%,
    39% 98.3%,
    37% 98.2%,
    35.1% 98%,
    33.3% 97.9%,
    31.6% 97.8%,
    30.1% 97.6%,
    28.7% 97.5%,
    27.5% 97.4%,
    26.5% 97.3%,
    25.7% 97.2%,
    25.1% 97.2%,
    24.7% 97.1%,
    24.6% 97.1%,
    24.5% 97.1%,
    24.3% 96.9%,
    24.1% 96.6%,
    23.7% 96.3%,
    23.3% 95.8%,
    22.8% 95.3%,
    22.2% 94.7%,
    21.5% 94%,
    20.7% 93.2%,
    19.9% 92.4%,
    19.1% 91.5%,
    18.2% 90.6%,
    17.2% 89.6%,
    16.3% 88.5%,
    15.2% 87.4%,
    14.2% 86.2%,
    13.1% 85%,
    12.1% 83.8%,
    11% 82.6%,
    9.9% 81.3%,
    8.8% 80%,
    7.7% 78.7%,
    6.6% 77.4%,
    5.6% 76.1%,
    4.6% 74.7%,
    3.6% 73.4%,
    2.6% 72.1%,
    1.7% 70.8%,
    0.8% 69.5%
  );
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__category:nth-child(3)
    .p-areaHighlightsList__categoryTtl {
    padding: 5.0666666667vw 7.2vw 5.3333333333vw;
  }
}
.p-areaHighlightsList__itemImg {
  margin-bottom: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__itemImg {
    margin-bottom: 4.2666666667vw;
  }
}
.p-areaHighlightsList__itemTtl {
  margin-bottom: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  font-size: clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px);
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__itemTtl {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-areaHighlightsList__itemTxt {
  font-size: clamp(15 * 750 / 1366 * 1px, 15 / 1366 * 100vw, 15px);
  font-weight: 500;
  line-height: 1.7333333333;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__itemTxt {
    font-size: 4vw;
  }
}
.p-areaHighlightsList__subList {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsList__subList {
    gap: 10.6666666667vw;
  }
}
.p-areaHighlightsTab__btn {
  position: relative;
  display: block;
  padding: clamp(9 * 750 / 1366 * 1px, 9 / 1366 * 100vw, 9px)
    clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTab__btn {
    padding: 4vw 5.3333333333vw;
  }
}
.p-areaHighlightsTab__btn:before {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fff;
}
.p-areaHighlightsTab__btn--lifestyle:before {
  clip-path: polygon(
    0.8% 92.6%,
    0% 40.3%,
    1.7% 5.4%,
    23.7% 5.4%,
    34.5% 0%,
    46.1% 0%,
    66.8% 5.4%,
    85.3% 0%,
    98.8% 5.4%,
    100% 40.3%,
    98.8% 92.6%,
    82.8% 94.7%,
    66.8% 99.2%,
    25.7% 96.8%
  );
}
.p-areaHighlightsTab__btn--lifestyle .x-text:before {
  width: clamp(39 * 750 / 1366 * 1px, 39 / 1366 * 100vw, 39px);
  height: clamp(43 * 750 / 1366 * 1px, 43 / 1366 * 100vw, 43px);
  background-image: url(../../assets/img/area/common/icon_lifestyle.svg);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTab__btn--lifestyle .x-text:before {
    width: 7.8666666667vw;
    height: 8.6666666667vw;
  }
}
.p-areaHighlightsTab__btn--lifestyle[aria-selected="true"] .x-text:before {
  background-image: url(../../assets/img/area/common/icon_lifestyle_active.svg);
}
.p-areaHighlightsTab__btn--food:before {
  clip-path: polygon(
    0% 94.4%,
    1.1% 50%,
    1.1% 5.6%,
    18.2% 0%,
    37.2% 5.6%,
    67.4% 0%,
    85.5% 5.6%,
    100% 5.6%,
    100% 50%,
    100% 87.8%,
    90.6% 100%,
    67.4% 94.4%,
    49.6% 94.4%,
    32.5% 100%
  );
}
.p-areaHighlightsTab__btn--food .x-text:before {
  width: clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
  height: clamp(38 * 750 / 1366 * 1px, 38 / 1366 * 100vw, 38px);
  background-image: url(../../assets/img/area/common/icon_food.svg);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTab__btn--food .x-text:before {
    width: 7.6vw;
    height: 7.2vw;
  }
}
.p-areaHighlightsTab__btn--food[aria-selected="true"] .x-text:before {
  background-image: url(../../assets/img/area/common/icon_food_active.svg);
}
.p-areaHighlightsTab__btn[aria-selected="true"] {
  color: #fff;
}
.p-areaHighlightsTab__btn[aria-selected="true"]:before {
  background-color: var(--color_primary);
}
.p-areaHighlightsTab__btn[aria-selected="true"]:after {
  position: absolute;
  bottom: clamp(-21px, -21 / 1366 * 100vw, -21 * 750 / 1366 * 1px);
  left: 50%;
  translate: -50% 0;
  width: clamp(15 * 750 / 1366 * 1px, 15 / 1366 * 100vw, 15px);
  height: clamp(25 * 750 / 1366 * 1px, 25 / 1366 * 100vw, 25px);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  content: "";
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTab__btn[aria-selected="true"]:after {
    bottom: -3.3333333333vw;
    width: 3.8666666667vw;
    height: 4.4vw;
    clip-path: polygon(0 0, 100% 0, 80% 100%);
  }
}
.p-areaHighlightsTab__btn .x-text {
  position: relative;
  z-index: 3;
  display: block;
  width: fit-content;
  padding-left: clamp(52 * 750 / 1366 * 1px, 52 / 1366 * 100vw, 52px);
  margin: 0 auto;
  font-size: clamp(23 * 750 / 1366 * 1px, 23 / 1366 * 100vw, 23px);
  font-weight: 700;
  line-height: 1.9130434783;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTab__btn .x-text {
    padding-left: 10.4vw;
    font-size: 4.5333333333vw;
  }
}
.p-areaHighlightsTab__btn .x-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}
.p-areaHighlightsTab__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px);
  margin-bottom: clamp(32 * 750 / 1366 * 1px, 32 / 1366 * 100vw, 32px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTab__list {
    gap: 1.8666666667vw;
    width: 88.2666666667vw;
    margin: 0 auto 8vw;
  }
}
.p-areaHighlightsTab__panel {
  display: none;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTab__panel {
    width: 88.2666666667vw;
    margin: 0 auto;
  }
}
.p-areaHighlightsTab__panel.is-show {
  display: block;
}
.p-areaHighlightsTabFood {
  padding: clamp(66 * 750 / 1366 * 1px, 66 / 1366 * 100vw, 66px)
    clamp(70 * 750 / 1366 * 1px, 70 / 1366 * 100vw, 70px)
    clamp(92 * 750 / 1366 * 1px, 92 / 1366 * 100vw, 92px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood {
    padding: 10.6666666667vw 5.3333333333vw 11.4666666667vw;
  }
}
.p-areaHighlightsTabFood__item01 {
  position: absolute;
  border-radius: 50%;
}
.p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item01 {
  top: clamp(-47px, -47 / 1366 * 100vw, -47 * 750 / 1366 * 1px);
  left: clamp(-185px, -185 / 1366 * 100vw, -185 * 750 / 1366 * 1px);
  width: clamp(186 * 750 / 1366 * 1px, 186 / 1366 * 100vw, 186px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item01 {
    top: -8.8vw;
    left: -16vw;
    width: 20vw;
  }
}
.p-areaHighlightsTabFood__item02 {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
}
.p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item02 {
  top: clamp(-57px, -57 / 1366 * 100vw, -57 * 750 / 1366 * 1px);
  right: clamp(-191px, -191 / 1366 * 100vw, -191 * 750 / 1366 * 1px);
  width: clamp(248 * 750 / 1366 * 1px, 248 / 1366 * 100vw, 248px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item02 {
    top: -8.8vw;
    right: -7.8666666667vw;
    width: 20vw;
  }
}
.p-areaHighlightsTabFood__item03 {
  position: absolute;
  border-radius: 50%;
}
.p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item03 {
  bottom: clamp(29 * 750 / 1366 * 1px, 29 / 1366 * 100vw, 29px);
  left: clamp(-80px, -80 / 1366 * 100vw, -80 * 750 / 1366 * 1px);
  width: clamp(186 * 750 / 1366 * 1px, 186 / 1366 * 100vw, 186px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item03 {
    bottom: 1.6vw;
    left: -16vw;
    width: 20vw;
  }
}
.p-areaHighlightsTabFood__item04 {
  position: absolute;
  border-radius: 50%;
}
.p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item04 {
  right: clamp(-43px, -43 / 1366 * 100vw, -43 * 750 / 1366 * 1px);
  bottom: clamp(-16px, -16 / 1366 * 100vw, -16 * 750 / 1366 * 1px);
  width: clamp(186 * 750 / 1366 * 1px, 186 / 1366 * 100vw, 186px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood--takomachi .p-areaHighlightsTabFood__item04 {
    right: -7.8666666667vw;
    bottom: 1.6vw;
    width: 20vw;
  }
}
.p-areaHighlightsTabFood__map {
  position: relative;
  width: clamp(454 * 750 / 1366 * 1px, 454 / 1366 * 100vw, 454px);
  margin: clamp(57 * 750 / 1366 * 1px, 57 / 1366 * 100vw, 57px) auto 0;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood__map {
    width: 54.2666666667vw;
    margin: 16.9333333333vw 7.6vw 0 15.7333333333vw;
  }
}
.p-areaHighlightsTabFood__ttl {
  position: relative;
  width: fit-content;
  padding: 0 clamp(84 * 750 / 1366 * 1px, 84 / 1366 * 100vw, 84px) 0
    clamp(91 * 750 / 1366 * 1px, 91 / 1366 * 100vw, 91px);
  margin: 0 auto clamp(17 * 750 / 1366 * 1px, 17 / 1366 * 100vw, 17px);
  font-size: clamp(26 * 750 / 1366 * 1px, 26 / 1366 * 100vw, 26px);
  font-weight: 900;
  line-height: 1.3076923077;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood__ttl {
    padding-right: 14.2666666667vw;
    padding-left: 14.8vw;
    margin-bottom: 6.4vw;
    font-size: 5.3333333333vw;
    letter-spacing: 0;
  }
}
.p-areaHighlightsTabFood__ttl:after {
  position: absolute;
  right: 0;
  bottom: clamp(-3px, -3 / 1366 * 100vw, -3 * 750 / 1366 * 1px);
  width: clamp(59 * 750 / 1366 * 1px, 59 / 1366 * 100vw, 59px);
  height: clamp(44 * 750 / 1366 * 1px, 44 / 1366 * 100vw, 44px);
  content: "";
  background-image: url(../../assets/img/area/common/food_illust02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood__ttl:after {
    bottom: -1.2vw;
    width: 9.6vw;
    height: 7.2vw;
  }
}
.p-areaHighlightsTabFood__ttl:before {
  position: absolute;
  bottom: clamp(-3px, -3 / 1366 * 100vw, -3 * 750 / 1366 * 1px);
  left: 0;
  width: clamp(62 * 750 / 1366 * 1px, 62 / 1366 * 100vw, 62px);
  height: clamp(56 * 750 / 1366 * 1px, 56 / 1366 * 100vw, 56px);
  content: "";
  background-image: url(../../assets/img/area/common/food_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood__ttl:before {
    bottom: -2.2666666667vw;
    width: 10.1333333333vw;
    height: 9.0666666667vw;
  }
}
.p-areaHighlightsTabFood__txt {
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 1.875;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabFood__txt {
    font-size: 3.7333333333vw;
  }
}
.p-areaHighlightsTabLifestyle {
  padding: clamp(74 * 750 / 1366 * 1px, 74 / 1366 * 100vw, 74px)
    clamp(66 * 750 / 1366 * 1px, 66 / 1366 * 100vw, 66px)
    clamp(60 * 750 / 1366 * 1px, 60 / 1366 * 100vw, 60px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle {
    padding: 10.6666666667vw 5.0666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__item:nth-child(2n)
    .p-areaHighlightsTabLifestyle__content {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
.p-areaHighlightsTabLifestyle__img01 {
  width: clamp(268 * 750 / 1366 * 1px, 268 / 1366 * 100vw, 268px);
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__img01 {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__img01 {
    width: 100%;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__item:nth-child(2n)
    .p-areaHighlightsTabLifestyle__img01 {
    right: 0;
    left: auto;
  }
}
.p-areaHighlightsTabLifestyle__img02 {
  width: clamp(163 * 750 / 1366 * 1px, 163 / 1366 * 100vw, 163px);
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__img02 {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__img02 {
    width: 100%;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__item:nth-child(2n)
    .p-areaHighlightsTabLifestyle__img02 {
    right: auto;
    left: 0;
  }
}
.p-areaHighlightsTabLifestyle__imgWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__imgWrap {
    display: flex;
    flex-direction: column;
    gap: 4.2666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__item:nth-child(2n)
    .p-areaHighlightsTabLifestyle__imgWrap {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
.p-areaHighlightsTabLifestyle__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr clamp(
      458 * 750 / 1366 * 1px,
      458 / 1366 * 100vw,
      458px
    );
  gap: clamp(56 * 750 / 1366 * 1px, 56 / 1366 * 100vw, 56px);
  padding: clamp(62 * 750 / 1366 * 1px, 62 / 1366 * 100vw, 62px) 0;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__item {
    grid-template-columns: 1fr;
    gap: 4.2666666667vw;
    padding: 6vw 0;
  }
}
.p-areaHighlightsTabLifestyle__item:first-child {
  padding-top: 0;
}
.p-areaHighlightsTabLifestyle__item:last-child {
  padding-bottom: 0;
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__item:nth-child(2n) {
    grid-template-columns:
      clamp(458 * 750 / 1366 * 1px, 458 / 1366 * 100vw, 458px)
      1fr;
  }
}
.p-areaHighlightsTabLifestyle__item:nth-child(2):before {
  position: absolute;
  top: clamp(-27px, -27 / 1366 * 100vw, -27 * 750 / 1366 * 1px);
  left: 0;
  z-index: 3;
  width: clamp(144 * 750 / 1366 * 1px, 144 / 1366 * 100vw, 144px);
  height: clamp(160 * 750 / 1366 * 1px, 160 / 1366 * 100vw, 160px);
  content: "";
  background-image: url(../../assets/img/area/common/lifestyle_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__item:nth-child(2):before {
    display: none;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaHighlightsTabLifestyle__item:not(:last-child) {
    padding-bottom: clamp(64 * 750 / 1366 * 1px, 64 / 1366 * 100vw, 64px);
  }
}
.p-areaHighlightsTabLifestyle__item:not(:last-child):after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    rgba(36, 62, 48, 0.3) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__item:not(:last-child):after {
    display: none;
  }
}
.p-areaHighlightsTabLifestyle__itemTtl {
  padding: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  margin-bottom: clamp(13 * 750 / 1366 * 1px, 13 / 1366 * 100vw, 13px);
  font-size: clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px);
  font-weight: 700;
  line-height: 1.7;
  color: #fff;
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__itemTtl {
    width: fit-content;
    padding: 2.6666666667vw 6.6666666667vw 3.2vw;
    margin: 0 auto 4.2666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-areaHighlightsTabLifestyle__itemTtl .x-num {
  padding-right: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px);
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 700;
  line-height: 2.125;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__itemTtl .x-num {
    padding-right: 2.9333333333vw;
    font-size: 3.4666666667vw;
  }
}
.p-areaHighlightsTabLifestyle__item:nth-child(1)
  .p-areaHighlightsTabLifestyle__itemTtl {
  clip-path: polygon(
    0% 100%,
    0% 43.5%,
    0% 0%,
    25.9% 4.8%,
    41.9% 0%,
    70.4% 4.8%,
    88% 0%,
    100% 7.3%,
    99.7% 30.2%,
    99.7% 58%,
    93.1% 96.7%,
    74.4% 100%,
    36.3% 100%,
    19.7% 96.7%
  );
}
.p-areaHighlightsTabLifestyle__item:nth-child(2)
  .p-areaHighlightsTabLifestyle__itemTtl {
  clip-path: polygon(
    3.5% 100%,
    0% 43.5%,
    0% 0%,
    29.3% 4.8%,
    47.5% 0%,
    79.8% 4.8%,
    99.8% 0%,
    99.8% 43.5%,
    94.1% 96.7%,
    84.3% 100%,
    41.1% 100%,
    22.4% 96.7%
  );
}
.p-areaHighlightsTabLifestyle__item:nth-child(3)
  .p-areaHighlightsTabLifestyle__itemTtl {
  clip-path: polygon(
    0% 100%,
    1% 55.3%,
    0% 0%,
    23.3% 4.8%,
    41.6% 0%,
    74.8% 4.8%,
    99% 0%,
    100% 66%,
    96.9% 84%,
    82.4% 100%,
    68.8% 92.6%,
    51.4% 100%,
    21.4% 100%
  );
}
.p-areaHighlightsTabLifestyle__itemTxt {
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 1.875;
}
@media screen and (max-width: 750px) {
  .p-areaHighlightsTabLifestyle__itemTxt {
    font-size: 4vw;
    text-align: center;
  }
}
.p-areaHighlightsTabLifestyle__list {
  display: flex;
  flex-direction: column;
}
.p-areaKv {
  position: relative;
  height: fit-content;
  padding: clamp(69 * 750 / 1366 * 1px, 69 / 1366 * 100vw, 69px) 0
    clamp(109 * 750 / 1366 * 1px, 109 / 1366 * 100vw, 109px);
}
@media screen and (max-width: 750px) {
  .p-areaKv {
    padding: 8vw 0 6.2666666667vw;
  }
}
.p-areaKv__content {
  position: relative;
  z-index: 2;
}
.p-areaKv__img {
  position: absolute;
  top: 0;
  z-index: 1;
  width: clamp(932 * 750 / 1366 * 1px, 932 / 1366 * 100vw, 932px);
}
@media print, screen and (min-width: 751px) {
  .p-areaKv__img {
    right: clamp(-167px, -167 / 1366 * 100vw, -167 * 750 / 1366 * 1px);
  }
}
@media screen and (max-width: 750px) {
  .p-areaKv__img {
    top: 34.6666666667vw;
    left: 0;
    width: 96.5333333333vw;
  }
}
.p-areaKv__img:after {
  position: absolute;
  right: clamp(225 * 750 / 1366 * 1px, 225 / 1366 * 100vw, 225px);
  bottom: clamp(-67px, -67 / 1366 * 100vw, -67 * 750 / 1366 * 1px);
  width: clamp(173 * 750 / 1366 * 1px, 173 / 1366 * 100vw, 173px);
  height: clamp(317 * 750 / 1366 * 1px, 317 / 1366 * 100vw, 317px);
  content: "";
  background-image: url(../../assets/img/area/common/kv_illust02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaKv__img:after {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .p-areaKv__img:before {
    position: absolute;
    top: -25.0666666667vw;
    left: -1.2vw;
    z-index: 1;
    width: 43.8666666667vw;
    height: 41.8666666667vw;
    content: "";
    background-image: url(../../assets/img/area/common/kv_illust01.webp);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.p-areaKv__img img {
  position: relative;
  z-index: 2;
}
.p-areaKv__ttl {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(5 * 750 / 1366 * 1px, 5 / 1366 * 100vw, 5px);
  padding-top: clamp(118 * 750 / 1366 * 1px, 118 / 1366 * 100vw, 118px);
  margin-bottom: clamp(37 * 750 / 1366 * 1px, 37 / 1366 * 100vw, 37px);
}
@media screen and (max-width: 750px) {
  .p-areaKv__ttl {
    z-index: 3;
    gap: 2.4vw;
    padding-top: 6.6666666667vw;
    margin-right: 10.9333333333vw;
    margin-bottom: 20.1333333333vw;
    margin-left: auto;
    writing-mode: vertical-rl;
  }
}
.p-areaKv__ttl:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: clamp(212 * 750 / 1366 * 1px, 212 / 1366 * 100vw, 212px);
  height: clamp(202 * 750 / 1366 * 1px, 202 / 1366 * 100vw, 202px);
  content: "";
  background-image: url(../../assets/img/area/common/kv_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaKv__ttl:before {
    display: none;
  }
}
.p-areaKv__ttl .x-text {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: fit-content;
  padding: clamp(29 * 750 / 1366 * 1px, 29 / 1366 * 100vw, 29px)
    clamp(45 * 750 / 1366 * 1px, 45 / 1366 * 100vw, 45px)
    clamp(29 * 750 / 1366 * 1px, 29 / 1366 * 100vw, 29px)
    clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
  font-size: clamp(64 * 750 / 1366 * 1px, 64 / 1366 * 100vw, 64px);
  font-weight: 900;
  line-height: 0.6875;
  color: var(--color_primary);
  letter-spacing: 0.2em;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .p-areaKv__ttl .x-text {
    z-index: 3;
    height: fit-content;
    padding: 2.9333333333vw 3.4666666667vw;
    font-size: 9.3333333333vw;
  }
}
.p-areaKv__ttl .x-text:nth-child(1) {
  clip-path: polygon(
    0.8% 95.6%,
    0% 41.7%,
    0% 0%,
    23.5% 5.6%,
    34.1% 0%,
    45.7% 0%,
    66.1% 5.6%,
    84.5% 0%,
    97.9% 11.3%,
    100% 63.9%,
    97.9% 95.6%,
    67.1% 100%,
    25.4% 100%
  );
}
@media screen and (max-width: 750px) {
  .p-areaKv__ttl .x-text:nth-child(1) {
    clip-path: polygon(
      4.4% 0.8%,
      58.3% 0%,
      100% 0%,
      94.4% 23.5%,
      100% 34.1%,
      100% 45.7%,
      94.4% 66.1%,
      100% 84.5%,
      88.7% 97.9%,
      36.1% 100%,
      4.4% 97.9%,
      0% 67.1%,
      0% 25.4%
    );
  }
}
.p-areaKv__ttl .x-text:nth-child(2) {
  clip-path: polygon(
    0% 94.4%,
    1.1% 50%,
    1.1% 5.6%,
    18% 0%,
    36.8% 5.6%,
    66.7% 0%,
    84.6% 5.6%,
    100% 0%,
    99% 50%,
    99% 87.8%,
    89.6% 100%,
    66.7% 94.4%,
    49.1% 94.4%,
    32.2% 100%
  );
}
@media screen and (max-width: 750px) {
  .p-areaKv__ttl .x-text:nth-child(2) {
    clip-path: polygon(
      5.6% 0%,
      50% 1.1%,
      94.4% 1.1%,
      100% 18%,
      94.4% 36.8%,
      100% 66.7%,
      94.4% 84.6%,
      100% 100%,
      50% 99%,
      12.2% 99%,
      0% 89.6%,
      5.6% 66.7%,
      5.6% 49.1%,
      0% 32.2%
    );
  }
}
.p-areaKv__txt {
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 700;
  line-height: 2.625;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 750px) {
  .p-areaKv__txt {
    padding: 0 5.8666666667vw;
    font-size: 4vw;
  }
}
.p-areaPlan {
  padding: clamp(50 * 750 / 1366 * 1px, 50 / 1366 * 100vw, 50px) 0
    clamp(66 * 750 / 1366 * 1px, 66 / 1366 * 100vw, 66px);
}
@media screen and (max-width: 750px) {
  .p-areaPlan {
    padding: 55.7333333333vw 0 16vw;
  }
}
.p-areaPlan__box {
  position: relative;
  display: grid;
  grid-template-columns: 1fr clamp(
      210 * 750 / 1366 * 1px,
      210 / 1366 * 100vw,
      210px
    );
  gap: clamp(66 * 750 / 1366 * 1px, 66 / 1366 * 100vw, 66px);
  padding: clamp(32 * 750 / 1366 * 1px, 32 / 1366 * 100vw, 32px) 0
    clamp(34 * 750 / 1366 * 1px, 34 / 1366 * 100vw, 34px);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__box {
    grid-template-columns: 1fr;
    gap: 4.2666666667vw;
    padding: 10.6666666667vw 0;
  }
}
@media screen and (max-width: 750px) {
  .p-areaPlan__item:first-child .p-areaPlan__box {
    padding-top: 0;
  }
}
.p-areaPlan__box:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    rgba(36, 62, 48, 0.3) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__box:after {
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      rgba(36, 62, 48, 0.3) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 1.6vw 0.5333333333vw;
  }
}
.p-areaPlan__item {
  position: relative;
  display: grid;
  grid-template-columns:
    clamp(100 * 750 / 1366 * 1px, 100 / 1366 * 100vw, 100px)
    1fr;
  gap: clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__item {
    grid-template-columns: 21.3333333333vw 1fr;
    gap: 4.5333333333vw;
  }
}
.p-areaPlan__item:last-child:after {
  position: absolute;
  bottom: clamp(30 * 750 / 1366 * 1px, 30 / 1366 * 100vw, 30px);
  left: clamp(49 * 750 / 1366 * 1px, 49 / 1366 * 100vw, 49px);
  width: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  height: clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px);
  content: "";
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__item:last-child:after {
    bottom: 1.3333333333vw;
    left: 10.2666666667vw;
    width: 0.8vw;
    height: 1.3333333333vw;
  }
}
.p-areaPlan__link {
  position: relative;
  display: block;
  width: fit-content;
  padding-right: clamp(22 * 750 / 1366 * 1px, 22 / 1366 * 100vw, 22px);
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  border-bottom: 1px solid var(--color_txt);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__link {
    padding-right: 6.4vw;
    font-size: 3.7333333333vw;
  }
}
.p-areaPlan__link:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: clamp(14 * 750 / 1366 * 1px, 14 / 1366 * 100vw, 14px);
  height: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px);
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%206L7.87501%2012L6.65001%2010.8L10.6531%206.85714L5.43621e-07%206.85714L-9.22113e-07%205.14286L10.6531%205.14286L6.62813%201.2L7.87501%206.09447e-07L14%206Z'%20fill='%23252413'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}
@media screen and (max-width: 750px) {
  .p-areaPlan__link:after {
    width: 3.4666666667vw;
    height: 2.9333333333vw;
  }
}
.p-areaPlan__link--blank:after {
  width: clamp(11 * 750 / 1366 * 1px, 11 / 1366 * 100vw, 11px);
  height: clamp(13 * 750 / 1366 * 1px, 13 / 1366 * 100vw, 13px);
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='13'%20viewBox='0%200%2011%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.76679%2010.5405C3.40828%2010.5405%203.10484%2010.4176%202.85645%2010.1716C2.60806%209.92568%202.48387%209.62521%202.48387%209.27023V1.27031C2.48387%200.915329%202.60806%200.614865%202.85645%200.368919C3.10484%200.122973%203.40828%200%203.76679%200H9.71708C10.0756%200%2010.379%200.122973%2010.6274%200.368919C10.8758%200.614865%2011%200.915329%2011%201.27031V9.27023C11%209.62521%2010.8758%209.92568%2010.6274%2010.1716C10.379%2010.4176%2010.0756%2010.5405%209.71708%2010.5405H3.76679ZM3.76679%209.48649H9.71708C9.77173%209.48649%209.82176%209.46394%209.86718%209.41885C9.91271%209.37388%209.93548%209.32434%209.93548%209.27023V1.27031C9.93548%201.2162%209.91271%201.16666%209.86718%201.12169C9.82176%201.0766%209.77173%201.05405%209.71708%201.05405H3.76679C3.71215%201.05405%203.66211%201.0766%203.61669%201.12169C3.57116%201.16666%203.54839%201.2162%203.54839%201.27031V9.27023C3.54839%209.32434%203.57116%209.37388%203.61669%209.41885C3.66211%209.46394%203.71215%209.48649%203.76679%209.48649ZM1.28292%2013C0.924414%2013%200.620968%2012.877%200.372581%2012.6311C0.124194%2012.3851%200%2012.0847%200%2011.7297V2.67572H1.06452V11.7297C1.06452%2011.7838%201.08729%2011.8333%201.13282%2011.8783C1.17824%2011.9234%201.22827%2011.9459%201.28292%2011.9459H8.29773V13H1.28292Z'%20fill='%23252413'/%3e%3c/svg%3e");
}
@media screen and (max-width: 750px) {
  .p-areaPlan__link--blank:after {
    width: 2.9333333333vw;
    height: 3.4666666667vw;
  }
}
.p-areaPlan__links {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px)
    clamp(22 * 750 / 1366 * 1px, 22 / 1366 * 100vw, 22px);
  margin-top: clamp(26 * 750 / 1366 * 1px, 26 / 1366 * 100vw, 26px);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__links {
    gap: 4.2666666667vw 5.3333333333vw;
    margin-top: 4.2666666667vw;
  }
}
.p-areaPlan__list {
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-areaPlan__list {
    width: 88.2666666667vw;
    margin: 0 auto;
  }
}
.p-areaPlan__list:after {
  position: absolute;
  bottom: clamp(37 * 750 / 1366 * 1px, 37 / 1366 * 100vw, 37px);
  left: clamp(49 * 750 / 1366 * 1px, 49 / 1366 * 100vw, 49px);
  z-index: 1;
  width: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  height: clamp(10 * 750 / 1366 * 1px, 10 / 1366 * 100vw, 10px);
  content: "";
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__list:after {
    bottom: 3.7333333333vw;
    left: 10.2666666667vw;
    width: 0.8vw;
    height: 3.8666666667vw;
  }
}
.p-areaPlan__list:before {
  position: absolute;
  top: clamp(50 * 750 / 1366 * 1px, 50 / 1366 * 100vw, 50px);
  left: clamp(49 * 750 / 1366 * 1px, 49 / 1366 * 100vw, 49px);
  z-index: 1;
  width: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  height: calc(100% - clamp(100 * 750 / 1366 * 1px, 100 / 1366 * 100vw, 100px));
  content: "";
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__list:before {
    left: 10.2666666667vw;
    width: 0.8vw;
    height: calc(100% - 16vw);
  }
}
.p-areaPlan__step {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(100 * 750 / 1366 * 1px, 100 / 1366 * 100vw, 100px);
  margin: clamp(32 * 750 / 1366 * 1px, 32 / 1366 * 100vw, 32px) 0
    clamp(34 * 750 / 1366 * 1px, 34 / 1366 * 100vw, 34px);
  font-size: clamp(22 * 750 / 1366 * 1px, 22 / 1366 * 100vw, 22px);
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  background-color: var(--color_primary);
  border-radius: 50%;
}
@media screen and (max-width: 750px) {
  .p-areaPlan__step {
    height: 21.3333333333vw;
    margin: 0;
    font-size: 4.5333333333vw;
  }
}
.p-areaPlan__step .x-num {
  display: block;
  font-size: clamp(18 * 750 / 1366 * 1px, 18 / 1366 * 100vw, 18px);
  line-height: 1.3333333333;
}
@media screen and (max-width: 750px) {
  .p-areaPlan__step .x-num {
    font-size: 3.7333333333vw;
  }
}
.p-areaPlan__ttl {
  position: relative;
  width: fit-content;
  margin: 0 auto clamp(38 * 750 / 1366 * 1px, 38 / 1366 * 100vw, 38px);
  font-size: clamp(38 * 750 / 1366 * 1px, 38 / 1366 * 100vw, 38px);
  font-weight: 900;
  color: var(--color_primary);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaPlan__ttl {
    margin-bottom: 13.3333333333vw;
    font-size: 7.2vw;
  }
}
.p-areaPlan__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    var(--color_primary) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaPlan__ttl:after {
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      var(--color_primary) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 1.6vw 0.5333333333vw;
  }
}
.p-areaPlan__ttl .x-text:after {
  position: absolute;
  left: clamp(-129px, -129 / 1366 * 100vw, -129 * 750 / 1366 * 1px);
  width: clamp(100 * 750 / 1366 * 1px, 100 / 1366 * 100vw, 100px);
  height: clamp(103 * 750 / 1366 * 1px, 103 / 1366 * 100vw, 103px);
  content: "";
  background-image: url(../../assets/img/area/common/plan_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (min-width: 751px) {
  .p-areaPlan__ttl .x-text:after {
    bottom: clamp(-20px, -20 / 1366 * 100vw, -20 * 750 / 1366 * 1px);
  }
}
@media screen and (max-width: 750px) {
  .p-areaPlan__ttl .x-text:after {
    top: -51.7333333333vw;
    left: 2.9333333333vw;
    width: 39.7333333333vw;
    height: 40.8vw;
  }
}
.p-areaPlan__ttl .x-text:before {
  position: absolute;
  right: clamp(-119px, -119 / 1366 * 100vw, -119 * 750 / 1366 * 1px);
  width: clamp(90 * 750 / 1366 * 1px, 90 / 1366 * 100vw, 90px);
  height: clamp(113 * 750 / 1366 * 1px, 113 / 1366 * 100vw, 113px);
  content: "";
  background-image: url(../../assets/img/area/common/plan_illust02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (min-width: 751px) {
  .p-areaPlan__ttl .x-text:before {
    bottom: clamp(-22px, -22 / 1366 * 100vw, -22 * 750 / 1366 * 1px);
  }
}
@media screen and (max-width: 750px) {
  .p-areaPlan__ttl .x-text:before {
    top: -55.7333333333vw;
    right: 3.8666666667vw;
    width: 35.8666666667vw;
    height: 44.9333333333vw;
  }
}
.p-areaPlan__txt {
  font-size: clamp(18 * 750 / 1366 * 1px, 18 / 1366 * 100vw, 18px);
  font-weight: 500;
  line-height: 1.5555555556;
}
@media screen and (max-width: 750px) {
  .p-areaPlan__txt {
    font-size: 4vw;
  }
}
.p-areaSide {
  position: sticky;
  height: 100vh;
  background-color: #cee8d7;
}
@media print, screen and (min-width: 751px) {
  .p-areaSide {
    top: 0;
  }
}
@media screen and (max-width: 750px) {
  .p-areaSide {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: fit-content;
  }
}
.p-areaSide__img {
  width: clamp(215 * 750 / 1366 * 1px, 215 / 1366 * 100vw, 215px);
  margin: clamp(48 * 750 / 1366 * 1px, 48 / 1366 * 100vw, 48px) auto 0;
}
@media screen and (max-width: 750px) {
  .p-areaSide__img {
    display: none;
  }
}
.p-areaSide__inner {
  height: 100%;
  padding: clamp(56 * 750 / 1366 * 1px, 56 / 1366 * 100vw, 56px)
    clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
}
@media screen and (max-width: 750px) {
  .p-areaSide__inner {
    padding: 0 3.3333333333vw;
  }
}
.p-areaSide__navItem {
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .p-areaSide__navItem {
    padding-bottom: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  }
}
.p-areaSide__navItem:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px);
  content: "";
  background-image: radial-gradient(
    circle,
    rgba(42, 132, 82, 0.5) 1px,
    transparent 1px
  );
  background-repeat: repeat-x;
  background-size: clamp(8 * 750 / 1366 * 1px, 8 / 1366 * 100vw, 8px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem:after {
    display: none;
  }
}
.p-areaSide__navItem > a {
  position: relative;
  display: block;
  padding: clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px)
    clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-size: clamp(15 * 750 / 1366 * 1px, 15 / 1366 * 100vw, 15px);
  font-weight: 700;
  line-height: 1.4666666667;
  color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10vw 0 2.8vw;
    font-size: 2.9333333333vw;
    text-align: center;
  }
}
.p-areaSide__navItem > a:after {
  position: absolute;
  top: 50%;
  right: clamp(14 * 750 / 1366 * 1px, 14 / 1366 * 100vw, 14px);
  width: clamp(11 * 750 / 1366 * 1px, 11 / 1366 * 100vw, 11px);
  height: clamp(10 * 750 / 1366 * 1px, 10 / 1366 * 100vw, 10px);
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='6'%20viewBox='0%200%2011%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.99542%20-0.000186469L10.4096%201.41403L5.91218%205.91147H4.49797L0.000523712%201.41403L1.41474%20-0.000186469L5.20508%203.79015L8.99542%20-0.000186469Z'%20fill='%232A8452'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem > a:after {
    display: none;
  }
}
.p-areaSide__navItem > a:before {
  position: absolute;
  top: 3.4666666667vw;
  left: 50%;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  translate: -50% 0;
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem--about > a:before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1766_9223)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35.956%2040C34.9538%2040%2034.0044%2039.6308%2033.2659%2038.9802L25.1077%2030.822C22.5407%2032.3692%2019.6044%2033.178%2016.5978%2033.178C12.167%2033.178%208%2031.4549%204.87033%2028.3253C1.74066%2025.1956%200.0175781%2021.0286%200.0175781%2016.5978C0.0175781%2012.167%201.72307%207.98242%204.85274%204.85275C7.98241%201.72308%2012.1494%200%2016.5802%200C21.011%200%2025.178%201.72308%2028.3077%204.85275C31.4374%207.98242%2033.1604%2012.1495%2033.1604%2016.5802C33.1604%2019.5868%2032.3516%2022.5231%2030.8044%2025.0901L38.8044%2033.0901C39.5604%2033.8637%2039.9824%2034.8659%2039.9824%2035.956C39.9824%2037.0462%2039.5604%2038.0484%2038.8044%2038.822C38.0483%2039.578%2037.0286%2040%2035.9385%2040H35.956ZM35.2879%2036.6242C35.4637%2036.8%2035.6923%2036.8879%2035.956%2036.8879C36.2198%2036.8879%2036.4483%2036.7824%2036.6242%2036.6242C36.8%2036.4484%2036.8879%2036.2198%2036.8879%2035.956C36.8879%2035.6923%2036.8%2035.4637%2036.6242%2035.2879L28.9582%2027.622C28.8352%2027.7626%2028.5363%2028.0791%2028.5363%2028.0791L28.3956%2028.2022L27.833%2028.0264L28.2198%2028.3956C28.2198%2028.3956%2027.7802%2028.8176%2027.622%2028.9582L35.2879%2036.6242ZM16.5802%203.11209C12.9758%203.11209%209.6%204.51868%207.05055%207.06813C4.50109%209.61758%203.0945%2012.9934%203.0945%2016.5978C3.0945%2020.2022%204.50109%2023.578%207.05055%2026.1275C9.6%2028.6769%2012.9758%2030.0835%2016.5802%2030.0835C20.1846%2030.0835%2023.4549%2028.7297%2025.9868%2026.2681L26.2505%2026.0044C28.6945%2023.4901%2030.0659%2020.1495%2030.0659%2016.6154C30.0659%2013.0813%2028.6593%209.63517%2026.1275%207.08571C23.578%204.53626%2020.2022%203.12967%2016.5978%203.12967L16.5802%203.11209ZM27.9912%2017.3187C27.2%2017.3187%2026.5319%2016.7033%2026.4615%2015.9121C26.2681%2013.556%2025.2308%2011.3231%2023.5429%209.63517C21.8549%207.94725%2019.622%206.90989%2017.2659%206.71648C16.4747%206.64615%2015.8593%205.97802%2015.8593%205.18681C15.8593%204.71209%2016.0352%204.30769%2016.3516%204.00879C16.633%203.74505%2017.0022%203.6044%2017.389%203.6044C20.6066%203.86813%2023.5253%205.22198%2025.7407%207.43736C27.9385%209.63517%2029.3099%2012.5538%2029.5736%2015.6484C29.6088%2016.0879%2029.4681%2016.4923%2029.1692%2016.8088C28.8703%2017.1253%2028.4659%2017.3011%2028.044%2017.3011H28.0088L27.9912%2017.3187Z'%20fill='%232A8452'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1766_9223'%3e%3crect%20width='40'%20height='40'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  }
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem--access > a:before {
    width: 6.8vw;
    height: 5.3333333333vw;
    background-image: url(../../assets/img/area/common/icon_access.svg);
  }
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem--highlights > a:before {
    width: 5.8666666667vw;
    height: 5.7333333333vw;
    background-image: url("data:image/svg+xml,%3csvg%20width='44'%20height='43'%20viewBox='0%200%2044%2043'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1766_9221)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.38762%2043C8.79642%2043%208.25896%2042.6699%207.97231%2042.1198C7.81107%2041.8081%207.75733%2041.478%207.81107%2041.1296L9.943%2027.6154L0.465798%2017.9518C0.161238%2017.6401%200%2017.2367%200%2016.8149C0%2016.3932%200.161238%2015.9714%200.465798%2015.678C0.716612%2015.4213%201.057%2015.2563%201.41531%2015.2196L14.5651%2013.1292L20.5847%200.880171C20.8534%200.330064%2021.3909%200%2022%200C22.2508%200%2022.4837%200.0550107%2022.7166%200.165032C23.0212%200.330064%2023.2541%200.568443%2023.4153%200.880171L29.4528%2013.0925L42.6563%2015.2013C43.0684%2015.2746%2043.4446%2015.4947%2043.6954%2015.8431C43.9463%2016.1915%2044.0537%2016.6132%2043.9821%2017.0533C43.9283%2017.4017%2043.7671%2017.7134%2043.5342%2017.9518L34.057%2027.6154L36.1889%2041.1296C36.2606%2041.5514%2036.1531%2041.9915%2035.9023%2042.3399C35.6515%2042.6883%2035.2932%2042.9267%2034.8632%2042.9817H34.6124C34.3436%2043%2034.0749%2042.9267%2033.842%2042.7983L22%2036.5821L10.1042%2042.835C9.88925%2042.945%209.63844%2043.0183%209.38762%2043.0183V43ZM12.7557%2025.8917C13.114%2026.2584%2013.2752%2026.7902%2013.2036%2027.2853L11.4479%2038.4708L21.3013%2033.2998C21.5163%2033.1898%2021.7671%2033.1164%2022.0179%2033.1164C22.2687%2033.1164%2022.5195%2033.1714%2022.7345%2033.2998L32.57%2038.4708L30.8143%2027.322C30.7248%2026.8085%2030.886%2026.2584%2031.2622%2025.8917L39.1091%2017.9151L28.2345%2016.1915C27.715%2016.1365%2027.2492%2015.8064%2027.0163%2015.3113L22.0179%205.20768L17.0195%2015.3113C16.7866%2015.7697%2016.3567%2016.0998%2015.855%2016.1731L4.92671%2017.9151L12.7736%2025.8917H12.7557Z'%20fill='%232A8452'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1766_9221'%3e%3crect%20width='44'%20height='43'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  }
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem--plan > a:before {
    width: 7.2vw;
    height: 5.7333333333vw;
    background-image: url("data:image/svg+xml,%3csvg%20width='54'%20height='43'%20viewBox='0%200%2054%2043'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1.5'%20y='15.8335'%20width='50.75'%20height='25.6667'%20rx='2.5'%20stroke='%232A8452'%20stroke-width='3'/%3e%3ccircle%20cx='26.4264'%20cy='5.82292'%20r='4.32292'%20stroke='%232A8452'%20stroke-width='3'/%3e%3cline%20x1='22.3487'%20y1='8.58626'%20x2='11.8338'%20y2='21.5711'%20stroke='%232A8452'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cline%20x1='40.6227'%20y1='21.5707'%20x2='30.1078'%20y2='8.58593'%20stroke='%232A8452'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/svg%3e");
  }
}
@media screen and (max-width: 750px) {
  .p-areaSide__navItem--trial > a:before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background-image: url(../../assets/img/area/common/icon_trial.svg);
  }
}
.p-areaSide__navList {
  display: flex;
  flex-direction: column;
  width: clamp(172 * 750 / 1366 * 1px, 172 / 1366 * 100vw, 172px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-areaSide__navList {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
  }
}
.p-areaSide__ttl {
  position: relative;
  padding-top: clamp(96 * 750 / 1366 * 1px, 96 / 1366 * 100vw, 96px);
  margin-bottom: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-size: clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px);
  font-weight: 900;
  line-height: 1.2;
  color: var(--color_primary);
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-areaSide__ttl {
    display: none;
  }
}
.p-areaSide__ttl:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: clamp(80 * 750 / 1366 * 1px, 80 / 1366 * 100vw, 80px);
  height: clamp(80 * 750 / 1366 * 1px, 80 / 1366 * 100vw, 80px);
  content: "";
  background-color: var(--color_primary);
  translate: -50% 0;
}
.p-areaSupport {
  position: relative;
  padding: clamp(50 * 750 / 1366 * 1px, 50 / 1366 * 100vw, 50px) 0
    clamp(110 * 750 / 1366 * 1px, 110 / 1366 * 100vw, 110px);
}
@media screen and (max-width: 750px) {
  .p-areaSupport {
    padding: 15.0666666667vw 5.8666666667vw 25.0666666667vw;
  }
}
.p-areaSupport:before {
  position: absolute;
  top: clamp(10 * 750 / 1366 * 1px, 10 / 1366 * 100vw, 10px);
  width: clamp(148 * 750 / 1366 * 1px, 148 / 1366 * 100vw, 148px);
  height: clamp(176 * 750 / 1366 * 1px, 176 / 1366 * 100vw, 176px);
  content: "";
  background-image: url(../../assets/img/area/common/support_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (min-width: 751px) {
  .p-areaSupport:before {
    right: clamp(7 * 750 / 1366 * 1px, 7 / 1366 * 100vw, 7px);
  }
}
@media screen and (max-width: 750px) {
  .p-areaSupport:before {
    top: 0;
    left: 50%;
    width: 70.5333333333vw;
    height: 33.6vw;
    background-image: url(../../assets/img/area/common/support_illust01_sp.webp);
    translate: -50% 0;
  }
}
.p-areaSupport__content {
  align-self: center;
  height: fit-content;
}
@media screen and (max-width: 750px) {
  .p-areaSupport__img {
    width: 53.3333333333vw;
    margin: 0 auto;
  }
}
.p-areaSupport__item {
  display: grid;
  grid-template-columns:
    clamp(206 * 750 / 1366 * 1px, 206 / 1366 * 100vw, 206px)
    1fr;
  gap: clamp(33 * 750 / 1366 * 1px, 33 / 1366 * 100vw, 33px);
}
@media screen and (max-width: 750px) {
  .p-areaSupport__item {
    grid-template-columns: 1fr;
    gap: 6.6666666667vw;
  }
}
.p-areaSupport__itemTtl {
  margin-bottom: clamp(18 * 750 / 1366 * 1px, 18 / 1366 * 100vw, 18px);
  font-size: clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px);
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .p-areaSupport__itemTtl {
    margin-bottom: 6.6666666667vw;
    font-size: 4.2666666667vw;
    text-align: center;
  }
}
.p-areaSupport__itemTxt {
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 750px) {
  .p-areaSupport__itemTxt {
    font-size: 4vw;
    text-align: center;
  }
}
.p-areaSupport__link {
  position: relative;
  display: block;
  width: fit-content;
  padding-right: clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  margin-top: clamp(28 * 750 / 1366 * 1px, 28 / 1366 * 100vw, 28px);
  margin-right: 0;
  margin-left: auto;
  border-bottom: 1px solid var(--color_txt);
}
@media screen and (max-width: 750px) {
  .p-areaSupport__link {
    padding-right: 5.8666666667vw;
    margin: 6.6666666667vw auto 0;
    font-weight: 700;
  }
}
.p-areaSupport__link:before {
  position: absolute;
  top: 50%;
  right: 0;
  width: clamp(11 * 750 / 1366 * 1px, 11 / 1366 * 100vw, 11px);
  height: clamp(13 * 750 / 1366 * 1px, 13 / 1366 * 100vw, 13px);
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='13'%20viewBox='0%200%2011%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.76679%2010.5405C3.40828%2010.5405%203.10484%2010.4176%202.85645%2010.1716C2.60806%209.92568%202.48387%209.62521%202.48387%209.27023V1.27031C2.48387%200.915329%202.60806%200.614865%202.85645%200.368919C3.10484%200.122973%203.40828%200%203.76679%200H9.71708C10.0756%200%2010.379%200.122973%2010.6274%200.368919C10.8758%200.614865%2011%200.915329%2011%201.27031V9.27023C11%209.62521%2010.8758%209.92568%2010.6274%2010.1716C10.379%2010.4176%2010.0756%2010.5405%209.71708%2010.5405H3.76679ZM3.76679%209.48649H9.71708C9.77173%209.48649%209.82176%209.46394%209.86718%209.41885C9.91271%209.37388%209.93548%209.32434%209.93548%209.27023V1.27031C9.93548%201.2162%209.91271%201.16666%209.86718%201.12169C9.82176%201.0766%209.77173%201.05405%209.71708%201.05405H3.76679C3.71215%201.05405%203.66211%201.0766%203.61669%201.12169C3.57116%201.16666%203.54839%201.2162%203.54839%201.27031V9.27023C3.54839%209.32434%203.57116%209.37388%203.61669%209.41885C3.66211%209.46394%203.71215%209.48649%203.76679%209.48649ZM1.28292%2013C0.924414%2013%200.620968%2012.877%200.372581%2012.6311C0.124194%2012.3851%200%2012.0847%200%2011.7297V2.67572H1.06452V11.7297C1.06452%2011.7838%201.08729%2011.8333%201.13282%2011.8783C1.17824%2011.9234%201.22827%2011.9459%201.28292%2011.9459H8.29773V13H1.28292Z'%20fill='%23252413'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}
@media screen and (max-width: 750px) {
  .p-areaSupport__link:before {
    width: 2.9333333333vw;
    height: 3.4666666667vw;
  }
}
.p-areaSupport__list {
  display: flex;
  flex-direction: column;
  gap: clamp(22 * 750 / 1366 * 1px, 22 / 1366 * 100vw, 22px);
}
@media screen and (max-width: 750px) {
  .p-areaSupport__list {
    gap: 13.3333333333vw;
  }
}
.p-areaSupport__ttl {
  position: relative;
  width: fit-content;
  padding-bottom: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  margin-bottom: clamp(56 * 750 / 1366 * 1px, 56 / 1366 * 100vw, 56px);
  font-size: clamp(32 * 750 / 1366 * 1px, 32 / 1366 * 100vw, 32px);
  font-weight: 900;
  color: var(--color_primary);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaSupport__ttl {
    padding-bottom: 0.8vw;
    margin: 0 auto 13.3333333333vw;
    font-size: 6.6666666667vw;
    text-align: center;
  }
}
.p-areaSupport__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    var(--color_primary) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaSupport__ttl:after {
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      var(--color_primary) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 1.6vw 0.5333333333vw;
  }
}
.p-areaTrial {
  position: relative;
  padding: clamp(130 * 750 / 1366 * 1px, 130 / 1366 * 100vw, 130px) 0
    clamp(160 * 750 / 1366 * 1px, 160 / 1366 * 100vw, 160px);
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .p-areaTrial {
    padding: 45.4666666667vw 5.8666666667vw 24.5333333333vw;
  }
}
.p-areaTrial:after {
  position: absolute;
  top: clamp(-55px, -55 / 1366 * 100vw, -55 * 750 / 1366 * 1px);
  right: clamp(-111px, -111 / 1366 * 100vw, -111 * 750 / 1366 * 1px);
  width: clamp(489 * 750 / 1366 * 1px, 489 / 1366 * 100vw, 489px);
  height: clamp(219 * 750 / 1366 * 1px, 219 / 1366 * 100vw, 219px);
  content: "";
  background-image: url(../../assets/img/area/common/highlights_illust02.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaTrial:after {
    display: none;
  }
}
.p-areaTrial:before {
  position: absolute;
  top: clamp(-40px, -40 / 1366 * 100vw, -40 * 750 / 1366 * 1px);
  left: clamp(-115px, -115 / 1366 * 100vw, -115 * 750 / 1366 * 1px);
  width: clamp(510 * 750 / 1366 * 1px, 510 / 1366 * 100vw, 510px);
  height: clamp(142 * 750 / 1366 * 1px, 142 / 1366 * 100vw, 142px);
  content: "";
  background-image: url(../../assets/img/area/common/highlights_illust01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .p-areaTrial:before {
    top: -25.7333333333vw;
    left: 0;
    width: 100%;
    height: 60.5333333333vw;
    background-image: url(../../assets/img/area/common/highlights_illust01_sp.webp);
  }
}
.p-areaTrial__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(90 * 750 / 1366 * 1px, 90 / 1366 * 100vw, 90px);
  padding: 0 clamp(74 * 750 / 1366 * 1px, 74 / 1366 * 100vw, 74px) 0
    clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  font-size: clamp(26 * 750 / 1366 * 1px, 26 / 1366 * 100vw, 26px);
  font-weight: 700;
  line-height: 0.9230769231;
  color: #fff;
  text-align: center;
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaTrial__btn {
    height: 20vw;
    padding: 0 23.2vw 0 3.2vw;
    font-size: 5.3333333333vw;
  }
}
.p-areaTrial__btn .x-icon {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(90 * 750 / 1366 * 1px, 90 / 1366 * 100vw, 90px);
  height: 100%;
  translate: 0 -50%;
}
@media screen and (max-width: 750px) {
  .p-areaTrial__btn .x-icon {
    width: 20vw;
  }
}
.p-areaTrial__btn .x-icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  height: clamp(66 * 750 / 1366 * 1px, 66 / 1366 * 100vw, 66px);
  content: "";
  background-image: radial-gradient(
    circle,
    #fff clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-y;
  background-size: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px)
    clamp(10 * 750 / 1366 * 1px, 10 / 1366 * 100vw, 10px);
  translate: 0 -50%;
}
@media screen and (max-width: 750px) {
  .p-areaTrial__btn .x-icon:before {
    width: 0.5333333333vw;
    height: 14.9333333333vw;
    background-image: radial-gradient(
      circle,
      #fff 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 0.5333333333vw 2.6666666667vw;
  }
}
.p-areaTrial__btn .x-icon img {
  display: block;
  width: clamp(31 * 750 / 1366 * 1px, 31 / 1366 * 100vw, 31px);
}
.p-areaTrial__btn--1 {
  background-color: var(--color_primary);
}
@media screen and (max-width: 750px) {
  .p-areaTrial__btn--1 .x-icon img {
    width: 8vw;
  }
}
.p-areaTrial__btn--2 {
  background-color: var(--color_txt);
}
@media screen and (max-width: 750px) {
  .p-areaTrial__btn--2 .x-icon img {
    width: 6.6666666667vw;
  }
}
.p-areaTrial__btnWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(42 * 750 / 1366 * 1px, 42 / 1366 * 100vw, 42px);
  margin-top: clamp(64 * 750 / 1366 * 1px, 64 / 1366 * 100vw, 64px);
}
@media screen and (max-width: 750px) {
  .p-areaTrial__btnWrap {
    grid-template-columns: 1fr;
    gap: 4.2666666667vw;
    margin-top: 10.6666666667vw;
  }
}
.p-areaTrial__more {
  transition: opacity 0.1s ease-in-out 0s;
  position: relative;
  display: block;
  padding: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  text-align: center;
}
.p-areaTrial__more:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  .p-areaTrial__more {
    padding: 4.8vw;
    font-size: 4vw;
  }
}
.p-areaTrial__more:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  content: "";
  background-image: radial-gradient(
    circle,
    rgba(36, 62, 48, 0.3) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaTrial__more:after {
    height: 0.8vw;
    background-image: radial-gradient(
      circle,
      rgba(36, 62, 48, 0.3) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 1.6vw 0.5333333333vw;
  }
}
.p-areaTrial__more:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px);
  content: "";
  background-image: radial-gradient(
    circle,
    rgba(36, 62, 48, 0.3) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaTrial__more:before {
    height: 0.8vw;
    background-image: radial-gradient(
      circle,
      rgba(36, 62, 48, 0.3) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 1.6vw 0.5333333333vw;
  }
}
.p-areaTrial__ttl {
  position: relative;
  width: fit-content;
  padding-bottom: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px);
  margin: 0 auto clamp(48 * 750 / 1366 * 1px, 48 / 1366 * 100vw, 48px);
  font-size: clamp(38 * 750 / 1366 * 1px, 38 / 1366 * 100vw, 38px);
  font-weight: 900;
  line-height: 1.2;
  color: var(--color_primary);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  .p-areaTrial__ttl {
    padding-bottom: 2.1333333333vw;
    margin-bottom: 10.6666666667vw;
    font-size: 8vw;
  }
}
.p-areaTrial__ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
  content: "";
  background-image: radial-gradient(
    circle,
    var(--color_primary) clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px),
    transparent clamp(1 * 750 / 1366 * 1px, 1 / 1366 * 100vw, 1px)
  );
  background-repeat: repeat-x;
  background-size: clamp(8 * 750 / 1366 * 1px, 8 / 1366 * 100vw, 8px)
    clamp(2 * 750 / 1366 * 1px, 2 / 1366 * 100vw, 2px);
}
@media screen and (max-width: 750px) {
  .p-areaTrial__ttl:after {
    height: 0.5333333333vw;
    background-image: radial-gradient(
      circle,
      var(--color_primary) 0.2666666667vw,
      transparent 0.2666666667vw
    );
    background-size: 2.1333333333vw 0.5333333333vw;
  }
}
.p-areaTrialFilter {
  position: relative;
  padding: clamp(28 * 750 / 1366 * 1px, 28 / 1366 * 100vw, 28px)
    clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px)
    clamp(34 * 750 / 1366 * 1px, 34 / 1366 * 100vw, 34px);
  margin-bottom: clamp(32 * 750 / 1366 * 1px, 32 / 1366 * 100vw, 32px);
  background-color: var(--color_bg);
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter {
    padding: 0;
  }
}
.p-areaTrialFilter__option {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__option {
    grid-column: span 1;
    gap: 3.2vw;
  }
}
.p-areaTrialFilter__options {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px);
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__options {
    display: none;
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
    padding: 0 5.3333333333vw 7.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaTrialFilter__options > * {
    grid-column: 1/3;
  }
}
.p-areaTrialFilter__optionTtl {
  width: fit-content;
  font-size: clamp(14 * 750 / 1366 * 1px, 14 / 1366 * 100vw, 14px);
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__optionTtl {
    font-size: 3.7333333333vw;
  }
}
.p-areaTrialFilter__tag {
  padding: clamp(3 * 750 / 1366 * 1px, 3 / 1366 * 100vw, 3px)
    clamp(9 * 750 / 1366 * 1px, 9 / 1366 * 100vw, 9px)
    clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px);
  font-size: clamp(14 * 750 / 1366 * 1px, 14 / 1366 * 100vw, 14px);
  font-weight: 500;
  line-height: 0.7142857143;
  color: var(--color_primary);
  border: 1px solid var(--color_primary);
  border-radius: 9999px;
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__tag {
    padding: 0.8vw 2.4vw 1.6vw;
    font-size: 3.7333333333vw;
  }
}
.p-areaTrialFilter__tag.is-active {
  color: #fff;
  background-color: var(--color_primary);
}
.p-areaTrialFilter__tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px);
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__tags {
    gap: 1.6vw;
  }
}
.p-areaTrialFilter__ttl {
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .p-areaTrialFilter__ttl {
    margin-bottom: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  }
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__ttl {
    padding: 7.4666666667vw 5.3333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .p-areaTrialFilter__ttl .x-icon {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__ttl .x-icon {
    position: absolute;
    top: 50%;
    right: 4.9333333333vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    translate: 0 -50%;
  }
  .p-areaTrialFilter__ttl .x-icon:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.5333333333vw;
    height: 100%;
    content: "";
    background-color: var(--color_primary);
    translate: -50% 0;
    transition: all 0.3s;
  }
  .p-areaTrialFilter__ttl .x-icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.5333333333vw;
    content: "";
    background-color: var(--color_primary);
    translate: 0 -50%;
  }
}
.p-areaTrialFilter__ttl.is-open .x-icon:after {
  rotate: -90deg;
}
.p-areaTrialFilter__ttl .x-text {
  position: relative;
  padding-left: clamp(40 * 750 / 1366 * 1px, 40 / 1366 * 100vw, 40px);
  margin-bottom: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  font-size: clamp(18 * 750 / 1366 * 1px, 18 / 1366 * 100vw, 18px);
  font-weight: 700;
  line-height: 1.8888888889;
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__ttl .x-text {
    padding-left: 9.3333333333vw;
    font-size: 4vw;
  }
}
.p-areaTrialFilter__ttl .x-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  height: clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3667%2021L12.0167%2013.65C11.4333%2014.1167%2010.7625%2014.4861%2010.0042%2014.7583C9.24583%2015.0306%208.43889%2015.1667%207.58333%2015.1667C5.46389%2015.1667%203.67014%2014.4326%202.20208%2012.9646C0.734028%2011.4965%200%209.70278%200%207.58333C0%205.46389%200.734028%203.67014%202.20208%202.20208C3.67014%200.734028%205.46389%200%207.58333%200C9.70278%200%2011.4965%200.734028%2012.9646%202.20208C14.4326%203.67014%2015.1667%205.46389%2015.1667%207.58333C15.1667%208.43889%2015.0306%209.24583%2014.7583%2010.0042C14.4861%2010.7625%2014.1167%2011.4333%2013.65%2012.0167L21%2019.3667L19.3667%2021ZM7.58333%2012.8333C9.04167%2012.8333%2010.2812%2012.3229%2011.3021%2011.3021C12.3229%2010.2812%2012.8333%209.04167%2012.8333%207.58333C12.8333%206.125%2012.3229%204.88542%2011.3021%203.86458C10.2812%202.84375%209.04167%202.33333%207.58333%202.33333C6.125%202.33333%204.88542%202.84375%203.86458%203.86458C2.84375%204.88542%202.33333%206.125%202.33333%207.58333C2.33333%209.04167%202.84375%2010.2812%203.86458%2011.3021C4.88542%2012.3229%206.125%2012.8333%207.58333%2012.8333Z'%20fill='%232A8452'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}
@media screen and (max-width: 750px) {
  .p-areaTrialFilter__ttl .x-text:before {
    width: 5.0666666667vw;
    height: 5.0666666667vw;
  }
}
.p-areaTrialList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  margin-bottom: clamp(64 * 750 / 1366 * 1px, 64 / 1366 * 100vw, 64px);
}
@media screen and (max-width: 750px) {
  .p-areaTrialList {
    grid-template-columns: 1fr;
    gap: 8.5333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.p-areaTrialList__content {
  display: flex;
  flex-direction: column;
  padding: clamp(17 * 750 / 1366 * 1px, 17 / 1366 * 100vw, 17px) 0
    clamp(21 * 750 / 1366 * 1px, 21 / 1366 * 100vw, 21px);
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .p-areaTrialList__content {
    padding: 5.3333333333vw 0 0;
  }
}
.p-areaTrialList__item {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
}
.p-areaTrialList__item > a {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 1fr;
  grid-row: 2 span;
  height: 100%;
}
.p-areaTrialList__link {
  position: relative;
  width: fit-content;
  padding-right: clamp(24 * 750 / 1366 * 1px, 24 / 1366 * 100vw, 24px);
  margin-top: auto;
  margin-right: 0;
  margin-left: auto;
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  border-bottom: 1px solid var(--color_txt);
}
@media screen and (max-width: 750px) {
  .p-areaTrialList__link {
    padding-right: 5.7333333333vw;
    font-size: 4vw;
  }
}
.p-areaTrialList__link:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: clamp(14 * 750 / 1366 * 1px, 14 / 1366 * 100vw, 14px);
  height: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px);
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='12'%20viewBox='0%200%2014%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%206L7.87501%2012L6.65001%2010.8L10.6531%206.85714L5.43621e-07%206.85714L-9.22113e-07%205.14286L10.6531%205.14286L6.62813%201.2L7.87501%206.09447e-07L14%206Z'%20fill='%23252413'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}
@media screen and (max-width: 750px) {
  .p-areaTrialList__link:after {
    width: 2.5333333333vw;
    height: 2.9333333333vw;
  }
}
.p-areaTrialList__tag {
  padding: clamp(4 * 750 / 1366 * 1px, 4 / 1366 * 100vw, 4px)
    clamp(9 * 750 / 1366 * 1px, 9 / 1366 * 100vw, 9px)
    clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px);
  font-size: clamp(14 * 750 / 1366 * 1px, 14 / 1366 * 100vw, 14px);
  font-weight: 500;
  line-height: 0.7142857143;
  color: var(--color_primary);
  border: 1px solid var(--color_primary);
  border-radius: 9999px;
}
@media screen and (max-width: 750px) {
  .p-areaTrialList__tag {
    padding: 1.0666666667vw 2.4vw 1.6vw;
    font-size: 3.7333333333vw;
  }
}
.p-areaTrialList__tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(6 * 750 / 1366 * 1px, 6 / 1366 * 100vw, 6px);
  margin-bottom: clamp(12 * 750 / 1366 * 1px, 12 / 1366 * 100vw, 12px);
}
@media screen and (max-width: 750px) {
  .p-areaTrialList__tags {
    gap: 1.6vw;
    margin-bottom: 5.3333333333vw;
  }
}
.p-areaTrialList__ttl {
  margin-bottom: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-size: clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px);
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .p-areaTrialList__ttl {
    margin-bottom: 4.2666666667vw;
    font-size: 4.8vw;
  }
}
.p-areaTrialList__txt {
  margin-bottom: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-size: clamp(16 * 750 / 1366 * 1px, 16 / 1366 * 100vw, 16px);
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 750px) {
  .p-areaTrialList__txt {
    margin-bottom: 5.3333333333vw;
    font-size: 4vw;
  }
}
.u-pc {
  display: block;
}
@media screen and (max-width: 750px) {
  .u-pc {
    display: none;
  }
}
.u-sp {
  display: none;
}
@media screen and (max-width: 750px) {
  .u-sp {
    display: block;
  }
}