@charset "utf-8";

/* ===================
common
====================== */
:root {
    --darkgreen: #1A3706;
    --white: #FDFCFC;
    --brack: #413636;
    --pink: #E78787;
    --oranji: #DDB652;
    --green: #437C22;
}

html {
    font-size: 62.5%;
}

body {
    font-family: "Noto Serif JP", 'Roboto';
    color: var(--brack, #413636);
    background-image: url(../imeges/back__wasi.png);
    line-height: 1;
    letter-spacing: 0.05rem;
}

img {
    max-width: 100%;
    height: auto;
}

.btn {
    display: block;
    border-radius: 30px;
    background: var(--green);
    padding: 9px 20px;
    color: var(--white);
    font-family: Roboto;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    transition: 0.4s;
    width: 140px;
    text-align: center;

}

.btn:hover {
    transform: translateY(-5px);
}





.nav__btnEntry__contact {
    font-size: 1.4rem;
    display: block;
    padding: 9px 20px;
    background-color: #70B747;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
    width: 140px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.nav__btnEntry__entry {
    font-size: 1.4rem;
    display: block;
    padding: 10px 20px;
    background-color: var(--oranji);
    border-radius: 30px;
    /* 角を丸くする */
    text-decoration: none;
    /* リンクの下線を消す */
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
    width: 140px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* ホバーしたとき */
.nav__btnEntry__contact:hover {
    background-color: var(--green);
    opacity: 0.5;

}

.nav__btnEntry__entry:hover {
    background-color: var(--pink);
    opacity: 0.5;


}

.btn::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 10px;
    background-image: url(../imeges/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.btn:hover {
    opacity: 0.5;

}

@media screen and (min-width: 769px) {
    .btn::before {
        width: 14px;
        height: 14px;
    }



}




/* .nav.active表示 */
.nav.active {
    transform: translateX(0);
}

/* ===================
header
====================== */
/* ===================
Aricle header
====================== */
.header {
    position: relative;
    align-items: center;
    justify-content: space-between;
    background-image: url(../imeges/mainvisual__back.webp);
    height: 580px;
    background-repeat: no-repeat;
    background-size: cover;
}

.article__header {
    position: absolute;
    bottom: 84px;
    left: 19px;
}

.mainVisual .logo__pc {
    display: none;
}

.header .inner {
    display: flex;
    justify-content: space-between;
    padding: 14px 27px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

/* .instagram{
    position: absolute;
    bottom: 0;
    right: 0;
} */
.instagram1 {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;

}

.instagram {
    display: none;
}





/* innerにinner--blackが付いたら黒文字 */
.inner--black .header__topic,
.header img,
.inner--black .nav__topic,
.inner--black .header__topic span,
.inner--black .nav__topic span,
.inner--black .nav__list a {
    color: var(--brack);
    text-shadow: 1px 1px 2px #fff;
}

/* ーーーーーーーーーーーーーーーーーーーーーーー */
/* menu 色かえ */
.header__btn {
    transition: all 0.3s ease;
}



.header__topic,
.nav__topic {
    font-family: "Noto Serif JP";
    color: var(--white);
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.header__topic a,
.nav__topic a {
    display: flex;
    align-items: center;
    width: 214px;
}

.header__topic span,
.nav__topic span {
    color: var(--white);
    font-size: 1rem;
    letter-spacing: 1.8px;
    margin-left: 10px;

}

/* .nav初期表示 */
.nav {
    background-image: url(../imeges/Menu.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transform: translateX(-100%);
    transition: transform 0.4s;
}

.nav__header {
    padding: 17px 5.6%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav__list {
    margin-top: 108px;
}

.nav__item {
    color: var(--white, #FDFDFD);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 48px;
    display: flex;
    align-items: center;
}

.nav__item::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 2px;
    background-color: var(--white);
    margin-right: 16px;
}

/* .header PC */
@media screen and (min-width: 1250px) {


    .header .inner {
        height: 80px;
        padding: 0 40px 0 40px;
        justify-content: space-between;
        margin: 0 auto;
        display: flex;
        align-items: center;

    }

    .inner {
        color: white;
        transition: color 0.3s;
    }

    .inner--black {
        color: var(--brack);
    }


    .header__topic {
        font-size: 2.6rem;
        line-height: 2.8rem;
    }

    .header__topic span {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }

    .nav {
        background: transparent;
        width: auto;
        height: auto;
        padding: 0;
        position: static;
        transform: translate(0);
    }

    .nav__list {
        display: flex;
        margin-top: 0;
    }

    .nav__item {
        margin-top: 0;
        font-size: 1.6rem;
        font-weight: 800;
        margin-left: 32px;
    }

    .nav__header {
        display: none;
    }

    .nav__item::before {
        display: none;
    }

    .header__btn {
        display: none;
    }

    .mainVisual .logo__pc {
        display: block;
    }

    .mainVisual .logo__sp {
        display: none;
    }

    .header {
        height: 700px;
    }

    .article__header {
        position: absolute;
        bottom: 48px;
        left: 80px;
    }

    .instagram {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .instagram1 {
        display: none;
    }


}

/* pc 769px */

/* ===================
Main
====================== */
.section--about {
    background: #1A3706;
    padding: 60px 24px;

}

.about__topic {
    color: var(--white);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.6rem;
    letter-spacing: 0.3rem;
}

.mainCaption__txt {
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 3.6rem;
    margin-top: 26px;
    /* width: 253px; */
    width: 70%;

}

.mainCaption img {
    width: 224px;
}

.mainCaption {
    margin-top: 60px;
}

.about__txt2 {
    display: flex;
    margin-top: 60px;
    gap: 20px;
    justify-content: end;
}

.about__txt2Img {
    width: 40%;
}

.about__txt2 img {
    margin-top: 80px;
    width: 100%;
    max-width: 300px;
}

.main__2 {
    margin-top: 60px;
}

.mainCaption__txt--1 {
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 3.6rem;
    letter-spacing: 0.91px;
    width: 60%;
    max-width: 400px;
}

.mainCaption__txt--1.pc {
    display: none;
}

.mainCaption__txt--1.sp {
    display: block;
    width: 60%;
}

.main__woman img {
    width: 60%;
    max-width: 400px;
}

.main__2Main {
    margin-left: 0;
}

.about__topic {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 769px) {
    .mainCaption__txt {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3.8rem;
        width: 412px;
        margin: auto;
    }
}


/* .main PC */
@media screen and (min-width: 1250px) {

    .main__2Main {
        margin-left: -690px;
    }

    .about__txt2 {
        margin: 0;
    }

    .about__txt2Img img {
        width: 28%;

    }

    .mainCaption__txt--1.pc {
        display: block;
        width: auto;
    }

    .mainCaption__txt--1.sp {
        display: none;
    }

    .section--about {
        padding:120px 60px;

    }


    .about__topic {
        text-align: center;
        font-size: 3rem;
        font-weight: 700;
        line-height: 6.3rem;
        margin-top: 76px;
    }

    .mainCaption {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .main__2 {
        margin-top: 242px;
    }

    /* .main__2 img{
    width: 551px;
    height: auto;

} */

    .mainCaption__txt {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3.8rem;
        width: 412px;
    }

    .about__txt2 {
        flex-direction: row;
        margin-top: 0;
        /* margin-right: 745px;  */
    }

    .mainCaption__txt--1 {
        color: var(--white);
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3.8rem;
        letter-spacing: 1.26px;
        max-width: 400px;
        width: auto;
        margin-top: 50px;
        height: auto;

    }

    .about__txt2 img {
        height: auto;
        margin-top: 80px;
        position: absolute;
        top: 48%;
        right: 5%;
        max-width: 354px;
        /* width: 400px; */
    }

    .mainCaption__txt--1:nth-of-type(1) {
        margin-top: 30px;
    }


    .about__txt2Img::after {
        position: absolute;
        content: '';
        background-image: url(../imeges/about1-1.jpg);
        width: 215px;
        height: 240px;
        top: 12%;
        left: 78%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .main__woman img {
        width: 550px;
    }

}

/* pc 769px */

/* ===================
question
====================== */

.section--question {
    padding: 60px 24px 0px 24px;
    background: url(../imeges/aaa.png) no-repeat bottom center/contain, linear-gradient(rgba(151, 174, 188, 1), rgba(205, 194, 188, 1) 100%);
    padding-bottom: 50px;
}

.question__topic {
    color: var(--brack);
    text-align: center;
    font-size: 2rem;
    line-height: 3.7rem;
}

/* .question__item{
    margin: 0 auto;
} */

.question__txt {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    border-radius: 17px;
    background: var(--white);
    width: 68%;
    height: 73px;
    margin-top: 20px;
    color: var(--brack);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.9rem;
    max-width: 303px;
    padding: 10px;
}

.question__img {
    display: block;
    height: 126px;
    margin: 60px auto 0;
}



.question__item__1 {
    display: none;
}


.question__item li:first-child {
    margin-right: 62px;
    margin-top: 30px;
}

.question__item li:nth-child(2) {
    margin: 20px auto;
    transform: translateX(-15px);
}

.question__item li:nth-child(4) {
    margin-left: auto;
}

.question__contener {
    flex-direction: column-reverse;
    display: flex;

}

.question__item {
    width: 80%;
    margin: auto;
}

/* .question PC */

@media screen and (min-width: 1224px) {
    .question__contents {
        width: 80%;
        margin: auto;
    }

    .question__item {
        width: auto;
        margin: 0;

    }

    .section--question {
        padding: 120px 60px;
    }

    .question__item__1 {
        display: block;
    }

    .question__contener {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

    }

    .question__txt {
        text-align: center;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 2.8rem;
        letter-spacing: 0.24rem;
        margin-top: 50px;
        display: flex;
        width: 80%;
        height: 119px;
        max-width: 364px;
    }


    .question__img {
        width: 307px;
        height: 330px;
    }

    .question__item__1 li:first-child {
        margin-right: 54px;
    }

    .question__item__1 li:nth-child(2) {
        margin-right: 66px;
    }

    .question__item__1 li:nth-child(3) {
        margin-left: 94px;
    }

    .question__item li:first-child {
        margin-right: 84px;
        margin-bottom: 50px;
    }

    .question__item li:nth-child(2) {
        margin-left: 87px;
    }

    .question__item li:nth-child(3) {
        margin-right: 87px;
    }

    .question__topic {
        text-align: center;
        font-size: 3.4rem;
        font-weight: 500;
        line-height: 6.2rem;
        /* 182.353% */
        letter-spacing: 0.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

/* pc 769px */

/* ===================
effect
====================== */
.section--effect {
    padding: 60px 24px;
}

.effect__topic {
    background-color: var(--pink);
    display: flex;
    width: 250px;
    height: 50px;
    justify-content: center;
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin: auto;
    border-radius: 13px;
    position: relative;
    align-items: center;
}

.effect__topic::after {
    position: absolute;
    content: '';
    background-image: url(../imeges/多角形\ 1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    top: 45px;
}

.effect__answer {
    color: var(--brack);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3.6rem;
    margin: 30px auto;
    width: 314px;
}

.effect__item {
    padding: 20px 27px;
    background-color: var(--white);
    border-radius: 12px;
}

.effect__txt {
    color: var(--brack);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.6rem;
}

.effect__graph img {
    display: block;
    width: 258px;
    height: 192px;
    margin: 16px auto;
}

.effect__graph__txt {
    color: var(--brack);
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 4.8rem;
}

/* .effect PC */
@media screen and (min-width: 769px) {
    .section--effect {
        padding: 120px 60px;
    }

    .ef--group {
        max-width: 1440px;
        margin: auto;
    }

    .effect__topic {
        width: 337px;
        height: 55px;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 4.8rem;
        letter-spacing: 2.5px;
    }

    .effect__topic::after {
        width: 24px;
        height: 22px;
    }

    .effect__answer {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 4.8rem;
        /* 200% */
        letter-spacing: 0.25rem;
        width: 70%;
        margin: 60px auto;
        text-align: center;
    }

    .effect__item {
        display: flex;
        padding: 54px 60px;
        align-items: center;
        gap: 60px;
        width: auto;
       

    }

    .effect__txt {
        display: flex;
        width: 60%;
        font-size: 1.7rem;
        line-height: 3.7rem;
    }

    .effect__graph img {
        max-width: 360px;
        height: auto;
    }

    .effect__graph__txt {
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 4.8rem;
        letter-spacing: 0.25rem;
    }
}

/* pc 769px */

/* ===================
about2
====================== */

.section--about2 {
    padding: 60px 24px;
    background-image: url(../imeges/about2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: -653px -70px; */
    background-color: #070B0F;
}

.about2__topic {
    color: var(--white);
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.about2__txtItem {
    margin-top: 30px;
    width: 100%;

}

.about2__txt {
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.4rem;
    letter-spacing: 1px;
    margin-top: 44px;
}

.about2__txt span {
    color: var(--white);
    font-size: 1.6rem;
}

/* .about2 PC */
@media screen and (min-width: 769px) {
    .section--about2 {
        padding: 120px 60px;
        background-size: cover;
        /* 画面にフィットさせる */
        background-position: center;
    }

    .about2__topic {
        font-size: 3rem;
        font-weight: 700;
    }

    .about2__txt {
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 4.1rem;
    }

    .about2__txtItem {
        max-width: 853px;
        margin: 80px auto;
    }

    .about2__txt span {
        font-size: 1.9rem;
    }

    .sp__ver {
        display: none;
    }
}

/* pc 769px */

/* ===================
recomend
====================== */

.section--recomend {
    padding: 60px 24px;
}

.recomend__topic {
    background-color: var(--pink);
    display: flex;
    width: 250px;
    height: 50px;
    justify-content: center;
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 4.8rem;
    letter-spacing: 0.25rem;
    margin: auto;
    border-radius: 13px;
    position: relative;
    align-items: center;
}

.recomend__topic::after {
    position: absolute;
    content: '';
    background-image: url(../imeges/多角形\ 1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    top: 45px;
}

.recomend__item {
    margin: 40px auto;
    display: flex;
    padding: 30px;
    flex-direction: column;
    gap: 22px;
    border-radius: 20px;
    background: var(--white);
    justify-content: center;
    align-items: flex-start;
    width: 323px;
}

.recomend__check {
    width: 15px;
    height: 15px;
}

.recomend__txt p {
    width: calc(100% - 40px);
}


.recomend__txt {
    color: var(--brack);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2.4rem;
    border-bottom: 1px solid #CCD0CA;

    display: flex;
    gap: 25px;
    align-items: center;
    padding-bottom: 20px;
}

/* .recomend PC */
@media screen and (min-width: 769px) {
    .section--recomend {
        padding: 120px 60px;
    }

    .recomend__topic {
        width: 360px;
        height: 55px;
        font-size: 1.8rem;
        line-height: 4.8rem;
    }

    .recomend__item {
        display: flex;
        padding: 30px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 23px;
        margin-top: 60px;
        width: 80%;
    }

    .recomend__txt {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 4.8rem;
        width: 100%;

    }
}

/* pc 769px */

/* ===================
featurs
====================== */
.section--featurs {
    padding: 60px 24px;

}

.featurs__topic {
    color: var(--brack);
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.5rem;
    letter-spacing: 0.3rem;
    text-align: center;
}

.featurs__point3 {

    margin: 40px auto;
    width: 318px;

}

.featurs__circle {
    content: '';
    background-size: contain;
    background-image: url(../imeges/features-background-sp.png);
    width: 315px;
    height: 307px;
    justify-content: center;
    text-align: center;
    padding: 70px 36px;
    background-repeat: no-repeat;
}

.featurs__number {
    font-family: Roboto;
    color: var(--green);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 3.5rem;
    letter-spacing: 1.8px;
}

.featurs__title {
    color: var(--brack);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
}

.featurs__description {
    color: var(--brack);
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 2.1rem;
    letter-spacing: 1.5px;
    margin-top: 16px;
}

/* .featursPC */

@media screen and (min-width: 1316px) {
    .section--featurs {
        padding: 120px 60px;
    }

    .featurs__topic {
        font-size: 3.1rem;
        font-weight: 700;
        line-height: 3.5rem;
        letter-spacing: 0.46rem;
    }

    /* .featurs__point3{
    width: 1207px;
   display: flex;
    padding: 80px 60px;
    justify-content: center;
    align-items: center;
} */

    .featurs__point3 {
        width: auto;
        display: flex;
        padding: 80px 60px;
        justify-content: center;
        align-items: center;
    }

    .featurs__number {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3.5rem;
        letter-spacing: 0.2rem;
    }

    /* .featurs__circle{
    width: 403px;
height: 403px;
padding: 80px 30px;
} */
    .featurs__circle {
        /* width: 403px; */
        height: auto;
        /* padding: 80px 30px; */
        width: 33.333%;
        aspect-ratio: 1 / 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        
        
    }

    .featurs__title {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3.5rem;
        letter-spacing: 0.24rem;
    }

    .featurs__description {
        text-align: center;
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 2.1rem;
        /* letter-spacing: 0.2rem; */
        max-width: 300px;
    }



}

/* pc 769px */

/* ===================
charm
====================== */
.section--charm {
    padding: 60px 24px;
}

.charm__topic {
    color: var(--brack);
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.5rem;
    letter-spacing: 3px;
}

.charm__index {
    color: var(--brack);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 3.1rem;
    letter-spacing: 0.2rem;
    margin-top: 30px;
}

.charm__item img {
    width: 100%;

    border-radius: 10px;
}

.charm {
    margin-top: 30px;
}

.charm__txt {
    width: 100%;
    margin-top: 24px;

}

.charm__txt__title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 3.1rem;
    letter-spacing: 0.2rem;
    margin: 20px 0;
    position: relative;
    border-bottom: 1px solid #CCD0CA;
    padding-bottom: 20px;
}

/* .charm__txt__title::after{
    background-image: url(../imeges/charm__underbar.png);
    position: absolute;
    content: '';
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 2px;
    bottom: -11px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
} */
.charm__txt__tx {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.6rem;
    letter-spacing: 1.8px;
    margin-top: 20px;
}

.charm__item {

    width: 80%;
    margin: 30px auto 0;
}




/* .charm PC */
@media screen and (min-width: 769px) {
    .section--charm {
        padding: 120px 60px;
    }

    .charm__topic {
        font-size: 3.1rem;
        font-weight: 700;
        line-height: 3.5rem;
        text-align: center;
    }

    .charm__index {
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3.7rem;
        letter-spacing: 0.27rem;
        width: 658px;
        margin: 60px auto;
    }

    .charm {
        background-color: var(--white);
        border-radius: 20px;
        padding: 60px 76px;

    }

    .charm__img img {
        width: 425px;
        height: auto;
    }

    .charm__txt__title {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3.1rem;
        letter-spacing: 0.27rem;
        margin: 0;
    }

    .charm__item {
        justify-content: center;
        display: flex;
        margin-top: 70px;
        width: 100%;
    }

    .charm__txt {
        margin-left: 39px;
        width: 508px;
        margin-top: 0;

    }

    .charm__txt__tx {
        font-size: 1.3rem;
        line-height: 3rem;
        letter-spacing: 0.2rem;
        margin-top: 32px;

    }

}

/* pc 769px */

/* ===================
effect2
====================== */
.section--effect2 {
    padding: 60px 24px;
    background-color: #FDFCFC;
}

.effect2__topic {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.6rem;
    letter-spacing: 0.16rem;
}

.effect2__subtitle {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.1rem;
    margin-top: 30px;
}

.effect2__item {
    background-image: url(../imeges/back__wasi.png);
    border-radius: 10px;
    width: 80%;
    margin: auto;
}

.effect2__contents {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.effect2__item img {
    width: 100%;
    height: 274px;
    object-fit: cover;

    border-radius: 10px 10px 0 0;
}

.effect2--txtItem {
    padding: 20px 16px;
}

.effect2__title span {
    color: var(--pink);
    font-family: Roboto;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2.2rem;
}

.effect2__titleName {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.2rem;
    letter-spacing: 0.1rem;
    margin-top: 18px;
}

.effect2__txt {
    margin-top: 18px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 3.4rem;
    letter-spacing: 0.1rem;
}

@media screen and (min-width: 800px) {
    .effect2__contents {
        display: flex;
        align-items: start;
        gap: 20px;
        margin-top: 30px;
        flex-direction: row;
        align-items: stretch;
    }

    .effect2__item {
        margin: 0;
    }
}

/* .effect2 PC */

@media screen and (min-width: 1360px) {

    .section--effect2 {
        padding: 120px 60px;
    }

    .effect2__topic {
        font-size: 3.1rem;
    }

    .effect2__subtitle {
        font-size: 1.8rem;
        font-weight: 700;
        margin-top: 60px;
    }

    /* .effect2__item{
    display: flex;
    position: relative;
    margin-right: 25%;
    margin-top: 60px;
   
} 
*/
    .effect2__item {
        display: flex;
        /* position: relative; */
        /* margin-right: 25%; */
        margin-top: 60px;
        align-items: center;
        background-image: none;
    }

    .effect2__contents {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 80px auto;
    }



    .effect2__item img {
        width: 800px;
        height: 533px;
        display: block;
        border-radius: 10px;

    }

    .effect2__title span {
        font-size: 3rem;
        font-weight: 300;
    }

    .effect2__title {
        display: flex;
        align-items: center;
    }

    .effect2__titleName {
        margin-top: 0;
        margin-left: 20px;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 4.7rem;
        /* 188% */
        letter-spacing: 0.14px;
    }

    .effect2__txt {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 3.7rem;
        letter-spacing: 0.16rem;
    }



    .effect2--txtItem {
        /* position: absolute; */
        /* top: 59%; */
        /* left: 104%; */
        /* transform: translate(0, -50%); */
        width: 628px;
        padding: 49px 58px;
        background-image: url(../imeges/back__wasi.png);
        z-index: 10;
        /* display: flex
; */
        /* align-items: center; */
        flex-wrap: wrap;
        right: 0;
        margin-left: -100px;
    }


    .effect2__item:nth-of-type(2n) {
        flex-direction: row-reverse;
        margin-left: 0;
    }

    .effect2__item:nth-of-type(2n) .effect2--txtItem {
        margin-right: -190px;
    }
}







/* ===================
photoslider
====================== */
.section--photoslider {
    background-color: var(--white);
    padding: 0 0 120px;


}

.slider__item slick-slide {
    overflow: hidden;
    margin: 0 auto 60px;
}

.slick-slide img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 131 / 116;
}

li.slider__item {
    margin: 0 5px;
}







/* ===================
voice
====================== */
.section--voice {
    padding: 60px 24px;
    background-image: url(../imeges/voice__back.webp);
    background-size: cover;
    background-position: center;
}

.voice__topic {
    color: var(--white);
    font-size: 2rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.16rem;
}

.voice__subtitle {
    color: var(--white);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.5rem;
    letter-spacing: 1.04px;
    margin-top: 30px;
}

.voice {
    margin-top: 30px;
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 0 30px 30px;
   

}

.customer {
    display: flex;
    width: 233px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;

}

.voice__item {
    background-color: var(--white);
    width: 330px;
    padding: 30px 18px;
    border-radius: 15px;
    align-items: center;
    margin: 0 5px;

}

.voice__img {
    width: 41px;

}
.voice__img  img{
    object-fit: contain;
}

.vioce__content {
    display: flex;
    /* width: 297px; */
    
    padding: 10px 0px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.1rem;
}

.customer__voice {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1rem;
}

.voice__txt {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.7rem;
    margin-top: 26px;
    letter-spacing: 0.05rem;
}
.sliderArea{
    margin-top: 30px;
}
/* .custom-arrows{
    display: none;
} */

/* .vioce PC */
@media screen and (min-width: 1100px) {
    .section--voice {
        padding: 120px 60px;
    }
    .v-t{
        max-width: 1440px;
        margin: auto;
    }
    .v-ttt{
        text-align: center;
    }
    .voice__img {
        width: 62px;
    }


    .voice__topic {
        color: var(--white);
        font-size: 3.1rem;
        font-weight: 700;
        letter-spacing: 0.25px;
    }

    .voice__subtitle {
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: 0.14rem;
    }

    .customer {
        width: 70%;
    }

    .voice {
        margin-top: 60px;
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-direction: row;
        align-items: stretch;
    }


    .vioce__content {
        width: auto;
        /* justify-content: space-between; */
        gap: 20px;

    }

    .voice__item {
        width: 391px;
        /* height: 447px; */
        padding: 30px 12px;

    }

    .voice__img img {

        width: 64px;
        object-fit: cover;
    }

    .voice__customer {
        font-size: 1.2rem;
        line-height: 125%;
    }

    .customer__voice {
        font-size: 1.4rem;
        line-height: 118%;
    }

    .voice__txt {
        /* width: 328px; */
        margin: 20px auto;
    }

    .customer {
        width: 245px;
    }

    .custom-arrows {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 80px;
}
.voice__img  img{
    object-fit: contain;
}
.sliderArea{
    margin-top: 60px;

}
}
/* ===================
Pr
====================== */
.section--pr {
    padding: 60px 24px;
    background-color: var(--white);
}

.pr__topic {

    font-size: 2rem;
    font-weight: 700;
    line-height: 3.7rem;
    letter-spacing: 0.05rem;
    text-align: center;
}

.pr__item img {
    width: 259px;
    height: 248px;
    border-radius: 10px;
    margin: 20px auto;
    display: block;
    object-fit: cover;
    object-position: center -40px;
}

.pr__item {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pr__name {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.25rem;
}

.pr__plofile rt {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.pr__character {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.7rem;
    letter-spacing: 0.05rem;
    width: 264px;
}

.pr__plofile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.pr__index {
    color: #294573;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 3.7rem;
    letter-spacing: 0.05rem;
    margin-top: 30px;
}

.pr__txt {
    width: 297px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 0.05rem;
    margin-top: 20px;
}

.btn--pr {
    margin-right: auto;
    margin-top: 20px;
}

.sp__br {
    display: block;
}

.pr__content {
    margin: auto;
}







/* .pr PC */

@media screen and (min-width: 834px) {
    .section--pr {
        padding: 80px 60px;
    }

    .pr__topic {
        text-align: center;
        font-size: 3rem;
        font-weight: 700;
        letter-spacing: 0.36rem;
    }

    .pr__item img {
        object-position: center;
    }

    .sp__br {
        display: none;
    }

    .pr__item {
        display: flex;
        flex-direction: row;
        /* margin-top: 60px; */
        gap: 60px;
        margin: 60px auto;
        max-width:  1440px;

    }

    .pr__plofile__1 img {
        width: 364px;
        height: 442px;

    }

    .pr__name {
        font-size: 3rem;
        font-weight: 700;
        line-height: 4.8rem;
        letter-spacing: 0.25px;
        margin-top: 18px;
    }

    .pr__plofile rt {
        font-size: 1rem;
        font-weight: 700;
    }

    .pr__character {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3.3rem;
        letter-spacing: 0.25rem;
        /* width: 299px; */
        margin-top: 23px;
    }

    .pr__content {
        width: 70%;
        margin-top: 43px;
    }

    .pr__index {
        font-size: 3.1rem;
        font-weight: 800;
        line-height: 5.9rem;
        letter-spacing: 0.6rem;
    }

    .pr__txt {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 3.7rem;
        letter-spacing: 0.35rem;
        width: 80%;
        margin-top: 30px;
    }

    .pr__txt button {
        margin-top: 34px;
        width: 200px;
        height: 40px;
        font-size: 1.1rem;
        letter-spacing: 3px;
    }

}

/* ===================
modal
====================== */

button {
    display: block;
    margin: 10px auto;
    padding: 10px 20px;
    background-color: green;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
}

button:hover {
    background-color: darkgreen;
}

/* モーダルのスタイル */

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
}

.open-modal {

    display: block;
    border-radius: 30px;
    background: var(--green);
    padding: 9px 20px;
    color: var(--white);
    font-family: Roboto;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    transition: 0.4s;
    width: 140px;
    text-align: center;
    margin: 20px 0 0 auto;
    letter-spacing: 2.5px;

}

.open-modal::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../imeges/arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);

}

.open-modal:hover {
    opacity: 0.5;
    transform: translateY(-5px);

}

.modal-content {
    background-color: white;
    margin: 10% auto;
    padding: 60px 24px;
    border-radius: 10px;
    width: 100%;
    overflow: auto;
    position: relative;
}

.modal-content img {
    width: 259px;
    height: 248px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center -32px;
    display: block;
    margin: 0 auto;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

.modal__txt {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3rem;
    margin-top: 34px;
    position: relative;
}

.modal__txt::after {
    position: absolute;
    content: '';
    background-image: url(../imeges/Pr\ bar.png);
    width: 317.5px;
    height: 2px;
    top: -11px;
    left: 15px;
}



.pr2__name {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2rem;
    letter-spacing: 0.2px;
    margin-top: 16px;
    text-align: center;
}

.pr2__name rt {
    font-size: 0.5rem;
}

.pr2__katagaki {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-top: 20px;
    text-align: center;
}

.pr2__katagakiTxt {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.5rem;
    width: 246px;
    margin: 4px auto;
    text-align: center;
}

/* modal pr */
.modal-content {
    display: flex;
    padding: 133px 246px;

}

.pr__plofile img {
    width: 361px;
    height: 404px;
    object-fit: cover;
}

.pr2__name {
    font-size: 3rem;
    font-weight: 700;
    line-height: 4.8rem;
    letter-spacing: 0.25rem;
    text-align: start;
}

.pr2__name rt {
    font-size: 1rem;
    font-weight: 700;
    line-height: 4.8rem;

}

.pr2__katagaki {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4rem;
    letter-spacing: 0.35rem;
    margin-top: 24px;
    text-align: start;
}

.pr2__katagakiTxt {
    text-align: start;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 3.7rem;
    /* 231.25% */
    letter-spacing: 0.35rem;
    width: 364px;
}

.modal__txt {
    width: 100%;
    font-size: 1.3rem;
    line-height: 2.4rem;
    letter-spacing: 0.1rem;
    padding: 20px 0;
}

.modal__txt::after {
    content: none;
    display: none;
}



/* ここから追加 */


.modal-content {
    flex-direction: column;
    padding: 60px 20px;
    width: 95%;
}

.modal-content {
    display: flex;
    padding: 3% 5%;
    gap: 5%;
    justify-content: center;
}

.pr__plofile img {
    width: 259px;
    height: 248px;
    object-fit: cover;
}

.modal__txt {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px;
    line-height: 1.8;
    /* width: 50%; */
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.35rem;
    /* margin-left: 151px; */
}

.pr__plofile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    justify-content: center;
    align-items: center;
}



.pr2__katagakiTxt {
    width: 100%;
    font-size: 1.2rem;
    line-height: 2.5rem;
    margin: 10px auto;
}

.pr2__name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2rem;
    /* 75% */
    letter-spacing: 0.25rem;
    text-align: start;

}

.pr2__name rt {
    font-size: 0.5rem;
}

.pr__txt {
    font-size: 1.3rem;
    line-height: 3.3rem;
    /* 253.846% */
}


.pr2__katagaki {
    font-size: 1.2rem;
}

.pr2__katagakiTxt {
    font-size: 1.2rem;
    line-height: 2.8rem;
    /* 233.333% */

}

.modal__txt__1 {
    text-align: left;
}

@media screen and (min-width: 834px) {
    .pr__plofile {
        display: flex;
        flex-direction: row;
        gap: 5%;
    }

    .pr__plofile__2 {
        display: flex;
        flex-direction: column;
    }

    .modal-content img {
        margin: 0;
    }
}






/* ===================
modal dairy
====================== */


.visual,
.visual__2 {
    background-color: #9f9f9f;
    margin-bottom: 60px;
    padding: 0;
    margin: 0;
    display: none;
}

.visual.slick-initialized,
.visual__2.slick-initialized {
    display: block;
}

.visual li {
    display: block;
    width: 100%;
}

.slick-prev:before {
    color: var(--pink);
}

.slick-next:before {
    color: var(--pink);
}

/* モーダルコンテナのアニメーション設定 */
.modaal-container {
    background: transparent;
    opacity: 0;
    animation: fadeInModal 0.8s ease forwards;
}

/* キーフレームアニメーションの定義 */
@keyframes fadeInModal {
    0% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* ===================
contact
====================== */

.section--contact {
    padding: 60px 125px;
    background-image: url(../imeges/contact1__back.png);
    background-size: cover;
    background-position: center;
}

.contact {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn--contact {
    margin: 30px auto;
}

.contact__topic {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 3.3rem;
    color: var(--white);
    width: 124px;
}

.contact__txt {
    color: var(--white);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-top: 20px;
}

.btn--contact {
    margin-top: 20px;
    background-color: var(--white);
    color: #148C2F;
    letter-spacing: 1.2px;
    position: relative;
}

.btn--contact::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 10px;
    background-image: url(../imeges/contact__arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

/* .contact pc */
@media screen and (min-width: 769px) {
    .section--contact {
        padding: 120px 60px;
    }

    .contact {
        flex-direction: row;
        display: flex;
        justify-content: center;
        gap: 60px;
    }

    .contact__topic {
        font-size: 4.1rem;
        font-weight: 400;
        line-height: 8.2rem;
        /* 200% */
        letter-spacing: 0.6rem;
        width: 90%;
        max-width: 405px;
        margin-top: 80px;
    }

    .contact__txt {
        font-size: 2.1rem;
        font-weight: 700;
        line-height: 3.7rem;
        /* 176.19% */
        letter-spacing: 0.19rem;
        width: 344px;
    }

    .btn--contact {
        margin: 33px auto;
        width: 300px;
        height: 60px;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 2.4px;
    }

    .btn--contact::after {
        width: 20px;
        height: 20px;
        right: 25px;
    }
}

/* ===================
notice
====================== */
.section--notice {
    padding: 60px 24px;
}

.notice__topic {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.uguisu__icon img {
    width: 44px;
    display: block;
    object-fit: cover;
    margin: 20px auto;
}

.notice__txt {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.6rem;
}

.notice__tagu {
    color: var(--green);
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    width: 140px;
    height: 23px;
    background-color: var(--white);
    display: block;
    text-align: center;
    padding: 6px 18px;
    border-radius: 20px;
    margin-top: 30px;
    letter-spacing: 0.12rem;
}

.notice__schedule {
    width: 316px;
}

.notice__date {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.9rem;
    margin-top: 16px;
    letter-spacing: 0.1rem;
}

.notice__information {
    margin-top: 18px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.5rem;
}

.btn--notice {
    background-color: var(--oranji);
    margin-top: 10px;
    position: relative;
}

.btn--notice::after {
    content: '';
    position: absolute;
    background-image: url(../imeges/notice__undervar.png);
    width: 321px;
    height: 2px;
    top: 40px;
    left: 0;
}

.osirase__btn {
    border-bottom: 1px solid;
    padding-bottom: 0.5px;
}

.notice__category {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    justify-content: center;
    align-items: center;
}




/* .notice  pc*/
@media screen and (min-width: 841px) {
    .section--notice {
        padding: 100px 60px;
    }

    .notice__topic {
        font-size: 3rem;
        font-weight: 700;
    }

    .uguisu__icon img {
        width: 75px;
        margin-top: 30px;
    }

    .notice__txt {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.9rem;
        /* 181.25% */
        letter-spacing: 0.18rem;
        margin-top: 30px;

    }

    /* .notice__contente{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;

} */

    .notice__tagu {
        /* width: 108px; */
        font-size: 1.4rem;
        font-weight: 700;
        margin: auto;

    }

    .notice__date {
        font-size: 1.7rem;
        font-weight: 800;
        line-height: 1.9rem;
        /* 111.765% */
        letter-spacing: 0.37rem;

    }

    .notice__schedule {
        display: flex;
        width: 100%;
        max-width: 1200px;
        /* gap:20px; */
        margin-top: 30px;
        border-bottom: 1px solid #CCD0CA;
        padding-bottom: 40px;
    }

    /* .notice__schedule:first-of-type{
    margin: 0;
} */

    .btn--notice::after {
        position: static;
    }

    .noticeBtn {
        display: inline;
        align-items: center;
        text-align: center;
        margin: auto;
        width: 218px;
        color: #FDFCFC;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 6.4rem;
        letter-spacing: 0.18rem;
    }

    .notice__information {
        max-width: 518px;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.9rem;
        /* 135.714% */
        letter-spacing: 0.17rem;
        margin-top: 24px;

    }

    .btn--notice {
        width: 218px;
        height: 40px;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 2.4rem;
        /* 533.333% */
        letter-spacing: 0.18rem;

    }
    .notice__category{
        margin-top: 60px;
    }

}

/* ===================
turename
====================== */

.section--turename {
    padding: 60px 24px;
}

.turename__topic {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 0.60rem;
    text-decoration: underline 0.5px;
    
}

.topic__subname {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3.1rem;
    letter-spacing: 0.3rem;
    margin-top: 30px;
}

.turename__txt {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 26px;
    /* 216.667% */
    letter-spacing: 2.64px;
    margin-top: 14px;
}

.turename__photo img {
    max-width: 100%;
    border-radius: 10px;
    margin-top: 30px;
    object-fit: cover;
}

/* .ture */
@media screen and (min-width: 769px) {

    .section--turename {
        padding: 80px 60px;
    }

    .turename__topic {
        font-size: 2.6rem;
        font-weight: 600;
        margin-top: 30px;
        white-space: nowrap;



    }

    .topic__subname {
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin-top: 40px;
        letter-spacing: 0.36rem;
    }

    .turename__txt {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 3.7rem;
        max-width: 354px;
        margin-top: 25px;
    }

    .ture__category {
        display: flex;
        object-fit: cover;
        justify-content: center;
        align-items: center;
        gap: 30px;

    }

    .turename__photo {
        width: 50%;
        height: auto;
        max-width: 703px;

    }

    .ture__conrents {
        display: flex;
        flex-direction: column;
        width: 50%;
        justify-content: center;
        align-items: center;
    }

    .turename__photo img {
        width: 703px;
        height: auto;

    }
}

/* ===================
hotel
====================== */
.section--hotel {
    padding: 60px 24px;
}
.hotel__infomation{
    display: flex;
    flex-direction: column-reverse;
}

.hotel__topic {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: 4.8px;

}

.hotel__topic::after {
    content: '';
    background-image: url(../imeges/huro.png);
    width: 34px;
    height: 44px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -13px;
    margin-left: 10px;


}

.hotel__txt {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 3.12px;
    margin-top: 30px;
    border-bottom: 1px solid #CCD0CA;
    padding-bottom: 20px;

}

.hotel__img img {
    width: 331px;
    height: 188px;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 30px;
}

.hotel__title span {
    display: block;
    padding: 7px;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.4rem;
}

.hotel__title {
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.6rem;
    letter-spacing: 0.4rem;
    margin-top: 30px;
    position: relative;
}

/* .hotel__title::after{
    content: '';
    position: absolute;
    background-image: url(../imeges/sp-unberbar.png);
    width: 288px;
    height: 2px;
    top:-5px;
} */


.hotel__number {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.5rem;
    margin-top: 10px;
}

.hotel__map {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.2rem;
    text-decoration-line: underline;
}

.hotel__txt__1 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.2rem;
    margin-top: 20px;
}




/* .hotel */
@media screen and (min-width: 769px) {
    .section--hotel {
        padding: 80px 60px;
    }

    .hotel__topic {
        font-size: 3.1rem;
        font-weight: 700;
        line-height: 2.4rem;
        /* 77.419% */
        letter-spacing: 0.7rem;


    }
    .hotel__contents{
        display: flex;
        justify-content: center;
    }

    .hotel__topic {
        text-align: center;
    }

    .hotel__txt {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 3.4rem;
        /* 212.5% */
        letter-spacing: 0.38rem;
        max-width: 418px;
        width: 80%;
    }

    .hotel__infomation {
        display: flex;
        gap: 80px;
        max-width: 1440px;
        justify-content: center;
        margin-top: 60px;
        flex-direction: row;
    }

    .hotel__img img {
        width: 703px;
        height: auto;
    }

    .hotel__resort {
        width: auto;
        align-items: flex-start;

    }

    .hotel__img {
        margin: 0;
        width: 60%;
        max-width: 702px;
        height: auto;
    }

    .hotel__title span {
        font-size: 1.2rem;
        margin-right: 20px;

    }

    .hotel__title {
        font-size: 2.1rem;
        font-weight: 700;
        line-height: 3.6rem;
    }

    .hotel__number {
        font-size: 1.3rem;
        line-height: 3rem;
        /* 246.154% */
        letter-spacing: 0.3rem;
    }

    .hotel__introduction {
        display: flex;
        margin-top: 60px;
        gap: 20px;
        justify-content: center;
    }

    .hotel__item img {
        width: 390px;
        height: 232px;
        object-fit: cover;
    }
    .hotel__item{
        max-width: 400px;
    }

    .hotel__txt__1 {
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 2.7rem;
        letter-spacing: 0.3rem;
        /* width: 369px; */
    }

    .hotel__img__1 {
        width: 100%;
    }

    .hotel__img__1 img {
        max-height: 290px;
    }


}

/* ===================
activity
====================== */
.section--activity {
    padding: 60px 24px;
}

.activity__topic {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.5rem;
    letter-spacing: 0.3rem;
    position: relative;
}

.activity__topic::after {
    content: '';
    background-image: url(../imeges/hana.png);
    width: 37px;
    height: 37px;
    display: inline-block;
    margin-left: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

.activity__subtitle {
    font-size: 1.6rem;
    line-height: 3.6rem;
    letter-spacing: 0.24rem;
    margin-top: 30px;
}

.activity__img img {
    width: 328px;
    height: 217px;
    object-fit: cover;
    border-radius: 10px;
}

.activity__item {
    margin-top: 40px;
}

.activity__category {
    width: 321px;
}

.acivity__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: 0.24rem;
    margin-top: 20px;
}

.acivity__txt {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 0.2rem;
    margin-top: 20px;
}

.btn--activity {
    margin-top: 20px;
    margin-left: auto;
}

/* .activity  pc*/
@media screen and (min-width: 769px) {

    .section--activity {
        padding: 80px 60px;
    }

    .act--1{
        max-width: 1440px;
        margin: auto;
    }
    .activity__topic {
        font-size: 3.1rem;
        font-weight: 700;
        line-height: 3.5rem;
        letter-spacing: 0.4rem;
    }

    .activity__topic::after {
        width: 76px;
        height: 77px;
        margin-bottom: -19px;
    }

    .activity__subtitle {
        font-size: 1.8rem;
        line-height: 2.9rem;
        letter-spacing: 0.27rem;
        margin-top: 60px;
    }

    .activity__item {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
    }

    /* .activity__item:first-of-type{
    margin-top: 60px;
} */
    .activity__item:nth-last-of-type(2) {
        flex-direction: row-reverse;
    }

    .activity__item img {
        width: 600px;
        height: auto;
        object-fit: cover;
    }

    .activity__category {
        display: flex;
        width: 50%;
        flex-direction: column;
       
    }

    .acivity__title {
        font-size: 2.6rem;
        font-weight: 700;
        line-height: 4.9rem;
        letter-spacing: 0.25rem;
    }

    .acivity__txt {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 3.8rem;
        margin-top: 47px;
        /* width: 387px; */

    }

    .btn--activity {
        width: 200px;
        height: 40px;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 2.1rem;
        margin-top: 35px;
    }

    /* .activity__img{
    width: 40%;
} */
    .activity__item {
        max-width: 1440px;
        margin-top: 60px;
        gap: 60px;
    }

}

/* ギャラリーモーダル　activity  */

#activityGalleryModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.activityGallery__content {
    background-image: url(../imeges/back__wasi.png);
    padding: 100px 80px;
    border-radius: 8px;
    width: 90%;
    overflow-y: auto;
    position: relative;
    margin: 0 auto;

}

.activityGallery__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.5rem;
    /* 145.833% */
    letter-spacing: 0.36rem;
    text-align: center;
}

.activityGallery__close {
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    font-size: 24px;
    color: var(--darkgreen);
    background: white;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1100;
}


.activityGallery__gallery {
    display: flex;
    gap: 29px;
    flex-wrap: wrap;
    /* height: 498px; */
    margin-top: 60px;
    justify-content: center;

}

.activityGallery__gallery img {
    width: 252px;
    height: auto;
    border-radius: 4px;
}

@media screen and (max-width: 768px) {
    .activityGallery__content {
        padding: 100px 30px;
        overflow: unset;
    }

    .activityGallery__title {
        font-size: 3vw;
        font-weight: 700;
        line-height: 3.5rem;
        letter-spacing: 0.3rem;
        text-align: center;
    }

    .activityGallery__gallery {
        margin-top: 20px;
        gap: 16px;
        justify-content: center;
    }

    .activityGallery__gallery img {
        width: 47%;
        height: auto;
    }



}





/* ===================
dairy
====================== */
.section--dairy {
    padding: 60px 24px;
}

.dairy__topic {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.6rem;
}

.dairy__topic::after {
    content: '';
    background-image: url(../imeges/tureshose.png);
    width: 36px;
    height: 34px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -7px;

}

.dairy__item {
    margin-top: 30px;
    background-color: var(--white);
    width: 100%;
    border-radius: 10px;
    margin: 30px auto;

}

.daily__content {
    padding: 31px 21px;
}

.daily__content span {
    font-size: 1.3rem;
    font-weight: 700;
}

.dairy__item img {
    width: 100%;
    height: 244px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    object-position: 0 75%;
}

.dairy__title {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-top: 20px;
}

.daily__txt {
    font-size: 1.3rem;
    line-height: 3.2rem;
    margin-top: 30px;
}

.btn--dairy {
    margin-top: 20px;
    margin-left: auto;
}

.modaal-content-container {
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 8px;
}

.time {
    background-color: var(--white);
    padding: 15px 10px;

}

.modaal-wrapper [tabindex="0"] {
    background-image: url(../imeges/back__wasi.png);
}

.time__dairy {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 3.5rem;
    position: relative;
}

.time__dairy::after {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    background-image: url(../imeges/text__bar.png);
    width: 44px;
    height: 2px;
    top: 17px;
    left: 68px;
}

.time__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 3.5rem;
}

.time__txt {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 3.7rem;
}

.modaal-inner-wrapper {
    padding: 0;
}

/* .dairy pc */



@media screen and (min-width: 1100px) {
    .section--dairy {
        padding: 80px 60px;
    }

    .dairy__topic {
        font-size: 3.1rem;
        font-weight: 700;
        line-height: 2.6rem;
        letter-spacing: 0.7rem;
        text-align: center;
    }
    .d--g{
        max-width: 1440px;
        margin: auto;
    }

    .dairy__topic::after {
        width: 74px;
        height: 74px;
        margin: 0 0 -24px 20px;
    }

    .dairy__item {
        display: flex;
        width: auto;
        margin-top: 60px;
        border-radius: 10px;
        gap: 30px;
        height: auto;
        max-width: 1220px;

    }

    .dairy__item img {
        height: 100%;
        border-radius: 10px 0px 0px 10px;
        object-fit: cover;
        object-position: right 0;
    }

    .daily__content {
        width: 60%;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

    .dairy__img img {
        width: 605px;
    }

    .daily__content span {
        font-size: 2rem;
        font-weight: 500;
        line-height: 3.3rem;
        margin-top: 46.5px;
        display: block;
    }

    .dairy__title {
        /* width: 469px; */
        font-size: 2rem;
        font-weight: 800;
        line-height: 3.8rem;
        /* 190% */
        letter-spacing: 0.3rem;
        margin-top: 10px;
    }

    .daily__txt {
        max-width: 465px;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 3.3rem;
        /* 220% */
        letter-spacing: 0.2rem;
        margin-top: 33px;
    }

    .btn--dairy {
        width: 220px;
        height: 40px;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 2.3rem;
        letter-spacing: 0.3rem;
        margin-top: 33px;
    }

    .visual.slick-initialized.slick-slider,
    .visual__2.slick-initialized.slick-slider {
        background-color: transparent;

    }

    .dayiry__time.slick-slide .time {
        background-color: transparent;

    }

    .slick-track {
        display: flex;
        gap: 30px;
    }

    .modaal-content-container {
        max-width: none;
    }

}

/* ===================
rure
====================== */
.section--rule {
    padding: 60px 24px;
}

.rule__topic {
    font-size: 2rem;
    font-weight: 700;
}

.rule__topic::after {
    content: '';
    background-image: url(../imeges/dennkyuu.png);
    width: 27px;
    height: 32px;
    background-size: cover;
    display: inline-block;
    margin-left: 10px;
}

.rule__subtitle {
    font-size: 1.3rem;
    line-height: 3.2rem;
    margin-top: 30px;
}

.rule__content {
    background-color: var(--white);
    display: flex;
    padding: 30px 20px;
    flex-direction: column;
    /* align-items: center; */
    gap: 30px;
    margin-top: 30px;
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.rule__img {
    object-fit: cover;
     max-height: 250px; 
    width: 100%;
    border-radius: 0 0 10px 10px;
}

.rule__item {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 3.6rem;
    position: relative;
    margin-left: 20px;
}

.rule__item span {
    font-weight: 700;
}

.rule__item::before {
    position: absolute;
    content: '⚫︎';
    color: pink;
    left: -16px;
}

/* rule.pc */
@media screen and (min-width: 1100px) {
    .section--rule {
        padding: 80px 60px;
    }

    .rule__topic {
        font-size: 3.1rem;
        font-weight: 700;
        line-height: 2.6;
        letter-spacing: 0.7rem;
    }

    .rule__topic::after {
        width: 74px;
        height: 74px;
        margin-bottom: -13px;
    }

    .rule__subtitle {
        font-size: 1.8rem;
        line-height: 3.7rem;
        letter-spacing: 0.27rem;
    }

    .rule__flex {
        /* max-width: 1200px;  */
        margin-top: 60px;
    }

    .rule__content {
        margin-top: 0px;
        padding: 60px;
        display: inline-block;
        border-radius: 10px 10px 0 0;
    }


    .rule__img {
        /* height: 100%; */
        display: flex;
        border-radius: 0 0 10px 10px;
        object-fit: cover;
    }



    .rule__item {
        flex-direction: column;
        align-items: flex-start;
        color: #1A3706;
        font-size: 1.6rem;
        line-height: 3.7rem;
        /* 231.25% */
        letter-spacing: 0.24rem;
        margin-top: 37px;

    }

    .rule__item::before {
        position: absolute;
        content: '⚫︎';
        color: pink;
        left: -35px;
    }
    
    .r__item{
        max-width: 1440px;
        margin: auto;
    }

}


/* ===================
contact2
====================== */

.section--contact2 {
    padding: 60px 24px;
}

.contact2__topcs {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.7rem;
}

.contact2__subtitle {
    font-size: 1.8rem;
    font-weight: 500;
}

.contact2__subtitle {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 3.5rem;
    margin-top: 30px;
}

.contact2__img img {
    width: 306px;
    height: 263px;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 30px;
}

.contact2__item {
    align-items: flex-start;
    margin-top: 10px;
}

.contact2__category {
    align-items: flex-end;
    margin-top: 20px;
}

.contact2__txt {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 3.5rem;
}

.contact2__checklist li {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 15px;
}

.contact2__checklist li:first-of-type {
    margin-top: 20px;
}

.contact2__checklist li::before {
    content: '';
    background-image: url(../imeges/contact__check.png);
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -7px;
}

.btn--contact2 {
    margin-top: 20px;
    margin-left: auto;
}

.topcs__sp {
    display: block;
}


/* .contact2 .pc*/
@media screen and (min-width: 769px) {
    .topcs__sp {
        display: none;
    }
    .c--tt{
        max-width: 1440px;
        margin: auto;
    }

    .contact2__topcs {
        font-size: 3.1rem;
        font-weight: 700;
        line-height: 5.5rem;
        /* 177.419% */
        letter-spacing: 0.24rem;
    }

    .section--contact2 {
        padding: 80px 60px;
    }

    .contact2__subtitle {
        font-size: 1.3rem;
        line-height: 3.5rem;
    }

    .contact2__item {
        display: flex;
        max-width: 1218px;

        margin-top: 60PX;

    }

    .contact2__item img {
        width: 400px;
        height: auto;
        object-fit: cover;
    }

    .contact2__img {
        margin: 0;
        width: 50%;
    }

    .contact2__category {
        /* width: 624px; */
        margin: 64px 0 64px 64px;
        width: 50%;

    }

    .contact2__subtitle {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 3.5rem;
    }

    .contact2__txt {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 3.5rem;
        margin-top: 20px;
    }

    .contact2__checklist {
        display: flex;
        /* width: auto; */
        flex-direction: column;
        align-items: flex-start;


    }

    .contact2__checklist li {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.5rem;
        margin-top: 10px
    }

    .contact2__checklist li::before {
        margin-bottom: -5px;
    }

    .btn--contact2 {
        margin-top: 30px;
        width: 219px;
        height: 40px;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 2.5rem;
        letter-spacing: 0.3rem;
    }

    .btn--contact2 {
        margin-right: 0;

    }
}


/* ===================
fotter
====================== */
.footer {
    padding: 30px 24px;
    background-color: var(--darkgreen);
}

.footer__navlist li {
    color: var(--white);
    font-size: 0.9rem;
    font-weight: 800;
}

.footer__navlist {
    display: flex;
    gap: 16px 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.copy {
    color: var(--white);
    font-family: Roboto;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 20px;
}

/* footer pc */
@media screen and (min-width: 769px) {
    .footer {
        padding: 26px 48px;
    }

    .footer__nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 323px;
    }

    .footer__navlist {
        margin-top: 26px;
        gap: 26px;
    }

    .footer__navlist li {
        font-size: 1.4rem;
        font-weight: 800;
        margin-left: 39px;
    }

    .nav__topic {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.6rem;
        letter-spacing: 0.26rem;
    }

    .copy small {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 2.4rem;
        /* 200% */
    }


}

/* ppのCSS */
.pp .header {
    height: 90px;
    background-image: none;
}

.pp .header__topic,
.pp .header__topic span {
    color: var(--brack);
}

.pp .nav__list li {
    color: var(--brack);
}

.pp .wrapKOPIPE-OK {
    position: relative;
    margin: 20px 0 0;
    padding: 60px;
    background: #f8f8f0;
    border-radius: 20px;
}

.pp .wrapKOPIPE-OK p {

    line-height: 1.6rem;

}

.pp .wrapKOPIPE-OK h1 {
    margin: 0 0 30px 0;
    font-size: 18px;
    font-weight: bold;
}

.pp .wrapKOPIPE-OK h2 {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}

.pp li {
    margin-top: 0.5rem;
}