/* --- 新しい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;
}

/* スマホ表示（横幅480px以下）の時の調整 */
@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;
    }
}
/* --- 以下、既存のCSSを維持 --- */
#menu LI A{text-align:center}
#menu{max-width:900px;margin:0 auto}
#menu,#menu li{padding:0}
#soto,H2{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{font-size:1pc;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}

H2.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:green;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;text-align:center}

p.staff_name{font-size:18px;font-style:normal;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 10px 3px 18px;color:#555;width:auto;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:0 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}
.head_test{margin:0;font-weight:400;font-size:18px;background-color:#c40000;color:#fff;padding:5px 13px;margin-bottom:20px;border-radius:30px}