@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.webp") center top repeat; background-size: 2500px 20px; } }*/

#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999999; -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; overflow: hidden !important; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

#cboxOverlay { background: rgba(255, 255, 255, 0.8); opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxContent { margin-top: 20px; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #999; }

#cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }

#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #999; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus { outline: 0; }

#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }

#cboxPrevious { position: absolute; top: 0; left: -10vw; width: 10vw; height: 100%; text-indent: -9999px; display: flex; align-items: center; justify-content: center; }
@media (min-width: 769px) { #cboxPrevious { left: -70px; width: 70px; } }

#cboxNext { position: absolute; top: 0; right: -10vw; width: 10vw; height: 100%; text-indent: -9999px; display: flex; align-items: center; justify-content: center; }
@media (min-width: 769px) { #cboxNext { right: -70px; width: 70px; } }

#cboxPrevious::before, #cboxNext::before { border-top: 1vw solid #005eac; border-left: 1vw solid #005eac; content: ''; display: block; height: 5vw; position: relative; width: 5vw; }
@media (min-width: 769px) { #cboxPrevious::before, #cboxNext::before { border-width: 3px; height: 20px; width: 20px; } }

#cboxPrevious::before { transform: rotate(-45deg); left: 5px; }

#cboxNext::before { transform: rotate(135deg); right: 5px; }

#cboxClose { background-color: #e88a95; position: absolute; width: 10vw; height: 10vw; top: -10vw; right: 0; text-indent: -9999px; display: flex; align-items: center; justify-content: center; }
@media (min-width: 769px) { #cboxClose { top: -40px; width: 40px; height: 40px; } }

#cboxClose::before, #cboxClose::after { background-color: #fff; content: ''; display: block; height: .5vw; left: 50%; position: absolute; top: 50%; width: 6vw; }
@media (min-width: 769px) { #cboxClose::before, #cboxClose::after { height: 3px; width: 30px; } }

#cboxClose::before { transform: translate(-50%, -50%) rotate(-45deg); }

#cboxClose::after { transform: translate(-50%, -50%) rotate(45deg); }

.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;
	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: 1px;
	left: 50%;
	position: absolute;
	top: calc(50% - 4px);
	transform: translate(-50%, 0);
	transition: .5s; width: 18px
}
.header .hbox .hcheck i::after {
	left: calc(50% - 2px);
	top: calc(50% + 4px);
	transform: translate(-50%, 0);
	width: 14px;
}
.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: 229px; } }
@media (max-width: 768px) {
.header .hnav {
	background-color: #faf8f2;
	height: calc(100vh - 50px);
	left: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0 5.3vw;/* 5.3vwから変更*/ 
	position: absolute;
	top: 50px; transition: .5s;
	z-index: -99999;
}
}
@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: 1px solid #fff; border-top: none; } }
@media (min-width: 769px) { .header .hnav1 > li + li { margin-left: 30px; } }
.header .hnav1 > li > a { align-items: center; display: flex; height: 12vw; }
@media (max-width: 768px) { .header .hnav1 > li > a { background-color: #faf7f1; padding: 0 5.3vw; } }
@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: #e88a95; } }
@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; 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; height: 32px; justify-content: center; margin: 0 0 20px; } }

@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;
	position: 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.webp"); 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.webp"); background-position: 4.3vw 50%; background-size: 7.1vw auto; }
.header .hnav4 li a.interview { background-image: url("../img/common/interview-ico.webp"); 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.webp"); 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.webp"); 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.webp"); 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; 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%; } }

/*AGA治療 対応クリニックご予約ボタンはこちら
---------------------------------------------*/
.btn-aga {
    align-items: center;
    background-color: #e88a95;
    color: #fff;
    display: flex;
    font-size: 3.6vw;
    height: 15.2vw;
    justify-content: center;
    letter-spacing: .3em;
    margin: 0 auto;
    width: 78.7vw;
}
@media (min-width: 769px) {
.btn-aga {
    display: flex;
    font-size: 20px;
    height: 70px;
    max-width: 600px;
    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スライダー
---------------------------------------------*/
.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 {
   margin: 10px 0;
}

.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-mask { background-color: #e88a95; padding: 6.7vw; }
@media (min-width: 769px) { .sec-mask { padding: 30px 0; } }
.sec-mask .box { background-color: #e88a95; padding: 0 5.3vw; }
@media (min-width: 769px) { .sec-mask .box { padding: 0 40px; } }
.sec-mask .box li a { color:#fff; display: flex; }

.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;
    flex-wrap: wrap;
}
.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;
    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;
    width: 43vw;
    height: 14vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 4vw;
      position: relative;
}
.sec-treatment .treatment-nav li a::after {
     position: absolute;
    border-right: 1px solid #e88a95;
    border-bottom: 1px solid #e88a95;
    content: '';
    display: block;
    width: 2vw;
    height: 2vw;
    transform: rotate(45deg);
    
  top: 39%;
  right: 4vw;
} 


.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.webp"); 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.webp"); 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.webp");
    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.webp");
    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.webp"); 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.webp"); 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-treatment .internalmedicine .ttl-b {
    background-image: url("../img/top/internalmedicine-ttl2-sp.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 78.7% auto;
}
@media (max-width: 768px) {
.sec-treatment .internalmedicine .ttl-b {
    height: 66.7vw;
}
}
@media (min-width: 769px) {
.sec-treatment .internalmedicine .ttl-b {
    background-image: url("../img/top/internalmedicine-ttl2.webp");
    background-size: 71% auto;
}
}

.sec-treatment .internalmedicine .ttl-b .wrap {
    padding: 0 5.3vw 0 48.3vw;
}
@media (min-width: 769px) {
.sec-treatment .internalmedicine .ttl-b .wrap {
    padding: 0 0 0 580px;
}
}
.sec-treatment .internalmedicine .list ul {
    padding-bottom: 11vw;
}
@media (min-width: 769px) {
.sec-treatment .internalmedicine .list ul {
    padding-bottom: 70px;
}
}

/* AGA治療バナー 没案
.sec-treatment .internalmedicine .list .wrap {
    padding-bottom: 10.7vw;
}
@media (min-width: 769px) {
.sec-treatment .internalmedicine .list .wrap {
    padding-bottom: 100px;
}
}
@media (min-width: 769px) {
.sec-treatment .internalmedicine .list .wrap ul {
    display: block;
}
}
@media (min-width: 769px) {
.sec-treatment .internalmedicine .list .wrap .aga{
    background-image: url("../img/top/aga_background.webp");
    background-size: cover;
    height: 230px;
}
}
@media (min-width: 769px) {
.sec-treatment .internalmedicine .list .wrap .item .tx_box {
    width: 100%;
    padding: 40px 0 0 85px;
}
.sec-treatment .internalmedicine .list .wrap .item .tx_box h4 {
    font-size: 32px;
    font-weight: bold;
}
.sec-treatment .internalmedicine .list .wrap .item .tx_box .ingredients {
    font-size: 16px;
    font-weight: normal;
}
.sec-treatment .internalmedicine .list .wrap .item .tx_box .price {
    font-size: 67px;
    color: #d15965;
    line-height: 1.1;
}    
.sec-treatment .internalmedicine .list .wrap .item .tx_box .supply {
    font-size: 32px;
    color: #575757;
    font-weight: normal;
}
.sec-treatment .internalmedicine .list .wrap .item .tx_box .yen {
    font-size: 42px;
} 
.sec-treatment .internalmedicine .list .wrap .item .tx_box .tax {
    font-size: 19px;
} 
}
*/



.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.webp") 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.webp") 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.webp") 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; } }