.plan-type {
    padding: 160px 0;
}

.plan-type .container {
    width: calc(100% - 40px);
    max-width: 1300px;
    margin: 0 auto;
}

.typeItem {
    border: 1px solid #548e80;
}

.typeItem .typeHead {
    background: #548e80;
    color: #ffffff;
    padding: 35px 60px 25px;
    font-size: 28px;
    line-height: 1;
    font-family: "Bodoni Moda", serif;
    display: flex;
    align-items: center;
	position:relative;
}

.typeItem .typeHead .label_time {
	background: #fff;
	color:#548e80;
	font-size: 13px;
	text-align: center;
	padding: 5px 10px;
	position: absolute;
	top:0;
	right:0;
	width:200px;
}

.typeItem .typeHead .label_time2 {
	background: #fff;
	color:#548e80;
	font-size: 13px;
	text-align: center;
	padding: 5px 10px;
	position: absolute;
	top:23px;
	right:0;
	width:200px;
}
.typeItem .typeHead .label_time3 {
	background: #fff;
	color:#548e80;
	font-size: 13px;
	text-align: center;
	padding: 5px 10px;
	position: absolute;
	top:24px;
	right:0;
	width:200px;
}

.typeItem .typeHead .label_time4 {
    background: #fff;
    color:#548e80;
    font-size: 13px;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    top:24px;
    right:0;
    width:200px;
}

.typeItem .typeHead .label_time_auto{letter-spacing: 0;}

.typeItem .typeHead .lavel_gr {
	background: #c4a767;
	color:#fff;
}
.typeItem .typeHead .lavel_rd {
	background: #c46767;
	color:#fff;
    padding: 5px 0;
    letter-spacing: 0;
}
.typeItem .typeHead .lavel_bl {
    background: #67aec4;
	color:#fff;
}
.typeItem .typeHead .alphabet {
    font-size: 50px;
    border-right: 1px solid #d4e3e0;
    margin-right: 20px;
    padding-right: 20px;
}

.typeItem .typeHead .type {
    font-size: 28px;
}

.typeItem .typeContent {
    padding: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.typeItem .typeContent .info {
    width: 35.7%;
}
.plan_q .typeItem .typeContent .info {
    width: 47%;
}
.plan-type-i2 .typeItem .typeContent .info {
    width: 37.7%;
}
.typeItem .typeContent .info-box {
    background: #f5f5f5;
    border-left: 2px solid #548e80;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.typeItem .typeContent .info-box p {
    font-size: 14px;
    line-height: 2.5;
    color: #4d4647;
}

.typeItem .typeContent .info-box p.cap {
    font-size: 10px;
}

.typeItem .typeContent .info-box .num {
    margin-left: 10px;
    line-height: 1;
}

.typeItem .typeContent .info-box .m2 {
    line-height: 1;
}

.typeItem .typeContent .info-box .p1 .num {
    font-size: 36px;
}

.typeItem .typeContent .info-box .p1 .m2 {
    font-size: 20px;
}

.typeItem .typeContent .info-box .p2 .num {
    font-size: 20px;
}

.typeItem .typeContent .info-box .p2 .m2 {
    font-size: 20px;
}

.typeItem .info>.caption {
    margin: 10px 0;
}

.typeItem .typeContent .img {
    width: 50%;
    text-align: center;
}

.typeArrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0;
}

.typeArrow a {
    width: 47%;
    display: block;
    background: #62544e;
    font-family: "Bodoni Moda", serif;
    font-size: 34px;
    line-height: 1;
    color: #ffffff;
    padding: 20px;
    position: relative;
    transition: all 0.3s ease;
}

.typeArrow a:hover {
    background: rgba(98, 84, 78, 0.8);
}

.typeArrow a .type {
    font-size: 22px;
}

.typeArrow .nextArrow {
    text-align: right;
}

.typeArrow .nextArrow .icon {
    margin-left: 15px;
    transform: translateY(-4px);
}

.typeArrow .prevArrow .icon {
    margin-right: 15px;
    transform: translateY(-4px);
}
.typeHome{margin: 60px 0 0;}
.typeHome a {
    width: 47%;
    min-width: 250px;
    display: block;
    color: #548e80;
    background: #ffffff;
    border: 1px solid #548e80;
    font-size: 18px;
    line-height: 1;
    padding: 28px 20px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s ease;
}

.typeHome a:hover {
    color: #ffffff;
    background: #548e80;
}

.typeHome a .icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.listNote {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.listNote p {
    font-size: 10px;
    color: #595757;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.listNote p img {
    flex-shrink: 0;
}
@media screen and (min-width: 769px) {
.typeItem .typeHead .hs4.label_time{right: 201px;}
.typeItem .typeHead .hs4.label_time2{top: 0;}

.typeItem .typeHead .hs4.label_time4{top: 24px;}
.typeItem .typeHead .hs4.label_time3{right: 201px;top: 24px;}
}

@media screen and (max-width: 768px) {
    .plan-type {
        padding: 100px 0;
    }
    .plan_tab{
        padding-top: 130px;
    } 

    .typeItem .typeHead {
        padding: 80px 20px 20px;
        font-size: 16px;
    }
     .typeItem .typeHead.menu-plan{padding-bottom: 40px;}
	  .typeItem .typeHead.mark01{padding-top: 45px;}
	.typeItem .typeHead .label_time {
		font-size: 12px;
		padding: 5px 10px;	
	}

    .typeItem .typeHead .type {
        font-size: 16px;
    }

    .typeItem .typeHead .alphabet {
        font-size: 25px;
    }

    .typeItem .typeContent {
        padding: 30px 20px;
    }
 .plan-type-i2 .typeItem .typeContent {padding-bottom: 40px;}
    .typeItem .typeContent .info {
        width: 100%;
        margin-bottom: 30px;
    }
    .plan_q .typeItem .typeContent .info {
    width: 100%;
}
    .plan-type-i2 .typeItem .typeContent .info {
    width:100%;
}

    .typeItem .typeContent .img {
        width: 100%;
    }

    .typeItem .typeContent .info-box .p1 .num {
        font-size: 20px;
    }

    .typeItem .typeContent .info-box .p2 .num {
        font-size: 16px;
    }

    .typeItem .typeContent .info-box p {
        font-size: 12px;
    }

    .typeItem .typeContent .info-box .p1 .m2 {
        font-size: 15px;
    }

    .typeItem .typeContent .info-box .p2 .m2 {
        font-size: 10px;
    }

    .typeItem .typeContent .info-box {
        padding: 10px 15px;
    }

    .typeArrow {
        margin: 30px 0;
    }

    .typeArrow a {
        font-size: 17px;
        padding: 10px;
    }

    .typeArrow a .type {
        font-size: 14px;
    }

    .typeArrow .nextArrow .icon {
        margin-left: 10px;
        transform: translateY(-2px);
    }

    .typeArrow .prevArrow .icon {
        margin-right: 10px;
        transform: translateY(-2px);
    }
    .typeHome{margin: 30px 0 0;}

    .typeHome a {
        font-size: 16px;
        padding: 10px;
    }
    .typeItem .typeHead .label_time2{top: 22px;}
    .typeItem .typeHead .label_time3{top:45px;}
    .typeItem .typeHead .label_time3{top:68px;}
    .typeItem .typeHead .label_time4{top: 45px;}

}
.img-local{padding: 0 60px;margin: 0 auto 40px;}
.img-local p{text-align: right;}
@media screen and (max-width: 768px) {
    .img-local{padding: 0 20px;margin: 0 0 20px;}
}
/* tab */
.plan_tab .typeItem{display: none;}
.plan_tab #tab-01{display: block;}
.typeItem .text-info{text-align: center;font-size: 22px;background: #ece7e3;padding: 18px 0;}
.typeItem .text-info p{width: fit-content;margin: 0 auto;text-align: left;}
.typeItem .text-info p .sup-note{font-size: 10px;top: -7px;}
.typeItem .text-info p span{display: block;color: #000;text-align: center;}
.plan_tab .nav-type{display: flex;justify-content: space-between;max-width: 860px;margin: 0 auto 40px;}
.plan_tab .nav-type li{width: 48.8%;}
.plan_tab .nav-type li a{display: block;border: 2px solid #548e80;color: #548e80;text-align: center;position: relative;font-size: 20px;padding: 16px 0 20px;line-height: 1;transition: all 0.3s;}
.plan_tab .nav-type li a span{position: absolute;top: 51%;transform: rotate(90deg) translateY(-50%);right: 10px;line-height: 0;}
.plan_tab .nav-type li a.active,.nav-type li a:hover{background: #548e80;color: #fff;}
.floor-guide {margin: 20px 0 0;padding: 0 60px;}
.floor-guide h3{font-size: 30px;text-align: center;color: #548e80;position: relative;}
.floor-guide h3::after{width: 100%;position: absolute;height: 2px;content: '';top: 58%;left: 0;background: #548e80;transform: translateY(-50%);}
.floor-guide h3 span{position: relative;z-index: 2;background: #fff;padding: 0 25px;}
.floor-guide .floor-info{display: flex;justify-content: center;gap: 60px;align-items: flex-end;padding: 20px 0 30px;}
.floor-guide .floor-info .cap{font-size: 12px;margin-top: 10px;color: #666666;}
@media screen and (max-width: 768px) {
    .plan_tab .nav-type li a{font-size: 16px;padding: 12px 0;}
    .typeItem .text-info{font-size: 16px;padding:12px 20px;text-align: left;}
    .floor-guide h3{font-size: 22px;}
    .floor-guide h3 span{padding: 0 15px;}
    .floor-guide{padding: 0 20px;margin-top: 0;}
    .floor-guide .floor-info{flex-direction: column;row-gap: 20px;align-items: center;}
    .floor-guide .floor-info .cap{margin-top:5px;font-size: 10px;}
    .floor-guide .floor-info{padding-bottom: 30px;}
    .floor-guide h3::after{top: 50%;}

    .typeItem .typeHead .hs4.label_time{left: 0;font-size: 11px;width: calc(50% - 1px);}
    .typeItem .typeHead .hs4.label_time2{top: 0;font-size: 11px;width: calc(50%);}

    .typeItem .typeHead .hs4.label_time4{top: 22px;font-size: 11px;width: calc(50%);}
    .typeItem .typeHead .hs4.label_time3{left: 0;top: 22px;font-size: 11px;width: calc(50% - 1px);}
}
.mark-plan{font-size: 15px;display: inline-block;margin-left: 15px;border: 1px solid #fff;padding:5px 10px;}
@media screen and (max-width: 768px) {
.mark-plan{font-size: 12px;}
}
@media screen and (max-width: 445px) {
.mark-plan{display: block;font-size: 12px;position: absolute;
  bottom: 8px;
  left: 118px;
  margin-left: 0;}
}
.link-type.link-mrTop{margin-top: 40px;}
.btn-link-type{background:#62544e ;display: block;text-align: center;color: #fff;font-size: 18px;padding: 12px 0;margin-top: 10px;}
.btn-link-type:hover{opacity: 0.8;}
@media screen and (max-width: 768px) {
    .btn-link-type{font-size: 14px;padding: 8px 0;line-height: 1.6;}
    .link-type.link-mrTop{margin-top: 20px;}
}
.cap-bot{padding:0 0 30px;}

/*  */
.plan-type-i2i3 .typeItem .typeContent{position: relative;} 
.plan-type-i2i3 .typeItem .typeContent .info-img{position: absolute;bottom: 85px;} 
.plan-type-i2i3 .cap-type{color: #666;font-size: 14px;text-align: left;margin: 0 0 8px;}
.plan-type-i2i3 .cap-type02{max-width: 452px;margin: 0 auto 0;}
@media screen and (max-width: 1320px) {
    .plan-type-i2i3 .typeItem .typeContent .info-img{max-width: 48%;}
}
@media screen and (max-width: 1150px) {
    .plan-type-i2i3 .typeItem .typeContent .info-img{max-width: 46%;}
}
@media screen and (max-width: 768px) {
    .plan-type-i2i3 .cap-type{font-size: 12px;margin-bottom: 0;position: absolute;}
     .plan-type-i2i3 .typeItem .typeContent .img{max-width: 452px;margin: 0 auto;}
    .plan-type-i2i3 .cap-type02{max-width: 452px;margin: 0 auto;}
    .plan-type-i2i3 .typeItem .typeContent .info-img{position: unset;max-width: 444px;margin: 0px auto 20px;}
    .plan-type-i2i3 .typeItem .typeContent .info-img{max-width: unset;}
}

/*  */
.plan-type-i2i3 #tab-02{display: none;}
.plan-type-i2i3 .nav-type{display: flex;justify-content: space-between;max-width: 860px;margin: 60px auto 0px;width: calc(100% - 40px);}
.plan-type-i2i3 .nav-type li{width: 48.8%;}
.plan-type-i2i3 .nav-type li a{display: block;border: 2px solid #548e80;color: #548e80;text-align: center;position: relative;font-size: 20px;padding: 16px 0 20px;line-height: 1;transition: all 0.3s;}
.plan-type-i2i3 .nav-type li a span{position: absolute;top: 51%;transform: rotate(90deg) translateY(-50%);right: 10px;line-height: 0;}
.plan-type-i2i3 .nav-type li a.active,.nav-type li a:hover{background: #548e80;color: #fff;}
@media screen and (max-width: 768px) {
    .plan-type-i2i3 .nav-type li a{font-size: 16px;padding: 12px 0;}
}

.bnr-type{margin-top: 40px;display: block;}
.bnr-type:hover{opacity: 0.8;}
@media screen and (max-width: 768px) {
.bnr-type{margin-top: 30px;}

}
.photo__capIn[data-color="sdw-wh1"] {
  color: #ffffff;
  text-shadow:  0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6), 0 0 10px rgba(0, 0, 0,0.6);
}

/* plan-b3 */
.plan-b3 .typeItem .typeContent{align-items: unset;}
.plan-b3 .typeItem .typeContent .info{width: 48.307%;position: relative;}
.plan-b3 .box-num .tit-bg{font-size: 22px;background: #548e80;color: #ffffff;padding: 8px 0 12px 30px;}
.plan-b3 .box-num .sub-tit-bg{font-size: 18px;margin: 20px 0;}
.plan-b3 .box-num01 .sub-tit-bg{margin-bottom: 40px;}
.plan-b3 .box-num01{margin-top: 40px;
    /* position: absolute;bottom: 0; */
    width: 100%;}

.plan-b3 .num-row{margin: 60px 0 40px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.plan-b3 .num-row .box-num02{width: 48.307%;}
.plan-b3 .num-row .box-num03{width: 48.307%;}
.plan-b3 .num-row .list-img{display: flex;justify-content: space-between;}

.plan-b3 .box-num02 .list-img {gap:20px}
.plan-b3 .box-num03 .list-img {gap:7px}

@media screen and (max-width: 768px) {
    .plan-b3 .typeItem .typeContent .info{width: 100%;}
    .plan-b3 .num-row{margin: 30px 0 0;}
    .plan-b3 .num-row .box-num02{width: 100%;}
    .plan-b3 .box-num01{margin-top: 60px;width: 100%;position: unset;}
    .plan-b3 .box-num .sub-tit-bg{font-size: 16px;margin: 10px 0;line-height: 1.6;}
    .plan-b3 .box-num .tit-bg{font-size: 20px;padding: 10px 0 10px 15px;line-height: 1.6;}
    .plan-b3 .num-row .box-num03{width: 100%;margin: 40px 0 0;}
    .plan-b3 .box-num02 .list-img {gap:7px}
    .plan-b3 .box-num .tit-bg span{text-indent: -1.1em;margin-left: 1.1em;display: block;}
}
@media screen and (max-width: 460px) {
    .plan-b3 .box-num03 .list-img {flex-wrap: wrap;gap: unset;row-gap: 10px;}
    .plan-b3 .box-num03 .list-img .photo{width: 49%;}

}
@media screen and (max-width: 400px) {
    .plan-b3 .box-num02 .list-img {gap: 5px;}
    /* .plan-b3 .box-num02 .list-img .photo{width: 100%;}
    .plan-b3 .box-num02 .list-img .photo:nth-of-type(2){width: fit-content;} */
    .plan-b3 .box-num02 .list-img .photo:nth-of-type(2) .photo__capIn {right: 2px;}
}
.plan-b3 .btn-link{width: 100%;}
.plan-b3 .btn-link a{font-size: 18px;display: block;max-width: 400px;margin: 0 auto;background: #62544e;color: #ffffff;text-align: center;padding: 12px 0;transition: all 0.3s;}
.plan-b3 .btn-link a:hover{opacity: 0.8;}
@media screen and (max-width: 768px) {
    .plan-b3 .btn-link a{margin: 30px auto 20px;font-size: 16px;padding: 10px 0;width: 91%;}
}

/*  */
.plan-b3 #tab-02{display: none;}
.plan-b3 .nav-type{display: flex;justify-content: space-between;max-width: 860px;margin: 60px auto 0px;width: calc(100% - 40px);}
.plan-b3 .nav-type li{width: 48.8%;}
.plan-b3 .nav-type li a{display: block;border: 2px solid #548e80;color: #548e80;text-align: center;position: relative;font-size: 20px;padding: 16px 0 20px;line-height: 1;transition: all 0.3s;}
.plan-b3 .nav-type li a span{position: absolute;top: 51%;transform: rotate(90deg) translateY(-50%);right: 10px;line-height: 0;}
.plan-b3 .nav-type li a.active,.nav-type li a:hover{background: #548e80;color: #fff;}
@media screen and (max-width: 768px) {
    .plan-b3 .nav-type li a{font-size: 16px;padding: 12px 0;}
}


.plan-nav-type #tab-02{display: none;}
.plan-nav-type .nav-type{display: flex;justify-content: space-between;max-width: 860px;margin: 60px auto 0px;width: calc(100% - 40px);}
.plan-nav-type .nav-type li{width: 48.8%;}
.plan-nav-type .nav-type li a{display: block;border: 2px solid #548e80;color: #548e80;text-align: center;position: relative;font-size: 20px;padding: 16px 0 20px;line-height: 1;transition: all 0.3s;}
.plan-nav-type .nav-type li a span{position: absolute;top: 51%;transform: rotate(90deg) translateY(-50%);right: 10px;line-height: 0;}
.plan-nav-type .nav-type li a.active,.nav-type li a:hover{background: #548e80;color: #fff;}
@media screen and (max-width: 768px) {
    .plan-nav-type .nav-type li a{font-size: 16px;padding: 12px 0;}
}
