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

/* ==========================================================================
   当院について 追加コンテンツ用スタイル（.aboutDetail 内スコープ限定）
   ========================================================================== */

/* 大見出し h3 */
.aboutDetail .about-section{
margin:60px 0 40px;
}
.aboutDetail .about-h3{
color:#1e5236;
font-size:24px;
font-weight:bold;
margin:0 0 25px;
padding:0 0 14px 0;
position:relative;
line-height:1.5;
border-bottom:1px solid rgba(0,96,64,0.20);
}
.aboutDetail .about-h3::after{
content:"";
position:absolute;
bottom:-1px;
left:0;
width:60px;
height:3px;
background:rgba(0,96,64,0.85);
}

/* 段落 */
.aboutDetail .about-para{
line-height:2;
color:#333;
margin:0 0 20px;
}

/* 特徴的なリードボックス（当院の考え方） */
.aboutDetail .about-callout{
background:rgba(0,96,64,0.05);
border-left:4px solid rgba(0,96,64,0.70);
padding:20px 26px;
margin:20px 0 25px;
border-radius:0 8px 8px 0;
font-weight:bold;
color:#1e5236;
font-size:17px;
line-height:1.8;
}

/* 引用符ボックス（理念のキャッチフレーズ） */
.aboutDetail .about-motto{
text-align:center;
margin:30px 0 25px;
}
.aboutDetail .about-motto .about-motto-quote{
display:inline-block;
background:#fff;
border:2px solid rgba(0,96,64,0.30);
padding:12px 34px;
border-radius:40px;
font-size:22px;
font-weight:bold;
color:#1e5236;
letter-spacing:0.15em;
position:relative;
}
.aboutDetail .about-motto .about-motto-quote::before,
.aboutDetail .about-motto .about-motto-quote::after{
content:"";
position:absolute;
top:50%;
width:20px;
height:2px;
background:rgba(0,96,64,0.40);
}
.aboutDetail .about-motto .about-motto-quote::before{ right:100%; margin-right:14px; }
.aboutDetail .about-motto .about-motto-quote::after{ left:100%; margin-left:14px; }
.aboutDetail .about-motto.about-shinryo .about-motto-quote{
border-color:#c47500;
color:#8a5000;
}
.aboutDetail .about-motto.about-shinryo .about-motto-quote::before,
.aboutDetail .about-motto.about-shinryo .about-motto-quote::after{
background:#c47500;
}

/* 理念カード縦積み（1列・横長） */
.aboutDetail .about-principle-cards{
display:grid;
grid-template-columns:1fr;
gap:18px;
margin:30px 0 40px;
list-style:none;
padding:0;
}
.aboutDetail .about-principle-cards > li{
background:#fff;
border:1px solid #e8ede9;
border-radius:14px;
padding:26px 32px 26px 130px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
transition:transform 0.3s ease, box-shadow 0.3s ease;
position:relative;
list-style:none;
margin:0;
}
.aboutDetail .about-principle-cards > li:hover{
transform:translateY(-3px);
box-shadow:0 10px 26px rgba(0,96,64,0.12);
}
.aboutDetail .about-principle-cards .about-p-icon{
position:absolute;
left:32px;
top:50%;
transform:translateY(-50%);
display:flex;
align-items:center;
justify-content:center;
width:70px;
height:70px;
border-radius:50%;
background:rgba(0,96,64,0.10);
color:rgba(0,96,64,0.90);
font-size:32px;
margin:0;
}
.aboutDetail .about-principle-cards .about-p-title{
text-align:left;
font-size:22px;
font-weight:bold;
color:#1e5236;
margin:0 0 4px;
letter-spacing:0.05em;
line-height:1.4;
}
.aboutDetail .about-principle-cards .about-p-sep{
width:30px;
height:2px;
background:rgba(0,96,64,0.85);
margin:10px 0 12px;
}
.aboutDetail .about-principle-cards .about-p-text{
color:#444;
line-height:1.9;
font-size:14.5px;
margin:0;
}

/* 診療理念カード（茶系配色） */
.aboutDetail .about-principle-cards.about-shinryo > li .about-p-icon{
background:#fff2df;
color:#c47500;
}
.aboutDetail .about-principle-cards.about-shinryo > li .about-p-title{
color:#8a5000;
}
.aboutDetail .about-principle-cards.about-shinryo > li .about-p-sep{
background:#c47500;
}

/* 方針カード（3列横並び） */
.aboutDetail .about-policy-list{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px;
margin:30px 0 40px;
list-style:none;
padding:0;
}
.aboutDetail .about-policy-list > li{
background:#fff;
border:1px solid #e8ede9;
border-radius:12px;
padding:28px 26px 24px;
position:relative;
box-shadow:0 4px 14px rgba(0,0,0,0.06);
list-style:none;
margin:0;
transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.aboutDetail .about-policy-list > li:hover{
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,96,64,0.10);
}
.aboutDetail .about-policy-list > li::before{
content:attr(data-num);
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
background:linear-gradient(135deg, rgba(0,96,64,0.90) 0%, rgba(0,120,80,0.85) 100%);
color:#fff;
border-radius:50%;
font-weight:bold;
font-size:16px;
font-family:'Roboto', sans-serif;
box-shadow:0 2px 6px rgba(0,96,64,0.20);
margin:0 0 16px;
position:static;
}
.aboutDetail .about-policy-list .about-policy-title{
font-size:17px;
font-weight:bold;
color:#1e5236;
margin:0 0 12px;
line-height:1.5;
padding-bottom:12px;
border-bottom:1px dashed rgba(0,96,64,0.30);
}
.aboutDetail .about-policy-list .about-policy-text{
color:#444;
line-height:1.85;
font-size:13.5px;
margin:0;
}

/* まとめメッセージ */
.aboutDetail .about-closing{
background:rgba(0,96,64,0.04);
border-radius:14px;
padding:36px 40px;
margin:40px 0 30px;
}
.aboutDetail .about-closing p{
line-height:2;
margin:0 0 18px;
color:#333;
}
.aboutDetail .about-closing p:last-of-type{
margin-bottom:0;
}
.aboutDetail .about-closing .about-closing-emphasis{
font-weight:bold;
color:#1e5236;
}

/* 署名 */
.aboutDetail .about-signature{
text-align:right;
margin:30px 0 40px;
padding-top:20px;
border-top:1px solid rgba(0,96,64,0.20);
}
.aboutDetail .about-signature .about-signature-clinic{
font-size:14px;
color:#666;
margin:0 0 4px;
letter-spacing:0.05em;
}
.aboutDetail .about-signature .about-signature-name{
font-size:20px;
color:#1e5236;
font-weight:bold;
margin:0;
letter-spacing:0.1em;
}

/* SP対応 */
@media screen and (max-width:768px){
.aboutDetail .about-section{
margin:40px 0 30px;
}
.aboutDetail .about-h3{
font-size:20px;
}
.aboutDetail .about-para{
font-size:14.5px;
line-height:1.9;
}
.aboutDetail .about-callout{
padding:16px 20px;
font-size:15px;
}
.aboutDetail .about-motto .about-motto-quote{
font-size:17px;
padding:10px 20px;
letter-spacing:0.10em;
}
.aboutDetail .about-motto .about-motto-quote::before,
.aboutDetail .about-motto .about-motto-quote::after{
width:12px;
}
.aboutDetail .about-principle-cards{
grid-template-columns:1fr;
gap:14px;
}
.aboutDetail .about-principle-cards > li{
padding:26px 24px 24px;
}
.aboutDetail .about-principle-cards .about-p-icon{
position:static;
transform:none;
width:56px;
height:56px;
font-size:26px;
margin:0 auto 16px;
}
.aboutDetail .about-principle-cards .about-p-title{
text-align:center;
font-size:19px;
margin:0 0 4px;
}
.aboutDetail .about-principle-cards .about-p-sep{
margin:10px auto 14px;
}
.aboutDetail .about-principle-cards .about-p-text{
font-size:14px;
}
.aboutDetail .about-policy-list{
grid-template-columns:1fr;
gap:14px;
}
.aboutDetail .about-policy-list > li{
padding:22px 22px 20px;
}
.aboutDetail .about-policy-list > li::before{
width:38px;
height:38px;
font-size:14px;
margin:0 0 12px;
}
.aboutDetail .about-policy-list .about-policy-title{
font-size:16px;
}
.aboutDetail .about-closing{
padding:26px 22px;
}
.aboutDetail .about-closing p{
font-size:14px;
line-height:1.9;
}
.aboutDetail .about-signature .about-signature-name{
font-size:17px;
}
}
@media screen and (min-width: 769px) {
.aboutCap{
max-width:960px;
margin-left: auto;
margin-right: auto;
}
.aboutCap p{
font-size:16px!important;
line-height:2;
color:#333!important;
}	
}
@media screen and (max-width: 768px) {
.aboutCap p{
font-size:15px!important;
line-height:2;
color:#333!important;
}
	.spNone{
		display:none;
	}
}
@media screen and (max-width:768px){
/* 引用元リンクなど、長いURLの折り返し */
.text12 a,
.text12{
word-break:break-all;
overflow-wrap:break-word;
}
}

.flow_tit{background: #000; padding: 10px; color: #fff; font-size: 110%; font-weight: bold;}
        .orthodontics li.text {width: 68%;}
        .orthodontics li.img {width: 30%; float: right}
        .arrow01,.arrow02{ text-align: center; }
        .arrow01 img,.arrow02 img{width: 25px; margin: 0 auto;}
        @media only screen and (max-width: 1081px) {.orthodontics li.text {width: 100%;}.orthodontics li.img {width: 100%; text-align: center;}.arrow01{display: block; }}



/* 当院についてページ末尾の余白削減 */
#equipments{
padding-bottom:20px !important;
margin-bottom:0 !important;
}
#equipments > section:last-child{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#equipments > section:last-child > *:last-child{
margin-bottom:0 !important;
}