@charset "UTF-8";

/*
/* common設定
/* -------------------------------------------------- */
:root {
    --gold-color: #C9A552;
    --blue-color:#1F3A5F;
    --white-yellow-color:#F4F2EF;
    --gray-color:#7C858C;
  }
._fc_suisen-gold {
    color: var(--gold-color);
}
._fc_suisen-blue {
    color: var(--blue-color);
}
._fc_suisen-gray {
    color: var(--gray-color);
}
._bg_suisen-gold {
    background-color: var(--gold-color);
}
._bg_suisen-blue {
    background-color: var(--blue-color);
}

._border_gold_kazari {
  border: solid 5px var(--gold-color);
  background-color: var(--white-yellow-color);
}
._border_gold_kazari_inner {
  border: solid 2px var(--gold-color);
  background-color: var(--white-yellow-color);
  margin: 3px;
}

/*
/* section_kv
/* -------------------------------------------------- */
.section_kv{
    background: url('/contents/event/a1022400/img/kv_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
}
.section_kv h1 { filter: drop-shadow(0 0 20px var(--blue-color));}
@media only screen and (max-width: 699px) {
    .section_kv .summary{padding:2em 1em;width: 95%;margin: 3em auto;}
    .section_kv .haishin_bt {padding: 0 0 2em;}
}

@media screen and (min-width: 700px){
    .section_kv ._border_gold_kazari_inner{
        position: relative;
    }
    .section_kv ._border_gold_kazari_inner ._img_nagi{
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 200px;
    }
}

/*
/* section_brand
/* -------------------------------------------------- */
.section_brand {
    background: linear-gradient(
      45deg,
      #7C858C,
      #414141
    );
    } 
@media screen and (min-width: 700px){

    .section_brand .rogo_box {
        height: 118px;
        width: 100%;
    }
    .section_brand .copy_box {
        height: 4em;
    }
}

/*
/* section_nextgear
/* -------------------------------------------------- */

.section_nextgear_point { width: 100%; }
.section_nextgear_point_1,
.section_nextgear_point_2 { position: relative; background: #be008c; color: #ffffff; }
.section_nextgear_point_1::before,
.section_nextgear_point_2::before { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: #fff000; clip-path: polygon(0 0, 100% 0%, 0 100%); }
.section_nextgear_point_1 .data-text::before,
.section_nextgear_point_2 .data-text::before { content: attr(data-text1); position: absolute; top: 6px; left: 8px; font-size: 1em; font-family: Montserrat; color: #000000; font-weight: bold; text-align: center; }
.section_nextgear_point_1 .data-text::after,
.section_nextgear_point_2 .data-text::after { content: attr(data-text2); position: absolute; top: 13px; left: 23px; font-size: 2.5em; font-family: Montserrat; color: #000000; font-weight: bold; text-align: center; }
.section_nextgear_point h5 { display: flex; justify-content: center; align-items: center; color: var(--color_6); font-weight: bold; text-align: center; }
.section_nextgear ._button { background: var(--color_6); }
.section_nextgear ._button a { color: #ffffff; }

@media screen and (min-width: 700px), print {
    .section_nextgear_point { margin-top: 3em; }
    .section_nextgear_point_1,
    .section_nextgear_point_2 { padding: 2em; }
    .section_nextgear_point h5 { height: 90px; font-size: 2em; }
    .section_nextgear_point p { margin-top: 1em; font-size: 1.25em; }
    .section_nextgear_point p span { font-size: 1rem; }
    .section_nextgear ._button { margin-top: 60px; }
    .section_nextgear ._button a div { width: 600px; height: 60px; font-size: 1.5rem; }
}

@media only screen and (max-width: 699px) {
   .section_nextgear_point { margin-top: 1.5em; }
    .section_nextgear_point_1,
    .section_nextgear_point_2 { padding: 2em 1em; }
    .section_nextgear_point_2 { margin-top: 1em; }
    .section_nextgear_point h5 { height: 90px; font-size: 1.5em; }
    .section_nextgear_point p { margin-top: 1em; }
    .section_nextgear_point p span { font-size: .75rem; }
    .section_nextgear ._button { margin-top: 40px; width: 100%; }
    .section_nextgear ._button a div { width: 100%; height: 40px; font-size: 1.25em; }
}

/*
/* section_gtune
/* -------------------------------------------------- */

.section_gtune_point { width: 100%; }
.section_gtune_point_1,
.section_gtune_point_2 { position: relative; background: #000000; color: #ffffff; }
.section_gtune_point_1::before,
.section_gtune_point_2::before { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: #fff000; clip-path: polygon(0 0, 100% 0%, 0 100%); }
.section_gtune_point_1 .data-text::before,
.section_gtune_point_2 .data-text::before { content: attr(data-text1); position: absolute; top: 6px; left: 8px; font-size: 1em; font-family: Montserrat; color: #000000; font-weight: bold; text-align: center; }
.section_gtune_point_1 .data-text::after,
.section_gtune_point_2 .data-text::after { content: attr(data-text2); position: absolute; top: 13px; left: 23px; font-size: 2.5em; font-family: Montserrat; color: #000000; font-weight: bold; text-align: center; }
.section_gtune_point h5 { display: flex; justify-content: center; align-items: center; color: var(--color_5); font-weight: bold; text-align: center; }

@media screen and (min-width: 700px), print {
    .section_gtune_point { margin-top: 3em; }
    .section_gtune_point_1,
    .section_gtune_point_2 { padding: 2em; }
    .section_gtune_point h5 { height: 90px; font-size: 2em; }
    .section_gtune_point p { margin-top: 1em; font-size: 1.25em; }
    .section_gtune_point p span { font-size: 1rem; }
}

@media only screen and (max-width: 699px) {
    .section_gtune_point { margin-top: 1.5em; }
    .section_gtune_point_1,
    .section_gtune_point_2 { padding: 2em 1em; }
    .section_gtune_point_2 { margin-top: 1em; }
    .section_gtune_point h5 { height: 90px; font-size: 1.5em; }
    .section_gtune_point p { margin-top: 1em; }
    .section_gtune_point p span { font-size: .75rem; }
}

/*
/* section_link
/* -------------------------------------------------- */

.section_link { background: linear-gradient(-45deg, rgba(230,60,171,1), rgba(63,156,228,1)) #000000; color: #ffffff; }
.section_link h2 { text-align: center; font-weight: bold; }
.section_link ._row > a { background: var(--color_3); color: #ffffff; text-decoration: none; }
.section_link ._row a:hover img,
.section_link ._row a:focus img { opacity: 1; }
.section_link h3 { text-align: center; }

@media screen and (min-width: 700px), print {
    .section_link { padding-top: 5em; padding-bottom: 5em; }
    .section_link ._row { margin-top: 60px; }
    .section_link h2 { margin-bottom: 2rem; font-size: 3em; }
    .section_link h3 { margin-top: 1.5rem; font-size: 1.25em; }
}

@media only screen and (max-width: 699px) {
    .section_link { padding-top: 3em; padding-bottom: 3em; }
    .section_link ._row { margin-top: 40px; }
    .section_link h2 { margin-bottom: 2rem; font-size: 1.5em; }
    .section_link h3 { margin-top: .5em; }
}

/*
/* section_note
/* -------------------------------------------------- */
.section_note { background: #181818; color: #ffffff; }