@charset "UTF-8";
.fc-black {
  color: #000000;
  fill: #000000;
}

.bc-black {
  background-color: #000000;
}

.fc-white {
  color: #FFFFFF;
  fill: #FFFFFF;
}

.bc-white {
  background-color: #FFFFFF;
}

.fc-blue {
  color: #1478aa;
  fill: #1478aa;
}

.bc-blue {
  background-color: #1478aa;
}

.fc-dd_blue {
  color: #18406a;
  fill: #18406a;
}

.bc-dd_blue {
  background-color: #18406a;
}

.fc-d_blue {
  color: #252d51;
  fill: #252d51;
}

.bc-d_blue {
  background-color: #252d51;
}

.fc-l_blue {
  color: #66a8de;
  fill: #66a8de;
}

.bc-l_blue {
  background-color: #66a8de;
}

.fc-beige {
  color: #f8e9bd;
  fill: #f8e9bd;
}

.bc-beige {
  background-color: #f8e9bd;
}

.fc-d_beige {
  color: #dcc896;
  fill: #dcc896;
}

.bc-d_beige {
  background-color: #dcc896;
}

.fc-orange {
  color: #cd7b1e;
  fill: #cd7b1e;
}

.bc-orange {
  background-color: #cd7b1e;
}

.fc-gray {
  color: #808080;
  fill: #808080;
}

.bc-gray {
  background-color: #808080;
}

.u_arw09::after, .u_arw08::after, .u_arw07::after, .u_arw06::after, .u_arw05::after, .u_arw04::after, .u_arw02::after, .u_arw01::after, body .swiper_block02 .swiper-container .swiper-button-box02 .swiper-button, body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet, body .l-header, #js_pager_content .pagination .item .outer .text, .js-acd-btn .line-box .line {
  -webkit-transition: ease 0.4s;
  -moz-transition: ease 0.4s;
  -ms-transition: ease 0.4s;
  -o-transition: ease 0.4s;
  transition: ease 0.4s;
}

body .l-header .nav {
  -webkit-transition: ease 0.6s;
  -moz-transition: ease 0.6s;
  -ms-transition: ease 0.6s;
  -o-transition: ease 0.6s;
  transition: ease 0.6s;
}

.fade02 > *, .fade01 {
  -webkit-transition: ease 1s;
  -moz-transition: ease 1s;
  -ms-transition: ease 1s;
  -o-transition: ease 1s;
  transition: ease 1s;
}

a:hover {
  opacity: 0.8;
}

.fw-l {
  font-weight: 300;
}

.ff-en, body#body_top main section .c-ttl01 .max_txt,
.fw-r {
  font-weight: 400;
}

html, body#body_top main section.s-lead .cont_block .text_area .text_box .txt, #js_pager_content .pagination .item .outer .text,
.fw-m {
  font-weight: 500;
}

.fw-semi {
  font-weight: 600;
}

body#body_top main section .c-ttl01 .min_txt,
.fw-b {
  font-weight: 700;
}

.fw-ex {
  font-weight: 800;
}

.fw-bla {
  font-weight: 900;
}

.fw-r_en {
  font-weight: 400;
}

.fw-m_en {
  font-weight: 500;
}

.fw-semi_en {
  font-weight: 600;
}

.fw-b_en {
  font-weight: 700;
}

@media screen and (max-width: 1536px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1224px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 980px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 475px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 375px) {
  body {
    margin: 0;
  }
}

/* # =================================================================
    # 共通要素
# ================================================================= */
html {
  font-size: 62.5%;
  overflow-y: scroll;
}
html body {
  font-size: 1.6rem;
  height: auto;
  overflow-x: hidden;
}
html body.fixed {
  position: fixed !important;
  width: 100% !important;
  overflow: hidden !important;
}
@media screen and (max-width: 980px) {
  html body {
    overflow-x: hidden;
  }
}
html body * {
  cursor: url("../img/top/cursor.png") 4 4, auto !important;
}
html body a,
html body button {
  cursor: url("../img/top/cursor.png") 4 4, auto !important;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: ease 0.4s;
  -moz-transition: ease 0.4s;
  -ms-transition: ease 0.4s;
  -o-transition: ease 0.4s;
  transition: ease 0.4s;
}
a.fig {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
a.fig picture {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
a.fig img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

img,
picture {
  /* PCの右クリック禁止 */
  pointer-events: none;
  /* SPの長押し禁止 */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
  /* ドラッグ禁止 */
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: inherit;
}

address {
  font-style: normal;
}

img {
  max-width: 100%;
}

figure,
.fig {
  margin: 0;
  vertical-align: top;
}
figure picture,
.fig picture {
  vertical-align: top;
}
figure img,
.fig img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

i {
  display: inline-block;
  height: auto;
  line-height: 0;
  vertical-align: top;
}
i img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
i svg {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

section {
  position: relative;
}
section .txt {
  text-align: justify;
}

@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
.hvropa:hover {
  opacity: 0.7;
}

.fadeIn00 {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: 1s;
}
@media screen and (max-width: 980px) {
  .fadeIn00 .fadeIn00 {
    transition: 1.2s;
  }
}
.fadeIn00.is-show {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fadeIn01 {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: 1s;
}
@media screen and (max-width: 980px) {
  .fadeIn01 {
    transition: 1.2s;
  }
}
.fadeIn01.is-show {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.fadeIn01.is-show:nth-child(1) {
  transition-delay: 0s;
}
.fadeIn01.is-show:nth-child(2) {
  transition-delay: 0.1s;
}
.fadeIn01.is-show:nth-child(3) {
  transition-delay: 0.2s;
}
.fadeIn01.is-show:nth-child(4) {
  transition-delay: 0.3s;
}
.fadeIn01.is-show:nth-child(5) {
  transition-delay: 0.4s;
}
.fadeIn01.is-show:nth-child(6) {
  transition-delay: 0.5s;
}
.fadeIn01.is-show:nth-child(7) {
  transition-delay: 0.6s;
}
.fadeIn01.is-show:nth-child(8) {
  transition-delay: 0.7s;
}
.fadeIn01.is-show:nth-child(9) {
  transition-delay: 0.8s;
}
.fadeIn01.is-show:nth-child(10) {
  transition-delay: 0.9s;
}
.fadeIn01.is-show:nth-child(11) {
  transition-delay: 1s;
}
.fadeIn01.is-show:nth-child(12) {
  transition-delay: 1.1s;
}
.fadeIn01.is-show:nth-child(13) {
  transition-delay: 1.2s;
}
.fadeIn01.is-show:nth-child(14) {
  transition-delay: 1.3s;
}
.fadeIn01.is-show:nth-child(15) {
  transition-delay: 1.4s;
}
.fadeIn01.is-show:nth-child(16) {
  transition-delay: 1.5s;
}
.fadeIn01.is-show:nth-child(17) {
  transition-delay: 1.6s;
}
.fadeIn01.is-show:nth-child(18) {
  transition-delay: 1.7s;
}
.fadeIn01.is-show:nth-child(19) {
  transition-delay: 1.8s;
}
.fadeIn01.is-show:nth-child(20) {
  transition-delay: 1.9s;
}

.fadeIn02 > * {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: 1s;
}
@media screen and (max-width: 980px) {
  .fadeIn02 > * {
    transition: 1.2s;
  }
}
.fadeIn02.is-show > * {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.fadeIn02.is-show > *:nth-child(1) {
  transition-delay: 0s;
}
.fadeIn02.is-show > *:nth-child(2) {
  transition-delay: 0.1s;
}
.fadeIn02.is-show > *:nth-child(3) {
  transition-delay: 0.2s;
}
.fadeIn02.is-show > *:nth-child(4) {
  transition-delay: 0.3s;
}
.fadeIn02.is-show > *:nth-child(5) {
  transition-delay: 0.4s;
}
.fadeIn02.is-show > *:nth-child(6) {
  transition-delay: 0.5s;
}
.fadeIn02.is-show > *:nth-child(7) {
  transition-delay: 0.6s;
}
.fadeIn02.is-show > *:nth-child(8) {
  transition-delay: 0.7s;
}
.fadeIn02.is-show > *:nth-child(9) {
  transition-delay: 0.8s;
}
.fadeIn02.is-show > *:nth-child(10) {
  transition-delay: 0.9s;
}
.fadeIn02.is-show > *:nth-child(11) {
  transition-delay: 1s;
}
.fadeIn02.is-show > *:nth-child(12) {
  transition-delay: 1.1s;
}
.fadeIn02.is-show > *:nth-child(13) {
  transition-delay: 1.2s;
}
.fadeIn02.is-show > *:nth-child(14) {
  transition-delay: 1.3s;
}
.fadeIn02.is-show > *:nth-child(15) {
  transition-delay: 1.4s;
}
.fadeIn02.is-show > *:nth-child(16) {
  transition-delay: 1.5s;
}
.fadeIn02.is-show > *:nth-child(17) {
  transition-delay: 1.6s;
}
.fadeIn02.is-show > *:nth-child(18) {
  transition-delay: 1.7s;
}
.fadeIn02.is-show > *:nth-child(19) {
  transition-delay: 1.8s;
}
.fadeIn02.is-show > *:nth-child(20) {
  transition-delay: 1.9s;
}
.fadeIn02.is-show > *:nth-child(21) {
  transition-delay: 2s;
}
.fadeIn02.is-show > *:nth-child(22) {
  transition-delay: 2.1s;
}
.fadeIn02.is-show > *:nth-child(23) {
  transition-delay: 2.2s;
}
.fadeIn02.is-show > *:nth-child(24) {
  transition-delay: 2.3s;
}
.fadeIn02.is-show > *:nth-child(25) {
  transition-delay: 2.4s;
}
.fadeIn02.is-show > *:nth-child(26) {
  transition-delay: 2.5s;
}
.fadeIn02.is-show > *:nth-child(27) {
  transition-delay: 2.6s;
}
.fadeIn02.is-show > *:nth-child(28) {
  transition-delay: 2.7s;
}
.fadeIn02.is-show > *:nth-child(29) {
  transition-delay: 2.8s;
}
.fadeIn02.is-show > *:nth-child(30) {
  transition-delay: 2.9s;
}
.fadeIn02.is-show > *:nth-child(31) {
  transition-delay: 3s;
}
.fadeIn02.is-show > *:nth-child(32) {
  transition-delay: 3.1s;
}
.fadeIn02.is-show > *:nth-child(33) {
  transition-delay: 3.2s;
}
.fadeIn02.is-show > *:nth-child(34) {
  transition-delay: 3.3s;
}
.fadeIn02.is-show > *:nth-child(35) {
  transition-delay: 3.4s;
}
.fadeIn02.is-show > *:nth-child(36) {
  transition-delay: 3.5s;
}
.fadeIn02.is-show > *:nth-child(37) {
  transition-delay: 3.6s;
}
.fadeIn02.is-show > *:nth-child(38) {
  transition-delay: 3.7s;
}
.fadeIn02.is-show > *:nth-child(39) {
  transition-delay: 3.8s;
}
.fadeIn02.is-show > *:nth-child(40) {
  transition-delay: 3.9s;
}

.fade01 {
  opacity: 0;
}
.fade01.is-show {
  opacity: 1;
}
.fade01.is-show:nth-child(1) {
  transition-delay: 0s;
}
.fade01.is-show:nth-child(2) {
  transition-delay: 0.1s;
}
.fade01.is-show:nth-child(3) {
  transition-delay: 0.2s;
}
.fade01.is-show:nth-child(4) {
  transition-delay: 0.3s;
}
.fade01.is-show:nth-child(5) {
  transition-delay: 0.4s;
}
.fade01.is-show:nth-child(6) {
  transition-delay: 0.5s;
}
.fade01.is-show:nth-child(7) {
  transition-delay: 0.6s;
}
.fade01.is-show:nth-child(8) {
  transition-delay: 0.7s;
}
.fade01.is-show:nth-child(9) {
  transition-delay: 0.8s;
}
.fade01.is-show:nth-child(10) {
  transition-delay: 0.9s;
}
.fade01.is-show:nth-child(11) {
  transition-delay: 1s;
}
.fade01.is-show:nth-child(12) {
  transition-delay: 1.1s;
}
.fade01.is-show:nth-child(13) {
  transition-delay: 1.2s;
}
.fade01.is-show:nth-child(14) {
  transition-delay: 1.3s;
}
.fade01.is-show:nth-child(15) {
  transition-delay: 1.4s;
}
.fade01.is-show:nth-child(16) {
  transition-delay: 1.5s;
}
.fade01.is-show:nth-child(17) {
  transition-delay: 1.6s;
}
.fade01.is-show:nth-child(18) {
  transition-delay: 1.7s;
}
.fade01.is-show:nth-child(19) {
  transition-delay: 1.8s;
}
.fade01.is-show:nth-child(20) {
  transition-delay: 1.9s;
}

.fade02 > * {
  opacity: 0;
}
.fade02.is-show > * {
  opacity: 1;
}
.fade02.is-show > *:nth-child(1) {
  transition-delay: 0s;
}
.fade02.is-show > *:nth-child(2) {
  transition-delay: 0.2s;
}
.fade02.is-show > *:nth-child(3) {
  transition-delay: 0.4s;
}
.fade02.is-show > *:nth-child(4) {
  transition-delay: 0.6s;
}
.fade02.is-show > *:nth-child(5) {
  transition-delay: 0.8s;
}
.fade02.is-show > *:nth-child(6) {
  transition-delay: 1s;
}
.fade02.is-show > *:nth-child(7) {
  transition-delay: 1.2s;
}
.fade02.is-show > *:nth-child(8) {
  transition-delay: 1.4s;
}
.fade02.is-show > *:nth-child(9) {
  transition-delay: 1.6s;
}
.fade02.is-show > *:nth-child(10) {
  transition-delay: 1.8s;
}
.fade02.is-show > *:nth-child(11) {
  transition-delay: 2s;
}
.fade02.is-show > *:nth-child(12) {
  transition-delay: 2.2s;
}
.fade02.is-show > *:nth-child(13) {
  transition-delay: 2.4s;
}
.fade02.is-show > *:nth-child(14) {
  transition-delay: 2.6s;
}
.fade02.is-show > *:nth-child(15) {
  transition-delay: 2.8s;
}
.fade02.is-show > *:nth-child(16) {
  transition-delay: 3s;
}
.fade02.is-show > *:nth-child(17) {
  transition-delay: 3.2s;
}
.fade02.is-show > *:nth-child(18) {
  transition-delay: 3.4s;
}
.fade02.is-show > *:nth-child(19) {
  transition-delay: 3.6s;
}
.fade02.is-show > *:nth-child(20) {
  transition-delay: 3.8s;
}
.fade02.is-show > *:nth-child(21) {
  transition-delay: 4s;
}
.fade02.is-show > *:nth-child(22) {
  transition-delay: 4.2s;
}
.fade02.is-show > *:nth-child(23) {
  transition-delay: 4.4s;
}
.fade02.is-show > *:nth-child(24) {
  transition-delay: 4.6s;
}
.fade02.is-show > *:nth-child(25) {
  transition-delay: 4.8s;
}
.fade02.is-show > *:nth-child(26) {
  transition-delay: 5s;
}
.fade02.is-show > *:nth-child(27) {
  transition-delay: 5.2s;
}
.fade02.is-show > *:nth-child(28) {
  transition-delay: 5.4s;
}
.fade02.is-show > *:nth-child(29) {
  transition-delay: 5.6s;
}
.fade02.is-show > *:nth-child(30) {
  transition-delay: 5.8s;
}
.fade02.is-show > *:nth-child(31) {
  transition-delay: 6s;
}
.fade02.is-show > *:nth-child(32) {
  transition-delay: 6.2s;
}
.fade02.is-show > *:nth-child(33) {
  transition-delay: 6.4s;
}
.fade02.is-show > *:nth-child(34) {
  transition-delay: 6.6s;
}
.fade02.is-show > *:nth-child(35) {
  transition-delay: 6.8s;
}
.fade02.is-show > *:nth-child(36) {
  transition-delay: 7s;
}
.fade02.is-show > *:nth-child(37) {
  transition-delay: 7.2s;
}
.fade02.is-show > *:nth-child(38) {
  transition-delay: 7.4s;
}
.fade02.is-show > *:nth-child(39) {
  transition-delay: 7.6s;
}
.fade02.is-show > *:nth-child(40) {
  transition-delay: 7.8s;
}

/*下記追加記述*/
.js_ani_chara_right {
  transform: translateX(100%);
}
.js_ani_chara_right.is-show {
  transform: translateX(0);
}

.js_ani_chara_left {
  transform: translateX(-100%);
}
.js_ani_chara_left.is-show {
  transform: translateX(0);
}

.js_ani_chara_up01 {
  transform: translateY(100%);
}

.js_ani_chara_up02 {
  transform: translateY(100%);
}

@keyframes content_opa {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
#content__wrap {
  opacity: 0;
  visibility: hidden;
  animation: content_opa 0.8s ease-in-out 0.4s forwards;
  overflow-y: clip;
}

/* モジュール
-----------------------------*/
.sub01 {
  top: -0.6em;
  bottom: inherit;
  position: relative;
  font-size: 0.6em;
}

.sub02 {
  top: -0.6em;
  bottom: inherit;
  position: relative;
  font-size: 0.6em;
}

.sub03 {
  position: relative;
  font-size: 80%;
}

.pl-18vw {
  padding-left: 18vw;
}

.js-acd-btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  cursor: pointer;
  gap: 25px;
}
@media screen and (max-width: 980px) {
  .js-acd-btn {
    width: 100%;
  }
}
.js-acd-btn button {
  width: calc(100% - 25px - 16px);
  text-align: justify;
}
.js-acd-btn .line-box {
  width: 16px !important;
  height: 16px !important;
  position: relative;
}
.js-acd-btn .line-box .line {
  background-color: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: block;
}
.js-acd-btn .line-box .line.line01 {
  height: 2px;
  width: 100%;
}
.js-acd-btn .line-box .line.line02 {
  height: 100%;
  width: 2px;
}
.js-acd-btn.active .line-box .line.line02 {
  opacity: 0;
}

.js-acd-content {
  display: none;
}

#js_pager_content .js_pager_item {
  display: none;
}
#js_pager_content .js_pager_item.is-active {
  display: block;
}
#js_pager_content .pagination {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 1050px;
  margin-top: 97px;
}
@media screen and (max-width: 980px) {
  #js_pager_content .pagination {
    margin-top: 48px;
  }
}
#js_pager_content .pagination .number {
  display: none;
}
#js_pager_content .pagination .item {
  cursor: pointer;
}
#js_pager_content .pagination .item .outer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 14px;
}
#js_pager_content .pagination .item .outer .text {
  font-size: 20px;
  letter-spacing: 0.03em;
  line-height: 1;
}
#js_pager_content .pagination .item.prev .outer .p_arw01 {
  transform: rotate(-180deg);
}
#js_pager_content .pagination .item.next .outer .text {
  order: 1;
}
#js_pager_content .pagination .item.next .outer .p_arw01 {
  order: 2;
}
#js_pager_content .pagination .item.disabled {
  opacity: 0;
  pointer-events: none;
}
#js_pager_content .pagination .item:hover {
  opacity: 1;
}
#js_pager_content .pagination .item:hover .outer {
  opacity: 1;
}
#js_pager_content .pagination .item:hover .outer .text {
  color: #000000;
}
#js_pager_content .pagination .item:hover .outer .p_arw01::after {
  transform: scale(1.15);
}

/* foundation */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # 一般的な要素
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

ol,
ul,
li {
  list-style: none;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 68%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: 0em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # フォーム要素
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
  /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/* # =================================================================
   # メディア要素
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # アクセシビリティ
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # セレクション
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

cite {
  font-style: normal;
}

/* layout */
body.body__scroll__start .l-header {
  background-color: #fffff9;
}
body .l-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1000;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: clamp(1.9rem, 1.8880208333vw, 2.9rem);
  padding-right: clamp(2rem, 2.9296875vw, 4.5rem);
  padding-bottom: clamp(1rem, 0.6510416667vw, 1rem);
  gap: 2rem;
}
@media screen and (max-width: 980px) {
  body .l-header {
    padding: 1.6rem 2rem 1.6rem 1.4rem;
  }
}
body .l-header .logo {
  width: clamp(12rem, 19.53125vw, 30rem);
  font-size: 0;
}
@media screen and (max-width: 980px) {
  body .l-header .logo {
    width: clamp(14.1rem, 37.6vw, 14.1rem);
  }
}
body .l-header .logo > a {
  display: block;
}
body .l-header .logo > a img {
  width: 100%;
  height: auto;
}
body .l-header .nav {
  width: calc(100% - clamp(12rem, 19.53125vw, 30rem) - 2rem);
}
body .l-header .nav .nav_bg_sp {
  display: none;
}
@media screen and (max-width: 980px) {
  body .l-header .nav .nav_bg_sp {
    display: block;
    margin-top: -2px;
    height: 52px;
    width: 100%;
  }
  body .l-header .nav .nav_bg_sp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
body .l-header .nav .nav_wrap {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: clamp(1.2rem, 1.4322916667vw, 2.2rem);
}
body .l-header .nav .nav_wrap .nav__link01 {
  font-size: clamp(1.2rem, 1.0416666667vw, 1.6rem);
  letter-spacing: 0;
  line-height: 1.4;
}
body .l-header .nav .nav_wrap .nav__link01:hover {
  opacity: 1;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4em;
}
body .l-header .nav .nav_wrap .link_item {
  width: fit-content;
}
body .l-header .nav .nav_wrap .link_item + .link_item .nav__link01 {
  padding-left: clamp(2.2rem, 2.0833333333vw, 3.2rem);
  background-image: url("../img/top/icn_link-txt.svg");
  background-position: left center;
  background-size: 0.6em;
  background-repeat: no-repeat;
}
body .l-header .nav .nav_wrap .nav__link01.is-active {
  pointer-events: none;
  color: #66a8de;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  body .l-header .nav {
    position: absolute;
    top: calc((100vh + 52px) * -1);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: calc(100vh + 52px);
    height: 100vh;
    padding: 0;
    z-index: 1000;
  }
  body .l-header .nav .nav_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: calc(6.3rem + 2vh + 3rem) 1.4rem 4rem;
    background-color: #b6e2f5;
    gap: 2rem;
    overflow-y: scroll;
    height: 100%;
  }
  body .l-header .nav .nav_wrap .nav__link01 {
    font-size: clamp(1.8rem, 4.8vw, 1.8rem);
    text-align: center;
    display: block;
  }
  body .l-header .nav .nav_wrap .link_item {
    width: 100%;
  }
  body .l-header .nav .nav_wrap .link_item + .link_item .nav__link01 {
    padding-left: 0;
    background-image: url("../img/top/icn_link-txt_white.svg");
    background-position: top center;
    background-size: 0.5em;
    padding-top: calc(0.5em + 1.8rem);
  }
}
body .l-header .c-hamburger {
  display: none;
  width: 3rem;
  height: 1.9rem;
}
@media screen and (max-width: 980px) {
  body .l-header .c-hamburger {
    display: block;
    position: relative;
    z-index: 10000;
  }
}
body .l-header .c-hamburger.is-active .c-hamburger__wrap span:nth-child(1) {
  animation: Rotate01 0.4s linear forwards;
}
@keyframes Rotate01 {
  0% {
    top: 0%;
    transform: translateX(-50%);
  }
  30% {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  60% {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  100% {
    top: 50%;
    width: 120%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
body .l-header .c-hamburger.is-active .c-hamburger__wrap span:nth-child(2) {
  animation: Rotate02 0.4s linear forwards;
}
@keyframes Rotate02 {
  0% {
    top: 100%;
    transform: translateX(-50%);
  }
  30% {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  60% {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  100% {
    top: 50%;
    width: 120%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
body .l-header .c-hamburger.is-active + .nav {
  top: 0;
}
body .l-header .c-hamburger__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  display: block;
}
body .l-header .c-hamburger__wrap span {
  position: absolute;
  width: 100%;
  height: 3px;
  border-bottom: 3px solid;
  background-color: #252d51;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.5s;
}
body .l-header .c-hamburger__wrap span:nth-child(1) {
  top: 0;
}
body .l-header .c-hamburger__wrap span:nth-child(2) {
  bottom: 0;
}

.l-footer {
  position: absolute;
  bottom: clamp(2rem, 6.8rem, 68px);
  right: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  z-index: 10;
}
.l-footer .copy {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  display: block;
}
@media screen and (max-width: 767px) {
  .l-footer {
    bottom: 6.4vw;
  }
  .l-footer .copy {
    font-size: 2.6666666667vw;
  }
}

body#body_top {
  overflow-x: hidden;
  background-color: #fffff9;
  position: relative;
}
body#body_top #i-btn {
  position: fixed;
  padding-right: clamp(4rem, 3.90625vw, 6rem);
  bottom: clamp(2rem, 1.953125vw, 3rem);
  left: 0;
  right: 0;
  pointer-events: none;
  margin: auto;
  text-align: right;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  height: fit-content;
  z-index: 100;
}
body#body_top #i-btn .pege_btn {
  display: inline-block;
  pointer-events: all;
  width: clamp(18rem, 13.0208333333vw, 20rem);
}
body#body_top #i-btn .pege_btn img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body#body_top #i-btn {
    width: 100%;
    bottom: 0;
    padding-right: 0;
  }
  body#body_top #i-btn .pege_btn {
    width: clamp(16rem, 10.4166666667vw, 16rem);
  }
}
body#body_top main {
  position: relative;
  overflow-x: hidden;
  background-color: #fffff9;
}
body#body_top main section {
  position: relative;
}
body#body_top main section .c-ttl01 {
  font-size: clamp(6rem, 4.296875vw, 6.6rem);
  letter-spacing: 0em;
  line-height: 1.2;
}
body#body_top main section .c-ttl01 .max_txt {
  display: block;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: capitalize;
}
body#body_top main section .c-ttl01 .min_txt {
  display: block;
  font-size: 0.3em;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 0.7em;
}
@media screen and (max-width: 767px) {
  body#body_top main section .c-ttl01 .min_txt {
    font-size: clamp(1.6rem, 4.2666666667vw, 1.8rem);
  }
}
body#body_top main section > * {
  position: relative;
  z-index: 2;
}
body#body_top main section .s-bg_bubble {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: max(1536px, 100vw);
  height: auto;
  z-index: 2;
  margin: auto;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  body#body_top main section .s-bg_bubble {
    width: 100%;
  }
}
body#body_top main section .s-bg_block {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: max(1536px, 100vw);
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  body#body_top main section .s-bg_block {
    width: 100%;
  }
}
body#body_top main section .s-bg_block .s-bg_item {
  position: absolute;
}
body#body_top main section .s-bg_block .s-bg_item.top_item {
  width: 100%;
  height: auto;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
body#body_top main section .s-bg_block .s-bg_item.mid_item {
  position: absolute;
  height: calc(100% - max(85rem, 55.3385416667vw) - max(50.9rem, 33.1380208333vw));
  top: max(85rem, 61.8489583333vw - 10rem);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  min-height: 18rem;
}
@media screen and (max-width: 1224px) {
  body#body_top main section .s-bg_block .s-bg_item.mid_item {
    display: none;
  }
}
@media screen and (max-width: 1224px) and (max-width: 767px) {
  body#body_top main section .s-bg_block .s-bg_item.mid_item {
    height: calc(100% - 100vw - 101.3333333333vw);
    top: 100vw;
    display: block;
  }
}
body#body_top main section .s-bg_block .s-bg_item.bottom_item {
  width: 100%;
  height: auto;
  z-index: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  body#body_top main section .s-bg_block .s-bg_item.bottom_item {
    max-height: 80%;
  }
}
body#body_top main section .s-bg_block .s-bg_item.wide {
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
body#body_top main section .s-bg_block .s-bg_item.wide img {
  width: 100%;
  height: 100%;
}
body#body_top main section.s-hero {
  z-index: 2;
  position: relative;
  overflow: hidden;
}
body#body_top main section.s-hero .mv {
  font-size: 0;
  position: relative;
  z-index: 0;
}
body#body_top main section.s-hero .mv_bg_item {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@keyframes katakata01 {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  5% {
    transform: translate(0, 1px) rotate(0.5deg);
  }
  10% {
    transform: translate(0, 0) rotate(-0.5deg);
  }
  15% {
    transform: translate(2px, 0) rotate(0.5deg);
  }
  20% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes katakata02 {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(-0.45deg);
  }
  10% {
    transform: rotate(0.2deg);
  }
  15% {
    transform: rotate(-0.6deg);
  }
  20% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes katakata03 {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(0.5deg);
  }
  10% {
    transform: rotate(-0.5deg);
  }
  15% {
    transform: rotate(0.5deg);
  }
  20% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes katakata04 {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  5% {
    transform: translate(0, -1px) rotate(-0.65deg);
  }
  10% {
    transform: translate(0, 6px) rotate(0);
  }
  15% {
    transform: translate(0, -2px) rotate(0.5deg);
  }
  20% {
    transform: translate(0, 3px) rotate(0);
  }
  25% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
body#body_top main section.s-hero .mv_bg_item.ani_mv_bg_item01 {
  animation: katakata01 cubic-bezier(0, 1, 0, 1) infinite 4.5s forwards;
}
body#body_top main section.s-hero .mv_bg_item.ani_mv_bg_item02 {
  animation: katakata02 cubic-bezier(0, 1, 0, 1) infinite 5s forwards;
}
body#body_top main section.s-hero .mv_bg_item.ani_mv_bg_item03 {
  animation: katakata03 cubic-bezier(0, 1, 0, 1) infinite 4.5s forwards;
}
body#body_top main section.s-hero .mv_bg_item.ani_mv_bg_item04 {
  animation: katakata04 cubic-bezier(0, 1, 0, 1) infinite 6s forwards;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item01 {
  animation-delay: 0s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item02 {
  animation-delay: 0s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item03 {
  animation-delay: 0.2s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item04 {
  animation-delay: 0.5s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item05 {
  animation-delay: 0.2s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item06 {
  animation-delay: 0.3s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item07 {
  animation-delay: 0.2s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item08 {
  animation-delay: 0.6s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item09 {
  animation-delay: 0s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item10 {
  animation-delay: 0.4s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item11 {
  animation-delay: 0.2s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item12 {
  animation-delay: 0.6s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item13 {
  animation-delay: 0.2s;
}
body#body_top main section.s-hero .mv_bg_item.mv_bg_item14 {
  animation-delay: 0.4s;
}
body#body_top main section.s-lead {
  padding-bottom: clamp(6rem, 1.171875vw, 18rem);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead {
    padding-top: clamp(4rem, 26.1333333333vw, 98rem);
    padding-bottom: clamp(6rem, 41.8666666667vw, 157rem);
  }
}
body#body_top main section.s-lead .cont_block {
  position: relative;
  z-index: 1;
  margin: auto;
  width: 100%;
  max-width: 709px;
  height: fit-content;
  padding-left: 37px;
  padding-right: 37px;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead .cont_block {
    padding-left: 0;
    padding-right: 0;
  }
}
body#body_top main section.s-lead .cont_block .text_area {
  padding: clamp(13rem, 8.984375vw, 13.8rem) 0;
  position: relative;
  z-index: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead .cont_block .text_area {
    padding: clamp(8.8rem, 23.4666666667vw, 8.8rem) 0;
  }
}
body#body_top main section.s-lead .cont_block .text_area .text_box {
  position: relative;
  z-index: 2;
}
body#body_top main section.s-lead .cont_block .text_area .text_box .txt {
  font-size: clamp(2rem, 1.3020833333vw, 2rem);
  line-height: 2.5;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead .cont_block .text_area .text_box .txt {
    font-size: clamp(1.8rem, 1.171875vw, 1.8rem);
    line-height: 2;
  }
}
body#body_top main section.s-lead .cont_block .text_area .text_box .txt.end_txt {
  display: none;
}
body#body_top main section.s-lead .cont_block .text_area .text_box .pre_target {
  display: none;
}
body#body_top main section.s-lead .cont_block .text_area .text_bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
body#body_top main section.s-lead .cont_block .text_area .text_bg img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead .cont_block .text_area .text_bg {
    height: 100%;
    width: 93.5%;
  }
}
body#body_top main section.s-lead .cont_block .bg_area {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
body#body_top main section.s-lead .cont_block .bg_area .bg_item {
  position: absolute;
  z-index: 0;
  height: auto;
}
body#body_top main section.s-lead .cont_block .bg_area .bg_item.bg_item01 {
  width: clamp(12.4rem, 13.8671875vw, 21.3rem);
  top: 5%;
  right: 86.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead .cont_block .bg_area .bg_item.bg_item01 {
    top: -11%;
    right: 60%;
  }
}
body#body_top main section.s-lead .cont_block .bg_area .bg_item.bg_item02 {
  width: clamp(13rem, 17.0572916667vw, 26.2rem);
  bottom: 5%;
  left: 98%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead .cont_block .bg_area .bg_item.bg_item02 {
    bottom: -65px;
    left: 54%;
  }
}
body#body_top main section.s-lead .cont_block .bg_area .bg_item.bg_item03 {
  width: clamp(12rem, 15.7552083333vw, 24.2rem);
  bottom: 5%;
  right: 85%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-lead .cont_block .bg_area .bg_item.bg_item03 {
    bottom: -11.5%;
    right: 62%;
  }
}
body#body_top main section.s-history {
  padding-top: max(26rem, 15.0390625vw);
  padding-bottom: max(46rem, 27.9947916667vw);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history {
    padding-top: 25.6vw;
    padding-bottom: 19.2vw;
  }
}
body#body_top main section.s-history .infinite_slide01 {
  overflow: hidden;
  width: 100vw;
  z-index: 4;
}
body#body_top main section.s-history .infinite_slide01 .inner_container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 0;
  width: 207.9427083333vw;
  min-width: 1820px;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .infinite_slide01 .inner_container {
    width: 2160px;
    min-width: inherit;
  }
}
body#body_top main section.s-history .infinite_slide01 {
  /* 無限スライドアニメーション */
}
@keyframes slideRight {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
body#body_top main section.s-history .infinite_slide01 .pict {
  animation: slideRight 35s infinite linear 0.6s both;
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  width: 50%;
}
body#body_top main section.s-history .ttl-box01 {
  margin-bottom: max(4.5rem, 2.9296875vw);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .ttl-box01 {
    margin-bottom: 13.3333333333vw;
  }
}
body#body_top main section.s-history .cont_block {
  z-index: 4;
}
body#body_top main section.s-history #History__block {
  position: relative;
  z-index: 3;
}
body#body_top main section.s-history .js_acd_btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(6rem, 3.125vw, 48rem);
  margin-bottom: clamp(3rem, 1.953125vw, 3rem);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .js_acd_btn {
    margin-top: clamp(5rem, 13.3333333333vw, 5rem);
  }
}
body#body_top main section.s-history .js_acd_content {
  display: none;
}
body#body_top main section.s-history .history_content {
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content {
    z-index: 3;
  }
}
@media screen and (max-width: 767px) and (max-width: 475px) {
  body#body_top main section.s-history .history_content {
    background-color: inherit;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding-left: 37px;
  padding-right: 37px;
  padding-bottom: clamp(6rem, 7.8125vw, 12rem);
  padding-top: clamp(6rem, 6.5104166667vw, 100rem);
  max-width: 1610px;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: max(4rem, 10.6666666667vw);
    padding-top: max(2rem, 5.3333333333vw);
    max-width: inherit;
    width: 100%;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box + .his_box {
    margin-top: 23.4666666667vw;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box::before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  background-color: #18406a;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .ttl-image {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 0;
  width: clamp(14rem, 19.53125vw, 30rem);
  position: relative;
  z-index: 3;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .ttl-image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .ttl-image {
    width: 80vw;
    margin-bottom: 6.6666666667vw;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area {
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item {
  width: 100%;
  height: fit-content;
  position: relative;
  font-size: 0;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item img {
    max-width: 524px;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item:nth-of-type(odd) {
    padding-right: 48.7%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item:nth-of-type(even) {
    padding-left: 48.7%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item01 {
  margin-top: -4%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item01 {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item01 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item01 img {
    width: clamp(10rem, 33.7890625vw, 51.9rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item02 {
  margin-top: -8%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item02 {
    margin-top: -5.6vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item02 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item02 img {
    width: clamp(10rem, 25.5859375vw, 39.3rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item03 {
  margin-top: -2%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item03 {
    margin-top: -1.6vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item03 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item03 img {
    width: clamp(10rem, 26.8229166667vw, 41.2rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item04 {
  margin-top: -4.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item04 {
    margin-top: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item04 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item04 img {
    width: clamp(10rem, 22.7213541667vw, 34.9rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item05 {
  margin-top: -1.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item05 {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item05 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item05 img {
    width: clamp(10rem, 30.6640625vw, 47.1rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item06 {
  margin-top: 1%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item06 {
    margin-top: -2.9333333333vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item06 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item06 img {
    width: clamp(10rem, 23.4375vw, 36rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item07 {
  margin-top: -3%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item07 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item07 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item07 img {
    width: clamp(10rem, 28.515625vw, 43.8rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item08 {
  margin-top: -2%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item08 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item08 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item08 img {
    width: clamp(10rem, 25.5208333333vw, 39.2rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item09 {
  margin-top: -12%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item09 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item09 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item09 img {
    width: clamp(10rem, 33.7890625vw, 51.9rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item10 {
  margin-top: -1%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item10 {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item10 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item10 img {
    width: clamp(10rem, 26.1067708333vw, 40.1rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item11 {
  margin-top: -1%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item11 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item11 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item11 img {
    width: clamp(10rem, 25.8463541667vw, 39.7rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item12 {
  margin-top: -6.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item12 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item12 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item12 img {
    width: clamp(10rem, 34.1145833333vw, 52.4rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item13 {
  margin-top: -5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item13 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item13 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item13 img {
    width: clamp(10rem, 23.046875vw, 35.4rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item14 {
  margin-top: -3.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item14 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item14 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item14 img {
    width: clamp(10rem, 24.4140625vw, 37.5rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item15 {
  margin-top: 2%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item15 {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item15 {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item15 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item15 img {
    width: clamp(10rem, 22.0703125vw, 33.9rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item16 {
  margin-top: -2.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item16 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item16 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item16 img {
    width: clamp(10rem, 33.1380208333vw, 50.9rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item17 {
  margin-top: -2.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item17 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item17 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item17 img {
    width: clamp(10rem, 24.4140625vw, 37.5rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item18 {
  margin-top: -2.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item18 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item18 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item18 img {
    width: clamp(10rem, 24.609375vw, 37.8rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item19 {
  margin-top: -1%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item19 {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item19 {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item19 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item19 img {
    width: clamp(10rem, 25.2604166667vw, 38.8rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item20 {
  margin-top: 0%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item20 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item20 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item20 img {
    width: clamp(10rem, 25.3255208333vw, 38.9rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item21 {
  margin-top: -8%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item21 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item21 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item21 img {
    width: clamp(10rem, 25.4557291667vw, 39.1rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item22 {
  margin-top: -4.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item22 {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item22 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item22 img {
    width: clamp(10rem, 26.5625vw, 40.8rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item23 {
  margin-top: -17.5%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item23 {
    margin-top: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item23 picture,
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .his_item_area .his_item.his_item23 img {
    width: clamp(10rem, 33.203125vw, 51rem);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .bg_item {
  position: absolute;
  z-index: 0;
  width: fit-content;
  height: fit-content;
  pointer-events: none;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .bg_item_sp {
  position: absolute;
  z-index: 0;
  width: fit-content;
  height: fit-content;
  pointer-events: none;
  display: none;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box .bg_item_sp {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box01::before {
    height: 94%;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box01 .bg_item {
  width: clamp(10rem, 36.0026041667vw, 55.3rem);
  top: 5%;
  right: -18%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box01 .bg_item {
    width: 57.3333333333vw;
    top: 33.6vw;
    right: -21.3333333333vw;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box01 .bg_item_sp01 {
  width: 19.4666666667vw;
  top: 194.6666666667vw;
  right: -5.3333333333vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box01 .bg_item_sp02 {
  width: 57.6vw;
  bottom: -11.4666666667vw;
  left: -28.8vw;
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box02 {
    margin-top: clamp(6rem, 6.7057291667vw, 103rem);
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box02::before {
    height: 97%;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box02 .bg_item {
  width: clamp(10rem, 36.1328125vw, 55.5rem);
  top: -15%;
  left: -18%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box02 .bg_item {
    display: none;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box02 .bg_item_sp01 {
  width: 33.3333333333vw;
  top: 24.8vw;
  right: -8.8vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box02 .bg_item_sp02 {
  width: 44.2666666667vw;
  top: 126.6666666667vw;
  left: -28.2666666667vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box02 .bg_item_sp03 {
  width: 29.6vw;
  bottom: 90.6666666667vw;
  left: -8.5333333333vw;
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 {
    margin-top: clamp(6rem, 7.8125vw, 120rem);
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03::before {
    height: 93%;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item {
  width: clamp(10rem, 41.2109375vw, 63.3rem);
  top: -30%;
  right: -18%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item .bg_img {
  position: relative;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item .bg_img.bg_img01 {
  z-index: 3;
  width: 94%;
  top: 0;
  right: 0;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item .bg_img.bg_img02 {
  position: absolute;
  z-index: 1;
  width: 44%;
  bottom: 0;
  left: 0;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item .chara_img {
  position: absolute;
  z-index: 2;
  width: 29%;
  left: -16%;
  top: 22%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item {
    width: 65.6vw;
    top: -268.2666666667vw;
    right: -38.6666666667vw;
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item .chara_img {
    width: 34.6666666667vw;
    left: -1.8666666667vw;
    top: -24vw;
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item .chara_img img {
    transform: rotate(-10deg);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item_sp01 {
  width: 41.8666666667vw;
  bottom: 36.5333333333vw;
  right: -16.8vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box03 .bg_item_sp02 {
  width: 41.8666666667vw;
  top: 27.4666666667vw;
  right: -16.8vw;
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 {
    margin-top: clamp(6rem, 5.2083333333vw, 80rem);
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04::before {
    height: 92%;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item {
  width: clamp(10rem, 35.6770833333vw, 54.8rem);
  top: -15%;
  left: -18%;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item .bg_img {
  position: relative;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item .bg_img.bg_img01 {
  z-index: 1;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item .chara_img {
  position: absolute;
  z-index: 0;
  width: 32%;
  top: 24%;
  right: -19%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item {
    width: 48vw;
    left: -28vw;
    top: -363.7333333333vw;
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item .chara_img {
    width: 34.1333333333vw;
    top: -17.0666666667vw;
    right: -10.6666666667vw;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item_sp01 {
  width: 29.3333333333vw;
  top: 136.8vw;
  left: -13.0666666667vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box04 .bg_item_sp02 {
  width: 33.3333333333vw;
  bottom: 24.5333333333vw;
  left: -5.8666666667vw;
}
@media screen and (min-width: 768px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 {
    margin-top: clamp(6rem, 5.7942708333vw, 89rem);
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05::before {
    height: 90%;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item01 {
  width: clamp(10rem, 31.25vw, 48rem);
  top: -21%;
  right: -16%;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item01 .bg_img {
  position: relative;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item01 .bg_img.bg_img01 {
  z-index: 1;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item01 .chara_img {
  position: absolute;
  z-index: 0;
  width: 30.8%;
  top: 30%;
  left: -17.4%;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item01 {
    width: 49.8666666667vw;
    right: -23.2vw;
    top: -180vw;
  }
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item01 .chara_img {
    width: 34.1333333333vw;
    top: -20vw;
    left: -2.6666666667vw;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item02 {
  width: clamp(10rem, 16.9270833333vw, 26rem);
  bottom: -20%;
  left: -5%;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item02 .bg_img {
  position: relative;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item02 .bg_img.bg_img01 {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item02 {
    width: 138.6666666667vw;
    bottom: -53.3333333333vw;
    left: 58%;
    transform: translateX(-50%);
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item_sp01 {
  width: 42.1333333333vw;
  top: 91.7333333333vw;
  right: -9.6vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item_sp02 {
  width: 38.4vw;
  top: 146.6666666667vw;
  left: -9.6vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item_sp03 {
  width: 29.6vw;
  top: 265.0666666667vw;
  right: -15.4666666667vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .his_area .his_box.his_box05 .bg_item_sp04 {
  width: 46.6666666667vw;
  top: 316.5333333333vw;
  left: -25.8666666667vw;
}
body#body_top main section.s-history .history_content .acd_content_inner .note {
  max-width: 984px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(0.8rem, 0.6510416667vw, 1rem);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .note {
    font-size: 2.6666666667vw;
    margin-top: 9.3333333333vw;
    text-align: center;
    width: 100%;
    line-height: 2;
    font-weight: bold;
  }
}
body#body_top main section.s-history .history_content .acd_content_inner .js_acd_btn_close {
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(6rem, 6.5104166667vw, 100rem);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-history .history_content .acd_content_inner .js_acd_btn_close {
    margin-top: 12.8vw;
  }
}
body#body_top main section.s-character {
  padding-top: max(28.4rem, 18.4895833333vw);
  padding-bottom: max(29.4rem, 19.140625vw);
  margin-top: clamp(-25rem, -16.2760416667vw, 0px);
  z-index: 4;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-character {
    padding-top: 24.8vw;
    padding-bottom: 25.0666666667vw;
    margin-top: -8.5333333333vw;
  }
}
body#body_top main section.s-character .ttl-box01 {
  padding-bottom: max(5rem, 5.2083333333vw);
  margin-bottom: 0;
}
body#body_top main section.s-character .slider_block {
  margin-top: calc(clamp(3rem, 4.5572916667vw, 7rem) + clamp(7rem, 5.859375vw, 9rem));
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
body#body_top main section.s-character .slider_block .swiper-wrapper .swiper-slide {
  opacity: 0 !important;
}
body#body_top main section.s-character .slider_block .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
body#body_top main section.s-character .slider_block .swiper-pagination01 {
  position: absolute;
  bottom: 112%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: fit-content;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: clamp(2.5rem, 2.2786458333vw, 3.5rem);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-character .slider_block .swiper-pagination01 {
    bottom: 106%;
  }
}
body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet {
  width: clamp(7rem, 5.859375vw, 9rem);
  height: clamp(7rem, 5.859375vw, 9rem);
  aspect-ratio: 1/1;
  font-size: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  opacity: 1;
  margin: 0;
  position: relative;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 50%;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #FFFFFF;
  border-radius: 50%;
  mix-blend-mode: multiply;
  -webkit-filter: drop-shadow(0px 10px 5px #edd598);
  -moz-filter: drop-shadow(0px 10px 5px #edd598);
  filter: drop-shadow(0px 10px 5px #edd598);
  position: relative;
}
body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet:nth-of-type(1)::before {
  background-image: url(../img/top/pagination_icn01.webp);
}
body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet:nth-of-type(2)::before {
  background-image: url(../img/top/pagination_icn02.webp);
}
body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet:nth-of-type(3)::before {
  background-image: url(../img/top/pagination_icn03.webp);
}
body#body_top main section.s-character .slider_block .swiper-pagination01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(1.3);
  opacity: 1;
}
body#body_top main section.s-character .slider_block .swiper-button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  font-size: 0;
  width: 6%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-character .slider_block .swiper-button {
    width: 11%;
  }
}
body#body_top main section.s-character .slider_block .swiper-button.swiper-button-prev01 {
  left: 0;
}
body#body_top main section.s-character .slider_block .swiper-button.swiper-button-prev01 img {
  transform: translateY(28%);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-character .slider_block .swiper-button.swiper-button-prev01 img {
    transform: translateY(8%);
  }
}
body#body_top main section.s-character .slider_block .swiper-button.swiper-button-next01 {
  right: 0;
}
body#body_top main section.s-character .slider_block .swiper-button.swiper-button-next01 img {
  transform: translateY(18%);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-character .slider_block .swiper-button.swiper-button-next01 img {
    transform: translateY(-6%);
  }
}
body#body_top main section.s-character .slider_block .swiper-button img {
  width: 49%;
  transform: translateY(1%);
}
body#body_top main section.s-character .slider_block .swiper-wrapper {
  z-index: 1;
}
body#body_top main section.s-character .slider_block .slider_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: calc(100% - 0px);
  z-index: 0;
  pointer-events: none;
}
body#body_top main section.s-character .slider_block .slider_bg img,
body#body_top main section.s-character .slider_block .slider_bg picture {
  width: 100%;
  height: 100%;
  display: inline-block;
}
body#body_top main section.s-character .slider_block .slider_bg picture {
  -webkit-filter: drop-shadow(0px 14px 5px rgba(237, 213, 152, 0.8));
  -moz-filter: drop-shadow(0px 14px 5px rgba(237, 213, 152, 0.8));
  filter: drop-shadow(0px 14px 5px rgba(237, 213, 152, 0.8));
}
body#body_top main section.s-character .s-bg_block .chara_box {
  position: absolute;
  bottom: calc(100% - clamp(3rem, 15.625vw, 24rem));
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1190px;
  width: 100vw;
  height: fit-content;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 0;
  transform: translateY(100%);
}
body#body_top main section.s-character .s-bg_block .chara_box .s-bg_chara {
  width: clamp(3rem, 15.625vw, 24rem);
}
body#body_top main section.s-character .s-bg_block .chara_box .s-bg_chara svg {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-character .s-bg_block .chara_box {
    width: 100%;
    padding-right: 4.5333333333vw;
  }
  body#body_top main section.s-character .s-bg_block .chara_box .s-bg_chara {
    width: 32vw;
  }
}
body#body_top main section.s-campaign {
  padding-top: max(30rem, 19.6614583333vw);
  padding-bottom: max(32.3rem, 21.0286458333vw);
  margin-top: clamp(-16rem, -10.4166666667vw, 0px);
  z-index: 5;
}
body#body_top main section.s-campaign .ttl-box01 {
  margin-bottom: max(3rem, 1.953125vw);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-campaign {
    padding-top: 26.4vw;
    padding-bottom: 28.2666666667vw;
    margin-top: -2.6666666667vw;
  }
  body#body_top main section.s-campaign .ttl-box01 {
    margin-bottom: 12.8vw;
  }
}
body#body_top main section.s-event {
  padding-top: max(28.5rem, 18.5546875vw);
  padding-bottom: max(50rem, 32.5520833333vw);
  margin-top: clamp(-4.6rem, -2.9947916667vw, 0px);
  z-index: 6;
}
body#body_top main section.s-event .ttl-box01 {
  margin-bottom: max(3rem, 1.953125vw);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-event {
    padding-top: 26.4vw;
    padding-bottom: 30.9333333333vw;
    margin-top: 5.3333333333vw;
  }
  body#body_top main section.s-event .ttl-box01 {
    margin-bottom: 12.8vw;
  }
}
body#body_top main section.s-event .chara_box {
  pointer-events: none;
  position: absolute;
  top: clamp(-6rem, -1.953125vw, -3rem);
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  height: fit-content;
  z-index: 5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-right: 1.8%;
}
body#body_top main section.s-event .chara_box .s-bg_chara {
  width: clamp(3rem, 25vw, 38.4rem);
  position: relative;
  z-index: 2;
  transform: scale(-1, -1);
}
body#body_top main section.s-event .chara_box .s-bg_chara img {
  width: 100%;
  height: auto;
  transform: scale(-1, -1);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-event .chara_box {
    top: -9.3333333333vw;
  }
  body#body_top main section.s-event .chara_box .s-bg_chara {
    width: 47.2vw;
  }
}
body#body_top main section.s-event #js_ani_line01_svg {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
body#body_top main section.s-map {
  padding-top: max(12.3rem, 8.0078125vw);
  padding-bottom: max(32.6rem, 21.2239583333vw);
  margin-top: clamp(-20rem, -13.0208333333vw, 0px);
  z-index: 7;
}
body#body_top main section.s-map .ttl-box01 {
  margin-bottom: max(3rem, 1.953125vw);
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-map {
    padding-top: 0;
    padding-bottom: 26.6666666667vw;
    margin-top: 7.4666666667vw;
  }
}
body#body_top main section.s-map .chara_box {
  pointer-events: none;
  position: absolute;
  top: clamp(-23rem, -14.9739583333vw, 0px);
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1174px;
  width: 100%;
  height: fit-content;
  z-index: 0;
}
body#body_top main section.s-map .chara_box .s-bg_chara {
  width: clamp(3rem, 18.8802083333vw, 29rem);
}
body#body_top main section.s-map .chara_box .s-bg_chara img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body#body_top main section.s-map .chara_box {
    top: -29.3333333333vw;
  }
  body#body_top main section.s-map .chara_box .s-bg_chara {
    width: 38.6666666667vw;
  }
}

/*component*/
body .c-inner01 {
  max-width: 1044px;
  width: 100%;
  margin: 0 auto;
  padding-left: 37px;
  padding-right: 37px;
}
@media screen and (max-width: 767px) {
  body .c-inner01 {
    width: 100%;
    padding-left: 5.6vw;
    padding-right: 5.6vw;
  }
}
body .c-inner02 {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  padding-left: 37px;
  padding-right: 37px;
}
@media screen and (max-width: 767px) {
  body .c-inner02 {
    width: 100%;
    padding-left: 5.6vw;
    padding-right: 5.6vw;
  }
}
body .c-inner03 {
  max-width: 924px;
  width: 100%;
  margin: 0 auto;
  padding-left: 37px;
  padding-right: 37px;
}
@media screen and (max-width: 767px) {
  body .c-inner03 {
    width: 100%;
    padding-left: 5.6vw;
    padding-right: 5.6vw;
  }
}

body .btn01 {
  display: block;
  border-radius: 30px;
  width: clamp(200px, 42.3177083333vw, 65rem);
  overflow: hidden;
}
body .btn01 .btn_wrap {
  width: 100%;
  padding: 0.75em 2em;
  position: relative;
  background-color: #f8e9bd;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: clamp(1.9rem, 1.2369791667vw, 1.9rem);
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  body .btn01 .btn_wrap {
    padding: 1.1em 1em;
    font-size: clamp(1.6rem, 4.2666666667vw, 1.6rem);
  }
}
body .btn01 .btn_wrap text {
  display: block;
  text-align: center;
  font-size: 1em;
  line-height: 1.2;
}
body .btn01 .btn_wrap .arw01 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.9em;
  margin: auto;
  width: 1.5em;
  height: auto;
}
body .btn01 .btn_wrap .arw01.ver02 {
  transform: rotate(-180deg);
}
@media screen and (max-width: 767px) {
  body .btn01 .btn_wrap .arw01 {
    width: 1.2em;
    right: 1.2em;
  }
}
body .bnr01 {
  display: block;
  width: 100%;
  max-width: 850px;
}
body .bnr01 > picture, body .bnr01 > img {
  -webkit-filter: drop-shadow(0px 10px 5px rgba(79, 132, 195, 0.8));
  -moz-filter: drop-shadow(0px 10px 5px rgba(79, 132, 195, 0.8));
  filter: drop-shadow(0px 10px 5px rgba(79, 132, 195, 0.8));
}

html {
  color: #252d51;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  line-height: 1.6;
  letter-spacing: 0em;
}

html,
.l-footer .copy,
.ff-ja {
  font-family: YakuHanJP, "Zen Maru Gothic", sans-serif, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
}

.ff-en {
  font-family: "Lobster", sans-serif;
  font-style: normal;
}

.fw-l {
  font-weight: 300;
}

.fw-r {
  font-weight: 400;
}

body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .txt,
.fw-m {
  font-weight: 500;
}

.fw-semi {
  font-weight: 600;
}

body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.end__date > .inner_outer::after, body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.pre__date > .inner_outer .pict::after, body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .title, .l-footer .copy, body .btn01 .btn_wrap text,
.fw-b {
  font-weight: 700;
}

.fw-ex {
  font-weight: 800;
}

.fw-bla {
  font-weight: 900;
}

.fw-r_en {
  font-weight: 400;
}

.fw-m_en {
  font-weight: 500;
}

.fw-semi_en {
  font-weight: 600;
}

.fw-b_en {
  font-weight: 700;
}

body .swiper-container {
  position: relative;
}
body .swiper_block02 {
  margin-right: calc((100vw - 100%) / -2);
}
@media screen and (max-width: 767px) {
  body .swiper_block02 {
    margin-right: 0;
  }
}
body .swiper_block02 .swiper-container {
  width: 100%;
}
body .swiper_block02 .swiper-container:not(.swiper-initialized) .swiper-button-box02 {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
body .swiper_block02 .swiper-container:not(.swiper-initialized) .swiper-button-box02 .swiper-button {
  pointer-events: none;
}
@media screen and (min-width: 1801px) {
  body .swiper_block02 .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: 23.25%;
  }
}
body .swiper_block02 .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  width: 31.25%;
}
@media screen and (max-width: 767px) {
  body .swiper_block02 .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: 92.3%;
  }
}
body .swiper_block02 .swiper-container .swiper-button-box02 {
  position: relative;
  width: 72%;
  min-width: 20%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 9px;
  margin-bottom: clamp(2.5rem, 3.125vw, 4.8rem);
}
@media screen and (max-width: 767px) {
  body .swiper_block02 .swiper-container .swiper-button-box02 {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 8vw;
    gap: 3.2vw;
  }
}
body .swiper_block02 .swiper-container .swiper-button-box02 .swiper-button {
  width: clamp(4.3rem, 2.7994791667vw, 4.3rem);
  height: clamp(4.3rem, 2.7994791667vw, 4.3rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 767px) {
  body .swiper_block02 .swiper-container .swiper-button-box02 .swiper-button {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
  }
}
body .swiper_block02 .swiper-container .swiper-button-box02 .swiper-button img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
body .swiper_block02 .swiper-container .swiper-button-box02 .swiper-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #252d51;
  box-shadow: 0px 7px 5px rgba(79, 132, 195, 0.4);
  z-index: 0;
  border-radius: 50%;
  mix-blend-mode: multiply;
}
body .swiper_block02 .swiper-container .swiper-button-box02 .swiper-button.swiper-button-disabled {
  opacity: 0.6;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide {
  container-type: inline-size;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide > .inner_outer {
  display: block;
  pointer-events: auto !important;
  height: 100%;
  padding: 7.8947368421cqw 7.8947368421cqw 7.3684210526cqw;
  overflow: hidden;
  border-radius: max(2rem, 5.2631578947cqw);
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .pict {
  width: 100%;
  height: auto;
  aspect-ratio: 160/89;
  display: block;
  overflow: hidden;
  border-radius: max(1rem, 2.6315789474cqw);
  position: relative;
  font-size: 0;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .pict img,
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .pict picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: inline-block;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box {
  padding-top: clamp(1.6rem, 4.7368421053cqw, 2.4rem);
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .title {
  font-size: clamp(1.8rem, 5.2631578947cqw, 3.5rem);
  line-height: 1.4;
  letter-spacing: 0;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .title.pc_text {
  display: block;
}
@media screen and (max-width: 767px) {
  body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .title.pc_text {
    display: none;
  }
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .title.sp_text {
  display: none;
}
@media screen and (max-width: 767px) {
  body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .title.sp_text {
    display: block;
  }
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide .text_box .txt {
  font-size: clamp(1.4rem, 4.2105263158cqw, 1.8rem);
  text-align: justify;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top: clamp(0.9rem, 2.3684210526cqw, 0.9rem);
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.campaign_card > .inner_outer {
  background-color: #f8e9bd;
  box-shadow: 0px 10px 5px rgba(79, 132, 195, 0.7);
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.campaign_card .pict {
  background-color: #dcc896;
  color: #252d51;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.campaign_card .text_box * {
  color: #252d51;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.event_card > .inner_outer {
  background-color: #66a8de;
  box-shadow: 0px 10px 5px rgba(205, 123, 30, 0.2);
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.event_card .pict {
  background-color: #1478aa;
  color: #FFFFFF;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.event_card .text_box * {
  color: #FFFFFF;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.pre__date > .inner_outer {
  pointer-events: none !important;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.pre__date > .inner_outer .pict::after {
  content: "coming soon";
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(1.6rem, 8.4210526316cqw, 4.2rem);
  line-height: 1.2;
  letter-spacing: 0;
  width: 100%;
  z-index: 3;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.pre__date > .inner_outer .pict::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  z-index: 2;
  background-color: #808080;
  opacity: 0.6;
  border-radius: max(1rem, 2.6315789474cqw);
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.start__date > .inner_outer {
  pointer-events: auto !important;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.end__date > .inner_outer {
  pointer-events: none !important;
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.end__date.campaign_card > .inner_outer::after {
  content: "本キャンペーンは\a終了しました";
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.end__date.event_card > .inner_outer::after {
  content: "本イベントは\a終了しました";
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.end__date > .inner_outer::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  z-index: 2;
  background-color: #808080;
  opacity: 0.8;
  border-radius: max(2rem, 5.2631578947cqw);
}
body .swiper_block02 .swiper-container .swiper-wrapper .swiper-slide.end__date > .inner_outer::after {
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(1.6rem, 7.8947368421cqw, 4rem);
  line-height: 1.2;
  letter-spacing: 0;
  width: 100%;
  z-index: 3;
  white-space: pre;
  mix-blend-mode: multiply;
}

/*project*/
/*utility*/
body .visible-sp {
  display: none;
}
@media screen and (max-width: 475px) {
  body .visible-sp {
    display: inline-block;
  }
}
body .hidden-sp {
  display: inline-block;
}
@media screen and (max-width: 475px) {
  body .hidden-sp {
    display: none;
  }
}
body .visible-m {
  display: none;
}
@media screen and (max-width: 767px) {
  body .visible-m {
    display: inline-block;
  }
}
body .hidden-m {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  body .hidden-m {
    display: none;
  }
}
body .visible-tb {
  display: none;
}
@media screen and (max-width: 980px) {
  body .visible-tb {
    display: inline-block;
  }
}
body .hidden-tb {
  display: inline-block;
}
@media screen and (max-width: 980px) {
  body .hidden-tb {
    display: none;
  }
}
body .visible-pc {
  display: none;
}
@media screen and (max-width: 1224px) {
  body .visible-pc {
    display: inline-block;
  }
}
body .hidden-pc {
  display: inline-block;
}
@media screen and (max-width: 1224px) {
  body .hidden-pc {
    display: none;
  }
}
body .visible-lgpc {
  display: none;
}
@media screen and (max-width: 1536px) {
  body .visible-lgpc {
    display: inline-block;
  }
}
body .hidden-lgpc {
  display: inline-block;
}
@media screen and (max-width: 1536px) {
  body .hidden-lgpc {
    display: none;
  }
}

.u_arw01 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 0;
}
.u_arw01 .arw01 {
  width: 7px;
  height: auto;
  z-index: 1;
  position: relative;
}
.u_arw01::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
}

.u_arw02 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 18px;
  height: 18px;
  position: relative;
}
.u_arw02 .arw02 {
  width: 6px;
  height: auto;
  z-index: 1;
  position: relative;
}
.u_arw02::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
}

.u_arw03 {
  width: 134px;
  height: 134px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  z-index: 0;
  font-size: 0;
}
@media screen and (max-width: 980px) {
  .u_arw03 {
    width: 53px;
    height: 53px;
  }
}
.u_arw03 * {
  transition: ease 0.4s;
}
.u_arw03 .arw {
  position: relative;
  z-index: 2;
  width: 17px;
  height: auto;
}
@media screen and (max-width: 980px) {
  .u_arw03 .arw {
    width: 10px;
  }
}
.u_arw03::before {
  content: "";
  border-radius: 50%;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: ease 0.4s;
}
@media screen and (max-width: 980px) {
  .u_arw03::before {
    border-color: rgba(0, 0, 0, 0.2);
  }
}
.u_arw03::after {
  content: "";
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  transform: scale(0);
  transition: ease 0.4s;
}

.u_arw04 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 58px;
  height: 58px;
  position: relative;
  z-index: 0;
}
.u_arw04 .arw04 {
  width: 15px;
  height: auto;
  z-index: 1;
  position: relative;
}
.u_arw04::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
  background-color: #000000;
}
@media screen and (max-width: 980px) {
  .u_arw04 {
    width: 44px;
    height: 44px;
  }
}

.u_arw05 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 37px;
  height: auto;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 0;
}
.u_arw05 .arw {
  width: 13px;
  height: auto;
  z-index: 1;
  position: relative;
}
.u_arw05::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
  background-color: #000000;
}
@media screen and (max-width: 980px) {
  .u_arw05 {
    width: 25px;
    height: 25px;
  }
  .u_arw05 .arw {
    width: 8px;
  }
}

.u_arw06 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 37px;
  height: auto;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 0;
}
.u_arw06 .arw06 {
  width: 13px;
  height: auto;
  z-index: 1;
  position: relative;
}
.u_arw06::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
  background-color: #000000;
}

.u_arw07 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 67px;
  height: auto;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 0;
}
.u_arw07 .arw {
  width: 16px;
  height: auto;
  z-index: 1;
  position: relative;
}
.u_arw07::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
  background-color: #000000;
}
@media screen and (max-width: 980px) {
  .u_arw07 {
    width: 25px;
  }
  .u_arw07 .arw {
    width: 8px;
  }
}

.u_arw08 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 25px;
  height: auto;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 0;
}
.u_arw08 .arw08 {
  width: 10px;
  height: auto;
  transform: translateY(1px);
}
.u_arw08::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
  background-color: #000000;
  z-index: -1;
}
@media screen and (max-width: 980px) {
  .u_arw08 {
    width: 22px;
  }
  .u_arw08 .arw08 {
    width: 12px;
  }
}

.u_arw09 {
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 34px;
  height: auto;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 0;
}
.u_arw09 .arw09 {
  width: 10px;
  height: auto;
}
.u_arw09::after {
  content: "";
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 0;
  background-color: #000000;
  z-index: -1;
}
.u_arw09.bc-black::after {
  background-color: #000000;
}
@media screen and (max-width: 980px) {
  .u_arw09 {
    width: 22px;
  }
  .u_arw09 .arw08 {
    width: 12px;
  }
}

.p_arw01 {
  width: 33px;
  height: auto;
  aspect-ratio: 1/1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  border-radius: 50%;
  z-index: 0;
  font-size: 0;
}
.p_arw01 * {
  transition: ease 0.4s;
}
.p_arw01 .arw {
  position: relative;
  z-index: 2;
  width: 10px;
  height: auto;
}
.p_arw01::after {
  content: "";
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: ease 0.4s;
}

body .t-right {
  text-align: right;
}
body .t-center {
  text-align: center;
}
body .t-left {
  text-align: left;
}
body .t-just {
  text-align: justify;
}
body .c-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body .c-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body .c-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}