.sp{
    display: none;
}
main {
    width: 98rem;
    margin: 0 auto;
    background-color: #FCF7E7;
    padding-top: 5rem;
    margin-top: 2rem;
    border-radius: 1rem;
}

.iki_wrap {
    overflow: hidden;
    position: relative;
}

.iki_top_leaf {
    position: absolute;
    top: -12rem;
    right: -11.5rem;
    width: 48rem;
    height: 44rem;
}

.ikiikititle {
    margin-left: 11rem;
    font-size: 4rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
}

.ikiikititle rt {
    font-size: 1.6rem;
    color: #83468B;
    text-align: left;
    font-weight: 700;
}

.ikiikititle span {
    margin-left: 0.6rem;
}

.iki_mainvisual {
    width: 85rem;
    height: 45rem;
    border-radius: 1rem;
    display: block;
    margin: 0 auto;
    margin-top: 3.5rem;
}

.iki_catch {
    background-color: #FFFFFF;
    padding: 1rem 2rem;
    width: fit-content;
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    color: #3A3333;
    font-weight: 700;
    margin-left: 2.5rem;
    margin-top: -7.1rem;
    position: relative;
    z-index: 2;
}

.iki_catch span {
    font-size: 2.6rem;
    color: #4E8B46;
}

.iki_category {
    display: flex;
    gap: 1.5rem;
    margin-top: 2.5rem;
    margin-left: 6.5rem;
}

.iki_category div {
    border-radius: 1.5rem;
    background-color: #4E8B46;
    color: #FFFFFF;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
    font-weight: 400;
    font-family: "Zen Maru Gothic", sans-serif;
}

.iki_text {
    width: 85rem;
    font-size: 1.8rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    margin-top: 2.2rem;
    margin-left: 6.5rem;
    line-height: 2.6rem;
}

.iki_couns {
    font-family: "Zen Maru Gothic", sans-serif;
    background-color: #BF88C6;
    width: fit-content;
    padding: 1.6rem 3rem;
    color: #FFFFFF;
    border-radius: 3.6rem;
    font-size: 1.8rem;
    margin-top: 2rem;
    margin-left: 6.5rem;
    font-weight: 500;
}

.iki_welcome {
    width: 85rem;
    margin: 0 auto;
    margin-top: 10rem;
}

.welcome_title {
    font-size: 4rem;
    font-family: "Zen Maru Gothic", sans-serif;
    text-align: center;
    font-weight: 500;
}

.welcome_hospitality {
    margin-top: 2.5rem;
    display: flex;
    gap: 2.5rem;
}

.welcome_hospitality img {
    border-radius: 1rem;
    width: 40.8rem;
    height: 24.3rem;
}

.welcome_hospitality div {
    margin-top: 2rem;
    font-family: "Zen Maru Gothic", sans-serif;
}

.welcome_hospitality h4 {
    font-size: 2.5rem;
    font-weight: 500;
}

.welcome_hospitality p {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 500;
    width: 41.7rem;
}

.iki_service {
    margin-top: 5.8rem;
}

.iki_service h3 {
    margin-left: 8.9rem;
    font-size: 2rem;
    font-weight: 500;
    background-color: #FFFFFF;
    padding: 0.8rem 4rem;
    width: fit-content;
    border-radius: 3.6rem;
    border: 0.1rem solid #000000;
    font-family: "Zen Maru Gothic", sans-serif;
}

.service_content {
    margin-left: 8.9rem;
    font-size: 1.8rem;
    font-family: "Zen Maru Gothic", sans-serif;
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
    margin-top: 1.4rem;
    font-weight: 700;
}

.service_content div {
    background-color: #4E8B46;
    color: #FFFFFF;
    padding: 1rem 4rem;
    border-radius: 2.3rem;
}

.service_content div:nth-of-type(2),
.service_content div:nth-of-type(4),
.service_content div:nth-of-type(5){
    padding: 1rem 3rem;
}

.recom_title {
    margin-top: 6rem;
    display: flex;
}

.recom_content {
    display: flex;
    margin-left: 8.9rem;
    margin-top: 1.5rem;
    font-weight: 500;
}

.recom_content img {
    width: 15.2rem;
    height: 16.8rem;
    margin-top: 1.1rem;
}

.recom_content div {
    padding: 1.5rem 9.2rem 1.5rem 2rem;
    background-color: #FFFFFF;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-family: "Zen Maru Gothic", sans-serif;
}

.recom_content ul {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}

.recom_content li {
    list-style-type: disc;
    margin-left: 2rem;
}

.iki_feature {
    margin-top: 10rem;
}

.feature_title {
    font-size: 4rem;
    font-weight: 500;
    font-family: "Zen Maru Gothic", sans-serif;
    text-align: center;
}

.feature_title rt {
    color: #83468B;
    font-size: 1.6rem;
    font-weight: 700;
}

.feature_content {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 0.5rem;
    justify-content: center;
    margin-top: 2.5rem;
}

.feature_content div {
    background-color: #FFFFFF;
    width: 28rem;
    height: 39.5rem;
    padding: 3rem 3rem 0;
    font-family: "Zen Maru Gothic", sans-serif;
    color: #3A3333;
}

.feature_content h4 {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
}

.feature_content img {
    width: 22rem;
    height: 13rem;
    border-radius: 1rem;
    margin-top: 0.5rem;
}

.feature_content p {
    font-size: 1.4rem;
    margin-top: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
}

.feature_content span {
    font-size: 1.8rem;
    background-color: #D55167;
    border: 0.1rem solid #707070;
    text-align: center;
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    width: 17.1rem;
    display: inline-block;
    font-weight: 700;
    margin-top: 2.5rem;
    margin-left: 2.5rem;
}

.iki_day_flow {
    width: 89rem;
    margin-left: 6.5rem;
    margin-top: 6.3rem;
}

.flow_title {
    font-size: 2rem;
    padding: 1rem 4rem;
    border-radius: 3.6rem;
    font-family: "Zen Maru Gothic", sans-serif;
    background-color: #FFFFFF;
    border: 0.1rem solid #000000;
    width: fit-content;
    margin-left: 2.5rem;
    font-weight: 500;
}

.flow_fade_img1 {
    position: absolute;
    width: 22.6rem;
    height: 16.5rem;
    border-radius: 1rem;
    top: -7.8rem;
    right: 19.9rem;
}

.flow_fade_img2 {
    position: absolute;
    width: 29.1rem;
    height: 21.3rem;
    border-radius: 1rem;
    top: 11.2rem;
    right: -4rem;
}

.flow_fade_img3 {
    position: absolute;
    width: 25.6rem;
    height: 30.5rem;
    border-radius: 1rem;
    bottom: -2.5rem;
    right: 14rem;
    z-index: 5;
}

.flow_content {
    background-color: #FFFFFF;
    width: 85rem;
    margin-top: 2.6rem;
    padding-left: 5.6rem;
    padding-top: 2.4rem;
    padding-bottom: 2.8rem;
    font-family: "Zen Maru Gothic", sans-serif;
    display: flex;
    flex-flow: column;
    gap: 1.2rem;
    position: relative;
    z-index: 5;
}

.flow_list {
    display: flex;
}

.flow_time p {
    font-size: 1.8rem;
    font-weight: 700;
}

.flow_time img {
    width: 5rem;
    height: 5rem;
}

.flow_text {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.6rem;
    margin-left: 1.6rem;
}

.iki_gallery {
    margin-top: 9.7rem;
    position: relative;
}

.leaf2 {
    position: absolute;
    width: 39.3rem;
    height: 35.2rem;
    right: 0rem;
    top: -21rem;
}

.grape {
    position: absolute;
    width: 13.3rem;
    height: 19.4rem;
    top: 12rem;
    right: 2rem;
    animation: yurayura 3s ease-in-out infinite alternate;
}

@keyframes yurayura {

    0% {
        transform: translate(0, 0) rotate(-7deg);
    }

    50% {
        transform: translate(0, -7px) rotate(0deg);
    }

    100% {
        transform: translate(0, 0) rotate(7deg);
    }
}

.gallery_title {
    font-size: 4rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    text-align: center;
}

.gallery_title rt {
    font-size: 1.6rem;
    font-weight: 700;
    color: #83468B;
}

.gallery_img {
    width: 50rem;
    height: 30rem;
    border-radius: 1rem;
    display: block;
    margin: 0 auto;
}

.swiper {
    width: 55rem;
    height: 33rem;
    margin: 0 auto;
    position: relative;
    margin-top: 2.5rem;
}



.swiper-button-prev::after,
.swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 3.5rem;
    width: 3.5rem;
    position: absolute;
    top: -2rem;
}

.swiper-button-prev::after {
    background-image: url(../img/ikipagenation.png);
}

.swiper-button-next::after {
    background-image: url(../img/ikipagenation.png);
    transform: rotatey(180deg);
}

.swiper-pagination-bullet {
    background-color: white;
    border: 0.1rem solid #4E8B46;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.2rem !important;
}

.swiper-slide {
    margin: 0 auto;
}

.swiper-pagination-bullet-active {
    background-color: #4E8B46;
}

.iki_about {
    margin-top: 9rem;
    padding-bottom: 6.15rem;
    margin-bottom: 14.4rem;
}

.about_title {
    text-align: center;
    font-size: 4rem;
    font-weight: 500;
    font-family: "Zen Maru Gothic", sans-serif;
}

.about_title rt {
    font-size: 1.6rem;
    color: #83468B;
    font-weight: 700;
}

.map {
    width: 70rem;
    height: 33rem;
    margin: 0 auto;
    margin-top: 2.5rem;
    display: block;
}

.about_content {
    width: 86rem;
    margin: 0 auto;
    margin-top: 6rem;
}

.about_list {
    display: flex;
    font-family: "Zen Maru Gothic", sans-serif;
}

.about_content_title {
    padding: 1.5rem 0 1.3rem 2rem;
    width: 23.5rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 500;
    background-color: #D3D9D2;
    border: 0.1rem solid #3A3333;
}

.about_text {
    padding: 1.5rem 0 1.3rem 2.1rem;
    background-color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 500;
    width: 62.6rem;
    border-top: 0.1rem solid #3A3333;
    border-right: 0.1rem solid #3A3333;
    border-bottom: 0.1rem solid #3A3333;
}

.admin_name{
    margin-left: 1.6rem;
}


@media screen and (max-width: 699.98px) {
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    main {
        width: 33.5rem;
        margin-top: 10rem;
        margin-bottom: 16rem;
        padding-top: 3rem;
    }

    .iki_top_leaf{
        width: 37rem;
        height: auto;
        top: -7rem;
        right: -8.5rem;
    }

    .ikiikititle{
        margin-left: 1rem;
        font-size: 3rem;
    }

    .ikiikititle rt{
        font-size: 1.6rem;
    }

    .iki_mainvisual{
        width: 31.5rem;
        height: 45rem;
    }

    .iki_catch{
        font-size: 1.6rem;
        padding: 1rem 0.5rem;
        margin-left: 0;
    }

    .iki_catch span{
        font-size: 2rem;
    }

    .iki_category{
        font-size: 1.3rem;
        margin-left: 1rem;
        margin-top: 3.1rem;
    }

    .iki_text{
        width: 31.5rem;
        font-size: 1.6rem;
        margin-left: 1rem;
        font-weight: 500;
        line-height: 2.4rem;
    }

    .iki_couns{
        text-align: center;
        font-size: 1.6rem;
        margin-left: 1rem;
        padding: 1rem 6rem;
    }

    .iki_welcome{
        width: 31.5rem;
    }

    .welcome_title{
        font-size: 2.4rem;
    }

    .welcome_hospitality{
        flex-flow: column;
        gap: 1.5rem;
        margin-top: 1.4rem;
    }

    .welcome_hospitality img{
        width: 31.5rem;
        height: 21rem;
    }

    .welcome_hospitality div{
        margin-top: 0;
        margin-left: 1.5rem;
    }

    .welcome_hospitality h4{
        font-size: 2rem;
    }

    .welcome_hospitality p{
        font-size: 1.6rem;
        width: 28.5rem;
    }

    .iki_service h3{
        font-size: 1.6rem;
        padding: 1rem 2rem;
        margin-left: 1rem;
    }

    .service_content{
        margin-left: 1rem;
        font-size: 1.4rem;
        gap: 2rem;
    }

    .service_content div{
        padding: 1rem 2rem !important;
    }

    .recom_content{
        flex-flow: column-reverse;
        margin-left: 0.7rem;
    }

    .recom_content div{
        font-size: 1.3rem;
        padding: 1.5rem 0.8rem;
        width: fit-content;
    }

    .recom_content ul{
        gap: 1.5rem;
        width: fit-content;
    }

    .recom_content li{
        width: fit-content;
    }

    .recom_content li::marker{
        font-size: 0.8rem;
    }

    .recom_content img{
        margin: 0 auto;
        margin-top: 1rem;
        width: 10rem;
        height: 11rem;
    }

    .feature_title{
        font-size: 2.4rem;
    }

    .feature_title rt{
        font-size: 1.2rem;
    }

    .feature_content{
        margin-top: 1.5rem;
        gap: 1rem;
    }

    .iki_day_flow{
        width: 31.5rem;
        margin-left: 1rem;
        margin-top: 6rem;
    }

    .flow_title{
        font-size: 1.6rem;
        padding: 1rem 2rem;
        margin-left: 0;
    }

    .flow_content{
        width: 31.5rem;
        padding: 1.9rem;
        margin-top: 1.4rem;
    }

    .flow_text{
        font-size: 1.4rem;
    }

    .flow_fade_img1{
        display: none;

    }

    .flow_fade_img2{
        display: none;
    }

    .flow_fade_img3{
        display: none;
    }

    .flow_fade_img_sp1{
        width: 22.5rem;
        height: 15rem;
        margin-top: -1.5rem;
        position: relative;
        z-index: 10;
        margin-left: 8rem;
        border-radius: 1rem;
    }

    .flow_fade_img_sp2{
        width: 22.5rem;
        height: 20rem;
        margin-top: 1.5rem;
        border-radius: 1rem;
    }

    .flow_fade_img_sp3{
        width: 20rem;
        height: 22.5rem;
        margin-left: 8rem;
        margin-top: 1.5rem;
        border-radius: 1rem;
        position: relative;
        z-index: 10;
    }

    .iki_gallery{
        margin-top: 10rem;
    }

    .leaf2{
        width: 27.2rem;
        height: auto;
        right: -6.5rem;
        top: -16rem;
    }

    .grape{
        width: 4.7rem;
        height: auto;
        top: 2.5rem;
        right: -2rem;
    }

    .gallery_title{
        font-size: 2.4rem;
    }

    .gallery_title rt{
        font-size: 1.2rem;
    }

    .swiper{
        width: 32.3rem;
        height: 21rem;
    }

    .gallery_img{
        width: 27rem;
        height: 18rem;
    }

    .iki_about{
        padding-bottom: 5rem;
        margin-bottom: 0;
    }

    .about_title{
        font-size: 2.4rem;
    }

    .about_title rt{
        font-size: 1.2rem;
    }

    .map{
        width: 31.5rem;
        height: 14.8rem;
        margin-top: 1.5rem;
    }

    .about_content{
        width: 31.5rem;
    }

    .about_list{
        flex-flow: column;
    }

    .about_content_title{
        width: 31.5rem;
    }

    .about_text{
        width: 31.5rem;
        font-size: 1.4rem;
        border-left: 0.1rem solid #3A3333;
    }
}