@charset "UTF-8";
/* =======================================

    evepremier.css

========================================== */

/* common
========================================== */
@font-face {
    font-family: 'logotype';
    src: url('../font/logotype_web.woff2') format('woff');
}
.font {
    font-family: 'logotype';
}
html,body {
	width: 100%;
    margin: 0;
}
body {
  overflow-x: hidden;
}
main,main img,main p,main div,main ul,main li,main a,main p,main dl,main dt,main dd {
    box-sizing: border-box;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
body#evepremier main {
    font-family: 'Noto Sans JP', sans-serif;
    color: #313131;
    padding-bottom: 0;
}
body#smart-touch main p,
body#smart-touch main dt,
body#smart-touch main dd,
body#smart-touch main li,
section.tvcm h3 {
    font-family: 'evepremier';
    transform:rotateZ(0.03deg);
}
main {
    color: #424242;
    /* padding-bottom: 100px; */
}
main strong {
    font-weight: normal;
}
@media screen and (max-width: 750px){
  body {
    min-width: initial;
  }
}
.pc {
    display: block;
}
.sp {
    display: none;
}
main img,main h1,main h2,main h3,main p,main li,main a,main span {
    transition: all .6s;
}
main a:hover {
    opacity: 0.8;
}
section {
    padding: 0 0 100px 0;
}
section img {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
section img.lazyloaded {
  opacity: 1;
}
p.note {
    font-size: 14px;
    font-weight: 500;
}

/* fv
========================================== */

.fv img {
    margin: 0 auto;
}

/* ====================================== */
/* cvsection */

.cvsection {
    background: #f7f4e6;
    max-width: 1438px;
    margin: 0 auto;
    padding: 2em 0;
    position: relative;
    height: 100%;
}
.cvsection:before {
    background-image: url("../images/cvsection_bg_left.png");
    background-position: left;
    left: 0;
}
.cvsection:after {
    background-image: url("../images/cvsection_bg_right.png");
    background-position: right;
    right: 0;
}
.cvsection:before,
.cvsection:after {
    content: "";
    width: 30%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
}
.cvsection img {
    margin: 0 auto 1em auto;
    position: relative;
    z-index: 2;
}
.cvbtn {
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.cvbtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 538px;
    height: 79px;
    box-shadow: 0px 6px 0px 0px rgba(48, 36, 12, 1);
    border-radius: 1.5em;
    background: #ffa304;
    font-size: 27px;
    text-align: center;
    color: white;
    border: 6px solid #eb9604;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    transition: none;
    letter-spacing: 0.05em;
}
.cvbtn a:after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}
.cvbtn a:hover {
    box-shadow: none;
    bottom: -6px;    
}
.cvbtn.pamph a {
    background: #a98334;
    border: 6px solid #9e792e;
    width: auto;
    padding: 0 2.5em 0 2.5em;
}
.cvbtn.pamph img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.cvmiddle3 .woman p {
    width: 484px;
    height: 171px;
    display: table;
    margin: 0 auto;
    position: relative;
    bottom: -25px;
    z-index: 3;
    text-indent: -9999em;
    background: url("../images/cvsection_btn_middle3.png") no-repeat;
}

/* ====================================== */
/* youtube */

section.cm {
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0;
}
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    max-width: initial;
    margin: 0 auto;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
} 

/* ====================================== */
/* sections */

/* section cp */

section.cp h2 {
    text-indent: -9999em;
    width: 893px;
    height: 366px;
    background: url("../images/evecp_title.png") no-repeat;
    background-size: contain;
}
section.cp .inner {
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 20px;
    padding: 0.8em 3em 3em 3em;
    position: relative;
    background: #f7f4e6 url("../images/evecp_bg.png") no-repeat center top;
}
section.cp img {
    margin: 0 auto 2em auto;
}
section.cp p.note {
    display: table;
        margin: 0 auto 1.5em auto;
}
.cvsection.last p.note {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 2em auto 0 auto;
    position: relative;
    z-index: 2;
}

/* section try */

section.try {
    padding: 80px 0 0 0;
}
section.try .inner {
    width: 100%;
    background: #f7f4e6;
    padding-bottom: 60px;
}
section.try .subinner {
    max-width: 1000px;
    margin: -123px auto 0 auto;
}
section.try .subinner img {
    position: relative;
    left: 1vw;
}
section.try .nayami {
    position: relative;
    margin: 0 auto;
}
section.try .otameshi {
    margin: 0 auto;
}
section.try .tameshite {
    padding: 150px 0 3em 0;
}
section.try .case .block {
    max-width: 1000px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    padding: 0 0 3em 0;
    margin: 0 auto;
}
section.try .case .block.first {
    margin: 0 auto 3em auto;
}
section.try .case .block.second {
    margin: 0 auto 2em auto;
}
section.try .num-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 3em 3em 3em 0;
}
section.try .num-title dl {
    border-top: 2px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    padding: 1em 0;
    width: 100%;
}
section.try .num-title dt {
    font-size: 22px;
    border-radius: 10px;
    color: white;
    line-height: 1;
    padding: 0.5em 1em;
    margin: 0 0 0.2em 0;
    display: table;
}
section.try .block.first .num-title dt {
    background: #7cb5a3;
}
section.try .block.second .num-title dt {
    background: #de9491;
}
section.try .num-title dd {
    font-size: 53px;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 0;
}
section.try .block.first .num-title dd span:first-child,
section.try .block.second .num-title dd span:first-child,
section.try .block.second .num-title dd span:nth-child(2) {
    font-size: 60%;
}
section.try .block.first .num-title dd span:nth-child(2) {
    color: #6bb3b2;
}
section.try .block.second .num-title dd {
    color: #de9491;
}
section.try .block.second .num-title dd span:first-child {
    color: #313131;
}
section.try .num {
    margin-right: 1.5em;
}
section.try .mainpic {
    margin: 0 auto;
}
section.try .shuchu {
    position: relative;
    display: flex;
    margin: 0 auto 1.5em auto;
    justify-content: center;
    align-items: flex-end;
}
section.try .shuchu:before {
    background-image: url("../images/case_shuchu_left.png");
    margin-right: 0.3em;
}
section.try .shuchu:after {
    background-image: url("../images/case_shuchu_right.png");
    margin-left: 0.3em;
}
section.try .shuchu:before,
section.try .shuchu:after {
    width: 43px;
    height: 61px;
    display: table;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}
section.try .shuchu p {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}
section.try .shuchu p span {
    color: #f0734f;
}
section.try ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 88%;
    margin: 0 auto 3em auto;
}
section.try .cyberx,
section.try .smarttouch {
    margin: 0 auto;
}
section.try .case h2 {
    width: 676px;
    height: 178px;
    display: table;
    line-height: 1;
    margin: 0 auto 1em auto;
    text-indent: -9999em;
    background: url(../images/case_title.png) no-repeat;
}
section.try .sm-inner {
    padding: 2em;
    border-radius: 15px;
    background: #fadbda;
    width: 90%;
    margin: 0 auto;
}
section.try .sm-subinner .text {
    width: 55%;
    padding-left: 1em;
}
section.try .sm-subinner p {
    font-size: 25px;
}
section.try .sm-subinner p.big {
    font-weight: 700;
    color: #f0734f;
    line-height: 1.3;
}
section.try .sm-subinner p.big span {
    font-size: 60%;
    color: #313131;
}
section.try .sm-subinner p.regular {
    font-size: 110%;
    color: #313131;
    font-weight: 500;
}
section.try .sm-subinner .text .note {
    font-size: 80%;
}
section.try .sm-subinner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 2em auto;
}
section.try .sm-subinner .sm-movie {
    width: 45%;
}
section.try .sm-catch {
    text-align: center;
    font-size: 32px;
    color: #6d4f12;
    font-weight: 700;
    margin: 0 auto 1em auto;
    line-height: 1;
}
section.try .point h2 {
    width: 890px;
    height: 200px;
    display: table;
    position: relative;
    margin: 0 auto 2em auto;
    text-indent: -9999em;
    background: url(../images/point_title.png) no-repeat;
}
section.try .point {
    padding: 100px 0 0 0;
}
section.try .p-inner {
    max-width: 1000px;
    border-radius: 20px;
    background: #fff;
    padding: 0 0 3em 0;
    margin: 0 auto 60px auto
}
.point .titlewrap {
    position: relative;
    display: table;
    top: -2em;
    margin: 0 auto -2em auto;
}
section.try dl.first,
section.try dl.second {
    max-width: 894px;
    margin: 0 auto;
}
section.try dl.first dt div {
    width: 714px;
    height: 176px;
    background-image: url("../images/point_text_q_1.png");
} 
section.try dl.first dd .sentence,
section.try dl.second dd .sentence {
    width: 45%;
    height: 100%;
    background-size: 100% 100%;
}
section.try dl.first dd .sentence img,
section.try dl.second dd .sentence img {
    margin: 0 auto;
}
section.try dl.second dt div {
    width: 631px;
    height: 187px;
    background-image: url("../images/point_text_q_2.png");
} 
section.try dl.first dt div,
section.try dl.second dt div {
    background-repeat: no-repeat;
    background-size: contain;
    display: table;
    margin: 0 auto;
    text-indent: -9999em;
    line-height: 0;
}
section.try dl.first dd,
section.try dl.second dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eaf4f4;
}
section.try dl.first dd picture {
    display: table;
    border: 2px solid #afafaf;
}
section.try dl.first {
    margin-bottom: 3em;
}
section.try dl.first dd,
section.try dl.second dd {
    background-repeat: no-repeat;
    background-size: 48% 100%;
    position: relative;
}
section.try dl.first dd {
    background-image: url("../images/point_arrow_1.png");
    background-position: right;
}
section.try dl.second dd {
    background-image: url("../images/point_arrow_2.png");
    background-position: left;
}
section.try dl.second .movie {
    width: 50%;
}
section.try .cvmiddle {
    width: 100%;
    background: url(../images/cvmiddle_bg.png) no-repeat top center;
    background-size: auto;
}
section.try .cvmiddle p {
    text-indent: -9999em;
    width: 395px;
    height: 77px;
    display: table;
    margin: 0 auto 0.5em auto;
    background: url("../images/cvsection_catch_middle1.png") no-repeat;
}
section.try .cvmiddle a,
section.try .cvmiddle p {
    position: relative;
    z-index: 1;
}
section.try .cvm-inner {
    position: relative;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
section.try .cvm-kaku, section.try .cvm-ike {
    position: relative;
    display: table;
    z-index: 1;
}
section.try .cvm-kaku {
    left: 2%;
}
section.try .cvm-ike {
    right: 4%;
}
.modaal-container picture {
    display: table;
    top: 10vh;
    position: relative;
}

/* section gallery */

section.gallery {
    background: #d5ebe1;
    display: none;
}
section.gallery .titlebg {
    width: 100%;
    min-height: 565px;
    display: flex;
    background: #95d1d0 url(../images/gallery_title_bg.png) repeat-x center top;
    position: relative;
    align-items: flex-end;
}
section.gallery picture.maintitle {
    display: table;
    margin: 0 auto;
    position: relative;
    bottom: 5em;
}
section.gallery .prologue {
    border-radius: 20px;
    background: white;
    margin: -2em auto 3em auto;
    padding: 0;
    position: relative;
}
section.gallery .pro-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
section.gallery .ga-inner {
    max-width: 1000px;
    margin: 0 auto;
}
section.gallery .prologue p {
    padding-bottom: 0.5em;
    margin-bottom: 0.4em;
    line-height: 1;
    font-size: 2.5rem;
    border-bottom: 2px dotted #6bb3b2;
}
section.gallery .prologue .pic {
    padding: 1.5em;
}
section.gallery .prologue .text {
    padding-right: 2em;
}
section.gallery .osusume {
    border-radius: 20px;
    background: white;
    position: relative;
    padding-bottom: 2em;
    margin-top: 4em;
}
section.gallery .osusume.first .osusume-subinner {
    padding: 0 3em 0 300px;
}
section.gallery .osusume.second .osusume-subinner {
    padding: 0 300px 0 3em;
}
section.gallery .osusume h2 {
    text-indent: -9999em;
    width: 263px;
    height: 52px;
    display: table;
    position: relative;
    top: -1em;
    background: url(../images/gallery_jar_osusume.png) no-repeat;
}
section.gallery .osusume dl {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    padding-bottom: 0.5em;
    margin: -1em 0 1em 0;
    line-height: 1.3;
    border-bottom: 2px dotted #de9491;
    font-weight: 600;
}
section.gallery .osusume dl dt {
    font-size: 20px;
    margin-right: 0.3em;
}
section.gallery .osusume dl dd {
    color: #f0734f;
    font-size: 30px;
}
section.gallery .detail {
    display: none;
    transition: none;
}
section.gallery .osusume picture {
    position: absolute;
    top: -2em;
}
section.gallery .osusume.first picture {
    left: 2em;
}
section.gallery .osusume.second picture {
    right: 2em;
}
section.gallery .osusume button {
    color: white;
    font-weight: 500;
    padding: 0.5em 2em 0.5em 2em;
    position: absolute;
    background: #f0734f;
    border-radius: 1.5em;
    bottom: -1.5em;
}
section.gallery .osusume.first button {
    right: 3em;
}
section.gallery .osusume.second button {
    right: 20em;
}
section.gallery .osusume button:after {    
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    margin-left: 0.3em;
}
section.gallery .osusume button.active:after {
    content: "\f077";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    margin-left: 0.3em;
}
section.gallery .ga-images {
    margin: 0 auto 0 auto;
}
section.gallery .ga-images.second {
    margin: -10em auto 0 auto;
}
section.gallery .gokigen h2 {
    width: 476px;
    height: 143px;
    display: table;
    text-indent: -9999em;
    margin: 0 auto;
    background: url("../images/gallery_gokigen_title.png") no-repeat;
}
section.gallery .gokigen-inner {
    padding: 3em 3em 6em 3em;
    background: white url(../images/gallery_gokigen_bg.png) no-repeat center top;
    border-radius: 20px;
    position: relative;
}
section.gallery .gokigen-mainimg {
    display: table;
    margin: 0 auto;
}
section.gallery .gokigen-result img {
    position: relative;
    top: -10em;
    margin: 0 auto;
}
section.gallery .gokigen {
    margin: 4em auto 0 auto;
}
section.gallery .saa {
    display: table;
    margin: -5em auto 3em auto;
}
section.gallery .cvmiddle2 p {
    text-indent: -9999em;
    width: 455px;
    height: 86px;
    display: table;
    margin: 0 auto 0.8em auto;
    background: url("../images/cvsection_catch_middle2.png") no-repeat;
}
#inline1,
#inline2,
#inline3,
#inline4,
#inline5,
#inline6 {
    display: none;
}

/* section exp */

section.exp {
    padding: 100px 0;
}
section.exp .titlewrap {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 3em;
    background: url("../images/exp_title_bg.png") no-repeat center;
    background-size: contain;
}
section.exp .titlewrap h2,
section.exp .titlewrap p {
    line-height: 1;
}
section.exp .titlewrap p {
    font-size: 25px;
    margin-bottom: 0.5em;
}
section.exp .text p {
    font-weight: 500;
}
section.exp picture {
    flex-shrink: 0;
    padding-right: 3em;
}
section.exp .titlewrap h2 {
    font-size: 40px;
    color: #a98334;
    font-weight: 500;
}
section.exp ul {
    max-width: 1000px;
    margin: 0 auto 3em auto;
}
section.exp dl {
    margin-bottom: 1em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
section.exp dl dt {
    font-size: 45px;
    color: #de9491;
    margin-right: 0.3em;
    border-left: 10px solid #f5dfde;
    padding-left: 0.3em;
    line-height: 1;
    font-weight: 600;
}
section.exp dl dd {
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
}
section.exp .block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.exp .text {
    font-size: 16px;
    line-height: 1.3;
}
section.exp .tel,
section.exp .btnweb {
    color: #f0734f;
}
section.exp .btnweb {
    display: table;
}
section.exp .tel {
    position: relative;
    line-height: 1;
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
section.exp .tel:before {
    content: "";
    width: 18px;
    height: 28px;
    display: table;
    margin-right: 0.5em;
    background: url("../images/icon_smp.svg") no-repeat;
}
section.exp .tel p {
    font-size: 30px;
    font-weight: 600 !important;
    margin-bottom: 0.2em;
    line-height: 1;
}
section.exp .text {
    border-top: 1px solid #de9491;
    border-bottom: 1px solid #de9491;
    padding: 1em 0;
    width: 100%;
}
section.exp .btnweb a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 0px 0px rgba(48, 36, 12, 1);
    border-radius: 1.5em;
    background: #f0734f;
    text-align: center;
    color: white;
    position: relative;
    transition: none;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.08em;
    padding: 0.6em 3em 0.6em 2em;
    line-height: 1;
}
section.exp .btnweb a:after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}
section.exp .btnweb a:hover {
    box-shadow: none;
    bottom: -6px;    
}
section.exp ul li {
    margin-bottom: 2em;
}
section.exp ul li:last-child {
    margin-bottom: 0;
}
section.exp .block {
    margin-bottom: 2em;
}
section.exp .block:last-child {
    margin-bottom: 0;
}
section.exp ul li:first-child .text {
    padding: 1em 0 1.5em 0;
}

/* section qa */

section.qa {
    background: #f7f4e6;
    padding: 100px 0;
}
section.qa h2 {
    font-size: 40px;
    color: #a98334;
    text-align: center;
    margin: 0 auto 1.5em auto;
    font-weight: normal;
    line-height: 1;
}
section.qa .inner {
    background: white;
    border-radius: 20px;
    padding: 3em;
    max-width: 1000px;
    margin: 0 auto;
}
section.qa dl {
    margin-bottom: 2em;
}
section.qa dl dt {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5em;
    font-size: 20px;
    font-weight: 600;
}
section.qa dl dd {
    color: rgba(49,49,49,0.8);
    font-size: 16px;
    position: relative;
    display: flex;
}
section.qa dl dd div {
    letter-spacing: 0.03em;
}
section.qa dl dd span {
    font-size: 80%;
}
section.qa dl dt:before {
    background-image: url("../images/qa_icon_q.png");
}
section.qa dl dd:before {
    background-image: url("../images/qa_icon_a.png");
}
section.qa dl dt:before,
section.qa dl dd:before {
    content: "";
    width: 41px;
    height: 49px;
    display: table;
    margin-right: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: -0.3em;
    flex-shrink: 0;
}
section.qa ul {
    width: 95%;
    margin: 0 0 3em auto;
}
section.qa ul li {
    background: #fadbda;
    border-radius: 20px;
    padding: 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5em;
}
section.qa ul li:last-child {
    margin-bottom: 0;
}
section.qa ul li picture {
    flex-shrink: 0;
    padding-right: 2em;
}
section.qa ul li dl {
    margin-bottom: 0;
    font-feature-settings: "palt";
}
section.qa ul li dl dt {    
    border-bottom: 2px dotted white;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    line-height: 1.3;
    display: block;
}
section.qa ul li dl dt span {
    font-size: 80%;
    margin-right: 0.5em;
}
section.qa ul li dl dt:before,
section.qa ul li dl dd:before {
    content: none;
}
section.qa .btn-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 0 0 0 auto;
}
section.qa .btn-inner .tel,
section.qa .btn-inner .tryon,
section.qa .btn-inner .salonlineup {
    width: calc(100% / 3 - 10px);
}
section.qa .btn-inner .tel {
    color: #f0734f;
    border: 2px solid #f0734f;
    background: white;
    font-size: 20px;
}
section.qa .btn-inner .tryon a {
    color: white;
    background: #f0734f;
    font-size: 15px;
    box-shadow: 0px 2px 0px 0px rgba(48, 36, 12, 1);
    transition: none;
}
section.qa .btn-inner .tryon a:hover {
    box-shadow: none;
    bottom: -2px;    
}
section.qa .btn-inner .salonlineup a {
    color: #7c6624;
    background: #fadbda;
}
section.qa .btn-inner .tel,
section.qa .btn-inner .tryon a,
section.qa .btn-inner .salonlineup a {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border-radius: 2em;
    position: relative;
}
section.qa .btn-inner .tel:before {
    width: 18px;
    height: 28px;
    background-image: url(../images/icon_smp.svg);
}
section.qa .btn-inner .tryon a:before {
    width: 19px;
    height: 23px;
    background-image: url("../images/icon_try.svg");
}
section.qa .btn-inner .salonlineup a:before {
    width: 25px;
    height: 20px;
    background-image: url("../images/icon_salon.svg");
}
section.qa .btn-inner .tel:before,
section.qa .btn-inner .tryon a:before,
section.qa .btn-inner .salonlineup a:before {
    content: "";
    background-size: contain;
    display: table;
    margin-right: 0.5em;
    background-repeat: no-repeat;
}
section.qa .btn-inner .tryon a:after {
    color: white;
}
section.qa .btn-inner .salonlineup a:after {    
    color: #7c6624;
}
section.qa .btn-inner .tryon a:after,
section.qa .btn-inner .salonlineup a:after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}

/* cvsection last */

.cvsection.last {
    margin: 0 auto 5em auto;
}
.cvsection.last:before {
    background-image: url(../images/cvsection_bg_left_last.png);
    background-position: left;
    left: 0;
}
.cvsection.last:after {
    background-image: url(../images/cvsection_bg_right_last.png);
    background-position: right;
    right: 0;
}
.cvbtn.last {
    margin: 0 auto 5em auto;
}

/* wigmag */

section.wigmag {
    background: #FFE6E6;
    padding: 50px 0;
}
section.wigmag h2 {
    width: 637px;
    height: 149px;
    display: table;
    margin: 0 auto 8px auto;
    text-indent: -999em;
    line-height: 1;
    font-size: 0;
    background: url(../images/wigmag_title.png) no-repeat;
}
section.wigmag picture {
    display: table;
    margin: 0 auto 25px auto;
}
section.wigmag .cvbtn.pamph img {
    left: 0;
}
section.wigmag .cvbtn.pamph a {
    padding: 0 2.5em 0 130px;
}

/* evepseries */

section.evepseries h2 {
    display: table;
    margin: 0 auto 1em auto;
}
section.evepseries a {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
}
section.evepseries {
    padding: 50px 0;
}
section.evepseries ul {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
section.evepseries li {
    margin-bottom: 1em;
}
section.evepseries li:last-child {
    margin-bottom: 0;
}

/* ====================================== */
/* media query */

@media screen and (max-width : 64em) {
	
    /* common */
    
    section {
        padding: 0 0 6em 0;
    }
    .sp {
        display: none;
    }
    p.note {
    }
    
    /* fv */
    
    .fv h1 {
        display: block;
    }
    
    /* cvsection */
    
    .cvsection:before,
    .cvsection:after {
        background-size: contain;
    }
    
    /* youtube */
    
    section.cm {
        max-width: 95%;
        padding: 6em 0;
    }
    
    /* cvsection */
    
    .cvbtn a {
        font-size: 2.5rem;
        width: 20em;
        height: 3em;
    }
    .cvbtn.pamph a {
        font-size: 1.8rem;
        padding: 0 2.5em 0 2.5em;
    }

    /* section evepseries */

    section.evepseries li {
        width: calc(100% / 3 - 1em);
    }
    section.evepseries li img {
        max-width: 100%;
    }
    
    /* section cp */

    section.cp h2 {
        width: 100%;
        height: 0;
        background: url("../images/evecp_title.png") no-repeat;
        background-size: contain;
        padding-top: 40.9854423292%;
    }
    section.cp .inner {
        max-width: 95%;
    }
    
    /* section try */
    
    section.try {
        padding: 3em 0 0 0;
    }
    section.try .subinner {
        max-width: 95%;
    }
    section.try .subinner img {
        left: initial;
    }
    section.try .nayami {
        width: 95%;
    }
    section.try .case .block {
        max-width: 95%;
    }
    section.try .mainpic {
        max-width: 95%;
    }
    section.try .num {
        width: 15%;
    }
    section.try .num-title {
        padding: 2em 2em 2em 0;
    }
    section.try .num-title dt {
        font-size: 2.5vw;
    }
    section.try .num-title dd {
        font-size: 5vw;
    }
    section.try ul li {
        width: calc(100% / 3 - 20px);
    }
    section.try .shuchu p {
        font-size: 2.8vw;
    }
    section.try .shuchu:before,
    section.try .shuchu:after {
        transform: scale(0.80);
        transform-origin: bottom center;
    }
    section.try .cyberx {
        width: 90%;
    }
    section.try .smarttouch {
        width: 70%;
    }
    section.try .case .titlewrap {
        width: 70%;
        margin: 0 auto;
    }
    section.try .case h2 {
        width: 100%;
        height: 0;
        padding-top: 26.3313609467%;
        background-size: contain;
        font-size: 0;
        font-size: 1rem;
    }
    section.try .num-title dd {
        line-height: 1.3;
    }
    section.try .sm-subinner p {
        font-size: 3vw;
    }
    section.try .sm-catch {
        font-size: 3.5vw;
    }
    section.try .point .titlewrap {
        width: 90%;
    }
    section.try .point h2 {
        width: 100%;
        height: 0;
        margin: 0 auto 1.5em auto;
        padding-top: 22.4719101124%;
        background-size: contain;
        line-height: 1;
    }
    section.try .point {
    }
    section.try dl dt {
        margin: 0 auto;
    }
    section.try dl.first dt {
        width: 90%;
    }
    section.try dl.second dt {
        width: 80%;
    }
    section.try dl.first dt div {
        padding-top: 24.649859944%;
    } 
    section.try dl.second dt div {
        padding-top: 29.6354992076%;
    } 
    section.try dl dt div {
        width: 100% !important;
        height: 0 !important;
        background-size: contain;
    }
    section.try .p-inner {
        max-width: 95%;
        padding: 0 0 1em 0;
        margin: 0 auto 4em auto;
    }
    section.try dl.first,
    section.try dl.second {
        max-width: 90%;
    }
    section.try dl.first dd picture {
        width: 50%;
    }
    section.try dl.first dd .sentence img,
    section.try dl.second dd .sentence img {
        margin: 0 auto;
        transform: scale(0.8);
        transform-origin: center center;
    }
    
    /* section gallery */
    
    section.gallery .titlebg {
        background: #95d1d0 url(../images/gallery_title_bg.png) no-repeat center top;
        background-size: 100% auto;
        min-height: 27em;
    }
    section.gallery picture.maintitle {
        width: 95%;
        margin-bottom: 2em;
    }
    section.gallery .ga-inner {
        max-width: 95%;
    }
    section.gallery .prologue p {
        font-size: 2.5vw;
    }
    section.gallery .ga-images {
        width: 95%;
        margin: 0 auto;
    }
    section.gallery .osusume picture {
        display: table;
        width: 20vw;
    }
    section.gallery .osusume picture img {
        max-width: 100%;
    }
    section.gallery .osusume.first .osusume-subinner {
        padding: 0 3em 0 30vw;
    }
    section.gallery .osusume.second .osusume-subinner {
        padding: 0 30vw 0 3em;
    }
    section.gallery .gokigen .titlewrap {
        width: 50vw;
        margin: 0 auto;
    }
    section.gallery .gokigen h2 {
        width: 100%;
        height: 0;
        padding-top: 30.0420168067%;
        background: url(../images/gallery_gokigen_title.png) no-repeat;
        background-size: contain;
        line-height: 0;
        font-size: 0;
    }
    section.gallery .gokigen-result img {
        width: 80%;
    }
    section.gallery .osusume.second dl {
        flex-flow: column;
    }
    .cvmiddle2 .titlewrap {
        width: 60%;
        margin: 0 auto 0.8em auto;
    }
    
    /* section exp */
    
    section.exp {
        padding: 6em 0;
    }
    section.exp ul {
        max-width: 95%;
        margin: 0 auto;
    }
    section.exp picture {
        width: 45%;
    }
    section.exp dl dt {
        font-size: 4rem;
    }    
    section.exp dl dd {
        font-size: 2rem;
    }   
    
    /* section qa */
    
    section.qa {
        padding: 6em 0;
    }
    section.qa .inner {
        max-width: 95%;
    }
    section.qa .btn-inner .tel {
        font-size: 2vw;
    }
    section.qa .btn-inner .tryon a {
        font-size: 1vw;
    }
    section.qa .btn-inner .salonlineup a {
        font-size: 1vw;
    }   
    
    /* cvsection last */
    
    .cvsection.last:before,
    .cvsection.last:after {
        background-position: top;
    }
    
    /* wigmag */
    
    section.wigmag picture {
        max-width: 95%;
    }
    section.wigmag h2 {
        width: 100%;
        height: 0;
        padding-top: 21.0619469027%;
        background-size: contain;
    }
    section .title {
        width: 60vw;
        margin: 0 auto;
    }
    section.wigmag {
        padding: 3em 0;
    }
    section.wigmag .cvbtn.pamph img,
    .cvbtn.pamph img {
        width: 10vw;
    }
    section.wigmag .cvbtn.pamph a {
        padding: 0 2.5em 0 5em;
    }
    
    /* evepseries */
    
    section.evepseries img {
        max-width: 95vw;
    }

}

@media screen and (max-width : 42em) {

    /* common */
    
    body {
        min-width: 100%;
    }
    body,html {
        overflow-x: hidden;
    }
    .pc {
        display: none;
    }
	.sp {
		display: block;
	}
    section {
        padding: 0 0 3em 0;
    }
    main,img,p,div,ul,li,a,p,dl,dt,dd {
        line-height: 1.6;
        letter-spacing: 0em;
    }
    body#evepremier main {
        padding-bottom: 0;
    }
    p.note {
        font-size: 3vw;
    }
    
    /* cvsection */
    
    .cvsection:before {
        background-image: url("../images/cvsection_bg_left_sp.png");
    }
    .cvsection:after {
        background-image: url("../images/cvsection_bg_right_sp.png");
    }
    .cvsection:before, .cvsection:after {
        width: 35vw;
        background-size: cover;
    }
    .cvbtn {
        width: 80%;
    }
    .cvbtn a {
        font-size: 4.5vw;
        width: 100%;
        border: 3px solid #eb9604;
    }
    .cvsection img {
        width: 80vw;
        margin: 0 auto 0.5em auto;
    }
    .cvbtn.pamph {
        width: 90%;
    }
    .cvbtn.pamph a {
        width: 100%;
        height: auto;
        font-size: 4vw;
        padding: 0.5em 2.5em 0.5em 2.5em;
        line-height: 1.3;
        border-radius: 2em;
        border: 3px solid #9e792e;
    }
    .cvbtn.pamph img {
        width: 20vw;
    }
    .cvmiddle3 .woman {
        width: 65vw;
        margin: 0 auto;
    }
    .cvmiddle3 .woman p {
        width: 100%;
        height: 0;
        bottom: -1em;
        background: url(../images/cvsection_btn_middle3_sp.png) no-repeat bottom;
        padding-top: 41.3793103448%;
        background-size: contain;
        line-height: 0;
    }
    
    /* youtube */
    
    section.cm {
        padding: 3em 0;
    }

    /* section evepseries */

    section.evepseries ul {
        display: block;
    }
    section.evepseries li {
        width: 100%;
    }
    
    /* section cp */
    
    section.cp .titlewrap {
        width: 100%;
    }
    section.cp h2 {
        background: url("../images/evecp_title_sp.png") no-repeat;
        padding-top: 41.0526315789%;
        background-size: contain;
    }
    section.cp .inner {
        border-radius: 10px;
        padding: 0 0 2em 0;
        background: #f7f4e6 url("../images/evecp_bg_sp.png") no-repeat center top;
    }
    section.cp img {
        margin: 0 auto 1em auto;
        width: 90%;
    }
    section.cp p.note {
        margin: 0 auto 1em auto;
        width: 90%;    
    }
    .cvsection.last p.note {
        width: 70%;
        text-align: left;
    }
    
    /* section try */

    section.try {
        padding: 2em 0 0 0;
    }
    section.try .inner {
        padding-bottom: 3em;
    }
    section.try .subinner {
        margin: -4em auto 0 auto;
    }
    section.try .tameshite {
        padding: 4em 0 0 0;
    }
    section.try .case .block {
        padding: 0 0 1.5em 0;
    }
    section.try .num-title {
        padding: 1em 1em 1em 0;
    }
    section.try .num-title dl {
        padding: 0.5em 0;
    }
    section.try ul li {
        width: calc(100% / 3 - 0.5em);
        position: relative;
    }
    section.try ul li:after {
        position: absolute;
        right: 0.5em;
        bottom: 0.5em;
        transform: translateY(-50%);
        content: "\f002";
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        color: white;
    }    
    section.try .shuchu p {
        font-size: 4.5vw;
        line-height: 1.3;
    }
    section.try .shuchu:before,
    section.try .shuchu:after {
        transform: scale(0.60);
    }
    section.try .shuchu:before {
        transform-origin: bottom right;
    }
    section.try .shuchu:after {
        transform-origin: bottom left;
    }
    section.try .case h2 {
        background: url(../images/case_title_sp.png) no-repeat;
        background-size: contain;
        padding-top: 26.3313609467%;
        font-size: 0.2rem;
    }
    section.try .shuchu {
        margin: 0 auto 1em auto;
    }
    section.try ul {
        margin: 0 auto 1.5em auto;
    }
    section.try .case .block.first {
        margin: 0 auto 1.5em auto;
    }
    section.try .sm-inner {
        padding: 1em;
    }
    section.try .sm-subinner {
        flex-flow: column;
    }
    section.try .sm-subinner .sm-movie {
        order: 2;
        width: 100%;
        margin-top: 1em;
    }
    section.try .sm-subinner .text {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    section.try .sm-subinner p.big {
        font-size: 5vw;
    }
    section.try .sm-catch {
        font-size: 4vw;
    }
    section.try .sm-subinner p.big {
        font-size: 4vw;
    }
    section.try .case .block.second {
        margin: 0 auto 1em auto;
    }
    section.try .point h2 {
        margin: 0 auto 1em auto;
        background: url("../images/point_title_sp.png") no-repeat;
        padding-top: 27.7777777778%;
        background-size: contain;
        line-height: 0;
    }
    section.try .point {
        padding: 70px 0 0 0;
    }
    section.try dl.first dt,
    section.try dl.second dt {
        margin: 0 auto 0.5em auto;
    }
    section.try dl.first dt {
        width: 80%;
    }
    section.try dl.second dt {
        width: 92%;
    }
    section.try dl.first dt div {
        background-image: url("../images/point_text_q_1_sp.png");
        padding-top: 38%;
    } 
    section.try dl.second dt div {
        background-image: url("../images/point_text_q_2_sp.png");
        padding-top: 26.2626262626%;
    }
    section.try dl.first dd,
    section.try dl.second dd {
        flex-flow: column;
    }
    section.try dl.first dd,
    section.try dl.second dd {
        background-position: top center;
    }
    section.try dl.first dd {
        background-image: url("../images/point_arrow_1_sp.png");
        background-size: 100% 35%;
    }
    section.try dl.second dd {
        background-image: url("../images/point_arrow_1_sp.png");
        background-size: 100% 45%;
    }
    section.try dl.first dd picture,
    section.try dl.second dd .movie {
        width: 100%;
    }
    section.try dl.first dd picture {
        order: 2;
    }
    section.try dl.first dd .sentence {
        order: 1;
    }
    section.try dl.first dd .sentence,
    section.try dl.second dd .sentence {
        width: 90%;
        text-align: center;
        padding: 0.5em 0 2em 0;
        margin: 0 auto 1em auto;
    }
    section.try dl.first dd .sentence {
        margin: 0 auto 1em auto;
    }    
    section.try dl.second dd .sentence {
        margin: 0 auto 1.8em auto;
    }
    section.try dl.first dd .sentence img,
    section.try dl.second dd .sentence img {
        transform: scale(1);
    }
    section.try .cvmiddle p {
        text-indent: -9999em;
        width: 100%;
        height: 0;
        padding-top: 19.7701149425%;
        background: url(../images/cvsection_catch_middle1_sp.png) no-repeat;
        background-size: contain;
        line-height: 1;
        font-size: 0;
    }
    section.try .cvm-kaku, section.try .cvm-ike {
        transform: scale(0.45);
        position: absolute;
        top: -40%;
    }
    section.try .cvm-kaku {
        transform-origin: top left;
        left: 2%;
    }
    section.try .cvm-ike {
        transform-origin: top right;
        right: 1%;
    }
    section.try .cvm-inner {
        display: block;
    }
    section.try .cvmiddle .titlewrap {
        width: 60%;
        margin: 0 auto 0.5em auto;
    }
    
    /* section gallery */
    
    section.gallery .titlebg {
        min-height: 18em;
    }
    section.gallery .isoge {
        margin: 0 auto;
    }
    section.gallery .pro-inner {
        align-items: center;
    }
    section.gallery .prologue .pic {
        width: 36%;
        padding: 1em;
    }
    section.gallery .prologue p {
        font-size: 3.8vw;
    }
    section.gallery .prologue {
        margin: -2em auto 1em auto;
    }
    section.gallery picture {
        top: -1em;
    }
    section.gallery .osusume.first picture {
        left: 1em;
    }
    section.gallery .osusume.second picture {
        right: 1em;
    }
    section.gallery .osusume dl {
        flex-flow: column;
    }
    section.gallery .osusume dl dt {
        font-size: 4vw;
        margin-right: 0;
    }
    section.gallery .osusume dl dd {
        font-size: 5.2vw;
    }
    section.gallery .osusume h2 {
        transform: scale(0.75);
        transform-origin: center left;
    }
    section.gallery osusume.first .osusume-subinner {
        padding: 0 1.5em 0 26vw;
    }
    section.gallery osusume.second .osusume-subinner {
        padding: 0 26vw 0 1.5vw;
    }
    section.gallery .osusume button {
        font-size: 3vw;
    }
    section.gallery .osusume {
        padding-bottom: 1em;
        margin-top: 1em;
        border-radius: 10px;
    }
    section.gallery .gokigen-inner {
        padding: 1em 1em 3em 1em;
        border-radius: 10px;
        background: white url(../images/gallery_gokigen_bg_sp.png) no-repeat center top;
    }
    section.gallery .gokigen-result img {
        width: 90%;
        top: -4em;
    }
    section.gallery .osusume.second .osusume-subinner {
        padding: 0 25vw 0 1em;
    }
    section.gallery .osusume.first .osusume-subinner {
        padding: 0 1em 0 25vw;
    }
    section.gallery .osusume.second button {
        right: 3em;
    }
    section.gallery .ga-images {
        margin: 0 auto 2em auto;
    }
    section.gallery .ga-images.second {
        margin: -4em auto 0 auto;
    }
    section.gallery .saa {
        margin: -3em auto 2em auto;
    }
    section.gallery .cvmiddle2 p {
        text-indent: -9999em;
        width: 100%;
        height: 0;
        padding-top: 19.0751445087%;
        background: url(../images/cvsection_catch_middle2_sp.png) no-repeat;
        background-size: contain;
        line-height: 1;
        font-size: 0;
    }
    
    /* section exp */
    
    section.exp {
        padding: 3em 0;
    }
    section.exp .block {
        flex-flow: column;
    }
    section.exp picture {
        width: 100%;
        margin-bottom: 1em;
        padding-right: 0;
    }
    section.exp .text p {
        font-size: 3.5vw;
    }    
    section.exp .text {
        padding: 0.5em 0;
    }
    section.exp dl dt {
        font-size: 8vw;
        border-left: 6px solid #f5dfde;
    }   
    section.exp dl dd {
        font-size: 4vw;
    }
    section.exp .tel p {
        font-size: 8vw;
    }   
    section.exp ul li:first-child .text p {
        text-align: center;
    }    
    section.exp ul li:first-child .tel {
        justify-content: center;
    } 
    section.exp .btnweb {
        margin: 0 auto;
    }  
    section.exp ul li:first-child .text p {
        margin-bottom: 0.15em;
    }    
    section.exp ul li:first-child .text {
        padding: 0.5em 0 1em 0;
    }    
    section.exp .titlewrap p {
        font-size: 5vw;
        margin-bottom: 0.25em;
    }    
    section.exp .titlewrap h2 {
        font-size: 7vw;
    }   
    
    /* section qa */
    
    section.qa {
        padding: 3em 0;
    }
    section.qa h2 {
        font-size: 7vw;
        margin: 0 auto 1em auto;
    }
    section.qa .btn-inner {
        display: block;
        margin: 0 auto;
    } 
    section.qa .btn-inner .tel,
    section.qa .btn-inner .tryon,
    section.qa .btn-inner .salonlineup {
        width: 100%;
    }
    section.qa .btn-inner .tel {
        font-size: 6vw;
        margin-bottom: 0.5em;
    }
    section.qa .btn-inner .tryon {
        margin-bottom: 1em;
    }
    section.qa .btn-inner .tryon a,
    section.qa .btn-inner .salonlineup a {
        font-size: 4vw;
    }
    section.qa .inner {
        padding: 1em;
        border-radius: 10px;
    } 
    section.qa dl dt {
        font-size: 4.5vw;
    }
    section.qa dl dd {
        font-size: 3.5vw;
    }  
    section.qa ul li picture {
        display: none;
    }
    section.qa ul li dd picture {
        display: block;
        width: 25vw;
        padding-right: 1em;
    }
    section.qa ul li {
        padding: 1.5em;
        border-radius: 10px;
    }
    
    /* cvsection last */    
    
    .cvsection.last {
        margin: 0 auto 3em auto;
        padding: 3em 0;
    }
    .cvsection.last picture:first-child {
        display: table;
        margin: 0 auto 0.5em auto;
    }
    .cvsection.last:before {
        background-image: url(../images/cvsection_bg_left_last_sp.png);
        background-position: left;
    }
    .cvsection.last:after {
        background-image: url(../images/cvsection_bg_right_last_sp.png);
        background-position: right;
    }  
    .cvsection.last:before,
    .cvsection.last:after {
        background-size: auto 100%;
    }
    .cvbtn.last {
        margin: 0 auto 3em auto;
    }
    
    /* wigmag */
    
    section .title {
        width: 95vw;
    }
    section.wigmag h2 {
        padding-top: 20.9781209781%;
        background: url("../images/wigmag_title_sp.png") no-repeat;
        background-size: contain;
    }
    section.wigmag .cvbtn.pamph img {
        left: 0;
        width: 20vw;
    }
    
    /* evepseries */
    
    section.evepseries {
        padding: 3em 0;
        max-width: 95vw;
        margin: 0 auto;
    }
    section.evepseries h2 {
        margin: 0 auto 1em auto;
    }
    section.evepseries img.sp.btn {
        max-width: 60vw;
        margin: 1.2em auto 0 auto;
    }
    
}