@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400&family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bellota+Text&family=Josefin+Sans:wght@400&family=Kiwi+Maru&family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400&family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@500&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html { width: 100%; height: initial; scroll-behavior: smooth; }

body, input, select, textarea {
	color: #575757;
	/* font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif; */
	-webkit-text-size-adjust: 100%;
	/* font-size: 3.5vw; */
	line-height: 1.7;
	padding: 0;
	font-feature-settings: "palt";
}
@media (min-width: 769px) {
body, input, select, textarea {
	/* font-size: 16px; */
}
}

body { background-color: #fff; padding: 50px 0 0; }
@media (min-width: 769px) { body { padding: 100px 0 0; } }

/*--------------------------------
無表示
--------------------------------*/
@media (max-width: 768px) {
.slick-slide .pc, .pc {
	display: none;
}
}
@media (min-width: 769px) {
.slick-slide .sp, .sp {
	display: none;
}
}

img {
	width: auto;
	height: auto;
	vertical-align: bottom;
}
@media (max-width: 768px) {
img {
	width: 100%;
	max-width: 100%;
}
}

a {
	color: #575757;
	text-decoration: none;
	transition: .5s;
}
a:hover { opacity: 0.6; }
@media (max-width: 768px) {
a:hover { opacity: 1;
}
}

@media (min-width: 769px) { a[href^="tel:"] { pointer-events: none; } }

p { text-align: justify; text-justify: inter-ideograph; }

@media (max-width: 768px) { .sec { padding: 0 5vw; } }

.mincho { /* font-family: 'Yu Mincho', YuMincho, serif; */ }

/*@media (min-width: 769px) { .main { background: url("../img/bg_line_980.png") center top repeat; background-size: 2500px 20px; } }*/

.wrap { position: relative; }
@media (max-width: 768px) { .wrap { padding: 0 5.3vw; } }
@media (min-width: 769px) { .wrap { margin: 0 auto; max-width: 1000px; width: 100%; } }

#hnav-check { display: none; }
#hnav-check:checked ~ .header .hnav { max-height: initial; opacity: 1; overflow-y: scroll; z-index: 99999; }
#hnav-check:checked ~ .header .hcheck i::before { left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(225deg); }
#hnav-check:checked ~ .header .hcheck i::after { left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-225deg); width: 18px; }

/*--------------------------------
ヘッダー
--------------------------------*/
.header {
	/* background-color: #fff; */
	background-color: #604D3F;
	font-size: 3.5vw;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	letter-spacing: 0; /* リセット用 追加 */
	 -webkit-font-smoothing: subpixel-antialiased;/* デフォルト 追加 */
	/*-moz-osx-font-smoothing: unset; デフォルト 追加 */
}
@media (min-width: 769px) {
.header { font-size: 15px;
}
}
.header .hbox {
	display: flex;
	justify-content: space-between;
}
@media (max-width: 768px) {
.header .hbox {
	height: 50px;
}
}
@media (min-width: 769px) {
.header .hbox {
	height: 100px;
	margin: 0 auto;
	min-width: 1350px;
}
}
.header .hbox .hcheck {
	align-items: center;
	background-color: #e88a95;
	display: flex;
	height: 50px;
	justify-content: center;
	width: 50px;
	cursor:pointer;
}
@media (min-width: 769px) {
.header .hbox .hcheck { display: none; } }
.header .hbox .hcheck i { position: relative; }
.header .hbox .hcheck i::before, .header .hbox .hcheck i::after {
	background-color: #fff;
	content: '';
	display: block;
	height: 3px;
	left: 50%;
	position: absolute;
	top: calc(50% - 4px);
	transform: translate(-50%, 0);
	transition: .5s; width: 18px
}
.header .hbox .hcheck i::after {
	left: 50%;
	top: calc(50% + 4px);
	transform: translate(-50%, 0);
	width: 18px;
}
.header .hlogo { align-items: center; display: flex; }
@media (max-width: 768px) { .header .hlogo img { margin-left: 3.2vw; width: 39.3vw; } }
@media (min-width: 769px) { .header .hlogo img { margin-left: 20px; width: 350px; } }
@media (max-width: 768px) {
.header .hnav {
	/* background-color: #faf8f2; */
	background-color: #fff;
	background-image: url(https://www.hns.or.jp/hns-beauty-clinic/img/menusp.jpg);
	background-size:  contain;
	height: calc(100vh - 100px);
	left: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding-top:2.0em;
	position: absolute;
	top: 50px; transition: .5s;
	z-index: -99999;
	width:100%;
}
}
@media (min-width: 769px) { .header .hnav { align-items: center; display: flex; justify-content: flex-end; } }
@media (min-width: 769px) { .header .hnav nav { align-items: flex-end; display: flex; flex-direction: column-reverse; height: 100%; justify-content: flex-start; padding: 0 40px; } }

@media (min-width: 769px) {
.header .hnav1 {
	display: flex;
	justify-content: flex-end;
} }

@media (max-width: 768px) { .header .hnav1 > li {border-top: none;margin-bottom:1.0em;} }
@media (min-width: 769px) { .header .hnav1 > li + li { margin-left: 30px; } }
.header .hnav1 > li > a { align-items: center;justify-content: center;display: flex; height: 12vw;color:#fff; }
@media (max-width: 768px) { .header .hnav1 > li > a { /* background-color: #faf7f1; */background:rgba(255,255,255,0.8); margin:0 auto;width:60%;border: 3px solid #f3c8cc;border-radius: 20px;color:#604d3f; } }
@media (min-width: 769px) { .header .hnav1 > li > a { border-bottom: 4px solid transparent; height: 63px; } }
@media (min-width: 769px) { .header .hnav1 > li > a:hover { border-bottom-color: #fff; } }
@media (min-width: 769px) { .header .hnav1 .child:hover .hnav-child { height: auto; opacity: 1; z-index: 99999; } }
@media (min-width: 769px) { .header .hnav1 .hnav-child { /*background-color: #faf6f0;*/ background-color: #ffeaec;height: 0; left: 0; left: 50%; opacity: 0; overflow: hidden; position: absolute; top: 100px; transform: translate(-50%, 0); transition: opacity .3s; width: 100%; width: 100vw; z-index: -99999; } }
@media (max-width: 768px) { .header .hnav1 .hnav-child .wrap { padding: 0; } }
@media (min-width: 769px) { .header .hnav1 .hnav-child li { margin: 10px 0 0; min-width: 234px; } }
@media (min-width: 769px) { .header .hnav1 .hnav-child .wrap { display: flex; justify-content: center; padding: 0 0 40px; } }
@media (min-width: 769px) { .header .hnav1 .hnav-child .wrap > li + li { margin-left: 20px; } }
.header .hnav1 .hnav-child .ttl { align-items: center; display: flex; justify-content: space-between; }
@media (max-width: 768px) { .header .hnav1 .hnav-child .ttl { background-color: #e7e7e7; border-bottom: 1px solid #fff; cursor: pointer; height: 12vw; padding: 0 0 0 5.3vw; } }
@media (min-width: 769px) { .header .hnav1 .hnav-child .ttl { /* background-color: #e88a95; color: #fff; */ color:#575757; height: 32px; justify-content: center; margin: 0 0 20px; } }

@media (min-width: 769px) { .ttl { font-size:1.5em; } }

@media (max-width: 768px) {
.header .hnav1 .hnav-child .ttl .btn_open{
	align-items: center;
	border-left: 1px solid #fff;
	cursor: pointer;
	display: flex;
	height: 12vw;
	justify-content: center;
	osition: relative;
	width: 12vw;
	}
}

@media (max-width: 768px) {
.header .hnav1 .hnav-child .ttl .btn_open::before, .header .hnav1 .hnav-child .ttl .btn_open::after {
	background-color: #575757;
	content: '';
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 3.2vw;
	}
}

@media (max-width: 768px) {
.header .hnav1 .hnav-child .ttl .btn_open::before {
	transform: translate(-50%, -50%);
	}
}

@media (max-width: 768px) {
.header .hnav1 .hnav-child .ttl .btn_open::after {
	transform: translate(-50%, -50%) rotate(90deg);
	transition: .3s;
	}
}

.header .hnav1 .hnav-child a { align-items: center; background-color: #ebc0c7; display: flex; height: 12vw; width: 100%; }
@media (max-width: 768px) { .header .hnav1 .hnav-child a { padding: 0 5.3vw; } }
@media (min-width: 769px) { .header .hnav1 .hnav-child a { background-color: #fff; color: #707070; height: 40px; justify-content: center; } }
.header .hnav1 .hnav-child .col2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media (min-width: 769px) { .header .hnav1 .hnav-child .col2 { margin-top: -10px; max-width: 490px; } }
.header .hnav1 .hnav-child .col2 li { width: 50%; }
@media (max-width: 768px) { .header .hnav1 .hnav-child .col2 li { border-bottom: 1px solid #fff; } }
@media (min-width: 769px) { .header .hnav1 .hnav-child .col2 li { width: calc(50% - 10px); } }
@media (max-width: 768px) { .header .hnav1 .hnav-child .col2 li:nth-of-type(2n) { border-left: 1px solid #fff; } }

/*.header .hnav1 .hnav-child .col2 li:last-of-type { width: 100%; } */
.header .hnav1 .hnav-child .col2 li a { justify-content: center; text-align: center; width: 100%; }

@media (max-width: 768px) {
.header .hnav1 .hnav-child .acd-nav {
	height: 0;
	min-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: .3s;
	}
}
@media (max-width: 768px) {
.header .hnav1 .hnav-child .acd-nav li {
	border-bottom: 1px solid #fff;
	}
}
.header .hnav1 .hnav-child .acd-nav.col2 li a { padding: 0; }
.header .hnav1 .hnav-child .acd { display: none; }

.header .hnav1 .hnav-child .acd:checked ~ .ttl .btn_open::after { width: 0; }



@media (max-width: 768px) { .header .hnav1 .hnav-child .acd:checked ~ .acd-nav { height: auto; min-height: 12vw; opacity: 1; overflow: visible; } }
@media (min-width: 769px) { .header .hnav2 { display: flex; font-size: 13px; justify-content: flex-end; } }
@media (min-width: 769px) { .header .hnav2 > li + li { border-left: 1px solid #cacaca; margin-left: 30px; padding-left: 30px; } }
.header .hnav3 { margin: 8vw 0 0; }
@media (min-width: 769px) { .header .hnav3 { display: none; } }
.header .hnav3 li + li { border-top: 1px solid #fff; }
.header .hnav3 li a { align-items: center; background-color: #ebc0c7; display: flex; height: 12vw; justify-content: center; }
.header .hnav4 { margin: 8vw 0 0; }
@media (min-width: 769px) { .header .hnav4 { display: none; } }
.header .hnav4 li { text-align: center; }
.header .hnav4 li + li { border-top: 1px solid #fff; }
.header .hnav4 li a:not(.cancel) { align-items: center; background-color: #a4a6a5; background-repeat: no-repeat; color: #fff; display: flex; font-size: 4.3vw; height: 16vw; justify-content: center; }
@media (min-width: 769px) { .header .hnav4 li a:not(.cancel) { font-size: 16px; height: 70px; } }
.header .hnav4 li a.web { background-color: #e88a95; background-image: url("../img/common/web-ico.png"); background-position: 4.5vw 50%; background-size: 6.7vw auto; }
.header .hnav4 li a.cancel { border-bottom: 1px solid #575757; display: inline-block; margin: 2.7vw 0 6.7vw; }
.header .hnav4 li a.tel { background-image: url("../img/common/tel-ico.png"); background-position: 4.3vw 50%; background-size: 7.1vw auto; }
.header .hnav4 li a.interview { background-image: url("../img/common/interview-ico.png"); background-position: 5vw 50%; background-size: 5.3vw auto; }
.header .reserve a { align-items: center; background-color: #e88a95; color: #fff; display: flex; height: 100px; justify-content: center; min-width: 166px; position: relative; text-align: center; }
@media (max-width: 768px) { .header .reserve a { height: 18.7vw; font-size: 4.3vw; margin: 12vw -5.3vw 0; } }
@media (max-width: 768px) { .header .reserve a::after { border-right: 1px solid #fff; border-top: 1px solid #fff; content: ''; display: block; height: 3vw; position: absolute; right: 6.7vw; top: 50%; transform: translate(0, -50%) rotate(45deg); width: 3vw; } }

/*--------------------------------
フッター
--------------------------------*/
.footer {
	font-size: 3.5vw;
	margin: 0 0 26.7vw;
	text-align: left;
	letter-spacing: 0; /* リセット用 追加 */
	 -webkit-font-smoothing: subpixel-antialiased;/* デフォルト 追加 */
}
@media (min-width: 769px) {
.footer {
	font-size: 15px;
	margin: 0;
}
}
.footer .fnav1 { background-color: #f5f5f5; padding: 5.3vw 0; }
@media (min-width: 769px) { .footer .fnav1 { padding: 100px 0; } }
@media (min-width: 769px) { .footer .fnav11 { display: flex; justify-content: center; } }
.footer .fnav11 li { font-size: 3.7vw; }
@media (min-width: 769px) { .footer .fnav11 li { font-size: 16px; width: 333px; } }
@media (max-width: 768px) { .footer .fnav11 li + li { border-top: 1px solid #fff; } }
@media (min-width: 769px) { .footer .fnav11 li + li { margin-left: 1px; } }
.footer .fnav11 li a { align-items: center; background-color: rgba(232, 138, 149, 0.3); display: flex; height: 13.3vw; justify-content: center; width: 100%; }
@media (min-width: 769px) { .footer .fnav11 li a { height: 70px; } }
@media (min-width: 769px) { .footer .fnav12 { display: flex; justify-content: space-between; margin: 100px 0 0; } }
@media (min-width: 769px) { .footer .fnav12 ul { width: 333px; } }
@media (max-width: 768px) { .footer .fnav121, .footer .fnav122 { font-size: 3.7vw; margin: 8vw 0 0; } }
@media (max-width: 768px) { .footer .fnav121 > li, .footer .fnav122 > li { border: 1px solid #fff; border-top: none; } }
@media (max-width: 768px) { .footer .fnav121 > li a, .footer .fnav122 > li a { align-items: center; display: flex; height: 12vw; padding: 0 0 0 5.3vw; } }
@media (min-width: 769px) { .footer .fnav121 > li + li, .footer .fnav122 > li + li { margin: 30px 0 0; } }
@media (max-width: 768px) { .footer .fnav121 > li > ul, .footer .fnav122 > li > ul { background-color: #e7e7e7; padding: 2.6vw 0; } }
.footer .fnav121 > li > ul li, .footer .fnav122 > li > ul li { font-size: 3.5vw; }
@media (min-width: 769px) { .footer .fnav121 > li > ul li, .footer .fnav122 > li > ul li { font-size: 13px; margin: 20px 0 0; } }
@media (max-width: 768px) { .footer .fnav121 > li > ul li a, .footer .fnav122 > li > ul li a { height: 8vw; } }
@media (max-width: 768px) { .footer .fnav123 { margin: 8vw 0 0; } }
.footer .fnav123 a:not(.cancel) { align-items: center; background-color: rgba(112, 112, 112, 0.6); color: #fff; display: flex; font-size: 4.3vw; height: 16vw; justify-content: center; }
@media (min-width: 769px) { .footer .fnav123 a:not(.cancel) { font-size: 16px; height: 70px; } }
.footer .fnav123 a.web { background-color: #e88a95; }
@media (max-width: 768px) { .footer .fnav123 a.web { background-image: url("../img/common/web-ico.png"); background-position: 4.5vw 50%; background-repeat: no-repeat; background-size: 6.7vw auto; } }
.footer .fnav123 a.cancel { display: block; margin: 2vw 0 5.3vw; text-align: center; }
@media (min-width: 769px) { .footer .fnav123 a.cancel { margin: 10px 0 30px; } }
.footer .fnav123 a.cancel span { display: inline-block; border-bottom: 1px solid #575757; }
@media (max-width: 768px) { .footer .fnav123 a.tel { background-image: url("../img/common/tel-ico.png"); background-position: 4.3vw 50%; background-repeat: no-repeat; background-size: 7.1vw auto; } }
.footer .fnav123 a.interview { margin: 1px 0 0; }
@media (max-width: 768px) { .footer .fnav123 a.interview { background-image: url("../img/common/interview-ico.png"); background-position: 5vw 50%; background-repeat: no-repeat; background-size: 5.3vw auto; } }
@media (max-width: 768px) { .footer .fnav2 { text-align: center; } }
@media (min-width: 769px) { .footer .fnav2 .wrap { align-items: center; display: flex; height: 200px; justify-content: space-between; } }
@media (max-width: 768px) { .footer .flogo { padding: 6.7vw 0 5.3vw; } }
.footer .flogo img { width: 59.6vw; }
@media (min-width: 769px) { .footer .flogo img { width: 307px; } }
.footer .copyright { /* color: #afa69a; */ color: #ea9aa2; font-size: 2.7vw; }
@media (min-width: 769px) { .footer .copyright { font-size: 12px; } }


.ttl-a { text-align: center; }
.ttl-a .jp {
	display: block;
	/* font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/
	font-size: 6vw;
	font-weight: normal;
	letter-spacing: .2em;
	color: #575757;
}
.ttl-a .jp:after {
			background-color: #e88a95;
			content: '';
			display: block;
			height: 3px;
			margin: 1.7vw auto 3vw;
			width: 6.2vw;
}
@media (min-width: 769px) {
.ttl-a .jp {
	font-size: 40px;
}
 .ttl-a .jp::after {
 	margin: 10px auto 20px;
 	width: 33px;
}
}


.ttl-a .en {
	display: block;
	font-size: 3.1vw;
	/* font-family: "Bellota Text", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif; */
	color: #575757;
}
@media (min-width: 769px) {
.ttl-a .en {
	font-size: 22px;
}
}

.ttl-b { height: 66.7vw; margin: 0 0 -13.3vw; position: relative; }
@media (min-width: 769px) { .ttl-b { height: 450px; margin: 0 0 -70px; } }
.ttl-b .en { color: #e88a95; display: block; /* font-family: "Bellota Text", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ font-size: 2.5vw; padding: 6.7vw 0 0; }
@media (min-width: 769px) { .ttl-b .en { font-size: 24px; padding: 50px 0 0; } }
.ttl-b .jp { display: block; /* font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ font-size: 5.9vw; }
@media (min-width: 769px) { .ttl-b .jp { font-size: 38px; padding: 10px 0 0; } }
.ttl-b .txt { padding: 1vw 0 0; }
@media (min-width: 769px) { .ttl-b .txt { padding: 10px 0 0; } }

.btn-area { margin: 8vw 0 0; text-align: center; }
@media (min-width: 769px) { .btn-area { margin: 60px 0 0; } }
.btn-area .notice { font-size: 2.9vw; margin: 2.7vw 0 0; }
@media (min-width: 769px) { .btn-area .notice { font-size: 13px; margin: 10px 0 0; } }
.btn-area + .btn-area { margin: 30px 0 0; }

@media (min-width: 769px) { .btn-reserve { display: none; } }
@media (max-width: 768px) { .btn-reserve { bottom: 0; position: fixed; left: 0; width: 100%; z-index: 2;}
  .btn-reserve a { align-items: center; background-color: #e88a95; color: #fff; display: flex; font-size: 4.3vw; height: 18.7vw; justify-content: center; position: relative; text-align: center; width: 100%; }
  .btn-reserve a::after { border-right: 1px solid #fff; border-top: 1px solid #fff; content: ''; display: block; height: 3vw; position: absolute; right: 6.7vw; top: 50%; transform: translate(0, -50%) rotate(45deg); width: 3vw; } }

.btn-a { align-items: center; border: 1px solid #e88a95; color: #e88a95; display: flex; font-size: 4.5vw; height: 13.2vw; justify-content: center; letter-spacing: .3em; margin: 0 auto; width: 78.7vw; }
@media (min-width: 769px) { .btn-a { color: #e88a95; display: flex; font-size: 20px; height: 70px; max-width: 480px; width: 100%; } }

.btn-b { align-items: center; background-color: #e88a95; color: #fff; display: flex; font-size: 3.6vw; height: 13.2vw; justify-content: center; letter-spacing: .3em; margin: 0 auto; width: 78.7vw; }
@media (min-width: 769px) { .btn-b { display: flex; font-size: 20px; height: 70px; max-width: 480px; width: 100%; } }

.btn-box { background-color: #fff; display: flex; justify-content: center; }
.btn-box:hover { box-shadow: 0 0 2.7vw 1.3vw rgba(0, 0, 0, 0.05); opacity: 1; }
@media (min-width: 769px) { .btn-box:hover { box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05); } }

.slick-arrow { align-items: center; bottom: 3vw; cursor: pointer; display: flex; justify-content: center; height: 6vw; position: absolute; transform: translate(-50%, 0); width: 6vw; z-index: 1; }
@media (min-width: 769px) { .slick-arrow { bottom: 40px; height: 40px; width: 40px; } }
.slick-arrow::before { border-right: 1px solid #434343; border-top: 1px solid #434343; content: ''; display: block; height: 3vw; width: 3vw; }
@media (min-width: 769px) { .slick-arrow::before { height: 16px; width: 16px; } }
.slick-arrow.prev { left: calc(35% + 4vw); }
@media (min-width: 769px) { .slick-arrow.prev { left: calc(43% + 20px); } }
.slick-arrow.prev::before { transform: rotate(-135deg); }
.slick-arrow.next { right: calc(35% - 2vw); }
@media (min-width: 769px) { .slick-arrow.next { right: calc(43% - 20px); } }
.slick-arrow.next::before { transform: rotate(45deg); }

/*
.slick-dots { bottom: 3.5vw; display: flex; left: 50%; position: absolute; transform: translate(-50%, 0); }
@media (min-width: 769px) { .slick-dots { bottom: 50px; } }
.slick-dots button { align-items: center; background: transparent; border: 0; color: transparent; cursor: pointer; display: flex; font-size: 0; height: 20px; justify-content: center; line-height: 0; margin: 0; outline: none; width: 20px; }
.slick-dots button::before { background-color: #d5dadf; content: ''; border-radius: 50%; display: block; flex-shrink: 0; height: 2vw; text-align: center; width: 2vw; }
@media (min-width: 769px) { .slick-dots button::before { height: 10px; width: 10px; } }
.slick-dots .slick-active button::before { background-color: #e88a95; }
*/

.sec-kv {
	margin: 0 auto;
}
@media (min-width: 769px) { .sec-kv { width: 1400px; } }
.sec-kv .kv {
	position: relative;
}
.sec-kv .kv .item a { display: block; transition: .3s; }
.sec-kv .kv .item a:hover { opacity: .7; }
.sec-kv .kv01 {
	position: relative;
}
/* トップイメージの枠線を消す*/
.sec-kv .kv a{
	outline: none;
}
.sec-kv .kv01 .thumb { bottom: 13.3vw; position: absolute; right: 5.3vw; width: 40vw; z-index: 100; }
@media (min-width: 769px) { .sec-kv .kv01 .thumb { bottom: 90px; right: 120px; width: 300px; } }
.sec-kv .kv01 .thumb .img { background: #fff; display: block; height: 22.5vw; position: relative; width: 100%; }
@media (min-width: 769px) { .sec-kv .kv01 .thumb .img { height: 168.75px; } }
.sec-kv .kv01 .thumb .img::before { content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.sec-kv .kv01 .thumb .img iframe { height: 22.5vw; width: 40vw; }
@media (min-width: 769px) { .sec-kv .kv01 .thumb .img iframe { height: 168.75px; width: 300px; } }
.sec-kv .kv01 .thumb .txt { align-items: center; background-color: #e88a95; color: #fff; display: flex; font-size: 3.2vw; height: 6.7vw; justify-content: flex-end; }
@media (min-width: 769px) { .sec-kv .kv01 .thumb .txt { font-size: 15px; height: 40px; padding: 0 20px; } }

.sec-info { padding: 6.7vw; }
@media (min-width: 769px) { .sec-info { padding: 60px 0; } }
.sec-info .box { background-color: #fff; padding: 0 5.3vw; }
@media (min-width: 769px) { .sec-info .box { padding: 0 40px; } }
.sec-info .box li a { display: flex; }
@media (min-width: 769px) { .sec-info .box li a { align-items: center; } }
.sec-info .box li a .new { /* font-family: "Questrial", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ align-items: center; border: 1px solid #e88a95; color: #e88a95; display: flex; flex-shrink: 0; height: 6.7vw; justify-content: center; margin-right: 2.7vw; width: 18.7vw; }
@media (min-width: 769px) { .sec-info .box li a .new { height: 30px; letter-spacing: .2em; margin-right: 30px; width: 100px; } }

.sec-recommend { /* background-color: #fde8e8; padding: 12vw 0 22.7vw; */ }
@media (min-width: 769px) { .sec-recommend { /* padding: 100px 0 180px; */ } }
.sec-recommend .recommend-slider .slick-slide { /* margin: 10.7vw 2vw 0; */ }
@media (min-width: 769px) { .sec-recommend .recommend-slider .slick-slide { /* margin: 80px 10px 0; */ } }
.sec-recommend .recommend-slider .slick-arrow { /* bottom: -11vw; */ }
@media (min-width: 769px) { .sec-recommend .recommend-slider .slick-arrow { /* bottom: -80px; */ } }
.sec-recommend .recommend-slider .slick-arrow.prev { /* left: 11.3vw; */ }
@media (min-width: 769px) { .sec-recommend .recommend-slider .slick-arrow.prev { /* left: calc(50% - 150px); */ } }
.sec-recommend .recommend-slider .slick-arrow.next { /* right: 5.3vw; */ }
@media (min-width: 769px) { .sec-recommend .recommend-slider .slick-arrow.next { /* right: calc(50% - 190px); */ } }
.sec-recommend .recommend-slider .slick-dots { /* bottom: -11vw; */ }
@media (min-width: 769px) { .sec-recommend .recommend-slider .slick-dots { /* bottom: -70px; */ } }
.sec-recommend .recommend-slider .item a {
	display: block;
	outline: none;/* イメージの枠線を消す*/
}
.sec-recommend .recommend-slider .item img { /* margin: 0 auto; */ width: 62.7vw; }
@media (min-width: 769px) { .sec-recommend .recommend-slider .item img { width: 370px; } }


/* 施術内容一覧*/
.sec-treatment { padding: 16vw 0 0; }
@media (min-width: 769px) { .sec-treatment { padding: 100px 0 0; } }
.sec-treatment .treatment-nav { display: flex; justify-content: space-between; margin: 13.3vw 0 6.7vw; }
.sec-treatment .treatment-nav li a { align-items: center; background-color: #fff; border: 1px solid #e88a95; box-shadow: 0 0 2.7vw 1.3vw rgba(0, 0, 0, 0.05); color: #e88a95; display: flex; /* font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ font-size: 4.3vw; height: 16vw; flex-direction: column; justify-content: center; width: 28vw; }
.sec-treatment .treatment-nav li a::after { border-right: 1px solid #e88a95; border-bottom: 1px solid #e88a95; content: ''; display: block; height: 3vw; transform: rotate(45deg); width: 3vw; }
.sec-treatment .list { background-color: #fff5f5; padding: 21.3vw 0 0; }
@media (min-width: 769px) { .sec-treatment .list { padding: 140px 0 0; } }
.sec-treatment .hairremoval .ttl-b { background-image: url("../img/top/hairremoval-ttl2-sp.jpg"); background-position: 100% 0; background-repeat: no-repeat; background-size: 78.7% auto; position: relative; }
@media (max-width: 768px) { .sec-treatment .hairremoval .ttl-b { height: 66.7vw; } }
@media (min-width: 769px) { .sec-treatment .hairremoval .ttl-b { background-image: url("../img/top/hairremoval-ttl2.jpg"); background-size: 71% auto; } }
.sec-treatment .hairremoval .list .wrap { padding-bottom: 10.7vw; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .wrap { padding-bottom: 100px; } }
@media (max-width: 768px) { .sec-treatment .hairremoval .list .wrap ul::after { clear: both; content: ''; display: block; } }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .wrap ul { display: flex; flex-wrap: wrap; } }
@media (max-width: 768px) { .sec-treatment .hairremoval .list .item { width: 100%; } }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .item { margin: 30px 0 0; } }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .item:nth-of-type(2n) { margin-left: 30px; } }
@media (max-width: 768px) { .sec-treatment .hairremoval .list .item + .item { margin: 4vw 0 0; } }
.sec-treatment .hairremoval .list .btn-box { background-position: 100% 50%; background-repeat: no-repeat; background-size: cover; flex-direction: column; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .btn-box { width: 485px; } }
@media (max-width: 768px) { .sec-treatment .hairremoval .list .small { float: left; width: 47.7%; }
  .sec-treatment .hairremoval .list .small + .small { float: right; } }
.sec-treatment .hairremoval .list .small .btn-box { height: 110px; }
.sec-treatment .hairremoval .list .small .btn-box .cont { margin: 10px 0 0; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .small .btn-box .ttl span { display: inline; } }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .small .btn-box .ttl span + span { margin-left: 15px; } }
.sec-treatment .hairremoval .list .gender { align-items: center; border-radius: 3vw; color: #fff; display: flex; font-size: 2.9vw; height: 6vw; justify-content: center; margin: 0 auto; width: 18.7vw; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .gender { border-radius: 15px; font-size: 12px; height: 30px; width: 110px; } }
.sec-treatment .hairremoval .list .genders { align-items: center; color: #fff; display: flex; justify-content: center; }
.sec-treatment .hairremoval .list .genders .gender { margin: 0; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .genders .gender { width: 80px; } }
.sec-treatment .hairremoval .list .genders .gender + .gender { margin-left: 1vw; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .genders .gender + .gender { margin-left: 10px; } }
.sec-treatment .hairremoval .list .female { background-color: #f5bdac; }
.sec-treatment .hairremoval .list .male { background-color: #68afe7; }
.sec-treatment .hairremoval .list .cont { align-items: center; display: flex; justify-content: center; margin: 1.3vw 0 0; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .cont { margin: 20px 0 0; } }
.sec-treatment .hairremoval .list .ttl { text-align: center; }
.sec-treatment .hairremoval .list .ttl .en { display: block; /* font-family: "Bellota Text", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ font-size: 5.1vw; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .ttl .en { font-size: 24px; } }
.sec-treatment .hairremoval .list .ttl .jp { display: block; font-size: 2.9vw; }
@media (max-width: 768px) { .sec-treatment .hairremoval .list .ttl .jp { line-height: 1; } }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .ttl .jp { font-size: 13px; } }
.sec-treatment .hairremoval .list .menu { font-size: 18px; line-height: 1.3; margin-left: 25px; text-align: center; text-shadow: 0 0 1.3vw #fff, 0 0 1.3vw #fff; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .menu { text-shadow: 0 0 10px #fff; } }
.sec-treatment .hairremoval .list .menu .price { color: #e88a95; }
.sec-treatment .hairremoval .list .menu .price b { /* font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ font-size: 6.9vw; }
@media (max-width: 768px) { .sec-treatment .hairremoval .list .menu .price b { margin-left: 1vw; } }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .menu .price b { font-size: 40px; } }
.sec-treatment .hairremoval .list .menu .price .tax { font-size: 2.7vw; margin-left: 1vw; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .menu .price .tax { font-size: 14px; margin-left: 5px; } }
.sec-treatment .hairremoval .list .menu .notice { font-size: 2.7vw; }
@media (min-width: 769px) { .sec-treatment .hairremoval .list .menu .notice { font-size: 13px; } }
.sec-treatment .facedesign .ttl-b { background-image: url("../img/top/facedesign-ttl2-sp.jpg"); background-position: 0 0; background-repeat: no-repeat; background-size: 78.7% auto; }
@media (max-width: 768px) { .sec-treatment .facedesign .ttl-b { height: 66.7vw; } }
@media (min-width: 769px) { .sec-treatment .facedesign .ttl-b { background-image: url("../img/top/facedesign-ttl2.jpg"); background-size: 71% auto; } }
.sec-treatment .facedesign .ttl-b .wrap { padding: 0 5.3vw 0 45.3vw; }
@media (min-width: 769px) { .sec-treatment .facedesign .ttl-b .wrap { padding: 0 0 0 580px; } }
.sec-treatment .facedesign .list .wrap { padding-bottom: 10.7vw; }
@media (min-width: 769px) { .sec-treatment .facedesign .list .wrap { padding-bottom: 100px; } }
@media (min-width: 769px) { .sec-treatment .facedesign .list .wrap ul { display: flex; flex-wrap: wrap; } }
@media (min-width: 769px) { .sec-treatment .facedesign .list .item { margin: 20px 0 0 20px; } }
@media (min-width: 769px) { .sec-treatment .facedesign .list .item:nth-of-type(3n+1) { margin-left: 0; } }
.sec-treatment .facedesign .list .item * { text-align: center; }
@media (max-width: 768px) { .sec-treatment .facedesign .list .item + .item { margin: 2.7vw 0 0; } }
.sec-treatment .facedesign .list .btn-box { align-items: center; flex-direction: column; }
@media (max-width: 768px) { .sec-treatment .facedesign .list .btn-box { padding: 5.3vw; } }
@media (min-width: 769px) { .sec-treatment .facedesign .list .btn-box { height: 300px; width: 320px; } }
@media (min-width: 769px) { .sec-treatment .facedesign .list .small .btn-box { height: 130px; } }
.sec-treatment .facedesign .list .ttl { color: #e88a95; font-size: 4vw; font-weight: bold; }
@media (min-width: 769px) { .sec-treatment .facedesign .list .ttl { font-size: 20px; } }
.sec-treatment .facedesign .list .ttl + p { margin: 4vw 0 0; }
@media (min-width: 769px) { .sec-treatment .facedesign .list .ttl + p { margin: 10px 0 0; } }
.sec-treatment .facedesign .list .box { align-items: center; background-color: #fff5f5; display: flex; flex-direction: column; justify-content: center; margin: 8vw 0 0; padding: 4vw 0; width: 100%; }
@media (min-width: 769px) { .sec-treatment .facedesign .list .box { font-size: 14px; margin: 50px 0 0; padding: 0 20px; height: 100px; width: 280px; } }
.sec-treatment .facedesign .list .box .parts { align-items: center; background-color: #fff; border: 1px solid #e88a95; display: flex; height: 30px; justify-content: center; margin: -40px auto 0; width: 140px; }
@media (max-width: 768px) { .sec-treatment .facedesign .list .box .parts { flex-shrink: 0; font-size: 2.9vw; height: 6.7vw; margin: -8vw 2.7vw 1vw 0; width: 24vw; } }
@media (max-width: 768px) { .sec-treatment .facedesign .list .box p { font-size: 2.9vw; text-align: left; } }
@media (min-width: 769px) { .sec-treatment .facedesign .list .box p { margin: 10px 0 0; } }
.sec-treatment .bodydesign .ttl-b { background-image: url("../img/top/bodydesign-ttl2-sp.jpg"); background-position: 100% 50%; background-repeat: no-repeat; background-size: cover; }
@media (max-width: 768px) { .sec-treatment .bodydesign .ttl-b { height: 66.7vw; } }
@media (min-width: 769px) { .sec-treatment .bodydesign .ttl-b { background-image: url("../img/top/bodydesign-ttl2.jpg"); background-position: 100% 50%; background-size: 71% auto; } }
.sec-treatment .bodydesign .list .wrap { padding-bottom: 6.7vw; }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .wrap { padding-bottom: 100px; } }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .wrap ul { display: flex; flex-wrap: wrap; } }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .item { margin: 20px 0 0; } }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .item:nth-of-type(2n) { margin-left: 30px; } }
.sec-treatment .bodydesign .list .item * { text-align: center; }
@media (max-width: 768px) { .sec-treatment .bodydesign .list .item + .item { margin: 2.7vw 0 0; } }
.sec-treatment .bodydesign .list .btn-box { align-items: center; flex-direction: column; }
@media (max-width: 768px) { .sec-treatment .bodydesign .list .btn-box { padding: 5.3vw; } }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .btn-box { height: 250px; width: 485px; } }
.sec-treatment .bodydesign .list .ttl { color: #e88a95; font-size: 4vw; font-weight: bold; }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .ttl { font-size: 20px; } }
.sec-treatment .bodydesign .list .ttl + p { margin: 4vw 0 0; }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .ttl + p { margin: 10px 0 0; } }
.sec-treatment .bodydesign .list .box { align-items: center; background-color: #fff5f5; display: flex; flex-direction: column; justify-content: center; margin: 8vw 0 0; padding: 4vw 0; width: 100%; }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .box { font-size: 14px; margin: 40px 0 0; padding: 0 20px; height: 85px; width: 430px; } }
.sec-treatment .bodydesign .list .box .parts { align-items: center; background-color: #fff; border: 1px solid #e88a95; display: flex; height: 30px; justify-content: center; margin: -45px auto 0; width: 140px; }
@media (max-width: 768px) { .sec-treatment .bodydesign .list .box .parts { flex-shrink: 0; font-size: 2.9vw; height: 6.7vw; margin: -8vw 2.7vw 1vw 0; width: 24vw; } }
@media (max-width: 768px) { .sec-treatment .bodydesign .list .box p { text-align: left; } }
@media (min-width: 769px) { .sec-treatment .bodydesign .list .box p { margin: 10px 0 0; } }


.sec-reserve { padding: 5.3vw 0 13.3vw; }
@media (min-width: 769px) { .sec-reserve { padding: 50px 0 110px; } }

.sec-reason { background-color: #f5f5f5; padding: 13.3vw 0; }
@media (min-width: 769px) { .sec-reason { padding: 120px 0; } }
@media (max-width: 768px) { .sec-reason .list { margin: 12vw 0 0; } }
@media (min-width: 769px) { .sec-reason .list .wrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; } }
.sec-reason .list .item { background-color: #fff; margin: 4vw auto 0; padding: 6.7vw 0; width: 66.7vw; }
@media (min-width: 769px) { .sec-reason .list .item { margin: 20px 0 0; padding: 20px 0; width: 294px; } }
.sec-reason .list .item * { text-align: center; }
.sec-reason .list .btn-box { align-items: center; flex-direction: column; height: 250px; }
@media (min-width: 769px) { .sec-reason .list .btn-box { width: 333px; } }
.sec-reason .list .ttl { font-size: 4.5vw; }
@media (min-width: 769px) { .sec-reason .list .ttl { font-size: 20px; height: 3.4em; } }
.sec-reason .list .ttl + p { /* font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ }
@media (min-width: 769px) { .sec-reason .list .ttl + p { margin: 10px 0 0; } }
.sec-reason .list .img { align-items: center; display: flex; justify-content: center; margin: 5.3vw 0; }
@media (min-width: 769px) { .sec-reason .list .img { height: 80px; margin: 20px 0; } }
@media (max-width: 768px) { .sec-reason .list .img [src*="ico01"] { width: 15.2vw; } }
@media (max-width: 768px) { .sec-reason .list .img [src*="ico02"] { width: 16.3vw; } }
@media (max-width: 768px) { .sec-reason .list .img [src*="ico03"] { width: 17.5vw; } }
.sec-reason .list .notice { font-size: 4.3vw; margin: 6.7vw 0 0; text-align: center; }
@media (min-width: 769px) { .sec-reason .list .notice { font-size: 24px; margin: 40px 0 0; } }

/*--------------------------------
クリニック一覧
--------------------------------*/
.sec-clinic {
	background: url("../img/common/clinic-bg.jpg") no-repeat 50% 0/cover;
	padding: 16vw 0;
	letter-spacing: 0; /* リセット用 追加 */
	 -webkit-font-smoothing: subpixel-antialiased;/* デフォルト 追加 */
}
@media (min-width: 769px) { .sec-clinic { padding: 90px 0; } }
.sec-clinic .list { padding: 8vw 0 0; }
@media (min-width: 769px) { .sec-clinic .list { padding: 60px 0 0; } }
.sec-clinic .list dl { border-top: 1px solid #575757; font-size: 4.7vw; padding: 3.3vw 0; }
@media (min-width: 769px) { .sec-clinic .list dl { align-items: center; display: flex; font-size: 18.5px; padding: 30px 0; } }
.sec-clinic .list dl:last-of-type { border-bottom: 1px solid #575757; }
.sec-clinic .list dt { color: #e88a95; flex-shrink: 0; font-size: 4.5vw; text-align: left; }
@media (min-width: 769px) { .sec-clinic .list dt { font-size: 18px; width: 285px; } }
.sec-clinic .list dd { display: flex; flex-wrap: wrap; }
@media (max-width: 768px) { .sec-clinic .list dd { font-size: 3.7vw; margin: 1.3vw 0 0; } }
.sec-clinic .list dd a { margin: .7vw 6.7vw .7vw 0; }
@media (min-width: 769px) { .sec-clinic .list dd a { margin: 5px 30px 5px 0; } }

.sec-reservation { padding: 16vw 0; }
@media (min-width: 769px) { .sec-reservation { padding: 120px 0; } }
.sec-reservation .list { margin: 16vw 0 0; }
@media (min-width: 769px) { .sec-reservation .list { margin: 80px 0 0; } }
@media (min-width: 769px) { .sec-reservation .list .wrap { padding: 0 0 100px; } }
@media (max-width: 768px) { .sec-reservation .list .wrap ul { margin: 0 auto; width: 66.7vw; } }
@media (min-width: 769px) { .sec-reservation .list .wrap ul { display: flex; flex-wrap: wrap; } }
.sec-reservation .list .item { margin: 20px 0 0; padding: 20px 0; position: relative; }
@media (max-width: 768px) { .sec-reservation .list .item { border-bottom: 1px solid #575757; } }
@media (min-width: 769px) { .sec-reservation .list .item { border-left: 1px solid #575757; margin: 20px 0 0; padding: 40px 0; width: 250px; } }
@media (min-width: 769px) { .sec-reservation .list .item:first-of-type { border-left: none; } }
.sec-reservation .list .item::after { content: ''; display: block; position: absolute; z-index: 2; }
@media (max-width: 768px) { .sec-reservation .list .item::after { left: 50%; transform: translate(-50%, 0); } }
@media (min-width: 769px) { .sec-reservation .list .item::after { top: 50%; transform: translate(0, -50%); } }
.sec-reservation .list .item::after { background-color: #fff; border-right: 1px solid #575757; border-top: 1px solid #575757; }
@media (max-width: 768px) { .sec-reservation .list .item::after { height: 2.5vw; bottom: -1.3vw; transform: translate(-50%, 0) rotate(135deg); width: 2.5vw; } }
@media (min-width: 769px) { .sec-reservation .list .item::after { height: 10px; right: -6px; transform: translate(0, -50%) rotate(45deg); width: 10px; } }
.sec-reservation .list .item:last-of-type::before, .sec-reservation .list .item:last-of-type::after { content: none; }
.sec-reservation .list .item * { text-align: center; }
.sec-reservation .list .ttl { align-items: center; color: #e88a95; display: flex; font-size: 3.7vw; justify-content: center; }
@media (min-width: 769px) { .sec-reservation .list .ttl { font-size: 20px; height: 5.1em; } }
.sec-reservation .list .ttl + p { /* font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ }
@media (min-width: 769px) { .sec-reservation .list .ttl + p { margin: 10px 0 0; } }
.sec-reservation .list .img { align-items: center; display: flex; justify-content: center; margin: 5.3vw; }
@media (min-width: 769px) { .sec-reservation .list .img { height: 60px; margin: 20px 0 40px; } }
@media (max-width: 768px) { .sec-reservation .list .img [src*="ico01"] { width: 17.3vw; } }
@media (max-width: 768px) { .sec-reservation .list .img [src*="ico02"] { width: 11.2vw; } }
@media (max-width: 768px) { .sec-reservation .list .img [src*="ico03"] { width: 21.7vw; } }
@media (max-width: 768px) { .sec-reservation .list .img [src*="ico04"] { width: 15.5vw; } }
.sec-reservation .list .notice { font-size: 2.9vw; margin: 2.7vw 0 0; text-align: center; }
@media (min-width: 769px) { .sec-reservation .list .notice { font-size: 13px; margin: 20px 0 0; } }

.sec-news { background-color: #f5f5f5; padding: 0 0 16vw; }
@media (min-width: 769px) { .sec-news { padding: 0 0 120px; } }
.sec-news .ttl-a { padding: 16vw 0 0; }
@media (min-width: 769px) { .sec-news .ttl-a { padding: 90px 0 0; } }
.sec-news .box { margin: 13.3vw 0 0; padding: 0; }
@media (min-width: 769px) { .sec-news .box { margin: 70px 0 0; padding: 0 40px; } }
.sec-news .box li { align-items: center; display: flex; border-bottom: 1px solid #575757; }
.sec-news .box li:first-of-type { border-top: 1px solid #575757; }
@media (max-width: 768px) { .sec-news .box li { font-size: 3.2vw; padding: 5vw 0; } }
@media (min-width: 769px) { .sec-news .box li { height: 100px; } }
@media (min-width: 769px) { .sec-news .box li a { align-items: center; display: flex; } }
.sec-news .box li a .head { align-items: center; display: flex; }
@media (max-width: 768px) { .sec-news .box li a .head { margin-right: 5.3vw; } }
@media (min-width: 769px) { .sec-news .box li a .head { margin-right: 30px; } }
.sec-news .box li a .new { align-items: center; border: 1px solid #e88a95; color: #e88a95; display: flex; /* font-family: "Questrial", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;*/ height: 5.2vw; justify-content: center; margin-left: 5.3vw; width: 14.7vw; }
@media (min-width: 769px) { .sec-news .box li a .new { height: 30px; letter-spacing: .2em; margin-left: 30px; width: 100px; } }

.sec-youtube { padding: 20vw 0 0; }
@media (min-width: 769px) { .sec-youtube { padding: 110px 0 0; } }
@media (min-width: 769px) { .sec-youtube .box { align-items: center; display: flex; } }
@media (min-width: 769px) { .sec-youtube .box .img { width: 520px; } }
.sec-youtube .box .txt { margin: 4vw 0 0; }
@media (min-width: 769px) { .sec-youtube .box .txt { margin: 0 0 0 60px; } }
.sec-youtube .box .txt .ttl span { display: block; font-size: 5.1vw; margin: 4vw 0 0; }
@media (min-width: 769px) { .sec-youtube .box .txt .ttl span { font-size: 30px; margin: 20px 0 0; } }
@media (max-width: 768px) { .sec-youtube .box .txt img { width: 20.9vw; } }
@media (max-width: 768px) { .sec-youtube .box .txt p { font-size: 3.7vw; margin: 4vw 0 0; } }
@media (min-width: 769px) { .sec-youtube .box .txt p { margin: 20px 0 0; } }
.sec-youtube .cm { margin: 18vw 0 0; text-align: center; }
@media (min-width: 769px) { .sec-youtube .cm { margin: 100px 0 0; } }
.sec-youtube .cm .main { margin: 4vw 0 0; }
@media (min-width: 769px) { .sec-youtube .cm .main { margin: 40px 0 0; } }

.lp01 { text-align: center; }
.lp01 p b { font-size: 125%; }
.lp01 p a { border-bottom: 1px solid #005bac; color: #005bac; }
.lp01 .wrap { position: relative; }
@media (max-width: 768px) { .lp01 .wrap { padding: 14.7vw 5.3vw; } }
@media (min-width: 769px) { .lp01 .wrap { margin: 0 auto; padding: 180px 0; max-width: 1000px; width: 100%; } }
.lp01 .lp01-btn { align-items: center; background-color: #e88a95; color: #fff; display: flex; font-size: 3.6vw; height: 12.9vw; justify-content: center; margin: 2vw auto; width: 76vw; }
@media (min-width: 769px) { .lp01 .lp01-btn { font-size: 30px; height: 72px; margin: 10px auto; width: 480px; } }
.lp01 .reserve { align-items: center; background: url("../laser-lp-mn/img/reserve-bg.png") no-repeat 50% 50%/cover; color: #fff; display: flex; flex-direction: column; font-size: 3.3vw; height: 46.7vw; justify-content: center; }
@media (min-width: 769px) { .lp01 .reserve { font-size: 24px; height: 225px; } }
@media (max-width: 768px) { .lp01 .reserve [src*="ttl"] { width: 51vw; } }
.lp01 .reserve p a { border-bottom: 1px solid #fff; color: #fff; }
.lp01 .reason01-2 { background-color: #f5f5f5; }
.lp01 .reason02-2 { background-color: #f5f5f5; }
.lp01 .reason02-2 .wrap { padding: 0; }
@media (min-width: 769px) { .lp01 .reason02-2 img { margin: -114px 0 0; } }
.lp01 .flow { background-color: #f5f5f5; }
.lp01 .method .step .ttl { color: #e88a95; font-size: 4.3vw; margin: 6.7vw 0 0; text-align: left; }
@media (min-width: 769px) { .lp01 .method .step .ttl { font-size: 25px; margin: 40px 0 0; } }
.lp01 .method .step p { font-size: 3.2vw; }
@media (min-width: 769px) { .lp01 .method .step p { font-size: 15px; } }
.lp01 .clinic {
	align-items: center;
	background: url("../img/common/clinic-bg.jpg") no-repeat 50% 50%/cover;
	display: flex;
}
@media (min-width: 769px) { .lp01 .clinic { height: 1200px; } }
@media (min-width: 769px) { .lp01 .clinic .wrap { padding: 0; } }
@media (max-width: 768px) { .lp01 .clinic .ttl img { margin: 0 auto; width: 63.7vw; } }
.lp01 .clinic .sec-clinic { background: none; padding: 8vw 0 0; }
@media (min-width: 769px) { .lp01 .clinic .sec-clinic { padding: 60px 0 0; } }
.lp01 .clinic .sec-clinic dl { border-color: #575757; font-size: 4.7vw; padding: 3.3vw 0; }
@media (min-width: 769px) { .lp01 .clinic .sec-clinic dl { font-size: 18.5px; padding: 30px 0; } }
.lp01 .clinic .sec-clinic dt { color: #e88a95; text-align: left; }
.lp01 .clinic .btn { margin: 10.7vw auto 0; }
@media (min-width: 769px) { .lp01 .clinic .btn { margin: 90px auto 0; } }
.lp01 .clinic .lp01-btn { font-size: 3.6vw; }
@media (min-width: 769px) { .lp01 .clinic .lp01-btn { font-size: 22.5px; } }
.lp01 .cm .main { margin: 4vw 0 0; }
@media (min-width: 769px) { .lp01 .cm .main { margin: 40px 0 0; } }
.lp01 .cm .main .txt { display: block; font-size: 3.5vw; margin: 1.5vw 0 0; }
@media (min-width: 769px) { .lp01 .cm .main .txt { font-size: 22px; margin: 10px 0 0; } }
.lp01 .cm .list { display: flex; flex-wrap: wrap; margin: 0 auto; }
@media (min-width: 769px) { .lp01 .cm .list { max-width: 932px; } }
.lp01 .cm .list .item { margin: 6vw 0 0; width: 47%; }
@media (min-width: 769px) { .lp01 .cm .list .item { margin: 60px 0 0; width: 45%; } }
.lp01 .cm .list .item img { width: 100%; }
.lp01 .cm .list .item:nth-of-type(2n) { margin-left: 6%; }
@media (min-width: 769px) { .lp01 .cm .list .item:nth-of-type(2n) { margin-left: 10%; } }
.lp01 .cm .list .item .txt { display: block; font-size: 2.6vw; margin: 1.5vw 0 0; }
@media (min-width: 769px) { .lp01 .cm .list .item .txt { font-size: 18px; margin: 10px 0 0; } }
