
/* ----------------------------------------------------------------------
	
	組織図
	
---------------------------------------------------------------------- */


/* - JRA事業所一覧
---------------------------------------------------------------------- */
#office_list ul.data_line_list.flex > li .data_list_unit > div.head {
    /*font-size: 1.3rem;*/
    font-size: 1.3rem;
    
    /*justify-content: flex-start;*/
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content {
    padding: 5px;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line {
    display: table;
    width: 100%;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line + .line {
    margin-top: 2px;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line > .cell {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line > .cell.cap {
    padding: 0;
    background-color: #188542;
    width: 80px;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
    text-align: center;
    
    font-size: 1.2rem;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line > .cell.cap > .icon {
    vertical-align: middle;
    line-height: 1;
    margin-right: 0.4em;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line.tel > .cell.cap > .icon {
    font-size: 2rem;
    position: relative;
    top: -1px;
    
    color: #1B5E20;
    /*color: #188542;*/
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line.tel > .cell.cap {
    background-color: #188542;
    
    background-color: #DCEDC8;
    color: #444;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line.address > .cell.cap {
    background-color: #0d68c2;
    
    background-color: #B3E5FC;
    color: #444;
}


#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line > .cell.main {
    padding: 8px;
    background-color: #fff;
    font-size: 1.4rem;
}

#office_list ul.data_line_list.flex > li .data_list_unit > div.content > .line > .cell.main .num {
    /*display: block;*/
    /*font-size: 1.2rem;*/
    margin-right: 0.5em;
}



/* - 平常業務と開催業務
-------------------------------------------------- */
/*
#double_style .grid {
    display: table;
    width: 100%;
}

#double_style .grid > .cell {
    display: table-cell;
    vertical-align: top;
}

#double_style .grid > .cell.txt {
    padding-right: 30px;
}

#double_style .grid > .cell.img {
    width: 218px;
}
*/





.intro > p {
    line-height: 1.8;
}




.year_unit { margin-top: 30px; }
.year_unit + .year_unit { margin-top: 50px; }

.year_unit > .data_line_list { margin-top: 0; }

.year_unit > .data_line_list .grid {
    display: table;
    width: 100%;
}

.year_unit > .data_line_list .grid > div {
    display: table-cell;
    vertical-align: top;
}

.year_unit > .data_line_list .grid > div.img {
    width: 90px;
    padding-right: 15px;
}

.year_unit > .data_line_list .grid > div.img img { vertical-align: top; }



/* ------------------------------------------------------------

	767px以下

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

/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
}
