@charset "UTF-8";
/**
 * The available font weights are 400 and 700.
 */
/**
 * The font-weight that can be used is Full Access.
 */
.p-home__title--white,.p-home__title{width:fit-content;font-family:"Roboto",sans-serif;font-size:2.5rem;font-weight:700;line-height:1.6;text-transform:uppercase}
@media screen and (max-width: 767px){
.p-home__title--white,.p-home__title{font-size:2.25rem;line-height:1.4444444444}
}
@media screen and (max-width: 767px){
.p-home{padding-bottom:120px}
}
.p-home{/* ========================================================
    ASSETS
    ======================================================== */}
.p-home__title{background-image:linear-gradient(90deg, #EC3E1C 10%, #FFB64F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.p-home__title--white{color:white}
.p-home__subTitle{margin-top:4px;font-size:1.375rem;font-weight:700;line-height:1.5}
.p-home{/* ========================================================
    MV
    ======================================================== */}
.p-home__mv{position:relative;width:100%;height:664px;overflow:hidden}
.p-home__mv__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1)}
.p-home__mv__slide.is-active{opacity:1}
.p-home__mv__slide__img{width:100%;height:100%}
.p-home__mv__slide__img img{width:100%;height:100%;object-fit:cover}
.p-home__mv{/* タイトル */}
.p-home__mv__title{position:absolute;inset:0;z-index:10;color:white;font-family:"Roboto",sans-serif/*h2*/}
.p-home__mv__title__label{position:absolute;top:36px;left:45px;font-size:6.625rem;font-weight:500;line-height:1.06;text-shadow:0 0 10.3px rgba(31, 9, 8, 0.5)}
.p-home__mv__title{/*p*/}
.p-home__mv__title__text{position:absolute;bottom:82px;right:43px;font-size:4.375rem;font-weight:600;line-height:1.13;text-shadow:0 0 10.3px rgba(0, 20, 54, 0.5)}
.p-home__mv{/* ナビゲーションとコントロールのコンテナ */}
.p-home__mv__controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:10/* ナビゲーションドット */}
.p-home__mv__controls .c-nav-controls__nav__progress::before{animation-duration:8s !important}
@media screen and (min-width: 1024px){
.p-home__mv__slide__title span{display:inline-block}
.p-home__mv__slide__title span + span{margin-top:-2px}
}
@media screen and (min-width: 768px){
.p-home__mv{/* 次へ前へボタン */}
.p-home__mv__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:47px;height:47px;background-color:rgba(255, 255, 255, 0.8)}
.p-home__mv__btn.c-button-prev{left:20px}
.p-home__mv__btn.c-button-next{right:20px}
}
@media screen and (max-width: 767px){
.p-home__mv{height:428px}
.p-home__mv__slide__img img{object-position:50% 100%}
.p-home__mv{/* タイトル */}
.p-home__mv__title{/*h2*/}
.p-home__mv__title__label{top:22px;left:22px;font-size:2.75rem;text-shadow:0 0 13px rgba(33, 87, 118, 0.5)}
.p-home__mv__title{/*p*/}
.p-home__mv__title__text{bottom:68px;right:27px;font-size:1.8125rem;text-shadow:0 0 13px rgba(0, 20, 54, 0.5)}
.p-home__mv__btn{display:none}
}
.p-home{/* ========================================================
    Slider
    ======================================================== */}
.p-home__slider{position:relative;padding:40px 0 20px;margin-top:40px;background-color:#F4F7F9;overflow:hidden/* スライダーの内側コンテナ（アイテムを absolute 配置） */}
.p-home__slider__inner{position:relative;width:100%}
.p-home__slider{/* 各スライダーアイテム */}
.p-home__slider__item{flex-shrink:0;transition:width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),margin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)}
.p-home__slider__item__link{display:block;margin-top:28px;color:inherit;text-decoration:none;transition:margin 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)}
@media (any-hover: hover){
.p-home__slider__item__link{transition:opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.p-home__slider__item__link:hover{opacity:0.7}
}
.p-home__slider__item.is-active .p-home__slider__item__link{margin-top:0}
.p-home__slider__item__img{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#f0f0f0;box-shadow:4px 4px 20px rgba(135, 91, 91, 0.14);transition:box-shadow 0.3s}
.p-home__slider__item__img img{width:100%;height:100%;object-fit:cover;display:block}
.p-home__slider__item__label{margin-top:16px;font-size:1rem;line-height:1.8;text-align:center}
.p-home__slider{/* 前へ/次へ ボタン */}
.p-home__slider__btn{position:absolute;top:145px;z-index:10}
.p-home__slider__btn.is-prev{left:50%;transform:translateX(-231px)}
.p-home__slider__btn.is-next{right:50%;transform:translateX(231px)}
.p-home__slider{/* コントロール（ナビゲーション + 停止/再生） */}
.p-home__slider__controls{margin-top:24px}
@media screen and (max-width: 767px){
.p-home__slider{grid-column:full;margin-top:24px;padding:24px 0 16px}
.p-home__slider__item__link{margin-top:12.5px}
.p-home__slider__item.is-active .p-home__slider__item__img{box-shadow:none}
.p-home__slider{/* 前へ/次へ ボタン */}
.p-home__slider__btn{top:80px}
.p-home__slider__btn.is-prev{transform:translateX(-171.5px)}
.p-home__slider__btn.is-next{transform:translateX(171.5px)}
}
.p-home{/* ========================================================
    News
    ======================================================== */}
.p-home__news{padding:80px 0 112px/* ヘッダー：タイトルエリア + アラートリンク */}
.p-home__news__header{display:flex;align-items:flex-end;justify-content:space-between;padding-right:60px}
.p-home__news__header__left{display:flex;flex-direction:column;gap:4px}
.p-home__news{/* コンテンツ */}
.p-home__news__content{margin-top:32px}
.p-home__news{/* フッター（ボタンエリア） */}
.p-home__news__footer{margin-top:40px}
@media screen and (max-width: 767px){
.p-home__news{padding:40px 0/* ヘッダー：タイトルエリア + アラートリンク */}
.p-home__news__header{flex-direction:column;align-items:flex-start;row-gap:24px;padding-right:0}
.p-home__news__header__left .c-title{font-size:2.25rem;line-height:1.4444444444}
.p-home__news__header__right{width:100%}
.p-home__news{/* コンテンツ */}
.p-home__news__content{margin-top:24px}
}
.p-home{/* ========================================================
    Service
    ======================================================== */}
.p-home__service{display:flex;flex-direction:column;row-gap:56px}
@media screen and (max-width: 1023px){
.p-home__service{padding:40px 0;row-gap:40px}
}
.p-home{/* ========================================================
    About
    ======================================================== */}
.p-home__about{display:grid;grid-template-columns:1fr 450px;grid-template-rows:auto auto;grid-template-areas:"header img" "footer img";grid-gap:53px 103px;padding:80px 0}
.p-home__about__header{grid-area:header}
.p-home__about__header__title{display:flex;flex-direction:column;row-gap:4px}
.p-home__about__text{margin-top:24px;font-size:1.125rem;line-height:2}
@media screen and (max-width: 767px){
.p-home__about__text{font-size:1rem;line-height:1.8}
}
.p-home__about__img{grid-area:img}
.p-home__about__footer{grid-area:footer}
@media screen and (max-width: 1023px){
.p-home__about{grid-template-columns:1fr 50%}
}
@media screen and (max-width: 960px){
.p-home__about{display:block;padding:20px 0 40px}
.p-home__about__img{margin-top:24px}
.p-home__about__footer{margin-top:40px}
.p-home__about__footer .c-button{margin-right:auto;margin-left:auto}
}
.p-home{/* ========================================================
    Recruit
    ======================================================== */}
.p-home__recruit{display:flex;justify-content:space-between;gap:24px 32px;padding:32px;border-radius:10px;background-image:url(../images/home/bg-recruit-pc.webp);background-repeat:no-repeat;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.p-home__recruit__header{flex-grow:1}
.p-home__recruit__header__link{display:flex;align-items:center;gap:2px 20px;height:100%}
.p-home__recruit__header__link .p-home__subTitle{display:flex;align-items:center;column-gap:16px;color:white}
@media (any-hover: hover){
.p-home__recruit__header__link .p-home__subTitle i.c-icon-arrow2{transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.p-home__recruit__header__link:hover .p-home__subTitle i.c-icon-arrow2{transform:translateX(8px)}
}
.p-home__recruit__content{display:grid;grid-template-columns:1fr 1fr;justify-content:center;grid-gap:24px;margin:auto}
@media screen and (min-width: 1024px){
.p-home__recruit__header{min-width:336px}
}
@media screen and (max-width: 1023px){
.p-home__recruit{flex-wrap:wrap}
}
@media screen and (max-width: 767px){
.p-home__recruit{flex-direction:column;padding:20px 16px 24px;background-image:url(../images/home/bg-recruit-sp.webp)}
.p-home__recruit__header__link{flex-direction:column;align-items:flex-start}
.p-home__recruit__content{grid-template-columns:auto;justify-content:center}
}
.p-home{/* ========================================================
    Support
    ======================================================== */}
.p-home__support{margin-top:56px}
.p-home__support__header{display:flex;align-items:center;column-gap:20px}
@media screen and (max-width: 767px){
.p-home__support{margin-top:20px}
.p-home__support__header{flex-direction:column;align-items:flex-start;row-gap:2px}
}
.p-home{/* ========================================================
    Change Styles
    ======================================================== */}
.p-home .c-button,.p-home .c-button--center{box-shadow:4px 4px 14px rgba(135, 91, 91, 0.12)}
@media screen and (max-width: 767px){
.p-home .c-button,.p-home .c-button--center{width:min(345px, 100%);padding:24px 65px 24px 50px;font-size:1.125rem;line-height:1.5}
.p-home .c-button > span::after,.p-home .c-button--center > span::after{width:35px;height:35px}
}
.p-home .c-button{text-align:left}