@charset "utf-8";
/* -------------------------------------------------------------------------------------------- 共通 START */
@media screen and (min-width: 1025px) {
.pc-only {
display:block;
}
.sp-only {
display: none;
}
}
@media screen and (max-width: 1024px) {
.pc-only {
display:none;
}
.sp-only {
display:block;
}
}
.mb_01 {
margin-bottom: -2%;
}
@media (min-width:768px) and  (max-width:1024px) {
.mb_01 {
margin-bottom: -2%;
}
}
@media (max-width:768px) {
.mb_01 {
margin-bottom: -40%;
}
}
body {
font-family: 'Noto Sans JP';
background-color: #fff !important;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
font-family: 'Noto Sans JP';
}
/* styleをカスタマイズ用に調整 */
@media (min-width: 1025px) {
body {
margin-bottom: 5% !important;
}
}
@media (max-width: 1024px) {
body {
margin-bottom: 15% !important;
}
}

.keni-header_wrap {
background-image: linear-gradient(-45deg, #ffffff 25%, #ffffff 25%, #ffffff 50%, #fff 50%, #fff 75%, #ffffff 75%, #ffffff);
}
@media (min-width: 768px) {
.col2 .keni-header_outer, .col2 .keni-gnav_outer, .col2 .keni-mv_outer, .col2 .archive_title_wrap, .col2 .keni-main_outer, .col2 .catch-area, .col2 .keni-breadcrumb-list_outer, .col2 .keni-footer_outer, .col2 .keni-copyright, .col2 .keni-sep-conts_outer, .col2 .keni-footer-panel_outer {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
background: #fff;
}
}
.keni-header_wrap {
background-image: linear-gradient(-45deg, #ffffff 25%, #ffffff 25%, #ffffff 50%, #ffffff 50%, #ffffff 75%, #ffffff 75%, #ffffff) !important;
}
.keni-header_wrap {
margin-top: -25px;
padding-top: 4px;
background-size: 4px 4px;
background-repeat: repeat-x;
background-color: #fff;
}
.keni-section_wrap .sns-btn_wrap {
padding: 0 0 20px;
display: none;
}
.keni-copyright {
 line-height: 1.4;
}
.page-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}

@media (min-width:768px) and  (max-width:1024px) {
.page-content {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1025px) {
.h1-read {
font-size:16px!important;
text-align: center!important;
font-weight: 600!important;
background: #2a2931;
line-height: 1.5!important;
color: #fff!important;
display: block;
width: 100%;
margin: 0 auto 0 auto;
padding: 1%
}
}
@media (min-width:768px) and  (max-width:1024px) {
.h1-read {
font-size:114%!important;
text-align: center!important;
font-weight: 600!important;
background: #2a2931;
line-height: 1.5!important;
color: #fff!important;
display: block;
width: 100%;
margin: 0 auto 0 auto;
padding: 3% 4% 3%;
letter-spacing: 0px!important
}
}
@media (min-width: 1px) and (max-width:767px) {
.h1-read {
font-size:13px!important;
text-align: center!important;
font-weight: 600!important;
background: #2a2931;
line-height: 1.5!important;
color: #fff!important;
display: block;
width: 100%;
margin: 0 auto 0 auto;
padding: 3% 4% 3%;
letter-spacing: 0px!important
}

.margin_01 {
margin: 0% auto!important
}
}

@media (min-width: 1025px) {
.subname {
display:block;
margin: 0% 0% 0% 0%;
height: 23px
}
}

@media (max-width: 1024px) {
.subname {
padding-top:9%;
text-indent: 2px;
height: 20px
}
}
.keni-section h1 {
margin: 40px -10px 10px;
padding: 20px 10px 0;
background-image: linear-gradient(-45deg, #fff 25%, #fff 25%, #fff 50%, #fff 50%, #fff 75%, #fff 75%, #fff) !important;
background-size: 4px 4px;
background-repeat: repeat-x;
font-size: 2.0rem;
}
@media (max-width: 1024px) {
.keni-breadcrumb-list li {
display: inline-block;
margin-bottom: 0;
padding: 2px 0;
font-size: 1rem !important;
line-height: 1.2;
white-space: nowrap;
}
.keni-breadcrumb-list li::after {
margin: 0 4px !important;
content: "\e905";
font-size: 94% !important;
}
}
.h2-tit_fff {
background-color: #fff;
}
h3 {
margin: 1px 1px 24px;
padding: 10px 0;
border-top: 0px solid #05a5ab !important;
border-bottom: 0px solid #05a5ab !important;
color: #00858a;
font-size: 1.8rem;
}
@media (min-width: 768px) {
.col2 .keni-header_outer, .col2 .keni-gnav_outer, .col2 .keni-mv_outer, .col2 .archive_title_wrap, .col2 .keni-main_outer, .col2 .catch-area, .col2 .keni-breadcrumb-list_outer, .col2 .keni-footer_outer, .col2 .keni-copyright, .col2 .keni-sep-conts_outer, .col2 .keni-footer-panel_outer {
max-width:inherit !important;
margin-right: auto;
margin-left: auto;
}
}
/* -----
/* --------------------------------------------------------------------------------------------共通 END */

/* ------------------------------------------------------------------------------------------- メーカー別 車検・修理専用ページ START */

@media (min-width: 1025px) {
.select-brands {
margin-bottom: 20px;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1024px) {
.select-brands {
margin-bottom: 20px;
max-width: 96%;
margin-left: auto;
margin-right: auto;
margin-bottom: 33%;
}
}

#post-1579 .article-body {
margin-top: 28px;
}
ul > li:last-child, ol > li:last-child {
margin-bottom: 0;
list-style-type: none;
}
ul > li, ol > li {
margin-bottom: .5em;
list-style-type: none;
}
.select-brands_rows_01 .img_rows_01 {
width: 30%;
margin: 4% 0 0 0;
float: left;
vertical-align: top;
}

.select-brands_rows_01 {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
background-color: #fff;
border-radius: 8px;
margin-bottom: 20px;
}

.select-brands_rows_01 .subtit {
font-size: 1.2em;
font-weight: bold;
color: #333;
margin-bottom: 15px;
text-align: center;
padding-bottom: 36px;
}

.select-brands_rows_01 .banner-left {
vertical-align: top;
height: auto;
text-align: left;
width: 100%;
margin-bottom: 14px
}
.select-brands_rows_01 .banner-left img {
 width: 24%;
}

.select-brands_rows_01 ul {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 36px;
list-style: none;
padding: 0;
margin: 26px 0 0 0;
}

.select-brands_rows_01 li {
flex: 1 1 150px;
max-width: 200px;
text-align: center;
}
.select-brands_rows_01 ul li img {
 width: 90%;
}
.select-brands_rows_01 a {
display: inline-block;
text-decoration: none;
transition: transform 0.3s ease;
}

.select-brands_rows_01 a:hover {
transform: scale(1.05);
}
.select-brands_rows_02 {
margin:0;
padding: 20px;
display: flow-root;
}

.select-brands_rows_02 .banner-left {
margin-bottom: 15px;
width: 48%;
text-align:left;
float:left;
}
.select-brands_rows_02 .banner-left img {
width: 90%;
}
.select-brands_rows_02 .banner-right {
margin-bottom: 15px;
width: 48%;
text-align:right;
float:left;
}
.select-brands_rows_02 .banner-right img {
width: 90%;
}
.select-brands_rows_02 ul li img {
 width: 30%;
 margin: 0 36px 0 0;
}
.select-brands_rows_02 ul {
display:block;
padding: 0;
gap: 0;
margin: 0 auto 0 auto;
}
.select-brands_rows_02 .li_left {
float:left;
display:block;
width:48%;
}
.select-brands_rows_02 .li_left_inner_01 {
display:block;
}
.select-brands_rows_02 .li_left_inner_02 {
float:right;
display:block;
}
@media (min-width:768px) and  (max-width:1024px) {
.select-brands_rows_02 .li_left_inner_02 img {
 width: 20%;
float: left;
}
}
.select-brands_rows_02 .li_right {
display:block;
width:48%;
float: left;
}
.select-brands_rows_02 .li_right_inner_01 {
display:block;
}
.select-brands_rows_02 .li_right_inner_02 {
　display: block;
float: left;

}
@media (max-width: 1024px) {
#post-1579 .article-body {
margin-bottom: -35%;
}
.select-brands_rows_01 ul li img {
 width: 100%;
}
.select-brands_rows_01 {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
background-color: #fff;
border-radius: 8px;
margin-bottom: 20px;
}

.select-brands_rows_01 .subtit {
font-size: 107.5%;
font-weight: bold;
color: #333;
margin-bottom: 15px;
text-align: center;
padding-bottom: 36px;
}
.select-brands_rows_01 .banner-left {
vertical-align: top;
height: auto;
text-align: left;
width: 100%;
margin-bottom: 14px
}
.select-brands_rows_01 .banner-left img {
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
}
.select-brands_rows_01 ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
list-style: none;
padding: 0;
margin: 0px 0 0 0;
}
@media (min-width:768px) and  (max-width:1024px) {
.select-brands_rows_01 ul {
gap: 52px;
}
}
.select-brands_rows_01 li {
flex: 1 1 100px;
max-width: 100px;
text-align: center;
}
/* */
.select-brands_rows_02 {
margin: 0;
padding: 20px;
display: flow-root;
width: 100%;
}

.select-brands_rows_02 .banner-left {
margin-bottom: 15px;
width: 100%;
text-align:left;
float:left;
}
.select-brands_rows_02 .banner-left img {
width: 90%;
}
.select-brands_rows_02 .banner-right {
margin-bottom: 15px;
width: 100%;
text-align:right;
float:left;
}
.select-brands_rows_02 .banner-right img {
width: 90%;
}
.select-brands_rows_02 ul li img {
width: 31%;
margin: 0 12px 0 0;
}
.select-brands_rows_02 ul {
display:block;
padding: 0;
gap: 0;
margin: 0 auto 0 auto;
}
.select-brands_rows_02 .li_left {
float: left;
display: block;
width: 98%;
margin: 0 auto 5% auto;
}
.select-brands_rows_02 .li_left_inner_01 {
display:block;
}
.select-brands_rows_02 .li_left_inner_02 {
float:right;
display:block;

}
.select-brands_rows_02 .li_right {
float: left;
display: block;
width: 100%;
margin: 0 auto 0 auto;
}
.select-brands_rows_02 .li_right_inner_01 {
display:block;
}
.select-brands_rows_02 .li_right_inner_02 {
　display: block;
float: left;
}
}
@media (max-width: 1024px) {
.keni-section_wrap {
margin: 0px !important;
margin-top: 0% !important;
padding: 1px 0 0% 0 !important;
background: #ffffff;
}
}
.li_left_inner_02 br {
display: none;
}
/* ------------------------------------------------------------------------------------------- メーカー別 車検・修理専用ページ END */


/* -------------------------------------------------------------------------------------------- HOME START */
/* ---------------------------------------------------------------PC START */
/* --------------------------------------------------------------- */
.page-id-1229 .margin-top_maker {
margin-top:-3%;
}

.page-id-1229 .outside_01 {
margin: 0% 0 1% 0;
}
.page-id-1229 .middle_side_01 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_01 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_01 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}

.page-id-1229 .middle_side_01 .tit_read {
text-align: center;
font-size: 2.0em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_02 {
margin: 0% 0 1% 0;
}
.page-id-1229 .middle_side_02 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_02 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_02 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}

.page-id-1229 .middle_side_02 .tit_read {
text-align: center;
font-size: 2.0em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_03 {
margin: 0% 0 1% 0;
}
.page-id-1229 .middle_side_03 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}

.page-id-1229 .middle_side_03 .tit_read {
text-align: center;
font-size: 2.0em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_04 {
margin: 0% 0 1% 0;
}
.page-id-1229 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}

.page-id-1229 .middle_side_04 .tit_read {
text-align: center;
font-size: 2.0em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
/* --------------------------------------------------------------- */

.page-id-1229 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
margin: 0 0 0 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
margin-top: -12%;
}
.page-id-1229 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1229 .middle_side_05 .tit_read {
text-align: center;
font-size: 2.0em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_06 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_06 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_06 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_06 .back_subtit {
 font-size: 76%;
 font-weight: 800;
 color: #2A2A2A;
 display: block;
 margin: -2% 0 0 0;
}
.page-id-1229 .middle_side_06 .tit_read {
text-align: center;
font-size: 2.0em;
font-weight: 600;
line-height: 1.4em;
color: #000000;
margin: 2% 0 4% 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_07 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_07 {
margin: 0;
padding: 2% 0 32px 0;
background-color: #fafbfc;
margin-bottom: -2%;
}
.page-id-1229 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_08 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_08 .back_subtit {
 font-size: 76%;
 font-weight: 800;
 color: #2A2A2A;
 display: block;
 margin: -2% 0 0 0;
}
.page-id-1229 .middle_side_08 .tit_read {
text-align: center;
font-size: 2.0em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .dp-lead-title-align_center,
.dp-inspection-lead-font {
font-size: 140%;
}
.page-id-1229 .dp-feature-title-p {
font-size: 146%;
}
/* ---------------------------------------------------------------PC END */
/* ---------------------------------------------------------------max-width: 1024px START */
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
/* ---------------------------------------------------------------max-width: 1024px END */
/* ---------------------------------------------------------------max-width: 767px START */
@media(max-width: 767px) {

/* --------------------------------------------------------------- */
.page-id-1229 .outside_01 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_01 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_01 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_01 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -12% 0 0 0;
}
.page-id-1229 .middle_side_01 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.elementor-1229 .elementor-element.elementor-element-7f4e8ed {
    text-align: center;
    font-size: 1.6em;
    font-weight: 700;
    color: #383838;
    margin: -5% 0 0 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_02 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_02 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_02 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_02 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -12% 0 0 0;
}
.page-id-1229 .middle_side_02 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_03 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_03 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_03 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -12% 0 0 0;
}
.page-id-1229 .middle_side_03 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_04 {
margin: 2% 0 4% 0;
margin: -15% 0 4% 0;
}
.page-id-1229 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_04 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1229 .middle_side_04 .back_subtit {
font-size: 52%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1229 .middle_side_04 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_05 p{ 
    display: none;
}
.page-id-1229 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_05 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
margin-bottom: 0;
padding: 70px 0px 0px 0px;
margin-top: -34%;
}
.page-id-1229 .middle_side_05 .back_subtit {
font-size: 52%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 6px 0 0;
}
.page-id-1229 .middle_side_05 .tit_read {
 text-align: center;
font-size: 150%;
 font-weight: 600;
 line-height: 1.1em;
 color: #000000;
 margin: 2% 0 -2% 0;
}

/* --------------------------------------------------------------- */
.page-id-1229 .outside_06 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1229 .middle_side_06 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_06 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 0px 0px 0px 0px;
}

.page-id-1229 .middle_side_06 .back_subtit {
font-size: 52%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1229 .middle_side_06 .tit_read {
text-align: center;
font-size: 1em;
font-weight: 600;
line-height: 1.4em;
color: #000000;
margin: 2% auto -15% auto;
width: 86%;
}
/* --------------------------------------------------------------- */
.page-id-1229 .outside_07 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}

.page-id-1229 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em !important;
font-weight: 900;
color: #0066B117;
margin-bottom: 0;
padding: 70px 0px 0px 0px;
margin-top: -4%;
line-height: 1;
}
.page-id-1229 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1229 .middle_side_07 .rv2-container {
width: 100%;
position: relative;
overflow: hidden;
padding: 0rem 0;
}
/* --------------------------------------------------------------- */
.page-id-1229 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1229 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 0px 0px 0px 0px;
margin-bottom: 0;
}
.page-id-1229 .middle_side_08 .back_subtit {
font-size: 52%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1229 .middle_side_08 .tit_read {
text-align: center;
font-size: 1.2em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin-bottom: 0;
margin: 2% 0 -9% 0;
}
.page-id-1229 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
.page-id-1229 .home_banner_01 img {
width: 100%;
vertical-align: top;
margin-bottom: -6%;
}

.page-id-1229 .mt_01 {
    margin-top: -31%;
}
}
/* --------------------------------------------------------------- */
/* ---------------------------------------------------------------max-width: 767px END */
/* -------------------------------------------------------------------------------------------- HOME END */

/* -------------------------------------------------------------------------------------------- BMW START */
.page-id-1217 .img_radius_14px {
border-radius: 14px;
}
.page-id-1217 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1217 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1217 .middle_side_01 li img {
width: 98%;
}
.page-id-1217 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1217 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1217 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #0052a5;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(15, 23, 42, .08);
}
.page-id-1217 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1217 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1217 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1217 .outside_04 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
padding-bottom: 4%;
}
.page-id-1217 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1217 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1217 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1217 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 1180px;
margin: 0 auto;
}
.page-id-1217 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1217 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1217 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1217 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1217 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1217 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1217 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
font-size: 90%;
line-height: 1.4;
 color: #2A2A2A;
}
.page-id-1217 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1217 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #003a73;
}
.page-id-1217 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #003a73;
}
.page-id-1217 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1217 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1217 .period-highlight {
color: #0052a5 !important;
}
.page-id-1217 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1217 .outside_06 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1217 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1217 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1217 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1217 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 2% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1217 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1217 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1217 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1217 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1217 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1217 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1217 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1217 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1217 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1217 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
width: 100%;
}
.page-id-1217 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1217 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1217 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1217 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
width: 100%;
}
.page-id-1217 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}

/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1217 .middle_side_01 {
gap: 2px !important;
}
.page-id-1217 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1217 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
font-size: 14px;
}
.page-id-1217 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1217 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1217 .middle_side_02 {
margin-top: 0%;
}
@media (min-width:768px) and  (max-width:1024px) {
.page-id-1217 .middle_side_02 {
margin-top: 0%;
}
}

.page-id-1217 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1217 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1217 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1217 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1217 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1217 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1217 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
padding-bottom: 4%;
}
.page-id-1217 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1217 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1217 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1217 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1217 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1217 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1.1;
}
.page-id-1217 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1217 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1217 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1217 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1217 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1217 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1217 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1217 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1217 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1217 .data-table thead th:last-child {
border-right: none
}

.page-id-1217 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1217 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1217 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1217 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1217 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1217 .data-table tbody td:last-child {
border-right: none
}

.page-id-1217 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1217 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1217 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1217 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1217 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1217 .data-table th:first-child, .page-id-1217 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1217 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1217 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1217 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1217 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
margin-bottom: 0;
font-weight: 700;
}
.page-id-1217 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1217 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1217 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
width: 100%;
}
.page-id-1217 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1217 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1217 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1217 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1217 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
width: 100%;
margin-bottom: 0;
}
.page-id-1217 .text-editor_01 {
 width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1217 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1217 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1217 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1217 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1217 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1217 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1217 .data-table th:nth-child(2),
 .page-id-1217 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1217 .data-table th:nth-child(n+3),
 .page-id-1217 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1217 .data-table thead th,
 .page-id-1217 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- BMW END */

/* -------------------------------------------------------------------------------------------- mercedes-benz START */
.page-id-1220 .img_radius_14px {
border-radius: 14px;
}
.page-id-1220 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1220 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1220 .middle_side_01 li img {
width: 98%;
}
.page-id-1220 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1220 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1220 .middle_side_02 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #0a0a0a;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(16, 32, 68, 0.08);
}
.page-id-1220 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1220 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1220 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1220 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1220 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1220 .outside_04 {
background-color: #e8e8e8;
margin: 2% 0 4% 0;
}
.page-id-1220 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1220 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1220 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1220 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1220 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1220 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1220 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1220 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1220 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1220 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1220 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1220 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1220 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #000;
}
.page-id-1220 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #000;
}
.page-id-1220 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1220 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1220 .period-highlight {
color: #070707 !important;
}
.page-id-1220 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1220 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1220 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1220 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1220 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1220 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1220 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1220 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1220 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1220 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1220 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1220 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1220 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1220 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1220 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1220 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1220 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1220 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1220 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1220 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1220 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1220 .middle_side_01 {
gap: 2px !important;
}
.page-id-1220 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1220 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1220 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1220 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1220 .middle_side_02 {
margin-top: 0%;
}
.page-id-1220 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1220 .middle_side_02 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1220 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1220 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1220 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1220 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1220 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1220 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1220 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1220 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1220 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1220 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1220 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1220 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1220 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1220 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1220 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1220 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1220 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1220 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display: block;
}
.page-id-1220 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1220 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1220 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1220 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1220 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1220 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1220 .data-table thead th:last-child {
border-right: none
}

.page-id-1220 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1220 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1220 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1220 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1220 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1220 .data-table tbody td:last-child {
border-right: none
}

.page-id-1220 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1220 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1220 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1220 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1220 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1220 .data-table th:first-child, .page-id-1220 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1220 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1220 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1220 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1220 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1220 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1220 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1220 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1220 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1220 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1220 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1220 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1220 .middle_side_10 .subtit {
text-align: center;
font-size: 130% !important;
margin-bottom: 0;
font-weight: 700;
}
.page-id-1220 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1220 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1220 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1220 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1220 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1220 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1220 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1220 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1220 .data-table th:nth-child(2),
 .page-id-1220 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1220 .data-table th:nth-child(n+3),
 .page-id-1220 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1220 .data-table thead th,
 .page-id-1220 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- mercedes-benz END */

/* -------------------------------------------------------------------------------------------- audi START */
.page-id-1216 .img_radius_14px {
border-radius: 14px;
}
.page-id-1216 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1216 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1216 .middle_side_01 li img {
width: 98%;
}
.page-id-1216 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1216 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1216 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #5a5a5a;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(15, 23, 42, .08);
}
.page-id-1216 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1216 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1216 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1216 .outside_04 {
background-color: #3A3A3A1C;
margin: 2% 0 4% 0;
}
.page-id-1216 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1216 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1216 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1216 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
max-width: 1180px;
margin: 0 auto;
padding-bottom: 4%;
}
.page-id-1216 .outside_05 {
background-color: #3A3A3A1C;
margin: 2% 0 4% 0;
}
.page-id-1216 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1216 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1216 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1216 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1216 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
font-size: 90%;
font-weight: 400;
color: #2A2A2A;
}
.page-id-1216 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
line-height: 1.4;
font-size: 90%;
font-weight: 400;
color: #2A2A2A;
}
.page-id-1216 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1216 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #3b3b3b;
}
.page-id-1216 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background:#3b3b3b;
}
.page-id-1216 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1216 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1216 .period-highlight {
color: #2A2A2A !important;
}
.page-id-1216 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1216 .outside_06 {
background-color: #3A3A3A1C;
margin: 2% 0 4% 0;
}
.page-id-1216 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1216 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1216 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1216 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 2% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1216 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1216 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1216 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1216 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1216 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1216 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1216 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1216 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1216 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1216 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1216 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1216 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1216 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1216 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1216 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}

/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1216 .middle_side_01 {
gap: 2px !important;
}
.page-id-1216 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1216 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1216 .article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1216 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1216 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1216 .middle_side_02 {
margin-top: 0%;
}
.page-id-1216 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1216 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1216 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1216 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1216 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1216 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1216 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1216 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1216 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1216 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1216 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1216 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 100%;
font-weight: 800;
color: #2A2A2A;
}
.page-id-1216 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
width: 82%;
font-size: 100%;
line-height: 1.4;
font-weight: 800;
color: #2A2A2A;
}
.page-id-1216 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1216 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1216 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}

.page-id-1216 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1216 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1216 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1216 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1216 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1216 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1216 .data-table thead th:last-child {
border-right: none
}

.page-id-1216 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1216 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1216 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1216 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1216 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1216 .data-table tbody td:last-child {
border-right: none
}

.page-id-1216 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1216 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1216 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1216 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1216 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1216 .data-table th:first-child, .page-id-1216 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1216 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1216 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
margin-bottom: 0;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1216 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1216 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1216 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1216 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1216 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1216 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1216 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1216 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8D8D8D1C;
padding: 70px 0px 0px 0px;
}
.page-id-1216 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1216 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
margin-bottom: 0;
font-weight: 700;
}
.page-id-1216 .text-editor_01 {
 width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1216 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1216 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1216 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1216 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1216 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1216 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1216 .data-table th:nth-child(2),
 .page-id-1216 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1216 .data-table th:nth-child(n+3),
 .page-id-1216 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1216 .data-table thead th,
 .page-id-1216 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- audi END */

/* -------------------------------------------------------------------------------------------- volkswagen START */
.page-id-1223 .img_radius_14px {
border-radius: 14px;
}
.page-id-1223 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1223 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1223 .middle_side_01 li img {
width: 98%;
}
.page-id-1223 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1223 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1223 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #0052a5;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(15, 23, 42, .08);
}
.page-id-1223 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1223 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1223 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1223 .outside_04 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
padding-bottom: 4%;
}
.page-id-1223 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1223 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1223 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1223 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
max-width: 1180px;
margin: 0 auto;
}
.page-id-1223 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1223 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1223 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1223 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1223 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1223 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
line-height: 1.4;
font-size: 90%;
font-weight: 400;
color: #2A2A2A;
}
.page-id-1223 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
line-height: 1.4;
font-size: 90%;
font-weight: 400;
color: #2A2A2A;
}
.page-id-1223 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1223 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #001238;
}
.page-id-1223 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #001238;
}
.page-id-1223 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1223 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1223 .period-highlight {
color: #000 !important;
}
.page-id-1223 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1223 .outside_06 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1223 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1223 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1223 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1223 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 2% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1223 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1223 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1223 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1223 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1223 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1223 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1223 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1223 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1223 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1223 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1223 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1223 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1223 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1223 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1223 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}

/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1223 .middle_side_01 {
gap: 2px !important;
}
.page-id-1223 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1223 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1223 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1223 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1223 .middle_side_02 {
margin-top: 0%;
}
.page-id-1223 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1223 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1223 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1223 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1223 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1223 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1223 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1223 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1223 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1223 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1223 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1223 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 90%;
font-weight: 400;
color: #2A2A2A;
}
.page-id-1223 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
width: 82%;
font-weight: 400;
color: #2A2A2A;
font-size: 90%;
}
.page-id-1223 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1223 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1223 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1223 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display: block;
}
.page-id-1223 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1223 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1223 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1223 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1223 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1223 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1223 .data-table thead th:last-child {
border-right: none
}

.page-id-1223 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1223 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1223 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1223 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1223 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1223 .data-table tbody td:last-child {
border-right: none
}

.page-id-1223 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1223 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1223 .period-highlight {
color: #2A2A2A !important;
font-weight: 700
}

.page-id-1223 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1223 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1223 .data-table th:first-child, .page-id-1223 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1223 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}

element.style {
transition: transform 0.4s;
transform: translateX(-24120px);
}
.rv2-track {
display: flex;
gap: 1.5rem;
transition: transform .4s ease;
width: fit-content;
}
.page-id-1223 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
.page-id-1223 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1223 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1223 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1223 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1223 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1223 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1223 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1223 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1223 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
margin-bottom: 0;
font-weight: 900;
color: #0066B117;
padding: 70px 0px 0px 0px;
}
.page-id-1223 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1223 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
margin-bottom: 0;
font-weight: 700;
}
.page-id-1223 .text-editor_01 {
 width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 100%;
font-weight: 600;
color: #000;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1223 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1223 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1223 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1223 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1223 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1223 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1223 .data-table th:nth-child(2),
 .page-id-1223 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1223 .data-table th:nth-child(n+3),
 .page-id-1223 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1223 .data-table thead th,
 .page-id-1223 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- volkswagen END */


/* -------------------------------------------------------------------------------------------- porsche START */
.page-id-1222 .img_radius_14px {
border-radius: 14px;
}
.page-id-1222 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1222 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1222 .middle_side_01 li img {
width: 98%;
}
.page-id-1222 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1222 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1222 .middle_side_02 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #0a0a0a;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(16, 32, 68, 0.08);
}
.page-id-1222 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1222 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1222 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1222 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1222 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1222 .outside_04 {
background-color: #e8e8e8;
margin: 2% 0 4% 0;
padding-bottom: 4%;
}
.page-id-1222 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1222 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1222 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1222 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1222 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1222 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1222 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1222 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1222 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1222 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1222 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1222 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1222 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #4a4f58;
}
.page-id-1222 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #4a4f58;
}
.page-id-1222 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1222 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1222 .period-highlight {
color: #070707 !important;
}
.page-id-1222 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1222 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1222 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1222 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1222 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1222 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1222 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1222 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1222 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1222 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1222 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1222 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1222 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1222 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1222 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1222 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1222 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1222 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1222 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1222 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1222 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1222 .middle_side_01 {
gap: 2px !important;
}
.page-id-1222 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1222 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1222 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1222 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1222 .middle_side_02 {
margin-top: 0%;
}
.page-id-1222 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1222 .middle_side_02 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1222 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1222 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1222 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1222 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1222 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1222 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1222 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1222 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1222 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1222 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1222 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1222 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1222 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1222 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1222 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1222 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1222 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1222 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1222 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1222 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1222 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1222 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1222 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1222 .data-table thead th:last-child {
border-right: none
}

.page-id-1222 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1222 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1222 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1222 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1222 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1222 .data-table tbody td:last-child {
border-right: none
}

.page-id-1222 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1222 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1222 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1222 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1222 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1222 .data-table th:first-child, .page-id-1222 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1222 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1222 .middle_side_07 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1222 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1222 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1222 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display:block;
}
.page-id-1222 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1222 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1222 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1222 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1222 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1222 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1222 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
margin-bottom: 0;
font-weight: 700;
}
.page-id-1222 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1222 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1222 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1222 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1222 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1222 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1222 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1222 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1222 .data-table th:nth-child(2),
 .page-id-1222 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1222 .data-table th:nth-child(n+3),
 .page-id-1222 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1222 .data-table thead th,
 .page-id-1222 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- porsche END */
/* -------------------------------------------------------------------------------------------- porsche START */
.page-id-1221 .img_radius_14px {
border-radius: 14px;
}
.page-id-1221 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1221 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1221 .middle_side_01 li img {
width: 98%;
}
.page-id-1221 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1221 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1221 .middle_side_02 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #0a0a0a;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(16, 32, 68, 0.08);
}
.page-id-1221 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1221 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1221 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1221 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1221 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1221 .outside_04 {
background-color: #e8e8e8;
margin: 2% 0 4% 0;
padding-bottom: 4%;
}
.page-id-1221 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1221 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1221 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1221 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1221 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1221 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1221 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1221 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1221 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1221 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #4a4f58;
}
.page-id-1221 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #4a4f58;
}
.page-id-1221 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1221 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1221 .period-highlight {
color: #070707 !important;
}
.page-id-1221 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1221 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1221 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1221 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1221 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1221 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1221 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1221 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1221 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1221 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1221 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1221 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1221 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1221 .middle_side_01 {
gap: 2px !important;
}
.page-id-1221 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1221 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1221 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1221 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1221 .middle_side_02 {
margin-top: -12%;
}
.page-id-1221 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1221 .middle_side_02 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1221 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1221 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1221 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1221 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1221 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1221 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1221 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1221 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1221 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1221 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1221 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1221 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1221 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1221 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1221 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1221 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1221 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1221 .data-table thead th:last-child {
border-right: none
}

.page-id-1221 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1221 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1221 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1221 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1221 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1221 .data-table tbody td:last-child {
border-right: none
}

.page-id-1221 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1221 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1221 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1221 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1221 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1221 .data-table th:first-child, .page-id-1221 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1221 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1221 .middle_side_07 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1221 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1221 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display:block;
}
.page-id-1221 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1221 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1221 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
margin-bottom: 0;
font-weight: 700;
}
.page-id-1221 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1221 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1221 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1221 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1221 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1221 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1221 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1221 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1221 .data-table th:nth-child(2),
 .page-id-1221 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1221 .data-table th:nth-child(n+3),
 .page-id-1221 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1221 .data-table thead th,
 .page-id-1221 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- porsche END */

/* -------------------------------------------------------------------------------------------- mini-cooper START */
.page-id-1221 .img_radius_14px {
border-radius: 14px;
}
.page-id-1221 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, rgb(215 25 32), transparent);
}
.page-id-1221 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1221 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1221 .middle_side_01 li img {
width: 98%;
}
.page-id-1221 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1221 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1221 .middle_side_02 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #d71920;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(16, 32, 68, 0.08);
}
.page-id-1221 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1221 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1221 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1221 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1221 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1221 .outside_04 {
background-color: #86200B33;
margin: 2% 0 4% 0;
}
.page-id-1221 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1221 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1221 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1221 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1221 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1221 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1221 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1221 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1221 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1221 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #a31219;
}
.page-id-1221 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #a31219;
}
.page-id-1221 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1221 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1221 .period-highlight {
color: #d21820 !important;
}
.page-id-1221 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1221 .outside_06 {
background-color: #86200B33;
margin: 2% 0 4% 0;
}
.page-id-1221 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1221 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1221 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1221 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1221 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1221 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1221 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1221 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1221 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1221 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1221 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1221 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1221 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1221 .middle_side_01 {
gap: 2px !important;
}
.page-id-1221 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1221 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1221 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1221 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1221 .middle_side_02 {
margin-top: 0%;
}
.page-id-1221 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, rgb(215 25 32), transparent);
}
.page-id-1221 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1221 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1221 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1221 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1221 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1221 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1221 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1221 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1221 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1221 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1221 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1221 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1221 .middle_side_07 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1221 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1221 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display:block;
}
.page-id-1221 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1221 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1221 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
margin-bottom: 0;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1221 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1221 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1221 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1221 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1221 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1221 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1221 .data-table thead th:last-child {
border-right: none
}

.page-id-1221 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1221 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1221 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1221 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1221 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1221 .data-table tbody td:last-child {
border-right: none
}

.page-id-1221 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1221 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1221 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1221 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1221 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1221 .data-table th:first-child, .page-id-1221 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1221 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}

.page-id-1221 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
margin-bottom: 0;
font-weight: 700;
}
.page-id-1221 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1221 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1221 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1221 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #921A1A1F;
padding: 70px 0px 0px 0px;
}
.page-id-1221 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1221 .middle_side_10 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
}
.page-id-1221 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1221 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1221 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1221 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1221 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1221 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1221 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1221 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1221 .data-table th:nth-child(2),
 .page-id-1221 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1221 .data-table th:nth-child(n+3),
 .page-id-1221 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1221 .data-table thead th,
 .page-id-1221 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
.page-id-1221 .code_margin {
margin-top: -8%;
display: block;
}
/* ------------------------------------------------------------------------------------------- mini-cooper END */


/* -------------------------------------------------------------------------------------------- jaguar START */
.page-id-1218 .img_radius_14px {
border-radius: 14px;
}
.page-id-1218 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1218 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1218 .middle_side_01 li img {
width: 98%;
}
.page-id-1218 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1218 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1218 .middle_side_02 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #004225;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(16, 32, 68, 0.08);
}
.page-id-1218 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1218 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1218 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1218 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1218 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1218 .outside_04 {
background-color: #0B3D2C26;
margin: 2% 0 4% 0;
padding-bottom: 4%;
}
.page-id-1218 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1218 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1218 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1218 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1218 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1218 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1218 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1218 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1218 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1218 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1218 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1218 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1218 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #002e1a;
}
.page-id-1218 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #002e1a;
}
.page-id-1218 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1218 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1218 .period-highlight {
color: #004225 !important;
}
.page-id-1218 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1218 .outside_06 {
background-color: #0B3D2C26;
margin: 2% 0 4% 0;
}
.page-id-1218 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1218 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1218 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1218 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1218 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1218 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1218 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1218 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1218 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1218 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1218 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1218 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1218 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1218 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1218 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1218 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1218 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1218 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1218 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1218 .middle_side_01 {
gap: 2px !important;
}
.page-id-1218 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1218 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1218 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1218 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1218 .middle_side_02 {
margin-top: 0%;
}
.page-id-1218 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1218 .middle_side_02 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1218 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1218 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}

.page-id-1218 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1218 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1218 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 -10% 0;
}
.page-id-1218 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1218 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1218 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1218 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1218 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1218 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1218 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1218 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1218 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1218 .middle_side_07 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1218 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1218 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display:block;
}
.page-id-1218 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1218 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1218 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1218 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1218 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1218 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1218 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1218 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1218 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1218 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1218 .data-table thead th:last-child {
border-right: none
}

.page-id-1218 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1218 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1218 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1218 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1218 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1218 .data-table tbody td:last-child {
border-right: none
}

.page-id-1218 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1218 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1218 .period-highlight {
color: #004225 !important;
font-weight: 700
}

.page-id-1218 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1218 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1218 .data-table th:first-child, .page-id-1218 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1218 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1218 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1218 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
margin-bottom: 0;
}
.page-id-1218 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1218 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1218 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1218 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1218 .middle_side_10 .back_tit {1
text-align: center;
font-size: 3em;
margin-bottom: 0;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1218 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1218 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
margin-bottom: 0;
}
.page-id-1218 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1218 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1218 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1218 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1218 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1218 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1218 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1218 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1218 .data-table th:nth-child(2),
 .page-id-1218 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1218 .data-table th:nth-child(n+3),
 .page-id-1218 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1218 .data-table thead th,
 .page-id-1218 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- jaguar END */


/* -------------------------------------------------------------------------------------------- landrover START */
.page-id-1219 .img_radius_14px {
border-radius: 14px;
}
.page-id-1219 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1219 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1219 .middle_side_01 li img {
width: 98%;
}
.page-id-1219 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1219 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1219 .middle_side_02 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #a4a9ad;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(16, 32, 68, 0.08);
}
.page-id-1219 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1219 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1219 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}
.page-id-1219 .whypro {
margin-top: 0%;
margin-bottom: 0;
}

.page-id-1219 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1219 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1219 .outside_04 {
background-color: #e8e8e8;
margin: 2% 0 4% 0;
padding-bottom: 4%;
}
.page-id-1219 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1219 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1219 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1219 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1219 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1219 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1219 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1219 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1219 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1219 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1219 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1219 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1219 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #8e9397;
}
.page-id-1219 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #8e9397;
}
.page-id-1219 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1219 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1219 .period-highlight {
color: #8e9397 !important;
}
.page-id-1219 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1219 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1219 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1219 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1219 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1219 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1219 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1219 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1219 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1219 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1219 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1219 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1219 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1219 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1219 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1219 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1219 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1219 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1219 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1219 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1219 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1219 .middle_side_01 {
gap: 2px !important;
}
.page-id-1219 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1219 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1219 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1219 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1219 .middle_side_02 {
margin-top: -12%;
}
.page-id-1219 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1219 .middle_side_02 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1219 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1219 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1219 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1219 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1219 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1219 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 -8% 0;
}
.page-id-1219 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1219 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1219 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1219 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1219 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1219 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1219 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1219 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1219 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1219 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1219 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1219 .middle_side_07 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1219 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1219 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1219 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display:block;
}
.page-id-1219 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1219 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1219 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1219 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1219 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1219 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1219 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1219 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1219 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1219 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1219 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1219 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1219 .data-table thead th:last-child {
border-right: none
}

.page-id-1219 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1219 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1219 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1219 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1219 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1219 .data-table tbody td:last-child {
border-right: none
}

.page-id-1219 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1219 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1219 .period-highlight {
color: #8e9397 !important;
font-weight: 700
}

.page-id-1219 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1219 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1219 .data-table th:first-child, .page-id-1219 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1219 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1219 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1219 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1219 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1219 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1219 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1219 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1219 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1219 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1219 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1219 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1219 .middle_side_10 .subtit {
text-align: center;
font-size: 95% !important;
font-weight: 700;
}
.page-id-1219 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1219 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1219 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1219 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1219 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1219 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1219 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1219 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1219 .data-table th:nth-child(2),
 .page-id-1219 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1219 .data-table th:nth-child(n+3),
 .page-id-1219 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1219 .data-table thead th,
 .page-id-1219 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- landrover END */


/* -------------------------------------------------------------------------------------------- volvo START */
.page-id-1224 .img_radius_14px {
border-radius: 14px;
}
.page-id-1224 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1224 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1224 .middle_side_01 li img {
width: 98%;
}
.page-id-1224 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1224 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1224 .middle_side_02 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #0a0a0a;
background: radial-gradient(100% 100% at 50% 0%, rgba(15, 23, 42, .12), rgba(15, 23, 42, .04));
box-shadow: inset 0 0 0 2px rgba(16, 32, 68, 0.08);
}
.page-id-1224 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1224 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1224 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1224 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1224 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1224 .outside_04 {
background-color: #e8e8e8;
margin: 2% 0 4% 0;
padding-bottom: 4%;
}
.page-id-1224 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1224 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1224 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 -2% 0;
}
.page-id-1224 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1224 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1224 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1224 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1224 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1224 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1224 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1224 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1224 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1224 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #000;
}
.page-id-1224 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #000;
}
.page-id-1224 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1224 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1224 .period-highlight {
color: #070707 !important;
}
.page-id-1224 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1224 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1224 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1224 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1224 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1224 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1224 .middle_side_07 {
margin: 0;
padding: 0;
}
.page-id-1224 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1224 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1224 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1224 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1224 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1224 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1224 .middle_side_09 {
margin: 0;
padding: 0;
}
.page-id-1224 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1224 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1224 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1224 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1224 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1224 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1224 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
/* ------------------------------------------ */
@media (max-width: 1024px) {
.page-id-1224 .middle_side_01 {
gap: 2px !important;
}
.page-id-1224 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1224 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.article-body p {
margin-bottom: 0px !important;
margin-top: 13px;
}
.page-id-1224 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1224 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1224 .middle_side_02 {
margin-top: 0%;
}
.page-id-1224 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1224 .middle_side_02 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, #262626, transparent);
}
.page-id-1224 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1224 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1224 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1224 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1224 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1224 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1224 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1224 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1224 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1224 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1224 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1224 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1224 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1224 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1224 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1224 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1224 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1224 .middle_side_07 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1224 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1224 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1224 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display:block;
}
.page-id-1224 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1224 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1224 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1224 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1224 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1224 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1224 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1224 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1224 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1224 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1224 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1224 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1224 .data-table thead th:last-child {
border-right: none
}

.page-id-1224 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1224 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1224 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1224 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1224 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1224 .data-table tbody td:last-child {
border-right: none
}

.page-id-1224 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1224 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1224 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1224 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1224 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1224 .data-table th:first-child, .page-id-1224 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1224 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1224 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #8B8B8B2B;
margin-bottom: 0;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1224 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1224 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
margin-bottom: 0;
}
.page-id-1224 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1224 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1224 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1224 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1224 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1224 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
margin-bottom: 0;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1224 .middle_side_10 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1224 .middle_side_10 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
margin-bottom: 0;
}
.page-id-1224 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1224 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}
/* ------------------------------------------ */
@media(max-width: 768px) {
.table-title {
font-size:17px;
padding: 14px
}

.page-id-1224 .data-table thead th {
padding: 12px 10px;
font-size: 13px
}

.page-id-1224 .data-table thead th:first-child {
width: 30%;
padding: 12px 8px
}

.page-id-1224 .data-table tbody td {
padding: 14px 10px;
font-size: 13px
}

.page-id-1224 .data-table tbody td:first-child {
width: 30%;
padding: 14px 8px;
font-size: 12px
}

.page-id-1224 .data-table tbody td:not(:first-child) {
font-size: 15px
}

.page-id-1224 .mileage-table tbody td:not(:first-child) {
font-size: 14px
}
}
/* ------------------------------------------ */
@media (max-width: 480px) {

 .page-id-1224 .data-table th:nth-child(2),
 .page-id-1224 .data-table td:nth-child(2) {
min-width: 50px;
white-space: normal;
}

 .page-id-1224 .data-table th:nth-child(n+3),
 .page-id-1224 .data-table td:nth-child(n+3) {
min-width: 60px;
white-space: normal;
}

 .page-id-1224 .data-table thead th,
 .page-id-1224 .data-table tbody td {
padding: 10px 8px;
font-size: 12.5px;
}
}
/* ------------------------------------------------------------------------------------------- volvo END */


/* ------------------------------------------------------------------------------------------- air-conditioner(1225) START */


.page-id-1225 .img_radius_14px {
border-radius: 14px;
}
.page-id-1225 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1225 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1225 .middle_side_01 li img {
width: 98%;
}
.page-id-1225 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1225 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1225 .middle_side_01 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #10b3aa;
background: radial-gradient(100% 100% at 50% 0%, rgba(16, 179, 170, .16), rgba(16, 179, 170, .06));
box-shadow: inset 0 0 0 2px rgba(16, 179, 170, .16);
}

.page-id-1225 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1225 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1225 .outside_02 {
padding: 0;
margin: 0;
}
.page-id-1225 .middle_side_02 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1225 .middle_side_02 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_02 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1225 .middle_side_02 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1225 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1225 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1225 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1225 .background-skyblue_color {
width: 100%;
background-color: #f6faff;
/* background-color: #7BB8FF14; */
padding: 2%;
}
.page-id-1225 .outside_04 {
margin: 2% 0 0% 0;
background-color: #7BB8FF14;
padding-top: 55px;
}
.page-id-1225 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1225 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1225 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1225 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1225 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1225 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1225 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1225 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1225 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1225 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1225 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1225 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1225 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #000;
}
.page-id-1225 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #000;
}
.page-id-1225 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1225 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1225 .period-highlight {
color: #070707 !important;
}
.page-id-1225 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1225 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1225 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1225 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1225 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1225 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1225 .middle_side_07 {
margin: 2% 0 -2%;
padding: 0;
}
.page-id-1225 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}

.page-id-1225 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1225 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color:#80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1225 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1225 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1225 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1225 .middle_side_09 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1225 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1225 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1225 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1225 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1225 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}

.page-id-1225 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1225 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1225 .middle_side_11 {
margin: 0;
padding: 0;
}
.page-id-1225 .middle_side_11 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_11 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1225 .middle_side_11 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1225 .middle_side_12 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1225 .middle_side_12 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_12 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1225 .middle_side_12 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1225 .middle_side_13 {
margin: 0;
padding: 0;
}
.page-id-1225 .middle_side_13 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_13 .back_subtit {
font-size: 52%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 5% 0;
}
.page-id-1225 .middle_side_13 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1225 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}
.page-id-1225 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_14 .back_subtit {
font-size: 246%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 0% 0;
text-align: center;
}
.page-id-1225 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1225 .troubles-section .trouble-title {
font-size: 2.6rem;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1225 .troubles-section .trouble-description {
font-size: 1.6rem;
color: #546e7a;
line-height: 1;
text-align: center;
margin: 0;
}
.page-id-1225 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
.footer {
background-color: #ffffff;
background-size: contain;
width: 100%;
height: auto;
box-sizing: content-box;
color: #000000;
font-weight: 400;
text-align: justify;
line-height: 1.8;
margin-top: -3%;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
@media(max-width: 767px) {
.page-id-1225 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1225 p {
    margin: 0 0 0.5em;
}
.page-id-1225 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1225 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1225 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1225 .middle_side_02 {
margin-top: -12%;
}
.page-id-1225 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
/* background: linear-gradient(90deg, #262626, transparent); */
}

.page-id-1225 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1225 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1225 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1225 .outside_04 {
margin: 8% 0 -6% 0;
background-color: #7BB8FF14;
}
.page-id-1225 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1225 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1225 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1225 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}

.page-id-1225 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1225 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1225 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1225 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1225 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1225 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1225 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1225 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1225 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1225 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1225 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display: block;
}
.page-id-1225 .middle_side_13 .back_subtit {
font-size: 29%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 5% 0;
width: 85%;
margin: 0 auto 0 auto;
}
.page-id-1225 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}
.page-id-1225 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_14 .back_subtit {
font-size: 131%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 0% 0 0 0;
text-align: center;
}
.page-id-1225 .troubles-section {
padding: 0px 0;
}
.page-id-1225 .troubles-section .trouble-content {
padding: 0px;
margin-bottom: 7%;
}

.page-id-1225 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1225 .troubles-section .trouble-title {
font-size: 2.6rem;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1225 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1225 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1225 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1225 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1225 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1225 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1225 .data-table thead th:last-child {
border-right: none
}

.page-id-1225 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1225 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1225 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1225 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1225 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1225 .data-table tbody td:last-child {
border-right: none
}

.page-id-1225 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1225 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1225 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1225 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1225 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1225 .data-table th:first-child, .page-id-1225 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1225 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1225 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1225 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1225 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1225 .services-timeline-manufacturer {
max-width: 92%;
margin: 8px auto;
padding: 0;
}
.page-id-1225 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1225 .middle_side_09 .back_tit {
text-align: center;
font-size: 2.3em;
font-weight: 900;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1225 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1225 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1225 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1225 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1225 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1225 .middle_side_10 .subtit {
text-align: center;
font-size: 161.5%;
font-weight: 700;
}
.page-id-1225 .outside_11 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1225 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_11 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1225 .middle_side_11 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1225 .middle_side_11 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}

.page-id-1225 .outside_12 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1225 .middle_side_12 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1225 .middle_side_12 .back_tit {
text-align: center;
font-size: 2.3em;
font-weight: 900;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1225 .middle_side_12 .back_subtit {
 font-size: 64%;
 font-weight: 800;
 color: #2A2A2A;
 display: block;
 margin: -3% 0 -18% 0;
 line-height: 1;
}
.page-id-1225 .middle_side_12 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1225 .commitment-section .commitment-number {
width: 50px;
height: 50px;
font-size: 2.5rem;
margin-bottom: 20px;
}
.page-id-1225 .commitment-section .commitment-description {
font-size: 1.7rem;
text-align: justify;
}
.page-id-1225 .commitment-section .commitment-title {
font-size: 3.2rem;
}
.page-id-1225 .text-editor_01 {
width: 93%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1225 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}

/* 縦のラインを brand 系変数に置き換え */
.page-id-1225 .service-flow .sf-step::before {
content: "";
position: absolute;
left: 29px;
top: 68px;
bottom: 10px;
width: 2px;
background: linear-gradient(180deg, #10b3aa, rgba(16,179,170,.10));
}
.page-id-1225 .item-marker-manufacturer {
 flex-shrink: 0;
 width: 40px;
 height: 40px;
 background: #10b3aa;
 color: #fff;
 font-size: 16px;
 font-weight: 900;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
}
.page-id-1225 .header-line-manufacturer {
width: 60px;
height: 4px;
background: linear-gradient(90deg, #10b3aa, transparent);
border-radius: 2px;
flex-shrink:0;
}
.page-id-1225 .service-spotlight-manufacturer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #10b3aa, #0d9087);
}
.page-id-1225 .service-spotlight-manufacturer {
background: linear-gradient(135deg, #f0f9ff, #dbeafe);
border-radius: 24px;
padding: 48px;
position: relative;
overflow: hidden;
}
.page-id-1225 .spotlight-badge-manufacturer {
display: inline-block;
background: #10b3aa;
color: #fff;
font-size: 12px;
font-weight: 900;
padding: 8px 20px;
border-radius: 20px;
letter-spacing: .06em;
margin-bottom: 24px;
}
.page-id-1225 .spotlight-list-manufacturer li {
background: #fff;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
color: #10b3aa;
white-space: nowrap;
}
.page-id-1225 section.breakdown-section .breakdown-description {
font-size: 96%;
line-height: 1.9;
color: #404b5a;
margin: 0;
text-align: justify;
}
.page-id-1225 section.breakdown-section .breakdown-title {
font-size: 200%;
font-weight: 800;
letter-spacing: .01em;
text-align: left;
color: #173a8e;
margin: 0 0 14px;
}
.page-id-1225 .breakdown-section .breakdown-title::after {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 2px;
background: #10b3aa;
border-radius: 1px;
transition: width .3s ease;
}
.page-id-1225 .service-row-manufacturer {
background: #fff;
border-left: 4px solid #10b3aa;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 20px;
transition: all .3s ease;
}
.page-id-1225 .service-big-num-manufacturer {
font-size: 48px;
font-weight: 900;
color:#10b3aa;
line-height: 1;
letter-spacing: -.02em;
}
.page-id-1225 .spotlight-text-manufacturer h2 {
background: no-repeat;
}
/* ------------------------------------------------------------------------------------------- air-conditioner(1225)END */

/* ------------------------------------------------------------------------------------------- glass-repair(1226) START */

.page-id-1226 .img_radius_14px {
border-radius: 14px;
}
.page-id-1226 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1226 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1226 .middle_side_01 li img {
width: 98%;
}
.page-id-1226 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1226 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1226 .middle_side_01 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #10b3aa;
background: radial-gradient(100% 100% at 50% 0%, rgba(16, 179, 170, .16), rgba(16, 179, 170, .06));
box-shadow: inset 0 0 0 2px rgba(16, 179, 170, .16);
}

.page-id-1226 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1226 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1226 .outside_02 {
padding: 0;
margin: 0;
}
.page-id-1226 .middle_side_02 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1226 .middle_side_02 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_02 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1226 .middle_side_02 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1226 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1226 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1226 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1226 .background-skyblue_color {
width: 100%;
background-color: #f6faff;
/* background-color: #7BB8FF14; */
padding: 2%;
}
.page-id-1226 .outside_04 {
margin: 2% 0 0% 0;
background-color: #7BB8FF14;
}
.page-id-1226 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1226 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 63px 0px 0px 0px;
}
.page-id-1226 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1226 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1226 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1226 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1226 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1226 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1226 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1226 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1226 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1226 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1226 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1226 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #000;
}
.page-id-1226 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #000;
}
.page-id-1226 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1226 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1226 .period-highlight {
color: #070707 !important;
}
.page-id-1226 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1226 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1226 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1226 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1226 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1226 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1226 .middle_side_07 {
margin: 2% 0 -2%;
padding: 0;
}
.page-id-1226 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1226 p {
margin: 0 0 0em;
}
.page-id-1226 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1226 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color:#80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1226 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1226 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1226 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1226 .middle_side_09 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1226 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1226 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1226 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1226 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1226 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1226 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1226 .middle_side_11 {
margin: 0;
padding: 0;
}
.page-id-1226 .middle_side_11 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_11 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1226 .middle_side_11 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1226 .middle_side_12 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1226 .middle_side_12 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_12 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1226 .middle_side_12 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1226 .middle_side_13 {
margin: 0;
padding: 0;
}
.page-id-1226 .middle_side_13 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_13 .back_subtit {
font-size: 48%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 5% 0;
}
.page-id-1226 .middle_side_13 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1226 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}
.page-id-1226 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_14 .back_subtit {
font-size: 246%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 0% 0;
text-align: center;
}
.page-id-1226 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1226 .troubles-section .trouble-title {
font-size: 2.4rem !important;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1226 .troubles-section .trouble-description {
font-size: 1.6rem;
color: #546e7a;
line-height: 1;
text-align: center;
margin: 0;
}
.page-id-1226 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
.footer {
background-color: #ffffff;
background-size: contain;
width: 100%;
height: auto;
box-sizing: content-box;
color: #000000;
font-weight: 400;
text-align: justify;
line-height: 1.8;
margin-top: -3%;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
@media(max-width: 767px) {
.page-id-1226 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1226 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1226 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1226 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1226 .middle_side_02 {
margin-top: -12%;
}
.page-id-1226 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
/* background: linear-gradient(90deg, #262626, transparent); */
}

.page-id-1226 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1226 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1226 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1226 .outside_04 {
margin: 2% 0 -17% 0;
background-color: #7BB8FF14;
}
.page-id-1226 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1226 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1226 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 14% 0;
}
.page-id-1226 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}

.page-id-1226 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1226 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1226 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1226 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1226 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1226 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1226 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1226 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1226 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1226 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1226 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display: block;
}
.page-id-1226 .middle_side_13 .back_subtit {
font-size: 29%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 5% 0;
width: 85%;
margin: 0 auto 0 auto;
}
.page-id-1226 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}
.page-id-1226 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_14 .back_subtit {
font-size: 131%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 0% 0 0 0;
text-align: center;
}
.page-id-1226 .troubles-section {
padding: 0px 0;
}
.page-id-1226 .troubles-section .trouble-content {
padding: 0px;
margin-bottom: 7%;
}

.page-id-1226 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1226 .troubles-section .trouble-title {
font-size: 2.6rem;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1226 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1226 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1226 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1226 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1226 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1226 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1226 .data-table thead th:last-child {
border-right: none
}

.page-id-1226 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1226 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1226 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1226 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1226 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1226 .data-table tbody td:last-child {
border-right: none
}

.page-id-1226 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1226 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1226 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1226 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1226 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1226 .data-table th:first-child, .page-id-1226 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1226 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1226 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1226 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1226 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1226 .services-timeline-manufacturer {
max-width: 92%;
margin: 8px auto;
padding: 0;
}
.page-id-1226 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1226 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
padding: 70px 0px 0px 0px;
line-height: 1;
margin-top: -88px;
}
.page-id-1226 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1226 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 4% auto 0 auto;
}
.page-id-1226 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1226 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1226 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -12% 0 0 0;
}
.page-id-1226 .middle_side_10 .subtit {
text-align: center;
font-size: 161.5%;
font-weight: 700;
}
.page-id-1226 .outside_11 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1226 .middle_side_11 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1226 .middle_side_11 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1226 .middle_side_11 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}

.page-id-1226 .outside_12 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1226 .middle_side_12 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1226 .middle_side_12 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1226 .middle_side_12 .back_subtit {
 font-size: 64%;
 font-weight: 800;
 color: #2A2A2A;
 display: block;
 margin: -3% 0 -18% 0;
 line-height: 1;
}
.page-id-1226 .middle_side_12 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1226 .commitment-section .commitment-number {
width: 50px;
height: 50px;
font-size: 2.5rem;
margin-bottom: 20px;
}
.page-id-1226 .commitment-section .commitment-description {
font-size: 1.7rem;
text-align: justify;
}
.page-id-1226 .commitment-section .commitment-title {
font-size: 3.2rem;
}
.page-id-1226 .text-editor_01 {
width: 93%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1226 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
.page-id-1226 .middle_side_09 {
margin: 30% 0 1%;
padding: 0;
}
}

/* 縦のラインを brand 系変数に置き換え */
.page-id-1226 .service-flow .sf-step::before {
content: "";
position: absolute;
left: 29px;
top: 68px;
bottom: 10px;
width: 2px;
background: linear-gradient(180deg, #10b3aa, rgba(16,179,170,.10));
}
.page-id-1226 .item-marker-manufacturer {
 flex-shrink: 0;
 width: 40px;
 height: 40px;
 background: #10b3aa;
 color: #fff;
 font-size: 16px;
 font-weight: 900;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
}
.page-id-1226 .header-line-manufacturer {
width: 60px;
height: 4px;
background: linear-gradient(90deg, #10b3aa, transparent);
border-radius: 2px;
flex-shrink:0;
}
.page-id-1226 .service-spotlight-manufacturer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #10b3aa, #0d9087);
}
.page-id-1226 .service-spotlight-manufacturer {
background: linear-gradient(135deg, #f0f9ff, #dbeafe);
border-radius: 24px;
padding: 48px;
position: relative;
overflow: hidden;
}
.page-id-1226 .spotlight-badge-manufacturer {
display: inline-block;
background: #10b3aa;
color: #fff;
font-size: 12px;
font-weight: 900;
padding: 8px 20px;
border-radius: 20px;
letter-spacing: .06em;
margin-bottom: 24px;
}
.page-id-1226 .spotlight-list-manufacturer li {
background: #fff;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
color: #10b3aa;
white-space: nowrap;
}
.page-id-1226 section.breakdown-section .breakdown-description {
font-size: 96%;
line-height: 1.9;
color: #404b5a;
margin: 0;
text-align: justify;
}
.page-id-1226 section.breakdown-section .breakdown-title {
font-size: 200%;
font-weight: 800;
letter-spacing: .01em;
text-align: left;
color: #173a8e;
margin: 0 0 14px;
}
.page-id-1226 .breakdown-section .breakdown-title::after {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 2px;
background: #10b3aa;
border-radius: 1px;
transition: width .3s ease;
}
.page-id-1226 .service-row-manufacturer {
background: #fff;
border-left: 4px solid #10b3aa;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 20px;
transition: all .3s ease;
}
.page-id-1226 .service-big-num-manufacturer {
font-size: 48px;
font-weight: 900;
color:#10b3aa;
line-height: 1;
letter-spacing: -.02em;
}
.page-id-1226 .spotlight-text-manufacturer h2 {
background: no-repeat;
}

/* ------------------------------------------------------------------------------------------- glass-repair(1226)END */

/* ------------------------------------------------------------------------------------------- coating(1227) START */

.page-id-1227 .img_radius_14px {
border-radius: 14px;
}
.page-id-1227 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1227 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1227 .middle_side_01 li img {
width: 98%;
}
.page-id-1227 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1227 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1227 .middle_side_01 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #10b3aa;
background: radial-gradient(100% 100% at 50% 0%, rgba(16, 179, 170, .16), rgba(16, 179, 170, .06));
box-shadow: inset 0 0 0 2px rgba(16, 179, 170, .16);
}

.page-id-1227 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1227 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1227 .outside_02 {
padding: 0;
margin: 0;
}
.page-id-1227 .middle_side_02 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1227 .middle_side_02 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_02 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_02 .tit_01 {
text-align: center;
font-size: 2.4em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 3% 0;
}
.page-id-1227 .middle_side_02 .tax_01{
    display: inline-block;
    text-align: right;
    color: #b3b3b3;
    margin: 2% 0 0 0;
    width: 100%;
    padding: 1% 0 2% 0;
}
.page-id-1227 .marker_01 {
    background: #ffffff00;
}
.page-id-1227 .outside_02 .middle_side_02 .tit_01 {
    text-align: center;
    font-size: 190%;
    font-weight: 600;
    margin: 1% 0 1% 0;
}
.page-id-1227 .outside_02 .middle_side_02 .img_01 {
    border-radius: 14px;
    vertical-align: top;
    width: 72%;
    margin: 2% auto 3% auto;
    object-fit: cover;
}
.page-id-1227 .outside_02 .middle_side_02 .img_01 img {
    border-radius: 14px;
    width: 100%;
    vertical-align: top;
}
.page-id-1227 .outside_02 .middle_side_02 .subtit_01 {
    font-size: 310%;
    font-weight: 600;
    text-align: center;
    color: #002B81;
}
.page-id-1227 .outside_02 .middle_side_02 .read_01 {
    text-align: center;
    width: 94%;
    display: block;
    font-size: 120%;
    padding: 1%;
    line-height: 2;
}

.page-id-1227 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1227 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1227 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1227 .background-skyblue_color {
width: 100%;
background-color: #f6faff;
/* background-color: #7BB8FF14; */
padding: 2%;
}
.page-id-1227 .outside_04 {
margin: 2% 0 0% 0;
background-color: #7BB8FF14;
}
.page-id-1227 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1227 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1227 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1227 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1227 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1227 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1227 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1227 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1227 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1227 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1227 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1227 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #000;
}
.page-id-1227 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #000;
}
.page-id-1227 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1227 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1227 .period-highlight {
color: #070707 !important;
}
.page-id-1227 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1227 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1227 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1227 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1227 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}
.page-id-1227 .middle_side_07 {
margin: 2% 0 -2%;
padding: 0;
}
.page-id-1227 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1227 p {
margin: 0 0 0em;
}
.page-id-1227 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1227 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color:#80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1227 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1227 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1227 .middle_side_09 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1227 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1227 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1227 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .middle_side_11 {
margin: 0;
padding: 0;
}
.page-id-1227 .middle_side_11 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_11 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_11 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .middle_side_12 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1227 .middle_side_12 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_12 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1227 .middle_side_12 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .middle_side_13 {
margin: 0;
padding: 0;
}
.page-id-1227 .middle_side_13 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 9% 0px 0px 0px;
}
.page-id-1227 .middle_side_13 .back_subtit {
font-size: 48%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0% 0;
}
.page-id-1227 .middle_side_13 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}
.page-id-1227 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_14 .back_subtit {
font-size: 246%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 0% 0;
text-align: center;
}
.page-id-1227 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .troubles-section .trouble-title {
font-size: 2.4rem !important;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1227 .troubles-section .trouble-description {
font-size: 1.6rem;
color: #546e7a;
line-height: 1;
text-align: center;
margin: 0;
}
.page-id-1227 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
.footer {
background-color: #ffffff;
background-size: contain;
width: 100%;
height: auto;
box-sizing: content-box;
color: #000000;
font-weight: 400;
text-align: justify;
line-height: 1.8;
margin-top: -3%;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
@media(max-width: 767px) {
.page-id-1227 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1227 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1227 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1227 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1227 .middle_side_02 {
margin-top: -12%;
}
.page-id-1227 .middle_side_02 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -13% 0 0 0;
}
.page-id-1227 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
/* background: linear-gradient(90deg, #262626, transparent); */
}

.page-id-1227 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1227 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1227 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1227 .outside_04 {
margin: 2% 0 -17% 0;
background-color: #7BB8FF14;
}
.page-id-1227 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1227 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1227 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1227 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}

.page-id-1227 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1227 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1227 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1227 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1227 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1227 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1227 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1227 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1227 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1227 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1227 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display: block;
}
.page-id-1227 .middle_side_10 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_13 .back_subtit {
font-size: 46%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 5% 0;
width: 85%;
margin: -28px auto 0 auto;
}
.page-id-1227 .middle_side_13 {
margin: 0;
padding: 0;
}
.page-id-1227 .middle_side_13 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #80BEFF2B;
padding: 9% 0px 0px 0px;
}
/*
.page-id-1227 .middle_side_13 .back_subtit {
font-size: 48%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0% 0;
}
*/
.page-id-1227 .middle_side_13 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}

.page-id-1227 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_14 .back_subtit {
font-size: 131%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 0% 0 0 0;
text-align: center;
}
.page-id-1227 .troubles-section {
padding: 0px 0;
}
.page-id-1227 .troubles-section .trouble-content {
padding: 0px;
margin-bottom: 7%;
}

.page-id-1227 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1227 .troubles-section .trouble-title {
font-size: 2.6rem;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1227 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1227 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1227 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1227 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1227 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1227 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1227 .data-table thead th:last-child {
border-right: none
}

.page-id-1227 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1227 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1227 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1227 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1227 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1227 .data-table tbody td:last-child {
border-right: none
}

.page-id-1227 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1227 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1227 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1227 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1227 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1227 .data-table th:first-child, .page-id-1227 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1227 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1227 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1227 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1227 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1227 .services-timeline-manufacturer {
max-width: 92%;
margin: 8px auto;
padding: 0;
}
.page-id-1227 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1227 .middle_side_09 .back_tit {
text-align: center;
font-size: 2.4em;
font-weight: 900;
padding: 1px 0px 0px 0px;
line-height: 1;
margin-top: -43px;
}
.page-id-1227 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1227 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 4% auto 0 auto;
}
.page-id-1227 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1227 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1227 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -12% 0 0 0;
}
.page-id-1227 .middle_side_10 .subtit {
text-align: center;
font-size: 161.5%;
font-weight: 700;
}
.page-id-1227 .outside_11 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1227 .middle_side_11 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1227 .middle_side_11 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1227 .middle_side_11 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}

.page-id-1227 .outside_12 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1227 .middle_side_12 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1227 .middle_side_12 .back_tit {
text-align: center;
font-size: 2.4em;
font-weight: 900;
padding: 0px 0px 54px 0px;
line-height: 1;
}
.page-id-1227 .middle_side_12 .back_subtit {
 font-size: 64%;
 font-weight: 800;
 color: #2A2A2A;
 display: block;
 margin: -3% 0 -18% 0;
 line-height: 1;
}
.page-id-1227 .middle_side_12 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1227 .commitment-section .commitment-number {
width: 50px;
height: 50px;
font-size: 2.5rem;
margin-bottom: 20px;
}
.page-id-1227 .commitment-section .commitment-description {
font-size: 1.7rem;
text-align: justify;
}
.page-id-1227 .commitment-section .commitment-title {
font-size: 3.2rem;
}
.page-id-1227 .text-editor_01 {
width: 93%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1227 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
.page-id-1227 .outside_02 {
padding: 0;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1227 .middle_side_02 .tax_01{
    display: inline-block;
    text-align: right;
    color: #b3b3b3;
    margin: 2% 0 0 0;
    width: 100%;
    padding: 1% 0 2% 0;
}
.page-id-1227 .marker_01 {
    background: #ffffff00;
}
.page-id-1227 .outside_02 .middle_side_02 .tit_01 {
    text-align: center;
    font-size: 125%;
    font-weight: 600;
    margin: 1% 0 1% 0;
    line-height: 2;
}
.page-id-1227 .outside_02 .middle_side_02 .img_01 {
    border-radius: 14px;
    vertical-align: top;
    width: 98%;
    margin: 2% auto 3% auto;
    object-fit: cover;
}
.page-id-1227 .outside_02 .middle_side_02 .img_01 img {
    border-radius: 14px;
    width: 100%;
    vertical-align: top;
}
.page-id-1227 .outside_02 .middle_side_02 .subtit_01 {
    font-size: 168%;
    font-weight: 600;
    text-align: center;
    color: #002B81;
}
.page-id-1227 .outside_02 .middle_side_02 .read_01 {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 80%;
    padding: 1%;
    line-height: 2;
}
}

/* 縦のラインを brand 系変数に置き換え */
.page-id-1227 .service-flow .sf-step::before {
content: "";
position: absolute;
left: 29px;
top: 68px;
bottom: 10px;
width: 2px;
background: linear-gradient(180deg, #10b3aa, rgba(16,179,170,.10));
}
.page-id-1227 .item-marker-manufacturer {
 flex-shrink: 0;
 width: 40px;
 height: 40px;
 background: #10b3aa;
 color: #fff;
 font-size: 16px;
 font-weight: 900;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
}
.page-id-1227 .header-line-manufacturer {
width: 60px;
height: 4px;
background: linear-gradient(90deg, #10b3aa, transparent);
border-radius: 2px;
flex-shrink:0;
}
.page-id-1227 .service-spotlight-manufacturer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #10b3aa, #0d9087);
}
.page-id-1227 .service-spotlight-manufacturer {
background: linear-gradient(135deg, #f0f9ff, #dbeafe);
border-radius: 24px;
padding: 48px;
position: relative;
overflow: hidden;
}
.page-id-1227 .spotlight-badge-manufacturer {
display: inline-block;
background: #10b3aa;
color: #fff;
font-size: 12px;
font-weight: 900;
padding: 8px 20px;
border-radius: 20px;
letter-spacing: .06em;
margin-bottom: 24px;
}
.page-id-1227 .spotlight-list-manufacturer li {
background: #fff;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
color: #10b3aa;
white-space: nowrap;
}
.page-id-1227 section.breakdown-section .breakdown-description {
font-size: 96%;
line-height: 1.9;
color: #404b5a;
margin: 0;
text-align: justify;
}
.page-id-1227 section.breakdown-section .breakdown-title {
font-size: 200%;
font-weight: 800;
letter-spacing: .01em;
text-align: left;
color: #173a8e;
margin: 0 0 14px;
}
.page-id-1227 .breakdown-section .breakdown-title::after {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 2px;
background: #10b3aa;
border-radius: 1px;
transition: width .3s ease;
}
.page-id-1227 .service-row-manufacturer {
background: #fff;
border-left: 4px solid #10b3aa;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 20px;
transition: all .3s ease;
}
.page-id-1227 .service-big-num-manufacturer {
font-size: 48px;
font-weight: 900;
color:#10b3aa;
line-height: 1;
letter-spacing: -.02em;
}
.page-id-1227 .spotlight-text-manufacturer h2 {
background: no-repeat;
}


/* ------------------------------------------------------------------------------------------- coating(1227)END */

/* ------------------------------------------------------------------------------------------- tire(1228) START */
.page-id-1228 .img_radius_14px {
border-radius: 14px;
}
.page-id-1228 .outside_01 {
max-width: 1180px;
width: 100%;
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1228 .middle_side_01 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
}
.page-id-1228 .middle_side_01 li img {
width: 98%;
}
.page-id-1228 .middle_side_01 li .tit_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 28px;
font-weight: 700;
color: #131313;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}
.page-id-1228 .middle_side_01 li .lead_01 {
text-align: start;
font-family: "Noto Sans JP", Sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #1F1F1F;
width: var(--container-widget-width, 100%);
max-width: 100%;
--container-widget-width: 100%;
--container-widget-flex-grow: 0;
}

.page-id-1228 .middle_side_01 .whypro .whypro-icon {
width: 56px;
height: 56px;
border-radius: 999px;
display: grid;
place-items: center;
margin-bottom: 10px;
color: #10b3aa;
background: radial-gradient(100% 100% at 50% 0%, rgba(16, 179, 170, .16), rgba(16, 179, 170, .06));
box-shadow: inset 0 0 0 2px rgba(16, 179, 170, .16);
}

.page-id-1228 .ct-legend {
display: flex;
gap: 16px;
align-items: baseline;
margin: 10px auto;
padding: 0;
list-style: none;
color: #5b6b78
font-size: 13px;
max-width: 100%;
}
.page-id-1228 .ct-wrapper-container .ct-row:not(.head):hover .ct-cell {
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .02)) !important;
}
.page-id-1228 .outside_02 {
padding: 0;
margin: 0;
}
.page-id-1228 .middle_side_02 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1228 .middle_side_02 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_02 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_02 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1228 .middle_side_14_list {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 20px;
margin: 6% auto 5% auto;

}
.page-id-1228 .middle_side_14_list .list_left img {
width: 100%;
border-radius: 14px;
box-shadow: 1px 1px 3px #ccc;
}
.page-id-1228 .middle_side_14_list .list_right {
font-weight: 600;
font-size: 117%;
text-align: justify;
line-height: 1.6;
}
.page-id-1228 .middle_side_03 {
margin-top: 2%;
z-index: 1;
overflow: hidden;
top: 0;
left: 0;
display: contents;
}

.page-id-1228 .middle_side_03 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_03 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}


.page-id-1228 .middle_side_03 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1228 .background-skyblue_color {
width: 100%;
background-color: #f6faff;
/* background-color: #7BB8FF14; */
padding: 2%;
}
.page-id-1228 .outside_04 {
margin: 2% 0 0% 0;
background-color: #7BB8FF14;
}
.page-id-1228 .middle_side_04 {
margin: 0;
padding: 0;
}
.page-id-1228 .middle_side_04 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding:80px 0px 0px 0px;
}
.page-id-1228 .middle_side_04 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1228 .middle_side_04 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 0% 0;
}
.page-id-1228 .middle_side_04 .services-wrapper-manufacturer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 32px;
width: 96%;
margin: 0 auto;
}
.page-id-1228 .outside_05 {
background-color: #7BB8FF14;
margin: 2% 0 4% 0;
}
.page-id-1228 .middle_side_05 {
margin: 0;
padding: 0;
}
.page-id-1228 .middle_side_05 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_05 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_05 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 4% 0;
}
.page-id-1228 .middle_side_05 .subtit_01 {
text-align: center;
font-size: 2em;
font-weight: 400;
color: #C70202;
}
.page-id-1228 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% 0 2%;
}
.page-id-1228 .middle_side_05 .read_02 {
margin: 2% auto 2% auto;
color: #a9a9a9;
font-size: 75%;
line-height: 1.4;
}
.page-id-1228 .middle_side_05 .table-title {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
}
.page-id-1228 .data-table thead th:first-child {
text-align: left;
width: 40%;
background: #000;
}
.page-id-1228 .data-table thead th {
color: #ffffff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, .15);
background: #000;
}
.page-id-1228 table {
width: 100%;
margin: 0em 0;
padding: 0;
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
border-spacing: 0;
}
.page-id-1228 th {
border: 1px solid #eeeeee;
background-color: #05a5ab;
color: #fff;
font-weight: bold;
text-align: left;
}
.page-id-1228 .period-highlight {
color: #070707 !important;
}
.page-id-1228 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 600;
background: #f5f8f6;
width: 40%;
font-size: 14px;
}
.page-id-1228 .outside_06 {
background-color: #2A29311C;
margin: 2% 0 4% 0;
}
.page-id-1228 .middle_side_06 {
margin: 0;
padding: 0 0 1%;
}
.page-id-1228 .middle_side_06 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #d8d8d8;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_06 .tit_01 {
text-align: center;
font-size: 2.6em;
font-weight: 600;
line-height: 1.1em;
color: #000000;
margin: 2% 0 2% 0;
}
.page-id-1228 .middle_side_06 .read_01 {
display: flow-root;
margin: 0% auto 10% auto;
width: 100%;
font-size: 87.5%;
display: block;
text-align: center;
line-height: 1.8;
font-weight: 600;
max-width: 84%;
}

.page-id-1228 .middle_side_07 {
margin: 2% 0 -2%;
padding: 0;
}
.page-id-1228 .middle_side_07 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_07 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}

.page-id-1228 .middle_side_08 {
margin: 0;
padding: 0;
}
.page-id-1228 .middle_side_08 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color:#80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_08 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_08 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}

.page-id-1228 .middle_side_08 h3 {
margin: 0 0 4px;
font-size: clamp(20px, 3vw, 24px);
font-weight: 900;
color: #fff;
line-height: 1;
}
.page-id-1228 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1228 .middle_side_09 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1228 .middle_side_09 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_09 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_09 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1228 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1228 .middle_side_10 {
margin: 0;
padding: 0;
}
.page-id-1228 .middle_side_10 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_10 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1228 .middle_side_11 {
margin: 0;
padding: 0;
}
.page-id-1228 .middle_side_11 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_11 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_11 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1228 .middle_side_12 {
margin: 7% 0 1%;
padding: 0;
}
.page-id-1228 .middle_side_12 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_12 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -4% 0 0 0;
}
.page-id-1228 .middle_side_12 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1228 .middle_side_13 {
margin: 0;
padding: 0;
}
.page-id-1228 .middle_side_13 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_13 .back_subtit {
font-size: 52%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 5% 0;
}
.page-id-1228 .middle_side_13 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1228 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}
.page-id-1228 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_14 .back_subtit {
font-size: 246%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 0% 0;
text-align: center;
}
.page-id-1228 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1228 .middle_side_14 .read_01 {
display: flow-root;
margin: 2% auto 10% auto;
width: 100%;
font-size: 107.5%;
display: block;
text-align: justify;
line-height: 2;
font-weight: 600;
max-width: 84%;
padding: 2% 0 4% 0;
}
.page-id-1228 .troubles-section .trouble-title {
font-size: 2.6rem;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1228 .troubles-section .trouble-description {
font-size: 1.6rem;
color: #546e7a;
line-height: 1;
text-align: center;
margin: 0;
}

.page-id-1228 .text-editor_01 {
width: 94%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 130%;
font-weight: 600;
color: #000;
}
.footer {
background-color: #ffffff;
background-size: contain;
width: 100%;
height: auto;
box-sizing: content-box;
color: #000000;
font-weight: 400;
text-align: justify;
line-height: 1.8;
margin-top: -3%;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
@media(max-width: 767px) {
.page-id-1228 .outside_01 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1228 .middle_side_01 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1228 .middle_side_01 li .tit_01 {
font-size: 20px;
}
.page-id-1228 .middle_side_01 li .lead_01 {
font-size: 1em;
}
.page-id-1228 .middle_side_02 {
margin-top: -12%;
}
.page-id-1228 .whypro .whypro-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
/* background: linear-gradient(90deg, #262626, transparent); */
}

.page-id-1228 .middle_side_03 .back_tit {
font-size: 3em !important;
}
.page-id-1228 .middle_side_03 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}

.page-id-1228 .middle_side_03 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 0 0;
}
.page-id-1228 .outside_04 {
margin: 2% 0 -17% 0;
background-color: #7BB8FF14;
}
.page-id-1228 .middle_side_04 .back_tit {
font-size: 3em !important;
}
.page-id-1228 .middle_side_04 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1228 .middle_side_04 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1228 .middle_side_04 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}

.page-id-1228 .middle_side_05 .back_tit {
font-size: 3em !important;
}
.page-id-1228 .middle_side_05 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1228 .middle_side_05 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1228 .middle_side_05 .services-wrapper-manufacturer {
grid-template-columns: 1fr;
gap: 32px;
width: 94%;
margin: 0 auto 0 auto;
}
.page-id-1228 .middle_side_05 .read_01 {
display: flow-root;
margin: 2% auto 2% auto;
width: 82%;
font-size: 87.5%;
}
.page-id-1228 .middle_side_05 .read_02 {
margin: 2% auto 10% auto;
width: 82%;
color: #2A2A2A;
font-size: 90%;
line-height: 1;
}
.page-id-1228 .middle_side_05 .read_03 {
width: 92%;
margin: 0 auto 0 auto;
font-size: 90%;
}
.page-id-1228 .middle_side_06 .back_tit {
font-size: 3em !important;
}
.page-id-1228 .middle_side_06 .back_subtit {
font-size: 55%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -7% 0 0 0;
}
.page-id-1228 .middle_side_06 .tit_01 {
text-align: center;
font-size: 1.4em !important;
font-weight: 600;
line-height: 1.4em !important;
color: #000000;
margin: 2% 0 5% 0;
}
.page-id-1228 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
display: block;
}
.page-id-1228 .middle_side_13 .back_subtit {
font-size: 29%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 1% 0 5% 0;
width: 85%;
margin: 0 auto 0 auto;
}
.page-id-1228 .middle_side_14 {
margin: 2% 0 -37px;
padding: 0;
}
.page-id-1228 .middle_side_14 .back_tit {
text-align: center;
font-size: 5em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_14 .back_subtit {
font-size: 122%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: 0% 0 0 0;
text-align: center;
padding-bottom: 6%;
}
.page-id-1228 .troubles-section {
padding: 0px 0;
}
.page-id-1228 .troubles-section .trouble-content {
padding: 0px;
margin-bottom: 7%;
}

.page-id-1228 .middle_side_14 .subtit {
text-align: center;
font-size: 187.5%;
font-weight: 700;
}
.page-id-1228 .middle_side_14_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 6% auto 5% auto;
    padding: 4%;
}
.page-id-1228 .troubles-section .trouble-title {
font-size: 2.6rem;
font-weight: 700;
color: #1565c0;
margin-bottom: 12px;
text-align: center;
}
.page-id-1228 .table-wrapper {
width: 94%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
border: 1px solid var(--border-soft);
margin: 0 auto 0 auto;
}

.page-id-1228 .table-title {
background: linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 18px;
font-size: 20px;
font-weight: 600;
letter-spacing: .5px
}

.page-id-1228 .data-table {
width: 100%;
border-collapse: collapse;
background: #fff;
font-family: var(--font-main)
}

.page-id-1228 .data-table thead tr {
background: var(--brand-primary-dark)
}

.page-id-1228 .data-table thead th {
color: #fff;
padding: 16px 20px;
font-size: 15px;
font-weight: 500;
text-align: center;
vertical-align: middle;
border-right: 1px solid rgba(255,255,255,.15)
}

.page-id-1228 .data-table thead th:first-child {
text-align: left;
width: 40%
}

.page-id-1228 .data-table thead th:last-child {
border-right: none
}

.page-id-1228 .data-table tbody tr {
border-bottom: 1px solid #e5e5e5;
transition: background-color .2s ease
}

.page-id-1228 .data-table tbody tr:hover {
background-color: #fafafa
}

.page-id-1228 .data-table tbody tr:last-child {
border-bottom: none
}

.page-id-1228 .data-table tbody td {
padding: 18px 20px;
font-size: 15px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #e5e5e5
}

.page-id-1228 .data-table tbody td:first-child {
text-align: left;
color: var(--brand-primary);
font-weight: 500;
background: #f5f8f6;
width: 40%;
font-size: 14px
}

.page-id-1228 .data-table tbody td:last-child {
border-right: none
}

.page-id-1228 .data-table tbody td:not(:first-child) {
color: #333;
font-size: 17px;
font-weight: 600;
white-space: nowrap
}

.page-id-1228 .mileage-table tbody td:not(:first-child) {
font-size: 16px
}

.page-id-1228 .period-highlight {
color: #0052a5 !important;
font-weight: 700
}

.page-id-1228 .weight-table thead th:first-child,.weight-table tbody td:first-child {
width: 25%
}

.page-id-1228 .mp-scope {
--mp-brand: var(--brand-primary);
--mp-brand-dark: var(--brand-primary-dark);
--mp-ink: var(--text-main);
--mp-muted: var(--text-muted);
--mp-ring: var(--ring-soft);
--mp-card: #fff
}

.page-id-1228 .data-table th:first-child, .page-id-1228 .data-table td:first-child {
min-width: 40px;
white-space: normal;
}
.page-id-1228 .middle_side_06 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -8% 0 0 0;
}
.page-id-1228 .middle_side_07 .back_tit {
text-align: center;
font-size: 4em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
line-height: 1;
display: block;
margin-top: 15%;
}
.page-id-1228 .middle_side_08 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #80BEFF2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_08 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}
.page-id-1228 .middle_side_08 .subtit {
text-align: center;
font-size: 143.75% !important;
font-weight: 700;
}
.page-id-1228 .services-timeline-manufacturer {
max-width: 92%;
margin: 8px auto;
padding: 0;
}
.page-id-1228 .middle_side_08 .margin_w {
width: 98%;
margin: 0 auto 0 auto;
}
.page-id-1228 .middle_side_09 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1228 .middle_side_09 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -2% 0 0 0;
}
.page-id-1228 .middle_side_09 .subtit {
text-align: center;
font-size: 100% !important;
font-weight: 700;
width: 78%;
margin: 0 auto 0 auto;
}
.page-id-1228 .middle_side_09 .h2-subtit {
background: #ffffff00;
}
.page-id-1228 .middle_side_09 .services-timeline-manufacturer {
max-width: 92%;
margin: 0px auto;
padding: 0;
}
.page-id-1228 .middle_side_10 .back_subtit {
font-size: 42%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -12% 0 0 0;
}
.page-id-1228 .middle_side_10 .subtit {
text-align: center;
font-size: 161.5%;
font-weight: 700;
}
.page-id-1228 .outside_11 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1228 .middle_side_11 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1228 .middle_side_11 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
color: #8B8B8B2B;
padding: 70px 0px 0px 0px;
}
.page-id-1228 .middle_side_11 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -9% 0 0 0;
}

.page-id-1228 .outside_12 {
margin: 0 auto 0 auto;
display: inline;
}
.page-id-1228 .middle_side_12 {
 display: grid;
 grid-template-columns: 98%;
 gap: 20px;
}
.page-id-1228 .middle_side_12 .back_tit {
text-align: center;
font-size: 3em;
font-weight: 900;
padding: 70px 0px 0px 0px;
line-height: 1;
}
.page-id-1228 .middle_side_12 .back_subtit {
font-size: 64%;
font-weight: 800;
color: #2A2A2A;
display: block;
margin: -3% 0 -4% 0;
line-height: 1;
}
.page-id-1228 .middle_side_12 .subtit {
text-align: center;
font-size: 137% !important;
font-weight: 700;
}
.page-id-1228 .commitment-section .commitment-number {
width: 50px;
height: 50px;
font-size: 2.5rem;
margin-bottom: 20px;
}
.page-id-1228 .commitment-section .commitment-description {
font-size: 1.7rem;
text-align: justify;
}
.page-id-1228 .commitment-section .commitment-title {
font-size: 3.2rem;
}
.page-id-1228 .text-editor_01 {
width: 93%;
margin: 0 auto 0 auto;
text-align: center;
font-size: 110%;
font-weight: 600;
color: #000;
}
.page-id-1228 .rv2-track {
display: flex;
gap: 20px;
padding: 0 24px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0% 0% 3% 0%;
}
}

/* 縦のラインを brand 系変数に置き換え */
.page-id-1228 .service-flow .sf-step::before {
content: "";
position: absolute;
left: 29px;
top: 68px;
bottom: 10px;
width: 2px;
background: linear-gradient(180deg, #10b3aa, rgba(16,179,170,.10));
}
.page-id-1228 .item-marker-manufacturer {
 flex-shrink: 0;
 width: 40px;
 height: 40px;
 background: #10b3aa;
 color: #fff;
 font-size: 16px;
 font-weight: 900;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
}
.page-id-1228 .header-line-manufacturer {
width: 60px;
height: 4px;
background: linear-gradient(90deg, #10b3aa, transparent);
border-radius: 2px;
flex-shrink:0;
}
.page-id-1228 .service-spotlight-manufacturer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #10b3aa, #0d9087);
}
.page-id-1228 .service-spotlight-manufacturer {
background: linear-gradient(135deg, #f0f9ff, #dbeafe);
border-radius: 24px;
padding: 48px;
position: relative;
overflow: hidden;
}
.page-id-1228 .spotlight-badge-manufacturer {
display: inline-block;
background: #10b3aa;
color: #fff;
font-size: 12px;
font-weight: 900;
padding: 8px 20px;
border-radius: 20px;
letter-spacing: .06em;
margin-bottom: 24px;
}
.page-id-1228 .spotlight-list-manufacturer li {
background: #fff;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
color: #10b3aa;
white-space: nowrap;
}
.page-id-1228 section.breakdown-section .breakdown-description {
font-size: 96%;
line-height: 1.9;
color: #404b5a;
margin: 0;
text-align: justify;
}
.page-id-1228 section.breakdown-section .breakdown-title {
font-size: 200%;
font-weight: 800;
letter-spacing: .01em;
text-align: left;
color: #173a8e;
margin: 0 0 14px;
}
.page-id-1228 .breakdown-section .breakdown-title::after {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 2px;
background: #10b3aa;
border-radius: 1px;
transition: width .3s ease;
}
.page-id-1228 .service-row-manufacturer {
background: #fff;
border-left: 4px solid #10b3aa;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 20px;
transition: all .3s ease;
}
.page-id-1228 .service-big-num-manufacturer {
font-size: 48px;
font-weight: 900;
color:#10b3aa;
line-height: 1;
letter-spacing: -.02em;
}
.page-id-1228 .spotlight-text-manufacturer h2 {
background: no-repeat;
}

/* ------------------------------------------------------------------------------------------- tire(1228)END */

/* ------------------------------------------------------------------------------------------- 対応メーカー START */
.corresponding_email {
background-color: #ffffff;
max-width: 1180px;
height: auto;
box-sizing: content-box;
color: #000000;
font-weight: 400;
text-align: justify;
margin: 2% auto 2% auto;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1025px) {
.corresponding_email .inner {

}
}
@media (max-width: 1024px) {
.corresponding_email .inner {
padding: 1% 4% 1% 4%;
margin-left: auto;
margin-right: auto;
}
}
.corresponding_email .inner .tit_01 {
color: #800000;
font-weight: bold;
font-size: 1.8em;
}
.corresponding_email .inner .subtit_01 {
color: #0000ff;
font-weight: 900;
}
.corresponding_email .inner .lead_01 {
font-size: 87.5%;
line-height: 1.8;
}
.corresponding_email .inner p {
margin: 0 0 0em;
}
@media (max-width: 767px) {
.corresponding_email .inner .tit_01 {
font-size: 118.75%;

}
.corresponding_email .inner .lead_01 {
font-size: 81.25%;
}
.corresponding_email .inner .lead_02 {
font-size: 75%;
}

}
/* ------------------------------------------------------------------------------------------- 対応メーカー END */

/* ------------------------------------------------------------------------------------------- 会社概要 START */

@media (min-width: 1025px) {
.company-profile {
margin-bottom: 20px;
max-width: 1198px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1024px) {
.company-profile {
margin-bottom: 20px;
max-width: 96%;
margin-left: auto;
margin-right: auto;
}
}
/* ------------------------------------------------------------------------------------------- 会社概要 END */

/* ------------------------------------------------------------------------------------------- お問い合わせ START */
@media (min-width: 1025px) {
.inquiry {
margin-bottom: 20px;
max-width: 1198px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1024px) {
.inquiry {
margin-bottom: 20px;
max-width: 96%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60%;
}
}

/* ------------------------------------------------------------------------------------------- お問い合わせ END */

/* ------------------------------------------------------------------------------------------- お問い合わせ完了画面 START */
@media (min-width: 1025px) {
.inquiry_thanks {
margin-bottom: 20px;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
line-height: 2;
}
.inquiry_thanks p {
font-family: "Roboto", Sans-serif;
font-size: 1.1em;
font-weight: 400;
margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;
color: #606060
}
.inquiry_thanks .tit {
font-size: 30px;
font-weight: 400;
}
.inquiry_thanks .p_line_01 {
border-bottom: 1px solid #333;
display: block;
padding-bottom: 1%;
}
.inquiry_thanks .p_space_01 {
border-bottom: 0px solid #333;
display: block;
padding-top: 4%;
}
}
@media (max-width: 1024px) {
.inquiry_thanks {
margin-bottom: 20px;
max-width: 94%;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
line-height: 2;
border: 0px solid #ccc;
padding: 1%;
}
.inquiry_thanks p {
font-family: "Roboto", Sans-serif;
font-size: 87.5%;
font-weight: 400;
margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;
color: #606060
}
.inquiry_thanks .tit {
font-size: 20px;
font-weight: 400;
}
.inquiry_thanks .p_line_01 {
border-bottom: 1px solid #333;
display: block;
padding-bottom: 1%;
}
.inquiry_thanks .p_space_01 {
border-bottom: 0px solid #333;
display: block;
padding-top: 4%;
}
}
/* ------------------------------------------------------------------------------------------- お問い合わせ完了画面 END */

/* ------------------------------------------------------------------------------------------- プライバシーポリシー START */
@media (min-width: 1025px) {
.privacy_policy {
margin-bottom: 3%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
border: 1px solid #ccc;
padding: 2%;
}
.privacy_policy h3 {
margin: 1px 1px 14px;
padding: 34px 0 0px;
border-top: 1px solid #05a5ab;
border-bottom: 1px solid #05a5ab;
color: #00858a;
font-size: 1.8rem;
line-height: 0;
}
}
@media (max-width: 1024px) {
.privacy_policy {
margin-bottom: 20px;
max-width: 94%;
margin-left: auto;
margin-right: auto;
margin-bottom: 12%;
margin-top: 2%;
border: 1px solid #ccc;
padding: 4%;
}
}
@media (max-width: 767px) {
.privacy_policy h3 {
margin: 1px 1px 14px;
padding: 34px 0 0px;
border-top: 1px solid #05a5ab;
border-bottom: 1px solid #05a5ab;
color: #00858a;
font-size: 1.8rem;
line-height: 0;
}
}
/* ------------------------------------------------------------------------------------------- プライバシーポリシー END */