/* 法人概要ページ専用レスポンシブ調整。common.css/layout.cssの後で読み込む */
.mobile-nav-label { display:none; }
@media screen and (max-width:980px) {
 html,body { width:100%; min-width:0; overflow-x:hidden; }
 #header_0,#top2,#top_2,#nav,#nav .button,#contents2 {width:100%;max-width:960px;}
 #header_0 {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;}
 #header_0 .inner_left,#header_0 .inner_right {float:none;margin:0;width:auto;max-width:100%;}
 #header_0 .inner_right .conte {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;}
 #header_0 .inner_right .conte .contact,#header_0 .inner_right .conte .siryou {float:none;width:auto;height:auto;}
 #header_0 img,#top2 img {max-width:100%;height:auto;}
 #nav {overflow:visible;} #nav .button {float:none;height:auto;}
 #nav .button ul {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
 #nav .button li {width:auto;float:none;min-width:0;}
 #nav .button li a {display:block;} #nav .button li img {display:block;width:100%;height:auto;}
 #contents2 {display:grid;grid-template-columns:minmax(0,716fr) minmax(180px,210fr);gap:20px;align-items:start;padding:0 16px;margin-top:24px;overflow:visible;}
 #contents2 .box10 {float:none;width:100%;max-width:716px;background-size:100% auto;}
 #contents2 .box10 img {max-width:100%;height:auto;}
 #contents2 #box6 {float:none;width:100%;margin:0;display:block;}
 #contents2 #box6 .side {width:100%;height:auto;max-width:211px;margin-bottom:8px;}
 #contents2 #box6 .side img {display:block;max-width:100%;height:auto;}
 #contents3 {width:100%;} #contents3 #gaiyou {width:100%;}
 #contents3 #gaiyou table {width:100%;font-size:clamp(13px,1.8vw,21px);}
 #gra {height:auto;min-height:300px;padding:0 16px 24px;}
 #gra #under_nav {width:100%;max-width:700px;padding-top:115px;}
 #gra .f_credit img {max-width:100%;height:auto;}
}
@media screen and (max-width:700px) {
 #header_0 {justify-content:center;text-align:center;}
 #header_0 .inner_left,#header_0 .inner_right {width:100%;display:flex;justify-content:center;}
 #header_0 .inner_right .conte {justify-content:center;}
 #header_0 .inner_right .conte .contact,#header_0 .inner_right .conte .siryou {width:min(46%,220px);}
 #nav .button ul {grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ddd;}
 #nav .button li {background:#fff;box-shadow:none;}
 #nav .button li a {padding:11px 5px;text-align:center;color:#534741;font-size:14px;font-weight:bold;}
 #nav .button li img {display:none;} #nav .button li .mobile-nav-label {display:inline;}
 #contents2 {grid-template-columns:minmax(0,1fr);gap:24px;padding:0 12px;}
 #contents2 .box10 {background:none;margin-top:10px;display:block;}
 #contents2 .box10 .top,#contents2 .box10 .left,#contents2 .box10 .right,#contents2 .box10 .under {width:auto;height:auto;float:none;margin:0;padding:12px 8px;background:#fff;border:1px solid #e5dfd1;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:72px;box-shadow:0 2px 8px rgba(0,0,0,.05);}
 #contents2 .box10 .top a,#contents2 .box10 .left a,#contents2 .box10 .right a,#contents2 .box10 .under a {display:block;text-align:center;}
 #contents2 .box10 #contents3 {padding-top:24px;}
 #contents3 #gaiyou table tr td:first-child {width:34%;min-width:0;}
 #contents3 #gaiyou table tr td {overflow-wrap:anywhere;line-height:1.5;}
 #contents2 #box6 {display:grid;grid-template-columns:repeat(2,minmax(0,211px));gap:8px;justify-content:center;}
 #contents2 #box6 .side {margin:0;}
 #gra #under_nav {padding-top:85px;} #gra .add2 {line-height:1.9;font-size:12px;}
 .copy-right {height:auto;min-height:60px;padding:18px 12px;text-align:center;font-size:12px;}
}
@media screen and (max-width:390px) {#contents2 #box6 {grid-template-columns:minmax(0,211px);}}

/* 法人概要の施設案内図を単一画像として縮小表示 */
#contents2 .box10 .gaiyou-overview {float:none;clear:both;width:100%;height:auto;max-width:716px;margin:0 auto;position:relative;}
#contents2 .box10 .gaiyou-overview img {display:block;width:100%;max-width:100%;height:auto;}
#contents2 .box10 #contents3 {clear:both;}
@media screen and (max-width:700px) {
 #contents2 .box10 .gaiyou-overview {width:100%;margin:0 auto;}
}
