<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* =========================
header
========================= */
.header {
    z-index: 3;
}

.nav__item:nth-of-type(2),.footer__item:nth-of-type(2) {
    text-decoration: underline;
    text-underline-position: right;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

_::-webkit-full-page-media, _:future, :root .nav__item:nth-of-type(2) {
	text-underline-offset: -17px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .nav__item:nth-of-type(2) {
		text-underline-offset: -17px;
	}
}

/* =========================
main
========================= */
.aboutMvTitle {
    position: absolute;
    top: 43%;
    left: 49%;
    transform: translate(-50%, 50%);
    height: 4vw;
    mix-blend-mode: difference;
    z-index: 2;
}

.slider__aboutMv {
    position: relative;
    z-index: 1;
}

.slider-container {
    display: flex;
}

.slider-left,.slider-right {
    width: 50vw;
}

.slider-item {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.swiper-container2,.swiper-container3 {
    display: none;
}

/***** main sp *****/
@media screen and (max-width: 769px){

    .aboutMvTitle {
        top: 45.5%;
        left: 50%;
    }

    .slider-container {
        display: none;
    }

    .swiper3 .swiper-wrapper,.swiper4 .swiper-wrapper{
        transition-timing-function: linear;
    }

    .swiper-container2 {
        display: block;
    }

    .swiper-slide {
        height: 50%;
    }

    .swiper-slide img {
        width: 100%;
        height: 100%;
    }

}  /* 769px */

@media screen and (max-width: 425px){

    .swiper-container2 {
        display: none;
    }

    .swiper-container3 {
        display: block;
    }

    .aboutMvTitle {
        top: 46.5%;
        height: 5vw;
    }

} /* 425px */ 

/* =========================
aboutStory
========================= */
.section__inner {
    background-image: url(../images/bg-footer.webp);
    background-attachment: fixed;
    color: var(--font-black, #231815);
}

.section--aboutStory {
    max-width: initial;
    padding-top: 120px;
}

.section__topic {
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.aboutStory__maintopics {
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
}

.aboutStory__container {
    max-width: 56%;
    margin-left: 12%;
}

.aboutStory__topic {
    margin-top: 48px;
    font-size: 1.6rem;
    line-height: 2;
}

.aboutStory__topic span {
    display: flex;
}

.aboutStory__txt {
    margin-top: 32px;
}

.aboutStory__txt,
.aboutStory__content {
    font-size: 1.4rem;
}

.aboutStoryImg01 {
    object-fit: cover;
    height: 27vw;
}

.aboutStoryImg02 {
    object-fit: cover;
    height: 57vw;
}

.aboutStory__caption {
    font-size: 1.6rem;
}

/***** aboutStory sp *****/
@media screen and (max-width: 994px){

    .section__topic {
        font-size: 1.6rem;
    }

    .aboutStory__container {
        max-width: 64%;
        margin-left: 10%;
    }

    .aboutStoryImg01 {
        object-fit: cover;
        height: 24vw;
    }

    .aboutStoryImg02 {
        object-fit: cover;
        height: 63vw;
    }

    .aboutStory__topic {
        font-size: 1.4rem;
    }

    .aboutStory__txt,
    .aboutStory__content {
        font-size: 1.2rem;
    }

} /* 994px */

@media screen and (max-width: 884px){

    .aboutStory__container {
        max-width: 77%;
        margin-left: 6%;
    }

    .aboutStoryImg02 {
        object-fit: cover;
        height: 67vw;
    }

} /* 884px */

@media screen and (max-width: 769px){

    .section--aboutStory {
        padding-top: 72px;
    }

    .section__topic {
        font-size: 1.4rem;
    }

    .aboutStory__maintopics {
        margin-top: 64px;
        display: block;
    }

    .aboutStoryImg01 {
        height: 50vw;
    }

    .aboutStory__topic {
        margin-top: 32px;
        font-size: 1.4rem;
    }

    .aboutStory__txt, .aboutStory__content {
        font-size: 1.2rem;
    }

    .aboutStory__txt {
        margin-top: 20px;
    }

    .aboutStoryImg02 {
        margin-top: 32px;
        height: 135vw;
    }

    .aboutStory__caption {
        font-size: 1.4rem;
    }

} /* 769px */

/* =========================
aboutMoment
========================= */
.section--aboutMoment {
    color: var(--font-white);
    max-width: initial;
}

.aboutMoment__container {
    margin-top: 80px;
    background: url(../images/about-bg.webp) center / cover;
    background-repeat: no-repeat;
    object-fit: cover;
    height: 40vw;
    display: flex;
}

.section__topic--white {
    padding-top: 1%;
    margin-left: 47%;
}

.aboutMoment__box {
    width: 35%;
    margin: 11% 6% 0 0;
}

.aboutMoment__topic {
    font-size: 1.6rem;
}

.aboutMoment__txt {
    font-size: 1.4rem;
    margin-top: 1em;
}

.aboutMoment__list {
    margin: 80px auto 0;
    padding: 0 6% 0;
    display: flex;
    justify-content: space-around;
}

.aboutMoment__item {
    position: relative;
    max-width: 328px;
}

.aboutMoment__title {
    position: absolute;
    top: 4px;
    right: 28px;
    font-size: 2.4rem;
    color: #fff;
    z-index: 2;
}

.aboutMoment__caption {
    color: var(--font-black);
    font-size: 1.4rem;
    margin-top: 16px;
}

/***** aboutMoment sp *****/
@media screen and (max-width: 1200px){

    .section__topic--white {
        font-size: 1.6rem;
    }

    .aboutMoment__list {
        justify-content: space-between;
    }
    
    .aboutMoment__title {
        font-size: 2rem;
    }

    .aboutMoment__item {
        max-width: 296px;
    }

} /* 1200px */

@media screen and (max-width: 1080px){

    .aboutMoment__container {
        height: 50vw;
    }

    .aboutMoment__box {
        margin: 15% 6% 0 0;
    }

    .aboutMoment__topic {
        font-size: 1.4rem;
    }

    .aboutMoment__txt,
    .aboutMoment__caption {
        font-size: 1.2rem;
    }

    .aboutMoment__item {
        max-width: 252px;
    }

    .aboutMoment__title {
        top: 3px;
        right: 20px;
    }

} /* 1080px */

@media screen and (max-width: 900px){

    .aboutMoment__list {
        display: block;
    }

    .aboutMoment__item {
        max-width: 360px;
        margin: 40px auto 0;
    }

} /* 900px */

@media screen and (max-width: 824px){

    .aboutMoment__container {
        margin-top: 56px;
        background: url(../images/about-bg_tb.webp) center / cover;
        height: 90vw;
    }

    .section__topic--white {
        padding-top: 0;
        margin-left: 8%;
        font-size: 1.5rem;
    }

    .aboutMoment__box {
        width: 69%;
        margin: 50% 13% 0 0;
    }

} /* 824px */

@media screen and (max-width: 769px){

    .section__topic--white {
        margin-top: 0;
        margin-left: 6%;
    }

    .aboutMoment__txt {
        margin-top: 0.5em;
    }

    .aboutMoment__item {
        max-width: 306px;
    }

    .aboutMoment__title {
        font-size: 1.8rem;
    }

    .aboutMoment__caption {
        margin-top: 12px;
        line-height: 2;
    }

} /* 769px */

@media screen and (max-width: 548px){

    .aboutMoment__container {
        background: url(../images/about-bg_sp.webp) center / center;
        height: 120vw;
    }

    .aboutMoment__box {
        margin: 64% 10% 0 0;
    }

} /* 548px */

@media screen and (max-width: 420px){

    .aboutMoment__container {
        margin-top: 32px;
        height: 170vw;
    }

    .aboutMoment__box {
        margin: 88% 10% 0 0;
    }

    .aboutMoment__item {
        max-width: 240px;
        margin: 24px auto 0;
    }

    .aboutMoment__topic span {
        display: flex;
    }

} /* 420px */

@media screen and (max-width: 375px){

    .aboutMoment__container {
        height: 205vw;
    }

    .aboutMoment__box {
        margin: 105% 7% 0 0;
    }


} /* 375px */

/* =========================
aboutPerson
========================= */
.section--aboutPerson {
    text-align: center;
}

.aboutPerson__title {
    font-size: 2rem;  
    margin-top: 120px;
}

.aboutPerson__txt {
    margin-top: 16px;
    font-size: 1.6rem;
}

.aboutPerson__content {
    font-size: 1.4rem;
    line-height: 2;
}

.aboutPerson__list {
    margin: 80px auto 0;
    padding: 0 18% 0;
}

.aboutPerson__item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4vw;
}

.aboutPerson__item--reverse {
    margin-top: 80px;
    flex-direction: row-reverse;
}

.personImg {
    width: 134vw;
}

.aboutPersonList__txt {
    font-size: 1.7rem;
    line-height: 2;
    text-align: left;
}

.aboutPersonListFs {
    font-size: 1.6rem;
}

.aboutPersonList__content {
    margin-top: 24px;
    font-size: 1.4rem;
    line-height: 2;
    text-align: left;
}

.space {
    margin-top: 1.5em;
}

.hpUrl {
    margin-top: 16px;
    display: flex;
    font-size: 1.4rem;
}

/***** aboutPerson sp ******/
@media screen and (max-width: 1080px){

    .aboutPerson__title {
        margin-top: 80px;
        font-size: 1.8rem;
    }

    .aboutPerson__txt,
    .aboutPersonListFs,
    .aboutPersonList__txt {
        font-size: 1.5rem;
    }

    .aboutPerson__list {
        padding: 0 12% 0;
    }

    .aboutPerson__content {
        font-size: 1.3rem;
    }

    .aboutPersonList__content {
        margin-top: 16px;
        font-size: 1.2rem;
    }

    .hpUrl {
        margin-top: 12px;
        font-size: 1.3rem;
    }

} /* 1080px */

@media screen and (max-width: 860px){

    .personImg {
        width: 190vw;
    }

} /* 860px */

@media screen and (max-width: 769px){

    .aboutPerson__title {
        margin-top: 64px;
        font-size: 1.5rem;  
    }

    .aboutPerson__txt {
        font-size: 1.3rem;
    }

    .aboutPerson__content,
    .aboutPersonList__content,
    .hpUrl {
        font-size: 1.2rem;
    }

    .aboutPerson__list {
        margin: 40px auto 0;
        padding: 0 14% 0;
    }

    .aboutPerson__item {
        display: block;
    }

    .personImg {
        width: 38vw;
    }

    .aboutPerson__itemBox {
        margin-top: 32px;
    }

    .aboutPersonList__txt,
    .aboutPersonListFs {
        font-size: 1.3rem;
    }

    .aboutPerson__item--reverse {
        margin-top: 64px;
    }

} /* 769px */

@media screen and (max-width: 480px){

    .personImg {
        width: 44vw;
    }

    .aboutPerson__content span {
        display: block;
    }

    .aboutPerson__list {
        padding: 0 8.3% 0;
    }

    .aboutPerson__item--reverse {
        margin-top: 40px;
    }

} /* 480px */

@media screen and (max-width: 375px){

    .personImg {
        width: 50vw;
    }

} /* 375px */

/* =========================
footer
========================= */
.footer {
    padding: 120px 5.3% 32px;
}

/***** footer sp *****/
@media screen and (max-width: 769px){

    .footer {
        padding: 40px 0 24px;
    }

} /* 769px */</pre></body></html>