@charset "UTF-8";
@import url(../config/base.scss);
.home { max-width: 100%; height: 100%; max-height: 100%; }
.home .home_wrapper, .home .news { max-width: 1200px; margin: auto; width: 100%; height: 100%; }
@media (max-width: 550.98px) { .home .home_wrapper, .home .news { scale: 0.5; } }
.home .home_wrapper { height: 60vh; grid-column: 1 / 4; background-image: url("../../img/f-tochi_header.jpg"); background-size: cover; background-repeat: no-repeat; background-position: bottom center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10% 0 5%; }
@media (max-width: 411.98px) { .home .home_wrapper { padding: 25% 0 5%; } }
@media (max-height: 660.98px) { .home .home_wrapper { padding: 8% 0 5%; } }
@media (max-height: 660.98px) and (max-height: 560.98px) { .home .home_wrapper { padding: 6% 0 5%; } }

@media (max-height: 660.98px) and (max-height: 560.98px) and (max-height: 460.98px) { .home .home_wrapper { padding: 5% 0px; } }

.home .home_wrapper .company_label { width: 100%; text-align: center; background-color: rgba(58, 146, 0, 0.6); padding: 20px 10px; height: fit-content; }
@media (max-width: 414.98px) { .home .home_wrapper .company_label { padding: 10px; top: 25%; } }
@media (max-height: 660.98px) { .home .home_wrapper .company_label { padding: 10px; top: 25%; } }
.home .home_wrapper .company_label h1 { color: white; font-size: 42px; letter-spacing: 3px; margin: 0px; }
@media (max-width: 540.98px) { .home .home_wrapper .company_label h1 { font-size: calc(100vw / 14); } }
@media (max-height: 460.98px) { .home .home_wrapper .company_label h1 { font-size: calc(100vh / 16); } }
.home .home_wrapper .company_label p { font-family: "Helvetica Neue", Helvetica, sans-serif; margin-bottom: 10px; font-size: 28px; color: #112605; letter-spacing: 2.2px; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; }
@media (max-width: 540.98px) { .home .home_wrapper .company_label p { font-size: calc(100vw / 20); } }
@media (max-height: 460.98px) { .home .home_wrapper .company_label p { font-size: calc(100vh / 18); } }
.home .home_wrapper a { border-radius: 20px; padding: 10px 30px; font-size: 30px; letter-spacing: 2px; transition-duration: 0.2s; position: relative; color: white; background-color: rgba(240, 25, 25, 0.8); border: rgba(255, 255, 255, 0.8) 2px solid; height: fit-content; margin-top: 20px; }
@media (max-height: 660.98px) { .home .home_wrapper a { margin-top: 6vh; } }
@media (max-height: 660.98px) and (max-height: 600.98px) { .home .home_wrapper a { margin-top: 3vh; } }

@media (max-height: 660.98px) and (max-height: 600.98px) and (max-height: 600.98px) and (max-height: 560.98px) and (max-height: 560.98px) { .home .home_wrapper a { padding: 6px 30px; font-size: 24px; } }

.home .home_wrapper a:hover { text-decoration: none; transition-duration: 0.3s; transform: translateY(-2px); box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8); border: rgba(255, 255, 255, 0.8) 1px solid; color: rgba(240, 25, 25, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.home .news { height: 34.8vh; grid-column: 1 / 4; display: flex; flex-wrap: wrap; }
.home .news .news_cover, .home .news .news_content { height: 100%; width: 50%; padding: 10px 15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; }
.home .news .news_cover { padding: 6% 0px; background-color: #BAD040; }
@media (max-width: 575.98px) { .home .news .news_cover { height: fit-content; padding: 6px 0px; width: 100%; padding: 1% 0px; } }
@media (max-height: 800.98px) { .home .news .news_cover { padding-top: 4%; padding-bottom: 4%; } }
@media (max-height: 800.98px) and (max-height: 660.98px) { .home .news .news_cover { padding-top: 2%; } }

@media (max-height: 800.98px) and (max-height: 660.98px) and (max-height: 560.98px) { .home .news .news_cover { padding-top: 1%; } }

.home .news .news_cover * { color: white; width: 100%; text-align: center; display: block; }
.home .news .news_cover h2 { font-weight: bold; font-size: 40px; }
@media (max-width: 575.98px) { .home .news .news_cover h2 { font-size: 26px; margin-bottom: 2px; } }
@media (max-height: 460.98px) { .home .news .news_cover h2 { font-size: calc(100vh / 16); } }
.home .news .news_cover small { margin-bottom: 30px; }
@media (max-width: 575.98px) { .home .news .news_cover small { display: none; } }
@media (max-height: 500.98px) { .home .news .news_cover small { margin-bottom: 1vh; } }
@media (max-width: 575.98px) { .home .news .news_cover p { font-size: 16px; margin-bottom: 4px; } }
@media (max-width: 575.98px) and (max-width: 414.98px) { .home .news .news_cover p { font-size: 14px; } }
@media (max-width: 575.98px) and (max-width: 414.98px) and (max-width: 360.98px) { .home .news .news_cover p { font-size: 13px; } }

@media (max-width: 575.98px) and (max-width: 414.98px) and (max-width: 360.98px) and (max-width: 320.98px) { .home .news .news_cover p { font-size: 11px; } }

@media (max-width: 575.98px) and (max-width: 414.98px) and (max-width: 360.98px) and (max-width: 320.98px) and (max-width: 280.98px) { .home .news .news_cover p { font-size: 10px; } }

@media (max-width: 575.98px) { .home .news .news_cover br { display: none; } }
.home .news .news_content { padding-right: 0px; justify-content: end; }
@media (max-width: 575.98px) { .home .news .news_content { height: auto; width: 100%; } }
.home .news .news_content ul { height: 100%; padding: 0px; display: block; max-height: 300px; width: 94%; overflow: scroll; z-index: 1; margin-bottom: 0px; padding-right: 0px; }
@media (max-width: 1200.98px) { .home .news .news_content ul { max-height: 270px; } }
@media (max-width: 1200.98px) and (max-width: 781.98px) { .home .news .news_content ul { max-height: 240px; } }

@media (max-width: 1200.98px) and (max-width: 781.98px) and (max-width: 575.98px) { .home .news .news_content ul { width: 90%; } }

@media (max-width: 1200.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 414.98px) { .home .news .news_content ul { max-height: 253px; width: 100%; } }

@media (max-width: 1200.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 414.98px) and (max-width: 360.98px) { .home .news .news_content ul { max-height: 271px; } }

@media (max-width: 1200.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 414.98px) and (max-width: 360.98px) and (max-width: 320.98px) { .home .news .news_content ul { max-height: 274px; } }

@media (max-width: 1200.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 414.98px) and (max-width: 360.98px) and (max-width: 320.98px) and (max-width: 280.98px) { .home .news .news_content ul { max-height: 277px; } }

.home .news .news_content ul li { width: 100%; }
.home .news .news_content ul li label { border-bottom: #112605 1px solid; padding-bottom: 4px; width: 100%; color: #3A9200; padding-left: 4px; letter-spacing: 1px; }
.home .news .news_content ul li label::before { content: '◉'; transform: rotate("30deg"); padding-right: 10px; }
.home .news .news_content ul li p { padding-left: 4px; }
.home .news .news_content .under_bar { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; color: #3A9200; padding: 2px; z-index: 2; border-top: 1px solid #3A9200; background-color: rgba(255, 255, 255, 0.8); }
.home footer { height: 5.2vh; grid-column: 1 / 4; background-color: #3A9200; color: white; text-align: center; vertical-align: middle; display: flex; align-items: center; justify-content: center; }
@media (max-width: 550.98px) { .home footer { scale: 0.5; } }
.home footer p { margin-bottom: 0px; }
@media (max-width: 320.98px) { .home footer p { font-size: 10px !important; } }

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