@charset "utf-8";#office{background-color:#C5D2D0;text-align:center}#offices>li{background-color:#FFF;border:1px solid #1F5D52;display:inline-block;vertical-align:top}#offices>li>strong{background-color:#1F5D52;color:#FFF;display:block;margin-bottom:.5em}#offices>li .office_info{margin-bottom:.5em}#offices>li .office_location{line-height:1.5;margin-bottom:.5em}#offices>li .office_address{line-height:1.5}#offices>li .office_tel:before,#offices>li .office_fax:before{background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1.25em;margin-bottom:-.15em;margin-right:.25em;width:1.25em}#offices.lazyloaded>li .office_tel:before{background-image:url(https://world-kawahara.co.jp/images/user/icon/tel.svg)}#offices.lazyloaded>li .office_fax:before{background-image:url(https://world-kawahara.co.jp/images/user/icon/fax.svg)}#offices>li .office_map{position:relative}#offices>li .office_map:before{content:"";display:block;padding-top:56.25%}#offices>li .office_map iframe{height:100%;position:absolute;top:0;left:0;width:100%}@media screen and (max-width:767px){#offices>li{font-size:87.5%;width:-webkit-calccalc(93.75% + (1px * 2));width:calc(93.75% + (1px * 2))}}@media screen and (min-width:640px) and (max-width:767px){#offices>li{font-size:87.5%;width:-webkit-calc(((100% - (3.125% * 3)) / 2) + (1px * 2));width:calc(((100% - (3.125% * 3)) / 2) + (1px * 2))}}@media screen and (max-width:767px){#office{padding-top:12.5%;padding-bottom:-webkit-calc(6.25% + 24px);padding-bottom:calc(6.25% + 24px)}#offices>li{margin:0 1.5625% 3.125%;padding:.5em}#offices>li>strong{border-radius:7px;padding:.5em}}@media screen and (min-width:768px){#office{padding-top:100px;padding-bottom:50px}#offices>li{padding:1em}#offices>li>strong{border-radius:12px;line-height:5;position:relative}#offices>li>strong:before{content:"　"}#offices>li>strong span{padding:0 .5em;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}}@media screen and (min-width:768px) and (max-width:1279px){#offices>li{font-size:87.5%;margin:0 10px 50px;width:322px}}@media screen and (min-width:1280px){#offices{}#offices>li{font-size:75%;margin:0 8px 50px;width:266px}}