@charset "utf-8";
/* CSS Document */

/*フッター改修*/
#footer .ft-container{
box-sizing:border-box;
}
#footer .ft-container *,
#footer .ft-container *::before,
#footer .ft-container *::after{
box-sizing:border-box;
}

/* ==== PC時（769px以上）：横並びスリム版 ==== */
@media screen and (min-width: 769px) {

#footer{
padding-top:15px !important;
padding-bottom:12px !important;
}

#footer .ft-container{
display:flex;
align-items:flex-start;
gap:60px;
max-width:1200px;
margin:0 auto;
padding:12px 20px;
}

/* 左：ロゴ・住所・TEL・コピーライト（コンパクト） */
#footer .ft-brand{
flex-shrink:0;
width:auto;
max-width:230px;
display:flex;
flex-direction:column;
gap:10px;
padding:0;
margin:0;
}
#footer .ft-logo{
width:150px;
height:auto;
display:block;
margin:0;
}
#footer .ft-address{
font-size:12px;
line-height:1.65;
font-style:normal;
margin:0;
padding:0;
color:#ddd;
}
#footer .ft-tel{
display:block;
margin-top:5px;
font-size:12px;
letter-spacing:0.02em;
}
#footer .ft-tel a{
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
letter-spacing:0.05em;
}
#footer .ft-copyright{
font-size:10.5px;
margin:6px 0 0;
color:#888;
padding:0;
letter-spacing:0.03em;
}

/* 右：ナビゲーション（上下2段） */
#footer .ft-nav{
flex:1;
display:flex;
flex-direction:column;
gap:14px;
padding:0;
margin:0;
width:auto;
max-width:none;
justify-content:center;
min-height:100px;
}

/* 上段：診療内容（横並び） */
#footer .ft-primary-wrap{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
gap:8px 20px;
margin:0;
padding:0;
width:100%;
border:none;
}
#footer .ft-primary-label{
font-weight:bold;
font-size:13px;
color:#fff;
padding:2px 14px 2px 0;
border-right:1px solid rgba(255,255,255,0.25);
margin:0 4px 0 0;
line-height:1.6;
flex-shrink:0;
background:none;
}
#footer .ft-primary-label a{
color:#fff;
text-decoration:none;
letter-spacing:0.05em;
}
#footer .ft-primary-label a:hover{
color:#a3d9b3;
}
#footer .ft-primary-list-wrap{
margin:0;
padding:0;
flex:1;
min-width:0;
}
#footer .ft-primary-list{
display:flex;
flex-wrap:wrap;
gap:6px 18px;
list-style:none;
margin:0;
padding:0;
width:100%;
}
#footer .ft-primary-item{
list-style:none;
margin:0;
padding:0;
font-size:12px;
line-height:1.7;
width:auto;
float:none;
display:inline-block;
background:none;
}
#footer .ft-primary-item a{
color:#ccc;
text-decoration:none;
transition:color 0.2s;
padding:0;
background:none;
}
#footer .ft-primary-item a:hover{
color:#fff;
text-decoration:underline;
}

/* 下段：その他メニュー（横並び） */
#footer .ft-secondary{
display:flex;
flex-wrap:wrap;
gap:6px 18px;
list-style:none;
margin:0;
padding:12px 0 0;
border-top:1px solid rgba(255,255,255,0.15);
width:100%;
}
#footer .ft-secondary-item{
list-style:none;
margin:0;
padding:0;
font-size:12px;
line-height:1.7;
width:auto;
float:none;
display:inline-block;
background:none;
}
#footer .ft-secondary-item a{
color:#ccc;
text-decoration:none;
transition:color 0.2s;
padding:0;
background:none;
}
#footer .ft-secondary-item a:hover{
color:#fff;
text-decoration:underline;
}

} /* end PC media query */


/* ==== SP時（768px以下）：縦積み・2列グリッド ==== */
@media screen and (max-width: 768px) {

#footer .ft-container{
display:flex;
flex-direction:column;
padding:20px 20px 80px;
}

/* SP時：ナビを上、ブランドを下に配置 */
#footer .ft-nav{
order:1;
display:flex;
flex-direction:column;
gap:0;
margin:0 0 20px;
padding:0;
}
#footer .ft-brand{
order:2;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
margin:0;
padding:20px 0 0;
border-top:1px solid rgba(255,255,255,0.15);
}
#footer .ft-logo{
width:170px;
height:auto;
display:block;
margin:0 auto 12px;
}
#footer .ft-address{
font-size:13px;
line-height:1.85;
font-style:normal;
margin:0;
padding:0;
color:#ddd;
text-align:center;
}
#footer .ft-tel{
display:block;
margin-top:6px;
font-size:13px;
}
#footer .ft-tel a{
font-size:20px;
font-weight:bold;
color:#fff;
text-decoration:none;
letter-spacing:0.05em;
}
#footer .ft-copyright{
font-size:11px;
margin:15px 0 0;
color:#999;
padding:0;
text-align:center;
letter-spacing:0.03em;
}

/* 上段：診療内容（SP時は2列グリッド） */
#footer .ft-primary-wrap{
margin:0 0 8px;
padding:0;
border:none;
}
#footer .ft-primary-label{
font-weight:bold;
font-size:14px;
color:#fff;
margin:0 0 6px;
padding:0 0 5px;
border-bottom:1px solid rgba(255,255,255,0.15);
line-height:1.5;
}
#footer .ft-primary-label a{
color:#fff;
text-decoration:none;
}
#footer .ft-primary-list-wrap{
margin:0;
padding:0;
}
#footer .ft-primary-list{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:5px 10px;
list-style:none;
margin:0;
padding:0;
}
#footer .ft-primary-item{
list-style:none;
margin:0;
padding:0;
font-size:11.5px;
line-height:1.6;
}
#footer .ft-primary-item a{
color:#eee;
text-decoration:none;
display:block;
padding:0;
}

/* 下段：その他メニュー（SP時は2列グリッド） */
#footer .ft-secondary{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:5px 10px;
list-style:none;
margin:0;
padding:8px 0 0;
border-top:1px solid rgba(255,255,255,0.15);
}
#footer .ft-secondary-item{
list-style:none;
margin:0;
padding:0;
font-size:11.5px;
line-height:1.6;
}
#footer .ft-secondary-item a{
color:#eee;
text-decoration:none;
display:block;
padding:0;
}

} /* end SP media query */