@charset "UTF-8";

/*トップ画像*/
#h_contents1 {
    display: none;
}
header {
    width: 100vw;
    height: 75vh;
    background-image: url(../../images/top/topimage2.jpg);
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
#header {
    width: 100vw;
    position: relative;
    bottom: 47px;
    opacity: 0.9;
}
header #logo {
    width: 50vw;
    max-width: 700px;
    min-width: 500px;
}

/*コンセプト*/
.concept {
    width: 100vw;
}
main .concept .concept-title .m-w {
    display: block ;
    width: 831px;
    margin: 60px auto 0 auto;
}
.concept .concept-title .small {
    display: none;
}
main .concept p {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: serif;
    width: 831px;
    margin: 60px auto;
}

/*お知らせ*/
main .info {
    display: flex;
    justify-content: center;
    width: 100vw;
    padding: 30px 0;
    background: #89be1f;
    opacity: 0.8;
    margin: 0;
    overflow: hidden;
}
main .info h2 {
    color: #fff;
    font-weight: 100;
    letter-spacing: 3px;
    margin: 15px 0 0 0;
    position: relative;
    left: 20px;
}
main .info .news-list {
    width: 65%;
    max-width: 600px;
    margin: 0;
    position: relative;
    left: 20px;
}
main .info dl dt {
    width: 25%;
    text-align: right;
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
    font-weight: bold;
}
main .info dl dd {
    width: 65%;
    float: right;
    margin: 0 0 0 10%;
    padding: 0 0 8px 0;
}
main .info dl a,
a:link {
    color: #231815;
}

/*ピックアップ*/
#pick {
    width: 100vw;
}
main .pick-up  {
    width: 831px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10vh auto;
}
main .pick-up .pick-up_item {
    width: 48%;
    margin: 0 2% 2% 0;
}
main .pick-up .pick-up_item a {
    text-decoration: none;
    color: #000;
}
main .pick-up .pick-up_item:hover {
    color: #888;
    opacity: 0.7;
}
main .pick-up .pick-up_item:nth-child(even) {
    margin-right: 0;
}
main .pick-up .pick-up_item img {
    width: 100%;
    border-radius: 9px;
}
main .pick-up .pick-up_item h3 {
    font-size: 2.25rem;
    line-height: 1;
}
main .pick-up .pick-up_item p {
    font-size: 1.8rem;
    font-weight: 200;
    line-height: 1.2;
}
#hojin {
    color: #1ea639;
    border-bottom: 1px solid #1ea639;
    margin: 0 0 12px;
    padding: 3px 0 8px 27px;
}

#hojin_deco,
#sisetsu_deco,
#recluitment_deco,
#staffblog_deco {
    float:left;
    margin: 2px;
}

#sisetsu {
    color: #036eb3;
    border-bottom: 1px solid #036eb3;
    margin: 0 0 12px;
    padding: 3px 0 8px 27px;
}

#recluitment {
    color: #e11373;
    border-bottom: 1px solid #e11373;
    margin: 0 0 12px;
    padding: 3px 0 8px 27px;
}

#staffblog {
    color: #e77483;
    border-bottom: 1px solid #e77483;
    margin: 0 0 12px;
    padding: 3px 0 8px 27px;
}

/*お問い合わせ*/
#contact_box {
    width: 100vw;
}
.contact {
    width: 230px;
    margin: 50px auto 100px auto;
}
.contact #kochira {
    font-size: 1.4rem;
    font-weight: bolder;
    margin: 0 auto;
}
.contact a {
    text-decoration: none;
    color: #231815;
}
/*フッター*/
#footer {
    width: 100vw;
}