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

/* =============================================================================
	共通 
============================================================================= */
/* parts  -------------------- { */
:root {
	/* color */
	--color-supbase1: #005243;
	--color-supbase1-tp10: #0052431A;
	--color-supbase1-tp50: #00524380;
	--color-repair-01: #EBEA02;
	--color-repair-01-tp10: #EBEA021A;
	--color-repair-01-tp20: #EBEA0233;
	--color-repair-01-tp30: #EBEA024D;
	--color-repair-02: #EB0602;
	--color-repair-03: #963533;
	--color-repair-03-tp05: #9635330D;
	--color-repair-03-tp10: #9635331A;
	--color-repair-04: #37556B;
	
	/* chat*/
  --chat-width-max: 100%;/* 吹き出しの横幅最大値 */
  --chat-height-min: 120px;/* 吹き出しの縦幅最大値 */
  --chat-margin: 20px;/* 前後要素との距離 */
  --chat-icon-size: 120px;/* アイコン画像のサイズ */
  --chat-text-padding: 16px;/* テキスト内余白 */
  --chat-text-font-size: 1.5rem;/* テキスト文字大きさ */
  --chat-item-distance: 8px;/* アイコン画像〜吹き出し間の距離 */
  --chat-icon-radius: 50%;/* アイコン円形 */
  --chat-icon-bgcolor: rgb(255,255,255);/* アイコン背景色 */
	--chat-icon-bgcolor-ope: #E5EDEC;
  --chat-icon-bgimage-cus1: url(/support/repair/datarescue/images/icon/icon-chat-cus1.svg);/* 左画像1 */
  --chat-icon-bgimage-cus2: url(/support/repair/datarescue/images/icon/icon-chat-cus2.svg);/* 左画像2 */
  --chat-icon-bgimage-cus3: url(/support/repair/datarescue/images/icon/icon-chat-cus3.svg);/* 左画像3 */
  --chat-icon-bgimage-cus4: url(/support/repair/datarescue/images/icon/icon-chat-cus4.svg);/* 左画像4 */
  --chat-icon-bgimage-cus5: url(/support/repair/datarescue/images/icon/icon-chat-cus5.svg);/* 左画像5 */
  --chat-icon-bgimage-cus6: url(/support/repair/datarescue/images/icon/icon-chat-cus6.svg);/* 左画像6 */
  --chat-icon-bgimage-cus7: url(/support/repair/datarescue/images/icon/icon-chat-cus7.svg);/* 左画像7 */
  --chat-icon-bgimage-cus8: url(/support/repair/datarescue/images/icon/icon-chat-cus8.svg);/* 左画像7 */
  --chat-icon-bgimage-cus9: url(/support/repair/datarescue/images/icon/icon-chat-cus9.svg);/* 左画像7 */
  --chat-icon-bgimage-cus10: url(/support/repair/datarescue/images/icon/icon-chat-cus10.svg);/* 左画像7 */
  --chat-icon-bgimage-cus11: url(/support/repair/datarescue/images/icon/icon-chat-cus11.svg);/* 左画像7 */
  --chat-icon-bgimage-cus12: url(/support/repair/datarescue/images/icon/icon-chat-cus12.svg);/* 左画像7 */
  --chat-icon-bgimage-ope: url(/support/repair/datarescue/images/icon/icon-chat-ope.svg);/* 右画像 */
  --chat-text-radius: 8px;/* テキスト角丸 */
  --chat-text-bgcolor: #E5EDEC;/* テキスト背景色 */
  --chat-text-bgcolor-c: rgb(255,255,255);/* テキスト背景色 */
  --chat-text-color: rgb(0,0,0);/* テキスト文字色 */
  --chat-triangle-size: 20px;/* 吹き出し角大きさ */
  --chat-triangle-position-top: 16px;/* 吹き出し角位置(上から) */
}

/* font */
.font-udkakugo-lg400 { font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 400; font-style: normal; }
.font-udmarugo-lg500 { font-family: fot-udmarugo-large-pr6n, sans-serif; font-weight: 500; font-style: normal; }
.font-udmarugo-lg700 { font-family: fot-udmarugo-large-pr6n, sans-serif; font-weight: 700; font-style: normal; }

/* color */
.font-color-repair-03 { color: var(--color-repair-03); }

/* re-setteng */
h1,h2,h3,h4,h5 { font-family: fot-udmarugo-large-pr6n, sans-serif; font-weight: 700; font-style: normal;}
.reset_table_hed tbody th, .reset_table_he .th  { width: auto; }
.Basic-faq .list-qa-a > dt { padding-top: 36px; border-top: 1px solid #c6c6c0; }
.Basic-faq .list-qa-a { padding-bottom: 36px; }
.Basic-faq .list-qa-a>dd > p:first-child { margin-top: -2.0rem;}
.Basic-faq h3 { background: var(--color-repair-01-tp10); padding: 6px 0 6px 25px; }
.Basic-faq h3::before { margin-left: .8rem; }
h6.hdg-photo { margin: 38px 0 14px; padding: 8px; font-size: 1.8rem; background: #f2f2f2;}
h3.hdg-bg { padding: 10px 16px; background: #f2f2f2; border-left: 5px solid var(--color-supbase1); }
h3.hdg-bg::before { content: none; }
.srv-price .tab-a .tab-list-a>li { width: 100%; } 

/* cover */
.hero-area-supsrv01.datarescue {
    background-image: url("/support/repair/datarescue/images/img-cover_datarescue.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}
@media only screen and (max-width: 768px) {
	.hero-area-supsrv01.datarescue .content-inner { background: #ffffff4D; }
}
/* -------------------- } parts */

/* box_point  -------------------- { */
.box_point { position: relative; margin: 34px 0; padding: 8px 8px 8px 66px; border: 1px solid var(--color-repair-04); border-radius: 8px; }
.box_point span { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); background: var(--color-repair-04); width: 50px; height: 50px; border-radius: 50%;  }
.box_point span i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3.0rem; color: #ffffff;}
.box_point dl dt { font-weight: 700; }
.box_point dl dt:not(:first-child) { margin-top: 1.0em; }
.box_point dl dd { margin-top: .3em; }
/* -------------------- } box_point */


/* =============================================================================
	トップページ 
============================================================================= */
/* srv-subject1  -------------------- { */
.srv-subject1 { display: flex; gap: 32px; justify-content: space-between; align-items: stretch; }
.srv-subject1 > .item { width: 50%; border: 2px solid #c6c6c0; padding: 16px;}
.srv-subject1 > .item > .item-tit { text-align: center; }
.srv-subject1 > .item > .item-tit .item-num { display: flex; justify-content: center; align-items: center; font-size: 3rem; color: var(--color-supbase1);}
.srv-subject1 > .item > .item-tit .item-num::before,
.srv-subject1 > .item > .item-tit .item-num::after { content: ''; width: 30px; height: 2px; background-color: currentColor; }
.srv-subject1 > .item > .item-tit .item-num::before { margin-right: 16px; }
.srv-subject1 > .item > .item-tit .item-num::after { margin-left: 16px; }
.srv-subject1 > .item > .item-tit h3 { font-size: 2.2rem; margin-top: 8px; margin-bottom: 16px; }

@media only screen and (max-width: 768px) {
	.srv-subject1 { display: block;}
	.srv-subject1 > .item { width: 100%; }
	.srv-subject1 > .item:not(:first-child) { margin-top: 16px; }
}
/* -------------------- } srv-subject1 */

/* srv-features  -------------------- { */
.srv-features { border: 2px solid #c6c6c0; border-radius: 8px; background: var(--color-supbase1-tp10); margin-top: 32px; }
.srv-features > h3 { margin: 32px 16px 16px; }
.srv-features-inner { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; margin: 32px 16px 16px; }
.srv-features-inner > .item { background: #ffffff; padding: 16px; border-radius: 8px; }
.srv-features-inner > .item > .img-catch { color: var(--color-supbase1); text-align: center; }
.srv-features-inner > .item > .txt-catch { font-weight: 700; color: var(--color-supbase1); font-size: 1.8rem; }
.srv-features-inner > .item > .txt-catch i { margin-right: .8rem; vertical-align: middle; }
@media only screen and (max-width: 768px) {
	.srv-features-inner { grid-template-columns: 1fr; }
}
/* -------------------- } srv-features */

/* srv-example(re-setting) -------------------- { */
.srv-example > .item.failure > h4::before { content: '\f54c'; }
.srv-example > .item.failure > .chat { margin: var(--chat-margin) auto; }
.srv-example > .item.failure > .chat > .chat__text.operator ul { font-size:1.4rem; }
.srv-example > .item.failure > .chat .chat__icon.customer7 .img { background-image: var(--chat-icon-bgimage-cus7); }
.srv-example > .item.failure > .chat .chat__icon.customer8 .img { background-image: var(--chat-icon-bgimage-cus8); }
.srv-example > .item.failure > .chat .chat__icon.customer9 .img { background-image: var(--chat-icon-bgimage-cus9); }
.srv-example > .item.failure > .chat .chat__icon.customer10 .img { background-image: var(--chat-icon-bgimage-cus10); }
.srv-example > .item.failure > .chat .chat__icon.customer11 .img { background-image: var(--chat-icon-bgimage-cus11); }
.srv-example > .item.failure > .chat .chat__icon.customer12 .img { background-image: var(--chat-icon-bgimage-cus12); }
/* -------------------- } srv-example(re-setting) */


/* =============================================================================
	お客様の声 
============================================================================= */
/* srv-example  -------------------- { */
.srv-example { display: grid; gap: 32px; grid-template-columns: 1fr 1fr; }
.srv-example > .item { background: var(--color-repair-01-tp10); padding: 20px 16px 0 16px; border-radius: 8px; }
.srv-example > .item > h4 { position: relative; padding: 8px 4px 8px 50px; background: var(--color-repair-01-tp20); border-radius: 8px; font-size: 2.0rem; }
.srv-example > .item > h4::before { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); display: inline-block; font-family: 'Font awesome 5 free'; font-size: 2.0rem; text-align: center; line-height: 36px; width: 36px; height: 36px; content: '\f130'; background: var(--color-repair-01); border-radius: 50%; }
.srv-example > .item.failure > h4::before { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); display: inline-block; font-family: 'Font awesome 5 free'; font-size: 2.0rem; text-align: center; line-height: 36px; width: 36px; height: 36px; content: '\f54c'; background: var(--color-repair-01); border-radius: 50%; }
.srv-example > .item > h4:after { content: ''; display: block; position: absolute; left: 36px; height: 0; width: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid var(--color-repair-01); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.srv-example > .item > .UsedSrv { margin-top: 1.0rem; font-size: 1.2rem; text-align: right; }
.srv-example > .item > .UsedSrv > span { padding: 3px 6px; border: 1px solid var(--color-repair-01); }
.srv-example > .item > .UsedType { margin-top: .3rem; margin-bottom: 0.4rem; padding: 0 7px; font-size: 1.2rem; text-align: right; }
.srv-example > .item > .chat { display: flex; align-items: flex-start; width: 100%; margin: 0 auto 20px; gap: 0 calc(var(--chat-item-distance) + calc(var(--chat-triangle-size) / 1.5)); }
.srv-example > .item > .chat .chat__icon { flex-shrink: 0; width: var(--chat-icon-size); height: var(--chat-icon-size); background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: var(--chat-icon-radius); background-color: var(--chat-icon-bgcolor); }
.srv-example > .item > .chat .chat__text { position: relative; max-width: var(--chat-width-max,  initial); min-height: var(--chat-height-min, initial); padding: var(--chat-text-padding); font-size: var(--chat-text-font-size); border-radius: var(--chat-text-radius); color: var(--chat-text-color); background: var(--chat-text-bgcolor); /*font-family: fot-udmarugo-large-pr6n, sans-serif; font-weight: 500; font-style: normal;*/ }
.srv-example > .item > .chat .chat__text::after { content: ""; display: block; position: absolute; top: var(--chat-triangle-position-top); right: calc(100% - 1px); clip-path: polygon(100% 100%, 100% 0, 0 50%); width: calc(var(--chat-triangle-size) / 1.5); height: var(--chat-triangle-size); background: var(--chat-text-bgcolor); }
.srv-example > .item > .chat .chat__text.customer { background: var(--chat-text-bgcolor-c); }
.srv-example > .item > .chat .chat__text.customer::after { background: var(--chat-text-bgcolor-c); }
.srv-example > .item > .chat .chat__icon .img { width: 100px; height: 100px; margin: 10px; background-repeat: no-repeat; }
.srv-example > .item > .chat .chat__icon.operator .img { background-image: var(--chat-icon-bgimage-ope); }
.srv-example > .item > .chat .chat__icon.customer1 .img { background-image: var(--chat-icon-bgimage-cus1); }
.srv-example > .item > .chat .chat__icon.customer2 .img { background-image: var(--chat-icon-bgimage-cus2); }
.srv-example > .item > .chat .chat__icon.customer3 .img { background-image: var(--chat-icon-bgimage-cus3); }
.srv-example > .item > .chat .chat__icon.customer4 .img { background-image: var(--chat-icon-bgimage-cus4); }
.srv-example > .item > .chat .chat__icon.customer5 .img { background-image: var(--chat-icon-bgimage-cus5); }
.srv-example > .item > .chat .chat__icon.customer6 .img { background-image: var(--chat-icon-bgimage-cus6); }
.srv-example > .item > .chat.chat__r { justify-content: flex-end; }
.srv-example > .item > .chat.chat__r .chat__icon { order: 1; background-color: var(--chat-icon-bgcolor-ope); }
.srv-example > .item > .chat.chat__r .chat__text::after { right: auto; left: calc(100% - 1px); clip-path: polygon(100% 50%, 0 0, 0 100%); }
@media only screen and (max-width: 768px) {
	.srv-example { grid-template-columns: 1fr ;}
}
/* -------------------- } srv-example */


/* =============================================================================
	サービス詳細 
============================================================================= */
/* srv-detail  -------------------- { */
.srv-detail { display: grid; grid-template-columns: 1fr 1fr; gap:32px; }
.srv-detail > .item { border: 2px solid var(--color-supbase1); padding: 16px; }
.srv-detail > .item > .item-tit { text-align: center; }
.srv-detail > .item > .item-tit .item-num { display: flex; justify-content: center; align-items: center; font-size: 3rem; color: var(--color-supbase1); }
.srv-detail > .item > .item-tit .item-num::before,
.srv-detail > .item > .item-tit .item-num::after { content: ''; width: 30px; height: 2px; background-color: currentColor; }
.srv-detail > .item > .item-tit .item-num::before { margin-right: 16px; }
.srv-detail > .item > .item-tit .item-num::after { margin-left: 16px; }
.srv-detail > .item > .item-tit h3 { font-size: 2.2rem; margin-top: 8px; margin-bottom: 16px; }
.srv-detail > .item.option { grid-column: 1 / 3; }
.srv-detail > .item > .item-cnt { margin-bottom: 1.5rem; }
/*.srv-detail > .item > .item-txt { font-size: 1.5rem; }*/
.srv-detail > .item > .item-txt dl dt { font-weight: 700; font-size: 1.8rem; }
.srv-detail > .item > .item-txt dl dt:not(:first-child) { margin-top: 1.5rem; }
.srv-detail > .item > .item-txt dl dd { margin-top: 1.0rem; }
/*.srv-detail > .item > .item-txt table tbody th, .srv-detail > .item > table .th  { width: auto; }
.srv-detail > .item > .item-txt table th, .srv-detail > .item > .item-txt table td  { padding: 6px 8px; }
.srv-detail > .item > .item-txt > table{ font-size: 1.3rem; }*/
.srv-detail > .item > .item-txt h4 { font-size: 1.8rem; }
.srv-detail > .item > .item-txt h5 { font-size: 1.6rem; margin-top: 20px }
/*.srv-detail > .item > .item-txt p { margin-top: 1rem!important; }*/
.srv-detail > .item > .item-txt .list-a li+li { margin-top: .2rem; }
.srv-detail > .item > .item-block-option { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.srv-detail > .item > .item-block-option > .item { background: var(--color-supbase1-tp10); padding: 16px; border-radius: 8px; display: flex; flex-flow: column; justify-content: space-between; }
.srv-detail > .item > .item-block-option > .item h4 { font-size: 1.8rem;text-align: center; margin: 0 0 18px; padding-bottom: .9rem; }
.srv-detail > .item > .item-block-option > .item.backup { grid-column: 1 / 3; }
.srv-detail > .item > .item-block-option > .item .target-media { display: flex; justify-content: center; margin: 32px 0 0; }
.srv-detail > .item > .item-block-option > .item .target-media > div { padding: 8px 1.6rem; }
.srv-detail > .item > .item-block-option > .item .target-media .tit { background: var(--color-repair-04); color: #ffffff; font-weight: 700; }
.srv-detail > .item > .item-block-option > .item .target-media .cnt { background: #ffffff80; }
.srv-detail > .item > .item-block-option > .item .target-media .cnt > span { display: inline-block; background: var(--color-repair-01); font-size: 1.5rem; font-weight: 700; border-radius: 20px; padding: 4px 16px; text-align: center; min-width: 7em; }
.srv-detail > .item > .item-block-option > .item .target-media .cnt > span:not(:first-child) { margin-left: 16px; }
@media only screen and (max-width: 768px) {
	.srv-detail { grid-template-columns: 1fr; }
	.srv-detail > .item.option { grid-column: initial; }
	.srv-detail > .item > .item-block-option { grid-template-columns: 1fr; }
	.srv-detail > .item > .item-block-option > .item.backup { grid-column: initial; }
	.srv-detail > .item > .item-block-option > .item .target-media { display: block; }
}
/* -------------------- } srv-detail */

/* photobackup  -------------------- { */
.hide-area { display: none; }
.ContentsModal { height: 100vh; position: fixed; top: 0; left: 0; width: 100%; /*overflow-y: hidden;*/ z-index: 300; }
.ContentsModal .Modal_bg { background: rgba(0,0,0,0.8); height: 100vh;  position: absolute; width: 100%; }
.ContentsModal .js-modal-close-btn { position: fixed; right: 16px; top: 16px; color: #ffffff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0,0,0,0); border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } 
.ContentsModal .js-modal-close-btn:focus,
.ContentsModal .js-modal-close-btn:hover { outline: 0; background: #ffffff; }
.ContentsModal .js-modal-close-btn:focus:after,
.ContentsModal .js-modal-close-btn:focus:before,
.ContentsModal .js-modal-close-btn:hover:after,
.ContentsModal .js-modal-close-btn:hover:before { background: #666666; }
.ContentsModal .js-modal-close-btn span { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden; }
.ContentsModal .js-modal-close-btn:after,
.ContentsModal .js-modal-close-btn:before { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #ffffff; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.ContentsModal .js-modal-close-btn:before { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.ContentsModal .js-modal-close-btn:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.Modal_content { background: #fff; left: 50%; padding: 0 32px 48px 32px; margin: 76px 0 32px; position: absolute; top: 0; transform: translateX(-50%); width: 60%; height: calc(100vh - 108px); overflow-y: scroll; font-size: 1.4rem; }
.Modal_content > p { font-size: 1.4rem; }
.Modal_content .hdg-phototit { background: var(--color-supbase1-tp50); font-weight: 700; padding: 6px 16px; border-radius: 4px; }
.Modal_content table th, .Modal_content table td  { padding: 6px 8px; }
@media only screen and (max-width: 768px) {
	.Modal_content { width: 80%; }
}
@media only screen and (max-width: 480px) {
	.Modal_content { padding: 0 16px 48px 16px; }
}
/* -------------------- } photobackup */

/* tbl-datarescue-media  -------------------- { */
.tbl-datarescue-media {}
.tbl-datarescue-media > tbody th { font-weight: 700; width: 273px; vertical-align: middle; }
/* -------------------- } tbl-datarescue-media */


/* =============================================================================
	サービス料金 
============================================================================= */

/* datarescue_price  -------------------- { */
.hdg-d.datarescue_price { display: inline-block; color: #ffffff; background: var(--color-repair-03); min-width: 280px; text-align: center; padding: 6px 16px; border-radius: 24px; }
/* -------------------- } datarescue_price */

/* tax  -------------------- { */
.tax { text-align: right; font-size: 1.4rem; }
/* -------------------- } tax */

/* tbl-datarescue-price  -------------------- { */
.tbl-datarescue-price {}
.tbl-datarescue-price .cell00 { border-bottom: none; }
.tbl-datarescue-price > thead th {}
.tbl-datarescue-price > thead .th_index { border-top: none; text-align: left; font-size:1.8rem; }
.tbl-datarescue-price > thead .th_price { min-width: 150px; }
.tbl-datarescue-price > thead .fmv_premium { background: #000000; color: #ffffff; font-size: 1.2rem;}
.tbl-datarescue-price > thead .fmv_premium > a { color: #ffffff; }
.tbl-datarescue-price > thead .fmv_premium_discount  { background: var(--color-repair-03-tp10); font-size: 1.5rem; }
.tbl-datarescue-price > tbody { font-size: 1.5rem; }
.tbl-datarescue-price > tbody th { font-weight: 700;}
.tbl-datarescue-price > tbody .td_menu { background: var(--color-repair-01-tp10); font-weight: 700; }
.tbl-datarescue-price > tbody .th_os,
.tbl-datarescue-price > tbody .th_svname { font-weight: 700; }
.tbl-datarescue-price > tbody .th_svname { font-size: 1.5rem; min-width: 201px; white-space: nowrap; }
.tbl-datarescue-price > tbody sup { color: var(--color-repair-03); font-weight: 700; }
.tbl-datarescue-price > tbody .td_price { text-align: right; }
.tbl-datarescue-price > tbody .td_price_c { text-align: center; }
.tbl-datarescue-price > tbody .td_price.td_premium_price,
.tbl-datarescue-price > tbody .td_price_c.td_premium_price { color: var(--color-repair-02); }
.tbl-datarescue-price > tbody td ul { font-size: 1.3rem; }
@media only screen and (max-width: 1000px) {
	.tbl-datarescue-price > tbody .th_svname { white-space: inherit; }
}
/* -------------------- } tbl-datarescue-price */

/* speechbubble-ope  -------------------- { */
.speechbubble-ope > .chat { display: flex; align-items: flex-start; width: 100%; margin: 0 auto 20px; gap: 0 calc(var(--chat-item-distance) + calc(var(--chat-triangle-size) / 1.5)); }
.speechbubble-ope > .chat .chat__icon { flex-shrink: 0; width: var(--chat-icon-size); height: var(--chat-icon-size); background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: var(--chat-icon-radius); background-color: var(--chat-icon-bgcolor); }
.speechbubble-ope > .chat .chat__text { position: relative; max-width: var(--chat-width-max,  initial); min-height: var(--chat-height-min, initial); padding: var(--chat-text-padding); font-size: var(--chat-text-font-size); border-radius: var(--chat-text-radius); color: var(--chat-text-color); background: var(--chat-text-bgcolor); display: table; /*font-family: fot-udmarugo-large-pr6n, sans-serif; font-weight: 500; font-style: normal;*/ }
.speechbubble-ope > .chat .chat__text::after { content: ""; display: block; position: absolute; top: var(--chat-triangle-position-top); right: calc(100% - 1px); clip-path: polygon(100% 100%, 100% 0, 0 50%); width: calc(var(--chat-triangle-size) / 1.5); height: var(--chat-triangle-size); background: var(--chat-text-bgcolor); }
.speechbubble-ope > .chat .chat__text > div { display: table-cell; vertical-align: middle; font-size: 1.6rem; }
.speechbubble-ope > .chat .chat__text > div strong { font-size: 2.0rem; color: var(--color-repair-03); }
.speechbubble-ope > .chat .chat__icon .img { width: 100px; height: 100px; margin: 10px; background-repeat: no-repeat; }
.speechbubble-ope > .chat .chat__icon.operator .img { background-image: var(--chat-icon-bgimage-ope); }
.speechbubble-ope > .chat.chat__r { justify-content: flex-end; }
.speechbubble-ope > .chat.chat__r .chat__icon { order: 1; background-color: var(--chat-icon-bgcolor-ope); }
.speechbubble-ope > .chat.chat__r .chat__text::after { right: auto; left: calc(100% - 1px); clip-path: polygon(100% 50%, 0 0, 0 100%); }
/* -------------------- } speechbubble-ope */


/* =============================================================================
	ご利用の流れ 
============================================================================= */
.list-step-a.datarescue_step > li > .step-content dd { margin-top: 2.0rem; }

/* datarescue_step  -------------------- { */
@media only screen and (max-width: 768px) {
	.list-step-a.datarescue_step .lyt-item-a > .img > .img-inner { width: 120px; text-align: center; margin: 0 auto; }
	.list-step-a.datarescue_step > li > .step-content dt { text-align: center; font-size: 2.0rem; }
	.list-step-a.datarescue_step > li > .step-content dt span { display: inline-block; font-weight: 400; font-size: 1.6rem; }
	.list-step-a.datarescue_step > li > .step-content dd { margin-top: inherit; }
}
/* -------------------- } datarescue_step */

/* datarescue-step_diagnosis  -------------------- { */
.datarescue-step_diagnosis { display: grid; grid-template-columns: 1fr 1fr; gap:32px; }
.datarescue-step_diagnosis > .type { border: 1px solid #999999; padding: 16px;}
.datarescue-step_diagnosis > .type > .type-tit { text-align: center; }
.datarescue-step_diagnosis > .type > .type-tit h4 { font-size: 1.8rem; color: var(--color-supbase1); margin-top: 8px; margin-bottom: 16px; }
.datarescue-step_diagnosis > .type > .type-tit-sub h5 { font-size: 1.8rem; margin-top: 8px; margin-bottom: 16px; }
@media only screen and (max-width: 768px) {
	.datarescue-step_diagnosis { grid-template-columns: 1fr; }
}
/* -------------------- } datarescue-step_diagnosis */


/* =============================================================================
	お申し込み
============================================================================= */

/* application_type  -------------------- { */
.application_type { display: grid; grid-template-columns: 1fr 1fr; gap:32px; }
.application_type > .item { border: 1px solid #999999; padding: 16px; }
.application_type > .item > .item-tit h4 { font-size: 2.0rem; color: var(--color-supbase1); margin-top: 8px; margin-bottom: 16px; }
@media only screen and (max-width: 768px) {
	.application_type { grid-template-columns: 1fr; }
}
/* -------------------- } application_type */