@charset "utf-8";

.sub_intro {margin-top:1.5rem}
.sub_intro .tit {line-height:0}
.sub_intro .tit img {max-width:19.15rem;height:auto}
.sub_intro .intro_txt {margin-top:0.65rem;color:#222;font-size:1rem;line-height:1.3}

.history {margin-top:2.25rem;border:0.2rem solid #eee;padding:2.15rem 2.15rem 1.9rem 2.25rem}
.history .tit {position:relative;float:left;font-size:1.5rem;color:#035aca;line-height:1;font-weight:500;}
.history .tit:before {
    content:"";
    display:block;
    position:relative;
    width:0.7rem;
    height:0.7rem;
    margin:0 auto 0.75rem;
    background:url(../imgs/info/history_tit_dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.history .history_cont {position:relative;float:right;width:calc(100% - 7.35rem)}
.history .history_cont dl {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    padding:0.65rem 1rem;
    background:url(../imgs/info/history_dot.png) repeat-x 0 100%;
}
.history .history_cont dl:first-child {padding-top:0}
.history .history_cont dl:last-child {padding-bottom:0;background-image:none;}
.history .history_cont dt {    
    flex:none;
    position:relative;
    padding-left:0.9rem;
    font-size:0.9rem;
    color:#222;
    line-height:1.1;
}
.history .history_cont dt:before {
    content:"";
    display:block;
    position:absolute;
    top:0.35rem;
    left:0;
    width:0.35rem;
    height:0.35rem;
    background-color:#9f9f9f;
}
.history .history_cont dd {
    position:relative;
    font-size:0.8rem;
    color:#222;
    line-height:1.1;
    margin-left:0.9rem;
}
@media screen and (max-width:800px){
    .history {padding:1rem}
    .sub_intro .intro_txt br {display:none;}
    .history .history_cont dl {padding-left:0;padding-right:0}
}
@media screen and (max-width:700px){
    .history .history_cont dl {flex-direction:column;}
    .history .history_cont dd {width:100%;padding-left:0;margin-top:0.3rem}
}
@media screen and (max-width:580px){
    .history .tit {text-align:center;}
    .history .history_cont {width:100%;margin-top:0.9rem}
}

.map {position:relative;}
.map .tit {line-height:0;}
.map .tit img {max-width:15.55rem;height:auto}
.map .map_info_tel {width:100%;margin-top:1rem;overflow:hidden;}
.map .map_info_tel ul {margin:-0.7rem}
.map .map_info_tel ul li {float:left;padding:0.7rem;font-size:0.9rem;color:#222;line-height:1}
.map .map_info_tel ul li span {display:inline-block;vertical-align:middle;position:relative;}
.map .map_info_tel ul li span.tit {width:3.8rem}
.map .dot {display:block;position:relative;padding-left:0.9rem;font-weight:400;font-size:0.9rem}
.map .dot:before {
    content:"";
    display:block;
    position:absolute;
    top:0.35rem;
    left:0;
    width:0.55rem;
    height:0.55rem;
    background:url(../imgs/info/history_tit_dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.map .address {margin-top:0.1rem}
.map .address .dot {float:left}
.map .address .add_box {float:right;position:relative;width:calc(100% - 3.8rem)}
.map .address .add_tab {width:100%}
.map .address .add_tab li {float:left;padding:0 1px}
.map .address .add_tab li:first-child {padding-left:0}
.map .address .add_tab li:last-child {padding-right:0}
.map .address .add_tab li a {display:block;position:relative;width:8.1rem;line-height:2rem;font-size:0.9rem;color:#fff;text-align:center;background-color:#a2a6ac;}
.map .address .add_tab li.on a,
.map .address .add_tab li a:hover {background-color:#2769c7}
.map .address .add_map {border:0.15rem solid #dddddd}
.map .address .add_info {margin-top:8px;padding:0.5rem 0.95rem;background-color:#ebebeb;font-size:0.9rem;color:#222}
.map ._map {position:relative;width:100%;height:19.65rem}
.map .visibility_no {visibility:hidden;height:0}
.map .visibility_no ._map {height:0}
@media screen and (max-width:520px){
    .map .address {margin-top:0.3rem}
    .map .address .dot {float:none;}
    .map .address .add_box {float:none;width:100%;margin-top:0.5rem}
}

.greeting {position:relative;}
.greeting .greeting_img {float:left;width:18.9rem;}
.greeting .greeting_txt {float:right;width:calc(100% - 20rem);font-size:0.85rem;color:#222}
.greeting .greeting_txt .tit {font-size:1rem;color:#222;font-weight:500;text-align:justify;}
.greeting .greeting_txt .txt {line-height:1.6rem;margin-top:0.55rem}
@media screen and (max-width:700px){
    .greeting .greeting_txt,
    .greeting .greeting_img {float:none;width:100%}
    .greeting .greeting_txt {margin-top:1rem}
}