@charset "utf-8";
/*---------------------------------------------------------------------
Original Parts Style
style.css
-----------------------------------------------------------------------
Copyright 2025 (c) linkpath Allrights Reserved.
Created: linkpath
Created url: https://linkpath.jp/
Coding: Hinako Hayashi
Last Update: 2025.06.12
---------------------------------------------------------------------*/
/*===========================================================
    font-size
===========================================================*/
.article-view__first div h1 {
    font-size: 500%;
}
.article-view__first div h1 span {
    font-size: 30%;
}

/*===========================================================
    parts
===========================================================*/
/* fade-text */
.fade-text span {
	display: block;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 1s ease, transform 1s ease;
}

.fade-text.is-show span {
	opacity: 1;
	transform: translateY(0);
}

/* section-slider */
.section-slider .swiper-wrapper {
	transition-timing-function: linear !important;
}
.section-slider,
.section-slider * {
	pointer-events: none;
}
.section-slide {
    width: 500px !important;
    margin-top: 7.5em;
}
.section-slide:has(.section-slide__text) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-right : 2em;
}
.section-slide__img {
    width: 100%;
    display: block;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.section-slide__text {
    writing-mode: vertical-rl;
    position: relative;

}

.ec-layoutRole__contents {
    padding: 0;
}

/*===========================================================
    article-view
===========================================================*/
/* article-view__first */
.article-view__first {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 5em 0;
    padding-top: 10em;
}
.article-view__first div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -2em;
    position: relative;
    z-index: 2;
}
.article-view__first div h1 span {
    line-height: 1.25em;
    display: flex;
    flex-direction: column;
    padding-left: 1.5em;
    position: relative;
}
.article-view__first div h1 span {
    font-weight: 200;
    line-height: 1.25em;
    display: block;
    position: relative;
}
.article-view__first div h1 span::before {
    content: "";
    width: 1em;
    height: 1px;
    background: var(--color-accent);
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 0.85em;
}
.article-view__first div p {
    line-height: 2em;
    padding-top: 2em;
}
.article-view__first img {
    width: fit-content;
    height: 13em;
    transform: scale(-1, 1);
}

/*===========================================================
    img-box
===========================================================*/
.img-box {
    height: 50vh;
    height: 50svh;
}

/*===========================================================
    section-sticky
===========================================================*/
.section-sticky {
    display: flex;
    align-items: flex-start;
}
.section-sticky:has(.section-sticky__right) {
    justify-content: flex-end;
}
.section-sticky__left {
    position: sticky;
    top: 10em;
    left: 0;
}
.section-sticky__right {
    position: sticky;
    top: 10em;
    right: 0;
}

/*===========================================================
    
===========================================================*/

/*@media screen and (max-width: 959px) and (min-width: 481px) {*/
@media screen and (max-width: 959px) {
/*===========================================================
    font-size
===========================================================*/
/*===========================================================
    parts
===========================================================*/
/* section-slider */
.section-slide {
    width: 400px !important;
}

/*===========================================================
    article-view
===========================================================*/
/* article-view__first */
.article-view__first {
    position: relative;
}
.article-view__first div {
    margin-left: 0;
}
.article-view__first img {
    height: 15em;
    position: absolute;
    right: 0;
    bottom: 4em;
    transform: scale(1, 1);
    opacity: 0.3;
}

/*===========================================================
    section-sticky
===========================================================*/
.section-sticky {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section-sticky:has(.section-sticky__right) {
    flex-direction: column-reverse;
    justify-content: center;
}
.section-sticky__left,
.section-sticky__right {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}
}


/*@media screen and (max-width: 482px) and (min-width: 960px) {*/
@media screen and (max-width: 482px) {
/*===========================================================
    font-size
===========================================================*/
.article-view__first div h1 {
    font-size: 400%;
}

/*===========================================================
    parts
===========================================================*/
/* section-slider */
.section-slide {
    width: 300px !important;
}


/*===========================================================

===========================================================*/

/*===========================================================
    section-sticky
===========================================================*/

}