@charset "utf-8";
.main-page{
    padding-bottom: 50px;
}
.container-1180{
    max-width: 1194px;
}
.type-header{
    max-width: 930px;
    width: 100%;
    margin: 90px auto 30px;
    color: #fff;
    background: #907D4B;
    background: linear-gradient(180deg, rgba(144, 125, 75, 1) 0%, rgba(163, 144, 77, 1) 9%, rgba(138, 121, 41, 1) 78%, rgba(114, 96, 45, 1) 100%);
    /* padding: 14px min(4vw, 45px) 14px min(6vw, 60px); */
    padding: 14px;
    /* border: 1px solid #231815; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px min(2vw, 30px);
    flex-wrap: wrap;
}
.type-title{
    font-size: 3.2rem;
    line-height: 1;
    font-family: "adobe-garamond-pro", "EB Garamond", serif;
    letter-spacing: 0.05em;
}
.type-title .txt-lg{
    font-size: 1.375em;
}
.type-title .txt-sm{
    font-size: 0.6875em;
}
.type-sub{
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
.type-map{
    text-align: center;
}
.type-legend{
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px 10px;
    max-width: 360px;
    margin: 60px auto 0;
}
.legend-item{
    display: flex;
    align-items: center;
    justify-content: center;
}
.legend-note{
    width: 100%;
    text-align: center;
}
.plan-type-caption{
    margin-top: 170px;
}

@media screen and (max-width: 768px) {
    .type-header {
        margin: 50px auto 20px;
        justify-content: flex-start;
        padding: 14px min(4vw, 20px);
    }
    .type-title{
        font-size: min(6vw, 2.5rem);
    }
    .type-sub{
        font-size: 1.2rem;
    }
    .type-legend{
        margin: 40px 0 0;
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
    }
    .legend-note{
        text-align: left;
    }
    .plan-type-caption {
        margin-top: 100px;
    }
    .type-c1menu .type-title {
        font-size: min(5vw, 2.5rem);
    }
    .type-f .m-tit-sm {
        font-size: min(4.5vw, 2rem);
    }
    .type-f .type-sub {
        font-size: 1.15rem;
    }
}