/* CSS Document */



#breadcrumbs { margin-bottom: 20px;}


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

    outline

------------------------------------------------------*/
#outline { position: relative;}
#outline .head { background: url("images/outlineBg.jpg") no-repeat center center; background-size: cover;}
#outline .head .title { color: #fff;}
#outline .body { background-color: #EAEDF4;}
#outline .body .text { color: #333; }

@media (min-width: 768px) {
    #outline { margin-bottom: 100px;}
    #outline .head { height: 140px;}
    #outline .head .title { font-size: 2.2rem; padding-top: 38px;}
    #outline .body { padding: 25px 0;}
    #outline .body .img { position: absolute; width: 328px; height: 328px; right: 0; top: -135px;}
}

@media (max-width: 767px) {
    #outline { margin-bottom: 50px;}
    #outline .head .title { font-size: 1.4rem; text-align: center; padding: 14px 0; }
    #outline .body { padding: 20px 0 30px;}
    #outline .body .text { font-size: 1.4rem; margin-bottom: 20px;}
    #outline .body .img { width: 50%; margin-left: auto; margin-right: auto;}
}




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

    construction01

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

@media (min-width: 768px) {
    #construction01 .content01 { margin-bottom: 40px;}
}

@media (max-width: 767px) {
    #construction01 .content01 { margin-bottom: 20px;}
}



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

    construction02

------------------------------------------------------*/
#construction02 { margin-bottom: 40px; }
#construction02 .heading03 { text-align: center;}
#construction02 .period dl { font-size: 1.6rem;}
#construction02 .period dl dt { text-align: center; color: #fff; font-weight: bold; background-color: #000; width: 150px; height: 30px; line-height: 30px;}
#construction02 .period dl dd { width: -webkit-calc(100% - (150px + 20px)); width: calc(100% - (150px + 20px)); }
#construction02 .text { margin-top: 20px;}


@media (min-width: 768px) {
    #construction02 .period { border-bottom: 1px solid #ccc;}
    #construction02 .period dl { margin: 14px 0;}
}

@media (max-width: 767px) {
    #construction02 .period dl { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
    #construction02 .period dl dt { font-size: 1.4rem;}
    #construction02 .text { margin-top: 10px; font-size: 1.2rem;}
}

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

    construction03

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

#construction03 h3 {text-align: center;}


#box1 {background-color: #EAEDF4; padding: 30px;  margin: 0 auto; width: 700px; }
#box1 .text {text-align: center; font-size: 24px;}


@media (max-width: 767px) {
    #construction03 #box1 {width: auto;}
}

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

    construction04

------------------------------------------------------*/
#construction04 .box2 {width: 900px; margin:0 auto;}
#construction04 h3 {text-align: center;}

@media (max-width: 767px) {
    #construction04 .box2 {width: auto;}
}



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

    topimage

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

#headLine .bg { background: url("images/headLineBg.jpg") no-repeat center center; background-size: cover; }