@charset "UTF-8";
/* Company(会社情報)ページ用cssです。 */

.body_container{
    padding-top: 6rem;
}
.company_h2{
    padding-bottom:1rem;
}
.company_h2::before{
    content:"";
    display:block;
    height:0;
    width:0;
    padding-top:6rem;
}
.none_paddingtop{
    padding-top:0 !important;
}
.chart_img{
    margin:0 auto;
    display:flex;
    justify-content: center;
}
.chart_img img{
    width:80%;
}
@media screen and (max-width:599px) {
    .chart_img img{
        width:100%;
    }
}


/*アクセス*/
.office_container h3{
    font-size:1.5rem;
    padding-top:3.5rem;
    margin-bottom:1.5rem;
    color:#195ca5;
    border-bottom:2px solid#195ca5;
}
.office_items{
    display:flex;
    justify-content: center;
}
.map{
    width:50%;
    position:relative;
    padding-top:28.12%;
}
.map iframe{
    touch-action: none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
}
.office_items_p{
    padding-left:1rem;
    width:60%;
}
.tel{
    padding-top:1rem;
}
.tel i{
    padding-right:0.5rem;
}
.access{
    padding-top:1rem;
}

/*職種　の上のボーダー*/
.pmark{
    width:15%;
}

@media screen and (max-width:599px) {
    .body_container{
        padding-top: 0;
    }
    .text_bold{
        /* font-size: 1.1rem; */
    }
    
    /*アクセス*/
    .office_container h3{
        display: inline-block;
        line-height: 1.2em;
        padding-top: 2rem;

    }
    .office_items{
        flex-wrap: wrap;
    }
    .map {
        width: 100%;
        aspect-ratio: 3/2;
        padding-top: 0;
        position: inherit;
    }
    .map iframe{
        width:100%;
        height:100%;
        position: inherit;
        top:inherit;
        right:inherit;
    }
    .office_items_p {
        padding-left: 0;
        width: auto;
    }

    .blank{
        padding-bottom: 0;
    }
}

.small_list ul{
    display:flex;
    flex-wrap: wrap;
}
.small_list li{
    width:calc(100% / 3);
    font-size:0.8rem;
}
@media screen and (min-width:600px) and (max-width:1024px) {
    .small_list li {
        width:calc(100% / 2);
    }
}
@media screen and (max-width:599px) {
    .small_list li {
        width: 100%;
    }
}


.outline_content {
    display:flex;
    padding:1rem 0 1rem 0;
    border-bottom:1px solid #999;
    font-size:1rem;
    justify-content: space-between;
}
.outline_text{
    width:90%;
}
.outline_text dl{
    display:flex;
    flex-wrap:wrap;
}
.outline_text dt{
    width:8%;
    padding-right:7%;
    text-align:right;
}
.outline_text dd{
    width:80%;
}
.outline_year{
    /*font-size:2rem;
    color:#195ca5;*/
    width:10%;
    padding-left:2rem;
}

/*沿革*/
.outline_history{
    padding:6rem;
    box-sizing:border-box;
}
.outline_history{
    line-height:2rem;
}
.history_container li{
    margin-left:2rem;
    padding:1rem 0rem 1rem 1rem;
    border-bottom:1px solid #999;
}
@media screen and (max-width:599px) {
    .outline_year{
        font-size: 0.75rem;
        /* font-weight: bold; */
        /* height: 1em; */
        white-space: nowrap;
        width: auto;
        padding-left: 0.5rem;
        color: #888;
    }
    .outline_text dl{
        flex-wrap: inherit;
    }
    .outline_text dd{
        width: 100%;
    }
    .outline_text dt{
        white-space: nowrap;
        width: 1.8rem;
        min-width: 1.8rem;
        font-size: 0.75rem;
        /* font-weight: bold; */
        padding: 0 0.5rem 0 0.25rem;
        color: #888;
    }
    .outline_content{
        font-size: inherit;
    }
    /*沿革*/
    .outline_history{
        line-height: 1.4rem;
        padding: 1rem;
    }
}