@charset "UTF-8";

/* CSS Document */


/*====================================

    cell_ttl

====================================*/

.cell_ttl {
    display: flex;
    align-items: center;
    font-size: 200%;
    margin-bottom: 40px;
    color: #411600;
}
.cell_ttl:after {
    border-top: 1px solid;
    content: "";
    width: 3em; 
    margin-left: 1em;
}

/*====================================

    cell_message

====================================*/

.cell_message {
    margin-bottom: 100px;
    padding: 0 40px;
}
.cell_message .inner {
}
.cell_message .inner .text_ph {
    width: 100%;
    display: table;
}
.cell_message .inner .text_ph .text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5%;
}
.cell_message .inner .text_ph .text .text_ttl {
    font-weight: 400;
    font-size: 120%;
    margin-bottom: 20px;
}
.cell_message .inner .text_ph .ph {
    width: 240px;
    display: table-cell;
    vertical-align: middle;
}
.cell_message .inner .text_ph .ph p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

/*====================================

    cell_department

====================================*/

.cell_department {
    margin-bottom: 100px;
    padding: 0 40px;
}
.cell_department .inner {
}
.cell_department .inner ul {
    margin-right: -3.33%;
}
.cell_department .inner li {
    float: left;
    width: 30%;
    margin-right: 3.33%;
}
.cell_department .inner li:nth-child(2n) {
    transition-delay: .2s;
}
.cell_department .inner li:nth-child(3n) {
    transition-delay: .4s;
}
.cell_department .inner li a {
    display: block;
    color: #000;
    text-decoration: none;
}
.cell_department .inner li a .ph {
    margin-bottom: 10px;
}
.cell_department .inner li a .text {
}
.cell_department .inner li a .text .ttl {
    width: 100%;
    text-align: left;
    margin-bottom: 6px;
}
.cell_department .inner li a .text p {
    font-size: 90%;
}

/*====================================

    cell_overview

====================================*/

.cell_overview {
    margin-bottom: 100px;
    padding: 0 40px;
}
.cell_overview .inner {
}
.cell_overview .inner dl {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #eee;
}
.cell_overview .inner dl:last-child {
    border-bottom: 1px solid #eee;
}
.cell_overview .inner dl dt {
    display: table-cell;
    width: 160px;
    vertical-align: top;
}
.cell_overview .inner dl dd {
    display: table-cell;
    vertical-align: top;
}

/*====================================

    cell_history

====================================*/

.cell_history {
    margin-bottom: 100px;
    padding: 0 40px;
}
.cell_history .inner {
}
.cell_history .inner dl {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #eee;
}
.cell_history .inner dl:last-child {
    border-bottom: 1px solid #eee;
}
.cell_history .inner dl dt {
    display: table-cell;
    width: 90px;
    vertical-align: top;
    text-align: right;
}
.cell_history .inner dl dd {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}


/*====================================

    cell_sub_info

====================================*/

.cell_sub_info {
    padding: 0 40px;
    margin-bottom: 60px;
}
.cell_sub_info .inner {
    padding: 30px;
    border: 3px solid #eee;
    background: rgba(255, 255, 255, .8);
}
.cell_sub_info .inner .ttl {
    font-weight: 400;
    font-size: 120%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
}
.cell_sub_info .inner .ttl span {
    display: inline-block;
    border: 1px solid #666;
    font-size: 70%;
    padding: .4em 1em;
    line-height: 1em;
    margin-left: 10px;
    font-weight: 200;
}
.cell_sub_info .inner .content {
}

/*====================================

    clock

====================================*/

.clock {
    position: absolute;
    right: -80px;
    top: -20px;
}
.clock .clock_long,
.clock .clock_short,
.clock .clock_bg {
    width: 500px;
}
.clock .clock_long img,
.clock .clock_short img,
.clock .clock_bg img {
    width: 100%;
}


























































































/*====================================

    clock

====================================*/

.clock {
    position: absolute;
    right: -80px;
    top: -20px;
}
.clock .clock_long,
.clock .clock_short,
.clock .clock_bg {
    width: 500px;
}
.clock .clock_long img,
.clock .clock_short img,
.clock .clock_bg img {
    width: 100%;
}