/* page-corporate-philosophy */

/* css by page @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* page_title */
.page_title {
    background: url(../../common/images/line-bg.jpg);
    padding: 60px 0;
    text-align: center;
    margin-top: 80px;
}

.page_title .ja {
    font-size: 28px;
    font-weight: bold;
}

.page_title .en {
    color: #008A7B;
    margin-top: 5px;
}

/* vision */
.vision {
    margin-top: 90px;
    margin-bottom: 200px;
}

.vision .w1000 {
    background-color: #DDF0ED;
    padding-top: 40px;
    padding-bottom: 150px;
}

.vision h3 {
    color: #008A7B;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.vision ul {
    padding: 80px 100px 0;
}

.vision li {
    text-align: center;
    margin-bottom: 60px;
}

.vision h4 {
    font-size: 20px;
    margin-top: 20px;
}

.vision .message {
    text-align: left;
    margin-top: 5px;
}





/* president */
.president {
    margin-top: 90px;
    margin-bottom: 200px;
}

.president .text-box {
    text-align: center;
}

.president .text-box .name {
    font-size: 30px;
}

.president .text-box .yomi {
    font-size: 14px;
}

.president .deco_line {
    border: 1px solid #008A7B;
    width: 150px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
}

.president .thumb {
    text-align: center;
}

.president .to_message {
    background-color: #DDF0ED;
}

.president .to_message h3 {
    font-weight: bold;
    padding: 40px 70px 0;
}

.president .to_message .message {
    padding: 40px 70px 40px;
}

.president .to_message .name {
    text-align: right;
    padding: 0 70px 80px;
}

@media only screen and (max-width: 1100px) {

    .w1100 {
        width: inherit;
        margin: 0;
    }
        
}
@media only screen and (max-width: 1000px) {
    /* 全ページ共通 */
    body {
        min-width: 1000px;
    }

    .w1000 {
        width: inherit;
        margin: 0;
    }

}
@media only screen and (max-width: 800px) {
    .w800 {
        width: inherit;
        margin: 0;
    }
}
@media only screen and (max-width: 768px) {
    /* 全ページ共通 */
    body {
        font-size: 14px;
        min-width: 375px;
    }

    /* president */

    .vision ul {
        padding-left: 20px;
        padding-right: 20px;
    }
        
}
@media only screen and (max-width: 400px) {
    .w400 {
        width: inherit;
        margin: 0;
    }
}