@scope (.bousai_form) to (body){
/* アンケート設問 */
#main_body fieldset {
	border: none;
}
#main_body textarea {
	white-space: normal !important;
	word-break: normal;
}

/* アンケート詳細2（別テンプレート／ヘッダ・フッタなし） */
.tpl_question_detail2 #footstep_wrap {
	display: none !important;
}

/* お問い合わせ（必須・いずれか必須表示切り替え） */
#main_body table#mail_form_tbl th .hidden {
	display: none !important;
}
}

/*--全世帯防災支援プロジェクト用--*/
.tpl_side1 #sidebar1{display:none;}
.tpl_side1 #main_a:has(.bousai_info){padding:0;}
.tpl_side1 #main:has(.bousai_info),.tpl_site_93 #main{width:100%;
#main_a{padding:0}
}
.top_bnr{display:none;}

@scope (.detail_html) to (body){
/*--head--*/
.bousai_info{
h3{border:none !important;padding:0 !important;margin:0 !important;color:#000 !important;}
h4{margin:0 auto !important;background-color:#fff !important;font-weight:bold;font-weight:bold;}
p{padding-left:0;margin:0;font-size:1.4rem;}
p.intro{margin:0 auto;text-align:center;font-weight:bold;color:#166a52;font-size:1.2rem;padding:0;}
div.card{display:grid;gap:2rem;}
    
p.sche{background:#f59e0b;text-align:center;padding:1rem;font-weight:bold;margin-bottom:1.5rem;}
nav.head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:1.4rem;align-items:center;
h3{padding-left:30px !important;font-size:1.5rem !important;line-height:1.5rem;
span{display:block;font-size:1.2rem;font-weight:bold;color:#007d30;letter-spacing:0;}
}
a{color:#666;text-decoration:none;font-weight:bold;}
a.inq{color:#166a52;padding:.5rem 1rem .5rem 2rem;background:#ecfdf5;border:1px #b1f5d6 solid;border-radius:1rem;}
a:hover{text-decoration:underline;}
}
}

/*--hero--*/
.bousai_info.hero{position:relative;padding:6rem 2rem;background:radial-gradient(closest-side at 60% 30%,#62703f 0%,transparent 100%),linear-gradient(to bottom, #064e3b 0%,#065841 100%);background-size: 200% 200%;animation: Grad 10s ease infinite;
*{z-index:1;}
p{width:80%;margin:2rem auto;color:#fff;text-align:center;font-size:1.8rem;padding-left:0;}
p[class]{width:fit-content;margin:1rem auto;font-size:1.2rem;padding:.5rem 1rem;background:#23604e;color:#6ee7ad;border:1px #4c8072 solid;border-radius:1rem;}
h2{color:#fff;font-size:7rem !important;background:none !important;border:none !important;text-align:center;margin:0 auto !important;padding:0 !important;letter-spacing:-.1rem;}
ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;
li{width:25%;border:none !important;
a{display:block;text-align:center;padding:1rem 2rem;border-radius:.5rem;background-color:#f59e0b;color:#000;}
}
li+li a{background-color:rgba(255,255,255,.1);color:#fff;border:1px rgba(255,255,255,.5) solid;}
}
}
.bousai_info.hero::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:transparent;background-image: radial-gradient(circle, #ccc 2px, transparent 2px);background-position: 0 0;background-size: 36px 36px;z-index:0;opacity:.2;}

/*--why--*/    
#why{padding:4rem 2rem;background:#fdfcf7;display:flex;gap:2rem;flex-wrap:wrap;align-items:center;
    > p{width:100%;color:#166a52;font-weight:bold;display:flex;gap:1rem;align-items:center;margin:0 auto;padding:0 !important;}
    > p::before{content:"";display:inline-block;height:2px;width:4%;background:#166a52;margin-right:1rem;}
    >div{width:calc(100% / 2 - 4rem);}
    .left{
        h3{margin:1rem auto !important;font-size:3rem;}
        p{margin:2rem auto;padding:0 !important;color:#333;font-size:1.5rem;}
        dl{padding:2rem 2rem 2rem 8rem;background:#ecfdf5;border:1px #dbfae9 solid;border-radius:1rem;font-size:1.4rem;
            dt{font-size:1.6rem;font-weight:bold;color:#166a52;}
            dd{padding:0;margin:0;}
        }
    }
    .right{position:relative;background:#fff;padding:3rem 2rem;border:1px #eee solid;border-radius:2rem;box-shadow:2px 2px 10px #ccc;align-items:center;
        h4{padding:0 0 0 4rem !important;}
        p.badge{width:fit-content;padding:.2rem 2rem;font-weight:bold;background:#f59e0b;text-align:center;font-size:1.4rem;position:absolute;top:-4rem;right:-3rem;rotate:10deg;box-shadow:1px 1px 5px #999;border-radius:1rem;}
        dl{display:flex;flex-wrap:wrap;background:#f8fafc;padding:1rem;border-radius:1rem;margin:2rem auto;padding:2rem;align-items:center;font-size:1.4rem;justify-content: space-between;
            dt{width:fit-content;color:#666;font-weight:bold;}
            dd{width:fit-content;color:#166a52;margin:0 !important;font-weight:bold;}
            dd[class]{width:100%;background:#e2e8f0;height:1rem;border-radius:.5rem;position:relative;overflow:hidden;margin-top:1rem !important;}
            dd[class]::before{content:"";display:inline-block;width:50%;height:1rem;background:#166a52;border-radius:.5rem;position:absolute;}
            dd.w28::before{width:28%;}
            dd.w42::before{width:42%;}
            dd.w12::before{width:12%;}
        }
        dl+p{text-align:center;margin:0 auto;padding:0;font-size:1.4rem;color:#666}
    }
    
    }

#set{padding:4rem 2rem;background:#f8fafc;
    h3{text-align:center;}
    h3+p{text-align:center;width:80%;margin:1rem auto;padding-left:0 !important;font-size:1.8rem;}
    .tabs {max-width:95%; margin:2rem auto;
    .tab-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;
        input[type="radio"] {display: none;}
        label {display:inline-block;font-size:1.4rem;width:calc(100% / 4 - 8rem);padding:1rem 2rem 1rem 4rem;background:#eee;cursor: pointer;border-radius:1rem;border:1px #ccc solid;font-weight:bold;}
        }
    .tab-contents{margin:3rem auto 2rem;}
    .tab-content {display:none;padding:3rem;border: 1px #ddd solid;border-radius:3rem;flex-wrap:wrap;gap:2rem;box-shadow:1px 1px 5px #ccc;background:#fff;opacity:0;transition:1s;
        >div{width:calc(100% / 2 - 4rem);}
        .left{
        h3,p{text-align:left;}
        h3{margin-bottom:1rem}
        p{padding:0;margin:0 auto;color:#666;width:100%;margin:1rem 0;}
        p:first-child{padding:0 1rem;width:fit-content;color:#fff;font-weight:bold;background:#166a52;border-radius:1rem;font-size:1.2rem;}
        div{display:flex;flex-wrap:wrap;margin:1rem auto 0;padding-top:1rem;border-top:1px #ccc solid;gap:2rem;
        dl{width:fit-content;padding-top:1rem;
            dt{color:#666;font-weight:bold;font-size:1.2rem;}
            dd{margin:0;padding:0;font-size:1.5rem;color:#000;font-weight:bold;}
          }
            }
        }
        .right{background:#f8fafc;padding:2rem;border:1px #ccc solid;border-radius:1.5rem;
            h4{color:#166a52;padding-left:4rem;border-bottom:1px #ccc solid;background:#f8fafc !important;font-size:1.5rem;}
            ul{list-style:none;margin:1rem auto;font-size:1.2rem;
                li{font-weight:bold;}
               }
               }
        }
    }   
    .tabs:has(#tab1:checked) label[for="tab1"],
    .tabs:has(#tab2:checked) label[for="tab2"],
    .tabs:has(#tab3:checked) label[for="tab3"],
    .tabs:has(#tab4:checked) label[for="tab4"]{background: #065f46;color:#fff;}
    .tabs:has(#tab1:checked) .tab-content[data-tab="tab1"],
    .tabs:has(#tab2:checked) .tab-content[data-tab="tab2"],
    .tabs:has(#tab3:checked) .tab-content[data-tab="tab3"],
    .tabs:has(#tab4:checked) .tab-content[data-tab="tab4"]{display:flex;opacity:1;}
    }
    
/*--mission--*/    
#mission{padding:4rem 2rem;background:#fdfcf7;
    h3{text-align:center;}
    h3+p{text-align:center;width:80%;margin:1rem auto;padding-left:0 !important;font-size:1.8rem;} 
     div.card{margin:3rem auto;grid-template-columns:repeat(3,1fr);
     div{display: grid;grid-template-rows: subgrid;grid-row: span 3;gap:1rem;padding:2rem;background:#fff;box-shadow:1px 1px 10px #ccc;border:1px #ccc solid;border-radius:2rem;
         *{width: -webkit-fill-available;width: -moz-available;width:stretch;}
         span[id]{display:none}
         h4{font-weight:bold;font-size:1.5rem;line-height:2rem;padding:0;font-size:2rem;
             span{display:block;padding:0 1rem;width:fit-content;color:#166a52;background:#d1fae5;border-radius:1rem;margin-bottom:2rem;font-size:1.2rem;font-weight:bold;}
         }
         p{margin:1rem auto;text-align:left;color:#666;padding:0;font-size:1.4rem;}
         p[class]{margin-top:auto;padding:2rem;font-weight:bold;border-radius:1rem;}
         p.card_ft01{background:#f8fafc;color:#666;}
         p.card_ft02{background:#ecfdf5;color:#166a52;}
         p.card_ft03{background:#fffbeb;color:#954817;}
        }
    }   
}
/*--event--*/
#event{padding:4rem 2rem;background:#f4fdf6;
    h3{text-align:center;}
    h3+p{text-align:center;width:80%;margin:1rem auto;padding-left:0 !important;font-size:1.8rem;}
    div.card{margin:3rem auto;grid-template-columns:repeat(2,1fr);
     div{display: grid;grid-template-rows: subgrid;grid-row: span 3;gap:1rem;padding:2rem;background:#fff;box-shadow:1px 1px 10px #ccc;border:1px #ccc solid;border-radius:2rem;
         *{width: -webkit-fill-available;width: -moz-available;width:stretch;}
         span[id]{display:none}
         h4{font-weight:bold;font-size:1.8rem;padding:0 0 0 4rem;}
ul{font-size:1.4rem;
li{display:grid;grid-template-columns:1fr auto;}
}
         }
        .left{
            h4{border-left:5px solid #166a52;}
li time{color:#166a52;font-weight:bold;}
        }
        .right{
            h4{border-left:5px solid #f59e0b;}
li p{color:#954817;font-weight:bold;}
        }
    }
}
/*--atte--*/
#atte{padding:4rem;background:#fef3f2;border:1px #fdd7d9 solid;border-radius:3rem;
    h3{text-align:center;color:#be1b22 !important;}
    h3+p{text-align:center;width:80%;margin:1rem auto;padding-left:0 !important;font-size:1.8rem;}
    div.card{margin:3rem auto;grid-template-columns:repeat(2,1fr);
    div{display: grid;grid-template-rows: subgrid;grid-row: span 2;gap:1rem;padding:2rem;background:#fff;box-shadow:1px 1px 10px #ccc;border:1px #ccc solid;border-radius:2rem;
         *{width: -webkit-fill-available;width: -moz-available;width:stretch;}
         span[id]{display:none}
         h4{font-weight:bold;font-size:1.8rem;padding:0;color:#be1b22;}
         }
    }
    div.card+p{padding-left:0;text-align:center;}
}
#inq{padding:4rem 2rem;background:#fdfcf7;
    h3{text-align:center;}
    div.card{margin:3rem auto;grid-template-columns:repeat(2,1fr);
    > div{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem;background:#fff;box-shadow:1px 1px 10px #ccc;border:1px #ccc solid;border-radius:2rem;
         *{width: -webkit-fill-available;width: -moz-available;width:stretch;}
         span[id]{display:none}
         h4{font-weight:bold;font-size:1.8rem;margin:0;padding:0;}
         p{padding-left:0;}
         }
    .left{
        h4{color:#166a52;font-size:4rem;font-weight:bold;line-height:1;}
        h5{background:none;font-size:2rem;font-weight:bold;margin:0;padding:0;}
        ul{padding-left:0;line-height:1.2;
        li{font-size:1.4rem;border:none;display:inline;color:#999;padding:0;}
         }
        }
    .right h4{font-size:2.2rem;}
    }
}
#ad-close{display:none;}
.fl-bnr{position: fixed;bottom:30vh;right:0px;width:50px;background: white;border-radius:1rem 0 0 1rem;box-shadow: 0 8px 24px rgba(0,0,0,0.15);padding: .5rem;z-index: 1000;opacity: 1;transform: translateY(0);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
.close-label {position: absolute;top:8px;right:0;left:0;margin:auto;width: 24px;height: 24px;background: #eee;border-radius: 50%;display: flex;align-items: center;
justify-content: center;cursor: pointer;font-size: 14px;color: #666;transition: background 0.2s;}
.close-label:hover {background: #ddd;}
.bnr-link{display: inline-block;background: #007bff;color: white;text-decoration: none;padding:40px 8px 8px;border-radius: 6px;font-size:2rem;letter-spacing:2rem;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;transition:.4s;}
.bnr-link:hover{background:#4caf50;}
}
#ad-close:checked ~ .fl-bnr {display: none;
opacity: 0; pointer-events: none; transform: translateY(20px);}
}
@keyframes Grad {
0%{background-position:50% 0%}
25%{background-position:25% 50%}
50%{background-position:50% 100%}
75%{background-position:25% 50%}
100%{background-position:50% 0%}
}