@charset "utf-8";
.hidden {visibility: hidden;}
.bnr-center {display: block;text-align: center;}
.bnr-center img {margin: auto;}
.img-box img {max-width: 100%;}
#contents {color: #222;line-height: 1.4;letter-spacing: .5px;}
#contents .contents * {box-sizing: border-box;vertical-align: middle;}
#contents .contents h2 {font-size: 1rem;margin-bottom: 0.6em;}
#contents .contents h3 {font-size: .86rem;}
#contents .contents p {font-size: .86rem;letter-spacing: .4px;line-height: 1.5;padding-bottom: 0;width: 100% !important;}
#contents .contents .text-box p {max-width: 100% !important;width: auto !important;}
#contents .contents img {font-size: .8rem;height: auto;max-width: 100%;vertical-align: middle;width: auto;}
#contents .block {display: block;}
.contents .img-fit {display: block;margin: auto;width: fit-content;}
.mb-l {margin-bottom: 1.6rem !important;}
.mb-m {margin-bottom: 1.2rem !important;}
.mb-s {margin-bottom: 0.8rem !important;}
.mb-xs {margin-bottom: 0.4rem !important;}
.border-after {border: 1px dashed #DFDFDF;display: block;height: 1px;margin: 1.5rem 0;}
.sub-page-head {background-color: #f7f7f7;border: 1px solid #c0c0c0;border-bottom: 4px solid #2994c1;color: #333;padding: .9rem .8rem;}
.bg-title {background-color: #2994c1;color: #fff;font-size: 1rem;letter-spacing: 1px;padding: 1em;}
.sub-title-m {background: #fff1dd;border: 1px solid #F97A33;border-left: 5px solid #F97A33;border-radius: 1px;color: #333;font-size: 0.85rem;line-height: 1.3;margin-bottom: 0.8rem;padding: 0.5rem 0.6rem 0.4rem;}
.toc-container {background-color: #f3f3f3;padding: 0.8rem 0.8rem 0.5rem;margin: auto;}
.toc-container.type-simple {border: 1px solid #dfdfdf;}
.toc-container .toc-head {font-size: .9rem;font-weight: bold;position: relative;margin-bottom: 0.8rem;}
.toc-container.type-simple .toc-head {font-size: .86rem;padding: 0;}
.toc-container .list-head {color: #333;font-size: .9rem;font-weight: normal;margin-top: 0.3rem;margin-bottom: 0.3rem;}
.toc-container .toc-list > li:not(.tips) {color: #c0c0c0;font-size: .9rem;line-height: 1.4;margin-bottom: 0.3rem;}
.toc-list > .item > a {font-size: .94rem;font-weight: bold;display: inline-block;text-indent: 0rem;margin-bottom: 0.1rem;margin-left: 0.3rem;position: relative;}
.toc-container .toc-list > li a::before {content: '●';color: #2994c1;font-size: 10px;padding-right: .6em;}
.toc-container .toc-list a .small {color: inherit;}
.toc-list .sub-toc-list {margin: 0 1.3rem 0.9rem;}
.toc-list .sub-toc-list .item {font-size: .9rem;margin-bottom: 2px;}
.section-box {border: #c0c0c0 solid 1px;padding: 2.5%;width: 100%;}
.section-bg-box {background-color: #f1f1f1;padding: 2.2%;width: 100%;}
.section-bg-box .inner {background-color: #fff;padding: 3.4%;}
.section-box .section-head {background-color: #f1f1f1;line-height: 1.3;padding: .6rem .6rem .6rem .8rem;position: relative;margin-bottom: 1rem;}
.section-box .section-head::before {content: '';background-color: #2994c1;left: 0;height: 100%;top: 0;width: 4px;position: absolute;}
.section-box .img-head {align-items: center;border: 1px solid #c0c0c0;display: flex;padding: 1%;}
.section-box .img-head .img-small {min-width: 28%;width: 28%;}
.section-box .img-head .title {font-weight: bold;font-size: .9rem;margin-left: .8rem;}
.section-box .inner-img {margin: auto;width: 90%;}
.flex-direction {display: flex;}
.flex-direction:not(.flex-wrap) .img-box {width: 30%;}
.flex-direction .img-box.size-m {width: 34%;}
.flex-direction:not(.flex-wrap) .text-box {padding: 1%;margin-left: .5rem;width: 68%;}
.flex-direction.flex-wrap {flex-wrap: wrap;}
.flex-direction.flex-wrap .img-box {display: block;margin: auto auto .5rem;width: auto;}
.flex-direction.flex-wrap .img-box.left {margin: auto auto auto 0;}
.flex-direction.flex-wrap .text-box {padding: 0;margin-left: 0 !important;margin-top: .5rem;width: 100%;}
.flex-direction.flex-wrap .text-box p {margin-left: 0 !important;}
.flex-box .item {width: 48%;}
.flex-box.col-3 .item {width: 32%;}
.flex-box .item {border: 1px solid #d2d2d2;box-sizing: border-box;padding: .5rem;box-shadow: 0 2px 3px #e6e6e6;}
.flex-box .item .head {background-color: #f1f1f1;font-size: .9rem;font-weight: bold;padding: .3rem;}
.table-basic, .table-comparison {border: 1px solid #dfdfdf;border-collapse: collapse;width: 100%;}
.table-basic tr:not(:last-of-type) {border-bottom: 1px solid #ededed;}
.table-basic .center, .table-comparison .center {text-align: center;}
[class^="table-"].fixed {table-layout: fixed;}
[class^="table-"] th, [class^="table-"] td {padding: .4rem .6rem;}
[class^="table-"] td {line-height: 1.2;}
.table-comparison th, .table-comparison td {border: 1px solid #dfdfdf;font-size: .6rem;text-align: center;}
.table-basic .item-head {background-color: #f1f1f1;}
.table-comparison .item-head {background-color: #b7d68b;}
.table-basic .title {width: 24%;word-break: keep-all;}
.table-comparison .title {background-color: #ffffdf;width: 24%;word-break: keep-all;}
.table-basic .dotted-r {border-right: 1px dotted #e1e1e1;}
.table-comparison .img-fixed {padding: 2% 5%;}
.table-simple {border: 1px solid #d9d9d9;width: 100%;}
.table-simple td.none {border: 1px #fff;border-style: solid none none solid;}
.table-simple th, .table-simple td:not(.none) {border: 1px solid #d9d9d9;}
.table-simple .head, .table-simple .name {background: #f3f3f3;}
.table-simple .head {font-size: .7rem;padding: 0.6rem 0.4rem}
.table-simple td {font-size: .7rem;padding: 0.6rem 0.4rem;}
.table-simple .name {font-size: .6rem;padding: 0.6rem 0.3rem;word-break: keep-all;}
.table-simple .name.w-20 {width: 20%;}
.table-simple .img-box {margin: auto;max-width: 80%;padding: 0;}
.section-box .bg-box {background-color: #f1f1f1;padding: 2%;}
.section-box .bg-box.color-y {background-color: #fdf4b8;}
.link-category {display: flex;flex-wrap: wrap;justify-content: center;}
.link-category.col-1 {justify-content: center;}
.link-category .item {flex-basis: 90%;text-align: center;}
.link-category .item a {background-color: #d84e04;border-radius: 5px;box-shadow: 0px 2px 0px #b74000;color: #fff;display: block;font-size: .8rem;line-height: 1.2;padding: .6rem 0 .5rem;text-decoration: none;width: 100%;}
.link-category .item a:hover {opacity: .9;}
.about-flow {background-color: #f1f1f1;padding: 2%;}
.about-flow .list-item {background-color: #fff;padding: 3%;}
.about-flow .list-item:not(:last-of-type) {margin-bottom: 2.6rem;position: relative;}
.about-flow .list-item:not(:last-of-type)::after {content: '';border-style: solid;border-width: 1.3rem 2.6rem 0 2.6rem;border-color: #2994c1 transparent transparent transparent;bottom: -2rem;display: block;left: 50%;position: absolute;transform: translateX(-50%);width: 0;}
.about-flow .flow-title {border: 1px solid #2994c1;display: flex;font-size: .9rem;height: 2.4em;align-items: center;margin-bottom: .6rem;}
.about-flow .flow-title .number {color: #fff;display: inline-flex;font-size: .9rem;font-weight: bold;position: relative;height: 2.4em;margin-right: .5em;width: 2.4em;align-items: center;justify-content: center;z-index: 1;}
.about-flow .flow-title .number::before {content: '';background-color: #2994c1;left: 0;height: 100%;position: absolute;width: 100%;z-index: -1;}
.qa-list .item-box.no-flex {display: block;}
.qa-list .item-box.no-flex p {width: 100% !important;}
.maker-voice .item {background-color: #fff;border: 1px solid #ffcd70;border-radius: 10px;box-shadow: 0 2px 3px #e3e3e3;padding: 0.8rem !important;position: relative;}
.block-arrow {bottom: -2.5rem;border-color: #ed6b1c transparent transparent transparent;border-style: solid;border-width: 2rem 5rem 0 5rem;display: block;margin: auto auto 1.4rem;left: 50%;transform: translateX(-50%);width: 0;}
.block-arrow.small {border-width: 1.6rem 3rem 0 3rem;}
.block-arrow.color-y {border-color: #ffe968 transparent transparent transparent;}
.direction-list .title {border-left: 4px solid #2994c1;color: #333;font-size: .96rem;font-weight: bold;letter-spacing: 0.5px;line-height: 1.4;padding: 0.3rem 0 0.2rem 0.5rem;margin-bottom: 0.6rem;}
.direction-list .title.gray {border-left: 4px solid #9d9d9d;}
.contents .return-top {border-top: 1px dotted #adadad;display: block;text-align: right;margin: 1rem auto 1.5rem;width: 98%;}
.contents .return-top a {font-size: .75rem;}
.contents .return-top a:hover {font-weight: normal;}
/* PC用 */
@media screen and (min-width: 561px){
.btn-img-box {text-align: center;}
#contents .body {margin-right: 0 !important;width: 780px !important;}
.toc-container {padding: 2% 3.4% 1%;width: 94%;}
.body .toc-container {width: 90%;}
.toc-container .toc-list li {font-size: .98rem;margin-bottom: 0.4rem;}
#contents .contents h2 {font-size: 1.1rem;margin-bottom: 0.6em;}
#contents .contents h3 {font-size: 1rem;}
.section-box .section-head {padding: 1rem;}
.section-box .img-head .img-small {min-width: 22%;width: 22%;}
[class^="table-"] th, [class^="table-"] td {padding: .8rem 1rem;}
.table-comparison th, .table-comparison td {font-size: .8rem;}
.table-simple .head {font-size: .86rem;padding: .8rem .6rem;}
.table-simple td {font-size: .94rem;padding: .6rem;}
.table-simple .name {font-size: .8rem;padding: 1rem 0 1rem 1rem;}
.table-simple .name.w-20 {width: 20%;}
.table-simple .img-box {margin: auto;max-width: 70%;padding: 2% 0;}
.btn-img-box {text-align: center;}
.toc-container {padding: 1.3rem 1.6rem 1rem;width: 94%;}
.toc-container .toc-head {font-size: 1.05rem;}
.toc-list .tip-text {font-size: .9rem;padding: 0.1rem 1.2rem;}
.toc-container .toc-list li {font-size: .98rem;margin-bottom: 0.3rem;}
.section-box {border: #c0c0c0 solid 1px;width: 100%;}
.section-bg-box {padding: 2%;}
.section-bg-box .inner {padding: 2.5%;}
.section-box .bg-box {background-color: #f1f1f1;padding: 2%;}
.section-box .bg-box.color-y {background-color: #fdf4b8;}
.link-category {flex-wrap: nowrap;justify-content: space-between;}
.link-category.col-2 .item {flex-basis: 48.4%;text-align: center;}
.link-category .item a {border-radius: 5rem;font-size: .92rem;padding: .6rem 0 .5rem;}
.sub-page-head {padding: 1.1rem .8rem;}
.btn-simple a {font-size: .9rem;}
.contents .return-top {width: 100%;}
}
/* スマホ用 */
@media screen and (max-width: 560px){
.bg-title {text-align: center;}
.link-category .item:first-of-type {margin-bottom: .5rem;}
.maker-voice .item p {max-width: 100% !imoirtant;margin: 0 !important;}
.sp-colum .flex-direction {display: flex;flex-direction: column;}
.sp-colum .flex-direction .img-box {display: block;margin: 0 auto 0.3rem;width: 74%;}
.sp-colum .flex-direction .text-box {display: block;margin: 0;width: 100%;}
.flex-direction.sp-wrap {flex-wrap: wrap;}
.flex-direction.sp-wrap .img-box {margin: auto auto .3rem;width: auto;}
.flex-direction.sp-wrap .img-box.left {margin: auto auto auto 0;}
.flex-direction.sp-wrap .text-box {margin-left: 0 !important;margin-top: .5rem;width: 100%;}
.flex-direction.sp-wrap .text-box p {margin-left: 0 !important;}
.direction-list .title {font-size: .85rem;letter-spacing: .8px;}
.btn-simple .btn-arrow::after {content: '';height: 0.7rem;width: 0.7rem;}
.btn-simple.color-category .btn-arrow::after {content: '';}
.table-simple {margin: 0 0 auto 0!important;width: 100%!important;}
}