@charset "utf-8";






.maintenance { line-height: 1.8;}
.maintenance #pageTitle { background-image: url("/assets/images/maintenance/page_title_bg.jpg") ;}
.maintenance .sec-title { margin-bottom: 1rem; color: #1D2087;}
.maintenance .box-wrap { }
.maintenance .box-wrap._contact { padding: 4rem 0 !important; background-color: #1D2087; }
.maintenance .link-btn > * { font-weight: bold; font-size: 1.6rem; }
.maintenance .box-wrap#sec01 { margin-top: -12rem; padding: 16rem 0 4rem; background-color: #FAFAFA; }
.maintenance .box-wrap#sec03 { background-color: #FAFAFA; }
.maintenance .secbox { margin-top: 4rem; }
.maintenance .secbox + .secbox {   }
.maintenance .secbox-title { margin-bottom: 1rem; font-size: 1.8rem; font-weight: bold;  }
.card-item { background-color: #fff;}
.card-item-title { padding: 1rem; font-weight: bold;}
.c-grid { display: grid; gap: 2rem;}
.c-grid._grid_s-1-1 { grid-template-columns: repeat(2,1fr);}

@media print, screen and (min-width: 640px) {
.maintenance .box-wrap._contact { padding: 6rem 0 !important; }
.maintenance .box-wrap._contact .link-btn > * { line-height: 1.4;}
.c-grid._grid_p-1-1-1-1 { grid-template-columns: repeat(4,1fr);}
.c-grid._grid_p-1-1 { grid-template-columns: repeat(2,1fr);}

}
@media print, screen and (min-width: 1024px) {
.maintenance .box-wrap { padding: 12rem 0; }
.maintenance .box-wrap#sec01 { margin-top: -6rem; padding: 16rem 0 16rem;}
.maintenance .sec-title { margin-bottom: 5rem; }
.maintenance .secbox { margin-top: 10rem; }
.maintenance .sec-title + .secbox { margin-top: 5rem; }
.maintenance .secbox-title { margin-bottom: 4rem; font-size: 2.8rem; }
.card-item-title { padding: 1.6rem 2rem; }
.maintenance .link-btn { max-width: 52rem;}
.maintenance .link-btn > * { display: grid; align-items: center; height: 9rem; padding: 0; font-size: 2rem; }
.c-grid { gap: 3rem;}

}




/* pagenav */
.pagenav {}
.pagenav .inner { display: grid; gap: 1rem;}
.pagenav-item { position: relative; display: flex; gap: 0.5rem; align-items: center; height: 5rem; padding: 0 1.5rem; background-color: #1D2087; color: #fff; font-weight: bold; }
.pagenav-item::after { position: absolute; top: 50%; right: 1.5rem; transform: translate(0,-50%); content: ""; display: block; width: 1.2em; height: 0.6em; background-color: #fff; clip-path: polygon(50% 80%, 90% 0, 100% 0, 50% 100%, 0 0, 10% 0);}
.pagenav-item span { font-weight: bold; font-size: 1.2rem;}

@media print, screen and (min-width: 640px) {
.pagenav .inner { grid-template-columns: repeat(2,1fr); }
.pagenav-item { display: block; height: auto; padding: 2rem;  }
.pagenav-item:nth-child(2) { display: grid; align-items: center;  }
.pagenav-item span { display: block; }
}
@media print, screen and (min-width: 1024px) {
.pagenav .inner { grid-template-columns: repeat(4,1fr); gap: 4rem;}
.pagenav-item { padding: 2rem 2rem 4rem 2rem; text-align: center; font-size: 1.8rem; line-height: 1.6; }
.pagenav-item span { font-size: 1.4rem;}
.pagenav-item::after { top: auto; bottom: 1.5rem; right: 0; left: 0; margin: 0 auto; transform: initial; width: 1.2em; height: 0.6em;}
}




/* sec01 */
.sec01-box { margin-top: 2rem; background-color: #fff; padding: 1.5rem;}
.sec01-box-num { display: flex; align-items: center; gap: 1rem; color: #1D2087; font-weight: bold; font-size: 4rem; line-height: 1;}
.sec01-box-num span { display: inline-block; width: max-content; padding: 0.5rem 0.6rem; font-size: 1.4rem; background-color: #1D2087; color: #FFF; font-weight: bold;}
.sec01-box-item { margin-top: 1rem;}
.sec01-box-title { font-size: 1.6rem; font-weight: bold;}
.sec01-box-title span { display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.4;}
.sec01-box-list { display: grid; gap: 0.5em; margin-top: 1rem; padding: 1.5rem; border: #ccc 1px solid;}
.sec01-box-list > * { display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 0.5em;}
.sec01-box-list > *::before { content: ""; display: block; width: 1em; height: 1em; background: url(/assets/images/common/ico_check.svg) no-repeat; background-size: contain;}
.sec01-box-pic { margin-top: 1rem;}
.sec01-detail + .sec01-detail { margin-top: 2rem; padding-top: 1rem; border-top: #ccc 1px solid; }

@media print, screen and (min-width: 640px) {
.sec01-box { display: grid; grid-template-columns: max-content 1fr 39.61%; gap: 2rem; margin-top: 2rem; padding: 2rem;}
.sec01-box:last-child { display: grid; grid-template-columns: max-content 1fr;}
.sec01-box-num { display: block; }
.sec01-box-num span { display: block; }
.sec01-box-item { margin-top: 0;}
.sec01-box-pic { margin-top: 0;}
.sec01-detail { grid-column: 2/3; display: grid; grid-template-columns: 1fr 44.16%; gap: 2rem; }
}
@media print, screen and (min-width: 1024px) {
.sec01-box { margin-top: 2rem; padding: 4rem; gap: 4rem;}
.sec01-box:last-child { gap: 0 4rem; }
.sec01-box-num { font-size: 5.4rem; text-align: center;}
.sec01-box-num span { padding: 0.5rem 1rem; font-size: 1.8rem;}
.sec01-box-title { font-size: 1.8rem; }
.sec01-box-title span { font-size: 1.6rem; line-height: 1.6;}
.sec01-detail { gap: 4rem; }
.sec01-detail + .sec01-detail { margin-top: 3rem; padding-top: 3rem; }

}


/* sec02 */
.secbox-box-title { display: grid; grid-template-columns: 6rem 1fr; align-items: center; gap: 0.5em; margin-bottom: 1rem; font-weight: bold; font-size: 1.6rem; color: #1D2087;}
.sec02-box { padding: 1.5rem 1.5rem 0 1.5rem; background-color: #FAFAFA; }
.secbox-box-item {}
.secbox-box-item + .secbox-box-item { margin-top: 2rem;}
.sec02-box-title { font-size: 1.6rem; font-weight: bold; border-bottom: #ccc 1px solid; margin-bottom: 1rem; padding-bottom: 1rem;}
.sec02-box-pic { margin: 1rem -1.5rem 0;}
.sec02-ex { margin-top: 0.5rem; text-align: right;}

@media print, screen and (min-width: 640px) {
.secbox-box-title { grid-template-columns: 8rem 1fr; margin-bottom: 2rem; font-size: 2rem;}
.sec02-box-title + p { min-height: 9rem;}

}
@media print, screen and (min-width: 1024px) {
.secbox-box-title { grid-template-columns: 11rem 1fr; gap: 2.5rem; margin-bottom: 3rem; font-size: 2.4rem;}
.sec02-box { padding: 3rem 3rem 0 3rem;  }
.secbox-box-item + .secbox-box-item { margin-top: 6rem;}
.sec02-box-title { font-size: 1.8rem; margin-bottom: 2rem; padding-bottom: 2rem;}
.sec02-box-pic { margin: 3rem -3rem 0;}
.sec02-box-title + p { min-height: 5.8rem;}
#sec02 .c-grid { gap: 4rem;}
.sec02-ex { font-size: 1.4rem;}

}



/* sec03 */

#sec03 .secbox { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem;}
.flow-box {}
.flow-box:first-of-type { grid-column: 1/3;}
.flow-box-type { padding: 1rem; background-color: #1D2087; color: #fff; font-weight: bold; font-size: 1.6rem; text-align: center;}
.flow-box-card { position: relative; margin-bottom: 4rem; padding: 1.5rem; background-color: #fff; border: #ccc 1px solid;}
.flow-box-card::before { content: ""; display: block; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 3em; height: 1.5em; background-color: #1D2087; clip-path: polygon(50% 100%, 0 0, 100% 0); }
.flow-box-card:nth-of-type(1) { min-height: 22rem; }
.flow-box-card:nth-of-type(2) { min-height: 32rem; }
.flow-box-card:nth-of-type(3) { min-height: 22rem; }
.flow-box + .flow-box .flow-box-card:last-of-type { margin-bottom: 0;}
.flow-box + .flow-box .flow-box-card:last-of-type:before { display: none; }
.flow-box:nth-child(3) .flow-box-card { background-color: #FAFAFA; }
.flow-box-title { color: #1D2087; font-size: 1.6rem; line-height: 1.5;}
.flow-box-txt { margin-top: 1rem;}
.flow-box-pic { max-width: 80%; margin: 0 auto;}

.con-box			{ margin-top: 1.5rem; padding-top: 1.5rem; border-top: #B0B0B0 1px dotted;}
.con-box .row .tel-box			{ text-align: center; }
.con-box .row .tel-box a 		{ display: block; color: #1D2087; }
.con-box .row .tel-box a .num	{ display: inline-block; padding: 0 1rem 0 4rem; background: url("/assets/images/common/ico_tel_bl.png") no-repeat left center; background-size: 3.5rem; font-size: 3.5rem; }
.con-box .row .con-link		{ margin: 2rem 2rem 0; text-align: center; }
.con-box .row .con-link a		{ display: block; padding: 2rem; color: #014da1; background:  url("/assets/images/common/ar_right_bottom_bl.png") no-repeat right 0.3rem bottom 0.3rem; background-size: 1rem; border: #1D2087 1px solid;}
.con-box .row .con-link a span	{ padding-left: 2.5rem; background: url("/assets/images/common/ico_mail_bl.svg") no-repeat left center; background-size: 1.6rem;}

@media print, screen and (min-width: 640px) {
#sec03 .secbox { gap: 2rem;}
.flow-box-card { padding: 2rem; }
.flow-box:first-of-type .flow-box-card { display: grid; grid-template-columns: 2fr 1.5fr; grid-column: 1/3;}
.flow-box-title { font-size: 2rem; }
.flow-box-card:nth-of-type(1) { min-height: 18rem; }
.flow-box-card:nth-of-type(2) { min-height: 25rem; }
.flow-box-card:nth-of-type(3) { min-height: 17rem; }
}
@media print, screen and (min-width: 1024px) {
.flow-box-card { padding: 4rem; }
.flow-box:first-of-type .flow-box-card { grid-template-columns: 1fr 24rem; gap: 4rem; }
.flow-box-type { margin-bottom: 1rem; font-size: 2.4rem; }
.flow-box-title { font-size: 2.8rem; }
.flow-box-txt span { font-size: 1.4rem;}
.flow-box-pic { max-width: initial; margin: 0 auto;}
.flow-box-card:nth-of-type(1) { min-height: 19rem; }
.flow-box-card:nth-of-type(2) { min-height: 22rem; }
.flow-box-card:nth-of-type(3) { min-height: 20rem; }

.con-box { margin-top: 3rem; padding-top: 3rem; }
.con-box .row { display: grid; grid-template-columns: max-content 28rem; align-items: center; gap: 4rem; margin-top: 1rem;}
.con-box .row .tel-box .num { line-height: 1;}
.con-box .row .con-link { margin: 0;}


}



/* sec04 */
#sec04 { background: #fff url(/assets/images/maintenance/bg_sec04.svg) no-repeat top center / contain;}
#sec04 .inner { max-width: 90rem; }
.sec04-bg > * { }
.sec04-title { position: relative; display: grid; gap: 0.3em; text-align: center; font-size: 2.2rem;}
.sec04-title::before { position: absolute; top: 0; left: -3rem; content: ""; display: block; width: 10rem; height: 10rem; background: url(/assets/images/maintenance/pendant02.png) no-repeat center center / contain;}
.sec04-title::after { position: absolute; top: 0; right: -3rem; content: ""; display: block; width: 10rem; height: 10rem; background: url(/assets/images/maintenance/arm02.png) no-repeat center center / contain;}
.sec04-title span { display: block; width: max-content; margin: 0 auto; padding: 0 0.5rem; background-color: #1D2087; color: #fff; font-weight: bold; }
.sec04-bg { margin-top: 3rem;}
.sec04-box { position: relative; margin-top: 2rem; padding: 5.5rem 1.5rem 1.5rem 1.5rem; border: #1D2087 2px solid; font-weight: bold;}
.sec04-box-title { position: absolute; top: 0; left: 0; padding: 0.5rem 1rem; background-color: #1D2087; font-size: 1.6rem; color: #fff; font-weight: bold;}
.sec04-box-title::after { position: absolute; top: 0; left: 100%; content: ""; display: block; width: 1em; height: 100%; background-color: #1D2087; clip-path: polygon(0 0, 0% 100%, 100% 0);}
.sec04-box-title + p { font-weight: bold; }
.sec04-box-list {}
.sec04-box-list > * { display: grid; grid-template-columns: max-content 1fr; gap: 0.5em; font-weight: bold;}
.sec04-box-list > *::before { content: "●"; color: #1D2087;}
.sec04-box-list > * + * { margin-top: 1rem;}
.sec04-box + p { margin-top: 2rem; font-weight: bold;}
#sec04 .link-btn { margin-top: 2rem;}

@media print, screen and (min-width: 640px) {
.sec04-title { width: max-content; margin: 0 auto; font-size: 3rem;}
.sec04-title::before { left: auto; right: 100%; width: 12rem; height: 12rem; }
.sec04-title::after { right: auto; left: 100%; width: 12rem; height: 12rem;}
.sec04-box-list { margin-top: 1rem;}
}
@media print, screen and (min-width: 1024px) {
.sec04-title { font-size: 5.6rem;}
.sec04-title span { line-height: 1.2; }
.sec04-title::before { top: 50%; transform: translate(0,-50%); width: 20rem; height: 20rem; }
.sec04-title::after { top: 50%; transform: translate(0,-50%); width: 20rem; height: 20rem;}
.sec04-bg { margin-top: 8rem;}
.sec04-box { margin-top: 6rem; padding: 8rem 3rem 3rem 3rem;}
.sec04-box-title { padding: 0.5rem 3rem; font-size: 2.4rem;}
.sec04-box-list { margin-top: 1.5rem;}
.sec04-box-list > * { font-size: 1.8rem;}
.sec04-box + p { margin-top: 6rem; text-align: center;}
#sec04 .link-btn { margin-top: 4rem;}

}