@charset "utf-8";
.sec_detail {
    background: #eeece8;
    padding: clamp(40px,11.90476vw,200px) 0 clamp(60px,6.547619vw,110px);
    position: relative;
    z-index: 0;
}
.sec_detail .detail_wrap {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}
.sec_detail .galleries {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    text-align: center;
}
.sec_detail .galleries .ttl {
    color: #003b44;
    font-size: clamp(1.4rem,1.071428vw,1.8rem);
    letter-spacing: 0.05em;
    line-height: 1.7;
    margin: 10px 0 5px;
}
.sec_detail .galleries .txt {
    font-size: clamp(1.2rem,0.83333vw,1.4rem);
    letter-spacing: 0.02em;
    line-height: 1.7;
}
.sec_detail .box_plan {
    position: relative;
    z-index: 1;
}
.sec_detail .box_plan .image {
    margin: 0 auto 0px;
    width: 100%;
    max-width: 540px;
}
.sec_detail .notes {
    margin-top: 55px;
}
.sec_detail .notes img {
    width: 100%;
    max-width: 492px;
    margin: 0 0 10px;
}
.sec_detail .notes .capt {
    font-size: clamp(1rem,0.714285vw,1.2rem);
    letter-spacing: 0.01em;
    line-height: 1.6;
}
.sec_detail .box_title {
    color: rgba(63, 72, 69, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: translateX(-90%);
}
.sec_detail .box_title::before {
	content: "";
	background: url(../imgs/detail/icon_leaf01.png) no-repeat top right / 100% auto;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 175/162;
	transform: translate(74%,-30%);
}
.sec_detail .box_title .name {
    display: flex;
    align-items: baseline;
    gap: 0;
    font-size: clamp(8rem,6.666666vw,11.2rem);
    line-height: 1;
    margin: 0 0 15px;
}
.sec_detail .box_title .name .small {
    font-size: 41.96%;
}
.sec_detail .box_title .type {
    font-size: clamp(4rem,2.857142vw,4.8rem);
    line-height: 1.2;
    margin: 0 0 50px;
}
.sec_detail .box_title .type .large {
    font-size: 133%;
    line-height: 1;
}
.sec_detail .box_title .type .small { font-size: 54.1%; }
.sec_detail .box_title .txt {
    font-size: clamp(1.8rem,1.547619vw,2.6rem);
    letter-spacing: 0.1em;
	letter-spacing: 0.07em;
    line-height: 1.4;
}
.sec_detail .box_title .txt .small { font-size: 46.1%; }
.sec_detail .box_title .txt .sub { font-size: 53.8%; }
.sec_detail .box_title .txt .num01 {
    font-size: 146%;
	font-size: 200%;
    line-height: 1;
}
.sec_detail .box_title .txt .num02 {
    font-size: 115%;
    line-height: 1;
}
.sec_detail .box_title .txt .num01b { font-size: 92.3%; font-size: 78.3%;}
.sec_detail .box_title .txt .num02b { font-size: 61.5%; }
@media screen and (max-width: 1280px) {
    .sec_detail .box_title {
        transform: translateX(-10px);
    }
}
@media screen and (max-width: 1000px) {
    .sec_detail .galleries .txt {
        letter-spacing: -0.01em;
    }
    .sec_detail .detail_wrap {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 50px;
    }
    .sec_detail .box_title {
        transform: translateX(0);
        position: relative;
    }
    .sec_detail .box_title .type {
        margin: 0 0 30px;
    }
}
@media screen and (max-width: 767px) {
    .sec_detail .galleries {
        grid-template-columns: auto;
    }
    .sec_detail .galleries .ttl { font-size: 1.8rem; }
    .sec_detail .galleries .txt {
        font-size: 1.4rem;
        letter-spacing: 0.01em;
    }
    .sec_detail .notes {
        margin-top: 25px;
    }
    .sec_detail .box_plan .image {
        margin: 0 auto 0px;
    }
}

.variation_detail {
    background: #a7b0a8;
    position: relative;
    z-index: 0;
}
.variation_detail:before {
    content: "";
    width: 26.4%;
    height: 100%;
    background: url(../imgs/detail/bg_variation.png) no-repeat top left / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.variation_detail .variation_title .ttl { padding: 0; }
.variation_detail .variation_title .ttl:before,
.variation_detail .variation_title .ttl:after {
    display: none;
}
.variation_detail .plan_item .box {
	padding: 30px 15px;
}
.variation_detail  .swiper-container {
    padding-bottom: 70px;
}
.variation_detail .swiper-container > .swiper-scrollbar {
	border-radius: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: none;
	border-bottom: none;
	background: #88918a;
}
.variation_detail  .swiper-container>.swiper-scrollbar .swiper-scrollbar-drag {
	border-radius: 0;
	background: #3f4845;
}
@media screen and (max-width: 767px) {
    .variation_detail .variation_title {
        margin: 0 0 30px;
    }
    .variation_detail .plan_item .box {
        padding: 20px 15px 15px;
    }
    .variation_detail .swiper-container {
        padding-bottom: 20px;
    }
}

.notes_w{
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
	.notes_w{margin-bottom: 40px;}
}

/* */
.swiper-wrapper{
	justify-content: center;
}