.chart-box{margin-top:3em;padding:5em 1em 4em;background:#eeedef url(../img/flowchart-bg.jpg) no-repeat top center/100%}.chart-box-head{padding-bottom:4em;text-align:center}.chart-box-head .lead{font-size:1.8rem;color:var(--color-main-dark)}.chart-box-head .ttl{width:-moz-fit-content;width:fit-content;margin-inline:auto;color:var(--color-main-dark);font-family:var(--font-serif);letter-spacing:.1em;font-size:3.2rem;line-height:1.7}.chart-box-head .ttl::after{content:"";display:block;height:8px;background:radial-gradient(circle farthest-side, var(--color-main), var(--color-main) 40%, transparent 40%, transparent);background-size:8px}.chart-box-body{max-width:940px;margin-inline:auto;padding:1.5em 2em;border-radius:10px;background:#fff}.chart_item{transition:height .5s,opacity .5s;overflow:hidden;height:0;opacity:0;visibility:hidden}.chart_item.is-hidden{height:0;opacity:0;visibility:hidden}.chart_item.is-show{height:auto;opacity:1;visibility:visible}.chart_item-head{margin-bottom:4em;padding-top:3em;text-align:center;color:var(--color-main-dark);font-family:var(--font-serif);letter-spacing:.1em}.chart_item-head .num,.chart_item-head .result{width:-moz-fit-content;width:fit-content;margin:0 auto 1em;color:var(--color-main);font-size:2.2rem;border-bottom:1px solid var(--color-main)}.chart_item-head .num{letter-spacing:.2em}.chart_item-head .ttl{font-size:2.6rem;line-height:1.6}.chart_item-body{padding-bottom:6em}.chart_item-body .select{display:grid;grid-template-columns:repeat(2, 1fr);max-width:460px;margin:0 auto;gap:2em}.chart_item-body .select._col3{grid-template-columns:repeat(3, 1fr);max-width:620px;gap:1.5em}.chart_item-body .select-btn{display:inline-block;padding:3em 1em;font-size:1.8rem;color:var(--color-main-dark);border-radius:5px;border:2px solid var(--color-main-dark);transition:background-color .5s ease-in}.chart_item-body .select-btn._yes{border-color:var(--color-main)}.chart_item-body .select-btn._yes:hover,.chart_item-body .select-btn._yes:focus{background:var(--color-main-lite)}.chart_item-body .select-btn._no{border-color:#2a6fa8}.chart_item-body .select-btn._no:hover,.chart_item-body .select-btn._no:focus{background:#eef7ff}.chart_item-body .select-btn._sect{border-color:#a79009}.chart_item-body .select-btn._sect:hover,.chart_item-body .select-btn._sect:focus{background:#f3f2e7}._result .chart_item-head{margin-bottom:1em}.result-box{display:grid;max-width:600px;margin:0 auto}.result-box._col2{grid-template-columns:repeat(2, 1fr);gap:3em}.result-box-item{max-width:400px;margin:0 auto;text-align:center}.result-box-item .name{color:var(--color-main-dark);font-family:var(--font-serif);letter-spacing:.1em;font-size:2.2rem;margin-bottom:.75em}.chart-box-back{min-height:30px}.chart-box-back .btn{color:var(--color-main-dark)}.chart-box-back .c-arrow{width:2.2em;margin-right:1em}.chart-box-restart{margin-top:2em;text-align:center}.chart-box-restart .btn{display:inline-block;width:100%;max-width:300px;color:var(--color-main-dark);padding:.75em 1.5em;background:rgba(255,255,255,.8);transition:background-color .5s ease-in}.chart-box-restart .btn:hover{background:#fff}@media screen and (max-width: 767px){.chart-box{margin-top:0;margin-inline:var(--content-overflow);padding-top:4em;background-image:url(../img/flowchart-bg-sp.jpg)}.chart-box-head{padding-bottom:2.5em}.chart-box-head .lead{font-size:1.3rem}.chart-box-head .ttl{font-size:2.4rem}.chart-box-body{padding-inline:1.5em;border-radius:5px}.chart_item-head{margin-bottom:3em;padding-top:1em}.chart_item-head .num,.chart_item-head .result{font-size:1.8rem}.chart_item-head .ttl{font-size:1.7rem}.chart_item-body{padding-bottom:4em}.chart_item-body .select,.chart_item-body .select._col3{gap:10px}.chart_item-body .select-btn{font-size:1em}.chart_item-body .select._col3 .select-btn{padding-block:2em}.chart-box-back{text-align:center}.result-box._col2{gap:1em}.result-box-item .name{font-size:1.6rem}}/*# sourceMappingURL=chart.css.map */