@charset "UTF-8";
      .container{
        background: #fff;
      }
.page--home .bg img {
    display: none;
}

.pattern--integrated.page--home .css-pattern-8 .area--fc .section--login .block--login .nav li a {
background:#F4E8E8;
color: #61605b;
}
.css-pattern-8 .header .drawer .g-nav .nav li a, .pattern--integrated .css-pattern-8 .header .drawer .g-nav .nav li a, .pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav li a {
color: #61605b;
}
.css-pattern-8 .header .drawer .g-nav .nav--official, .pattern--integrated .css-pattern-8 .header .drawer .g-nav .nav--official, .pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav--official{
background: #F2D6D6;
}
.pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav--official {
background: #F2D6D6;
}
.css-pattern-8 .header .drawer, .pattern--integrated .css-pattern-8 .header .drawer, .pattern--integrated.page--home .css-pattern-8 .header .drawer {
    background: #F4E8E8;
}
.css-pattern-8 .header .drawer .g-nav .nav--member {
background: #F4E8E8;
}
.tit .limited::after, .btn .btn--main, .block--login .nav__list--login li a, .limited .section-tit::after, .page--faq .block--faq-detail span.icon--a, .page--feature .page--introduction .block--login__member li, .page--feature .page--introduction .block--service .block--service__contents li .inner span, .page--blog .wrap--action .reply-form .btn .btn--main, .page--movie .wrap--action .reply-form .btn .btn--main {
    background: #F2D6D6;
    color: #61605b;
}
.page--schedule .section--list .block--refine label p {
    background: #F2D6D6;
    color: #61605b;
}

.page--schedule .section--list .block--refine input[type=checkbox]:checked + p {
    color: #61605b;
}
@media screen and (min-width: 961px) {
    .page--home .section--hero-img .block--hero-img img {
    max-height: 100vh;
}
.page--home .section--hero-img .block--hero-img {
    max-height: 100vh;
}
    h1.logo {
width: clamp(140px, 30vw, 460px);}
.page--home.pattern--integrated .area--fc .section--login .logo--fc {
    max-width: 420px;
}
.page--home.pattern--integrated .area--fc .section--login .logo--fc img {
    max-width: 450px;
}
.header .drawer .g-nav .nav--member .nav--logo img {
    max-width: 22vw !important;
}
    }


@media screen and (min-width: 1px) and (max-width: 960px) {
    .page--home .section--hero-img .block--hero-img img {
        max-height: 85vw;
    }
    .page--home h1.logo {
        width: 50vw;
        left: 26vw;
    }
}