.office__mainvisual{width:100%;background-color:var(--color-mid_gray);position:relative}.office__mainvisual__content{width:100%;max-width:1280px;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (max-width: 999px){.office__mainvisual__content{padding-left:24px;padding-right:24px;bottom:34px}}@media screen and (min-width: 1000px){.office__mainvisual__content{padding-left:88px;padding-right:88px;bottom:54px}}.office__mainvisual__title{color:var(--color-white);text-align:right}@media screen and (max-width: 999px){.office__mainvisual__title{font-size:2.4rem;letter-spacing:1.5px;text-indent:1.5px}}@media screen and (min-width: 1000px){.office__mainvisual__title{font-size:3.6rem;letter-spacing:2.25px;text-indent:2.25px}}.office__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto;overflow:hidden}@media screen and (max-width: 1279px){.office__content{padding-bottom:72px;padding-left:24px;padding-right:24px;padding-top:48px}}@media screen and (min-width: 1280px){.office__content{padding-bottom:128px;padding-left:64px;padding-right:64px;padding-top:104px}}.office__section{width:100%}.office__section+.office__section{margin-top:80px}.office__section__head{font-size:1.6rem;text-align:center}.office__section__title{color:var(--color-black);font-size:2.8rem;line-height:40px;text-align:center;margin-top:10px}.office__video{width:100%;max-width:560px;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-left:auto;margin-right:auto;margin-top:24px}.office__video>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.office__list{width:100%;margin-top:48px}@media screen and (min-width: 768px){.office__list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-top:40px}}.office__list__item{width:100%}@media screen and (min-width: 768px){.office__list__item{width:calc(50% - 21px)}}@media screen and (max-width: 768px){.office__list__item+.office__list__item{margin-top:48px}}.office__list__item__button{width:100%;display:block;background-color:rgba(0,0,0,0);border:unset;padding:0;cursor:pointer}.office__list__item__img{width:100%;aspect-ratio:5/3;border-radius:8px;overflow:hidden;position:relative}.office__list__item__img>img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:.3s;width:100%}.office__list__item__title{color:var(--color-black);font-size:1.6rem;font-weight:bold;margin-top:16px}.office__list__item__button:hover>.office__list__item__img>img{transform:translate(-50%, -50%) scale(1.1)}.office__list__item__button:hover>.office__list__item__title{color:var(--color-cerulean_blue)}.office__modal{display:none}.office__modal.is-active{width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:block;position:fixed;left:0;top:0;z-index:999}@media screen and (min-width: 768px){.office__modal.is-active{max-height:100vh}}.office__modal__content{align-items:flex-end;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:100%;padding:20px 10px;width:100%}@media screen and (min-width: 768px){.office__modal__content{max-width:820px;padding-left:40px;padding-right:40px}}.office__modal__close{width:40px;height:40px;background:rgba(0,0,0,0);border:2px solid var(--color-white);border-radius:100vh;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:0}.office__modal__close-icon{width:24px;height:24px;position:relative}.office__modal__close-icon::before,.office__modal__close-icon::after{content:"";width:2px;height:100%;background-color:var(--color-white);position:absolute;left:50%;top:50%}.office__modal__close-icon::before{transform:translate(-50%, -50%) rotate(45deg)}.office__modal__close-icon::after{transform:translate(-50%, -50%) rotate(-45deg)}.office__modal__content__thumbnail{width:100%;max-width:640px;border-radius:8px;overflow:hidden;margin-left:auto;margin-right:auto;margin-top:16px}.office__modal__content__title{width:100%;color:var(--color-white);font-size:1.6rem;font-weight:bold;text-align:center;margin-top:16px}.office__modal__content__text{width:100%;color:var(--color-white);font-size:1.6rem;line-height:24px;margin-top:16px}.environment{width:100%}@media screen and (max-width: 1279px){.environment{margin-top:47px}}@media screen and (min-width: 1280px){.environment{margin-top:64px}}.environment__head{width:100%;font-size:1.6rem;line-height:24px}@media screen and (max-width: 1279px){.environment__head{margin-top:47px}}@media screen and (min-width: 1280px){.environment__head{margin-top:64px}}.environment__head__text{color:var(--color-black)}.environment__wrap{width:100%}@media screen and (max-width: 1279px){.environment__wrap{margin-top:47px}}@media screen and (min-width: 1280px){.environment__wrap{margin-top:64px}}.environment__list{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:24px}.environment__list__item{width:100%}@media screen and (max-width: 1279px){.environment__list__item:not(:first-child){margin-top:24px}}@media screen and (min-width: 1280px){.environment__list__item{max-width:384px}.environment__list__item:nth-child(1n+3){margin-top:32px}}.environment__list__img{width:100%;border-radius:8px;overflow:hidden}.environment__list__text{color:var(--color-black);font-size:1.6rem;line-height:24px;margin-top:10px}