@charset "UTF-8";
h2{
    font-weight : bold;
}
.contact_link{
  margin-bottom: 60px;
}
.contact_link h2{
    text-align    : center;
    margin-bottom : 2em;
}
#top_image{
    width  : 100%;
    margin : 0 auto 100px;
}
#top_image > div{
    background-size     : cover;
    background-position : center;
    max-height          : 190px;
    height              : 31.25vw;
    display             : flex;
    justify-content     : center;
    align-items         : center;
    color               : #fff;
  background-image: url(/wp/wp-content/themes/wp-templ/assets/img/recruit/top_image.jpg);
}
#top_image > div > img{
    width      : auto;
    max-height : 44px;
    height     : 6.25vw;
    display    : block;
    margin     : auto;
}
#image_space p{
    text-align : center;
}
#image_space p.ribbon{
    margin-bottom : 60px;
}
#image_space p.ribbon img{
    width : 400px;
}
#image_space p.house{
    margin-bottom : 20px;
}
#image_space p.house img{
    width : 100px;
}
#image_space p.text{
    font-family   : "Sawarabi Mincho",serif;
    font-size      : 2.8rem;
    margin-bottom  : 120px;
    letter-spacing : .3em;
}
#description{
    max-width : 1200px;
    width     : 100%;
    margin    : 0 auto 100px;
}
#description .item:nth-child(1){
    margin-bottom : 60px;
}
#description .item > div{
    display : flex;
}
#description .item:nth-child(2) > div{
    display        : flex;
    flex-direction : row-reverse;
}
#description .item > div .description{
    width : 550px;
}
#description .item > div .description > h2{
    margin-bottom : 30px;
    padding-top   : 39px;
}
#description .item > div .description > h2 .category{
    margin-bottom : 10px;
    max-width     : 86px;
}
#description .item > div .description > h2 .category img{
    width : 100%;
}
#description .item > div .description > h2 .title{
    display  : inline;
    position : relative;
    width    : 100%;
}
#description .item > div .description > h2 .title::after{
    content    : "";
    position   : absolute;
    top        : 1em;
    left       : calc( 100% + 1em );
    border-top : 1px solid #5b5959;
    width      : 110%;
}
#description .item:nth-child(2) > div .description > h2 .title::after{
    right : calc( 100% + 1em );
    left  : initial;
}
#description .item > div .description > h2 .title img{
    width  : 100%;
}
#description .item > div .description > p{
    line-height : 2.5em;
}
#description .item > div .image{
    margin-left : 10%;
    position    : relative;
}
#description .item:nth-child(2) > div .image{
    margin-left  : initial;
    margin-right : 10%;
}
#comment{
    margin           : 120px 0;
    padding          : 70px 0 ;
    background-color : #eee;
}
#comment p{
    margin           : auto;
    width            : 98%;
    max-width        : 640px;
    padding          : 30px;
    border-radius    : 10px;
    background-color : #fff;
}
#recruit_list{
    max-width : 720px;
    width     : 100%;
    padding   : 0 20px;
    margin    : auto;
}
#recruit_list h2{
    font-size     : 22px;
    font-size     : 2.2rem;
    border-bottom : 1px solid #333;
    margin-bottom : 1em;
}
#recruit_list  .desc_sec{
    padding-bottom : 40px;
    margin-bottom  : 60px;
}
#recruit_list  .desc_sec > p{
    margin-bottom : 2em;
}
#recruit_list .sep{
    margin-bottom : 1em;
    padding       : 0 1em;
}
#recruit_list .sep h3{
    font-size     : 18px;
    margin-top    : 1em;
    margin-bottom : 1.3em;
    line-height   : 1em;
    padding-left  : .5em;
    border-left   : 6px solid #5b5959;
    font-weight   : 500;
}
#recruit_list .sep ul{
    padding-left : 3em;
    box-sizing   : border-box;
}
#recruit_list .sep ul li{
    position      : relative;
    line-height   : 1.2em;
    margin-bottom : .5em;
}
#recruit_list .sep ul li p{
    width    : 2em;
    position : absolute;
    right    : 100%;
}
#recruit_list .sep.contact p{
    margin-bottom : 1em;
}
#recruit_list .sep.contact ul{
    padding-left  : 1em;
    margin-bottom : 2em;
}
#contact_link{
    margin-bottom : 120px;
}
#contact_link a{
    display          : flex;
    justify-content  : center;
    align-items      : center;
    width            : 98%;
    max-width        : 420px;
    font-family      : "Sawarabi Mincho",serif;
    color            : #fff;
    font-size        : 18px;
    font-size        : 1.8rem;
    background-color : #000;
    line-height      : 3em;
    margin           : auto;
}
@media screen and (max-width: 900px){
    #image_space{
        padding : 0 20px;
    }
    #description{
        width : calc(100% - 40px);
    }
    #content_list{
        width : calc(100% - 40px);
    }
    #content_list > div > h3{
        font-size : calc(7.22px + 2vw);
    }
}@media screen and (max-width: 767px){
    body{
        padding-top : 50px;
        font-size   : 13px;
        font-size   : 1.3rem;
    }
    #top_image{
        margin : 0 auto 9.3vw;
    }
    #top_image > div {
    }
    #top_image > div > img{
    }
    #description{
        width  : auto;
        margin : 0 20px 7.8125vw;
    }
    #description .item > div{
        flex-wrap : wrap;
    }
    #description .item > div > div {
        width : 100%;
    }
    #description .item > div .description{
        margin-bottom : 6.25vw;
        width         : 100%;
    }
    #description .item > div .description > h2 {
        margin-bottom : 3.9375vw;
        padding-top   : 0;
        font-size     : 1.2em;
    }
    #description .item > div .description > h2 .title::after {
        content : "";
        display : none;
    }
    #description .item > div .description > p{
        line-height : 2em;
    }
    #description .item > div .image {
        margin-left : auto;
        width       : 100%;
        position    : relative;
    }
    #description .item > div .image img{
        width : 100%;
    }
    #content_list{
        width  : auto;
        margin : 0 6.25vw 7.8125vw;
    }
    #content_list > div {
        margin-bottom : 15px;
    }
    #content_list > div > div{
        padding     : 6.25vw 3.125vw;
        line-height : 2em;
    }
    #content_list > div > h3 {
        padding     : 0 11.5vw 0 3.125vw;
        height      : 60px;
        display     : flex;
        align-items : center;
    }
    #content_list > div > h3::after{
        width  : 15px;
        height : 15px;
    }
    #content_list > div > div h4{
        font-size     : calc(11px + .8vw);
        margin-bottom : .5em;
    }
    #links a{
        width  : 87.5vw;
        height : 40.625vw;
    }
    #links a:nth-child(1) {
        margin-bottom : 25px;
    }
    #links a:nth-child(2) {
        margin-left : 0px;
    }
    #links a .link_title.eng{
        font-size     : 26px;
        margin-bottom : 5px;
    }
    #links a .link_title.jp{
        font-size   : 20px;
        font-weight : bold;
    }
}
/*----------------------------------------------------------------------------*/
/* End of Files                                                               */
/*----------------------------------------------------------------------------*/