@charset "utf-8";
.green {color: #009900;}
.main-head {background-color: #006ab6;color: #fff;margin: 0 0 20px 0;padding: 1.1rem;text-align: center;}
.page-toc {background-color: #f2f2f2;border: 1px solid #e2e2e2;margin: 0 auto;padding: .9rem 1.2rem .5rem;width: 96%;}
.page-toc .head {color: #333;display: block;font-size: .9rem;font-weight: 600;letter-spacing: 5px;margin-bottom: 0.5rem;}
.page-toc li {display: flex;font-size: .9rem;letter-spacing: 0;margin-bottom: 0.6rem;align-items: flex-start;}
.page-toc li a {color: #07334e;font-weight: 600;padding-left: 0.6em;text-indent: 0;}
.page-toc li .order {color: #fff;font-size: 12px;font-weight: 600;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: #07334e;padding: 3px 6px;text-align: center;width: 32px;}
.data-item-wrap {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 50px;}
.data-item {width: 96%;border: 5px #c0c0c0;border-style: none solid solid solid;padding: 15px;}
.data-item:nth-of-type(1),.data-item:nth-of-type(2){border-top: 5px solid #c0c0c0;}
.data-item .item-img {display: block;margin: 0 auto 10px;width: 55%;}
.data-item .item-img-c {display: block;margin: 0 auto 10px;width: 53.9%;}
.data-item h3 {font-size: 16px;display: inline-block;margin-bottom: 5px;}
.data-item h3:before {content: '■';color: #006ab6;margin-right: 2px;font-size: 20px;}
.item-data-new {background-color: #ed065d;color: #fff;font-weight: bold;font-size: 12px;text-align: center;padding: 4px 0px 3px;width: 100%;}
.item-data-table {margin: 0 !important;width: 100%;}
.item-data-table th {background-color: #095968;color: #fff;font-size: 11px;text-align: center;padding: 4px 0px 3px;}
.item-data-table td {color: #fff;font-size: 16px;text-align: center;padding: 10px 0 9px;font-weight: 600;}
.item-data-table td:nth-of-type(n) {background-color: #0fa3ad;}
.item-data-table td:nth-of-type(2) {background-color: #0f95ad;}
.item-data-table td:nth-of-type(3) {background-color: #0f86ad;}
.inner-text {font-size: 13px;margin-bottom: 15px;}
.inner-text .bold {font-size: 1.1em;}
.inner-text.center {text-align: center;}
.inner-text.right {text-align: right;}
.data-item .set-price {font-size: 30px;font-weight: 600;text-align: right;color: #ff0000;line-height: 1.4;}
.data-item .set-price .tax {font-size: .85rem;font-weight: 100;display: block;line-height: 1;}
.function-table {width: 100%;}
.function-table tr {border-bottom: 1px solid #c0c0c0;}
.function-table th {background-color: #e5e5e5;font-size: 14px;padding: 1.2rem 0.5rem;}
.function-table .name {width: 22%;}
.function-table td {font-size: 14px;padding: 0.8rem 0.5rem;text-align: center;}
.basic-work-box {background-color: #7dc632;padding: 4% 5%;}
.basic-work-box h3 {color: #fff;font-size: 1.1rem;text-align: center;}
.basic-work-box ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.basic-work-box ul::after {content: '';display: block;width: 31%;}
.basic-work-box li {background-color: #f8f7e9;border-radius: 20px;height: auto;flex-basis: 31%;padding: 3%;}
.running-cost {border-top: 1px solid #c0c0c0;width: 100%;}
.running-cost .head th,.running-cost .head td {background-color: #e5e5e5;font-size: .8rem;padding: .5rem .4rem;}
.running-cost .table-item {border-bottom: 1px solid #e7e7e7;}
.running-cost .table-item th,.running-cost .table-item td {font-size: .8rem;padding: 1rem .4rem;text-align: center;}
.running-cost .table-item .first {background-color: #f9f9f9;width: 30%;}
.running-cost .table-item td {position: relative;width: 20%;}
.running-cost .cost-no1 {background-color: #ca342d;color: #fff;font-size: 11px;left: 0;padding: 2px 4px;position: absolute;text-align: center;top: 0;}
.work-flow-list {display: flex;justify-content: space-between;}
.work-flow-list li {display: inline-flex;flex-basis: 100%;}
.work-flow-list .flow-item {background-color: #eee;border-radius: 0 0 10px 10px;margin-bottom: 10px;padding-bottom: .7rem;text-align: center;width: 40%;}
.work-flow-list .item-head {border-radius: 10px 10px 0 0;color: #fff;font-size: .95rem;font-weight: 600;text-align: center;padding: 0.5rem 0;margin-bottom: 14px;}
.work-flow-list .item-head.step1 {background-color: #ff3d43;}
.work-flow-list .item-head.step2 {background-color: #f6781a;}
.work-flow-list .item-head.step3 {background-color: #eab600;}
.work-flow-list .item-head.step4 {background-color: #19acab;}
.work-flow-list .img-box {margin: 0 auto 5px;width: 45%;}
.work-flow-list .img-box img {display: block;height: auto;margin: 0 auto 14px;width: 100%;}
.work-flow-list .step-text {font-size: .82rem;font-weight: bold;line-height: 1.3;}
.work-flow-list .text-box {font-size: 14px;margin-left: auto;width: 55%;}
.trouble-list ul {border-top: 3px solid #6a6a6a;border-bottom: 3px solid #6a6a6a;}
.trouble-list li {font-size: 16px;border-bottom: 1px dotted #c0c0c0;padding: 20px 20px 18px;}
.img-voice {display: block;margin: auto;width: 70%;}
.faq-box dt {cursor: pointer;position: relative;background: #006ab6;color: #fff;margin-bottom: 15px;padding: 15px 0 15px 62px;font-size: 14px;}
.faq-box dt::before {box-sizing: border-box;content: 'Q.';font-family: 'Arial',sans-serif;font-size: 22px;background-color: #3f93cf;padding: 10px 8px 10px 14px;position: absolute;left: 0;height: 100%;top: 0;text-align: center;}
.faq-box dd {display: none;margin-left: 0.5em;margin-bottom: 20px;padding: 0 10px 10px;font-size: 14px;letter-spacing: 1px;line-height: 1.4;}
.info-head {position: relative;padding-bottom: 10px;font-size: 26px;text-align: center;margin-bottom: 20px!important;}
.info-head::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;background-image: repeating-linear-gradient(45deg, #006ab6 0px, #006ab6 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);background-size: 8px 8px;}
.flex-img {display: flex;justify-content: space-between;}
.flex-img .img-box {width: 55%;}
.flex-img .text {width: 42%;}
/* SP用 */
@media screen and (max-width: 560px) {
.basic-work-box li.mb,.basic-work-box li.sp-mb {margin-bottom: 14px;}
.work-flow-list {display: flex;justify-content: space-between;flex-direction: column;}
.work-flow-list li {margin-bottom: 5px;}
.flex-img {flex-direction: column;}
.flex-img .img-box,.flex-img .text {width: 100%;}
.flex-img .img-box {margin-bottom: 1em;}
.voice-box ul {margin-bottom: 1em;}
.voice-box li {margin-bottom: 1.5em;}
.voice-box li img {margin-bottom: 1em;}
}
/* PC用 */
@media screen and (min-width: 561px) {
.page-toc {padding: 1.6rem 2.5rem 1rem;width: 80%;}
.page-toc .head {font-size: 18px;margin-bottom: 1rem;}
.page-toc li {font-size: 1rem;letter-spacing: 1.5px;margin-bottom: 0.7rem;}
.page-toc li .order {padding: 4px 8px;text-align: center;width: 35px;}
.data-item {width: 50%;padding: 15px;}
.data-item:nth-of-type(even) {border-left: unset;}
.data-item .item-img {max-width: 60%;}
.basic-work-box h3 {font-size: 1.3rem;}
.basic-work-box li {border-radius: 5px;flex-basis: 23%;padding: 1.5%;}
.basic-work-box li.mb {margin-bottom: 20px;}
.work-flow-list li {flex-basis: 23%;flex-direction: column;}
.work-flow-list .item-head {font-size: 1.1rem;padding: .8rem 0;}
.work-flow-list .flow-item {width: 100%;}
.work-flow-list .img-box {width: auto;}
.work-flow-list .img-box img {width: fit-content;}
.work-flow-list .step-text {font-size: .94rem;}
.work-flow-list .text-box {margin-left: 0;width: 100%;}
.work-flow-list .text-box p {font-size: 14px;}
.running-cost .head th,.running-cost .head td {font-size: .95rem;padding: 0.6rem 0.5rem;}
.running-cost .table-item th,.running-cost .table-item td {font-size: 1rem;padding: 1.2rem 0.5rem;}
.running-cost .table-item .first {width: 40%;}
.running-cost .cost-no1 {font-size: 12px;left: 0;padding: 3px 5px;top: 7px;}
.img-voice {width: fit-content;}
.faq-box dt {padding: 15px 0 15px 75px;font-size: 16px;}
.faq-box dt::before {padding: 10px 12px 10px 17px;}
.faq-box dd {display: none;margin-left: 1em;padding: 0 15px 15px;font-size: 16px;}
.voice-box ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
.voice-box li {width: 32%;}
.voice-box li img {margin-bottom: 10px;}
.voice-box li p {font-size: 14px!important;}
}
/*矢印 IEのみ*/
@media all and (-ms-high-contrast: none) {
}