.area-about{margin-bottom:140px}@media screen and (max-width: 480px){.area-about{margin-bottom:80px}}.area-list{margin-bottom:98px;padding:0 15px 80px;background:#E3F0FC}.area-list__title{margin-bottom:65px;position:relative;top:-50px;text-align:center}@media screen and (max-width: 680px){.area-list__title{margin-bottom:0px}}.area-list__top{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:27px}@media screen and (max-width: 680px){.area-list__top{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}.area-list__top-text{font-family:'Noto Serif JP', serif;font-size:3rem;font-weight:700;line-height:1.37}@media screen and (max-width: 960px){.area-list__top-text{width:330px;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:2.4rem}}@media screen and (max-width: 680px){.area-list__top-text{text-align:center}}@media screen and (max-width: 480px){.area-list__top-text{font-size:2rem}}.area-list__top-text .-strong{display:block;margin-bottom:10px;font-size:3.8rem;color:#008444}@media screen and (max-width: 960px){.area-list__top-text .-strong{font-size:3rem}}@media screen and (max-width: 480px){.area-list__top-text .-strong{font-size:2.6rem}}.area-list__top-map{margin-top:-87px}@media screen and (max-width: 680px){.area-list__top-map{margin-top:10px}}.area-list__list-item{max-width:1000px;margin:0 auto 20px}.area-list__list-title{background:#153496;padding:17px 41px 20px;position:relative;font-family:'Noto Serif JP', serif;font-size:2.6rem;color:#fff;line-height:1.5;cursor:pointer}@media screen and (max-width: 680px){.area-list__list-title{font-size:2.2rem}}@media screen and (max-width: 480px){.area-list__list-title{padding:17px 20px 20px}}.area-list__list-title::before,.area-list__list-title::after{display:block;content:"";width:18px;height:4px;background:#fff;position:absolute;top:36px;right:40px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}@media screen and (max-width: 680px){.area-list__list-title::before,.area-list__list-title::after{top:33px}}.area-list__list-title::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.-open .area-list__list-title::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.area-list__list-text{height:0;overflow:hidden;transition:height .4s}.area-list__list-text-inner{padding:31px 41px 32px;background:#fff}@media screen and (max-width: 480px){.area-list__list-text-inner{padding:31px 20px 32px}}
/*# sourceMappingURL=area.css.map */