@charset "utf-8";
#side-follow {box-sizing: border-box;padding-right: 10px;position: fixed;right: 0;top: 18vh;width: fit-content;max-width: 11vw;z-index: 999;}
#side-follow .wrap {display: flex;flex-direction: column;text-align: center;transition: all 0.5s;}
#side-follow .wrap a {background-color: #fff;box-shadow: 0 0px 3px #ddd;border-radius: 12px;color: #333;display: block;height: auto;text-decoration: none;margin-bottom: 12px;width: 100%;}
#side-follow .wrap a img {height: auto;max-width: 100%;vertical-align: top;width: 100%;}
.follow-btn.item1, .follow-btn.item2 {position: absolute;transition: all .4s;}
.follow-btn.item1 {display: block;height: 30px;left: 0;top: -4vh;width: 30px;}
.follow-btn.item2 {background-color: #00b804;border-radius: 6px 0 0 6px;color: #fff;font-size: 18px;font-weight: bold;letter-spacing: .5px;display: none;height: fit-content;padding: 12px 5px;text-align: center;right: 0;width: 40px;writing-mode: vertical-rl;word-break: keep-all;}
.follow-btn.item2 img {height: auto;margin-bottom: 8px;width: 20px;}
.follow-btn:hover {cursor: pointer;}
#side-follow .wrap a:hover, .follow-btn.item1:hover {opacity: .9;}
#side-follow.panelclose .wrap, #side-follow.panelclose .follow-btn.item1 {display: none;}
#side-follow.panelclose .follow-btn.item2 {display: flex;transition: all .4s;align-items: center;justify-content: center;}
.footer * {box-sizing: border-box;}
.footer {clear: both;font-size: 13px;overflow:hidden;width: 100vw;}
#footer:after{content:" ";display: block;height: 0;clear: both;visibility: hidden;}
.footer-wrap {background-color: #fff;width: 100%;}
.footer-wrap.bg-1 {background-color: #f5f5f5;}
.footer-wrap.bg-2 {background-color: #0192D1;}
.footer-box {padding: 6% 3%;width: 100%;}
.footer-box .list-item a {color: #96989a;font-size: 1.05em;font-weight: 600;display: inline-block;line-height: 1.4;padding: .8em 0;}
.footer-box .list-item a:hover {text-decoration-line: underline;}
.footer-wrap.last .footer-box {background-color: #efefef;padding: 2% 3% 7em;}
.footer-wrap.last .list-item a, .footer-wrap.last .copy {color: #848485;font-size: 1em;}
.footer-box .inner-head {font-size: 1.2em;font-weight: 600;letter-spacing: .5px;margin-bottom: .8em;}
.footer-box .inner-head {color: #333;text-align: center;}
.footer-wrap.bg-2 .footer-box {padding: 4% 2%;}
.footer-wrap.bg-2 .list-item a {color: #FFF;}
.footer-wrap.bg-2 .inner-head {color: #fff;}
.footer-wrap.account {border: 1px #d3d3d3;border-style: solid none none none;}
.footer-wrap.account .footer-box {padding: 0 2%;}
.media-list {padding: 1.8em 0 0;text-align: center;}
.media-list .item {border-radius: 50em;display: inline-block;height: 40px;overflow: hidden;width: 40px;}
.media-list .item img {height: auto;width: 100%;}
.media-list .item:not(:last-of-type) {margin-right: 1em;}
.media-list .item:hover {opacity: .8;}
.footer-calendar {align-items: center;display: flex;flex-direction: column;text-align: center;}
.footer-calendar .manth-title {border-bottom: 2px solid #f2f2f2;color: #333;font-size: 1.05em;font-weight: 600;line-height: 2;padding-bottom: .4em;margin-bottom: .5em;}
.footer-calendar .manth-box {background-color: #fff;border: 1px solid #d3d3d3;border-radius: 1em;padding: .7em .8em .5em;width: 92%;}
.footer-calendar .calendar {border-collapse: separate;border-spacing: 4px 5px;color: #333;font-size: 1em;margin: auto;width: 98%;}
.footer-calendar .weekday {color: #666;font-size: 1em;height: 1.8em;vertical-align: top;}
.footer-calendar td {border: 0;font-size: 1.1em;padding: 4px 0;text-align: center;}
.footer-calendar .empty {background-color: #d7d7d74f;}
.footer-calendar .holday {background-color: #afafaf;border-radius: 5px;color: #fff;}
.footer-calendar .saturday {background-color: #0099cb;border-radius: 5px;color: #fff;}
.calender-info {color: #333;text-align: center;margin: auto;width: 96%;}
.calender-info .text {color: #333;font-size: 1.16em;font-weight: 600;margin-bottom: .4em;}
.calender-info .regular-holiday {font-size: .9em;}
.footer-list {display: flex;justify-content: space-between;flex-direction: column;}
.footer-list .item {width: 100%;}
.footer-list .item .inner-head {color: #7f8183;font-weight: 600;text-align: left;}
.footer-btns {display: flex;justify-content: space-between;width: 100%;}
.footer-btns a {align-items: center;color: #fff;display: flex;flex-direction: column;font-size: 1em;padding: 3%;width: 32.8%;}
.footer-btns a:not(:last-of-type) {border-right: 1px solid #ffffff8f;}
.footer-btns .img-box {background-color: #fff;border-radius: 100em;height: 65px;margin-bottom: .7em;position: relative;width: 65px;}
.footer-btns img {height: 35px;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 35px;}
.footer-btns a:hover {opacity: .8;}
.footer-list .logo {height: 2em;position: relative;width: 100%;}
.footer-list .logo img {height: 100%;position: absolute;top: 50%;transform: translateY(-50%);width: fit-content;}
.footer-list .item.company .text {display: block;font-size: .8em;line-height: 1.4;}
.office-list {display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: -1em;}
.office-list .item {flex-basis: 31%;display: block;margin-bottom: 1em;}
.office-list .item:hover {opacity: .8;}
.office-list .item img {height: auto;vertical-align:top;width: 100%;}
.office-list .name {background-color: #0192d1;color: #fff;display: block;font-size: .94em;font-weight: bold;line-height: 1;letter-spacing: .5px;padding: 0.6em 0.6em;text-align: center;}
.calendar-red {color:#afafaf;}
.calendar-blue {color:#0099cb;}
/* SP用 */
@media screen and (max-width: 560px) {
body #container {margin-bottom: 0 !important;}
.office-list .item:not(:nth-of-type(3n)) {margin-right: 3.3%;}
.footer-list .item:not(:last-of-type) {margin-bottom: 3em;}
.footer-calendar .manth-box:first-of-type {margin-bottom: 0.94em;}
}
/* PC用 */
@media screen and (min-width: 561px) {
.footer-box {padding: 3.5% 0 3%;margin: auto;width: 980px;}
.footer-box .list-item a {font-size: 1.16em;}
.footer-box .inner-head {font-size: 1.35em;margin-bottom: 1.1em;}
.footer-wrap.account {border-style: none none solid none;}
.media-list {align-items: center;display: flex;justify-content: flex-end;padding: 0 0 1em;}
.footer-calendar {align-items: stretch;flex-direction: row;justify-content: space-between;margin: auto;width: 84%;}
.footer-calendar .calendar {border-spacing: 6px 4px;width: 100%;}
.footer-calendar .manth-box {padding: .8em .8em .6em;width: 48%;}
.footer-calendar .manth-title {font-size: 1.1em;margin-bottom: .8em;}
.footer-calendar .weekday {font-size: .94em;}
.footer-calendar td {font-size: 1em;padding: .4em 0;}
.calender-info {display: flex;justify-content: center;}
.calender-info .text {font-size: 1.1em;margin: 0 .5em 0 0;}
.calender-info .regular-holiday {font-size: .96em;}
.footer-list {flex-direction: row;flex-wrap: wrap;}
.footer-list .item {width: 31%;}
.footer-list .item .inner-head {font-size: 1.2em;line-height: 1.8em;height: 1.8em;}
.footer-list .item:not(:last-of-type) {margin-bottom: 0;}
.footer-wrap.account .footer-box {padding: 0;}
.footer-list .item.contact {width: 100%;}
.footer-wrap.bg-2 .footer-box {padding: 2% 0;}
.footer-btns a {font-size: 1.2em;font-weight: bold;letter-spacing: 1.2px;padding: 3% 1%;}
.footer-btns .img-box {height: 80px;width: 80px;margin-bottom: 1.2em;}
.footer-btns img {height: 40px;width: 40px;}
.footer-wrap.last .footer-box {background-color: #fff;padding: 0 0 6em;}
.footer-wrap.last .list-item {display: flex;justify-content: space-between;align-items: center;}
.footer-list .logo {height: 100%;}
.footer-box.company {align-items: center;display: flex;justify-content: space-between;padding: 1.5% 0;}
.footer-list .item.company .text {font-size: .75em;}
.footer-wrap.last .list-item a, .footer-wrap.last .copy {font-size: .96em;}
.office-list {margin-bottom: -1em;}
.office-list .item {flex-basis: 18%;margin-bottom: 1.4em;}
.office-list .item:not(:nth-of-type(5n)){margin-right: 1.5rem;}
.office-list .name {font-size: 1.1em;}
}
/* ipad用 */
@media screen and (min-width: 540px) and (max-width: 980px) {
#side-follow {height: 20vh;bottom: 0;left: 3vw;padding: 0 0 2vw 0;top: unset;max-height: 18vh;max-width: fit-content;width: fit-content;}
.follow-btn.item1 {left: unset;right: -3.5vw;top: 0;}
.follow-btn.item2 {bottom: 0;border-radius: 5px 5px 0 0;font-size: 18px;height: fit-content;left: 10vw;padding: 14px 18px;width: fit-content;writing-mode: lr;}
.follow-btn.item2 img {margin: 0 6px 0 0;transform: rotate(140deg);width: 18px;}
#side-follow .wrap {height: 100%;width: auto;flex-direction: row;}
#side-follow .wrap a {height: 100%;margin-bottom: 0;margin-right: 10px;width: auto;}
#side-follow .wrap a img {height: 100%;width: auto;}
.footer {width: 100%;}
.footer-box {padding: 3% 2%;width: 100%;}
.footer-wrap {padding: 0 2%;}
.office-list .item {flex-basis: 22%;margin-bottom: 1.6em;}
.office-list {margin-bottom: -1em;}
.office-list .item:not(:nth-of-type(4n)) {margin-right: 2.5%;}
.footer-box.company {padding: 2%;}
.calender-info {flex-direction: column;}
.calender-info .text {font-size: .95em;margin: 0 0 .3em 0;}
}
/*IEのみ*/
@media all and (-ms-high-contrast: none) {
}