/*
Theme Name: CUBIC
Description: CUBIC Template
Author: 管理人
*/


.in{
    padding: 0 50px;
    max-width: 1200px;
}
.mob{
    display: none;
}




/**************************
* フッター
**************************/
.foot_contct{
    margin-bottom: 70px;
    & ul {
        position: relative;
        &::before{
            content: "";
            display: block;
            width: 5px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            background-color: #fff;
        }
        & li{
            width: 80%;
            max-width: 345px;
            &.foot_contct_text{
                border-left: 5px solid #fff;
            }
            &.foot_tel_text{
                border-right: 5px solid #fff;
            }
        }
    }
    
}
.foot_navs{
    & .in {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        gap: 1em;
    }
    
}


/*---------------------
* ホーム
* -------------------*/
.home01_content{
    padding: 0 5%;
    & .home01_l{
        width: 50%;
    }
    & .home01_r{
        width: 36%;
		max-width: 450px;
    }
}
.home_03 {
    & .home03_list {
        & ul {
            & li {
                -webkit-flex-grow: 1;
                flex-grow: 1;
                width: calc(33.333333% - 2em);
            }
        }
    }
}
.home_04{
    & .in{
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 8px;
        & .home_taotl{
            grid-column: span 2 / span 2;
        }
        & h2{
            grid-column: span 2 / span 2;
            grid-column-start: 1;
            grid-row-start: 2;
        }
        & .news_list{
            grid-column: span 5 / span 5;
            grid-row: span 3 / span 3;
            grid-column-start: 3;
            grid-row-start: 1;
            margin-top: 90px;
        }
        & .home04_link{
            grid-column: span 2 / span 2;
            grid-row-start: 3;
        }
    }
}



/****************************
* 下層ページ
* **************************/
/*下層ページヘッダー*/
.content_hed{
    &:not(:has(.hedimg_03)){
        & .hed_text_box{
            width: 48%;
            margin-top: -76px;

        }
    }
}

/**************
* お知らせ
*
/*お知らせサイドナビ*/
.post_box{
    & .in{
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 0 90px;
        & .news_side {
            grid-column: span 2 / span 2;
            grid-row: span 2 / span 2;
        }
        & .news_box{
            grid-column: span 6 / span 6;
            grid-column-start: 3;
        }
        & .pagination,
        & .content_nav{
            grid-column: span 6 / span 6;
            grid-column-start: 3;
            grid-row-start: 2;
        }
    }
    & .newshednav{
        & li + li{
            border-top: 1px dashed #8d97a0;
        }
        & a{
            display: block;
            padding: 0.5em;
        }
    }
}
/*採用情報-----*/
.interview-container{
    & .interview-container{


    }
    & .interview-item{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        gap: 50px;
        &:nth-child(2n+1){

        }
        &:nth-child(2n+2){
            -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }
        & .interview-meta{
            max-width: 425px;
            width: 50%
        }
        & .interview-body{
            width: 50%;
            margin-top: 50px;
        }

    }
}
/*採用情報詳細-----*/
.table_box{
    & table{
        & th{
            width: 13em;
        }
        & td{
            border-left: 4px solid #fff;
            width: calc(100% - 13em);
        }
    }
}

/****************************
* 固定ページ
* **************************/
/*事業内容-----*/
.services-container {
    & .service_rootbutton {
        & ul {
            & a {
                border: 2px solid #0011ff;
                &.active{
                    border-bottom: 0;
                    transform: scale(1.23);
                }
            }
        }
    }
}
.service-root-item{
    margin-top: -10px;
}



/*お問い合わせ------*/
.contact_boxwrap{

    & dl{
        display: -webkit-flex;
        display: flex;
        & dt{
            width: 38%;
        }
        & dd{
            width: calc(62% - 10px);
        }
    }
}
/*営業拠点----------*/
.base-list-tab{
	& ul{
		display: grid !important;;
	}
}