@import"//fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700&display=swap&subset=japanese";.office__list li{margin-bottom:20px}.office__list li:last-child{margin-bottom:0}.office__list li a{display:block;padding:10px;border:10px solid #edffeb;display:flex;justify-content:space-between;align-items:center;border-radius:30px;color:#328c2b;transition:all .3s}@media screen and (min-width: 769px){.office__list li a{padding:30px}}.office__list li a .office__list--ttl{display:flex;justify-content:start;align-items:center}.office__list li a .office__list--ttl figure{width:80px;aspect-ratio:16/9;border:3px solid #edffeb;background:#fff;margin-right:20px}@media screen and (min-width: 769px){.office__list li a .office__list--ttl figure{width:130px}}.office__list li a .office__list--ttl img{object-fit:contain;width:100%}.office__list li a .office__list--ttl h4{font-size:1.6rem;font-weight:bold}@media screen and (min-width: 769px){.office__list li a .office__list--ttl h4{font-size:2rem}}.office__list li a .office__list--txt{color:#666;transition:all .3s}.office__list li a .office__list--txt span{margin-right:15px;display:none}@media screen and (min-width: 769px){.office__list li a .office__list--txt span{display:inline-block}}@media(hover: hover){.office__list li a:hover{background:#edffeb}.office__list li a:hover .office__list--txt{color:#328c2b}}.office__top{width:100%;max-width:1200px;margin:0 auto;text-align:center;font-size:2rem;color:#fff;background:#328c2b;padding:10px;border-radius:10px;margin-bottom:50px;position:relative}@media screen and (min-width: 769px){.office__top{font-size:3rem;padding:20px}}.office__top .office__ico{position:absolute;top:-100%;right:10px}@media screen and (min-width: 769px){.office__top .office__ico{top:auto;bottom:10px;right:10%}}.office__top .office__ico img{width:60px}@media screen and (min-width: 769px){.office__top .office__ico img{width:auto}}.office__ttl{text-align:center;margin-bottom:40px}@media screen and (min-width: 769px){.office__ttl{margin-bottom:80px}}.office__ttl img{width:60%;max-width:500px}.office__philosophy .office__philosophy--ttl{text-align:center;width:100%;padding:30px;background:#ecf8ef;border-radius:15px;font-size:2rem;margin-bottom:30px}@media screen and (min-width: 769px){.office__philosophy .office__philosophy--ttl{padding:30px;font-size:2.4rem;margin-bottom:50px}}.office__philosophy .office__philosophy--ttl span{border-top:1px solid #aaa;border-bottom:1px solid #aaa;font-size:1rem;font-weight:bold;padding:5px 20px;color:#aaa}.office__philosophy h3{text-align:center;margin-bottom:40px}.office__philosophy h3 img{width:60%;max-width:500px}.office__philosophy h4{font-size:1.8rem;margin-bottom:20px}@media screen and (min-width: 769px){.office__philosophy h4{font-size:2.4rem;margin-bottom:40px}}.office__philosophy h4 span{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, #E8FFE4 70%, #E8FFE4 100%)}.office__introduction .office__introduction--ttl{text-align:center;width:100%;padding:30px;background:#ecf8ef;border-radius:30px;font-size:2rem;margin-bottom:20px}@media screen and (min-width: 769px){.office__introduction .office__introduction--ttl{font-size:2.4rem;margin-bottom:50px}}.office__introduction .office__introduction--ttl span{border-top:1px solid #aaa;border-bottom:1px solid #aaa;font-size:1rem;font-weight:bold;padding:5px 20px;color:#aaa}.office__introduction .office__introduction--main{margin-bottom:80px}.office__introduction .office__introduction--main .office__introduction--h3{font-size:2rem;border-bottom:1px solid #666;margin-bottom:15px;padding-bottom:15px}@media screen and (min-width: 769px){.office__introduction .office__introduction--main .office__introduction--h3{font-size:2.4rem;margin-bottom:40px;padding-bottom:30px}}.office__introduction .office__introduction--main .office__introduction-txt{margin-bottom:30px;font-size:1.5rem}@media screen and (min-width: 769px){.office__introduction .office__introduction--main .office__introduction-txt{margin-bottom:60px;font-size:1.8rem}}.office__introduction .office__introduction--main .office__introduction--box{display:flex;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap}@media screen and (min-width: 769px){.office__introduction .office__introduction--main .office__introduction--box{margin-bottom:60px;flex-wrap:nowrap}}.office__introduction .office__introduction--main .office__introduction--box:last-child{margin-bottom:0}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img{aspect-ratio:4/3;width:100%;margin-bottom:15px;border-radius:30px;overflow:hidden;position:relative}@media screen and (min-width: 769px){.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img{width:48%;margin-bottom:0;flex:0 0 48%;margin-right:60px}}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img figure{text-align:center;height:100%}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img figure a{display:block;height:100%}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img figure a img{width:100%;height:100%;border-radius:30px;transition:all .3s;object-fit:cover}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img figure a span{width:46px;height:46px;border-radius:23px;border:1px solid #328c2b;background:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:10px;left:10px;transition:all .3s}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img figure a span svg{fill:#328c2b}@media(hover: hover){.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img figure a:hover img{opacity:.7}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--img figure a:hover span{transform:scale(1.1) rotate(180deg)}}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--cont{width:auto}.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--cont .office__introduction--box-ttl{font-weight:bold;margin-bottom:10px}@media screen and (min-width: 769px){.office__introduction .office__introduction--main .office__introduction--box .office__introduction--box--cont .office__introduction--box-ttl{margin-bottom:15px}}.remodal img{width:100%}.remodal-overlay{background:rgba(0,0,0,.85)}@media screen and (max-width: 580px){.remodal{padding:20px}}@media only screen and (min-width: 641px){.remodal{max-width:750px !important}}.remodal-close{position:absolute;top:0;left:auto;right:0;display:block;overflow:visible;width:45px;height:45px;margin:0;padding:0;cursor:pointer;transition:color .2s;text-decoration:none;color:#000;border:0;outline:0;background:rgba(0,0,0,0)}.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif !important;font-size:35px;line-height:45px;position:absolute;top:0;right:0;display:block;width:45px;content:"×";text-align:center}.office__link .office__link--ttl{text-align:center;width:100%;padding:30px;background:#ecf8ef;border-radius:30px;font-size:2.4rem;margin-bottom:50px}.office__link .office__link--ttl span{border-top:1px solid #aaa;border-bottom:1px solid #aaa;font-size:1rem;font-weight:bold;padding:5px 20px;color:#aaa}@media screen and (min-width: 1025px){.office__link ul{display:flex;flex-wrap:wrap;gap:30px 40px}}.office__link ul li{width:100%;margin-bottom:20px}@media screen and (min-width: 1025px){.office__link ul li{width:calc(50% - 20px);margin-bottom:0}}.office__link ul li a{display:flex;justify-content:space-between;align-items:center;border:1px solid #328c2b;border-radius:45px;padding:15px 30px;transition:all .3s}.office__link ul li a .office__link--box h3{font-size:1.5rem;color:#328c2b}@media screen and (min-width: 769px){.office__link ul li a .office__link--box h3{font-size:1.8rem}}.office__link ul li a .office__link--box .office__link--txt{font-size:1.2rem;color:#666;text-decoration:underline}@media screen and (min-width: 769px){.office__link ul li a .office__link--box .office__link--txt{font-size:1.4rem}}.office__link ul li a span{flex:0 0 34px;width:34px;height:34px;border-radius:17px;border:1px solid #707070;background:#fff;display:flex;justify-content:center;align-items:center;transition:all .3s}@media screen and (min-width: 769px){.office__link ul li a span{flex:0 0 46px;width:46px;height:46px;border-radius:23px}}.office__link ul li a span svg{fill:#707070;transition:all .3s}@media(hover: hover){.office__link ul li a:hover{background:#edffeb}.office__link ul li a:hover span{border:1px solid #328c2b}.office__link ul li a:hover span svg{fill:#328c2b}}