@charset "UTF-8";

/* CSS Document */


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

    cell_ttl

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

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

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

    cell_message

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

.cell_message {
    margin-bottom: 100px;
    padding: 0 20px;
}
.cell_message .inner {
}
.cell_message .inner .text_ph {
    width: 100%;
}
.cell_message .inner .text_ph .text {
	margin-bottom: 20px;
}
.cell_message .inner .text_ph .text .text_ttl {
    font-weight: 400;
    font-size: 120%;
    margin-bottom: 20px;
}
.cell_message .inner .text_ph .ph {
    width: 100%;
}
.cell_message .inner .text_ph .ph p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

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

    cell_department

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

.cell_department {
    margin-bottom: 60px;
    padding: 0 20px;
}
.cell_department .inner {
}
.cell_department .inner ul {
}
.cell_department .inner li {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cell_department .inner li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.cell_department .inner li a {
    display: table;
    color: #000;
    text-decoration: none;
}
.cell_department .inner li a .ph {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.cell_department .inner li a .text {
	display: table-cell;
    vertical-align: middle;
}
.cell_department .inner li a .text .ttl {
    width: 100%;
    text-align: left;
    padding-left: 1em;
}
.cell_department .inner li a .text p {
}

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

    cell_overview

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

.cell_overview {
    margin-bottom: 60px;
    padding: 0 20px;
}
.cell_overview .inner {
}
.cell_overview .inner dl {
    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 {
    width: 100%;
    font-weight: bold;
}
.cell_overview .inner dl dd {
    width: 100%;
}

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

    cell_history

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

.cell_history {
    margin-bottom: 60px;
    padding: 0 20px;
}
.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: 80px;
    vertical-align: top;
    text-align: left;
}
.cell_history .inner dl dd {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    font-size: 100%;
}

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

    cell_sub_info

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

.cell_sub_info {
    padding: 0 20px;
    margin-bottom: 30px;
}
.cell_sub_info .inner {
    padding: 20px;
    border: 2px solid #eee;
    background: rgba(255, 255, 255, .8);
}
.cell_sub_info .inner .ttl {
    font-weight: 400;
    font-size: 120%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    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: -20px;
    bottom: -20px;
}
.clock .clock_long,
.clock .clock_short,
.clock .clock_bg {
    width: 200px;
}
.clock .clock_long img,
.clock .clock_short img,
.clock .clock_bg img {
    width: 100%;
}