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

.menu ul li{
list-style-type:none!important;
padding-left:0!important;
margin-left:0!important;
}
/* ==================== Base ==================== */
.column-wrap{
line-height:1.9;
color:#333;
font-size:15px;
}
.column-wrap p{
margin-bottom:1.5em;
}

/* ==================== Section Headings ==================== */
.column-wrap h3{
font-size:24px;
color:#222;
margin-bottom:30px;
padding:18px 22px 18px 28px;
background:linear-gradient(90deg, rgba(0,96,64,0.10) 0%, rgba(0,96,64,0.02) 100%);
border-left:6px solid rgba(0,96,64,0.85);
border-radius:0 6px 6px 0;
font-weight:bold;
line-height:1.5;
}
@media screen and (max-width: 768px){
.column-wrap h3{
font-size:18px;
padding:14px 18px 14px 22px;
margin-top:75px;
}
}

.column-wrap h4{
font-size:18px;
color:rgba(0,96,64,0.90);
margin-top:55px;
margin-bottom:18px;
padding-bottom:8px;
border-bottom:2px dotted rgba(0,96,64,0.40);
font-weight:bold;
line-height:1.5;
display:flex;
align-items:center;
}
.column-wrap h4 .cl-h4-dot{
display:inline-block;
width:10px;
height:10px;
background:rgba(0,96,64,0.85);
border-radius:50%;
margin-right:12px;
flex-shrink:0;
}
@media screen and (max-width: 768px){
.column-wrap h4{
font-size:16px;
margin-top:40px;
}
}

/* ==================== Lead / Highlight ==================== */
.column-wrap .cl-lead{
display:flex;
align-items:center;
gap:18px;
font-size:18px;
font-weight:bold;
color:rgba(0,96,64,0.95);
background:#fff;
border:2px solid rgba(0,96,64,0.60);
padding:22px 28px;
border-radius:8px;
margin:35px 0;
line-height:1.7;
box-shadow:0 4px 12px rgba(0,96,64,0.08);
}
.column-wrap .cl-lead-icon{
flex-shrink:0;
width:38px;
height:38px;
background:rgba(0,96,64,0.90);
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight:bold;
line-height:1;
}
.column-wrap .cl-lead-text{
flex:1;
}
@media screen and (max-width: 768px){
.column-wrap .cl-lead{
font-size:15px;
padding:18px 20px;
gap:14px;
}
.column-wrap .cl-lead-icon{
width:32px;
height:32px;
font-size:18px;
}
}

/* ==================== Callout (重要) ==================== */
.column-wrap .cl-callout{
background:#fff8e6;
border:2px solid #f0c060;
border-radius:10px;
padding:22px 28px;
margin:40px 0;
box-shadow:0 4px 12px rgba(240,168,0,0.10);
}
.column-wrap .cl-callout-header{
display:flex;
align-items:center;
gap:14px;
margin-bottom:14px;
padding-bottom:12px;
border-bottom:1px dashed #d0a060;
flex-wrap:wrap;
}
.column-wrap .cl-callout-tag{
display:inline-block;
background:#e0a000;
color:#fff;
font-size:13px;
font-weight:bold;
padding:5px 16px;
border-radius:20px;
letter-spacing:0.05em;
line-height:1.4;
flex-shrink:0;
}
.column-wrap .cl-callout-ttl{
color:#7a5500;
font-weight:bold;
font-size:17px;
line-height:1.5;
}
.column-wrap .cl-callout p{
margin-bottom:8px;
color:#5a4500;
line-height:1.8;
}
.column-wrap .cl-callout p:last-child{
margin-bottom:0;
}
@media screen and (max-width: 768px){
.column-wrap .cl-callout-ttl{
font-size:15px;
}
}

/* ==================== Point Box (ポイント) ==================== */
.column-wrap .cl-point-box{
background:#fff;
border:2px solid rgba(0,96,64,0.40);
border-radius:10px;
padding:22px 28px;
margin:40px 0;
box-shadow:0 4px 12px rgba(0,96,64,0.08);
}
.column-wrap .cl-point-header{
display:flex;
align-items:center;
gap:14px;
margin-bottom:18px;
padding-bottom:12px;
border-bottom:1px dashed rgba(0,96,64,0.40);
flex-wrap:wrap;
}
.column-wrap .cl-point-tag{
display:inline-block;
background:rgba(0,96,64,0.90);
color:#fff;
font-size:13px;
font-weight:bold;
padding:5px 16px;
border-radius:20px;
letter-spacing:0.05em;
line-height:1.4;
flex-shrink:0;
}
.column-wrap .cl-point-ttl{
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:17px;
line-height:1.5;
}
.column-wrap .cl-point-list{
margin:0;
padding:0;
}
.column-wrap .cl-point-line{
display:flex;
align-items:flex-start;
gap:12px;
padding:10px 0;
line-height:1.7;
border-bottom:1px solid #eee;
}
.column-wrap .cl-point-line:last-child{
border-bottom:none;
}
.column-wrap .cl-point-check{
display:inline-block;
flex-shrink:0;
width:20px;
height:20px;
background:rgba(0,96,64,0.90);
color:#fff;
border-radius:50%;
text-align:center;
line-height:20px;
font-size:12px;
font-weight:bold;
margin-top:3px;
}
@media screen and (max-width: 768px){
.column-wrap .cl-point-ttl{
font-size:15px;
}
}

/* ==================== Card Grid - Table-based 2 columns ==================== */
/* tdに直接スタイルを適用することで、HTMLテーブル仕様により隣接セルの高さが必ず揃う */
.column-wrap .cl-grid-table{
width:100% !important;
border-collapse:separate !important;
border-spacing:8px !important;
margin:20px -8px 25px -8px !important;
table-layout:fixed !important;
}
.column-wrap .cl-grid-table td{
width:50% !important;
vertical-align:top !important;
}
/* 悪習癖カード用スタイル - tdに直接適用 */
.column-wrap .cl-grid-table td.cl-cell-card{
background:#f7faf9 !important;
border:1px solid #d8e5e0 !important;
border-left:4px solid rgba(0,96,64,0.70) !important;
border-radius:6px !important;
padding:16px 20px !important;
line-height:1.7 !important;
}
.column-wrap .cl-card-label{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:15px;
margin-bottom:6px;
}
/* 影響カード用スタイル - tdに直接適用 */
.column-wrap .cl-grid-table td.cl-cell-effect{
background:#fff !important;
border:1px solid #ddd !important;
border-radius:8px !important;
padding:18px 20px !important;
line-height:1.7 !important;
font-size:14px !important;
}
/* 影響カード内のアイコンレイアウト（floatで実現） */
.column-wrap .cl-cell-effect .cl-effect-icon{
float:left;
width:30px;
height:30px;
background:rgba(0,96,64,0.10);
border:2px solid rgba(0,96,64,0.70);
border-radius:50%;
color:rgba(0,96,64,0.90);
text-align:center;
line-height:26px;
font-size:16px;
font-weight:bold;
margin-right:14px;
box-sizing:border-box;
}
.column-wrap .cl-cell-effect .cl-effect-body{
margin-left:44px;
}
.column-wrap .cl-effect-label{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:15px;
margin-bottom:4px;
}
/* 空セル（奇数項目用）はスタイルなし */
.column-wrap .cl-grid-table td.cl-cell-empty{
background:transparent !important;
border:none !important;
padding:0 !important;
}
@media screen and (max-width: 600px){
.column-wrap .cl-grid-table,
.column-wrap .cl-grid-table tbody,
.column-wrap .cl-grid-table tr,
.column-wrap .cl-grid-table td{
display:block !important;
width:100% !important;
}
.column-wrap .cl-grid-table td{
margin-bottom:12px !important;
}
.column-wrap .cl-grid-table td.cl-cell-empty{
display:none !important;
}
}

/* ==================== (Effect grid styles merged into cl-grid-table above) ==================== */

/* ==================== Comparison Table ==================== */
.column-wrap table.cl-table,
.column-wrap .cl-table[class]{
width:100% !important;
max-width:100% !important;
min-width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
margin:25px 0 10px !important;
border-radius:8px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,0.06);
table-layout:auto !important;
display:table !important;
border:1px solid #e0e0e0;
}
.column-wrap .cl-table th{
background:rgba(0,96,64,0.90);
color:#fff;
padding:14px 14px;
text-align:center;
font-weight:bold;
font-size:14px;
border:none;
}
.column-wrap .cl-table td{
padding:14px 14px;
border-bottom:1px solid #e8e8e8;
background:#fff !important;
line-height:1.7;
font-size:14px;
}
.column-wrap .cl-table tr:last-child td{
border-bottom:none;
}
.column-wrap .cl-table .cl-name-col{
font-weight:bold;
color:rgba(0,96,64,0.95);
white-space:nowrap;
background:#fff !important;
}
@media screen and (max-width: 768px){
.column-wrap .cl-table th,
.column-wrap .cl-table td{
padding:10px 8px;
font-size:13px;
}
.column-wrap .cl-table .cl-name-col{
font-size:13px;
}
}
.column-wrap .cl-source-note{
font-size:13px;
color:#666;
margin-top:6px;
margin-bottom:30px;
font-style:italic;
text-align:right;
}

/* ==================== Treatment Cards ==================== */
.column-wrap .cl-treatment-list{
margin:25px 0 30px;
}
.column-wrap .cl-treatment-item{
display:flex;
gap:18px;
background:#fff;
border:1px solid #d8e5e0;
border-radius:10px;
padding:22px 24px;
margin-bottom:14px;
align-items:flex-start;
}
.column-wrap .cl-treatment-num{
flex-shrink:0;
width:46px;
height:46px;
background:rgba(0,96,64,0.90);
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
font-size:18px;
font-family:Georgia, serif;
line-height:1;
}
.column-wrap .cl-treatment-body{
flex:1;
min-width:0;
}
.column-wrap .cl-treatment-ttl{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:16px;
margin-bottom:8px;
}
.column-wrap .cl-treatment-body p{
margin-bottom:0;
line-height:1.8;
font-size:14px;
}
@media screen and (max-width: 768px){
.column-wrap .cl-treatment-item{
padding:18px 18px;
gap:14px;
}
.column-wrap .cl-treatment-num{
width:38px;
height:38px;
font-size:15px;
}
}

/* ==================== Doctor Voice - flex layout ==================== */
.column-wrap .cl-doctor-voice{
display:flex;
gap:18px;
align-items:flex-start;
background:#f7faf9;
border-radius:10px;
padding:25px 28px;
margin:30px 0;
line-height:1.8;
border-left:4px solid rgba(0,96,64,0.70);
}
.column-wrap .cl-doctor-quote{
flex-shrink:0;
font-size:48px;
color:rgba(0,96,64,0.40);
font-family:Georgia, serif;
line-height:0.8;
font-weight:bold;
margin-top:6px;
}
.column-wrap .cl-doctor-text{
flex:1;
min-width:0;
}
.column-wrap .cl-doctor-text p{
margin-bottom:12px;
}
.column-wrap .cl-doctor-text p:last-child{
margin-bottom:0;
}
@media screen and (max-width: 768px){
.column-wrap .cl-doctor-voice{
padding:22px 22px;
gap:14px;
}
.column-wrap .cl-doctor-quote{
font-size:40px;
}
}

/* ==================== CTA Box ==================== */
.column-wrap .cl-cta-box{
background:linear-gradient(135deg, rgba(0,96,64,0.10) 0%, rgba(0,96,64,0.02) 100%);
border:2px solid rgba(0,96,64,0.55);
border-radius:12px;
padding:35px 35px 30px;
margin:50px 0 20px;
}
.column-wrap .cl-cta-ttl{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:18px;
margin-bottom:18px;
text-align:center;
padding-bottom:12px;
border-bottom:1px dashed rgba(0,96,64,0.40);
}
.column-wrap .cl-cta-box p{
margin-bottom:18px;
text-align:center;
}
.column-wrap .cl-link-list{
margin-top:18px;
}
.column-wrap .cl-link-row{
margin-bottom:10px;
}
.column-wrap .cl-link-list a{
display:flex;
align-items:center;
gap:14px;
color:rgba(0,96,64,0.95);
text-decoration:none;
font-weight:bold;
padding:14px 22px;
border:2px solid rgba(0,96,64,0.55);
border-radius:6px;
background:#fff;
transition:background 0.2s, color 0.2s;
}
.column-wrap .cl-link-arrow{
flex-shrink:0;
display:inline-block;
width:0;
height:0;
border-style:solid;
border-width:7px 0 7px 12px;
border-color:transparent transparent transparent rgba(0,96,64,0.85);
}
.column-wrap .cl-link-list a:hover{
background:rgba(0,96,64,0.90);
color:#fff;
}
.column-wrap .cl-link-list a:hover .cl-link-arrow{
border-color:transparent transparent transparent #fff;
}
@media screen and (max-width: 768px){
.column-wrap .cl-cta-box{
padding:28px 22px 24px;
}
.column-wrap .cl-cta-ttl{
font-size:15px;
}
}

/* ==================== Closing ==================== */
.column-wrap .cl-closing{
text-align:center;
font-weight:bold;
color:rgba(0,96,64,0.95);
font-size:17px;
margin-top:30px;
padding:22px;
background:rgba(0,96,64,0.06);
border-radius:8px;
line-height:1.7;
}
@media screen and (max-width: 768px){
.column-wrap .cl-closing{
font-size:15px;
}
}

/* ==================== Section Divider ==================== */
.column-wrap .cl-divider{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
margin:50px 0;
}
.column-wrap .cl-divider-line{
display:inline-block;
width:60px;
height:2px;
background:rgba(0,96,64,0.30);
}
.column-wrap .cl-divider-dot{
display:inline-block;
width:10px;
height:10px;
background:rgba(0,96,64,0.70);
border-radius:50%;
}


/* https://meousnzs.net/drblog/002/ */
.menu ul li{
list-style-type:none!important;
padding-left:0!important;
margin-left:0!important;
}
/* ==================== Base ==================== */
.column-wrap{
line-height:1.9;
color:#333;
font-size:15px;
}
.column-wrap p{
margin-bottom:1.5em;
}

/* ==================== Section Headings ==================== */
.column-wrap h3{
font-size:24px;
color:#222;
margin-top_:110px;
margin-bottom:30px;
padding:18px 22px 18px 28px;
background:linear-gradient(90deg, rgba(0,96,64,0.10) 0%, rgba(0,96,64,0.02) 100%);
border-left:6px solid rgba(0,96,64,0.85);
border-radius:0 6px 6px 0;
font-weight:bold;
line-height:1.5;
}
@media screen and (max-width: 768px){
.column-wrap h3{
font-size:18px;
padding:14px 18px 14px 22px;
margin-top:75px;
}
}

.column-wrap h4{
font-size:18px;
color:rgba(0,96,64,0.90);
margin-top:55px;
margin-bottom:18px;
padding-bottom:8px;
border-bottom:2px dotted rgba(0,96,64,0.40);
font-weight:bold;
line-height:1.5;
display:flex;
align-items:center;
}
.column-wrap h4 .cl-h4-dot{
display:inline-block;
width:10px;
height:10px;
background:rgba(0,96,64,0.85);
border-radius:50%;
margin-right:12px;
flex-shrink:0;
}
@media screen and (max-width: 768px){
.column-wrap h4{
font-size:16px;
margin-top:40px;
}
}

/* ==================== Lead / Highlight ==================== */
.column-wrap .cl-lead{
display:flex;
align-items:center;
gap:18px;
font-size:18px;
font-weight:bold;
color:rgba(0,96,64,0.95);
background:#fff;
border:2px solid rgba(0,96,64,0.60);
padding:22px 28px;
border-radius:8px;
margin:35px 0;
line-height:1.7;
box-shadow:0 4px 12px rgba(0,96,64,0.08);
}
.column-wrap .cl-lead-icon{
flex-shrink:0;
width:38px;
height:38px;
background:rgba(0,96,64,0.90);
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight:bold;
line-height:1;
}
.column-wrap .cl-lead-text{
flex:1;
}
@media screen and (max-width: 768px){
.column-wrap .cl-lead{
font-size:15px;
padding:18px 20px;
gap:14px;
}
.column-wrap .cl-lead-icon{
width:32px;
height:32px;
font-size:18px;
}
}

/* ==================== Callout (重要) ==================== */
.column-wrap .cl-callout{
background:#fff8e6;
border:2px solid #f0c060;
border-radius:10px;
padding:22px 28px;
margin:40px 0;
box-shadow:0 4px 12px rgba(240,168,0,0.10);
}
.column-wrap .cl-callout-header{
display:flex;
align-items:center;
gap:14px;
margin-bottom:14px;
padding-bottom:12px;
border-bottom:1px dashed #d0a060;
flex-wrap:wrap;
}
.column-wrap .cl-callout-tag{
display:inline-block;
background:#e0a000;
color:#fff;
font-size:13px;
font-weight:bold;
padding:5px 16px;
border-radius:20px;
letter-spacing:0.05em;
line-height:1.4;
flex-shrink:0;
}
.column-wrap .cl-callout-ttl{
color:#7a5500;
font-weight:bold;
font-size:17px;
line-height:1.5;
}
.column-wrap .cl-callout p{
margin-bottom:8px;
color:#5a4500;
line-height:1.8;
}
.column-wrap .cl-callout p:last-child{
margin-bottom:0;
}
@media screen and (max-width: 768px){
.column-wrap .cl-callout-ttl{
font-size:15px;
}
}

/* ==================== Point Box (ポイント) ==================== */
.column-wrap .cl-point-box{
background:#fff;
border:2px solid rgba(0,96,64,0.40);
border-radius:10px;
padding:22px 28px;
margin:40px 0;
box-shadow:0 4px 12px rgba(0,96,64,0.08);
}
.column-wrap .cl-point-header{
display:flex;
align-items:center;
gap:14px;
margin-bottom:18px;
padding-bottom:12px;
border-bottom:1px dashed rgba(0,96,64,0.40);
flex-wrap:wrap;
}
.column-wrap .cl-point-tag{
display:inline-block;
background:rgba(0,96,64,0.90);
color:#fff;
font-size:13px;
font-weight:bold;
padding:5px 16px;
border-radius:20px;
letter-spacing:0.05em;
line-height:1.4;
flex-shrink:0;
}
.column-wrap .cl-point-ttl{
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:17px;
line-height:1.5;
}
.column-wrap .cl-point-list{
margin:0;
padding:0;
}
.column-wrap .cl-point-line{
display:flex;
align-items:flex-start;
gap:12px;
padding:10px 0;
line-height:1.7;
border-bottom:1px solid #eee;
}
.column-wrap .cl-point-line:last-child{
border-bottom:none;
}
.column-wrap .cl-point-check{
display:inline-block;
flex-shrink:0;
width:20px;
height:20px;
background:rgba(0,96,64,0.90);
color:#fff;
border-radius:50%;
text-align:center;
line-height:20px;
font-size:12px;
font-weight:bold;
margin-top:3px;
}
@media screen and (max-width: 768px){
.column-wrap .cl-point-ttl{
font-size:15px;
}
}

/* ==================== Card Grid - Table-based 2 columns ==================== */
.column-wrap .cl-grid-table{
width:100% !important;
border-collapse:separate !important;
border-spacing:8px !important;
margin:20px -8px 25px -8px !important;
table-layout:fixed !important;
}
.column-wrap .cl-grid-table td{
width:50% !important;
vertical-align:top !important;
}
.column-wrap .cl-grid-table td.cl-cell-card{
background:#f7faf9 !important;
border:1px solid #d8e5e0 !important;
border-left:4px solid rgba(0,96,64,0.70) !important;
border-radius:6px !important;
padding:16px 20px !important;
line-height:1.7 !important;
}
.column-wrap .cl-card-label{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:15px;
margin-bottom:6px;
}
.column-wrap .cl-grid-table td.cl-cell-effect{
background:#fff !important;
border:1px solid #ddd !important;
border-radius:8px !important;
padding:18px 20px !important;
line-height:1.7 !important;
font-size:14px !important;
}
.column-wrap .cl-cell-effect .cl-effect-icon{
float:left;
width:30px;
height:30px;
background:rgba(0,96,64,0.10);
border:2px solid rgba(0,96,64,0.70);
border-radius:50%;
color:rgba(0,96,64,0.90);
text-align:center;
line-height:26px;
font-size:16px;
font-weight:bold;
margin-right:14px;
box-sizing:border-box;
}
.column-wrap .cl-cell-effect .cl-effect-body{
margin-left:44px;
}
.column-wrap .cl-effect-label{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:15px;
margin-bottom:4px;
}
.column-wrap .cl-grid-table td.cl-cell-empty{
background:transparent !important;
border:none !important;
padding:0 !important;
}
@media screen and (max-width: 600px){
.column-wrap .cl-grid-table,
.column-wrap .cl-grid-table tbody,
.column-wrap .cl-grid-table tr,
.column-wrap .cl-grid-table td{
display:block !important;
width:100% !important;
}
.column-wrap .cl-grid-table td{
margin-bottom:12px !important;
}
.column-wrap .cl-grid-table td.cl-cell-empty{
display:none !important;
}
}

/* ==================== Comparison Table ==================== */
.column-wrap table.cl-table,
.column-wrap .cl-table[class]{
width:100% !important;
max-width:100% !important;
min-width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
margin:25px 0 10px !important;
border-radius:8px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,0.06);
table-layout:auto !important;
display:table !important;
border:1px solid #e0e0e0;
}
.column-wrap .cl-table th{
background:rgba(0,96,64,0.90);
color:#fff;
padding:14px 14px;
text-align:center;
font-weight:bold;
font-size:14px;
border:none;
}
.column-wrap .cl-table td{
padding:14px 14px;
border-bottom:1px solid #e8e8e8;
background:#fff !important;
line-height:1.7;
font-size:14px;
}
.column-wrap .cl-table tr:last-child td{
border-bottom:none;
}
.column-wrap .cl-table .cl-name-col{
font-weight:bold;
color:rgba(0,96,64,0.95);
white-space:nowrap;
background:#fff !important;
}
@media screen and (max-width: 768px){
.column-wrap .cl-table th,
.column-wrap .cl-table td{
padding:10px 8px;
font-size:13px;
}
.column-wrap .cl-table .cl-name-col{
font-size:13px;
}
}
.column-wrap .cl-source-note{
font-size:13px;
color:#666;
margin-top:6px;
margin-bottom:30px;
font-style:italic;
text-align:right;
}

/* ==================== Treatment Cards (メリットリスト用) ==================== */
.column-wrap .cl-treatment-list{
margin:25px 0 30px;
}
.column-wrap .cl-treatment-item{
display:flex;
gap:18px;
background:#fff;
border:1px solid #d8e5e0;
border-radius:10px;
padding:22px 24px;
margin-bottom:14px;
align-items:flex-start;
}
.column-wrap .cl-treatment-num{
flex-shrink:0;
width:46px;
height:46px;
background:rgba(0,96,64,0.90);
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
font-size:18px;
font-family:Georgia, serif;
line-height:1;
}
.column-wrap .cl-treatment-body{
flex:1;
min-width:0;
}
.column-wrap .cl-treatment-ttl{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:16px;
margin-bottom:8px;
}
.column-wrap .cl-treatment-body p{
margin-bottom:0;
line-height:1.8;
font-size:14px;
}
@media screen and (max-width: 768px){
.column-wrap .cl-treatment-item{
padding:18px 18px;
gap:14px;
}
.column-wrap .cl-treatment-num{
width:38px;
height:38px;
font-size:15px;
}
}

/* ==================== Doctor Voice ==================== */
.column-wrap .cl-doctor-voice{
display:flex;
gap:18px;
align-items:flex-start;
background:#f7faf9;
border-radius:10px;
padding:25px 28px;
margin:30px 0;
line-height:1.8;
border-left:4px solid rgba(0,96,64,0.70);
}
.column-wrap .cl-doctor-quote{
flex-shrink:0;
font-size:48px;
color:rgba(0,96,64,0.40);
font-family:Georgia, serif;
line-height:0.8;
font-weight:bold;
margin-top:6px;
}
.column-wrap .cl-doctor-text{
flex:1;
min-width:0;
}
.column-wrap .cl-doctor-text p{
margin-bottom:12px;
}
.column-wrap .cl-doctor-text p:last-child{
margin-bottom:0;
}
@media screen and (max-width: 768px){
.column-wrap .cl-doctor-voice{
padding:22px 22px;
gap:14px;
}
.column-wrap .cl-doctor-quote{
font-size:40px;
}
}

/* ==================== CTA Box ==================== */
.column-wrap .cl-cta-box{
background:linear-gradient(135deg, rgba(0,96,64,0.10) 0%, rgba(0,96,64,0.02) 100%);
border:2px solid rgba(0,96,64,0.55);
border-radius:12px;
padding:35px 35px 30px;
margin:50px 0 20px;
}
.column-wrap .cl-cta-ttl{
display:block;
color:rgba(0,96,64,0.95);
font-weight:bold;
font-size:18px;
margin-bottom:18px;
text-align:center;
padding-bottom:12px;
border-bottom:1px dashed rgba(0,96,64,0.40);
}
.column-wrap .cl-cta-box p{
margin-bottom:18px;
text-align:center;
}
.column-wrap .cl-link-list{
margin-top:18px;
}
.column-wrap .cl-link-row{
margin-bottom:10px;
}
.column-wrap .cl-link-list a{
display:flex;
align-items:center;
gap:14px;
color:rgba(0,96,64,0.95);
text-decoration:none;
font-weight:bold;
padding:14px 22px;
border:2px solid rgba(0,96,64,0.55);
border-radius:6px;
background:#fff;
transition:background 0.2s, color 0.2s;
}
.column-wrap .cl-link-arrow{
flex-shrink:0;
display:inline-block;
width:0;
height:0;
border-style:solid;
border-width:7px 0 7px 12px;
border-color:transparent transparent transparent rgba(0,96,64,0.85);
}
.column-wrap .cl-link-list a:hover{
background:rgba(0,96,64,0.90);
color:#fff;
}
.column-wrap .cl-link-list a:hover .cl-link-arrow{
border-color:transparent transparent transparent #fff;
}
@media screen and (max-width: 768px){
.column-wrap .cl-cta-box{
padding:28px 22px 24px;
}
.column-wrap .cl-cta-ttl{
font-size:15px;
}
}

/* ==================== Closing ==================== */
.column-wrap .cl-closing{
text-align:center;
font-weight:bold;
color:rgba(0,96,64,0.95);
font-size:17px;
margin-top:30px;
padding:22px;
background:rgba(0,96,64,0.06);
border-radius:8px;
line-height:1.7;
}
@media screen and (max-width: 768px){
.column-wrap .cl-closing{
font-size:15px;
}
}