@charset "UTF-8";
/* default pc
	----------------------------------------------- */
body {font-size: 16px;background-size: cover;}
.pc { display: block; }
.sp { display: none; }
.inner {width: 760px; margin: 0 auto;}

/* header
----------------------------------------------- */
.header {width: 760px;padding: 21px 18px;left: 50%;transform: translate(-50%);}
.header .logo {width: auto;}
.header .header-right {width: auto;}
.header .header-tel {width: auto;margin-right: 8px;}
.header .header-contact {width: auto;}

/* footer
----------------------------------------------- */
.copyright {color: #fff;font-size: 13px;padding: 10px;text-align: center;margin-bottom: 0;}

/* midashi
----------------------------------------------- */
.midashi{position: relative;padding: 0 0 10px;text-align: center;font-size: 24px;line-height: 1.8;}
.midashi:before {position: absolute;bottom: 0;left: calc(50% - 25px);width: 50px;height: 3px;content: '';border-radius: 3px;background: #c01820;}

/* cv
----------------------------------------------- */
.cv {height: 434px;padding: 64px 0 0;}
.cv a {width: auto;}
.agency {padding: 60px 0;}
.agency a {width: auto;}

/* visual
----------------------------------------------- */
.visual {padding: 825px 0 35px 0;}
.visual p { width: 700px; padding: 18px 0; font-size: 18px; bottom: 30px;}
.visual-main {width: 74%;margin: 0 0 0 auto;}
.visual-main {width: auto;}
.visual-circle {width: 670px;}
.visual-circle li {width: auto;}

/* trouble
----------------------------------------------- */
.trouble {padding: 77px 0 430px;}
.trouble-midashi .jp {font-size: 43px;margin-bottom: 8px;}
.trouble-midashi .en {font-size: 29px;}
.trouble-list {width: 550px;margin: 11px auto 0;padding-top: 98px;padding-left: 64px;}
.trouble-list li {font-size: 30px;background: url("../images/icon-check.png") no-repeat left top;padding-left: 39px;padding-bottom: 20px;margin-bottom: 18px;}
.trouble-list li:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.trouble-list li em {bottom: -5px;right: -8px;}
.trouble-attention {font-size: 22px;width: 600px;margin: 80px auto 0;}

/* foryou
----------------------------------------------- */
.foryou {margin-top: -166px;padding: 150px 0 55px;}
.foryou img {margin: 0 auto;}
.foryou .foryou-ttl {width: auto;}
.foryou .foryou-img {width: auto;margin: 80px 0 60px 386px;}
.foryou .foryou-btm {width: auto;margin-top: -45px;}

/* about
----------------------------------------------- */
.about-midashi {padding: 87px 0 110px;}
.about-midashi-txt {font-size: 32px;}
.about-midashi h3 {font-size: 43px;margin-top: 6px;margin-bottom: 9px;}
.about-midashi img {width: auto;}
.about-in {margin-top: -138px;padding: 155px 50px 112px;}
.about-in p {font-size: 30px;}
.about-in p:nth-child(1) {margin-bottom: 527px;}
.about-in p.about-attention {font-size: 24px;margin-top: 15px;}

/* effect
----------------------------------------------- */
.effect {padding: 105px 50px 128px;}
.effect-ttl {width: auto;}
.effect-circle {margin: 34px auto 35px;}
.effect-circle li {width: 22.5%;font-size: 32px;padding: 59px 0 55px;}
.effect-check {padding: 75px 40px 71px;}
.effect-check li {background: url("../images/icon-check.png") no-repeat left top;font-size: 32px;padding-left: 46px;padding-bottom: 21px;margin-bottom: 23px;}
.effect-check li:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.effect-human {width: auto;}
.effect-efg {padding: 43px 46px;}
.effect-efg p {font-size: 39px;}
.effect-efg span {color: #feff8c;}

/* voice
----------------------------------------------- */
.voice {padding-bottom: 124px;}
.voice-ttl {padding: 145px 0 0;margin-bottom: 8px;}
.voice-ttl-label {top: 68px;left: 50px;width: auto;}
.voice-ttl-img {width: auto;}
.voice-ttl-txt {font-size: 74px;margin-top: 16px;}
.voice-ttl-txt span {margin-top: 16px;}
.voice-block li {margin-bottom: 40px;}
.voice-block li:last-child {margin-bottom: 0;}
.voice-block img {margin-bottom: -16px;}
.voice-block dl {padding: 0;}
.voice-block dt {font-size: 48px;background: url("../images/voice-midashi.png") no-repeat center bottom;padding-bottom: 19px;margin-bottom: 16px;}
.voice-block dd {font-size: 32px;padding: 0 50px;}
.voice-block p {font-size: 22px;padding: 0 50px;margin-top: 12px;}

/* point
----------------------------------------------- */
.point {background: url("../images/point-bg.png") no-repeat center top, -webkit-linear-gradient(162deg, rgb(248, 246, 239) 0%, rgb(248, 248, 246) 50%, rgb(249, 249, 248) 100%);background: url("../images/point-bg.png") no-repeat center top, -o-linear-gradient(162deg, rgb(248, 246, 239) 0%, rgb(248, 248, 246) 50%, rgb(249, 249, 248) 100%);background: url("../images/point-bg.png") no-repeat center top, -ms-linear-gradient(162deg, rgb(248, 246, 239) 0%, rgb(248, 248, 246) 50%, rgb(249, 249, 248) 100%);background: url("../images/point-bg.png") no-repeat center top, -moz-linear-gradient(162deg, rgb(248, 246, 239) 0%, rgb(248, 248, 246) 50%, rgb(249, 249, 248) 100%);background: url("../images/point-bg.png") no-repeat center top, linear-gradient(288deg, rgb(248, 246, 239) 0%, rgb(248, 248, 246) 50%, rgb(249, 249, 248) 100%);}
.point-ttl {margin-bottom: -100px;}
.point-midashi {width: auto;}
.point-contents {margin-top: 3px;padding-bottom: 64px;}
.point-block {padding: 0 38px;margin-bottom: 47px;}
.point-block:last-child {margin-bottom: 0;}
.point-block-img {width: auto;}
.point-block-ttl img {width: auto;margin-bottom: 12px;}
.point-block-ttl p {padding-left: 8px;}
.point-block-ttl span {font-size: 46px;padding: 24px 15px 22px;margin-bottom: 8px;}
.point-block-ttl b {font-size: 55%;position: relative;top: -15px;}
.point-block-ttl p.point-attention {position: absolute;left: 316px;bottom: 10px;font-size: 23px;font-feature-settings: "palt";letter-spacing: -0.05em;color: #987754;}
.point-txt {font-size: 30px;margin-top: 68px;padding: 0 12px;}

.point-block:nth-child(even) .point-block-ttl {padding-top: 15px;}
.point-block:nth-child(even) .point-block-ttl img {margin-right: 13px;}
.point-block:nth-child(even) .point-block-ttl p {padding-left: 8px;}

/* story
----------------------------------------------- */
.story {background: url("../images/story-top-bg.png") no-repeat center top 520px;}
.story-ttl {margin-bottom: 40px;}
.story-top {padding: 40px 0 0 0;margin-bottom: 142px;left: 0;}
.story-top-img {left: 52px;width: auto;}
.story-top h4 {font-size: 40px;margin: 0 39px 0 auto;}
.story-top-txt {font-size: 34px;margin-top: -22px;}
.story-midashi {width: auto;margin: 37px auto 0;}
.story-in {padding-bottom: 160px;}
.story-in-ttl {padding-top: 241px;}
.story-in-ttl-img {width: auto;left: 330px;}
.story-in-ttl > span span {font-size: 40px;padding: 24px 21px 23px;margin-bottom: 3px;}
.story-in-txt {font-size: 32px;margin: 25px 0 69px;padding: 0 50px;}
.story .mb10 {margin-bottom: 100px;}

/* howto
----------------------------------------------- */
.howto-in h6 {font-size: 44px;margin-bottom: -6px;}
.howto-midashi {width: auto;}
.howto-txt {font-size: 32px;margin-top: 20px;padding: 0 49px;}
.howto-btm {margin-top: -223px;padding: 265px 28px 130px 0;}
.howto-btm-label {font-size: 64px;}
.howto-btm-txt {font-size: 28px;padding: 73px 16px 0 50px;}

/* step
----------------------------------------------- */
.step {margin-top: 62px;}
.step-in {padding: 3px 50px 0 401px;min-height: 257px;margin-bottom: 65px;}
.step-in img {width: auto;}
.step-ttl dt {font-size: 34px;padding: 13px 14px 5px;}
.step-ttl dd {font-size: 50px;margin-top: 22px;}
.step-in p {font-size: 28px;font-feature-settings: "palt";margin-top: 9px;line-height: 1.6;letter-spacing: 0.04em;}

.step-in:nth-child(even) {padding: 3px 50px 0;}
.step-in:nth-child(even) img {left: auto;right: 0;}

/* qa
----------------------------------------------- */
.qa {padding: 95px 0 137px;}
.qa-ttl {width: auto;}
.qa-in {margin-top: 18px;}
.qa-box {width: 660px;margin: 0 auto 23px;}
.qa-box:last-child {margin-bottom: 0;}
.qa-box dt {padding: 24px 22px;}
.qa-box dt img {width: auto;margin-right: 20px;}
.qa-box dt p {width: auto;font-size: 36px;}
.qa-box dd {padding: 18px 25px 37px;font-size: 30px;}

/* supplement
----------------------------------------------- */
.supplement {padding: 74px 50px 99px;}
.supplement-ttl {font-size: 50px;margin-bottom: 16px;}
.supplement-in {padding: 39px 0 48px;}
.supplement-left {top: -31px;left: -46px;width: auto;}
.supplement-right {right: -43px;top: -38px;width: auto;}
.supplement-in-midashi {font-size: 50px;}
.supplement-in-txt {font-size: 27px;}
.supplement-txt {font-size: 28px;margin-top: 34px;}


/* contact
----------------------------------------------- */
.contact{margin-top: 0px;padding: 60px 0;background: #f0e7de;}
.contact img{width: 100%;margin: 60px 0;}
.contact .midashi{font-size: 30px;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color: #b3835a;}
.contact p{line-height: 1.8;}
.contact_telbox{margin: 30px auto 100px;font-size: 30px;text-align: center;}
.contact_telbox .contact_logo{width: 500px;margin: 0 auto 40px;}
.contact_telbox a img{width: 100%;}
.contact_telbox .contact_address{margin-bottom: 10px;font-size: 30px;text-align: center;line-height: 1.6;}
.contact_telbox .contact_tel {margin: 0 auto 20px;letter-spacing: 0.05em;color: #b68f3e;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.contact_telbox .contact_tel span {margin-right: 2px;font-size:30px;padding-left: 20px;}
.contact_telbox a:before {margin-right: 4px;font-family: FontAwesome;content: '\f095';color: #b68f3e;}

.privacy_box{width: 100%;height: 200px;padding: 20px;border: 1px solid #ccc;overflow: hidden;overflow-y: scroll;margin: 10px auto;}
form#mailformpro .privacy_box dl dt {background: #F0F0ED;text-align: left;font-weight: normal;padding: 6px;line-height: 1.3;margin-bottom: 10px;display: block;font-size: 16px;}
.privacy_box p {font-size: 12px!important;color: #666;line-height: 1.3;text-align: justify;padding-bottom: 20px;}

.contact .formbox{width: 90%;margin-top: 50px;}

.formbox {width: 90%;padding: 2% 5% 4%;margin: 0 auto;border: 1px solid #ccc;background: #fff;}
.formbox table {width: 100%;color: #666;line-height: 1.8;}
.formbox ul.select li {width: 100%;}
.formbox .mailformproTable th{display: table-cell;width: 35%;font-size: 16px;padding: 0;margin: 18px 0px 8px;}
.formbox .mailformproTable td{display: table-cell;width: 65%;padding: 0 0 20px;font-size: 14px;}
form#mailformpro dl.att dt {background: none;font-size: 18px;text-align: left;font-weight: bold;line-height: 1.3;margin-bottom: 6px; display:block;}

#mfp_buttons{width: 100%!important;}
input[type="email"],input[type="tel"]{ width: 100%!important;}
.formbox textarea.w100 { width:100% !important; height: 150px !important;}
input#button_mfp_goconfirm{ width: 100%!important;}
input[type="submit"]{-webkit-appearance: none;appearance: none;background-image: none!important;box-shadow: none;overflow: hidden!important;cursor: pointer;}
.formbox .att dd{font-size: 16px;}
.formbox .att dd span { color: #c12f2f; }
.formbox .att {display: block; background:#eee;line-height: 1.4;padding: 10px;margin: 10px auto 0;font-size: 12px; text-align:justify; text-justify:auto;}
.formbox .att a { color: #c12f2f;  display: inline-block;}

/* thanks
----------------------------------------------- */
.thanks {margin-bottom:100px;background: none;max-width: 90%;margin: 0 auto;}
.thanks p { line-height:1.5;margin-bottom: 0px;}
.thanks .midashi01 p { margin-bottom:0;color: #c12f2f;padding: 50px 0;font-size: 26px;}
.thanks .midashi01 { text-align: center;}

/* top-salon-date
----------------------------------------------- */
.top-salon-date {padding: 50px 0 100px;font-weight: 500;border-top: none;position: relative;font-family: source-han-serif-japanese, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;margin: 0 auto;}
.top-salon-date:before {content: none;width: 18vw;height: 2px;background: #f4e0ce;position: absolute;top: -2px;left: 0;}
.top-salon-date dl {padding: 30px 0;line-height: 1.4;border-bottom: 1px dashed #ddd;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;}
.top-salon-date dt { width: 25%; color: #bf926d; text-align: center; }
.top-salon-date dd { flex: 1; }
.top-salon-tel {margin-bottom: 5px;color: #c09571;font-size: 22px;}
.top-salon-mail {margin-bottom: 5px;color: #c09571;font-size: 22px;}
.top-salon-note {color: #3f3f3f;font-size: 16px;padding: 0!important;}