@charset "utf-8";


/* ----------------------------------------------------------------------
	home
---------------------------------------------------------------------- */

.l-home-mainimg {
    padding: 100px 0 0;
    margin: 0 auto 120px;
    max-width: 1600px;
}

.l-home-mainimg-inner {
    position: relative;
    padding: 0 160px 0 240px;
}

.l-home-mainimg-slider-ph .slick-list { border-radius: 50px 1000px 1000px 50px; }

.l-home-mainimg-slider-ph .slick-dots {
    font-size: 0;
    text-align: right;
    padding-right: 6vw;
    box-sizing: border-box;
}

.l-home-mainimg-slider-ph .slick-dots li:first-child { margin-left: 0; }
.l-home-mainimg-slider-ph .slick-dots li:last-child { margin-right: 0; }

.l-home-mainimg-slider-ph .slider-box { position: relative; }

.l-home-mainimg-slider-ph .slider-box a:hover { opacity: 0.8; }

.l-home-mainimg-slider-ph .slider-box a:hover img { opacity: 1; }

.l-home-mainimg-slider-ph .slider-box img { width: 100%; }

.l-home-mainimg-catch {
	position: absolute;
	top: -40px;
    right: 160px;
    z-index: 1;
}

.l-home-mainimg-logo {
    position: absolute;
    left: 97px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    padding-top: 160px;
}

.l-home-mainimg-logo img { width: 46px; }

.l-home-mainimg-logo-mark {
    position: absolute;
    left: 60px;
    top: 50%;
    z-index: 1;
    padding-bottom: 270px;
    transform: translateY(-50%);
}

.l-home-mainimg-logo-mark img { width: 120px; }

.l-home-mainimg-copyright {
    position: absolute;
	top: 80px;
    right: 100px;
    transform: translateY(-50%);
    line-height: 1;
}

.l-home-mainimg-copyright img { width: 12px; }

.l-home-mainimg-slider-ttl {
    position: absolute;
	bottom: 0;
    right: 100px;
    width: 70px;
}

.l-home-mainimg-slider-ttl__inner {
    line-height: 1.2;
    height: 300px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 0 10px;
    /*opacity: 1!important;*/
}

.l-home-mainimg-slider-ttl__box p {
    letter-spacing: 0.1em; 
    writing-mode: vertical-rl;
}

.l-home-mainimg-slider-ttl__box p span {
    border-right: 1px solid #000;
    display: inline-block;
}

.l-home-mainimg-slider-ttl__category {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 4px 0 0;
}

.l-home-mainimg-slider-ttl__category span { padding-right: 4px; }

.l-home-mainimg-slider-ttl__txt { font-size: 2.2rem; }

.l-home-mainimg-slider-ttl__txt span { padding-right: 2px; }

.l-home-mainimg-news {
    position: relative;
    z-index: 1;
    padding: 0 0 0 240px;
    margin-left: -2px;
    width: 70vw;
}

.l-home-mainimg-news dl {
    display: flex;
    align-items: baseline;
    gap: 0 15px;
}

.l-home-mainimg-news dl dt { font-size: 2.2rem; }

.l-home-mainimg-news dl dd a { text-decoration: none; }

@media screen and (max-width: 990px) {
    .l-home-mainimg {
        padding: 0 0 5px;
        margin: 0 0 80px;
    }

    .l-home-mainimg-inner { padding: 52vw 8vw 0 0; }
    
    .l-home-mainimg-slider-ph .slick-list { border-radius: 0 1000px 1000px 0; }
    
    .l-home-mainimg-slider-ph .slick-dots {
        text-align: left;
        padding-left: 8vw;
        box-sizing: border-box;
    }

    .l-home-mainimg-catch {
        top: 46vw;
        right: 8vw;
    }
    
    .l-home-mainimg-catch img { width: 60vw; }

    .l-home-mainimg-logo {
        top: 20vw;
        bottom: inherit;
        left: 11.6vw;
        transform: translateY(0);
        padding: 0;
    }

    .l-home-mainimg-logo img { width: 8.53vw; }

    .l-home-mainimg-logo-mark {
        top: 0;
        left: inherit;
        right: 16.6vw;
        bottom: inherit;
        transform: translateY(0);
        padding: 0;
    }

    .l-home-mainimg-logo-mark  img { width: 37.3vw; }

    .l-home-mainimg-copyright { display: none; }
    
    .l-home-mainimg-slider-ttl {
        bottom: -70px;
        right: 8vw;
        width: 160px;
    }
    
    .l-home-mainimg-slider-ttl__inner {
        text-align: right;
        line-height: 1.4;
        height: auto;
        display: block;
    }

    .l-home-mainimg-slider-ttl__box p { writing-mode: horizontal-tb; }
    
    .l-home-mainimg-slider-ttl__box p span {
        padding: 0 0 1px;
        border: none;
        border-bottom: 1px solid #000;
    }
    
   .l-home-mainimg-slider-ttl__category {
        font-size: 1.4rem;
        margin: 0 0 2px;
    }
        
    p.l-home-mainimg-slider-ttl__txt span {
        font-size: 1.6rem;
        padding: 0 0 4px;
    }
    
     .l-home-mainimg-news {
        padding: 0;
        margin: 100px 8vw 0;
        width: auto;
     }
    
    .l-home-mainimg-news dl { display: block; }
    
    .l-home-mainimg-news dl dd {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}


.l-home-mainimg-slider-ph { opacity: 0; }
.mainimg-play .l-home-mainimg-slider-ph {
    animation-name: fadeInAnime;
    animation-duration: 1.4s;
    animation-fill-mode: forwards;
}

.l-home-mainimg-slider-ttl { opacity: 0; }
.mainimg-play .l-home-mainimg-slider-ttl {
    animation-name: fadeInAnime;
    animation-duration: 1.4s;
    animation-fill-mode: forwards;
}

.l-home-mainimg-catch img { opacity: 0; }
.mainimg-play .l-home-mainimg-catch img {
    animation-name: fadeRightAnime;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-delay: 0.6s;
}

.l-home-mainimg-logo-mark img { opacity: 0; }
.mainimg-play .l-home-mainimg-logo-mark img {
    animation-name: mainimgAnime02;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
}

.l-home-mainimg-logo img { opacity: 0; }
.mainimg-play .l-home-mainimg-logo img {
    animation-name: mainimgAnime02;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
}

.l-home-mainimg-news,
.l-home-mainimg-copyright { opacity: 0; }
.mainimg-play .l-home-mainimg-news,
.mainimg-play .l-home-mainimg-copyright {
    animation-name: fadeInAnime;
    animation-duration: 1.4s;
    animation-fill-mode: forwards;
}

@keyframes mainimgAnime01 {
  from {
    opacity: 0;
	transform: translateY(-30px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

@keyframes mainimgAnime02 {
  from {
    opacity: 0;
	transform: translateY(30px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

@media screen and (max-width: 990px) {
    .mainimg-play .l-home-mainimg-logo img { animation-delay: 1.8s; }
}


/* heading */
.l-home-ttl {
	text-align: center;
	line-height: 1.3;
	margin: 0 0 1.6em
}

.l-home-ttl__ja { font-weight: normal; }

.l-home-ttl__en {
	font-size: 3rem;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 990px) {
	.l-home-ttl__en { font-size: 2.6rem; }
}


/* about */
.l-home-about {
    position: relative;
	text-align: center;
	margin: 0 auto 140px;
    max-width: 1100px;
}

.l-home-about-catch { margin: 0 0 1em; }

.l-home-about-catch__en {
    font-size: 1.8rem;
    font-weight: normal;
    margin: 0.2em 0 0;
}

.l-home-about-catch__ja {
	font-size: 2.8rem;
    font-weight: normal;
}

.l-home-about-txt {
	font-size: 1.8rem;
	line-height: 2.2;
	margin: 0 0 1.8em;
}


@media screen and (max-width: 990px) {
	.l-home-about { margin: 0 8vw 80px; }

	.l-home-about-catch__ja { font-size: 2.2rem; }

    .l-home-about-txt {
        font-size: 1.6rem;
        text-align: left;
        margin: 0 0 1.6em;
    }
}


/* works */
.l-home-works {
    margin: 0 auto 140px;
    max-width: 2000px;
}

.l-home-works-btn { text-align: center; }

.l-home-works-list {
    margin: 0 50px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.l-home-works-list li { width: calc((100% - 80px) / 3); }

.l-home-works-list li a { text-decoration: none; }

.l-home-works-list li a:hover img { opacity: 0.8; }

.l-home-works-list__ph { margin: 0 0 20px; }

.l-home-works-list__ph img { width: 100%; }

.l-home-works-list__ttl {
    font-size: 1.8rem;
    text-align: center; 
}

.l-home-works-list__cat {
    color: var(--color-gray);
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    gap: 0 0.5em;
}

@media screen and (max-width: 990px) {
    .l-home-works { margin: 0 0 80px; }
    
    .l-home-works-btn { margin: 0 8vw; }
    
    .l-home-works-list {
        margin: 0 8vw 40px;
        display: block;
     }
     
     .l-home-works-list--mb-sp { margin-bottom: 50px; }

     .l-home-works-list li {
         margin:  0 0 40px;
         width: 100%;
    }
    
    .l-home-works-list li:last-child { margin: 0; }
    
    .l-home-works-list__ph { margin: 0 0 15px; }
}

@media screen and (max-width: 375px) {
    .l-home-works-list__ttl { font-size: 1.6rem; }
}


/* service */
.l-home-service {
    margin: 0 auto 140px;
    max-width: 2000px;
    overflow: hidden;
}

.l-home-service-box {
    margin: 0 0 140px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.l-home-service-box--reverse { flex-direction: row-reverse; }

.l-home-service-box--reverse .l-home-service-inner { margin: 0 5% 0 auto; }

.l-home-service-box:last-child { margin: 0; }

.l-home-service-inner {
    margin: 0 auto 0 5%;
    width: 36%;
}

.l-home-service-ph { width: 47%; }

.l-home-service-ph img { width: 100%; }

.l-home-service-ttl {
    position: relative;
    font-size: 2.6rem;
    font-weight: normal;
}

.l-home-service-category {
    position: relative;
    z-index: 1;
    font-size: 1.8rem;
    padding-left: 2px;
    margin: 0 0 1em;
}

.l-home-service-txt {
    font-size: 1.7rem;
    line-height: 1.8;
    margin: 0 0 1.8em;
}

@media screen and (max-width: 990px) {
    .l-home-service { margin: 0 auto 80px; }

    .l-home-service-box {
        margin: 0 0 60px;
        display: block;
    }

    .l-home-service-box--reverse .l-home-service-inner { margin: 0 8vw; }

    .l-home-service-box:last-child { margin: 0; }

    .l-home-service-inner {
        margin: 0 8vw;
        width: auto;
    }

    .l-home-service-ph {
        width: auto;
        margin: 0 8vw 20px 0;
    }
    
    .l-home-service-box--reverse .l-home-service-ph { margin: 0 0 20px 8vw; }

    .l-home-service-ttl { font-size: 2.2rem; }

    .l-home-service-category {
        font-size: 1.6rem;
        margin: 0 0 0.8em;
    }

    .l-home-service-txt {
        font-size: 1.6rem;
        margin: 0 0 1.6em;
    }
}


/* news-blog-box */
.l-home-news-blog {
    margin: 0 auto 180px;
	max-width: 1100px;
}

.l-home-news-list { margin: 0 0 2em; }

.l-home-news-list dl {
	padding: 18px 0 16px;
	border-top: 1px dotted #000;
}

.l-home-news-list dl:last-child { border-bottom: 1px dotted #000; }

.l-home-news-list dl dd { margin: -1.6em 0 0 90px; }

.l-home-news-btn { text-align: center; }


@media screen and (max-width: 990px) {
	.l-home-news-blog { margin: 0 8vw 100px; }

    .l-home-news { margin: 0 0 80px; }

    .l-home-news-list { margin: 0 0 1.6em; }
}


/* instagram-box */
.l-home-instagram {
    margin: 0 auto 140px;
    max-width: 1100px;
}

.l-home-instagram-list {
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.l-home-instagram-list li { width: calc(100% / 4); }

.l-home-instagram-list li img { width: 100%; }

@media screen and (max-width: 990px) {
    .l-home-instagram { margin: 0 0 100px; }

    .l-home-instagram-list { margin: 0 0 20px; }

    .l-home-instagram-list li { width: calc(100% / 4); }
    
    .l-home-instagram-link { margin: 0 8vw; }
}