#main { padding-top: 10rem; background: linear-gradient(to bottom, rgba(189, 189, 189, 0.2), transparent, rgba(189, 189, 189, 0.2)); }

[class*="swiper-"], [class*="swiper-"] * { box-sizing: border-box !important; }

.section { position: relative; }
.section-title { color: #111; font-size: 7rem; font-weight: 400; line-height: 1.2; }
.section-title > span { color: var(--point); font-weight: 700; }
.section-title.small { font-size: 6rem; }
.section-title + p { margin-top: 1.5rem; color: #555; font-size: 2rem; font-weight: 500; line-height: 1.4; }
@media (max-width: 1280px) { .section-title { font-size: 6rem; } }
@media (max-width: 767px) { .section-title { font-size: 5rem; } }
@media (max-width: 479px) { .section-title { font-size: 36px; }
  .section-title + p { font-size: 15px; } }

.section-biz { --point:#6cab00; padding: 10rem 0 6rem; }
.section-biz > .layout { display: flex; flex-wrap: wrap; align-items: flex-end; column-gap: 4rem; }
.section-biz-title { flex: 1; }
.section-biz .slide-util { flex-shrink: 0; display: flex; gap: .6rem; align-items: center; }
.section-biz .slide-ctrl { display: flex; gap: .6rem; margin-right: 1.4rem; }
.section-biz .slide-ctrl [data-slide-action] { display: flex; justify-content: center; align-items: center; width: 4.6rem; aspect-ratio: 1 / 1; background-color: #fff; border-radius: 50%; color: var(--point); font-size: 2.2rem; line-height: 1; }
.section-biz .slide-paging { flex-shrink: 0; display: flex; gap: .4rem; width: auto; }
.section-biz .slide-paging-current { color: var(--point); }
.section-biz-more { display: flex; justify-content: center; align-items: center; padding: 0 2.2rem; height: 4.6rem; background-color: #6cab00; border-radius: 4.6rem; color: #fff; font-size: 1.8rem; font-weight: 600; line-height: 1; }
.section-biz-slide { margin-top: 5rem; width: 100%; }
.section-biz-slide .slide-container { overflow: hidden; border-radius: 1rem;}
@media (min-width: 769px) { .section-biz-slide .swiper-wrapper { gap: 1rem; }
  .section-biz-slide .swiper-slide {/* width: 8rem;*/ height: 47rem; transition: .75s, 0s height; min-width: 0; flex: 1 1 0;}
  .section-biz-slide .swiper-slide.swiper-slide-active { flex: 12 1 0; }
  .section-biz-slide .swiper-slide.swiper-slide-active .section-biz-link-before { visibility: hidden; opacity: 0; }
  .section-biz-slide .swiper-slide.swiper-slide-active .section-biz-link-after { visibility: visible; opacity: 1; transition: .5s opacity .6s, 0s visibility 0s; } }
.section-biz-link { display: block; overflow: hidden; position: relative; height: 100%; background: no-repeat 50% 50%/cover; border-radius: 1rem; color: #fff; }
.section-biz-link:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); }
.section-biz-link > * { position: relative; }
.section-biz-link-num { font-size: 1.8rem; font-weight: 700; line-height: 1.4; }
.section-biz-link-before { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; writing-mode: vertical-lr; padding: 4rem 0; transform: rotate(180deg); }
.section-biz-link-after { display: flex; flex-direction: column; justify-content: space-between; visibility: hidden; padding: 4rem 5rem; width: 100%; height: 100%; opacity: 0; font-size: 2.4rem; }
.section-biz-link-after .section-biz-link-num { text-decoration: underline; text-underline-offset: under; }
.section-biz-link-after > p { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; font-size: 2.4rem; font-weight: 600; line-height: 1.4; }
.section-biz-link-after > p > span { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 9rem; aspect-ratio: 1 / 1; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; backdrop-filter: blur(0.5rem); font-size: 1.7rem; line-height: 1.4; }
.section-biz-link-after > p > span > span { font-weight: 500; }
.section-biz-link-after > p > span > i { flex-shrink: 0; font-weight: 400; }
.section-biz-link-01 { background-image: url(/resources/images/eng/main/biz/link-bg-01.jpg); }
.section-biz-link-02 { background-image: url(/resources/images/eng/main/biz/link-bg-02.jpg); }
.section-biz-link-03 { background-image: url(/resources/images/eng/main/biz/link-bg-03.jpg); }
.section-biz-link-04 { background-image: url(/resources/images/eng/main/biz/link-bg-04.jpg); }
.section-biz-link-05 { background-image: url(/resources/images/eng/main/biz/link-bg-05.jpg); }
@media (max-width: 767px) { .section-biz { padding: 7rem 0 3.5rem; }
  .section-biz > .layout { flex-direction: column; align-items: flex-start; row-gap: 2.5rem; }
  .section-biz-slide { margin: 0; }
  .section-biz-slide .slide-container { overflow: visible; }
  .section-biz-link { min-height: unset; max-height: unset; height: 220px; }
  .section-biz-link-before { display: none; }
  .section-biz-link-after { visibility: visible; padding: 20px; opacity: 1; }
  .section-biz-link-after > p > span { display: none; } }
.section-about { --point:#001b9c; padding: 6rem 0 10rem; }
.section-about-group { display: flex; flex-wrap: wrap; row-gap: 2rem; margin: 0 -1rem; }
.section-about-box { padding: 0 1rem; width: calc(100% / 4); height: 32rem; }
.section-about-box.large { width: calc(100% / 2); }
.section-about-box .section-title { padding-top: 5rem; }
.section-about-box > a { display: flex; align-items: flex-end; overflow: hidden; position: relative; padding: 3.2rem 4rem; height: 100%; background: no-repeat 50% 50%/cover; border-radius: 1rem; color: #fff; font-size: 2.4rem; line-height: 1.4; }
.section-about-box > a > * { position: relative; }
.section-about-box > a > span { font-weight: 600; }
.section-about-box > a > i { flex-shrink: 0; line-height: 1.2; }
.section-about-box > a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); }
.section-about-box-pr > a { background-image: url(/resources/images/eng/main/about/box-bg-pr.jpg); }
.section-about-box-org > a { background-image: url(/resources/images/eng/main/about/box-bg-org.jpg); }
.section-about-box-value > a { background-image: url(/resources/images/eng/main/about/box-bg-value.jpg); }
.section-about-box-greeting > a { background-image: url(/resources/images/eng/main/about/box-bg-greeting.jpg); }
.section-about-box-map > a { background-image: url(/resources/images/eng/main/about/box-bg-map.jpg); }
@media (max-width: 1280px) { .section-about-box > a { padding: 2.4rem 3.2rem; } }
@media (max-width: 1023px) { .section-about-group { row-gap: 1rem; margin: 0 -.5rem; }
  .section-about-box { order: 3; padding: 0 .5rem; height: auto; }
  .section-about-box:not(:first-child) { min-height: 24rem; max-height: 32rem; aspect-ratio: 1 / 1; }
  .section-about-box.large { width: 100%; aspect-ratio: 2 / 1; }
  .section-about-box:first-child { order: 1; aspect-ratio: unset; }
  .section-about-box:first-child .section-title { padding-top: 0; }
  .section-about-box-value { order: 2; } }
@media (max-width: 767px) { .section-about { padding: 3.5rem 0 7rem; }
  .section-about-box { width: calc(100% / 2); }
  .section-about-box:not(:first-child) { min-height: unset; }
  .section-about-box > a { padding: 20px; } }
@media (max-width: 479px) { .section-about-box > a { font-size: 18px; } }