@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700;900&display=swap');

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-new-black {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.has-global-padding>.alignfull {
    margin-right: 0!important;
    margin-left: 0!important;
}
.has-global-padding {
    padding-right: 0!important;
    padding-left: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

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

        body {
            font-family: "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif;
            line-height: 1.7;
            color: #1a1a1a;
            background: #f2e4c7;
        }

        .l-header__logo a {
            display: block;
            width: 100%;
            height: 100%;
            background-color: #fff;
            clip-path: var(--polygon-header_logo);
        }
        
        /* ヘッダー */
        header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            padding: 0;
            z-index: 1000;
        }
        
        .nav-container {
            max-width: 768px;
            margin: 0 auto;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            width: 180px;
            display: flex;
            align-items: center;
        }

        .img-full{width: 100%;}
        .contect1{
            position: relative;
            height: 100vh;
        }

        /* header-bg3（最背面） */
        .contect1 .bg-main{
            position:absolute;
            inset:0;
            background:url("https://display.haisyanomikata.com/wp-content/uploads/2025/12/header-bg3.png") no-repeat right top / contain;
            z-index: 0;
        }

        /* header-bg1 */
        .contect1::before{
            content:"";
            position:absolute;
            inset:0;
            background:url("https://display.haisyanomikata.com/wp-content/uploads/2025/12/header-bg1.png") no-repeat left top / contain;
            z-index: 1;
        }

        /* header-bg2 */
        .contect1::after{
            content:"";
            position:absolute;
            inset:0;
            background:url("https://display.haisyanomikata.com/wp-content/uploads/2025/12/header-bg2.png") no-repeat right bottom / contain;
            z-index: 2;
        }

        .sun1{
            width: calc(15%);
            top: 1%;
            right: calc(5%);
            position:absolute;
            z-index: 10;
            height: auto;
        }

        .human1{
            width: calc(40%);
            bottom: 2%;
            left: calc(2%);
            position:absolute;
            z-index: 10;
            height: auto;
        }

        .human2{
            width: calc(36%);
            bottom: 7%;
            left: calc(48%);
            position:absolute;
            z-index: 10;
            height: auto;
        }

        .bard{
            width: calc(10%);
            top: 5%;
            left: calc(40%);
            position:absolute;
            z-index: 10;
            height: auto;
        }

        .star1{
            width: calc(6%);
            top: 30%;
            left: calc(50%);
            position:absolute;
            z-index: 10;
            height: auto;
        }

        .star2{
            width: calc(6%);
            top: 20%;
            right: calc(5%);
            position:absolute;
            z-index: 10;
            height: auto;
        }

        .bg-text{
            position:absolute;
            top:20%;
            z-index: 5;
            left: calc(5%);
            width: calc(35%);
            height: auto;
        }


        /* コンテナ */
        .container {
            max-width: 768px;
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
        
        /* セクション */
        section {
            padding: 100px 0;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s ease;
        }
        
        section.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        h2 {
            font-size: 2.8em;
            font-weight: 900;
            color: #1a1a1a;
            margin-bottom: 20px;
            text-align: center;
        }
        
        /* フッター */
        footer {
            background: #FCF5EF;
            text-align: center;
            font-size: 11px;
            font-weight: 500;
            opacity: 0.4;
            padding: 2rem 0;
        }
        
        footer p {
            margin: 8px 0;
        }

        
        /* レスポンシブ */
        @media (max-width: 412px) {
            .bg-text{
                position:absolute;
                top:30%;
                z-index: 5;
                left: calc(5%);
                width: calc(60%);
            }
            .contect1::before{
            background-size:calc(110%);
            }
            .contect1::after{
            background-size:calc(150%);
            }
            .human1{
            width: calc(55%);
            bottom: 5%;
            }

                .human2{
                    width: calc(50%);
                    left: calc(50%);
                    bottom: 20%;
                }

        }