@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
body {
    background-color: rgba(213,231,215,1.00);
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: rgba(89,107,100,1.00);
}
header {
    background-color: rgba(213,231,215,1.00);
    width: 100%;
    padding-bottom: 2rem;
}
header h1 {
    margin: 0 auto;
    padding: 1rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    text-align: center;
    font-size: 2.8rem;
}
header .rounded-circle {
    background-color: rgba(49,174,54,1.00);
    color: rgba(201,226,101,1.00);
    font-size: 2rem;
    font-weight: 700;
}
header h2 {
    text-align: center;
    font-size: 5vw;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
header h4 {
    text-align: center;
    margin-bottom: 2rem;
}
header h3 {
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 700;
}
header h3+ul {
    width: 10rem;
    margin: 0 auto;
}
header h3+ul li {
    font-size: 1.4rem;
}

header img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 576px) {
    header h1 {
        font-size: 1.65rem;
        padding: 0;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    header .rounded-circle {
        font-size: 1.7rem;
        font-weight: 700;
    }
    header h2 {
        font-size: 1.9rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    header h4 {
        text-align: left;
        margin-bottom: 2rem;
    }
    header h3 {
        margin-bottom: 1rem;
    }
    header img {
        margin-top: 2rem;
    }    
}
@media (max-width: 991px) {
    header h1 {
        font-size: 1.72rem;
    }
    header .rounded-circle {
        font-size: 1.1rem;
    }

    
}
@media (min-width: 992px) and (max-width: 1199px) {
    header h1 {
        font-size: 2.4rem;
    }
    header .rounded-circle {
        font-size: 1.9rem;
    }

}
@media (min-width: 1420px) {
}
menu {
    margin: 0;
    padding: 0;
}
menu a {
    color: rgba(0,0,0,1.00);
    padding: 1.0rem 0.3rem !important;
}
menu a.nav-item {
    border: 1px solid rgba(255,255,255,.3);
    background-color: rgba(45,65,30,1.0);
    color: rgba(255,255,255,1.00);
}
menu a.nav-item:hover {
    border: 1px solid rgba(255,255,255,1);
    background-color: rgba(80,115,53,1.00);
}
.menu1 li{
    border: 1px solid rgba(255,255,255,.3);
}
.menu1 li a{
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 500;
    color: rgba(255,255,255,1.00);
}
.menu1 li a span{
    transition: 1s;
}
.menu1 li a:hover span{
    color: rgba(248,255,135,1.00);
    transform: scale(1.1);
}

article h3 {
    text-decoration: underline;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

article.jobs {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 2rem;
}
article.jobs h2 {
    font-size: 3vw;
    font-weight: 700;
    text-align: center;
}
article.jobs img {
    max-height: 60px;
    margin-right: 1rem;
    float: left;
}
article.jobs h6 {
    font-size: 1.7rem;
    font-weight: 400;
    color: rgba(49,174,54,1.00);
    margin-bottom: 0;
}
article.jobs .join-line {
    font-size: 1.4rem;
}
article.jobs .card {
    margin-top: 1.5rem;
    background-color: rgba(201,226,101,1.00);
    border-radius: 15px;
    border: 0;
}
article.jobs .card h5{
    color: rgba(49,174,54,1.00);
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
}
article.jobs dl{
    margin-bottom: 0;
}
article.jobs dt{
    text-align: right;
    font-size: 1.4rem;
}
article.jobs dd{
    text-align: left;
    font-size: 1.4rem;
}
@media (max-width: 576px) {
    article.jobs h2 {
        font-size: 1.9rem;
        margin-bottom: 2rem;
    }
}
@media (max-width: 991px) {
    article.jobs dt, article.jobs dd{
        text-align: center;
    }
}

article.lecture {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
article.lecture h2{
    text-align: center;
    color: rgba(49,174,54,1.00);
    font-size: 4vw;
    font-weight: 700;
}
article.lecture h3{
    text-align: left;
    font-size: 2.5vw;
    font-weight: 700;
}
article.lecture h4{
    font-size: 2rem;
    font-weight: 700;
    text-decoration: underline;
}
article.lecture li{
    font-size: 1.4rem;
}
article.lecture img {
    
}
.lecture2 {
    width: 80%;
    border: solid 10px rgba(255,255,255,1.00);
    margin: 0 auto;
    padding: 2rem;
    margin-top: 1rem;
}
.lecture2 a{
    font-size: 2rem;
}
@media (max-width: 576px) {
    article.lecture h2{
        font-size: 3rem;

    }
    article.lecture h3{
        text-align: center;
        font-size: 2rem;
        margin-top: 0;
        margin-bottom: 2rem;
    }
    article.lecture h4{
        font-size: 1.5rem;
    }
    article.lecture li{
        font-size: 1.1rem;
    }
    .lecture2 {
        width: 100%;
        padding: 1rem;
        margin-top: 2rem;
    }
    div.lecture2 h4 {
        font-size: 1.25rem;
    }
    .lecture2 a{
        font-size: 2rem;
        font-weight: 700;
    }

    
}

article.forcompany {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    font-size: 1.2rem;
}
article.forcompany h2 {
    font-size: 3vw;
    font-weight: 700;
}
article.forcompany h4 {
    font-size: 2vw;
}
article.forcompany img {
    margin: 2rem;
}
@media (max-width: 576px) {
    article.forcompany h2 {
        font-size: 2.5rem;
    }
    article.forcompany h4 {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
    .forcompany-bottom {
        font-size: 1rem;
    }

}


section.mhlw-links {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
section.mhlw-links h2 {
    font-size: 2rem;
    font-weight: 700;
}
section.mhlw-links li{
    background-color: rgba(213,231,215,1.00);
    border: 0;
}
section.mhlw-links li a{
    display: block;
    color: rgba(89,107,100,1.00);
    font-size:1.5rem;
    text-decoration: underline;
}
section.mhlw-links li a:hover{
    color: rgba(89,107,100,0.7);
}
section.mhlw-links .linksimg {
    max-width: 600px;
    margin: 0 auto;
    padding: 1rem;
}
@media (max-width: 576px) {
    section.mhlw-links li{
        padding: 0.5rem 0;
    }
}


section.access {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
section.access h2 {
    font-size: 2rem;
    font-weight: 700;
}

section.access h3 {
    font-size: 2.5rem;
    font-weight: 700;
}
section.access address {
    font-size: 1.1rem;
    margin-bottom: 0;
    margin-top: 1rem;
}
section.access dl {
    margin-bottom: 0;
}
section.access dt {
    text-align: right;
}
section.access a.btn-lg {
    margin: 1rem;
}
@media (max-width: 576px) {
    section.access h3 {
        font-size: 1.51rem;
    }
    section.access a.btn-lg {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    
    
}
@media (max-width: 767px) {
    section.access dt {
        text-align: left;
    }
}

article.policy {
    margin: 2rem;
}
article.policy h2 {
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
}
article.policy pre {
    white-space: pre-wrap ;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: rgba(89,107,100,1.00);
    font-size: 1.1rem;
}
@media (max-width: 576px) {
    article.policy h2 {
        font-size: 1.7rem;
    }
}

section.contact {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
}
section.contact h4 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
section.contact p {
    font-size: 1.2rem;
    font-weight: 500;
}

div.contact-form {
    margin-top: 2rem;
}
div.contact-form #InputCheck{
    margin-top: 1rem;
}
div.contact-form .policy-check span{
    font-size: 1.5rem;
    margin-left: 1rem;
}
@media (max-width: 576px) {
    section.contact p {
        text-align: left;
        width: 90%;
        margin: 0 auto;
    }
}


footer {
    height: 3rem;
    padding-top: 0.5rem;
}
footer div.copyright {
    font-size: 1rem;
}

.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
 
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.art-footer {
    background-color:rgba(35,59,108,1);
    width: 100%;
    margin-top: 2rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.art-footer img {
    width: 100%;
}
.art-footer a {
    color: #fff;
    margin-bottom: 1rem;
}
.art-footer hr {
    margin: 0;
}
.art-footer h3 {
    font-size: 1.4rem;
    margin-bottom: 0;
}
.art-footer h5 {
    font-size: 0.8rem;
    margin-bottom: 0;
}
.art-footer span {
   margin-bottom: 1rem;
   padding-left: 1rem;
}
@media (width<=576px) {
    .art-footer h3 {
        margin-top: 1rem;
    }
}