@charset "utf-8";
@import "animation/img_warp_8img-warp.css";
@import "frame/fs_page.css";
@import "component/fonts.css";
@import "component/header.css";
@import "component/footer.css";
@import "component/iconset_v1.css";
@import "component/button_v1_transparent.css";
@import "background/color_set_01.css";
.SI {
    height: 30px;
    width: 30px;
    background-color: rgb(251, 235, 204);
}

* {
    box-sizing: border-box;
    text-overflow: none;
    margin: 0;
    padding: 0;
}

.header-normal.bgc-header {
    background-color: rgba(54, 36, 35, 0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.header_mobile input:checked~.hm_button {
    background-color: rgba(54, 36, 35, 1);
    transition: all 0.5s ease 0s;
}

.hm_button {
    background-color: rgba(54, 36, 35, 0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.hn-txt-anchor:hover {
    background-color: rgba(87, 58, 58, 0);
}

.hn-txt-anchor:hover>.ftc-header {
    filter: drop-shadow( 0 0 5px rgba(247, 139, 100, 1.0));
}

footer {
    z-index: 6;
    position: fixed;
    display: flex;
    bottom: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 2%;
    background-color: rgba(146, 91, 91, 0.00);
}

.maintextbox {
    position: fixed;
    z-index: 3;
    top: 300px;
    bottom: 300px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 0px 10%;
}

.box1 {
    position: relative;
    min-width: 100%;
    z-index: 3;
    list-style: none;
    background: rgba(229, 221, 198, 0.00);
    height: auto;
    padding: 20px;
    border-radius: 45px;
}

.box2 {
    padding: 20px 4%;
    position: relative;
    text-align: center;
    overflow: auto;
}

.imgcover {
    z-index: 0;
    background-color: rgba(66, 66, 66, 0.40);
}