@charset "UTF-8";
.font-num { font-family: 'Lato', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-nsj { font-family: 'Noto Sans JP', sans-serif; }

.home-heading { position: relative; font-size: 2rem; text-align: center; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .home-heading { font-size: 1.3333333333rem; } }
.home-heading::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 50px; height: 5px; margin-left: -25px; margin-bottom: -20px; background: linear-gradient(90deg, #3885ae 0%, #3885ae 50%, #39ab93 50%, #39ab93 100%); }

.mainimg-sec { position: relative; }
.mainimg-sec .mainimg-heading { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 30px; font-size: 2rem; font-weight: 700; color: #fff; text-align: center; line-height: 1.6; }
@media screen and (max-width: 960px) { .mainimg-sec .mainimg-heading { font-size: 1.4444444444rem; } }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-heading { font-size: 1.1111111111rem; padding: 4%; } }

.news-sec { padding: 80px 0; background: rgba(73, 73, 73, 0.05); }
@media screen and (max-width: 750px) { .news-sec { padding: 60px 0; } }
.news-sec .home-heading { margin-bottom: 80px; color: #000; }
@media screen and (max-width: 750px) { .news-sec .home-heading { margin-bottom: 60px; } }
.news-sec .news-con { display: flex; justify-content: center; }
.news-sec .news-list { margin-bottom: 40px; }

.osusume-sec { position: relative; margin: 80px 0; }
@media screen and (max-width: 750px) { .osusume-sec { margin: 60px 0; } }
.osusume-sec::before { content: ''; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background-color: #39ab93; }
.osusume-sec .osusume-con { position: relative; padding: 80px 30px 20px; background-color: #39ab93; }
@media screen and (max-width: 960px) { .osusume-sec .osusume-con { padding-bottom: 100px; } }
@media screen and (max-width: 750px) { .osusume-sec .osusume-con { padding: 60px 30px; } }
.osusume-sec .home-heading { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .osusume-sec .home-heading { margin-bottom: 60px; } }
.osusume-sec .home-heading::before { background: linear-gradient(90deg, #3885ae 0%, #3885ae 50%, #fff 50%, #fff 100%); }
.osusume-sec .osusume-list { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
.osusume-sec .osusume-list > li { position: relative; width: 30.6569343066%; margin-right: 4.0145985401%; margin-bottom: 6.204379562%; }
@media screen and (max-width: 750px) { .osusume-sec .osusume-list > li { width: 46%; margin-right: 8%; margin-bottom: 15%; }
  .osusume-sec .osusume-list > li:nth-child(2n) { margin-right: 0; }
  .osusume-sec .osusume-list > li:nth-child(3) { margin-right: 8% !important; } }
.osusume-sec .osusume-list > li:nth-child(3n) { margin-right: 0; }
.osusume-sec .osusume-list > li:last-child { margin-right: 0; }
.osusume-sec .osusume-list > li p { position: absolute; top: 0; left: 0; margin-top: -0.5em; margin-left: -0.5em; font-size: 2.7777777778rem; color: #fff; font-weight: bold; line-height: 1; text-shadow: 1px 1px 3px #000; }
@media screen and (max-width: 1460px) { .osusume-sec .osusume-list > li p { margin-left: -0.2em; } }
@media screen and (max-width: 960px) { .osusume-sec .osusume-list > li p { font-size: 2.7777777778rem; } }
@media screen and (max-width: 750px) { .osusume-sec .osusume-list > li p { font-size: 2.2222222222rem; } }
.osusume-sec .osusume-list > li figure { margin-bottom: 15px; }
.osusume-sec .osusume-list > li figcaption { margin-top: 20px; font-size: 1.2222222222rem; color: #fff; font-weight: 500; line-height: 1.4; text-align: center; }
@media screen and (max-width: 960px) { .osusume-sec .osusume-list > li figcaption { font-size: 1rem; } }
@media screen and (max-width: 750px) { .osusume-sec .osusume-list > li figcaption { margin-top: 20px; font-size: 0.8888888889rem; } }
.osusume-sec .osusume-list > li .osusume-point { display: flex; justify-content: center; color: #fff; font-size: 0.8888888889rem; }
.osusume-sec .osusume-list > li .osusume-point li { padding-left: 1em; text-indent: -1em; }
.osusume-sec .osusume-list > li .osusume-point li::before { content: '・'; display: inline; }

.needs-sec { position: relative; margin-bottom: 80px; }
@media screen and (max-width: 750px) { .needs-sec { margin-bottom: 60px; } }
.needs-sec::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #3885ae; }
.needs-sec .needs-con { position: relative; padding: 80px 30px 140px; background-color: #3885ae; }
@media screen and (max-width: 960px) { .needs-sec .needs-con { padding-bottom: 100px; } }
@media screen and (max-width: 750px) { .needs-sec .needs-con { padding: 60px 30px; } }
.needs-sec .home-heading { margin-bottom: 120px; }
@media screen and (max-width: 750px) { .needs-sec .home-heading { margin-bottom: 60px; } }
.needs-sec .home-heading::before { background: linear-gradient(90deg, #fff 0%, #fff 50%, #39ab93 50%, #39ab93 100%); }
.needs-sec .needs-list { display: flex; max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 960px) { .needs-sec .needs-list { flex-wrap: wrap; justify-content: center; } }
.needs-sec .needs-list li { width: 20%; padding: 0 0.5em; text-align: center; }
@media screen and (max-width: 960px) { .needs-sec .needs-list li { width: 33.3333333333%; margin-bottom: 40px; } }
@media screen and (max-width: 750px) { .needs-sec .needs-list li { width: 50%; } }
.needs-sec .needs-list li img { height: 6em; }
@media screen and (max-width: 750px) { .needs-sec .needs-list li img { height: 3em; } }
.needs-sec .needs-list li figcaption { margin-top: 30px; font-size: 1.2222222222rem; color: #fff; font-weight: 500; }
@media screen and (max-width: 960px) { .needs-sec .needs-list li figcaption { font-size: 1rem; } }
@media screen and (max-width: 750px) { .needs-sec .needs-list li figcaption { font-size: 0.8888888889rem; } }

.coach-sec { padding: 80px 0 100px; background: rgba(73, 73, 73, 0.05); }
@media screen and (max-width: 750px) { .coach-sec { padding: 60px 0; } }
.coach-sec .home-heading { margin-bottom: 100px; color: #000; }
@media screen and (max-width: 750px) { .coach-sec .home-heading { margin-bottom: 60px; } }
.coach-sec .coach-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .coach-sec .coach-con { display: block; } }
.coach-sec .coach-box { width: 48.5714285714%; }
@media screen and (max-width: 750px) { .coach-sec .coach-box { width: 100%; } }
.coach-sec .coach-box a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 40px 50px; color: #fff; }
@media screen and (max-width: 750px) { .coach-sec .coach-box a { padding: 40px 20px; } }
.coach-sec .coach-box dl dt { margin-bottom: 20px; font-size: 1.5555555556rem; font-weight: 500; text-align: center; }
@media screen and (max-width: 750px) { .coach-sec .coach-box dl dt { font-size: 1.2222222222rem; } }
.coach-sec .coach-box dl dd { font-size: 1.1111111111rem; }
@media screen and (max-width: 750px) { .coach-sec .coach-box dl dd { font-size: 1rem; } }
.coach-sec .coach-box.coach-box-01 { background: url("../img/home/search_ph001.jpg") no-repeat; background-size: cover; }
@media screen and (max-width: 750px) { .coach-sec .coach-box.coach-box-01 { margin-bottom: 40px; } }
.coach-sec .coach-box.coach-box-02 { background: url("../img/home/search_ph002.jpg") no-repeat; background-size: cover; }

.flow-sec { padding: 100px 0 80px; background: url("../img/home/flow_ph001.jpg") no-repeat center top; background-size: cover; }
@media screen and (max-width: 750px) { .flow-sec { padding: 60px 0; } }
.flow-sec .home-heading { margin-bottom: 160px; }
@media screen and (max-width: 750px) { .flow-sec .home-heading { margin-bottom: 120px; } }
.flow-sec .flow-list { display: flex; }
@media screen and (max-width: 750px) { .flow-sec .flow-list { display: block; } }
.flow-sec .flow-list li { position: relative; width: 10.7142857143%; height: 500px; margin-right: 7.1428571429%; border: 2px solid #fff; }
@media screen and (max-width: 750px) { .flow-sec .flow-list li { width: 100%; height: auto; margin-right: 0; margin-bottom: 120px; padding: 10px; } }
.flow-sec .flow-list li::before { content: ''; position: absolute; top: 50%; right: 0; width: 33px; height: 66px; margin-top: -16px; margin-right: -70px; background: url("../img/home/ico_flow.svg") no-repeat; }
@media screen and (max-width: 960px) { .flow-sec .flow-list li::before { margin-right: -45px; } }
@media screen and (max-width: 750px) { .flow-sec .flow-list li::before { top: 0; margin-top: 80px; right: 50%; margin-right: -16px; transform: rotate(90deg); } }
.flow-sec .flow-list li.list-01 { background: rgba(57, 171, 147, 0.9); }
.flow-sec .flow-list li.list-02 { background: rgba(57, 163, 152, 0.9); }
.flow-sec .flow-list li.list-03 { background: rgba(57, 156, 158, 0.9); }
.flow-sec .flow-list li.list-04 { background: rgba(56, 148, 163, 0.9); }
.flow-sec .flow-list li.list-05 { background: rgba(56, 141, 169, 0.9); }
.flow-sec .flow-list li.list-06 { background: rgba(56, 133, 174, 0.9); }
.flow-sec .flow-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .flow-sec .flow-list li:last-child { margin-bottom: 0; } }
.flow-sec .flow-list li:last-child::before { display: none; }
.flow-sec .flow-list li .list-num { position: absolute; top: 0; left: 0; width: 100%; margin-top: -0.94em; font-size: 3.3333333333rem; font-weight: bold; color: #fff; text-align: center; line-height: 1; }
@media screen and (max-width: 750px) { .flow-sec .flow-list li .list-num { font-size: 2.2222222222rem; } }
.flow-sec .flow-list li .list-box { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.7777777778rem; color: #fff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; line-height: 2; }
@media screen and (max-width: 750px) { .flow-sec .flow-list li .list-box { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; -o-writing-mode: horizontal-tb; writing-mode: horizontal-tb; font-size: 1.3333333333rem; line-height: 1.6; } }
.flow-sec .flow-list li .list-box span { margin-top: 1em; font-size: 0.7777777778rem; }
@media screen and (max-width: 750px) { .flow-sec .flow-list li .list-box span { margin-top: 0; margin-left: 0.5em; } }

.faq-sec { padding: 100px 0; background-color: #494949; }
@media screen and (max-width: 750px) { .faq-sec { padding: 60px 0; } }
.faq-sec .home-heading { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .faq-sec .home-heading { margin-bottom: 60px; } }
.faq-sec .faq-btn { text-align: center; }
.faq-sec .faq-btn a { display: inline-block; padding: 0.5em 2em; border: 1px solid #494949; background-color: #3885ae; color: #fff; text-decoration: none; transition: all .5s; }
.faq-sec .faq-btn a:hover { background-color: #000; }

/*# sourceMappingURL=home.css.map */