@charset 'utf-8';

.at-body > .at-container { padding: 0; max-width: 100%;}
.page { padding: 0 0 100px;}
.page b { font-weight: 500;}
.page .green { color: #188000;}


.greeting { background: url('/page/imgs/greeting_bg.png') no-repeat center bottom / cover; }
.greeting .con1 .wrap { background: url('/page/imgs/greeting_bg2.jpg') no-repeat right top;}
.greeting .con1 .wrap p { padding: 0 0 20px; word-break: keep-all; }
.greeting .con1 .wrap .p1 { padding: 0 0 30px; font-size: 30px; font-weight: 500; line-height: 1.5; }
.greeting .con1 .wrap .p2 { font-size: 20px;}
.greeting .con1 .wrap .from { padding-bottom: 0; margin-top: 20px;;}

@media (max-width:1199px){
    .greeting .con1 .wrap { background-size: 400px auto;}
}
@media (max-width:991px){
    .greeting .con1 .wrap {background: none;}
}
@media (max-width:644px){
    .greeting .con1 .wrap p:not(.p1) br { display: none;}
}
@media (max-width:576px){
    .greeting .con1 .wrap p { padding: 0 0 15px;}
    .greeting .con1 .wrap .p1 { padding: 0 0 20px; font-size: 26px;}
    .greeting .con1 .wrap .p2 { font-size: 18px;}
}
@media (max-width:400px){

    .greeting .con1 .wrap .p1 { font-size: 20px;}
    .greeting .con1 .wrap .p2 { font-size: 15px;}
}


.history { }
.history .hd { padding: 0 0 50px; font-size: 30px; font-weight: 500; }
/* .history .wrap { background: url('/page/imgs/history_bg.png') no-repeat right top;} */
.history .wrap .box { display: flex; padding: 0 0 50px;}
.history .wrap .box .year { position: relative; width: 106px;  font-size: 24px; font-weight: 500; line-height: 1;}
.history .wrap .box .year:after { content:''; display: block; position: absolute; right: 0; top: 10px; width: 30px; height: 1px; background: #e1e1e1;}
.history .wrap .box dl { display: flex; flex-wrap:wrap; padding: 0 0 0 20px; margin: 0 0 -15px; width: calc(100% - 106px);}
.history .wrap .box dl dt,
.history .wrap .box dl dd { padding: 0 0 15px; line-height: 1;}
.history .wrap .box dl dt { width: 40px;  font-weight: 500; color: #999;}
.history .wrap .box dl dd { width: calc(100% - 40px);}
.history .wrap .box dl span { display: block; padding: 0 0 10px;}
.history .bg { display: none;}
@media (max-width:1199px){
    .history .wrap { background-size: 450px auto;}
}
@media (max-width:991px){
    .history .wrap {background: none;}
    .history .bg { display: block;}
}
@media(max-width:576px){
    .history .wrap .box { padding: 0 0 40px;}
    .history .wrap .box .year { width: 85px; font-size: 22px;}
    .history .wrap .box .year:after { width: 20px;}
    .history .wrap .box dl { padding: 0 0 0 15px; width: calc(100% -  85px);}
    .history .wrap .box dl dt,
    .history .wrap .box dl dd { padding: 0 0 10px; }
    .history .wrap .box dl dt { width: 35px;}
    .history .wrap .box dl dd { width: calc(100% - 35px);}
}
@media (max-width:480px){
    .history .wrap .box { flex-direction: column;}
    .history .wrap .box .year { margin: 0 0 30px; width: 100%; }
    .history .wrap .box .year:after { top: auto; left: 0; bottom: -15px;}
    .history .wrap .box dl { padding: 0 0 0 5px; width: 100%;}
    .history .wrap .box dl dt,
    .history .wrap .box dl dd { padding: 0 0 5px; line-height: 1.4;}
    .history .wrap .box dl dt { width: 30px;}
    .history .wrap .box dl dd { width: calc(100% - 30px);}
    .history .wrap .box dl span { padding: 0 0 7px;}
}

.performance {}
.performance table { width: 100%;}
.performance table caption { padding: 0 0 30px; font-size: 30px; font-weight: 500; text-align: left; line-height: 1; }
.performance table thead { border-top: 2px solid #0c4200;}
.performance table thead th,
.performance table tbody td { padding: 10px; text-align: center; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; word-break: keep-all;}
.performance table thead th { background: #f9f9f9; font-weight: 500; }
.performance table tbody td {}
.performance table thead th:last-of-type,
.performance table tbody td:last-of-type { border-right: none;}

@media (max-width:576px){
    .performance table caption { padding: 0 0 20px; font-size: 22px;}
    .performance table thead th,
    .performance table tbody td  { padding: 10px 5px;}
}

.location {}
.location .wrap { }
.location .wrap .img { display: flex; align-items: center; justify-content: center; padding: 10px; width: 50%; border: 1px solid #e1e1e1; border-right: none;  }
.location .wrap .map_wrap { width: 100%; border: 1px solid #e1e1e1;}
.location .info {  text-align: center;}
.location .info .add { padding: 50px 0 15px; font-size: 24px; font-weight: 500;  word-break: keep-all;}
.location .info .tel { color: #666;  }
.location .info .tel span { display: inline-block; padding: 0 5px;}


@media (max-width:991px){
    .location .info .add  { padding:  45px 0 10px; font-size: 22px;}
}
@media (max-width:768px){
    .location .wrap { flex-direction: column-reverse;}
    .location .wrap .img { padding: 30px; width: 100%; border-right: 1px solid #e1e1e1;}
    .location .wrap .map_wrap { margin: 0 0 20px; width: 100%;}
    .location .info .add  {  font-size: 20px;}
}
@media (max-width:576px){
    .location .wrap .img { padding: 20px;}
    .location .info .add { padding: 30px 0 10px; font-size: 18px;}
}