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

/* =============================================================================
	common
============================================================================= */
.hdg-notes { position: relative; font-size: 2.4rem; text-shadow: 0 0 2px white; padding-left: 16px; margin-bottom: 32px; z-index: 0; }
.hdg-notes:before { content: ""; position: absolute; background: rgba(0,82,67,.30); width: 48px; height: 48px; border-radius: 50%; top: -6px; left: 0; z-index: -1; }

/* =============================================================================
	toppage 
============================================================================= */
/* サービス内容（service_contents） -------------------- { */
.service_contents { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 32px; }
.service_contents > .itembox { border-radius: 4px; display: flex; flex-flow: column; align-items: stretch}
.service_contents > .itembox.item1 { background-image: linear-gradient(to top, #F78900, #F9E4A0); }
.service_contents > .itembox.item2 { background-image: linear-gradient(to top, #529CE6, #D5E7F7); }
.service_contents > .itembox.item3 { background-image: linear-gradient(to top, #696969, #c0c0c0);  grid-column: 1 / 3; }
.service_contents > .itembox> .tit { font-size: 2.0rem; font-weight: 700; padding: .5rem 0 .5rem 56px; text-indent: -56px; }
.service_contents > .itembox> .tit span { margin: 0 .5em 0 0; font-size: 3.0rem; border-radius: 0 22px 22px 0; }
.service_contents > .itembox.item1 > .tit span { background: #F78900; padding: 0 15px 0 10px; }
.service_contents > .itembox.item2 > .tit span { background: #529CE6; padding: 0 15px 0 10px; }
.service_contents > .itembox.item3 > .tit span { background: #696969; padding: 0 8px 0 5px; color: #ffffff; }
.service_contents > .itembox> .cnt-inner { margin: 5px; padding: 16px; background: #ffffff; border-radius: 4px; }
.service_contents > .itembox.item1 > .cnt-inner,
.service_contents > .itembox.item2 > .cnt-inner { height: 100%; }
.service_contents > .itembox.item3 > .cnt-inner { display: flex; gap: 16px; align-items: stretch; }
.service_contents > .itembox.item3 > .cnt-inner > .box { width: 50%;}
.service_contents > .itembox > .cnt-inner h3 { position: relative; color: #012267; font-size: 1.8rem; margin-bottom: 1.8rem; padding: 0 .5em .5em 2em;}
.service_contents > .itembox > .cnt-inner h3::after,
.service_contents > .itembox > .cnt-inner h3::before { position: absolute; content: ''; border-radius: 100%;}
.service_contents > .itembox > .cnt-inner h3::before { top: .2em; left: .2em; width: 18px; height: 18px; background-color: rgba(230,136,117,.5); z-index: 2; }
.service_contents > .itembox > .cnt-inner h3::after { top: .7em; left: .7em; width: 13px; height: 13px; background-color: rgba(230,136,117,.2); }
.service_contents > .itembox > .cnt-inner .cnt-inner-item:not(:first-child) { margin-top: 1.8rem; padding-top: .8rem; }
.service_contents > .itembox.item1 > .cnt-inner .cnt-inner-item:not(:first-child) { border-top: 1px dashed #F9E4A0; }
.service_contents > .itembox.item2 > .cnt-inner .cnt-inner-item:not(:first-child) { border-top: 1px dashed #D5E7F7; }
.service_contents > .itembox .initem { margin: 0 10px 5px; font-size: 1.2rem; text-align: right; }
@media only screen and (max-width: 876px) {
	.service_contents { grid-template-columns: 1fr; }
	.service_contents > .itembox.item3 { grid-column: initial; }
	.service_contents > .itembox.item3 > .cnt-inner { display: block; }
	.service_contents > .itembox.item3 > .cnt-inner > .box { width: 100%; }
	.service_contents > .itembox.item3 > .cnt-inner > .box:has(img) {text-align: center; margin-top: 16px; }
	.service_contents > .itembox.item3 > .cnt-inner > .box img { width: 70%; }
}
/* -------------------- } サービス内容（service_contents） */
/* 電話相談窓口 -------------------- { */
.box-b .notes-a { border: solid 1px #b8b8b8; background-color: #FFF0F0; padding: 12px; }
.box-b .notes-a > .notes-a-index { color: #A30B1A; font-weight: 700; }
.box-b .notes-a > .notes-a-index+p {margin-top: 1.0rem;}
/* -------------------- } 電話相談窓口 */

/* =============================================================================
	process 
============================================================================= */
.guidance {table-layout: initial!important; }
.guidance tbody th, .guidance tbody .th { width: inherit!important}
.guidance tbody .g_no1 { background: #D5E7F7!important; }
.guidance tbody .g_no2 { background: #F9E4A0!important; }
.guidance tbody th,.guidance tbody .noline_r { border-right: none;}
.guidance tbody td { border-left: 1px dashed #b1b1ac;}
/*.guidance thead th {
    background: #83ccd2;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
}
.guidance th, .guidance td {
    padding: 10px 16px;
    border: 1px solid #b1b1ac;
}
.guidance tbody th, .guidance tbody .th {
    background: #f2f2f2;
    font-weight: 400;
    text-align: left;
    vertical-align: center;
}.guidance th, .guidance td {
    padding: 10px 16px;
    border: 1px solid #b1b1ac;
}*/

/* =============================================================================
	remote 
============================================================================= */
/* リモートサポートご利用の流れ -------------------- { */
.list-order-a.remotestep {}
.list-order-a.remotestep>li::before { color: #005243; font-size: 2.0rem; font-weight: 700; display: inline-block; min-width: 2.6rem; text-align: right; }

/* -------------------- } リモートサポートご利用の流れ */

/* リモートサポートサービスご利用条件同意確認 -------------------- { */
#regulations-scroll-box	{ min-height: 420px; margin-left: 32px; margin-right: 32px; scrollbar-color: #005243 #d2ecef; border: 3px solid #005243!important; }
@media only screen and (max-width: 768px) {
	#regulations-scroll-box	{ min-height: inherit; margin-left: 0; margin-right: 0; }
}
/* -------------------- } リモートサポートサービスご利用条件同意確認 */