@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@600;700&display=swap');

/** *********************** **/

/*
SB
B

font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;

font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
*/

/** *********************** **/

.pc_view {
  display: none;
}

img {
  width: 100%;
  height: auto;
}

/** *********************** **/

.clearfix {
  display: block;
}

.clearfix:before ,
.clearfix:after {
  display: block;
  clear: both;
  content: " ";
}

/** *********************** **/

.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
}

.loader::after {
  width: 100px;
  height: 100px;
  border: 5px solid rgba(189, 148, 85, 1);
  border-top: 5px solid rgba(189, 148, 85, .2);
  border-right: 5px solid rgba(189, 148, 85, .2);
  border-radius: 50%;
  content: " ";
  -webkit-animation: loader .5s linear infinite;
          animation: loader .5s linear infinite;
}

@-webkit-keyframes loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/** *********************** **/

html {
  overflow-x: hidden;
}

body {
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
  color: #000;
  font-weight: 600;
  font-family: 'Shippori Mincho', serif;
  -webkit-font-smoothing: antialiased;
}

/** *********************** **/

header {
  width: 100%;
  height: 150.93vw;
  background-image: url("../sp_img/mv/img.jpg?r=20250605");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.head {
  position: relative;
  width: 100%;
  height: 150.93vw;
}

.head h1 {
  position: absolute;
  top: 99.33vw;
  right: 0;
  left: 0;
  width: 81.46vw;
  margin-inline: auto;
}

/*.head div {
  position: absolute;
  top: 128.8vw;
  right: 0;
  left: 0;
  width: 35.2vw;
  margin-inline: auto;
}*/

#to1stAnniv {
  position: sticky;
  top: 13.33333333333333vw; /* 100/7.5 */
  left: 100%;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  width: 8vw; /* 60/7.5 */
  aspect-ratio: 2 / 9;
}

header[style*="visibility"] #to1stAnniv {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}

#to1stAnniv a {
  display: block;
  -webkit-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}

#to1stAnniv a:hover {
  opacity: .95;
}

/** *********************** **/

.cnt_01_wrap {
  width: 100%;
  background-image: url("../sp_img/cnt_01/bg.jpg?r=20250509");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  padding-block: 42vw 24.26666666666667vw; /* 315/7.5 182/7.5  */
}

.cnt_01 {
  position: relative;
  width: 100%;
}

.cnt_01 h2 {
  width: 34.66vw;
  position: absolute;
  top: -46vw;
  right: 0;
  left: 0;
  margin-inline: auto;
}

.cnt_01 p {
  font-weight: 700;
  font-size: 4vw; /* 30/7.5 */
  line-height: 1.6;
  text-align: center;
  text-shadow: 0 0 2.13vw rgba(255, 255, 255, .2),
               0 0 2.13vw rgba(255, 255, 255, .2),
               0 0 2.13vw rgba(255, 255, 255, .2);
}

.cnt_01 p + p {
  margin-top: 5.333333vw; /* 40/7.5 */
  font-weight: 600;
  font-size: 3.466667vw; /* 26/7.5 */
  text-shadow: 0 0 .8vw rgba(255, 255, 255, .2),
               0 0 .8vw rgba(255, 255, 255, .2),
               0 0 .8vw rgba(255, 255, 255, .2);
}

/** *********************** **/

.cnt_02_wrap {
  width: 100%;
  background-color: #000;
}

.cnt_02 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.cnt_02::after {
  opacity: .4;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 1);
  content: " ";
}

 .cnt_02 video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.cnt_02_btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  width: 17.6vw;
  height: 17.6vw;
  margin: auto;
  background-image: url("../sp_img/cnt_02/arrw.png?r=20250509");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.cnt_02_btn a {
  display: block;
  min-height: 100%;
}

/** *********************** **/

.cnt_03_wrap {
  width: 100%;
  background-image: url("../sp_img/cnt_03/bg.jpg?r=20250509");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #783b92;
}

.cnt_03 {
  width: 100%;
  padding-block: 18.66666666666667vw 13.86666666666667vw; /* 140/7.5 104/7.5 */
  background-image: url("../sp_img/cnt_03/bg_top.png?r=20250509"),
                    url("../sp_img/cnt_03/bg_bottom.png?r=20250509");
  background-position: center top,
                       center 50vw; /* 375/7.5 */
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
}

.cnt_03 h3 {
  position: relative;
  width: 66.66666666666667vw; /* 500/7.5 */
  margin-bottom: 5.866666666666667vw; /* 44/7.5 */
  margin-inline: auto;
}

.cnt_03 h3::before {
  display: block;
  height: 15.6vw; /* 117/7.5 */
  margin-bottom: 4vw; /* 30/7.5 */
  background-image: url("../sp_img/cnt_03/txt_01.png?r=20250509");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: " ";
}

.cnt_03 h3 figure {
  width: 89.8%; /* 449/5 */
  margin-inline: auto;
}

.cnt_03 ul {
  width: 92vw; /* 690/7.5 */
  margin-inline: auto;
}

.cnt_03 li {
  width: 100%;
}

#cboxOverlay {
  opacity: 1 !important;
  background: none !important;
  background-color: rgba(0, 0 ,0, .85) !important;
}

#colorbox {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: auto !important;
  /*padding-top: 10.66vw;*/
}

#cboxWrapper {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 9990;
  width: 100% !important;
  height: 100% !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#cboxContent {
  display: block;
  opacity: 1 !important;
  float: none !important;
  width: 100% !important;
  height: 100% !important;
  margin-inline: auto !important;
  background-image: none !important;
  background-color: rgba(0,0,0,0.0) !important;
}

#cboxLoadedContent {
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}

#cboxTopLeft,
#cboxTopRight,
#cboxTopCenter,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {
  display: none;
  opacity: 1 !important;
  background-image: none !important;
  background-color: #262626 !important;
}

#cboxClose {
  position: fixed;
  top: 4vw !important; /* 30/7.5 */
  right: 4vw;
  width: 8vw; /* 60/7.5 */
  height: 8vw;
  background: none;
  background-image: url("../sp_img/modal/close.png?r=20250509");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.modal_cnt {
  width: 100% !important;
  height: 100lvh !important;
  padding-block: 16vw 20vw !important; /* 120/7.5 150/7.5  */
  padding-inline: 20px !important;
  overflow-y: auto !important;
  /*overscroll-behavior-y: contain;*/
  color: #fff;
  font-size: max( 23px, 3.466666666666667vw ); /* 26/7.5 */
}

.modal_cnt h3 {
  max-width: 627px;
  background-image: url("../sp_img/modal/title_bg.png?r=20250509");
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-bottom: 1.538461538461538em; /* 40/26 */
  margin-inline: auto;
  padding-bottom: 1em;
  /*padding-inline: 2.66vw;*/
  font-weight: 700;
  line-height: 1.4;
  text-align: start;
}

.modal_cnt h3 span {
  font-size: .65em;
}

.modal_cnt figure {
  max-width: 500px;
  margin-bottom: 1.538461538461538em; /* 40/26 */
  margin-inline: auto;
}

.modal_cnt p {
  max-width: 600px;
  margin-bottom: 2.5em; /* 40/16 */
  margin-inline: auto;
  /*padding-inline: 1.33vw;*/
  font-size: .6153846153846154em; /* 16/26 */
  line-height: 1.625;
}

.modal_cnt h4 {
  max-width: 600px;
  margin-bottom: 1.153846153846154em; /* 30/26 */
  margin-inline: auto;
  padding-bottom: 1.153846153846154em; /* 30/26 */
  /*padding-inline: 1.33vw;*/
  border-bottom: 1px solid #bd9455;
  color: #bd9455;
  font-weight: 700;
  line-height: 1;
}

.modal_cnt dl {
  max-width: 600px;
  margin-inline: auto;
  /*padding-inline: 1.33vw;*/
  font-size: .7692307692307692em; /* 20/26 */
}

.modal_cnt dt {
  margin-bottom: .4em; /* 8/20 */
  color: #bd9455;
  font-weight: 700;
  line-height: 1.5;
}

.modal_cnt dd {
  font-size: .8em; /* 16/20 */
  line-height: 1.625;
}

.modal_cnt dl + dl {
  margin-top: .7692307692307692em; /* 20/26 */
}

.modal_cnt ul {
  width: max( 260px, 52vw ); /* 390/7.5 */
  margin-top: 3.076923076923077em; /* 80/26 */
  margin-inline: auto;
}

.modal_cnt li + li {
  margin-top: .69230769230769230em; /* 18/26 */
}

.modal-open {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}

.modal-open::-webkit-scrollbar {
  display: none !important;
}

/** *********************** **/

.cnt_04_wrap {
  width: 100%;
  padding-block: 8.8vw;
  background-image: url("../sp_img/cnt_04/bg.jpg?r=20250509");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.cnt_04 {
  width: 80.13vw;
  margin-inline: auto;
}

.cnt_04 a {
  display: block;
}

/** *********************** **/

.cnt_05_wrap {
  width: 100%;
  padding-block: 13.33vw 17.33vw;
  background-image: url("../sp_img/cnt_05/bg.jpg?r=20250509");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.cnt_05 {
  position: relative;
  width: 100%;
  margin-inline: auto;
  text-align: center;
}

.cnt_05 h3 {
  width: 93.46vw;
  margin-bottom: 2.93vw;
  margin-inline: auto;
}

.cnt_05 p {
  font-size: 3.2vw;
  line-height: 2;
}

.cnt_05 p:nth-of-type(3) ,
.cnt_05 p:nth-of-type(7) ,
.cnt_05 p:nth-of-type(8) {
  font-weight: 700;
  line-height: 1.78;
}

.cnt_05 p:nth-of-type(3) ,
.cnt_05 p:nth-of-type(7) {
  color: #8d6322;
  font-size: 3.733333vw;
}

.cnt_05 p:nth-of-type(8) {
  font-size: 4vw;
}

.cnt_05 p + p {
  margin-top: 6.6666667vw;
}

.cnt_05 p + p:nth-of-type(2) ,
.cnt_05 p + p:nth-of-type(3) ,
.cnt_05 p + p:nth-of-type(7) {
  margin-top: 5.3333333vw;
}

/** *********************** **/

.cnt_06_wrap {
  width: 100%;
  padding-block: 14.26vw 13.86vw;
  background-image: url("../sp_img/cnt_06/bg.jpg?r=20250509");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.cnt_06 {
  width: 93.73vw;
  height: 126.93vw;
  margin-inline: auto;
  padding-top: 10vw;
  background-image: url("../sp_img/cnt_06/cnt_bg.png?r=20250509");
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.cnt_06 h3 {
  width: 76.8vw;
  margin-bottom: 4.4vw;
  margin-inline: auto;
}

.cnt_06 div {
  width: 30.93vw;
  margin-inline: auto;
}

.cnt_06 ul {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  gap: 2.26vw 1.87vw;
  width: 79.73vw;
  margin-top: 4.53vw;
  margin-inline: auto;
}

.cnt_06 li {
}

.cnt_06 li:nth-of-type(1) {
  flex-basis: 34.93vw;
}

.cnt_06 li:nth-of-type(2) {
  flex-basis: 42.93vw;
}

.cnt_06 li:nth-of-type(3) {
  flex-basis: 100%;
}

.cnt_06 li:nth-of-type(3) span {
  font-weight: 400;
  font-size: 2.93vw;
}

.cnt_06 .official_link {
  display: block;
  width: 80.13vw;
  margin-top: 5.06vw;
  margin-inline: auto;
}

/** *********************** **/

.cnt_07_wrap {
  width: 100%;
  padding-block: 16vw 14.66vw;
  background-image: url("../sp_img/cnt_07_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.cnt_07 {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}

.cnt_07 figure {
  width: 92vw;
  height: 56.53vw;
  margin-bottom: 8vw;
  margin-inline: auto;
}

.cnt_07 a {
  display: block;
  width: 80.53vw;
  height: 100%;
  margin-inline: auto;
}

/** *********************** **/

.cnt_08_wrap {
  width: 100%;
  padding-block: 16vw 14.66vw;
  background-image: url("../sp_img/cnt_08_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.cnt_08 {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}

.cnt_08 figure {
  width: 92vw;
  height: 56.53vw;
  margin-bottom: 10.4vw;
  margin-inline: auto;
}

.cnt_08 a {
  display: block;
  width: 80.8vw;
  height: 100%;
  margin-inline: auto;
}

/** *********************** **/

.cnt_09_wrap {
  width: 100%;
  padding-block: 13.33vw 17.33vw;
  background-image: url("../sp_img/cnt_09_bg.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cnt_09 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.cnt_09 h3 {
  width: 88.8vw;
  margin-inline: auto;
}

.cnt_09 p {
  font-weight: 700;
}

.cnt_09 p:nth-of-type(3) ,
.cnt_09 p:nth-of-type(4) ,
.cnt_09 p:nth-of-type(5) ,
.cnt_09 p:nth-of-type(7) {
  font-weight: 400;
  font-size: 3.06vw;
  line-height: 5.86vw;
}

.cnt_09 p:nth-of-type(1) ,
.cnt_09 p:nth-of-type(2) ,
.cnt_09 p:nth-of-type(6) ,
.cnt_09 p:nth-of-type(10) {
  color: #282d44;
}

.cnt_09 p:nth-of-type(1) ,
.cnt_09 p:nth-of-type(2) ,
.cnt_09 p:nth-of-type(6) {
  font-size: 3.2vw;
  line-height: 6.4vw;
}

.cnt_09 p:nth-of-type(6) ,
.cnt_09 p:nth-of-type(8) ,
.cnt_09 p:nth-of-type(9) {
  color: #f05187;
  font-size: 3.6vw;
  line-height: 6.8vw;
}

.cnt_09 p:nth-of-type(1) {
  margin-top: -2.66vw;
}

.cnt_09 p:nth-of-type(10) {
  font-size: 4vw;
  line-height: 7.06vw;
}

.cnt_09 p + p {
  margin-top: 5.33vw;
}

.cnt_09 p + p:nth-of-type(2) {
  margin-top: 6.66vw;
}

/** *********************** **/

.cnt_10_wrap {
  width: 100%;
  padding-block: 13.33vw;
  background-image: url("../sp_img/cnt_10_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.cnt_10 {
  width: 93.73vw;
  height: 128.8vw;
  margin-inline: auto;
  padding-top: 10vw;
  background-image: url("../sp_img/cnt_10_cnt_bg.png");
  background-size: 93.73vw 126.93vw;
  background-repeat: no-repeat;
  text-align: center;
}

.cnt_10 h3 {
  width: 74.66vw;
  margin-bottom: 4.4vw;
  margin-inline: auto;
}

.cnt_10 div {
  width: 30.93vw;
  margin-bottom: 4.53vw;
  margin-inline: auto;
}

.cnt_10 ul {
  width: 79.73vw;
  margin-bottom: 6vw;
  margin-inline: auto;
  font-size: 0;
}

.cnt_10 li {
  display: inline-block;
  vertical-align: top;
}

.cnt_10 li:nth-of-type(1) {
  width: 34.93vw;
  margin-right: 1.87vw;
}

.cnt_10 li:nth-of-type(2) {
  width: 42.93vw;
}

.cnt_10 li:nth-of-type(3) {
  width: 100%;
  margin-top: 2.26vw;
}

.cnt_10 li:nth-of-type(3) span {
  font-weight: 400;
  font-size: 2.93vw;
}

.cnt_10 .official_link {
  display: block;
  width: 68.4vw;
  margin-inline: auto;
}

/** *********************** **/

.cnt_11_wrap {
  width: 100%;
  padding-block: 11.06vw 12.8vw;
  background-image: url("../sp_img/cnt_11/bg.jpg?r=20250509");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.cnt_11_wrap h3 {
  width: 44vw; /* 330/7.5 */
  margin-bottom: 3.06666666667vw; /* 23/7.5 */
  margin-inline: auto;
}

.cnt_11 {
  width: 79.06vw;
  height: 92.93vw;
  margin-inline: auto;
  padding-top: 14.8vw;
  background-image: url("../sp_img/cnt_11/cnt_bg.png?r=20250509");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
}

.cnt_11 h4 {
  width: 62.66vw;
  margin-bottom: 5.86vw;
  margin-inline: auto;
}

.cnt_11 p {
  font-size: 3.73333333vw;
  line-height: 1.714285714285714;
  text-align: center;
}

.cnt_11 div {
  width: 71.06vw;
  margin-top: 8vw;
  margin-inline: auto;
}

.cnt_11 a {
  display: block;
}

/** *********************** **/

.footer {
  width: 100%;
  background-color: #000;
  padding-block: 10.66vw;
}

.footer .pre_registration {
  width: 93.86vw;
  margin-bottom: 6.66vw;
  margin-inline: auto;
}

.ftr_sns {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  column-gap: 5.33vw;
  width: 93.33vw;
  height: 24.8vw;
  margin-bottom: 6.66vw;
  margin-inline: auto;
  padding-block: 8vw;
  background-image: url("../sp_img/common/sns/bg.png?r=20250509");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.ftr_sns li a {
  display: block;
  height: 8.8vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  text-indent: -9876px;
  white-space: nowrap;
}

.ftr_sns li:nth-of-type(1) a {
  width: 10.66vw;
  background-image: url("../sp_img/common/sns/x.png?r=20250509");
}

.ftr_sns li:nth-of-type(2) a {
  width: 13.33vw;
  background-image: url("../sp_img/common/sns/youtube.png?r=20250509");
}

.ftr_menu {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  gap: 2.66vw 4vw;
  width: 92vw;
  margin-inline: auto;
}

.ftr_menu li {
  flex-basis: calc( ( 100% - 4vw ) / 2 );
}

.ftr_menu li:nth-of-type(1) {
  flex-basis: 100%;
}

.ftr_menu li a {
  display: block;
  position: relative;
  height: 8.8vw;
  border: .26vw solid rgba(255, 255, 255, .3);
  background-position: center center;
  background-size: 24.53vw auto;
  background-repeat: no-repeat;
  text-indent: -9876px;
}

.ftr_menu li:nth-of-type(1) a {
  background-image: url("../sp_img/common/ftr_menu/top.png?r=20250509");
}

.ftr_menu li:nth-of-type(2) a {
  background-image: url("../sp_img/common/ftr_menu/news.png?r=20250509");
}

.ftr_menu li:nth-of-type(3) a {
  background-image: url("../sp_img/common/ftr_menu/characters.png?r=20250509");
}

.ftr_menu li:nth-of-type(4) a {
  background-image: url("../sp_img/common/ftr_menu/story.png?r=20250509");
}

.ftr_menu li:nth-of-type(5) a {
  background-image: url("../sp_img/common/ftr_menu/movie.png?r=20250509");
}

.ftr_menu li:nth-of-type(6) a {
  background-image: url("../sp_img/common/ftr_menu/system.png?r=20250509");
}

.ftr_menu li a::before ,
.ftr_menu li a::after {
  position: absolute;
  background-repeat: no-repeat;
	content: " ";
}

.ftr_menu li a::before {
  top: -.533333vw; /* 4/7.5 */
  right: -.533333vw;
  left: -.533333vw;
  bottom: -.533333vw;
  --x-gradient: linear-gradient(  90deg, #bd9455     0 2.6666667vw,
                                         transparent 0 calc( 100% - 2.6666667vw ),
                                         #bd9455     calc( 100% - 2.6666667vw ) 100% ); /* 20/7.5 */
  --y-gradient: linear-gradient( 180deg, #bd9455     0 2.6666667vw,
                                         transparent 0 calc( 100% - 2.6666667vw ),
                                         #bd9455     calc( 100% - 2.6666667vw ) 100% );
  background-image: var(--x-gradient),
                    var(--y-gradient),
                    var(--x-gradient),
                    var(--y-gradient);
  background-position: top,
                       right,
                       bottom,
                       left;
  background-size: 100% .533333vw,
                   .533333vw 100%,
                   100% 0.533333vw,
                   .533333vw 100%; /* 4/7.5 */
}

.ftr_menu li a::after {
  top: 50%;
  right: 2.66vw;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4.26vw;
  height: 1.06vw;
  background-image: url("../sp_img/common/arrw.svg?r=20250509");
  background-size: 100% auto;
}

.ftr_bnr {
  width: 92vw;
  margin-bottom: 7vw;
  margin-inline: auto;
}

.ftr_bnr li {
  width: 92vw;
  height: 20vw;
  margin-bottom: 2.66vw;
  text-indent: -9876px;
}

.ftr_bnr li:nth-of-type(3) {
  margin-bottom: 0;
}

.ftr_bnr li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: 64.8vw auto;
  background-repeat: no-repeat;
  background-color: #272727;
}

.ftr_bnr li:nth-of-type(1) a {
  background-image: url("../sp_img/common/link_01.png") ;
}

.ftr_bnr li:nth-of-type(2) a {
  background-image: url("../sp_img/common/link_02.png");
}

.ftr_bnr li:nth-of-type(3) a {
  background-image: url("../sp_img/common/link_03.png");
}

.ftr_bnr li a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 2.66vw 2.66vw;
  border-color: transparent transparent #bd9455 transparent;
  content: " ";
}

.footer small {
  display: block;
  margin-top: 4vw;
  color: #fff;
  font-weight: 400;
  font-size: 3.2vw;
  line-height: 1;
  text-align: center;
}