address, article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

[hidden], command, datalist, menu[type=context], rp, source {
  display: none;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  background: #F4F3EF;
  font-family: sans-serif;
  color: #252322;
  text-align: left;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

ul, ol, dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

dd {
  margin: 0;
}

p {
  line-height: 2;
  margin: 0;
  padding: 0;
}

i, em {
  font-style: normal;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  font-size: inherit;
}
table > caption {
  text-align: left;
}
table th {
  text-align: left;
  margin: 0;
  padding: 0;
}
table td {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
}

input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
  color: #252322;
}

img, picture {
  border: none;
  display: block;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

a {
  outline: none;
  text-decoration: none;
  color: #252322;
}

pre {
  border: 1px solid #bfbfbf;
  padding: 5px;
}

figure {
  margin: 0;
}

/** device
/**************************************/
/** facing
/**************************************/
/** wrap
/**************************************/
/** util
/**************************************/
/** liquid
/**************************************/
/** dom
/**************************************/
/** display
/**************************************/
.inlineDesktop {
  display: none !important;
}
@media only screen and (min-width: 901px) {
  .inlineDesktop {
    display: inline !important;
  }
}

.inlineMobile {
  display: inline !important;
}
@media only screen and (min-width: 901px) {
  .inlineMobile {
    display: none !important;
  }
}

.inlineBlockDesktop {
  display: none !important;
}
@media only screen and (min-width: 901px) {
  .inlineBlockDesktop {
    display: inline-block !important;
  }
}

.inlineBlockMobile {
  display: inline-block !important;
}
@media only screen and (min-width: 901px) {
  .inlineBlockMobile {
    display: none !important;
  }
}

.blockDesktop {
  display: block !important;
}
@media only screen and (max-width: 900px) {
  .blockDesktop {
    display: none !important;
  }
}

.blockMobile {
  display: none !important;
}
@media only screen and (max-width: 900px) {
  .blockMobile {
    display: block !important;
  }
}

.flexDesktop {
  display: none !important;
}
@media only screen and (min-width: 901px) {
  .flexDesktop {
    display: flex !important;
  }
}

.flexMobile {
  display: flex !important;
}
@media only screen and (min-width: 901px) {
  .flexMobile {
    display: none !important;
  }
}

/** color palette
/**************************************/
.has-blue-color {
  color: #c3dadf;
}

.has-blue-background-color {
  background: #c3dadf;
}

.has-blue-border-color {
  border-color: #c3dadf;
}

.has-yellow-color {
  color: #ffe375;
}

.has-yellow-background-color {
  background: #ffe375;
}

.has-yellow-border-color {
  border-color: #ffe375;
}

@font-face {
  font-family: "iconfont";
  src: url("../font/iconfont.eot?1721465710383");
  src: url("../font/iconfont.eot?1721465710383#iefix") format("eot"), url("../font/iconfont.woff2?1721465710383") format("woff2"), url("../font/iconfont.woff?1721465710383") format("woff"), url("../font/iconfont.ttf?1721465710383") format("truetype"), url("../font/iconfont.svg?1721465710383#iconfont") format("svg");
}
.memberModal_links li a[data-link=youtube]:before, .memberModal_links li a[data-link=note]:before, .memberModal_links li a[data-link=facebook]:before, .memberModal_links li a[data-link=instagram]:before, .memberModal_links li a[data-link=x]:before, .magazine_content a:after, .fieldSelect:before, .articleSlider .splide__arrow--next:before, .articleSlider .splide__arrow--prev:before, .articleBody a:after, .share_item[data-sns=youtube] a:before, .share_item[data-sns=note] a:before, .share_item[data-sns=facebook] a:before, .share_item[data-sns=instagram] a:before, .share_item[data-sns=x] a:before, .paging_arrow:before, .outline_body a:after, .modalMenu_arrow:before, .general section a:after, .buttonIcon[data-icon=arrow-left] .buttonIcon_title:before, .buttonIcon[data-icon=plus] .buttonIcon_title:before, .buttonIcon[data-icon=arrow-right] .buttonIcon_title:before, .buttonIcon[data-icon=blank] .buttonIcon_title:before, .headerChild_menu dl dd a[target=_blank]:after, .globalMenuBanner_icon:before, .globalMenu_list dt a[target=_blank]:after, .globalMenu_list dd a[target=_blank]:after, .footerSns_list li[data-sns=x]:before, .footerSns_list li[data-sns=youtube]:before, [target=_blank] .footerBanner_icon:before, .footerBanner_icon:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

@font-face {
  font-family: "ac-medium";
  src: url("../font/AcademySans-Medium.eot");
  src: url("../font/AcademySans-Medium.eot?#iefix") format("embedded-opentype"), url("../font/AcademySans-Medium.woff2") format("woff2"), url("../font/AcademySans-Medium.woff") format("woff");
  size-adjust: 105%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "ac-demibold";
  src: url("../font/AcademySans-Demibold.eot");
  src: url("../font/AcademySans-Demibold.eot?#iefix") format("embedded-opentype"), url("../font/AcademySans-Demibold.woff2") format("woff2"), url("../font/AcademySans-Demibold.woff") format("woff");
  size-adjust: 110%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "ac-bold";
  src: url("../font/AcademySans-Bold.eot");
  src: url("../font/AcademySans-Bold.eot?#iefix") format("embedded-opentype"), url("../font/AcademySans-Bold.woff2") format("woff2"), url("../font/AcademySans-Bold.woff") format("woff");
  font-weight: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "uzuz-display";
  src: url("../font/uzuz-display.woff2") format("woff2-variations");
  font-weight: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: "ac-medium", "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-feature-settings: "palt";
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media only screen and (min-width: 901px) {
  a:has([data-duplicate]) [data-duplicate] {
    position: relative;
    width: fit-content;
  }
  a:has([data-duplicate]) [data-duplicate]::after {
    content: attr(data-duplicate);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    transform: scale(0.8);
    opacity: 0;
  }
  a:has([data-duplicate]) [data-duplicate] > span, a:has([data-duplicate]) [data-duplicate]::after {
    transition: transform 0.3s, opacity 0.3s;
    will-change: opacity, transform;
  }
  a:has([data-duplicate]):hover [data-duplicate] > span {
    transform: scale(1.15);
    opacity: 0;
    display: block;
  }
  a:has([data-duplicate]):hover [data-duplicate]::after {
    opacity: 1;
    transform: scale(1);
  }
  .is-duplicate > div {
    position: relative;
  }
  .is-duplicate span {
    display: block;
  }
  .is-duplicate span:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    transform: scale(0.8);
    opacity: 0;
  }
  .is-duplicate span {
    transition: transform 0.3s, opacity 0.3s;
    will-change: opacity, transform;
  }
  .is-duplicate:hover span:nth-child(1) {
    transform: scale(1.15);
    opacity: 0;
    display: block;
  }
  .is-duplicate:hover span:nth-child(2) {
    opacity: 1;
    transform: scale(1);
  }
}
/** variable
/**************************************/
/** common
/**************************************/
@media screen and (min-width: 1025px) {
  .pc-none {
    display: none !important;
  }
}
@media only screen and (min-width: 901px) {
  .pc-tab-none {
    display: none !important;
  }
}
@media screen and (max-width: 1025px) {
  .sp-none {
    display: none !important;
  }
}
.bg-white {
  background: #fff;
}

.bg-gray {
  background: #f4f3ef;
}

.bottom-round {
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .bottom-round {
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .bottom-round {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
}

.radius10 {
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .radius10 {
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .radius10 {
    border-radius: 2.6666666667vw;
  }
}

.radius20, #sticky-scroll .cell .txt-box, #sticky-scroll .cell .img {
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .radius20, #sticky-scroll .cell .txt-box, #sticky-scroll .cell .img {
    border-radius: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .radius20, #sticky-scroll .cell .txt-box, #sticky-scroll .cell .img {
    border-radius: 5.3333333333vw;
  }
}

/** font.scss
/**************************************/
.h1 {
  line-height: 1.6;
  white-space: nowrap;
  color: #252322;
}
@media only screen and (min-width: 901px) {
  .h1 {
    font-size: 14.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .h1 {
    font-size: 1.7333333333vw;
  }
}

.h2 {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  color: #252322;
}
@media only screen and (min-width: 901px) {
  .h2 {
    font-size: 2vw;
    line-height: 3vw;
  }
}
@media only screen and (max-width: 900px) {
  .h2 {
    font-size: 6.4vw;
  }
}

.h3, #sticky-scroll .cell .txt-box .inner b {
  font-weight: 700;
  text-transform: uppercase;
  color: #252322;
}
@media only screen and (max-width: 900px) {
  .h3, #sticky-scroll .cell .txt-box .inner b {
    font-size: 6.4vw;
    line-height: 9.6vw;
  }
}
@media only screen and (min-width: 901px) {
  .h3, #sticky-scroll .cell .txt-box .inner b {
    font-size: 1.8666666667vw;
    line-height: 2.24vw;
  }
}
.h3 div, #sticky-scroll .cell .txt-box .inner b div {
  font-weight: 700;
}

.h4, #sticky-scroll .cell .txt-box .inner em {
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  color: #252322;
}
@media only screen and (max-width: 900px) {
  .h4, #sticky-scroll .cell .txt-box .inner em {
    font-size: 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .h4, #sticky-scroll .cell .txt-box .inner em {
    font-size: 1.3333333333vw;
  }
}

.small-txt, #sticky-scroll .cell .txt-box .inner .caption small, .ttl-spiral span {
  line-height: 1.2;
  letter-spacing: 0rem;
  font-family: "ac-bold" "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-weight: normal;
  font-display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 900px) {
  .small-txt, #sticky-scroll .cell .txt-box .inner .caption small, .ttl-spiral span {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .small-txt, #sticky-scroll .cell .txt-box .inner .caption small, .ttl-spiral span {
    font-size: 0.8666666667vw;
  }
}

.basic-txt-ja, #sticky-scroll .cell .txt-box .inner p {
  font-weight: 500;
  line-height: 1.9;
  text-align: justify;
  font-family: "ac-medium", "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 901px) {
  .basic-txt-ja, #sticky-scroll .cell .txt-box .inner p {
    font-size: 0.9333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .basic-txt-ja, #sticky-scroll .cell .txt-box .inner p {
    font-size: 3.7333333333vw;
  }
}

.demi-bold {
  font-family: "ac-medium", "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 1025px) {
  .demi-bold {
    font-family: "ac-demibold", "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  }
}

.bold {
  font-family: "ac-bold", "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ttl-spiral {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .ttl-spiral i {
    font-size: 3.2vw;
    margin-top: -1.8666666667vw;
    margin-right: 2.1333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .ttl-spiral i {
    width: 0.8vw;
    margin-top: -0.3333333333vw;
    margin-right: 0.6666666667vw;
  }
}
.big-type {
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .big-type {
    margin-left: -0.2666666667vw;
    width: calc(100% + 1.0666666667vw);
  }
}
.big-type.white:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.big-type.white:after {
  bottom: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.big-type.gray:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(244, 243, 239, 0.5), rgba(244, 243, 239, 0));
}
.big-type.gray:after {
  bottom: 0;
  background: linear-gradient(to top, rgba(244, 243, 239, 0.5), rgba(244, 243, 239, 0));
}
.big-type:before, .big-type:after {
  display: block;
  content: "";
  width: 100%;
  height: 10%;
  position: absolute;
  left: 0;
}
.big-type .video {
  width: 100%;
}

/** parts
/**************************************/
.btn-arw {
  position: relative;
  border: 1px solid #363331;
  transition: all 0.3s;
}
@media only screen and (max-width: 900px) {
  .btn-arw {
    width: 17.3333333333vw;
    height: 8vw;
    border-radius: 4vw;
  }
}
@media only screen and (min-width: 901px) {
  .btn-arw {
    width: 4.3333333333vw;
    height: 2vw;
    border-radius: 1vw;
  }
}
.btn-arw.black {
  background: #363331;
}
.btn-arw.black svg {
  fill: #fff;
}
.btn-arw.white {
  border: 1px solid #fff;
  background: #fff;
}
.btn-arw.white svg {
  fill: #363331;
}
.btn-arw svg {
  position: absolute;
  inset: 0;
  margin: auto;
  transition: all 0.3s;
}
@media only screen and (max-width: 900px) {
  .btn-arw svg {
    width: 4vw;
    height: 3.2vw;
  }
}
@media only screen and (min-width: 901px) {
  .btn-arw svg {
    width: 0.8vw;
    height: 0.8vw;
  }
}

.btn-blank {
  position: relative;
  border: 1px solid #363331;
  border-radius: 100px;
  transition: all 0.3s;
}
@media only screen and (max-width: 900px) {
  .btn-blank {
    width: 17.3333333333vw;
    height: 8vw;
  }
}
@media only screen and (min-width: 901px) {
  .btn-blank {
    width: 4.3333333333vw;
    height: 2vw;
  }
}
.btn-blank.black {
  background: #363331;
}
.btn-blank.black svg {
  fill: #fff;
}
.btn-blank.white {
  border: 1px solid #fff;
  background: #fff;
}
.btn-blank.white svg {
  fill: #363331;
}
.btn-blank svg {
  position: absolute;
  inset: 0;
  margin: auto;
  transition: all 0.3s;
}
@media only screen and (min-width: 901px) {
  .btn-blank svg {
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media only screen and (max-width: 900px) {
  .btn-blank svg {
    width: 3.2vw;
    height: 3.2vw;
  }
}

@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
em.empty {
  width: 0.25em;
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s infinite linear;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__play {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

@media only screen and (min-width: 901px) {
  .archive {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 901px) {
  .archive_side {
    width: 25vw;
    will-change: min-height;
  }
}
@media only screen and (min-width: 901px) {
  .archive_main {
    width: 60vw;
  }
}

/** result
/**************************************/
@media only screen and (min-width: 901px) {
  .archiveResult {
    margin-top: -0.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .archiveResult {
    margin-top: 9.3333333333vw;
    margin-bottom: 16vw;
  }
}
.archiveResult_title {
  margin-top: 0.6666666667vw;
  font-size: 1.8666666667vw;
  line-height: 120%;
  font-weight: bold;
}
@media only screen and (max-width: 900px) {
  .archiveResult_title {
    margin-top: 2.6666666667vw;
    font-size: 5.3333333333vw;
  }
}

.footer {
  padding: 0 1.6666666667vw;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .footer {
    padding: 0 2.6666666667vw;
  }
}
.footer_wrap {
  background-color: #252322;
  border-radius: 1.3333333333vw;
  padding: 2.3333333333vw 0 0;
}
@media only screen and (max-width: 900px) {
  .footer_wrap {
    border-radius: 2.6666666667vw;
    padding: 1.3333333333vw 0 8vw;
    margin-top: 13.3333333333vw;
  }
}
.footer_content {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .footer_content {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 900px) {
  .footer_content {
    width: 84vw;
    margin-inline: auto;
  }
}
@media only screen and (min-width: 901px) {
  .footer_side {
    width: 31.6666666667vw;
    padding-left: 6.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footer_side {
    margin-top: 18.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .footer_main[data-row="3"] {
    width: 50vw;
  }
  .footer_main[data-row="4"] {
    width: 58.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footer_main {
    margin-top: 18.6666666667vw;
  }
}
.footer_copy {
  font-size: 3.3333333333vw;
  line-height: 127.2%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  font-weight: 700;
}
@media only screen and (max-width: 900px) {
  .footer_copy {
    font-size: 10.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .footer_background {
    padding-bottom: 6.6666666667vw;
    margin-top: 11.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .footer_background {
    margin-top: 5.3333333333vw;
  }
}
.footer_background > div.is-cast {
  bottom: 5.3333333333vw;
  left: 16.6666666667vw;
  position: absolute;
  width: 19.3333333333vw;
  z-index: 2;
}
@media only screen and (max-width: 900px) {
  .footer_background > div.is-cast {
    width: 33.6vw;
    left: 16.5333333333vw;
    bottom: 17.0666666667vw;
  }
}

/** banner
/**************************************/
.footerBanners {
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .footerBanners {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 4.6666666667vw;
    width: 90vw;
    padding-bottom: 5vw;
    margin-bottom: 6vw;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 900px) {
  .footerBanners {
    margin-top: 9.3333333333vw;
    width: 84vw;
  }
}

@media only screen and (min-width: 901px) {
  [data-row="2"] .footerBanner {
    width: 44.1333333333vw;
  }
  [data-row="3"] .footerBanner {
    width: 28.8vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBanner {
    margin-bottom: 2.6666666667vw;
  }
}
.footerBanner_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 901px) {
  .footerBanner_link {
    height: 13.0666666667vw;
    padding: 0 2.3333333333vw 0 3.3333333333vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBanner_link {
    padding-inline: 5.3333333333vw;
    padding: 9.0666666667vw 5.3333333333vw 8vw;
    border-radius: 2.6666666667vw;
  }
}
[data-theme=orange] .footerBanner_link {
  background-color: #FF7326;
}
[data-theme=red] .footerBanner_link {
  background-color: #FF4642;
}
[data-theme=yellow] .footerBanner_link {
  background-color: #FFCC00;
}
@media only screen and (min-width: 901px) {
  .footerBanner_title {
    margin-top: 0.4666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBanner_title {
    margin-top: 1.3333333333vw;
  }
}
.footerBanner_title div.is-sub {
  margin-bottom: 1.2vw;
}
@media only screen and (max-width: 900px) {
  .footerBanner_title div.is-sub {
    margin-bottom: 2.4vw;
  }
}
.footerBanner_title div.is-sub span, .footerBanner_title div.is-sub::after {
  font-size: 0.9333333333vw;
  font-weight: bold;
  color: #FFFFFF;
}
@media only screen and (max-width: 900px) {
  .footerBanner_title div.is-sub span, .footerBanner_title div.is-sub::after {
    font-size: 3.2vw;
  }
}
.footerBanner_title div.is-main span, .footerBanner_title div.is-main::after {
  color: #FFFFFF;
}
.footerBanner_icon {
  width: 4.1333333333vw;
  height: 2.1333333333vw;
  border-radius: 1.0666666667vw;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footerBanner_icon:before {
  content: "\ea02";
}
[target=_blank] .footerBanner_icon:before {
  content: "\ea03";
}
@media only screen and (min-width: 901px) {
  [target=_blank] .footerBanner_icon::before {
    margin-left: 0.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBanner_icon {
    width: 16.5333333333vw;
    height: 8vw;
    border-radius: 4vw;
  }
}
.footerBanner_icon::before {
  font-size: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .footerBanner_icon::before {
    font-size: 3.2vw;
  }
}

.footerBanner_icon {
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.footerBanner_icon::before {
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 901px) {
  .footerBanner_link:hover .footerBanner_icon {
    background-color: #252322;
  }
  .footerBanner_link:hover .footerBanner_icon::before {
    color: #FFFFFF;
  }
}

/** menu
/**************************************/
@media only screen and (min-width: 901px) {
  .footerMenu {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .footerMenu_section {
    margin-bottom: 5.8vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-row="3"] .footerMenu_section {
    width: 16.6666666667vw;
  }
  [data-row="3"] .footerMenu_section.long {
    display: flex;
    width: 50vw;
  }
  [data-row="3"] .footerMenu_section.inner {
    margin: 0;
  }
  [data-row="3"] .footerMenu_section.inner .footerMenuChild:first-child .footerMenuChild_list {
    margin-top: 2.1vw;
  }
  [data-row="4"] .footerMenu_section {
    width: 14.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerMenu_section[data-accordion-state] {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media only screen and (max-width: 900px) {
  .footerMenuParent {
    display: flex;
    padding: 6.9333333333vw 0 2.1333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-accordion-state] .footerMenuParent {
    padding: 7.4666666667vw 0;
  }
}
.footerMenuParent_title span {
  font-size: 0.9333333333vw;
  color: #fff;
}
@media only screen and (max-width: 900px) {
  .footerMenuParent_title span {
    font-size: 3.7333333333vw;
  }
}

.footerMenuChild_content {
  padding-top: 0vw;
}
@media only screen and (max-width: 900px) {
  [data-accordion-state] .footerMenuChild_content {
    padding-bottom: 4.2666666667vw;
  }
}
.footerMenuChild_label {
  margin-top: 1.2vw;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_label {
    margin-top: 0.5333333333vw;
  }
}
.footerMenuChild_label span {
  font-size: 0.9333333333vw;
  color: #FFFFFF !important;
  line-height: 230%;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_label span {
    font-size: 3.7333333333vw;
  }
}
.footerMenuChild_list {
  margin-top: 1.2vw;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_list {
    margin-top: 0vw;
  }
}
.footerMenuChild_label + .footerMenuChild_list {
  margin-top: 0.5333333333vw;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_label + .footerMenuChild_list {
    margin-top: 0vw;
  }
}
.footerMenuChild_list a span, .footerMenuChild_list div span {
  font-size: 0.9333333333vw;
  color: #afafaf;
  line-height: 230%;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_list a span, .footerMenuChild_list div span {
    font-size: 3.7333333333vw;
  }
}
.footerMenuChild_list > li > ol {
  margin-top: 0.5333333333vw;
  margin-bottom: 0.5333333333vw;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_list > li > ol {
    margin-top: 2.1333333333vw;
    margin-bottom: 2.1333333333vw;
  }
}
.footerMenuChild_list > li > ol > li {
  position: relative;
  padding-left: 1vw;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_list > li > ol > li {
    padding-left: 4vw;
  }
}
.footerMenuChild_list > li > ol > li::before {
  content: "";
  display: block;
  width: 0.3333333333vw;
  height: 0.3333333333vw;
  position: absolute;
  left: 0vw;
  top: 0.9333333333vw;
  background-color: #afafaf;
  border-radius: 50%;
}
@media only screen and (max-width: 900px) {
  .footerMenuChild_list > li > ol > li::before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    left: 0vw;
    top: 3.7333333333vw;
  }
}

/** sns
/**************************************/
@media only screen and (min-width: 901px) {
  .footerSns {
    position: absolute;
    left: 6.6666666667vw;
    bottom: 5.2666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerSns {
    margin-top: 9.3333333333vw;
  }
}
.footerSns_title {
  font-size: 0.9333333333vw;
  color: #fff;
  font-family: "ac-bold", sans-serif;
}
@media only screen and (max-width: 900px) {
  .footerSns_title {
    font-size: 3.7333333333vw;
  }
}
.footerSns_list {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .footerSns_list {
    margin-top: 5.3333333333vw;
  }
}
.footerSns_list li {
  position: relative;
  padding-left: 2.3333333333vw;
  margin-bottom: 0.8666666667vw;
}
@media only screen and (max-width: 900px) {
  .footerSns_list li {
    padding-left: 8.8vw;
    margin-bottom: 3.7333333333vw;
  }
}
.footerSns_list li::before {
  position: absolute;
  left: 0;
  color: #FFFFFF;
}
.footerSns_list li a span {
  font-size: 0.9333333333vw;
  color: #afafaf;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .footerSns_list li a span {
    font-size: 3.7333333333vw;
  }
}
.footerSns_list li[data-sns=youtube]:before {
  content: "\ea09";
}
.footerSns_list li[data-sns=youtube]::before {
  font-size: 1.3333333333vw;
  top: 0.2666666667vw;
}
@media only screen and (max-width: 900px) {
  .footerSns_list li[data-sns=youtube]::before {
    font-size: 5.3333333333vw;
    top: 1.0666666667vw;
  }
}
.footerSns_list li[data-sns=x]:before {
  content: "\ea08";
}
.footerSns_list li[data-sns=x]::before {
  font-size: 0.9333333333vw;
  top: 0.4666666667vw;
  left: 0.2666666667vw;
}
@media only screen and (max-width: 900px) {
  .footerSns_list li[data-sns=x]::before {
    font-size: 3.7333333333vw;
    top: 1.8666666667vw;
    left: 0.8vw;
  }
}
.footerSns_list li[data-sns=line]::before {
  top: 0.0666666667vw;
  width: 1.2666666667vw;
  height: 1.2666666667vw;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-image: url("/assets/img/global/icon_line.svg");
}
@media only screen and (max-width: 900px) {
  .footerSns_list li[data-sns=line]::before {
    top: 0.2666666667vw;
    width: 5.0666666667vw;
    height: 5.0666666667vw;
  }
}

.footerSns_list li a span {
  transition: color 0.3s;
}
@media only screen and (min-width: 901px) {
  .footerSns_list li a:hover span {
    color: #FFFFFF;
  }
}

/** external
/**************************************/
@media only screen and (min-width: 901px) {
  .footerMenuExternal {
    margin-top: -0.4666666667vw;
    margin-bottom: 5.6666666667vw;
    width: 33.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerMenuExternal {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5.6vw 0 2.1333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .footerMenuExternal_list {
    display: flex;
    flex-wrap: wrap;
  }
}
.footerMenuExternal_list dt, .footerMenuExternal_list dd {
  line-height: 230%;
  margin-bottom: 0.1333333333vw;
}
.footerMenuExternal_list dt.has-marginTop, .footerMenuExternal_list dd.has-marginTop {
  margin-top: 2.1333333333vw;
}
@media only screen and (max-width: 900px) {
  .footerMenuExternal_list dt.has-marginTop, .footerMenuExternal_list dd.has-marginTop {
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerMenuExternal_list dt.has-marginTop:has(a), .footerMenuExternal_list dd.has-marginTop:has(a) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 901px) {
  .footerMenuExternal_list dt {
    width: 16.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerMenuExternal_list dt {
    margin-top: 5.3333333333vw;
  }
}
.footerMenuExternal_list dt span {
  font-size: 0.9333333333vw;
  color: #fff;
}
@media only screen and (max-width: 900px) {
  .footerMenuExternal_list dt span {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .footerMenuExternal_list dd {
    width: 16.6666666667vw;
  }
}
.footerMenuExternal_list dd a span {
  font-size: 0.9333333333vw;
  color: #afafaf;
}
@media only screen and (max-width: 900px) {
  .footerMenuExternal_list dd a span {
    font-size: 3.7333333333vw;
  }
}

.footerMenuExternal_list dd a span {
  transition: color 0.3s;
}
@media only screen and (min-width: 901px) {
  .footerMenuExternal_list dd a:hover span {
    color: #FFFFFF;
  }
}

/** bottom
/**************************************/
@media only screen and (min-width: 901px) {
  .footerBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBottom {
    margin: 13.3333333333vw 5.3333333333vw 0 5.3333333333vw;
  }
}
.footerBottom_logo {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 901px) {
  .footerBottom_logo {
    width: 31.6666666667vw;
    padding-left: 6.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBottom_logo {
    align-items: flex-end;
    justify-content: center;
  }
}
.footerBottom_logo > p {
  color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .footerBottom_logo > p {
    font-size: 1.3333333333vw;
    margin-left: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBottom_logo > p {
    font-size: 3.7333333333vw;
    margin-left: 2.6666666667vw;
    line-height: 1;
    margin-bottom: -0.2666666667vw;
  }
}
.footerBottom_logo > div.blockDesktop svg {
  display: block;
  width: 17.2vw;
  height: 1.4vw;
  display: block;
  fill: #fff;
}
@media only screen and (max-width: 900px) {
  .footerBottom_logo > div.blockDesktop svg {
    width: 23.4666666667vw;
    height: 7.4666666667vw;
  }
}
.footerBottom_bt {
  margin: 10vw auto 0;
  width: fit-content;
}
@media only screen and (min-width: 901px) {
  .footerBottom_copyright {
    width: 50vw;
  }
}
@media only screen and (max-width: 900px) {
  .footerBottom_copyright {
    margin-top: 10.6666666667vw;
  }
}
.footerBottom_copyright p {
  font-size: 1vw;
  color: #fff;
}
@media only screen and (max-width: 900px) {
  .footerBottom_copyright p {
    font-size: 4.2666666667vw;
  }
}

/** accordion
/**************************************/
.footerMenuParent {
  position: relative;
}
.footerMenuParent_icon {
  position: relative;
  margin-left: 2vw;
  width: 0.8vw;
  height: 0.8vw;
  position: relative;
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  .footerMenuParent_icon {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.footerMenuParent_icon::before, .footerMenuParent_icon::after {
  content: "";
  display: block;
  background-color: #FFFFFF;
  position: absolute;
}
.footerMenuParent_icon::before {
  width: 0.1333333333vw;
  height: 100%;
  left: calc(50% - 0.0666666667vw);
}
@media only screen and (max-width: 900px) {
  .footerMenuParent_icon::before {
    width: 0.5333333333vw;
    left: calc(50% - 0.2666666667vw);
  }
}
.footerMenuParent_icon::after {
  width: 100%;
  height: 0.1333333333vw;
  top: calc(50% - 1px);
}
@media only screen and (max-width: 900px) {
  .footerMenuParent_icon::after {
    height: 0.5333333333vw;
  }
}
.footerMenuParent_icon::before, .footerMenuParent_icon::after {
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-accordion-state=open] .footerMenuParent_icon {
  transform: rotate(270deg);
}
[data-accordion-state=open] .footerMenuParent_icon::after {
  opacity: 0;
}
@media only screen and (min-width: 901px) {
  .footerMenuParent_icon {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  [data-accordion-state] .footerMenuChild {
    overflow: hidden;
    height: 0;
  }
}

.footerMenuChild_list li a:not(.is-disable) span {
  transition: color 0.3s;
}
@media only screen and (min-width: 901px) {
  .footerMenuChild_list li a:not(.is-disable):hover span {
    color: #FFFFFF;
  }
}

.globalMenu {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 901px) {
  .globalMenu {
    display: none;
  }
}
.globalMenu_wrap {
  padding: 0 0vw 26.6666666667vw 0vw;
  width: 78.6666666667vw;
  margin-inline: auto;
}
.globalMenu_section {
  border-top: 1px solid rgba(37, 35, 34, 0.2);
}
.globalMenu_section:last-child {
  border-bottom: 1px solid rgba(37, 35, 34, 0.2);
}
.globalMenu_head a {
  padding-top: 8vw;
  padding-bottom: 6.6666666667vw;
  display: flex;
  position: relative;
}
.globalMenu_head a span {
  font-size: 3.7333333333vw;
  font-weight: bold;
  margin-right: 2vw;
}
.globalMenu_head[data-js=accordion-trigger] a i {
  position: absolute;
  right: 0;
  top: calc(50% - 0.8vw);
  width: 0.8vw;
  height: 0.8vw;
  position: relative;
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  .globalMenu_head[data-js=accordion-trigger] a i {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.globalMenu_head[data-js=accordion-trigger] a i::before, .globalMenu_head[data-js=accordion-trigger] a i::after {
  content: "";
  display: block;
  background-color: #252322;
  position: absolute;
}
.globalMenu_head[data-js=accordion-trigger] a i::before {
  width: 0.1333333333vw;
  height: 100%;
  left: calc(50% - 0.0666666667vw);
}
@media only screen and (max-width: 900px) {
  .globalMenu_head[data-js=accordion-trigger] a i::before {
    width: 0.5333333333vw;
    left: calc(50% - 0.2666666667vw);
  }
}
.globalMenu_head[data-js=accordion-trigger] a i::after {
  width: 100%;
  height: 0.1333333333vw;
  top: calc(50% - 1px);
}
@media only screen and (max-width: 900px) {
  .globalMenu_head[data-js=accordion-trigger] a i::after {
    height: 0.5333333333vw;
  }
}
.globalMenu_head[data-js=accordion-trigger] a i::before, .globalMenu_head[data-js=accordion-trigger] a i::after {
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-accordion-state=open] .globalMenu_head[data-js=accordion-trigger] a i {
  transform: rotate(270deg);
}
[data-accordion-state=open] .globalMenu_head[data-js=accordion-trigger] a i::after {
  opacity: 0;
}
.globalMenu_content {
  padding-left: 2.6666666667vw;
}
.globalMenu_list + .globalMenu_list {
  margin-top: 6.6666666667vw;
}
.globalMenu_list:first-child dt:first-child {
  margin-top: 2.6666666667vw;
}
.globalMenu_list:last-child {
  margin-bottom: 5.3333333333vw;
}
.globalMenu_list dt a, .globalMenu_list dd a {
  display: block;
  line-height: 230%;
  position: relative;
  width: fit-content;
  color: #5c5a59;
}
.globalMenu_list dt a[target=_blank]:after, .globalMenu_list dd a[target=_blank]:after {
  content: "\ea03";
}
.globalMenu_list dt a span, .globalMenu_list dd a span {
  display: block;
}
.globalMenu_list dt a::after, .globalMenu_list dd a::after {
  font-size: 3.2vw;
  right: -5.3333333333vw;
  top: -0.2666666667vw;
  position: absolute;
}
.globalMenu_list dt {
  font-size: 3.7333333333vw;
  font-weight: bold;
}
.globalMenu_list dt:first-child {
  margin-bottom: 2.6666666667vw;
}
.globalMenu_list dt .ttl-sub {
  display: block;
  margin-top: 5.3333333333vw;
}
.globalMenu_list dd {
  font-size: 3.7333333333vw;
}
.globalMenu_sub {
  margin-top: 13.3333333333vw;
  margin-bottom: 13.3333333333vw;
}
.globalMenu_sub dt, .globalMenu_sub dd {
  font-size: 3.7333333333vw;
}
.globalMenu_sub dt {
  font-weight: 600;
  margin-top: 9.3333333333vw;
}
.globalMenu_sub dd {
  margin-top: 4vw;
}

/** banner
/**************************************/
.globalMenuBanner {
  margin-bottom: 2.6666666667vw;
}
.globalMenuBanner_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 5.3333333333vw;
  padding: 0 5.3333333333vw;
  border-radius: 2.6666666667vw;
  height: 29.3333333333vw;
  position: relative;
}
[data-theme=orange] .globalMenuBanner_link {
  background-color: #FF7326;
}
[data-theme=red] .globalMenuBanner_link {
  background-color: #FF4642;
}
[data-theme=yellow] .globalMenuBanner_link {
  background-color: #FFCC00;
}
.globalMenuBanner_title {
  font-size: 6.4vw;
  color: #FFFFFF;
}
.globalMenuBanner_icon {
  width: 16.5333333333vw;
  height: 8vw;
  border-radius: 4vw;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.globalMenuBanner_icon:before {
  content: "\ea02";
}
.globalMenuBanner_icon::before {
  font-size: 3.2vw;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 1.3333333333vw 5% 0;
}
@media only screen and (max-width: 900px) {
  .header {
    padding: 2.6666666667vw 5.3333333333vw 0;
  }
}
.header_wrap {
  width: 90vw;
  height: 4.6666666667vw;
  background-color: #FFFFFF;
  box-shadow: 0 0.8666666667vw 1.6vw 0.6666666667vw rgba(0, 0, 0, 0.05);
  border-radius: 0.6666666667vw;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .header_wrap {
    padding: 0 1.4814814815% 0 2.962962963%;
  }
}
@media only screen and (max-width: 900px) {
  .header_wrap {
    height: 15.4666666667vw;
    border-radius: 2.6666666667vw;
    overflow: hidden;
    width: 89.3333333333vw;
  }
}
.header_main {
  height: 4.6666666667vw;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .header_main {
    height: 15.4666666667vw;
    padding: 0 0 0 5.3333333333vw;
  }
}
.header_head {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 901px) {
  .header_head {
    width: 15.2vw;
  }
}
.header_logo {
  margin-right: 1.3333333333vw;
}
.header_logo a {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image: url("/assets/img/global/logo_uzuz-college_vertical_black02.svg");
}
@media only screen and (min-width: 901px) {
  .header_logo a {
    width: 10.6666666667vw;
    height: 2.4vw;
  }
}
@media only screen and (max-width: 900px) {
  .header_logo a {
    width: 32vw;
    height: 7.4666666667vw;
  }
}
.header_logo a span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: absolute;
}
.header_switch {
  height: 2.3333333333vw;
  width: 6.2666666667vw;
  border-radius: 3.3333333333vw;
  background-color: #F4F3EF;
  display: flex;
  align-items: center;
  padding: 0.2vw;
}
@media only screen and (max-width: 900px) {
  .header_switch {
    width: 21.3333333333vw;
    height: 7.4666666667vw;
    padding: 0.8vw;
    border-radius: 3.7333333333vw;
  }
}
.header_switch a, .header_switch div {
  width: 2.9333333333vw;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  .header_switch a, .header_switch div {
    width: 10.1333333333vw;
  }
}
.header_switch a span, .header_switch div span {
  font-size: 0.8vw;
  color: #FFFFFF;
  display: block;
  font-weight: 700;
}
@media only screen and (max-width: 900px) {
  .header_switch a span, .header_switch div span {
    font-size: 3.2vw;
  }
}
.header_switch div {
  background-color: #252322;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.3333333333vw;
  height: 100%;
  padding-top: 0.0666666667vw;
}
@media only screen and (max-width: 900px) {
  .header_switch div {
    border-radius: 5.0666666667vw;
  }
}
.header_switch div span {
  color: #FFFFFF;
}
.header_switch a {
  text-align: center;
}
.header_switch a span {
  color: #CCCCCC;
}
.header_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-target=to-b] .header_button {
  width: 21.7333333333vw;
}
[data-target=to-c] .header_button {
  width: 10.8vw;
}
@media only screen and (max-width: 900px) {
  .header_button {
    display: none;
  }
}
.header_button .buttonFill:nth-child(1) {
  width: 45.7142857143%;
  width: 11.2vw;
}
.header_button .buttonFill:nth-child(2) {
  width: 40%;
  width: 9.7333333333vw;
}
.header_button .buttonFill a {
  width: 100%;
}

.header_switch a span {
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 901px) {
  .header_switch a:hover span {
    color: #252322;
  }
}

/** menu
/**************************************/
.headerMenu {
  display: flex;
  align-items: center;
}
[data-target=to-b] .headerMenu {
  width: 36vw;
}
[data-target=to-c] .headerMenu {
  width: 52.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .headerMenu {
    display: none;
  }
}
.headerMenu_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.6666666667vw;
  display: none;
  /**/
}
.headerMenu_item {
  padding-block: 0.6666666667vw;
  margin-inline: 0.6666666667vw;
  cursor: pointer;
  position: relative;
  /**/
}
.headerMenu_item:last-child {
  margin-right: 0;
}
.headerMenu_item > div {
  position: relative;
  font-size: 0.9333333333vw;
  margin-right: 0.6666666667vw;
  font-weight: 600;
}
.headerMenu_item > div > span {
  display: block;
}
.headerMenu_item > div > i {
  display: block;
  width: 0.4vw;
  height: 0.4vw;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  background: #FF7326;
  bottom: 0.3333333333vw;
  left: calc(50% - 0.3333333333vw);
  transform: scale(0);
}
.headerMenu_item[data-child-trigger] {
  display: flex;
  align-items: center;
}
.headerMenu_item[data-child-trigger]::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 1.2666666667vw);
  display: none;
  /**/
}
[data-show=child] .headerMenu_item[data-child-trigger]::before {
  display: block;
}
.headerMenu_icon {
  margin-top: -0.1333333333vw;
  width: 0.8vw;
  height: 0.8vw;
  position: relative;
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  .headerMenu_icon {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.headerMenu_icon::before, .headerMenu_icon::after {
  content: "";
  display: block;
  background-color: #252322;
  position: absolute;
}
.headerMenu_icon::before {
  width: 0.1333333333vw;
  height: 100%;
  left: calc(50% - 0.0666666667vw);
}
@media only screen and (max-width: 900px) {
  .headerMenu_icon::before {
    width: 0.5333333333vw;
    left: calc(50% - 0.2666666667vw);
  }
}
.headerMenu_icon::after {
  width: 100%;
  height: 0.1333333333vw;
  top: calc(50% - 1px);
}
@media only screen and (max-width: 900px) {
  .headerMenu_icon::after {
    height: 0.5333333333vw;
  }
}
.headerMenu_icon::before, .headerMenu_icon::after {
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-accordion-state=open] .headerMenu_icon {
  transform: rotate(270deg);
}
[data-accordion-state=open] .headerMenu_icon::after {
  opacity: 0;
}

.headerMenu_overlay {
  z-index: 1;
  pointer-events: none;
}
[data-show=child] .headerMenu_overlay {
  pointer-events: auto;
}
.headerMenu_item {
  z-index: 0;
}
.headerMenu_item.is-show {
  z-index: 2;
}
.headerMenu_icon {
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.is-show .headerMenu_icon {
  transform: rotate(270deg);
}
.is-show .headerMenu_icon::after {
  opacity: 0;
}

/** child
/**************************************/
.headerChild {
  position: absolute;
  left: 0;
  top: 4.8666666667vw;
  width: 100%;
  /**/
}
.headerChild_inner {
  padding: 2.8vw 1.4814814815% 0 2.962962963%;
}
.headerChild_wrap {
  display: flex;
}
.headerChild_headline {
  display: flex;
  width: 20.9302325581%;
}
.headerChild_headline::before {
  width: 1.4666666667vw;
  height: 1.4vw;
  content: "";
  display: block;
  margin: 0.3333333333vw 1.3333333333vw 0 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image: url("/assets/img/global/symbol_uzuz_gradation.png");
}
.headerChild_headline span {
  font-size: 1.8666666667vw;
  letter-spacing: -0.02em;
  line-height: 120%;
}
.headerChild_menu {
  display: flex;
  gap: 4em;
  width: 52.7131782946%;
  margin-top: -0.3333333333vw;
}
.headerChild_menu dl {
  width: 28.2%;
}
.headerChild_menu dl dt, .headerChild_menu dl dd {
  font-size: 0.9333333333vw;
  line-height: 240%;
}
.headerChild_menu dl dt a, .headerChild_menu dl dd a {
  color: #5c5a59;
}
.headerChild_menu dl dt.is-parent, .headerChild_menu dl dd.is-parent {
  font-weight: bold;
  color: #252322;
}
.headerChild_menu dl dt.is-parent div span, .headerChild_menu dl dt.is-parent div:after, .headerChild_menu dl dd.is-parent div span, .headerChild_menu dl dd.is-parent div:after {
  font-weight: bold;
  color: #252322;
}
.headerChild_menu dl dd {
  width: fit-content;
}
.headerChild_menu dl dd a {
  display: block;
  position: relative;
}
.headerChild_menu dl dd a span {
  display: block;
}
.headerChild_menu dl dd a[target=_blank]:after {
  content: "\ea03";
}
.headerChild_menu dl dd a::after {
  font-size: 0.8vw;
  margin-right: 0.3333333333vw;
  right: -1.6666666667vw;
  top: -0.0666666667vw;
  position: absolute;
}
@media only screen and (max-width: 900px) {
  .headerChild_menu dl dd a::after {
    font-size: 3.2vw;
    margin-right: 1.3333333333vw;
    right: 0vw;
    top: -2.1333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .headerChild_menu dl dd a:hover {
    text-decoration: none;
  }
}
.headerChild_image {
  width: 22.7131782946%;
}

@media only screen and (min-width: 901px) {
  .header_wrap {
    transition-delay: 0.1s;
    transition: 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-show=child] .header_wrap {
    height: 27.3333333333vw;
    transition-delay: 0s;
  }
}
@media only screen and (max-width: 900px) {
  .header_wrap {
    transition: 0.6s cubic-bezier(0.84, 0, 0.16, 1);
  }
  [data-show=global] .header_wrap {
    height: calc(100svh - 5.3333333333vw);
  }
}

.headerChild {
  transition: 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
  transform: scale(0.95) translateY(-20%);
  pointer-events: none;
  opacity: 0;
}
.headerChild.is-show {
  opacity: 1;
  transition-delay: 0.1s;
  transform: none;
  pointer-events: auto;
}

[data-scroll="0"] .header {
  pointer-events: none;
}
.header_inner {
  transition: transform 0.6s;
}
[data-scroll="0"] .header_inner {
  transform: translateY(calc(-100% - 1.3333333333vw));
}
@media only screen and (max-width: 900px) {
  [data-scroll="0"] .header_inner {
    transform: translateY(calc(-100% - 5.3333333333vw));
  }
}

body {
  padding-bottom: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  body {
    padding-bottom: 2.6666666667vw;
  }
}
body::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #F4F3EF;
  position: fixed;
  left: 0;
  top: 0;
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
}
[data-load="1"] body::after {
  opacity: 0;
}
body::before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
body[data-show=child]::before {
  opacity: 1;
}
@media only screen and (max-width: 900px) {
  body[data-show=global]::before {
    opacity: 1;
  }
}
body.is-lock:before {
  z-index: 100;
}

.container {
  position: relative;
  overflow: hidden;
  max-width: none !important;
}
@media only screen and (min-width: 901px) {
  .container {
    padding-bottom: 3.3333333333vw;
  }
}
.container[data-overflow=visible] {
  overflow: visible;
}

.section {
  border-radius: 0 0 2vw 2vw;
  padding-top: 12vw;
  padding-bottom: 10vw;
  margin-top: -2vw;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .section {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    padding-top: 24vw;
    padding-bottom: 24vw;
    margin-top: -5.3333333333vw;
  }
}
.section:nth-child(1) {
  z-index: 100;
}
.section:nth-child(2) {
  z-index: 99;
}
.section:nth-child(3) {
  z-index: 98;
}
.section:nth-child(4) {
  z-index: 97;
}
.section:nth-child(5) {
  z-index: 96;
}
.section:nth-child(6) {
  z-index: 95;
}
.section:nth-child(7) {
  z-index: 94;
}
.section:nth-child(8) {
  z-index: 93;
}
.section:nth-child(9) {
  z-index: 92;
}
.section:nth-child(10) {
  z-index: 91;
}
.section:nth-child(11) {
  z-index: 90;
}
.section:nth-child(12) {
  z-index: 89;
}
.section:nth-child(13) {
  z-index: 88;
}
.section:nth-child(14) {
  z-index: 87;
}
.section:nth-child(15) {
  z-index: 86;
}
.section:nth-child(16) {
  z-index: 85;
}
.section:nth-child(17) {
  z-index: 84;
}
.section:nth-child(18) {
  z-index: 83;
}
.section:nth-child(19) {
  z-index: 82;
}
.section:nth-child(20) {
  z-index: 81;
}
.section:nth-child(21) {
  z-index: 80;
}
.section:nth-child(22) {
  z-index: 79;
}
.section:nth-child(23) {
  z-index: 78;
}
.section:nth-child(24) {
  z-index: 77;
}
.section:nth-child(25) {
  z-index: 76;
}
.section:nth-child(26) {
  z-index: 75;
}
.section:nth-child(27) {
  z-index: 74;
}
.section:nth-child(28) {
  z-index: 73;
}
.section:nth-child(29) {
  z-index: 72;
}
.section:nth-child(30) {
  z-index: 71;
}
.section:nth-child(31) {
  z-index: 70;
}
.hero[data-radius="1"] + .section {
  margin-top: -2vw;
}
@media only screen and (max-width: 900px) {
  .hero[data-radius="1"] + .section {
    margin-top: -5.3333333333vw;
  }
}
[data-target=to-c] .section[data-section=home-service] {
  margin-top: 0;
  padding-top: 0;
}
.section[data-theme=white] {
  background-color: #FFFFFF;
}
.section[data-theme=beige] {
  background-color: #F4F3EF;
}
.section[data-radius="0"] {
  border-radius: 0;
}
.section[data-padding=top-0] {
  padding-top: 0;
}
.section[data-padding=bottom-0] {
  padding-bottom: 0;
}
@media only screen and (min-width: 901px) {
  .section[data-margin=top-0] {
    margin-top: 0.3333333333vw;
  }
}
.section[data-section=faq] {
  padding-top: 0;
  margin-top: 0;
}
@media only screen and (min-width: 901px) {
  .section[data-section=faq] {
    padding-bottom: 4.6666666667vw;
  }
}
.section[data-overflow=hidden] {
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .section:last-child {
    padding-bottom: 8vw;
  }
}
.section_wrap {
  position: relative;
  z-index: 1;
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .section_wrap {
    width: 90vw;
  }
}
@media only screen and (max-width: 900px) {
  .section_wrap {
    width: 89.3333333333vw;
  }
}
.section_wrap.is-bottomRadius {
  background-color: #FFFFFF;
}
.section_wrap[data-wrap=full] {
  width: 100%;
  max-width: none;
}

.trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  width: 12.8vw;
  height: 12.8vw;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 901px) {
  .trigger {
    display: none;
  }
}
.trigger_inner {
  position: relative;
  z-index: 1;
  width: 3.2vw;
  height: 1.6vw;
  transition: all 0.4s;
  box-sizing: border-box;
}
.trigger_inner span {
  display: block;
  transition: all 0.4s;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 0.5333333333vw;
  left: 0;
  background-color: #252322;
}
.trigger_inner span:nth-child(1) {
  top: 0;
  animation: closeTrigger1 cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6s forwards;
}
.trigger_inner span:nth-child(2) {
  bottom: 0;
  animation: closeTrigger2 cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6s forwards;
}
[data-show=global] .trigger_inner span:nth-child(1) {
  animation: openTrigger1 cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6s forwards;
  top: 0.5333333333vw;
  transform: rotate(45deg);
}
[data-show=global] .trigger_inner span:nth-child(2) {
  animation: openTrigger2 cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6s forwards;
  bottom: 0.5333333333vw;
  transform: rotate(-45deg);
}

.trigger_inner {
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-show=global] .trigger_inner {
  transform: rotate(270deg);
}

.modal {
  z-index: 42;
}

.categoryModal {
  z-index: 41;
}

.categoryModalOverlay {
  z-index: 40;
}

body::after {
  z-index: 32;
}

.header {
  z-index: 31;
}

body::before {
  z-index: 30;
}

.categoryModalTrigger {
  z-index: 25;
}

.fixBanner {
  z-index: 100;
}

.mobileAnchorMenu {
  z-index: 8;
}

#sticky-scroll {
  z-index: 7;
}

.container {
  z-index: 2;
}

.footer {
  z-index: 1;
}

.homeHero {
  z-index: 6;
}

.homeIntro {
  z-index: 5;
}

.homeService {
  z-index: 4;
}

.homeFeature {
  z-index: 3;
}

.homeCase {
  z-index: 2;
}

.homeNews {
  z-index: 1;
}

[data-js=accordion-content] {
  overflow: hidden;
  height: 0;
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.is-defautoOpen [data-js=accordion-content] {
  height: auto;
}

/** fill
/**************************************/
.buttonFill a, .buttonFill button, .buttonFill > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 2.1333333333vw;
  width: fit-content;
  position: relative;
  height: 3.6666666667vw;
  width: fit-content;
  border-radius: 1.8666666667vw;
}
@media only screen and (max-width: 900px) {
  .buttonFill a, .buttonFill button, .buttonFill > div {
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
    padding-inline: 8.5333333333vw;
  }
}
.buttonFill a > div, .buttonFill button > div, .buttonFill > div > div {
  font-size: 0.9333333333vw;
  color: #FFFFFF;
  font-weight: 500;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 900px) {
  .buttonFill a > div, .buttonFill button > div, .buttonFill > div > div {
    font-size: 3.7333333333vw;
  }
}
.buttonFill a > div::before, .buttonFill button > div::before, .buttonFill > div > div::before {
  position: absolute;
}
.buttonFill[data-color=black] a, .buttonFill[data-color=black] button, .buttonFill[data-color=black] > div {
  background-color: #252322;
}
.buttonFill[data-color=black] a > div::before, .buttonFill[data-color=black] button > div::before, .buttonFill[data-color=black] > div > div::before {
  background-color: #FF7326;
}
.buttonFill[data-color=white] a, .buttonFill[data-color=white] button, .buttonFill[data-color=white] > div {
  background-color: #FFFFFF;
}
.buttonFill[data-color=white] a span, .buttonFill[data-color=white] button span, .buttonFill[data-color=white] > div span {
  color: #252322;
}
.buttonFill[data-color=orange] a, .buttonFill[data-color=orange] button, .buttonFill[data-color=orange] > div {
  background-color: #FF7326;
}
.buttonFill[data-height="34"] a, .buttonFill[data-height="34"] button {
  height: 2.2666666667vw;
  border-radius: 1.3333333333vw;
  padding-inline: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .buttonFill[data-height="34"] a, .buttonFill[data-height="34"] button {
    height: 9.0666666667vw;
    border-radius: 5.3333333333vw;
    padding-inline: 4vw;
  }
  .buttonFill[data-height="34"] a div, .buttonFill[data-height="34"] button div {
    font-size: 3.2vw;
  }
}
.buttonFill[data-height="50"] a, .buttonFill[data-height="50"] button {
  height: 3.3333333333vw;
  border-radius: 1.6666666667vw;
  padding-inline: 0;
}
.buttonFill[data-height="54"] a, .buttonFill[data-height="54"] button {
  height: 3.3333333333vw;
  border-radius: 1.6666666667vw;
  padding-inline: 2.4vw;
}
@media only screen and (max-width: 900px) {
  .buttonFill[data-height="54"] a, .buttonFill[data-height="54"] button {
    height: 13.3333333333vw;
    border-radius: 8vw;
    padding-inline: 9.3333333333vw;
  }
}
.buttonFill[data-icon=dot] a, .buttonFill[data-icon=dot] button {
  padding-left: 5.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .buttonFill[data-icon=dot] a, .buttonFill[data-icon=dot] button {
    padding-left: 14.6666666667vw;
  }
}
.buttonFill[data-icon=dot] a [data-duplicate]::before, .buttonFill[data-icon=dot] button [data-duplicate]::before {
  top: calc(50% - 0.2vw);
  left: -2.3333333333vw;
  z-index: 1;
}
@media only screen and (max-width: 900px) {
  .buttonFill[data-icon=dot] a [data-duplicate]::before, .buttonFill[data-icon=dot] button [data-duplicate]::before {
    left: -5.8666666667vw;
  }
}
.buttonFill[data-align=center] {
  display: flex;
  justify-content: center;
}

.buttonFill a, .buttonFill button, .buttonFill > div {
  transition: 0.3s;
}
@media only screen and (min-width: 901px) {
  .buttonFill[data-color=black] a:hover, .buttonFill[data-color=black] button:hover, .buttonFill[data-color=black] > div:hover {
    background-color: #FF7326;
  }
}
@media only screen and (min-width: 901px) {
  .buttonFill[data-color=orange] a:hover, .buttonFill[data-color=orange] button:hover, .buttonFill[data-color=orange] > div:hover {
    background-color: #252322;
  }
}

/** magnet
/**************************************/
.articleSlider + .buttonMagnet {
  margin-top: 3.3333333333vw;
}
.buttonMagnet a, .buttonMagnet > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.3333333333vw 0 1.6666666667vw;
  width: fit-content;
  position: relative;
  height: 3.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .buttonMagnet a, .buttonMagnet > div {
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
    padding: 0 9.0666666667vw 0 0;
  }
}
.buttonMagnet a.is-disable, .buttonMagnet > div.is-disable {
  pointer-events: none;
}
.buttonMagnet_movable {
  position: absolute;
  width: 150%;
  height: 250%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  z-index: 1;
  border-radius: 66.6666666667vw;
}
.buttonMagnet_base {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}
.buttonMagnet_base > div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  transition: background 0.3s;
  border-radius: 1.8666666667vw;
}
@media only screen and (max-width: 900px) {
  .buttonMagnet_base > div {
    border-radius: 6.6666666667vw;
  }
}
.buttonMagnet_base > div:nth-child(2) {
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  inset: 0;
  margin: auto;
}
@media only screen and (max-width: 900px) {
  .buttonMagnet_base > div:nth-child(2) {
    display: none;
  }
}
.buttonMagnet_title {
  font-size: 0.9333333333vw;
  color: #FFFFFF;
  font-weight: 600;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .buttonMagnet_title {
    font-size: 3.7333333333vw;
  }
}
.buttonMagnet_title::before {
  transition: transform 0.3s, background 0.3s;
  position: absolute;
}
.buttonMagnet[data-color=black] .buttonMagnet_base > div {
  background-color: #252322;
}
@media only screen and (min-width: 901px) {
  .buttonMagnet[data-color=black] a:hover .buttonMagnet_base > div, .buttonMagnet[data-color=black] > div:hover .buttonMagnet_base > div {
    background-color: #FF7326;
  }
  .buttonMagnet[data-color=black] a:hover .buttonMagnet_title::before, .buttonMagnet[data-color=black] > div:hover .buttonMagnet_title::before {
    background-color: #FFFFFF;
    transform: scale(2);
  }
}
.buttonMagnet[data-color=white] .buttonMagnet_title span {
  color: #252322;
}
.buttonMagnet[data-color=white] .buttonMagnet_base > div {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .buttonMagnet[data-color=white] a:hover .buttonMagnet_base > div, .buttonMagnet[data-color=white] > div:hover .buttonMagnet_base > div {
    background-color: #252322;
  }
}
.buttonMagnet[data-color=orange] a, .buttonMagnet[data-color=orange] > div {
  background-color: #FF7326;
}
.buttonMagnet[data-height="50"] a {
  height: 3.3333333333vw;
  border-radius: 1.6666666667vw;
}
.buttonMagnet[data-icon=dot] a {
  padding-left: 4.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .buttonMagnet[data-icon=dot] a {
    padding-left: 14.6666666667vw;
  }
}
.buttonMagnet[data-icon=dot] a .buttonMagnet_title::before {
  top: calc(50% - 0.2666666667vw);
  left: -2.3333333333vw;
  z-index: 1;
}
@media only screen and (max-width: 900px) {
  .buttonMagnet[data-icon=dot] a .buttonMagnet_title::before {
    left: -5.3333333333vw;
    top: 1.0666666667vw;
  }
}
.buttonMagnet[data-icon=dot][data-dot-color=yellow] a .buttonMagnet_title::before {
  background-color: #FFCC00;
}
.buttonMagnet[data-icon=dot][data-dot-color=green] a .buttonMagnet_title::before {
  background-color: #027353;
}
.buttonMagnet[data-align=center] {
  display: flex;
  justify-content: center;
}

/** icon
/**************************************/
.buttonIcon a, .buttonIcon span {
  border: 1px solid #252322;
  border-radius: 1vw;
  width: 4.1333333333vw;
  height: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 900px) {
  .buttonIcon a, .buttonIcon span {
    width: 16.5333333333vw;
    height: 8vw;
    border-radius: 4vw;
  }
}
.buttonIcon a::before, .buttonIcon span::before {
  font-size: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .buttonIcon a::before, .buttonIcon span::before {
    font-size: 3.2vw;
  }
}
.buttonIcon[data-icon=blank] .buttonIcon_title:before {
  content: "\ea03";
}
.buttonIcon[data-icon=arrow-right] .buttonIcon_title:before {
  content: "\ea02";
}
.buttonIcon[data-icon=plus] .buttonIcon_title:before {
  content: "\ea07";
}
.buttonIcon[data-icon=arrow-left] .buttonIcon_title:before {
  content: "\ea02";
}
.buttonIcon[data-icon=arrow-left] .buttonIcon_title::before {
  transform: scaleX(-1);
}
.buttonIcon[data-align=right] {
  display: flex;
  justify-content: flex-end;
}
.buttonIcon[data-color=white] a, .buttonIcon[data-color=white] span {
  background-color: #FFFFFF;
  border: none;
}
.buttonIcon[data-color=white] a::before, .buttonIcon[data-color=white] span::before {
  color: #252322;
}
.buttonIcon[data-border-color=white] a, .buttonIcon[data-border-color=white] span {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
[data-theme=white] .articleSlider .buttonIcon a, [data-theme=white] .articleSlider .buttonIcon span {
  background-color: transparent;
}

.buttonIcon_title {
  transition: all 0.3s;
}
.buttonIcon_title::before {
  transition: all 0.3s;
}

@media only screen and (min-width: 901px) {
  a:has(.buttonIcon):hover .buttonIcon_title,
  button:has(.buttonIcon):hover .buttonIcon_title {
    background-color: #252322;
  }
  a:has(.buttonIcon):hover .buttonIcon_title::before,
  button:has(.buttonIcon):hover .buttonIcon_title::before {
    color: #FFFFFF;
  }
  a:has(.buttonIcon):hover .buttonIcon[data-border-color=white] span,
  button:has(.buttonIcon):hover .buttonIcon[data-border-color=white] span {
    border-color: #252322;
  }
}

@media only screen and (min-width: 901px) {
  .categoryMenu {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
  }
}
@media only screen and (max-width: 900px) {
  .categoryMenu {
    overflow: hidden;
    border-radius: 2.6666666667vw;
    background-color: #FFFFFF;
    width: 89.3333333333vw;
    height: 100%;
    margin-inline: auto;
    position: relative;
  }
  .categoryMenu::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    content: "";
    display: block;
    left: 0;
    bottom: 26.4vw;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 16vw;
  }
}
@media only screen and (max-width: 900px) {
  .archive .categoryMenu {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .categoryMenu_container {
    padding: 8vw 6.6666666667vw 4vw;
    overflow: hidden;
    height: calc(100% - 26.6666666667vw);
    border: none;
    outline: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (min-width: 901px) {
  .categoryMenu_section {
    background-color: #FFFFFF;
    border-radius: 0.6666666667vw;
    margin-bottom: 1.3333333333vw;
    padding: 1.6666666667vw 1.6666666667vw 1vw;
  }
}
@media only screen and (max-width: 900px) {
  .categoryMenu_section {
    margin-bottom: 13.3333333333vw;
  }
  .categoryMenu_section:last-child {
    margin-bottom: 2.6666666667vw;
  }
}
.categoryMenu_headline {
  display: flex;
  align-items: center;
}
.categoryMenu_headline::before {
  margin-right: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .categoryMenu_headline::before {
    margin-right: 2.6666666667vw;
  }
}
.categoryMenu_list {
  margin-top: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .categoryMenu_list {
    margin-top: 2.6666666667vw;
  }
}
.categoryMenu_list dt {
  padding: 1.4666666667vw 1vw 0;
  font-size: 0.8vw;
  color: #8C8C8C;
}
@media only screen and (max-width: 900px) {
  .categoryMenu_list dt {
    padding: 5.3333333333vw 4vw 0vw;
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .categoryMenu_list dt + dd {
    padding-bottom: 5.3333333333vw;
  }
}
.categoryMenu_list dd {
  padding: 1.2vw 1vw;
  border-bottom: 1px solid rgba(37, 35, 34, 0.2);
}
@media only screen and (max-width: 900px) {
  .categoryMenu_list dd {
    padding: 4vw 4vw;
  }
}
@media only screen and (min-width: 901px) {
  .categoryMenu_list dd:last-child {
    border-bottom: none;
  }
}
.categoryMenu_list dd a {
  font-size: 0.9333333333vw;
  font-feature-settings: "palt";
  width: fit-content;
}
@media only screen and (max-width: 900px) {
  .categoryMenu_list dd a {
    font-size: 3.7333333333vw;
  }
}
.categoryMenu_list dd ul li {
  margin-bottom: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .categoryMenu_list dd ul li {
    margin-bottom: 5.3333333333vw;
  }
}
.categoryMenu_list dd ul li:last-child {
  margin-bottom: 0;
}
.categoryMenu .is-current a {
  color: #FF7326;
}

.categoryModal {
  position: fixed;
  top: 5.3333333333vw;
  width: 100%;
  height: calc(100dvh - 10.6666666667vw);
  visibility: hidden;
  pointer-events: none;
}
.categoryModal_tmp {
  height: 100%;
  position: relative;
  z-index: 1;
}
.categoryModal .buttonFill {
  position: absolute;
  left: 30.6666666667vw;
  bottom: 8vw;
  z-index: 2;
}

.categoryModalOverlay {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  visibility: hidden;
}

.categoryModal {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-show=modal] .categoryModal {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
[data-show=modal] .categoryModalOverlay {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.categoryModalTrigger {
  position: fixed;
  left: 0;
  bottom: 8vw;
  width: 100%;
}
@media only screen and (min-width: 901px) {
  .categoryModalTrigger {
    display: none;
  }
}
.categoryModalTrigger_button {
  width: 63.2vw;
  height: 13.3333333333vw;
  margin-inline: auto;
  padding-inline: 10.1333333333vw;
  border-radius: 6.6666666667vw;
  background-color: #252322;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 13px 24px 10px rgba(0, 0, 0, 0.05);
}
.categoryModalTrigger_icon {
  width: 5.6vw;
  margin-top: 0.5333333333vw;
}
.categoryModalTrigger_title span {
  font-size: 3.7333333333vw;
  color: #FFFFFF;
}

.categoryModalTrigger {
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  [data-current-section="-1"] .categoryModalTrigger {
    transform: translateY(calc(100% + 10.6666666667vw));
  }
}

@media only screen and (min-width: 901px) {
  .column {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 901px) {
  .column_side {
    width: 33.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-format=fix-menu] .column_side {
    height: 100%;
    position: sticky;
    left: 0;
    top: 9.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .column_main {
    width: 56.6666666667vw;
    margin-top: -1vw !important;
  }
}
.column_headline {
  font-size: 2vw;
  font-weight: 600;
}
@media only screen and (max-width: 900px) {
  .column_headline {
    font-size: 6.4vw;
  }
}
@media only screen and (min-width: 901px) {
  .feature .column > * {
    width: 56.6666666667vw;
  }
}
.feature .column > *.featureHeadlineLv1 {
  width: 100%;
}
.column:first-child > * {
  margin-top: 0;
}

.typeCards + .contentsCards {
  margin-top: 4.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .typeCards + .contentsCards {
    margin-top: 10.6666666667vw;
  }
}
.moduleBody + .contentsCards {
  margin-top: 1.3333333333vw;
}
@media only screen and (min-width: 901px) {
  .contentsCards_wrap {
    display: flex;
    flex-wrap: wrap;
  }
}

.contentsCard {
  background-color: #FFFFFF;
}
[data-theme=white] .contentsCard {
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .contentsCard {
    width: 31.7073170732%;
    margin: 0 2.4390243902% 1.6666666667vw 0;
    border-radius: 0.6666666667vw;
    padding: 2vw 2.9268292683% 1.3333333333vw;
  }
  .contentsCard:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard {
    padding: 6.9333333333vw 5.3333333333vw 6.4vw 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .column .contentsCard:has(.contentsCard_button) .contentsCard_content {
    padding-bottom: 3.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard:has(.contentsCard_button) .contentsCard_content {
    display: flex;
    justify-content: space-between;
  }
}
.contentsCard:not(:has(.contentsCard_button)) {
  padding: 2vw 3.5294117647% 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .contentsCard:not(:has(.contentsCard_button)) {
    padding: 8vw 5.9701492537% 5.3333333333vw;
  }
  .contentsCard:not(:has(.contentsCard_button)) .contentsCard_icon > div {
    width: 14.9333333333vw;
  }
  .contentsCard:not(:has(.contentsCard_button)) .contentsCard_main {
    width: 58.6666666667vw;
  }
  .contentsCard:not(:has(.contentsCard_button)) .contentsCard_body {
    width: 100%;
  }
}
.contentsCard_link {
  display: block;
}
@media only screen and (min-width: 901px) {
  .contentsCard_link {
    position: relative;
    height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard_link {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard_icon {
    width: 13.5593220339%;
  }
}
@media only screen and (min-width: 901px) {
  .contentsCard_icon > div {
    width: 6vw;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard_icon > div {
    width: 10.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .contentsCard_main {
    margin-top: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard_main {
    width: 79.6610169492%;
    margin-top: -0.8vw;
  }
}
.contentsCard_content {
  display: block;
}
@media only screen and (min-width: 901px) {
  .contentsCard_content {
    margin-top: 0.6vw;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard_content {
    margin-top: 2.4vw;
    align-items: center;
  }
}
.contentsCard_content[data-row="2"] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (min-width: 901px) {
  .contentsCard_body {
    width: 100%;
  }
  [data-row="2"] .contentsCard_body {
    width: 64.1509433962%;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard_body {
    width: 60%;
  }
}
.contentsCard_body p {
  font-size: 0.9333333333vw;
  line-height: 190%;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .contentsCard_body p {
    line-height: 160%;
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 901px) {
  .contentsCard_button {
    position: absolute;
    right: 0;
    bottom: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .contentsCard_button {
    margin-bottom: -0.2666666667vw;
  }
}

.crumb {
  margin-bottom: 4.6666666667vw;
  padding-inline: 3.3333333333vw;
}
@media only screen and (min-width: 901px) {
  .crumb {
    display: flex;
    align-items: center;
    margin-top: 2.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .crumb {
    margin-bottom: 8vw;
    padding: 8vw 5.3333333333vw 0;
  }
}
.crumb li {
  position: relative;
  display: inline;
}
.crumb li:has(a) {
  margin-right: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .crumb li:has(a) {
    margin-right: 6.6666666667vw;
  }
}
.crumb li:has(a)::after {
  content: "";
  width: 5px;
  height: 1px;
  background: #fff;
  opacity: 0.2;
  position: absolute;
  right: -0.9333333333vw;
  top: 0.5333333333vw;
  display: block;
  z-index: 1;
}
@media only screen and (max-width: 900px) {
  .crumb li:has(a)::after {
    right: -4vw;
    top: 1.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .crumb li a, .crumb li span {
    line-height: 220%;
  }
}
.crumb li a {
  transition: color 0.3s;
  color: #8C8C8C;
}
@media only screen and (min-width: 901px) {
  .crumb li a {
    display: block;
  }
}
@media only screen and (min-width: 901px) {
  .crumb li a:hover {
    color: #FFFFFF;
  }
}
.crumb li a[href="#"] {
  pointer-events: none;
}
.crumb li span {
  color: #FFFFFF;
  pointer-events: none;
}
@media only screen and (min-width: 901px) {
  .crumb li span {
    display: block;
  }
}
._h1, .featureHeadlineLv1_title, .articleHead_headline span, .intro_headline, .headlineLv1 {
  font-size: 3.0666666667vw;
  line-height: 160%;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  ._h1, .featureHeadlineLv1_title, .articleHead_headline span, .intro_headline, .headlineLv1 {
    font-size: 8vw;
  }
}

._h2, .typeCard_title, .trouble_content p:nth-child(1), .relatedCard_title::after,
.relatedCard_title span, .serviceOtherCard_headline span.is-main, .serviceLargeButton_title, .magazine_content h2.wp-block-heading, .panelCard_headline span.is-main, .downloadCard_title, .articleSliderCard_headline, .articleOutline_body p strong, .articleHeadlineLv1 span, .visionMobileCard_title span.is-ja, .visionCard_title span.is-ja, .footerBanner_title div.is-main span, .footerBanner_title div.is-main::after {
  font-size: 2vw;
  line-height: 150%;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  ._h2, .typeCard_title, .trouble_content p:nth-child(1), .relatedCard_title::after,
  .relatedCard_title span, .serviceOtherCard_headline span.is-main, .serviceLargeButton_title, .magazine_content h2.wp-block-heading, .panelCard_headline span.is-main, .downloadCard_title, .articleSliderCard_headline, .articleOutline_body p strong, .articleHeadlineLv1 span, .visionMobileCard_title span.is-ja, .visionCard_title span.is-ja, .footerBanner_title div.is-main span, .footerBanner_title div.is-main::after {
    font-size: 6.4vw;
  }
}

._h3-jp, .homeServiceContents_headline, .homeNews_headline, .headlineLv2 div.is-ja {
  font-size: 1.8666666667vw;
  line-height: 120%;
  font-weight: bold;
}
@media only screen and (max-width: 900px) {
  ._h3-jp, .homeServiceContents_headline, .homeNews_headline, .headlineLv2 div.is-ja {
    font-size: 7.4666666667vw;
    line-height: 120%;
  }
}

._h4, .profile_title, .courseCard_title, .entryCard_title, .faqCard_title span, .faqCards_title span, .articleCard_title, .articleWriterCard_title span.is-name, .articleWriter_title, .articleBox_title, .articleHeadlineLv3 span, .articleMenu_title, .voiceCard_title, .contentsCard_title {
  font-size: 1.3333333333vw;
  line-height: 150%;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  ._h4, .profile_title, .courseCard_title, .entryCard_title, .faqCard_title span, .faqCards_title span, .articleCard_title, .articleWriterCard_title span.is-name, .articleWriter_title, .articleBox_title, .articleHeadlineLv3 span, .articleMenu_title, .voiceCard_title, .contentsCard_title {
    font-size: 4.8vw;
  }
}

._lead-basic-text, .featureBody p, .homeRecruit_body p, .homeServiceHead_body p, .homeIntro_body p, .intro_body p {
  font-size: 1.1333333333vw;
  line-height: 220%;
  font-feature-settings: "palt";
  color: #363331;
}
@media only screen and (max-width: 900px) {
  ._lead-basic-text, .featureBody p, .homeRecruit_body p, .homeServiceHead_body p, .homeIntro_body p, .intro_body p {
    font-size: 4.2666666667vw;
    line-height: 210%;
  }
  ._lead-basic-text br, .featureBody p br, .homeRecruit_body p br, .homeServiceHead_body p br, .homeIntro_body p br, .intro_body p br {
    display: none;
  }
}

._basic-text, .trouble_content p:nth-child(2), .profile_body p, .serviceOtherCard_body p, .courseCard_body p, .recruitWelfare_body p, .entryCard_body p, .memberModal_body p, .panelCard_body p, .panelCard_label span, .articleSliderCard_body p, .visionMobileCard_body p, .moduleBody[data-size="14"] p, .general section dl dt, .general section dl dd, .general section ul > li, .general section ol > li, .general section p, .archiveResult_label, .categoryMenu_headline span {
  font-size: 0.9333333333vw;
  line-height: 190%;
  font-feature-settings: "palt";
  color: #363331;
}
@media only screen and (max-width: 900px) {
  ._basic-text, .trouble_content p:nth-child(2), .profile_body p, .serviceOtherCard_body p, .courseCard_body p, .recruitWelfare_body p, .entryCard_body p, .memberModal_body p, .panelCard_body p, .panelCard_label span, .articleSliderCard_body p, .visionMobileCard_body p, .moduleBody[data-size="14"] p, .general section dl dt, .general section dl dd, .general section ul > li, .general section ol > li, .general section p, .archiveResult_label, .categoryMenu_headline span {
    font-size: 3.7333333333vw;
  }
}
.panelCard ._basic-text, .panelCard .trouble_content p:nth-child(2), .trouble_content .panelCard p:nth-child(2), .panelCard .profile_body p, .profile_body .panelCard p, .panelCard .serviceOtherCard_body p, .serviceOtherCard_body .panelCard p, .panelCard .courseCard_body p, .courseCard_body .panelCard p, .panelCard .recruitWelfare_body p, .recruitWelfare_body .panelCard p, .panelCard .entryCard_body p, .entryCard_body .panelCard p, .panelCard .memberModal_body p, .memberModal_body .panelCard p, .panelCard .panelCard_body p, .panelCard_body .panelCard p, .panelCard .panelCard_label span, .panelCard_label .panelCard span, .panelCard .articleSliderCard_body p, .articleSliderCard_body .panelCard p, .panelCard .visionMobileCard_body p, .visionMobileCard_body .panelCard p, .panelCard .moduleBody[data-size="14"] p, .moduleBody[data-size="14"] .panelCard p, .panelCard .general section dl dt, .general section dl .panelCard dt, .panelCard .general section dl dd, .general section dl .panelCard dd, .panelCard .general section ul > li, .general section .panelCard ul > li, .panelCard .general section ol > li, .general section .panelCard ol > li, .panelCard .general section p, .general section .panelCard p, .panelCard .archiveResult_label, .panelCard .categoryMenu_headline span, .categoryMenu_headline .panelCard span {
  color: #fff;
}
.archiveResult ._basic-text, .archiveResult .trouble_content p:nth-child(2), .trouble_content .archiveResult p:nth-child(2), .archiveResult .profile_body p, .profile_body .archiveResult p, .archiveResult .serviceOtherCard_body p, .serviceOtherCard_body .archiveResult p, .archiveResult .courseCard_body p, .courseCard_body .archiveResult p, .archiveResult .recruitWelfare_body p, .recruitWelfare_body .archiveResult p, .archiveResult .entryCard_body p, .entryCard_body .archiveResult p, .archiveResult .memberModal_body p, .memberModal_body .archiveResult p, .archiveResult .panelCard_body p, .panelCard_body .archiveResult p, .archiveResult .panelCard_label span, .panelCard_label .archiveResult span, .archiveResult .articleSliderCard_body p, .articleSliderCard_body .archiveResult p, .archiveResult .visionMobileCard_body p, .visionMobileCard_body .archiveResult p, .archiveResult .moduleBody[data-size="14"] p, .moduleBody[data-size="14"] .archiveResult p, .archiveResult .general section dl dt, .general section dl .archiveResult dt, .archiveResult .general section dl dd, .general section dl .archiveResult dd, .archiveResult .general section ul > li, .general section .archiveResult ul > li, .archiveResult .general section ol > li, .general section .archiveResult ol > li, .archiveResult .general section p, .general section .archiveResult p, .archiveResult .archiveResult_label, .archiveResult .categoryMenu_headline span, .categoryMenu_headline .archiveResult span {
  color: #8C8C8C;
}

._article-basic-text, .magazine_content .wp-block-quote cite a, .magazine_content .wp-block-quote cite, .magazine_content .wp-block-quote .wp-block-table table td, .magazine_content > p, .articleAnswer_list dt, .articleAnswer_list dd, .articleBody p {
  font-size: 1.0666666667vw;
  line-height: 230%;
  font-feature-settings: "palt";
  color: #363331;
}
@media only screen and (max-width: 900px) {
  ._article-basic-text, .magazine_content .wp-block-quote cite a, .magazine_content .wp-block-quote cite, .magazine_content .wp-block-quote .wp-block-table table td, .magazine_content > p, .articleAnswer_list dt, .articleAnswer_list dd, .articleBody p {
    font-size: 4vw;
  }
}

._small-text-jp, .featureTable_note, .memberModalHead_title span.is-sub, .featureCard_body p, .articleLabelTag li span, .articleTable_note, .articleWriterCard_title span.is-description, .articleImageGraph_note, .articleImage_caption, .articleTextSmall p, .crumb li a, .crumb li span {
  line-height: 160%;
  font-size: 0.8vw;
}
@media only screen and (max-width: 900px) {
  ._small-text-jp, .featureTable_note, .memberModalHead_title span.is-sub, .featureCard_body p, .articleLabelTag li span, .articleTable_note, .articleWriterCard_title span.is-description, .articleImageGraph_note, .articleImage_caption, .articleTextSmall p, .crumb li a, .crumb li span {
    font-size: 3.2vw;
  }
}

._basic-text-en {
  font-size: 0.9333333333vw;
  line-height: 190%;
  font-family: "ac-medium", sans-serif;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 900px) {
  ._basic-text-en {
    font-size: 3.7333333333vw;
  }
}

._middle-text, .articleTextMedium p {
  font-size: 1.8666666667vw;
  line-height: 160%;
}
@media only screen and (max-width: 900px) {
  ._middle-text, .articleTextMedium p {
    font-size: 5.3333333333vw;
    line-height: 160%;
  }
}

._big-text, .articleTextLarge p {
  font-size: 2.4vw;
  line-height: 160%;
}
@media only screen and (max-width: 900px) {
  ._big-text, .articleTextLarge p {
    font-size: 6.9333333333vw;
  }
}

._dot, .articleSliderCard_credit::before, .articleLabel_category::before, .mobileAnchorMenu_wrap li a::before, .buttonFill[data-icon=dot] a [data-duplicate]::before, .buttonFill[data-icon=dot] button [data-duplicate]::before, .buttonMagnet[data-icon=dot] a .buttonMagnet_title::before, .categoryMenu_headline::before {
  content: "";
  display: block;
  width: 0.3333333333vw;
  height: 0.3333333333vw;
  border-radius: 50%;
  background-color: #FF7326;
}
@media only screen and (max-width: 900px) {
  ._dot, .articleSliderCard_credit::before, .articleLabel_category::before, .mobileAnchorMenu_wrap li a::before, .buttonFill[data-icon=dot] a [data-duplicate]::before, .buttonFill[data-icon=dot] button [data-duplicate]::before, .buttonMagnet[data-icon=dot] a .buttonMagnet_title::before, .categoryMenu_headline::before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}

.fixBanner {
  position: fixed;
  left: 3.3333333333vw;
  bottom: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .fixBanner {
    left: 0;
    bottom: 8vw;
    width: 100%;
  }
}
.fixBanner_content {
  width: fit-content;
  margin-inline: auto;
}
.fixBanner_content .buttonFill a {
  box-shadow: 0px 13px 24px 10px rgba(0, 0, 0, 0.05);
}

.fixBanner_content {
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 901px) {
  [data-current-section="-1"] .fixBanner_content {
    transform: translateY(calc(100% + 2.6666666667vw));
  }
}
@media only screen and (max-width: 900px) {
  [data-current-section="-1"] .fixBanner_content {
    transform: translateY(calc(100% + 10.6666666667vw));
  }
}

@media only screen and (max-width: 900px) {
  .general {
    margin-top: 12vw;
  }
}
.general section {
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .general section {
    padding: 2.6666666667vw 5% 2.3333333333vw;
    border-radius: 0.6666666667vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section {
    padding: 10.1333333333vw 8vw 10.1333333333vw;
    border-radius: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
.general section * {
  color: #363331;
}
.general section a {
  color: #FF7326;
  overflow-wrap: anywhere;
  position: relative;
  border-bottom: 1px solid #FF7326;
}
.general section a:after {
  content: "\ea03";
}
.general section a::after {
  font-size: 0.8vw;
  margin-left: 0.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .general section a::after {
    font-size: 3.2vw;
    margin-left: 1.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .general section a:hover {
    text-decoration: none;
  }
}
.general section h3 {
  line-height: 150%;
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .general section h3 {
    font-size: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section h3 {
    font-size: 4.8vw;
    margin-bottom: 6.6666666667vw;
  }
}
.general section p[data-aligh=right] {
  text-align: right;
}
@media only screen and (min-width: 901px) {
  .general section p + p,
  .general section p + ol {
    margin-top: 1.8vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section p + p,
  .general section p + ol {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 901px) {
  .general section h3 + ol {
    margin-top: 1.4666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section h3 + ol {
    margin-top: 0vw;
  }
}
@media only screen and (min-width: 901px) {
  .general section ol + ul.note {
    margin-top: 1vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section ol + ul.note {
    margin-top: 0vw;
  }
}
.general section ol {
  counter-reset: count 0;
}
.general section ol > li {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .general section ol > li {
    padding-left: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section ol > li {
    padding-left: 5.3333333333vw;
  }
}
.general section ol > li:before {
  display: block;
  position: absolute;
  left: 0;
  content: counter(count) ". ";
  counter-increment: count 1;
}
.general section ul {
  counter-reset: count 0;
}
.general section ul > li {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .general section ul > li {
    padding-left: 2.1333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section ul > li {
    padding-left: 8.5333333333vw;
  }
}
.general section ul > li::before {
  content: "(" counter(count) ")";
  counter-increment: count 1;
  position: absolute;
  left: 0;
  top: -0.0666666667vw;
}
@media only screen and (max-width: 900px) {
  .general section ul > li::before {
    top: -0.2666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .general section ul.note > li {
    padding-left: 1.2vw;
    text-indent: -1.2vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section ul.note > li {
    padding-left: 4.8vw;
    text-indent: -4.8vw;
  }
}
.general section ul.note > li::before {
  display: none;
}
@media only screen and (min-width: 901px) {
  .general section ol + dl {
    padding-left: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section ol + dl {
    padding-left: 5.3333333333vw;
  }
}
.general section dl {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 901px) {
  .general section dl {
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section dl {
    margin-top: 6.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .general section dl dt {
    width: 11.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .general section dl dt {
    width: 21.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .general section dl dd {
    width: calc(100% - 11.3333333333vw);
  }
}
@media only screen and (max-width: 900px) {
  .general section dl dd {
    width: calc(100% - 21.3333333333vw);
  }
}

/** lv1
/**************************************/
.headlineLv1[data-align=center] {
  text-align: center;
}
@media only screen and (min-width: 901px) {
  .headlineLv1[data-align=desktop-center] {
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLabel + .headlineLv1[data-align=desktop-center] {
    margin-top: 9.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeService .headlineLv1 {
    letter-spacing: -0.07em;
  }
}
.headlineLabel + .headlineLv1 {
  margin-top: 2.6666666667vw;
}

/** lv2
/**************************************/
.headlineLv2 {
  display: flex;
  justify-content: space-between;
  border-top: 0.0666666667vw solid rgba(37, 35, 34, 0.2);
  padding-top: 2.3333333333vw;
}
@media only screen and (min-width: 901px) {
  .headlineLv2 {
    align-items: center;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLv2 {
    padding-top: 8.5333333333vw;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLv2[data-mobile=vertical] {
    border-top: none;
    padding-top: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .headlineLv2[data-mobile=vertical] > div.is-ja {
    margin-top: 10.6666666667vw;
  }
  .headlineLv2[data-mobile=vertical] > div.is-en {
    justify-content: flex-start;
    text-align: left;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLv2[data-format=mobile-simple] {
    border-top: none;
    padding-top: 4vw;
  }
  .headlineLv2[data-format=mobile-simple] > div.is-en {
    display: none;
  }
}
.headlineLv2:has(.headlineLv2_wrap) {
  display: block;
  border-top: none;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .headlineLv2:has(.headlineLv2_wrap) {
    padding-inline: 5.3333333333vw;
  }
}
.headlineLv2[data-border="0"] {
  border-top: none;
}
@media only screen and (min-width: 901px) {
  .headlineLv2[data-border="0"] {
    padding-top: 1.3333333333vw;
  }
}
.headlineLv2_wrap {
  display: flex;
  justify-content: space-between;
  border-top: 0.0666666667vw solid rgba(37, 35, 34, 0.2);
  align-items: center;
  padding-top: 2.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .headlineLv2_wrap {
    padding-top: 8vw;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLv2_wrap .is-ja {
    margin-right: 8vw;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLv2 div.is-ja.is-mobileLarge {
    font-size: 8vw;
    line-height: 160%;
    width: 100%;
  }
}
.headlineLv2 div.is-en {
  display: flex;
}
@media only screen and (max-width: 900px) {
  .headlineLv2 div.is-en {
    margin-top: 1.0666666667vw;
  }
}
.headlineLv2 div.is-en::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image: url("/assets/img/global/symbol_uzuz.svg");
}
@media only screen and (min-width: 901px) {
  .headlineLv2 div.is-en::before {
    margin: 0.4vw 0.6666666667vw 0 0;
    width: 0.8666666667vw;
    height: 0.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLv2 div.is-en::before {
    margin: 1.3333333333vw 2.6666666667vw 0 0;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
}
.headlineLv2 div.is-en span {
  font-size: 0.9333333333vw;
  letter-spacing: -0.02em;
  line-height: 168%;
  display: block;
  text-transform: uppercase;
  font-family: "ac-bold", sans-serif;
}
@media only screen and (max-width: 900px) {
  .headlineLv2 div.is-en span {
    font-size: 3.7333333333vw;
  }
}

/** Lv3
/**************************************/
.headlineLv3 span {
  font-size: 1.8666666667vw;
  font-weight: bold;
}
@media only screen and (max-width: 900px) {
  .headlineLv3 span {
    font-size: 7.4666666667vw;
  }
}

/** Lv4
/**************************************/
.headlineLv4 {
  margin-bottom: 2vw;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .headlineLv4 {
    margin-bottom: 4vw;
  }
}
.headlineLv4 span {
  font-size: 1.3333333333vw;
  font-weight: bold;
  line-height: 150%;
}
@media only screen and (max-width: 900px) {
  .headlineLv4 span {
    font-size: 4.8vw;
  }
}

/** label
/**************************************/
.headlineLabel {
  line-height: 168%;
  display: flex;
  align-items: center;
}
.headlineLabel[data-align=center] {
  justify-content: center;
}
@media only screen and (min-width: 901px) {
  .headlineLabel[data-align=center-left] {
    justify-content: center;
  }
}
.headlineLabel::before {
  margin-right: 0.6666666667vw;
  content: "";
  display: block;
  width: 0.8666666667vw;
  height: 0.8666666667vw;
  mask-image: url("/assets/img/global/symbol_uzuz.svg");
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  background-color: #FF7326;
}
@media only screen and (max-width: 900px) {
  .headlineLabel::before {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    margin-right: 2.6666666667vw;
    margin-top: -0.2666666667vw;
    line-height: 0;
  }
}
.headlineLabel[data-color=white]::before {
  background-color: #FFFFFF;
}
.headlineLabel span {
  font-size: 0.9333333333vw;
  font-family: "ac-bold", "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 900px) {
  .headlineLabel span {
    font-size: 3.7333333333vw;
  }
}

.hero {
  padding: 14.6666666667vw 0 7.3333333333vw 14.1333333333vw;
  position: relative;
  background-color: #F4F3EF;
  border-radius: 0 0 2vw 2vw;
  z-index: 100;
  padding-inline: 1.8518518519%;
}
@media only screen and (max-width: 900px) {
  .hero {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .hero {
    padding: 34.1333333333vw 0 13.3333333333vw;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
}
.hero:has(.hero_image) {
  padding-bottom: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .hero:has(.hero_image) {
    padding-bottom: 13.3333333333vw;
  }
}
.hero_headline {
  text-align: center;
}
.hero_headline > span.is-en {
  font-size: 8.6666666667vw;
  line-height: 90%;
  display: block;
  text-transform: uppercase;
  font-family: "uzuz-display", sans-serif;
}
@media only screen and (max-width: 900px) {
  .hero_headline > span.is-en {
    font-size: 12.2666666667vw;
    line-height: 105%;
  }
}
[data-page=service] .hero_headline > span.is-en {
  text-transform: none;
}
.hero_headline > span.is-en > span {
  display: inline-block;
}
.hero_headline > span.is-en em {
  font-style: normal;
  display: inline-block;
}
.hero_headline > span.is-ja {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.02em;
  line-height: 168%;
  font-size: 0.9333333333vw;
  font-weight: bold;
  margin-top: 1.8vw;
}
@media only screen and (max-width: 900px) {
  .hero_headline > span.is-ja {
    font-size: 3.7333333333vw;
    margin-top: 4vw;
  }
}
.hero_headline > span.is-ja::before {
  margin-right: 0.6666666667vw;
  content: "";
  display: block;
  width: 0.8666666667vw;
  height: 0.8666666667vw;
  margin-top: -0.0666666667vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image: url("/assets/img/global/symbol_uzuz.svg");
}
@media only screen and (max-width: 900px) {
  .hero_headline > span.is-ja::before {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 2.6666666667vw;
    margin-top: -0.2666666667vw;
  }
}
.hero_image {
  margin-top: 5.3333333333vw;
  padding-bottom: 1.6666666667vw;
  height: 54.4vw;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .hero_image {
    margin-top: 10.6666666667vw;
    padding-bottom: 13.3333333333vw;
    width: 94.6666666667vw;
    height: 63.2vw;
    margin-inline: auto;
  }
}
.hero_image > div {
  border-radius: 1.3333333333vw;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hero_image > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
@media only screen and (max-width: 900px) {
  .hero_image > div {
    border-radius: 2.6666666667vw;
  }
}
.hero_image > div picture {
  height: 100%;
}
@media only screen and (max-width: 900px) {
  .hero_image:has(picture) {
    height: 126.1333333333vw;
  }
}
.hero_image img {
  width: 100%;
  height: auto;
}

.hero_headline span.is-en em {
  transform: scale(0);
}
.hero_headline span.is-ja {
  transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
  transform: translateY(1.3333333333vw);
  opacity: 0;
}
[data-load="1"] .hero_headline span.is-ja {
  transform: none;
  opacity: 1;
}

/** spacing
/**************************************/
[data-value=N] + [data-value=A] {
  margin-left: -0.07em;
}

[data-value=O] + [data-value=U] {
  margin-left: -0.07em;
}

[data-value=R] + [data-value=S] {
  margin-left: -0.04em;
}

[data-value=n] + [data-value=u] {
  margin-left: -0.08em;
}

[data-value=J] + [data-value=a] {
  margin-left: -0.05em;
}

[data-value=a] + [data-value=v] {
  margin-left: -0.06em;
}

[data-value=v] + [data-value=a] {
  margin-left: -0.05em;
}

[data-value=E] + [data-value=S] {
  margin-left: -0.05em;
}

[data-value=N] + [data-value=G] {
  margin-left: -0.06em;
}

[data-value=P] + [data-value=O] {
  margin-left: -0.04em;
}

[data-value=O] + [data-value=R] {
  margin-left: -0.06em;
}

[data-value=E] + [data-value=A] {
  margin-left: -0.02em;
}

[data-value=A] + [data-value=C] {
  margin-left: -0.08em;
}

[data-value=A] + [data-value=T] {
  margin-left: -0.1em;
}

[data-value=r] + [data-value=v] {
  margin-left: -0.07em;
}

[data-value=a] + [data-value=g] {
  margin-left: -0.1em;
}

[data-value=e] + [data-value=w] {
  margin-left: -0.05em;
}

[data-value=w] + [data-value=s] {
  margin-left: -0.07em;
}

[data-value=b] + [data-value=o] {
  margin-left: -0.06em;
}

[data-value=o] + [data-value=u] {
  margin-left: -0.08em;
}

[data-value=U] + [data-value=S] {
  margin-left: -0.08em;
}

[data-value=o] + [data-value=m] {
  margin-left: -0.05em;
}

[data-value=p] + [data-value=a] {
  margin-left: -0.16em;
}

[data-value=e] + [data-value=m] {
  margin-left: -0.04em;
}

[data-value=b] + [data-value=e] {
  margin-left: -0.04em;
}

[data-value=e] + [data-value=r] {
  margin-left: -0.04em;
}

[data-value=r] + [data-value=s] {
  margin-left: -0.02em;
}

[data-value=e] + [data-value=c] {
  margin-left: -0.04em;
}

[data-value=r] + [data-value=u] {
  margin-left: -0.04em;
}

[data-value=i] + [data-value=c] {
  margin-left: -0.04em;
}

[data-value=P] + [data-value=o] {
  margin-left: -0.04em;
}

[data-value=o] + [data-value=l] {
  margin-left: -0.04em;
}

[data-value=v] + [data-value=a] {
  margin-left: -0.06em;
}

[data-value=a] + [data-value=c] {
  margin-left: -0.06em;
}

[data-value=F] + [data-value=A] {
  margin-left: -0.08em;
}

[data-value=R] + [data-value=O] {
  margin-left: -0.08em;
}

[data-value=D] + [data-value=I] {
  margin-left: -0.04em;
}

[data-value=D] + [data-value=U] {
  margin-left: -0.04em;
}

[data-value=U] + [data-value=A] {
  margin-left: -0.12em;
}

[data-value=D] + [data-value=I] {
  margin-left: -0.04em;
}

[data-value=I] + [data-value=G] {
  margin-left: -0.04em;
}

[data-value=T] + [data-value=A] {
  margin-left: -0.12em;
}

[data-value=M] + [data-value=O] {
  margin-left: -0.04em;
}

[data-value=I] + [data-value=O] {
  margin-left: -0.03em;
}

[data-value=O] + [data-value=N] {
  margin-left: -0.03em;
}

[data-value=A] + [data-value=G] {
  margin-left: -0.08em;
}

[data-value=E] + [data-value=M] {
  margin-left: -0.04em;
}

[data-value=E] + [data-value=N] {
  margin-left: -0.04em;
}

[data-value=C] + [data-value=a] {
  margin-left: -0.06em;
}

[data-value=d] + [data-value=y] {
  margin-left: -0.06em;
}

[data-value=D] + [data-value=o] {
  margin-left: -0.04em;
}

[data-value=o] + [data-value=w] {
  margin-left: -0.06em;
}

[data-value=l] + [data-value=o] {
  margin-left: -0.02em;
}

[data-value=o] + [data-value=a] {
  margin-left: -0.08em;
}

[data-value=o] + [data-value=a] {
  margin-left: -0.08em;
}

[data-value=o] + [data-value=n] {
  margin-left: -0.04em;
}

[data-value=t] + [data-value=a] {
  margin-left: -0.1em;
}

.intro {
  text-align: center;
  padding: 8.6666666667vw 0 10vw;
  background-color: #FFFFFF;
  border-radius: 0 0 2vw 2vw;
  position: relative;
  z-index: 99;
  margin-top: -2vw;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .intro {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .intro {
    padding-top: 24vw;
    padding-bottom: 24vw;
    border-radius: 0 0 8vw 8vw;
    margin-top: -5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .intro_headline {
    text-align: left;
  }
}
.headlineLabel + .intro_headline {
  margin-top: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .headlineLabel + .intro_headline {
    margin-top: 10.6666666667vw;
  }
}
.intro_body {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .intro_body {
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 900px) {
  .intro_body p {
    text-align: left;
  }
}
@media only screen and (max-width: 900px) {
  .intro_body p br {
    display: none;
  }
}
.intro_button {
  margin-top: 3.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .intro_button {
    margin-top: 14.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .intro_button .buttonMagnet {
    justify-content: flex-end;
  }
}

.mobileAnchorMenu {
  position: fixed;
  bottom: 3.3333333333vw;
  left: 3.3333333333vw;
  /**/
}
@media only screen and (min-width: 901px) {
  [data-page=faq] .mobileAnchorMenu {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .mobileAnchorMenu {
    bottom: 8vw;
    left: 10.6666666667vw;
    width: 78.6666666667vw;
  }
  .mobileAnchorMenu::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    content: "";
    display: block;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    width: 6.4vw;
    height: 100%;
    border-radius: 0 5.3333333333vw 5.3333333333vw 0;
  }
}
.mobileAnchorMenu_wrap {
  height: 2.6666666667vw;
  border-radius: 1.3333333333vw;
  padding-inline: 2.3333333333vw;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  box-shadow: 0px 13px 24px 10px rgba(0, 0, 0, 0.05);
  position: relative;
  transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  .mobileAnchorMenu_wrap {
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
    padding-inline: 8vw;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
  }
}
.mobileAnchorMenu_wrap li {
  margin-right: 1.3333333333vw;
  transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  .mobileAnchorMenu_wrap li {
    margin-right: 5.3333333333vw;
  }
}
.mobileAnchorMenu_wrap li:last-child {
  margin-right: 0;
}
.mobileAnchorMenu_wrap li a {
  font-size: 0.9333333333vw;
  font-weight: bold;
  color: #8C8C8C;
  cursor: pointer;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .mobileAnchorMenu_wrap li a {
    font-size: 3.7333333333vw;
  }
}
.mobileAnchorMenu_wrap li a::before {
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}
@media only screen and (min-width: 901px) {
  .mobileAnchorMenu_wrap li a:hover {
    color: #252322;
  }
}
.mobileAnchorMenu_wrap li.is-current a {
  color: #252322;
}
.mobileAnchorMenu_wrap li.is-current a::before {
  margin-right: 10px;
  opacity: 1;
}

.mobileAnchorMenu {
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-current-section=""] .mobileAnchorMenu, [data-current-section="0"] .mobileAnchorMenu, [data-current-section="-1"] .mobileAnchorMenu {
  transform: translateY(calc(100% + 4vw));
}
@media only screen and (max-width: 900px) {
  [data-current-section=""] .mobileAnchorMenu, [data-current-section="0"] .mobileAnchorMenu, [data-current-section="-1"] .mobileAnchorMenu {
    transform: translateY(calc(100% + 16vw));
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal_closeOverlay {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.modal_container {
  height: 100%;
  width: 100%;
  z-index: 2;
  position: absolute;
  pointer-events: none;
}
.modal_container:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.modal_container::after {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
}
.modal_wrap {
  position: relative;
  z-index: 3;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
}
@media only screen and (min-width: 901px) {
  .modal_wrap {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.modal {
  pointer-events: none;
  visibility: hidden;
}
.modal[data-modal-state=visible] {
  pointer-events: auto;
  visibility: visible;
}
.modal_container {
  opacity: 0;
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-modal-state=visible] .modal_container {
  opacity: 1;
}
.modalMenu {
  position: absolute;
  pointer-events: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 901px) {
  .modalMenu {
    left: calc(50% - 11.3333333333vw);
    bottom: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .modalMenu {
    bottom: 5.3333333333vw;
    left: calc(50% - 42.6666666667vw);
  }
}
.modalMenu_button {
  cursor: pointer;
}
@media only screen and (min-width: 901px) {
  .modalMenu_button {
    margin-right: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .modalMenu_button {
    margin-right: 2.6666666667vw;
  }
}
.modalMenu_scene {
  display: flex;
  background-color: #FFFFFF;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .modalMenu_scene {
    width: 9.6666666667vw;
    height: 3.6vw;
    border-radius: 1.8vw;
    margin-left: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .modalMenu_scene {
    width: 36vw;
    height: 12.8vw;
    border-radius: 6.4vw;
    margin-left: 2.6666666667vw;
  }
}
.modalMenu_scene::after {
  width: 1px;
  background-color: #CCCCCC;
  position: absolute;
  left: 50%;
  z-index: 1;
  display: block;
  content: "";
}
@media only screen and (min-width: 901px) {
  .modalMenu_scene::after {
    height: 0.8vw;
    top: calc(50% - 0.4vw);
  }
}
@media only screen and (max-width: 900px) {
  .modalMenu_scene::after {
    height: 3.2vw;
    top: calc(50% - 1.6vw);
  }
}
.modalMenu_arrow {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.modalMenu_arrow:before {
  content: "\ea02";
}
@media only screen and (min-width: 901px) {
  .modalMenu_arrow::before {
    font-size: 0.8vw;
  }
}
.modalMenu_arrow.is-disable {
  pointer-events: none;
}
.modalMenu_arrow.is-disable::before {
  color: #8C8C8C;
}
@media only screen and (min-width: 901px) {
  .modalMenu_arrow:hover {
    color: #FF7326;
  }
}
.modalMenu_arrow--prev::before {
  transform: scale(-1);
}
@media only screen and (max-width: 900px) {
  .modalMenu_arrow--prev::before {
    margin-left: 3.2vw;
  }
}
@media only screen and (max-width: 900px) {
  .modalMenu_arrow--next::before {
    margin-left: -3.2vw;
  }
}

@media only screen and (max-width: 900px) {
  .column .moduleBody:first-child {
    margin-top: 9.3333333333vw;
    margin-bottom: 3.2vw;
  }
}
.featureTable + .moduleBody[data-size="12"] {
  margin-top: 1vw;
}
@media only screen and (max-width: 900px) {
  .featureTable + .moduleBody[data-size="12"] {
    margin-top: 5.3333333333vw;
  }
}
.moduleBody[data-size="12"] p {
  font-size: 0.8vw;
  line-height: 160%;
}
@media only screen and (max-width: 900px) {
  .moduleBody[data-size="12"] p {
    font-size: 3.2vw;
  }
}
.moduleBody[data-size="12"] p a {
  text-decoration: underline;
  color: #8C8C8C;
}
.headlineLv1 + .moduleBody[data-size="20"] {
  margin-top: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .headlineLv1 + .moduleBody[data-size="20"] {
    margin-top: 7.4666666667vw;
  }
}
.moduleBody[data-size="20"] p {
  font-size: 1.3333333333vw;
  line-height: 220%;
  color: #363331;
}
@media only screen and (max-width: 900px) {
  .moduleBody[data-size="20"] p {
    font-size: 4.2666666667vw;
    line-height: 210%;
  }
}
.moduleBody[data-align=center] {
  text-align: center;
}
@media only screen and (min-width: 901px) {
  .moduleBody[data-align=desktop-center] {
    text-align: center;
  }
}

@media only screen and (max-width: 900px) {
  .outline {
    margin: 12vw 0 16vw;
  }
}
.outline * {
  color: #363331;
}
.outline_column {
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .outline_column {
    display: flex;
    justify-content: space-between;
    padding: 1.4vw 2vw;
    margin-bottom: 0.6666666667vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .outline_column {
    padding: 4.2666666667vw 8vw 2.9333333333vw;
    margin-bottom: 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .outline_head {
    width: 10.6666666667vw;
  }
}
.outline_label {
  font-size: 1.0666666667vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .outline_label {
    font-size: 3.2vw;
    line-height: 160%;
    color: #8C8C8C;
  }
}
@media only screen and (min-width: 901px) {
  .outline_content {
    width: 40vw;
  }
}
@media only screen and (max-width: 900px) {
  .outline_content {
    margin-top: 1.6vw;
  }
}
.outline_body ol {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .outline_body ol {
    margin-top: 8vw;
  }
}
.outline_body ol li {
  position: relative;
  padding-left: 1.5333333333vw;
}
@media only screen and (max-width: 900px) {
  .outline_body ol li {
    padding-left: 5.6vw;
  }
}
.outline_body ol li::before {
  content: "";
  display: block;
  width: 0.4vw;
  height: 0.4vw;
  border-radius: 50%;
  position: absolute;
  left: 0.6vw;
  top: 0.7333333333vw;
  background-color: #363331;
}
@media only screen and (max-width: 900px) {
  .outline_body ol li::before {
    width: 1.0666666667vw;
    height: 1.0666666667vw;
    left: 2.1333333333vw;
    top: 2.6666666667vw;
  }
}
.outline_body p, .outline_body li {
  font-size: 1.0666666667vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .outline_body p, .outline_body li {
    font-size: 3.7333333333vw;
  }
}
.outline_body a {
  color: #FF7326;
  text-decoration: underline;
  position: relative;
  padding-right: 1.6666666667vw;
}
.outline_body a:after {
  content: "\ea03";
}
@media only screen and (max-width: 900px) {
  .outline_body a {
    padding-right: 5.8666666667vw;
  }
}
.outline_body a::after {
  font-size: 0.8vw;
  margin-right: 0.3333333333vw;
  right: 0vw;
  top: -0.4vw;
  position: absolute;
}
@media only screen and (max-width: 900px) {
  .outline_body a::after {
    font-size: 3.2vw;
    margin-right: 1.3333333333vw;
    right: -0.8vw;
    top: -1.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .outline_body a:hover {
    text-decoration: none;
  }
}

.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .paging {
    margin-top: 21.3333333333vw;
  }
}
.paging_arrow {
  border: 1px solid #252322;
  border-radius: 1vw;
  width: 4.1333333333vw;
  height: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paging_arrow:before {
  content: "\ea02";
}
@media only screen and (max-width: 900px) {
  .paging_arrow {
    width: 16.5333333333vw;
    height: 8vw;
    border-radius: 4vw;
  }
}
@media only screen and (min-width: 901px) {
  .paging_arrow:hover {
    background-color: #252322;
    transition: all 0.3s;
  }
  .paging_arrow:hover::before {
    color: #FFFFFF;
  }
}
.paging_arrow::before {
  font-size: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .paging_arrow::before {
    font-size: 3.2vw;
  }
}
.paging_arrow.is-prev {
  margin-right: 4vw;
}
@media only screen and (max-width: 900px) {
  .paging_arrow.is-prev {
    margin-right: 2.6666666667vw;
  }
}
.paging_arrow.is-prev::before {
  transform: scaleX(-1);
}
.paging_arrow.is-next {
  margin-left: 4vw;
}
@media only screen and (max-width: 900px) {
  .paging_arrow.is-next {
    margin-left: 2.6666666667vw;
  }
}
.paging_num {
  display: block;
  color: #8C8C8C;
  font-size: 0.9333333333vw;
  margin-inline: 0.6vw;
  font-family: "ac-medium", sans-serif;
}
@media only screen and (max-width: 900px) {
  .paging_num {
    font-size: 3.7333333333vw;
    margin-inline: 2.6666666667vw;
  }
}
.paging_num.is-active {
  color: #252322;
}

.share {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .articleCard_bottom + .share {
    margin-top: 8vw;
    padding-top: 6.1333333333vw;
    border-top: 1px solid rgba(37, 35, 34, 0.2);
  }
}
@media only screen and (max-width: 900px) {
  .articleWriter .share {
    justify-content: center;
  }
}
.share_title {
  font-size: 0.9333333333vw;
  margin-right: 1.3333333333vw;
  line-height: 190%;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 900px) {
  .share_title {
    font-size: 3.7333333333vw;
    margin-right: 4.8vw;
  }
}
.share_list {
  display: flex;
  align-items: center;
}
.share_item {
  display: flex;
  align-items: center;
  margin-right: 1.3333333333vw;
  line-height: 0;
}
@media only screen and (max-width: 900px) {
  .share_item {
    margin-right: 5.3333333333vw;
  }
}
.share_item a {
  display: block;
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.magazine_content .share_item a {
  color: #252322;
  text-decoration: none;
}
.magazine_content .share_item a::after {
  display: none;
}
.share_item a span {
  font-size: 0.8vw;
  text-decoration: underline;
}
@media only screen and (max-width: 900px) {
  .share_item a span {
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 901px) {
  .share_item a:hover {
    opacity: 0.6;
  }
}
@media only screen and (min-width: 901px) {
  .share_item a:hover span {
    text-decoration: none;
  }
}
.share_item:last-child {
  margin-right: 0;
}
.share_item[data-sns=x] a {
  font-size: 0.9vw;
}
.share_item[data-sns=x] a:before {
  content: "\ea08";
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=x] a {
    font-size: 3.6vw;
  }
}
.share_item[data-sns=instagram] a:before {
  content: "\ea0a";
}
@media only screen and (min-width: 901px) {
  .share_item[data-sns=instagram] a::before {
    font-size: 0.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=instagram] a::before {
    font-size: 3.4666666667vw;
  }
}
.share_item[data-sns=facebook] a {
  font-size: 1.1666666667vw;
}
.share_item[data-sns=facebook] a:before {
  content: "\ea04";
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=facebook] a {
    font-size: 4.6666666667vw;
  }
}
.share_item[data-sns=note] a:before {
  content: "\ea06";
}
@media only screen and (min-width: 901px) {
  .share_item[data-sns=note] a::before {
    font-size: 0.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=note] a::before {
    font-size: 2.9333333333vw;
  }
}
.share_item[data-sns=youtube] a:before {
  content: "\ea09";
}
@media only screen and (min-width: 901px) {
  .share_item[data-sns=youtube] a::before {
    font-size: 1.1333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=youtube] a::before {
    font-size: 4.2666666667vw;
  }
}
.share_item[data-sns=linkedin] a::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-image: url("/assets/img/global/icon_linkedin_no-r.svg");
}
@media only screen and (min-width: 901px) {
  .share_item[data-sns=linkedin] a::before {
    width: 0.8vw;
    height: 0.9vw;
  }
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=linkedin] a::before {
    width: 4.5vw;
    height: 5.1vw;
  }
}
.share_item[data-sns=note] a {
  font-size: 0.9333333333vw;
}
.share_item[data-sns=note] a:before {
  content: "\ea06";
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=note] a {
    font-size: 3.7333333333vw;
  }
}
.share_item[data-sns=input] {
  padding-bottom: 0.2666666667vw;
}
.share_item[data-sns=amazon] a::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-image: url("/assets/img/svg/amazon.svg");
}
@media only screen and (min-width: 901px) {
  .share_item[data-sns=amazon] a::before {
    width: 1.2vw;
    height: 1.2vw;
  }
}
@media only screen and (max-width: 900px) {
  .share_item[data-sns=amazon] a::before {
    width: 5vw;
    height: 5vw;
  }
}

@media only screen and (min-width: 901px) {
  [data-target=to-b] .homeService .textAutoScroll {
    margin-bottom: -15.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-target=to-b] .homeService .textAutoScroll {
    margin: 13.3333333333vw 0 10.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-target=to-c] .homeService .textAutoScroll {
    margin: 1.3333333333vw 0 -16vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-target=to-c] .homeService .textAutoScroll {
    margin: 10.6666666667vw 0 -16vw;
  }
}
@media only screen and (min-width: 901px) {
  .homeCase .textAutoScroll, [data-section=case-pickup] .textAutoScroll, [data-section=interview-pickup] .textAutoScroll, [data-section=news-pickup] .textAutoScroll {
    margin-bottom: -12vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeCase .textAutoScroll, [data-section=case-pickup] .textAutoScroll, [data-section=interview-pickup] .textAutoScroll, [data-section=news-pickup] .textAutoScroll {
    margin: 2.6666666667vw 0 -16vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-section=recruit-value] .textAutoScroll {
    margin-bottom: -22vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-section=recruit-value] .textAutoScroll {
    margin: 2.6666666667vw 0 -34.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .feature .textAutoScroll {
    margin-bottom: -9.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .feature .textAutoScroll {
    margin-bottom: -21.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .mission .textAutoScroll {
    margin-bottom: -7.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .mission .textAutoScroll {
    margin-bottom: -18.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-section=about-vision] .textAutoScroll {
    margin-bottom: -14.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-section=about-vision] .textAutoScroll {
    margin-bottom: -16vw;
  }
}
.textAutoScroll_content {
  position: relative;
}
.textAutoScroll_content .video {
  width: 100%;
}
[data-theme=beige] .textAutoScroll_content::before, [data-theme=beige] .textAutoScroll_content::after, [data-target=to-b] .homeService .textAutoScroll_content::before, [data-target=to-b] .homeService .textAutoScroll_content::after, .homeCase .textAutoScroll_content::before, .homeCase .textAutoScroll_content::after {
  display: block;
  content: "";
  width: 100%;
  height: 10%;
  position: absolute;
  z-index: 1;
  left: 0;
}
[data-theme=beige] .textAutoScroll_content::before, [data-target=to-b] .homeService .textAutoScroll_content::before, .homeCase .textAutoScroll_content::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(244, 243, 239, 0.5019607843), rgba(244, 243, 239, 0));
}
[data-theme=beige] .textAutoScroll_content::after, [data-target=to-b] .homeService .textAutoScroll_content::after, .homeCase .textAutoScroll_content::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(244, 243, 239, 0.5019607843), rgba(244, 243, 239, 0));
}

.headlineLv2 + .voiceCards {
  margin-top: 3vw;
}
@media only screen and (max-width: 900px) {
  .headlineLv2 + .voiceCards {
    margin-top: 12vw;
  }
}
@media only screen and (min-width: 901px) {
  .voiceCards {
    display: flex;
  }
}

.voiceCard {
  overflow: hidden;
  position: relative;
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .voiceCard {
    width: 28.8666666667vw;
    border-radius: 0.6666666667vw;
    padding: 0.6666666667vw 1.3333333333vw 5.3333333333vw;
    margin-right: 1.7333333333vw;
  }
  .voiceCard:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 900px) {
  .voiceCard {
    border-radius: 2.6666666667vw;
    padding: 2.6666666667vw 5.3333333333vw 8vw;
    margin-bottom: 2.6666666667vw;
  }
}
.voiceCard_link {
  display: block;
}
.voiceCard_image {
  height: 17.4666666667vw;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .voiceCard_image {
    height: 52.5333333333vw;
  }
}
.voiceCard_image > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.voiceCard_image > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.voiceCard_content {
  margin-top: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .voiceCard_content {
    margin-top: 7.7333333333vw;
  }
}
.voiceCard_bottom {
  margin-top: 1vw;
}
@media only screen and (max-width: 900px) {
  .voiceCard_bottom {
    margin-top: 3.2vw;
  }
}
.voiceCard_button {
  position: absolute;
  right: 1.3333333333vw;
  bottom: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .voiceCard_button {
    display: none;
  }
}

.voiceCard_image {
  overflow: hidden;
}
.voiceCard_image > div {
  transition: transform 0.6s;
}
@media only screen and (min-width: 901px) {
  .voiceCard_link:hover .voiceCard_image > div {
    transform: scale(1.07);
  }
}

.notFound {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .notFound {
    text-align: center;
    padding: 16.6666666667vw 0 16vw;
  }
}
@media only screen and (max-width: 900px) {
  .notFound {
    padding: 48vw 0 26.6666666667vw;
  }
}
.notFound::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
@media only screen and (min-width: 901px) {
  .notFound::before {
    top: 19.3333333333vw;
    height: 40.3333333333vw;
    background-image: url("/assets/img/global/ribon03-pc.png");
  }
}
@media only screen and (max-width: 900px) {
  .notFound::before {
    top: 70.6666666667vw;
    height: 98.9333333333vw;
    background-image: url("/assets/img/global/ribon03-sp.png");
  }
}
.notFound_wrap {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 900px) {
  .notFound_wrap {
    width: 89.3333333333vw;
    margin-inline: auto;
  }
}
.notFound_headline {
  font-size: 8vw;
  line-height: 90%;
  display: block;
  text-transform: uppercase;
  font-family: "uzuz-display", sans-serif;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 900px) {
  .notFound_headline {
    font-size: 12.2666666667vw;
    line-height: 140%;
  }
}
.notFound_body {
  margin-top: 3.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .notFound_body {
    margin-top: 5.3333333333vw;
    margin-inline: auto;
  }
}
.notFound_body p {
  font-size: 1.1333333333vw;
  line-height: 220%;
  color: #363331;
}
@media only screen and (max-width: 900px) {
  .notFound_body p {
    font-size: 4.5333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .notFound_body p br {
    display: none;
  }
}
.notFound_button {
  margin-top: 4vw;
}
@media only screen and (max-width: 900px) {
  .notFound_button {
    margin-top: 16vw;
  }
}
@media only screen and (max-width: 900px) {
  .notFound_button .buttonMagnet {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 901px) {
  .aboutChartCards {
    display: flex;
    justify-content: space-between;
    margin-top: 3vw;
  }
}
@media only screen and (max-width: 900px) {
  .aboutChartCards {
    margin-top: 12vw;
  }
}
.aboutChartCards * {
  color: #363331;
}

.aboutChartCard {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("/assets/img/home/feature_circle.svg");
}
@media only screen and (min-width: 901px) {
  .aboutChartCard {
    width: 18.3333333333vw;
    height: 18.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .aboutChartCard {
    width: 82.4vw;
    height: 82.4vw;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 900px) {
  .aboutChartCard {
    margin-bottom: 9.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .aboutChartCard_inner {
    margin-top: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .aboutChartCard_inner {
    margin-top: 1.3333333333vw;
  }
}
.aboutChartCard_title {
  font-size: 1.0666666667vw;
}
@media only screen and (max-width: 900px) {
  .aboutChartCard_title {
    font-size: 4.2666666667vw;
  }
}
.aboutChartCard_value {
  width: fit-content;
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .aboutChartCard_value {
    margin-top: 1.8666666667vw;
    height: 4.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .aboutChartCard_value {
    margin-top: 6.1333333333vw;
    height: 18.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .aboutChartCard_value img {
    width: auto;
    height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .aboutChartCard_value img {
    width: auto;
    height: 100%;
  }
}
.aboutChartCard_value > div {
  height: 100%;
}
.aboutChartCard_value > div > picture {
  height: 100%;
}
.aboutChartCard_body {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .aboutChartCard_body {
    margin-top: 5.3333333333vw;
  }
}
.aboutChartCard_body p {
  font-size: 0.7333333333vw;
  line-height: 160%;
}
@media only screen and (max-width: 900px) {
  .aboutChartCard_body p {
    font-size: 3.2vw;
  }
}

.aboutValue {
  padding: 7.6666666667vw 0 0;
  margin-top: 0;
  padding-top: 0;
}
@media only screen and (max-width: 900px) {
  .aboutValue {
    padding-top: 22.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}
.aboutValue_wrap {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 901px) {
  .aboutValue_wrap {
    height: 100lvh;
  }
}
@media only screen and (min-width: 901px) {
  .aboutValue_content {
    position: absolute;
    left: 0;
    top: calc(50dvh - 16vw);
    width: 182.6666666667vw;
    height: 32vw;
  }
}
@media only screen and (min-width: 901px) {
  .aboutValue_content .headlineLv2 {
    position: absolute;
    left: 5vw;
    top: -7.6666666667vw;
    width: 90vw;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .aboutValue_content .headlineLv2 {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}

/** card
/**************************************/
@media only screen and (min-width: 901px) {
  .aboutValueCards {
    display: flex;
    width: 172.6666666667vw;
    position: absolute;
    left: 5vw;
    top: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .aboutValueCards {
    margin-top: 11.4666666667vw;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .aboutValueCards {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.aboutValueCard {
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .aboutValueCard {
    width: 56.6666666667vw;
    height: 100%;
    border-radius: 0.6666666667vw;
    margin-right: 1.3333333333vw;
  }
  .aboutValueCard:last-child {
    margin-right: 0;
  }
  .aboutValueCard:nth-child(odd) .aboutValueCard_content {
    left: 5.3333333333vw;
  }
  .aboutValueCard:nth-child(even) .aboutValueCard_content {
    right: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .aboutValueCard {
    margin-bottom: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    padding: 8vw 5.3333333333vw 48vw;
  }
}
.aboutValueCard_content {
  z-index: 2;
}
@media only screen and (min-width: 901px) {
  .aboutValueCard_content {
    width: 24vw;
    position: absolute;
    top: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .aboutValueCard_content {
    position: relative;
  }
}
.aboutValueCard_content * {
  color: #FFFFFF;
}
.aboutValueCard_volume {
  font-size: 2vw;
  font-family: "uzuz-display", sans-serif;
}
@media only screen and (max-width: 900px) {
  .aboutValueCard_volume {
    font-size: 6.4vw;
  }
}
.aboutValueCard_title {
  font-size: 2vw;
  margin-top: 3.3333333333vw;
  font-weight: 700;
}
@media only screen and (max-width: 900px) {
  .aboutValueCard_title {
    font-size: 6.4vw;
    line-height: 150%;
    margin-top: 6.6666666667vw;
  }
}
.aboutValueCard_body {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .aboutValueCard_body {
    margin-top: 3.4666666667vw;
  }
}
.aboutValueCard_body p {
  font-size: 1vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .aboutValueCard_body p {
    font-size: 3.7333333333vw;
    line-height: 190%;
  }
}
.aboutValueCard_background {
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.aboutValueCard_background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.aboutValueCard_illust {
  position: absolute;
  z-index: 1;
}
.aboutValueCard:nth-child(1) .aboutValueCard_illust {
  width: 23.7333333333vw;
  right: 8%;
  bottom: 12%;
}
@media only screen and (max-width: 900px) {
  .aboutValueCard:nth-child(1) .aboutValueCard_illust {
    width: 66.9333333333vw;
    bottom: -7%;
    right: 8%;
  }
}
.aboutValueCard:nth-child(2) .aboutValueCard_illust {
  width: 23.2666666667vw;
  left: 2.2%;
  bottom: 9.1%;
}
@media only screen and (max-width: 900px) {
  .aboutValueCard:nth-child(2) .aboutValueCard_illust {
    width: 66.9333333333vw;
    left: 15%;
    bottom: -18%;
  }
}
.aboutValueCard:nth-child(3) .aboutValueCard_illust {
  width: 21.5333333333vw;
  right: 1.8%;
  bottom: -23.7%;
}
@media only screen and (max-width: 900px) {
  .aboutValueCard:nth-child(3) .aboutValueCard_illust {
    width: 55.2vw;
    right: 23%;
    bottom: -35%;
  }
}

.visionCard {
  display: flex;
  align-items: center;
}
.visionCard_inner {
  text-align: center;
}
.visionCard_inner * {
  color: #FFFFFF;
}
.visionCard_title span {
  display: block;
}
.visionCard_title span.is-en {
  font-size: 1.3333333333vw;
  text-transform: uppercase;
  font-family: "ac-medium", sans-serif;
}
.visionCard_title span.is-ja {
  margin-top: 3.3333333333vw;
}
.visionCard_body {
  margin-top: 1.8666666667vw;
}
.visionCard_body p {
  text-align: left;
  font-size: 1vw;
  line-height: 190%;
  color: #FFFFFF;
  text-align: justify;
}
@media only screen and (max-width: 900px) {
  .visionCard_body p {
    font-size: 3.7333333333vw;
  }
}

@media only screen and (min-width: 901px) {
  .visionMobileCards {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .visionMobileCards {
    position: relative;
    z-index: 1;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .visionMobileCards {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.visionMobileCard {
  margin-bottom: 2.6666666667vw;
  border-radius: 2.6666666667vw;
  padding: 2.6666666667vw 5.3333333333vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.visionMobileCard * {
  color: #FFFFFF;
}
.visionMobileCard_content {
  margin-top: 7.4666666667vw;
  padding-bottom: 2.6666666667vw;
}
.visionMobileCard_title span {
  display: block;
}
.visionMobileCard_title span.is-en {
  font-size: 4vw;
  text-transform: uppercase;
  font-weight: 700;
}
.visionMobileCard_title span.is-ja {
  margin-top: 2.6666666667vw;
}
.visionMobileCard_body {
  margin-top: 3.4666666667vw;
}
.visionMobileCard_body p {
  color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .visionMobileCard:nth-child(1) {
    background-image: url("/assets/img/about/vision_orange01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .visionMobileCard:nth-child(1) {
    background-image: url("/assets/img/about/vision_orange01-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .visionMobileCard:nth-child(2) {
    background-image: url("/assets/img/about/vision_pink01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .visionMobileCard:nth-child(2) {
    background-image: url("/assets/img/about/vision_pink01-sp.jpg");
  }
}

.articles {
  margin-top: 4vw;
}
@media only screen and (max-width: 900px) {
  .articles {
    margin-top: 16vw;
  }
}
@media only screen and (min-width: 901px) {
  .articles > * {
    margin-top: 4vw;
    margin-inline: auto;
  }
}
@media only screen and (min-width: 901px) and (min-width: 901px) {
  .articles > * {
    width: 56.6666666667vw;
  }
}
@media only screen and (min-width: 901px) and (max-width: 900px) {
  .articles > * {
    width: 89.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articles > * {
    margin-top: 12vw;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .articles > * {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}

/** menu
/**************************************/
.articleMenu {
  background-color: #FFFFFF;
  padding: 2vw;
  border-radius: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleMenu {
    padding: 6.6666666667vw 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleMenu_title {
    margin-bottom: 2.6666666667vw;
  }
}
.articleMenu_list {
  margin-top: 1.3333333333vw;
}
.articleMenu_list li {
  line-height: 230%;
}
.articleMenu_list li a {
  font-size: 1.0666666667vw;
  text-decoration: underline;
  color: #363331;
  cursor: pointer;
}
@media only screen and (max-width: 900px) {
  .articleMenu_list li a {
    font-size: 4vw;
    line-height: 230%;
  }
}
@media only screen and (min-width: 901px) {
  .articleMenu_list li a:hover {
    text-decoration: none;
  }
}

/** headline lv1
/**************************************/
.articleHeadlineLv1 {
  margin-top: 3.2vw;
  padding-left: 1.3333333333vw;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .articleHeadlineLv1 {
    margin-top: 13.3333333333vw;
    padding-left: 6.6666666667vw;
  }
}
.articleHeadlineLv1::before {
  margin-right: 1vw;
  display: block;
  content: "";
  width: 0.3333333333vw;
  height: 2.1333333333vw;
  border-radius: 0.1666666667vw;
  background: linear-gradient(180deg, #FF7326 0%, #FF5900 33.33%, #FF5901 66.67%, #FF8B4C 100%);
  position: absolute;
  left: 0;
  top: 0.4vw;
}
@media only screen and (max-width: 900px) {
  .articleHeadlineLv1::before {
    margin-right: 4vw;
    width: 1.3333333333vw;
    height: calc(100% - 1.3333333333vw);
    border-radius: 0.6666666667vw;
    margin-top: 0.5333333333vw;
  }
}
/** headline lv2
/**************************************/
.articleHeadlineLv2 {
  border-bottom: 1px solid #FF7326;
  padding-bottom: 0.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleHeadlineLv2 {
    padding-bottom: 4.5333333333vw;
  }
}
.articleHeadlineLv2 span {
  font-size: 1.6666666667vw;
  font-weight: bold;
  line-height: 150%;
}
@media only screen and (max-width: 900px) {
  .articleHeadlineLv2 span {
    font-size: 5.3333333333vw;
  }
}

/** headline lv3
/**************************************/
.articleHeadlineLv3 span {
  color: #FF7326;
}

/** body
/**************************************/
.articleHeadlineLv1 + .articleBody {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleHeadlineLv1 + .articleBody {
    margin-top: 8vw;
  }
}
.articleHeadlineLv2 + .articleBody {
  margin-top: 1.8666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleHeadlineLv2 + .articleBody {
    margin-top: 8vw;
  }
}
.articleBody a {
  color: #FF7326;
  border-bottom: 1px solid #FF7326;
  position: relative;
}
.articleBody a:after {
  content: "\ea03";
}
.articleBody a::after {
  font-size: 0.8vw;
  margin-left: 0.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleBody a::after {
    font-size: 3.2vw;
    right: 0vw;
    top: -2.1333333333vw;
    margin-left: 1.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleBody a:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 115, 38, 0);
  }
}
.articleBody p strong {
  color: #FF7326;
  font-weight: normal;
}
.articleBody p span {
  background-image: linear-gradient(transparent 0%, #FFE375 0%);
  display: inline;
  font-weight: bold;
}
.articleBody ol, .articleBody ul {
  margin-top: 1vw;
  margin-left: 0.6666666667vw;
}
.articleBody ol li, .articleBody ul li {
  font-size: 1.0666666667vw;
  position: relative;
  padding-left: 1vw;
  font-size: 1.0666666667vw;
  line-height: 230%;
  color: #363331;
}
@media only screen and (max-width: 900px) {
  .articleBody ol li, .articleBody ul li {
    font-size: 4vw;
    padding-left: 4vw;
  }
}
.articleBody ol li::before, .articleBody ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1vw;
  width: 0.4vw;
  height: 0.4vw;
  border-radius: 50%;
  background-color: #363331;
}
@media only screen and (max-width: 900px) {
  .articleBody ol li::before, .articleBody ul li::before {
    width: 1.6vw;
    height: 1.6vw;
    top: 3.4666666667vw;
  }
}

/** text
/**************************************/
.articleTextSmall p {
  color: #363331;
}

@media only screen and (max-width: 900px) {
  .articleTextMedium p br {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .articleTextLarge p br {
    display: none;
  }
}

/** box
/**************************************/
.articleBox {
  background-color: #FFFFFF;
  border-radius: 0.6666666667vw;
  padding: 2vw;
}
@media only screen and (max-width: 900px) {
  .articleBox {
    border-radius: 2.6666666667vw;
    padding: 6.6666666667vw 5.3333333333vw 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleBox + .articleBox {
    margin-top: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleBox + .articleBox {
    margin-top: 2.6666666667vw;
  }
}
.articleBox_body {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleBox_body {
    margin-top: 3.2vw;
  }
}
.articleBox_body p {
  font-size: 1.0666666667vw;
  line-height: 190%;
  color: #363331;
}
@media only screen and (max-width: 900px) {
  .articleBox_body p {
    font-size: 4vw;
  }
}

/** image
/**************************************/
@media only screen and (min-width: 901px) {
  .articleImage[data-row="2"] {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 901px) {
  .articleImage[data-row="2"] .articleImage_column {
    width: 48.1308411215%;
  }
}
@media only screen and (max-width: 900px) {
  .articleImage[data-row="2"] .articleImage_column:first-child {
    margin-bottom: 8vw;
  }
}
.articleImage_image {
  overflow: hidden;
  border-radius: 0.6666666667vw;
  width: fit-content;
}
@media only screen and (max-width: 900px) {
  .articleImage_image {
    font-size: 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
.articleImage_caption {
  margin-top: 1vw;
  color: #8C8C8C;
}
@media only screen and (max-width: 900px) {
  .articleImage_caption {
    margin-top: 4vw;
  }
}

/** image wide
/**************************************/
.articleImageWide {
  width: calc(100% - 3.3333333333vw);
  margin-inline: auto;
}
.articleImageWide_image {
  overflow: hidden;
  border-radius: 1.3333333333vw;
}

/** image graph
/**************************************/
@media only screen and (max-width: 900px) {
  .articleImageGraph {
    width: 100%;
  }
}
@media only screen and (min-width: 901px) {
  .articleImageGraph_note {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .articleImageGraph_note {
    color: #8C8C8C;
    margin: 0 0 5.3333333333vw 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleImageGraph_wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8vw;
    width: 100vw;
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleImageGraph_image {
    width: 100%;
    width: 160vw;
  }
  .articleImageGraph_image img {
    max-width: 100%;
    height: auto;
  }
}

/** question
/**************************************/
.articleQuestion {
  position: relative;
  padding-left: 4.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleQuestion {
    padding-left: 9.6vw;
  }
}
.articleQuestion::before {
  content: "";
  display: block;
  width: 3.3333333333vw;
  height: 1px;
  background-color: #252322;
  position: absolute;
  left: 0;
  top: 1vw;
}
@media only screen and (max-width: 900px) {
  .articleQuestion::before {
    width: 5.3333333333vw;
    top: 2.6666666667vw;
  }
}
.articleQuestion p {
  font-size: 1.0666666667vw;
  font-weight: 600;
  color: #363331;
  line-height: 150%;
}
@media only screen and (max-width: 900px) {
  .articleQuestion p {
    font-size: 4vw;
  }
}

/** answer
/**************************************/
.articleAnswer_list {
  display: flex;
  flex-wrap: wrap;
}
.articleAnswer_list dt, .articleAnswer_list dd {
  margin-bottom: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleAnswer_list dt, .articleAnswer_list dd {
    margin-bottom: 13.3333333333vw;
  }
}
.articleAnswer_list dt {
  font-weight: normal;
  width: 6.6666666667vw;
  vertical-align: top;
}
@media only screen and (max-width: 900px) {
  .articleAnswer_list dt {
    width: 20.8vw;
  }
}
.articleAnswer_list dd {
  padding-left: 1.6666666667vw;
  width: calc(100% - 6.6666666667vw);
  position: relative;
}
@media only screen and (max-width: 900px) {
  .articleAnswer_list dd {
    padding-left: 4vw;
    width: calc(100% - 20.8vw);
  }
}
.articleAnswer_list dd::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.5333333333vw;
  width: 1px;
  height: calc(100% - 0.9333333333vw);
  background-color: rgba(37, 35, 34, 0.2);
}

/** quote
/**************************************/
.articleQuote {
  position: relative;
  padding-left: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleQuote {
    padding-left: 8vw;
  }
}
.articleHeadlineLv1 + .articleQuote, .articleHeadlineLv2 + .articleQuote, .articleHeadlineLv3 + .articleQuote {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleHeadlineLv1 + .articleQuote, .articleHeadlineLv2 + .articleQuote, .articleHeadlineLv3 + .articleQuote {
    margin-top: 8vw;
  }
}
.articleQuote::before {
  position: absolute;
  left: 0;
  top: 0.6666666667vw;
  width: 0.2vw;
  border-radius: 0.1vw;
  height: calc(100% - 1vw);
  content: "";
  display: block;
  border-radius: 0.1vw;
  background-color: rgba(37, 35, 34, 0.2);
}
@media only screen and (max-width: 900px) {
  .articleQuote::before {
    width: 0.8vw;
    border-radius: 0.4vw;
    height: calc(100% - 2.6666666667vw);
  }
}

/** outline
/**************************************/
@media only screen and (max-width: 900px) {
  .column .articleOutline {
    margin-top: 13.3333333333vw;
  }
}
.articleOutline_item {
  background-color: #FFFFFF;
}
[data-theme=white] .articleOutline_item {
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .articleOutline_item {
    display: flex;
    padding: 1.6666666667vw 0;
    margin-bottom: 0.6666666667vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleOutline_item {
    padding: 4vw 8vw 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
  .column .articleOutline_item {
    margin-bottom: 2.6666666667vw;
  }
}
.articleOutline_label, .articleOutline_body p {
  font-size: 1.0666666667vw;
  line-height: 190%;
  color: #363331;
}
@media only screen and (min-width: 901px) {
  .articleOutline_label {
    width: 14.6666666667vw;
    padding-inline: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleOutline_label {
    font-size: 3.2vw;
    color: #8C8C8C;
  }
}
@media only screen and (min-width: 901px) {
  .articleOutline_body {
    width: 42vw;
    padding-right: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleOutline_body {
    margin-top: 1.3333333333vw;
  }
}
.articleOutline_body p {
  font-size: 1.0666666667vw;
  color: #363331;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .articleOutline_body p {
    font-size: 4vw;
  }
}
.articleOutline_body p strong {
  color: #FF7326;
}
.articleOutline_body p em {
  color: #FF7326;
}

/** button
/**************************************/
.aritlceButton {
  position: relative;
}
.aritlceButton p {
  font-size: 1.0666666667vw;
  margin-bottom: 1.3333333333vw;
  color: #FF7326;
  font-weight: bold;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .aritlceButton p {
    font-size: 4vw;
    margin-bottom: 5.3333333333vw;
  }
}
.aritlceButton p::before, .aritlceButton p::after {
  content: "";
  width: 0.16vw;
  height: 1.1333333333vw;
  border-radius: 0.08vw;
  background-color: #FF7326;
}
@media only screen and (max-width: 900px) {
  .aritlceButton p::before, .aritlceButton p::after {
    width: 0.64vw;
    height: 4.5333333333vw;
    border-radius: 0.32vw;
  }
}
.aritlceButton p::before {
  transform: rotate(-15deg);
  margin-right: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .aritlceButton p::before {
    margin-right: 2.6666666667vw;
  }
}
.aritlceButton p::after {
  transform: rotate(15deg);
  margin-left: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .aritlceButton p::after {
    margin-left: 2.6666666667vw;
  }
}
.aritlceButton a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6vw;
  border-radius: 3vw;
  background-color: #FF7326;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 6.6666666667vw;
  transition: 0.3s;
}
@media only screen and (max-width: 900px) {
  .aritlceButton a {
    height: 21.3333333333vw;
    border-radius: 10.6666666667vw;
    padding-inline: 10.6666666667vw;
  }
}
.aritlceButton a div::after,
.aritlceButton a div span {
  font-size: 0.9333333333vw;
  color: #FFFFFF;
  font-weight: 600;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .aritlceButton a div::after,
  .aritlceButton a div span {
    font-size: 3.7333333333vw;
    line-height: 160%;
  }
}
@media only screen and (min-width: 901px) {
  .aritlceButton a:hover {
    background-color: #252322;
  }
}

/** code
/**************************************/
.articleCode iframe {
  width: 100%;
}
@media only screen and (min-width: 901px) {
  .articleCode iframe {
    height: 31.8666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleCode iframe {
    height: 50.1333333333vw;
    border-radius: 5.3333333333vw;
  }
}

/** bottom
/**************************************/
.articleBottom {
  margin-top: 4vw;
  padding-bottom: 4vw;
  border-bottom: 1px solid rgba(37, 35, 34, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .articleBottom {
    width: 56.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleBottom {
    width: 89.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleBottom {
    margin-top: 13.3333333333vw;
    padding-bottom: 16vw;
  }
}

/** writer
/**************************************/
.articleWriter {
  margin-top: 1.6666666667vw;
  padding-bottom: 10.6666666667vw;
  z-index: 100;
  position: relative;
  background-color: #F4F3EF;
  border-radius: 0 0 2vw 2vw;
}
@media only screen and (max-width: 900px) {
  .articleWriter {
    margin-top: 9.3333333333vw;
    padding-bottom: 26.6666666667vw;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
}
.magazine_content .articleWriter {
  padding-bottom: 0;
}
@media only screen and (max-width: 900px) {
  .magazine_content .articleWriter {
    padding-bottom: 0;
  }
}
.articleWriter + .articleWriter .articleWriter_wrap {
  padding-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleWriter + .articleWriter .articleWriter_wrap {
    padding-top: 9.3333333333vw;
  }
}
.articleWriter_wrap {
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .articleWriter_wrap {
    width: 56.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriter_wrap {
    width: 89.3333333333vw;
  }
}
.articleWriterCard {
  background-color: #FFFFFF;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .articleWriterCard {
    padding: 1.3333333333vw 2vw 2vw 2vw;
    margin-top: 2.3333333333vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard {
    margin-top: 10.6666666667vw;
    padding: 5.3333333333vw 5.3333333333vw 9.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.articleWriterCard::before {
  position: absolute;
  z-index: 1;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-image: url("/assets/img/global/illust_pen.png");
}
@media only screen and (min-width: 901px) {
  .articleWriterCard::before {
    right: 0vw;
    bottom: -1.6666666667vw;
    width: 7.0666666667vw;
    height: 4.9333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard::before {
    right: -4.8vw;
    top: 26.6666666667vw;
    width: 28.2666666667vw;
    height: 19.2vw;
  }
}
[data-credit-type=supervisor] .articleWriterCard::before {
  background-image: url("/assets/img/global/illust_search.png");
}
@media only screen and (min-width: 901px) {
  [data-credit-type=supervisor] .articleWriterCard::before {
    right: 1vw;
    bottom: -1vw;
    width: 4.8666666667vw;
    height: 4.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-credit-type=supervisor] .articleWriterCard::before {
    right: -1.8666666667vw;
    top: 26.6666666667vw;
    width: 19.4666666667vw;
    height: 19.4666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleWriterCard_head {
    display: flex;
    align-items: center;
  }
}
.articleWriterCard_image {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .articleWriterCard_image {
    width: 6.4666666667vw;
    height: 6.4666666667vw;
    margin-right: 3.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_image {
    width: 32vw;
    height: 32vw;
    margin-inline: auto;
  }
}
.articleWriterCard_image > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.articleWriterCard_image > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.magazine_content .articleWriterCard_image > div img {
  margin-top: 0;
}
@media only screen and (min-width: 901px) {
  .articleWriterCard_content {
    margin-top: 1.4666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_content {
    margin-top: 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleWriterCard_title {
    align-items: center;
    display: flex;
    gap: 2.2vw;
    width: 42.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_title {
    margin-top: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_title span {
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_title span.is-name {
    font-size: 4vw;
  }
}
.articleWriterCard_title span.is-description {
  color: #8C8C8C;
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_title span.is-description {
    margin-top: 1.3333333333vw;
  }
}
.articleWriterCard_body {
  margin-top: 1vw;
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_body {
    margin-top: 4vw;
  }
}
.articleWriterCard_body p {
  font-size: 0.9333333333vw;
  color: #363331;
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_body p {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleWriterCard_sns {
    margin-top: 6.6666666667vw;
  }
}

/** table
/**************************************/
.column .articleTable {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .column .articleTable {
    margin-top: 5.3333333333vw;
  }
}
.general + .articleTable {
  margin-top: 6.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .general + .articleTable {
    margin-top: 16vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleTable_note {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .articleTable_note {
    color: #8C8C8C;
    margin-bottom: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleTable_content {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8vw;
    width: 100vw;
    padding-inline: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    margin-left: -5.3333333333vw;
  }
}
.articleTable_wrap {
  position: relative;
}
@media only screen and (max-width: 900px) {
  .articleTable_wrap {
    width: 226.6666666667vw !important;
  }
}
.articleTable_wrap::after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 5.3333333333vw;
  height: 1px;
  display: block;
  content: "";
}
.articleTable table {
  width: 100%;
  border-collapse: collapse;
}
@media only screen and (max-width: 900px) {
  .articleTable table {
    height: auto !important;
  }
  .articleTable table img {
    max-width: 100%;
    height: auto;
  }
}
.articleTable table th, .articleTable table td {
  line-height: 190%;
  position: relative;
  vertical-align: top;
}
.articleTable table th.is-nowrap, .articleTable table td.is-nowrap {
  white-space: nowrap;
}
[data-theme=white] .articleTable table th, [data-theme=white] .articleTable table td {
  border-bottom-color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .articleTable table th, .articleTable table td {
    font-size: 1.0666666667vw;
    padding: 0.6666666667vw 2vw;
    border-bottom: 0.6666666667vw solid #F4F3EF;
  }
}
@media only screen and (max-width: 900px) {
  .articleTable table th, .articleTable table td {
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 8vw;
    border-bottom: 2.6666666667vw solid #F4F3EF;
  }
  [data-theme=white] .articleTable table th, [data-theme=white] .articleTable table td {
    border-bottom-color: #FFFFFF;
  }
}
.articleTable table th::before, .articleTable table td::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.articleTable table th:first-child::before, .articleTable table td:first-child::before {
  border-radius: 0.6666666667vw 0 0 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleTable table th:first-child::before, .articleTable table td:first-child::before {
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
  }
}
.articleTable table th:last-child, .articleTable table td:last-child {
  border-right: none;
}
.articleTable table th:last-child::before, .articleTable table td:last-child::before {
  border-radius: 0 0.6666666667vw 0.6666666667vw 0;
}
@media only screen and (max-width: 900px) {
  .articleTable table th:last-child::before, .articleTable table td:last-child::before {
    border-radius: 0 2.6666666667vw 2.6666666667vw 0;
  }
}
.articleTable table th {
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.articleTable table th::before {
  background-color: #FF7326;
}
.articleTable table td {
  border-right: 1px solid rgba(37, 35, 34, 0.2);
}
[data-theme=white] .articleTable table td {
  border-right-color: #FFFFFF;
}
.articleTable table td::before {
  background-color: #FFFFFF;
}
[data-theme=white] .articleTable table td::before {
  background-color: #F4F3EF;
}
.articleTable[data-section=policy-outline] table th, .articleTable[data-section=policy-outline] table td {
  font-size: 0.9333333333vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .articleTable[data-section=policy-outline] table th, .articleTable[data-section=policy-outline] table td {
    font-size: 3.7333333333vw;
  }
}
.articleTable[data-section=policy-outline] table thead th {
  padding-block: 1.4666666667vw;
  text-align: center;
}
.articleTable[data-section=policy-outline] table tbody th {
  color: #252322;
  white-space: nowrap;
  font-weight: 500;
  text-align: center;
}
.articleTable[data-section=policy-outline] table tbody th::before {
  background-color: #EDECE8;
}
.articleTable[data-section=policy-outline] table tbody td ol li {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .articleTable[data-section=policy-outline] table tbody td ol li {
    padding-left: 1.5333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleTable[data-section=policy-outline] table tbody td ol li {
    padding-left: 3.4666666667vw;
  }
}
.articleTable[data-section=policy-outline] table tbody td ol li::before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  background-color: #252322;
}
@media only screen and (min-width: 901px) {
  .articleTable[data-section=policy-outline] table tbody td ol li::before {
    width: 0.3333333333vw;
    height: 0.3333333333vw;
    left: 0.6vw;
    top: 0.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleTable[data-section=policy-outline] table tbody td ol li::before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    left: 0vw;
    top: 2.6666666667vw;
  }
}

.articleCards .buttonFill.flexMobile {
  margin-top: 13.3333333333vw;
  display: flex;
  justify-content: flex-end;
}

.articleCard {
  margin-bottom: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleCard {
    margin-bottom: 2.6666666667vw;
  }
}
.articleCard a {
  background-color: #F4F3EF;
  border-radius: 0.6666666667vw;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .articleCard a {
    border-radius: 2.6666666667vw;
  }
}
.articleCard a.is-disable {
  pointer-events: none;
}
[data-theme=beige] .articleCard a {
  background-color: #FFFFFF;
}
[data-card-format="1"] .articleCard a {
  padding: 0.6666666667vw 3.5294117647% 10px 2.3529411765%;
}
@media only screen and (max-width: 900px) {
  [data-card-format="1"] .articleCard a {
    padding: 2.6666666667vw 5.3333333333vw 8vw;
  }
}
[data-card-format="2"] .articleCard a {
  padding: 1vw 2vw;
}
@media only screen and (max-width: 900px) {
  [data-card-format="2"] .articleCard a {
    padding: 2.6666666667vw 5.3333333333vw 8vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleCard a {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 900px) {
  .articleCard a {
    border-radius: 2.6666666667vw;
    display: block;
    padding: 2.6666666667vw 5.3333333333vw 7.2vw 5.3333333333vw;
  }
}
.articleCard_image {
  position: relative;
}
@media only screen and (min-width: 901px) {
  [data-card-format="1"] .articleCard_image {
    width: 14vw;
    height: 9.3333333333vw;
  }
  [data-card-format="2"] .articleCard_image {
    width: 19.7333333333vw;
    height: 13.2vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-card-format="1"] .articleCard_image {
    height: 52.5333333333vw;
  }
  [data-card-format="2"] .articleCard_image {
    height: 52.5333333333vw;
  }
}
.articleCard_image > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.articleCard_image > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
@media only screen and (min-width: 901px) {
  [data-card-format="1"] .articleCard_content {
    width: 36.6666666667vw;
    padding-left: 3.3333333333vw;
  }
  [data-card-format="2"] .articleCard_content {
    width: 33.6vw;
    padding-left: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleCard_content {
    margin-top: 6.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleCard_information {
    width: 29.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleCard_title br {
    display: none;
  }
}
.articleCard_sub {
  font-size: 1vw;
  line-height: 190%;
  margin-top: 0.2vw;
  color: #8C8C8C;
}
@media only screen and (max-width: 900px) {
  .articleCard_sub {
    font-size: 3.7333333333vw;
    margin-top: 1.3333333333vw;
  }
}
[data-card-format="1"] .articleCard_bottom, [data-card-format="2"] .articleCard_bottom {
  margin-top: 1vw;
}
@media only screen and (max-width: 900px) {
  [data-card-format="1"] .articleCard_bottom, [data-card-format="2"] .articleCard_bottom {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-card-format="1"] .articleCard_bottom, .articleHead .articleCard_bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 900px) {
  .articleCard_bottom {
    margin-top: 3.2vw;
  }
}
.articleCard_button {
  position: absolute;
  right: 2vw;
  bottom: 2vw;
}
@media only screen and (max-width: 900px) {
  .articleCard_button {
    display: none;
  }
}
.is-disable .articleCard_button {
  display: none;
}
.articleCard_label {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0.6666666667vw;
  background-color: #252322;
  border-radius: 0 0.3333333333vw 0.3333333333vw 0;
  padding: 0.5333333333vw 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleCard_label {
    border-radius: 0 1.3333333333vw 1.3333333333vw 0;
    padding: 2.4vw 2.9333333333vw;
    top: 2.6666666667vw;
  }
}
.articleCard_label span {
  font-size: 0.8vw;
  color: #FFFFFF;
}
@media only screen and (max-width: 900px) {
  .articleCard_label span {
    font-size: 3.2vw;
  }
}

.articleCard_image {
  overflow: hidden;
}
.articleCard_image > div img {
  transition: transform 0.6s;
}
@media only screen and (min-width: 901px) {
  .articleCard a:hover .articleCard_image > div img {
    transform: scale(1.1);
  }
}

.articleHead {
  margin-top: 11.3333333333vw;
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .articleHead {
    width: 56.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleHead {
    width: 89.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleHead {
    margin-top: 32vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleHead_wrap {
    margin-top: 1.3333333333vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (max-width: 900px) {
  .articleHead_wrap {
    margin-top: 5.3333333333vw;
  }
}
.articleHead_image {
  overflow: hidden;
  border-radius: 1.3333333333vw;
  margin-top: 3.3333333333vw;
  position: relative;
  height: 37.8vw;
}
@media only screen and (max-width: 900px) {
  .articleHead_image {
    border-radius: 2.6666666667vw;
    margin-top: 5.3333333333vw;
    height: 62.9333333333vw;
  }
}
.articleHead_image > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.articleHead_image > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.articleLabel {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 901px) {
  [data-card-format="1"] .articleLabel {
    margin-right: 1.3333333333vw;
    margin-bottom: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-card-format="1"] .articleLabel {
    margin-bottom: 2.6666666667vw;
  }
}
.articleLabel_category {
  display: flex;
  align-items: center;
  margin-right: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleLabel_category {
    margin-right: 4vw;
  }
}
.articleLabel_category::before {
  margin-right: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleLabel_category::before {
    margin-right: 2.6666666667vw;
  }
}
.articleLabel_category span {
  font-size: 0.9333333333vw;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 900px) {
  .articleLabel_category span {
    font-size: 3.7333333333vw;
  }
}
.articleLabel_date {
  font-size: 0.9333333333vw;
  letter-spacing: -0.02em;
  color: #8C8C8C;
  font-family: "ac-medium", sans-serif;
}
@media only screen and (max-width: 900px) {
  .articleLabel_date {
    font-size: 3.7333333333vw;
  }
}

.articleLabelTag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 901px) {
  .articleSliderCard .articleLabelTag {
    margin-left: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSliderCard .articleLabelTag {
    margin-top: 1.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleHead .articleLabelTag {
    margin-left: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleHead .articleLabelTag {
    margin-top: 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-card-format="1"] .articleLabelTag {
    margin-bottom: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-card-format="2"] .articleLabelTag {
    margin-top: 2.1333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-card-format="3"] .articleLabelTag {
    margin-top: 1vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-card-format="3"] .articleLabelTag {
    margin-top: 1.3333333333vw;
  }
}
[data-card-format="1"] .articleLabelTag li, .articleHead .articleLabelTag li {
  margin-right: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-card-format="1"] .articleLabelTag li, .articleHead .articleLabelTag li {
    margin-right: 1.3333333333vw;
  }
}
[data-card-format="2"] .articleLabelTag li {
  margin-top: 1vw;
  margin-right: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-card-format="2"] .articleLabelTag li {
    margin-top: 2.6666666667vw;
    margin-right: 1.3333333333vw;
  }
}
[data-card-format="3"] .articleLabelTag li {
  margin-top: 0.3333333333vw;
  margin-right: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-card-format="3"] .articleLabelTag li {
    margin-top: 1.3333333333vw;
    margin-right: 1.3333333333vw;
  }
}
.articleSliderCard .articleLabelTag li {
  margin-right: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleSliderCard .articleLabelTag li {
    margin-top: 2.6666666667vw;
    margin-right: 1.3333333333vw;
  }
}
.articleLabelTag li a {
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 901px) {
  .articleLabelTag li a:hover {
    opacity: 0.6;
  }
}
.articleLabelTag li span {
  border: 1px solid rgba(37, 35, 34, 0.2);
  border-radius: 0.2vw;
  height: 1.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1vw;
  padding-top: 0.0666666667vw;
  color: #363331;
  line-height: 1;
}
@media only screen and (max-width: 900px) {
  .articleLabelTag li span {
    border-radius: 0.8vw;
    height: 6.4vw;
    padding-inline: 2.6666666667vw;
    padding-top: 0.2666666667vw;
  }
}

.articleSlider {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 901px) {
  .articleSlider {
    padding: 3.3333333333vw 1.8518518519% 0;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .articleSlider {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 900px) {
  .headlineLv2 + .articleSlider {
    margin-top: 13.3333333333vw;
  }
}
.articleSlider_wrap {
  margin-inline: auto;
  position: relative;
}
.articleSlider_wrap::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background-color: rgba(37, 35, 34, 0.2);
}
@media only screen and (min-width: 901px) {
  .articleSlider_wrap::before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 5vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider_wrap::before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 16vw;
  }
}
.articleSlider_list {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .articleSlider_list {
    border-radius: 1.3333333333vw;
    padding: 1.3333333333vw 2.7586206897% 1.3333333333vw 5.0666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider_list {
    border-radius: 2.6666666667vw;
  }
}
.articleSlider .splide.is-destroy .splide__arrow {
  color: #8C8C8C;
  pointer-events: none;
}
.articleSlider .splide__arrows {
  position: absolute;
  z-index: 2;
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__arrows {
    top: 2vw;
    left: -3.2vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__arrows {
    width: 100%;
    bottom: -6.6666666667vw;
    height: 16vw;
  }
}
.articleSlider .splide__arrow {
  position: absolute;
  cursor: pointer;
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__arrow {
    left: 0vw;
  }
}
.articleSlider .splide__arrow::after {
  content: "";
  display: block;
  position: absolute;
  width: 2vw;
  height: 2vw;
  left: -0.6666666667vw;
  top: -0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__arrow::after {
    width: 8vw;
    height: 8vw;
    left: -2.6666666667vw;
    top: -2.6666666667vw;
  }
}
.articleSlider .splide__arrow::before {
  font-size: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__arrow::before {
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__arrow:hover {
    color: #FF7326;
  }
}
.articleSlider .splide__arrow--prev:before {
  content: "\ea02";
}
.articleSlider .splide__arrow--prev::before {
  transform: scaleX(-1);
  display: block;
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__arrow--prev {
    left: 5.3333333333vw;
  }
}
.articleSlider .splide__arrow--next:before {
  content: "\ea02";
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__arrow--next {
    top: 2.0666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__arrow--next {
    right: 5.3333333333vw;
  }
}
.articleSlider .splide__pagination {
  width: 100%;
  position: absolute;
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__pagination {
    display: block;
    left: -3vw;
    bottom: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__pagination {
    left: 0;
    bottom: 0;
    height: 16vw;
  }
}
.articleSlider .splide__pagination li {
  display: block;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__pagination li {
    width: 0.4vw;
    height: 0.4vw;
    margin-top: 1.6vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__pagination li {
    margin: 0 3.2vw;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
.articleSlider .splide__pagination li button {
  background-color: transparent;
  display: block;
  border: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__pagination li button {
    width: 0.3333333333vw;
    height: 0.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__pagination li button {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
.articleSlider .splide__pagination li button::after {
  content: "";
  display: block;
  position: absolute;
  left: -0.3333333333vw;
  top: -0.3333333333vw;
  width: calc(100% + 0.6666666667vw);
  height: calc(100% + 0.6666666667vw);
}
.articleSlider .splide__pagination li button::before {
  content: "";
  display: block;
  background-color: #8C8C8C;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 50%;
}
@media only screen and (min-width: 901px) {
  .articleSlider .splide__pagination li button::before {
    width: 0.3333333333vw;
    height: 0.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSlider .splide__pagination li button::before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
.articleSlider .splide__pagination li button.is-active::before {
  background-color: #FF7326;
}

/** card
/**************************************/
@media only screen and (max-width: 900px) {
  .articleSliderCard {
    padding: 2.6666666667vw 5.3333333333vw 26.6666666667vw 5.3333333333vw;
  }
}
.articleSliderCard a {
  display: block;
}
.articleSliderCard_wrap {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .articleSliderCard_wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media only screen and (min-width: 901px) {
  .articleSliderCard_content {
    width: 44.1379310345%;
    padding: 0 3% 0 5%;
    height: 31.7333333333vw;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_content {
    padding: 8vw 0 0;
  }
}
.articleSliderCard_image {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .articleSliderCard_image {
    width: 53.7931034483%;
    height: 31.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_image {
    height: 52.5333333333vw;
  }
}
.articleSliderCard_image > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.articleSliderCard_image > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.articleSliderCard_credit {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 901px) {
  .articleSliderCard_credit {
    position: absolute;
    left: 4.8vw;
    top: 1.9333333333vw;
  }
}
.articleSliderCard_credit span {
  font-size: 0.9333333333vw;
  display: block;
  margin-left: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_credit span {
    font-size: 3.7333333333vw;
    margin-left: 3.2vw;
  }
}
@media only screen and (min-width: 901px) {
  .articleSliderCard_credit::before {
    margin-top: -0.2vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_headline {
    margin-top: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_headline br {
    display: none;
  }
}
.articleSliderCard_body {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_body {
    margin-top: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_body p br {
    display: none;
  }
}
.articleSliderCard_bottom {
  margin-top: 35px;
}
@media only screen and (min-width: 901px) {
  .articleSliderCard_bottom {
    display: flex;
    align-items: center;
  }
}
.articleSliderCard_button {
  position: absolute;
  left: 32vw;
  bottom: 2vw;
}
@media only screen and (max-width: 900px) {
  .articleSliderCard_button {
    display: none;
  }
}

[data-theme=white] .articleSlider_list {
  background-color: #F4F3EF;
}

.articleSliderCard_content, .articleSliderCard_image {
  transform: scale(0.95);
  transition: all 0.6s;
}
.articleSliderCard.is-active .articleSliderCard_image,
.articleSliderCard.is-active .articleSliderCard_content {
  transform: scale(1);
}
@media only screen and (min-width: 901px) {
  .contact {
    display: flex;
    justify-content: space-between;
    padding: 1.3333333333vw 0 0;
  }
}
@media only screen and (max-width: 900px) {
  .contact {
    margin-top: 4.8vw;
  }
}
@media only screen and (min-width: 901px) {
  .contact_side {
    width: 33.3333333333vw;
  }
  [data-page=member] .contact_side {
    width: 30vw;
  }
}
@media only screen and (min-width: 901px) {
  .contact_headline {
    max-width: 22.6666666667vw;
  }
}
.contact_headline span {
  font-size: 1.8666666667vw;
  font-weight: 600;
  line-height: 1.4;
}
@media only screen and (max-width: 900px) {
  .contact_headline span {
    font-size: 7.4666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .contact_main {
    width: 56.6666666667vw;
  }
  [data-page=member] .contact_main {
    width: 60vw;
  }
}
@media only screen and (min-width: 901px) {
  .contact_intro {
    margin-top: -0.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .contact_intro {
    margin-top: 9.3333333333vw;
  }
}
.contact_intro p {
  font-size: 0.9333333333vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .contact_intro p {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .contact_intro p:nth-child(2) {
    margin-top: 1.6666666667vw;
  }
}
.contact_intro p i {
  position: relative;
  padding-right: 1vw;
}
@media only screen and (max-width: 900px) {
  .contact_intro p i {
    padding-right: 4vw;
  }
}
.contact_intro p i::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50%;
  background-color: #FF7326;
}
@media only screen and (min-width: 901px) {
  .contact_intro p i::before {
    top: 0.4666666667vw;
    width: 0.3333333333vw;
    height: 0.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .contact_intro p i::before {
    top: 1.8666666667vw;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}

/** thanks
/**************************************/
.contactThanks {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .contactThanks {
    text-align: center;
    padding-bottom: 3.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .contactThanks {
    padding-bottom: 13.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.contactThanks::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
@media only screen and (min-width: 901px) {
  [data-target=to-b][data-page=contact-thanks] .contactThanks::before {
    top: -9.3333333333vw;
    height: 38.2666666667vw;
    background-image: url("/assets/img/global/ribon01-pc.png");
  }
  [data-target=to-c][data-page=contact-thanks] .contactThanks::before {
    top: -11vw;
    height: 47.2vw;
    background-image: url("/assets/img/global_toc/ribon_thanks-pc.png");
  }
  [data-page=download-thanks] .contactThanks::before {
    top: -9.3333333333vw;
    height: 46.6vw;
    background-image: url("/assets/img/global/ribon02-pc.png");
  }
}
@media only screen and (max-width: 900px) {
  [data-target=to-b][data-page=contact-thanks] .contactThanks::before {
    top: 50.6666666667vw;
    height: 53.3333333333vw;
    background-image: url("/assets/img/global/ribon01-sp.png");
  }
  [data-target=to-c][data-page=contact-thanks] .contactThanks::before {
    top: -15.1vw;
    height: 92.2666666667vw;
    background-image: url("/assets/img/global_toc/ribon_thanks-sp.png");
  }
  [data-page=download-thanks] .contactThanks::before {
    top: 37.3333333333vw;
    height: 54.6666666667vw;
    background-image: url("/assets/img/global/ribon02-sp.png");
  }
}
.contactThanks_content {
  position: relative;
  z-index: 1;
  margin-top: 1.6666666667vw;
}
.contactThanks_headline span {
  font-size: 2vw;
  font-weight: 600;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .contactThanks_headline span {
    font-size: 6.4vw;
  }
}
.contactThanks_body {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .contactThanks_body {
    margin-top: 10.1333333333vw;
  }
}
.contactThanks_body p {
  font-size: 0.9333333333vw;
  line-height: 190%;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .contactThanks_body p {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .contactThanks_body p br {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .contactThanks [data-bookrun-friendly-key="@uzcl-itschool"] {
    margin-top: 13.3333333333vw;
  }
}
.contactThanks_button {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .contactThanks_button {
    margin-top: 13.3333333333vw;
    display: flex;
    justify-content: flex-end;
  }
}
.contactThanks_illust {
  position: absolute;
}
@media only screen and (min-width: 901px) {
  .contactThanks_illust {
    width: 20.2666666667vw;
    right: 6.7%;
    bottom: -1.9%;
  }
}
@media only screen and (max-width: 900px) {
  .contactThanks_illust {
    width: 41.0666666667vw;
    left: 0%;
    bottom: 8%;
  }
}
.contactThanks iframe {
  height: 1700px;
}

/** select
/**************************************/
.fieldSelect {
  position: relative;
  display: block;
  width: 100%;
}
.fieldSelect:before {
  content: "\ea01";
}
.fieldSelect::before {
  position: absolute;
  z-index: 1;
  right: 2vw;
  top: 2vw;
}
@media only screen and (max-width: 900px) {
  .fieldSelect::before {
    right: 8vw;
    top: 8vw;
  }
}
.fieldSelect select {
  cursor: pointer;
  position: relative;
  width: 100%;
}
.fieldSelect label {
  position: relative;
}

/** checkbox
/**************************************/
.fieldCheckbox .wpcf7-list-item label span {
  font-size: 1.0666666667vw;
  color: #363331;
  font-weight: 600;
}
@media only screen and (max-width: 900px) {
  .fieldCheckbox .wpcf7-list-item label span {
    font-size: 3.7333333333vw;
  }
}
.fieldCheckbox .wpcf7-list-item label span a {
  text-decoration: underline;
}
.fieldCheckbox .wpcf7-list-item label span a:hover {
  text-decoration: none;
}
.fieldCheckbox .wpcf7-form-control-wrap {
  display: block;
}
.fieldCheckbox span.wpcf7-list-item {
  margin: 0 2vw 0 0;
  position: relative;
}
.fieldCheckbox .wpcf7-list-item-label {
  cursor: pointer;
}
.fieldCheckbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
.fieldCheckbox .wpcf7-list-item-label::before {
  background-color: #F4F3EF;
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
@media only screen and (min-width: 901px) {
  .fieldCheckbox .wpcf7-list-item-label::before {
    border-radius: 0.2666666667vw;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    margin-right: 0.6666666667vw;
    margin-top: -0.2vw;
  }
}
@media only screen and (max-width: 900px) {
  .fieldCheckbox .wpcf7-list-item-label::before {
    border-radius: 1.0666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 2.6666666667vw;
    margin-top: -0.5333333333vw;
  }
}
[data-theme=beige] .fieldCheckbox .wpcf7-list-item-label::before {
  background-color: #FFFFFF;
}
.fieldCheckbox input[type=checkbox] + .wpcf7-list-item-label::after {
  background-size: contain;
  content: "";
  position: absolute;
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image: url("/assets/img/global/icon_check.svg");
}
@media only screen and (min-width: 901px) {
  .fieldCheckbox input[type=checkbox] + .wpcf7-list-item-label::after {
    top: 0vw;
    left: 0vw;
    width: 1.2666666667vw;
    height: 1vw;
  }
}
@media only screen and (max-width: 900px) {
  .fieldCheckbox input[type=checkbox] + .wpcf7-list-item-label::after {
    top: 0.2666666667vw;
    left: 0vw;
    width: 5.0666666667vw;
    height: 4vw;
  }
}
.fieldCheckbox input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}

/** offset
/**************************************/
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=email],
input[type=search],
select,
textarea {
  background-color: #F4F3EF;
  box-sizing: border-box;
  color: #252322;
  width: 100%;
  border: none;
  display: block;
  font-family: "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
}
@media only screen and (min-width: 901px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=email],
  input[type=search],
  select,
  textarea {
    font-size: 1.0666666667vw;
    border-radius: 0.6666666667vw;
    padding: 1.6666666667vw 2vw;
  }
}
@media only screen and (max-width: 900px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=email],
  input[type=search],
  select,
  textarea {
    font-size: 4.2666666667vw;
    border-radius: 2.6666666667vw;
    padding: 6.6666666667vw 8vw;
  }
}
[data-theme=beige] input[type=text],
[data-theme=beige] input[type=email],
[data-theme=beige] input[type=password],
[data-theme=beige] input[type=tel],
[data-theme=beige] input[type=email],
[data-theme=beige] input[type=search],
[data-theme=beige] select,
[data-theme=beige] textarea {
  background-color: #FFFFFF;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
select:focus,
textarea:focus {
  outline: 0;
}
input[type=text].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=password].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=search].wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border: 1px solid #FF4642;
}

input[type=search] {
  -webkit-appearance: searchfield;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input::-ms-clear {
  visibility: hidden;
}

textarea {
  height: 14.6666666667vw;
  width: 100%;
  font-family: "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  textarea {
    height: 58.6666666667vw;
  }
}

input[type=submit] {
  border: none;
  outline: 0;
}

select {
  appearance: none;
  padding: 1.6666666667vw 2vw;
}
@media only screen and (max-width: 900px) {
  select {
    padding: 6.6666666667vw 15.4666666667vw 6.6666666667vw 8vw;
  }
}

select,
input {
  outline: 0;
  font-family: "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
}

input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: 0;
}

button {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}

::-webkit-input-placeholder {
  color: #8C8C8C;
  font-family: "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
}

::-moz-placeholder {
  color: #8C8C8C;
  opacity: 1;
  font-family: "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
}

:-ms-input-placeholder {
  color: #8C8C8C;
  font-family: "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
}

/** form7
/**************************************/
.wpcf7-not-valid-tip {
  font-size: 0.9333333333vw;
  margin-top: 0.6666666667vw;
  display: block;
  color: #FF4642;
}
@media only screen and (max-width: 900px) {
  .wpcf7-not-valid-tip {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}

.form {
  margin-top: 3.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .form {
    margin-top: 10.6666666667vw;
    margin-bottom: 16vw;
  }
}
.form [data-required] {
  position: relative;
}
.form [data-required]::after {
  right: -0.6666666667vw;
  top: 0vw;
  content: "";
  display: block;
  position: absolute;
  width: 0.3333333333vw;
  height: 0.3333333333vw;
  border-radius: 50%;
  background-color: #FF7326;
}
@media only screen and (max-width: 900px) {
  .form [data-required]::after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .form [data-required]::after {
    right: -2.6666666667vw;
    top: 0vw;
  }
}
.form_item {
  margin-bottom: 3vw;
}
@media only screen and (max-width: 900px) {
  .form_item {
    margin-bottom: 9.0666666667vw;
  }
}
.form_title {
  position: relative;
  width: fit-content;
}
.form_title span {
  font-size: 1.0666666667vw;
  font-weight: 600;
}
@media only screen and (max-width: 900px) {
  .form_title span {
    font-size: 4vw;
  }
}
.form_field {
  margin-top: 1vw;
}
@media only screen and (max-width: 900px) {
  .form_field {
    margin-top: 4vw;
  }
}
.form_field[data-row="2"] {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 901px) {
  .form_field[data-row="2"] > * {
    width: 28vw;
  }
}
@media only screen and (max-width: 900px) {
  .form_field[data-row="2"] > * {
    width: 43.4666666667vw;
  }
}
.form_agree label {
  width: fit-content;
  display: block;
  position: relative;
}
.form_button {
  margin-top: 3.3333333333vw;
  position: relative;
  transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  .form_button {
    margin-top: 10.6666666667vw;
  }
}
.form_button.is-disable {
  pointer-events: none;
  opacity: 0.5;
}
.form_button .buttonFill {
  cursor: pointer;
}
.form_button input {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  top: 0;
  left: 0;
}
.form_recaptcha-txt {
  margin-top: 2em;
}
.form .wpcf7-response-output,
.form .screen-reader-response,
.form .wpcf7-spinner {
  display: none !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.downloadCards {
  margin-top: 5.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .downloadCards {
    margin-top: 12vw;
  }
}

.downloadCard {
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 901px) {
  .downloadCard {
    border-radius: 0.6666666667vw;
    margin-top: 1.3333333333vw;
    padding: 4vw 5vw 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .downloadCard {
    border-radius: 2.6666666667vw;
    margin-top: 2.6666666667vw;
    padding: 8vw 5.3333333333vw 10.6666666667vw;
  }
}
.downloadCard_content {
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 901px) {
  .downloadCard_content:has(.downloadCard_image) {
    width: 28.4666666667vw;
  }
}
.downloadCard_body {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .downloadCard_body {
    margin-top: 4vw;
  }
}
.downloadCard_body p {
  font-size: 0.9333333333vw;
  line-height: 190%;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .downloadCard_body p {
    font-size: 3.7333333333vw;
  }
}
.downloadCard_image {
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .downloadCard_image {
    position: absolute;
    z-index: 1;
    width: 17.4666666667vw;
    right: -20.6666666667vw;
    top: 0vw;
    padding: 3.2vw 3.6666666667vw;
    border-radius: 0.5333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .downloadCard_image {
    margin: 8vw auto 0;
    padding-block: 5.3333333333vw;
    border-radius: 1.6vw;
  }
}
@media only screen and (max-width: 900px) {
  .downloadCard_image > div {
    height: 45.8666666667vw;
    width: fit-content;
    margin-inline: auto;
  }
  .downloadCard_image > div img {
    width: auto;
    height: 100%;
  }
}
.downloadCard_button {
  display: flex;
}
@media only screen and (min-width: 901px) {
  .downloadCard_button {
    margin-top: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .downloadCard_button {
    margin-top: 8vw;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 901px) {
  .downloadCard_button > .buttonMagnet:nth-child(2) {
    margin-left: 0.8vw;
  }
}
@media only screen and (max-width: 900px) {
  .downloadCard_button > .buttonMagnet:nth-child(2) {
    margin-top: 2.6666666667vw;
  }
}

@media only screen and (min-width: 901px) {
  .downloadCards[data-panel-theme=orange] .downloadCard:nth-child(1) {
    background-image: url("/assets/img/download/download_panel_orange01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .downloadCards[data-panel-theme=orange] .downloadCard:nth-child(1) {
    background-image: url("/assets/img/download/download_panel_orange01-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .downloadCards[data-panel-theme=orange] .downloadCard:nth-child(2) {
    background-image: url("/assets/img/download/download_panel_orange02-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .downloadCards[data-panel-theme=orange] .downloadCard:nth-child(2) {
    background-image: url("/assets/img/download/download_panel_orange02-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .downloadCards[data-panel-theme=orange] .downloadCard:nth-child(3) {
    background-image: url("/assets/img/download/download_panel_orange03-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .downloadCards[data-panel-theme=orange] .downloadCard:nth-child(3) {
    background-image: url("/assets/img/download/download_panel_orange03-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .downloadCards[data-panel-theme=pink] .downloadCard:nth-child(1) {
    background-image: url("/assets/img/download/download_panel_pink01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .downloadCards[data-panel-theme=pink] .downloadCard:nth-child(1) {
    background-image: url("/assets/img/download/download_panel_pink01-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .downloadCards[data-panel-theme=pink] .downloadCard:nth-child(2) {
    background-image: url("/assets/img/download/download_panel_pink02-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .downloadCards[data-panel-theme=pink] .downloadCard:nth-child(2) {
    background-image: url("/assets/img/download/download_panel_pink02-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .downloadCards[data-panel-theme=red] .downloadCard:nth-child(1) {
    background-image: url("/assets/img/download/download_panel_red01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .downloadCards[data-panel-theme=red] .downloadCard:nth-child(1) {
    background-image: url("/assets/img/download/download_panel_red01-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .downloadCards[data-panel-theme=red] .downloadCard:nth-child(2) {
    background-image: url("/assets/img/download/download_panel_red02-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .downloadCards[data-panel-theme=red] .downloadCard:nth-child(2) {
    background-image: url("/assets/img/download/download_panel_red02-sp.jpg");
  }
}

@media only screen and (max-width: 900px) {
  .downloadMaterial {
    margin-top: 12vw;
  }
}
.downloadMaterial_body p {
  font-size: 1.1333333333vw;
  line-height: 220%;
  font-feature-settings: "palt";
  color: #363331;
}
@media only screen and (max-width: 900px) {
  .downloadMaterial_body p {
    font-size: 3.7333333333vw;
    line-height: 190%;
  }
}
.downloadMaterial_image {
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .downloadMaterial_image {
    margin-top: 3.3333333333vw;
    height: 37.8vw;
    padding: 3vw 0 2.3333333333vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .downloadMaterial_image {
    margin-top: 8vw;
    height: 61.3333333333vw;
    padding: 5.3333333333vw 0;
    border-radius: 2.6666666667vw;
  }
}
.downloadMaterial_image > div {
  width: fit-content;
  margin-inline: auto;
  height: 100%;
}
.downloadMaterial_image > div img {
  width: auto;
  height: 100%;
}

.faqCards {
  position: relative;
  margin-top: -1vw;
}
@media only screen and (max-width: 900px) {
  .faqCards {
    margin-top: 10.6666666667vw;
  }
}
[data-page=faq] .faqCards {
  margin-top: 5.3333333333vw;
}
@media only screen and (max-width: 900px) {
  [data-page=faq] .faqCards {
    margin-top: 21.3333333333vw;
  }
}
.faqCards[data-margin=top-0] {
  margin-top: 0;
}
@media only screen and (max-width: 900px) {
  .faqCards + .faqCards {
    margin-top: 20vw;
  }
}
.faqCards_title {
  margin-bottom: 2vw;
  padding-top: 0.8666666667vw;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .faqCards_title {
    margin-bottom: 5.3333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.faqCards_title span {
  display: block;
}
.faqCards_title::before {
  margin-right: 1vw;
  display: block;
  content: "";
  width: 0.3333333333vw;
  height: 1.5333333333vw;
  border-radius: 0.1666666667vw;
  background: linear-gradient(180deg, #FF7326 0%, #FF5900 33.33%, #FF5901 66.67%, #FF8B4C 100%);
}
@media only screen and (max-width: 900px) {
  .faqCards_title::before {
    margin-right: 4vw;
    width: 1.3333333333vw;
    height: 6.1333333333vw;
    border-radius: 0.6666666667vw;
    margin-top: 0.5333333333vw;
  }
}
.faqCards_anchor {
  position: absolute;
  left: 0;
  top: -3.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .faqCards_anchor {
    top: -13.3333333333vw;
  }
}

.faqCard {
  background-color: #FFFFFF;
  border-radius: 0.6666666667vw;
  margin-bottom: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .faqCard {
    border-radius: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.faqCard_head a {
  position: relative;
  display: block;
  padding: 1.4666666667vw 4vw 1.4666666667vw 2vw;
}
@media only screen and (max-width: 900px) {
  .faqCard_head a {
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .faqCard_title {
    padding-right: 8vw;
  }
}
.faqCard_icon {
  position: absolute;
  right: 2vw;
  top: 2vw;
  width: 0.8vw;
  height: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .faqCard_icon {
    right: 5.3333333333vw;
    top: 7.2vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
.faqCard_icon i {
  display: block;
  width: 0.8vw;
  height: 0.8vw;
  position: relative;
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 900px) {
  .faqCard_icon i {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.faqCard_icon i::before, .faqCard_icon i::after {
  content: "";
  display: block;
  background-color: #252322;
  position: absolute;
}
.faqCard_icon i::before {
  width: 0.1333333333vw;
  height: 100%;
  left: calc(50% - 0.0666666667vw);
}
@media only screen and (max-width: 900px) {
  .faqCard_icon i::before {
    width: 0.5333333333vw;
    left: calc(50% - 0.2666666667vw);
  }
}
.faqCard_icon i::after {
  width: 100%;
  height: 0.1333333333vw;
  top: calc(50% - 1px);
}
@media only screen and (max-width: 900px) {
  .faqCard_icon i::after {
    height: 0.5333333333vw;
  }
}
.faqCard_icon i::before, .faqCard_icon i::after {
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
[data-accordion-state=open] .faqCard_icon i {
  transform: rotate(270deg);
}
[data-accordion-state=open] .faqCard_icon i::after {
  opacity: 0;
}
.faqCard_body {
  padding: 0vw 1.3333333333vw 1.4666666667vw 2vw;
}
@media only screen and (max-width: 900px) {
  .faqCard_body {
    padding: 0vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
.faqCard_body a {
  text-decoration: underline;
  color: #FF7326;
  word-wrap: break-word;
}
.faqCard_body a:hover {
  text-decoration: none;
}
.faqCard_body p {
  font-size: 0.9333333333vw;
  line-height: 190%;
  color: #363331;
  margin-bottom: 1vw;
}
@media only screen and (max-width: 900px) {
  .faqCard_body p {
    font-size: 3.7333333333vw;
  }
}
.faqCard_body ol,
.faqCard_body ul {
  margin-bottom: 1vw;
  margin-left: 0.6666666667vw;
}
.faqCard_body ol li,
.faqCard_body ul li {
  color: #363331;
  font-size: 0.9333333333vw;
  line-height: 230%;
  padding-left: 1vw;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .faqCard_body ol li,
  .faqCard_body ul li {
    font-size: 3.7333333333vw;
    padding-left: 4vw;
  }
}
.faqCard_body ol li::before,
.faqCard_body ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1vw;
  width: 0.4vw;
  height: 0.4vw;
  border-radius: 50%;
  background-color: #363331;
}
@media only screen and (max-width: 900px) {
  .faqCard_body ol li::before,
  .faqCard_body ul li::before {
    width: 1.6vw;
    height: 1.6vw;
    top: 3.4666666667vw;
  }
}
.faqCard_body ol {
  list-style: decimal;
  padding-left: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .faqCard_body ol {
    padding-left: 4vw;
  }
}
.faqCard_body ol li {
  padding-left: 0;
}
.faqCard_body ol li:before {
  display: none;
}

[data-theme=white] .faqCard {
  background-color: #F4F3EF;
}

@media only screen and (max-width: 900px) {
  .faqMenu {
    display: none;
  }
}
.faqMenu_list {
  background-color: #FFFFFF;
  border-radius: 0.6666666667vw;
  padding: 1.8666666667vw 2vw 1.8666666667vw 3vw;
  width: fit-content;
}
.faqMenu_list li {
  margin-bottom: 1.6666666667vw;
}
.faqMenu_list li:last-child {
  margin-bottom: 0;
}
.faqMenu_list li a {
  font-size: 0.9333333333vw;
  font-weight: 600;
  color: #8C8C8C;
  cursor: pointer;
  position: relative;
  display: block;
}
.faqMenu_list li a::before {
  left: -1vw;
  top: 0.2666666667vw;
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  content: "";
  display: block;
  position: absolute;
  width: 0.3333333333vw;
  height: 0.3333333333vw;
  border-radius: 50%;
  background-color: #FF7326;
}
@media only screen and (max-width: 900px) {
  .faqMenu_list li a::before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
.faqMenu_current, .faqMenu_list li.is-current a {
  color: #252322;
}
.faqMenu_current::before, .faqMenu_list li.is-current a::before {
  transform: scale(1);
}

.homeCase {
  background-color: #F4F3EF;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .homeCase {
    padding: 150px 0 150px;
    margin-top: -30px;
    border-radius: 0 0 30px 30px;
  }
}
@media only screen and (max-width: 900px) {
  .homeCase {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    margin-top: 18.6666666667vw;
    padding: 0 0 29.3333333333vw;
  }
}
.homeCase_bottom {
  margin-top: 50px;
}
@media only screen and (max-width: 900px) {
  .homeCase_bottom {
    margin-top: 13.3333333333vw;
    display: flex;
    justify-content: flex-end;
    padding-right: 5.3333333333vw;
  }
}

.homeFeature {
  background-color: #FF7326;
  color: #FFFFFF;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .homeFeature {
    padding-top: 11.3333333333vw;
    margin-top: -2vw;
    border-radius: 0 0 2vw 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeFeature {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    padding-top: 34.6666666667vw;
    margin-top: -5.3333333333vw;
  }
}
.homeFeature_wrap {
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .homeFeature_wrap {
    max-width: 91.6666666667vw;
    padding-inline: 5%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 900px) {
  .homeFeature_wrap {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeFeature_wrap {
    width: 90.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeFeature .headlineLabel {
    justify-content: flex-start;
  }
}
.homeFeature .headlineLv1 {
  margin-top: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .homeFeature .headlineLv1 {
    margin-top: 9.3333333333vw;
    text-align: left;
  }
}
.homeFeature_illust {
  margin-top: 2.6666666667vw;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .homeFeature_illust {
    margin-top: 18.6666666667vw;
  }
}

/** card
/**************************************/
@media only screen and (min-width: 901px) {
  .featureCards {
    display: flex;
    justify-content: space-between;
    margin-top: 4.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureCards {
    margin-top: 14.6666666667vw;
  }
}

.featureCard {
  width: 30.7407407407%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("/assets/img/home/feature_circle.svg");
}
@media only screen and (max-width: 900px) {
  .featureCard {
    margin-bottom: 9.3333333333vw;
    width: 100%;
  }
}
.featureCard_title {
  font-size: 1.3333333333vw;
  letter-spacing: -0.02em;
  font-weight: 100;
}
@media only screen and (max-width: 900px) {
  .featureCard_title {
    font-size: 4.8vw;
  }
}
.featureCard_value {
  height: 6.5333333333vw;
  margin: 1.7333333333vw auto 0;
}
@media only screen and (max-width: 900px) {
  .featureCard_value {
    height: 20vw;
    margin: 6.1333333333vw auto 0;
    display: flex;
    justify-content: center;
  }
}
.featureCard_value img {
  width: auto;
  height: 100%;
}
.featureCard_body {
  margin-top: 3vw;
}
@media only screen and (max-width: 900px) {
  .featureCard_body {
    margin-top: 4.8vw;
  }
}
.featureCard_body p {
  color: #FFFFFF;
}

.featureCard_value {
  color: #FFFFFF;
  position: relative;
}
.featureCard_value > div {
  position: absolute;
}
.featureCard_value > div.is-value {
  font-size: 7.4666666667vw;
  display: flex;
  align-items: center;
  font-family: "uzuz-display", sans-serif;
}
@media only screen and (max-width: 900px) {
  .featureCard_value > div.is-value {
    font-size: 26.6666666667vw;
  }
}
.featureCard_value > div.is-value em {
  display: block;
}
.featureCard_value > div.is-value em i {
  font-style: normal;
}
.featureCard_value > div.is-value em i:nth-child(1) {
  letter-spacing: -0.22em;
}
.featureCard_value > div.is-value em i:nth-child(2) {
  letter-spacing: -0.1em;
}
.featureCard_value > div.is-tail {
  right: -0.1333333333vw;
  bottom: -0.5333333333vw;
}
[data-feature-card="1"] .featureCard_value {
  width: 19vw;
  height: 5.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="1"] .featureCard_value {
    width: 66.9333333333vw;
    height: 20.2666666667vw;
  }
}
[data-feature-card="1"] .featureCard_value .is-value {
  left: 0vw;
  top: 0vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="1"] .featureCard_value .is-value {
    left: -1.3333333333vw;
    top: -1.3333333333vw;
  }
}
[data-feature-card="1"] .featureCard_value .is-value em:nth-child(2) {
  font-size: 7.0666666667vw;
  padding-bottom: 0.6666666667vw;
  font-family: "heisei-kaku-gothic-std", "Yu Gothic", YuGothic, sans-serif;
  font-style: normal;
  font-feature-settings: "palt";
  font-weight: bold;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="1"] .featureCard_value .is-value em:nth-child(2) {
    font-size: 21.8666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
[data-feature-card="1"] .featureCard_value .is-tail {
  width: 3.2vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="1"] .featureCard_value .is-tail {
    width: 10.6666666667vw;
  }
}
[data-feature-card="2"] .featureCard_value {
  width: 13.3333333333vw;
  height: 5.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="2"] .featureCard_value {
    width: 49.6vw;
    height: 20.2666666667vw;
  }
}
[data-feature-card="2"] .featureCard_value .is-value {
  left: 0vw;
  top: 0vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="2"] .featureCard_value .is-value {
    left: -0.5333333333vw;
    top: -1.3333333333vw;
  }
}
[data-feature-card="2"] .featureCard_value .is-value em:nth-child(2) {
  margin-left: -0.4666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="2"] .featureCard_value .is-value em:nth-child(2) {
    margin-left: -1.8666666667vw;
  }
}
[data-feature-card="2"] .featureCard_value .is-value em:nth-child(3) {
  margin-left: -1.1333333333vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="2"] .featureCard_value .is-value em:nth-child(3) {
    margin-left: -4.5333333333vw;
  }
}
[data-feature-card="2"] .featureCard_value .is-tail {
  width: 2.7333333333vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="2"] .featureCard_value .is-tail {
    width: 11.4666666667vw;
  }
}
[data-feature-card="3"] .featureCard_value {
  width: 11.1333333333vw;
  height: 5.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="3"] .featureCard_value {
    width: 39.7333333333vw;
    height: 20.5333333333vw;
  }
}
[data-feature-card="3"] .featureCard_value .is-value {
  left: 0vw;
  top: 0vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="3"] .featureCard_value .is-value {
    left: -1.3333333333vw;
    top: -1.3333333333vw;
  }
}
[data-feature-card="3"] .featureCard_value .is-value em:nth-child(2) {
  margin-left: -0.4666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="3"] .featureCard_value .is-value em:nth-child(2) {
    margin-left: -1.8666666667vw;
  }
}
[data-feature-card="3"] .featureCard_value .is-value em:nth-child(3) {
  margin-left: -1.1333333333vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="3"] .featureCard_value .is-value em:nth-child(3) {
    margin-left: -4.5333333333vw;
  }
}
[data-feature-card="3"] .featureCard_value .is-tail {
  width: 2vw;
}
@media only screen and (max-width: 900px) {
  [data-feature-card="3"] .featureCard_value .is-tail {
    width: 8vw;
  }
}

.homeHero {
  position: relative;
  background-color: #FFFFFF;
}
[data-target=to-b] .homeHero {
  padding-top: 15.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-target=to-b] .homeHero {
    padding-top: 44vw;
  }
}
[data-target=to-c] .homeHero {
  height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homeHero::before {
  content: "";
  background-color: #F4F3EF;
  width: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
}
[data-target=to-b] .homeHero::before {
  height: 62vw;
}
@media only screen and (max-width: 900px) {
  [data-target=to-b] .homeHero::before {
    height: 181.3333333333vw;
  }
}
[data-target=to-c] .homeHero::before {
  height: 100%;
}
.homeHero_wrap {
  position: relative;
  z-index: 1;
}
.homeHero_gallery {
  margin-top: 8.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .homeHero_gallery {
    margin-top: 21.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  [data-section=recruit-message] .homeHero_gallery {
    margin-top: 7.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  [data-section=recruit-message] .homeHero_gallery {
    margin-top: 10.6666666667vw;
  }
}
.homeHero_gallery .splide__slide {
  width: 26.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .homeHero_gallery .splide__slide {
    width: 69.3333333333vw;
  }
}
.homeHero_gallery .splide__slide > div {
  overflow: hidden;
  border-radius: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .homeHero_gallery .splide__slide > div {
    border-radius: 2.6666666667vw;
  }
}
.homeHero_logo {
  margin-top: 7vw;
}
@media only screen and (max-width: 900px) {
  .homeHero_logo {
    margin-top: 21.3333333333vw;
    padding-bottom: 21.3333333333vw;
  }
  [data-target=to-c] .homeHero_logo {
    margin-top: 10.6666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}
.homeHero_logo .splide__list {
  align-items: center;
}
.homeHero_logo .splide__slide {
  height: 4.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .homeHero_logo .splide__slide {
    height: 16vw;
    margin-inline: 5.3333333333vw;
  }
}
.homeHero_logo .splide__slide img {
  width: auto;
  height: 100%;
}
.homeHero_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.homeHero_image > div.is-ribon picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.homeHero_image > div.is-ribon picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.homeHero_image > div.is-cast1 {
  position: absolute;
  left: -3%;
  bottom: -14%;
  width: 36.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .homeHero_image > div.is-cast1 {
    left: -5.8%;
    bottom: -4.1%;
    width: 70.1333333333vw;
  }
}
.homeHero_image > div.is-cast2 {
  position: absolute;
  right: -0.7%;
  top: 15.4%;
  width: 32.8vw;
}
@media only screen and (max-width: 900px) {
  .homeHero_image > div.is-cast2 {
    right: -20.7%;
    top: 13.4%;
    width: 61.3333333333vw;
  }
}

/** line
/**************************************/
.homeHeroLine {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 66.6666666667vw;
}
.homeHeroLine_image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.homeHeroLine_mask {
  position: absolute;
  z-index: 2;
  left: -4.3333333333vw;
  top: 8.3333333333vw;
  width: calc(100% + 10vw);
  height: 100%;
}
.homeHeroLine_mask svg path {
  fill: none;
  stroke: #F4F3EF;
  stroke-width: 12vw;
}

/** head
/**************************************/
.homeHeroHead {
  text-align: center;
}
@media only screen and (max-width: 900px) {
  [data-target=to-c] .homeHeroHead {
    margin-top: -30.6666666667vw;
  }
}
.homeHeroHead_headline {
  font-size: 5.2vw;
  line-height: 127.2%;
  letter-spacing: -0.02em;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .homeHeroHead_headline {
    font-size: 10.6666666667vw;
  }
}
[data-target=to-b] .homeHeroHead_headline {
  margin-top: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-target=to-b] .homeHeroHead_headline {
    margin-top: 10.6666666667vw;
  }
}
[data-target=to-c] .homeHeroHead_headline {
  margin-top: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  [data-target=to-c] .homeHeroHead_headline {
    margin-top: 10.6666666667vw;
  }
}

.indicator {
  position: fixed;
  bottom: 12vh;
  right: 4.4vw;
  width: 30.2vw;
  height: 1.3333333333vw;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 900px) {
  .indicator {
    display: none;
  }
}
.indicator small {
  color: #fff;
  font-size: 0.9333333333vw;
  font-family: "ac-medium", sans-serif;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.indicator_control {
  display: flex;
  align-items: center;
}

/** circle
/**************************************/
.indicatorCircle {
  width: 0.8666666667vw;
  height: 0.8666666667vw;
  margin-inline: auto;
  position: relative;
  margin-right: 0.6666666667vw;
}
.indicatorCircle svg {
  display: block;
  transform: rotate(270deg);
}
.indicatorCircle svg circle {
  display: block;
  fill: transparent;
}
.indicatorCircle svg circle.is-current {
  stroke: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.indicatorCircle svg circle.is-base {
  stroke: rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 1;
}

/** paging
/**************************************/
.indicatorPaging {
  text-align: center;
  display: flex;
  align-items: center;
}
.indicatorPaging span {
  display: block;
  font-size: 0.9333333333vw;
  color: #FFFFFF;
  font-family: "ac-medium", sans-serif;
  font-weight: bold;
}
.indicatorPaging span.is-total {
  padding-left: 6px;
  margin-left: 6px;
  position: relative;
  opacity: 0.5;
}
.indicatorPaging span.is-total::before {
  content: "";
  display: block;
  background-color: #FFFFFF;
  width: 1px;
  height: 11px;
  position: absolute;
  top: 2px;
  left: -1px;
}

.homeIntro {
  background-color: #FFFFFF;
  border-radius: 0 0 2vw 2vw;
  position: relative;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .homeIntro {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .homeIntro {
    text-align: center;
    padding-top: 6.6666666667vw;
  }
  .homeIntro .headlineLabel {
    justify-content: center;
  }
}
@media only screen and (max-width: 900px) {
  .homeIntro {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
}
.homeIntro_wrap {
  padding-top: 9vw;
  padding-bottom: 8.6666666667vw;
  border-top: 0.0666666667vw solid rgba(37, 35, 34, 0.2);
}
@media only screen and (max-width: 900px) {
  .homeIntro_wrap {
    padding-top: 24vw;
    padding-bottom: 24vw;
  }
}
.homeIntro .headlineLv1 {
  margin-top: 2.8vw;
}
@media only screen and (max-width: 900px) {
  .homeIntro .headlineLv1 {
    margin-top: 9.3333333333vw;
  }
}
.homeIntro_body {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .homeIntro_body {
    text-align: left;
    margin-top: 6.6666666667vw;
  }
}
.homeIntro_body p {
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .homeIntro_body p br {
    display: none;
  }
}

.homeNews {
  background-color: #FFFFFF;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .homeNews {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .homeNews {
    padding-top: 12vw;
    padding-bottom: 10vw;
    border-radius: 0 0 2vw 2vw;
    margin-top: -2vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeNews {
    margin-top: -5.3333333333vw;
    padding-top: 29.3333333333vw;
    padding-bottom: 10.6666666667vw;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .homeNews_wrap {
    display: flex;
    justify-content: space-between;
  }
}
.homeNews_wrap.is-wrap {
  margin-top: 3.3333333333vw;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .homeNews_wrap.is-wrap {
    padding-inline: 5.3333333333vw;
  }
}
.homeNews_side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 901px) {
  .homeNews_side {
    width: 37.037037037%;
    padding-bottom: 1.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .homeNews_content {
    width: 62.962962963%;
  }
}
@media only screen and (max-width: 900px) {
  .homeNews_content {
    margin-top: 10.6666666667vw;
  }
}

#sticky-scroll-wrapper {
  position: relative;
  z-index: 1;
  margin-top: -18vw;
}
@media screen and (min-width: 1025px) {
  #sticky-scroll-wrapper {
    margin-top: -7.5vh;
  }
}
#sticky-scroll-wrapper .scene {
  display: block;
}
@media screen and (max-width: 1025px) {
  #sticky-scroll-wrapper .scene {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll-wrapper .scene {
    min-height: 100vh;
    width: 100%;
  }
}

#sticky-scroll {
  width: 88.7%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1025px) {
  #sticky-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 96.7%;
    height: 100vh;
    transform: translateX(0) translateY(101vh) translateZ(0);
  }
}
@media screen and (max-width: 1025px) {
  #sticky-scroll {
    display: none;
  }
}
#sticky-scroll .btn-bottom {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1025px) {
  #sticky-scroll .btn-bottom {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .btn-bottom {
    width: 57.7%;
    position: fixed;
    bottom: 12vh;
    left: 0;
    z-index: 50;
    justify-content: center;
  }
}
#sticky-scroll .indicator .dots {
  display: flex;
}
#sticky-scroll .indicator .dots span {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  position: relative;
  margin: 0 0.3rem;
}
#sticky-scroll .indicator .dots span:before {
  display: block;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  inset: 0;
  margin: auto;
  background: #fff;
  border-radius: 100%;
  opacity: 0.5;
  transition: all 0.3s;
}
#sticky-scroll .indicator .dots span.is-active:before {
  opacity: 1;
  transform: translateX(0) translateY(0) translateZ(0) scale(1.5);
}
#sticky-scroll .indicator .dots span.is-active svg {
  transform: translateX(0) translateY(0) translateZ(0) scale(1) rotate(-90deg);
}
#sticky-scroll .indicator .dots span:last-child {
  margin-right: 0;
}
#sticky-scroll .indicator .dots span svg {
  transform: translateX(0) translateY(0) translateZ(0) scale(0) rotate(-90deg);
  stroke-dasharray: 69px;
  stroke-dashoffset: 69px;
  stroke: #fff;
  fill: transparent;
  transition: transform 0.3s;
}
#sticky-scroll .cell0 .txt-box {
  background-image: url("/assets/img/home/panel_body_orange01.jpg");
}
#sticky-scroll .cell1 .txt-box {
  background-image: url("/assets/img/home/panel_body_pink01.jpg");
}
#sticky-scroll .cell2 .txt-box {
  background-image: url("/assets/img/home/panel_body_red01.jpg");
}
#sticky-scroll .cell3 .txt-box {
  background-image: url("/assets/img/home/panel_body_yellow01.jpg");
}
#sticky-scroll .cell4 .txt-box {
  background-image: url("/assets/img/home/panel_body_green01.jpg");
}
#sticky-scroll .cell5 .txt-box {
  background-image: url("/assets/img/home/panel_body_orange02.jpg");
}
#sticky-scroll .cell6 .txt-box {
  background-image: url("/assets/img/home/panel_body_pink01.jpg");
}
@media only screen and (min-width: 901px) {
  [data-page=about] #sticky-scroll .cell0 .txt-box {
    background-image: url("/assets/img/about/vision_orange01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  [data-page=about] #sticky-scroll .cell0 .txt-box {
    background-image: url("/assets/img/about/vision_orange01-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  [data-page=about] #sticky-scroll .cell1 .txt-box {
    background-image: url("/assets/img/about/vision_pink01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  [data-page=about] #sticky-scroll .cell1 .txt-box {
    background-image: url("/assets/img/about/vision_pink01-sp.jpg");
  }
}
[data-page=about] #sticky-scroll .cell2 .txt-box {
  background-image: none;
}
@media screen and (max-width: 1025px) {
  #sticky-scroll .cell {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.6666666667vw;
    padding: 1rem 2rem 3rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    height: 100vh;
    width: 100%;
    padding: 7.6vh 0;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell.show {
    pointer-events: visible;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell.show .txt-box {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0) scale(1);
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell:first-child .img {
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell:first-child .img .txt-box {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
@media screen and (max-width: 1025px) {
  #sticky-scroll .cell .img {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell .img {
    width: 57.7%;
    height: 100%;
    transform: translateX(0) translateY(100vh) translateZ(0);
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell .img .layer {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
  }
}
#sticky-scroll .cell .img-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#sticky-scroll .cell .img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
#sticky-scroll .cell .img-wrap div {
  width: 100%;
  max-width: none;
  height: 100%;
}
#sticky-scroll .cell .img-wrap div img {
  object-fit: cover;
  width: 100%;
}
#sticky-scroll .cell .txt-box {
  width: 100%;
  padding: 2.4rem 0 0;
}
@media screen and (max-width: 1025px) {
  #sticky-scroll .cell .txt-box {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell .txt-box {
    padding: 1rem 2rem 2.6rem;
    display: flex;
    align-items: center;
    width: 40.5%;
    padding: 0 5%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transform: translateX(0) translateY(0) translateZ(0) scale(0.95);
    transition: all 0.4s;
  }
}
#sticky-scroll .cell .txt-box .sp-img {
  overflow: hidden;
  margin-bottom: 2rem;
}
#sticky-scroll .cell .txt-box .inner {
  color: #fff;
}
#sticky-scroll .cell .txt-box .inner b {
  color: #fff;
  display: block;
}
#sticky-scroll .cell .txt-box .inner .caption {
  margin: 1.5rem 0;
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell .txt-box .inner .caption {
    margin: 3rem 0;
  }
}
#sticky-scroll .cell .txt-box .inner .caption small {
  margin-right: 1rem;
}
#sticky-scroll .cell .txt-box .inner em {
  color: #fff;
  display: block;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell .txt-box .inner em {
    margin-bottom: 3rem;
  }
}
#sticky-scroll .cell .txt-box .inner p {
  margin-bottom: 3.3rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell .txt-box .inner p {
    margin-top: 3rem;
    margin-bottom: 3.6rem;
  }
}
#sticky-scroll .cell .txt-box .inner .align {
  display: flex;
}
@media screen and (max-width: 1025px) {
  #sticky-scroll .cell .txt-box .inner .align {
    justify-content: flex-end;
  }
}
#sticky-scroll .cell .txt-box .inner .socials {
  display: flex;
}
@media screen and (max-width: 1025px) {
  #sticky-scroll .cell .txt-box .inner .socials {
    justify-content: flex-end;
  }
}
#sticky-scroll .cell .txt-box .inner .socials a {
  background: #fff;
  border-radius: 6.6666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6vw 1.6666666667vw;
  margin-right: 0.6666666667vw;
  transition: all 0.3s;
}
#sticky-scroll .cell .txt-box .inner .socials a svg {
  transition: all 0.3s;
}
@media screen and (min-width: 1025px) {
  #sticky-scroll .cell .txt-box .inner .socials a:hover {
    background: #363331;
  }
  #sticky-scroll .cell .txt-box .inner .socials a:hover p {
    color: #fff;
  }
  #sticky-scroll .cell .txt-box .inner .socials a:hover svg {
    fill: #fff;
  }
}
#sticky-scroll .cell .txt-box .inner .socials .tw svg {
  width: 0.8vw;
  height: 0.8vw;
}
#sticky-scroll .cell .txt-box .inner .socials .linkedin svg {
  width: 0.8vw;
  height: 0.8vw;
}
#sticky-scroll .cell .txt-box .inner .socials .note svg {
  width: 0.8vw;
  height: 0.8vw;
}
#sticky-scroll .cell .txt-box .inner .socials .toyo {
  font-size: 0.8vw;
}
#sticky-scroll .cell .txt-box .inner .socials .toyo p {
  transition: all 0.3s;
}

/** card
/**************************************/
.panelCard {
  color: #FFFFFF;
}
@media only screen and (max-width: 900px) {
  .panelCard {
    margin-top: 6.6666666667vw;
  }
}
.panelCard_label span {
  border: 1px solid #FFFFFF;
  height: 2vw;
  width: fit-content;
  border-radius: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5333333333vw;
}
@media only screen and (max-width: 900px) {
  .panelCard_label {
    display: none;
  }
}
@media only screen and (min-width: 901px) {
  .panelCard_headline {
    margin-top: 3vw;
  }
}
.panelCard_headline span {
  display: block;
}
.panelCard_headline span.is-sub {
  font-size: 1.4rem;
  font-feature-settings: "palt";
  line-height: 150%;
}
@media only screen and (max-width: 900px) {
  .panelCard_headline span.is-sub {
    font-size: 3.7333333333vw;
    font-weight: 600;
  }
}
.panelCard_headline span.is-main {
  margin-top: 15px;
}
@media only screen and (max-width: 900px) {
  .panelCard_headline span.is-main {
    margin-top: 1.3333333333vw;
  }
}
.panelCard_body {
  margin-top: 20px;
}
@media only screen and (max-width: 900px) {
  .panelCard_body {
    margin-top: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .panelCard_body p br {
    display: none;
  }
}
.panelCard .buttonMagnet {
  margin-top: 40px;
}
@media only screen and (max-width: 900px) {
  .panelCard .buttonMagnet {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 5.3333333333vw;
    bottom: 8vw;
  }
}

.homeService {
  background-color: #F4F3EF;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .homeService {
    border-radius: 0 0 2vw 2vw;
    margin-top: -2vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeService {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
}
.homeService_wrap {
  padding-top: 12vw;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .homeService_wrap {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeService_wrap {
    padding-top: 24vw;
  }
}
.homeService_other {
  margin-top: 10vw;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .homeService_other {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeService_other {
    margin-top: 24vw;
  }
}

/** head
/**************************************/
@media only screen and (min-width: 901px) {
  .homeServiceHead_wrap {
    margin-top: 4.6666666667vw;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 900px) {
  .homeServiceHead_wrap {
    margin-top: 16vw;
  }
}
@media only screen and (min-width: 901px) {
  .homeServiceHead_title {
    width: 42.2222222222%;
  }
}
.homeServiceHead_body {
  margin-top: 0.6666666667vw;
}
@media only screen and (min-width: 901px) {
  .homeServiceHead_body {
    width: 46.2962962963%;
  }
}
@media only screen and (max-width: 900px) {
  .homeServiceHead_body {
    margin-top: 6.6666666667vw;
  }
}
/** panel
/**************************************/
.homeServicePanel {
  overflow: hidden;
  margin-top: 6.6666666667vw;
}

/** cards
/**************************************/
.homeServiceCards .headlineLabel {
  padding-left: 5.3333333333vw;
}
.homeServiceCards_section {
  margin-bottom: 14.6666666667vw;
}
.homeServiceCards_carousel {
  margin-top: 6.6666666667vw;
}
.homeServiceCards_carousel .splide:not(.is-overflow) .splide__slide {
  width: 89.3333333333vw;
}
.homeServiceCards_carousel .splide__slide {
  border-radius: 2.6666666667vw;
  width: 84vw;
  padding: 2.6666666667vw 5.3333333333vw 29.3333333333vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("/assets/img/home/panel_body_orange01.jpg");
}
.homeServiceCards_carousel .splide__slide[data-service-card=group] {
  background-image: url("/assets/img/home/panel_body_orange01.jpg");
}
.homeServiceCards_carousel .splide__slide[data-service-card=personal] {
  background-image: url("/assets/img/home/panel_body_pink01.jpg");
}
.homeServiceCards_carousel .splide__slide[data-service-card=reskilling] {
  background-image: url("/assets/img/home/panel_body_red01.jpg");
}
.homeServiceCards_carousel .splide__slide[data-service-card=digital] {
  background-image: url("/assets/img/home/panel_body_yellow01.jpg");
}
.homeServiceCards_carousel .splide__slide[data-service-card=dx] {
  background-image: url("/assets/img/home/panel_body_green01.jpg");
}
.homeServiceCards_carousel .splide__slide[data-service-card=subject], .homeServiceCards_carousel .splide__slide[data-service-card=courser] {
  background-image: url("/assets/img/home/panel_body_orange02.jpg");
}
.homeServiceCards_carousel .splide__slide[data-service-card=it] {
  background-image: url("/assets/img/home/panel_body_pink01.jpg");
}
@media only screen and (max-width: 900px) {
  .homeServiceCards .splide__track {
    padding-right: 5.3333333333vw !important;
    padding-left: 5.3333333333vw !important;
  }
}
@media only screen and (max-width: 900px) {
  .homeServiceCards .splide__slide .img-wrap {
    position: relative;
    height: 48.8vw;
    overflow: hidden;
  }
}
@media only screen and (max-width: 900px) {
  .homeServiceCards .splide__slide .img-wrap > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .homeServiceCards .splide__slide .img-wrap > div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }
}

/** contents
/**************************************/
.homeServiceContents {
  padding-bottom: 8.3333333333vw;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .homeServiceContents {
    padding-inline: 5.3333333333vw;
  }
}
[data-target=to-b] .homeServiceContents {
  margin-top: 4.9333333333vw;
}
@media only screen and (max-width: 900px) {
  [data-target=to-b] .homeServiceContents {
    margin-top: 22.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .homeServiceContents {
    margin-top: 24.5333333333vw;
    padding-bottom: 25.3333333333vw;
  }
  [data-target=to-c] .homeServiceContents {
    margin-top: 3.4666666667vw;
  }
}
.section .homeServiceContents {
  padding-bottom: 0;
}
@media only screen and (min-width: 901px) {
  .homeServiceContents_wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 901px) {
  .homeServiceContents_side {
    width: 20.3703703704%;
  }
}
@media only screen and (min-width: 901px) {
  .homeServiceContents_list {
    width: 75.9259259259%;
  }
}
@media only screen and (max-width: 900px) {
  .homeServiceContents_list {
    margin-top: 10.6666666667vw;
  }
}

._slider {
  position: relative;
  overflow: auto;
}

._slider li {
  list-style: none;
}

._slider ul li {
  float: left;
}

.homeInterview_button {
  margin-top: 4vw;
}
@media only screen and (max-width: 900px) {
  .homeInterview_button {
    margin-top: 13.3333333333vw;
    display: flex;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 901px) {
  .mission {
    margin-top: calc(50vh - 23.3333333333vw - 20vw);
  }
}
.mission_content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 901px) {
  .mission_content {
    height: 100vh;
  }
}
@media only screen and (max-width: 900px) {
  .mission_content {
    margin-inline: auto;
  }
}
@media only screen and (max-width: 900px) and (min-width: 901px) {
  .mission_content {
    width: 90vw;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .mission_content {
    width: 89.3333333333vw;
  }
}
.mission_content * {
  color: #fff;
}
@media only screen and (min-width: 901px) {
  .mission_wrap {
    position: absolute;
    left: 0;
    top: calc(50vh - 23.3333333333vw);
    width: 167vw;
    height: 46.6666666667vw;
  }
}
.mission_main {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
@media only screen and (min-width: 901px) {
  .mission_main {
    display: flex;
    position: absolute;
    left: 5vw;
    top: 0;
    width: 157vw;
    height: 100%;
    border-radius: 0.6666666667vw;
    background-image: url("/assets/img/home_toc/service_orange-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .mission_main {
    border-radius: 2.6666666667vw;
    overflow: hidden;
    background-image: url("/assets/img/home_toc/service_orange-sp.jpg");
  }
}

/** card
/**************************************/
.missionCard {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .missionCard {
    width: 25%;
    padding-top: 14vw;
  }
  .missionCard::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
}
@media only screen and (max-width: 900px) {
  .missionCard {
    padding: 8.5333333333vw 5.3333333333vw 8vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media only screen and (max-width: 900px) {
  .missionCard:nth-child(1) {
    padding-bottom: 40vw;
  }
}
.missionCard:last-child::before {
  display: none;
}
.missionCard_inner {
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .missionCard_inner {
    width: 29.2vw;
  }
}
.missionCard_illust {
  width: 25.3333333333vw;
  position: absolute;
  left: 4.5333333333vw;
  bottom: 0;
}
@media only screen and (max-width: 900px) {
  .missionCard_illust {
    width: 66.6666666667vw;
    left: 12vw;
  }
}
@media only screen and (max-width: 900px) {
  .missionCard_headline {
    margin-bottom: 4vw;
  }
}
.missionCard_headline span {
  display: block;
  font-weight: 700;
}
.missionCard_headline span.is-sub {
  font-size: 0.9333333333vw;
}
@media only screen and (max-width: 900px) {
  .missionCard_headline span.is-sub {
    font-size: 3.7333333333vw;
  }
}
.missionCard_headline span.is-main {
  font-size: 2vw;
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .missionCard_headline span.is-main {
    font-size: 6.4vw;
    line-height: 150%;
    margin-top: 2.6666666667vw;
  }
}
.missionCardHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .missionCardHead {
    margin-bottom: 5.3333333333vw;
  }
}
.missionCardHead_icon > div {
  width: 4.6666666667vw;
  height: 4.6666666667vw;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 900px) {
  .missionCardHead_icon > div {
    width: 16vw;
    height: 16vw;
  }
}
.missionCardHead_icon > div img {
  width: 3vw;
}
@media only screen and (max-width: 900px) {
  .missionCardHead_icon > div img {
    width: 9.6vw;
  }
}
.missionCardHead_title {
  width: 22.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .missionCardHead_title {
    width: 57.3333333333vw;
  }
}
.missionCardHead_title span {
  display: block;
  font-weight: 700;
}
.missionCardHead_title span.is-sub {
  font-size: 0.9333333333vw;
}
@media only screen and (max-width: 900px) {
  .missionCardHead_title span.is-sub {
    font-size: 3.7333333333vw;
  }
}
.missionCardHead_title span.is-main {
  font-size: 1.3333333333vw;
  margin-top: 1vw;
}
@media only screen and (max-width: 900px) {
  .missionCardHead_title span.is-main {
    font-size: 4.8vw;
    line-height: 150%;
    margin-top: 2.6666666667vw;
  }
}
.missionCard_body {
  margin-top: 2vw;
  margin-bottom: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .missionCard_body {
    margin-top: 0vw;
    margin-bottom: 8vw;
  }
}
.missionCard_body p {
  font-size: 0.9333333333vw;
  line-height: 1.9;
  text-align: justify;
}
@media only screen and (max-width: 900px) {
  .missionCard_body p {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .missionCard .buttonMagnet {
    justify-content: flex-end;
    display: flex;
  }
}

.homeRecruit {
  background-color: #FFFFFF;
  border-radius: 0 0 2vw 2vw;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .homeRecruit {
    text-align: center;
  }
  .homeRecruit .headlineLabel {
    justify-content: center;
  }
}
@media only screen and (max-width: 900px) {
  .homeRecruit {
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
  }
}
.homeRecruit_wrap {
  padding-top: 1.3333333333vw;
  padding-inline: 5%;
}
@media only screen and (max-width: 900px) {
  .homeRecruit_wrap {
    padding-inline: 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .homeRecruit_wrap {
    padding-bottom: 1.3333333333vw;
  }
}
.homeRecruit .headlineLv1 {
  margin-top: 2.8vw;
}
@media only screen and (max-width: 900px) {
  .homeRecruit .headlineLv1 {
    margin-top: 9.3333333333vw;
  }
}
.homeRecruit_body {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .homeRecruit_body {
    text-align: left;
    margin-top: 6.6666666667vw;
  }
}
.homeRecruit_body p {
  font-feature-settings: "palt";
}
@media only screen and (max-width: 900px) {
  .homeRecruit_body p br {
    display: none;
  }
}
.homeRecruit_illust {
  width: 70vw;
  margin: 6vw auto -3.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .homeRecruit_illust {
    width: 94.6666666667vw;
    margin: 6.6666666667vw auto -2.6666666667vw;
  }
}

@media only screen and (min-width: 901px) {
  .magazine {
    margin-top: 4vw;
    margin-bottom: 13.3333333333vw;
    margin-inline: auto;
  }
}
@media only screen and (min-width: 901px) and (min-width: 901px) {
  .magazine {
    width: 56.6666666667vw;
  }
}
@media only screen and (min-width: 901px) and (max-width: 900px) {
  .magazine {
    width: 89.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .magazine {
    margin-top: 12vw;
    margin-bottom: 26.6666666667vw;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .magazine {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.magazine_content {
  margin-top: 60px;
  padding-bottom: 6.6666666667vw;
  margin-bottom: 8vw;
  border-bottom: 1px solid rgba(37, 35, 34, 0.2);
}
.magazine_content .wp-block-image a::after,
.magazine_content .wp-block-group a::after {
  display: none;
}
.magazine_content a {
  color: #FF7326;
  text-decoration: underline;
  position: relative;
}
.magazine_content a:after {
  content: "\ea03";
}
.magazine_content a::after {
  font-size: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content a::after {
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 901px) {
  .magazine_content a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 900px) {
  .magazine_content > p {
    margin-top: 16px;
  }
}
.magazine_content > p strong {
  color: #FF7326;
  font-weight: normal;
}
.magazine_content > p span {
  background-color: #FFE375;
  display: inline;
  font-weight: bold;
}
.magazine_content > ol, .magazine_content > ul {
  margin-top: 1vw;
  margin-left: 0.6666666667vw;
}
.magazine_content > ol > li, .magazine_content > ul > li {
  font-size: 1.0666666667vw;
  position: relative;
  padding-left: 1vw;
  line-height: 230%;
  color: #363331;
}
@media only screen and (max-width: 900px) {
  .magazine_content > ol > li, .magazine_content > ul > li {
    font-size: 4vw;
    padding-left: 4vw;
  }
}
.magazine_content > ol > li::before, .magazine_content > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1vw;
  width: 0.4vw;
  height: 0.4vw;
  border-radius: 50%;
  background-color: #363331;
}
@media only screen and (max-width: 900px) {
  .magazine_content > ol > li::before, .magazine_content > ul > li::before {
    width: 1.6vw;
    height: 1.6vw;
    top: 3.4666666667vw;
  }
}
.magazine_content > ol {
  list-style: decimal;
  padding-left: 1.2vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content > ol {
    padding-left: 5vw;
  }
}
.magazine_content > ol li {
  padding-left: 0;
}
.magazine_content > ol li:before {
  display: none;
}
.magazine_content h2.wp-block-heading {
  margin-top: 3.2vw;
  padding-left: 1.3333333333vw;
  position: relative;
  margin-top: 4vw;
  margin-bottom: 2vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content h2.wp-block-heading {
    margin-bottom: 8vw;
    padding-left: 6.6666666667vw;
    margin-top: 12vw;
  }
}
.magazine_content h2.wp-block-heading::before {
  margin-right: 1vw;
  display: block;
  content: "";
  width: 0.3333333333vw;
  height: 2.1333333333vw;
  border-radius: 0.1666666667vw;
  background: linear-gradient(180deg, #FF7326 0%, #FF5900 33.33%, #FF5901 66.67%, #FF8B4C 100%);
  position: absolute;
  left: 0;
  top: 0.4vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content h2.wp-block-heading::before {
    margin-right: 4vw;
    width: 1.3333333333vw;
    height: calc(100% - 1.3333333333vw);
    border-radius: 0.6666666667vw;
    margin-top: 0.5333333333vw;
  }
}
.magazine_content h3.wp-block-heading {
  border-bottom: 1px solid #FF7326;
  padding-bottom: 0.3333333333vw;
  font-size: 1.6666666667vw;
  font-weight: bold;
  line-height: 150%;
  margin-top: 4vw;
  margin-bottom: 2vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content h3.wp-block-heading {
    font-size: 5.3333333333vw;
    padding-bottom: 4.5333333333vw;
    margin-top: 12vw;
    margin-bottom: 8vw;
  }
}
.magazine_content h4.wp-block-heading {
  font-size: 1.4666666667vw;
  font-weight: bold;
  line-height: 150%;
  margin-top: 4vw;
  margin-bottom: 2vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content h4.wp-block-heading {
    font-size: 4.8vw;
    margin-top: 12vw;
    margin-bottom: 8vw;
  }
}
.magazine_content .wp-block-buttons {
  align-items: flex-end;
}
.magazine_content .wp-block-button:first-child {
  margin-top: 80px;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-button:first-child {
    margin-top: 50px;
  }
}
.magazine_content .wp-block-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  border-radius: 45px;
  background-color: #FF7326;
  width: fit-content;
  margin: 1em 0;
  margin-inline: auto;
  padding-inline: 100px;
  font-size: 1.6rem;
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-button a {
    font-size: 1.4rem;
    line-height: 160%;
  }
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-button a {
    height: 80px;
    border-radius: 40px;
    padding-inline: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-button a span:nth-child(2) {
    display: none;
  }
}
@media only screen and (min-width: 901px) {
  .magazine_content .wp-block-button a:hover {
    background-color: #252322;
  }
}
.magazine_content .wp-block-quote {
  position: relative;
  padding-left: 40px;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-quote {
    padding-left: 30px;
  }
}
.magazine_content .wp-block-quote::before {
  position: absolute;
  left: 0;
  top: 0.6666666667vw;
  width: 0.2vw;
  border-radius: 0.1vw;
  height: calc(100% - 1vw);
  content: "";
  display: block;
  border-radius: 0.1vw;
  background-color: rgba(37, 35, 34, 0.2);
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-quote::before {
    width: 0.8vw;
    border-radius: 0.4vw;
    height: calc(100% - 2.6666666667vw);
  }
}
.magazine_content .wp-block-quote .wp-block-table table td strong {
  color: #FF7326;
  font-weight: normal;
}
.magazine_content .wp-block-quote .wp-block-table table td span {
  background-image: linear-gradient(transparent 0%, #FFE375 0%);
  display: inline;
  font-weight: bold;
}
.magazine_content .wp-block-quote cite {
  color: #8C8C8C;
  font-style: normal;
}
.magazine_content .wp-block-quote cite a {
  color: #8C8C8C;
  text-decoration: underline;
}
.magazine_content .wp-block-table {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-table {
    margin-top: 8vw;
  }
}
.magazine_content .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-table table {
    height: auto !important;
    width: max-content;
  }
  .magazine_content .wp-block-table table.has-fixed-layout {
    width: 100%;
  }
  .magazine_content .wp-block-table table img {
    max-width: 100%;
    height: auto;
  }
}
.magazine_content .wp-block-table table th, .magazine_content .wp-block-table table td {
  border-top: none;
  line-height: 190%;
  position: relative;
  vertical-align: top;
}
[data-theme=white] .magazine_content .wp-block-table table th, [data-theme=white] .magazine_content .wp-block-table table td {
  border-bottom-color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .magazine_content .wp-block-table table th, .magazine_content .wp-block-table table td {
    font-size: 1.0666666667vw;
    padding: 0.6666666667vw 2vw;
    border-bottom: 0.6666666667vw solid #F4F3EF;
  }
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-table table th, .magazine_content .wp-block-table table td {
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 8vw;
    border-bottom: 2.6666666667vw solid #F4F3EF;
  }
  [data-theme=white] .magazine_content .wp-block-table table th, [data-theme=white] .magazine_content .wp-block-table table td {
    border-bottom-color: #FFFFFF;
  }
}
.magazine_content .wp-block-table table th::before, .magazine_content .wp-block-table table td::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.magazine_content .wp-block-table table th:first-child::before, .magazine_content .wp-block-table table td:first-child::before {
  border-radius: 0.6666666667vw 0 0 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-table table th:first-child::before, .magazine_content .wp-block-table table td:first-child::before {
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
  }
}
.magazine_content .wp-block-table table th:last-child, .magazine_content .wp-block-table table td:last-child {
  border-right: none;
}
.magazine_content .wp-block-table table th:last-child::before, .magazine_content .wp-block-table table td:last-child::before {
  border-radius: 0 0.6666666667vw 0.6666666667vw 0;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-table table th:last-child::before, .magazine_content .wp-block-table table td:last-child::before {
    border-radius: 0 2.6666666667vw 2.6666666667vw 0;
  }
}
.magazine_content .wp-block-table table th {
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.magazine_content .wp-block-table table th::before {
  background-color: #FF7326;
}
.magazine_content .wp-block-table table td {
  border-left: none;
  border-right: 1px solid rgba(37, 35, 34, 0.2);
}
[data-theme=white] .magazine_content .wp-block-table table td {
  border-right-color: #FFFFFF;
}
.magazine_content .wp-block-table table td::before {
  background-color: #FFFFFF;
}
[data-theme=white] .magazine_content .wp-block-table table td::before {
  background-color: #F4F3EF;
}
.magazine_content .wp-block-button__link::after {
  display: none;
}
.magazine_content .wp-block-embed {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-embed {
    margin-top: 8vw;
  }
}
.magazine_content .wp-block-embed iframe {
  width: 100%;
}
@media only screen and (min-width: 901px) {
  .magazine_content .wp-block-embed iframe {
    height: 31.8666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-embed iframe {
    height: 50.1333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.magazine_content .wp-block-group {
  margin-top: 2vw;
}
@media only screen and (max-width: 900px) {
  .magazine_content .wp-block-group {
    margin-top: 8vw;
  }
}
.magazine_content .wp-block-columns.is-not-stacked-on-mobile {
  flex-wrap: nowrap !important;
  justify-content: space-between;
}
.magazine_content .wp-block-embed__wrapper {
  position: relative;
}
.magazine_content .pr-cont h3 {
  font-size: 2.8rem;
  line-height: 140%;
  margin: 20px 0 30px;
}
@media only screen and (max-width: 900px) {
  .magazine_content .pr-cont h3 {
    font-size: 2.6rem;
    margin-bottom: 15px;
  }
}
.magazine_content .pr-cont h3 .size-s {
  font-size: 2rem;
}
@media only screen and (max-width: 900px) {
  .magazine_content .pr-cont h3 .size-s {
    font-size: 1.8rem;
  }
}
.magazine_content .pr-cont .wp-block-button {
  width: fit-content;
  margin: 30px auto 0;
}
@media only screen and (max-width: 900px) {
  .magazine_content .pr-cont .wp-block-button {
    margin-top: 15px;
  }
}
.magazine_content .has-text-align-center {
  text-align: center;
}
.magazine_content .cta {
  display: block;
  margin: 1.5em 0;
  text-decoration: none;
}
.magazine_content .cta:after {
  display: none;
}
.magazine_content .cta-inner {
  align-items: center;
  background-color: #fff9e6;
  border: 2px solid #ffa500;
  display: flex;
  gap: 2em;
  padding: 1.5em;
}
@media only screen and (max-width: 900px) {
  .magazine_content .cta-inner {
    flex-direction: column;
    gap: 1.5em;
  }
}
.magazine_content .cta-img, .magazine_content .cta-cont {
  flex: 1;
}
.magazine_content .cta-bt {
  background-color: #007bff;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  margin-top: 1.5em;
  padding: 0.5em;
  text-align: center;
}
.magazine_content .cta img, .magazine_content .cta p {
  margin: 0 !important;
}

@media only screen and (min-width: 901px) {
  .memberCards {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 900px) {
  .memberCards {
    margin-top: 13.3333333333vw;
  }
}

@media only screen and (min-width: 901px) {
  .memberCard {
    margin-bottom: 2vw;
    margin-right: 1.6666666667vw;
    width: 18.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard {
    margin-bottom: 4vw;
  }
}
.memberCard:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (min-width: 901px) {
  .memberCard:not(:has(.memberCard_image)) .memberCard_content {
    height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard:not(:has(.memberCard_image)) {
    margin-top: 13.3333333333vw;
  }
  .memberCard:not(:has(.memberCard_image)) .memberCard_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4.5333333333vw;
  }
  .memberCard:not(:has(.memberCard_image)) .memberCard_link {
    height: auto;
  }
  .memberCard:not(:has(.memberCard_image)) .buttonIcon {
    position: static;
  }
}
.memberCard_link {
  display: block;
  width: 100%;
  cursor: pointer;
}
@media only screen and (min-width: 901px) {
  .memberCard_link {
    height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard_link {
    display: flex;
    justify-content: space-between;
  }
}
.memberCard_image {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .memberCard_image {
    height: 18.8666666667vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard_image {
    width: 29.3333333333vw;
    height: 29.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.memberCard_image > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.memberCard_image > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.memberCard_content {
  background-color: #F4F3EF;
  text-align: left;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .memberCard_content {
    margin-top: 0.6666666667vw;
    border-radius: 0.6666666667vw;
    padding: 1.3333333333vw 2vw;
    height: calc(100% - 19.5333333333vw);
  }
}
@media only screen and (max-width: 900px) {
  .memberCard_content {
    width: 57.3333333333vw;
    height: 100%;
    min-height: 29.3333333333vw;
    border-radius: 2.6666666667vw;
    padding: 4vw 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .memberCard_name {
    padding-right: 4.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard_name {
    padding-right: 18.6666666667vw;
  }
}
.memberCard_name span {
  display: block;
}
.memberCard_name span.is-main {
  text-transform: uppercase;
  font-family: "ac-bold", sans-serif;
}
@media only screen and (min-width: 901px) {
  .memberCard_name span.is-main {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard_name span.is-main {
    font-size: 4.8vw;
    line-height: 120%;
  }
}
@media only screen and (min-width: 901px) {
  .memberCard_name span.is-sub {
    font-size: 0.8vw;
    margin-top: 0.2vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard_name span.is-sub {
    font-size: 3.2vw;
    margin-top: 1.0666666667vw;
    line-height: 160%;
  }
}
.memberCard .buttonIcon {
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 901px) {
  .memberCard .buttonIcon {
    right: 2vw;
    bottom: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberCard .buttonIcon {
    right: 5.3333333333vw;
    bottom: 2.6666666667vw;
  }
}

.memberCard_image {
  overflow: hidden;
}
.memberCard_image > div {
  transition: transform 0.6s;
}
@media only screen and (min-width: 901px) {
  .memberCard_link:hover .memberCard_image > div {
    transform: scale(1.1);
  }
}

@media only screen and (min-width: 901px) {
  .memberModal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal {
    margin-top: 10.6666666667vw;
  }
}
.memberModal_cover {
  position: relative;
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .memberModal_cover {
    width: 43vw;
  }
  .memberModal_cover:has(.memberModalHead_image) {
    width: 56.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_cover {
    width: 89.3333333333vw;
    height: calc(100dvh - 34.6666666667vw);
    border-radius: 2.6666666667vw;
    overflow: hidden;
  }
  .memberModal_cover::before {
    content: "";
    background: linear-gradient(180deg, rgba(244, 243, 239, 0) 0%, rgb(244, 243, 239) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 16vw;
    width: 100%;
    z-index: 2;
  }
}
.memberModal_scroll {
  display: flex;
  justify-content: space-between;
  pointer-events: auto;
  background-color: #F4F3EF;
  position: relative;
}
@media only screen and (min-width: 901px) {
  .memberModal_scroll {
    padding: 4.3333333333vw 2.6666666667vw 2.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_scroll {
    padding: 8vw 6.6666666667vw 0;
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
}
.memberModal_content {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .memberModal_content:has(.memberModalHead_image) {
    width: 35vw;
    margin-left: 15vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModalHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 901px) {
  .memberModalHead_image {
    width: 11.0666666667vw;
    position: absolute;
    left: -15vw;
    top: -1.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModalHead_image {
    width: 24.8vw;
  }
}
.memberModalHead_image > div {
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .memberModalHead_image > div {
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModalHead_image > div {
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModalHead_title {
    width: 42.6666666667vw;
    margin-top: 1.3333333333vw;
  }
}
.memberModalHead_title span {
  display: block;
}
.memberModalHead_title span.is-main {
  text-transform: uppercase;
  font-family: "ac-bold", sans-serif;
}
@media only screen and (min-width: 901px) {
  .memberModalHead_title span.is-main {
    font-size: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModalHead_title span.is-main {
    font-size: 6.4vw;
  }
}
@media only screen and (min-width: 901px) {
  .memberModalHead_title span.is-sub {
    margin-top: 1.1333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModalHead_title span.is-sub {
    margin-top: 3.4666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .memberModal_body {
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_body {
    margin-top: 5.8666666667vw;
  }
}
.memberModal_links {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 901px) {
  .memberModal_links {
    margin-top: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links {
    margin-top: 9.3333333333vw;
    padding-bottom: 16vw;
  }
}
@media only screen and (min-width: 901px) {
  .memberModal_links li {
    margin: 0 0.6666666667vw 0.6666666667vw 0;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li {
    margin: 0 2.6666666667vw 2.6666666667vw 0;
  }
}
.memberModal_links li a {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a {
    border-radius: 1vw;
    min-width: 4.1333333333vw;
    padding-inline: 1.6666666667vw;
    height: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a {
    height: 8vw;
    border-radius: 4vw;
    min-width: 16.5333333333vw;
    padding-inline: 6.6666666667vw;
  }
}
.memberModal_links li a span {
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a span {
    font-size: 0.9333333333vw;
  }
}
.memberModal_links li a[data-link=x]:before {
  content: "\ea08";
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a[data-link=x]::before {
    font-size: 0.8vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a[data-link=x]::before {
    font-size: 3.2vw;
  }
}
.memberModal_links li a[data-link=instagram]:before {
  content: "\ea0a";
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a[data-link=instagram]::before {
    font-size: 0.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a[data-link=instagram]::before {
    font-size: 3.4666666667vw;
  }
}
.memberModal_links li a[data-link=facebook]:before {
  content: "\ea05";
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a[data-link=facebook]::before {
    font-size: 1.0666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a[data-link=facebook]::before {
    font-size: 4.2666666667vw;
  }
}
.memberModal_links li a[data-link=note]:before {
  content: "\ea06";
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a[data-link=note]::before {
    font-size: 0.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a[data-link=note]::before {
    font-size: 2.9333333333vw;
  }
}
.memberModal_links li a[data-link=youtube]:before {
  content: "\ea09";
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a[data-link=youtube]::before {
    font-size: 1.1333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a[data-link=youtube]::before {
    font-size: 4.2666666667vw;
  }
}
.memberModal_links li a[data-link=linkedin]::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-image: url("/assets/img/global/icon_linkedin.svg");
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a[data-link=linkedin]::before {
    width: 1.0666666667vw;
    height: 0.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a[data-link=linkedin]::before {
    width: 4.5333333333vw;
    height: 3.7333333333vw;
  }
}
.memberModal_links li a[data-link=amazon]::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-image: url("/assets/img/svg/amazon.svg");
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a[data-link=amazon]::before {
    width: 1.0666666667vw;
    height: 1.0666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .memberModal_links li a[data-link=amazon]::before {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
  }
}
.memberModal_links li a[data-link=amazon]:hover::before {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  background-image: url("/assets/img/svg/amazon-w.svg");
}
@media only screen and (max-width: 900px) {
  .memberModal_blank {
    height: 13.3333333333vw;
  }
}

.memberModal {
  transition: 0.4s;
  transform: scale(0.9);
  opacity: 0;
}
[data-modal-state=visible] .memberModal {
  transform: none;
  opacity: 1;
}

.memberModal {
  display: none;
}
.memberModal.is-show {
  display: flex;
  animation: modalIn cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards;
}

@keyframes modalIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.memberModal_links li a {
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.memberModal_links li a::before {
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 901px) {
  .memberModal_links li a:hover {
    background-color: #252322;
    color: #FFFFFF;
  }
  .memberModal_links li a:hover[data-link=linkedin]::before {
    background-image: url("/assets/img/global/icon_linkedin_white.svg");
  }
}

@media only screen and (min-width: 901px) {
  .recruitAbout {
    display: flex;
    align-items: center;
    margin-top: 3vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitAbout {
    margin-top: 8.8vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitAbout_image {
    width: 50vw;
  }
}
.recruitAbout_image > div {
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .recruitAbout_image > div {
    border-radius: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitAbout_image > div {
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitAbout_content {
    width: 29.2vw;
    margin-left: 6.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitAbout_content {
    margin-top: 8.2666666667vw;
  }
}
.recruitAbout_title {
  line-height: 150%;
  font-weight: 700;
}
@media only screen and (min-width: 901px) {
  .recruitAbout_title {
    font-size: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitAbout_title {
    font-size: 6.4vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitAbout_body {
    margin-top: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitAbout_body {
    margin-top: 3.4666666667vw;
  }
}
.recruitAbout_body p {
  line-height: 190%;
}
@media only screen and (min-width: 901px) {
  .recruitAbout_body p {
    font-size: 0.9333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitAbout_body p {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitAbout_button {
    margin-top: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitAbout_button {
    margin-top: 8.8vw;
    display: flex;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 901px) {
  .entryCards {
    margin-top: 1vw;
  }
}
@media only screen and (max-width: 900px) {
  .entryCards {
    margin-top: 13.3333333333vw;
  }
}

.entryCard_wrap {
  position: relative;
  border-radius: 0.6666666667vw;
  margin-bottom: 0.6666666667vw;
  padding: 2.3333333333vw 3.3333333333vw 2vw;
  display: block;
}
@media only screen and (max-width: 900px) {
  .entryCard_wrap {
    border-radius: 2.6666666667vw;
    margin-bottom: 4vw;
    padding: 5.8666666667vw 5.3333333333vw;
  }
}
[data-card-color=white] .entryCard_wrap {
  background: #FFFFFF;
}
[data-card-color=orange] .entryCard_wrap {
  background: linear-gradient(94.37deg, #FF7326 14.56%, #FF5900 42.42%, #FF5901 70.28%, #FF8B4C 98.14%);
}
@media only screen and (min-width: 901px) {
  .entryCard_content {
    width: 42.5333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .entryCard_title {
    font-size: 6.4vw;
  }
}
[data-card-color=orange] .entryCard_title {
  color: #FFFFFF;
}
.entryCard_body {
  margin-top: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .entryCard_body {
    margin-top: 2.6666666667vw;
  }
}
[data-card-color=white] .entryCard_body p {
  color: #363331;
}
[data-card-color=orange] .entryCard_body p {
  color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .entryCard_button {
    position: absolute;
    right: 3.3333333333vw;
    bottom: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .entryCard_button {
    margin-top: 5.3333333333vw;
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 901px) {
  .entryCard:has(.entryCard_image) .entryCard_wrap {
    display: flex;
    align-items: center;
  }
  .entryCard:has(.entryCard_image) .entryCard_image {
    width: 18.6666666667vw;
    margin-right: 3.3333333333vw;
  }
  .entryCard:has(.entryCard_image) .entryCard_content {
    width: 25vw;
  }
}
@media only screen and (max-width: 900px) {
  .entryCard:has(.entryCard_image) .entryCard_content {
    margin-top: 5.3333333333vw;
  }
}

@media only screen and (min-width: 901px) {
  .recruitWelfare {
    margin-top: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitWelfare {
    margin-top: 12vw;
  }
}
.recruitWelfare * {
  color: #363331;
}
.recruitWelfare_column {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .recruitWelfare_column {
    display: flex;
    justify-content: space-between;
    padding: 1.4vw 2vw;
    margin-bottom: 0.6666666667vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitWelfare_column {
    padding: 5.8666666667vw 8vw 5.8666666667vw;
    margin-bottom: 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitWelfare_head {
    width: 10.6666666667vw;
  }
}
.recruitWelfare_label {
  line-height: 190%;
  font-weight: bold;
}
@media only screen and (min-width: 901px) {
  .recruitWelfare_label {
    font-size: 0.9333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitWelfare_label {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitWelfare_content {
    width: 40vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitWelfare_content {
    margin-top: 1.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .courseCards {
    margin-top: 1vw;
  }
}
@media only screen and (max-width: 900px) {
  .courseCards {
    margin-top: 13.3333333333vw;
  }
}

@media only screen and (min-width: 901px) {
  .courseCard:has(.courseCard_image) .courseCard_wrap {
    padding: 0.6666666667vw 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .courseCard:has(.courseCard_image) .courseCard_wrap {
    padding: 5.3333333333vw;
  }
}
.courseCard_wrap {
  position: relative;
  border-radius: 0.6666666667vw;
  margin-bottom: 0.6666666667vw;
  padding: 1vw 3.3333333333vw 0.6666666667vw;
  display: block;
}
@media only screen and (max-width: 900px) {
  .courseCard_wrap {
    border-radius: 2.6666666667vw;
    margin-bottom: 4vw;
    padding: 5.3333333333vw;
  }
}
[data-card-color=white] .courseCard_wrap {
  background: #FFFFFF;
}
[data-card-color=orange] .courseCard_wrap {
  background: linear-gradient(94.37deg, #FF7326 14.56%, #FF5900 42.42%, #FF5901 70.28%, #FF8B4C 98.14%);
}
@media only screen and (min-width: 901px) {
  .courseCard_content {
    padding-block: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .courseCard_title {
    font-size: 6.4vw;
  }
}
[data-card-color=orange] .courseCard_title {
  color: #FFFFFF;
}
.courseCard_body {
  margin-top: 0.8vw;
}
@media only screen and (max-width: 900px) {
  .courseCard_body {
    margin-top: 4vw;
  }
}
[data-card-color=white] .courseCard_body p {
  color: #363331;
}
[data-card-color=orange] .courseCard_body p {
  color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .courseCard_button {
    position: absolute;
    right: 2vw;
    bottom: 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .courseCard_button {
    margin-top: 5.3333333333vw;
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 901px) {
  .courseCard:has(.courseCard_image) .courseCard_wrap {
    display: flex;
    align-items: center;
  }
  .courseCard:has(.courseCard_image) .courseCard_image {
    position: relative;
    width: 18.6666666667vw;
    height: 12.4vw;
    margin-right: 3.3333333333vw;
  }
  .courseCard:has(.courseCard_image) .courseCard_image div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .courseCard:has(.courseCard_image) .courseCard_image div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }
}
@media only screen and (min-width: 901px) and (min-width: 901px) {
  .courseCard:has(.courseCard_image) .courseCard_content {
    width: 25vw;
  }
}
@media only screen and (max-width: 900px) {
  .courseCard:has(.courseCard_image) .courseCard_content {
    margin-top: 5.3333333333vw;
  }
  .courseCard:has(.courseCard_image) .courseCard_image {
    width: 78.6666666667vw;
    height: 52.5333333333vw;
    position: relative;
  }
  .courseCard:has(.courseCard_image) .courseCard_image div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .courseCard:has(.courseCard_image) .courseCard_image div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }
}

/** headlineLv1
/**************************************/
@media only screen and (min-width: 901px) {
  .featureHeadlineLv1 {
    display: flex;
    justify-content: space-between;
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureHeadlineLv1 {
    margin-top: 32vw;
  }
}
.featureHeadlineLv1_volume {
  margin-top: 0.6666666667vw;
  position: relative;
}
.featureHeadlineLv1_volume span {
  font-family: "uzuz-display", sans-serif;
}
@media only screen and (min-width: 901px) {
  .featureHeadlineLv1_volume span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 6.6666666667vw;
    width: 33.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureHeadlineLv1_volume span {
    font-size: 12.2666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .featureHeadlineLv1_title {
    width: 56.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureHeadlineLv1_title {
    margin-top: 16vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureHeadlineLv1_title br {
    display: none;
  }
}

/** headlineLv2
/**************************************/
.featureHeadlineLv2 {
  display: flex;
  align-items: center;
  margin-top: 3.2vw;
}
@media only screen and (max-width: 900px) {
  .featureHeadlineLv2 {
    margin-top: 18.6666666667vw;
  }
}
.featureHeadlineLv2::before {
  margin-right: 1vw;
  display: block;
  content: "";
  width: 0.3333333333vw;
  height: calc(100% - 0.3333333333vw);
  border-radius: 0.1666666667vw;
  background: linear-gradient(180deg, #FF7326 0%, #FF5900 33.33%, #FF5901 66.67%, #FF8B4C 100%);
}
@media only screen and (max-width: 900px) {
  .featureHeadlineLv2::before {
    margin-right: 4vw;
    width: 1.3333333333vw;
    height: 6.1333333333vw;
    border-radius: 0.6666666667vw;
    margin-top: 0.5333333333vw;
  }
}
.featureHeadlineLv2 span {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 150%;
}

/** body
/**************************************/
.featureBody {
  margin-top: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .featureBody {
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureBody p {
    text-align: left;
  }
}
@media only screen and (max-width: 900px) {
  .featureBody p br {
    display: none;
  }
}
.featureBody p sup {
  font-size: 0.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .featureBody p sup {
    font-size: 2.6666666667vw;
  }
}
.featureBody p:has(img) {
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .featureBody p:has(img) {
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureBody p:has(img) {
    border-radius: 2.6666666667vw;
  }
}

/** note
/**************************************/
.featureNote {
  border-collapse: collapse;
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .featureNote {
    margin: 6.6666666667vw auto 0;
  }
}
.featureNote th,
.featureNote td {
  font-size: 0.8vw;
  line-height: 160%;
  color: #8C8C8C;
  padding-bottom: 0.2vw;
}
@media only screen and (max-width: 900px) {
  .featureNote th,
  .featureNote td {
    padding-bottom: 0.6666666667vw;
    font-size: 3.2vw;
  }
}
.featureNote th {
  padding-right: 0.3333333333vw;
  font-weight: normal;
  vertical-align: top;
  width: 1%;
  white-space: nowrap;
}
.featureNote td a {
  text-decoration: underline;
  color: #8C8C8C;
}

/** table
/**************************************/
.featureTable {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .featureTable {
    margin-top: 10.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .featureTable_note {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .featureTable_note {
    color: #8C8C8C;
    margin-bottom: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureTable_wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2.6666666667vw;
    width: 100vw;
    margin-left: -5.3333333333vw;
    padding-left: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .featureTable_content {
    width: 213.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .featureTable_content img {
    max-width: 100%;
    height: auto;
  }
}

/** image
/**************************************/
.featureImage {
  margin-top: 3.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .featureImage {
    margin-top: 16vw;
  }
}

@media only screen and (min-width: 901px) {
  .flow {
    margin-top: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .flow {
    margin-top: 12vw;
  }
}
@media only screen and (min-width: 901px) {
  .flow--marginTop {
    margin-top: 3.6666666667vw;
  }
}
.flow_item {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .flow_item {
    display: flex;
    padding: 2.1333333333vw 3.3333333333vw 2vw;
    margin-bottom: 0.6666666667vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .flow_item {
    padding: 6.6666666667vw 8vw 6.6666666667vw 21.3333333333vw;
    margin-bottom: 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .flow_volume {
    padding-top: 0.3333333333vw;
    width: 6vw;
  }
}
@media only screen and (max-width: 900px) {
  .flow_volume {
    position: absolute;
    left: 8vw;
    top: 8vw;
  }
}
.flow_volume span {
  font-size: 1.3333333333vw;
  color: #FF7326;
  font-family: "uzuz-display", sans-serif;
}
@media only screen and (max-width: 900px) {
  .flow_volume span {
    font-size: 4.8vw;
  }
}
@media only screen and (min-width: 901px) {
  .flow_title {
    width: 14vw;
    padding-right: 2.6666666667vw;
  }
}
.flow_title span {
  font-size: 1.3333333333vw;
  line-height: 150%;
}
@media only screen and (max-width: 900px) {
  .flow_title span {
    font-size: 4.8vw;
    line-height: 160%;
    font-weight: 600;
  }
}
@media only screen and (max-width: 900px) {
  .flow_title br {
    display: none;
  }
}
@media only screen and (min-width: 901px) {
  .flow_body {
    width: 29.6666666667vw;
  }
}
.flow_body p {
  font-size: 0.9333333333vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .flow_body p {
    font-size: 3.7333333333vw;
  }
}

[data-theme=beige] .flow_item {
  background-color: #FFFFFF;
}

[data-theme=white] .flow_item {
  background: #F4F3EF;
}

.serviceLargeButton_link {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
@media only screen and (min-width: 901px) {
  .serviceLargeButton_link {
    height: 22.3333333333vw;
    border-radius: 1.3333333333vw;
    padding-inline: 5vw;
    background-image: url("/assets/img/global/service_box04-pc.jpg");
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (max-width: 900px) {
  .serviceLargeButton_link {
    background-image: url("/assets/img/global/service_box04-sp.jpg");
    padding: 8.5333333333vw 4vw 10.6666666667vw;
    border-radius: 2.6666666667vw;
    text-align: center;
  }
}
.serviceLargeButton_title {
  color: #FFFFFF;
}
@media only screen and (max-width: 900px) {
  .serviceLargeButton_button {
    width: fit-content;
    margin-inline: auto;
    margin-top: 5.3333333333vw;
  }
}

@media only screen and (min-width: 901px) {
  .serviceOtherCards {
    display: flex;
    justify-content: space-between;
  }
}
[data-page=study-thanks] .serviceOtherCards {
  gap: 4em;
  margin: 0 auto 4em;
  max-width: 1620px;
}
.headlineLv3 + .serviceOtherCards {
  margin-top: 3.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .headlineLv3 + .serviceOtherCards {
    margin-top: 13.3333333333vw;
  }
}

.serviceOtherCard {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 901px) {
  .serviceOtherCard {
    width: 44.1333333333vw;
    height: 28.3333333333vw;
    border-radius: 0.6666666667vw;
    padding: 4.6666666667vw 0 0 18.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .serviceOtherCard {
    padding: 7.4666666667vw 5.3333333333vw 8vw;
    border-radius: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.serviceOtherCard * {
  color: #FFFFFF;
}
.serviceOtherCard_illust {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.serviceOtherCard_illust[data-illust-id="1"] {
  width: 20vw;
  left: -2.5%;
  bottom: 4.6%;
}
@media only screen and (max-width: 900px) {
  .serviceOtherCard_illust[data-illust-id="1"] {
    width: 48vw;
    left: 8.6%;
    bottom: -12%;
  }
}
.serviceOtherCard_illust[data-illust-id="2"] {
  width: 15.6666666667vw;
  left: 3%;
  bottom: 10.3%;
}
@media only screen and (max-width: 900px) {
  .serviceOtherCard_illust[data-illust-id="2"] {
    width: 42.6666666667vw;
    left: 6.1%;
    bottom: -16%;
  }
}
.serviceOtherCard_background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.serviceOtherCard_background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.serviceOtherCard_content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 901px) {
  .serviceOtherCard_content {
    width: 20.8vw;
  }
}
.serviceOtherCard_headline span {
  display: block;
  font-weight: 700;
}
.serviceOtherCard_headline span.is-sub {
  font-size: 0.9333333333vw;
}
@media only screen and (max-width: 900px) {
  .serviceOtherCard_headline span.is-sub {
    font-size: 3.7333333333vw;
  }
}
.serviceOtherCard_headline span.is-main {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .serviceOtherCard_headline span.is-main {
    margin-top: 2.6666666667vw;
  }
}
.serviceOtherCard_body {
  margin-top: 1.3333333333vw;
  margin-bottom: 2.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .serviceOtherCard_body {
    margin-top: 3.2vw;
    margin-bottom: 13.8666666667vw;
  }
}
.serviceOtherCard_body p {
  text-align: justify;
  color: #FFFFFF;
}
@media only screen and (max-width: 900px) {
  .serviceOtherCard .buttonMagnet {
    justify-content: flex-end;
    display: flex;
  }
}
@media only screen and (min-width: 901px) {
  [data-page=study-thanks] .serviceOtherCard {
    height: auto;
    padding: 3em 4em 1em;
  }
}
@media only screen and (max-width: 900px) {
  [data-page=study-thanks] .serviceOtherCard_body {
    margin-bottom: 5.3333333333vw;
  }
}
[data-page=study-thanks] .serviceOtherCard_content {
  width: auto;
}
[data-page=study-thanks] .serviceOtherCard_headline {
  align-items: center;
  display: flex;
  min-height: 40px;
  padding-left: 60px;
  text-align: left;
}
@media only screen and (min-width: 901px) {
  [data-page=study-thanks] .serviceOtherCard_headline {
    min-height: 96px;
    padding-left: 130px;
  }
}
[data-page=study-thanks] .serviceOtherCard_headline .is-main {
  margin: 0;
}
[data-page=study-thanks] .serviceOtherCard.line .serviceOtherCard_headline {
  background: url("/wp2024/wp-content/uploads/2024/10/icon-line.png") 0 center no-repeat;
  background-size: 40px;
}
@media only screen and (min-width: 901px) {
  [data-page=study-thanks] .serviceOtherCard.line .serviceOtherCard_headline {
    background-size: 96px;
  }
}
[data-page=study-thanks] .serviceOtherCard.line .serviceOtherCard_background {
  background: #007654;
}
[data-page=study-thanks] .serviceOtherCard.tel .serviceOtherCard_headline {
  background: url("/wp2024/wp-content/uploads/2024/10/icon-tel.png") 0 center no-repeat;
  background-size: 40px;
}
@media only screen and (min-width: 901px) {
  [data-page=study-thanks] .serviceOtherCard.tel .serviceOtherCard_headline {
    background-size: 96px;
  }
}
[data-page=study-thanks] .serviceOtherCard.tel .tel_number {
  font-weight: bold;
  font-size: 2em;
  margin: 0.5em 0;
}
[data-page=study-thanks] .serviceOtherCard.tel .serviceOtherCard_background {
  background: #ffcc02;
}

.profile {
  background-color: #F4F3EF;
}
@media only screen and (min-width: 901px) {
  .profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6666666667vw 3.3333333333vw 0.6666666667vw 1.3333333333vw;
    margin-top: 4vw;
    border-radius: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .profile {
    padding: 5.3333333333vw 5.3333333333vw 8vw;
    margin-top: 18.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .profile_media {
    width: 23.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .profile_media {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 900px) {
  .profile_image {
    width: 18.6666666667vw;
    height: 18.6666666667vw;
    margin-right: 5.3333333333vw;
    overflow: hidden;
    position: relative;
  }
  .profile_image > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .profile_image > div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }
  .profile_image > div img {
    object-position: center top;
  }
}
@media only screen and (min-width: 901px) {
  .profile_content {
    width: 24.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .profile_content {
    margin-top: 6.1333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .profile_title {
    font-size: 4vw;
  }
}
@media only screen and (min-width: 901px) {
  .profile_body {
    margin-top: 1vw;
  }
}
@media only screen and (max-width: 900px) {
  .profile_body p {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .profile_body p br {
    display: none;
  }
}

.profileProduct {
  display: flex;
  align-items: center;
  margin-top: 1.8vw;
}
@media only screen and (max-width: 900px) {
  .profileProduct {
    margin-top: 8vw;
  }
}
@media only screen and (min-width: 901px) {
  .profileProduct_image {
    width: 8vw;
    margin-right: 1.3333333333vw;
    padding-inline: 1vw;
  }
}
@media only screen and (max-width: 900px) {
  .profileProduct_image {
    width: 26.6666666667vw;
    margin-left: 5.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .profileProduct_body {
    padding-left: 8vw;
  }
}
.profileProduct_body p {
  font-size: 0.9333333333vw;
  color: #8C8C8C;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .profileProduct_body p {
    font-size: 3.2vw;
    line-height: 160%;
  }
}

.recruitingCompany {
  background-color: #F4F3EF;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 901px) {
  .recruitingCompany {
    margin-top: 9.3333333333vw;
    padding: 3.3333333333vw 0 0;
    margin-top: -2vw;
    border-radius: 0 0 2vw 2vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitingCompany {
    margin-top: -5.3333333333vw;
    border-radius: 0 0 5.3333333333vw 5.3333333333vw;
    padding: 8vw 0 0;
  }
}
.recruitingCompany_wrap {
  margin-inline: auto;
}
@media only screen and (min-width: 901px) {
  .recruitingCompany_wrap {
    width: 90vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitingCompany_wrap {
    width: 89.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitingCompany_wrap {
    display: flex;
  }
}
@media only screen and (min-width: 901px) {
  .recruitingCompany_side {
    width: 33.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitingCompany_main {
    width: 56.6666666667vw;
    margin-top: -1vw !important;
  }
}
@media only screen and (max-width: 900px) {
  .recruitingCompany_main {
    margin-top: 10.6666666667vw;
  }
}
.recruitingCompany_list {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 901px) {
  .recruitingCompany_list {
    margin-top: 1.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .recruitingCompany_list {
    margin-top: 13.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .recruitingCompany_list li {
    width: 12vw;
    margin: 0 2.6666666667vw 2.6666666667vw 0;
  }
  .recruitingCompany_list li:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 900px) {
  .recruitingCompany_list li {
    width: 40vw;
    margin-bottom: 5.3333333333vw;
  }
  .recruitingCompany_list li:nth-child(odd) {
    margin-right: 6.6666666667vw;
  }
}

@media only screen and (min-width: 901px) {
  .relatedCards {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.3333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCards {
    margin-top: 12vw;
  }
}

@media only screen and (min-width: 901px) {
  .relatedCard {
    width: 44.2vw;
    min-height: 18.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard {
    margin-bottom: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .relatedCard:nth-child(odd) {
    margin-right: 1.6vw;
  }
}
@media only screen and (min-width: 901px) {
  .relatedCard:nth-child(odd) a {
    background-image: url("/assets/img/global/related_box01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard:nth-child(odd) a {
    background-image: url("/assets/img/global/related_box01-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .relatedCard:nth-child(even) a {
    background-image: url("/assets/img/global/related_box02-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard:nth-child(even) a {
    background-image: url("/assets/img/global/related_box02-sp.jpg");
  }
}
.relatedCard a {
  color: #FFFFFF;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 901px) {
  .relatedCard a {
    border-radius: 0.6666666667vw;
    padding: 4.6666666667vw 3.3333333333vw;
    height: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard a {
    border-radius: 2.6666666667vw;
    padding: 5.8666666667vw 5.3333333333vw 8vw;
  }
}
.relatedCard a.is-verticalCenter {
  display: flex;
  align-items: center;
}
.relatedCard a.is-verticalCenter .relatedCard_wrap {
  align-items: center;
}
.relatedCard a.bg-green {
  background: #007654;
}
.relatedCard a.bg-yellow {
  background: #ffcc02;
}
@media only screen and (min-width: 901px) {
  .relatedCard:has(.relatedCard_body) .relatedCard_wrap {
    margin-top: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard:has(.relatedCard_body) .relatedCard_wrap {
    margin-top: 2.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard:not(:has(.relatedCard_body)) a {
    padding: 8vw 5.3333333333vw 8vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard:not(:has(.relatedCard_body)) .relatedCard_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 1.8666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard:not(:has(.relatedCard_body)) .relatedCard_button {
    margin-top: 0;
  }
}
.relatedCard_wrap {
  width: 100%;
}
@media only screen and (min-width: 901px) {
  .relatedCard_wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 901px) {
  .relatedCard_body {
    width: 30vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard_body {
    margin-top: 4vw;
  }
}
.relatedCard_body p {
  font-size: 0.9333333333vw;
  line-height: 190%;
  font-weight: 200;
}
@media only screen and (max-width: 900px) {
  .relatedCard_body p {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .relatedCard_button {
    margin-top: 2.6666666667vw;
    display: flex;
    justify-content: flex-end;
  }
}

.trouble {
  margin-top: 5.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .trouble {
    margin-top: 18.6666666667vw;
  }
}
.trouble_item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 901px) {
  .trouble_item {
    display: flex;
    justify-content: space-between;
    border-radius: 0.6666666667vw;
    margin-bottom: 1.3333333333vw;
    padding: 4.3333333333vw 5vw 4vw 5vw;
  }
}
@media only screen and (max-width: 900px) {
  .trouble_item {
    padding: 8vw 5.3333333333vw 8vw 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
@media only screen and (min-width: 901px) {
  .trouble_item:nth-child(1) {
    background-image: url("/assets/img/global/service_box01-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .trouble_item:nth-child(1) {
    background-image: url("/assets/img/global/service_box01-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .trouble_item:nth-child(2) {
    background-image: url("/assets/img/global/service_box02-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .trouble_item:nth-child(2) {
    background-image: url("/assets/img/global/service_box02-sp.jpg");
  }
}
@media only screen and (min-width: 901px) {
  .trouble_item:nth-child(3) {
    background-image: url("/assets/img/global/service_box03-pc.jpg");
  }
}
@media only screen and (max-width: 900px) {
  .trouble_item:nth-child(3) {
    background-image: url("/assets/img/global/service_box03-sp.jpg");
  }
}
.trouble_volume {
  color: #FFFFFF;
  font-family: "uzuz-display", sans-serif;
}
@media only screen and (min-width: 901px) {
  .trouble_volume {
    font-size: 2vw;
    width: 7.3333333333vw;
    padding-top: 0.6666666667vw;
  }
}
@media only screen and (max-width: 900px) {
  .trouble_volume {
    font-size: 6.4vw;
  }
}
@media only screen and (min-width: 901px) {
  .trouble_content {
    width: 42vw;
  }
}
@media only screen and (max-width: 900px) {
  .trouble_content {
    margin-top: 5.3333333333vw;
  }
}
.trouble_content p:nth-child(1) {
  color: #FFFFFF;
}
@media only screen and (max-width: 900px) {
  .trouble_content p:nth-child(1) br {
    display: none;
  }
}
.trouble_content p:nth-child(1) span {
  display: block;
}
@media only screen and (max-width: 900px) {
  .trouble_content p:nth-child(1) span:nth-child(1) {
    font-size: 4vw;
    font-weight: normal;
    font-weight: 200;
  }
}
.trouble_content p:nth-child(2) {
  color: #FFFFFF;
  margin-top: 1.3333333333vw;
}

.typeCards {
  margin-top: 5.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .typeCards {
    margin-top: 9.3333333333vw;
  }
}

.typeCard {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 901px) {
  .typeCard {
    border-radius: 0.8vw;
    margin-bottom: 1.3333333333vw;
    display: flex;
    justify-content: space-between;
    padding: 4.2vw 5vw;
  }
}
@media only screen and (max-width: 900px) {
  .typeCard {
    border-radius: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .typeCard_content {
    width: 22.9333333333vw;
  }
}
.typeCard_body {
  margin-top: 1.3333333333vw;
}
@media only screen and (max-width: 900px) {
  .typeCard_body {
    margin-top: 5.3333333333vw;
  }
}
.typeCard_body p {
  font-size: 0.9333333333vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .typeCard_body p {
    font-size: 3.7333333333vw;
  }
}
.typeCard_list {
  margin-top: 1.6666666667vw;
}
@media only screen and (max-width: 900px) {
  .typeCard_list {
    margin-top: 5.3333333333vw;
  }
}
.typeCard_list li {
  font-size: 0.9333333333vw;
  line-height: 190%;
}
@media only screen and (max-width: 900px) {
  .typeCard_list li {
    font-size: 3.7333333333vw;
  }
}
@media only screen and (min-width: 901px) {
  .typeCard_image {
    width: 19.7333333333vw;
  }
}
@media only screen and (max-width: 900px) {
  .typeCard_image {
    margin-top: 4vw;
  }
}
@media only screen and (max-width: 900px) {
  .typeCard_image > div {
    height: 56.2666666667vw;
    width: fit-content;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 900px) {
  .typeCard_image > div img {
    width: auto;
    height: 100%;
  }
}