﻿html,body,div,span,applet,object,iframe,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,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
}
table{
	border-collapse:collapse;border-spacing:0;
	font-weight:normal
}
table caption,table th,table td{
	text-align:left;vertical-align:middle
}
table caption,table th{
	font-weight:300
}
table td{
	font-weight:200
}
q::before,q::after,blockquote::before,blockquote::after{
	content:"";content:none
}
a{
	display:inline-block;color:#000;text-decoration:none
}
a:link{
	color:#000
}
a:active{
	color:#000
}
a:visited{
	color:#000
}
a:hover{
	cursor:pointer
}
a img{
	border:none
}
img{
	vertical-align:bottom;max-width:100%
}
ul{
	list-style:none;padding:0;margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display:block
}
input,button,textarea,select{
	margin:0;border:none;outline:none;font-size:3.4rem;letter-spacing:0.1em
}
img.cover,video.cover{
	object-fit:cover
}
h1{
	font-weight:normal
}
h2,h3,h4,h5,h6{
	font-weight:500}
p{
	margin:0
}
:placeholder-shown{
	color:#8a8a8a
}
::-webkit-input-placeholder{
	color:#8a8a8a
}
:-moz-placeholder{
	color:#8a8a8a;
	opacity:1
}
::-moz-placeholder{
	color:#8a8a8a;
	opacity:1
}
:-ms-input-placeholder{
	color:#8a8a8a
}
*:focus{
	outline:none
}
*,*:before,*:after{
	-webkit-box-sizing:border-box;box-sizing:border-box
}
html{
	font-size:62.5%;line-height:1
}
body{
	position:relative;
	color:#373939;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:2.4rem;
	line-height:1.6em;
	letter-spacing:0.05em;
	-webkit-text-size-adjust:100%;
	margin:0 auto;
	width:75rem;
}
body#thanks{
	text-align:left
}
section{
	padding:6rem 0
}
.note{
	text-align:right;
	font-size:1.4rem;
	display:block
}
.inner{
	width:90%;
	margin:0 auto
}
.top-consultation.inner{
	width:95%;
}
.top-consultation.inner a, .top-consultation.inner img {
	width: 100%;
}
.flex{
	display:flex;
	justify-content:center
}
.center{
	text-align:center
}
.underline{
	background:linear-gradient(rgba(0,0,0,0) 70%,#fce0ed 0%)
}
.strong{
	font-weight:bold
}
h1{
	background:#FAEAF3;
	text-align:center;
	font-size:2rem;
	margin:0;
	padding:1rem 0
}
h2{
	text-align:center;
	margin:0 0 2rem
}
h2 span{
	display:block;
	font-weight:normal;
	margin:2rem 0 0;
	font-size:3vw
}
.pink{
	color:#F4539D
}
.sp{
	display:none
}
a{
	color:#373939;
	text-decoration:none;
	-moz-transition:ease-in-out .3s;
	-o-transition:ease-in-out .3s;
	-webkit-transition:ease-in-out .3s;
	transition:ease-in-out .3s

}
a:link{
	color:#373939
}
a:active{
	color:#373939
}
a:visited{
	color:#373939
}
a:hover{
	cursor:pointer;
	color:#F4539D
}
a:hover img{
	-moz-transition:ease-in-out .3s;
	-o-transition:ease-in-out .3s;
	-webkit-transition:ease-in-out .3s;
	transition:ease-in-out .3s;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:.7
}
header .flex{
	margin:1rem 0
}
header .logo{
	width:60%
}
header .logo a{
	margin:2rem 0 2rem 5%
}
header .h_nav .nav{
	margin:0
}
header .h_nav .nav li{
	margin-right:0.1rem
}
header .h_nav .nav li a{
	padding:0
}
#gnav ul li{
	margin-right:0.1rem
}
#gnav ul li:last-child{
	margin-right:0
}
.cta .cta-box{
	background:#1AAF9D;
	padding:4rem 0;
	color:#fff
}
.cta .cta-box p{
	font-weight:bold;
	font-size:2.8vw;
	font-size:2.1rem;
	margin:1rem 0;
	line-height:1.4em
}
.cta .cta-box p.ttl{
	margin:0
}
.cta .cta-box .flex a{
	margin-right:2rem
}
.cta .cta-box .flex a:last-child{
	margin-right:0
}
.cta .cta-box .caution{
	text-align:center
}
.cta .cta-box .caution p{
	font-size:2.3rem;
	text-align:center;
	font-weight:normal
}
.cta .cta-box .caution a{
	font-size:2.3rem;
	color:#fff;
	text-decoration:underline
}
footer{
	padding:4rem 0
}
footer .info img{
	margin:2rem 0
}
footer .foot-nav{
	text-align:left;
	margin-top:3rem
}
footer .foot-nav .flex{
	border-top:0.1rem solid #F8D1E7;
	padding:4rem 0
}
footer .foot-nav .flex a{
	padding-left:2rem;
	position:relative
}
footer .foot-nav .flex a:before{
	content:'';
	position:absolute;
	left:0;
	top:35%;
	width:1rem;
	height:1rem;
	border-top:0.1rem solid #FF0080;
	border-right:0.1rem solid #FF0080;
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
footer .foot-nav .first a{
	width:50%
}
footer .foot-nav .ttl{
	width:50%
}
footer .foot-nav .ttl p{
	color:#FF6CC0
}
footer .foot-nav .ttl p.strong{
	color:#FF0080;
	font-size:6vw;
	font-size:5rem;
	font-weight:normal;
	margin-bottom:2rem;
	font-family:'Cormorant Infant', serif
}
footer .foot-nav ul{
	width:50%
}
footer .foot-nav ul li{
	margin-bottom:0.5rem
}
#top .policy{
	background:#FFF;
	padding:8rem 0
}
#top .policy .box{
	border:1rem solid #E2DAC8;
	background:#fff;
	margin-top:4rem
}
#top .policy .box .center{
	margin:2rem 0;
	padding:0
}
#top .policy .box p{
	font-size:2.7rem;
	line-height:1.8em;
	padding:0 3rem 3rem
}
#top .consultation{
	background:url(../img/common/top_menu_bg.png) no-repeat center top;
	padding:7rem 0
}
#top .consultation h2{
	margin-bottom:6rem
}
#top .consultation #face,#top .consultation #body,#top .consultation #skin,#top .consultation #other{
	margin:4rem 0 0
}
#top .reason ul li .detail{
	display:none;padding:2rem 5%;font-size:2.4rem
}
#top .clinic{
	background:url(../img/common/bg_clinic.jpg) repeat center center;
	padding:8rem 0
}
#top .clinic .flex h2{
	width:50%;text-align:left;margin:0
}
#top .clinic .flex h2 img{
	margin-top:2.5rem
}
#top .clinic .flex p{
	width:50%;text-align:right
}
#top .clinic .box{
	background:#fff;
	padding:2rem 4rem 4rem;
	-moz-border-radius:1rem;
	-webkit-border-radius:1rem;
	border-radius:1rem;
	margin:2rem 0;
	font-size:3vw
}
#top .clinic .box .list-l,#top .clinic .box .list-r{
	width:50%
}
#top .clinic .box .list-l p,#top .clinic .box .list-r p{
	color:#988664;
	width:100%;
	text-align:left;
	margin-top:2rem;
	font-size:3vw
}
#top .clinic .box .list-l ul li,#top .clinic .box .list-r ul li{
	position:relative;padding-left:2.5rem;
	font-weight:bold;
	font-size:3vw;
	line-height:1.6em
}
#top .clinic .box .list-l ul li:after,#top .clinic .box .list-r ul li:after{
	content:'';
	background:#CCBEA0;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	width:1.5rem;
	height:1.5rem;
	display:block;
	position:absolute;
	left:0;
	top:1rem
}
#top .clinic .formbox{
	margin-top:2rem
}
#top .clinic .formbox form{
	cursor:pointer;
	position:relative
}#top .clinic .formbox form:after{
	content:"";
	position:absolute;
	right:1rem;
	top:45%;
	width:1rem;
	height:1rem;
	border:1.3rem solid transparent;
	border-left:1.8rem solid #00BBAE;
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}#top .clinic .formbox form select{
	width:100% !important;
	padding:1rem 3rem !important;
	font-size:3.5rem !important;
	height:auto !important;
	float:none !important;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	background-color:#fff
}
#top .clinic .formbox form .formbox-btn{
	position:absolute;
	right:0;
	top:0;
	opacity:0
}
#footerNavigation{
	overflow:auto;
	position:fixed;
	left:0;
	bottom:0;
	z-index:99999999999;
	color:#fff;
	padding:0;
	width:100%;
	text-align:center
}
#footerNavigation .top{
	display:flex;
	padding: 14px;
}
#footerNavigation .top a{
	width:16.2%;
}
#footerNavigation .top a img{
	width:100%
}
#footerNavigation p{
	text-align:left;
	width:83.8%;
	margin-bottom:0;
	padding-right: 14px;
}
#footerNavigation p img.official{
	width:100%
}
#footerNavigation ul{
	width:100%;
	display:flex;
	overflow:auto;
	background:#1AAF9D;
	padding: 6px 2px 3px 4px;
}
#footerNavigation ul li{
	width:calc(100%/2);
	line-height:0;
	/*margin-right: 7px;*/
	border-radius:0.5rem
}
#footerNavigation ul li.mail{
    display: none;
}
/*#footerNavigation ul li:last-child{
	margin-right: 0;
}*/
#footerNavigation ul li a{
	display:block;
	color:#373939
}
#footerNavigation ul li a img{
	width:100%
}
@media only screen and (max-width: 767px){
.sp{
	display:block
}
#footer.footer{
	margin-bottom:22rem
}
}


/*---------------------- */
.clf:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
.clf { display: inline-block; }
/* Hides from IE Mac */
* html .clf { height: 1%; }
.clf { display:block; }
/* End Hack */ 
/*---------------------- */

.topPickup { margin-top: 0; padding: 10px 0 1px; background: #fff; }
.topPickup h2 { display: none; font-weight: normal; margin: 0 0 8px; padding: 0px; font-size: 16px; text-align: center; }
.topPickup h2 .eFontL { font-size: 14px; color: #E33E84; }
.topPickup p { text-align: center; margin-bottom: 20px; }
.topPickup img { width: 675px; border: 1px solid #fff; }
.topPickup ul { margin: 0 0 40px; padding: 0px; list-style: none; margin-left: 16px; }
.topPickup ul li { float: left; width: 348px; font-size: 12px; color: #E45A95; line-height: 1.2; padding: 0 0 20px 20px; }
.topPickup ul img { width: 348px !important; }
