@charset "utf-8";

@import url("basic.css");





/* コンテンツ全体 */
#wrapper {
    clear: both;
}

/* メイン画像 */
.mainpic2 {
    text-align: center;

}

.mainpic2 img {
    text-align: center;
    margin: 0 auto;
}





a:hover img {
    opacity: 1;
}


/* メイン部分 */

#youtube>div>iframe {
    width: 800px;
    aspect-ratio: 5 / 3;
}




section h2 {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 30px;
}

#recruit h2 {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 30px;
    padding: 5% 5% 4%;
    border: 1px solid #aaa;
    padding: 20px 0;
    margin-bottom: 80px;

}



.jumpbtn {
    width: 600px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;

}

.jumpbtn>div>div>a>p {
    border: 2px solid #aaa;
    background-color: white;
    width: 280px;
    padding: 20px 0 13px;
    text-indent: 0;
    font-size: 1.4em;
}

.jumpbtn>div>div>a>p:nth-child(1) {
    margin-bottom: 12px;
}

.jumpbtn>div:nth-child(2) {
    padding: 0 30px;

}

.jumpbtn>div:nth-child(2)>p {
    font-size: smaller;
    line-height: 16px;
}


.jumpbtn>div:nth-child(2)>img {
    width: 130px;
    height: 130px;
    margin-bottom: 10px;
}

.recruitcoment {
    margin-top: 40px;

    text-align: center !important;

}











.companyinfo dl {
    display: flex;
    flex-wrap: wrap;
}


.companyinfo dt {
    width: 25%;

    padding: 22px 30px 11px;
    color: #000;
    text-align: center;
    border-bottom: 2px solid #bbb;
    vertical-align: middle;
    font-size: 1.2rem;

}

.companyinfo dd {
    width: 75%;
    border-bottom: 2px solid #eee;
    text-align: left;
    font-size: 1.2rem;
    padding: 18px 30px 11px;
    line-height: 1.6em;

}

.companyinfo dd a {
    color: blue;
    text-decoration: underline;

}












div#topsns {
    height: 100px;
    width: 100%;
    text-align: center;
    padding: 15px 0 0 0;
}

div#topsns ul {
    overflow: hidden;
    display: inline-block;
    position: relative;
    left: -8px;
}

div#topsns ul li {
    float: left;
    margin-left: 18px;
}




p#omoi {
    font-size: 16px;
    padding: 2px 0 0 10px;
    position: relative;
    left: 50px;
    top: -40px;
    width: 100px
}

/* ---------------------------------
メディアクエリー
--------------------------------- */
@media screen and (max-width : 767px) {

    /* 基本要素 */


    /* Layout */
    header,
    #wrapper {
        width: 100%;
    }

    /* ヘッダー */
    header {
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100%;
        height: auto;
    }

    .mainpic2 {
        width: 100%;

    }

    .mainpic2 img {
        object-fit: cover;
        width: 100%;

    }



    /* メイン部分 */
    #main {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }

    #main figure {
        text-align: center;
    }

    section#news {
        padding: 50px 0;
    }

    section#news>div>div {
        overflow-y: scroll;
        height: 300px;
        border: 3px solid #eee;
        padding: 15px;
    }



    section#news dl {

        display: block;

    }

    section#news dt {
        width: 100%;
        text-align: left;
    }

    section#news dd {
        width: 100%;
    }




    section#intro h2 {
        width: 100%;
        text-align: center;
        border: none;
    }

    section#intro h2 img {
        margin-bottom: 0;
    }

    div#topsns {
        padding-bottom: 15px;
    }

    /* トップページパーツ */
    #main_visual {
        width: 100%;
        height: auto;
    }

    #point figure {
        float: none;
        margin: 0 0 11px 0;
    }

    #youtube>div>iframe {
        width: 100%;

    }

    .jumpbtn {
        display: block;
        width: 70%;


    }

    .jumpbtn>div {
        margin: 0 auto 20px;

        text-align: center;

    }

    .jumpbtn>div>a>p {
        border: 2px solid #aaa;
        background-color: white;
        width: 90%;
        padding: 5% 0 4%;
        text-indent: 0;
        font-size: 1.4em;
        margin: 0 auto 20px;
    }

    .jumpbtn>a>p:nth-child(1) {
        margin-bottom: 12px;
    }


}