@charset "utf-8";
/* CSS Document */
:root {
	/* color - warranty_top */
	--color-support-base: #005243;
	--color-warranty-base1: #003950;
	--color-warranty-base2: #FFC914;
	--color-warranty-accent1: #C33C54;
	--color-warranty-tone1: #97dffc;
	--color-warranty-tone2: #c5efcb;
}
/* =============================================================================
	re-setting 
============================================================================= */
.header-navGlogal>.nav-top>.nav-top-inner .fmvsupport-logo {padding-top:0;margin-right: 0;}
@media only screen and (max-width: 786px) {
	.fmvsupport-logo img {margin-top: 0;}
}
@media only screen and (max-width: 768px) {
	.fmvsupport-logo img {margin-top: 20px;}
}
@media only screen and (max-width: 480px) {
	.fmvsupport-logo img {margin-top: 12px;}
}
/* カラー変更 */
.list-a.list-a-warranty>li:before { background: #001799; }
.lyt-btn-a.lyt-btn-a-warranty>li .btn-b,
.lyt-btn-b.lyt-btn-b-warranty>li .btn-b { background: #001799; border: 1px solid #001799;} 
.lyt-btn-a.lyt-btn-a-warranty>li .btn-a,
.lyt-btn-b.lyt-btn-b-warranty>li .btn-a { color: #001799!important; border: 1px solid #001799; }
.lyt-btn-a.lyt-btn-a-warranty>li .btn-a::before,
.lyt-btn-b.lyt-btn-b-warranty>li .btn-a::before { border-top: 2px solid #001799; border-right: 2px solid #001799;}
.lyt-btn-a.lyt-btn-a-warranty>li .btn-a:hover, .lyt-btn-a.lyt-btn-a-warranty>li .btn-a:active, .lyt-btn-a.lyt-btn-a-warranty>li .btn-a:focus,
.lyt-btn-b.lyt-btn-b-warranty>li .btn-a:hover, .lyt-btn-b.lyt-btn-b-warranty>li .btn-a:active, .lyt-btn-b.lyt-btn-b-warranty>li .btn-a:focus { background: #E0E2F2;
}
.lyt-btn-a.lyt-btn-a-warranty>li .btn-b:hover, .lyt-btn-a.lyt-btn-a-warranty>li .btn-b:active, .lyt-btn-a.lyt-btn-a-warranty>li .btn-b:focus,
.lyt-btn-b.lyt-btn-b-warranty>li .btn-b:hover, .lyt-btn-b.lyt-btn-b-warranty>li .btn-b:active, .lyt-btn-b.lyt-btn-b-warranty>li .btn-b:focus { background: #0017C2;
}
.list-link-a.list-link-a-warranty>li>a::before {border-top: 2px solid #001799; border-right: 2px solid #001799;}
.list-link-a.list-link-a-warranty>li>.icon-faq::after {background-color: #001799; border: 1px solid #001799;}
.list-circle.list-circle-warranty>li:before { border: 1px solid #001799; }
/* FMV保証サービスパック ECサイト対応 */
footer.warranty-pack > #deepfooter {display: none;}
.EC-rule > * .forDefault,
.EC-faq > * .forDefault,
.EC-rule > * .forECRC,
.EC-faq > * .forECRC {display: none;} /* ECRC以外非表示 */
.EC-rule > * .forEC {display: inline;}/* ECでは表示 */

/* FMV保証サービスパック ECサイト（RC）対応 */
.header-navGlogal>.nav-top>.nav-top-inner.stop-link * a {pointer-events: none;}
footer.warranty-pack > #deepfooter {display: none;}
footer.warranty-pack > .footer.ecrc #footerinner {display: block;}
footer.warranty-pack > .footer.ecrc #permanentmenu {display: none;}
footer.warranty-pack > .footer.ecrc #creditline { text-align: right;}
footer.warranty-pack > .footer.ecrc #creditline * a {pointer-events: none;}
.ECRC-rule > * a, .ECRC-faq > * a {pointer-events: none; text-decoration: none; }
.ECRC-rule > * .forDefault, .ECRC-faq > * .forDefault {display: none;} /* ECRC以外非表示 */
.ECRC-faq .list-qa-a > dt, .Basic-faq .list-qa-a > dt { padding-top: 36px; border-top: 1px solid #c6c6c0; }
.ECRC-faq .list-qa-a, .Basic-faq .list-qa-a { padding-bottom: 36px; }
.ECRC-faq .list-qa-a>dd > p:first-child,.Basic-faq .list-qa-a>dd > p:first-child { margin-top: -2.0rem;}
.ECRC-rule > * .forECRC,
.ECRC-faq > * .forECRC,
.ECRC-faq > * .forEC {display: inline;}

/* =============================================================================
	common 
============================================================================= */
.forECRC {display: none;}
.forEC {display: none;}
/* 型名検索（Model-name-search） -------------------- { */
.Model-name-search .flex-innerblock { display: flex; }
.Model-name-search .flex-innerblock .title  { font-size: 2.0rem; font-weight: 700; margin-right: 16px; }
.Model-name-search .flex-innerblock .search_window input[type="text"] { font-size: 1.8rem; vertical-align: middle; padding: 7px 3px; ime-mode: disabled; }
.Model-name-search .flex-innerblock .search_window input[type="button"] { font-size: 2.0rem; font-weight: 700; vertical-align: middle; }
/* -------------------- } 型名検索（Model-name-search） */


/* =============================================================================
	PC保証アップグレードサービス - トップページ 
============================================================================= */
/* 特長（top-warranty-features） -------------------- { */
.top-warranty-features { display: grid; gap:16px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); margin: 0 16px; }
.top-warranty-features > li .img { max-width: 100px; width: 100px; height: auto; margin: 0 auto; }
.top-warranty-features > li .cnt { font-weight: 700; font-size: 1.8rem; color: var(--color-warranty-base1); }
.top-warranty-features > li .sub { font-size: 1.4rem; color: var(--color-warranty-base1); margin: 0 !important; }
.top-warranty-features > li > div { border: 3px solid #9FA0A0; border-radius: 4px; padding: 16px; text-align: center; display: flex; flex-flow: column; justify-content: flex-start; height: 100%; }
/* -------------------- } 特長（top-warranty-features） */
/* 見出し - 1文字目だけ装飾 - （hdg-first-characte） -------------------- { */
.hdg-first-character p { font-size: 2.4rem; font-weight: 700; margin-bottom: 1.5rem; }
.hdg-first-character p:first-letter { font-size: 3.2rem; color: var(--color-warranty-accent1); }
/* -------------------- } 見出し - 1文字目だけ装飾 - （hdg-first-characte） */
/* 部品 -------------------- { */
.icon-kome.list-notes { font-size: 1.4rem; margin-top: 0!important; margin-left: 2.0rem; }
@media only screen and (max-width: 768px) {
	.icon-kome.list-notes { margin-left: 0; }
}
/* -------------------- } 部品 */
/* サービスメニュー （warranty_menu） -------------------- { */
.top-warranty_menu { display: grid; gap:16px; grid-template-columns: 1fr 1fr; margin: 0; }
.warranty_menu_item { display: flex; flex-flow: column; background: #f3f3f2; border-radius: 4px; padding: 1em; overflow: hidden;}
.warranty_menu_item > .tit { font-size: clamp(2rem, 2vw + 2rem, 2.4rem); font-weight: 700; position: relative; border-bottom: 3px solid #333333; padding-bottom: .2em; margin-bottom: 16px; text-align: center;}
.warranty_menu_item > .tit::before {position: absolute; bottom: -14px; left: 50%; width: 0; height: 0; content: ''; border-width: 14px 12px 0 12px; border-style: solid; border-color: #333333 transparent transparent transparent; }
.warranty_menu_item > .tit::after { position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; content: ''; border-width: 14px 12px 0 12px; border-style: solid; border-color: #f3f3f2 transparent transparent transparent; }
.warranty_menu_item > .img { margin-bottom: 8px;}
.warranty_menu_item > .features { flex-grow: 1; background: #FFFBE5; border-radius: 4px; padding: 16px; }
.warranty_menu_item > .features .period { margin-bottom: 16px;}
.warranty_menu_item > .linkBtn { margin-top: 1em; }
.warranty_menu_item > .linkBtn a > span,
.warranty_menu_item.merge > .item_inner .linkBtn a > span { display: block; }
.warranty_menu_item > .linkBtn a > .sub,
.warranty_menu_item.merge > .item_inner .linkBtn a > .sub { font-size: 1.6rem; }
.warranty_menu_item.merge { grid-column: 1 / 3; }
.warranty_menu_item.merge > .item_inner { display: flex; gap: 16px; }
.warranty_menu_item.merge > .item_inner > div { width: 50%; }
.warranty_menu_item.merge > .item_inner > .period { background: #FFFBE5; border-radius: 4px; padding: 16px; }
@media only screen and (max-width: 860px) {
	.top-warranty_menu { grid-template-columns: 1fr; }
	.warranty_menu_item.merge { grid-column: inherit; }
	.warranty_menu_item.merge > .item_inner { display: block; }
	.warranty_menu_item.merge > .item_inner > div { width: 100%; }
	.warranty_menu_item.merge > .item_inner > .period {border-radius: 4px 4px 0 0;}
	.warranty_menu_item.merge > .item_inner > div > p {background: #FFFBE5; border-radius: 0 0 4px 4px; padding: 0 16px 16px;}
}
/* -------------------- } サービスメニュー （warranty_menu） */

/* =============================================================================
	お問い合わせ 
============================================================================= */
.attention {background-color: #FFEEEE;border: 1px solid #CC6666;margin: 1em;padding: 1em;}
.tbl-a.lyt-inquiry th {font-weight: 700;}
.tbl-a.lyt-inquiry input[type="radio"] {position: relative;top: -3px;}
.tbl-a.lyt-inquiry input[type="text"] {font-size: 1.6rem;padding: 6px 5px;}
.sendBtn input[type="button"],input[type="submit"]{font-size: 1.6rem;padding: 6px 20px;}
.tbl-a.lyt-inquiry textarea {font-size: 1.6rem;padding: 6px 5px;}
.tbl-a.lyt-inquiry textarea[name="opinion"] {display: inline-block;width: 95%;height: 200px;}
@media only screen and (max-width: 768px) {
	label {display: block;}
	.tbl-a.lyt-inquiry input[type="text"] {width: 90%;}
}
/* =============================================================================
	対象機種一覧 
============================================================================= */
/* edionカバーヘッダー見出し（hdg-for-edion） -------------------- { */
.hdg-for-edion { display: block; margin-top: 32px; font-size: 2.4rem; }
/* -------------------- } edionカバーヘッダー見出し（hdg-for-edion） */
/* edion一覧相互リンクボタン（link-edion-Btn） -------------------- { */
.link-edion-Btn > .lyt-btn-b { justify-content: right; }
/* -------------------- } edion一覧相互リンクボタン（link-edion-Btn） */
/* edion一覧ウインドウを閉じるボタン（winCloseArea） -------------------- { */
.winCloseArea { margin: 52px; text-align: center; }
.winCloseArea .winCloseBtn { display: inline-block; text-decoration: none; vertical-align: middle; font-weight: 700; border-radius: 20px; padding: 2px 16px 6px 10px; box-shadow: rgba(51, 51, 51, 1.0) 0 0px 0px 2px inset;  -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); background-color: #eeeeee; -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);}
.winCloseArea .winCloseBtn:hover { color: rgba(255, 255, 255, 1.0); box-shadow: rgba(51, 51, 51, 1.0) 0 0px 0px 40px inset; }
.icon-r-close { display: inline-block; position: relative; top: 6px; width: 26px; height: 26px; border: 2px solid #333333; border-radius: 50%; background: #ffffff; margin-right: 8px; }
.icon-r-close::before, .icon-r-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 3px; height: 18px; background: #333333; }
.icon-r-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.icon-r-close::after { transform: translate(-50%,-50%) rotate(-45deg); }
/* -------------------- } edion一覧ウインドウを閉じるボタン（winCloseArea） */

/* =============================================================================
	よくあるご質問 
============================================================================= */
.ECRC-faq .faqNO { margin-left: 1em; }
.ECRC-faq h2, .Basic-faq h2 { display: none;} /* メンテ時表示用 */
/* ECRC非表示設定*/
.ECRC-faq #MWcommonFAQ,.ECRC-faq #WPcommonFAQ,.ECRC-faq #MakerFAQ,.ECRC-faq #WideFAQ,.ECRC-faq #PosaFAQ {display: none;}

/* =============================================================================
	FMV保証サービスパック
============================================================================= */
.icon-search { display: inline-block; background: #F8F9FA; border-radius: 3px; padding: .2em .5em;}
/* ページタイトル - re-setting - サービスページ用_02（.hero-area-supsrv02） { */
  /* 背景画像指定 ---------------------------------- */
		.hero-area-supsrv02.warrantyPack { background: #FFFBE5; }
  /* --------------------------------------------- */
/* -------------------- } ページタイトル - re-setting - サービスページ用_02（.hero-area-supsrv02） */
/* 見出し h2（hdg-b-warranty_pack） -------------------- { */
.hdg-b-warranty_pack { font-size: clamp(2.2rem, 2vw + 2rem, 3.2rem); line-height: 1.4; margin: 52px 0 26px; padding: 1rem; background: linear-gradient(135deg, #FFDA04 0%, #FFDA04 90%, #001799 90%, #001799 100%);}
.main-contents .section-inner > .hdg-b-warranty_pack:first-child { margin-top: 0; }
/* -------------------- } 見出し h2（hdg-b-warranty_pack） */
/* 見出し h3（hdg-c-warranty_pack） -------------------- { */
.hdg-c-warranty_pack { font-size: clamp(2rem, 2vw + 2rem, 2.4rem); line-height: 1.4; margin: 38px 0 24px; padding: 1rem; border-left: 16px double #001799; background: #F3F3F2; }
/* -------------------- } 見出し h3（hdg-c-warranty_pack） */
/* 見出し h4（hdg-d-warranty_pack） -------------------- { */
.hdg-d-warranty_pack { position: relative; display: inline-block; font-size: clamp(1.8rem, 2vw + 2rem, 2rem); line-height: 1.4; margin: 30px 0 14px; padding: 10px 0 0 10px; color: #001799; z-index:0; }
.hdg-d-warranty_pack::before { content:''; background: #FFDA04; display: block; position: absolute; left: 0; height: 36px; width: 36px; border-radius: 50%; top: 0; z-index: -1;}
/* -------------------- } 見出し h4（hdg-d-warranty_pack） */
/* 見出し - 文字横に斜線 - （hdg-etc-diagonal_line） -------------------- { */
.hdg-etc-diagonal_line { position: relative; display: inline-block; text-align: center; padding: 1em; font-size: 2.4rem; font-weight: 700; }
.hdg-etc-diagonal_line::before, .hdg-etc-diagonal_line::after { position: absolute; content: ''; top: calc(50% - 25px); height: 50px; border-left: #001799 solid 3px; }
.hdg-etc-diagonal_line::before { left:0; transform: rotate(-30deg); }
.hdg-etc-diagonal_line::after { right: 0; transform: rotate(30deg);}
@media only screen and (max-width: 480px) {
	.hdg-etc-diagonal_line {font-size: 2.0rem; padding: .5em;}
}
/* -------------------- } 見出し - 文字横に斜線 - （hdg-etc-diagonal_line） */
/* FMV保証サービスパックの特長 （lyt-warranty-features） -------------------- { */
.lyt-warranty-features > li > div { border: 3px solid #9FA0A0; border-radius: 4px; padding: 16px; text-align: center; display: flex; flex-flow: column;justify-content: flex-start; height: 100%; }
.lyt-warranty-features > li > div > p { margin: 1em 0 0;}
.lyt-warranty-features > li > div .img > img { width: 100px; height: auto; }
.lyt-warranty-features > li > div .cnt { font-weight: 700; font-size: 1.8rem; color: #001799; }
.lyt-warranty-features > li > div .sub { font-size: 1.4rem; color: #001799; margin: 0!important; }
/* -------------------- } FMV保証サービスパックの特長 （lyt-warranty-features） */
/* サービスメニュー （warranty_pack_menu） -------------------- { */
.lyt-idx-b.wpm>* { display: flex; align-items: stretch; }
.warranty_pack_menu { background: #f3f3f2; border-radius: 4px; padding: 1em; }
.warranty_pack_menu > .tit { font-size: clamp(2rem, 2vw + 2rem, 2.4rem); font-weight: 700; position: relative; border-bottom: 3px solid #333333; padding-bottom: .2em; margin-bottom: 16px; text-align: center;}
.warranty_pack_menu > .tit::before {position: absolute; bottom: -14px; left: 50%; width: 0; height: 0; content: ''; border-width: 14px 12px 0 12px; border-style: solid; border-color: #333333 transparent transparent transparent; }
.warranty_pack_menu > .tit::after { position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; content: ''; border-width: 14px 12px 0 12px; border-style: solid; border-color: #f3f3f2 transparent transparent transparent; }
.warranty_pack_menu > .img { margin-bottom: 8px;}
.warranty_pack_menu > .features { background: #FFFBE5; border-radius: 4px; padding: 16px; }
.warranty_pack_menu > .features .period { margin-bottom: 16px;}
/* -------------------- } サービスメニュー （warranty_pack_menu） */
/* 共通の保証ポイント（common-point） -------------------- { */
.common-point .common-point-index { display: inline-block; margin: 0; padding: .5em 1em; border-width: 2px 2px 0; border-style: solid; border-color: #001799; border-radius: 8px 8px 0 0; font-weight: 700; font-size: 1.8rem; background: #001799; color: #ffffff; }
.common-point .common-point-content { margin: 0; padding: 1em; border: 2px solid #001799; }
/* -------------------- } 共通の保証ポイント（common-point） */
/* 購入期限（deadline） -------------------- { */
dl.deadline { margin: 28px 16px 0;}
dl.deadline dt { padding: .5em 1em; font-weight: 700; border-bottom: 2px dotted #333333; background: #FFFBE5; }
dl.deadline dd { margin-bottom: 1em; padding: .5em 1em;}
dl.deadline dd:last-child { margin-bottom: 0; }
/* -------------------- } 購入期限（deadline） */

/* =============================================================================
	FMV保証サービス用POSAカードのご確認
============================================================================= */
/* 共通デザインRe-setting（hero-area-supsrv01） -------------------- { */
@media screen and (max-width:420px){
	.warranty-posa .content {padding: 20px 0;}
	.warranty-posa .content-inner .main-txt{margin-bottom: 20px;}
	.warranty-posa .content-inner .main-txt>* {font-size: 2.8rem;}
	.warranty-posa .content-inner .sub-txt>* {font-size: 1.6rem;}
}
/* -------------------- } 共通デザインRe-setting（hero-area-supsrv01） */
/* 確認ボタン（sty-btn-g） -------------------- { */
.sty-btn-g { background: #005243; color: #ffffff; padding: 0.2em 2.4em; cursor: pointer; border: 1px solid #005243;}
.sty-btn-g:hover { opacity: 0.75; }
@media screen and (max-width:420px){.sty-btn-g {margin-top: 10px}}
/* -------------------- } 確認ボタン（sty-btn-g） */
/* 共通デザインRe-setting（lyt-col-contact-a） -------------------- { */
.dont-link {pointer-events: none;}
/* -------------------- } 共通デザインRe-setting（lyt-item-a） */
/* 共通デザインRe-setting（lyt-col-contact-a） -------------------- { */
.warranty-posa-img p { max-width: 35vw; }
/* -------------------- } 共通デザインRe-setting（lyt-col-contact-a） */
/* エラーエッセージ表示脇（sty-err-block） -------------------- { */
.sty-err-block { margin-top: 34px; border: 1px solid #a30b1a;}
.sty-err-block p { color: #a30b1a; }
#err-msg-block .msg-off { display: none; }
/* -------------------- } エラーエッセージ表示脇（sty-err-block） */
/* 確認結果（#available） -------------------- { */
.repair-period { display: none;}
/* 20231214 非表示対応
.repair-period { display: flex; align-items: stretch; border: 1px solid #b1b1ac; border-radius: 5px;}
.repair-period>div  {display: flex; align-items: center; }
.repair-period .tit { font-size: 2.4rem; font-weight: 700; padding: 16px 32px; border-right: 1px solid #b1b1ac; background: #83ccd2; }
.repair-period .cnt { font-size: 2.0rem; padding: 16px; }
*/
.posa-period .tit { margin: 38px 0 14px; font-size: 2.4rem; font-weight: 700; padding: 16px 32px; border: 1px solid #b1b1ac; border-radius: 5px; background: #83ccd2; }
.lyt-panel-posa { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -0.78125%; margin-right: -0.78125%; -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-top: 2.34375%; margin-bottom: -3.125%; }
.lyt-panel-posa > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 31.7708%; flex: 0 0 31.7708%; width: 31.7708%; margin-left:0.78125%; margin-right:0.78125%; margin-bottom:3.125%} /* col3 */
.lyt-panel-posa .list-inner { position: relative; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-shadow: rgba(0,0,0,.16) 0 3px 6px; overflow: hidden; background: #ffffff; border-radius: 8px; padding: 16px; }
.lyt-panel-posa .list-inner > div:not(:first-child) { margin-top: 16px;}
.lyt-panel-posa .list-inner .hdg-posa-tit h4 { font-size: 2.0rem; }
.lyt-panel-posa .list-inner .posa-txt { border: 1px solid #83ccd2; border-radius: 5px; padding: 6px 0; }
.lyt-panel-posa .list-inner .posa-txt > p {margin: 0; font-size: 1.8rem; text-align: center; }
.lyt-panel-posa .list-inner .posa-img { text-align: center; }
.lyt-panel-posa .list-inner .posa-img > img { border: 1px solid #cccccc; }
.lyt-panel-posa .list-inner .not-available { position:relative; background-color: #666666; display: inline-block; margin: 0 auto;}
.lyt-panel-posa .list-inner .not-available img { filter: grayscale(100%) brightness(120%); opacity: .5; display: block; }
.lyt-panel-posa .list-inner .not-available::after { content: "ご購入できません"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #000000; color: #ffffff; font-size: 2.0rem; font-weight: 700; padding: 8px; width: 80%; border-radius: 4px;}
@media screen and (max-width:768px){
	.lyt-panel-posa > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 48.4375%; flex: 0 0 48.4375%; width: 48.4375%; margin-left:0.78125%; margin-right:0.78125%; margin-bottom:3.125%} /* col2 */
}
@media screen and (max-width:420px){
	.lyt-panel-posa > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 98.4375%; flex: 0 0 98.4375%; width: 98.4375%; margin-left:0.78125%; margin-right:0.78125%; margin-bottom:3.125%} /* col1 */
}
/* -------------------- } 確認結果（#available） */