@charset "UTF-8";
/* plan-detail */
.plan-type{padding: 200px 0 75px;}
.nav-type{margin: 0 0 40px;}
.contents {padding:40px;margin-bottom: 0;border: 3px solid #a07583;}
.contents.long{padding-top: 100px;}
.nav-type{display: flex;justify-content: space-between;flex-wrap: wrap;}
.nav-type li{width: 48%;}
.nav-type li.single{width: 100%;}
.nav-type li a{display: block;color: #404040;text-align: center;font-size: clamp(14px , 1.8vw ,20px);padding: 7px 0;background: #b2b2b2;transition: all 0.3s;}
.nav-type li a.active,.nav-type li a:hover{background: #a07583;color: #ffffff;}
.nav-type li a.active{pointer-events: none;}
.nav-type li a span{padding:0 10px;display: inline-block;}

.type-contents{padding:0 0 40px;}
.type-contents .inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.type-contents .inner .info-type{width: 38%;}
.type-contents .inner .info-map{width: 53%;text-align: center;}

.type-contents .inner .info-type .type-name{display: flex;border-top: 1px solid #000000;border-bottom: 1px solid #000000;padding: 5px 0 8px;margin: 0 0 20px;}
.type-contents .inner .info-type .type-name p{font-size: clamp( 16px , 2.25vw , 24px);}
.type-contents .inner .info-type .type-name p::first-letter{font-size: 180%;padding-right: 5px;}
.type-contents .inner .info-type .type-name p.name{margin-right: 15px;padding-right: 15px;border-right: 1px solid #000000;}
.type-contents .dim{margin: 0 0 40px;}
.type-contents .dim li{font-size: clamp( 14px , 1.5vw , 16px);margin: 0 0 10px;}
.type-contents .dim li::first-letter{color: #bfbfbf;}
.type-contents .dim li span{font-size: 230%;}

.type-contents .info-detail {padding-bottom: 20px;}
.type-contents .info-detail li{font-size: clamp( 14px , 1.5vw , 16px);line-height: 2;padding-left: 15px;border-left: 5px solid #a07583;margin-bottom: 20px;}

.type-contents .note{display: flex;flex-wrap: wrap;font-size: 11px;gap: 10px; margin-top: 60px;}
.type-contents .note li{align-content: center;display: flex;align-items: center;}
.type-contents .note li img{margin-right: 5px;}
.type-contents .note li:last-child{width: 100%;}

.type-contents .note-txt{font-size: 11px;margin-top: 10px;line-height: 1.5;}

.other-type{margin: 60px auto 0;display: flex;justify-content: space-between;}
.other-type li{width: 30%;}
.other-type li a{display: block;background: #818285;color: #fff;font-size: clamp(10px , 1.8vw ,20px);text-align: center;padding: 0 0 5px;transition: all 0.3s;height: 100%;align-content: center;}
.other-type li a .other-name{font-size: clamp(12px , 1.8vw ,20px);display: inline-block;padding:0 10px;}
.other-type li a .other-name::first-letter{font-size: 185%;padding-right:5px;}
.other-type li a:hover{background: #222222;}
.other-type li:nth-of-type(2) a{background: #dcddde;color: #000000;padding: 0;font-size: clamp(14px , 1.8vw ,20px);}
.other-type li:nth-of-type(2) a:hover{background: #222222;color: #ffffff;}
.priority{color: #ffffff; display: flex; align-items: center; padding: 10px;}
.priority-txt{font-size: 18px; line-height: 1.2; margin-right: 10px;}
.priority-cap{font-size: 10px; line-height: 1.2;}

@media screen and (max-width: 768px) {
    .plan-type{padding: 140px 40px 35px;}
    .nav-type{margin: 0 0 30px;}
    .contents{padding: 15px;}
    .contents.long{padding-top: 30px;}
    .type-contents{padding: 0 0 30px;}
    .nav-type li{width: 49%;}
    .nav-type li a span{padding: 0 2px;}
    .type-contents .dim{margin: 0 0 30px;}
    .type-contents .inner .info-type{width: 100%;}
    .type-contents .inner .info-map{width: 100%;margin: 0 0 20px;}
    
    .type-contents .info-detail li{line-height: 1.5;}
    .type-contents .note{margin-top: 20px;}
    .other-type li{width: 32%;}
    .other-type li a{padding: 5px 0 10px;}
    .other-type{margin: 0 -15px;}
    
    .priority{flex-wrap: wrap; text-align: center;}
    .priority-txt{width: 100%; margin-bottom: 5px;}
    .priority-cap{width: 100%;}
}

@media screen and (max-width: 410px) {
.nav-type li a{font-size: 12px;}
}
.nav-type li a.disable{pointer-events: none;}

/* plan-g */
.contents.plan-g{border-color: #8a7f5b;}
.plan-g .nav-type li a.active,.plan-g .nav-type li a:hover {background: #8a7f5b;}
.plan-g .type-contents .info-detail li{border-color: #8a7f5b;}
.plan-g .priority{background: #8a7f5b;}

/* plan-c */
.plan-c .type-contents .inner .info-map{width: 61.929460%; margin-top: 60px;}

@media screen and (max-width: 768px) {
.plan-c .type-contents .inner .info-map{width: 100%; margin-top: 0;}
}

/* plan-a and plan-b*/
.contents.plan-a,.contents.plan-b{border-color: #69858d;}
/* .plan-g .nav-type li a.active,.plan-g .nav-type li a:hover {background: #8a7f5b;} */
.plan-a .type-contents .info-detail li,.plan-b .type-contents .info-detail li{border-color: #69858d;}


/* Print */
@media print {
    @page {
        size: landscape;
    }
    header,
    .cvBnr,
    .scene-wrap:before,
    .scene-wrap:after,
    .nav-type,
    .other-type,
    .btnBack,
    .pageDirection,
    footer{display: none !important;}

    .scene-wrap{background: #ffffff !important;}
    
    .plan-type{padding: 0 !important;}    
    .contents{padding: 30px !important;}
    
    .type-contents{padding: 0 !important;}
    .type-contents .inner{align-items: flex-start;}
    .type-contents .dim{margin: 0 0 20px !important;}
    .type-contents{padding: 0 !important;}
    .type-contents .note{margin-top: 20px !important;}
    .type-contents .inner .info-map{line-height: 1; width: 43% !important; margin-right: 5% !important;}
    .type-contents .info-detail{padding: 0 !important;}
    
    .only-pc{display: block !important;}
    .only-sp{display: none !important;}
}