@charset "utf-8";

html {
    scroll-behavior: smooth; /* ページ内リンクをスムースにする */
}

/* 見出し1 */
#main_program .content_header {
    background:  linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/program/program_top.jpg) no-repeat 50% 45%;
    background-size: cover;
}

/* ページ内リンク画像 */
.zoom {
    overflow: hidden;
    margin: 0 auto;
    border-radius: 100%;
}
.zoom img {
    width: 75px;
    height: 75px;
    transition: all .3s ease;
}
a:hover .zoom img {
    transform:scale(1.05);
}

/* ページ内リンク　ジャンプ位置調整 */
.nav_position {
    padding-top: 90px;
    margin-top:-90px;
}



/* バイトルKidsプログラム */
.anchor{
    padding-top: 70px;
    margin-top: calc(-70px + 30px) !important; /* ヘッダーと重ならないようにアンカーリンクの位置調整 */
}
h3 {
    font-size: 2.2rem;
    font-weight: 900;
    padding: 0 0 10px 17px;
    text-indent: -17px;
}
h3:before {
    background-color: #f00;
    content: "";
    display: inline-block;
    height: 22px;
    margin: 0 8px 4px 0;
    vertical-align: middle;
    width: 5px;
}
.sub_ttl {
    font-size: 2.2rem;
    font-weight: 900;
    color: #f00;
}
.day {
    font-weight: 700;
}

.program_info dt {
    float: left;
}
.program_info dd {
    margin-left: 50px;
    text-indent: -1rem;
    padding-left: 0.5rem;
    letter-spacing: 0.05rem;
}


/* バイトルキャリアプログラム */
.block1{
    order: 1;
}
.block2{
    order: 2;
}

.high_school_info {
    margin-bottom: 1rem;
}

/* その他ページ */
.report_btn {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/home/achievement_image1.jpg);
    background-size:cover;
    background-position: 50% 50%;
}
.company_btn {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/home/achievement_image2.jpg);
    background-size:cover;
    background-position: 50% 50%;
}
.img_link_btn {
    padding-top: 0;
}

/* style.cssの調整 */
.program_info {
    border-bottom: none;
    padding-bottom: 0;
}
.program_info h3 {
    margin-bottom: 0;
}



@media screen and (min-width: 768px) {

    /* ページ内リンク矢印 */
    .arrow1::after,
    .arrow2::after,
    .arrow3::after{
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        border-top: 3px solid #999996;
        border-right: 3px solid #999996;
        transform: rotate(135deg);
        transition: all .3s ease;
        margin-left: 190px;
        margin-top: -45px;
    }
    .arrow2::after {
        margin-left: 220px
    }
    .arrow3::after {
        margin-left: 210px
    }
    .program_nav_link:hover::after{
        border-color: #2E73D8;
        transition: all .3s ease;
    }
    .program_nav_link{
        margin-right: 30px;
    }
    .program_nav_item div:last-child {
        display: none;
    }

}



@media screen and (max-width:767px) {

    /* 見出し1 */
    h3{
        font-size: 2.0rem;
        padding: 0 0 20px 17px;
    }
    h3:before {
        height: 16px;
        width: 4px;
    }

    /* バイトルプログラムロゴ3種 */
    #kids h2 img,
    #career h2 img,
    #baito h2 img {
        max-height: 21px;
    }
    .program_nav_item picture img {
        width: 97px;
        height: 97px;
        border-radius: 100px;
    }

    /* プログラム */
    .program_info {
     margin-top: 20px;
    }
    .img_link_btn {
        padding-bottom: 0;
    }

    /* バイトルキャリアプログラム */
    .block1{
        order: 2;
    }
    .block2{
        order: 1;
    }

}