@charset "utf-8";


* {	font-size:inherit;	font:100%;	font-style: normal;	font-weight: normal;	text-decoration: none;	vertical-align: baseline;}
html {overflow-y: scroll;}
@media screen and (min-width: 730px) {
html, body {height: 100%;width: 100%;min-width:1024px !important;}
body {font-size: 16px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Myriad Pro,"游ゴシック体", "Yu Gothic", YuGothic;color:#3c3c3c;background:#fff;word-wrap : break-word;}
}
@media screen and (max-width: 728px) {
html, body {height: 100%;width: 100%;}
body {font-size: 16px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Myriad Pro,"游ゴシック体", "Yu Gothic", YuGothic;color:#3c3c3c;background:#fff;
word-wrap : break-word;
}
}
dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, caption, address, cite, code, dfn, em, strong, var, map, area{margin: 0;padding: 0;	text-align: left;
word-wrap : break-word;
overflow-wrap : break-word;
}
div,body,figure{margin:0;	padding: 0;}

table {	border-collapse:collapse;	border-spacing:0;	font-size:inherit;	width:100%;}
fieldset, img, abbr, acronym, hr {	border:0;	vertical-align: middle;}
ul {list-style:none;}
ol{list-style:none;padding:0;margin:0;}
a {color:#909090;	cursor: pointer;	outline:none;	text-decoration:none;}
a:link {}
a:visited {}
a:hover {text-decoration:none;opacity:0.7;}
a:hover img{zoom: 1;	filter: alpha(opacity=70); /* IE6/7 */	-ms-filter: "alpha(opacity=70)"; /* IE8 */	-moz-opacity: 0.70; /* Firefox */	opacity: 0.70;}

a:active {}
area{border:none;
  outline:none;}
strong{	font-weight:bold;}
address{	font-style:normal;}

.f-m{font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/** font 表示したいサイズ / 基本サイズ * 100**/
.f-11 {	font-size:72%;}
.f-12 {	font-size:79%;}
.f-13 {	font-size:86%;}
.f-14 {	font-size:93%;}
.f-15 {	font-size:100%;}
.f-16 {	font-size:108%;}
.f-17 {	font-size:115%;}
.f-18 {	font-size:122%;}
.f-19 {	font-size:129%;}
.f-20 {	font-size:136%;}
.f-21 {	font-size:143%;}
.f-22 {	font-size:150%;}
.f-23 {	font-size:158%;}
.f-24 {	font-size:165%;}
.f-25 {	font-size:172%;}
.f-26 {	font-size:179%;}
.f-30 {	font-size:200%;}
.f-36 {	font-size:225%;}


.f-r {	float: right;}
.f-l {	float: left;}

.m-b5 {	margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px;}
.m-b15 {margin-bottom: 15px;}
.m-b20 {margin-bottom: 20px;}
.m-b25 {margin-bottom: 25px;}
.m-b30 {margin-bottom: 30px;}
.m-b40 {margin-bottom: 40px;}
.m-b50 {margin-bottom: 50px;}
.m-b60 {margin-bottom: 60px;}
.m-b70 {margin-bottom: 70px;}
.m-b80{margin-bottom:80px;}
.m-t10 {margin-top: 10px;}
.m-t15 {margin-top: 15px;}
.m-t20 {margin-top: 20px;}
.m-t25 {margin-top: 25px;}
.m-t30 {margin-top: 30px;}
.m-t40 {margin-top: 40px;}
.m-t50{margin-top:50px;}
.m-t60{margin-top:60px;}
.m-t80{margin-top:80px;}
.m-l5{margin-left:5px;}
.m-l10{margin-left:10px;}
.m-l30{margin-left:30px;}
.m-l40{margin-left:40px;}
.m-r10{margin-right:10px}
.m-r20{margin-right:20px}
.m-r30{margin-right:30px}
.p-t5{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t15{ padding-top:15px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-t50{ padding-top:50px;}
.p-t60{ padding-top:60px;}
.p-b5{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}
.p-b50{ padding-bottom:50px;}
.p-b60{ padding-bottom:60px;}
.p-b70{ padding-bottom:70px;}
.p-b80{ padding-bottom:80px;}
.p-b90{ padding-bottom:90px;}
.p-b100{ padding-bottom:100px;}

.p-lr40{padding:0 40px;}

.p-l50{padding-left:50px;}

.bold{font-weight:bold;}

.t-l{	text-align:left;}
.t-r{	text-align:right;}
.t-c{	text-align:center;}
.lh-160{ line-height:1.6;}


.u-line{text-decoration:underline;}

a.u-line{text-decoration:underline;}
a.u-line:hover{text-decoration:none;}
.arrow1{background:url(img/arrow2.png) no-repeat left;padding-left:10px;text-decoration:underline;}
.arrow1:hover{text-decoration:none;}


.in1 > p{text-indent:-1em;margin-left:1em;}

.c-red{color:#EB0200;}
.c-white{color:#FFF;}
.c-pink{color:#DB5E76;}

/*======================================================
	CLEARFIX  clearしたい親要素に加える
======================================================*/
.clearfix:after {	content: ".";	display: block;	clear: both;	height: 0;	visibility: hidden;	font-size:0;	line-height:0;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
div {	zoom: 100%;}

.btn-pink{ background: #DB5E76;; box-shadow: 0 1px 4px rgba(0,0,0,0.2);   padding:2px 8px;color:#fff; text-align:center; display:block;} 
a.btn-pink:hover{ background: #5EB8DB; } 
a.btn-pink:active{ background: #5EB8DB; } 

.btn-orange{ background: #F15A24; box-shadow: 0 1px 4px rgba(0,0,0,0.2);    border-radius: 4px;} /* 2017.5.30 追加 */
a.btn-orange:hover{ background: #2196F3; } /* 2017.5.30 追加 */
a.btn-orange:active{ background: #2196F3; } /* 2017.5.30 追加 */

.btn-2color{ background: url(img/btn-2colorbg.png) repeat-x;background-size:cover; box-shadow: 0 1px 4px rgba(0,0,0,0.2);    border-radius: 4px;} /* 2017.5.30 追加 */
a.btn-2color:hover{ background: url(img/btn-2coloron.png) repeat-x;background-size:cover;  } /* 2017.5.30 追加 */
a.btn-2color:active{ background: url(img/btn-2coloron.png) repeat-x;background-size:cover; } /* 2017.5.30 追加 */

a.btn-blue{display:inline-block;margin-top:10px;border-radius:10px;background:#2196F3;padding:10px 20px;color:#fff;font-weight:bold;}

.btn-tel{ border-radius:4px;box-shadow: 0 1px 4px rgba(0,0,0,0.2); display:block;}
.btn-tel img{border-radius:4px;}
a.btn-tel:active img{ opacity:0.5;}

@media screen and (min-width: 730px) {
/*===== common ============================================*/
#wrapper{min-height: 100%;	height: auto !important;	height: 100%;	position: relative;min-width:1000px!important;} 
#page_top{	position: fixed;	right:10px;	bottom:0;	padding-bottom:10px;z-index:1000;}

.s{
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Safari, Chrome用 */
-ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* IE9用 */
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Firefox用 */
box-shadow: 0 0 5px rgba(0,0,0,0.2); /* CSS3 */
position:relative;
}

.w{width:980px;margin:0 auto;}
.container{ width:1280px; margin:0 auto;}

/*header*/
#header { width:100%;}
#header #hd{ width:980px; height: 110px; margin:0 auto; position: relative;z-index:1000;}
#hd h1{ position: absolute; top: 8px; eft: 0; }
#hd_logo{ width:292px; position: absolute; top:32px; left:0;}
#hd_access{	position: absolute;	top: 56px;	right: 287px;}
#hd_access p{font-weight:bold; line-height:1.2; }
#hd_tel{ width:270px; position: absolute; top:56px; right:0;}

#hd_btn{ width:440px; position: absolute; top:10px; right:0;}
#hd_btn li { margin-right:10px; height:32px; float:left;}
#hd_btn li:nth-child(2) { margin-right:60px; }
#hd_btn li:nth-child(3) { width:32px;}
#hd_btn li:nth-child(4) { width:32px;float:right; margin-right:0;}
#hd_btn li a{ width:146px; display: block;  }
#hd_btn li:nth-child(3) a{ width:32px;}
#hd_btn li:nth-child(4) a{ width:32px;}
#hd_btn a img{ box-shadow: 0 0 5px rgba(0,0,0,0.2); /* CSS3 */ border-radius: 4px;}

#menu { width:100%; background:#DB5E76; height:60px;box-shadow: 0 4px 8px rgba(0,0,0,0.2);transition: top .6s ease; position:relative;z-index:1000;}
#menu ul{ width:1024px; margin:0 auto; display:table; table-layout:auto; }
#menu  li{ display:table-cell;text-align:center; line-height:60px;border-right:1px solid #fff;}
#menu  li:first-child{border-left:1px solid #fff;}
#menu  li a{color:#fff; }
#menu  li a:hover{ color:#FCEE21;}
#menu  li a:active{  color:#FCEE21;}
#menu  li:first-child { width:60px;}
#menu  li:first-child a:hover{background:url(img/btn_home_hover.png) no-repeat left 0px; }
#menu  li:first-child a:active{background:url(img/btn_home_hover.png) no-repeat left 0px; }

/* header 固定 */
#header.fixed #menu {
  position: fixed;
  top: 0px;
  z-index:5000;
}

/* footer */
#footer{ border-top:#DB5E76 solid 2px; margin-top:80px; padding:20px 0;  }
#footer #address-box{ width:50%; float:left;}
#footer nav{ width:45%; float:right; border-left:#DB5E76 solid 1px; }
#footer nav li{ padding:6px 0;}
#footer nav a{ color:#DB5E76;}
#footer nav ul#footer-nav{ padding:20px; float:left;}
#footer nav ul#footer-nav2{ padding:20px; float:right;}

/* title*/
#title { background: url(img/bg-title.jpg) no-repeat; width:100%; background-size:cover; height:180px;}
#title h2{ color:#DB5E76; font-size:210%; text-align:center; line-height:180px;}
#title .bred{ font-size:86%; margin-top:-30px;}


/* toppage*/
#keyvisual{ width:100%; min-height:400px; position:relative;z-index:500; background: url(img/top/top-img.jpg) no-repeat; background-size: cover; background-position:bottom; text-align:center; }

ul.f-l3 { }
ul.f-l3 li{ float:left;text-align:center; margin-right:22px;}
ul.f-l3 li a{ width:312px; display:block; height:250px; line-height:250px;}
ul.f-l3 li a span{ border:1px solid #999; padding:6px 12px; background-color:rgba(255,255,255,0.6); text-align:center;}
ul.f-l3 li a:hover {background-color:rgba(255,255,255,0.6);}

ul.f-l3 li:nth-child(1){ background:url(img/top/bnr-coarching.jpg) no-repeat; background-size:cover;}
ul.f-l3 li:nth-child(2){ background:url(img/top/bnr-training_therapist.jpg) no-repeat;background-size:cover;}
ul.f-l3 li:nth-child(3){ background:url(img/top/bnr-charm.jpg) no-repeat;background-size:cover; float:right; margin-right:0;}

#blog-news{}
#blog-news-box{}
#blog-btn{ width:136px; height:24px; }
#blog-news ul li{ width:235px; float:left; margin-right:10px; border:1px solid #999;}
#blog-news ul li:nth-child(4){ width:235px; float:right; margin-right:0;}
#blog-news ul li .blog-img{ background:url(img/top/blog-bg.png) no-repeat; height:236px;}
#blog-news ul li .blog-box{ padding:10px;}
#blog-news ul li .blog-date{ color:#DB5E76;font-size:86%; }
#blog-news ul li .blog-title{ color:#DB5E76; border-bottom:1px dotted #DB5E76; padding:6px 0; margin-bottom:6px;}
#blog-news ul li .read-more{ background-color:#DB5E76; padding:0 4px; }
#blog-news ul li .read-more a{ color:#fff; font-size:72%; }

#top-profile{ width: 648px; height:240px; background:url(img/top/bg-profile.png) no-repeat; float:left;}
#top-profile-box{ padding:40px 44px 44px 44px;}
#top-profile-box .f-l{ width:160px;}
#top-profile-box .f-r{ width:368px;}
#top-coordinate{ width: 292px; height:240px; float:right;}

#contact  dl { width:640px; margin:40px auto;
    background: #f4f4f4;
    padding: 35px;

}
#contact dl .f-l{ width:30%; margin-left:18%;}
#contact dl .f-r{ width:30%; margin-right:18%;}


#contact  .tel{font-size: 200%;
    font-weight: bold;
    color: #DB5E76;
    padding-left: 30px;
    line-height: 100%;}
	
#contact table tr {
    border: 1px solid #DB5E76;
    background: #fff;
}
#contact table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
    width: 100%;
}	
#contact table td { padding:10px;
}	

#copy{background:#fff;text-align:center;padding:15px 0;color:#333;}


.sp,.sp-btn{display:none!important;}
}












@media screen and (max-width: 729px) {

img{width:100%;height:auto;}
.sp-btn{height:54px;position:fixed;background-color:rgba(255,255,255,0.9); box-shadow: 0 -4px 4px rgba(0,0,0,0.2);width:100%;bottom:0;left:0;z-index:2000;}
.sp-btn span{display:block;float:left;width:100%;height:48px;padding:5px;box-sizing:border-box;}
.sp-btn a{display:block;height:44px;width:100%;text-align:center;line-height:44px;float:left;background:#1976D2;border-radius:10px;color:#FFF300;font-size:100%;}
#page_top{display:none!important;}

.conversion-btn{ width:100%;margin:0 auto; }
.conversion-btn a{  display:block; text-align:center; height:60px; line-height:56px;padding:0 10px;}
.conversion-btn .btn-2color{ background-size: cover;}
.conversion-btn a.btn-2color:hover{ background: url(img/btn-2coloron.png) repeat-x;background-size: cover;  } /* 2017.5.30 追加 */
.conversion-btn a.btn-2color:active{ background: url(img/btn-2coloron.png) repeat-x;background-size: cover;  } /* 2017.5.30 追加 */
.conversion-btn p{ text-align:left; font-size:100%;}



/*header*/

#header { width:100%;}
#header #hd{  text-align:center; }
#hd h1{ text-align:center; margin-top:5px;}
#hd_logo{ width:292px; text-align:center; margin:5px auto;}
#hd_access{ width:153px; margin: 0 auto; }
#hd_access p{font-weight:bold; line-height:1.2; }
#hd_tel{ width:300px; margin: 0 auto 10px auto; }

#hd_btn{ display:table; border-spacing:10px;}
#hd_btn li { height:32px; display:table-cell;}
#hd_btn li:nth-child(2) { }
#hd_btn li:nth-child(3) { }
#hd_btn li:nth-child(4) { }
#hd_btn li a{ display: block;  }
#hd_btn li:nth-child(3) a{ }
#hd_btn li:nth-child(4) a{ }
#hd_btn a img{ box-shadow: 0 0 5px rgba(0,0,0,0.2); /* CSS3 */ border-radius: 4px;}

#menu { display:none; width:100%; background:#DB5E76; height:60px;box-shadow: 0 4px 8px rgba(0,0,0,0.2);transition: top .6s ease; position:relative;z-index:1000;}
#menu ul{ margin:0 auto; display:table; table-layout:auto; }
#menu  li{ display:table-cell;text-align:center; line-height:60px;border-right:1px solid #fff;}
#menu  li:first-child{border-left:1px solid #fff;}
#menu  li a{color:#fff; }
#menu  li a:hover{ color:#FCEE21;}
#menu  li a:active{  color:#FCEE21;}
#menu  li:first-child { width:60px;}
#menu  li:first-child a:hover{background:url(img/btn_home_hover.png) no-repeat left 0px; }
#menu  li:first-child a:active{background:url(img/btn_home_hover.png) no-repeat left 0px; }

/* header 固定 */
#header.fixed #menu {
  position: fixed;
  top: 0px;
  z-index:5000; transform: translateY(0%);
}

/* footer */
#footer{ border-top:#DB5E76 solid 2px; margin-top:40px; padding:15px;  }
#footer #address-box{ text-align:center;}
#footer #address-box img.f-l{width:30%; margin:0 auto; text-align:center; }
#footer #address-box .f-r{  }

#footer nav{ border-top: #DB5E76 solid 1px; }
#footer nav li{ padding:3px 15px;}
#footer nav a{ color:#DB5E76;}
#footer nav ul#footer-nav{ padding:20px; }
#footer nav ul#footer-nav2{ padding:20px;border-top: #DB5E76  dotted 1px; }

/* title*/
#title { background: url(img/bg-title.jpg) no-repeat; width:100%; background-size:cover; height:120px;}
#title h2{ color:#DB5E76; font-size:180%; text-align:center; line-height:100px;}
#title .bred{ font-size:86%; margin-top:10px; }




/* toppage*/
#keyvisual{ width:100%; min-height:300px; position:relative;z-index:500; background: url(img/top/top-img.jpg) no-repeat; background-size: cover; background-position:bottom; text-align:center; }
#concept{ padding:0 15px; font-size:90%;}
ul.f-l3 { margin-bottom:20px;}
ul.f-l3 li{ text-align:center; }
ul.f-l3 li a{ display:block; height:200px; line-height:200px;}
ul.f-l3 li a span{ border:1px solid #999; padding:6px 12px; background-color:rgba(255,255,255,0.6); text-align:center;}
ul.f-l3 li a:hover {background-color:rgba(255,255,255,0.6);}

ul.f-l3 li:nth-child(1){ background:url(img/top/bnr-coarching.jpg) no-repeat; background-size:cover;}
ul.f-l3 li:nth-child(2){ background:url(img/top/bnr-training_therapist.jpg) no-repeat;background-size:cover;}
ul.f-l3 li:nth-child(3){ background:url(img/top/bnr-charm.jpg) no-repeat;background-size:cover; }

#blog-news{}
#blog-news-box{}
#blog-btn{ width:136px; height:24px; }
#blog-news ul li{ width:235px; float:left; margin-right:10px; border:1px solid #999;}
#blog-news ul li:nth-child(4){ width:235px; float:right; margin-right:0;}
#blog-news ul li .blog-img{ background:url(img/top/blog-bg.png) no-repeat; height:236px;}
#blog-news ul li .blog-box{ padding:10px;}
#blog-news ul li .blog-date{ color:#DB5E76;font-size:86%; }
#blog-news ul li .blog-title{ color:#DB5E76; border-bottom:1px dotted #DB5E76; padding:6px 0; margin-bottom:6px;}
#blog-news ul li .read-more{ background-color:#DB5E76; padding:0 4px; }
#blog-news ul li .read-more a{ color:#fff; font-size:72%; }

#top-profile{ width:100%; background:url(img/top/bg-profile.png) no-repeat; background-size: contain; margin-bottom:20px; }
#top-profile-box{ padding:30px;}
#top-profile-box .f-l{ width:160px; display:none;}
#top-profile-box .f-r{}
#top-profile-box .f-r h2{ width:200px; margin:0 auto;}
#top-profile-box .f-r p{ display:none;}
#top-coordinate{ width: 100%; }

#contact  dl { margin:0 15px;
    background: #f4f4f4;
    padding: 10px;

}
#contact dl .f-l{ }
#contact dl .f-r{ }


#contact  .tel{font-size: 200%;
    font-weight: bold;
    color: #DB5E76;
    padding-left: 30px;
    line-height: 100%;}
	
#contact table tr {
    border: 1px solid #DB5E76;
    background: #fff;
}
#contact table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
    width: 100%;
}	
#contact table td { padding:10px;
}	



iframe{width:100%;height:250px;}
.w{padding:15px;}
.f-l,.f-r{float:none;}
.pc{display:none!important;}
#reserv-box{display:none;}
}