/* --- 新しいH1のデザイン（左寄せ・ロゴとの隙間最小） --- */
H1 {
    display: block;
    max-width: 900px;
    margin: 0 auto 5px; /* ロゴとの隙間を0に */
    padding: 0px 15px 8px; /* 内側の上の余白を0に */
    text-align: left; /* 左寄せ */
    background-color: #fff;
    line-height: 1.3;
    border-top: 1px solid #eee;
    border-bottom: 2px solid #ffa74f;
}

/* メインタイトル */
H1 .main-title {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    letter-spacing: 0.05em;
    margin-bottom: 0px;
}

/* サブタイトル */
H1 .sub-title {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    letter-spacing: 0.02em;
}

/* スマホ表示の調整 */
@media screen and (max-width: 480px) {
    H1 {
        margin: 0 auto 2px;
        padding: 0px 10px 8px;
    }
    H1 .main-title {
        font-size: 19px;
    }
    H1 .sub-title {
        font-size: 14px;
    }
}

/* --- 以下、既存のスタイルを維持（H1重複削除済み） --- */
#menu LI A{text-align:center}
#menu{max-width:900px;margin:0 auto}
#menu,#menu li{padding:0}
#soto,H3{color:#000}

@media only screen and (min-width:921px){
    #main,body{background-color:#fff}
    #contents,body{font-size:1pc}
    body{width:100%;margin-top:0;color:#333;-webkit-text-size-adjust:none}
    #main{width:900px;overflow:hidden;margin:0 auto;padding:0;text-align:center;border-right:solid 2px #e5e4e6;border-left:solid 2px #e5e4e6}
    #contents{float:right;margin:0;padding:4px 0 5px;width:40pc;letter-spacing:.05em;text-align:left;line-height:1.5}
}

#contents p{margin:15px 0;padding:0 2px;line-height:1.5;font-size:1pc}
#menu{width:100%}
#menu li{display:block;float:left;width:16.6%;margin:.2;font-size:14px}
#menu LI A{display:block;padding:6px 3px;background-color:#ffa74f;color:#fff;text-decoration:none;border-right:1px solid #4baacb}
#menu li:last-child a{border:0}
#menu li a:hover{background:#00f}
#toggle{display:none}

@media only screen and (max-width:768px){
    #menu li{width:33.2%;border-bottom:1px solid #4baacb}
}

@media only screen and (max-width:480px){
    #menu li,#toggle{width:100%}
    #toggle,#toggle a{position:relative}
    #toggle a:after,#toggle a:before,#toggle:before{display:block;content:"";position:absolute;top:50%;left:10px;width:30px}
    #menu{display:none}
    #toggle{display:block;background:#ffa74f}
    #toggle a{display:block;padding:10px 0;border-bottom:1px solid #4baacb;color:#fff;text-align:center;text-decoration:none}
    #toggle:before{height:30px;margin-top:-15px;background:#fff}
    #toggle a:after,#toggle a:before{height:6px;background:#ffa74f}
    #toggle a:before{margin-top:-9px}
    #toggle a:after{margin-top:3px}
}

#soto{border-style:none}
H2{margin:0 0 20px;font-weight:400;background-color:#c40000;color:#fff;padding:5px 13px;border-radius:30px;text-align:center}
H2,H3{font-size:18px}
H3{text-decoration:none;color:maroon}
#soto{background-color:#fff;width:600px;border-width:1px;padding:5px}

@media only screen and (max-device-width:980px){
    #soto,img{width:100%}
}

#img{width:100%}
body,html{font-family:Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}

H1.opening{line-height:1.5;margin:0 0 9pt;padding:10px;font-weight:400;color:#000;font-variant-ligatures:normal;font-variant-caps:normal;letter-spacing:normal;orphans:2;text-align:start;text-indent:0;white-space:normal;widows:2;word-spacing:0;-webkit-text-stroke-width:0;background-color:#c40000;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;text-align:center;border-radius:30px}

H3.opening,p.staff_name{font-size:18px;font-style:normal}
p.staff_name{line-height:1em;margin:0 0 24px;padding:0;color:#333;font-weight:700}

ul.site{width:220px;margin:0;padding:0;list-style-type:none;background-color:#fed;text-align:left}
li a{display:block;padding:1px 1pc;text-decoration:none;color:#000}
li:last-child{border-bottom:0}
li a.active{color:#fff;background-color:#da3c41;text-align:center}
li a:hover:not(.active){color:#fff;background-color:#1b2538}

TD.gazou{width:900px;margin:0 auto;padding:0}
#site ul{list-style:none}
#site li,#site ul{margin:0;padding:0}
#site li a{display:block;background:url(https://bealive21.com/ecalic033_011.png)no-repeat left center;padding:2px 0 3px 18px;color:#555;width:auto;white-space:nowrap;margin:8px 0;text-decoration:none;border-bottom:1px dotted #666;font-size:1pc}
#site li a:hover{background:url(https://bealive21.com/ecalic033_008.png)no-repeat left center}

p.top{font-size:9pt;text-align:left;color:#000;font-weight:400;border:0;margin-top:1pt;margin-bottom:1pt;max-width:900px;margin:0 auto;padding:0}
#page-top{position:fixed;bottom:20px;right:20px;font-size:77%;font-weight:700}
#page-top a{color:#000;width:50px;padding:10px 0;text-align:center;display:block;border-radius:5px}
#page-top a,#page-top a:hover{background:#ffa74f;text-decoration:none}

.box1{width:100%;height:40px;background:#c40000;border-radius:30px}
div.center{padding:6px;text-align:center;color:#fff;font-size:18px}
.box{margin:0 auto;padding:10px 10;background:#fff;border:#ddd 5px solid;border-radius:10px}
.box span{display:inline-block;margin:0;background:#ff80ff;font-size:1pc;padding:.3em 1em;border-radius:.5em}

p.pankuzu{font-size:9pt;text-align:left;color:#000;font-weight:400;border:0;margin-top:1pt;margin-bottom:1pt;max-width:900px;margin:0 auto;padding:0}

.menu-btn{position:fixed;top:10px;right:10px;display:flex;height:30px;width:30px;justify-content:center;align-items:center;z-index:2;background-color:#3584bb}
.menu-btn span,.menu-btn span:after,.menu-btn span:before{content:'';display:block;height:3px;width:25px;border-radius:3px;background-color:#fff;position:absolute}
.menu-btn span:before{bottom:8px}
.menu-btn span:after{top:8px}
#menu-btn-check:checked~.menu-btn span{background-color:hsla(0,0%,100%,0)}
#menu-btn-check:checked~.menu-btn span:before{bottom:0;transform:rotate(45deg)}
#menu-btn-check:checked~.menu-btn span:after{top:0;transform:rotate(-45deg)}
#menu-btn-check{display:none}
.menu-content{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1;background-color:#3584bb}
.menu-content ul{padding:70px 10px 0}
.menu-content ul li{border-bottom:solid 1px #fff;list-style:none}
.menu-content ul li a{display:block;width:100%;font-size:15px;box-sizing:border-box;color:#fff;text-decoration:none;padding:9px 15px 10px 0;position:relative}
.menu-content ul li a:before{content:"";width:7px;height:7px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);position:absolute;right:11px;top:1pc}
.menu-content{width:100%;height:100%;position:fixed;top:0;left:100%;z-index:1;background-color:#3584bb;transition:all .5s}
#menu-btn-check:checked~.menu-content{left:0}