@charset "utf-8";

/* 見出し1 */
#main_company .content_header {
    background:  linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/company/company_top.jpg) no-repeat 50% 20%;
    background-size: cover;
}
/*h1:after {*/
/*    content: ' - Company';*/
/*    padding-left: 20px;*/
/*    position: relative;*/
/*    bottom: 2px;*/
/*}*/

/* 協力企業ロゴ */
.logo_display{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.logo_display a:hover img {
    opacity: 0.8;
}
.logo_bottom {
    width: calc((100% - 20px)/ 2 );
    padding: 20px 0;
    display: flex;
    border-bottom: 1px solid #E8E8E2;
}
.logo_bottom:first-child,
.logo_bottom:nth-child(2){
    padding-top: 0px;
}
.logo_bottom:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.logo_bottom img {
    margin-right: 20px;
    width: 160px;
}
.logo_bottom p {
    font-size: 1.4rem;
}
.logo_bottom span {
    font-size: 1.3rem;
}
.logo_bottom span:hover {
    text-decoration: underline;
    color: #2E73D8;
}
.logo_bottom a {
    text-decoration: none;
}
.read_top_zero {
    padding-top: 0;
    text-align: left;
}

/* 協力企業募集中！ */
/*.h2_contact:after {*/
/*    content: ' - Contact';*/
/*    font-size: 2.2rem;*/
/*    padding-left: 20px;*/
/*    position: relative;*/
/*    bottom: 5px;*/
/*}*/
.left-full p {
    max-width: 435px;
}

/* お手続きの流れ */
/*.h2_flow:after {*/
/*    content: ' - Flow';*/
/*    font-size: 2.2rem;*/
/*    padding-left: 20px;*/
/*    position: relative;*/
/*    bottom: 5px;*/
/*}*/
ul.flow_list {
    display: flex;
    justify-content: space-around;
    column-gap: 20px;
}
ul.flow_list li {
    flex: 1;
}
.step {
    color: #f00;
    font-weight: 900;
}
.number{
    height: 32px;
    width: 33px;
    border-radius: 50%;
    background-color: #f00;
    font-size: 19px;
    font-weight: 900;
    color: #ffffff;
    margin: 0 auto;
}
.flow_content {
    /*width: calc((100% - 20px) / 3);*/
    text-align: center;
}
.flow_content img {
    margin: 0 auto;
}
.flow_content .image_text {
    border-radius: 20px;
    border: 3px solid #f00;
    font-weight: 700;
    padding: 20px 0 10px 0;
    text-align: center;
    margin-top: -20px;
}
.flow_content .image_text p {
    /*font-size: 1.2rem;*/
}

/* その他のページ */
/*.h2_others:after {*/
/*    content: ' - Others';*/
/*    font-size: 2.2rem;*/
/*    padding-left: 20px;*/
/*    position: relative;*/
/*    bottom: 5px;*/
/*}*/
/*.program_btn {*/
/*    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../img/company/others_program.jpg);*/
/*    background-size:cover;*/
/*}*/
/*.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;*/
/*}*/

/* よくある質問 */
/*.h2_qa:after {*/
/*    content: ' - Q&A';*/
/*    font-size: 2.2rem;*/
/*    padding-left: 20px;*/
/*    position: relative;*/
/*    bottom: 5px;*/
/*}*/

/* style.cssの適用を調整 */
.fieldset, img{
    max-width: none;
}
.img_link_btn {
    padding-top: 0;
}

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

    /* 見出し1 */
    /*h1:after {*/
    /*    font-size: 1.5rem;*/
    /*}*/

    /* 協力企業ロゴ */
    .inner{
        padding: 30px 20px;
    }
    .logo_bottom {
        width: 100%;
    }
    .logo_bottom:nth-child(2){
        padding-top: 20px;
    }
    .logo_bottom img{
        margin-right: 10px;
        width: 140px;
    }
    .logo_bottom p {
        font-size: 1.2rem;
    }

    /* 見出し2 */
    /*.h2_contact:after,*/
    /*.h2_flow:after,*/
    /*.h2_others:after,*/
    /*.h2_qa:after {*/
    /*    font-size: 1.5rem;*/
    /*}*/

    /* お手続きの流れ */
    ul.flow_list {
        column-gap: 10px;
    }
    .flow_content img {
        width: 65px;
        height: 50px;
        margin-top: 8px;
    }
    .flow_content .image_text {
        height: 128px;
    }
    .flow_content .image_text p {
        font-size: 1.2rem;
    }
    .padding_sp {
        line-height: 1.6rem;
        padding-top: 6px;
    }
    .flow_content .image_text p.step_1row {
        padding-top: 1rem;
    }
    .flow_content .image_text {
        border-radius: 10px;
        border: 2px solid #f00;
        font-weight: 700;
    }
    .step {
        font-size: 13px;
    }


    /* その他のページ */
    .program_btn img,
    .report_btn img {
        height: 19px;
    }
    .img_link_btn {
        padding-bottom: 0;
    }

    /* style.cssの適用を調整 */
    .read_more a:after{
        padding-left: 4px;
    }

}