@charset "UTF-8";
.ab-sec { background-color: rgba(0,0,0,.1);}
#business { overflow: hidden;}.ab-text-area { padding: 3.5vw;}#biz-comment img,.ab-text img { width: auto; max-width: 100%; height: auto;}
#lower-header,
#ab2,
#ab3 { background-image: url("../img/old_map.jpg");}
#ab2,
#ab3 { background-image: url("../img/old_map.jpg");}
#poak { background-image: url("../img/bg_poak.jpg"); background-size: cover; background-repeat: no-repeat; padding: 20vw 0;}
.box { background-color: rgba(255,255,255,.6);}
.box h2,
.ab-text-area h2 { border-bottom: 2px solid #222; line-height:4vw;}
@media (min-width: 768px){ .ab-text-area { padding: 3vw; height: 100%; } .box h2, .ab-text-area h2 { font-size: 200%; } .ab-text-area h3 { font-size: 120%; margin-bottom: 0; } .ab-text-area h4 { font-size: 110%; margin-bottom: 0; }}
@media (min-width: 1300px){ .ab-text-area { font-size: 1.1rem; }}
@media (max-width: 767px){ .box h2, .ab-text-area h2 { font-size: 120%; } .ab-text-area h3 { font-size: 105%; } .ab-text-area h4 { font-size: 100%; } .box h2 { font-size:1.3rem; line-height:7vw;}}
@media (max-width: 575px){ .index-header::after { bottom: 4vw; } #greeting { line-height: 6vw; }
}