.infoWrap,
.infosWrap,
.infectiousWrap,
.visitingWrap,
.beautyWrap,
.kidsWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.infoInner,
.infosInner,
.infectiousInner,
.visitingInner,
.beautyInner,
.kidsInner {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center
}

.main .underTopWrap>img {
    object-position: 25%;
    -o-object-position: 25%
}

@media (min-width: 768px) {
    .main .underTopWrap>img {
        object-position: 35%;
        -o-object-position: 35%
    }
}

@media (min-width: 1024px) {
    .main .underTopWrap>img {
        object-position: 53%;
        -o-object-position: 53%
    }
}

@media (min-width: 1280px) {
    .main .underTopWrap>img {
        object-position: 0;
        -o-object-position: 0
    }
}

.infoWrap {
    padding-top: 80px
}

.infoWrap .infoX {
    width: 100%;
    font-size: 0
}

.infoWrap .infoX p {
    display: inline
}

.infoWrap .infoX .blueTxt,
.infoWrap .infoX .blackTxt {
    font: normal 500 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.infoWrap .infoX .blueTxt {
    font-weight: 900;
    color: #578099
}

.infoWrap .infoImgX {
    margin-top: 40px;
    width: 100%;
    aspect-ratio: 1100 / 420;
    border-radius: 6px
}

.infoWrap .infoImgX img {
    border-radius: 6px
}

.infosWrap {
    padding: 80px 0
}

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

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

@media (min-width: 1280px) {
    .infosWrap {
        padding: 110px 0 155px
    }
}

.infosInner {
    max-width: 1190px
}

.infosWrap .rowContentsX {
    width: 100%;
    margin-top: 75px
}

.infosWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .infosWrap .rowContentsX .imgX {
        aspect-ratio: 643 / 464;
        width: 54.0336134454%
    }
}

.infosWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.infosWrap .rowContentsX .textContentsX {
    flex: 1
}

.infosWrap .rowContentsX .textContentsX .h2X {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    row-gap: 4px
}

.infosWrap .rowContentsX .textContentsX .h2X .jpTit {
    letter-spacing: 0.04em;
    font: normal 500 22px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

@media (min-width: 768px) {
    .infosWrap .rowContentsX .textContentsX .h2X .jpTit {
        font-size: 26px;
        line-height: 34px
    }
}

@media (min-width: 1024px) {
    .infosWrap .rowContentsX .textContentsX .h2X .jpTit {
        font-size: 21px;
        line-height: 29px
    }
}

@media (min-width: 1280px) {
    .infosWrap .rowContentsX .textContentsX .h2X .jpTit {
        font-size: 26px;
        line-height: 34px
    }
}

.infosWrap .rowContentsX .textContentsX .h2X .enTit {
    letter-spacing: 0.05em;
    font: normal 500 18px/24px "EB Garamond", 'BIZ UDPMincho', serif;
    color: #578099
}

@media (min-width: 768px) {
    .infosWrap .rowContentsX .textContentsX .h2X .enTit {
        font-size: 20px;
        line-height: 26px
    }
}

.infosWrap .rowContentsX .textContentsX .desc {
    margin-top: 25px;
    font: normal normal 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333;
}

.infosWrap .spRowContentsX {
    align-items: start !important
}

.infosWrap .spRowContentsX .textContentsX .h2X .jpTit {
    letter-spacing: 0.04em;
    font: normal 500 20px/27px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333;
}

@media (min-width: 768px) {
    .infosWrap .spRowContentsX .textContentsX .h2X .jpTit {
        font-size: 26px;
        line-height: 34px
    }
}

@media (min-width: 1024px) {
    .infosWrap .spRowContentsX .textContentsX .h2X .jpTit {
        font-size: 21px;
        line-height: 29px
    }
}

@media (min-width: 1280px) {
    .infosWrap .spRowContentsX .textContentsX .h2X .jpTit {
        font-size: 26px;
        line-height: 34px
    }
}

.infosWrap .spRowContentsX .textContentsX .h2X .enTit {
    letter-spacing: 0.05em;
    font: normal 500 14px/21px "EB Garamond", 'BIZ UDPMincho', serif;
    color: #578099
}

@media (min-width: 768px) {
    .infosWrap .spRowContentsX .textContentsX .h2X .enTit {
        font-size: 20px;
        line-height: 26px
    }
}

@media (min-width: 1024px) {
    .infosWrap .spRowContentsX .textContentsX .h2X .enTit {
        font-size: 15px;
        line-height: 21px
    }
}

@media (min-width: 1280px) {
    .infosWrap .spRowContentsX .textContentsX .h2X .enTit {
        font-size: 20px;
        line-height: 26px
    }
}

.infosWrap .spRowContentsX .textContentsX .desc {
    margin-top: 25px;
    font: normal 500 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.infosWrap .rowContentsX:nth-child(odd) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .infosWrap .rowContentsX:nth-child(odd) {
        flex-direction: row;
        align-items: start;
        column-gap: 6.7226890756%
    }
}

@media (min-width: 1280px) {
    .infosWrap .rowContentsX:nth-child(odd) {
        transform: translateX(-3.781512605%);
        align-items: center
    }
}

.infosWrap .rowContentsX:nth-child(even) {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .infosWrap .rowContentsX:nth-child(even) {
        flex-direction: row;
        align-items: start;
        column-gap: 6.7226890756%
    }
}

@media (min-width: 1280px) {
    .infosWrap .rowContentsX:nth-child(even) {
        transform: translateX(3.781512605%);
        align-items: center
    }
}

.infosWrap .rowContentsX:first-child {
    margin-top: 0
}

.infectiousWrap {
    padding-bottom: 75px
}

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

.infectiousInner {
    background: #FFF;
    z-index: 2;
    max-width: initial;
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .infectiousInner {
        padding-bottom: 70px
    }
}

@media (min-width: 1024px) {
    .infectiousInner {
        width: 93.0555555556%
    }
}

.infectiousWrap .rowContentsX {
    margin: 55px auto 0;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1280px) {
    .infectiousWrap .rowContentsX {
        flex-direction: row;
        align-items: start;
        column-gap: 5.0420168067%
    }
}

@media (min-width: 1280px) {
    .infectiousWrap .rowContentsX {
        column-gap: 8.4033613445%;
        width: 88.8059701493%;
        transform: translateX(-3.781512605%)
    }
}

.infectiousWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1280px) {
    .infectiousWrap .rowContentsX .imgX {
        aspect-ratio: 643 / 464;
        width: 54.0336134454%
    }
}

.infectiousWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.infectiousWrap .rowContentsX .textContentsX {
    flex: 1
}

.infectiousWrap .rowContentsX .textContentsX .h2X {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

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

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

.infectiousWrap .rowContentsX .textContentsX .textX {
    margin-top: 28px;
    width: 100%;
    font-size: 0
}

@media (min-width: 1280px) {
    .infectiousWrap .rowContentsX .textContentsX .textX {
        max-width: 440px
    }
}

.infectiousWrap .rowContentsX .textContentsX .textX p {
    display: inline
}

.infectiousWrap .rowContentsX .textContentsX .textX .blackTxt,
.infectiousWrap .rowContentsX .textContentsX .textX .blueTxt {
    font: normal 500 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.infectiousWrap .rowContentsX .textContentsX .textX .blueTxt {
    font-weight: 900;
    color: #578099
}

.infectiousWrap .bottomTxtX {
    margin: 30px auto 0;
    width: 90%
}

@media (min-width: 1280px) {
    .infectiousWrap .bottomTxtX {
        width: 82.0895522388%
    }
}

.infectiousWrap .bottomTxtX .info {
    font: normal 500 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.visitingWrap {
    padding-top: 80px
}

@media (min-width: 768px) {
    .visitingWrap {
        padding-top: 100px
    }
}

@media (min-width: 1024px) {
    .visitingWrap {
        padding-top: 120px
    }
}

@media (min-width: 1280px) {
    .visitingWrap {
        padding-top: 165px
    }
}

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

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

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

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

@media (min-width: 768px) {

    .visitingWrap .h2TitX .filterTxtX .topFilterTxt,
    .visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size: 70px;
        line-height: 90px
    }
}

@media (min-width: 1024px) {

    .visitingWrap .h2TitX .filterTxtX .topFilterTxt,
    .visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size: 96px;
        line-height: 116px
    }
}

@media (min-width: 1280px) {

    .visitingWrap .h2TitX .filterTxtX .topFilterTxt,
    .visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size: 120px
    }
}

.visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
    font-size: 35px;
    margin-top: -15px
}

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

@media (min-width: 1024px) {
    .visitingWrap .h2TitX .filterTxtX .bottomFilterTxt {
        font-size: 96px;
        line-height: 116px
    }
}

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

.visitingWrap .h2TitX .enTit {
    font-size: 26px;
    line-height: 38px
}

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

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

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

.visitingInner {
    max-width: 1190px
}

.visitingWrap .rowContentsX {
    margin-top: 45px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .visitingWrap .rowContentsX {
        flex-direction: row;
        align-items: start;
        column-gap: 6.7226890756%
    }
}

@media (min-width: 1280px) {
    .visitingWrap .rowContentsX {
        align-items: center;
        transform: translateX(-3.781512605%)
    }
}

.visitingWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .visitingWrap .rowContentsX .imgX {
        aspect-ratio: 610 / 464;
        width: 51.2605042017%
    }
}

.visitingWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.visitingWrap .rowContentsX .textContentsX {
    flex: 1
}

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

.beautyWrap {
    padding: 80px 0 20px
}

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

@media (min-width: 1280px) {
    .beautyWrap {
        padding: 155px 0 50px
    }
}

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

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

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

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

.beautyWrap .h2TitX .enTit {
    font-size: 29px;
    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
    }
}

.beautyInner {
    max-width: 1190px
}

.beautyWrap .rowContentsX {
    margin-top: 45px;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .beautyWrap .rowContentsX {
        flex-direction: row;
        align-items: start;
        column-gap: 6.7226890756%
    }
}

@media (min-width: 1280px) {
    .beautyWrap .rowContentsX {
        align-items: center;
        transform: translateX(3.781512605%)
    }
}

.beautyWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .beautyWrap .rowContentsX .imgX {
        aspect-ratio: 610 / 464;
        width: 51.2605042017%
    }
}

.beautyWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.beautyWrap .rowContentsX .textContentsX {
    flex: 1
}

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

.beautyWrap .rowContentsX .textContentsX .commLink {
    margin: 40px auto 0
}

@media (min-width: 1024px) {
    .beautyWrap .rowContentsX .textContentsX .commLink {
        margin: 40px 0 0
    }
}

.kidsWrap {
    padding: 60px 0 80px
}

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

@media (min-width: 1024px) {
    .kidsWrap {
        padding: 100px 0 100px
    }
}

.kidsInner {
    max-width: 1190px
}

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

@media (min-width: 768px) {
    .kidsWrap .h2TitX .filterTxt {
        font-size: 120px;
        line-height: 156px
    }
}

@media (min-width: 1024px) {
    .kidsWrap .h2TitX .filterTxt {
        transform: translate(-50%, -72%)
    }
}

.kidsWrap .rowContentsX {
    margin-top: 45px;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .kidsWrap .rowContentsX {
        flex-direction: row;
        align-items: center;
        column-gap: 6.7226890756%
    }
}

@media (min-width: 1280px) {
    .kidsWrap .rowContentsX {
        align-items: center;
        transform: translateX(-3.781512605%)
    }
}

.kidsWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .kidsWrap .rowContentsX .imgX {
        aspect-ratio: 610 / 464;
        width: 51.2605042017%
    }
}

.kidsWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.kidsWrap .rowContentsX .textContentsX {
    flex: 1
}

.kidsWrap .rowContentsX .textContentsX .desc {
    font: normal 500 16px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

/*# sourceMappingURL=concept.css.map */