@charset "UTF-8";
/*
Theme Name: 株式会社Gekko
Description: 株式会社Gekko WEBSITE
Author: KOKORO企画
Version: 1.0.0
*/

/* common */
.sub-career-wrapper {
    padding: 60px 4%;
}
.sub-career h3 {
    font-size: 1.375rem;
    color: #5271F9;
    font-weight: 900;
    line-height: 1.3;
}
.sub-career-wrapper-bg {
    background-color: #F8FBFF;
}
.career-feature-wrapper h5 {
    margin-bottom: 10px;
    font-size: 1.125rem;
    color: #5271F9;
    font-weight: 900;
}

/* header */
.sub-career-header h2 {
    padding: 140px 4% 0;
    font-weight: 100;
    font-size: 2.375rem;
    line-height: 0.7;

}
.sub-career-header h2  span {
    font-weight: 600;
    font-size: 0.875rem;
}

/* Creating Next Culture */
.sub-career-wrapper-top {
    padding-bottom: 0;
}
.sub-career-wrapper-top h3 {
    font-size: 1.875rem;
}
.sub-career-wrapper-top p {
    margin-bottom: 30px;
}
.sub-career-wrapper-top img {
    border-radius: 20px;
}
.sub-career-wrapper-top div {
    margin-bottom: 0;
}

/* Gekkoが大切にする3つのこと */
.career-feature-wrapper {
    background-color: #F8FBFF;
}
.career-feature-wrapper div {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #DDDDDD;
}
.career-feature-wrapper div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* 募集概要・応募方法 */
.sub-career-wrapper03 p,
.sub-career-wrapper04 p {
    margin-bottom: 30px;
}

/* company
---------------------------------------- */
.anemone-company dl {
    margin: auto;
    padding: 60px 4%;
}
.anemone-company dl div {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D7D7D7;
}
.anemone-company dl div:last-child {
    border-bottom: none;
}
.anemone-company dl div:before {
    position: absolute;
    content: "";
    top: -21px;
    left: 0;
    width: 23%;
    border-bottom: 1.5px solid #4169E1;
}
.anemone-company dl div:first-child:before {
    border-bottom: none;
}
.anemone-company dl div dt {
    width: 25%;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-left: 0px;
}
.anemone-company dl div dd {
    width: 100%;
    margin-left: 10px;
}
.anemone-company dl a {
    margin-left: 5px;
    color: #5271F9;
}
.anemone-company dl img {
    display: inline-block;
    margin-left: 2px;
    margin-top: 8px;
}
.anemone-company dl div a:hover {
    opacity: 0.8;
}

/* -----------------------------
    PC 961px〜
-------------------------------- */
@media screen and (min-width: 961px){
    .sub-career-header {
        max-width: 1520px;
        margin: auto;
        padding: 120px 0 0;
    }
    .sub-career-header h2 {
        padding: 100px 4% 0;
        font-size: 3.2rem;
    }
    .sub-career-header h2 span {
            font-size: 1.125rem;
    }
    h1 img {
        margin-left: 0;
    }
    .sub-career h3 {
        margin-bottom: 60px;
        font-size: 1.75rem;
    }   
    .sub-career-wrapper {
        padding: 0;
    }
    .sub-career-wrapper-top {
        margin-top: 0;
    }
    .sub-career-wrapper-top h3 {
        font-size: 3rem;
        margin-bottom: 80px;
    }
    .sub-career-wrapper-top,
    .sub-career-wrapper .inner,
    .sub-career-wrapper03 {
        max-width: 1520px;
        margin: auto;
        padding: 100px 4%;
    }
    .sub-career-wrapper-top .sub-career-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 5%;
    }
    
    .sub-career-wrapper-top .sub-career-wrapper .text {
        width: 60%;
    }
    .career-feature-wrapper {
        display: flex;
    }
    .career-feature-wrapper div {
        padding-left: 3%;
        padding-right: 3%;
        flex: 1;
        display: flex;
        flex-direction: column; 
        justify-content: stretch;
        border-bottom: none;
        border-right: 1px solid #DDDDDD;
    }
    .career-feature-wrapper div:first-child {
        padding-left: 0;
    }
    .career-feature-wrapper div:last-child {
        padding-right: 0;
        border-right: none;
    }


    .anemone-company {
        max-width: 1000px;
        margin: auto;
        padding: 0 4%;
    }
    .anemone-company dl div {
        display: flex;
    }
    .anemone-company dl {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
    .anemone-company dt {
        width: 25%;
    }
    .anemone-company dd {
        width: 75%;
    }
    .anemone-company dl div a {
        font-size: 0.875rem;
    }
    .anemone-company {
        max-width: 1000px;
        margin: auto;
        padding: 0 4%;
    }
}