@charset "utf-8";

/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

/* !HTML5 elements
---------------------------------------------------------- */
header, 
footer, 
nav, 
section, 
aside, 
article {
    display: block;
}

/* !Reseting
---------------------------------------------------------- */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

fieldset {
  border: none;
}

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

img {
	max-width: 100%;
    height: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check{
	display: none;
}

select,
input[type=radio],
input[type=checkbox],
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=reset],
input[type=button],
input[type=submit],
textarea {
	appearance: none;
	border-radius: 0;
	font-family: "Zen Maru Gothic", sans-serif;
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear{
	display: none;
}

input[type=reset],
input[type=button],
input[type=submit]  {
	font-family: "Zen Maru Gothic", sans-serif;
	cursor: pointer;
}

*,
*:before,
*::after {
	box-sizing: border-box;
}
/* !Clearfix
---------------------------------------------------------- */
.clearfix {
    display: block;
    min-height: 1%;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

/* !Layout
---------------------------------------------------------- */
html {
    overflow-y: scroll;
    font-size: 62.5%;
}

/*** タブレット 768x ~ 1200px***/
@media screen and (min-width: 768px) and (max-width: 1200px) {
    html {
        font-size: calc(100vw / 120);
    }
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
    html {
        font-size: 62.5%;
    }
}

body {
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 1.6rem;
    -webkit-text-size-adjust: none;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* !Base Fonts -------------------------------------------------------------- */
a {
    color: #000;
    text-decoration: none;
}

/*** hover ***/
@media screen and (min-width: 960px) {
    a {
        transition: all 0.5s;
    }

    a:hover {
        text-decoration: underline;
    }

    .hover-opacity {
        transition: opacity 0.5s ease-out;
    }

    .hover-opacity:hover {
        opacity: .7;
        text-decoration: none;
    }

    .hover-press:hover {
        transform: scale(.95);
        text-decoration: none;
    }

    a[href^="tel:"] {
        cursor: default;
        pointer-events:none;
    }
}

.is-hide {
    display: none;
}

/*** 非スマホ 751px ~ ***/
@media screen and (min-width: 768px) {
    .is-sp {
        display: none!important;
    }
}

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

.anchor-area {
    position: relative;
}

.anchor-area .anchor {
    position: absolute;
    top: 0;
    z-index: -1;
    top: -7rem;
}

@media only screen and (max-width : 767px){
    .anchor-area .anchor {
        top: -7.5rem;
    }

}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
    width: 100%;
    position: relative;
}
#suke #wrapper{
    background: #EDE8E4;
    padding-top: 7rem;
}
#suke #wrapper:before,
#suke #wrapper:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    pointer-events: none;
}

#suke #wrapper:before {
    background: linear-gradient(to bottom, transparent, transparent 4rem, #D9D9D9 4rem, #D9D9D9 .1rem) left top repeat-y;
    background-size: 100% 4.1rem;
}

#suke #wrapper:after {
    background: linear-gradient(to right, transparent, transparent 4rem, #D9D9D9 4rem, #D9D9D9 .1rem) left top repeat-x;
    background-size: 4.1rem 100%;
}
/* !header
---------------------------------------------------------- */
#header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    padding: 2.4rem;
}
#suke #header {
    padding: 0 10rem;
    background: #E3380D;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home .header-logo {
    width: 9.457rem;
}
#suke .header-logo {
    font-size: 1px;
    line-height: 1;
    width: auto;
}

#suke .header-logo img {
    height: 7rem;
}

.nav_list{
    display: flex;
    align-items: center;
    grid-gap: 3rem;
}
.nav_list a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
    min-width: 14rem;
    height: 3.5rem;
    border-radius: 2rem;
    color: #fff;
    border: .2rem solid currentColor;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: .03em;
}

.fixed-button {
    position: fixed;
    z-index: 999;
    right: 9.4rem;
    bottom: 8.3rem;
    width: 15rem;
}

.fixed-button a {
    display: block;
}

@media only screen and (max-width : 767px){
    .home #header {
        padding: 0 1rem;
        background: #fff;
    }

    .home .header-logo {
        width: 8.268rem;
    }

    .home .fixed-button {
        right: 2rem;
        bottom: 2rem;
        width: 8rem;
    }
}
@media only screen and (max-width : 767px){
    #suke #header {
        padding: 0 2rem;
    }

    #suke .header-logo img{
        height: 7.5rem;
    }

    .btnMenu {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
    }
    .btnMenu a {
      display: block;
      width: 7rem;
      height: 7.5rem;
      box-sizing: border-box;
      position: relative;
    }

    .btnMenu a span {
      display: block;
      background: #fff;
      width: 3rem;
      height: .3rem;
      border-radius: .2rem;
      position: absolute;
      left: 2rem;
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
    }

    .btnMenu a span:first-child {
        top: 2.4rem;
    }

    .btnMenu a span:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }

    .btnMenu a span:last-child {
      bottom: 2.4rem;
    }

        
    .btnMenu.active a span:first-child {
      -webkit-transform: translateY(.5rem) rotate(45deg);
      -moz-transform: translateY(.8rem) rotate(45deg);
      -ms-transform: translateY(.8rem) rotate(45deg);
      transform: translateY(1.2rem) rotate(45deg);
    }

    .btnMenu.active a span:nth-child(2) {
      opacity: 0;
    }

    .btnMenu.active a span:last-child {
      -webkit-transform: translateY(-.8rem) rotate(-45deg);
      -moz-transform: translateY(-.8rem) rotate(-45deg);
      -ms-transform: translateY(-.8rem) rotate(-45deg);
      transform: translateY(-1.2rem) rotate(-45deg);
    }

    #gNavi {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100dvh;
        z-index: 9998;
        box-sizing: border-box;
        padding: 10rem 2rem 8rem;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: opacity .3s,right .3s;
        background: #E3380D;

    }
    #gNavi.active{
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }   
    .nav_list{
        display: grid;
        grid-gap: 3rem;
        text-align: center;
    }
    .nav_list a{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1.5rem;
        min-width: 14rem;
        height: 3.5rem;
        border-radius: 2rem;
        color: #fff;
        border: 0;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: .03em;
    }

    #suke .fixed-button {
        right: 2rem;
        bottom: 2rem;
        width: 8rem;
    }
}

/* !contents
---------------------------------------------------------- */

.inner {
    max-width: 120rem;
    padding: 0 2rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width : 767px){

}


/* !HOME
---------------------------------------------------------- */
.home .top-wrap {
    width: 100%;
    position: relative;
    height: 800vh;
}
#suke .top-wrap {
    width: 100%;
    position: relative;
    z-index: 2;
}

.home .top-wrap .top-wrap__item:not(.mv05) {
    position: relative;
    height: 200vh;
}

.home .top-wrap .top-wrap__item.mv01 {
    z-index: 4;
}

.home .top-wrap .top-wrap__item.mv02 {
    z-index: 3;
}

.home .top-wrap .top-wrap__item.mv03 {
    z-index: 2;
}

.home .top-wrap .top-wrap__item.mv04 {
    z-index: 1;
}

.home .top-wrap .top-wrap__item.mv05 {
    position: relative;
    z-index: 5;
}

.top-wrap .main-image {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    transition: transform .5s;
}

.top-wrap .top-wrap__item.is-active .main-image {
    transform: translateY(-100%);
}

.top-wrap .top-wrap__item.mv04 .main-image:before {
    position: absolute;
    width: 100%;
    height: 22.5rem;
    content: '';
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1.0)) center center no-repeat;
    background-size: 100%;
    opacity: .6;
}

.top-wrap .main-image > picture > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-wrap .main-copy__inner {
    height: 100%;
}

.top-wrap .main-copy {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
}
.top-wrap .top-wrap__item .main-copy__box {
    /*opacity: 0;*/
    height: 100%;
    width: 100%;
}


.top-wrap .top-wrap__item .main-copy__text01.textup,
.top-wrap .top-wrap__item .main-copy__text02.textup,
.top-wrap .top-wrap__item .main-copy__text03.textup {
    opacity: 0;
    transform: translateY(10rem);
    transition: opacity .5s ease .5s, transform .5s ease .5s;
}

.top-wrap .top-wrap__item.is-active + .top-wrap__item .main-copy__text01.textup,
.top-wrap .top-wrap__item.is-active + .top-wrap__item .main-copy__text02.textup,
.top-wrap .top-wrap__item.is-active + .top-wrap__item .main-copy__text03.textup {
    opacity: 1;
    transform: translateY(0);
}

.top-wrap .top-wrap__item .main-copy__box img {
    width: 100%;
}

.top-wrap .top-wrap__item.mv01 .main-copy__box {
    padding: 19.24rem 22.617vw  19.65rem 16.08vw;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.top-wrap .top-wrap__item.mv01 .main-copy__text01 {
    width: 100%;
}

.top-wrap .top-wrap__item .main-copy__text01 span,
.top-wrap .top-wrap__item .main-copy__text02 span {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.top-wrap .top-wrap__item.mv01 .main-copy__text01 span:before {
    background: #CBC5D5;
    opacity: .7;
    filter: blur(2rem);
    content: '';
    width: 60%;
    height: 140%;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0,-50%);
}

.top-wrap .top-wrap__item.mv01 .main-copy__text01 img {
    width: 20.19vw;
}

.top-wrap .top-wrap__item.mv01 .main-copy__text02 {
    width: 100%;
    text-align: right;
}

.top-wrap .top-wrap__item.mv01 .main-copy__text02 span:before {
    background: #000;
    opacity: .2;
    filter: blur(1.5rem);
    content: '';
    width: 120%;
    height: 120%;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.top-wrap .top-wrap__item.mv01 .main-copy__text02 img {
    width: 28.88333vw;
}

.top-wrap .top-wrap__item.mv02 .main-copy__box {
    padding: 28.25rem 15.667vw 15.9rem 16.08vw;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.top-wrap .top-wrap__item.mv02 .main-copy__text01 {
    width: 100%;
    text-align: right;
}

.top-wrap .top-wrap__item.mv02 .main-copy__text01 span:before {
    background: #fff;
    opacity: .5;
    filter: blur(2rem);
    content: '';
    width: 120%;
    height: 120%;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.top-wrap .top-wrap__item.mv02 .main-copy__text01 img {
    width: 16.005vw;
}

.top-wrap .top-wrap__item.mv02 .main-copy__text02 {
    width:100%;
}

.top-wrap .top-wrap__item.mv02 .main-copy__text02 span:before {
    background: #fff;
    opacity: .5;
    filter: blur(2rem);
    content: '';
    width: 120%;
    height: 120%;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.top-wrap .top-wrap__item.mv02 .main-copy__text02 img {
    width: 30.794166666666667vw;
}

.top-wrap .top-wrap__item.mv03 .main-copy__box {
    padding: 0 10.967vw 15.8rem 20.2vw;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: 20vh;
}

.top-wrap .top-wrap__item.mv03 .main-copy__text01 {
    width: 100%;
    text-align: right;
}

.top-wrap .top-wrap__item.mv03 .main-copy__text01 span:before {
    background: #000;
    opacity: .4;
    filter: blur(1.5rem);
    content: '';
    width: 120%;
    height: 120%;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.top-wrap .top-wrap__item.mv03 .main-copy__text01 img {
    width: 25.461666666666667vw;
}

.top-wrap .top-wrap__item.mv03 .main-copy__text02 {
    width: 100%;
}

.top-wrap .top-wrap__item.mv03 .main-copy__text02 span:before {
    background: #000;
    opacity: .4;
    filter: blur(1.5rem);
    content: '';
    width: 120%;
    height: 120%;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.top-wrap .top-wrap__item.mv03 .main-copy__text02 img {
    width: 38.79vw;
}

.top-wrap .top-wrap__item.mv04 .main-copy__box {
    padding: 11rem 21.091667vw 8.87rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.top-wrap .top-wrap__item.mv04 .main-copy__text01 {
    width: 100%;
}

.top-wrap .top-wrap__item.mv04 .main-copy__text01 img {
    width: 20.5091667vw;
}

.top-wrap .top-wrap__item.mv04 .main-copy__text02 {
    width: 52.13167vw;
    margin: 0 auto;
    text-align: right;
}

.top-wrap .top-wrap__item.mv04 .main-copy__text02 img {
    width: 44.79vw;
}


@media only screen and (max-width : 767px){
    .top-wrap {
        width: 100%;
        position: relative;
    }

    .top-wrap .main-image {
        height: calc(100vh - 7.5rem);
        top: 7.5rem;
    }

    .top-wrap .top-wrap__item.mv04 .main-image:before {
        height: 43.197659297789337vh;
    }

    .top-wrap .top-wrap__item.mv01 .main-copy__box {
        padding: 10.514954486345904vh 11.5vw 27.815344603381014vh;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
    }

    .top-wrap .top-wrap__item.mv01 .main-copy__text01 {
        width: 100%;
    }

    .top-wrap .top-wrap__item.mv01 .main-copy__text01 span:before {
        width: 140%;
        transform: translate(-50%,-50%);
    }

    .top-wrap .top-wrap__item.mv01 .main-copy__text01 img {
        width: 58.552429667519182vw;
    }

    .top-wrap .top-wrap__item.mv01 .main-copy__text02 {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .top-wrap .top-wrap__item.mv01 .main-copy__text02 img {
        width: 58.734vw;
    }

    .top-wrap .top-wrap__item.mv02 .main-copy__box {
        padding: 16.146944083224967vh 10.230179028132992vw 13.966189856957087vh;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        justify-content: space-between;
    }

    .top-wrap .top-wrap__item.mv02 .main-copy__text01 {
        width: 100%;
        margin: 0;
        text-align: right;
    }

    .top-wrap .top-wrap__item.mv02 .main-copy__text01 img {
        width: 49.12vw;
    }

    .top-wrap .top-wrap__item.mv02 .main-copy__text02 {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .top-wrap .top-wrap__item.mv02 .main-copy__text02 img {
        width: 58.734vw;
    }

    .top-wrap .top-wrap__item.mv03 .main-copy__box {
        padding: 6.849154746423927vh 10.230179028132992vw 17.464239271781534vh;
        width: 100%;
        overflow: hidden;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
    }

    .top-wrap .top-wrap__item.mv03 .main-copy__text01 {
        width: 100%;
        text-align: right;
    }

    .top-wrap .top-wrap__item.mv03 .main-copy__text01 img {
        width: 65.40920716112532vw;
    }

    .top-wrap .top-wrap__item.mv03 .main-copy__text02 {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .top-wrap .top-wrap__item.mv03 .main-copy__text02 img {
        width: 58.734015345268542vw;
    }

    .top-wrap .top-wrap__item.mv04 .main-copy__box {
        padding: 7.715214564369311vh 15.856777493606138vw 13.394018205461638vh 9.411764705882353vw;
        width: 100%;
        overflow: hidden;
        align-items: flex-start;
    }

    .top-wrap .top-wrap__item.mv04 .main-copy__text01 {
        width: 100%;
        text-align: right;
    }

    .top-wrap .top-wrap__item.mv04 .main-copy__text01 img {
        width: 55.455242966751918vw;
    }

    .top-wrap .top-wrap__item.mv04 .main-copy__text02 {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    .top-wrap .top-wrap__item.mv04 .main-copy__text02 img {
        width: 64.89769820971867vw;
    }

}

.top-about {
    background: #F1ECE8;
    padding: 14rem 0;
    text-align: center;
}

.top-about .top-about__heading {
    margin-bottom: 4.6rem;
}

.top-about .top-about__heading img {
    width: 81.744rem;
}

.top-about .top-about__text {
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: .14em;
    line-height: 2;
}

.top-about .top-about__logo {
    margin-top: 7rem;
}

.top-about .top-about__logo img {
    width: 31.095rem;
}

.top-about .top-sec02__video {
    margin: 9.3rem auto 0;
}

@media only screen and (max-width : 767px){
    .top-about {
        padding: 7.6rem 0 5.4rem;
    }

    .top-about .top-about__heading {
        margin-bottom: 2.64rem;
    }

    .top-about .top-about__heading img {
        width: 28.517rem;
    }

    .top-about .top-about__text {
        font-size: 2rem;
        line-height: 2.25;
        letter-spacing: .11em;
    }

    .top-about .top-about__logo {
        margin-top: 3.5rem;
    }

    .top-about .top-about__logo img {
        width: 27.8rem;
    }

    .top-about .top-sec02__video {
        margin: 3.7rem auto 0;
    }
}

.top-entry {
    width: 100%;
    background: #fff;
    padding: 21rem 0 6.2rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.top-entry:before,
.top-entry:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
}

.top-entry:before {
    background: linear-gradient(to bottom, transparent, transparent 4rem, #D9D9D9 4rem, #D9D9D9 .1rem) left top repeat-y;
    background-size: 100% 4.1rem;
}

.top-entry:after {
    background: linear-gradient(to right, transparent, transparent 4rem, #D9D9D9 4rem, #D9D9D9 .1rem) left top repeat-x;
    background-size: 4.1rem 100%;
}

.top-entry .top-entry__heading {
    position: relative;
    text-align: center;
    margin-bottom: 3.5rem;
}

.top-entry .top-entry__heading .top-entry__heading--popup {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-51.1rem,-4rem) rotate(-10deg);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.top-entry .top-entry__heading .top-entry__heading--popup span {
    background: #71341D;
    font-size: 2.8rem;
    color: #fff;
    letter-spacing: .12em;
    font-weight: bold;
    line-height: 1.48;
    padding-left: 1rem;
}

.top-entry .top-entry__heading .top-entry__heading--popup span + span {
    margin-left: calc(1rem + 1.8em);
}

.top-entry .top-entry__heading img {
    width: 72.1rem;
}

.top-entry .top-entry__date {
    text-align: center;
}

.top-entry .top-entry__date .top-entry__date--box {
    display: inline-block;
    border: .4rem solid #71341D;
    border-radius: 2.8rem;
    font-size: 4rem;
    line-height: 1.35;
    color: #71341D;
    font-weight: 900;
    padding: 0 4.5rem;
}

.top-entry .top-entry__date .top-entry__date--box .year {
    font-size: 2.8rem;
}

.top-entry .top-entry__date .top-entry__date--box .day {
    display: inline-block;
    position: relative;
}

.top-entry .top-entry__date .top-entry__date--box .day + .day {
    padding-left: 3.4rem;
}

.top-entry .top-entry__date .top-entry__date--box .day + .day:before {
    width: 3.4rem;
    left: 0;
    top: 0;
    z-index: 2;
    position: absolute;
    height: 100%;
    background: url(../img/icon_arrow.svg) center 70% no-repeat;
    background-size: 1.695rem auto;
    content: '';
}

.top-entry .top-entry__date .top-entry__date--box .day .day-text {
    font-size: 3.2rem;
}

.top-entry .top-entry__date .top-entry__date--box .time {
    font-size: 1.6rem;
}

.top-entry .top-entry__note {
    width: 100%;
    max-width: 46.4rem;
    margin: 0 auto;
    margin-top: 5rem;
}

.top-entry .top-entry__note li {
    padding-left: 4.2rem;
    font-size: 3.5rem;
    line-height: 1.457;
    font-weight: 900;
    position: relative;
}

.top-entry .top-entry__note li:before {
    width: 1.771rem;
    height: 1.847rem;
    background: url(../img/icon_dot.svg) center center no-repeat;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 2.1rem;
    z-index: 2;
}

.top-entry .top-entry__note li:nth-child(2):before {
    transform: rotate(21deg) scaleX(-1);
}

.top-entry .top-entry__note li:nth-child(3):before {
    transform: rotate(94deg);
}

.top-entry .top-entry__note li:nth-child(4):before {
    transform: rotate(-26deg);
}

.top-entry .top-entry__note li + li {
    margin-top: 2rem;
}

.top-entry .top-entry__text {
    width: 100%;
    max-width: 46.4rem;
    margin: 0 auto;
    margin-top: 6.4rem;
    font-size: 2rem;
    line-height: 2.25;
    font-weight: 900;
    letter-spacing: .06em;
}

.top-entry .top-entry__button {
    margin-top: 6rem;
    text-align: center;
}

.top-entry .top-entry__button a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50rem;
    height: 8rem;
    border-radius: .5rem;
    background: #6B3822;
    font-size: 3.5rem;
    letter-spacing: .09em;
    line-height: 1.457;
    font-weight: bold;
    color: #fff;
}

.top-entry .inner {
    position: relative;
    z-index: 2;
}

.top-entry .top-entry__image {
    position: absolute;
    z-index: 2;
    width: 120rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.top-entry .top-entry__image .image01 {
    width: 21.4rem;
    position: absolute;
    left: 50%;
    top: 42.8rem;
    transform: translateX(30.9rem);
    z-index: 2;
}

.top-entry .top-entry__image .image02 {
    width: 21.4rem;
    position: absolute;
    left: 50%;
    top: 43.9rem;
    transform: translateX(-53.6rem);
    z-index: 2;
}

.top-entry .top-entry__image .image03 {
    width: 21.4rem;
    position: absolute;
    left: 50%;
    top: 71.3rem;
    transform: translateX(22.5rem);
    z-index: 2;
}

.top-entry .top-entry__image .image04 {
    width: 21.4rem;
    position: absolute;
    left: 50%;
    top: 71.1rem;
    transform: translateX(-48.3rem);
    z-index: 2;
}

.top-entry .top-entry__image .image05 {
    width: 21.4rem;
    position: absolute;
    left: 50%;
    top: 97.3rem;
    transform: translateX(33.4rem);
    z-index: 2;
}

.top-entry .top-entry__image .image06 {
    width: 21.4rem;
    position: absolute;
    left: 50%;
    top: 98.6rem;
    transform: translateX(-56.3rem);
    z-index: 2;
}


@media only screen and (max-width : 767px){
    .top-entry {
        padding: 5.2rem 0 8.55rem;
    }

    .top-entry .top-entry__heading {
        margin-bottom: 3rem;
    }

    .top-entry .top-entry__heading .top-entry__heading--popup {
        position: relative;
        left: 0;
        bottom: 0;
        transform: translate(0,0) rotate(-10deg);
        margin-bottom: 3.3rem;
    }

    .top-entry .top-entry__heading .top-entry__heading--popup span {
        font-size: 1.8rem;
        padding-left: .8rem;
        letter-spacing: 0;
    }

    .top-entry .top-entry__heading .top-entry__heading--popup span + span {
        margin-left: calc(.8rem + .8em);
    }

    .top-entry .top-entry__heading img {
        width: 32rem;
    }

    .top-entry .top-entry__date .top-entry__date--box {
        border: .2rem solid #71341D;
        border-radius: 2rem;
        font-size: 2.5rem;
        line-height: 1.28;
        padding: 0 2rem .4rem;
    }

    .top-entry .top-entry__date .top-entry__date--box .year {
        font-size: 1.75rem;
    }

    .top-entry .top-entry__date .top-entry__date--box .day + .day {
        padding-left: 2rem;
    }

    .top-entry .top-entry__date .top-entry__date--box .day + .day:before {
        width: 2rem;
        background-size: 1.046rem auto;
    }

    .top-entry .top-entry__date .top-entry__date--box .day .day-text {
        font-size: 2rem;
    }

    .top-entry .top-entry__date .top-entry__date--box .time {
        font-size: 1rem;
    }

    .top-entry .top-entry__note {
        max-width: 31.4rem;
        margin-top: 3rem;
    }

    .top-entry .top-entry__note li {
        padding-left: 2.6rem;
        font-size: 2.5rem;
        line-height: 1.44;
    }

    .top-entry .top-entry__note li:before {
        width: 1.811rem;
        height: 1.717rem;
        top: 1.1rem;
        z-index: 2;
    }

    .top-entry .top-entry__text {
        text-align: center;
        margin-top: 4.5rem;
        letter-spacing: .04em;
    }

    .top-entry .top-entry__button {
        margin-top: 5rem;
    }

    .top-entry .top-entry__button a {
        width: 100%;
        height: 6rem;
        font-size: 3rem;
    }

    .top-entry .top-entry__image {
        display: none;
    }
}

.top-comingsoon {
    width: 100%;
    height: 67.5rem;
    background: url(../img/bg02.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.top-comingsoon:before,
.top-comingsoon:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    opacity: .3;
}

.top-comingsoon:before {
    background: linear-gradient(to bottom, transparent, transparent 4rem, #fff 4rem, #fff .1rem) left top repeat-y;
    background-size: 100% 4.1rem;
}

.top-comingsoon:after {
    background: linear-gradient(to right, transparent, transparent 4rem, #fff 4rem, #fff .1rem) left top repeat-x;
    background-size: 4.1rem 100%;
}

.top-comingsoon .top-comingsoon__inner {
    position: relative;
    z-index: 2;
}

.top-comingsoon .top-comingsoon__heading {
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: .09em;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 4.5rem;
    text-align: center;
}

.top-comingsoon .top-comingsoon__image {
    width: 45.3rem;
}

@media only screen and (max-width : 767px){

    .top-comingsoon {
        height: 76.9rem;
    }

    .top-comingsoon .top-comingsoon__heading {
        margin-bottom: 2.76rem;
    }

    .top-comingsoon .top-comingsoon__image {
        width: 32.422rem;
    }
}

.top-footer {
    background: #E7380D;
    width: 100%;
}

.top-footer .top-footer__logo {
    width: 20rem;
    margin: 0 auto;
    padding: 1.27rem 0;
}


/*0414*/
.wow{
    opacity: 0;
    transition: opacity 1s;
}
.animated{
    opacity: 1;
}
.top-sec01{
    padding: 6rem 0;
    text-align: center;
}
.top-sec01__box{
    position: relative;
    margin-bottom: -5rem;
}
.top-sec01__main img{
    width: 65.5rem;
}
.top-sec01__img01{
    position: absolute;
    top: 0;
    right: calc(50% + 31rem);
    width: 13.5rem;
}
.top-sec01__img02{
    position: absolute;
    bottom: -20.5rem;
    right: calc(50% + 32.8rem);
    width: 18.2rem;
}
.top-sec01__img03{
    position: absolute;
    top: 3.4rem;
    left: calc(50% + 27rem);
    width: 20.2rem;
}
.top-sec01__img04{
    position: absolute;
    bottom: -19rem;
    left: calc(50% + 34.3rem);
    width: 14.8rem;
}

.top-sec01__heading img{
    width: 74.8rem;
}
.top-sec01__btn a{
    margin-top: 2.2rem;
    display: inline-block;
    max-width: 40.4rem;
}

@media only screen and (max-width : 767px){
    .top-sec01{
        padding: 0 0 10rem;
        text-align: center;
    }
    .top-sec01__box{
        position: relative;
        padding: 12.3rem 0 10rem;
        margin-bottom: 1rem;
    }
    .top-sec01__main img{
        width: 34.9rem;
        width: 100%;
    }
    .top-sec01__img01{
        position: absolute;
        top: 2.8rem;
        left: 3rem;
        width: 9.56rem;
    }
    .top-sec01__img02{
        position: absolute;
        top: 3.2rem;
        bottom: auto;
        right: 1.5rem;
        width: 16rem;
    }
    .top-sec01__img03{
        position: absolute;
        top: auto;
        bottom: 2rem;
        left: 2.3rem;
        width: 14.3rem;
    }
    .top-sec01__img04{
        position: absolute;
        top: auto;
        bottom: 0;
        left: auto;
        right: 4rem;
        right: 1rem;
        width: 7.3rem;
        width: 10.3rem;
    }

    .top-sec01__heading img{
        width: 35rem;
    }
    .top-sec01__btn a{
        margin-top: 1.8rem;
        display: inline-block;
        max-width: 35rem;
    }
}

.top-sec02{
    padding: 7.8rem 0 11.2rem;
    text-align: center;
    background: #fff;
}
.top-sec02__video{
    max-width: 100%;
    width: 80rem;
    margin: 0 auto 9.3rem;    
}
.iframe-box{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.iframe-box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.top-sec02__heading img{
    width: 63.1rem;
}

.top-sec02__text{
    max-width: 55rem;
    margin: 6rem auto;
    text-align: left;
}
.animate_txt p{
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.animate_txt .animated span{
    opacity: 0;
    animation: slideUp 1s forwards; 
}
.animate_txt span:nth-child(1) { animation-delay: 0s; } 
.animate_txt span:nth-child(2) { animation-delay: .2s; }
.animate_txt span:nth-child(3) { animation-delay: .4s; }
.animate_txt span:nth-child(4) { animation-delay: .6s; }
.animate_txt span:nth-child(5) { animation-delay: .8s; }
.animate_txt span:nth-child(6) { animation-delay: 1s; }
.animate_txt span:nth-child(7) { animation-delay: 1.2s; }
.animate_txt span:nth-child(8) { animation-delay: 1.4s; }
.animate_txt span:nth-child(9) { animation-delay: 1.6s; }
.animate_txt span:nth-child(10) { animation-delay: 1.8s; }
.animate_txt span:nth-child(11) { animation-delay: 2s; }

@keyframes slideUp {
    0% {
      transform: translateY(100%); 
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

.top-sec02__p01{
    font-size: 2rem;
    line-height: 2.5;
    letter-spacing: .14em;
    font-weight: bold;
}
.top-sec02__p02{
    margin-top: 5rem;
    font-size: 2.5rem;
    line-height: 2;
    letter-spacing: .14em;
    font-weight: bold;
}
.top-sec02__logo img{
    width: 33rem;
}
@media only screen and (max-width : 767px){
    .top-sec02{
        padding: 6rem 0 6.7rem;
    }
    .top-sec02__video{
        margin: 3.7rem auto 0;    
    }
    .top-sec02__heading img{
        width: 28rem;
    }

    .top-sec02__text{
        max-width: 31rem;
        margin: 5rem auto 4rem;
    }

    .top-sec02__p01{
        font-size: 1.6rem;
        line-height: 2.8;
        letter-spacing: .14em;
        letter-spacing: 0;
        font-weight: bold;
    }
    .top-sec02__p02{
        margin-top: 4.5rem;
        font-size: 2rem;
        line-height: 2.25;
        letter-spacing: .14em;
        letter-spacing: 0;
        font-weight: bold;
    }
    .top-sec02__logo img{
        width: 20rem;
    }
}

.top-banner{
    position: relative;
    background: #001A52;
    color: #fff;
    padding: 6.8rem 0 6.8rem;
    text-align: center;
}
.top-banner:before,
.top-banner:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    pointer-events: none;
}
.top-banner:before {
    background: linear-gradient(to bottom, transparent, transparent 4rem, #46557C 4rem, #46557C .1rem) left top repeat-y;
    background-size: 100% 4.1rem;
}
.top-banner:after {
    background: linear-gradient(to right, transparent, transparent 4rem, #46557C 4rem, #46557C .1rem) left top repeat-x;
    background-size: 4.1rem 100%;
}
.top-banner__heading{
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: .09em;
}
.top-banner__btn{
    margin-top: 4.5rem;
    display: flex;
    justify-content: center;
    grid-gap: 3rem;
}
.top-banner__btn a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 31.3rem;
    height: 8rem;
    border-radius: 1rem;
    background: #fff;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: .03em;
    font-weight: 900;
    color: #E3380D;
}
.top-banner__btn a span{
    padding-right: 3.8rem;
    background: url(../img/arrow_down.svg)no-repeat right center;
    background-size: 2.5rem auto;
}
@media only screen and (max-width : 767px){
    .top-banner{
        padding: 3.4rem 0 4.4rem;
        text-align: center;
    }
    .top-banner__heading{
        font-size: 2rem;
        font-weight: bold;
        line-height: 2;
        letter-spacing: .09em;
    }
    .top-banner__btn{
        margin-top: 2.4rem;
        flex-direction: column;
        grid-gap: 3rem;
    }
}
.loop_text {
  background: url(../img/loop_text.svg) repeat-x left center/auto 100%;
  height: 14.2rem;
  position: relative;
  z-index: 7;
  -webkit-animation: flowBgLeft 1500s linear infinite;
          animation: flowBgLeft 1500s linear infinite;
}
@-webkit-keyframes flowBgLeft {
  0% {
    background-position: left 0 center;
  }
  100% {
    background-position: left -100000px center;
  }
}
@keyframes flowBgLeft {
  0% {
    background-position: left 0 center;
  }
  100% {
    background-position: left -100000px center;
  }
}
.top-method .loop_text {
  /*-webkit-animation: flowBgRight 1500s linear infinite;*/
          /*animation: flowBgRight 1500s linear infinite;*/
}
@-webkit-keyframes flowBgRight {
  0% {
    background-position: right 0 center;
  }
  100% {
    background-position: right -100000px center;
  }
}
@keyframes flowBgRight {
  0% {
    background-position: right 0 center;
  }
  100% {
    background-position: right -100000px center;
  }
}


.top-sec03{
    padding: 10rem 0 0;
    text-align: center;
}
.top-sec03__top{
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 2rem;
    padding: 2rem;
    margin-bottom: 5rem;
    background: url(../img/bg_top.png) center center no-repeat;
    background-size: cover;
}
.top-sec03__heading img{
    width: 44.5rem;
}
.top-sec03__text{
    font-size: 2rem;
    line-height: 1.75;
    font-weight: bold;
    letter-spacing: .09em;
    margin: 1rem 0 2.5rem;
}
.top-sec03__date--box {
    display: inline-block;
    border: .3rem solid #E3380D;
    border-radius: 3.2rem;
    letter-spacing: .03em;
    font-size: 4rem;
    line-height: 1.35;
    color: #E3380D;
    background: #EDE8E4;
    font-weight: bold;
    padding: 0 3.3rem .3rem;
}

.top-sec03__date--box .year {
    font-size: 2rem;
    margin-right: .7rem;
}

.top-sec03__date--box .day {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.top-sec03__date--box .day + .day {
    padding-left: 2.8rem;
}

.top-sec03__date--box .day + .day:before {
    width: 2.8rem;
    left: 0;
    top: 0;
    z-index: 2;
    position: absolute;
    height: 100%;
    background: url(../img/icon_arrow_orange.svg) center 60% no-repeat;
    background-size: 1.6rem auto;
    content: '';
}

.top-sec03__date--box .week {
    position: relative;
    top: .5rem;
    font-size: 1.9rem;
    font-weight: bold;
    min-width: 2.9rem;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    color: #fff;
    background: #E3380D;
}

.top-sec03__date--box .notes {
    display: block;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: .8rem;
}

@media only screen and (min-width : 768px){
    .top-sec03__date--box {
        width: 13.8rem;
        height: 13.8rem;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: .2rem solid #fff;
        border-radius: 50%;
        letter-spacing: .03em;
        font-size: 3.3rem;
        line-height: 1;
        color: #fff;
        background: #E3380D;
        font-weight: bold;
        padding: 0 1.5rem;
    }

    .top-sec03__date--box .year {
        font-size: 2rem;
        line-height: 1.5;
        margin-right: 0;
        padding-bottom: .5rem;
        margin-bottom: .2rem;
        background: url(../img/dot.svg)no-repeat bottom center;
        background-size: auto .25rem;
        display: block;
        width: 100%;
    }

    .top-sec03__date--box .day {
        display: inline-flex;
        align-items: center;
        position: relative;
    }

    .top-sec03__date--box .day + .day {
        padding-left: 0;
    }

    .top-sec03__date--box .year + .day {
        padding-right: 2rem;
    }

    .top-sec03__date--box .year + .day:before {
        width: 2rem;
        right: 0;
        top: 0;
        z-index: 2;
        position: absolute;
        height: 100%;
        background: url(../img/icon_arrow_white.svg) top 55% right no-repeat;
        background-size: 1.3rem auto;
        content: '';
    }

    .top-sec03__date--box .day + .day:before {
        content: none;
    }

    .top-sec03__date--box .week {
        position: relative;
        top: .2rem;
        font-size: 1.6rem;
        font-weight: bold;
        min-width: 2.4rem;
        width: 2.4rem;
        height: 2.4rem;
        line-height: 2.2rem;
        border-radius: 50%;
        color: #E3380D;
        background: #fff;
    }

    .top-sec03__date--box .notes {
        font-size: .6rem;
        line-height: 1;
        margin-top: 1em;
        letter-spacing: 0;
    }
}
.top-sec03__list{
    max-width: 90rem;
    margin: 4rem auto 0;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2rem 0;
}
.top-sec03__list li{
    position: relative;
    width: 50%;
    padding: 8rem 4rem 4rem;
    min-height: 59rem;
    border-bottom: .4rem dotted #E3380D;
}
.top-sec03__list li:nth-of-type(3),
.top-sec03__list li:nth-of-type(5){
    margin-left: -.4rem;
}
.top-sec03__list li:nth-of-type(3):before,
.top-sec03__list li:nth-of-type(5):before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 2rem);
    border-left: .4rem dotted #E3380D;
}
.top-sec03__list li:first-of-type,
.top-sec03__list li:nth-of-type(6){
    width: 100%;
}
.top-sec03__list .prize{
    position: absolute;
    left: 2.2rem;
    top: 3.7rem;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 1.5rem;
    font-size: 2.8rem;
    font-weight: 900;
    color: #001A52;
}
.top-sec03__list .prize span{
    width: 10.5rem;
    height: 10.5rem;
    background: url(../img/bg_prize.svg) center center no-repeat;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: .09em;
    color: #fff;
}
.top-sec03__list .text{
    position: absolute;
    text-align: left;
    z-index: 9;
    left: 3rem;
    top: 32rem;
    width: 11.3rem;
}
.top-sec03__list .limited{
    position: absolute;
    z-index: 9;
    right: 1.6rem;
    top: 13.7rem;
    width: 12.8rem;
    height: 12.8rem;
}
.top-sec03__list li:nth-of-type(6){
    border-bottom: none;
    padding: 1rem 0 0;
    min-height: auto;
}
.top-sec03__list li:first-of-type .prize{
    left: 0;
    top: 0;
    width: 100%;
}
.top-sec03__list li:nth-of-type(6) .prize{
    position: static;
}
.top-sec03__list li:first-of-type .prize{
    font-size: 4rem;
    grid-gap: 3rem;
}
.top-sec03__list li:first-of-type .prize span{
    font-size: 4.5rem;
    width: 15.7rem;
    height: 15.7rem;
}
.top-sec03__list li:first-of-type .limited{
    right: 10rem;
    top: auto;
    bottom: 3rem;
    width: 15.1rem;
    height: 15.1rem;
}
.top-sec03__list li:first-of-type .text{
    left: 9rem;
    top: auto;
    bottom: 4.5rem;
    width: 12.6rem;
}
.top-sec03__list li:nth-of-type(5) .text{
    width: 7.6rem;
}
.top-sec03__note{
    font-size: 1.6rem;
    font-weight: bold;
    text-align: right;
    margin: 1.5rem auto 0;
    max-width: 90rem;
}
.top-sec03__list li{
    justify-content: center;
    display: flex;
    align-items: center;
}
.top-sec03__list li:nth-of-type(2) .img img{
    width: 32.8rem;
}
.top-sec03__list li:nth-of-type(3) .img img{
    width: 41.5rem;
}
.top-sec03__list li:nth-of-type(4) .img img{
    width: 42.1rem;
}
.top-sec03__list li:nth-of-type(5) .img img{
    width: 28.5rem;
}
@media only screen and (max-width : 767px){
    .loop_text {
      background: url(../img/loop_text.svg) repeat-x left center/auto 100%;
      height: 9.3rem;
    }


    .top-sec03{
        padding: 4rem 0 0;
        text-align: center;
    }
    .top-sec03__top{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        grid-gap: 1.2rem;
        padding: 2rem;
        margin-bottom: 3rem;
        background: url(../img/bg_top_sp.png) center center no-repeat;
        background-size: cover;
    }
    .top-sec03__heading img{
        width: 29.6rem;
    }
    .top-sec03__text{
        font-size: 2rem;
        line-height: 1.75;
        font-weight: bold;
        letter-spacing: .09em;
        margin: 1rem 0 2.5rem;
    }
    .top-sec03__date--box {
        display: inline-block;
        border: .3rem solid #fff;
        border-radius: 3.5rem;
        letter-spacing: .03em;
        font-size: 3.3rem;
        line-height: 1.35;
        color: #EDE8E4;
        background: #E3380D;
        font-weight: bold;
        padding: 0 2.7rem .2rem;
    }

    .top-sec03__date--box .year {
        font-size: 1.6rem;
        margin-right: .6rem;
    }

    .top-sec03__date--box .day + .day {
        padding-left: 2.2rem;
    }

    .top-sec03__date--box .day + .day:before {
        width: 2.2rem;
        left: 0;
        top: 0;
        z-index: 2;
        position: absolute;
        height: 100%;
        background: url(../img/icon_arrow_white.svg) center 60% no-repeat;
        background-size: 1.3rem auto;
        content: '';
    }

    .top-sec03__date--box .week {
        position: relative;
        top: .2rem;
        font-size: 1.6rem;
        font-weight: bold;
        min-width: 2.4rem;
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 50%;
        color: #E3380D;
        background: #fff;
    }

    .top-sec03__list{
        max-width: 90rem;
        margin: 4.8rem auto 0;
        display: flex;
        flex-wrap: wrap;
        grid-gap: 2.5rem 0;
    }
    .top-sec03__list li{
        position: relative;
        width: 100%;
        padding: 0;
        min-height: auto;
        border-bottom: .4rem dotted #E3380D;
    }
    .top-sec03__list li:nth-of-type(3),
    .top-sec03__list li:nth-of-type(5){
        margin-left: 0;
    }
    .top-sec03__list li:nth-of-type(3):before,
    .top-sec03__list li:nth-of-type(5):before{
        content: none;
    }
    .top-sec03__list li:first-of-type,
    .top-sec03__list li:nth-of-type(6){
        width: 100%;
    }
    .top-sec03__list .prize{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        justify-content: flex-start;
        text-align: left;
        grid-gap: 2rem;
        font-size: 2.8rem;
        line-height: 1.25;
        font-weight: 900;
    }
    .top-sec03__list .prize span{
        min-width: 9.8rem;
        width: 9.8rem;
        height: 9.8rem;
        font-size: 2.8rem;
    }
    .top-sec03__list .text{
        position: absolute;
        text-align: left;
        z-index: 9;
        left: 1.5rem;
        top: 12rem;
        width: 8.3rem;
    }
    .top-sec03__list .limited{
        position: absolute;
        z-index: 9;
        right: 0;
        top: auto;
        bottom: 3.7rem;
        width: 11rem;
        height: 11rem;
    }
    .top-sec03__list li:nth-of-type(6){
        border-bottom: none;
        padding: 0;
        min-height: auto;
    }
    .top-sec03__list li:first-of-type .prize{
        font-size: 2.8rem;
        grid-gap: 2rem;
    }
    .top-sec03__list li:first-of-type .prize span{
        font-size: 2.8rem;
        width: 9.8rem;
        height: 9.8rem;
    }
    .top-sec03__list li:first-of-type .limited{
        right: 0;
        top: auto;
        bottom: 3.7rem;
        width: 11rem;
        height: 11rem;
    }
    .top-sec03__list li:first-of-type .limited img{
        transform: rotate(-10deg);
    }
    .top-sec03__list li:first-of-type .text{
        z-index: 9;
        left: 1.5rem;
        top: auto;
        bottom: 3.8rem;
        width: 8.3rem;
    }
    .top-sec03__list li:nth-of-type(3) .text{
        top: auto;
        bottom: 6.7rem;
    }
    .top-sec03__list li:nth-of-type(4) .text{
        top: auto;
        bottom: 4.2rem;
    }
    .top-sec03__list li:nth-of-type(5) .text{
        width: 5.6rem;
    }
    .top-sec03__note{
        font-size: 1.6rem;
        font-weight: bold;
        text-align: right;
        margin: 4.5rem auto 0;
        max-width: 90rem;
    }
    .top-sec03__list li{
        justify-content: center;
        display: flex;
        align-items: flex-start;
        padding: 9.8rem 0 6rem;
    }
    .top-sec03__list li:nth-of-type(4){
        padding-bottom: 14rem;
    }
    .top-sec03__list li:nth-of-type(1) .img img{
        width: 35rem;
    }
    .top-sec03__list li:nth-of-type(2) .img img{
        width: 23rem;
    }
    .top-sec03__list li:nth-of-type(3) .img img{
        width: 35.1rem;
    }
    .top-sec03__list li:nth-of-type(4) .img img{
        width: 35rem;
    }
    .top-sec03__list li:nth-of-type(5) .img img{
        width: 20.7rem;
    }
}


.top-method{
    padding: 10rem 0 4rem;
}
.top-method__box{
    background: #fff;
    border-radius: 3rem;
    max-width: 90rem;
    margin: 0 auto 7rem;
    position: relative;
    text-align: center;
    padding: 7.5rem;
}
.top-method__slogan{
    position: absolute;
    left: 4.4rem;
    top: -3.2rem;
    z-index: 9;
    width: 23.6rem;
    height: 23.6rem;
}
.top-method__slogan .bg{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../img/bg_popup.svg) center center no-repeat;
    background-size: 100% auto;

    animation: circle 10s infinite linear;
}
@keyframes circle {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.top-method__slogan .text{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-54%) rotate(350deg);
    font-size: 3.56rem;
    line-height: 1.15;
    color: #fff;
    letter-spacing: .14em;
    white-space: nowrap;
    font-weight: bold;
}
.top-method__cont{
    max-width: 61rem;
    margin: 0 auto;
}
.top-method__heading{
    font-size: 5rem;
    font-weight: 900;
    margin-bottom: 2rem;
    letter-spacing: .09em;
    color: #E3380D;
}
.top-method__text{
    font-size: 2rem;
    line-height: 1.75;
    font-weight: bold;
    letter-spacing: .09em;
}
.top-method__list{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 3.7rem;
    text-align: left;
    margin-top: 3rem;
}
.top-method__list li:last-of-type{
    margin-right: -2rem;
}
.top-method__list .img{
    height: 17rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-method__list li:nth-of-type(1) .img img{
    width: 13rem;
}
.top-method__list li:nth-of-type(2) .img img{
    width: 17.8rem;
}
.top-method__list li:nth-of-type(3) .img img{
    width: 16.1rem;
}
.top-method__list .title{
    font-size: 3.5rem;
    letter-spacing: .04em;
    font-weight: 900;
    display: flex;
    align-items: center;
    grid-gap: .5rem;
    margin: 4rem 0 1rem;
    color: #E3380D;
}
.top-method__list .title span{
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 50%;
    font-size: 3rem;
    line-height: 1.3;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E3380D;
    color: #fff;
}
.top-method__list .text{
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .09em;
    font-weight: bold;
}
.top-method__list .note{
    font-size: 1.3rem;
    margin-top: .5rem;
    line-height: 1.6rem;
    letter-spacing: .09em;
    font-weight: bold;
}
.top-method__note{
    margin-top: 2.8rem;
    text-align: left;
}
.top-method__note li{
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: .09em;
}
.top-method__note li.big{
    font-size: 2rem;
}

.stores-area{
    max-width: 75rem;
    margin: 0 auto;
    border-top: .4rem dotted #E3380D;
    padding-top: 6rem;
    margin-top: 8rem;
}

.stores-area__btn {
    margin: 3.8rem 0 2.2rem;
}
.stores-area__btn a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50rem;
    height: 8rem;
    border-radius: .5rem;
    background: #E3380D;
    font-size: 3.5rem;
    letter-spacing: .09em;
    line-height: 1.457;
    font-weight: bold;
    color: #fff;
}
@media only screen and (max-width : 767px){
    .top-method{
        padding: 10rem 0 2.5rem;
    }
    .top-method__box{
        background: #fff;
        border-radius: 2rem;
        max-width: 90rem;
        margin: 0 auto 3rem;
        position: relative;
        text-align: center;
        padding: 7.5rem 4rem 4.7rem;
    }
    .top-method__slogan{
        position: absolute;
        left: 0;
        width: 100%;
        top: -1rem;
        z-index: 9;
        height: auto;
    }
    .top-method__slogan .bg{
        display: none;
    }
    .top-method__slogan .text{
        position: static;
        transform: none;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 1.5rem 0 2rem;
        height: 4.5rem;
        font-size: 2rem;
        line-height: 1.15;
        color: #fff;
        border-radius: 2.5rem;
        background: #001A52;
        letter-spacing: .14em;
        white-space: nowrap;
        font-weight: bold;
    }
    .top-method__slogan .text br{
        display: none;
    }
    .top-method__cont{
        max-width: 61rem;
        margin: 0 auto;
    }
    .top-method__heading{
        font-size: 4rem;
        line-height: 1.3;
        font-weight: 900;
        margin-bottom: 1rem;
        letter-spacing: .09em;
        color: #E3380D;
    }
    .top-method__text{
        font-size: 2rem;
        line-height: 1.75;
        font-weight: bold;
        letter-spacing: .06em;
    }
    .top-method__list{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-gap: 3.7rem;
        text-align: left;
        margin-top: 3rem;
        margin-right: -2rem;
    }
    .top-method__list li:last-of-type{
        margin-right: 0;
    }
    .top-method__list .img{
        height: auto;
        display: block;
    }
    .top-method__list dl{
        display: flex;
    }
    .top-method__list dt{
        width: 15rem;
    }
    .top-method__list dd{
        width: calc(100% - 15rem);
    }
    .top-method__list li:nth-of-type(1) .img img{
        width: 12rem;
    }
    .top-method__list li:nth-of-type(2) .img img{
        width: 13.5rem;
    }
    .top-method__list li:nth-of-type(3) .img img{
        width: 13rem;
    }
    .top-method__list .title{
        font-size: 3.5rem;
        letter-spacing: .04em;
        font-weight: 900;
        display: flex;
        align-items: center;
        grid-gap: .5rem;
        margin: 0 0 1.5rem;
        color: #E3380D;
    }
    .top-method__list .title span{
        width: 3.9rem;
        height: 3.9rem;
        border-radius: 50%;
        font-size: 3rem;
        line-height: 1.3;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E3380D;
        color: #fff;
    }
    .top-method__list .text{
        font-size: 1.6rem;
        line-height: 1.5;
        letter-spacing: .09em;
        font-weight: bold;
    }
    .top-method__list .note{
        font-size: 1.3rem;
        margin-top: 1rem;
        line-height: 1.6rem;
        letter-spacing: .04em;
        font-weight: bold;
    }
    .top-method__note{
        margin: 2.8rem -3rem 0 -2rem;
        text-align: left;
    }
    .top-method__note li{
        padding-left: 1em;
        text-indent: -1em;
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: bold;
        letter-spacing: .09em;
        letter-spacing: .05em;
    }
    .top-method__note li.big{
        font-size: 1.6rem;
    }

    .stores-area{
        max-width: 75rem;
        margin: 0 auto;
        border-top: .4rem dotted #E3380D;
        padding-top: 3.4rem;
        margin-top: 6rem;
    }

    .stores-area__btn {
        margin: 2.5rem 0 1.5rem;
    }
    .stores-area__btn a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 27.6rem;
        max-width: 100%;
        height: 4.5rem;
        border-radius: .3rem;
        background: #E3380D;
        font-size: 2rem;
        letter-spacing: .09em;
        line-height: 1.457;
        font-weight: bold;
        color: #fff;
    }
    .stores-area .top-method__text{
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: left;
    }
}
        
.rubberBand{
    transition-delay: .3s;
    animation-delay: .5s!important;
    animation-duration: 1.3s;
}

.top-sec03__list .note{
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .09em;
    text-align: center;
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 100%;
    padding-left: 1em;
    text-indent: -1em;
}
.top-sec03__list .cont{
    display: flex;
    align-items: center;
    grid-gap: 5.4rem;
}

.top-sec03__list .cont > p {
    word-break: keep-all;
}

.top-sec03__list .cont .note{
    position: static;
    text-align: left;
    color: #000;
}
@media only screen and (max-width : 768px){
    .top-sec03__list .cont>p{
        white-space: nowrap;
    }
}
@media only screen and (max-width : 767px){
    .top-sec03__list .note{
        bottom: 1.5rem;
        line-height: 1.66;
    }
    .top-sec03__list .cont{
        display: grid;
        grid-gap: .4rem;
    }
}