@charset "utf-8";

/*---------------------------------------------------------
	index_ove_acc
---------------------------------------------------------*/

#index_ove_acc .top_ttl h2 {
    color: #fff;
}

#index_ove_acc .top_ttl h2::before {
    color: #FFF101;
}

/* ===== 波セクション本体 (お問い合わせと共通)===== */
.wave-section {
    position: relative;
    background-color: #3A9C61;
    background-image: url("../../../img/noise-texture.png");
    background-repeat: repeat;
    background-size: 200px 200px;
    padding: 200px 0px;
    overflow: hidden;
}

.wave {
    position: absolute;
    left: 0;
    width: 100%;
    height: 165px;
    display: block;
    pointer-events: none;
}

.wave-top {
    top: -1px;
    z-index: 100;
}

.wave-bottom {
    bottom: -1px;
    z-index: 100;
}

/* ===== 飾り（疑似要素で3枚） ===== */
/* 左上の草 */
#index_ove_acc .wave-section::before {
    content: "";
    position: absolute;
    left: clamp(10px, 6vw, 72px);
    top: clamp(10px, 40vw, 190px);
    width: min(260px, 24vw);
    height: min(84px, 8vw);
    background: no-repeat center / contain url("../../../img/index_ove_acc_01.png");
    pointer-events: none;
    z-index: 0.5;
    opacity: .95;
}

/* 右上の花 */
#index_ove_acc .wave-section::after {
    content: "";
    position: absolute;
    right: clamp(10px, 5vw, 64px);
    top: clamp(10px, 40vw, 190px);
    width: min(240px, 22vw);
    height: min(130px, 12vw);
    background: no-repeat center / contain url("../../../img/index_ove_acc_02.png");
    pointer-events: none;
    z-index: 0.5;
}

/* 右中段の草 */
#index_ove_acc .index_overview_inner::before {
    content: "";
    position: absolute;
    width: min(260px, 24vw);
    height: min(95px, 8.5vw);
    background: no-repeat center / contain url(../../../img/index_ove_acc_03.png);
    pointer-events: none;
    z-index: 0;
    /* opacity: .95; */
    bottom: 825px;
    left: 20px;
}


/*---------------  overview  --------------------*/


section#index_overview {
    padding-bottom: 100px;
}

.overview_area {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}

.overview-summary {
    display: flex;
    background: #fff;
    border-radius: 20px;
    padding: 25px 40px;
    margin: 0 0 10px;
}

.overview-summary__title {
    flex: 0 0 280px;
    font-weight: 700;
    padding: 15px 0;
}

.overview-summary__text {
    padding: 15px 0;
    border-left: 1px solid #ccc;
    padding-left: 30px;
}



/*----------------  Access  --------------------*/

.access_area {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}

#index_access iframe {
    border-radius: 20px;
}

.map_in {
    position: relative;
    width: 100%;
    /*padding-top: 56.25%;*/
    height: 450px;
}

.map_in iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

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

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




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

    section#index_overview {
        padding-bottom: 50px;
    }

    .wave-section {
        padding: 60px 0 100px;
    }

    .wave {
        height: auto;
    }

    .overview-summary {
        flex-direction: column;
        padding: 20px;
    }

    .overview-summary__title {
        flex: unset;
        padding: 0 0 10px 0;
    }

    .overview-summary__text {
        padding-left: 0;
        padding-bottom: 0;
        border-top: 1px solid #ccc;
        border-left: unset;
    }

    #index_ove_acc .index_overview_inner::before {
        bottom: 630px;
    }

    /* 左上の草 */
    #index_ove_acc .wave-section::before {
        top: clamp(15px, 15vw, 40px);
    }

    /* 右上の花 */
    #index_ove_acc .wave-section::after {
        top: clamp(10px, 5vw, 90px);
    }

	.overview-summary {
	border-radius: 10px;
	}

    iframe {
        /*width: 100%;
		max-width: 100%;
		height: auto;*/
    }

    #index_access iframe {
        border-radius: 10px;
    }

}