@charset "utf-8";
html{
    width: 100%;
    height: auto;
}
body{
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
#GM {
    margin-top: 20px;
}

#wrapper{
    width: 100%;
    height: auto;
}
    #l_wrapper{
        width: 100%;
        height: auto;
    }
        #hero{
            width: 87%;
            height: auto;
            margin: 0 auto;
        }
            .hero_inner{
                width: 100%;
                height: auto;
                margin: 0 auto;
            }
                .hero_image{
                    width: 100%;
                    height: auto;
                    margin: 55px auto;
                    max-width: 1280px;
                }
                    .hero_image img{
                        width: 100%;
                        height: auto;
                    }
                .hero_text{
                    width: 100%;
                    height: auto;
                    padding-bottom: 30px;
                    max-width: 1280px;
                    margin: 0 auto;
                }
                    .hero_text p{
                        width: 100%;
                        height: auto;
                        line-height: 2em;
                        letter-spacing: .08em;
                        font-weight: 700;
                        font-size: 22px;
                    }
                    .hero_image_min{
                        max-width: 1280px;
                        margin: 0 auto;
                    }
                        .hero_image_min_container{
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }
                            .hero_image_min_inner{
                                width: calc(50% - 15px);
                                height: auto;
                                /* margin: 0 auto; */
                                position: relative;
                            }
                                .hero_image_min_inner img{
                                    width: 100%;
                                    height: auto;
                                }
                                .hero_image_min_inner p{
                                    display: block;
                                    color: #fff;
                                    font-size: 20px;
                                    font-weight: 500;
                                    position: absolute;
                                    left: 17px;
                                    bottom: 13px;
                                }
                                    .coke_seats{
                                        
                                    }
                                    .miz_seats{
                                        
                                    }
                .cp_detail{
                    width: 100%;
                    height: auto;
                    max-width: 1280px;
                    margin: 60px auto 70px auto;
                }
                    .cp_detail p{
                        font-size: 10px;
                        line-height: .6em;
                        text-align: end;
                        padding-top: 13px;
                    }
                    .cp_detail img{
                        width: 100%;
                        height: auto;
                    }
        #application{
            width: 100%;
            height: auto;
            background-color: #F5F5F5;
        }
            .application_inner{
                width: 735px;
                height: auto;
                margin: 0 auto;
            }
                .application_inner_text{
                    width: 100%;
                    height: auto;
                }
                    .application_inner_text_image{
                        width: 100%;
                        height: auto;
                        position: relative;
                    }
                        .app_title_img{
                            width: 100%;
                            height: auto;
                            margin: 0 auto 25px auto;
                            padding-top: 78px;
                            padding-bottom: 36px;
                        }
                            .app_title_img p{
                                width: 100%;
                                height: auto;
                                font-size: 32px;
                                font-weight: 700;
                                text-align: center;
                            }
                            .yellow_line{
                                display: block;
                                width: 62px;
                                height: 5px;
                                background-color: #FFCC00;
                                margin: 5px auto 0 auto;
                            }
                        .app_btn_wrapper{
                            width: 100%;
                            height: auto;
                            background-color: #fff;
                            filter: drop-shadow(0px 4px 7px rgba(0,0,0,.1));
                            border-radius: 20px;
                            position: relative;
                            padding-top: 40px;
                            margin-bottom: 14px;
                        }
                        .app_btn_wrapper_top{
                            z-index: 9998;
                        }
                        .app_btn_wrapper_mid{
                            z-index: 9997;
                            height: auto;
                        }
                        .app_btn_wrapper_btm{
                            z-index: 9996;
                            height: auto;
                        }
                        .app_btn_text_container{
                            width: 87%;
                            height: auto;
                            margin: 0 auto;
                            position: relative;
                        }
                            .app_btn_text_container h3{
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                font-size: 22px;
                                font-weight: 700;
                                text-align: center;
                                letter-spacing: .08em;
                            }
                            .app_btn_text_container h3::before,
                            .app_btn_text_container h3::after{
                                content: '';
                                display: block;
                                flex: 1;
                                height: 0;
                                border-bottom: dotted 3px rgba(0,0,0,.16);
                            }
                            .app_btn_text_container h3::before {
                                margin-right: 16px;
                            }
                            .app_btn_text_container h3::after{
                                margin-left: 16px;   
                            }
                            .app_btn_text_detail_wrapper{
                                width: 87%;
                                height: auto;
                                margin: 0 auto;
                                padding-top: 13px;
                            }
                                .app_btn_text_detail{
                                    font-size: 16px;
                                    font-weight: 500;
                                    letter-spacing: .08em;
                                }
                                    .app_btn_text_detail span{
                                        font-size: 10px;
                                    }
                                .app_btn_text_detail_sub{
                                    padding-top: 12px;
                                }
                            .application_button{
                                width: 362px;
                                height: auto;
                                margin: 0 auto;
                                padding-top: 20px;
                                z-index: 9999;
                            }
                                .application_button .app_line_btn{
                                    width: 100%;
                                    height: auto;
                                    border: none;
                                    background: transparent;
                                    filter: drop-shadow(0px 3px 3px rgba(0,0,0,.3));
                                }
                            .triangle_wrapper{
                                transform: rotate(180deg);
                                position: absolute;
                                left: 50%;
                                bottom: -6%;
                                z-index: 9995;
                            }    
                                .triangle,
                                .triangle::before,
                                .triangle::after{
                                width: 22px;
                                height: 22px;
                                background: #fff;
                                }                                    
                                .triangle::before,
                                .triangle::after {
                                content: "";
                                position: absolute;
                                }                                  
                                .triangle {
                                position: relative;
                                border-top-left-radius: 3px;
                                transform: rotate(30deg) skewY(30deg) scaleX(.86666);
                                }
                                .triangle::before {
                                border-top-right-radius: 3px;
                                transform: skewX(-45deg) translateX(50%);
                                }
                                .triangle::after {
                                border-bottom-left-radius: 3px;
                                transform: skewY(-45deg) translateY(50%);
                                }
                            .application_button_2{
                                width: 358px;
                                height: auto;
                                margin: 0 auto;
                                padding-top: 36px;
                                z-index: 9999;
                            }
                                .application_button_2 .app_line_btn{
                                    width: 100%;
                                    height: auto;
                                    border: none;
                                    background: transparent;
                                    filter: drop-shadow(0px 3px 3px rgba(0,0,0,.3));
                                }
                                /* .application_button_2 .app_line_btn:hover{
                                    opacity: .7;
                                    transform: scale(1);
                                } */
                                .application_button_2 p{
                                    font-size: 10px;
                                    text-align: center;
                                    margin-top: 5px;
                                }
                            .app_btn_wrapper.app_btn_wrapper_btm{
                                padding-top: 25px;
                                padding-bottom: 25px;
                            }
                                .app_btn_wrapper.app_btn_wrapper_btm p{
                                    font-size: 26px;
                                    font-weight: 700;
                                    text-align: center;
                            }
                .application_inner_text{
                    width: 100%;
                    height: auto;
                }
                    .application_inner_text_image{
                        width: 100%;
                        height: auto;
                        position: relative;
                    }
                        .app_title_img{
                            width: 100%;
                            height: auto;
                            margin: 0 auto 25px auto;
                            padding-top: 78px;
                            padding-bottom: 36px;
                        }
                            .app_title_img p{
                                width: 100%;
                                height: auto;
                                font-size: 32px;
                                font-weight: 700;
                                text-align: center;
                            }
                            .yellow_line{
                                display: block;
                                width: 62px;
                                height: 5px;
                                background-color: #FFCC00;
                                margin: 5px auto 0 auto;
                            }
                        .app_btn_wrapper{
                            width: 100%;
                            height: auto;
                            background-color: #fff;
                            filter: drop-shadow(0px 4px 7px rgba(0,0,0,.1));
                            border-radius: 20px;
                            position: relative;
                            padding-top: 40px;
                            padding-bottom: 40px;
                            margin-bottom: 14px;
                        }
                        .app_btn_wrapper_top{
                            z-index: 9998;
                        }
                        .app_btn_wrapper_mid{
                            z-index: 9997;
                            height: auto;
                        }
                        .app_btn_wrapper_btm{
                            z-index: 9996;
                            height: auto;
                        }
                        .app_btn_text_container{
                            width: 87%;
                            height: auto;
                            margin: 0 auto;
                            position: relative;
                        }
                            .app_btn_text_container h3{
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                font-size: 22px;
                                font-weight: 700;
                                text-align: center;
                                letter-spacing: .08em;
                            }
                            .app_btn_text_container h3::before,
                            .app_btn_text_container h3::after{
                                content: '';
                                display: block;
                                flex: 1;
                                height: 0;
                                border-bottom: dotted 3px rgba(0,0,0,.16);
                            }
                            .app_btn_text_container h3::before {
                                margin-right: 16px;
                            }
                            .app_btn_text_container h3::after{
                                margin-left: 16px;   
                            }
                                .app_btn_text_container h3 span{
                                    font-family: "futura-pt", sans-serif;
                                    font-weight: 700;
                                    font-style: normal;
                                    padding-top: 4px;
                                }
                            .app_btn_text_detail_wrapper{
                                width: 87%;
                                height: auto;
                                margin: 0 auto;
                                padding-top: 13px;
                            }
                                .app_btn_text_detail{
                                    font-size: 16px;
                                    font-weight: 500;
                                    letter-spacing: .08em;
                                }
                                    .app_btn_text_detail span{
                                        font-size: 10px;
                                    }
                                .app_btn_text_detail_sub{
                                    padding-top: 12px;
                                }
                            .application_button{
                                width: 362px;
                                height: auto;
                                margin: 0 auto;
                                padding-top: 20px;
                                z-index: 9999;
                            }
                                .application_button .app_line_btn{
                                    width: 100%;
                                    height: auto;
                                    border: none;
                                    background: transparent;
                                    filter: drop-shadow(0px 3px 3px rgba(0,0,0,.3));
                                    transition: .3s;
                                }
                                .app_line_btn:hover{
                                    transform: scale(1.05);
                                    opacity: .7;
                                }
                            .triangle_wrapper{
                                transform: rotate(180deg);
                                position: absolute;
                                left: 50%;
                                bottom: -6%;
                                z-index: 9995;
                            }    
                                .triangle,
                                .triangle::before,
                                .triangle::after{
                                width: 22px;
                                height: 22px;
                                background: #fff;
                                }                                    
                                .triangle::before,
                                .triangle::after {
                                content: "";
                                position: absolute;
                                }                                  
                                .triangle {
                                position: relative;
                                border-top-left-radius: 3px;
                                transform: rotate(30deg) skewY(30deg) scaleX(.86666);
                                }
                                .triangle::before {
                                border-top-right-radius: 3px;
                                transform: skewX(-45deg) translateX(50%);
                                }
                                .triangle::after {
                                border-bottom-left-radius: 3px;
                                transform: skewY(-45deg) translateY(50%);
                                }
                            .application_button_2{
                                width: 358px;
                                height: auto;
                                margin: 0 auto;
                                padding-top: 36px;
                                z-index: 9999;
                            }
                                .application_button_2 .app_line_btn{
                                    width: 100%;
                                    height: auto;
                                    border: none;
                                    background: transparent;
                                    filter: drop-shadow(0px 3px 3px rgba(0,0,0,.3));
                                    transition: .3s;
                                }
                                .application_button_2 p{
                                    font-size: 10px;
                                    text-align: center;
                                }
                            .app_btn_wrapper.app_btn_wrapper_btm{
                                
                            }
                                .app_btn_wrapper.app_btn_wrapper_btm p{
                                    font-size: 26px;
                                    font-weight: 700;
                                    text-align: center;
                            }
                .app_detail_conntainer{
                    width: 100%;
                    height: auto;
                    padding-bottom: 92px;
                }
                    .application_detail_container_wrapper{
                        width: 100%;
                        height: auto;
                        position: relative;
                    }
                        .app_detail_title{
                            width: 100%;
                            height: auto;
                            margin: 0 auto 25px auto;
                            padding-top: 78px;
                            padding-bottom: 36px;
                        }
                            .app_detail_title p{
                                width: 100%;
                                height: auto;
                                font-size: 32px;
                                font-weight: 700;
                                text-align: center;
                            }
                            .yellow_line{
                                display: block;
                                width: 62px;
                                height: 5px;
                                background-color: #FFCC00;
                                margin: 5px auto 0 auto;
                            }
                        .app_detail_subtitle{
                            width: 100%;
                            height: auto;
                            background-color: #fff;
                            filter: drop-shadow(0px 4px 7px rgba(0,0,0,.1));
                            border-radius: 20px;
                            position: relative;
                            padding-top: 40px;
                            padding-bottom: 58px;
                            margin-bottom: 14px;
                        }
                        .app_detail_subtitle_top{
                            z-index: 9998;
                        }
                        .triangle_wrapper.detail_triangle_top{
                            bottom: -9%;
                        }
                        .triangle_wrapper.triangle_wrapper_sp_btm{
                            bottom: -4%;
                        }
                        .app_detail_subtitle_mid{
                            z-index: 9997;
                        }
                        .app_detail_subtitle_btm{
                            z-index: 9996;
                        }
                            .app_detail_subtitle_inner{
                                width: 87%;
                                height: auto;
                                margin: 0 auto;
                            }
                                .app_detail_subtitle_inner .app_detail_subtitle_inner_text{
                                    font-size: 10px;
                                    text-align: center;
                                    line-height: 0;
                                    margin-top: -18px;
                                }
                                .app_detail_subtitle_inner .app_detail_subtitle_inner_text_2{
                                    font-size: 10px;
                                    padding-top: 15px;
                                }
                            .app_detail_subtitle_inner h3{
                                font-size: 22px;
                                font-weight: 700;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                            .app_detail_subtitle_inner h3::before,
                            .app_detail_subtitle_inner h3::after{
                                content: "";
                                height: 0;
                                border-bottom: dotted 2px rgba(0,0,0,.16);
                                flex: 1;
                            }
                            .app_detail_subtitle_inner h3::before{
                                margin-right: 13px;
                            }
                            .app_detail_subtitle_inner h3::after{
                                margin-left: 13px;
                            }
                                .app_detail_subtitle_inner h3 span{
                                    font-family: "futura-pt", sans-serif;
                                    font-weight: 700;
                                    font-style: normal;
                                    padding-top: 4px;
                                }
                                .app_detail_subtitle_inner p{
                                    width: 100%;
                                    font-size: 16px;
                                    font-weight: 500;
                                    letter-spacing: .08em;
                                    line-height: 1.75em;
                                    padding-top: 24px;
                                }
                                    .app_detail_subtitle_inner p span{
                                        font-size: 10px;
                                        letter-spacing: .01em;
                                        line-height: 1.5em;
                                    }
                                .app_detail_text{
                                    width: 100%;
                                    height: auto;
                                }
                                    .app_detail_text a{
                                        color: #F20000;
                                        line-height: 1.75em;
                                        text-decoration: underline;
                                        transition: .3s;
                                    }
                                    .app_detail_text a:hover{
                                        text-decoration: none;
                                        opacity: .7;
                                    }
                            .triangle_wrapper{
                                transform: rotate(180deg);
                                position: absolute;
                                left: 50%;
                                bottom: -6%;
                                z-index: 9995;
                            }    
                                .triangle,
                                .triangle::before,
                                .triangle::after{
                                width: 22px;
                                height: 22px;
                                background: #fff;
                                }                                    
                                .triangle::before,
                                .triangle::after {
                                content: "";
                                position: absolute;
                                }                                  
                                .triangle {
                                position: relative;
                                border-top-left-radius: 3px;
                                transform: rotate(30deg) skewY(30deg) scaleX(.86666);
                                }
                                .triangle::before {
                                border-top-right-radius: 3px;
                                transform: skewX(-45deg) translateX(50%);
                                }
                                .triangle::after {
                                border-bottom-left-radius: 3px;
                                transform: skewY(-45deg) translateY(50%);
                                }
                            .application_button_2{
                                width: 358px;
                                height: auto;
                                margin: 0 auto;
                                padding-top: 36px;
                                z-index: 9999;
                            }
                                .application_button_2 .app_line_btn{
                                    width: 100%;
                                    height: auto;
                                    border: none;
                                    background: transparent;
                                    filter: drop-shadow(0px 3px 3px rgba(0,0,0,.3));
                                }
                                .application_button_2 p{
                                    font-size: 10px;
                                    text-align: center;
                                }
                            .app_btn_wrapper.app_btn_wrapper_btm{
                                padding-top: 25px;
                                padding-bottom: 25px;
                            }
                                .app_btn_wrapper.app_btn_wrapper_btm p{
                                    font-size: 26px;
                                    font-weight: 700;
                                    text-align: center;
                            }
        #cp_terms{
            width: 75%;
            height: auto;
            margin: 0 auto;
            padding-bottom: 108px;
            max-width: 890px;
        }
            .cp_terms_container{
                width: 100%;
                height: auto;
            }
                .cp_terms_title{
                    width: 269px;
                    height: auto;
                    margin: 96px auto 0 auto;
                    padding-bottom: 30px;
                }
                    .cp_terms_title p{
                        width: 100%;
                        height: auto;
                        font-size: 32px;
                        font-weight: 700;
                        text-align: center;
                    }
            .cp_terms_text{
                width: 100%;
                height: auto;
            }
                .cp_terms_text p{
                    width: 100%;
                    height: auto;
                    font-size: 14px;
                }
                    .cp_terms_text p a{
                        color: #000000;
                        font-size: 14px;
                        transition: .3s;
                        text-decoration: underline;
                    }
                    .cp_terms_text p a.cp_text_term_line{
                        color: #000000;
                        font-size: 14px;
                        transition: .3s;
                        text-decoration: underline;
                    }
                    .cp_terms_text p a.cp_text_term_line:hover{
                        text-decoration: none;
                        color: #06C755;
                    }
                    .cp_terms_text p a:hover{
                        text-decoration: none;
                        color: #F20000;
                    }
        #FC{
            width: 100%;
        }
            .fc .inner{
                width: 80%;
                margin: 0 auto;
            }
/* PC ================================================== */
@media all and (min-width:1025px){
    .sp{
        display: none;
    }
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
    .sp{
        display: none;
    }
    #wrapper{
        width: 960px;
    }
        #HC .hc-logo {
            margin: 0;
            padding: 0;
            position: absolute;
            top: 20px;
            left: 20px;
        }
    #FC{
        width: 960px;
        margin: 0 auto;
    }
}

/* SP ================================================== */
@media all and (max-width:599px){
    .pc{
        display: none;
    }
    body{
        width: 100%;
    }
                .hero_image{
                    margin: 31px auto 0 auto;
                }
                .hero_text{
                    margin-top: 31px;
                    font-size: 18px;
                }
                    .hero_text p{
                        width: 100%;
                        height: auto;
                        line-height: 2em;
                        letter-spacing: .08em;
                        font-weight: 700;
                        font-size: 12px;
                    }
                        .hero_image_min_container{
                            display: block;
                        }
                            .hero_image_min_inner{
                                width: 100%;
                            }
                                .coke_seats{
                                    padding: 0;
                                }
                                .miz_seats{
                                    padding: 19px 0 0 0;
                                }
                                .hero_image_min_inner p {
                                    display: block;
                                    color: #fff;
                                    font-size: 16px;
                                    font-weight: 500;
                                    position: absolute;
                                    left: 11px;
                                    bottom: 9px;
                                }
                    .cp_detail p {
                        font-size: 10px;
                        line-height: 1.5em;
                        text-align: start;
                        padding-top: 10px;
                        letter-spacing: .1em;
                    }
                    .application_inner{
                        width: 90%;
                        margin: 0 auto;
                    }
                                .app_btn_wrapper{
                                    height: auto;
                                    padding-top: 31px;
                                    padding-bottom: 30px;
                                }
                                .app_title_img p{
                                    font-size: 28px;
                                }
                                    .triangle_wrapper{
                                        left: 48%;
                                    }
                                    .triangle_wrapper_sp_btm{
                                        bottom: -4%;
                                    }
                                .app_btn_wrapper_mid{
                                    padding-top: 30px;
                                }
                                    .app_btn_text_detail_sub{
                                        padding-top: 6px;
                                    }
                                    .app_btn_text_detail {
                                        font-size: 16px;
                                        font-weight: 500;
                                        letter-spacing: .07em;
                                        line-height: 1.75em;
                                    }
                                .app_btn_wrapper.app_btn_wrapper_btm{
                                    height: 71px;
                                    padding-top: 15px;
                                }
                                    .application_button{
                                        width: 284px;
                                    }
                                    .application_button_2{
                                        width: 284px;
                                        padding-top: 19px;
                                    }
                                            .application_button_2 p{
                                                margin: 0;
                                            }
                                .app_detail_title p{
                                    font-size: 28px;
                                }
                                .app_detail_subtitle.app_detail_subtitle_top{
                                    padding-top: 32px;
                                }
                                .app_detail_subtitle.app_detail_subtitle_mid{
                                    padding-top: 30px;
                                    padding-bottom: 40px;
                                }
                                .app_detail_subtitle.app_detail_subtitle_btm{
                                    padding-top: 30px;
                                }
                                        .triangle_wrapper.triangle_wrapper_sp_btm{
                                            bottom: -3%;
                                        }
                                        .app_detail_subtitle_inner h3{
                                            font-size: 20px;
                                        }
                                        .app_detail_subtitle_inner p span{
                                            line-height: 1.5em;
                                            display: block;
                                            padding-top: 9px;
                                        }
                                    .app_detail_text p{
                                        padding-top: 10px;
                                    }
            #cp_terms{
                width: 87%;
            }
}