@charset "UTF-8";

@media print {
		#header,#contents_main,#side,#page_top,#footer {
				display: none !important;
		}
}


#main .article { overflow: hidden;}
.page_title {
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 0 30px;
    margin-bottom: 30px;
    line-height: 1;
    background-image: url("img/title_left.png");
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}
#main_contents .article01 h1 {
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 20px;
    color: #5789c8;
    margin: 0;
}
#main_contents .article01 p {
    font-size: 14px;
    line-height: 1.7em;
}
.philosophy_box {
    text-align: center;
    max-width: 50%;
    margin: 0 auto;
    padding: 60px 0;
}
.philosophy_box .ja_text {
    font-size: 31px;
    font-weight: bold;
    color: #5789c8;
    border-bottom: 1px solid #5789c8;
}
.philosophy_box .en_text {
    font-size: 19px;
    padding: 10px 0 0;
}
.box { margin-bottom: 30px;}
.box .fl_box {
    float: left;
    width: 75%;
    padding-right: 3%;
    font-size: 15px;
}
.box .fl_box .fl_title {
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px #efefef;
    margin-bottom: 15px;
}
.article .box p {
    font-size: 14px;
    line-height: 1.7em;
}
.fl_title.fl_title01 { background: #7cb4e4;}
.fl_title.fl_title02 { background: #e0b20c;}
.fl_title.fl_title03 { background: #d37d90;}
.fl_title.fl_title04 { background: #97b632;}

.box .fr_box {
    float: right;
    width: 25%;
}
article .box a:before {
    display: inline-block;
    content: "＞";
    color: #a61527;
}
article .box a { color: #251e1c;}

@media screen and (max-width: 960px) {
    #contents.other { padding: 0;}
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 680px) {
    .box .fl_box {
        float: none;
        width: 100%;
        padding: 0 0 10px;
    }
    .box .fr_box {
        float: none;
        width: 100%;
        text-align: center;
    }

}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 400px) {
    #main .box1 h3 { font-size: 1.6rem;}
}

@media screen and (max-width: 375px) {
}