.old-model-readable {
color: #333;
font-family: “メイリオ”, Meiryo, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, Osaka, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
font-size: 16px;
line-height: 1.9;
letter-spacing: 0;
}
.old-model-readable p {
margin: 0 0 1.05em;
}
.old-model-readable h2 {
background: #1b4775;
border-left: 6px solid #00a1e9;
border-radius: 0;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1.45;
margin: 34px 0 16px;
padding: 12px 16px;
}
.old-model-readable h3 {
border-left: 5px solid #1b4775;
border-bottom: 1px solid #d8d8d8;
color: #222;
font-size: 16px;
font-weight: 700;
line-height: 1.55;
margin: 24px 0 10px;
padding: 0 0 0 10px;
}
.old-model-readable ul,
.old-model-readable ol {
margin: 0 0 1.3em;
padding-left: 1.45em;
}
.old-model-readable li {
margin: 0.35em 0;
}
.old-model-readable .old-model-bullet-list {
list-style: none;
margin: 0 0 1.3em;
padding-left: 0;
}
.old-model-readable .old-model-bullet-list > li {
list-style: none;
padding-left: 1.15em;
position: relative;
}
.old-model-readable .old-model-bullet-list > li:before {
background: #00a1e9;
border-radius: 50%;
content: “”;
height: 6px;
left: 0;
position: absolute;
top: .8em;
width: 6px;
}
.old-model-readable .old-model-check-list {
list-style: none;
margin: 0 0 1.3em;
padding-left: 0;
}
.old-model-readable .old-model-check-list > li {
list-style: none;
}
.old-model-readable table {
background: #fff;
border-collapse: collapse;
font-size: 14px;
line-height: 1.65;
margin: 16px 0 24px;
width: 100%;
}
.old-model-readable th {
background: #1b4775;
border: 1px solid #d6d6d6;
color: #fff;
font-weight: 700;
padding: 10px;
}
.old-model-readable td {
border: 1px solid #d6d6d6;
padding: 10px;
vertical-align: top;
}
.old-model-readable tr:nth-child(even) td {
background: #fafafa;
}
.old-model-readable .model-internal-link {
color: #00a1e9 !important;
font-weight: 500 !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.old-model-readable .model-internal-link:hover {
color: #0076b6 !important;
}
.old-model-readable .old-model-hero {
background: #fff6da;
border: 1px solid #f0d993;
border-radius: 6px;
margin: 20px 0 26px;
padding: 18px 20px;
}
.old-model-readable .old-model-hero h2 {
background: #1b4775;
border-left: 6px solid #00a1e9;
color: #fff;
font-size: 18px;
margin-top: 0;
padding: 12px 16px;
}
.old-model-readable .old-model-diagnosis {
display: grid;
gap: 14px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 16px 0 18px;
}
.old-model-readable .old-model-card {
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 6px;
padding: 14px 16px;
}
.old-model-readable .old-model-card h3 {
border-left: 5px solid #1b4775;
color: #222;
margin-top: 0;
padding-left: 10px;
}
.old-model-readable .repair-cta-btn {
align-items: center !important;
background: #fff !important;
border: 3px solid currentColor !important;
border-radius: 12px !important;
box-sizing: border-box !important;
color: #f26b21 !important;
display: inline-flex !important;
font-size: 20px !important;
font-weight: 500 !important;
gap: 18px !important;
justify-content: flex-start !important;
line-height: 1.35 !important;
margin: 10px 0 14px !important;
max-width: 760px !important;
min-height: 70px !important;
overflow: visible !important;
padding: 14px 34px !important;
position: relative !important;
text-align: left !important;
text-decoration: none !important;
transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease !important;
width: 100% !important;
will-change: transform;
}
.old-model-readable .repair-cta-btn-orange {
color: #f26b21 !important;
box-shadow: -7px 7px 0 #df4b00, -10px 11px 0 rgba(223,75,0,.13), 0 6px 13px rgba(0,0,0,.1) !important;
}
.old-model-readable .repair-cta-btn-blue {
color: #1b6a9d !important;
box-shadow: -7px 7px 0 #0d4b75, -10px 11px 0 rgba(13,75,117,.12), 0 6px 13px rgba(0,0,0,.1) !important;
}
.old-model-readable .repair-cta-btn::before {
align-items: center;
border-radius: 999px;
box-sizing: border-box;
color: #fff;
display: inline-flex;
flex: 0 0 38px;
font-size: 18px;
font-weight: 700;
height: 38px;
justify-content: center;
line-height: 1;
width: 38px;
}
.old-model-readable .repair-cta-btn-orange::before {
background: #f26b21;
}
.old-model-readable .repair-cta-btn-blue::before {
background: #1b6a9d;
}
.old-model-readable .repair-cta-btn[href*=”/contact”]::before {
content: “\2709″;
}
.old-model-readable .repair-cta-btn[href*=”/estimate”]::before {
content: “見”;
font-size: 15px;
}
.old-model-readable .repair-cta-btn[href*=”gyomu-aircon-shuuri”]::before {
content: “修”;
font-size: 15px;
}
.old-model-readable .repair-cta-btn[href^=”tel:”]::before {
content: “\260e”;
}
.old-model-readable .repair-cta-btn::after {
color: currentColor;
content: “›”;
font-size: 36px;
font-weight: 400;
line-height: 1;
margin-left: auto;
}
.old-model-readable .repair-cta-icon,
.old-model-readable .repair-cta-arrow,
.old-model-readable .repair-cta-arrow-left {
display: none !important;
}
.old-model-readable .repair-cta-btn:hover {
background: #fffaf6 !important;
color: inherit !important;
text-decoration: none !important;
transform: translate(-2px, 3px);
}
.old-model-readable .repair-cta-btn-orange:hover {
box-shadow: -4px 4px 0 #df4b00, -6px 7px 0 rgba(223,75,0,.1), 0 5px 11px rgba(0,0,0,.1) !important;
}
.old-model-readable .repair-cta-btn-blue:hover {
background: #f7fbff !important;
box-shadow: -4px 4px 0 #0d4b75, -6px 7px 0 rgba(13,75,117,.1), 0 5px 11px rgba(0,0,0,.09) !important;
}
.old-model-readable .repair-cta-btn:active {
box-shadow: -2px 2px 0 currentColor, 0 3px 8px rgba(0,0,0,.1) !important;
transform: translate(-4px, 5px);
}
@media (max-width: 767px) {
.old-model-readable {
font-size: 15px;
}
.old-model-readable h2,
.old-model-readable .old-model-hero h2 {
font-size: 17px;
}
.old-model-readable h3 {
font-size: 15px;
}
.old-model-readable .old-model-diagnosis {
grid-template-columns: 1fr;
}
.old-model-readable table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
}