@charset "UTF-8";
@media screen and (max-width:1200px) {
    .header-nav ul li:not(:last-child) {
        margin-right: calc(60px * 0.9);
    }
    .header-nav ul li a {
        font-size: calc(2rem * 0.9);
    }
    .key-text {
        font-size: calc(4rem * 0.9);
    }
    .topic {
        padding-top: calc(20px * 0.9);
        padding-right: calc(20px * 0.9);
        padding-left: calc(20px * 0.9);
        padding-bottom: calc(30px * 0.9);
    }
    .topic p {
        font-size: calc(1.6rem * 0.9);
    }
    .topic-blue {
        font-size: calc(1.8rem * 0.9);
    }
    /*コンセプト*/
    .concept {
        padding-top: calc(270px * 0.9);
        padding-bottom: calc(230px * 0.9);
    }
    .common-title {
        font-size: calc(3.6rem * 0.9);
    }
    .common-title::after {
        width: calc(34px * 0.9);
        height: calc(3px * 0.9);
    }
    .concept p {
        margin-top: calc(86px * 0.9);
        font-size: calc(2.4rem * 0.9);
    }
    /*トップメニュー*/
    .top-menu {
        padding-top: calc(140px * 0.9);
        padding-bottom: calc(180px * 0.9);
    }
    .top-menu-text01 {
        font-size: calc(3rem * 0.9);
        margin-bottom: calc(160px * 0.9);
    }
    .parafuse,
    .facial {
        padding-top: calc(90px * 0.9);
        padding-bottom: calc(130px * 0.9);
    }
    .parafuse,
    .facial {
        margin-bottom: calc(150px * 0.9);
    }
    .top-menu-title {
        font-size: calc(3rem * 0.9);
        margin-bottom: calc(90px * 0.9);
    }
    .top-menu-title::before {
        width: calc(90px * 0.9);
        height: calc(90px * 0.9);
        top: calc(-26px * 0.9);
    }
    .parafuse p,
    .facial p,
    .tete p {
        font-size: calc(2.4rem * 0.9);
    }
    .top-menu-text02 {
        font-size: calc(2.4rem * 0.9);
        margin-top: calc(150px * 0.9);
        margin-bottom: calc(120px * 0.9);
    }
    .menu-button a {
        font-size: calc(1.8rem * 0.9);
        padding-bottom: calc(20px * 0.9);
        padding-top: calc(20px * 0.9);
    }
    .menu-button a::after {
        border-top-width: calc(5px * 0.9);
        border-bottom-width: calc(5px * 0.9);
        border-left-width: calc(10px * 0.9);
        right: calc(20px * 0.9);
    }
    /*access*/
    .access {
        padding-top: calc(240px * 0.9);
    }
    .access-inner {
        margin-top: calc(120px * 0.9);
    }
    .access-text {
        margin-left: calc(60px * 0.9);
        padding-top: calc(50px * 0.9);
        padding-bottom: calc(40px * 0.9);
        margin-bottom: calc(80px * 0.9);
        font-size: calc(2.4rem * 0.9);
    }
    .access-text::before {
        border-right-width: calc(275px * 0.9);
        border-bottom-width: calc(140px * 0.9);
        border-left-width: calc(275px * 0.9);
    }
    /*common-contact*/
    .common-contact {
        padding-top: calc(300px * 0.9);
        padding-bottom: calc(140px * 0.9);
    }
    .common-contact-inner {
        margin-top: calc(120px * 0.9);
    }
    .common-contact-text-wrapper {
        padding-top: calc(40px * 0.9);
        padding-bottom: calc(40px * 0.9);
        margin-right: calc(60px * 0.9);
        margin-bottom: calc(80px * 0.9);
    }
    .common-contact-text-wrapper::before {
        border-right-width: calc(275px * 0.9);
        border-bottom-width: calc(140px * 0.9);
        border-left-width: calc(275px * 0.9);
    }
    .common-contact-text {
        font-size: calc(2.4rem * 0.9);
    }
    .common-button {
        margin-top: calc(20px * 0.9);
    }
    .common-button a {
        font-size: calc(1.4rem * 0.9);
        padding-top: calc(20px * 0.9);
        padding-bottom: calc(20px * 0.9);
    }
    .common-button a::after {
        border-top-width: calc(5px * 0.9);
        border-bottom-width: calc(5px * 0.9);
        border-left-width: calc(10px * 0.9);
        right: calc(20px * 0.9);
    }
    /*footer*/
    .footer-content-wrapper {
        padding-top: calc(50px * 0.9);
    }
    .footer-logo {
        margin-left: calc(60px * 0.9);
    }
    .footer-nav {
        margin-right: calc(80px * 0.9);
    }
    .footer-nav ul li {
        margin-bottom: calc(30px * 0.9);
    }
    .footer-nav ul li>a {
        font-size: calc(2rem * 0.9);
    }
    .copyright {
        padding-top: calc(70px * 0.9);
        padding-bottom: calc(70px * 0.9);
    }
    .copyright p>small {
        font-size: calc(1.6rem * 0.9);
    }
    /*ここからメニューページ---------------------------------------------------*/
    .title {
        font-size: calc(5rem * 0.9);
    }
    .title>span {
        font-size: calc(2.4rem * 0.9);
    }
    .menu01 {
        padding-top: calc(180px * 0.9);
    }
    .menu-inner {
        padding-bottom: calc(230px * 0.9);
    }
    .menu04-inner {
        padding-top: calc(160px * 0.9);
    }
    .menu-title {
        padding-left: calc(50px * 0.9);
        padding-right: calc(50px * 0.9);
        font-size: calc(3rem * 0.9);
        margin-top: calc(-40px * 0.9);
        margin-bottom: calc(100px * 0.9);
    }
    .menu-list li {
        font-size: calc(2.4rem * 0.9);
    }
    .menu-list li:not(:last-child):after {
        bottom: calc(-50px * 0.9);
    }
    .menu-list li:not(:last-child) {
        margin-bottom: calc(60px * 0.9);
    }
    .menu-img01 {
        margin-top: calc(-80px * 0.9);
        padding: calc(24px * 0.9);
    }
    .menu-img02 {
        padding: calc(24px * 0.9);
        margin-top: calc(-150px * 0.9);
    }
    .menu02 {
        margin-top: calc(150px * 0.9);
    }
    .menu-img03 {
        margin-top: calc(-80px * 0.9);
        padding: calc(24px * 0.9);
    }
    .menu-img04 {
        padding: calc(24px * 0.9);
        margin-top: calc(-170px * 0.9);
    }
    .menu03 {
        margin-top: calc(150px * 0.9);
    }
    .special-price {
        padding: calc(10px * 0.9);
        top: calc(-40px * 0.9);
        left: calc(90px * 0.9);
    }
    .special-price-inner {
        padding: calc(7px * 0.9);
    }
    .special-price span {
        font-size: calc(2.2rem * 0.9);
    }
    .facial-list li:first-child {
        margin-bottom: calc(50px * 0.9);
    }
    .facial-list li p,
    .datsumo-list li p {
        font-size: calc(2.6rem * 0.9);
        margin-bottom: calc(50px * 0.9);
    }
    .usually {
        font-size: calc(2.6rem * 0.9);
    }
    .sale {
        font-size: calc(3.6rem * 0.9);
        margin-left: calc(140px * 0.9);
    }
    .menu-img05 {
        padding: calc(24px * 0.9);
        margin-top: calc(-170px * 0.9);
        margin-right: calc(110px * 0.9);
    }
    .menu04 {
        margin-top: calc(150px * 0.9);
    }
    .menu-img06 {
        padding: calc(24px * 0.9);
        margin-top: calc(-170px * 0.9);
        margin-left: calc(110px * 0.9);
    }
    .facial-list .confirm,
    .confirm,
    .datsumo-txt {
        font-size: calc(2rem * 0.9);
    }
    .confirm {
        margin-bottom: calc(8px * 0.9);
    }
    /*ここからオーナーページ---------------------------------------------------*/
    .owner {
        padding-top: calc(160px * 0.9);
    }
    .owner-text-wrapper {
        margin-top: calc(260px * 0.9);
        padding-top: calc(70px * 0.9);
        padding-bottom: calc(70px * 0.9);
    }
    .owner-text {
        font-size: calc(2.4rem * 0.9);
    }
    /*ここから問い合せ-----------------------------------------------------*/
    .contact {
        padding-top: calc(300px * 0.9);
    }
    .contact-inner::before {
        width: calc(130px * 0.9);
        height: calc(130px * 0.9);
        top: calc(-110px * 0.9);
    }
    .contact-inner::after {
        width: calc(130px * 0.9);
        height: calc(130px * 0.9);
        top: calc(-110px * 0.9);
    }
    .contact-text {
        font-size: calc(2.4rem * 0.9);
    }
    .contact-icon-wrapper {
        margin-top: calc(70px * 0.9);
    }
    .contact-icon-wrapper::before {
        width: calc(130px * 0.9);
        height: calc(130px * 0.9);
        bottom: calc(-110px * 0.9);
    }
    .contact-icon-wrapper::after {
        width: calc(130px * 0.9);
        height: calc(130px * 0.9);
        bottom: calc(-110px * 0.9);
    }
    .contact-line {
        margin-left: calc(70px * 0.9);
    }
    .reserve-text-wrapper {
        padding-bottom: calc(90px * 0.9);
        padding-top: calc(70px * 0.9);
    }
}

@media screen and (max-width:1024px) {
    .header-nav ul li:not(:last-child) {
        margin-right: calc(60px * 0.8);
    }
    .header-nav ul li a {
        font-size: calc(2rem * 0.8);
    }
    .key-text {
        font-size: calc(4rem * 0.8);
    }
    .topic {
        padding-top: calc(20px * 0.8);
        padding-right: calc(20px * 0.8);
        padding-left: calc(20px * 0.8);
        padding-bottom: calc(30px * 0.8);
    }
    .topic p {
        font-size: calc(1.6rem * 0.8);
    }
    .topic-blue {
        font-size: calc(1.8rem * 0.8);
    }
    /*コンセプト*/
    .concept {
        padding-top: calc(270px * 0.8);
        padding-bottom: calc(230px * 0.8);
    }
    .common-title {
        font-size: calc(3.6rem * 0.8);
    }
    .common-title::after {
        width: calc(34px * 0.8);
        height: calc(3px * 0.8);
    }
    .concept p {
        margin-top: calc(86px * 0.8);
        font-size: calc(2.4rem * 0.8);
    }
    /*トップメニュー*/
    .top-menu {
        padding-top: calc(140px * 0.8);
        padding-bottom: calc(180px * 0.8);
    }
    .top-menu-text01 {
        font-size: calc(3rem * 0.8);
        margin-bottom: calc(160px * 0.8);
    }
    .parafuse,
    .facial,
    .tete {
        padding-top: calc(90px * 0.8);
        padding-bottom: calc(130px * 0.8);
    }
    .parafuse,
    .facial {
        margin-bottom: calc(150px * 0.8);
    }
    .top-menu-title {
        font-size: calc(3rem * 0.8);
        margin-bottom: calc(90px * 0.8);
    }
    .top-menu-title::before {
        width: calc(90px * 0.8);
        height: calc(90px * 0.8);
        top: calc(-26px * 0.8);
    }
    .parafuse p,
    .facial p,
    .tete p {
        font-size: calc(2.4rem * 0.8);
    }
    .top-menu-text02 {
        font-size: calc(2.4rem * 0.8);
        margin-top: calc(150px * 0.8);
        margin-bottom: calc(120px * 0.8);
    }
    .menu-button a {
        font-size: calc(1.8rem * 0.8);
        padding-bottom: calc(20px * 0.8);
        padding-top: calc(20px * 0.8);
    }
    .menu-button a::after {
        border-top-width: calc(5px * 0.8);
        border-bottom-width: calc(5px * 0.8);
        border-left-width: calc(10px * 0.8);
        right: calc(20px * 0.8);
    }
    /*access*/
    .access {
        padding-top: calc(240px * 0.8);
    }
    .access-inner {
        margin-top: calc(120px * 0.8);
    }
    .access-text {
        margin-left: calc(60px * 0.8);
        padding-top: calc(50px * 0.8);
        padding-bottom: calc(40px * 0.8);
        margin-bottom: calc(80px * 0.8);
        font-size: calc(2.4rem * 0.8);
    }
    .access-text::before {
        border-right-width: calc(275px * 0.8);
        border-bottom-width: calc(140px * 0.8);
        border-left-width: calc(275px * 0.8);
    }
    /*common-contact*/
    .common-contact {
        padding-top: calc(300px * 0.8);
        padding-bottom: calc(140px * 0.8);
    }
    .common-contact-inner {
        margin-top: calc(120px * 0.8);
    }
    .common-contact-text-wrapper {
        padding-top: calc(40px * 0.8);
        padding-bottom: calc(40px * 0.8);
        margin-right: calc(60px * 0.8);
        margin-bottom: calc(80px * 0.8);
    }
    .common-contact-text-wrapper::before {
        border-right-width: calc(275px * 0.8);
        border-bottom-width: calc(140px * 0.8);
        border-left-width: calc(275px * 0.8);
    }
    .common-contact-text {
        font-size: calc(2.4rem * 0.8);
    }
    .common-button {
        margin-top: calc(20px * 0.8);
    }
    .common-button a {
        font-size: calc(1.4rem * 0.8);
        padding-top: calc(20px * 0.8);
        padding-bottom: calc(20px * 0.8);
    }
    .common-button a::after {
        border-top-width: calc(5px * 0.8);
        border-bottom-width: calc(5px * 0.8);
        border-left-width: calc(10px * 0.8);
        right: calc(20px * 0.8);
    }
    /*footer*/
    .footer-content-wrapper {
        padding-top: calc(50px * 0.8);
    }
    .footer-logo {
        margin-left: calc(60px * 0.8);
    }
    .footer-nav {
        margin-right: calc(80px * 0.8);
    }
    .footer-nav ul li {
        margin-bottom: calc(30px * 0.8);
    }
    .footer-nav ul li>a {
        font-size: calc(2rem * 0.8);
    }
    .copyright {
        padding-top: calc(70px * 0.8);
        padding-bottom: calc(70px * 0.8);
    }
    .copyright p>small {
        font-size: calc(1.6rem * 0.8);
    }
    /*ここからメニューページ---------------------------------------------------*/
    .title {
        font-size: calc(5rem * 0.8);
    }
    .title>span {
        font-size: calc(2.4rem * 0.8);
    }
    .menu01 {
        padding-top: calc(180px * 0.8);
    }
    .menu-inner {
        padding-bottom: calc(230px * 0.8);
    }
    .menu04-inner {
        padding-top: calc(160px * 0.8);
    }
    .menu-title {
        padding-left: calc(50px * 0.8);
        padding-right: calc(50px * 0.8);
        font-size: calc(3rem * 0.8);
        margin-top: calc(-40px * 0.8);
        margin-bottom: calc(100px * 0.8);
    }
    .menu-list li {
        font-size: calc(2.4rem * 0.8);
    }
    .menu-list li:not(:last-child):after {
        bottom: calc(-50px * 0.8);
    }
    .menu-list li:not(:last-child) {
        margin-bottom: calc(60px * 0.8);
    }
    .menu-img01 {
        margin-top: calc(-80px * 0.8);
        padding: calc(24px * 0.8);
    }
    .menu-img02 {
        padding: calc(24px * 0.8);
        margin-top: calc(-150px * 0.8);
    }
    .menu02 {
        margin-top: calc(150px * 0.8);
    }
    .menu-img03 {
        margin-top: calc(-80px * 0.8);
        padding: calc(24px * 0.8);
    }
    .menu-img04 {
        padding: calc(24px * 0.8);
        margin-top: calc(-170px * 0.8);
    }
    .menu03 {
        margin-top: calc(150px * 0.8);
    }
    .special-price {
        padding: calc(10px * 0.8);
        top: calc(-40px * 0.8);
        left: calc(90px * 0.8);
    }
    .special-price-inner {
        padding: calc(7px * 0.8);
    }
    .special-price span {
        font-size: calc(2.2rem * 0.8);
    }
    .facial-list li:first-child {
        margin-bottom: calc(50px * 0.8);
    }
    .facial-list li p,
    .datsumo-list li p {
        font-size: calc(2.6rem * 0.8);
        margin-bottom: calc(50px * 0.8);
    }
    .usually {
        font-size: calc(2.6rem * 0.8);
    }
    .sale {
        font-size: calc(3.6rem * 0.8);
        margin-left: calc(140px * 0.8);
    }
    .menu-img05 {
        padding: calc(24px * 0.8);
        margin-top: calc(-170px * 0.8);
        margin-right: calc(110px * 0.8);
    }
    .menu04 {
        margin-top: calc(150px * 0.8);
    }
    .menu-img06 {
        padding: calc(24px * 0.8);
        margin-top: calc(-170px * 0.8);
        margin-left: calc(110px * 0.8);
    }
    .facial-list .confirm,
    .confirm,
    .datsumo-txt {
        font-size: calc(2rem * 0.8);
    }
    .confirm {
        margin-bottom: calc(8px * 0.8);
    }
    /*ここからオーナーページ---------------------------------------------------*/
    .owner {
        padding-top: calc(160px * 0.8);
    }
    .owner-text-wrapper {
        margin-top: calc(260px * 0.8);
        padding-top: calc(70px * 0.8);
        padding-bottom: calc(70px * 0.8);
    }
    .owner-text {
        font-size: calc(2.4rem * 0.8);
    }
    /*ここから問い合せ-----------------------------------------------------*/
    .contact {
        padding-top: calc(300px * 0.8);
    }
    .contact-inner::before {
        width: calc(130px * 0.8);
        height: calc(130px * 0.8);
        top: calc(-110px * 0.8);
    }
    .contact-inner::after {
        width: calc(130px * 0.8);
        height: calc(130px * 0.8);
        top: calc(-110px * 0.8);
    }
    .contact-text {
        font-size: calc(2.4rem * 0.8);
    }
    .contact-icon-wrapper {
        margin-top: calc(70px * 0.8);
    }
    .contact-icon-wrapper::before {
        width: calc(130px * 0.8);
        height: calc(130px * 0.8);
        bottom: calc(-110px * 0.8);
    }
    .contact-icon-wrapper::after {
        width: calc(130px * 0.8);
        height: calc(130px * 0.8);
        bottom: calc(-110px * 0.8);
    }
    .contact-line {
        margin-left: calc(70px * 0.8);
    }
    .reserve-text-wrapper {
        padding-bottom: calc(90px * 0.8);
        padding-top: calc(70px * 0.8);
    }
}

@media screen and (max-width:960px) {
    .header-nav ul li:not(:last-child) {
        margin-right: calc(60px * 0.7);
    }
    .header-nav ul li a {
        font-size: calc(2rem * 0.7);
    }
    .key-text {
        font-size: calc(4rem * 0.7);
    }
    .topic {
        padding-top: calc(20px * 0.7);
        padding-right: calc(20px * 0.7);
        padding-left: calc(20px * 0.7);
        padding-bottom: calc(30px * 0.7);
    }
    .topic p {
        font-size: calc(1.6rem * 0.7);
    }
    .topic-blue {
        font-size: calc(1.8rem * 0.7);
    }
    /*コンセプト*/
    .concept {
        padding-top: calc(270px * 0.7);
        padding-bottom: calc(230px * 0.7);
    }
    .common-title {
        font-size: calc(3.6rem * 0.7);
    }
    .common-title::after {
        width: calc(34px * 0.7);
        height: calc(3px * 0.7);
    }
    .concept p {
        margin-top: calc(86px * 0.7);
        font-size: calc(2.4rem * 0.7);
    }
    /*トップメニュー*/
    .top-menu {
        padding-top: calc(140px * 0.7);
        padding-bottom: calc(180px * 0.7);
    }
    .top-menu-text01 {
        font-size: calc(3rem * 0.7);
        margin-bottom: calc(160px * 0.7);
    }
    .parafuse,
    .facial,
    .tete {
        padding-top: calc(90px * 0.7);
        padding-bottom: calc(130px * 0.7);
    }
    .parafuse,
    .facial {
        margin-bottom: calc(150px * 0.7);
    }
    .top-menu-title {
        font-size: calc(3rem * 0.7);
        margin-bottom: calc(90px * 0.7);
    }
    .top-menu-title::before {
        width: calc(90px * 0.7);
        height: calc(90px * 0.7);
        top: calc(-26px * 0.7);
    }
    .parafuse p,
    .facial p,
    .tete p {
        font-size: calc(2.4rem * 0.7);
    }
    .top-menu-text02 {
        font-size: calc(2.4rem * 0.7);
        margin-top: calc(150px * 0.7);
        margin-bottom: calc(120px * 0.7);
    }
    .menu-button a {
        font-size: calc(1.8rem * 0.7);
        padding-bottom: calc(20px * 0.7);
        padding-top: calc(20px * 0.7);
    }
    .menu-button a::after {
        border-top-width: calc(5px * 0.7);
        border-bottom-width: calc(5px * 0.7);
        border-left-width: calc(10px * 0.7);
        right: calc(20px * 0.7);
    }
    /*access*/
    .access {
        padding-top: calc(240px * 0.7);
    }
    .access-inner {
        margin-top: calc(120px * 0.7);
    }
    .access-text {
        margin-left: calc(60px * 0.7);
        padding-top: calc(50px * 0.7);
        padding-bottom: calc(40px * 0.7);
        margin-bottom: calc(80px * 0.7);
        font-size: calc(2.4rem * 0.7);
    }
    .access-text::before {
        border-right-width: calc(275px * 0.7);
        border-bottom-width: calc(140px * 0.7);
        border-left-width: calc(275px * 0.7);
    }
    /*common-contact*/
    .common-contact {
        padding-top: calc(300px * 0.7);
        padding-bottom: calc(140px * 0.7);
    }
    .common-contact-inner {
        margin-top: calc(120px * 0.7);
    }
    .common-contact-text-wrapper {
        padding-top: calc(40px * 0.7);
        padding-bottom: calc(40px * 0.7);
        margin-right: calc(60px * 0.7);
        margin-bottom: calc(80px * 0.7);
    }
    .common-contact-text-wrapper::before {
        border-right-width: calc(275px * 0.7);
        border-bottom-width: calc(140px * 0.7);
        border-left-width: calc(275px * 0.7);
    }
    .common-contact-text {
        font-size: calc(2.4rem * 0.7);
    }
    .common-button {
        margin-top: calc(20px * 0.7);
    }
    .common-button a {
        font-size: calc(1.4rem * 0.7);
        padding-top: calc(20px * 0.7);
        padding-bottom: calc(20px * 0.7);
    }
    .common-button a::after {
        border-top-width: calc(5px * 0.7);
        border-bottom-width: calc(5px * 0.7);
        border-left-width: calc(10px * 0.7);
        right: calc(20px * 0.7);
    }
    /*footer*/
    .footer-content-wrapper {
        padding-top: calc(50px * 0.7);
    }
    .footer-logo {
        margin-left: calc(60px * 0.7);
    }
    .footer-nav {
        margin-right: calc(80px * 0.7);
    }
    .footer-nav ul li {
        margin-bottom: calc(30px * 0.7);
    }
    .footer-nav ul li>a {
        font-size: calc(2rem * 0.7);
    }
    .copyright {
        padding-top: calc(70px * 0.7);
        padding-bottom: calc(70px * 0.7);
    }
    .copyright p>small {
        font-size: calc(1.6rem * 0.7);
    }
    /*ここからメニューページ---------------------------------------------------*/
    .title {
        font-size: calc(5rem * 0.7);
    }
    .title>span {
        font-size: calc(2.4rem * 0.7);
    }
    .menu01 {
        padding-top: calc(180px * 0.7);
    }
    .menu-inner {
        padding-bottom: calc(230px * 0.7);
    }
    .menu04-inner {
        padding-top: calc(160px * 0.7);
    }
    .menu-title {
        padding-left: calc(50px * 0.7);
        padding-right: calc(50px * 0.7);
        font-size: calc(3rem * 0.7);
        margin-top: calc(-40px * 0.7);
        margin-bottom: calc(100px * 0.7);
    }
    .menu-list li {
        font-size: calc(2.4rem * 0.7);
    }
    .menu-list li:not(:last-child):after {
        bottom: calc(-50px * 0.7);
    }
    .menu-list li:not(:last-child) {
        margin-bottom: calc(60px * 0.7);
    }
    .menu-img01 {
        margin-top: calc(-80px * 0.7);
        padding: calc(24px * 0.7);
    }
    .menu-img02 {
        padding: calc(24px * 0.7);
        margin-top: calc(-150px * 0.7);
    }
    .menu02 {
        margin-top: calc(150px * 0.7);
    }
    .menu-img03 {
        margin-top: calc(-80px * 0.7);
        padding: calc(24px * 0.7);
    }
    .menu-img04 {
        padding: calc(24px * 0.7);
        margin-top: calc(-170px * 0.7);
    }
    .menu03 {
        margin-top: calc(150px * 0.7);
    }
    .special-price {
        padding: calc(10px * 0.7);
        top: calc(-40px * 0.7);
        left: calc(90px * 0.7);
    }
    .special-price-inner {
        padding: calc(7px * 0.7);
    }
    .special-price span {
        font-size: calc(2.2rem * 0.7);
    }
    .facial-list li:first-child {
        margin-bottom: calc(50px * 0.7);
    }
    .facial-list li p,
    .datsumo-list li p {
        font-size: calc(2.6rem * 0.7);
        margin-bottom: calc(50px * 0.7);
    }
    .usually {
        font-size: calc(2.6rem * 0.7);
    }
    .sale {
        font-size: calc(3.6rem * 0.7);
        margin-left: calc(140px * 0.7);
    }
    .menu-img05 {
        padding: calc(24px * 0.7);
        margin-top: calc(-170px * 0.7);
        margin-right: calc(110px * 0.7);
    }
    .menu04 {
        margin-top: calc(150px * 0.7);
    }
    .menu-img06 {
        padding: calc(24px * 0.7);
        margin-top: calc(-170px * 0.7);
        margin-left: calc(110px * 0.7);
    }
    .facial-list .confirm,
    .confirm,
    .datsumo-txt {
        font-size: calc(2rem * 0.7);
    }
    .confirm {
        margin-bottom: calc(8px * 0.7);
    }
    /*ここからオーナーページ---------------------------------------------------*/
    .owner {
        padding-top: calc(160px * 0.7);
    }
    .owner-text-wrapper {
        margin-top: calc(260px * 0.7);
        padding-top: calc(70px * 0.7);
        padding-bottom: calc(70px * 0.7);
    }
    .owner-text {
        font-size: calc(2.4rem * 0.7);
    }
    /*ここから問い合せ-----------------------------------------------------*/
    .contact {
        padding-top: calc(300px * 0.7);
    }
    .contact-inner::before {
        width: calc(130px * 0.7);
        height: calc(130px * 0.7);
        top: calc(-110px * 0.7);
    }
    .contact-inner::after {
        width: calc(130px * 0.7);
        height: calc(130px * 0.7);
        top: calc(-110px * 0.7);
    }
    .contact-text {
        font-size: calc(2.4rem * 0.7);
    }
    .contact-icon-wrapper {
        margin-top: calc(70px * 0.7);
    }
    .contact-icon-wrapper::before {
        width: calc(130px * 0.7);
        height: calc(130px * 0.7);
        bottom: calc(-110px * 0.7);
    }
    .contact-icon-wrapper::after {
        width: calc(130px * 0.7);
        height: calc(130px * 0.7);
        bottom: calc(-110px * 0.7);
    }
    .contact-line {
        margin-left: calc(70px * 0.7);
    }
    .reserve-text-wrapper {
        padding-bottom: calc(90px * 0.7);
        padding-top: calc(70px * 0.7);
    }
}

@media screen and (max-width:860px) {
    .header-nav ul li:not(:last-child) {
        margin-right: calc(60px * 0.6);
    }
    .header-nav ul li a {
        font-size: calc(2rem * 0.6);
    }
    .key-text {
        font-size: calc(4rem * 0.6);
    }
    .topic {
        padding-top: calc(20px * 0.6);
        padding-right: calc(20px * 0.6);
        padding-left: calc(20px * 0.6);
        padding-bottom: calc(30px * 0.6);
    }
    .topic p {
        font-size: 1rem;
    }
    .topic-blue {
        font-size: calc(1.8rem * 0.6);
    }
    /*コンセプト*/
    .concept {
        padding-top: calc(270px * 0.6);
        padding-bottom: calc(230px * 0.6);
    }
    .common-title {
        font-size: calc(3.6rem * 0.6);
    }
    .common-title::after {
        width: calc(34px * 0.6);
        height: calc(3px * 0.6);
    }
    .concept p {
        margin-top: calc(86px * 0.6);
        font-size: calc(2.4rem * 0.6);
    }
    /*トップメニュー*/
    .top-menu {
        padding-top: calc(140px * 0.6);
        padding-bottom: calc(180px * 0.6);
    }
    .top-menu-text01 {
        font-size: calc(3rem * 0.6);
        margin-bottom: calc(160px * 0.6);
    }
    .parafuse,
    .facial,
    .tete {
        padding-top: calc(90px * 0.6);
        padding-bottom: calc(130px * 0.6);
    }
    .parafuse,
    .facial {
        margin-bottom: calc(150px * 0.6);
    }
    .top-menu-title {
        font-size: calc(3rem * 0.6);
        margin-bottom: calc(90px * 0.6);
    }
    .top-menu-title::before {
        width: calc(90px * 0.6);
        height: calc(90px * 0.6);
        top: calc(-26px * 0.6);
    }
    .parafuse p,
    .facial p,
    .tete p {
        font-size: calc(2.4rem * 0.6);
    }
    .top-menu-text02 {
        font-size: calc(2.4rem * 0.6);
        margin-top: calc(150px * 0.6);
        margin-bottom: calc(120px * 0.6);
    }
    .menu-button a {
        font-size: calc(1.8rem * 0.6);
        padding-bottom: calc(20px * 0.6);
        padding-top: calc(20px * 0.6);
    }
    .menu-button a::after {
        border-top-width: calc(5px * 0.6);
        border-bottom-width: calc(5px * 0.6);
        border-left-width: calc(10px * 0.6);
        right: calc(20px * 0.6);
    }
    /*access*/
    .access {
        padding-top: calc(240px * 0.6);
    }
    .access-text {
        margin-left: calc(60px * 0.6);
        padding-top: calc(50px * 0.6);
        padding-bottom: calc(40px * 0.6);
        margin-bottom: calc(80px * 0.6);
        font-size: calc(2.4rem * 0.6);
    }
    .access-text::before {
        border-right-width: calc(275px * 0.6);
        border-bottom-width: calc(140px * 0.6);
        border-left-width: calc(275px * 0.6);
    }
    /*common-contact*/
    .common-contact {
        padding-top: calc(300px * 0.6);
        padding-bottom: calc(140px * 0.6);
    }
    .common-contact-text-wrapper {
        padding-top: calc(40px * 0.6);
        padding-bottom: calc(40px * 0.6);
        margin-right: calc(60px * 0.6);
        margin-bottom: calc(80px * 0.6);
    }
    .common-contact-text-wrapper::before {
        border-right-width: calc(275px * 0.6);
        border-bottom-width: calc(140px * 0.6);
        border-left-width: calc(275px * 0.6);
    }
    .common-contact-text {
        font-size: calc(2.4rem * 0.6);
    }
    .common-button {
        margin-top: calc(20px * 0.6);
    }
    .common-button a {
        font-size: 1rem;
        padding-top: calc(20px * 0.6);
        padding-bottom: calc(20px * 0.6);
    }
    .common-button a::after {
        border-top-width: calc(5px * 0.6);
        border-bottom-width: calc(5px * 0.6);
        border-left-width: calc(10px * 0.6);
        right: calc(20px * 0.6);
    }
    /*footer*/
    .footer-content-wrapper {
        padding-top: calc(50px * 0.6);
    }
    .footer-logo {
        margin-left: calc(60px * 0.6);
    }
    .footer-nav {
        margin-right: calc(80px * 0.6);
    }
    .footer-nav ul li {
        margin-bottom: calc(30px * 0.6);
    }
    .footer-nav ul li>a {
        font-size: calc(2rem * 0.6);
    }
    .copyright {
        padding-top: calc(70px * 0.6);
        padding-bottom: calc(70px * 0.6);
    }
    .copyright p>small {
        font-size: 1rem;
    }
    /*ここからメニューページ---------------------------------------------------*/
    .title {
        font-size: calc(5rem * 0.6);
    }
    .title>span {
        font-size: calc(2.4rem * 0.6);
    }
    .menu01 {
        padding-top: calc(180px * 0.6);
    }
    .menu-inner {
        padding-bottom: calc(230px * 0.6);
    }
    .menu04-inner {
        padding-top: calc(160px * 0.6);
    }
    .menu-title {
        padding-left: calc(50px * 0.6);
        padding-right: calc(50px * 0.6);
        font-size: calc(3rem * 0.6);
        margin-top: calc(-40px * 0.6);
        margin-bottom: calc(100px * 0.6);
    }
    .menu-list li {
        font-size: calc(2.4rem * 0.6);
    }
    .menu-list li:not(:last-child):after {
        bottom: calc(-50px * 0.6);
    }
    .menu-list li:not(:last-child) {
        margin-bottom: calc(60px * 0.6);
    }
    .menu-img01 {
        margin-top: calc(-80px * 0.6);
        padding: calc(24px * 0.6);
    }
    .menu-img02 {
        padding: calc(24px * 0.6);
        margin-top: calc(-150px * 0.6);
    }
    .menu02 {
        margin-top: calc(150px * 0.6);
    }
    .menu-img03 {
        margin-top: calc(-80px * 0.6);
        padding: calc(24px * 0.6);
    }
    .menu-img04 {
        padding: calc(24px * 0.6);
        margin-top: calc(-170px * 0.6);
    }
    .menu03 {
        margin-top: calc(150px * 0.6);
    }
    .special-price {
        width: 22%;
        max-width: 80px;
        padding: calc(10px * 0.6);
        top: calc(-40px * 0.6);
        left: calc(90px * 0.6);
    }
    .special-price-inner {
        padding: calc(7px * 0.6);
    }
    .special-price span {
        font-size: calc(2.2rem * 0.6);
    }
    .facial-list li:first-child {
        margin-bottom: calc(50px * 0.6);
    }
    .facial-list li p,
    .datsumo-list li p {
        font-size: calc(2.6rem * 0.6);
        margin-bottom: calc(50px * 0.6);
    }
    .usually {
        font-size: calc(2.6rem * 0.6);
    }
    .sale {
        font-size: calc(3.6rem * 0.6);
        margin-left: calc(140px * 0.6);
    }
    .menu-img05 {
        padding: calc(24px * 0.6);
        margin-top: calc(-170px * 0.6);
        margin-right: calc(110px * 0.6);
    }
    .menu04 {
        margin-top: calc(150px * 0.6);
    }
    .menu-img06 {
        padding: calc(24px * 0.6);
        margin-top: calc(-170px * 0.6);
        margin-left: calc(110px * 0.6);
    }
    .facial-list .confirm,
    .confirm,
    .datsumo-txt {
        font-size: calc(2rem * 0.6);
    }
    .confirm {
        margin-bottom: calc(8px * 0.6);
    }
    /*ここからオーナーページ---------------------------------------------------*/
    .owner {
        padding-top: calc(160px * 0.6);
    }
    .owner-text-wrapper {
        margin-top: calc(260px * 0.6);
        padding-top: calc(70px * 0.6);
        padding-bottom: calc(70px * 0.6);
    }
    .owner-text {
        font-size: calc(2.4rem * 0.6);
    }
    /*ここから問い合せ-----------------------------------------------------*/
    .contact {
        padding-top: calc(300px * 0.6);
    }
    .contact-inner::before {
        width: calc(130px * 0.6);
        height: calc(130px * 0.6);
        top: calc(-110px * 0.6);
    }
    .contact-inner::after {
        width: calc(130px * 0.6);
        height: calc(130px * 0.6);
        top: calc(-110px * 0.6);
    }
    .contact-text {
        font-size: calc(2.4rem * 0.6);
    }
    .contact-icon-wrapper {
        margin-top: calc(70px * 0.6);
    }
    .contact-icon-wrapper::before {
        width: calc(130px * 0.6);
        height: calc(130px * 0.6);
        bottom: calc(-110px * 0.6);
    }
    .contact-icon-wrapper::after {
        width: calc(130px * 0.6);
        height: calc(130px * 0.6);
        bottom: calc(-110px * 0.6);
    }
    .contact-line {
        margin-left: calc(70px * 0.6);
    }
    .reserve-text-wrapper {
        padding-bottom: calc(90px * 0.6);
        padding-top: calc(70px * 0.6);
    }
}

@media screen and (max-width:650px) {
    #header {
        height: 60px;
    }
    .header-nav {
        display: none;
    }
    .logo {
        width: 20%;
    }
    /*========= ナビゲーションのためのCSS ===============*/
    #g-nav {
        display: block;
        /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
        position: fixed;
        z-index: 999;
        /*ナビのスタート位置と形状*/
        top: -120%;
        left: 0;
        width: 100%;
        height: 60vh;
        /*ナビの高さ*/
        background-image: linear-gradient(-45deg, #ee9ca7 0%, #ffdde1 100%);
        /*動き*/
        transition: all 0.6s;
    }
    /*アクティブクラスがついたら位置を0に*/
    #g-nav.panelactive {
        top: 0;
    }
    /*ナビゲーションの縦スクロール*/
    #g-nav.panelactive #g-nav-list {
        /*ナビの数が増えた場合縦スクロール*/
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 60vh;
        /*表示する高さ*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    /*ナビゲーション*/
    #g-nav ul {
        /*ナビゲーション天地中央揃え*/
        position: absolute;
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*リストのレイアウト設定*/
    #g-nav li {
        list-style: none;
        text-align: center;
    }
    #g-nav li a {
        color: #ffffff;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        text-decoration: none;
        padding: 15px;
        display: block;
        letter-spacing: 0.1em;
        font-size: 1.4rem;
    }
    /*========= ボタンのためのCSS ===============*/
    .openbtn {
        display: block;
        position: fixed;
        z-index: 9999;
        /*ボタンを最前面に*/
        top: 10px;
        right: 10px;
        cursor: pointer;
        width: 50px;
        height: 50px;
    }
    /*×に変化*/
    .openbtn span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background-color: rgb(231, 130, 129);
        width: 45%;
    }
    .openbtn span:nth-of-type(1) {
        top: 15px;
    }
    .openbtn span:nth-of-type(2) {
        top: 23px;
    }
    .openbtn span:nth-of-type(3) {
        top: 31px;
    }
    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
        background-color: rgb(255, 255, 255);
    }
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
        background-color: rgb(255, 255, 255);
        width: 30%;
        left: 18px;
    }
    .openbtn.active span:nth-of-type(3) {
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
        background-color: rgb(255, 255, 255);
    }
    .key-visual {
        margin-top: -60px;
    }
    .key-text {
        font-size: calc(4rem * 0.5);
    }
    .topic {
        padding-top: calc(20px * 0.5);
        padding-right: calc(20px * 0.5);
        padding-left: calc(20px * 0.5);
        padding-bottom: calc(30px * 0.5);
    }
    .topic-blue {
        font-size: 1rem;
    }
    /*コンセプト*/
    .concept {
        padding-top: calc(270px * 0.5);
        padding-bottom: calc(230px * 0.5);
    }
    .common-title {
        font-size: calc(3.6rem * 0.5);
    }
    .common-title::after {
        width: calc(34px * 0.5);
        height: calc(3px * 0.5);
    }
    .concept p {
        margin-top: calc(86px * 0.5);
        font-size: calc(2.4rem * 0.5);
    }
    /*トップメニュー*/
    .top-menu {
        padding-top: calc(140px * 0.5);
        padding-bottom: calc(180px * 0.5);
    }
    .top-menu-text01 {
        font-size: calc(3rem * 0.5);
        margin-bottom: calc(160px * 0.5);
    }
    .parafuse,
    .facial,
    .tete {
        padding-top: calc(90px * 0.5);
        padding-bottom: calc(130px * 0.5);
    }
    .parafuse,
    .facial {
        margin-bottom: calc(150px * 0.5);
    }
    .top-menu-title {
        font-size: calc(3rem * 0.5);
        margin-bottom: calc(90px * 0.5);
    }
    .top-menu-title::before {
        width: calc(90px * 0.5);
        height: calc(90px * 0.5);
        top: calc(-26px * 0.5);
    }
    .parafuse,
    .facial,
    .tete {
        width: 90%;
    }
    .parafuse p,
    .facial p,
    .tete p {
        font-size: calc(2.4rem * 0.5);
    }
    .top-menu-text02 {
        font-size: calc(2.4rem * 0.5);
        margin-top: calc(150px * 0.5);
        margin-bottom: calc(120px * 0.5);
    }
    .menu-button a {
        font-size: 1rem;
        padding-bottom: calc(20px * 0.5);
        padding-top: calc(20px * 0.5);
    }
    .menu-button a::after {
        border-top-width: calc(5px * 0.5);
        border-bottom-width: calc(5px * 0.5);
        border-left-width: calc(10px * 0.5);
        right: calc(20px * 0.5);
    }
    /*access*/
    .access {
        padding-top: calc(240px * 0.5);
    }
    .access-inner {
        justify-content: space-around;
    }
    .access-img {
        width: 30%;
        max-width: 300px;
        height: 34vw;
    }
    .access-text {
        width: 60%;
        max-width: 210px;
        margin-left: 0;
        padding-top: calc(50px * 0.5);
        padding-bottom: calc(40px * 0.5);
        margin-bottom: 0;
        font-size: calc(2.4rem * 0.5);
    }
    .access-text::before {
        border-right-width: calc(275px * 0.5);
        border-bottom-width: calc(140px * 0.5);
        border-left-width: calc(275px * 0.5);
    }
    /*common-contact*/
    .common-contact {
        padding-top: calc(300px * 0.5);
        padding-bottom: calc(140px * 0.5);
    }
    .common-contact-inner {
        justify-content: space-around;
    }
    .common-contact-img {
        width: 30%;
        max-width: 300px;
        height: 34vw;
    }
    .common-contact-text-wrapper {
        width: 60%;
        max-width: 210px;
        padding-top: calc(40px * 0.5);
        padding-bottom: calc(40px * 0.5);
        margin-right: 0;
        margin-bottom: 0;
    }
    .common-contact-text-wrapper::before {
        border-right-width: calc(275px * 0.5);
        border-bottom-width: calc(140px * 0.5);
        border-left-width: calc(275px * 0.5);
    }
    .common-contact-text {
        font-size: calc(2.4rem * 0.5);
    }
    .common-button {
        margin-top: calc(20px * 0.5);
    }
    .common-button a {
        padding-top: calc(20px * 0.5);
        padding-bottom: calc(20px * 0.5);
    }
    .common-button a::after {
        border-top-width: calc(5px * 0.5);
        border-bottom-width: calc(5px * 0.5);
        border-left-width: calc(10px * 0.5);
        right: calc(20px * 0.5);
    }
    /*footer*/
    .footer-content-wrapper {
        padding-top: calc(50px * 0.5);
    }
    .footer-logo {
        margin-left: calc(60px * 0.5);
    }
    .footer-nav {
        margin-right: calc(80px * 0.5);
    }
    .footer-nav ul li {
        margin-bottom: calc(30px * 0.5);
    }
    .footer-nav ul li>a {
        font-size: calc(2rem * 0.5);
    }
    .copyright {
        padding-top: calc(70px * 0.5);
        padding-bottom: calc(70px * 0.5);
    }
    /*ここからメニューページ---------------------------------------------------*/
    .menu-key-visual {
        margin-top: 0;
    }
    .title {
        font-size: calc(5rem * 0.5);
    }
    .title>span {
        font-size: calc(2.4rem * 0.5);
    }
    .menu01 {
        padding-top: calc(180px * 0.5);
    }
    .menu-inner {
        padding-bottom: calc(230px * 0.5);
        width: 90%;
    }
    .menu04-inner {
        padding-top: calc(160px * 0.5);
    }
    .menu-title {
        padding-left: calc(50px * 0.5);
        padding-right: calc(50px * 0.5);
        font-size: calc(3rem * 0.5);
        margin-top: calc(-40px * 0.5);
        margin-bottom: calc(100px * 0.5);
    }
    .menu-list li {
        font-size: calc(2.4rem * 0.5);
    }
    .menu-list li:not(:last-child):after {
        bottom: calc(-50px * 0.5);
    }
    .menu-list li:not(:last-child) {
        margin-bottom: calc(60px * 0.5);
    }
    .menu-img01 {
        margin-top: calc(-80px * 0.5);
        padding: calc(24px * 0.5);
    }
    .menu-img02 {
        padding: calc(24px * 0.5);
        margin-top: calc(-150px * 0.5);
    }
    .menu02 {
        margin-top: calc(150px * 0.5);
    }
    .menu-img03 {
        margin-top: calc(-80px * 0.5);
        padding: calc(24px * 0.5);
    }
    .menu-img04 {
        padding: calc(24px * 0.5);
        margin-top: calc(-170px * 0.5);
    }
    .menu03 {
        margin-top: calc(150px * 0.5);
    }
    .special-price {
        padding: calc(10px * 0.5);
        top: calc(-40px * 0.5);
        left: calc(90px * 0.5);
    }
    .special-price-inner {
        padding: calc(7px * 0.5);
    }
    .special-price span {
        font-size: calc(2.2rem * 0.5);
    }
    .facial-list li:first-child {
        margin-bottom: calc(50px * 0.5);
    }
    .facial-list li p,
    .datsumo-list li p {
        font-size: calc(2.6rem * 0.5);
        margin-bottom: calc(50px * 0.5);
    }
    .usually {
        font-size: calc(2.6rem * 0.5);
    }
    .sale {
        font-size: calc(3.6rem * 0.5);
        margin-left: calc(140px * 0.5);
    }
    .menu-img05 {
        padding: calc(24px * 0.5);
        margin-top: calc(-170px * 0.5);
        margin-right: calc(110px * 0.5);
    }
    .menu04 {
        margin-top: calc(150px * 0.5);
    }
    .menu-img06 {
        padding: calc(24px * 0.5);
        margin-top: calc(-170px * 0.5);
        margin-left: calc(110px * 0.5);
    }
    .facial-list .confirm,
    .confirm,
    .datsumo-txt {
        font-size: calc(2rem * 0.5);
    }
    .confirm {
        margin-bottom: calc(8px * 0.5);
    }
    /*ここからオーナーページ---------------------------------------------------*/
    .owner {
        padding-top: calc(160px * 0.5);
    }
    .owner-text-wrapper {
        margin-top: calc(260px * 0.5);
        padding-top: calc(70px * 0.5);
        padding-bottom: calc(70px * 0.5);
    }
    .owner-text {
        font-size: calc(2.4rem * 0.5);
    }
    /*ここから問い合せ-----------------------------------------------------*/
    .contact-key-visual {
        margin-top: 0;
    }
    .contact {
        padding-top: calc(300px * 0.5);
    }
    .contact-inner::before {
        width: calc(130px * 0.5);
        height: calc(130px * 0.5);
        top: calc(-110px * 0.5);
    }
    .contact-inner::after {
        width: calc(130px * 0.5);
        height: calc(130px * 0.5);
        top: calc(-110px * 0.5);
    }
    .contact-text {
        font-size: calc(2.4rem * 0.5);
    }
    .contact-icon-wrapper {
        margin-top: calc(70px * 0.5);
    }
    .contact-icon-wrapper::before {
        width: calc(130px * 0.5);
        height: calc(130px * 0.5);
        bottom: calc(-110px * 0.5);
    }
    .contact-icon-wrapper::after {
        width: calc(130px * 0.5);
        height: calc(130px * 0.5);
        bottom: calc(-110px * 0.5);
    }
    .contact-line {
        margin-left: calc(70px * 0.5);
    }
    .reserve-text-wrapper {
        padding-bottom: calc(90px * 0.5);
        padding-top: calc(70px * 0.5);
    }
}

@media screen and (max-width:540px) {
    .key-visual {
        height: 60vw;
    }
    .key-text {
        font-size: calc(4rem * 0.4);
    }
    .topic {
        padding-top: calc(20px * 0.4);
        padding-right: calc(20px * 0.4);
        padding-left: calc(20px * 0.4);
        padding-bottom: calc(30px * 0.4);
    }
    /*コンセプト*/
    .concept {
        padding-top: calc(270px * 0.4);
        padding-bottom: calc(230px * 0.4);
    }
    .common-title {
        font-size: calc(3.6rem * 0.4);
    }
    .common-title::after {
        width: calc(34px * 0.4);
        height: calc(3px * 0.4);
    }
    .concept p {
        margin-top: calc(86px * 0.4);
        font-size: 1rem;
    }
    /*トップメニュー*/
    .top-menu {
        padding-top: calc(140px * 0.4);
        padding-bottom: calc(180px * 0.4);
    }
    .top-menu-text01 {
        font-size: calc(3rem * 0.4);
        margin-bottom: calc(160px * 0.4);
    }
    .parafuse,
    .facial,
    .tete {
        padding-top: calc(90px * 0.4);
        padding-bottom: calc(130px * 0.4);
    }
    .parafuse,
    .facial {
        margin-bottom: calc(150px * 0.4);
    }
    .top-menu-title {
        font-size: calc(3rem * 0.4);
        margin-bottom: calc(90px * 0.4);
    }
    .top-menu-title::before {
        width: calc(90px * 0.4);
        height: calc(90px * 0.4);
        top: calc(-26px * 0.4);
    }
    .parafuse p,
    .facial p,
    .tete p {
        font-size: 1rem;
    }
    .top-menu-text02 {
        font-size: 1rem;
        margin-top: calc(150px * 0.4);
        margin-bottom: calc(120px * 0.4);
    }
    .menu-button a {
        padding-bottom: calc(20px * 0.4);
        padding-top: calc(20px * 0.4);
    }
    .menu-button a::after {
        border-top-width: calc(5px * 0.4);
        border-bottom-width: calc(5px * 0.4);
        border-left-width: calc(10px * 0.4);
        right: calc(20px * 0.4);
    }
    /*access*/
    .access {
        padding-top: calc(240px * 0.4);
    }
    .access-text {
        width: 40%;
        padding-top: calc(50px * 0.4);
        padding-bottom: calc(40px * 0.4);
        font-size: 1rem;
    }
    .access-text::before {
        border-right-width: calc(275px * 0.4);
        border-bottom-width: calc(140px * 0.4);
        border-left-width: calc(275px * 0.4);
    }
    /*common-contact*/
    .common-contact {
        padding-top: calc(300px * 0.4);
        padding-bottom: calc(140px * 0.4);
    }
    .common-contact-text-wrapper {
        width: 40%;
        padding-top: calc(40px * 0.4);
        padding-bottom: calc(40px * 0.4);
    }
    .common-contact-text-wrapper::before {
        border-right-width: calc(275px * 0.4);
        border-bottom-width: calc(140px * 0.4);
        border-left-width: calc(275px * 0.4);
    }
    .common-contact-text {
        font-size: 1rem;
    }
    .common-button {
        width: 47%;
        margin-top: calc(20px * 0.4);
    }
    .common-button a {
        padding-top: calc(20px * 0.4);
        padding-bottom: calc(20px * 0.4);
    }
    .common-button a::after {
        border-top-width: calc(5px * 0.4);
        border-bottom-width: calc(5px * 0.4);
        border-left-width: calc(10px * 0.4);
        right: calc(20px * 0.4);
    }
    /*footer*/
    .footer-content-wrapper {
        padding-top: calc(50px * 0.4);
    }
    .footer-logo {
        margin-left: calc(60px * 0.4);
    }
    .footer-nav {
        margin-right: calc(80px * 0.4);
    }
    .footer-nav ul li {
        margin-bottom: calc(30px * 0.4);
    }
    .footer-nav ul li>a {
        font-size: 1rem;
    }
    .footer-icon-wrapper {
        justify-content: center;
    }
    .footer-insta,
    .footer-line {
        width: 30%;
    }
    .copyright {
        padding-top: calc(70px * 0.4);
        padding-bottom: calc(70px * 0.4);
    }
    /*ここからメニューページ---------------------------------------------------*/
    .title {
        font-size: calc(5rem * 0.4);
    }
    .title>span {
        font-size: 1rem;
    }
    .menu01 {
        padding-top: calc(180px * 0.4);
    }
    .menu-inner {
        padding-bottom: calc(230px * 0.4);
    }
    .menu04-inner {
        padding-top: calc(160px * 0.4);
    }
    .menu-title {
        padding-left: calc(50px * 0.4);
        padding-right: calc(50px * 0.4);
        font-size: calc(3rem * 0.4);
        margin-top: calc(-40px * 0.4);
        margin-bottom: calc(100px * 0.4);
    }
    .menu-list li {
        font-size: 1rem;
    }
    .menu-list li:not(:last-child):after {
        bottom: calc(-50px * 0.4);
    }
    .menu-list li:not(:last-child) {
        margin-bottom: calc(60px * 0.4);
    }
    .menu-img01 {
        margin-top: calc(-80px * 0.4);
        padding: calc(24px * 0.4);
    }
    .menu-img02 {
        padding: calc(24px * 0.4);
        margin-top: calc(-150px * 0.4);
    }
    .menu02 {
        margin-top: calc(150px * 0.4);
    }
    .menu-img03 {
        margin-top: calc(-80px * 0.4);
        padding: calc(24px * 0.4);
    }
    .menu-img04 {
        padding: calc(24px * 0.4);
        margin-top: calc(-170px * 0.4);
    }
    .menu03 {
        margin-top: calc(150px * 0.4);
    }
    .special-price {
        padding: calc(10px * 0.4);
        top: calc(-40px * 0.4);
        left: calc(90px * 0.4);
    }
    .special-price-inner {
        padding: calc(7px * 0.4);
    }
    .special-price span {
        font-size: 1rem;
    }
    .facial-list li:first-child {
        margin-bottom: calc(50px * 0.4);
    }
    .facial-list li p,
    .datsumo-list li p {
        font-size: 1rem;
        margin-bottom: calc(50px * 0.4);
    }
    .usually {
        font-size: 1rem;
    }
    .sale {
        font-size: calc(3.6rem * 0.4);
        margin-left: calc(140px * 0.4);
    }
    .menu-img05 {
        padding: calc(24px * 0.4);
        margin-top: calc(-170px * 0.4);
        margin-right: calc(110px * 0.4);
    }
    .menu04 {
        margin-top: calc(150px * 0.4);
    }
    .menu-img06 {
        padding: calc(24px * 0.4);
        margin-top: calc(-170px * 0.4);
        margin-left: calc(110px * 0.4);
    }
    .confirm {
        margin-bottom: calc(8px * 0.4);
    }
    /*ここからオーナーページ---------------------------------------------------*/
    .owner {
        padding-top: calc(160px * 0.4);
    }
    .owner-img {
        width: 50%;
    }
    .owner-text-wrapper {
        margin-top: calc(260px * 0.4);
        padding-top: calc(70px * 0.4);
        padding-bottom: calc(70px * 0.4);
    }
    .owner-text-wrapper::after,
    .owner-text-wrapper::before {
        width: 90%;
        background-size: 10px 1px;
        background-image: linear-gradient(to right, rgba(56, 31, 31, 0.5), rgba(56, 31, 31, 0.5) 5px, transparent 5px, transparent 10px);
    }
    .owner-text {
        font-size: 1rem;
        width: 90%;
    }
    /*ここから問い合せ-----------------------------------------------------*/
    .contact {
        padding-top: calc(300px * 0.4);
    }
    .contact-inner::before {
        width: calc(130px * 0.4);
        height: calc(130px * 0.4);
        top: calc(-110px * 0.4);
    }
    .contact-inner::after {
        width: calc(130px * 0.4);
        height: calc(130px * 0.4);
        top: calc(-110px * 0.4);
    }
    .contact-text {
        font-size: 1rem;
    }
    .contact-icon-wrapper {
        margin-top: calc(70px * 0.4);
    }
    .contact-icon-wrapper::before {
        width: calc(130px * 0.4);
        height: calc(130px * 0.4);
        bottom: calc(-110px * 0.4);
    }
    .contact-icon-wrapper::after {
        width: calc(130px * 0.4);
        height: calc(130px * 0.4);
        bottom: calc(-110px * 0.4);
    }
    .contact-line {
        margin-left: calc(70px * 0.4);
    }
    .reserve-text-wrapper {
        padding-bottom: calc(90px * 0.4);
        padding-top: calc(70px * 0.4);
    }
}

@media screen and (max-width:415px) {
    .key-text {
        font-size: calc(4rem * 0.3);
    }
    .topic {
        padding-top: calc(20px * 0.3);
        padding-right: calc(20px * 0.3);
        padding-left: calc(20px * 0.3);
        padding-bottom: calc(30px * 0.3);
    }
    /*コンセプト*/
    .concept {
        padding-top: calc(270px * 0.3);
        padding-bottom: calc(230px * 0.3);
    }
    .common-title {
        font-size: calc(3.6rem * 0.3);
    }
    .common-title::after {
        width: calc(34px * 0.3);
        height: calc(3px * 0.3);
    }
    .concept p {
        margin-top: calc(86px * 0.3);
    }
    /*トップメニュー*/
    .top-menu {
        padding-top: calc(140px * 0.3);
        padding-bottom: calc(180px * 0.3);
    }
    .top-menu-text01 {
        font-size: calc(3rem * 0.3);
        margin-bottom: calc(160px * 0.3);
    }
    .parafuse,
    .facial,
    .tete {
        padding-top: calc(90px * 0.3);
        padding-bottom: calc(130px * 0.3);
    }
    .parafuse,
    .facial {
        margin-bottom: calc(150px * 0.3);
    }
    .top-menu-title {
        font-size: calc(3rem * 0.3);
        margin-bottom: calc(90px * 0.3);
    }
    .top-menu-title::before {
        width: calc(90px * 0.3);
        height: calc(90px * 0.3);
        top: calc(-26px * 0.3);
    }
    .top-menu-text02 {
        margin-top: calc(150px * 0.3);
        margin-bottom: calc(120px * 0.3);
    }
    .menu-button a {
        padding-bottom: calc(20px * 0.3);
        padding-top: calc(20px * 0.3);
    }
    .menu-button a::after {
        border-top-width: calc(5px * 0.3);
        border-bottom-width: calc(5px * 0.3);
        border-left-width: calc(10px * 0.3);
        right: calc(20px * 0.3);
    }
    /*access*/
    .access {
        padding-top: calc(240px * 0.3);
    }
    .access-text {
        width: 48%;
        padding-top: calc(50px * 0.3);
        padding-bottom: calc(40px * 0.3);
    }
    .access-text::before {
        top: -35%;
        border-right-width: calc(275px * 0.35);
        border-bottom-width: calc(140px * 0.35);
        border-left-width: calc(275px * 0.35);
    }
    /*common-contact*/
    .common-contact {
        padding-top: calc(300px * 0.3);
        padding-bottom: calc(140px * 0.3);
    }
    .common-contact-text-wrapper {
        width: 48%;
        padding-top: calc(40px * 0.3);
        padding-bottom: calc(40px * 0.3);
    }
    .common-contact-text-wrapper::before {
        top: -35%;
        border-right-width: calc(275px * 0.35);
        border-bottom-width: calc(140px * 0.35);
        border-left-width: calc(275px * 0.35);
    }
    .common-button {
        margin-top: calc(20px * 0.3);
    }
    .common-button a {
        padding-top: calc(20px * 0.3);
        padding-bottom: calc(20px * 0.3);
    }
    .common-button a::after {
        border-top-width: calc(5px * 0.3);
        border-bottom-width: calc(5px * 0.3);
        border-left-width: calc(10px * 0.3);
        right: calc(20px * 0.3);
    }
    /*footer*/
    .footer-content-wrapper {
        padding-top: calc(50px * 0.3);
    }
    .footer-logo {
        margin-left: calc(60px * 0.3);
    }
    .footer-nav {
        margin-right: calc(80px * 0.3);
    }
    .footer-nav ul li {
        margin-bottom: calc(30px * 0.3);
    }
    .copyright {
        padding-top: calc(70px * 0.3);
        padding-bottom: calc(70px * 0.3);
    }
    /*ここからメニューページ---------------------------------------------------*/
    .title {
        font-size: calc(5rem * 0.3);
    }
    .menu01 {
        padding-top: calc(180px * 0.3);
    }
    .menu-inner {
        padding-bottom: calc(230px * 0.3);
    }
    .menu04-inner {
        padding-top: calc(160px * 0.3);
    }
    .menu-title {
        padding-left: calc(50px * 0.3);
        padding-right: calc(50px * 0.3);
        /* font-size: calc(3rem * 0.3); */
        margin-top: calc(-40px * 0.3);
        margin-bottom: calc(100px * 0.3);
    }
    .menu-list li:not(:last-child):after {
        bottom: calc(-50px * 0.3);
    }
    .menu-list li:not(:last-child) {
        margin-bottom: calc(60px * 0.3);
    }
    .menu-img01 {
        margin-top: calc(-80px * 0.3);
        padding: calc(24px * 0.3);
    }
    .menu-img02 {
        padding: calc(24px * 0.3);
        margin-top: calc(-150px * 0.3);
    }
    .menu02 {
        margin-top: calc(150px * 0.3);
    }
    .menu-img03 {
        margin-top: calc(-80px * 0.3);
        padding: calc(24px * 0.3);
    }
    .menu-img04 {
        padding: calc(24px * 0.3);
        margin-top: calc(-170px * 0.3);
    }
    .menu03 {
        margin-top: calc(150px * 0.3);
    }
    .special-price {
        padding: calc(10px * 0.3);
        top: calc(-40px * 0.3);
        left: calc(90px * 0.3);
    }
    .special-price-inner {
        padding: calc(7px * 0.3);
    }
    .facial-list li:first-child {
        margin-bottom: calc(50px * 0.3);
    }
    .facial-list li p,
    .datsumo-list li p {
        margin-bottom: calc(50px * 0.3);
    }
    .sale {
        font-size: calc(3.6rem * 0.3);
        margin-left: calc(140px * 0.3);
    }
    .menu-img05 {
        padding: calc(24px * 0.3);
        margin-top: calc(-170px * 0.3);
        margin-right: calc(110px * 0.3);
    }
    .menu04 {
        margin-top: calc(150px * 0.3);
    }
    .menu-img06 {
        padding: calc(24px * 0.3);
        margin-top: calc(-170px * 0.3);
        margin-left: calc(110px * 0.3);
    }
    .confirm {
        margin-bottom: calc(8px * 0.3);
    }
    /*ここからオーナーページ---------------------------------------------------*/
    .owner {
        padding-top: calc(160px * 0.3);
    }
    .owner-text-wrapper {
        margin-top: calc(260px * 0.3);
        padding-top: calc(70px * 0.3);
        padding-bottom: calc(70px * 0.3);
    }
    /*ここから問い合せ-----------------------------------------------------*/
    .contact {
        padding-top: calc(300px * 0.3);
    }
    .contact-inner::before {
        width: calc(130px * 0.3);
        height: calc(130px * 0.3);
        top: calc(-110px * 0.3);
    }
    .contact-inner::after {
        width: calc(130px * 0.3);
        height: calc(130px * 0.3);
        top: calc(-110px * 0.3);
    }
    .contact-icon-wrapper {
        margin-top: calc(70px * 0.3);
    }
    .contact-icon-wrapper::before {
        width: calc(130px * 0.3);
        height: calc(130px * 0.3);
        bottom: calc(-110px * 0.3);
    }
    .contact-icon-wrapper::after {
        width: calc(130px * 0.3);
        height: calc(130px * 0.3);
        bottom: calc(-110px * 0.3);
    }
    .contact-line {
        margin-left: calc(70px * 0.3);
    }
    .reserve-text-wrapper {
        padding-bottom: calc(90px * 0.3);
        padding-top: calc(70px * 0.3);
    }
}

.datsumo-list li .price {
    margin-bottom: max(12px, min(1.2vw, 24px));
    margin-top: 0;
}