/* -------------共通設定------------- */
body {
    background-image: url(../img/bg_sp3.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 40% 524px;
}

/* ----------------------------------------- */
/*  ---------------スマホ用設定--------------- */
/* ----------------------------------------- */
/* ---------ロゴ、top部分--------- */
#Logo_char {
    padding: 51px 0 0 7%;
    width: 100px;
}
#Logo_char img {
    width: 100px;
}

/* ---------コンテンツエリア--------- */
#Contents_area {
    margin: 40px 0 0;
    padding: 0 9%;
    overflow: hidden;
}

/* Career_up */
.top_h1 {
    width: 100%;
    margin: 0 0 65px;
    text-align: center;
    font-style: italic;
    font-size: 28pt;
    font-weight: 400;
}
#Education {
    margin-top: 0;
    max-width: 600px;
}
#Career_path {
    padding-top: 120px;
}
.draw_e {
    margin: 20px calc(50% - 50vw) 0;
    width: 100vw;
}
.draw_c {
    margin: 20px calc(50% - 50vw) 0;
    width: 100vw;
}
/* Buttons */
#Buttons {
    margin: 100px 0;
}

/* work system reforms */
#Worksystem {
    padding: 30px 0;
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}
#Worksystem .mark {
    margin: 10px 0 20px;
    font-size: 10px;
    font-style: normal;
}
.acd-check{
    display: none;
}
#wsr_image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position:relative;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
#wsr_image:after {
    content:"";
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    -webkit-box-shadow: inset 0px -15px 20px -20px #ddd;
            box-shadow: inset 0px -15px 20px -20px #ddd;
    border-bottom: 1px solid #ccc;
}
#wsr_image img {
    border: 1px solid  #ccc;
    width: 97%;
}
.acd-check:checked + .acd-label #wsr_image {
    height: 500px;
}
.acd-check:checked + .acd-label #wsr_image:after {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 0;
}

/* News */
#News {
    padding-top: 85px;
}
#News h1 {
    margin-bottom: 65px;
    text-align: center;
}
#overview {
    width: 100%;
    margin-top: 50px;
}

#overview tr td span {
    display: block;
}
#overview tr .val_adj {
    width: 300px;
}


/* Access */
#Access {
    margin-top: 100px;
}
#Map {
    position: relative;
    margin: 20px calc(50% - 50vw);
    width: 100vw;
    height: 450px;
    clip-path:url(#Map_cpath);
    -webkit-clip-path:url(#Map_cpath);
    overflow: hidden;
}
#Map iframe {
    position: relative;
    margin: -25% 0;
    width:100%;
    height:160%;
}

/* ----------------------------------------- */
/* -----------------PC用設定----------------- */
/* ----------------------------------------- */
@media (min-width: 750px) {
    body {
        background-image: none;
    }
    #Bg_over {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 3594px;
        z-index: -10;
    }
    #Bg_over1 {
        width: 100%;
        height: 1330px;
        background-position: right;
        background-repeat: no-repeat;
        background-size: 60% 105%;
        background-image: url(../img/bg_pc3.jpg);
        clip-path:url(#Bg_cpath1);
        -webkit-clip-path:url(#Bg_cpath1);
    }
    @media (min-width: 1600px) {
        #Bg_over1 {
            height: 1730px;
        }
    }
    #Bg_cpath1 {
        -webkit-transform-origin: top right;
            -ms-transform-origin: top right;
                transform-origin: top right;
    }

    /* ロゴ、メニュー部分 */
    #Logo_char {
        padding: 89px 0 0 17%;
        width: 261px;
    }
    #Scroll {
        margin: 312px auto 75px;
    }

    /* --------コンテンツエリア-------- */
    #Contents_area {
        margin-top: 80px;
        padding: 0 10%;
    }
    /* Career up plan */
    #Career_up {
        padding: 55px 10%;
    }
    #Career_up h1 {
        width: 100%;
        margin: 0 0 65px;
        text-align: center;
    }
    #Education {
        margin-top: 0;
        width: 60%;
        max-width: 600px;
    }
    #Career_path {
        width: 60%;
        padding-top: 85px;
        max-width: 600px;
    }
    .draw_e {
        margin: 20px 0 0;
        width: 95%;
        max-width: 1000px;
    }
    .draw_c {
        margin: 20px 0 0;
        width: 80%;
        max-width: 900px;
    }

    /* Buttons */
    #Buttons {
        margin: 100px 0;
    }

    /* work system reforms */
    #Worksystem {
        max-width: 1000px;
        margin: 0 auto;
        padding: 50px;
    }
    #wsr_image:hover {
        opacity: 0.7;
    }
    #wsr_image img {
        width: 500px;
    }
    #wsr_image img {
        border: 1px solid  #ccc;
        width: 500px;
    }
    .acd-check:checked + .acd-label #wsr_image {
        height: 750px;
    }

    /* Company */
    #News {
        padding: 55px 10% 0;
        margin-bottom: 830px;
    }
    #News h1 {
        margin-bottom: 115px;
        text-align: center;
    }
    #overview  {
        margin-top: 30px;
        border-collapse: collapse;
        max-width: 1000px;
    }
    .br_pc_none {
        display: none;
    }

    /* Access */
    #Access {
        margin-top: 150px;
    }
    #Map {
        margin: -25px calc(50% - 50vw);
        height:1025px;
        clip-path:url(#Map_cpath_pc);
        -webkit-clip-path:url(#Map_cpath_pc);
    }
}