@charset "UTF-8";
:root {
  --black: #111;
  --white: #fff;
  --gray: #F8F8F8;
  --blue: #006ABD;
  --lightBlue: #0091E1;
  --red: #EA807B;
  --thick-red: #D7726D;
  --green: #009691;
  --thick-green: #008A85;
  --yellow: #FFE07A;
  --thick-yellow: #FCCA25;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  /* outline: none; */
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -webkit-flex-grow: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0.5s linear;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* reset css
==============================================================*/
body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
figure {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

strong {
  font-weight: normal;
}

table, td, th, tr, thead, tbody {
  border: none;
}

table th {
  text-align: left;
  font-weight: normal;
}

table {
  border-collapse: collapse;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

img {
  vertical-align: bottom;
}

textarea {
  font-size: 1em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

select {
  font-size: 1em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
select::-ms-expand {
  display: none;
}

header, footer, section, nav, main,
figure, figcaption, time, small {
  display: block;
}

input[type=submit], input[type=image] {
  border: none;
  padding: 0;
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] {
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

button {
  border: none;
  margin: 0;
  cursor: pointer;
}

input[type=submit], input[type=image], input[type=reset] {
  cursor: pointer;
}

address {
  font-style: normal;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #bbb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #bbb;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #bbb;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #bbb;
}

input::placeholder,
textarea::placeholder {
  color: #bbb;
}

i {
  font-style: normal;
}

/* container
===============================================================================================*/
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, "ＭＳ Ｐゴシック", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: 400;
  color: var(-black);
  font-weight: 400;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

a {
  color: inherit;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l-container {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .l-container {
    /* min-width: 1080px; */
    min-width: 1124px;
  }
}

.l-main_bg {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.l-main_bg > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.l-section {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .l-section {
    margin: 160px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .l-section {
    margin: 80px 0 0;
    padding: 0 15px;
  }
}
.l-section_inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .l-section_inner {
    max-width: 1204px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media screen and (min-width: 768px), print {
  .l-section_subSection {
    margin: 120px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .l-section_subSection {
    margin: 80px 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .l-section_subSection-small {
    margin: 70px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .l-section_subSection-small {
    margin: 64px 0 0;
  }
}
.l-section-roundBg {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .l-section-roundBg {
    padding-top: 300px;
  }
}
@media screen and (max-width: 767px) {
  .l-section-roundBg {
    padding-top: 70px;
  }
}
.l-section-roundBg > * {
  position: relative;
  z-index: 1;
}
.l-section-roundBg::before {
  content: "";
  display: block;
  width: 100%;
  padding: 50% 0 0;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat 0 0;
  background-size: 100%;
}
@media screen and (min-width: 768px), print {
  .l-section-roundBg::before {
    background-image: url("/west_moves/assets/images/west_moves/bg_round.png");
  }
}
@media screen and (max-width: 767px) {
  .l-section-roundBg::before {
    background-image: url("/west_moves/assets/images/west_moves/bg_round_sp.png");
  }
}

/* library
========================================================*/
.slick-arrow {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--black);
  border-radius: 100%;
  z-index: 10;
}
@media screen and (min-width: 768px), print {
  .slick-arrow {
    width: 55px;
    height: 55px;
  }
}
@media screen and (max-width: 767px) {
  .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
.slick-arrow::before {
  content: "";
  display: block;
  opacity: 1;
  width: 20px;
  height: 15px;
  background: url("/west_moves/assets/images/west_moves-common/icon_arrow.svg") no-repeat 0 0;
  background-size: 100%;
}
.slick-arrow:hover {
  background: var(--black);
}
.slick-arrow.slick-prev::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

/* body
===============================================================================================*/
@media screen and (max-width: 767px) {
  body[data-sticky-menu=true] {
    padding-top: calc(16vw + 84px);
  }
}

/* header
===============================================================================================*/
.westMovesHeader{
  position: relative;
  width: 100%;
  z-index: 20;
}

@media screen and (min-width: 768px), print {
  body[data-sticky-menu=true] .westMovesHeader {
    position: sticky;
    top: 78px;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  body[data-sticky-menu=true] .westMovesHeader {
    position: fixed;
    top: 16vw;
    left: 0;
  }
}
@media screen and (min-width: 768px), print {
  body[data-sticky-menu=false] .westMovesHeader {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  body[data-sticky-menu=false] .westMovesHeader {
    position: relative;
  }
}

.westMovesHeader.is-modal-open{
  visibility: hidden;
  opacity: 0;
}
.l-header {
  background: var(--white);
  position: relative;
}
@media screen and (min-width: 768px), print {
  .l-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 34px 40px 20px;
    min-width: 1180px;
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    padding: 10px 15px 0;
  }
}
.l-header_logo {
  width: 150px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.l-header_logo > a {
  display: block;
  width: 100%;
  height: 0;
  padding: 16% 0 0;
  text-indent: -9999px;
  background: url("/west_moves/assets/images/west_moves-common/title_westMoves_white.svg") no-repeat 0 0;
  background-size: 100%;
}
.l-header_menu {
}
@media screen and (min-width: 768px), print {
  .l-header_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .l-header_menu {
    justify-content: center;
    padding: 32px 0 6px;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    font-size: 0;
  }
}
.l-header_menu_item {
  position: relative;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.l-header_menu_item .is-new {
  position: absolute;
  display: block;
  bottom: calc(100% + 8px);
  border-radius: 11px;
  overflow: hidden;
  background-color: var(--yellow);
}

.l-header_menu_item .is-new_text {
  position: relative;
  display: block;
  z-index: 1;
  font-family: "Lato", sans-serif;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
}
.l-header_menu_item.is-current .is-new::before {
  left: 0;
}
@media screen and (min-width: 768px), print {
  .l-header_menu_item .is-new {
    left: 23px;
    width: 72px;
    padding: 4px 0;
    font-size: 11px;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 767px) {
  .l-header_menu_item .is-new {
    left: 8px;
    width: 42px;
    font-size: 10px;
    letter-spacing: 0;
    padding: 3px 0;
  }
}
@media screen and (min-width: 768px), print {
  .l-header_menu_item {
    padding: 0 25px;
  }
  .l-header_menu_item{
    border-right: 1px solid #ccc;
  }
}
@media screen and (max-width: 767px) {
  .l-header_menu_item {
    display: inline-block;
    padding: 0 8px;
    vertical-align: bottom;
  }
  .l-header_menu_item:first-child {
    padding-left: 0;
  }
  .l-header_menu_item:not(:last-child) {
    border-right: 1px solid #ccc;
  }
}
.l-header_menu_item > a {
  display: block;
  width: 100%;
  height: 0;
  text-indent: -9999px;
  background: no-repeat 0 0;
  background-size: 100%;
}
@media screen and (min-width: 768px), print {
  .l-header_menu_item-our {
    max-width: 205px;
  }
}
@media screen and (max-width: 767px) {
  .l-header_menu_item-our {
    max-width: calc(83px + 20px);
  }
}
.l-header_menu_item-our > a {
  padding: 14% 0 0;
  background-image: url("/west_moves/assets/images/west_moves-common/title_purpose.svg");
}
.l-header_menu_item-our.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_purpose_current.svg");
}
@media screen and (min-width: 768px), print {
  [class*="l-header_menu_item-move"] {
    max-width: 120px;
  }
}
@media screen and (max-width: 767px) {
  [class*="l-header_menu_item-move"] {
    max-width: calc(38px + 20px);
  }
}
[class*="l-header_menu_item-move"] > a {
  padding: 31% 0 0;
}
.l-header_menu_item-move1 > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move1.svg");
}
.l-header_menu_item-move1.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move1_current.svg");
}
.l-header_menu_item-move2 > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move2.svg");
}
.l-header_menu_item-move2.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move2_current.svg");
}
.l-header_menu_item-move3 > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move3.svg");
}
.l-header_menu_item-move3.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move3_current.svg");
}
.l-header_menu_item-move4 > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move4.svg");
}
.l-header_menu_item-move4.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move4_current.svg");
}
.l-header_menu_item-move5 > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move5.svg");
}
.l-header_menu_item-move5.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move5_current.svg");
}
.l-header_menu_item-move6  > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move6.svg");
}
.l-header_menu_item-move6.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move6_current.svg");
}
.l-header_menu_item-move7  > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move7.svg");
}
.l-header_menu_item-move7.is-current > a {
  background-image: url("/west_moves/assets/images/west_moves-common/title_move7_current.svg");
}

.l-header_menu_item-archives_text {
  background-image: url("/west_moves/assets/images/west_moves-common/title_archive.svg");
  padding: 17% 0 0;
  display: block;
  width: 100%;
  height: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.l-header_menu_item-archives {
  cursor: pointer;
  max-width: 176px;
}

.l-header_menu_item-archives_list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 42px;
  right: 0;
  z-index: 10;
  background: var(--white);
  width: 100%;
  padding-bottom: 30px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.l-header_menu_item-archives_list.is-open {
  opacity: 1;
  visibility: visible;
}

.l-header_menu_item-archives_list_item > a {
  display: block;
  width: 100%;
  height: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.l-header_menu_item-archives_list_item {
  position: relative;
  margin: 15px auto 0;
  max-width: 70px;
  padding-top: 15px;
}
@media screen and (min-width: 768px), print {
  .l-header_menu_item-archives_list_item:before {
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.l-header_menu_item-archives_inner {
  display: flex;
  align-items: center;
  gap: 9px;
}
.l-header_menu_item-archives_icon {
  width: 14px;
  height: 13px;
  line-height: 0;
}
.l-header_menu_item-archives_icon img {
  width: 100%;
  height: auto;
}

.l-header_menu_item-archives_icon img {
  width: 100%;
  height: auto;
  transform: rotate(0deg);          /* 初期角度を明示 */
  transition: transform 0.25s ease; /* どちらの方向もアニメーション */
}

/* 開いているとき */
.l-header_menu_item-archives.is-open .l-header_menu_item-archives_icon img {
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .l-header_menu_item-archives_text {
    padding: 18% 0 0;
  }
  .l-header_menu_item-archives {
    cursor: pointer;
    max-width: calc(69px + 20px);
  }
  .l-header_menu_item-archives_list {
    top: 18px;
    padding-bottom: 20px;
  }
  .l-header_menu_item-archives_list_item {
    max-width: 39px;
    padding-top: 10px;
    margin: 0 auto;
  }
  .l-header_menu_item-archives_list_item
  + .l-header_menu_item-archives_list_item {
    margin-top: 10px;
  }
  .l-header_menu_item-archives_list_item
  + .l-header_menu_item-archives_list_item:before {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .l-header_menu_item-archives_inner {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .l-header_menu_item-archives_icon {
    width: 8px;
    height: 8px;
  }
}







.l-header_logoJr {
  aspect-ratio: 41/30;
}
@media screen and (min-width: 768px), print {
  .l-header_logoJr {
    width: 70px;
  }
}
@media screen and (max-width: 767px) {
  .l-header_logoJr {
    width: 54px;
  }
}
.l-header_logoJr img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-header_company > a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
}
.l-header_company > a::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/west_moves/assets/images/west_moves-common/icon_arrow_header.svg") no-repeat 0 0;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .l-header_company {
    display: none;
  }
}
.l-header-original {
  border-bottom: 1px solid #CED6DC;
}
@media screen and (min-width: 768px), print {
  .l-header-original {
    padding: 15px 40px 10px;
  }
}
@media screen and (max-width: 767px) {
  .l-header-original {
    padding: 10px 15px;
  }
}

/* footer
===============================================================================================*/
.l-footer {
  background: var(--white);
}
@media screen and (min-width: 768px), print {
  .l-footer {
    padding: 25px 40px;
  }
  .l-footer a {
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
  .l-footer a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  .l-footer {
    margin: 64px 0 0;
    padding: 40px 0 20px;
  }
}
.l-footer_inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px), print {
  .l-footer_inner {
    max-width: 1095px;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 63px;
  }
}
@media screen and (max-width: 767px) {
  .l-footer_inner {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 30px;
  }
}
.l-footer_logoJr {
  aspect-ratio: 41/30;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .l-footer_logoJr {
    width: 94px;
  }
}
@media screen and (max-width: 767px) {
  .l-footer_logoJr {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 72px;
  }
}
.l-footer_logoJr img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-footer_menu {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -16px;
}
@media screen and (min-width: 768px), print {
  .l-footer_menu {
    gap: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .l-footer_menu {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 19px 0;
    margin: 0 0 24px;
    padding: 0 30px 34px;
    border-bottom: 1px solid #ccc;
  }
}
.l-footer_menu::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: var(--white);
  position: absolute;
  top: 0;
  left: 0;
}
.l-footer_menu_item {
  padding: 0 16px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  border-left: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .l-footer_menu_item:not(:nth-child(2)) {
    border: none;
  }
}
.l-footer_menu_item > a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 1px;
  gap: 0 5px;
}
.l-footer_menu_item > a[target=_blank]::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background: url("/west_moves/assets/images/west_moves-common/icon_blank.svg") no-repeat 0 0;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .l-footer_menu_item > a {
    text-decoration: underline;
  }
}
.l-footer_west {
  aspect-ratio: 13/3;
  width: 156px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  .l-footer_west {
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .l-footer_west {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.l-footer_west img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-footer_copy {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 10px;
  font-size: 1rem;
}
@media screen and (min-width: 768px), print {
  .l-footer_copy {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-footer_copy {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    margin: 25px 0 0;
    text-align: center;
  }
}

/* 汎用モジュール
========================================================*/
@media screen and (min-width: 768px), print {
  .c-bpPc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c-bpPc {
    display: none !important;
  }
}
@media screen and (min-width: 768px), print {
  .c-bpPc--inline {
    display: inline;
  }
}
@media screen and (min-width: 768px), print {
  .c-bpPc--inlineBlock {
    display: inline-block;
  }
}
@media screen and (min-width: 768px), print {
  .c-bpSp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .c-bpSp {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c-bpSp--inline {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .c-bpSp--inlineBlock {
    display: inline-block;
  }
}
@media screen and (min-width: 768px), print {
  .c-Pc {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .c-Pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px), print {
  .c-Sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .c-Sp {
    display: inline-block;
  }
}

/* 見出しパーツ
========================================================*/
.c-headingSection {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-headingSection {
    margin: 0 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingSection {
    margin: 0 0 35px;
  }
}
.c-headingSection_en {
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .c-headingSection_en {
    margin: 0 auto;
  }
}
.c-headingSection_en img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-headingSection_en-other {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingSection_en-moreExcitements {
    max-width: 340px;
  }
}
.c-headingSection_title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-headingSection > * + * {
    margin: 35px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-headingSection > * + * {
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-headingSubSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 20px;
    margin: 0 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingSubSection {
    margin: 0 0 20px;
  }
}
.c-headingSubSection_en {
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .c-headingSubSection_en {
    margin: 0 0 17px;
  }
}
.c-headingSubSection_en img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-headingSubSection_en-action {
    max-width: 243px;
  }
}
.c-headingSubSection_title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-headingSubSection_title {
    line-height: 1.7;
  }
}
@media screen and (min-width: 768px), print {
  .c-headingSubSection_title {
    line-height: 1;
  }
}
.c-headingItem {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 15px;
  line-height: 1.7;
}
.c-headingItem_info {
  background-color: var(--white);
  padding: 30px;
  border-radius: 20px;
  margin-top: 40px;
}
.c-headingItem_title {
  font-weight: 700;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 20px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-headingItem {
    margin: 0 0 5px;
  }
  .c-headingItem_info {
    background-color: #F7F7F7;
    padding: 30px 20px;
    margin-bottom: 40px;
  }
  .c-headingItem_title {
    letter-spacing: 0.05em;

  }
  .c-listAction_item .c-headingItem {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px), print {
  .c-headingItem.color-white {
    color: var(--white);
  }

}
.c-headingItem-small {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  .c-headingItem-large {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (min-width: 768px), print {
  .c-headingItem-large span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .c-headingItem-large span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px), print {
  .c-headingItem-normal {
    font-weight: normal;
  }
}
.c-headingLine {
  color: var(--white);
  background: var(--blue);
  border-radius: 9999px;
}
@media screen and (min-width: 768px), print {
  .c-headingLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 40px;
    margin: 0 0 55px;
    padding: 30px 35px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingLine {
    text-align: center;
    padding: 20px 20px 18px;
    margin: 0 0 35px;
  }
}
.c-headingLine_en {
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .c-headingLine_en {
    margin: 0 auto 7px;
  }
}
.c-headingLine_en img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-headingLine_en-steps {
    max-width: 295px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingLine_en-plan {
    max-width: 250px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingLine_en-3moves {
    max-width: 87px;
  }
}
.c-headingLine_title {
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-headingLine_title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .c-headingLine_title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-headingArticle {
  position: relative;
}
.c-headingNote {
  background-color: var(--white);
  line-height: 1.5;
  text-align: center;
  border-top: 1px solid #D6D6D6;
}
@media screen and (min-width: 768px), print {
  .c-headingNote {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingNote {
    font-size: 10px;
    font-size: 1rem;
    padding: 10px;
  }
}
.c-headingArticle_inner {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-headingArticle_inner {
    bottom: 60px;
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingArticle_inner {
    bottom: 40px;
    padding: 0 20px;
  }
}
.c-headingArticle_tag {
  display: inline-block;
  min-width: 165px;
  text-align: center;
  color: var(--white);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  border: 1px solid var(--white);
  border-radius: 9999px;
  line-height: 1;
  padding: 10px;
}
@media screen and (min-width: 768px), print {
  .c-headingArticle_tag {
    margin: 0 0 25px;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 767px) {
  .c-headingArticle_tag {
    margin: 0 0 20px;
    letter-spacing: 4px;
  }
}
.c-headingArticle_title {
  color: var(--white);
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 3px;
}
@media screen and (min-width: 768px), print {
  .c-headingArticle_title {
    font-size: 60px;
    font-size: 5.7rem;
    letter-spacing: 5px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .c-headingArticle_title {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 2px;
    line-height: 1.6;
  }
}
.c-headingArticle_title_sub {
  color: var(--white);
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .c-headingArticle_title_sub {
    display: block;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c-headingArticle_title_sub {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 2px;
  }
}
.c-headingArticle_image {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-headingArticle_image {
    aspect-ratio: 140/69;
  }
}
@media screen and (max-width: 767px) {
  .c-headingArticle_image {
    aspect-ratio: 375/608;
  }
}
.c-headingArticle_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-headingLocal {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-headingLocal {
    font-size: 40px;
    font-size: 4rem;
    padding: 0 0 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .c-headingLocal {
    font-size: 30px;
    font-size: 3rem;
    padding: 0 0 60px 0;
  }
}
.c-headingLocal::before {
  content: "";
  display: inline-block;
  position: absolute;
}
.c-headingLocal_text {
  position: relative;
  z-index: 2;
  letter-spacing: 12px;
}
.c-headingLocal-osaka::before {
  background-image: url("/west_moves/assets/images/west_moves_move_02/heading_osaka.svg");
  background-repeat: no-repeat;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-headingLocal-osaka::before {
    left: 34px;
    width: 400px;
    bottom: 22px;
    aspect-ratio: 400/121;
    /* -webkit-filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(125deg) brightness(112%) contrast(101%);
            filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(125deg) brightness(112%) contrast(101%); */
  }
}
@media screen and (max-width: 767px) {
  .c-headingLocal-osaka::before {
    left: 54px;
    width: 234px;
    height: 70px;
    bottom: 18px;
    background-size: contain;
    filter: brightness(0) invert(0.95);
    /* -webkit-filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(297deg) brightness(114%) contrast(94%);
            filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(297deg) brightness(114%) contrast(94%); */
  }
}
.c-headingLocal-kobe::before {
  background-image: url("/west_moves/assets/images/west_moves_move_02/heading_kobe.svg");
  background-repeat: no-repeat;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .c-headingLocal-kobe::before {
    width: 312px;
    left: 38px;
    bottom: 21px;
    aspect-ratio: 312/123;
    /* -webkit-filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(125deg) brightness(112%) contrast(101%);
            filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(125deg) brightness(112%) contrast(101%); */
  }
}
@media screen and (max-width: 767px) {
  .c-headingLocal-kobe::before {
    width: 176px;
    height: 70px;
    left: 62px;
    bottom: 24px;
    background-size: contain;
    filter: brightness(0) invert(0.95);
    /* -webkit-filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(297deg) brightness(114%) contrast(94%);
            filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(297deg) brightness(114%) contrast(94%); */
  }
}

/* box
========================================================*/
.c-boxArticle {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-boxArticle {
    border-radius: 60px;
    background: var(--gray);
  }
  .c-boxArticle .c-headingLine {
    margin: 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-boxArticle_box {
    padding: 64px 72px 74px;
  }
}
.c-boxCopy {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .c-boxCopy {
    padding: 175px 0 200px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxCopy {
    padding: 90px 0 50px;
  }
}
.c-boxCopy_text {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .c-boxCopy_text {
    width: 712px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxCopy_text {
    width: 212px;
  }
}
.c-boxCopy_text > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .c-boxComment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    max-width: 1080px;
    margin: 118px auto -118px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxComment {
    margin: 40px -15px -42px;
  }
}
.c-boxComment_commentText {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  border: 2px solid var(--white);
  border-radius: 99999px;
  color: var(--black);
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  .c-boxComment_commentText {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 370px;
    min-height: 65px;
    padding: 10px 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxComment_commentText {
    padding: 10px 50px;
  }
}
.c-boxComment_commentText::after {
  content: "";
  display: block;
  width: 33px;
  height: 20px;
  position: absolute;
  bottom: -20px;
  background: no-repeat 0 0;
  background-size: 100%;
}
@media screen and (min-width: 768px), print {
  .c-boxComment_commentText::after {
    left: 82px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxComment_commentText::after {
    left: 110px;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@media screen and (max-width: 767px) {
  .c-boxComment_commentText-left {
    margin: 20px 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .c-boxComment_commentText-left::after {
    left: 195px;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
.c-boxComment_image {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-boxComment_image {
    margin: 25px 0 0;
    text-align: center;
  }
}
.c-boxComment_image img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 768px), print {
  .c-boxComment-left .c-boxComment_image {
    margin: 0 25px 0 0;
    text-align: right;
  }
}
@media screen and (min-width: 768px), print {
  .c-boxComment-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .c-boxComment-right .c-boxComment_image {
    margin: 0 0 0 -128px;
  }
}
@media screen and (min-width: 768px), print {
  .c-boxComment-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: -120px;
  }
  .c-boxComment-center .c-boxComment_image {
    text-align: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-boxComment-2item .c-boxComment_commentText_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .c-boxComment-2item .c-boxComment_commentText_inner .c-boxComment_commentText:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .c-boxComment-2item .c-boxComment_commentText_inner .c-boxComment_commentText:last-child {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    margin: 55px 0 0;
  }
  .c-boxComment-2item .c-boxComment_commentText_inner .c-boxComment_image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 105px -110px 0 -140px;
  }
  .c-boxComment-2item .c-boxComment_commentText_inner .c-boxComment_commentText-left::after {
    left: 250px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxComment-2item {
    margin-bottom: 0;
  }
  .c-boxComment-2item .c-boxComment_commentText-left::after {
    bottom: auto;
    top: -20px;
    right: 60px;
    left: auto;
    -webkit-transform: scale(1, -1);
            transform: scale(1, -1);
  }
}
.c-boxModal {
  overflow: hidden;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  background: var(--white);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
@media screen and (min-width: 768px), print {
  .c-boxModal {
    width: 500px;
    height: calc(100% - 78px);
    top: 78px;
    right: 0;
    border-radius: 50px 0 0 50px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media screen and (max-width: 767px) {
  .c-boxModal {
    width: 100%;
    height: calc(100% - 16vw);
    bottom: 0;
    left: 0;
    border-radius: 15px 15px 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.c-boxModal.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
}
.c-boxModal_close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}
@media screen and (min-width: 768px), print {
  .c-boxModal_close {
    padding: 15px 40px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .c-boxModal_close {
    padding: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.c-boxModal_close_text {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 14px;
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--white);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.c-boxModal_close_text > i {
  display: block;
  width: 15px;
  height: 10px;
  background: url("/west_moves/assets/images/west_moves-common/icon_arrow.svg") no-repeat 0 0;
}
.spot .c-boxModal_close_text {
  color: var(--black);
  outline-color: var(--black);
}
.spot .c-boxModal_close_text > i {
  background: url("/west_moves/assets/images/west_moves-common/icon_arrow_black.svg") no-repeat 0 0;
}
.articleBox-move04 .c-boxModal_close_text {
  color: var(--black);
}
.articleBox-move04 .c-boxModal_close_text > i {
  background: url("/west_moves/assets/images/west_moves-common/icon_arrow_black.svg") no-repeat 0 0;
}
@media screen and (max-width: 767px) {
  .c-boxModal_close_text > i {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.c-boxModal_inner {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 50px);
}
@media screen and (min-width: 768px), print {
  .c-boxModal_inner {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxModal_inner {
    padding: 15px 15px 60px;
  }
}
.c-boxModal_inner > * + * {
  margin: 24px 0 0;
}
.c-boxModal_image {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-boxModal_image {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-boxModal_image {
    border-radius: 15px;
  }
}
.c-boxModal_image img {
  width: 100%;
  height: auto;
}
.c-boxModal_textBox_detail{
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  margin-top: -10px;
  margin-bottom: 15px;
}
.c-boxModal_textBox_text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.1;
}
.c-boxModal_textBox .c-headingItem {
  line-height: 1.6;
}
.c-boxModal_textBox_tag {
  display: inline-block;
  min-width: 180px;
  text-align: center;
  color: var(--black);
  font-family: "Lato", sans-serif;
  border: 1px solid var(--black);
  border-radius: 9999px;
  line-height: 1;
  margin: 0 0 25px;
  padding: 12px 10px;
  letter-spacing: 3px;
}
.c-boxModal_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 13px 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.c-boxModal_info dt {
  width: 88px;
  line-height: 1.6;
}
.c-boxModal_info dd {
  width: calc(100% - 88px);
  line-height: 1.6;
}
.c-boxModal_info dd > a {
  text-decoration: underline;
}
@media screen and (min-width: 768px), print {
  .c-boxModal_info dd > a:hover {
    text-decoration: none;
  }
}
.c-boxModal_slider {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .c-boxModal_slider {
    margin-left: -40px;
    margin-right: -40px;
  }
}
.c-boxModal_slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 12px;
}
.c-boxModal_slider_item {
  width: 306px;
  aspect-ratio: 102/53;
  border-radius: 10px;
  overflow: hidden;
}
.c-boxModal_slider_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-boxModal_otherspot {
  margin-top: 64px;
}
.c-boxModal_otherspot_heading {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Lato", sans-serif;
  text-align: center;
  margin: 0 0 25px;
  letter-spacing: 6px;
}
.c-boxModal_otherspot_item{
  cursor: pointer;
  display: block;
}
.c-boxModal_otherspot_item + .c-boxModal_otherspot_item {
  margin-top: 40px;
}
.c-boxModal_otherspot_item .image_main {
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
.c-boxModal_otherspot_item .image_main img {
  width: 100%;
  height: auto;
}
.c-boxModal_otherspot_item .image_caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0 0;
}
.c-boxModal_otherspot_item .image_caption > span:nth-child(1) {
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-family: "Lato", sans-serif;
  letter-spacing: 3px;
  text-align: left;
}
.c-boxModal_otherspot_item .image_caption > span:nth-child(2) {
  display: inline-block;
  font-weight: 700;
  line-height: 2.1;
  letter-spacing: .05em;
  text-align: left;
}
.c-boxModal .c-boxComment {
  margin: 40px 0 -24px;
}
@media screen and (min-width: 768px), print {
  .c-boxModal .c-boxComment .c-boxComment_commentText-left::after {
    left: 92px;
  }
}
.c-boxModal-move01 .c-boxModal_close {
  background: var(--blue);
}
.c-boxModal-move02 .c-boxModal_close {
  background: var(--red);
}
.c-boxModal-move04 .c-boxModal_close,
.articleBox_essay_modal .c-boxModal_close {
  background: var(--yellow);
}

.c-boxModal_detail {
  border-top: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  padding: 20px 0;
  margin-top: 24px;
}
.c-boxModal_detail_title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.875;
  letter-spacing: .05em;
}
.c-boxModal_detail_info {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 6px 18px;
  margin-top: 18px;
}
.c-boxModal_detail_info dl {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-boxModal_detail_info dt,
.c-boxModal_detail_info dd {
  line-height: 1.5;
}

.c-boxModal_detail_info dt {
  font-weight: bold;
}
.c-boxModal_detail_info dd a {
  opacity: .5;
  text-decoration: underline;
}
.c-boxModal_detail_note {
  display: grid;
  grid-template-columns: auto;
  grid-column: span 2;
  font-size: 12px;
  font-size: 1.2rem;
}
/* リスト
========================================================*/
.c-listArticle {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .c-listArticle {
    gap: 40px;
    padding: 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .c-listArticle {
    flex-direction: column;
    gap: 24px;
  }
}
.c-listArticle_item {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-listArticle_item:nth-child(1),
  .c-listArticle_item:nth-child(2),
  .c-listArticle_item:nth-child(3) {
    width: 100%;
    border-radius: 50px;
  }
  .c-listArticle_item:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 767px) {

}
.c-listArticle_item_inner {
}
@media screen and (min-width: 768px), print {
  .c-listArticle_item_inner {

  }
  .c-listArticle_item_inner:hover .c-button-blue,
  .c-listArticle_item_inner:hover .c-button-green {
    color: var(--white);
  }
  .c-listArticle_item_inner:hover .c-button-red {
    color: var(--black);
  }
  .c-listArticle_item_inner:hover .c-button::before {
    width: 100%;
  }
  .c-listArticle_item_inner:hover .c-button .c-button_arrow {
    left: calc(100% - 36px);
    border-color: var(--white);
  }
}
@media screen and (max-width: 767px) {
  .c-listArticle_item_inner .c-button .c-button_arrow {
    left: calc(100% - 36px);
    border-color: var(--white);
  }
  .c-listArticle_item_inner .c-button-red,
  .c-listArticle_item_inner .c-button-green {
    color: var(--black);
  }
  .c-listArticle_item_inner .c-button::before {
    width: 100%;
  }
}
.c-listArticle_item_box {
  position: relative;
  height: 100%;
  z-index: 1;
  background-color: var(--gray);
}
@media screen and (min-width: 768px), print {
  .c-listArticle_item_box {
    padding:30px 30px 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-listArticle_item_box {
    padding: 16px 12px;
  }
}
.c-listArticle_item_box .title {
  font-weight: 700;
  color: var(--black);
  line-height: 1.6;
}
@media screen and (min-width: 768px), print {
  .c-listArticle_item:nth-child(1) .c-listArticle_item_box .title,
  .c-listArticle_item:nth-child(2) .c-listArticle_item_box .title,
  .c-listArticle_item:nth-child(3) .c-listArticle_item_box .title {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: .05em;
    text-align: center;
  }
  .c-listArticle_item:not(:nth-child(1), :nth-child(2), :nth-child(3)) .c-listArticle_item_box .title {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: .05em;
  }
}
@media screen and (max-width: 767px) {
  .c-listArticle_item_box .title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: .05em;
  }
}
.c-listArticle_item_box .title_sub {
  letter-spacing: normal;
}
@media screen and (min-width: 768px), print {
  .c-listArticle_item:first-child .c-listArticle_item_box .title_sub {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
  }
  .c-listArticle_item:not(:first-child) .c-listArticle_item_box .title_sub {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .c-listArticle_item_box .title_sub {
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-listArticle_item_box .c-button {
  margin: 30px 0 0;
}
.c-listArticle_item_imageBox {
  position: relative;
}
.c-listArticle_item_imageBox .c-button {
  position: absolute;
  bottom: 25px;
  right: 25px;
  background-color: #fff;
}
.c-listArticle_item_image {
  aspect-ratio: 1240/550;
  overflow: hidden;
}
.c-listArticle_item_image_overtext {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  left: 10px;
  background-color: rgba(255, 255, 255, .7);
  line-height: 1.5;
  border-radius: 10px;
}
@media screen and (min-width: 768px), print {
  .c-listArticle_item_image_overtext {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-listArticle_item_image_overtext {
    font-size: 10px;
    font-size: 1rem;
    padding: 8px;
  }
}

.c-listArticle_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-listArticle_itemLabel {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  color: var(--white);
}
@media screen and (min-width: 768px), print {
  .c-listArticle_itemLabel {
    width: 100px;
    height: 30px;
    font-size: 14px;
  font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-listArticle_itemLabel {
    width: 64px;
    height: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.c-listArticle_itemLabel-blue {
  background-color: var(--blue);
}
.c-listArticle_itemLabel-red {
  background-color: var(--red);
  color: var(--black);
}
.c-listArticle_itemLabel-green {
  background-color: var(--green);
  color: var(--white);
}
.c-listArticle_itemLabel-yellow {
  background-color: var(--yellow);
  color: var(--black);
}
.c-listOtherArticle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .c-listOtherArticle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-listOtherArticle {
    gap: 20px 13px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px), print {
  .c-listOtherArticle_item {
    width: calc(33.3333333333% - 27px);
  }
}
@media screen and (max-width: 767px) {
  .c-listOtherArticle_item {
    width: calc(50% - 7px);
  }
}
.c-listOtherArticle_item_inner {
  overflow: hidden;
  display: block;
  height: 100%;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .c-listOtherArticle_item_inner {
    background: var(--white);
  }
  .c-listOtherArticle_item_inner:hover .c-listOtherArticle_item_image img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 767px) {
  .c-listOtherArticle_item_inner {
    background: var(--gray);
  }
}
.c-listOtherArticle_item_image {
  overflow: hidden;
  aspect-ratio: 158/113;
  background: var(--white);
}
.c-listOtherArticle_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .c-listOtherArticle_item_image img {
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
}
@media screen and (min-width: 768px), print {
  .c-listOtherArticle_item_textBox {
    padding: 22px 15px 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-listOtherArticle_item_textBox {
    padding: 24px 15px 25px;
  }
}
.c-listOtherArticle_item_textBox .title {
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (min-width: 768px), print {
  .c-listOtherArticle_item_textBox .title {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-listOtherArticle_item_textBox .title {
    margin: 0 0 7px;
  }
}
.c-listOtherArticle_item_textBox .text {
  font-size: 12px;
  font-size: 1.2rem;
}

/* 記事ページのページネーション */
@media screen and (min-width: 768px), print {
  .c-listPaging_slider {
    width: 1040px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_slider {
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}
@media screen and (min-width: 768px), print {
  .c-listPaging .slick-list {
    overflow: visible;
  }
}
.c-listPaging_node {
  display: inline-block;
  margin: 0 20px;
  background: var(--gray);
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .c-listPaging_node {
    width: calc(100% - 40px);
    border-radius: 50px;
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_node {
    width: 100%;
    border-radius: 12px;
  }
}
@media screen and (min-width: 768px), print {
  .c-listPaging_link:hover .c-button .c-button_arrow {
    left: calc(100% - 36px);
    border-color: var(--white);
  }
  .c-listPaging_link:hover .c-button::before {
    width: 110%;
  }
  .c-listPaging_link:hover .c-button-blue .c-button_text,
  .c-listPaging_link:hover .c-button-green .c-button_text {
    color: var(--white);
  }
}
.c-listPaging_image {
  position: relative;
}
.c-listPaging_image .c-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: var(--white);
}
.c-listPaging_image .c-button_text {
  color: var(--black);
}
.c-listPaging_node_image_overtext {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  left: 10px;
  background-color: rgba(255, 255, 255, .7);
  line-height: 1.5;
  border-radius: 10px;
}
@media screen and (min-width: 768px), print {
  .c-listPaging_node_image_overtext {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_node_image_overtext {
    font-size: 10px;
    font-size: 1rem;
    padding: 8px;
  }
}
.c-listPaging_node_image_inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-listPaging_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px), print {
  .c-listPaging_info {
    height: 150px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_info {
    padding: 12px;
  }
}
.c-listPaging_info_subtitle {
  font-weight: bold;
  letter-spacing: .05em;
}
@media screen and (min-width: 768px), print {
  .c-listPaging_info_subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_info_subtitle {
    font-size: 10px;
  }
}

.c-listPaging_info_title {
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .c-listPaging_info_title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_info_title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_label {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 20px;
    font-size: 10px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    letter-spacing: .2em;
  }
  .c-button-blue + .c-listPaging_label {
    background: var(--blue);
    color: var(--white);
  }
  .c-button-red + .c-listPaging_label {
    background: var(--red);
    color: var(--black);
  }
  .c-button-green + .c-listPaging_label {
    background: var(--green);
    color: var(--white);
  }
  .c-button-yellow + .c-listPaging_label {
    background: var(--yellow);
    color: var(--black);
  }
}
@media screen and (max-width: 767px) {
  .c-listPaging_control {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
  }
  .c-listPaging_control .slick-arrow {
    position: static;
    transform: none;
  }
}


.c-listAction {
  border-top: 2px solid var(--black);
}
.c-listAction_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid var(--black);
}
@media screen and (min-width: 768px), print {
  .c-listAction_item {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 48px 0;
    gap: 0 64px;
  }
}
@media screen and (max-width: 767px) {
  .c-listAction_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 0 37px;
  }
}
.c-listAction_item_textBox .text a {
  text-decoration: underline;
}
@media screen and (min-width: 768px), print {
  .c-listAction_item_textBox {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .c-listAction_item_textBox {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 19px 0 0;
  }
}
.c-listAction_item_image {
  overflow: hidden;
  aspect-ratio: 31/15;
  border-radius: 9999px;
}
@media screen and (min-width: 768px), print {
  .c-listAction_item_image {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .c-listAction_item_image {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
  }
}
.c-listAction_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ボタン
========================================================*/
.c-button {
  overflow: hidden;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 180px;
  min-height: 40px;
  text-align: center;
  border-radius: 9999px;
  border: 2px solid;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  padding: 0 50px;
  background-color: #fff;
}
.c-button::before {
  content: "";
  display: block;
  width: 20px;
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  -webkit-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
@media screen and (min-width: 768px), print {
  .c-button:hover {
    color: var(--white);
  }
  .c-button:hover::before {
    width: 110%;
  }
  .c-button:hover .c-button_arrow {
    left: calc(100% - 36px);
    border-color: var(--white);
  }
}
.c-button_arrow {
  aspect-ratio: 1/1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  border-radius: 100%;
  width: 36px;
  height: 100%;
  border: 1px solid;
}
@media screen and (min-width: 768px), print {
  .c-button_arrow {
    left: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .c-button_arrow {
    left: 0;
  }
}
.c-button_arrow::before {
  content: "";
  display: block;
  width: 14px;
  height: 11px;
  background: url("/west_moves/assets/images/west_moves-common/icon_arrow.svg") no-repeat 0 0;
  background-size: 100%;
}
.c-button-red .c-button_arrow::before,
.c-button-green .c-button_arrow::before,
.c-button-yellow .c-button_arrow::before {
  background: url(/west_moves/assets/images/west_moves-common/icon_arrow_black.svg) no-repeat 0 0;
}
.c-button_text {
  position: relative;
  z-index: 1;
}
.c-button-black {
  border-color: var(--black);
}
@media screen and (min-width: 768px), print {
  .c-button-black {
    color: var(--black);
  }
  .c-button-black::before,
  .c-button-black .c-button_arrow {
    background: var(--black);
    border-color: var(--black);
  }
  .c-button-black:hover .c-button_arrow {
    background: var(--white);
  }
  .c-button-black:hover .c-button_arrow::before {
    background-image: url("/west_moves/assets/images/west_moves-common/icon_arrow_black.svg");
  }
}
@media screen and (max-width: 767px) {
  .c-button-black {
    color: var(--black);
  }
  .c-button-black .c-button_arrow {
    background: var(--white);
  }
  .c-button-black::before,
  .c-button-black .c-button_arrow {
    background: var(--black);
    border-color: var(--black);
  }
}
.c-button-blue {
  color: var(--black);
  border-color: var(--blue);
}
@media screen and (min-width: 768px), print {
  .c-button-blue::before,
  .c-button-blue .c-button_arrow {
    background: var(--blue);
    border-color: var(--blue);
  }
}
@media screen and (max-width: 767px) {
  .c-button-blue::before,
  .c-button-blue .c-button_arrow {
    background: var(--blue);
    border-color: var(--blue);
  }
}
.c-button-red {
  color: var(--black);
  border-color: var(--red);
}
@media screen and (max-width: 767px) {
  .c-button-red {
    color: var(--white);
  }
  .c-button-red .c-button_arrow::before{
    background: url("/west_moves/assets/images/west_moves-common/icon_arrow.svg") no-repeat 0 0;
  }
}

@media screen and (min-width: 768px), print {
  .c-button-red::before,
  .c-button-red .c-button_arrow {
    background: var(--red);
    border-color: var(--red);
  }
}
@media screen and (max-width: 767px) {
  .c-button-red::before,
  .c-button-red .c-button_arrow {
    background: var(--red);
    border-color: var(--red);
  }
}
@media screen and (min-width: 768px), print {
  .c-button-textRed {
    color: var(--red);
  }
}
.c-button-green {
  border-color: var(--green);
}
@media screen and (min-width: 768px), print {
  .c-button-green::before,
  .c-button-green .c-button_arrow {
    background: var(--green);
    border-color: var(--green);
  }
}
@media screen and (max-width: 767px) {
  .c-button-green::before,
  .c-button-green .c-button_arrow {
    background: var(--green);
    border-color: var(--green);
  }
}
.c-button-yellow {
  color: var(--black);
  border-color: var(--yellow);
}
@media screen and (min-width: 768px), print {
  .c-button-yellow::before,
  .c-button-yellow .c-button_arrow {
    background: var(--yellow);
    border-color: var(--yellow);
  }
  .c-button-yellow:hover {
    color: var(--black);
  }
}
@media screen and (max-width: 767px) {
  .c-button-yellow::before,
  .c-button-yellow .c-button_arrow {
    background: var(--yellow);
    border-color: var(--yellow);
  }
}
.c-button-textRed {
  color: var(--red);
}
.c-button-textGreen {
  color: var(--green);
}
.c-button-ligutBlue {
  border-color: var(--blue);
}
@media screen and (min-width: 768px), print {
  .c-button-ligutBlue {
    color: var(--blue);
  }
  .c-button-ligutBlue::before,
  .c-button-ligutBlue .c-button_arrow {
    background: var(--blue);
    border-color: var(--blue);
  }
}
@media screen and (max-width: 767px) {
  .c-button-ligutBlue {
    color: var(--blue);
  }
  .c-button-ligutBlue::before,
  .c-button-ligutBlue .c-button_arrow {
    background: var(--blue);
    border-color: var(--blue);
  }
}
.c-bgButton {
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.6%22%20d%3D%22M12.5%2025C19.4036%2025%2025%2019.4036%2025%2012.5C25%205.59644%2019.4036%200%2012.5%200C5.59644%200%200%205.59644%200%2012.5C0%2019.4036%205.59644%2025%2012.5%2025Z%22%20fill%3D%22%23111111%22%2F%3E%3Cpath%20d%3D%22M11%209C11%208.44772%2010.5523%208%2010%208C9.44772%208%209%208.44772%209%209V16C9%2016.5523%209.44772%2017%2010%2017C10.5523%2017%2011%2016.5523%2011%2016V9Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M16%209C16%208.44772%2015.5523%208%2015%208C14.4477%208%2014%208.44772%2014%209V16C14%2016.5523%2014.4477%2017%2015%2017C15.5523%2017%2016%2016.5523%2016%2016V9Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  z-index: 19;
}
@media screen and (min-width: 768px), print {
  .c-bgButton {
    top: 25px;
    right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .c-bgButton {
    top: 15px;
    right: 15px;
  }
}

.c-bgButton.is-paused {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.6%22%20d%3D%22M12.5%2025C19.4036%2025%2025%2019.4036%2025%2012.5C25%205.59644%2019.4036%200%2012.5%200C5.59644%200%200%205.59644%200%2012.5C0%2019.4036%205.59644%2025%2012.5%2025Z%22%20fill%3D%22%23111111%22%2F%3E%3Cpath%20d%3D%22M16.6642%2011.7931C16.7927%2011.8611%2016.9002%2011.9629%2016.9752%2012.0875C17.0502%2012.2121%2017.0898%2012.3547%2017.0898%2012.5001C17.0898%2012.6455%2017.0502%2012.7882%2016.9752%2012.9127C16.9002%2013.0373%2016.7927%2013.1391%2016.6642%2013.2071L10.6742%2016.3781C10.5523%2016.4426%2010.4158%2016.4744%2010.278%2016.4706C10.1401%2016.4668%2010.0056%2016.4274%209.8875%2016.3562C9.76937%2016.2851%209.67164%2016.1846%209.60378%2016.0646C9.53592%2015.9445%209.50024%2015.809%209.50021%2015.6711V9.3291C9.50024%209.19121%209.53592%209.05566%209.60378%208.93562C9.67164%208.81558%209.76937%208.71511%209.8875%208.64397C10.0056%208.57283%2010.1401%208.53344%2010.278%208.52961C10.4158%208.52577%2010.5523%208.55764%2010.6742%208.6221L16.6642%2011.7931Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
/* テキスト
========================================================*/
.c-textLead {
  font-size: 16px;
  font-size: 1.6rem;
}
.c-textLead_note {
  line-height: 1.6;
}
@media screen and (min-width: 768px), print {
  .c-textLead {
    text-align: center;
    line-height: 2.5;
  }
}
@media screen and (max-width: 767px) {
  .c-textLead {
    line-height: 2;
  }
}

.topKv {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .topKv {
    padding: 80px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .topKv {
    padding: 24px 0 0;
  }
}
.topKv_inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .topKv_inner {
    max-width: 1304px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
.topKv_titleBox {
  position: relative;
  z-index: 3;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .topKv_titleBox {
    margin: 0 0 -35px;
  }
}
@media screen and (max-width: 767px) {
  .topKv_titleBox {
    margin: 0 0 30px;
    padding: 0 15px;
  }
}
.topKv_titleBox_title .subTitle {
  display: inline-block;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .topKv_titleBox_title .subTitle {
    font-size: 20px;
    font-size: 2.2rem;
    margin: 0 0 30px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 767px) {
  .topKv_titleBox_title .subTitle {
    font-size: 12px;
    font-size: 1.3rem;
    margin: 0 0 17px;
    line-height: 1.7;
  }
}
.topKv_titleBox_title .mainTitle {
  display: block;
  width: 100%;
  padding: 16% 0 0;
  margin: 0 auto;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  background: url("/west_moves/assets/images/west_moves/tlte_kv.svg") no-repeat 0 0;
  background-size: 100%;
}
.topKv_listBox {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list {
    position: relative;
    min-height: 558px;
  }
  .topKv_listBox_list .slick-list {
    overflow: visible;
  }
  .topKv_listBox_list .item_inner:not(:hover) .c-button_text {
    color: var(--black);
  }
  .topKv_listBox_list--text {
    width: 100%;
    min-height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 30px;
  }
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item {
    margin: 0 20px;
  }
}
.topKv_listBox_list .item_inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 550px;
  }
  .topKv_listBox_list .item_inner:hover .c-button-ligutBlue {
    color: var(--white);
  }
  .topKv_listBox_list .item_inner:hover .c-button-textRed,
  .topKv_listBox_list .item_inner:hover .c-button-yellow {
    color: var(--black);
  }
  .topKv_listBox_list .item_inner:hover .c-button-textGreen{
    color: var(--white);
  }
  .topKv_listBox_list .item_inner:hover .c-button::before {
    width: 110%;
  }
  .topKv_listBox_list .item_inner:hover .c-button .c-button_arrow {
    left: calc(100% - 36px);
    border-color: var(--white);
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0 40px;
  }
  .topKv_listBox_list .item_inner .c-button .c-button_arrow {
    left: calc(100% - 36px);
    border-color: var(--white);
  }
  .topKv_listBox_list .item_inner .c-button::before {
    width: 110%;
  }
  .topKv_listBox_list .item_inner .c-button-ligutBlue {
    color: var(--white);
  }
  .topKv_listBox_list .item_inner .c-button-textRed {
    color: var(--black);
  }
  .topKv_listBox_list .item_inner .c-button-textGreen {
    color: var(--white);
  }
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_textBox {
    width: 29%;
    max-width: 360px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item_textBox {
    margin: 40px 0 0;
  }
}
.topKv_listBox_list .item_textBox_title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_textBox_title {
    font-size: 30px;
    font-size: 3rem;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item_textBox_title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 15px;
  }
}
.topKv_listBox_list .item_textBox_title > span {
  display: block;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_textBox_title > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item_textBox_title > span {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 10px 0;
  }
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_textBox_text {
    line-height: 2.1;
  }
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_textBox .c-button {
    margin: 35px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item_textBox .c-button {
    margin: 20px 0 0;
    background-color: var(--white);
  }
}
.topKv_listBox_list .item_image {
  position: relative;
  z-index: -1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
  line-height: 0;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_image {
    width: 350px;
    height: 550px;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item_image {
    position: relative;
    padding: 125% 0 0;
  }
}
.topKv_listBox_list .item_image_inner {
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item_image_inner {
    width: 300px;
    height: 300px;
    -webkit-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item_image_inner {
    opacity: 0;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 80%;
    height: 0;
    padding: 125% 0 0;
    border-radius: 9999px;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
}
.topKv_listBox_list .item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
  margin: auto;
}
.topKv_listBox_list .item:has(+ .slick-active) .item_image {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.topKv_listBox_list .item.slick-active .item_inner, .topKv_listBox_list .item.is-current .item_inner {
  z-index: 1;
}
.topKv_listBox_list .item.slick-active .item_textBox, .topKv_listBox_list .item.is-current .item_textBox {
  opacity: 1;
}
.topKv_listBox_list .item.slick-active .item_image, .topKv_listBox_list .item.is-current .item_image {
  opacity: 1;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_list .item.slick-active .item_image_inner, .topKv_listBox_list .item.is-current .item_image_inner {
    width: 350px;
    height: 550px;
    border-radius: 9999px;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_list .item.slick-active .item_image_inner, .topKv_listBox_list .item.is-current .item_image_inner {
    opacity: 1;
  }
}
.topKv_listBox_arrows {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_arrows {
    max-width: 350px;
    margin: 0 auto;
    padding: 0 40px;
    top: 45%;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_arrows {
    height: 40px;
    top: 45vw;
  }
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_arrows .slick-prev {
    left: -25px;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_arrows .slick-prev {
    left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .topKv_listBox_arrows .slick-next {
    right: -25px;
  }
}
@media screen and (max-width: 767px) {
  .topKv_listBox_arrows .slick-next {
    right: 20px;
  }
}
.topAbout {
  background: var(--gray);
}
@media screen and (min-width: 768px), print {
  .topAbout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 70px;
    padding: 117px 180px 75px;
    border-radius: 99999px;
  }
}
@media screen and (max-width: 767px) {
  .topAbout {
    padding: 100px 25px;
    border-radius: 99999px;
  }
}
@media screen and (min-width: 768px), print {
  .topAbout_title {
    width: 310px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .topAbout_title {
    margin: 0 0 17px;
    text-align: center;
  }
}
.topAbout_title img {
  height: auto;
}
@media screen and (min-width: 768px), print {
  .topAbout_title img {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .topAbout_title img {
    max-width: 60%;
  }
}
.topAbout_title_main {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  .topAbout_title_main {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .topAbout_title_main {
    margin: 18px 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .topAbout_textBox {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .topAbout_textBox {
    text-align: center;
  }
}
.topAbout_textBox_text {
  text-align: left;
}
@media screen and (min-width: 768px), print {
  .topAbout_textBox_text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.topAbout_textBox .c-button {
  background-color: transparent;
}
@media screen and (min-width: 768px), print {
  .topAbout_textBox .c-button {
    margin: 35px 0 0;
    min-width: 308px;
  }
  .topAbout_textBox .c-button + .c-button{
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .topAbout_textBox .c-button {
    margin: 30px 0 0;
    min-width: 290px;
  }
  .topAbout_textBox .c-button_text{
    letter-spacing: 0.1em;
  }
  .topAbout_textBox .c-button + .c-button{
    margin-top: 18px;
  }
}
.topHistory {
  position: relative;
  background: var(--gray);
}
@media screen and (min-width: 768px), print {
  .topHistory {
    padding: 160px 40px 80px;
    border-radius: 50px 50px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .topHistory {
    margin: 0 -15px;
    padding: 80px 15px 10px;
    border-radius: 25px 25px 0 0;
  }
}
.topHistory .c-headingLine {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .topHistory .c-headingLine {
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 767px) {
  .topHistory .c-headingLine {
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 768px), print {
  .topHistory_inner {
    max-width: 1124px;
    margin: 0 auto;
  }
}
.topHistory_main {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .topHistory_main {
    max-width: 1080px;
    margin: 0 auto;
  }
}
.topHistory_main::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  background: no-repeat 0 0;
  background-size: 100%;
}
@media screen and (min-width: 768px), print {
  .topHistory_main::before {
    top: -220px;
    right: 0px;
    width: 572px;
    height: 120%;
    background-image: url("/west_moves/assets/images/west_moves/bg_history.png");
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main::before {
    top: -100px;
    right: -8px;
    width: 173px;
    background-image: url("/west_moves/assets/images/west_moves/bg_history_sp.png");
  }
}
@media screen and (min-width: 768px), print {
  .topHistory_main_titleBox {
    max-width: 570px;
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main_titleBox {
    max-width: 75%;
  }
}
.topHistory_main_titleBox .title {
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .topHistory_main_titleBox .title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main_titleBox .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.65;
  }
}
.topHistory_main_titleBox .text {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  .topHistory_main_titleBox .text {
    max-width: 520px;
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main_titleBox .text {
    margin: 10px 0 0;
  }
}
.topHistory_main_inner {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .topHistory_main_inner {
    margin: 0 0 0 -200px;
    padding: 0 0 0 200px;
  }
}
@media screen and (min-width: 768px), print {
  .topHistory_main_section {
    position: relative;
    margin: 40px 0 0;
  }
  .topHistory_main_section:first-child {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main_section {
    position: relative;
    padding: 65px 58px 0 0;
  }
  .topHistory_main_section:first-child {
    padding-top: 64px;
  }
  .topHistory_main_section:last-child {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main_section .line {
    display: block;
    position: absolute;
    right: 1px;
    border-radius: 9999px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 40px;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 40px;
  }
  .topHistory_main_section-01 .line {
    background-color: var(--green);
    height: 101%;
    padding-bottom: 100px;
    top: 0;
    color: var(--white);
  }
  .topHistory_main_section-02 .line {
    background-color: var(--red);
    height: 120%;
    padding-bottom: 100px;
    top: 0;
    color: var(--white);
  }
  .topHistory_main_section-03 .line {
    background-color: var(--yellow);
    height: 92%;
    padding-bottom: 30px;
    bottom: 0;
  }
}
@media screen and (min-width: 768px), print {
  .topHistory_main_section-01 {
    margin-right:360px;
  }
  .topHistory_main_section-01 .history_item:not(:first-child) {
    padding: 0 80px 0 0;
  }
  .topHistory_main_section-01 .history_item:not(:first-child) .c-headingItem::before {
    left: calc(100% + 485px);
  }
  .topHistory_main_section-01 .history_item:not(:first-child) .c-headingItem::after {
    width: calc(100% + 485px);
  }
}
.topHistory_main_section-02::after {
}
@media screen and (min-width: 768px), print {
  .topHistory_main_section-02 {
    margin-top: 150px;
    margin-right: 250px;
    margin-left: 50px;
  }
  .topHistory_main_section-02 .history_item:not(:first-child) {
    padding: 0 110px 0 0;
  }
  .topHistory_main_section-02 .history_item:not(:first-child) .c-headingItem::before {
    left: calc(100% + 515px);
  }
  .topHistory_main_section-02 .history_item:not(:first-child) .c-headingItem::after {
    width: calc(100% + 515px);
  }
}
.topHistory_main_section-03::after {
}
@media screen and (min-width: 768px), print {
  .topHistory_main_section-03 {
    margin-left: 110px;
    padding-bottom: 320px;
    margin-right: 137px;
    margin-top: 250px;
  }
  .topHistory_main_section-03 .history_item {
    padding: 0 140px 0 0;
  }
  .topHistory_main_section-03 .history_item .c-headingItem::before {
    left: calc(100% + 545px);
  }
  .topHistory_main_section-03 .history_item .c-headingItem::after {
    width: calc(100% + 545px);
  }
}

@media screen and (min-width: 768px), print {
  .topHistory_main_section .history_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 0 20px;
  }
  .topHistory_main_section .history_item:not(:first-child) {
    margin: 62px 0 0;
  }
  .topHistory_main_section .history_item:first-child {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .topHistory_main_section .history_item:first-child .history_item_image {
    width: 400px;
  }

  .topHistory_main_section .history_item:first-child .c-headingItem::before {
    left: calc(100% + 65px);
  }
  .topHistory_main_section .history_item:first-child .c-headingItem::after {
    width: calc(100% + 80px);
  }
}
@media screen and (min-width: 768px), print {
  .topHistory_main_section-03.topHistory_main_section .history_item:first-child .c-headingItem::before {
    left: calc(100% + 203px);
  }
  .topHistory_main_section-03.topHistory_main_section .history_item:first-child .c-headingItem::after {
    width: calc(100% + 203px);
  }
}

@media screen and (max-width: 767px) {
  .topHistory_main_section .history_item {
    position: relative;
  }
  .topHistory_main_section .history_item:not(:first-child) {
    margin: 30px 0 0;
  }
}
.topHistory_main_section .history_item_image {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px), print {
  .topHistory_main_section .history_item_image {
    width: 320px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main_section .history_item_image {
    padding: 0 55px 0 0;
  }
  .topHistory_main_section .history_item_image::before, .topHistory_main_section .history_item_image::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .topHistory_main_section .history_item_image::before {
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 100%;
    z-index: 2;
    width: 15px;
    height: 15px;
    left: calc(100% + 30px);
  }
  .topHistory_main_section .history_item_image::after {
    width: calc(100% + 40px);
    height: 1px;
    background: var(--black);
    left: 0;
    z-index: 1;
  }
}
.topHistory_main_section .history_item_image .inner {
  position: relative;
  z-index: 3;
  overflow: hidden;
  aspect-ratio: 40/23;
  border-radius: 9999px;
}
.topHistory_main_section .history_item_image .inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .topHistory_main_section .history_item_textBox {
    margin: 20px 0 0;
  }
}
.topHistory_main_section .history_item_textBox .c-headingItem {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .topHistory_main_section .history_item_textBox .c-headingItem {
    padding: 0 0 20px;
  }
  .topHistory_main_section .history_item_textBox .c-headingItem::before, .topHistory_main_section .history_item_textBox .c-headingItem::after {
    content: "";
    display: block;
    position: absolute;
  }
  .topHistory_main_section .history_item_textBox .c-headingItem::before {
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 100%;
    z-index: 2;
    width: 20px;
    height: 20px;
    bottom: -9px;
  }
  .topHistory_main_section .history_item_textBox .c-headingItem::after {
    height: 1px;
    background: var(--black);
    left: 0;
    bottom: 0;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .topHistory_main_section .history_item_textBox .c-headingItem {
    font-size: 14px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.topHistory_main_section .history_item_textBox p {
  font-size: 12px;
  font-size: 1.2rem;
}
.history_balloon {
  position: relative;
  background: rgba(255, 224, 123, .5);
  border-radius: 20px;
  width: fit-content;
}
.history_balloon::after {
  position: absolute;
  content: "";
  display: block;
  height: calc(38px / 2);
  width: 38px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  top: -16px;
  right: 15px;
  background: rgba(255, 224, 123, .5);
  rotate: 135deg;
}
@media screen and (min-width: 768px), print {
  .history_balloon {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    margin-top: 54px;
    margin-left: auto;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .history_balloon {
    width: 100%;
    padding: 16px 22px;
    margin-top: 50px;
  }
}
.history_balloon_image {
  border-radius: 9999px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .history_balloon_image {
    width: 260px;
  }
}
@media screen and (max-width: 767px) {
  .history_balloon_image {
    width: 100%;
    aspect-ratio: 233/104;
  }
}

.history_balloon_text {
}
@media screen and (min-width: 768px), print {
  .history_balloon_text {
    width: 287px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .history_balloon_text {
    font-size: 12px;
  }
}
.history_balloon_catch {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}



.articleBox {
  background: var(--gray);
}
@media screen and (min-width: 768px), print {
  .articleBox {
    padding: 113px 0 140px;
    border-radius: 0 0 50px 50px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox {
    padding: 59px 15px 79px;
    border-radius: 0 0 25px 25px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox .l-section {
    padding: 0;
  }
}
.articleBox_deco {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
}
@media screen and (min-width: 768px), print {
  .articleBox_deco {
    margin: 100px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_deco {
    margin: 25px -20px 0;
  }
}
.articleBox_deco > img {
  height: auto;
  -webkit-animation: imgSlide 35s infinite linear 1s both;
          animation: imgSlide 35s infinite linear 1s both;
}
@media screen and (min-width: 768px), print {
  .articleBox_deco > img {
    width: 1103px;
    height: 176px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_deco > img {
    width: 1000px;
    height: 160px;
  }
}
.articleBox_inner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px), print {
  .articleBox_inner {
    margin: -165px 0 0;
    padding: 25% 0 40%;
    background-position: 57% 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_inner {
    margin: -50px -20px 0;
    padding: 100% 20px 106%;
    background-position: 48% 0;
  }
}
.articleBox_inner > * {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .articleBox_section {
    padding: 118px 24px 0;
  }
  .articleBox_section-square {
    padding: 48px 24px 0;
  }
  .articleBox_section-last .c-textLead {
    max-width: 820px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section + .articleBox_section {
    margin: 40px 0 0;
  }
  .articleBox_section .c-headingItem {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 40px;
    max-width: 1080px;
    margin: 0 auto;
  }
  .articleBox_section_inner.align-center{
    align-items: center;
  }
  .articleBox_section_inner.align-end{
    align-items: flex-end;
  }
  .articleBox_section_inner-large {
    gap: 0 80px;
    max-width: 1240px;
    align-items: center;
    justify-content: center;
  }
  .articleBox_section_inner-large-unique {
    max-width: 1160px;
    gap: 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_inner > * + * {
    margin: 10px 0 0;
  }
  .articleBox_section_inner-spReverse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .articleBox_section_inner-spReverse .articleBox_section_item-large {
    /* margin-top: 40px; */
  }
  .articleBox-move07 .articleBox_section_inner-spReverse.articleBox_section_inner-large {
    gap: 40px 0;
  }
  .articleBox-move07 .articleBox_section_inner-spReverse .c-headingItem {
    margin-bottom: 24px;
  }

  .articleBox-move07 .articleBox_section_item {
    margin-top: 0;
  }
}

.articleBox_section_inner.caption{
  margin-top: 40px;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item-large {
    width: 50%;
    max-width: 540px;
  }
  .articleBox_section_item-small {
    width: 47%;
    max-width: 500px;
  }
  .articleBox_section_item-right {
    margin: 0 0 0 auto;
  }
  .articleBox_section_item-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .articleBox_section_item > .c-boxComment {
    height: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item-large-unique {
    width: 60%;
    max-width: 560px;
  }
  .articleBox_section_item-large-unique-large {
    width: 60%;
    max-width: 620px;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item + .item {
    margin: 54px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item + .item {
    margin: 40px 0 0;
  }
}
.articleBox_section_item .item_text {
  line-height: 2.1;
}
.articleBox_section_item .item_text.item_text-caption::before{
  content: "";
  display: inline-block;
  width: 78px;
  height: 1px;
  background-color: #000;
  margin-bottom: 5px;
  margin-right: 15px;
}
.articleBox_section_item .item_text + .item_text {
  margin: 24px 0 0;
}
.articleBox_section_item .item_text_name {
  display: block;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_text_name {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: -12px;
    transform: translateY(-30px);
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_text_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.articleBox_section_item .item_text_bar {
  display: flex;
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_text_bar {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_text_bar {
    align-items: center;
    margin-top: -18px;
    margin-bottom: 18px;
  }
}
.articleBox_section_item .item_text_bar::before {
  content: "";
  display: block;
  width: 78px;
  height: 1px;
  background-color: #000;
  margin-right: 18px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_text_bar::before {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_text + .item_image {
    margin: 64px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_text + .item_image {
    margin: 24px 0 0;
  }
}
.articleBox_section_item .item_image {
  display: block;
  text-align: center;
}
.articleBox_section_item .item_image img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image-profile {
    margin: 0 0 0 -140px;
  }
}
.articleBox_section_item .item_image-profile img {
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image-small img {
    max-width: calc(100% - 55px);
  }
}
.articleBox_section_item .item_image-small {
  text-align: left;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image-small {
    margin-top: 40px !important;
  }
}
.articleBox_section_item .item_image_main {
  overflow: hidden;
  display: block;
}
.articleBox_section-bgWhite {
  background-color: var(--white);
  border-radius: 20px;
}
.articleBox_section .articleBox_section_image + .item_image_caption,
.articleBox_section .item_image_main + .item_image_caption {
  max-width: 1080px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px), print {
  .articleBox_section .articleBox_section_image + .item_image_caption.right {
    text-align: right;
  }
  .articleBox_section-bgWhite {
    max-width: 1170px;
    margin: 120px auto 0;
    padding: 60px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image_main + .item_image_caption {
    margin-top: 19px;
  }
  .articleBox_section-bgWhite {
    background-color: #F7F7F7;
    padding: 20px 0 40px;
  }
  .articleBox_section-bgWhite .articleBox_section_item {
    margin-top: 40px;
    padding: 0 20px;
  }
  .articleBox_section-bgWhite .c-headingItem {
    margin-bottom: 24px;
  }
  .item_image_main.m-20 {
    margin: 0 -20px 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image_main-side {
    margin: 0 -20px;
  }
}
.articleBox_section_item .item_image_caption {
  text-align: left;
  margin: 16px 0 0;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image_caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 15px 20px;
  }
}
.articleBox_section_item .item_image_caption .name {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image_caption .name {
    width: 30%;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image_caption .name {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 0 10px;
  }
}
.articleBox_section_item .item_image_caption .name > span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 10px 0 0;
}
.articleBox_section_item .item_image_caption .name > small {
  display: inline-block;
  font-size: 12px;
}
.articleBox_section_item .item_image_caption .event {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image_caption .event {
    width: calc(35% - 20px);
  }
  .articleBox_section_item .item_image_caption .event + .text {
    width: 65%;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image_caption .text {
    width: calc(70% - 20px);
    line-height: 2.1;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image_caption .text {
    margin: 5px 0 0;
  }
}
.articleBox_section_item .item_image_caption .text > a {
  text-decoration: underline;
  color: var(--black);
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image_caption .text > a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image + .item_text {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image + .item_text {
    margin: 24px 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image-over {
    width: 112%;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image-over {
    width: calc(100% + 40px);
    margin: 24px 0 0 -20px !important;
  }
}
.articleBox_section_item .item_image-over img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image-left {
    width: 122%;
    margin: 64px 0 0 -22% !important;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_image-left {
    width: calc(100% + 40px);
    margin: 24px 0 0 -20px !important;
  }
}
.articleBox_section_item .item_image-left img {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_image-card {
    max-width: 418px;
    margin: 0 auto;
  }
  .articleBox_section_item .item_image-card img {
    border-radius: 20px 20px 0 0;
  }
  .articleBox_section_item .item_image-card .item_image_caption {
    margin-top: 0;
    background-color: var(--white);
    padding: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 0 0 20px 20px;
  }
}

@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_section {
    margin: 64px 0 0;
  }
  .articleBox_section_item .item_section-move07 {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_section {
    margin: 24px 0 0;
  }
}
.articleBox_section_item .item_spot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_spot {
    gap: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_spot {
    margin: 0 -20px;
    gap: 8px 0;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_spot_item {
    width: calc((100% - 32px) / 3);
  }
}

.articleBox_section_item .item_spot .spot {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) and (min-width: 768px), print {
  .articleBox_section_item .item_spot .spot_body:hover .spot_body_label > span {
    transition: rotate 0.25s ease-in-out;
    rotate: 180deg
  }
}
.articleBox_section_item .item_spot .spot_image {
  overflow: hidden;
  display: block;
  font-size: 0;
  line-height: 0;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_spot .spot_image {
    border-radius: 10px;
    aspect-ratio: 440/618;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_spot .spot_image {
    border-radius: 20px;
    aspect-ratio: 43/25;
  }
}
.articleBox_section_item .item_spot .spot_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleBox_section_item .item_spot .spot_body {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_spot .spot_body {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 30px 185px;
    border-radius: 10px;
    text-align: center;
  }
  .articleBox_section_item .item_spot .spot_body::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--black);
    opacity: 0.6;
    z-index: -1;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
}

@media screen and (max-width: 767px) {
  .articleBox_section_item .item_spot .spot_body {
    padding: 23px 18px;
    color: var(--white);
    border-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .articleBox_section_item .item_spot .spot_body_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.articleBox_section_item .item_spot .spot_body_label {
  letter-spacing: 3px;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_spot .spot_body_label {
    display: inline-block;
    min-width: 180px;
    color: var(--white);
    font-family: "Lato", sans-serif;
    border: 1px solid var(--white);
    border-radius: 9999px;
    line-height: 1;
    margin: 0 0 50px;
    padding: 12px 10px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_spot .spot_body_label {
    position: relative;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_spot .spot_body_label span {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom: 70px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    transform-origin: left;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_spot .spot_body_label span {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    margin: 12px auto 0;
  }
}
.articleBox_section_item .item_spot .spot_body_label span::before, .articleBox_section_item .item_spot .spot_body_label span:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: var(--white);
}
.articleBox_section_item .item_spot .spot_body_label span:before {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 100%;
}
.articleBox_section_item .item_spot .spot_body_label span:after {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: var(--white);
}
.articleBox_section_item .item_spot .spot_body_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_spot .spot_body_text {
    font-size: 20px;
    font-size: 2rem;
    color: var(--white);
    text-align: center;
  }
}
.gridPanel {
  display: grid;
  align-items: flex-start;
}
@media screen and (min-width: 768px), print {
  .gridPanel {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% - 60px) / 3), 1fr));
    gap: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .gridPanel {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% - 15px) / 2), 1fr));
    gap: 20px 15px;
    margin: 0 -20px;
    width: calc(100% + 40px);
  }
}
.gridPanel_item_image_wrap {
  position: relative;
  display: block;
}
.gridPanel_item_image {
  position: relative;
  aspect-ratio: 340 / 450;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .gridPanel_item_image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--black);
    opacity: 0.6;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .gridPanel_item_image {
    border-radius: 20px;
    overflow: hidden;
  }
}
.gridPanel_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gridPanel_item_body {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .gridPanel_item_body {
    border-radius: 20px;
    overflow: hidden;
  }
}



@media screen and (min-width: 768px), print {
  .gridPanel_item_body_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 34px;
    text-align: center;
  }
}
.gridPanel_item_body_title {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  .gridPanel_item_body_title {
    font-size: 20px;
    color: var(--white);
    padding-bottom: 4px;
    border-bottom: 2px solid var(--white);
  }
}
@media screen and (max-width: 767px) {
  .gridPanel_item_body_title {
    padding-bottom: 4px;
    margin-top: 4px;
    border-bottom: 2px solid var(--black);
    font-size: 12px;
  }
}

.gridPanel_item_body_text {
  display: block;
}
@media screen and (min-width: 768px), print {
  .gridPanel_item_body_text {
    color: var(--white);
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .gridPanel_item_body_text {
    margin-top: 10px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
.gridPanel_item_body_icon {
  position: relative;
  display: block;
}
.gridPanel_item_body_icon::before,
.gridPanel_item_body_icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (min-width: 768px), print {
  .gridPanel_item_body_icon {
    width: 50px;
    height: 50px;
    margin: 40px auto 0;
  }
  .gridPanel_item_body:hover .gridPanel_item_body_icon {
    transition: rotate 0.25s ease-in-out;
    rotate: 180deg;
  }
  .gridPanel_item_body_icon::before,
  .gridPanel_item_body_icon::after {
    width: 100%;
    height: 2px;
    background: var(--white);
  }
  .gridPanel_item_body_icon::before {
    rotate: 90deg;
  }
}
@media screen and (max-width: 767px) {
  .gridPanel_item_body_icon {
    position: absolute;
    bottom: 10px;
    left: 50%;
    translate: -50% 0;
    width: 31px;
    height: 31px;
    padding: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--yellow);
  }
  .gridPanel_item_body_icon::before,
  .gridPanel_item_body_icon::after {
    width: 15px;
    height: 2px;
    background: var(--black);
  }
  .gridPanel_item_body_icon::before {
    rotate: 90deg;
  }

}

.articleBox_section_item .item_gallery {
  position: relative;
}
.articleBox_section_item .item_gallery::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url("/west_moves/assets/images/west_moves_move_02/heading_gallery.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_gallery::before {
    z-index: 2;
    width: 523px;
    top: -100px;
    left: 10%;
    aspect-ratio: 300/67;
    /* -webkit-filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(125deg) brightness(112%) contrast(101%);
            filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(125deg) brightness(112%) contrast(101%); */
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_gallery::before {
    width: 317px;
    height: 70px;
    left: 7px;
    top: -60px;
    filter: brightness(0) invert(0.95);
    background-size: contain;
    /* -webkit-filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(297deg) brightness(114%) contrast(94%);
            filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(297deg) brightness(114%) contrast(94%); */
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_section_item .item_gallery {
    width: 100vw;
    margin-top: 200px;
    margin: 200px calc(50% - 50vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_gallery {
    width: calc(100% + 40px);
    margin: 120px -20px 0 -20px;
  }
}
.articleBox_section_item .item_gallery_wide {
  margin-top: 0;
}
.articleBox_section_item .item_gallery_wide::before {
  content: none;
}
@media screen and (max-width: 767px) {
  .articleBox_section_item .item_gallery_wide {
    width: calc(100% + 80px);
    margin-left: -40px;
    margin-right: -40px;
  }
  .articleBox_section_item .item_gallery_wide .item_gallery_item {
    width: 300px;
  }
  .articleBox_section_item .item_gallery_wide .item_gallery_item.is-narrow {
    width: 134px;
  }
}
.articleBox_section_item .item_gallery .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
}
.articleBox_section_item .item_gallery_item {
  border-radius: 20px;
  overflow: hidden;
}
.articleBox_section_item .item_gallery_item img {
  max-width: 100%;
  height: auto;
}
.item_comment {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .item_comment {
    max-width: 860px;
    margin: 0 auto;
  }
  .item_comment-move06-01 {
    margin-bottom: -43px;
    margin-top: 120px;
  }
  .item_comment-move06-02 {
    max-width: 1080px;
    margin-bottom: 125px;
  }
  .item_comment-move06-01 .item_comment_img {
    width: 192px;
    bottom: -70px;
    right: 29px;
  }
  .item_comment-move06-02 .item_comment_img {
    width: 192px;
    bottom: -107px;
    left: -28px;
  }
  .item_comment-move06-01 .item_comment_text {
    width: 525px;
  }
  .item_comment-move06-02 .item_comment_text {
    width: 325px;
    margin-left: 111px;
  }
}
@media screen and (max-width: 767px) {
  .item_comment-move06-01 {
    padding-bottom: 125px;
  }
  .item_comment-move06-02 {
    padding-bottom: 190px;
 }
  .item_comment-move06-01 .item_comment_img,
  .item_comment-move06-02 .item_comment_img {
    left: 50%;
    width: 148px;
    translate: -50% 0;
  }
  .item_comment-move06-01 .item_comment_img {
    bottom: -35px;
  }
  .item_comment-move06-02 .item_comment_img {
    bottom: 20px;
  }

}
@media screen and (min-width: 768px), print {
  .item_comment_text {
    padding: 28px 40px;
    width: 100%;
    background-color: var(--white);
    border-radius: 20px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .item_comment_text {
    padding: 28px 18px 80px;
    background-color: #F7F7F7;
    border-radius: 20px;
  }
}
.item_comment_img {
  position: absolute;
}
.item_comment_img img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px), print {
  .item_comment-1 {
    padding-bottom: 140px;
  }
  .item_comment-1 .item_comment_text {
    padding-right: 170px;
  }
  .item_comment-1 .item_comment_img {
    bottom: 0;
    right: -90px;
    width: 265px;
  }
}
@media screen and (max-width: 767px) {
  .item_comment-1 {
    padding-bottom: 110px;
  }
  .item_comment-1 .item_comment_img {
    bottom: 0;
    right: 0;
    width: 160px;
  }
}
@media screen and (min-width: 768px), print {
  .item_comment-2 {
    padding-bottom: 100px;
  }
  .item_comment-2 .item_comment_text {
    padding-left: 177px;
  }
  .item_comment-2 .item_comment_img {
    bottom: 0;
    left: 10px;
    width: 110px;
  }
}
@media screen and (max-width: 767px) {
  .item_comment-2 {
    padding-bottom: 130px;
  }
  .item_comment-2 .item_comment_text {
    padding: 40px 18px 140px;
  }
  .item_comment-2 .item_comment_img {
    bottom: 0;
    right: 30px;
    width: 79px;
  }
}

.item_comment_text {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 2.14;
}
.articleBox_section_image {
  overflow: hidden;
  display: block;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_image {
    aspect-ratio: 52/27;
    margin: 113px 0 0;
  }
  .articleBox_section_image-small {
    aspect-ratio: 1082/851;
    max-width: 1082px;
    margin: 113px auto 0;
  }
  .articleBox_section_image-square {
    aspect-ratio: 531/531;
    max-width: 531px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_image {
    aspect-ratio: 69/55;
    margin: 35px -20px 0;
  }
  .articleBox-move05 .articleBox_section_image,.articleBox-move07 .articleBox_section_image {
    aspect-ratio: auto;
  }
  .articleBox_section.articleBox_section-square {
    margin-top: 20px;
  }
}
.articleBox_section_image:first-child{
  margin-top: 0;
}
.articleBox_section_image-grid {
  border-radius: 0;
}
@media screen and (min-width: 768px), print {
  .articleBox_section-right,
  .articleBox_section-left {
    width: 840px;
  }
  .articleBox_section-right {
    margin-left: auto;
    margin-right: 180px;
  }
  .articleBox_section-left {
    margin-right: auto;
    margin-left: 180px;
  }
}

.articleBox_section_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleBox_section_movie {
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_movie {
    margin: 113px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_movie {
    margin: 35px -20px 0;
  }
}
.articleBox_section_movie > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleBox_section_title {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_title {
    margin: 0 0 64px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_title {
    margin: 0 0 24px;
  }
}
.articleBox_section_title > span {
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_title > span {
    font-size: 32px;
    font-size: 3.2rem;
    padding: 15px 80px;
    letter-spacing: 3px;
    color: var(--white);
    border-radius: 9999px;
  }
  .articleBox_section_title.is-black > span {
    color: var(--black);
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_title > span {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_wrapper {
    padding: 37px 20px;
    background: var(--white);
    border-radius: 15px;
  }
  .articleBox-move05 .articleBox_section_wrapper {
    padding: 37px 20px 0;
    border-radius: 15px 15px 20px 20px;
  }
  .articleBox-move07 .articleBox_section_wrapper {
    border-radius: 20px;
    padding: 0 20px 0;
  }
}
.articleBox_information {
  border-top: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
}
@media screen and (min-width: 768px), print {
  .articleBox_information {
    display: grid;
    grid-template-areas:
      'img info'
      'comment info';
    grid-template-rows: auto 1fr;
    gap: 0 64px;
    align-items: flex-start;
    padding: 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_information {
    padding: 40px 0;
  }
}

.articleBox_information_img {
  grid-area: img;
  aspect-ratio: 556/300;
  flex-shrink: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .articleBox_information_img {
    width: 556px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_information_img {
    width: 100%;
    border-radius: 10px;
  }
}
.articleBox_information_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleBox_information_info {
  grid-area: info;
}
.articleBox_information_comment {
  grid-area: comment;
}
@media screen and (min-width: 768px), print {
  .articleBox_information_comment {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_information_comment {
    margin-top: 36px;
  }
}
.articleBox_information_comment_title {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
.articleBox_information_comment_text {
  margin-top: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}
.articleBox_information_title {
  font-weight: bold;
  letter-spacing: 0;
  line-height: 2;
}
@media screen and (min-width: 768px), print {
  .articleBox_information_title {
    font-size: 20px;
    font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
  .articleBox_information_title {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.articleBox_information_text {
  grid-area: text;
  margin-top: 24px;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 2.14;
}
.articleBox_information_text a {
  text-decoration: underline;
}
.articleBox_information_link {
  display: block;
  width: fit-content;
  margin-top: 24px;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 0.05em;
  line-height: 2.14;
  opacity: 0.5;
}
@media screen and (min-width: 768px), print {
  .articleBox_information_link {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_information_link {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: auto;
    margin-right: auto;

  }
}
.articleBox_information_notice {
  margin-top: 6px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
  .articleBox_essay {
    display: grid;
    grid-template-areas:
      'text title'
      'text logo'
      '. .';
    grid-template-rows: auto 1fr;
    gap: 0 64px;
    align-items: flex-start;
    padding: 80px;
    background-color: var(--white);
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_essay {
    padding: 80px 16px 64px;
    border-radius: 20px;
    background-color: #F7F7F7;
  }
}
.articleBox_essay_logo img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px), print {
  .articleBox_essay_logo {
    width: 135px;
    margin-top: 48px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_essay_logo {
    width: 200px;
    margin: auto;
  }
}
.articleBox_essay_title {
  font-weight: bold;
  letter-spacing: 0;
  line-height: 2;
}
@media screen and (min-width: 768px), print {
  .articleBox_essay_title {
    grid-area: title;
    font-size: 25px;
    font-size: 2.5rem;
    letter-spacing: 0.2em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_essay_title {
    margin-top: 36px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_essay_text {
    grid-area: text;
    margin-top: 64px;
  }
  .articleBox_essay_modal .articleBox_essay_text {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_essay_text {
    margin-top: 64px;
  }
}
.articleBox_essay_text_item {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 2.14;
}
@media screen and (min-width: 768px), print {
  .articleBox_essay_text_item:not(:first-child) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_essay_text_item:not(:first-child) {
    margin-top: 36px;
  }
}
.articleBox_essay_sign {
  grid-area: sign;
  width: 160px;
}
@media screen and (min-width: 768px), print {
  .articleBox_essay_sign {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_essay_sign {
    margin: auto;
  }
}
.articleBox_essay_sign img {
  width: 100%;
  height: auto;
}
.articleBox_essay_more {
  grid-area: button;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 180px;
  height: 40px;
  margin: 60px auto 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0em;
  background-color: var(--yellow);
  border-radius: 23px;
}
.articleBox_essay_more_icon {
  position: relative;
  width: 15px;
  height: 15px;
}
.articleBox_essay_more_icon::before,
.articleBox_essay_more_icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 2px;
  background: var(--black);
}

.articleBox_essay_more_icon::after {
  rotate: 90deg;
}
.articleBox_essay_modal {
}
@media screen and (min-width: 768px), print {
  .articleBox_essay_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 118px 130px 40px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
  }
  .articleBox_essay_modal.is-active {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_essay_modal {
    width: 100%;
    height: calc(100% - 16vw);
    bottom: 0;
    left: 0;
    border-radius: 15px 15px 0 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    overflow: hidden;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    background: var(--white);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  .articleBox_essay_modal.is-active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
            transform: translate(0);
    -webkit-box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
            box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
  }
  .articleBox_essay_modal .articleBox_essay {
    background-color: transparent;
    padding: 40px 50px 80px;
  }
}
.articleBox_essay_modal_inner {
  position: relative;
  max-width: 1080px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.articleBox_essay_modal_scroll {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  border-radius: 20px 0 20px 20px;
  overflow: auto;
}
.articleBox_essay_modal_close {
  position: absolute;
  width: 65px;
  height: 65px;
  background: var(--yellow);
  top: 0;
  right: -65px;
  border-radius: 0 20px 20px 0;
}
.articleBox_essay_modal_close::before,
.articleBox_essay_modal_close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 30px;
  height: 2px;
  background: var(--black);
}
.articleBox_essay_modal_close::before {
  rotate: 45deg;
}
.articleBox_essay_modal_close::after {
  rotate: -45deg;
}
.articleBox_map {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .articleBox_map {
    margin: 0 -24px;
    padding: 80px;
    background: var(--gray);
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map {
    margin: 45px 0 0;
  }
}
.articleBox_map_inner {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .articleBox_map_inner {
    width: 1143px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_inner {
    margin: 0 -20px;
  }
}
.articleBox_map_image {
  display: block;
  width: 100%;
}
.articleBox_map_image img {
  max-width: 90%;
  height: auto;
}
.articleBox_map_point {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.articleBox_map_point .item {
  position: absolute;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px), print {
  .articleBox_map_point .item {
    width: 39px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_point .item {
    width: 10%;
  }
}
.articleBox_map_point .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .articleBox_map_point .item-01 {
    bottom: 138px;
    left: 275px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_point .item-01 {
    bottom: 43%;
    left: 32%;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_map_point .item-02 {
    bottom: 103px;
    left: 324px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_point .item-02 {
    bottom: 28%;
    left: 43%;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_map_point .item-03 {
    bottom: 178px;
    left: 397px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_point .item-03 {
    bottom: 58%;
    left: 59%;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_map_point .item-04 {
    bottom: 120px;
    left: 225px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_point .item-04 {
    bottom: 38%;
    left: 19%;
  }
}
.articleBox_map_point .item > a {
  display: block;
}
@media screen and (min-width: 768px), print {
  .articleBox_map_point .item > a {
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
  .articleBox_map_point .item > a:hover {
    opacity: 0.5;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox_map_titleBox {
    position: absolute;
    top: 80px;
    left: 90px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_titleBox {
    padding: 0 20px;
  }
}
.articleBox_map_titleBox .title {
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .articleBox_map_titleBox .title {
    font-size: 45px;
    font-size: 4.5rem;
    margin: 0 0 26px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_titleBox .title {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.articleBox_map_titleBox .text {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
}
@media screen and (min-width: 768px), print {
  .articleBox_map_titleBox .text {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 34px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_map_titleBox .text {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 12px 0 0;
  }
}
.articleBox_map_titleBox .text > span {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .articleBox-move01 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_01/bg_article.svg");
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move01 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_01/bg_article_sp.svg");
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move01 .articleBox_section_title span {
    background: var(--blue);
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move02 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_02/bg_article.svg");
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move02 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_02/bg_article_sp.svg");
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move02 .articleBox_section_title span {
    background: var(--thick-red);
  }
}
.articleBox-move02 .c-boxComment_commentText {
  background: var(--red);
}
.articleBox-move02 .c-boxComment_commentText::after {
  background-image: url("/west_moves/assets/images/west_moves_move_02/icon_comment.png");
}
@media screen and (min-width: 768px), print {
  .articleBox-move03 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_03/bg_article.svg");
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move03 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_03/bg_article_sp.svg");
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move03 .articleBox_section_title span {
    background: var(--thick-green);
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move03 .articleBox_section_image {
    aspect-ratio: 247/137;
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move03 .articleBox_section_image {
    aspect-ratio: 345/191;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move03 .articleBox_section_image-grid2col {
    aspect-ratio: 39/23;
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move03 .articleBox_section_image-grid2col {
    aspect-ratio: 23/17;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move03 .articleBox_section_image-grid3col {
    aspect-ratio: 494/201;
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move03 .articleBox_section_image-grid3col {
    aspect-ratio: 345/1487;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move03 .articleBox_section_image-grid4col {
    aspect-ratio: 1482/1789;
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move03 .articleBox_section_image-grid4col {
    aspect-ratio: 115/663;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move03 .articleBox_section_image-gridother {
    aspect-ratio: 1482/1187;
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move03 .articleBox_section_image-gridother {
    aspect-ratio: 345/1432;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move04 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_04/bg_article.svg");
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move04 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_04/bg_article_sp.svg");
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move04 .articleBox_section_title span {
    background: var(--thick-yellow);
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move05 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_05/bg_article.svg");
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move05 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_05/bg_article_sp.svg");
    background-position: 42% 0;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move05 .articleBox_section_title span {
    background: var(--thick-green);
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move06 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_06/bg_article.svg");
    background-position: 54% 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move06 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_06/bg_article_sp.svg");
    background-position: 50% 0;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move06 .articleBox_section_title span {
    background: var(--blue);
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move07 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_07/bg_article.svg");
    background-position: 54% 0;
  }
}
@media screen and (max-width: 767px) {
  .articleBox-move07 .articleBox_inner {
    background-image: url("/west_moves/assets/images/west_moves_move_07/bg_article_sp.svg");
    background-position: 35% 0;
    padding: 77% 20px 106%;
  }
}
@media screen and (min-width: 768px), print {
  .articleBox-move07 .articleBox_section_title span {
    background: var(--red);
  }
}

.articleBox_section_image_list_item {
}
.articleBox_section_image_list_item + .articleBox_section_image_list_item {
  margin-top: 20px;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_image_list {
    aspect-ratio: 1082 / 851;
    max-width: 1082px;
    margin: 0 auto;
    gap: 20px;
    display: flex;
    align-items: center;
  }
  .articleBox_section_image_list.articleBox_section_image-small {
    aspect-ratio: 1082 / 797;
    margin: 0 auto;
    align-items: flex-start;
  }
  .articleBox_section_image-small .articleBox_section_image_list_item {
    margin-top: 265px;
  }
  .articleBox_section_image-small .articleBox_section_image_list_item + .articleBox_section_image_list_item {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .articleBox_section_image_list {
  }
  .articleBox_section_image_list_inner {
    margin-bottom: 20px;
  }
  .articleBox_section_image_list_item {
    margin: 0 -20px;
  }
  .articleBox_section_image_list_item + .articleBox_section_image_list_item {
    margin-top: 20px;
  }
}

.articleBox_section_image_list_item img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}


@-webkit-keyframes imgSlide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes imgSlide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.ourPurposeTop {
  text-align: center;
}
.ourPurposeTop_subTitle {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .ourPurposeTop_subTitle {
    margin: 0 0 50px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeTop_subTitle {
    max-width: 205px;
    margin: 0 0 40px;
  }
}
.ourPurposeTop_subTitle img {
  max-width: 100%;
  height: auto;
}
.ourPurposeTop_title {
  font-weight: 700;
  letter-spacing: 2px;
}
@media screen and (min-width: 768px), print {
  .ourPurposeTop_title {
    font-size: 50px;
    font-size: 5rem;
    line-height: 1.4;
    margin: 0 0 32px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeTop_title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.7;
    margin: 0 0 30px;
  }
}
.ourPurposeTop .c-textLead {
  letter-spacing: 1px;
}
@media screen and (min-width: 768px), print {
  .ourPurposeTop .c-textLead {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeTop .c-textLead {
    line-height: 2.5;
  }
}
@media screen and (min-width: 768px), print {
  .ourPurposeTop .c-textLead + .c-textLead {
    margin: 35px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeTop .c-textLead + .c-textLead {
    margin: 25px 0 0;
  }
}
.ourPurposeTop_bottomText {
  margin: 60px auto 0;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .ourPurposeTop_bottomText {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeTop_bottomText {
    max-width: 210px;
  }
}
.ourPurposeTop_bottomText > p {
  display: inline-block;
  width: 100%;
  height: 0;
  padding: 34% 0 0;
  text-indent: -9999px;
  background: url("/west_moves/assets/images/west_moves_our_purpose/text_bottom.svg") no-repeat 0 0;
  background-size: 100%;
}
.ourPurposeMovie {
  background: var(--gray);
  border-radius: 50px 50px 0 0;
}
@media screen and (min-width: 768px), print {
  .ourPurposeMovie {
    padding: 120px 40px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie {
    margin: 0 -15px;
    padding: 60px 15px;
  }
}
@media screen and (min-width: 768px), print {
  .ourPurposeMovie_list {
    max-width: 1124px;
    margin: 0 auto;
  }
}
.ourPurposeMovie_list_item {
  background: var(--white);
  border-radius: 9999px;
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item {
    border-radius: 15px;
  }
}
.ourPurposeMovie_list_item:not(:first-child) {
  margin: 30px 0 0;
}
.ourPurposeMovie_list_item > a {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .ourPurposeMovie_list_item > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    border-radius: 9999px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item > a {
    display: flex;
    flex-flow: column-reverse;
  }
}
@media screen and (min-width: 768px), print {
  .ourPurposeMovie_list_item .textBox {
    text-align: center;
    width: 38%;
    padding: 60px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item .textBox {
    padding: 12px;
    padding-left: 70px;
  }
  .ourPurposeMovie_list_item .textBox::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 98px;
    height: 28px;
    background-image: url("/west_moves/assets/images/west_moves_our_purpose/img_movie_more.svg");
  }
}
.ourPurposeMovie_list_item .textBox_title {
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item .textBox_title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px), print {
  .ourPurposeMovie_list_item .textBox_title {
    font-size: 35px;
    font-size: 3.5rem;
    margin: 30px 0 40px;
  }
}
.ourPurposeMovie_list_item .textBox_title > span {
  display: block;
  font-size: 19px;
  font-size: 1.9rem;
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item .textBox_title > span {
    display: inline;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 768px), print {
  .ourPurposeMovie_list_item .textBox_title > span {
    margin-top: 10px;
  }
}
.ourPurposeMovie_list_item .textBox_subTitle {
  line-height: 1.3;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item .textBox_subTitle {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .textBox{
    position: relative;
  }
  .ourPurposeMovie_list_item .textBox_index {
    text-align: center;
    position: absolute;
    top: 8px;
    left: 10px;
  }
  .ourPurposeMovie_list_item .textBox_index::before {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: 5px;
    width: 1px;
    height: 30px;
    background-color: #D9D9D9;
  }
  .ourPurposeMovie_list_item .textBox_logo{
    width: 46px;
    margin-top: -5px;
  }
  .ourPurposeMovie_list_item .textBox_logo img{
    width: 100%;
  }
  .ourPurposeMovie_list_item .textBox_logo::before {
    display: none;
  }
  .ourPurposeMovie_list_item .textBox_indexNum {
    display: block;
    font-size: 20px;
  }
}
.ourPurposeMovie_list_item .textBox_subTitle > span {
  color: var(--blue);
}
.ourPurposeMovie_list_item .movieImage {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .ourPurposeMovie_list_item .movieImage {
    width: 62%;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item .movieImage {
    /* border-radius: 9999px; */
  }
}
.ourPurposeMovie_list_item .movieImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item .movieImage img {
    min-height: 174px;
  }
}
.ourPurposeMovie_list_item .movieImage_play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  inset: 0;
  margin: auto;
  font-weight: 700;
}
.ourPurposeMovie_list_item .movieImage_play::before {
  content: "";
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 0 10px;
  background: url("/west_moves/assets/images/west_moves_our_purpose/icon_play.png") no-repeat 0 0;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .ourPurposeMovie_list_item .movieImage_play {
    display: none;
  }
}
.ourPurposeWill {
  background: var(--blue);

}
@media screen and (min-width: 768px), print {
  .ourPurposeWill {
    padding: 77px 98px 80px;
    border-radius: 50px;
    scroll-margin-top: 140px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeWill {
    padding: 15px;
    border-radius: 25px;
    scroll-margin-top: 150px;
  }
}
.ourPurposeWill_detail {
  background: var(--white);
}
@media screen and (min-width: 768px), print {
  .ourPurposeWill_detail {
    padding: 80px 95px 75px;
    border-radius: 9999px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeWill_detail {
    padding: 34px 23px 39px;
    border-radius: 20px;
  }
}
.ourPurposeWill_detail_title {
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .ourPurposeWill_detail_title {
    font-size: 27px;
    font-size: 2.7rem;
    margin: 0 0 45px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeWill_detail_title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 23px;
  }
}
@media screen and (min-width: 768px), print {
  .ourPurposeWill_detail_textBox {
    max-width: 650px;
    margin: 0 auto;
  }
}
.ourPurposeWill_detail_textBox .title {
  line-height: 0;
}
@media screen and (min-width: 768px), print {
  .ourPurposeWill_detail_textBox .title {
    max-width: 615px;
    margin: 0 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeWill_detail_textBox .title {
    margin: 0 0 20px;
  }
}
.ourPurposeWill_detail_textBox .title_main {
  width: 100%;
  height: 0;
  padding: 15% 0 0;
  background: url("/west_moves/assets/images/west_moves_our_purpose/title_will.svg") no-repeat 0 0;
  background-size: 100%;
  text-indent: -9999px;
}
@media screen and (min-width: 768px), print {
  .ourPurposeWill_detail_textBox .title_main {
    margin: 0 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeWill_detail_textBox .title_main {
    margin: 0 0 20px;
  }
}
.ourPurposeWill_detail_textBox .text {
  line-height: 0;
}
.ourPurposeWill_detail_textBox .text img {
  max-width: 100%;
  height: auto;
}
.ourPurposeWill_detail_logo {
  overflow: hidden;
  aspect-ratio: 10/7;
  margin: 40px auto 0;
}
@media screen and (min-width: 768px), print {
  .ourPurposeWill_detail_logo {
    width: 90px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeWill_detail_logo {
    width: 70px;
  }
}
.ourPurposeWill_detail_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ourPurposeBanner {
}
.ourPurposeBanner > a {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .ourPurposeBanner {
    margin: 80px 0 0;
    aspect-ratio: 281/82;
  }
  .ourPurposeBanner > a {
    border-radius: 9999px;
  }
}
@media screen and (max-width: 767px) {
  .ourPurposeBanner {
    margin: 40px 0 0;
    aspect-ratio: 345/274;
  }
}
.ourPurposeBanner a {
  display: block;
}
@media screen and (min-width: 768px), print {
  .ourPurposeBanner a {
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
  .ourPurposeBanner a:hover {
    opacity: 0.5;
  }
}
.ourPurposeBanner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fixedButton{
  position: fixed;
  z-index: 3;
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, .3));
}
@media screen and (max-width: 767px) {
  .fixedButton{
    width: 120px;
    right: 20px;
    bottom: 24px;
  }
}

@media screen and (min-width: 768px), print {
  .fixedButton{
    width: 160px;
    right: 34px;
    bottom: 28px;
  }
}

.fixedButton_link{
  display: block;
  width: 100%;
}

.fixedButton_link img{
  width: 100%;
}

.articleBox_section_splitImage{
  display: grid;
}
@media screen and (min-width: 768px), print {
  .articleBox_section_splitImage {
    padding: 0 136px;
    grid-template-columns: repeat(auto-fill, minmax(calc((100% - 20px) / 2), 1fr));
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .articleBox_section_splitImage {
    padding: 0 10px;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    gap: 10px;
  }
}
.articleBox_section_splitImage_item {
  aspect-ratio: 531/797;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.articleBox_section_splitImage-move06 .articleBox_section_splitImage_item {
  aspect-ratio: 530/420;
}

.articleBox_section_splitImage_item img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


/* スクロール示唆
========================================================*/
.scrollIcon {
  position: fixed;
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
@media screen and (min-width: 768px), print {
  .scrollIcon {
    bottom: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .scrollIcon {
    bottom: 20px;
    right: 10px;
  }
}
.scrollIcon.is-paused {
  opacity: 1;
  visibility: visible;
}
.articleBox-move01 .scrollIcon {
  background-color: var(--blue);
}
.articleBox-move02 .scrollIcon {
  background-color: var(--red);
}
.articleBox-move03 .scrollIcon,
.articleBox-move05 .scrollIcon {
  background-color: var(--green);
}
.articleBox-move04 .scrollIcon {
  background-color: var(--yellow);
}
.scrollIcon_inner {
  position: relative;
  width: 100%;
  height: 100%;
  animation: scrollIcon 2.5s infinite;
}
.scrollIcon_inner::before,
.scrollIcon_inner::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 2px;
  border-radius: 100px;
  background-color: var(--white);
}
.articleBox-move04 .scrollIcon_inner::before,
.articleBox-move04 .scrollIcon_inner::after {
  background-color: var(--black);
}
.scrollIcon_inner::before {
  left: 10px;
  transform: rotate(45deg);
}
.scrollIcon_inner::after {
  right: 10px;
  transform: rotate(-45deg);
}
@keyframes scrollIcon {
  0%,80% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.talk {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.talk_item {
  display: flex;
  align-items: flex-start;
}
.talk_item:nth-child(even) {
  flex-direction: row-reverse;
}
.talk_img {
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--white);
}
.talk_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.talk_text {
  position: relative;
  border-radius: 10px;
}
.talk_text::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-left: 0;
  position: absolute;
}
.talk_item:nth-child(even) .talk_text::after {
  left: auto;
  rotate: 180deg;
}
@media screen and (min-width: 768px), print {
  .talk_item {
    gap: 32px;
  }
  .talk_img {
    width: 90px;
  }
  .talk_text {
    padding: 24px 20px;
    background-color: var(--white);
  }
  .talk_text::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 18px solid #ffffff;
    top: 35px;
    left: -17px;
  }
  .talk_text::after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 18px solid #ffffff;
    top: 35px;
    left: -17px;
  }
  .talk_item:nth-child(even) .talk_text::after {
    right: -17px;
  }

}
@media screen and (max-width: 767px) {
  .talk_item {
    gap: 21px;
  }
  .talk_img {
    width: 60px;
  }
  .talk_text {
    padding: 10px 12px;
    background-color: #F7F7F7;
  }
  .talk_text::after {
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 15px solid #F7F7F7;
    top: 20px;
    left: -14px;
  }
  .talk_item:nth-child(even) .talk_text::after {
    right: -14px;
  }


}



.index {
  position: fixed;
  z-index: 999;
  background-color: var(--blue);
  border-radius: 10px;
  width: 200px;
  padding: 16px 10px 10px;
  transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
}
.index_title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.index_title img {
  width: 100%;
}
.index_list {
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.index_list_inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
.index_list a {
  padding: 6px 10px;
  background-color: var(--white);
  border-radius: 5px;
}
.index_close {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--white);
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  cursor: pointer;
}
.index_close::before,
.index_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  background-color: var(--black);
  transform-origin: center;
  border-radius: 100px;
}
.index_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.index_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.index.is-close {
  cursor: pointer;
}


@media screen and (min-width: 768px), print {
  .index {
    bottom: 30px;
    right: 20px;
  }
  .index_title {
    width: 63px;
  }
  .index_list a {
    font-size: 11px;
  }
  .index_close {
    display: none;
    top: 10px;
    right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .index {
    bottom: 10px;
    right: 10px;
  }
  .index_title {
    width: 53px;
  }
  .index_list {
    display: none;
  }
  .index_list a {
    font-size: 10px;
  }
  .index_close {
    top: 4px;
    right: 4px;
  }

  .index.is-close {
    width: 90px;
    padding-top: 10px;
  }

  .is-close .index_close,
  .is-close .index_list_inner {
    opacity: 0;
    visibility: hidden;
  }

}