@charset "UTF-8";
.bg { background-color: #000; color: #fff; }

.mainimg-sec .mainimg-fig { position: relative; }
.mainimg-sec .mainimg-fig .mainimg-fig-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mainimg-sec .mainimg-fig .mainimg-fig-in { width: 100%; max-width: 1160px; margin: 0 auto; }
.mainimg-sec .mainimg-fig .mainimg-fig-logo { margin-top: 1.4641288433%; }
@media screen and (max-width: 1160px) { .mainimg-sec .mainimg-fig .mainimg-fig-logo { width: 27.1595900439%; margin-top: 0.7320644217%; } }
.mainimg-sec .mainimg-fig .mainimg-fig-h { margin-top: -20px; padding-left: 30px; font-size: 3rem; line-height: 1.2; }
@media screen and (max-width: 1160px) { .mainimg-sec .mainimg-fig .mainimg-fig-h { font-size: 2.25rem; } }
@media screen and (max-width: 900px) { .mainimg-sec .mainimg-fig .mainimg-fig-h { margin-top: -10px; font-size: 1.75rem; } }
@media screen and (max-width: 600px) { .mainimg-sec .mainimg-fig .mainimg-fig-h { padding-left: 20px; font-size: 1.125rem; } }
.mainimg-sec .mainimg-fig .mainimg-fig-h big { font-size: 7.5rem; }
@media screen and (max-width: 1160px) { .mainimg-sec .mainimg-fig .mainimg-fig-h big { font-size: 5.625rem; } }
@media screen and (max-width: 900px) { .mainimg-sec .mainimg-fig .mainimg-fig-h big { font-size: 3.75rem; } }
@media screen and (max-width: 600px) { .mainimg-sec .mainimg-fig .mainimg-fig-h big { font-size: 2.8125rem; } }
.mainimg-sec .mainimg-lead { max-width: 1366px; margin: 0 auto; background: url("../img/home/01.png") no-repeat left top; }
@media screen and (max-width: 900px) { .mainimg-sec .mainimg-lead { margin-bottom: 60px; background-size: 100% auto; } }
.mainimg-sec .mainimg-lead .inner { display: flex; justify-content: flex-end; align-items: center; min-height: 630px; }
@media screen and (max-width: 600px) { .mainimg-sec .mainimg-lead .inner { display: block; min-height: initial; padding-top: 55.8891454965%; } }
.mainimg-sec .mainimg-lead .mainimg-lead-txt { width: 51%; }
@media screen and (max-width: 600px) { .mainimg-sec .mainimg-lead .mainimg-lead-txt { width: 100%; } }
.mainimg-sec .mainimg-lead .mainimg-lead-txt p { margin-top: 1em; }
.mainimg-sec .mainimg-lead .mainimg-lead-h { font-size: 2.125rem; line-height: 1.6; }
@media screen and (max-width: 600px) { .mainimg-sec .mainimg-lead .mainimg-lead-h { font-size: 1.375rem; } }

.feature-sec { margin-bottom: 130px; }
@media screen and (max-width: 600px) { .feature-sec { margin-bottom: 80px; } }
.feature-sec .c-youtube { margin-bottom: 100px; }
@media screen and (max-width: 600px) { .feature-sec .c-youtube { margin-bottom: 60px; } }
.feature-sec .feature-h { margin-bottom: 15px; font-size: 1.625rem; }
@media screen and (max-width: 600px) { .feature-sec .feature-h { font-size: 1.25rem; } }
.feature-sec .feature-1 { margin-bottom: 100px; }
.feature-sec .feature-1 p { margin-bottom: 40px; }
.feature-sec .feature-1 .feature-1-figs { display: flex; justify-content: space-between; }
@media screen and (max-width: 600px) { .feature-sec .feature-1 .feature-1-figs { display: block; } }
.feature-sec .feature-1 .feature-1-figs figure { width: 47.3%; }
@media screen and (max-width: 600px) { .feature-sec .feature-1 .feature-1-figs figure { width: 100%; margin-bottom: 40px; text-align: center; }
  .feature-sec .feature-1 .feature-1-figs figure:last-child { margin-bottom: 0; } }
.feature-sec .feature-lg { position: relative; }
.feature-sec .feature-lg .feature-lg-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; width: 100%; height: 100%; }
@media screen and (max-width: 600px) { .feature-sec .feature-lg .feature-lg-in { position: static; display: block; margin-bottom: 60px; } }
.feature-sec .feature-lg .feature-lg-txt { width: 43%; padding-top: 60px; }
@media screen and (max-width: 600px) { .feature-sec .feature-lg .feature-lg-txt { width: 100%; padding-top: 40px; } }
@media screen and (max-width: 600px) { .feature-sec .feature-lg figure { overflow: hidden; } }
.feature-sec .feature-lg figure img { width: 100%; }
@media screen and (max-width: 600px) { .feature-sec .feature-lg figure img { width: 200%; max-width: initial; } }
.feature-sec .feature-lg.feature-2 .inner { display: flex; justify-content: flex-end; }
@media screen and (max-width: 600px) { .feature-sec .feature-lg.feature-3 figure img { transform: translateX(-30%); } }
.feature-sec .feature-4 { background: #1a1a1a; background: linear-gradient(90deg, #1a1a1a 50%, black 50%); }
.feature-sec .feature-4 .feature-4-in { max-width: 1366px; margin: 0 auto; padding: 55px 0; background: #1a1a1a; background: linear-gradient(90deg, #1a1a1a 0%, black 100%); }
@media screen and (max-width: 600px) { .feature-sec .feature-4 .feature-4-in { padding: 40px 0 0; background: linear-gradient(180deg, #1a1a1a 0%, black 100%); } }
.feature-sec .feature-4 .inner { display: flex; flex-direction: row-reverse; justify-content: space-between; }
@media screen and (max-width: 600px) { .feature-sec .feature-4 .inner { flex-direction: column-reverse; } }
.feature-sec .feature-4 .feature-4-txt { width: 43%; padding-top: 20px; }
@media screen and (max-width: 600px) { .feature-sec .feature-4 .feature-4-txt { width: 100%; padding-top: 40px; } }
.feature-sec .feature-4 figure { width: 48.4%; }
@media screen and (max-width: 600px) { .feature-sec .feature-4 figure { width: 100%; text-align: center; } }

.lineup-sec { max-width: 1040px; margin: 0 auto; padding-bottom: 50px; }
@media screen and (max-width: 600px) { .lineup-sec { padding-bottom: 30px; }}
.lineup-sec .lineup-nav { display: flex; justify-content: space-between; margin-bottom: 100px; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-nav { margin-bottom: 60px; } }
.lineup-sec .lineup-nav li { width: 30.7692307692%; padding: 20px 0; border-radius: 10px; background: #003664; background: linear-gradient(0deg, #003664 0%, black 100%); text-align: center; }
.lineup-sec .lineup-nav li a { color: #fff; text-decoration: none; }
.lineup-sec .lineup-nav li p { margin-top: 20px; padding-bottom: 30px; background-repeat: no-repeat; background-position: center bottom; font-size: 1.625rem; font-weight: 700; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-nav li p { font-size: 1rem; line-height: 1.4; } }
.lineup-sec .lineup-nav li p strong { display: block; font-size: 2.25rem; line-height: 1.2; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-nav li p strong { margin-bottom: 10px; font-size: 1.125rem; } }
.lineup-sec .lineup-nav li.lineup-nav-1 p { background-image: url("../img/home/03_01_arrow.png"); }
.lineup-sec .lineup-nav li.lineup-nav-2 p { background-image: url("../img/home/03_02_arrow.png"); }
.lineup-sec .lineup-nav li.lineup-nav-3 p { background-image: url("../img/home/03_03_arrow.png"); }
.lineup-sec .lineup-box { margin-bottom: 100px; padding: 50px 20px 90px; border-radius: 20px; background-color: #212121; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box { margin-bottom: 30px; padding-bottom: 60px; } }
.lineup-sec .lineup-box .lineup-box-in { max-width: 940px; margin: 0 auto; }
.lineup-sec .lineup-box .lineup-box-copy { font-size: 1.375rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-copy { font-size: 1.125rem; } }
.lineup-sec .lineup-box .lineup-box-h { margin-bottom: 50px; font-size: 2.6875rem; text-align: center; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-h { font-size: 1.5rem; } }
.lineup-sec .lineup-box .lineup-box-fig { text-align: center; }
.lineup-sec .lineup-box .lineup-box-cap { margin-bottom: 50px; text-align: center; }
.lineup-sec .lineup-box .lineup-box-point { display: flex; flex-wrap: wrap; margin-bottom: 50px; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-point { margin-bottom: 40px; } }
.lineup-sec .lineup-box .lineup-box-point .lineup-box-point-item { width: 48.9361702128%; margin-right: 2.1276595745%; margin-bottom: 2.1276595745%; padding: 25px 30px; border-radius: 10px; background-color: #fff; }
.lineup-sec .lineup-box .lineup-box-point .lineup-box-point-item:nth-child(2n) { margin-right: 0; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-point .lineup-box-point-item { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 25px 20px; } }
.lineup-sec .lineup-box .lineup-box-point .lineup-box-point-h { margin-bottom: 15px; padding: 8px 5px; border-radius: 10px; font-size: 1.25rem; line-height: 1.4; text-align: center; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-point .lineup-box-point-h { font-size: 1.125rem; } }
.lineup-sec .lineup-box .lineup-box-point .lineup-box-point-h span { display: inline-block; text-align: left; }
.lineup-sec .lineup-box .lineup-box-point .lineup-box-point-h-wrap { margin-bottom: 15px; }
.lineup-sec .lineup-box .lineup-box-point .lineup-box-point-h-wrap .lineup-box-point-h { margin-bottom: 0; }
.lineup-sec .lineup-box .lineup-box-point ul { padding-left: 1em; color: #000; }
.lineup-sec .lineup-box .lineup-box-point ul li { padding-left: 1em; text-indent: -1em; }
.lineup-sec .lineup-box .lineup-box-point ul li::before { content: '・'; display: inline; }
.lineup-sec .lineup-box .c-youtube { margin-bottom: 75px; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .c-youtube { margin-bottom: 60px; } }
.lineup-sec .lineup-box .lineup-box-nav { display: flex; justify-content: center; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-nav { display: block; } }
.lineup-sec .lineup-box .lineup-box-nav .c-btn { margin-right: 50px; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-nav .c-btn { margin: 0 auto 30px; } }
.lineup-sec .lineup-box .lineup-box-nav .c-btn:last-child { margin-right: 0; }
@media screen and (max-width: 600px) { .lineup-sec .lineup-box .lineup-box-nav .c-btn:last-child { margin: 0 auto; } }
.lineup-sec .lineup-box#lineup1 .lineup-box-copy { color: #f39600; }
.lineup-sec .lineup-box#lineup1 .lineup-box-point-h { background-color: #f39600; }
.lineup-sec .lineup-box#lineup2 .lineup-box-copy { color: #46a0ff; }
.lineup-sec .lineup-box#lineup2 .lineup-box-point-h { background-color: #46a0ff; }
.lineup-sec .lineup-box#lineup3 .lineup-box-copy { color: #7fd000; }
.lineup-sec .lineup-box#lineup3 .lineup-box-point-h { background-color: #7fd000; }

.contact-sec { padding: 40px 0; }
.contact-sec .contact-web { margin-bottom: 50px; }
.contact-sec .contact-web p { margin-bottom: 20px; text-align: center; }
.contact-sec .contact-web a { display: block; max-width: 500px; margin: 0 auto; padding: 1em; border-radius: 2em; background-color: #0C3178; color: #fff; font-size: 1.125rem; font-weight: 700; text-align: center; text-decoration: none; }
.contact-sec .contact-tel { text-align: center; }
.contact-sec .contact-tel .contact-tel-h { margin-bottom: 10px; font-size: 1.5rem; }
.contact-sec .contact-tel .contact-tel-no { color: #002d84; font-size: 2.875rem; font-weight: 700; line-height: 1.2; text-decoration: none; }

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