*,
*::before,
*::after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

html {
   -moz-text-size-adjust: none;
   -webkit-text-size-adjust: none;
   -ms-text-size-adjust: none;
       text-size-adjust: none;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
   margin: 0;
}

ul[role=list],
ol[role=list] {
   list-style: none;
   margin: 0;
   padding: 0;
}

body {
   min-height: 100vh;
   line-height: 1.5;
}

h1,
h2,
h3,
h4,
button,
input,
label {
   line-height: 1.1;
}

h1,
h2,
h3,
h4 {
   text-wrap: balance;
}

a:not([class]) {
   -webkit-text-decoration-skip: ink;
           text-decoration-skip-ink: auto;
   color: currentColor;
}

img,
picture {
   max-width: 100%;
   display: block;
}

input,
button,
textarea,
select {
   font: inherit;
}

textarea:not([rows]) {
   min-height: 10em;
}

:target {
   scroll-margin-block: 5ex;
}

.xs {
   display: none !important;
}
@media (min-width: 330px) {
   .xs {
      display: block !important;
   }
}

.xs-f {
   display: none !important;
}
@media (min-width: 330px) {
   .xs-f {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }
}

.xs-ib {
   display: none !important;
}
@media (min-width: 330px) {
   .xs-ib {
      display: inline-block !important;
   }
}

.xs-t {
   display: none !important;
}
@media (min-width: 330px) {
   .xs-t {
      display: table-cell !important;
   }
}

.xs-only {
   display: none !important;
}
@media (max-width: 330px) {
   .xs-only {
      display: block !important;
   }
}

.xs-only-f {
   display: none !important;
}
@media (max-width: 330px) {
   .xs-only-f {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }
}

.xs-only-ib {
   display: none !important;
}
@media (max-width: 330px) {
   .xs-only-ib {
      display: inline-block !important;
   }
}

.xs-only-if {
   display: none !important;
}
@media (max-width: 330px) {
   .xs-only-if {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
   }
}

.xs-only-t {
   display: none !important;
}
@media (max-width: 330px) {
   .xs-only-t {
      display: table-cell !important;
   }
}

.sm {
   display: none !important;
}
@media (min-width: 599px) {
   .sm {
      display: block !important;
   }
}

.sm-f {
   display: none !important;
}
@media (min-width: 599px) {
   .sm-f {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }
}

.sm-ib {
   display: none !important;
}
@media (min-width: 599px) {
   .sm-ib {
      display: inline-block !important;
   }
}

.sm-if {
   display: none !important;
}
@media (min-width: 599px) {
   .sm-if {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
   }
}

.sm-t {
   display: none !important;
}
@media (min-width: 599px) {
   .sm-t {
      display: table-cell !important;
   }
}

.sm-only {
   display: none !important;
}
@media (max-width: 599px) {
   .sm-only {
      display: block !important;
   }
}

.sm-only-f {
   display: none !important;
}
@media (max-width: 599px) {
   .sm-only-f {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }
}

.sm-only-ib {
   display: none !important;
}
@media (max-width: 599px) {
   .sm-only-ib {
      display: inline-block !important;
   }
}

.sm-only-if {
   display: none !important;
}
@media (max-width: 599px) {
   .sm-only-if {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
   }
}

.sm-only-t {
   display: none !important;
}
@media (max-width: 599px) {
   .sm-only-t {
      display: table-cell !important;
   }
}

.md {
   display: none !important;
}
@media (min-width: 990px) {
   .md {
      display: block !important;
   }
}

.md-f {
   display: none !important;
}
@media (min-width: 990px) {
   .md-f {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }
}

.md-ib {
   display: none !important;
}
@media (min-width: 990px) {
   .md-ib {
      display: inline-block !important;
   }
}

.md-if {
   display: none !important;
}
@media (min-width: 990px) {
   .md-if {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
   }
}

.md-t {
   display: none !important;
}
@media (min-width: 990px) {
   .md-t {
      display: table-cell !important;
   }
}

.md-only {
   display: none !important;
}
@media (max-width: 990px) {
   .md-only {
      display: block !important;
   }
}

.md-only-f {
   display: none !important;
}
@media (max-width: 990px) {
   .md-only-f {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }
}

.md-only-ib {
   display: none !important;
}
@media (max-width: 990px) {
   .md-only-ib {
      display: inline-block !important;
   }
}

.md-only-if {
   display: none !important;
}
@media (max-width: 990px) {
   .md-only-if {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
   }
}

.md-only-t {
   display: none !important;
}
@media (max-width: 990px) {
   .md-only-t {
      display: table-cell !important;
   }
}

.lg-only {
   display: none !important;
}
@media (min-width: 990px) {
   .lg-only {
      display: block !important;
   }
}

.lg-only-i {
   display: none !important;
}
@media (min-width: 990px) {
   .lg-only-i {
      display: inline !important;
   }
}

.lg-only-ib {
   display: none !important;
}
@media (min-width: 990px) {
   .lg-only-ib {
      display: inline-block !important;
   }
}

.lg-only-f {
   display: none !important;
}
@media (min-width: 990px) {
   .lg-only-f {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }
}

.lg-only-if {
   display: none !important;
}
@media (min-width: 990px) {
   .lg-only-if {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
   }
}

.lg-only-t {
   display: none !important;
}
@media (min-width: 990px) {
   .lg-only-t {
      display: table-cell !important;
   }
}

.indent {
   padding-left: 1.4rem;
   text-indent: -1.4rem;
}

html {
   font-size: 62.5%;
   font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
   font-optical-sizing: auto;
   font-weight: normal;
   font-style: normal;
}

body {
   background-color: #240d3e;
   font-size: 1.6rem;
}

.hiragino {
   font-family: "Hiragino Kaku Gothic StdN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

a:hover {
   text-decoration: none;
}

.hero {
   width: 100%;
   height: 100dvh;
   background: url("../img/tomba_hero-bg.jpg") no-repeat top center;
   background-size: cover;
   position: relative;
   overflow: hidden;
}
@media (max-width: 599px) {
   .hero {
      background: url("../img/tomba_hero-bg-sp.jpg") no-repeat top center;
      background-size: cover;
   }
}
.hero .bottomLine {
   position: absolute;
   width: 100%;
   height: 405px;
   left: 0px;
   bottom: 0;
   -webkit-transform-origin: bottom;
           transform-origin: bottom;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(55.19%, rgba(66, 38, 93, 0)), color-stop(90.49%, #4c1b7e));
   background: linear-gradient(180deg, rgba(66, 38, 93, 0) 55.19%, #4c1b7e 90.49%);
}
@media (max-width: 599px) {
   .hero .bottomLine {
      height: 350px;
   }
}

.heroInner {
   width: 100%;
   height: 780px;
   max-width: 1380px;
   margin: 0 auto;
   position: relative;
}
@media (max-width: 990px) {
   .heroInner {
      height: 100%;
      max-width: 100%;
   }
}
.heroInner__logo {
   padding-left: 2rem;
   position: absolute;
   top: 70%;
   left: 0;
   -webkit-transform: translateY(-75%);
           transform: translateY(-75%);
   width: 52.4%;
   max-width: 755px;
}
@media (max-width: 990px) {
   .heroInner__logo {
      position: relative;
      width: 95%;
      top: auto;
      margin: 0 auto 0px;
      padding-top: 10%;
      -webkit-transform: none;
              transform: none;
   }
}
@media (max-width: 599px) {
   .heroInner__logo {
      padding-top: 25%;
   }
}
.heroInner__chara {
   padding-right: 2rem;
   position: absolute;
   right: 0;
   top: 75%;
   -webkit-transform: translateY(-75%);
           transform: translateY(-75%);
   width: 48.6%;
   max-width: 700px;
}
@media (max-width: 990px) {
   .heroInner__chara {
      position: relative;
      width: 95%;
      top: auto;
      margin: 0 auto;
      -webkit-transform: none;
              transform: none;
   }
}

.newsSection {
   width: 100%;
   background: #000;
}
.newsSection__title {
   font-family: "Hiragino Kaku Gothic StdN";
   font-style: normal;
   font-weight: 800;
   font-size: clamp(3.5rem, 1.51vw + 2.59rem, 5.5rem);
   text-align: center;
   letter-spacing: 0.05em;
   color: #e2abc4;
   padding-bottom: 50px;
}
@media (max-width: 990px) {
   .newsSection__title {
      padding-bottom: 30px;
   }
}
.newsSection__inner {
   max-width: 1280px;
   margin: 0 auto;
   padding: 50px 100px;
   color: #fff;
}
@media (max-width: 990px) {
   .newsSection__inner {
      padding: 30px 2rem;
   }
}
.newsSection__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
}
@media (max-width: 990px) {
   .newsSection__list {
      gap: 20px;
   }
}
.newsSection__list__item {
   font-size: clamp(1.4rem, 0.15vw + 1.31rem, 1.6rem);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
}
.newsSection__list__item__date {
   font-weight: bold;
}
.newsSection__list__item:not(:last-child) {
   border-bottom: 1px dotted #999;
   padding-bottom: 15px;
   margin-bottom: 15px;
}
@media (max-width: 990px) {
   .newsSection__list__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 5px;
   }
}

.pointSection {
   width: 100%;
   background: -webkit-gradient(linear, left bottom, left top, color-stop(88.15%, rgba(66, 38, 93, 0)), to(#3f156d));
   background: linear-gradient(0, rgba(66, 38, 93, 0) 88.15%, #3f156d 100%);
}
.pointSection__imgList {
   margin-top: 60px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 15px;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   width: 100%;
}
@media (max-width: 599px) {
   .pointSection__imgList {
      display: block;
      margin-top: 40px;
   }
}
.pointSection__imgList__item {
   width: calc((100% - 30px) / 2);
}
@media (max-width: 599px) {
   .pointSection__imgList__item {
      width: 100%;
      margin-bottom: 15px;
   }
}
.pointSection__imgList__item img {
   width: 100%;
   border: 1px solid rgba(255, 255, 255, 0.5);
}

.pointSection__inner {
   padding: 100px 2rem;
   width: 100%;
   max-width: 1280px;
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 110px;
   color: #fff;
}
@media (max-width: 990px) {
   .pointSection__inner {
      padding: 50px 2rem;
      display: block;
   }
}
.pointSection__inner .itemList {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   margin: 30px auto 0;
   gap: 10px;
}
@media (max-width: 990px) {
   .pointSection__inner .itemList {
      width: 60%;
   }
}
@media (max-width: 599px) {
   .pointSection__inner .itemList {
      width: 100%;
   }
}
.pointSection__inner .pointSection__title {
   padding-bottom: 35px;
   font-size: clamp(3rem, 0.45vw + 2.73rem, 3.6rem);
}
.pointSection__inner .pointSection__text__item {
   padding-bottom: 1rem;
   font-size: clamp(1.4rem, 0.15vw + 1.31rem, 1.6rem);
}
.pointSection__inner__lead {
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
   width: 100%;
   max-width: calc(100% - 462px);
}
@media (max-width: 990px) {
   .pointSection__inner__lead {
      max-width: 100%;
   }
}
.pointSection__inner__detail {
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
   font-size: clamp(1.2rem, 0.08vw + 1.15rem, 1.3rem);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 25px 35px;
   max-width: 462px;
   width: 100%;
   background: -webkit-gradient(linear, left top, left bottom, from(#3a1460), to(#4e1885));
   background: linear-gradient(180deg, #3a1460 0%, #4e1885 100%);
   border: 1px solid #601ca7;
   border-radius: 10px;
   position: relative;
}
@media (max-width: 990px) {
   .pointSection__inner__detail {
      max-width: 100%;
      margin-bottom: 50px;
   }
}
.pointSection__inner__detail .img-point {
   position: absolute;
   right: -110px;
   top: -50px;
}
@media (max-width: 990px) {
   .pointSection__inner__detail .img-point {
      right: 0;
      top: -100px;
      width: 120px;
   }
}
.pointSection__inner__detail__title {
   font-weight: bold;
   color: #e2abc4;
   -ms-flex-negative: 0;
       flex-shrink: 0;
}
.pointSection__inner__detail__text {
   padding-bottom: 10px;
}
.pointSection__inner__detail__additional {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 1rem;
}
.pointSection__inner__detail__additional.is-first {
   padding-top: 25px;
}
.pointSection__inner__detail__hard {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   padding-bottom: 5px;
}
.pointSection__inner__detail__hard__label {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   font-weight: bold;
}
@media (max-width: 990px) {
   .pointSection__inner__detail__hard__info {
      padding-bottom: 5px;
   }
}

.introductionSection {
   background: url("../img/img-introduction-bg.png") no-repeat top center;
   background-size: cover;
}

.introductionSection__inner {
   position: relative;
   padding: 100px 2rem;
   width: 100%;
   max-width: 1280px;
   margin: 0 auto;
   color: #eed0df;
   text-align: center;
}
@media (max-width: 990px) {
   .introductionSection__inner {
      padding: 50px 2rem 100px;
      max-width: 100%;
   }
}
.introductionSection__inner .introductionSection__title {
   font-family: "Hiragino Kaku Gothic StdN";
   font-style: normal;
   font-weight: 800;
   font-size: clamp(2.8rem, 2.04vw + 1.58rem, 5.5rem);
   text-align: center;
   letter-spacing: 0.05em;
   color: #e2abc4;
}
.introductionSection__inner .img-marker {
   margin: 40px auto 50px;
}
@media (max-width: 990px) {
   .introductionSection__inner .img-marker {
      margin: 30px auto 40px;
      width: 25px;
   }
}
.introductionSection__inner .introductionSection__text {
   font-weight: normal;
   line-height: 3.6rem;
   padding-bottom: 30px;
   font-size: clamp(1.4rem, 0.15vw + 1.31rem, 1.6rem);
}
.introductionSection__inner .introductionSection__notice {
   font-size: clamp(1.2rem, 0.08vw + 1.15rem, 1.3rem);
   padding-bottom: 115px;
}
.introductionSection__inner .img-introduction2 {
   position: absolute;
   bottom: -15px;
   right: 0;
}
@media (max-width: 990px) {
   .introductionSection__inner .img-introduction2 {
      width: 47px;
      bottom: -10px;
   }
}
.introductionSection__inner .img-introduction2 img {
   width: 100%;
}
.introductionSection__inner .img-introduction3 {
   position: absolute;
   top: 10%;
   right: 5%;
   width: 120px;
}
@media (max-width: 990px) {
   .introductionSection__inner .img-introduction3 {
      width: 70px;
      bottom: -10px;
   }
}
.introductionSection__inner .img-introduction3 img {
   width: 100%;
}
.introductionSection__inner .screenSlide {
   position: relative;
}
.introductionSection__inner .screenSlide .img-introduction {
   position: absolute;
   top: -138px;
   left: 20px;
}
@media (max-width: 990px) {
   .introductionSection__inner .screenSlide .img-introduction {
      height: 70px;
      top: -70px;
   }
}
.introductionSection__inner .screenSlide .img-introduction img {
   width: 100%;
}
.introductionSection__inner .screenSlide .f-carousel {
   --f-button-width: 50px;
   --f-button-height: 50px;
   --f-button-svg-width: 50px;
   --f-button-svg-height: 50px;
   overflow: hidden;
}
.introductionSection__inner .screenSlide .f-carousel__slide {
   border: 20px solid #4d1a81;
   border-radius: 20px;
}
.introductionSection__inner .screenSlide .f-thumbs__slide {
   border: 5px solid #fff;
}
.introductionSection__inner .screenSlide .f-thumbs__slide.is-nav-selected {
   border: 5px solid #4d1a81 !important;
}

.statementSection {
   background-color: #f9ebf2;
}

.statementSection__inner {
   position: relative;
   padding: 100px 2rem;
   width: 100%;
   min-height: 770px;
   max-width: 1280px;
   margin: 0 auto;
   color: #4e1885;
   background: url("../img/img-statement2.png") no-repeat bottom right;
   background-size: 60%;
   padding-top: 250px;
}
@media (max-width: 990px) {
   .statementSection__inner {
      padding-top: 50px;
      background-position: bottom center;
      background-size: 90%;
   }
}
.statementSection__inner .img-statement {
   position: absolute;
   top: -50px;
   left: 0;
}
@media (max-width: 990px) {
   .statementSection__inner .img-statement {
      width: 100px;
   }
}
.statementSection__inner .img-statement2 {
   position: absolute;
   bottom: -50px;
   right: 5%;
   width: 140px;
}
@media (max-width: 990px) {
   .statementSection__inner .img-statement2 {
      width: 100px;
   }
}
.statementSection__inner .statementSection__title {
   font-family: "Hiragino Kaku Gothic StdN";
   font-style: normal;
   font-weight: 800;
   font-size: clamp(3.5rem, 1.51vw + 2.59rem, 5.5rem);
   letter-spacing: 0.05em;
   line-height: 6rem;
   padding-bottom: 40px;
}
@media (max-width: 990px) {
   .statementSection__inner .statementSection__title {
      text-align: center;
      line-height: 4rem;
   }
}
.statementSection__inner .statementSection__text {
   font-size: clamp(1.4rem, 0.3vw + 1.22rem, 1.8rem);
   line-height: 3.2rem;
}
@media (max-width: 990px) {
   .statementSection__inner .statementSection__text {
      text-align: center;
      line-height: 2.5rem;
   }
}
.statementSection__inner .statementSection__sign {
   padding-top: 2rem;
   font-weight: bold;
   font-size: clamp(1.4rem, 0.3vw + 1.22rem, 1.8rem);
}
@media (max-width: 990px) {
   .statementSection__inner .statementSection__sign {
      text-align: center;
   }
}

.characterSection {
   background: url("../img/img-introduction-bg.png") repeat-y top right;
   background-size: 100%;
}

.characterSection__inner {
   position: relative;
   padding: 100px 2rem;
   width: 100%;
   max-width: 1280px;
   margin: 0 auto;
   color: #eed0df;
   text-align: center;
}
@media (max-width: 990px) {
   .characterSection__inner {
      max-width: 100%;
      padding: 70px 2rem 100px;
   }
}
.characterSection__inner .characterSection__title {
   font-family: "Hiragino Kaku Gothic StdN";
   font-style: normal;
   font-weight: 800;
   text-align: center;
   letter-spacing: 0.05em;
   color: #fff;
   font-size: clamp(3.5rem, 1.51vw + 2.59rem, 5.5rem);
}
.characterSection__inner .characterSection__text {
   font-weight: normal;
   line-height: 3.6rem;
   padding-bottom: 125px;
   font-size: clamp(1.4rem, 0.3vw + 1.22rem, 1.8rem);
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__text {
      padding-bottom: 50px;
   }
}
.characterSection__inner .img-marker {
   margin: 40px auto 50px;
}
.characterSection__inner .detail-bg {
   min-width: 50px;
   min-height: 50px;
   background: -webkit-gradient(linear, left top, left bottom, from(#3a1460), to(#4e1885));
   background: linear-gradient(180deg, #3a1460 0%, #4e1885 100%);
   border: 1px solid #601ca7;
   border-radius: 10px;
   padding: 20px 20px;
   text-align: center;
   font-size: clamp(1.2rem, 0.3vw + 1.02rem, 1.6rem);
}
.characterSection__inner .characterSection__detail-tomba {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: end;
   text-align: left;
   margin-bottom: 100px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-tomba {
      display: block;
   }
}
.characterSection__inner .characterSection__detail-tomba .img-chara {
   margin-bottom: 0;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-tomba .img-chara {
      margin-bottom: 20px;
      width: 275px;
   }
}
.characterSection__inner .characterSection__detail-tomba .detail-bg {
   text-align: left;
   padding: 40px 80px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-tomba .detail-bg {
      padding: 20px;
      width: 100%;
   }
}
.characterSection__inner .characterSection__detail-tomba .characterSection__list__item__name {
   font-size: clamp(2rem, 2.12vw + 0.73rem, 4.8rem);
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-tomba .characterSection__list__item__name {
      text-align: center;
   }
}
.characterSection__inner .characterSection__detail-tomba .characterSection__list__item__name .characterSection__list__item__desc {
   font-size: clamp(1.4rem, 0.3vw + 1.22rem, 1.8rem);
}
.characterSection__inner .characterSection__detail-roujins {
   width: 100%;
   margin-bottom: 150px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-roujins {
      margin-bottom: 100px;
   }
}
.characterSection__inner .characterSection__detail-roujins .roujins-images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: end;
   gap: 75px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-roujins .roujins-images {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 20px;
   }
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-roujins .img-chara {
      width: calc(50% - 20px);
   }
}
.characterSection__inner .characterSection__detail-roujins .detail-bg {
   padding: 40px 80px;
   text-align: left;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-roujins .detail-bg {
      padding: 20px;
   }
}
.characterSection__inner .characterSection__detail-mabuta {
   width: 100%;
   margin-bottom: 150px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-mabuta {
      margin-bottom: 100px;
   }
}
.characterSection__inner .characterSection__detail-mabuta .roujins-images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: end;
   gap: 0 75px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-mabuta .roujins-images {
      gap: 20px;
   }
}
.characterSection__inner .characterSection__detail-mabuta .roujins-images .img-chara {
   width: calc(25% - 75px);
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-mabuta .roujins-images .img-chara {
      width: calc(50% - 20px);
   }
}
.characterSection__inner .characterSection__detail-mabuta .detail-bg {
   padding: 40px 80px;
   text-align: left;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-mabuta .detail-bg {
      padding: 20px;
   }
}
.characterSection__inner .characterSection__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: end;
   gap: 40px;
   margin-bottom: 150px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__list {
      margin-bottom: 100px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
   }
}
.characterSection__inner .characterSection__list .characterSection__list__item {
   width: calc(100% - 13.3333333333px);
}
.characterSection__inner .characterSection__list__item__name {
   font-size: clamp(2rem, 0.76vw + 1.55rem, 3rem);
   font-weight: bold;
   padding-bottom: 15px;
   text-align: centr;
}
.characterSection__inner .characterSection__list__item__desc {
   font-size: clamp(1.2rem, 0.3vw + 1.02rem, 1.6rem);
   line-height: 2.3rem;
   color: #fff;
   text-align: left;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__list__item__desc {
      line-height: 2.4rem;
   }
}
.characterSection__inner .img-chara {
   margin-bottom: 60px;
}
@media (max-width: 990px) {
   .characterSection__inner .img-chara {
      margin: 0 auto 20px;
      width: 150px;
   }
}
.characterSection__inner .characterSection__detail-mob {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: end;
   gap: 50px;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-mob {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
   }
}
.characterSection__inner .characterSection__detail-mob .characterSection__list__item__info {
   width: 40%;
}
@media (max-width: 990px) {
   .characterSection__inner .characterSection__detail-mob .characterSection__list__item__info {
      width: 100%;
   }
}
.characterSection__inner .characterSection__detail-mob .characterSection__list__item__info .characterSection__list__item__desc {
   text-align: center;
}

.footer {
   color: #fff;
   text-align: center;
   background: #000;
   padding: 100px 2rem 100px;
}
.footer__inner {
   width: 100%;
   max-width: 1280px;
   margin: 0 auto;
   font-size: clamp(1rem, 0.3vw + 0.82rem, 1.4rem);
}
.footer .footer__logolist {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 100px;
   margin-bottom: 100px;
}
@media (max-width: 990px) {
   .footer .footer__logolist {
      gap: 10px 30px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
   }
}
.footer .footer__logolist .footer__logolist__item {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   width: calc(33% - 100px);
}
@media (max-width: 990px) {
   .footer .footer__logolist .footer__logolist__item {
      width: calc(50% - 30px);
   }
}
.footer .footer__logolist .img-logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
}
.footer .logops {
   display: inline-block;
   margin: 0 2px;
}