.page_header{background:url("../images/office/bg_pageheader.png") no-repeat center center;background-size:cover}.whole{margin:7% 0 8%;background-color:#f2f2f2;border-radius:30px;padding:7% 8%;display:flex;justify-content:space-between}@media only screen and (max-width:560px){.whole{display:block}}.whole .img{width:44%}@media only screen and (max-width:560px){.whole .img{display:block;width:100%;text-align:center}.whole .img img{width:46%;margin:0 auto}}.whole .txt{width:51.2%}@media only screen and (max-width:560px){.whole .txt{display:block;width:100%}}.whole .txt .branch{border-bottom:1px solid #707070;padding:2.5% 0}.whole .txt .branch h3{font-size:17px;font-weight:bold;line-height:1.75}.whole .txt .branch p.address{padding:0 0 1% 17px;line-height:1.75}.whole .txt .branch p.url{padding:0 0 0 17px;line-height:1.75}.whole .txt .branch p.url a{color:#7999e3;word-break:break-all}.branches .areas{padding:0 0 4%}.branches .areas h2{color:#604231;font-weight:bold;font-size:27px;border-bottom:1px solid #604231;margin:0 0 3%}.branches .areas .main_area{display:none;border-radius:16px;background-color:#f2f2f2;padding:2% 3%}.branches .areas .main_area h3{margin:2% 0 1%;padding:0 0 0 16px;line-height:1.2;font-weight:bold;border-left:8px solid #f49285}.branches .areas .main_area dl{display:flex;flex-wrap:wrap;width:100%}.branches .areas .main_area dl dt{width:16%}@media only screen and (max-width:560px){.branches .areas .main_area dl dt{width:26%}}.branches .areas .main_area dl dt:after{content:":"}.branches .areas .main_area dl dd{width:80%}@media only screen and (max-width:560px){.branches .areas .main_area dl dd{width:70%}}.branches .areas .office_list{padding:3% 0 0;display:flex;flex-wrap:wrap}.branches .areas .office_list .box{width:30.5%;margin-right:4%;padding:0 0 4%}@media only screen and (max-width:560px){.branches .areas .office_list .box{width:100%;margin-right:0}}.branches .areas .office_list .box:nth-of-type(3n){margin-right:0}.branches .areas .office_list .box h3{padding:6% 0;font-size:18px;font-weight:bold;line-height:1.2}.branches .areas .office_list .box dl{display:flex;flex-wrap:wrap;justify-content:space-between}.branches .areas .office_list .box dl dt{width:14.4%;padding:0 0 2%}.branches .areas .office_list .box dl dt span{display:block;text-align:center;font-weight:normal;line-height:1.2;background-color:#f49285;border-radius:2px;color:#fff}.branches .areas .office_list .box dl dd{width:76.7%;padding:0 0 2%;line-height:1.2;word-break:break-all}.branches .areas .office_list .box dl dd p.ig a img{width:8%;margin-right:2%}