@charset "UTF-8";
/* CSS Document */
body{
    font-family: "Sawarabi Gothic"; 
    font-weight: 600;
    font-style: normal;
}
#slide{
    height:100vh;
    overflow: hidden;
    position: relative;
    z-index: -999;
    top: 0;
    left: 0;
}
.slide-img{
    width:100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}
.slide-img01{
    background: url(../img/img-main02.jpg);
    background-size:cover;
}
.slide-img02{
    background: url(../img/img-main03.jpg);
    background-size:cover;
}
.slide-img03{
    background: url(../img/img-main04.jpg);
    background-size:cover;
    background-position: center;
}
.sp-first{
    width:100%;
    height:100vh;
    position: relative;
    background:rgba(0,174,186,0.5);
}
.sp-first-container{
    position: absolute;
    width:90%;
    top:45%;
    left:50%;
    transform: translate(-50%,-50%);
}
.sp-first-lg{
    width:50%;
    margin:0 auto;
}

.sp-first-lg img{
    width:100%;
}

.sp-first ul{
    width:80%;
    margin:50px auto 0;
}

.sp-first li{
    width:100%;
    background-color:#fff;
    text-align: center;
    margin:25px 0;
    box-shadow: 0 0 6px #0b8f98;
    font-size:19px;
    border-radius: 10px;
}
.sp-first a{
    display: block;
    padding:18px;
    color:#00aeba;
    text-decoration: none;
}
.sp-first a:hover{
    text-decoration: none;
}
#contact{
    width:100%;
    background-color: rgba(0,174,186);
    padding:40px 0;
}
.contact-ttl{
    margin:0 auto 20px; 
    text-align: center;
}
.contact-ttl-h2{
    font-size:18px;
    color:#ffffff;
}
.contact-ttl-p{
    font-size:14px;
    margin-top: 10px;
}
#contact p{
    color:#ffffff;
    text-align: center;
    margin:10px 0;
    line-height:1.6em;
}
footer{
    text-align: center;
   padding:20px 0;
}
footer img{
    width:40%;
}
footer p{
    font-size:15px;
    color:#00aebb;
    margin:10px 0;
}
.btn-contact{
    display: block;
    width:70%;
    margin:20px auto;
    text-align: center;
    background-color:#fff;
    text-decoration: none;
    color:#00aebb;
    padding:20px;
    transition: 0.3s ease-in-out;
    border-radius: 30px;
    font-weight: 600;
}
.address{
    font-size:14px;
}
.btn-contact:hover{
    opacity:0.5;
}
.recruit-btn{
    display: inline-block;
    text-decoration: none;
    color:#fff;
    background:#00aebb;
    padding:10px 20px;
    font-size:16px;
    border-radius: 25px;
    box-shadow: 0 0 3px #6da8a8;
    transition: 0.3s ease-in-out;
    border: 2px solid #00aebb;
}
.recruit-btn:hover{
        color:#00aebb;
        background:#fff;
        border: 2px solid #00aebb;
    }
.copywrite{
    font-size:10px;
}
/*下層ページタイトル共通css*/
.page-ttl{
    width:300px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color:rgba(255,255,255,0.6);
    padding: 30px 0;
}
.page-ttl-h2{
    font-size:18px;
    font-weight: 400;
}
.page-ttl-p{
    font-size:14px;
    color: #00aebb;
    margin-top: 10px;
}
.break-line{
    width:100%;
    height:40px;
    background-image: url("../img/bg-stripe.png");
    background-size:cover;
}
.ttl-h2{
    font-size:18px;
    color:#00aebb;
    font-weight: 100;
}
.section-css{
    margin:0 auto;
    padding:30px 0 0;
}
.page-mainview{
    width:100%;
    height:200px;
    background-size: cover;
    background-repeat: no-repeat;
}
/*下層ページタイトル共通cssここまで*/
@media screen and (min-width:500px) and (max-width:1100px){
    .sp-first-lg{
        width:40%;
        margin:0 auto;
    }
    .sp-first ul{
        width:50%;
        margin:50px auto 0;
    }
    .sp-first-lg{
        width:35%;
        margin:0 auto;
    }
    .sp-first-container{
        position: absolute;
        width:80%;
        top:45%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .btn-contact{
        width:300px;
    }
}


/*ここからPC版css*/
@media screen and (min-width:1100px){
    .sp-first-lg{
        width:20%;
        margin:0 auto;
    }
        .sp-first ul{
        width:25%;
        margin:0 auto;
    }
    .btn-contact{
        width:300px;
    }
}