/* 共通 */

html {
    scroll-behavior: smooth;
}

html,
body {
    height: 100%;
    /*高さを100%にして描画エリアをとる*/
}

footer {
    display: none;
}

ul,
li {
    list-style: none;
}


.pg_ttl {
    display: none;
}

.oc_field {
    display: none;
}

.oc_field-renew {
    display: none;
}

.sns_icon {
    display: none;
}

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

.sp_only {
    display: none;
}

@media screen and (max-width:767px) {
    .sp_only {
        display: block;
    }
}

#page_top {
    display: none;
    visibility: hidden;
}

#fixed_floating {
    display: none;
    visibility: hidden;
}

/* 表示 */

.u-d-n {
    display: none
}

@media (min-width: 768px) {
    .u-pc-d-n {
        display: none
    }

    .u-pc-d-i {
        display: inline
    }
}

.u-mt-0,
.u-my-0 {
    margin-top: 0 !important;
}

.u-mt-xxs,
.u-my-xxs {
    margin-top: 0.4rem !important;
}

.u-mt-xs,
.u-my-xs {
    margin-top: 0.8rem !important;
}

.u-mt-s,
.u-my-s {
    margin-top: 1.2rem !important;
}

.u-mt-m,
.u-my-m {
    margin-top: 2rem !important;
}

.u-mt-l,
.u-my-l {
    margin-top: 3.2rem !important;
}

.u-mt-xl,
.u-my-xl {
    margin-top: 5.2rem !important;
}

.u-mt-xxl,
.u-my-xxl {
    margin-top: 8.4rem !important;
}

@media (min-width: 769px) {

    .u-pc-mt-0,
    .u-pc-my-0 {
        margin-top: 0 !important;
    }

    .u-pc-mt-xxs,
    .u-pc-my-xxs {
        margin-top: 0.4rem !important;
    }

    .u-pc-mt-xs,
    .u-pc-my-xs {
        margin-top: 0.8rem !important;
    }

    .u-pc-mt-s,
    .u-pc-my-s {
        margin-top: 1.2rem !important;
    }

    .u-pc-mt-m,
    .u-pc-my-m {
        margin-top: 2rem !important;
    }

    .u-pc-mt-l,
    .u-pc-my-l {
        margin-top: 3.2rem !important;
    }

    .u-pc-mt-xl,
    .u-pc-my-xl {
        margin-top: 5.2rem !important;
    }

    .u-pc-mt-xxl,
    .u-pc-my-xxl {
        margin-top: 8.4rem !important;
    }
}

.u-mb-0,
.u-my-0 {
    margin-bottom: 0 !important;
}

.u-mb-xxs,
.u-my-xxs {
    margin-bottom: 0.4rem !important;
}

.u-mb-xs,
.u-my-xs {
    margin-bottom: 0.8rem !important;
}

.u-mb-s,
.u-my-s {
    margin-bottom: 1.2rem !important;
}

.u-mb-m,
.u-my-m {
    margin-bottom: 2rem !important;
}

.u-mb-l,
.u-my-l {
    margin-bottom: 3.2rem !important;
}

.u-mb-xl,
.u-my-xl {
    margin-bottom: 5.2rem !important;
}

.u-mb-xxl,
.u-my-xxl {
    margin-bottom: 8.4rem !important;
}

@media (min-width: 769px) {

    .u-pc-mb-0,
    .u-pc-my-0 {
        margin-bottom: 0 !important;
    }

    .u-pc-mb-xxs,
    .u-pc-my-xxs {
        margin-bottom: 0.4rem !important;
    }

    .u-pc-mb-xs,
    .u-pc-my-xs {
        margin-bottom: 0.8rem !important;
    }

    .u-pc-mb-s,
    .u-pc-my-s {
        margin-bottom: 1.2rem !important;
    }

    .u-pc-mb-m,
    .u-pc-my-m {
        margin-bottom: 2rem !important;
    }

    .u-pc-mb-l,
    .u-pc-my-l {
        margin-bottom: 3.2rem !important;
    }

    .u-pc-mb-xl,
    .u-pc-my-xl {
        margin-bottom: 5.2rem !important;
    }

    .u-pc-mb-xxl,
    .u-pc-my-xxl {
        margin-bottom: 8.4rem !important;
    }
}

/* コンテンツ */


.lp_bg {
    background-image: repeating-linear-gradient(90deg, #e6e6e2, #e6e6e2 1px, transparent 1px, transparent 15px), repeating-linear-gradient(0deg, #e6e6e2, #e6e6e2 1px, #fff 1px, #fff 15px);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    position: relative;
}


.gheader {
    position: fixed;
    width: 380px;
    top: 15%;
    left: 15%;
    z-index: 5;
}

.gav_link {
    margin: 0.5rem auto;
    width: 100%;
}

.gav_link li {
    text-decoration: none;
}

/* ボタンアクション */
.gav_link:hover,
.btn_entry:hover,
.btn_oc:hover,
.btn_tel:hover,
.btn_line:hover {
    transform: translateY(-5px);
    transition-duration: .3s;
}

.img_merit a:hover {
    transform: translateY(-5px);
    transition-duration: .3s;
}

a.anchor {
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}

.wrapper {
    width: 450px;
    margin-left: 50%;
    padding-top: 0 !important;
    border: 5px solid #52bbe5;
    background-color: #ffffff;
    margin-top: 90px;
    position: relative;
    z-index: 5;
}

@media screen and (max-width:767px) {
    .gheader {
        display: none;
    }

    .wrapper {
        width: 92%;
        margin: 0 auto;
    }

}

.cont-event_detail .btn_entry_2 {
    margin: 0 auto;
    animation: move_a 2s infinite;
    transition: .3s all;
}

.cont-event_detail .btn_entry_2 a {
    display: block;
}

@keyframes move_a {
    0% {
        transform: translate(0px, 4px);
    }

    5% {
        transform: translate(0px, -4px);
    }

    10% {
        transform: translate(0px, 4px);
    }

    15% {
        transform: translate(0px, -4px);
    }

    20% {
        transform: translate(0px, 4px);
    }

    25% {
        transform: translate(0px, -4px);
    }

    30% {
        transform: translate(0px, 0px);
    }
}

.cont-event_detail .txt-period {
    text-align: center;
    margin: 0 2rem;
}

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

.cont-event_detail {
    background: #ffffff;
}

.detail-inner {
    position: relative;
    padding: 0 2rem;
}

/* SECTION */

.cont-merit,
.cont-about {
    position: relative;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #d9f4ff;
}

.cont-step,
.cont-period {
    position: relative;
    margin: 0 auto;
    padding: 4rem 2rem;
}

/* タイトル_tlt */
h2 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3.2rem !important;
}

.cont-period h2 {
    width: 50%;
}


@media screen and (max-width:767px) {
    .cont-period h2 {
        width: 70%;
    }
}

/* ３つのメリット */
.img_merit {
    position: relative;
}

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

.img_merit a {
    position: absolute;
    width: 90%;
}

.img_merit .btn_detail {
    bottom: 14%;
    left: 5%;
}

.img_merit .btn_check {
    bottom: 5%;
    left: 5%;
}


/* アイコンアニメーション */

.fuwafuwa {
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
    position: absolute;
}

@keyframes floating-y {
    0% {
        transform: translateY(-10%);
    }

    100% {
        transform: translateY(10%);
    }
}


.detail-inner .fuwafuwa {
    top: -145px;
    right: -80px;
    width: 120px;
    z-index: 1;
}

.cont-merit .fuwafuwa {
    top: 145px;
    right: -80px;
    width: 120px;
    z-index: 1;
}

.cont-about .fuwafuwa {
    top: 180px;
    right: -80px;
    width: 120px;
    z-index: 1;
}

@media screen and (max-width:767px) {
    .detail-inner .fuwafuwa {
        top: -100px;
        right: -25px;
        width: 90px;
    }

    .cont-merit .fuwafuwa {
        top: 145px;
        right: -25px;
        width: 90px;
    }

    .cont-about .fuwafuwa {
        top: 180px;
        right: -25px;
        width: 90px;
    }


}

/* 背景アニメーション */

#particles-js {
    position: fixed;
    /*描画固定*/
    z-index: 0;
    /*描画を一番下に*/
    width: 100%;
    height: 100%;
    pointer-events: none;
    top: -120px;
}