@charset "utf-8";
@font-face {
    font-family: "Utsukushi";
    src: url(./UtsukushiMincho-FONT/UtsukushiFONT.woff);
}
@font-face {
    font-family: "Aviano_Sans_Bold";
    src: url(./Aviano_Sans/Aviano_Sans_Bold.woff);
}
html {
    font-size: 62.5%;
    font-family: "Noto Sans JP","メイリオ","Arial","ヒラギノ角 ProN",sans-serif;
    color: #333;
}
body{
    -webkit-text-size-adjust: 100%;
}
/* header ここから*/
header .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_logo {
    display: flex;
    align-items: center;
    width: 36rem;
}
.header_logo h2 {
    background-color: #222;
    display: inline-block;
    width: 11rem;
    height: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PC_logo_img {
    width: 4.23rem;
    height: auto;

}
.PC_logo_words_img {
    margin: 0 0 0 2rem;
    width: 14.6rem;
}
/* header navここから */
.header_nav {
    width: 100%;
    max-width: 100rem;
}
.nav_menu li a {
    display: block;
    transition: all 0.5s;
}
.nav_menu li a:hover {
    color: #CCC;
    /* opacity: 0; */
}
.header_nav ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.header_nav ul li {
    font-family: "Noto Sans JP";
    text-align: center;
    font-size: clamp(1rem, 1vw + 0.26rem, 1.8rem);;
}
.header_nav ul li a {
    color: #333;
}
/* SP用navここから */
.header_nav_sp {
    display: none;
    background-color: #000;
    opacity: 0.85;
    width: 100%;
    position: fixed;
    top: 0;
    left: -300%;        
    z-index: 5;
    transition: all .5s;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    min-height: 100dvh;
}
.header_nav_sp.active {
    top: 0;
    left: 0;
}
.header_nav_sp ul  {
    padding: 10% 0 16% 0;    
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.header_nav_sp ul li {
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #fff;
    width: 74%;
    margin: 0 auto;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_nav_sp ul li a {
    font-size: 2.6rem;
    color: #fff;
    letter-spacing: 0.05rem;
}
/* SP用navここまで */
.openbtn {
	position: fixed;
    top: 0;
    right: 0;
	cursor: pointer;
    width: 10rem;
    height: 10rem;
    z-index: 5;
    display: none;
}
/*ボタン内側*/
.openbtn span {
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: -1.7rem;
    height: 0.7rem;
    border-radius: 2px;
    background: #000;
    width: 85%;
}
.openbtn span:nth-of-type(1) {
    top: 4.6rem;	
}
.openbtn span:nth-of-type(2) {
    top: 7.2rem;
}
.openbtn span:nth-of-type(3) {
    top: 9.8rem;
}
.openbtn.active span {
    background: #fff;
}
.openbtn.active span:nth-of-type(1) {
    top: 6.4rem;
    left: -2rem;
    transform: translateY(0.6rem) rotate(-135deg);
    width: 100%;
}
.openbtn.active span:nth-of-type(2) {
    opacity: 0;
}
.openbtn.active span:nth-of-type(3) {
    top: 7.8rem;
    left: -2.2rem;
    transform: translateY(-0.6rem) rotate(135deg);
    width: 100%;
}
/* header navここまで */
/* header ここまで*/

/* main ここから*/
main article {
    padding-bottom: 10rem;
}
.mv_area {
    line-height: 0;
}
/* mvここから */
.top_mv {
    margin: 0 auto;
}

.mv_area {
    position: relative;
}
.top_mv_back,
.top_mv_back_sp {
   width: 100%;
}
.top_mv_words {
    position: absolute;
    top: 50%;
    left:  50%;
    transform: translate(-50%, -50%);
    max-width: 70rem;
    width: 40vw;
}
.top_mv_words_sp {
    position: absolute;
    top: 50%;
    left:  50%;
    transform: translate(-50%, -50%);
    max-width: 78rem;
    width: 82vw;
}
.top_mv_back_sp,
.top_mv_words_sp {
    display: none;
}

/* mvここまで */
/* inquirysここから */
.inquirys {
    position: absolute;
    z-index: 10;
    top: 70%;
    right:0;
    writing-mode: vertical-rl;
    font-size: 1.8rem;
    display: flex;
}
.inquirys {    
    top: 70%;
}
.inquirys.fixed {
    position: fixed;
    right: 0;
    top: 10%;
}
.inquirys a {
    color: white;
    transition: all 0.5s;
}
.inquirys a:hover {
    opacity: 0.8;
}
.inquirys img {
    margin-bottom: 0.8rem;
}
.inquirys img,
.inquirys p {
    display: inline-block;
}
.inquirys p {
    letter-spacing: 0.4rem;
}
.reserve,
.inquiry {
    width: 8rem;
    height: 24rem;
    border-radius: 0.9rem 0 0 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reserve {
    background-color: #222;
    margin-bottom: 1rem;
}
.inquiry {
    background-color: #73D8DC;
}

/* inquirysここまで */
/* introductionここから */
.wrapper_main {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}
.introduction {
    margin: 7.8rem 0 3.6rem 0;
    text-align: center;
    font-size: 1.8rem;
}
.introduction h2 {
    padding: 0 0 4.4rem 0;
    line-height: 4.4;
}
.introduction h2,
.introduction h3,
.introduction p,
.esthetic_introduction h3,
.esthetic_introduction_p {
    font-size: 1.8rem;
    line-height: 2.2;
    font-weight: normal;
}
/* 修正追加分ここから */
.esthetic_introduction_p {
    padding-top: 0rem;
    font-size: 1.8rem;
    line-height: 1.95;
}
.UtukushiFONT {
    font-family: "Utsukushi";
}
.introduction .introduction_title {
    font-size: 4.5rem;
    font-weight: normal;
    letter-spacing: 0.24rem;
    padding-bottom: 5.5rem;
}
.introduction .introduction_title2 {
    font-size: 3.7rem;
    font-weight: normal;
    letter-spacing: 0.43rem;
    padding-bottom: 5.5rem;
}
.introduction_br {
    display: none;
}
.introduction .introduction_subtitle {
    font-size: 2.8rem;
    font-weight: normal;
    letter-spacing: 0.15rem;
    padding: 0 0 0.6rem 0;
    /* font-family: "aviano-sans"; */
}
.introduction_course {
    border: 1px solid #38C4C9;
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 2.8rem;
}
.introduction_course ul {
    font-size: 2rem;
    line-height: 4rem;
    padding: 4rem 0rem 4rem 6.4rem;
    text-align: left;
}
.introduction_course ul li {
    list-style: none;
    padding-left: 0.6rem;
    position: relative;
    width: 62.5rem;
}
.introduction_course ul li:before {
    border-radius: 50%; /*丸くする*/
    width: 1rem; /*点の幅*/
    height: 1rem; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: -2.4rem; /*点の位置*/
    top: 1.5rem; /*点の位置*/
    content: "";
    background: #38C4C9; /*点の色*/
}
.introduction_arrow {
    display: block;
    width: 6.2rem;
    height: auto;
}
.introduction_link_anker {
    display: block;
    width: 100%;
    height: 20rem;
    max-width: 40rem;
    transition: all .5s ease-out;
}
.introduction_link_anker:hover {
    color: #AAA;
}
.introduction_link {
    text-align: left;
    padding-left: 3.5rem;
    line-height: 1.7rem;
    position: relative;
}
.Aviano_Sans_Bold {
    font-family: "Aviano_Sans_Bold";
    font-size: 5rem;  
}
.introduction_link span {    
    display: block;
}
.large_font {    
    font-size: 5rem;  
    letter-spacing: 0.09rem;
}
.middle_font {
    font-size: 3.5rem;
    letter-spacing: 0rem;
    transform: scaleX(1.01);
    transform-origin: 0%;
}
.small_font {
    font-size: 1.6rem;
    font-family: "Noto Sans JP"; 
    font-weight: normal;
}
.introduction_link .large_font {
    position: absolute;
    top: 5.2rem;
    padding: 1rem 0;
}
.introduction_link .middle_font {
    position: absolute;
    top: 10rem;
    display: block;
    margin-top: 0rem;
}
.introduction_link .small_font{
    position: absolute;
    top: 13rem;
    width: 20rem;
}
.about_salon {
    margin-top: 2rem;
    margin-bottom: 14rem;
}
.about_salon p {
    font-size: 1.8rem;
    line-height: 3.5rem;
}

.esthetician {
    padding-bottom: 5rem;
}
.esthetician_title {
    margin-bottom: 5rem;
}
.esthetician span {
    display: block;
    text-align: center;
}
.esthetician .large_font {
    line-height: 5.5rem;
    letter-spacing: -0.08rem;
}
.esthetician .small_font {
    letter-spacing: 0.19rem;
}

.esthetician_introduction {
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
}
.esthetician_introduction_words {
    padding-top: 4.7rem;
    background-image: url(../images/eri_atsumi_BG.svg);
    background-position: top left;
    background-repeat: no-repeat;
    
    background-size: 90%;
}
.esthetician_name {
    font-size: 3rem;
    font-weight: normal;
    letter-spacing: 0.9rem;
}
.esthetician_birth {
    margin-top: 0.5rem;
    letter-spacing: 0.08rem;
}
.career_title {
    margin-top: 3.7rem;
    margin-left: 2rem;
    letter-spacing: 0.03rem;
}
.career_log_list  {
    margin-top: 1.8rem;
    margin-left: 3.1rem;
}
.career_log_list li {
    list-style: none;
    position: relative;
    font-size: 1.6rem;
    line-height: 3.46rem;
    letter-spacing: 0.07rem;
}
.career_log_list li:before {
    border-radius: 50%; /*丸くする*/
    width: 1rem;
    height: 1rem; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: -2rem; /*点の位置*/
    top: 1.5rem; /*点の位置*/
    content: "";
    background: #AAA; /*点の色*/
}
.career_log {
    width: 72rem;
    margin-top: 1.7rem;
    line-height: 3.47rem;
    letter-spacing: 0.08rem;
}
.esthetician_introduction_photo {
    width: 45rem;
    height: auto;
}
.greetings {
    background-image: url(../images/message.png);
    background-repeat: no-repeat;
    font-size: 1.6rem;
    padding: 5rem 5rem 5rem 10rem;
    border: 1px solid #73D8DC;
    margin-bottom: 13rem;
}
.greetings h5 {
    font-size: 2.8rem;
    /* padding-left: 6rem; */
    letter-spacing: 0.1rem;
}
.greetings p {
    padding-top: 2rem;
    line-height: 3.5rem;
    letter-spacing: 0.08rem;
}
.exterior_sp {
    display: none;
}
/* 修正追加分ここまで */

.introduction h3,
.introduction p {
    padding: 0 0 4rem 0;
}
rt {
    font-size: 1rem;
    text-align: center;
}
.sp_ruby {
    display: none;
}
.highlight {
    text-decoration: underline; /* 下線 */
    text-decoration-thickness: 0.5em; /* 線の太さ */
    text-decoration-color: rgba(207, 236, 246, 1); /* 線の色 */
    text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
    text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
  }
/* introductionここまで */
/* 水色ボタンここから */
.link {
    background-color: #73D8DC;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 75rem;
    height: 7rem;
    margin: 0 auto;
    border-radius: 3.5rem;
    position: relative;
    transition: all .2s ease-out;
}
.link p {
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    padding: 0;
}
.link::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.1rem);
    right: 2rem;
    display: block;
    width: 3rem;
    height: 0;
    border-top: solid 0.2rem #fff;
    transition: all .5s ease-out;    
}
.link::after {
    content: '';
    position: absolute;
    top: calc(50% - 0.35rem);
    right: 1.95rem;
    display: block;
    width: 0.7rem;
    height: 0;
    border-top: solid 0.2rem #fff;
    transform:rotate(45deg);
    transition: all .5s ease-out;
}
.link_button {
    display: block;
}
.link_button:hover .link {
    opacity: 0.8;
}
.link_button:hover .link::before {
    width: 0;
}
.link_button:hover .link::after {
    width: 0;
}
/* 水色ボタンここまで */
/* estheticここから */
.esthetic {
    align-items: center;
    margin-bottom: 6.8rem;
    position: relative;
}
.esthetic_detail {
    position: absolute;
    top: 1rem;
    left: 1rem;
    border: 1px solid #CCCCCC;
    padding-right: 2rem;
    display: flex;
    align-items: center;
    width: calc(100% - 1rem);
    max-width: 120rem;
}
.esthetic_title {
    position: relative;
    z-index: 2;
}
.esthetic_photo_sp {
    display: none;
}
.esthetic_introduction {
    margin-left: -5.5rem;
}
.esthetic_introduction h3 {
    max-width: 75rem;
    /* margin-bottom: 2rem; */
}
.esthetic_introduction_p {
    max-width: 75rem;
    margin-bottom: 2rem;
}
.body_make {
    margin-bottom: 2.7rem;
}
/* beauty_courseここまで */
.annotation {
    font-size: 1.8rem;
    text-align: end;
    margin-top: 3rem;
}
/* main ここまで*/

/* footer ここから*/
.footer_company {
    background-color: #222;
    padding: 5rem 0 3.7rem 0;
}
.footer_logo {
    width: 14rem;
    margin: 0 auto;
    padding: 0 0 2.75rem 0;
}
.company_adress {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0.05em;
}
.company_adress span {
    display: inline-block;
    width: 1rem;
}
.wrapper_w_main {
    width: 100%;
    max-width: 140rem;
    margin: 0 auto;
}
.footer_nav ul {
    list-style: none;
    display: flex;
    /* justify-content:space-around; */
    justify-content: center;
    align-items: center;
    padding: 2.3rem 0 2.1rem 0;
    max-width: 94rem;
    flex-wrap: wrap;
    margin: 0 auto;
}
.footer_nav ul li {
    text-align: center;
    font-size: 1.8rem;
    padding: 0 2rem 1.5rem 2rem;
}
.footer_nav ul li br {
    display: none;
}
.copylight {
    background-color: #222;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    padding: 1.2rem 0;
    letter-spacing: 0.09rem;
    margin-top: -1.7rem;
}
/* footer ここまで*/
.br_960 {
    display: none;
}



@media screen and (max-width: 1385px) {
    .header_nav ul li {
        margin: 1.2rem;
    }
    .wrapper_main {
        padding: 0 9rem 0 2rem;
    }
    /* 修正追加分ここから */
    .introduction_br {
        display: block;
    }
    .introduction_course {
        justify-content: space-around;
    }
    .introduction_course ul li {
    padding-left: 0.6rem;
    /* width: 62.5rem; */
    width: 100%;
    }
    .introduction_slimming ul li {
        /* width: 50rem; */
        padding-right: 17.98rem;
    }
    .br_960 {
        display: block;
    }
    .introduction .introduction_subtitle {
        font-size: 2.8rem;
        font-weight: normal;
        letter-spacing: 0.15rem;
        padding: 0 0 0.6rem 0;
        /* font-family: "aviano-sans"; */
    }
    #top .link {
        margin-bottom: 4rem;
    }
    .esthetic_detail {
        align-items: flex-start;
    }
    .esthetic_photo {
        height: 100%;
        width: auto;
    }
    /* 修正追加分ここまで */

}

@media screen and (max-width: 1200px) {
    .header_nav ul li {
        margin:  0 0.5rem;
    }
    .footer_nav ul li br {
        display: inline;
    }
    /* 追加修正分ここから */
    .introduction_course ul  {
        padding-left:5rem;
        flex: 1;
    }
    .introduction_link_anker {
        flex: 1;
    }
    /* 追加修正分ここまで */
}
@media screen and (max-width: 1200px) {
    .introduction_course {
        justify-content: flex-end;
    }
    .introduction_slimming ul li {
        /* width: 50rem; */
        padding-right: 0rem;
    }
    .esthetician_introduction_words {
        padding-right: 1rem;
        flex: 1;
    }
    .career_log {
        width: 100%;
    }
}
@media screen and (max-width: 1079px) {
    #esthetic_detail_Bodymake .esthetic_introduction {
        padding-bottom: 2rem;
    }
    #esthetic_detail_Bodymake {
        align-items: flex-end;
    }
    /* 追加修正分ここから */

    /* 追加修正分ここまで */
}

@media screen and (max-width:960px) {
    .header_logo {
        display: flex;
    }
    #top .header_logo {
        display: none;
    }
    .header_logo {
        width: 100%;
    }
    .header_logo h2 {
        width: 14rem;
        height: 14rem;
    }
    .PC_logo_img {
        width: 5.5rem;
        height: auto;
    }
    .PC_logo_words_img {
        margin: 0 0 0 2.6rem;
        width: 19rem;
    }
    main article {
        padding-bottom: 9.4rem;
    }
    .wrapper_main {
        padding: 0;
        /* width: 89%; */
        width: 92%;
    }
    .header_nav {
        display: none;
    }
    .top_mv_back,
    .top_mv_words {
        display: none;
    }
    .top_mv_back_sp,
    .top_mv_words_sp {
        display: block;
    }

    .header_nav_sp {
        display: block;
    }
    .openbtn {
        display: block;
    }

    .inquirys {
        display: none;
    }
    .inquirys {
        position: fixed;
        right: 0;
        top: 30%;
    }
    .introduction h2,
    .introduction h3,
    .introduction p,
    .esthetic_introduction h3,
    .esthetic_introduction_p {
        text-align: left;
        font-size: 2.6rem;
        line-height: 2;
    }
    .esthetic_introduction h3,
    .esthetic_introduction_p {
        margin: 3rem auto 0 auto;
        width: 92%;
        max-width: 70rem;
    }
    rt {
        display: none;
    }
    .sp_ruby {
        display: inline;
    }
    .introduction h3 br, 
    .introduction p br {
        display: none;
    }
    .introduction h3 .sp_on,
    .introduction p .sp_on {
        display: block;
    }
    .link {
        width: 90%;
        max-width: 72rem;
        height: 13rem;
        border-radius: 6.5rem;
    }
    .link p {
        font-size: 3.6rem;
        letter-spacing: 0.05rem;
    }
    .link::before {
        right: 4rem;
        top: 7.1rem;
        width: 4.7rem;
        border-top: solid 0.3rem #fff;
    }
    .link::after {
        top: calc(50% - 0.21rem);
        border-top: solid 0.3rem #fff;
        right: 3.6rem;
        width: 2.5rem;
    }
    .esthetic_photo {
        width: 100%;
    }
    .esthetic_detail {
        display: block;
        padding-right: 0;
    }
    .esthetic_photo {
        display: none;
    }
    .esthetic_photo_sp {
        display: block;
        width: 100%;
    }
    .esthetic_introduction {
        margin-left: 0;
    }
    .esthetic_title {
        width: 45%;
    }
    #esthetic_detail_Bodymake .esthetic_introduction {
        padding-bottom: 0;
    }
    #esthetic_detail_Bodymake {
        align-items: center;
    }
    .link_button {
        margin-bottom: 7.6rem;
    }
    .footer_nav ul {
        padding: 0;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .footer_nav ul li {
        text-align: left;
        font-size: 3.6rem;
        width: 50%;
        border-bottom: 1px solid #CCC;
        display: flex;
        padding: 2.3rem 0;
        padding-left: 2.7rem;
    }
    .footer_nav ul li a {
        padding: 0;
    }
    .footer_nav ul li br {
        display: none;
    }
    .footer_nav ul li:nth-child(odd) {
        border-right: 1px solid #ccc;
    }
    .annotation {
        font-size: 3.3rem;
        letter-spacing: 0.029rem;
        padding-top: 1.3rem;
        margin-bottom: 13.5rem;
    }
    .footer_company {
        padding: 10rem 0 12.5rem 0;
    }
    .footer_logo {
        width: 26.2rem;
        padding: 0 0 4.4rem 0;
    }
    .company_adress {
        font-size: 3.3rem;
    }
    .company_adress span {
        width: 2.9rem;
    }
    .copylight {
        font-size: 2.4rem;
        letter-spacing: 0.12rem;
    }
    /* 修正追加分ここから */
    .introduction {
        margin-top: 8.8rem;
    }
    .introduction .introduction_title {
        font-size: 5rem;
        text-align: center;
        letter-spacing: 0.24rem;
        padding-bottom: 6rem;
        line-height: 7rem;
    }
    .introduction .introduction_subtitle {
        text-align: center;
        font-size: 3.8rem;
        letter-spacing: 0.5rem;
        padding: 0.3rem 0 3.4rem 0;
    }
    .introduction_course {
        flex-direction: column;
        margin-bottom: 6.5rem;
    }
    .introduction_course ul {
        font-size: 3rem;
        line-height: 5.1rem;
        letter-spacing: 0.07rem;
        width: 100%;
        padding: 4.8rem 0rem 1rem 5.8rem;
        text-align: left;
    }
    .introduction_course ul li {
        padding-left: 0.9rem;
        padding-left: 2.3rem;
    }
    .introduction_course ul li:before {
        width: 1.5rem; /*点の幅*/
        height: 1.5rem; /*点の高さ*/
        position: absolute; /*絶対配置*/
        left: -2.8rem; /*点の位置*/
        left: -1.4rem;
        top: 2rem; /*点の位置*/
        top: 2.1rem
    }
    .introduction_arrow {
        transform: rotate( 90deg );
        display: block;
        width: 7.2rem;
        height: auto;
    }
    .introduction_link_anker {
        width: 100%;
        flex: 0;
    }
    .introduction_link {
        height: 22.3rem;
    }
    .introduction_link .large_font,
    .introduction_link .middle_font,
    .introduction_link .small_font {
        position: absolute;
        left: -7rem;
        width: 100%;
    }
    .introduction_link .large_font {
        top: 0rem;
        padding: 1rem 0;
    }
    .large_font {
        font-size: 9rem;
        letter-spacing: 0.06rem;
    }
    .introduction_link .middle_font {
        top: 7.9rem;
        display: block;
        margin-top: 0rem;
    }
    .middle_font {
        font-size: 6.5rem;
        letter-spacing: -0.23rem; 
        transform: scaleX(1.01);
        transform-origin: 0%;
    }    
    .introduction_link .small_font {
        top: 13.3rem;
    }
    .small_font {
        font-size: 3rem;
        font-family: "Noto Sans JP";
        letter-spacing: -0.17rem;
    }
    .introduction_esthetic .introduction_arrow {
        margin-top: -1.2rem;
    }
    .introduction_esthetic .large_font {
        letter-spacing: -0.35rem;
    }
    .introduction_esthetic .introduction_link {
        height: 23.9rem;
    }
    .introduction_slimming .introduction_arrow {
        margin-top: -2.8rem;
    }
    .introduction_slimming .large_font {
        letter-spacing: 0.02rem;
    }
    .introduction_slimming .introduction_link {
        height: 22.7rem;
    }
    .introduction_slimming {
        margin-bottom: 6.2rem;
    }
    .about_salon {
        margin-top: 0rem;
        margin-bottom: 18rem;
    }
    .about_salon p {
        padding-top: 0rem;
        font-size: 3.3rem;
        letter-spacing: 0.03rem;
        line-height: 5.76rem;
    }
    
    .esthetician_title .large_font {
        font-size: 6.5rem;
        letter-spacing: -0.17rem;
    }
    .esthetician .small_font {
        margin-top: 1.2rem;
        letter-spacing: 0.08rem;
    }
    .esthetician_introduction {
        justify-content: space-between;
        flex-direction: column-reverse;
        font-size: 3.5rem;
    }
    .esthetician_introduction_photo {
        width: 100%;
    }
    .esthetician_introduction_photo img {
          margin: 1.4rem auto;
          width: 58rem;
    }
    .esthetician_introduction_words {
        padding-top: 12.5rem;
    }
    .esthetician_name {
        font-size: 4.8rem;
        letter-spacing: 1.3rem;
        padding-left: 1rem;
    }
    .esthetician_birth {
        margin-top: 1.3rem;
        letter-spacing: 0.01rem;
        padding-left: 1rem;        
    }
    .career_title {
        margin-top: 2.8rem;
        margin-left: 1.3rem;
        letter-spacing: 0.03rem;
        padding-left: 1rem;
    }
    .career_log_list {
        position: relative;
        margin-top: 1rem;
        margin-left: 3.5rem;
        padding-left: 1rem;

    }
    .career_log_list li:nth-child(1) {
        font-size: 3.3rem;
        line-height: 6.4rem;
        letter-spacing: -0.14rem;
    }
    .career_log_list li {
        font-size: 3.3rem;
        line-height: 6.4rem;
        letter-spacing: 0.03rem;
    }
    .career_log_list li:before {
        border-radius: 50%; /*丸くする*/
        width: 1.5rem;
        height: 1.5rem; /*点の高さ*/
        left: -2.7rem; /*点の位置*/
        top: 2.7rem; /*点の位置*/
        content: "";
        background: #AAA; /*点の色*/
    }
    .career_log {
        width: 100%;
        margin-top: 3.8rem;
        line-height: 5.77rem;
        letter-spacing: 0.01rem;
    }
    .esthetician {
        padding-bottom: 9.6rem;
    }
    .greetings {
        background-image: url(../images/message_yoko.png);
        background-position: top, center;
        background-size: contain;
        font-size: 3.3rem;
        padding: 12.5rem 5rem 10.5rem 5.8rem;
        border: 1px solid #73D8DC;
        margin-bottom: 15.5rem;
    }
    .greetings h5 {
        font-size: 4.6rem;
        letter-spacing: 0.25rem;
    }
    .greetings p {
        padding-top: 3rem;
        line-height: 5.76rem;
        letter-spacing: 0.19rem;
    }
    .esthetic_introduction_p {
        padding-top: 3.5rem;
        font-size: 3.5rem;
        letter-spacing: -0.1rem;
        line-height: 1.64;
        max-width: 88%;
        margin: 0 auto 3.9rem auto;
    }
    .esthetic {
        margin-bottom: 8.8rem;
    }
    #facial_Esthetic .esthetic_introduction_p {
        margin-bottom: 3.6rem;
    }
    #slimming_Esthetic .esthetic_introduction_p {
        margin-bottom: 5.3rem;
    }
    #slimming_Esthetic .link_button {
        margin-bottom: 6.5rem;
    }
    #slimming_Esthetic {
        padding-bottom: 4rem;
        margin-bottom: 3.4rem;
    }
    .exterior {
        display: none;
    }
    .exterior_sp {
        display: block;
        width: 100%;
    }
    .footer_logo {
        width: 34rem;
        padding: 2.5rem 0 4.4rem 0;
        margin-bottom: 1rem;
    }
    .copylight {
        margin-top: 0rem;
        font-size: 3rem;
    }
    .esthetician_introduction_words {
        background-image: url(../images/eri_atsumi_BG.svg);
        background-size: 100%;
    }
        /* 修正追加分ここまで */
}

@media screen and (max-width:959px) {
    html {
        /* font-size: calc(10px / 960px * 100vw); */
        /* font-size: 1.3vw; */
        font-size: calc(100vw / 96);
    }
}

@media screen and (max-width:749px) {
    html {
        /* font-size: calc(10px / 960px * 100vw); */
        /* font-size: 1.3vw; */
        /* font-size: calc(100vw / 75); */
    }
}