/* common */
img {
  width: 100%;
}
ul,
li {
  list-style: none;
}
.largeofficeextra_wrapper {
  overflow: hidden;
  --swiper-theme-color: #222;
  --c_primary: #0072ca;
  --c_secondary: #afdaff;
  --c_tertiary: #cce7ff;
  --inner_pd: 180px 50px;
  --max_w_lg: 1380px;
  --max_w_md: 1164px;
  color: #222;
}
.hidden_pc {
  display: none;
}
.hidden_mo {
  display: block;
}
.inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: var(--inner_pd);
  max-width: var(--max_w_lg);
}
.inner.__md {
  max-width: var(--max_w_md);
}
.rounded__8 {
  overflow: hidden;
  border-radius: 8px;
}
.section_title {
  margin-bottom: 60px;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -1px;
  color: #222;
}
.section_title.__type2 {
  margin-bottom: 40px;
}
.section_title.__white {
  color: #fff;
}
.section_title.__left {
  text-align: left;
}
.section_text {
  font-size: 20px;
  font-weight: 400;
  line-height: 170%;
}
b, strong {
  font-weight: 700;
}
.point {
  font-weight: 700;
}
.c_primary {
  color: var(--c_primary);
}
abbr {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 170%;
  opacity: 0.5;
}
.btn_wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.btn_wrapper.__m60 {
  margin-top: 60px;
}
.btn_cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 0 48px;
  background-color: var(--c_primary);
  color: #fff;
  font-size: 18px;
  text-indent: 8px;
  font-weight: 600;
  border-radius: 8px;
  transition: background-color linear 0.1s;
}
.btn_cta.__type2 {
  padding: 0 24px;
}
.btn_cta.__reverse {
  background-color: #222;
}
.btn_cta::after {
  content: '';
  display: inline-block;
  margin-left: 2px;
  width: 24px;
  height: 24px;
  background: #fff;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_232_9' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_232_9)'%3E%3Cpath d='M13.1 12L8.5 7.4L9.9 6L15.9 12L9.9 18L8.5 16.6L13.1 12Z' fill='white'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat;
  mask-position: center;
  mask-size: 100% auto;
}
.swiper-pagination {
  position: static;
  margin-top: 2px;
}
/* visual */
.visual_wrapper {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.visual_wrapper .bg {
  position: absolute;
  inset: 0;
}
.visual_wrapper .bg > img {
  height: 100%;
  object-fit: cover;
}
.visual_wrapper .inner {
  position: relative;
  margin-top: 108px;
  padding: 92px 80px;
  align-items: flex-start;
  width: 100%;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
}
.visual_wrapper .section_title {
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 16px;
  color: var(--c_primary);
}
.visual_wrapper .section_title > strong {
  display: block;
  font-size: 52px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1px;
}
.visual_wrapper .section_text {
  font-size: 22px;
  margin-bottom: 32px;
}
.visual_wrapper .obj_buildings {
  position: absolute;
  bottom: 0;
  right: -30px;
  width: 50.2%;
  max-width: 658px;
  transform: translateY(26%);
  opacity: 0.4;
}
.visual_wrapper.__ani .obj_buildings {
  animation: building_up 0.6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.visual_wrapper .details {
  margin-bottom: 4px;
}
.visual_wrapper .details > p {
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 0;
}
/* why */
.why_wrapper {
  background-color: var(--c_secondary);
}
.why_wrapper .section_title {
  display: flex;
  gap: 16px;
}
.why_wrapper .img_logo {
  max-width: 208px;
}
.why_wrapper .text_list {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: var(--max_w_md);
  border-radius: 8px;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 0.4s ease-in;
}
.why_wrapper .text_list.__ani {
  clip-path: inset(0 0 0 0);
}
.why_wrapper .text_list > li {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 36px 0;
  text-align: center;
  background-color: #fff;
}
.why_wrapper .text_list > li h5 {
  font-size: 24px;
  line-height: 140%;
  font-weight: 700;
}
.why_wrapper .text_list > li p {
  font-size: 18px;
  line-height: 170%;
}
.why_wrapper .text_list > li:nth-child(2) {
  background-color: #eaf6ff;
}
/* benefit */
.benefit_wrapper .section_title {
  margin-bottom: 40px;
}
.benefit_wrapper .space_layout {
  display: flex;
  gap: 56px;
}
.benefit_wrapper .spcae {
  position: relative;
  margin-top: 80px;
  max-width: 848px;
  border-radius: 8px;
}
.benefit_wrapper .spcae__add {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 262px;
}
.benefit_wrapper .btn_wrapper {
  justify-content: flex-start;
  margin-top: 32px;
}
.benefit_wrapper .img__add {
  max-width: 376px;
}
.discount__round {
  display: flex;
  align-items: center;
  gap: 18px;
  position: absolute;
  top: -66px;
  right: 30px;
  transform: translateX(50%) scale(1.2);
  opacity: 0;
  filter: blur(4px);
}
.discount__round .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px;
  width: 16vw;
  height: 16vw;
  max-width: 180px;
  max-height: 180px;
  font-size: 64px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1px;
  background-color: var(--c_primary);
  color: #fff;
  border-radius: 50%;
}
/* multipurpose */
.multipurpose_wrapper {
  background-color: var(--c_secondary);
}
.multipurpose_wrapper .inner {
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}
.tab_main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.tab_main .section_title {
  margin-bottom: 0;
}
.tab_main .rounded__8 {
  max-width: 460px;
}
.tab_content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  flex: 1;
  max-width: 628px;
}
.tab_content > li {
  position: relative;
}
.tab_content .accordion {
  background-color: #fff;
}
.tab_content li::after {
  content: '';
  position: absolute;
  left: 0;
  transform: translateX(-99%);
  width: calc(100vw * 0.0875);
  max-width: 168px;
  mask-repeat: no-repeat;
  background-color: #fff;
}
.tab_content li.active:nth-child(1)::after {
  bottom: 20px;
  height: 84px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='84' viewBox='0 0 168 84' fill='none'%3E%3Cpath d='M168 56.1538V0L0 84L168 56.1538Z' fill='white'/%3E%3C/svg%3E");
}
.tab_content .title {
  position: relative;
  padding: 32px;
  width: 100%;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  border: 0;
  background-color: inherit;
}
.tab_content .title::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 32px;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' fill='none'%3E%3Cpath opacity='0.8' d='M17 13L9 21L1 13' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.active .title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.active .title::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' fill='none'%3E%3Cpath opacity='0.8' d='M17 21L9 13L1 21' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab_content .content {
  display: none;
}
.tab_content .active .content {
  display: flex;
}
.tab_content .content > p {
  flex: 6;
  padding: 24px 0 24px 32px;
  font-size: 18px;
  line-height: 170%;
}
.tab_content .content > .content_img {
  flex: 4;
}
.tab_content .content > .content_img img {
  height: 100%;
  object-fit: cover;
}
/* recommend */
.branch_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.branch_list.__ani {
  opacity: 1;
  transform: translateY(0);
}
.branch_info {
  padding: 16px 24px;
  text-align: center;
  background-color: #eaf6ff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.branch_info > p {
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
/* 20250620 추가 */
.branch_info ._info {
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0;
  display: inline-flex;
  gap: 0 21px;
}
.branch_info ._info > span {
  position: relative;
}
.branch_info ._info > span::before {
  position: absolute;
  top: 50%;
  left: -11px;
  width: 1px;
  height: 18px;
  background-color: #000;
  opacity: .2;
  display: block;
  content: '';
  transform: translateY(-50%);
}
.branch_info ._info > span:first-child::before {
  display: none;
}


.branch_info .details {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
.branch_info .details > span {
  display: inline-flex;
  padding: 0 8px;
  font-size: 16px;
  line-height: 170%;
  border-radius: 8px;
  background-color: #fff;
}
/* tour */
.tour_wrapper {
  background-color: #f1f4f8;
}
.tour_space_list li {
  display: flex;
  align-items: center;
  background-color: #fff;
}
.tour_space_list .img {
  flex: 6;
  height: 100%;
}
.tour_space_list .img img {
  height: inherit;
  object-fit: cover;
}
.tour_space_list .text {
  flex: 4;
  padding: 8px 8px 8px 24px;
  font-size: 18px;
  line-height: 170%;
}
/* review */
.review_wrapper {
  background-color: #222;
}
.review_wrapper .inner {
  padding-bottom: 0;
}
.review_list {
  display: flex;
  gap: 16px;
  width: 100%;
}
.review_list li {
  flex: 1;
  position: relative;
  padding: 20px;
  background-color: #fff;
}
.review_list li > p {
  padding: 52px 0 18px;
  font-size: 20px;
  line-height: 170%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.review_list li .member {
  display: block;
  padding-top: 18px;
  font-size: 18px;
  line-height: 170%;
  opacity: 0.6;
}
.review_list li .badge {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%230072CA'/%3E%3Cpath d='M18.2404 22.9482C18.2414 22.9492 18.2407 22.9509 18.2393 22.9509C16.8294 22.9509 15.4196 22.9509 14.0097 22.9509C13.5037 22.9509 13.3152 22.7878 13.3215 22.2797C13.3403 20.084 13.2209 17.8821 13.3843 15.6896C13.488 14.2781 14.0474 13.0172 14.9211 11.8974C15.512 11.1415 16.1311 10.4075 16.8194 9.73628C17.0425 9.51985 17.1557 9.27519 17.1494 8.96153C17.1431 8.58513 17.1808 8.20874 17.1714 7.83234C17.1588 7.36185 17.316 6.97291 17.756 6.79412C18.2179 6.60906 18.6674 6.70316 19.0414 7.05132C19.4059 7.39008 19.5474 7.84489 19.6574 8.30597C19.9465 9.49162 19.7234 10.6145 19.2331 11.7061C19.0697 12.0699 18.9219 12.4432 18.7365 12.7976C18.6171 13.0297 18.7082 13.1113 18.9157 13.1458C19.0225 13.1615 19.1325 13.1552 19.2425 13.1552C20.5091 13.1552 21.7725 13.1489 23.039 13.1458C23.7273 13.1458 24.1987 13.4751 24.3621 14.0648C24.5444 14.7235 24.2804 15.4826 23.7242 15.7774C23.4727 15.9123 23.4822 15.9688 23.699 16.1193C24.161 16.4424 24.469 16.8533 24.3747 17.4681C24.3024 17.9323 24.073 18.2491 23.6173 18.3965C23.5324 18.4248 23.3973 18.4153 23.3816 18.5283C23.3627 18.6475 23.501 18.6663 23.5733 18.7196C24.1799 19.1713 24.2616 20.3789 23.369 20.7459C23.1962 20.818 23.1207 20.8588 23.303 21.0313C23.6959 21.4077 23.699 21.8876 23.5167 22.3455C23.3376 22.7909 22.9384 22.929 22.4733 22.929C21.0666 22.9227 19.6599 22.9289 18.2533 22.929C18.2459 22.929 18.2399 22.9349 18.2399 22.9423V22.9471C18.2399 22.9475 18.2401 22.9479 18.2404 22.9482Z' fill='%23FDFDFE'/%3E%3Cpath d='M12.1475 22.234C12.1479 22.2347 12.149 22.2344 12.149 22.2336C12.149 22.2285 12.149 22.2188 12.149 22.2122C12.1428 21.674 12.1552 21.1357 12.1552 20.5974C12.1552 19.9911 12.1552 19.3848 12.1583 18.7785C12.1614 18.1722 12.1583 17.5659 12.1583 16.9596C12.1583 16.3533 12.1583 15.7469 12.1583 15.1406C12.1583 14.9798 12.1583 14.8189 12.1583 14.6581C12.1583 14.2652 11.9474 14.0858 11.5317 14.0827C10.4987 14.0796 9.46881 14.0827 8.43582 14.0827C7.83712 14.0827 7.68822 14.2281 7.68512 14.822C7.68201 17.2287 7.68201 19.6323 7.68201 22.039C7.68201 22.206 7.67271 22.3762 7.69132 22.5401C7.72854 22.8526 7.88675 23.0444 8.23108 23.0413C8.83909 23.0382 9.44709 23.0351 10.0551 23.0351C10.3529 23.0351 10.6538 23.0351 10.9516 23.0351C11.1036 23.0351 11.2525 23.0351 11.4045 23.0351C11.5321 23.0351 11.6597 23.0351 11.7823 22.9997C11.7993 22.9948 11.8158 22.9881 11.8326 22.9825C11.9939 22.9237 12.1118 22.8124 12.1428 22.6391C12.1643 22.5073 12.1493 22.3663 12.146 22.2343C12.146 22.2335 12.1471 22.2332 12.1475 22.234Z' fill='%23FDFDFE'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.review_list li .badge.ico_heart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%230072CA'/%3E%3Cpath d='M20.1529 8.98684C18.2245 8.83521 16.2744 10.1328 16.0106 12.2789C16.1275 11.3108 14.9172 10.0628 14.2454 9.6225C13.1982 8.93727 11.8682 8.77981 10.6987 9.16762C8.96345 9.74497 7.67969 11.4799 7.67969 13.4481C7.67969 19.0146 15.9997 23.68 15.9997 23.68C15.9997 23.68 24.3197 19.0146 24.3197 13.4511C24.3197 10.923 22.2988 9.15887 20.1529 8.98975V8.98684Z' fill='white'/%3E%3C/svg%3E");
}
.review_list li .badge.ico_star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%230072CA'/%3E%3Cpath d='M15.9462 6.40015L18.2644 13.2108L25.5984 13.1552L19.6983 17.4188L22.0195 24.2295L16.0537 20.0565L10.1536 24.3201L12.3643 17.4744L6.39844 13.3015L13.7325 13.2459L15.9462 6.40015Z' fill='white'/%3E%3C/svg%3E");
}
/* award */
.award_wrapper {
  background-color: #222;
}
/* outro */
.outro_wrapper {
  background-color: var(--c_primary);
}
.outro_wrapper .inner {
  flex-direction: row;
  justify-content: space-between;
}
.outro_wrapper .section_title {
  margin-bottom: 0;
  line-height: 140%; /* 250620 */
}
.outro_wrapper .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.outro_wrapper .img {
  position: relative;
  max-width: 409px;
}
.outro_wrapper .img_arrow {
  position: absolute;
  right: -33px;
  top: 0;
  width: 148px;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 0.5s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.8s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


/* 250620 */
.outro_wrapper .img_arrow span {
  position: absolute;
  top: 33px;
  left: 50%;
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1px;
  color: #fff;
  transform: translateX(-50%);
  z-index: 1;
}
.outro_wrapper .__ani .img_arrow {
  opacity: 1;
  transform: translateY(0%);
}
.super_price_wrapper {
  --c_primary: #fff;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #0072CA;
}
.super_price_wrapper .btn_cta:not(:hover) {
  color: #222;
}
.super_price_wrapper .btn_cta:not(:hover)::after {
  background-color: #222;
}
.super_price_wrapper .section_title {
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 140%;
  color: #fff;
}
.super_price_coupon {
  width: 100%;
  max-width: 1278px;
  margin: 0 auto;
  padding: 100px 0;
  display: flex;
  gap: 0 28px;
  justify-content: space-between;
}
.super_price_coupon li {
  position: relative;
  display: flex;
  align-items: center;
}
.super_price_coupon li._big {
  z-index: 1;
}
.super_price_coupon li._big div {
  position: relative;
}
.super_price_coupon li._big div::before {
  position: absolute;
  background-size: cover !important;
  display: block;
  content: '';
  z-index: 1;
  opacity: 0;
}
@keyframes starLight {
  0% {opacity: 0;}
  30% {opacity: .8;}
  50% { opacity: .3;}
  80% {opacity: 1;}
  100% {opacity: 0;}
}
.super_price_coupon li.__ani div::before {
  animation: starLight 2.5s linear infinite alternate;
  animation-delay: .6s;
}
.recommend_wrapper .inner {
  position: relative;
}
.recommend_wrapper .section_title {
  color: #000;
}
.recommend_sale_text {
  position: absolute;
  top: 0;
  left: 50%;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: -1px;
  color: #fff;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='160' viewBox='0 0 136 160' fill='none'%3E%3Cpath d='M0 0H136V132.473L68 160L0 132.473V0Z' fill='url(%23paint0_linear_459_3117)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_459_3117' x1='68' y1='160' x2='68' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23003E6E'/%3E%3Cstop offset='1' stop-color='%230064B2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: auto 100%;
  background-position: center bottom;
  display: inline-flex;
  justify-content: center;
  transform: translateX(-50%);
}

/* hover */
@media (min-width: 961px) and (hover: hover) {
  .btn_cta:hover {
    background-color: #222;
  }
  .btn_cta.__reverse:hover {
    color: #222;
    background-color: #fff;
  }
  .btn_cta.__reverse:hover::after {
    background-color: #222;
  }
}
/* pc */
@media (min-width: 961px) {
  .__ani .discount__round {
    animation: circle_fadein 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) forwards;
  }
  /* tab_content */
  .tab_content li.active:nth-child(2)::after {
    top: 84px;
    height: 50px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='50' viewBox='0 0 168 50' fill='none'%3E%3Cpath d='M168 50V0L0 25L168 50Z' fill='white'/%3E%3C/svg%3E");
  }
  .tab_content li.active:nth-child(3)::after {
    top: -10px;
    height: 80px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='80' viewBox='0 0 168 80' fill='none'%3E%3Cpath d='M168 80V38.844L0 0L168 80Z' fill='white'/%3E%3C/svg%3E");
  }
  /* tour */
  .tour_space_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  /*250620 */
  .branch_info ._info {
    margin-top: 4px;
  }
  .super_price_coupon li {
    width: min(28.9515%, 370px);
  }
  .super_price_coupon li._big div {
    transition: .6s ease transform, .4s ease opacity;
    opacity: .5;
  }
  .super_price_coupon li._big div::before {
    top: -47px;
    left: -31px;
    width: 77px;
    height: 98px;
    background: url('/wp-content/themes/fastfive/assets/event/250423_largeofficeextra/img/coupon_light.png') center no-repeat;
  }
  .super_price_coupon li.__ani div {
    filter: drop-shadow(0px 4px 50px #FFF);
    opacity: 1;
    transform: scale(1.31);
  }
  .recommend_wrapper .inner {
    padding-top: 184px;
  }
  .recommend_sale_text {
    width: 136px;
    height: 160px;
    padding-top: 48px;
    font-size: 40px;
  }
}
@media (max-width: 1280px) {
  .tab_content li::after {
    width: 4vw;
  }
  .tab_content li.active:nth-child(3)::after {
    top: 10px;
  }
}
@media (max-width: 960px) {
  /* common */
  .largeofficeextra_wrapper {
    --inner_pd: 130px 20px;
    --max_w_lg: 500px;
    --max_w_md: 500px;
  }
  .hidden_pc {
    display: block;
  }
  .hidden_mo {
    display: none;
  }
  .section_title {
    margin-bottom: 40px;
    font-size: 28px;
  }
  .section_title.__left {
    text-align: center;
  }
  .section_text {
    text-align: center;
    font-size: 18px;
  }
  .btn_wrapper.__m60 {
    margin-top: 40px;
  }
  .btn_cta {
    padding: 0 32px;
    font-size: 16px;
    text-indent: 4px;
  }
  .btn_cta::after {
    margin-left: 0;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cmask id='mask0_461_155' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='17' height='16'%3E%3Crect x='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_461_155)'%3E%3Cpath d='M10.1502 7.99935L5.25024 3.09935C5.08357 2.93268 5.00301 2.73546 5.00857 2.50768C5.01413 2.2799 5.10024 2.08268 5.2669 1.91602C5.43357 1.74935 5.63079 1.66602 5.85857 1.66602C6.08635 1.66602 6.28357 1.74935 6.45024 1.91602L11.5669 7.04935C11.7002 7.18268 11.8002 7.33268 11.8669 7.49935C11.9336 7.66602 11.9669 7.83268 11.9669 7.99935C11.9669 8.16602 11.9336 8.33268 11.8669 8.49935C11.8002 8.66602 11.7002 8.81602 11.5669 8.94935L6.43357 14.0827C6.2669 14.2494 6.07246 14.3299 5.85024 14.3244C5.62801 14.3188 5.43357 14.2327 5.2669 14.066C5.10024 13.8994 5.0169 13.7021 5.0169 13.4743C5.0169 13.2466 5.10024 13.0494 5.2669 12.8827L10.1502 7.99935Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    mask-position: center;
    mask-size: 17px auto;
  }
  .btn_cta.__type2 {
    padding: 0 32px;
  }
  /* visual */
  .visual_wrapper {
    align-items: flex-start;
  }
  .visual_wrapper .inner {
    position: static;
    align-items: center;
    margin: 0 0 224px;
    padding: 32px 16px;
    max-width: 100%;
    text-align: center;
    z-index: 1;
    border-radius: 0px 0px 16px 16px;
  }
  .visual_wrapper .section_title {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 130%;
  }
  .visual_wrapper .section_title > strong {
    margin-top: 4px;
    font-size: 40px;
    line-height: 120%;
  }
  .visual_wrapper .section_text {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 140%;
  }
  .visual_wrapper .details {
    display: flex;
    gap: 16px;
    margin: 0;
  }
  .visual_wrapper .btn_wrapper {
    margin-top: 18px;
  }
  .visual_wrapper .details > p {
    font-size: 16px;
  }
  .visual_wrapper .obj_buildings {
    position: absolute;
    top: unset;
    right: unset;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 40%);
    width: 258px;
  }
  .visual_wrapper.__ani .obj_buildings {
    animation: building_up_m 0.65s forwards cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* why */
  .why_wrapper .text_list {
    flex-direction: column;
    transition-duration: 0.55s;
  }
  .why_wrapper .section_title {
    gap: 8px;
    align-items: center;
  }
  .why_wrapper .img_logo {
    max-width: 140px;
  }
  .why_wrapper .text_list > li {
    width: 100%;
    flex-direction: column;
    gap: 8px;
    padding: 24px 20px;
  }
  .why_wrapper .text_list > li h5 {
    font-size: 22px;
  }
  .why_wrapper .text_list > li p {
    font-size: 16px;
  }
  /* benefit */
  .benefit_wrapper .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .benefit_wrapper .space_layout {
    flex-direction: column;
    gap: 0;
  }
  .benefit_wrapper .spcae {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .benefit_wrapper .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .benefit_wrapper .spcae__add {
    margin-top: -34px;
    align-items: flex-end;
  }
  .benefit_wrapper .img__add {
    max-width: 232px;
    border-radius: 8px 0 8px 0;
    z-index: 1;
  }
  .benefit_wrapper .desc {
    margin-top: 24px;
  }
  .benefit_wrapper .btn_wrapper {
    margin-top: 40px;
  }
  .discount__round {
    inset: unset;
    left: 31px;
    bottom: -30px;
    gap: 9px;
    transform: translate(0, 50%) scale(1.2);
    z-index: 2;
  }
  .discount__round .circle {
    width: 90px;
    height: 90px;
    font-size: 32px;
    letter-spacing: -0.5px;
  }
  .__ani.discount__round {
    animation: circle_fadein_m 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) forwards;
  }
  /* multipurpose */
  .multipurpose_wrapper .inner {
    flex-direction: column;
    gap: 20px;
  }
  .tab_main {
    align-items: center;
    gap: 16px;
  }
  .tab_content li:nth-child(1)::after {
    inset: unset;
    top: -36px;
    right: 28px;
    width: 24px;
    height: 36px !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='36' viewBox='0 0 24 36' fill='none'%3E%3Cpath d='M12 0L0 36H24L12 0Z' fill='white'/%3E%3C/svg%3E") !important;
  }
  .tab_content .title {
    padding: 16px 20px;
    font-size: 18px;
    line-height: 170%;
  }
  .tab_content .title::after {
    right: 20px;
    width: 14px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='31' viewBox='0 0 14 31' fill='none'%3E%3Cpath opacity='0.8' d='M13 13.5L7 19.5L0.999999 13.5' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .active .title::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='31' viewBox='0 0 14 31' fill='none'%3E%3Cpath opacity='0.8' d='M13 17.5L7 11.5L0.999999 17.5' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .tab_main .rounded__8 {
    margin-top: 8px;
    max-width: 100%;
    order: 3;
  }
  .tab_content .content {
    flex-direction: column-reverse;
  }
  .tab_content .content > p {
    flex: none;
    padding: 16px 20px;
    font-size: 16px;
  }
  .tab_content .content > .content_img {
    flex: none;
  }
  /* recommend */
  .branch_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .branch_list li {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .branch_list li.__ani {
    opacity: 1;
    transform: translateY(0);
  }
  .branch_info {
    padding: 8px 6px 12px; /* 250620 */
  }
  .branch_info > p {
    font-size: 18px;
    line-height: 170%;
  }
  .branch_info .details {
    margin-top: 4px;
  }
  .branch_info .details > span {
    padding: 0 4px;
    font-size: 12px;
    border-radius: 4px;
  }
  /* tour */
  .tour_space_wrapper {
    width: 100%;
  }
  .tour_space_list li {
    flex-direction: column;
  }
  .tour_space_list .img {
    flex: none;
    width: 100%;
  }
  .tour_space_list .text {
    flex: none;
    padding: 14px 20px;
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
  .tour_space_list .text abbr {
    font-size: 12px;
  }
  /* review */
  .review_list {
    flex-direction: column;
  }
  .review_list li {
    flex: none;
  }
  .review_list li > p {
    padding: 32px 0 12px;
    font-size: 18px;
  }
  .review_list li .member {
    padding-top: 12px;
    font-size: 16px;
  }
  /* outro */
  .outro_wrapper .inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
    gap: 24px;
  }
  .outro_wrapper .text {
    align-items: center;
  }
  .outro_wrapper .img {
    margin: 0 auto;
    max-width: 284px;
  }
  .outro_wrapper .img_arrow {
    width: 84px;
    top: 65px;
    right: -4px;
  }

  /* 250620 */
  .outro_wrapper .img_arrow span {
    top: 23px;
    font-size: 22px;
  }
  .super_price_wrapper .btn_cta {
    color: #222;
  }
  .super_price_wrapper .btn_cta::after {
    background-color: #222;
  }
  .super_price_coupon {
    max-width: 334px;
    height: 328px;
    margin: 0 auto;
    margin-top: 16px;
    padding: 0;
    flex-direction: column;
    gap: 0;
    align-items: center;
    overflow: hidden;
  }
  .super_price_coupon li {
    height: 112px;
    opacity: .5;
  }
  .super_price_coupon li img {
    position: relative;
    width: auto;
    height: 100%;
  }
  .super_price_coupon li._first,
  .super_price_coupon li._last {
    overflow: hidden;
  }
  .super_price_coupon li._first::before,
  .super_price_coupon li._last::before {
    position: absolute;
    left: 50%;
    width: 334px;
    height: 76px;
    display: block;
    content: '';
    transform: translateX(-50%);
    z-index: 1;
  }
  .super_price_coupon li._first::before {
    top: 0;
    background: linear-gradient(180deg, #0072CA 0%, rgba(0, 114, 202, 0.00) 100%);
  }
  .super_price_coupon li._last::before {
    bottom: 0;
    background: linear-gradient(0deg, #0072CA 0%, rgba(0, 114, 202, 0.00) 100%);
  }
  .super_price_coupon li._first img {
    top: -36px;
  }
  .super_price_coupon li._last img {
    bottom: -36px;
  }
  .super_price_coupon li._big {
    transition: .4s ease opacity;
  }
  .super_price_coupon li._big div {
    height: 100%;
    transition: .6s ease height;
  }
  .super_price_coupon li._big.__ani {
    opacity: 1;
  }
  .super_price_coupon li.__ani div {
    height: 144px;
    filter: drop-shadow(0px 0px 14px #FFF);
  }
  .super_price_coupon li._big div::before {
    top: -18px;
    left: -14px;
    width: 32px;
    height: 40px;
    background: url('/wp-content/themes/fastfive/assets/event/250423_largeofficeextra/img/coupon_light_mo.png') center no-repeat;
  }
  .super_price_wrapper .btn_wrapper {
    margin-top: 16px;
  }
  .recommend_wrapper .inner {
    padding-top: 150px;
  }
  .recommend_sale_text {
    width: 110px;
    height: 130px;
    padding-top: 42px;
    font-size: 28px;
  }
  .branch_list li {
    display: flex;
    flex-direction: column;
  }
  .branch_info {
    height: 100%;
    flex: 1 1 auto;
  }
  .branch_info .details {
    gap: 4px;
    flex-wrap: wrap;
  }
  .branch_info ._info {
    font-size: 12px;
    gap: 13px;
  }
  .branch_info ._info span::before {
    left: -7px;
    height: 12px;
  }
}

@keyframes building_up {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes building_up_m {
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
@keyframes circle_fadein {
  to {
    transform: translateX(50%) scale(1);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes circle_fadein_m {
  to {
    transform: translate(0, 50%) scale(1);
    opacity: 1;
    filter: blur(0);
  }
}