@charset "UTF-8";
:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

/*====================================================================================
START TABLE OF CONTENT

1. START COMMON ONLY TOP PAGE.
2. START MAIN VISUAL SECTION.
3. START SECTION TOP NEWS.
4. START SECTION TOP BUSINESS.
5. START SECTION TOP.
6. START SECTION TOP RECRUIT.

/*====================================================================================
1. START COMMON ONLY TOP PAGE.
====================================================================================*/
/*---------- START KEYFRAMES ZOOM UP ----------*/
@keyframes zoomUp { 0% { transform: scale(1); }
  100% { transform: scale(1.08); } }

/*---------- START COMPONENT FADE IN UP ----------*/
.c-fadeInUp { opacity: 0; transition: opacity 1.5s 0.1s ease, transform 1.5s 0.1s ease; }

.c-fadeInUp.is-active { opacity: 1; transform: translateY(0); }

@media only screen and (max-width: 767px) { .c-fadeInUp { transform: translateY(1.5rem); } }

@media only screen and (min-width: 768px) { .c-fadeInUp { transform: translateY(2.5rem); } }

/*====================================================================================
2. START MAIN VISUAL SECTION.
====================================================================================*/
/*---------- START COMPONENT SLIDE MAIN VISUAL ----------*/
.c-slide-mv { position: relative; overflow: hidden; }

.c-slide-mv__img img { width: 100%; object-fit: cover; }

.c-slide-mv__wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.c-slide-mv .l-container, .c-slide-mv__row { width: 100%; height: 100%; }

.c-slide-mv__row { display: flex; align-items: center; }

.c-slide-mv__title { font-family: var(--theme-font-jp-secondary); line-height: 1.5; font-weight: 600; color: var(--theme-color-secondary); text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.39), 0 0 1rem rgba(0, 0, 0, 0.39); opacity: 0; transform: translateY(1rem); transition: opacity 1s ease, transform 1s ease; }

.c-slide-mv__title .green1 { color: var(--theme-color-tertiary); }

.c-slide-mv.swiper-slide-active .c-slide-mv__title { opacity: 1; transform: translateY(0); }

@media only screen and (max-width: 767px) { .c-slide-mv__img img { height: 50vh; min-height: 30rem; }
  .c-slide-mv__title { font-size: clamp(2.5rem, calc(1.0651rem + 3.8265vw), 4rem); } }

@media only screen and (min-width: 768px) { .c-slide-mv__img img { height: calc(100dvh - 10rem); }
  .c-slide-mv__title { font-size: clamp(5rem, calc(3rem + 2.6042vw), 8rem); } }

/*---------- START COMPONENT SLIDE MAIN VISUAL VERSION 2 ----------*/
.c-slide-mv--v2 .c-slide-mv__row { justify-content: center; }

/*---------- START PROJECT SLIDER MAIN VISUAL ----------*/
@media only screen and (max-width: 767px) { .p-slider-mv .swiper-slide-active .c-slide-mv__img img, .p-slider-mv .swiper-slide-duplicate-active .c-slide-mv__img img, .p-slider-mv .swiper-slide-prev .c-slide-mv__img img { animation: zoomUp 3.5s linear 0s normal both; } }

@media only screen and (min-width: 768px) { .p-slider-mv .swiper-slide-active .c-slide-mv__img img, .p-slider-mv .swiper-slide-duplicate-active .c-slide-mv__img img, .p-slider-mv .swiper-slide-prev .c-slide-mv__img img { animation: zoomUp 5.5s linear 0s normal both; } }

/*====================================================================================
3. START SECTION TOP NEWS.
====================================================================================*/
/*---------- START COMPONENT ITEM NEWS ----------*/
.c-item-news { border-bottom: 1px solid var(--theme-border-tertiary); }

.c-item-news__link { display: flex; text-decoration: none; }

.c-item-news__link:hover { color: var(--theme-color-tertiary); }

@media only screen and (max-width: 767px) { .c-item-news { padding: 1.7rem 0; }
  .c-item-news__link { display: block; }
  .c-item-news__left { margin-bottom: 0.5rem; } }

@media only screen and (min-width: 768px) { .c-item-news { padding: 2.8rem 0; }
  .c-item-news__link { display: flex; }
  .c-item-news__left { width: 12.8rem; }
  .c-item-news__right { flex: 1; } }

/*---------- START PROJECT LIST ITEM NEWS ----------*/
.p-list-item-news { max-height: 26.5rem; }

/*---------- START PROJECT TOP NEWS ----------*/
.p-top-news { padding: var(--spacing-sp-45-pc-90) 0; background-color: var(--theme-color-nonary); }

.p-top-news__header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2.5rem; }

.p-top-news__right a { display: block; }

.p-top-news__right a img { width: 100%; }

.p-top-news__btn { margin-top: 10px; }

@media only screen and (max-width: 767px) { .p-top-news__left { margin-bottom: 3rem; }
  .p-top-news__right { text-align: center; } }

@media only screen and (min-width: 768px) { .p-top-news__row { display: flex; }
  .p-top-news__left { flex: 1; margin-top: -1.6rem; padding-right: 3rem; }
  .p-top-news__right { width: calc(57% - 8rem); }
  .p-top-news .c-title__jp { font-size: 4rem; } }

/*====================================================================================
4. START SECTION TOP ATTEMPT.
====================================================================================*/
/*---------- START PROJECT TOP ATTEMPT ----------*/
.p-top-attempt { padding: var(--spacing-sp-55-pc-110) 0 var(--spacing-sp-60-pc-120) 0; }

.p-top-attempt__body .c-title { margin-bottom: 2rem; }

@media only screen and (max-width: 767px) { .p-top-attempt__left { margin-bottom: 2rem; } }

@media only screen and (min-width: 768px) { .p-top-attempt__row { display: flex; }
  .p-top-attempt__left { width: calc(50% + 2rem); }
  .p-top-attempt__right { flex: 1; margin-left: -19.5rem; padding-top: 4.2rem; }
  .p-top-attempt__body { max-width: 54rem; margin-left: auto; } }

/*====================================================================================
4. START SECTION TOP BUSINESS.
====================================================================================*/
/*---------- START COMPONENT LIST ITEM TOP ----------*/
.c-list-item-top .c-item-top .c-link-top__text sup { display: inline-block; vertical-align: top; margin-top: 2px; }

.c-list-item-top .c-item-top:first-child { margin-top: 0; }

@media only screen and (max-width: 767px) { .c-list-item-top .c-item-top { margin-top: 0.8rem; } }

@media only screen and (min-width: 768px) { .c-list-item-top .c-item-top { margin-top: 20px; } }

/*---------- START COMPONENT GROUP TOP ----------*/
.c-group-top__header { margin-bottom: var(--spacing-sp-20-pc-25); }

.p-list-group-top .c-group-top.group01 { 
  /* background: rgba(118, 171, 202, 0.26);  */
}

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-list-group-top .c-group-top.group01 { width: 47%; margin-right: 6%; margin-top: 0; } }

@media only screen and (max-width: 767px) { 
  .p-list-group-top .c-group-top.group01 { 
    margin-top: 0;
  }
}


/* ========== end △ */
.p-list-group-top .c-group-top.group04 { 
  /* background: rgba(118, 171, 202, 0.21);  */
}

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-list-group-top .c-group-top.group04 { width: 47%; margin: 0; } }

/* ========== end △ */
.p-list-group-top .c-group-top.group02 { background: rgba(103, 149, 114, 0.21); }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-list-group-top .c-group-top.group02 { width: 47%; margin-right: 6%; } }

/* ========== end △ */
.p-list-group-top .c-group-top.group03 { background: rgba(114, 178, 163, 0.21); }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-list-group-top .c-group-top.group03 { width: 47%; } }


/* layout change adjust */
.p-list-group-top .c-group-top-wrap { 
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 10px;
  background: rgba(118, 171, 202, 0.26);
}

.p-list-group-top .c-group-top.group05 { 
  /* background: rgba(118, 171, 202, 0.21);  */
  width: 100%; 
}

.p-list-group-top .c-group-top.group05 .c-group-top__body{ 
  margin: 0 -20px;
}

.p-list-group-top .c-group-top.group05 .c-group-top__lists {
	display: flex;
}

.p-list-group-top .c-group-top.group05 .c-list-item-top { 
  display: flex;
  flex-grow: 1;
  gap: 6%;
}

.p-list-group-top .c-group-top.group05 .c-list-item-top .c-item-top {
  width: 47%;
	margin-top: 0;
  padding: 0 20px;
}


/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { 
  .p-list-group-top .c-group-top.group05 { 
    margin: 0; 
  } 
}

@media print, screen and (max-width: 767px) { 
  .p-list-group-top .c-group-top.group05 .c-group-top__body {
    margin: 0;
  }
  .p-list-group-top .c-group-top.group05 .c-list-item-top {
    flex-direction: column;
    gap: 0.8rem;
  }
  .p-list-group-top .c-group-top.group05 .c-list-item-top .c-item-top {
    width: 100%;
    padding: 0;
  }
}

/* ========== end △ */
@media only screen and (max-width: 575px) { .c-group-top__lists .c-list-item-top { margin-top: 1rem; }
  .c-group-top__lists .c-list-item-top:first-child { margin-top: 0; } }

@media only screen and (min-width: 576px) { .c-group-top__lists { display: flex; }
  .c-group-top__lists .c-list-item-top { margin-right: 4rem; }
  .c-group-top__lists .c-list-item-top:last-child { margin-right: 0; } }

@media only screen and (max-width: 767px) { .c-group-top__header .c-tag { min-height: 3.5rem; }
  .c-group-top__img { margin-bottom: 2.5rem; }
  .c-group-top__img img { border-radius: 1.5rem; } }

@media only screen and (min-width: 768px) { .c-group-top__header .c-tag { min-height: 4rem; } }

/*---------- START PROJECT LIST GROUP TOP ----------*/

.p-list-group-top .c-group-top { margin-top: var(--spacing-sp-35-pc-50); }

.p-top-business__right .c-slide-top { position: relative; }

.p-top-business__right .txt01 { font-size: 16px; line-height: 1.5; position: absolute; background: rgba(255, 255, 255, 0.7); border-radius: 10px; padding: 20px 20px 20px; left: 20px; bottom: 20px; right: 20px; }

@media only screen and (min-width: 768px) { .p-list-group-top { display: flex; flex-wrap: wrap; max-width: 73rem; margin-left: auto; padding-left: 1rem; }
  .p-list-group-top .c-group-top { margin-right: 5rem; border-radius: 10px; padding: 20px 20px 20px; }
  .p-list-group-top .c-group-top:last-child { margin-right: 0; } }

/*---------- START PROJECT SLIDER TOP ----------*/
@media only screen and (min-width: 768px) { .c-slide-top__img { height: 100%; }
  .c-slide-top__img img { width: 100%; height: 100%; object-fit: cover; } }

/*---------- START PROJECT SLIDE TOP ----------*/
@media only screen and (min-width: 768px) { .p-slider-top { width: 100%; height: 32vw; max-height: 58rem; overflow: hidden; border-radius: 2rem 0 0 2rem; } }

/*---------- START PROJECT TOP BUSINESS ----------*/
.p-top-business { padding: var(--spacing-sp-50-pc-100) 0 var(--spacing-sp-60-pc-120) 0; background-color: var(--theme-color-octonary); }

.p-top-business .c-title { margin-bottom: var(--spacing-sp-20-pc-35); }

.p-top-business__desc { text-align: center; }

.p-top-business__body { margin-top: var(--spacing-sp-30-pc-50); }

@media only screen and (max-width: 767px) { .p-top-business__body { padding: 0 1rem; }
  .p-list-group-top .c-group-top { margin-top: 20px; border-radius: 10px; padding: 10px 10px 20px; } }

.p-top-business__right .group-img { position: absolute; height: 580px; }

.p-top-business__right .group-img .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 10px 0 0 10px; }

@media only screen and (min-width: 768px) { .p-top-business__row { display: flex; max-width: 190rem; margin: 0 auto; }
  .p-top-business__left { flex: 1; padding: 0 30px 0 0; }
  .p-top-business__right { width: calc(50% - 14rem); } }

/*====================================================================================
5. START SECTION TOP.
====================================================================================*/
/*---------- START PROJECT SLIDER GALLERY ----------*/
@media only screen and (max-width: 767px) { .p-slider-gallery .c-slide-gallery { width: 70vw; } }

@media only screen and (min-width: 768px) { .p-slider-gallery .c-slide-gallery { width: 64rem; } }

/*---------- START COMPONENT BOX TOP ----------*/
.c-box-top { border-radius: 1rem; background-color: var(--theme-color-secondary); }

.c-box-top .c-title { margin-bottom: var(--spacing-sp-15-pc-30); }

.c-box-top__subtitle, .c-box-top__desc { text-align: center; font-family: var(--theme-font-jp-tertiary); }

.c-box-top__subtitle { font-weight: 500; }

.c-box-top__desc { margin-top: var(--spacing-sp-15-pc-25); font-weight: 300; }

.c-box-top__btn { text-align: center; }

@media only screen and (max-width: 575px) { .c-box-top { padding: 3.5rem 1.5rem; }
  .c-box-top__btn { margin-top: 2.5rem; } }

@media only screen and (min-width: 576px) { .c-box-top { position: relative; }
  .c-box-top__btn { position: absolute; left: 0; right: 0; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .c-box-top { padding: 3.5rem 1.5rem 11rem 1.5rem; }
  .c-box-top__btn { bottom: 3rem; } }

@media only screen and (max-width: 767px) { .c-box-top { box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.12); }
  .c-box-top__subtitle { font-size: 2rem; } }

@media only screen and (min-width: 768px) { .c-box-top { padding: 7rem 2rem 11.5rem 2rem; }
  .c-box-top .c-title__en { margin-top: 1.5rem; }
  .c-box-top__subtitle { font-size: 3rem; }
  .c-box-top__desc { display: flex; justify-content: center; }
  .c-box-top__btn { bottom: 0; } }

/*---------- START LIST BOX TOP ----------*/
@media only screen and (max-width: 575px) { .p-list-box-top .c-box-top { margin-top: 3.5rem; }
  .p-list-box-top .c-box-top:first-child { margin-top: 0; } }

@media only screen and (min-width: 576px) { .p-list-box-top { display: flex; justify-content: space-between; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .p-list-box-top .c-box-top { width: calc(50% - 1rem); } }

@media only screen and (min-width: 768px) { .p-list-box-top .c-box-top { width: calc(50% - 3rem); } }

/*---------- START PROJECT TOP ----------*/
.p-top__header { background-color: var(--theme-color-octonary); }

.p-top__body { position: relative; }

@media only screen and (max-width: 767px) { .p-top__body { margin-top: -5rem; } }

@media only screen and (min-width: 768px) { .p-top__body { margin-top: -27rem; } }

/*====================================================================================
6. START SECTION TOP RECRUIT.
====================================================================================*/
/*---------- START PROJECT TOP RECRUIT ----------*/
.p-top-recruit { overflow: hidden; margin-bottom: 100px; }

.p-top-recruit .c-title { margin-bottom: var(--spacing-sp-20-pc-30); }

.p-top-recruit__btn { margin-top: var(--spacing-sp-25-pc-45); }

.p-top-recruit__desc strong { background-image: -webkit-linear-gradient(30deg, #E1FF00 0%, #E1FF00 100%); background-image: -o-linear-gradient(30deg, #E1FF00 0%, #E1FF00 100%); background-image: linear-gradient(30deg, #E1FF00 0%, #E1FF00 100%); background-repeat: no-repeat; background-size: 100% 8px; background-position: 0 100%; font-style: normal; padding-bottom: 0; font-size: 18px; }

@media only screen and (max-width: 767px) { .p-top-recruit { padding-top: 7rem; }
  .p-top-recruit__left { margin-bottom: 3.5rem; }
  .p-top-recruit__btn { text-align: center; } }

@media only screen and (min-width: 768px) { .p-top-recruit { padding-top: 14.5rem; }
  .p-top-recruit__row { display: flex; align-items: center; }
  .p-top-recruit__left { flex: 1; }
  .p-top-recruit__right { width: calc(48% + 6.5rem); margin-right: -2rem; padding: 0 0 0 30px; }
  .p-top-recruit__right img { border-radius: 10px; } }

/*# sourceMappingURL=maps/top.css.map */