@charset "utf-8";

/* Original section color -------------------- { */
.main-contents .section.diff-bg-repairSV{background:#77C364}.main-contents .section.diff-bg-repairSV+.diff-bg-repairSV .section-inner{padding-top:0}
/* -------------------- } Original section color  */

/* ページタイトル -------------------- { */
/* トップページ*/
.hero-area-supsrv01.replacement { position: relative; z-index: 1; background-image: url("/support/repair/replacement/images/img-cover_replacement.png");background-repeat: no-repeat; background-size: cover; background-position: 50% 30%; }
.hero-area-supsrv01.replacement .content-inner { position: relative; z-index: 3; }
/* 配下ページ*/
.hero-area-supsrv01.subordinate { height: 100px;}
.hero-area-supsrv01.subordinate .content { padding: 20px 0; }
.hero-area-supsrv01.subordinate .content-inner { width: inherit; }
.hero-area-supsrv01.subordinate .content-inner .main-txt { margin-bottom:0;}
.hero-area-supsrv01.subordinate .content-inner .main-txt > * { font-size:clamp(2.0rem, 2vw + 1.8rem, 2.8rem); }
@media screen and (max-width: 480px) { 
	.hero-area-supsrv01.replacement .content { padding: 10px 0;}
	.hero-area-supsrv01.subordinate .content { padding: 10px 0; }
}
/* -------------------- } ページタイトル */

/* Menu -------------------- { */
/*#Menu { display: block; background-color: #1e50a2; }
#Menu .menu-list {max-width: 1280px; margin: 0 auto; padding: 0; display: table; width: 100%; text-align: center; }
#Menu .menu-list li {width: 25%; display: table-cell; }
#Menu .menu-list li a { display: block; font-size: 1.6rem; color: #fff; font-weight: 500; padding-top: 2rem; padding-bottom: 2rem; }
#Menu .menu-list li a:hover { background-color: #133366; }
#Menu .menu-list .current { background-color: #133366; }
@media only screen and (max-width: 768px) {
	#Menu .menu-list li a { font-size: 1.4rem; }
}*/
/* -------------------- } Menu */

/* site-heade -------------------- { */
/*.site-header { display: block; background-color: #0D0D0D; padding: 1.8rem 0;  }
.site-header-inner {max-width: 1280px; margin: 0 auto; padding: 0; display: block;}
.site-header-inner > h1 { color: #FFF; text-align: left; }
.site-header > .site-header-inner h1.hdg-a { padding: 0; margin: 0; font-size: 2.4rem; }
.subsite-header { display: block; background-color: #0D0D0D; padding: 1.8rem 0;  }
.subsite-header > .site-header-inner h1{  color: #FFF; text-align: left;  }
.subsite-header > .site-header-inner h1.hdg-a { padding: 0; margin: 0; font-size: 2.4rem; }
@media only screen and (max-width: 768px) {
	.site-header, .subsite-header { padding: 1.0rem 0;  }
  .site-header-inner > h1 { font-size: 3.2rem; }
	.site-header > .site-header-inner > h1.hdg-a, .subsite-header > .site-header-inner > h1.hdg-a { font-size: 2.0rem; }
}*/
/* -------------------- } site-heade */

/* termsmenu -------------------- { */
.termsmenu { background: #a0d8ef; }
.termsmenu ul { display: flex; justify-content: flex-start; text-align: center; }
.termsmenu ul li { flex-grow: 1;  border-right: 1px solid #FFF; vertical-align:middle; }
.termsmenu ul li:last-child { border-right: none; }
.termsmenu ul li > a { display: block; color: #1A1A1A; padding: 2.0rem 0.6rem; background: #a0d8ef; }
.termsmenu ul li > a:hover { background: #89c3eb; text-decoration: none!important;}
.termsmenu ul li .nolink { display: block; padding: 2.0rem 0.6rem; background: #a0d8ef; }
/* -------------------- } termsmenu */

/* p-lyt-overview -------------------- { */
.p-lyt-overview { padding: 16px; background: #f2f2f2; }
@media screen and (max-width: 480px) { .p-lyt-overview { padding: 30px 15px; }}
.p-lyt-overview__hdg { font-size: 35px; margin-bottom: 8px; color: #1E50A2; }
.p-lyt-overview__hr { color: #b0b0b0; margin-top: 40px !important; margin-bottom: 24px; border-bottom: 0; border-top: 1px solid #b0b0b0; }
.p-lyt-overview__list-label {  font-weight: bold; }
.main-contents .p-lyt-overview__list-label + .list-a { margin-top: 12px !important; }
@media screen and (max-width: 480px) { .p-lyt-overview__list-label + * { padding-left: 20px; padding-right: 18px; }}
/* -------------------- } p-lyt-overview */

/* replacement-list-step -------------------- { */
.replacement-list-step .title { margin-top: 2.5rem; font-size: 1.8rem; font-weight: 700; color: #a30b1a; margin-bottom: 1.8rem; }
.replacement-list-step .title:first-child { margin-top: 0; }
.replacement-list-step li .step-content dd > p+p {margin-top: 1rem!important;}
/* -------------------- } replacement-list-step */

/* main#Terms -------------------- { */
.list-notes-terms>li{display:table;width:100%;font-size:1.8rem}:lang(en) .list-notes-terms>li{font-size:2.0rem}.list-notes-terms>li>.mark{display:table-cell;white-space:nowrap;padding-right:14px;vertical-align:top;color:#005243;font-weight:700;}.list-notes-terms>li>.item{display:table-cell;width:100%;vertical-align:top}
/* -------------------- } main#Terms */

/* tbl-supportlist -------------------- { */
.tbl-supportlist.replacelist {table-layout:inherit;}
.tbl-supportlist.replacelist tbody th{white-space: nowrap;}
.price-mcpcell{text-align:right;white-space:nowrap;color:#a30b1a}
.mcp-hdgcell{background-color: #f5b1aa!important;}
.mcp-hdg2cell{background-color: #f5c9c4!important;}
@media screen and (max-width: 768px) { .tbl-supportlist {table-layout: inherit; }}
/* -------------------- } tbl-supportlist */

