@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
	--vh: 0!important;
	--rem: 10px!important
}
@media screen and (max-width:1280px){
    :root{
        --rem:calc(10vw/1280*100)!important
    }
}
@media screen and (max-width:767px) {
	:root {
		--rem: calc(10vw/750*100)!important
	}
}

@media screen and (max-width:767px) {
	.display-pc {
		display: none!important;
	}
}
@media screen and (min-width:768px) {
	.display-sp {
		display: none!important;
	}
}

#main {
    color: #231815;
    font-feature-settings: "palt";
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
}
body img {
    height: auto;
}
#wrapper {
    min-width: inherit!important;
    overflow-x: hidden;
}
.mfp-figure:after {
    content: none;
}
#main .content {
    position: relative;
}
#main .section {

}
#main .section .section__inner{
	padding: 0 calc(10*var(--rem));
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:768px) {
    #main .section .section__inner{
        max-width:calc(130*var(--rem));
    }
}
@media screen and (max-width:767px){
    #main .section .section__inner{
        padding-right:calc(5*var(--rem));
        padding-left:calc(5*var(--rem));
        box-sizing:border-box
    }
}
#wrapper #main [data-anim] {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#wrapper #main [data-anim=top] {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}
.section.special {
    margin-top: 0;
}
.fighers-h2 {
    text-align: center;
}
.fighers-h2 .fighers-h2__eng {
    font-size: calc(3*var(--rem));
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
}
@media screen and (max-width:767px){
    .fighers-h2 .fighers-h2__eng {
        font-size: calc(4*var(--rem));
    }
}
.fighers-h2 .fighers-h2__ja {
    margin-top: calc(1*var(--rem));
    font-size: calc(5.6*var(--rem));
    font-weight: 900;
    line-height: 1.1;
}
@media screen and (max-width:767px){
    .fighers-h2 .fighers-h2__ja {
        margin-top: calc(1*var(--rem));
        font-size: calc(6.5*var(--rem));
    }
}
.fighers-h2 .fighers-h2__ja small {
    font-size: calc(4*var(--rem));
}
@media screen and (max-width:767px){
    .fighers-h2 .fighers-h2__ja small {
        font-size: calc(4.5*var(--rem));
    }
}
.pickup .fighers-h2 .fighers-h2__eng {
    color: #ffffff;
}
.pickup .fighers-h2 .fighers-h2__ja span {
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(191, 190, 190, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.attract .fighers-h2 .fighers-h2__eng {
    color: #01609a;
}
.attract .fighers-h2 .fighers-h2__ja span {
    background: linear-gradient(180deg, rgba(0, 78, 134, 1) 0%, rgba(22, 57, 81, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*========================================
  KV
========================================*/
.kv {
    position: relative;
}
.kv .kv__img img {
    width: 100%;
}
.logos-wrap {
    display: flex;
    overflow: hidden;
    background-color: #01609a;
    padding: calc(1.5 * var(--rem)) 0;
}
@media screen and (max-width:767px){
    .logos-wrap {
        padding: calc(2.5 * var(--rem)) 0;
    }
}
.logos {
    animation: scroll-left 25s infinite linear .5s both;
    display: flex;
    line-height: 1;
}
.logos__item {
    margin-left: calc(2.5 * var(--rem));
    margin-right: calc(2.5 * var(--rem));
    width: calc(40.5 * var(--rem));
    height: calc(2.4 * var(--rem));
}
@media screen and (max-width:767px){
    .logos__item {
        margin-left: calc(2.5 * var(--rem));
        margin-right: calc(2.5 * var(--rem));
        width: calc(55.8 * var(--rem));
        height: calc(3.4 * var(--rem));
    }
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*========================================
  観戦チケットが当たるチャンス！
========================================*/
.about {
    padding: calc(12 * var(--rem)) 0 calc(12 * var(--rem)) 0;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(236, 249, 253, 1) 100%);
}
@media screen and (max-width:767px){
    .about {
        padding: calc(12 * var(--rem)) 0 calc(11.5 * var(--rem)) 0;
    }
}
.about .about__box {
    position: relative;
    padding: calc(7 * var(--rem)) calc(5 * var(--rem));
    background-color: #ffffff;
    border-radius: calc(3 * var(--rem));
    text-align: center;
    box-shadow: 0px 0px calc(2 * var(--rem)) 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:767px){
    .about .about__box {
        padding: calc(8 * var(--rem)) calc(5 * var(--rem));
        border-radius: calc(3 * var(--rem));
    }
}
.about .about__box + .about__box {
    margin-top: calc(7 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box + .about__box {
        margin-top: calc(10 * var(--rem));
    }
}
.about .about__box .about__box__h3 {
    position: absolute;
    display: inline-block;
    line-height: 1;
    width: calc(44.6 * var(--rem));
    padding: calc(0.8 * var(--rem)) calc(3.5 * var(--rem)) calc(1.2 * var(--rem)) calc(3.5 * var(--rem));
    top: calc(-2.3 * var(--rem));
    left: 50%;
    font-size: calc(3 * var(--rem));
    font-weight: bold;
    color: #ffffff;
    background: linear-gradient(90deg,rgba(77, 147, 186, 1) 0%, rgba(18, 121, 177, 1) 100%);
    transform: translateX(-50%) skewX(-15deg);
}
@media screen and (max-width:767px){
    .about .about__box .about__box__h3 {
        padding: calc(1.2 * var(--rem)) calc(0.5 * var(--rem)) calc(1.8 * var(--rem)) calc(0.5 * var(--rem));
        width: calc(56 * var(--rem));
        top: calc(-2.6 * var(--rem));
        font-size: calc(3.6 * var(--rem));
    }
}
.about .about__box .about__box__h3 span {
    display: inline-block;
    transform: skewX(15deg);
}
.about .about__date {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    gap: calc(3 * var(--rem));
    line-height: 1;
}
@media screen and (max-width:767px){
    .about .about__date {
        gap: calc(2 * var(--rem));
    }
}
.about .about__date__dt {
    font-size: calc(6 * var(--rem));
    font-weight: 600;
}
@media screen and (max-width:767px){
    .about .about__date__dt {
        font-size: calc(8 * var(--rem));
    }
}
.about .about__date__dt .about__date__dt__week {
    font-size: calc(4 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__date__dt .about__date__dt__week {
        font-size: calc(5 * var(--rem));
    }
}
.about .about__date__dd {
    font-size: calc(2.2 * var(--rem));
    font-weight: 500;
}
@media screen and (max-width:767px){
    .about .about__date__dd {
        font-size: calc(2.8 * var(--rem));
    }
}
.about .about__date__dd__time {
    padding-left: calc(1 * var(--rem));
    font-size: calc(3.6 * var(--rem));
    font-weight: 600;
}
@media screen and (max-width:767px){
    .about .about__date__dd__time {
        padding-left: calc(1 * var(--rem));
        font-size: calc(4.4 * var(--rem));
    }
}
.about .about__box__vs {
    margin-top: calc(4 * var(--rem));
    margin-left: auto;
    margin-right: auto;
    width: calc(40 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__vs {
        margin-top: calc(3 * var(--rem));
        width: calc(50 * var(--rem));
    }
}
.about .about__box__venue {
    margin-top: calc(3 * var(--rem));
    font-size: calc(2.6 * var(--rem));
    font-weight: 600;
    line-height: 1.5;
}
@media screen and (max-width:767px){
    .about .about__box__venue {
        margin-top: calc(2 * var(--rem));
        font-size: calc(3.2 * var(--rem));
    }
}
.about .about__box__venue em {
    color: #01609a;
    font-size: calc(2.4 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__venue em {
        font-size: calc(3.2 * var(--rem));
    }
}
.about .about__box__att {
    margin-top: calc(3 * var(--rem));
    font-size: calc(1.4 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__att {
        margin-top: calc(3 * var(--rem));
        font-size: calc(2 * var(--rem));
    }
}
.about .about__box__all {
    line-height: 1.7;
    font-size: calc(2 * var(--rem));
    font-weight: 500;
}
@media screen and (max-width:767px){
    .about .about__box__all {
        line-height: 1.7;
        font-size: calc(2.8 * var(--rem));
    }
}
.about .about__box__all small {
    font-size: calc(1.6 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__all small {
        font-size: calc(2.2 * var(--rem));
    }
}
.about .about__box__all em {
    line-height: 1;
    font-size: calc(4.2 * var(--rem));
    font-weight: 900;
    background: linear-gradient(180deg, rgba(0, 78, 134, 1) 0%, rgba(22, 57, 81, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width:767px){
    .about .about__box__all em {
        font-size: calc(6.5 * var(--rem));
    }
}
.about .about__box__all em small {
    font-size: calc(3 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__all em small {
        font-size: calc(4.2 * var(--rem));
    }
}
.about .about__box__all em b {
    font-size: calc(4.9 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__all em b {
        font-size: calc(6.8 * var(--rem));
    }
}
.about .about__box__set {
    margin-top: calc(1.5 * var(--rem));
    font-weight: 500;
    font-size: calc(1.8 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__set {
        margin-top: calc(3.5 * var(--rem));
        font-size: calc(2.8 * var(--rem));
    }
}
.about .about__box__set small {
    font-size: calc(1.6 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__set small {
        font-size: calc(2.2 * var(--rem));
    }
}
.about .about__box__set em {
    color: #01609a;
    
    font-size: calc(2.2 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__set em {
        font-size: calc(3.2 * var(--rem));
    }
}
.about .about__box__date {
    margin-top: calc(1.5 * var(--rem));
    font-weight: 500;
    font-size: calc(1.8 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__date {
        margin-top: calc(4.5 * var(--rem));
        margin-left: -2em;
        margin-right: -2em;
        font-size: calc(2.8 * var(--rem));
    }
}
.about .about__box__dateatt {
    margin-top: calc(0.5 * var(--rem));
    font-weight: 500;
    font-size: calc(1.6 * var(--rem));
    color: #ff8705;
}
@media screen and (max-width:767px){
    .about .about__box__dateatt {
        margin-top: calc(0.5 * var(--rem));
        font-size: calc(2.4 * var(--rem));
    }
}

.about .about__box__columns {
    display: flex;
    gap: calc(2 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__columns {
        flex-wrap: wrap;
        gap: calc(6 * var(--rem)) calc(5 * var(--rem));
    }
}
.about .about__box__columns__column {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: calc(24.5 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__columns__column {
        width: calc(25 * var(--rem));
    }
}

.about .about__box .about__box__goods {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.about .about__box .about__box__goods.about__box__goods--ball {
    margin-bottom: calc(2 * var(--rem));
    width: calc(16.8 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box .about__box__goods.about__box__goods--ball {
        margin-bottom: calc(2 * var(--rem));
        width: calc(19.7 * var(--rem));
    }
}
.about .about__box .about__box__goods.about__box__goods--rwsleep {
    width: calc(20.2 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box .about__box__goods.about__box__goods--rwsleep {
        width: calc(23.8 * var(--rem));
    }
}
.about .about__box .about__box__goods.about__box__goods--poncho {
    width: calc(16.7 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box .about__box__goods.about__box__goods--poncho {
        width: calc(19.5 * var(--rem));
    }
}
.about .about__box .about__box__goods.about__box__goods--towel {
    margin-bottom: calc(3 * var(--rem));
    width: calc(19.6 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box .about__box__goods.about__box__goods--towel {
        margin-bottom: calc(3 * var(--rem));
        width: calc(22.8 * var(--rem));
    }
}
.about .about__box__columns__column .about__box__goods-name {
    margin-top: calc(2 * var(--rem));
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    font-size: calc(2.1 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__columns__column .about__box__goods-name {
        margin-top: calc(2 * var(--rem));
        font-size: calc(2.5 * var(--rem));
    }
}
.about .about__box__goods-winning {
    margin-top: calc(0.5 * var(--rem));
    line-height: 1;
    font-size: calc(2.4 * var(--rem));
    font-weight: 600;
    color: #01609a;
}
@media screen and (max-width:767px){
    .about .about__box__goods-winning {
        margin-top: calc(0.5 * var(--rem));
        font-size: calc(3.5 * var(--rem));
        font-weight: 900;
    }
}
.about .about__box__goods-winning em {
    font-size: calc(5.4 * var(--rem));
}
@media screen and (max-width:767px){
    .about .about__box__goods-winning em {
        font-size: calc(6.3 * var(--rem));
    }
}
.about .about__box__imgatt {
    text-align: right;
    position: relative;
    top: calc(4 * var(--rem));
    font-size: calc(1.4 * var(--rem));
    font-weight: 600;
}
@media screen and (max-width:767px){
    .about .about__box__imgatt {
        top: calc(6 * var(--rem));
        right: calc(-2 * var(--rem));
        font-size: calc(2 * var(--rem));
    }
}

/*========================================
  pickup
========================================*/
.pickup {
    background-color: #01609a;
    overflow: hidden;
}
.pickup .section__inner {
    padding: calc(12 * var(--rem)) calc(10*var(--rem)) calc(12 * var(--rem)) calc(10*var(--rem))!important;
    background-image: url("../img/bg-logo.png");
    background-size: calc(15 * var(--rem));
    background-position: bottom left calc(10 * var(--rem));
    background-repeat: no-repeat;
}
@media screen and (max-width:767px){
    .pickup .section__inner {
        padding: calc(11 * var(--rem)) calc(5*var(--rem)) calc(12 * var(--rem)) calc(5*var(--rem))!important;
        background-position: bottom left calc(-4 * var(--rem));
        background-size: calc(10.6 * var(--rem));
    }
}
.pickup .pickup__img {
    display: block;
    margin-top: calc(8 * var(--rem));
    width: calc(100 * var(--rem));
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:767px){
    .pickup .pickup__img {
        margin-top: calc(5 * var(--rem));
        width: 100%;
    }
}
.pickup .pickup__img figcaption {
    margin-top: calc(1 * var(--rem));
    text-align: right;
    color: #ffffff;
    font-size: calc(1.8 * var(--rem));
}
@media screen and (max-width:767px){
    .pickup .pickup__img figcaption {
        margin-top: calc(1 * var(--rem));
        font-size: calc(2 * var(--rem));
    }
}
.pickup__button {
    margin-top: calc(6 * var(--rem));
}
@media screen and (max-width:767px){
    .pickup__button {
        margin-top: calc(3 * var(--rem));
    }
}
.pickup__button .pickup__button__anchor {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(48 * var(--rem));
    height: calc(10 * var(--rem));
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: calc(2.6 * var(--rem));
    font-weight: 600;
    border-radius: 100px;
    background-image: url("../img/ic-arrow.png");
    background-size: calc(1.1 * var(--rem));
    background-position: center right calc(3 * var(--rem));
    background-repeat: no-repeat;
    transition: opacity .5s;
}
@media screen and (max-width:767px){
    .pickup__button .pickup__button__anchor {
        width: calc(65 * var(--rem));
        height: calc(14 * var(--rem));
        font-size: calc(4.2 * var(--rem));
        background-size: calc(1.3 * var(--rem));
        background-position: center right calc(4 * var(--rem));
    }
}
.pickup__button .pickup__button__anchor:hover {
    opacity: .7;
}

/*========================================
  attract
========================================*/
.attract {
    background-color: #f6fcfe;
    padding: calc(12 * var(--rem)) 0 calc(13 * var(--rem)) 0;
}
@media screen and (max-width:767px){
    .attract {
        padding: calc(12 * var(--rem)) 0 calc(22 * var(--rem)) 0;
    }
}
.attract .attract__lead {
    margin-top: calc(8 * var(--rem));
    font-size: calc(3.7 * var(--rem));
    text-align: center;
    font-weight: 600;
    color: #016298;
    line-height: 1.1;
}
@media screen and (max-width:767px){
    .attract .attract__lead {
        margin-top: calc(5 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .attract .attract__list + .attract__lead {
        margin-top: calc(10 * var(--rem));
    }
}
.attract .attract__lead small {
    display: inline-block;
    font-size: calc(3 * var(--rem));
}
@media screen and (max-width:767px){
    .attract .attract__lead small {
        margin-top: calc(2 * var(--rem));
    }
}
.attract .attract__list {
    margin-top: calc(5 * var(--rem));
    display: flex;
    flex-wrap: wrap;
    gap: calc(3 * var(--rem));
}
@media screen and (max-width:767px){
    .attract .attract__list {
        margin-top: calc(8 * var(--rem));
        gap: calc(6 * var(--rem)) calc(2 * var(--rem));
    }
}
.attract .attract__list__item {
    width: calc(24.5 * var(--rem));
}
@media screen and (max-width:767px){
    .attract .attract__list__item {
        width: calc(31.5 * var(--rem));
    }
}
.attract .attract__list__item .attract__list__item__anchor {
    transform: opacity .5s;
}
.attract .attract__list__item .attract__list__item__anchor:hover {
    opacity: 0.7;
}
.attract .attract__list__item .attract__list__item__anchor figcaption {
    margin-top: calc(2 * var(--rem));
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    font-size: calc(2 * var(--rem));
}
@media screen and (max-width:767px){
    .attract .attract__list__item .attract__list__item__anchor figcaption {
        margin-top: calc(2 * var(--rem));
        font-size: calc(2.5 * var(--rem));
    }
}
.attract .attract__list__item .attract__list__item__anchor figcaption small {
    font-weight: 400;
    font-size: calc(1.8 * var(--rem));
}
@media screen and (max-width:767px){
    .attract .attract__list__item .attract__list__item__anchor figcaption small {
        font-size: calc(2.5 * var(--rem));
    }
}
.attract__button {
    margin-top: calc(7 * var(--rem));
}
@media screen and (max-width:767px){
    .attract__button {
        margin-top: calc(5 * var(--rem));
    }
}
.attract__button .attract__button__anchor {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(48 * var(--rem));
    height: calc(10 * var(--rem));
    background-color: #ffffff;
    color: #01609a;
    border: 3px solid #01609a;
    font-size: calc(2.6 * var(--rem));
    font-weight: 600;
    border-radius: 100px;
    background-image: url("../img/ic-arrow-blue.png");
    background-size: calc(1.1 * var(--rem));
    background-position: center right calc(3 * var(--rem));
    background-repeat: no-repeat;
    box-shadow: 0px 0px calc(1 * var(--rem)) 0px rgba(0, 0, 0, 0.3);
    transition: opacity .5s;
}
@media screen and (max-width:767px){
    .attract__button .attract__button__anchor {
        width: calc(65 * var(--rem));
        height: calc(14 * var(--rem));
        font-size: calc(4.2 * var(--rem));
        background-size: calc(1.3 * var(--rem));
        background-position: center right calc(4 * var(--rem));
    }
}
.attract__button .attract__button__anchor:hover {
    opacity: .7;
}
.attract__dl {
    margin-top: calc(11 * var(--rem));
    text-align: center;
}
@media screen and (max-width:767px){
    .attract__dl {
        margin-top: calc(10 * var(--rem));
    }
}
.attract__dl + .attract__dl {
    margin-top: calc(6 * var(--rem));
}
@media screen and (max-width:767px){
    .attract__dl + .attract__dl {
        margin-top: calc(6 * var(--rem));
    }
}
.attract__dl .attract__dl__dt {
    margin-left: auto;
    margin-right: auto;
    width: calc(18 * var(--rem));
    border: 1px solid #01609a;
    padding: calc(0.5 * var(--rem)) calc(2 * var(--rem));
    color: #01609a;
    font-size: calc(2.6 * var(--rem));
    font-weight: 600;
    line-height: 1;
}
@media screen and (max-width:767px){
    .attract__dl .attract__dl__dt {
        width: calc(23 * var(--rem));
        padding: calc(0.5 * var(--rem)) calc(2 * var(--rem)) calc(1 * var(--rem)) calc(2 * var(--rem));
        font-size: calc(3.2 * var(--rem));
    }
}
.attract__dl .attract__dl__dd {
    margin-top: calc(3 * var(--rem));
}
.attract__dl .attract__dl__dd.attract__dl__dd--apply img {
    width: calc(51.6 * var(--rem));
}
@media screen and (max-width:767px){
    .attract__dl .attract__dl__dd.attract__dl__dd--apply img {
        width: calc(65 * var(--rem));
    }
}
.attract__dl .attract__dl__dd.attract__dl__dd--announcement img {
    width: calc(27.5 * var(--rem));
}
@media screen and (max-width:767px){
    .attract__dl .attract__dl__dd.attract__dl__dd--announcement img {
        width: calc(36.2 * var(--rem));
    }
}
.form__button {
    margin-top: calc(7 * var(--rem));
}
.form__button .form__button__anchor {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(48 * var(--rem));
    height: calc(10 * var(--rem));
    background-color: #ffffff;
    color: #ffffff;
    font-size: calc(2.6 * var(--rem));
    font-weight: 600;
    border-radius: 100px;
    background: linear-gradient(90deg,rgba(4, 124, 200, 1) 35%, rgba(0, 53, 86, 1) 100%);
    box-shadow: 0px 0px calc(1 * var(--rem)) 0px rgba(0, 0, 0, 0.3);
    transition: opacity .5s;
}
@media screen and (max-width:767px){
    .form__button .form__button__anchor {
        width: calc(65 * var(--rem));
        height: calc(14 * var(--rem));
        font-size: calc(4.2 * var(--rem));
    }
}
.form__button .form__button__anchor:after {
    content: "";
    position: absolute;
    width:  calc(1.1 * var(--rem));
    height: calc(2 * var(--rem));
    top: 50%;
    right: calc(3 * var(--rem));
    transform: translateY(-50%);
    background-image: url("../img/ic-arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width:767px){
    .form__button .form__button__anchor:after {
        width:  calc(1.3 * var(--rem));
        height: calc(2.4 * var(--rem));
        right: calc(4 * var(--rem));
    }
}
.form__button .form__button__anchor:hover {
    opacity: .7;
}
/*============================
  フローティングバナー
============================*/
.floating {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 99;
  transition: opacity .5s;
}
@media screen and (min-width: 768px) {
  .floating {
    bottom: calc(3 * var(--rem));
    right: calc(5 * var(--rem));
    width: calc(12 * var(--rem));
    height: calc(12 * var(--rem));
  }
}

@media screen and (max-width: 767px) {
  .floating {
    bottom: calc(5 * var(--rem));
    right: calc(3 * var(--rem));
    width: calc(13 * var(--rem));
    height: calc(13 * var(--rem));
  }
}
.floating.is-fixed {
  position: fixed;
}
.floating.is-show {
    pointer-events: all;
    opacity: 1;
}
.floating__anchor {
  display: block;
  position: relative;
  transition: .3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .floating__anchor:hover {
    opacity: .7;
  }
}
.floating__anchor__arrow {
  position: absolute;
  left: 48%;
  transition: ease-in-out 0.3s;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .floating__anchor__arrow {
    top: 35px;
    width: 5px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .floating__anchor__arrow {
    top: 5.3333333333vmin;
    width: 0.5333333333vmin;
    height: 3.8666666667vmin;
  }
}
/*========================================
  fighers-footer
========================================*/
.fighers-footer {
    text-align: center;
    background-color: #ddf0ff;
    padding: calc(4 * var(--rem)) 0 calc(2 * var(--rem)) 0;
}
@media screen and (max-width:767px){
    .fighers-footer {
        padding: calc(3.5 * var(--rem)) 0 calc(2 * var(--rem)) 0;
    }
}
.fighers-footer__logo {
    width: calc(29.2 * var(--rem));
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:767px){
    .fighers-footer__logo {
        width: calc(29.2 * var(--rem));
    }
}
.fighers-footer__copy {
    margin-top: calc(2 * var(--rem));
    font-size: calc(1.6 * var(--rem));
    color: #01609a;
    font-weight: 600;
}
@media screen and (max-width:767px){
    .fighers-footer__copy {
        margin-top: calc(2 * var(--rem));
        font-size: calc(1.6 * var(--rem));
    }
}