.linkWrap,.visitingWrap,.expensesWrap,.beautyWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.linkInner,.visitingInner,.expensesWrap .contentsInner,.expensesInner,.beautyInner {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center
}

.main .h3X {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 4px
}

@media (min-width: 768px) {
    .main .h3X {
        align-items:start
    }
}

.main .h3X .jpTit {
    letter-spacing: 0.04em;
    font: normal 500 26px/34px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.main .h3X .enTit {
    letter-spacing: 0.05em;
    font: normal 500 20px/26px "EB Garamond",'BIZ UDPMincho', serif;
    color: #578099
}

.linkWrap {
    padding: 80px 0
}

@media (min-width: 768px) {
    .linkWrap {
        padding:80px 0 90px
    }
}

.linkWrap .imgContentsX {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 768px) {
    .linkWrap .imgContentsX {
        flex-direction:row;
        column-gap: 4.5454545455%
    }
}

.linkWrap .imgX {
    position: relative;
    aspect-ratio: 412 / 193;
    overflow: hidden;
    border-radius: 6px;
    flex: 2
}

@media (min-width: 1024px) {
    .linkWrap .imgX {
        flex:initial;
        width: 37.4545454545%
    }
}

.linkWrap .imgX:hover img {
    transform: scale(1.1)
}

.linkWrap .imgX img {
    border-radius: 6px
}

.linkWrap .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    text-align: center;
    font: normal 700 14px/24px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #FFF
}

@media (min-width: 768px) {
    .linkWrap .txt {
        font-size:16px;
        line-height: 26px
    }
}

@media (min-width: 1024px) {
    .linkWrap .txt {
        font-size:14px;
        line-height: 24px
    }
}

@media (min-width: 1280px) {
    .linkWrap .txt {
        font-size:16px;
        line-height: 26px
    }
}

.visitingWrap {
    padding-bottom: 80px
}

@media (min-width: 768px) {
    .visitingWrap {
        padding-bottom:90px
    }
}

.visitingWrap:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 95%;
    background: #DCE5EB
}

.visitingWrap .topImgX {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 1440 / 374;
    min-height: 300px
}

.visitingWrap .topImgX img {
    height: 100%;
    min-height: 300px;
    object-position: 70%;
    -o-object-position: 70%
}

@media (min-width: 1280px) {
    .visitingWrap .topImgX img {
        object-position:0;
        -o-object-position: 0
    }
}

.visitingInner {
    z-index: 10;
    margin-top: -95px;
    max-width: initial;
    background-color: #FFF;
    padding: 80px 0 80px;
    width: 93.0555555556%
}

@media (min-width: 768px) {
    .visitingInner {
        padding:100px 0 80px
    }
}

@media (min-width: 1024px) {
    .visitingInner {
        padding:120px 0 80px
    }
}

@media (min-width: 1280px) {
    .visitingInner {
        padding:156px 0 80px
    }
}

.visitingWrap .h2TitX .filterTxtX {
    transform: translate(-50%, -80%)
}

@media (min-width: 768px) {
    .visitingWrap .h2TitX .filterTxtX {
        transform:translate(-50%, -75%)
    }
}

@media (min-width: 1024px) {
    .visitingWrap .h2TitX .filterTxtX {
        transform:translate(-50%, -70%)
    }
}

@media (min-width: 1280px) {
    .visitingWrap .h2TitX .filterTxtX {
        transform:translate(-50%, -55%)
    }
}

.visitingWrap .h2TitX .filterTxtX .topFilterTxt,.visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    font: normal 500 32px/50px "EB Garamond",'BIZ UDPMincho', serif;
    color: transparent
}

@media (min-width: 768px) {
    .visitingWrap .h2TitX .filterTxtX .topFilterTxt,.visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size:64px;
        line-height: 90px
    }
}

@media (min-width: 1024px) {
    .visitingWrap .h2TitX .filterTxtX .topFilterTxt,.visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size:85px;
        line-height: 103px
    }
}

@media (min-width: 1280px) {
    .visitingWrap .h2TitX .filterTxtX .topFilterTxt,.visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size:120px
    }
}

.visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
    font-size: 32px;
    margin-top: -25px
}

@media (min-width: 768px) {
    .visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size:64px
    }
}

@media (min-width: 1024px) {
    .visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size:85px
    }
}

@media (min-width: 1280px) {
    .visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size:120px;
        line-height: 150px
    }
}

.visitingWrap .h2TitX .enTit {
    white-space: nowrap;
    font-size: 23px;
    line-height: 32px
}

@media (min-width: 768px) {
    .visitingWrap .h2TitX .enTit {
        font-size:48px;
        line-height: 60px
    }
}

@media (min-width: 1024px) {
    .visitingWrap .h2TitX .enTit {
        font-size:56px;
        line-height: 73px
    }
}

.visitingWrap .h2TitX .jpTit {
    /* font-size: 12px;
    line-height: 24px */
}

@media (min-width: 768px) {
    .visitingWrap .h2TitX .jpTit {
        font-size:18px;
        line-height: 26px
    }
}

.visitingWrap .contentsX {
    margin: 60px auto 0;
    width: 90%
}

@media (min-width: 1024px) {
    .visitingWrap .contentsX {
        margin:90px auto 0
    }
}

@media (min-width: 1380px) {
    .visitingWrap .contentsX {
        width:82.0895522388%
    }
}

.visitingWrap .contentsX .itemX {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    row-gap: 10px
}

.visitingWrap .contentsX .itemX .desc {
    font: normal normal 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.visitingWrap .contentsX .itemX .flexTxtX {
    display: flex
}

.visitingWrap .contentsX .itemX .telLink {
    margin-top: -5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    width: fit-content
}

.visitingWrap .contentsX .itemX .telLink .iconX {
    width: 30px;
    margin-top: 5px
}

.visitingWrap .contentsX .itemX .telLink .telNum {
    letter-spacing: -0.02em;
    font: normal 600 36px/47px "EB Garamond",'BIZ UDPMincho', serif;
    color: #578099
}

.visitingWrap .contentsX .first {
    margin-top: 35px
}

.expensesWrap {
    padding: 80px 0
}

@media (min-width: 768px) {
    .expensesWrap {
        padding:80px 0 100px
    }
}

.expensesInner {
    max-width: initial;
    padding: 75px 0;
    background: #DCE5EB
}

@media (min-width: 1024px) {
    .expensesInner {
        width:88.8888888889%
    }
}

.expensesWrap .contentsX {
    width: 90%;
    padding: 60px 0;
    background: #FFF
}

@media (min-width: 1280px) {
    .expensesWrap .contentsX {
        width:85.9375%
    }
}

.expensesWrap .contentsInner {
    width: 90%
}

@media (min-width: 1280px) {
    .expensesWrap .contentsInner {
        width:89.0909090909%
    }
}

.expensesWrap .h3X {
    margin-bottom: 27px
}

.expensesWrap .trX {
    width: 100%;
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid #D9D9D9;
    align-items: start;
    flex-direction: column;
    row-gap: 10px
}

@media (min-width: 768px) {
    .expensesWrap .trX {
        row-gap:0
    }
}

@media (min-width: 1024px) {
    .expensesWrap .trX {
        flex-direction:row;
        justify-content: space-between
    }
}

.expensesWrap .trX .thX {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.expensesWrap .trX .thX .flexTh {
    display: flex
}

.expensesWrap .trX .thX .th {
    font: normal 500 14px/27px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 768px) {
    .expensesWrap .trX .thX .th {
        font-size:19px;
        line-height: 29px
    }
}

.expensesWrap .trX .tdX {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    align-self: end
}

.expensesWrap .trX .tdX .td {
    font: normal normal 14px/27px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 768px) {
    .expensesWrap .trX .tdX .td {
        font-size:16px;
        line-height: 29px
    }
}

.expensesWrap .infoX {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

@media (min-width: 1024px) {
    .expensesWrap .infoX {
        margin-left:auto
    }
}

.expensesWrap .infoX .flexTxtX {
    display: flex
}

.expensesWrap .infoX .flexTxtX .txtX {
    font-size: 0
}

.expensesWrap .infoX .flexTxtX .txtX p {
    display: inline
}

.expensesWrap .infoX .flexTxtX .linkX:hover .blueTxt {
    opacity: .8
}

.expensesWrap .infoX .flexTxtX .blackTxt,.expensesWrap .infoX .flexTxtX .blueTxt {
    font: normal normal 14px/25px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.expensesWrap .infoX .flexTxtX .blueTxt {
    font-weight: 900;
    color: #9DC0D4
}

.beautyWrap {
    padding-bottom: 75px;
    margin-bottom: 80px
}

@media (min-width: 1024px) {
    .beautyWrap {
        margin-bottom:100px
    }
}

.beautyWrap:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 95%;
    background: #DCE5EB
}

.beautyWrap .topImgX {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 1440 / 374;
    min-height: 300px
}

.beautyWrap .topImgX img {
    height: 100%;
    min-height: 300px;
    object-position: 20%;
    -o-object-position: 20%
}

@media (min-width: 768px) {
    .beautyWrap .topImgX img {
        object-position:8%;
        -o-object-position: 8%
    }
}

@media (min-width: 1280px) {
    .beautyWrap .topImgX img {
        object-position:0;
        -o-object-position: 0
    }
}

.beautyInner {
    z-index: 10;
    margin-top: -95px;
    max-width: initial;
    background-color: #FFF;
    padding: 80px 0 75px;
    width: 93.0555555556%
}

@media (min-width: 768px) {
    .beautyInner {
        padding:100px 0 75px
    }
}

@media (min-width: 1024px) {
    .beautyInner {
        padding:120px 0 75px
    }
}

@media (min-width: 1280px) {
    .beautyInner {
        width:88.8888888889%;
        padding: 135px 0 75px
    }
}

.beautyWrap .h2TitX .filterTxt {
    transform: translate(-50%, -55%);
    text-align: center;
    white-space: nowrap;
    font: normal 500 42px/50px "EB Garamond",'BIZ UDPMincho', serif;
    color: transparent
}

@media (min-width: 768px) {
    .beautyWrap .h2TitX .filterTxt {
        transform:translate(-50%, -50%);
        font-size: 84px;
        line-height: 88px
    }
}

@media (min-width: 1024px) {
    .beautyWrap .h2TitX .filterTxt {
        font-size:96px;
        line-height: 98px
    }
}

@media (min-width: 1280px) {
    .beautyWrap .h2TitX .filterTxt {
        transform:translate(-50%, -55%);
        font-size: 120px;
        line-height: 98px
    }
}

.beautyWrap .h2TitX .enTit {
    font-size: 27px;
    line-height: 38px
}

@media (min-width: 768px) {
    .beautyWrap .h2TitX .enTit {
        font-size:56px;
        line-height: 73px
    }
}

.beautyWrap .h2TitX .jpTit {
    font-size: 14px;
    line-height: 24px
}

@media (min-width: 768px) {
    .beautyWrap .h2TitX .jpTit {
        font-size:18px;
        line-height: 26px
    }
}

.beautyWrap .contentsX {
    margin: 60px auto 0;
    width: 90%
}

@media (min-width: 1024px) {
    .beautyWrap .contentsX {
        margin:80px auto 0
    }
}

@media (min-width: 1380px) {
    .beautyWrap .contentsX {
        width:85.9375%
    }
}

.beautyWrap .priceInfoRowX {
    margin-top: 70px;
    display: flex;
    align-items: start;
    column-gap: 4.3636363636%;
    row-gap: 70px;
    flex-direction: column
}

@media (min-width: 1024px) {
    .beautyWrap .priceInfoRowX {
        flex-direction:row
    }
}

.beautyWrap .priceInfoRowX .priceInfoX {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

@media (min-width: 1024px) {
    .beautyWrap .priceInfoRowX .priceInfoX {
        flex:2
    }
}

.beautyWrap .priceInfoRowX .priceInfoX .underColorTit {
    background: linear-gradient(transparent 50%, rgba(157,192,212,0.4) 90%, transparent 10%);
    margin-bottom: 16px;
    font: normal 700 18px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.beautyWrap .priceInfoRowX .priceInfoX .trX {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    border-bottom: 1px solid #D9D9D9
}

.beautyWrap .priceInfoRowX .priceInfoX .spTrX {
    border-top: 1px solid #D9D9D9
}

.beautyWrap .priceInfoRowX .priceInfoX .tr {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 5px
}

@media (min-width: 768px) {
    .beautyWrap .priceInfoRowX .priceInfoX .tr {
        flex-direction:row
    }
}

.beautyWrap .priceInfoRowX .priceInfoX .tr .th {
    font: normal normal 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 1024px) {
    .beautyWrap .priceInfoRowX .priceInfoX .tr .th {
        font-size:14px;
        line-height: 27px
    }
}

@media (min-width: 1280px) {
    .beautyWrap .priceInfoRowX .priceInfoX .tr .th {
        font-size:16px;
        line-height: 29px
    }
}

.beautyWrap .priceInfoRowX .priceInfoX .tr .tdX {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    align-self: end
}

@media (min-width: 768px) {
    .beautyWrap .priceInfoRowX .priceInfoX .tr .tdX {
        align-self:initial
    }
}

.beautyWrap .priceInfoRowX .priceInfoX .tr .td {
    font: normal 500 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333;
    align-self: end
}

@media (min-width: 768px) {
    .beautyWrap .priceInfoRowX .priceInfoX .tr .td {
        align-self:initial
    }
}

@media (min-width: 1024px) {
    .beautyWrap .priceInfoRowX .priceInfoX .tr .td {
        font-size:13px;
        line-height: 27px
    }
}

@media (min-width: 1280px) {
    .beautyWrap .priceInfoRowX .priceInfoX .tr .td {
        font-size:16px;
        line-height: 29px
    }
}

.beautyWrap .priceInfoRowX .priceInfoX .tr .smTd {
    font: normal 500 14px/24px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.beautyWrap .priceInfoRowX .priceInfoX .trMt {
    margin-top: 16px
}

@media (min-width: 768px) {
    .beautyWrap .priceInfoRowX .priceInfoX .trMt {
        margin-top:10px
    }
}

.beautyWrap .priceInfoRowX .priceInfoX .infoTxt {
    margin-top: 10px;
    text-align: right;
    font: normal 500 14px/25px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #6B6B6B
}

.beautyWrap .priceInfoRowX .priceInfoX .br1280 {
    display: block
}

@media (min-width: 768px) {
    .beautyWrap .priceInfoRowX .priceInfoX .br1280 {
        display:none
    }
}

@media (min-width: 1024px) {
    .beautyWrap .priceInfoRowX .priceInfoX .br1280 {
        display:block
    }
}

@media (min-width: 1280px) {
    .beautyWrap .priceInfoRowX .priceInfoX .br1280 {
        display:none
    }
}

.beautyWrap .commLink {
    margin: -10px auto 0
}

@media (min-width: 1024px) {
    .beautyWrap .commLink {
        margin:60px auto 0
    }
}

.beautyWrap .first {
    margin-top: 35px
}

.linkInner_new{
    width: 100%;
    max-width: 1280px;
}
.linkWrap_new .imgContentsX_new{
    column-gap: 2%;
}
.linkWrap_new .txt{
    font-size: 14px;
}
/*# sourceMappingURL=menu.css.map */