@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');


/*---------------------------------------------------------------------------
/* 1: reset
 --------------------------------------------------------------------------*/
 * { margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td { margin: 0; padding: 0; }

html { height:100%;font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "Yu Gothic","YuGothic-Bold","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400;}
@font-face{
	font-family: "MyYuGothicM";
	font-weight: normal;
	src:local("YuGothic-Medium"),
		local("Yu Gothic Medium"),
		local("YuGothic-Regular");
}
@font-face{
	font-family: "MyYuGothicM";
	font-weight:bold;
	src:local("YuGothic-Bold"),
		local("Yu Gothic");
}
body { margin:0 auto;padding:0px;text-align:left;color: #000; font-size:16px; height:100%;-webkit-text-size-adjust: 100%;letter-spacing:0.5px; /*min-width:1080px; */}
@media print{
body { min-width:1160px;}
}
img {border: 0; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: 400;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: 400;}
strong{font-weight: 600;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom; font-size: 0.6rem; }

* html input,* html textarea,* html select {
	font-size: 100%;
	vertical-align: bottom;
}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {padding:2px;}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
}    
select::-ms-expand {
    display: none;
}
input[type="submit"] ,
input[type="button"] ,
input[type="reset"] {
    border:none;
    font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "Yu Gothic","YuGothic-Bold","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

p{
	font-size: 16px;
	line-height: 2em;
}

section p{
	margin-bottom:30px;
}
* html div#container{
	height:100%;
}
sup {display: inline-block;vertical-align: text-top; font-size: 8px; margin-top:-4px;}
sub {vertical-align: text-bottom;}
/*---------------------------------------------------------------------------
/* 2: set tags
 --------------------------------------------------------------------------*/
ul,ol { margin :0; padding:0; font-size: 100%; }
li { margin: 0; padding:0; line-height: 1.5em; font-size:16px; }

a{text-decoration: none; color:#000; }
a:hover img{opacity: 0.6;}
a:hover strong,a:hover span{opacity:1;}

/*---------------------------------------------------------------------------
/* 3: set common selecter
 --------------------------------------------------------------------------*/

.sp,.sp320,.sp_inline{ display: none !important; }
.pc { display: block; }
.pc_inline{display: inline-block;}


/* set color */
.cRed{ color: #ff0000;}
.cBlue { color: #0084f3; }
.cWhite { color: #FFFFFF; }
.cGreen{color:#569d45; }
.cGray{color: #727272;}

/* set position */
.tCenter {
    width: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.tCenter img { display:inline; }
.tRight{margin-left:auto;text-align:right;}

/* set hide contents */
.disp { display: none; }
/* set block contents */
.disp-b{display: block;}
/*set inline-block*/
.one_phase{display: inline-block;}
/*改行防止*/
.nowrap{white-space: nowrap;}
/* set text */
.txSmall  { font-size: 0.7rem; }
.tSmall  { font-size: 0.8rem; }
.tLead  {  font-size: 2.4rem; font-weight: 600;margin-bottom:30px;color: #7F6D45; line-height: 3rem;
    letter-spacing: -0.02em; }
.tLarge  { font-size: 1.4em; }
.txLarge { font-size: 1.8em; }
.tsxLarge { font-size: 2.2em; }
.mincho{font-family:游明朝,"Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,serif;}
.en{
	font-family: 'Roboto Mono', monospace;
-ms-font-feature-settings: "normal";
font-feature-settings: "palt";}
.bold{font-weight:600;}

/* set float */
.fLeft { float: left !important;}
.fRight { float: right !important;}

/* set kadomaru box */
.rad {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/* set drop shadow */
.sh {box-shadow: 2px 2px 0px rgba(0,0,0,0.1);}
/* set border */
.border{border: 1px solid #7F6D45;}
.bb{border-bottom: 1px solid #c3c3c3;}

 

/* set width for float items */
.w10 { width: 8%; }
.w20 { width: 18%; }
.w30 { width: 28%; }
.w40 { width: 38%; }
.w50 { width: 48%; }
.w60 { width: 58%; }
.w70 { width: 68%; }
.w80 { width: 78%; }
.w90 { width: 88%; }
.w100{width: 100%; }

.w10 img, .w20 img, .w30 img, .w40 img, .w50 img, .w60 img, .w70 img, .w80 img, .w90 img, .w100 img { width: 100%; }


/* set flex-box wrapp */
.flexNormal {
	width: auto;
	height: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.flexCenter {
	width: auto;
	height: auto;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
}
.flexBetween {
	width: auto;
	height: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}

.flexNormal img, .flexCenter img, .flexBetween img {width:100%;}

img.w_auto{
	display: inline;
	width: auto !important;
}
/*カラー写真をモノクロに*/
img.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
img.gray:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
/*========================================
    :js-loader
==========================================*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9999999999999;
}
#loader {
	display: none;
	position: fixed;
	top: calc(50% - 200px);
	left: calc(50% - 120px);
	width: 240px;
	height: 400px;
	text-align: center;
	font-size: .9em;
	z-index: 9999999999999;
}
#loader .loader_Wrap{
	position: relative;
}
#loader .logo{
	width:180px;
	height: 180px;
	margin:0 auto 20px;
}
#loader .logo img{display: block; width: 100%;}
#loader .en{margin-top: 30px;font-size: 16px; color: #7F6D45;}
#loader .clinic_name{
	margin-top: 30px;
	line-height: 1.4em;
}
#loader .clinic_name strong{
	font-weight: 400;
	font-size: 12px;	
	color: #7F6D45;
}


.progress-container {
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}
.progress {
	background-color: rgb(229,233,235);
	height: 0.25em;
	position: relative;
	width: 18em;
}
.progress-bar {
	background-size: 23em 0.25em;
	height: 100%;
	position: relative;
	background-image: linear-gradient(to right, rgb(232,210,167), rgb(208,181,140), rgb(180,148,108), rgb(130,87,51), rgb(119,72,39), rgb(0,0,0));
	background-image: -o-linear-gradient(to right, rgb(232,210,167), rgb(208,181,140), rgb(180,148,108), rgb(130,87,51), rgb(119,72,39), rgb(0,0,0));
	background-image: -ms-linear-gradient(to right, rgb(232,210,167), rgb(208,181,140), rgb(180,148,108), rgb(130,87,51), rgb(119,72,39), rgb(0,0,0));
	background-image: -webkit-linear-gradient(to right, rgb(232,210,167), rgb(208,181,140), rgb(180,148,108), rgb(130,87,51), rgb(119,72,39), rgb(0,0,0));
	background-image: -moz-linear-gradient(to right, rgb(232,210,167), rgb(208,181,140), rgb(180,148,108), rgb(130,87,51), rgb(119,72,39), rgb(0,0,0));
	animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
	-o-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
	-ms-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
	-webkit-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
	-moz-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
}

@keyframes cssload-width {
	0%, 100% {
		transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-o-keyframes cssload-width {
	0%, 100% {
		-o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-ms-keyframes cssload-width {
	0%, 100% {
		-ms-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-webkit-keyframes cssload-width {
	0%, 100% {
		-webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-moz-keyframes cssload-width {
	0%, 100% {
		-moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

/*========================================
    :svg  
==========================================*/
img[src$=".svg"]{
    max-width: 100%;
    width: 100%;
    height: auto;
}
/*========================================
    :img-画像を動かす
==========================================*/
.scale_up{overflow:hidden;}

.scale_up img {
	position: relative;
    overflow:hidden;
    -webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	-ms-transition: all .8s ease-out;
	transition: all .8s ease-out;
	width:auto;
}
.scale_up a:hover img,
a:hover .scale_up img{
    overflow:hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	-ms-transition: all .8s ease-out;
	transition: all .8s ease-out;
}
/*========================================
    :img-背景画像を動かす
==========================================*/
.bg-scale{
	position: relative;
	overflow: hidden;
}
.bg-scale:after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity:1;
}
/*each selector set up
.bg-scale:after{
	background:url(../img/sample.png) no-repeat top center;
}*/
a:hover .bg-scale:after,
.bg-scale:hover:after {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.bg-scale .bg-scale-inner {
	z-index:9999 ;
	position: relative;
}

/*---------------------------------------------------------------------------
/* inview animation
 --------------------------------------------------------------------------*/
/*----- フェードイン -----*/
.inviewfadeIn {
    opacity: 0;
    transition: 1s;
}
.fadeIn {
    opacity: 1.0;
}
/*----- フェードインしながら右へスライド -----*/
.inviewfadeInRight {
    opacity: 0;
    transform: translate(-60px, 0);
    -webkit-transform: translate(-60px, 0);
    transition: 1s;
}
.fadeInRight {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*----- フェードインしながら左へスライド -----*/
.inviewfadeInLeft {
    opacity: 0;
    transform: translate(60px, 0);
    -webkit-transform: translate(60px, 0);
    transition: 1s;
}
.fadeInLeft {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: 1s;
}
.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*特定の要素を遅延させたい場合*/
.delay01{transition-delay: 100ms;}
.delay02{transition-delay: 200ms;}
.delay03{transition-delay: 300ms;}

/*----- 背景をフェードイン -----*/
.inviewfadeIn_bg:before{
    opacity: 0;
    transition: 1s;
}
.fadeIn_bg:before{
    opacity: 1.0;
}
/*----- 背景をフェードインしながら右へスライド -----*/
.inviewfadeInRight_bg:before {
    opacity: 0;
    transform: translate(-60px, 0);
    -webkit-transform: translate(-60px, 0);
    transition: 1s;
}
.fadeInRight_bg:before {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*----- 背景をフェードインしながら左へスライド -----*/
.inviewfadeInLeft_bg:before {
    opacity: 0;
    transform: translate(60px, 0);
    -webkit-transform: translate(60px, 0);
    transition: 1s;
}
.fadeInLeft_bg:before {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*----- 背景をフェードインしながら上へスライド -----*/
.inviewfadeInUp_bg:before {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: 1s;
}
.fadeInUp_bg:before {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

/*
.inviewDelay ul li とすれば連続して遅延できる（jsで処理）
*/


/*---------------------------------------------------------------------------
/*background faidein
 --------------------------------------------------------------------------*/
/* init */
.background {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
background-size: cover;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: -1;
}
.show .background {
    opacity: 1;
}
.contents_fade .wrap {
    /*padding: 40vh 0 60vh;*/
    position: relative;
    z-index: 2;
}
/*toppage*/
#content01_bg {background-image: url(../img/index/bg_contcept.png);}
#content02_bg {background-image: url(../img/index/bg_bodypart.jpg);}
#content03_bg {background-image: url(../img/index/bg_insurance.jpg);}
#content04_bg {background-image: url(../img/index/bg_flow.jpg);}
#content05_bg {background-image: url(../img/index/bg_doctors.jpg);}
/*menu_price*/
#content06_bg {background-image: url(../img/menu_price/face/bg_mv_face.jpg);}
#content07_bg {background-image: url(../img/menu_price/skin/bg_mv_skin.jpg);}
#content08_bg {background-image: url(../img/menu_price/body/bg_mv_body.jpg);}
#content09_bg {background-image: url(../img/menu_price/bg_mv_repair.jpg);}
#content10_bg {background-image: url(../img/menu_price/bg_mv_other.jpg);}
#content11_bg {background-image: url(../img/menu_price/bg_mv_breast_reconstruction.jpg);}
#content12_bg {background-image: url(../img/menu_price/bg_mv_dermatology.jpg);}
#content17_bg {background-image: url(../img/menu_price/injection/bg_mv_injection.jpg);}
#content18_bg {background-image: url(../img/menu_price/medical_artmake/bg_mv_permanent_makeup.jpg);}
#content19_bg {background-image: url(../img/menu_price/hair_removal/bg_mv_hair_loss.jpg);}
#content20_bg {background-image: url(../img/menu_price/osteotomy/bg_mv_osteotomy.jpg);}
/*eachpage_background*/
#content13_bg {background-image: url(../img/medical_treatment/bg_first01.jpg);}
#content14_bg {background-image: url(../img/clinic_information/bg_greeting.jpg);}
#content15_bg {background-image: url(../img/clinic_information/bg_medical_philosophy.jpg);}
#content16_bg {background-image: url(../img/recruit/bg_subtitle.jpg);}





/*---------------------------------------------------------------------------
/* items
 --------------------------------------------------------------------------*/
/* =======================================
   1: set list styles ( contents )
========================================== */
.list {
    text-indent: -1em;
    margin: 0 0 0 1em;
}
span.list {display: inline-block;}
/*ul,ol*/
.normal ol {
    margin:0 0 0 1em;
    padding:0;
} 
.normal ol li {
    list-style-image:none;
    list-style-type:decimal;
    margin:0 0 0.5em 0em;
    padding:0 0 0 1em;
    list-style-position:inside;
    font-size:16px;
    text-indent: -1.5em;
    line-height:1.8em;
}
.normal ol li p{text-indent: 0;}
.normal ul li {
    list-style-type:none;
    padding:0 0 0.5em 1em;
    list-style-position:inside;
    font-size:16px;
    text-indent: 0em;
    line-height:1.8em;
    position:relative;
}

.normal ul li a{margin-left: -0.5em; color: #000;}
.normal ul li::after{
  position: absolute;
  top:10px;
  left:0px;
  content: "";
  width:6px;
  height:6px;
  background:#cbb08b;
}
.normal ul li a,
.normal ol li a{
  padding-left:8px;
  font-weight: 500;
  text-decoration: underline;
}
.normal ul li a:hover,
.normal ol li a:hover{
	opacity: 1;
	text-decoration: none;
	color: #7F6D45;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.linknext ul{
	margin:0;
}
.linknext ul li {
	margin:0;
	list-style-image:none;
	text-indent: 0;
}
.linknext ul li:first-child{
	border-top:1px solid #67583a;
}
.linknext ul li a{
	position:relative;
	display:block;
	width:auto;
	padding:16px 0 16px 24px;
	width:auto;
	color: #000;
	font-weight: 500;
	border-bottom:1px solid #67583a;
}
.linknext ul li a:after {
	position:absolute;
	top:calc(50% - 7px);
	left: 2px;
	content:"";
	vertical-align: middle;
	width: 7px;
	height: 14px;
	background: url(../img/common/arrow_s02.svg) no-repeat;
	background-size: 100%;
	transition: all .2s;
}
.linknext ul li a:hover{	
	background: rgba(255,222,151,0.3);
	opacity:1;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
}
.linknext ul li a:hover::after{
	left:8px;
}
/* set icon-mark  */
.linknext ul li a.blank {
	position: relative;
}
.linknext ul li a.blank::before {
	width: 16px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height:18px;
	content: "";
	background: url(../img/common/icon_outlink02.svg) no-repeat;
	background-size: 100%;
}
.linknext ul li a.pdf {
	position: relative;
}
.linknext ul li a.pdf::before {
	width: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height:24px;
	content: "";
	background: url(../img/common/icon_pdf.svg) no-repeat;
	background-size: 100%;
}

.linknext ul li a.pdf,.linknext ul li a.blank { padding-left:3em;}
.linknext ul li a.pdf::before{left:1.4em;top:30%;}
.linknext ul li a.blank::before{ left:1.6em; top:34%;}


/* =======================================
   2: btn styles ( contents )
========================================== */
/*viewmore*/
a .viewmore,
a .viewmore02{
	position: relative;
	padding:5px 0;
	text-align: center;
	border-bottom: 1px solid #EBC675;
}
a .viewmore::before,
a .viewmore02::before{
	position: absolute;
	bottom:0;
	left:0;
	content: "";
	width:0;
	height: 1px;
	background: #EBC675;
	transition: 0.2s;
}
a .viewmore::after,
a .viewmore02::after{
	position: absolute;
	bottom: 0;
	right:-1px;
	content: "";
	width:24px;
	height: 12px;
	background: url(../img/common/arrowpart01.svg)no-repeat;
	background-size: 100%;
}
a:hover .viewmore::before,
a:hover .viewmore02::before{
	width:calc(100% - 1px);
}

/*en*/
a .viewmore span{
  	display: inline-block;
	font-family: 'Roboto Mono', monospace;
	-ms-font-feature-settings: "normal";
	font-feature-settings: "palt";
	color: #EBC675;
}
/*japanese*/
a .viewmore02{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
}
a .viewmore02 span{
	display: inline-block;
	font-weight: 500;
	color: #EBC675;
}

a:hover .viewmore span,
a:hover .viewmore02 span{
  display: inline-block;
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: .6s;
  color: #FFDE97;
  opacity: 1;
}

/*color-ver.02*/
a .viewmore.color02{border-bottom: 1px solid #7F6D45;}
a .viewmore.color02::before{background: #bda46d;}
a .viewmore.color02::after{background: url(../img/common/arrowpart02.svg)no-repeat;}
a .viewmore.color02 span{color: #7F6D45;}
a:hover .viewmore.color02 span{color: #bda46d;}

a:hover .viewmore span:nth-of-type(1) ,
a:hover .viewmore02 span:nth-of-type(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s;
}
a:hover .viewmore span:nth-of-type(2) ,
a:hover .viewmore02 span:nth-of-type(2) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s;
}
a:hover .viewmore span:nth-of-type(3),
a:hover .viewmore02 span:nth-of-type(3) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s;
}
a:hover .viewmore span:nth-of-type(4) ,
a:hover .viewmore02 span:nth-of-type(4) {
  -webkit-transition-delay: .05s;
  transition-delay: .05s;
}
a:hover .viewmore span:nth-of-type(5) ,
a:hover .viewmore02 span:nth-of-type(5) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}
a:hover .viewmore span:nth-of-type(6),
a:hover .viewmore02 span:nth-of-type(6) {
  -webkit-transition-delay: .07s;
  transition-delay: .07s;
}
a:hover .viewmore span:nth-of-type(7) ,
a:hover .viewmore02 span:nth-of-type(7) {
  -webkit-transition-delay: .08s;
  transition-delay: .08s;
}
a:hover .viewmore span:nth-of-type(8),
a:hover .viewmore02 span:nth-of-type(8) {
  -webkit-transition-delay: .09s;
  transition-delay: .09s;
}
a:hover .viewmore span:nth-of-type(9) ,
a:hover .viewmore02 span:nth-of-type(9) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}
a:hover .viewmore span:nth-of-type(10),
a:hover .viewmore02 span:nth-of-type(10) {
  -webkit-transition-delay: .11s;
  transition-delay: .11s;
}
a:hover .viewmore span:nth-of-type(11) ,
a:hover .viewmore02 span:nth-of-type(11) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
}
a:hover .viewmore span:nth-of-type(12),
a:hover .viewmore02 span:nth-of-type(12) {
  -webkit-transition-delay: .13s;
  transition-delay: .13s;
}
a:hover .viewmore span:nth-of-type(13),
a:hover .viewmore02 span:nth-of-type(13) {
  -webkit-transition-delay: .14s;
  transition-delay: .14s;
}

/*center type button*/
.button a{
	position: relative;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:100%;
	height: 50px;
	background: #7F6D45;
}
.button a:hover{
	background: #5a4820;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
.button a strong{
	font-weight: 500;
	color: #fff;
}
/*2or3-buttons */
.btn p{height: 40px;}
.btn p a,
div.btn-backpage p a{
  position: relative;	
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  max-height: 30px;
  padding:8px 14px;
  text-align: center;
  font-size:14px;
  background: #7F6D45;
  z-index: 2;
}
.btn p a:hover,
div.btn-backpage p a:hover{
	background:#5a4820;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.btn p a strong,
div.btn-backpage p a strong{
	position: relative;
  	color: #fff; 
  	font-weight: 600; 
  	z-index: 2;
}

/*もどるボタン*/
div.btn-formback p a{
  	position: relative;	
  	display: -webkit-flex; 
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center; 
  	align-items: center;
  	max-height: 30px;
  	padding:8px 12px;
    text-decoration: none;
    display: block;
    font-size:14px;
    text-align: center;
    background-color: #423a3a;
    border:1px solid #423a3a;
    cursor:pointer;
}
div.btn-formback p a:hover{
	opacity:1;
	-webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
    background: #000;
}

div.btn-formback p a strong{
	color:#fff;
	font-weight: bold;
}
div.nonext p, div.nonext:active p, div.nonext:hover p{
	height:18px;
	padding:12px 14px 14px;
    font-size:14px;
    text-align: center;
    cursor:default;
    opacity:1;    
    border:1px solid #e8e8e8;
}
div.nonext p strong, div.nonext:active p strong, div.nonext:hover p strong{
	color:#96948d;
	font-weight:300;
}
/* set pagenation */
.pagenation {
	margin: 5px 0 auto;
	text-align: center;
}
.pagenation a {
	display: inline-block;
	width: 30px;
	font-size: 1em;
	text-decoration: none !important;
    line-height: 30px;
    color: #000;
    border-radius: 50%;
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border:1px solid rgba(255,255,255,0);
    font-weight: 500;
}
.pagenation a.current{
	text-decoration: none;
	border:1px solid #000;
	border-radius: 50%;
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color: #000;
}
.pagenation a:hover {
	opacity:1;
	text-decoration: none;
	background: #000;
	border-radius: 50%;
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color:#fff;
}

/* =======================================
   3: icon_blank
========================================== */
.icon_blank_w img{
    position: relative;
    display: inline-block;
    width: 16px;
    height: 12px;
    vertical-align: middle;
}

/*---------------------------------------------------------------------------
/* : float
 --------------------------------------------------------------------------*/
/* =======================================
   : float clear
========================================== */
.clearfix:after {
  content: " ";
    display: block;
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

/*---------------------------------------------------------------------------
/* : text styles
 --------------------------------------------------------------------------*/
/* =======================================
   1: lead text
========================================== */

h1, h2, h3, h4, h5, h6 {
	clear: both;
}
body.top h1.pagetitle {
	display: none;
}

h1{
	line-height: 2em;
	text-align: center;
}
h1 strong{
	display: block;
	margin:0 0 5px;
	font-size: 36px;
	font-weight: 500px;
	color: #633112;
	letter-spacing: -0.03em;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}
h1 span{
	display: block;
	font-size: 18px;
	font-weight: 400px;
	color: #7F6D45;
	letter-spacing: -0.01em;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}
.pagetitle_Wrap02 h1 strong,
.pagetitle_Wrap02 h1 span{
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
/*plus pagetitle*/
.h1_Wrap{
	margin-bottom: 30px;
}
.h1_Wrap h1{position: relative;}
.h1_Wrap h1::before{
	position: absolute;
	bottom:-10px;
	left:calc(50% - 50px);
	content: "";
	width: 100px;
	height: 10px;
	background:  url(../img/common/h1_line.svg)repeat-x;
	background-size: 10px; 
}
.h1_Wrap h1 strong{font-size: 24px;}
.h1_Wrap h1 span{font-size: 16px;}
p.pagetitle{
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}
p.pagetitle strong{
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -0.05em;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

h2{
	margin-bottom: 60px;
	text-align: center;
}
h2 strong{
	position: relative;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -0.05em;
}
h2 strong::before{
	position: absolute;
	bottom:-10px;
	left: calc(50% - 50px);
	content: "";
	width:100px;
	height: 4px;
	background: url(../img/common/h2_line.svg)no-repeat;
	background-size: 100%;
}
.h2_Wrap p{
	position: relative;
	top:-60px;
	margin-bottom: 0;
	text-align: center;
}  
.h2_Wrap p small{font-size: 10px; color: #555555;}
@media all and (-ms-high-contrast:none){
.h2_Wrap p{top:-50px;}
}
@supports (-ms-ime-align:auto) {
.h2_Wrap p{top:-50px;}
}

h3{
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	/*text-align: center;*/
	border-bottom: 1px solid #887e68;
}
h3::before{
	position: absolute;
	bottom:-2px;
	left:0;
	/*left:calc(50% - 50px);*/
	content: "";
	width: 100px;
	height: 3px;
	background: #7F6D45;
}
h3 strong{
	display: inline-block;
	padding:5px 0;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.01em;
}
h4{
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	border-left:4px solid #c4c4c4;
}
h4::before{
	position: absolute;
	top:0px;
	left:-4px;
	content: "";
	width: 4px;
	height: 50%;
	background: #000;
}	
h4 strong{
	display: inline-block;
	padding:5px 10px 5px 16px;
	width: calc(100% - 26px);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.05em;
}

h5{
    position: relative;
	width: calc(100% - 30px);
    padding: 16px 20px 14px 10px;
	margin-bottom: 30px;
    background: #f5eee1;
}
h5::before{
    position: absolute;
    top:50%;
    left:0;
    content:"";
    width:100%;
    height: 1px;
    background: rgba(255,255,255,0.6);
    z-index: 0;
}
h5 strong{
    position: relative;
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    color: #7f6d45;
    background: #f5eee1;
    z-index: 10;
}

/*---------------------------------------------------------------------------
/* spacer
 --------------------------------------------------------------------------*/
.pt00 {padding-top: 0 !important;}
.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pa10 {padding:10px;}
.pa20 {padding:20px;}
.pa30 {padding:30px;}

.ml05 {margin-left:5px !Important;}
.ml10 {margin-left:10px !Important;}
.ml15 {margin-left:15px !Important;}
.ml20 {margin-left:20px !Important;}

.mb00 {margin-bottom:0px !Important;}
.mb05 {margin-bottom:5px !Important;}
.mb10 {margin-bottom:10px !Important;}
.mb15 {margin-bottom:15px !Important;}
.mb20 {margin-bottom:20px !Important;}
.mb30 {margin-bottom:30px !Important;}
.mb40 {margin-bottom:40px !Important;}
.mb50 {margin-bottom:50px !Important;}

.mr05 {margin-right:5px !Important;}
.mr10 {margin-right:10px !Important;}
.mr15 {margin-right:15px !Important;}
.mr20 {margin-right:20px !Important;}

/*---------------------------------------------------------------------------
/* corner box
 --------------------------------------------------------------------------*/
.b-type00,
.b-type01,
.b-type02,
.b-type03{
	width: auto;
	margin: 0 0 30px;
	background: #fff;
}
.b-type_inner{
	padding: 30px;
	width: auto;
}
.b-type01{background: #ededed;}
.b-type02{background: #efe8d9;}
.b-type03{background-image:url(../img/common/bg_pattern03.png); }


/*---------------------------------------------------------------------------
/* : table
 --------------------------------------------------------------------------*/
table       { margin:0 0 0 0.7em;padding:0 0 0 0.7em; }
table ul    { margin:0 !important; padding:0 !important; }
table li    { line-height:1.8em;margin:0; font-size:16px !important; }
table p     { line-height:1.6em;margin:5px 0; }
table caption{text-align: right;}
table thead tr th,table thead tr td,table tbody tr th,table tbody tr td{text-indent: 0!important;}

/* =======================================
   : normal style
========================================== */
table.table01     { border-color:#c4b8a0;border-style:solid;border-width:1px 0 0 1px;border-collapse: collapse;margin:0 0 20px; font-size:16px; }
table.table01 th  { border-color:#c4b8a0; background-color:#fbf6eb; border-style:solid; border-width:0 1px 1px 0;color:#6b614b;font-weight:500;padding:16px 14px;line-height:1.5em;text-align:left; vertical-align: middle;letter-spacing: 0.1em;}
table.table01 td  { border-color:#c4b8a0; border-style:solid; border-width:0 1px 1px 0px;color:#000;font-weight:400; background-color:#FFFFFF;padding:16px 14px;line-height:1.5em; }
table.table01 thead th,table.table01 thead td{background-color: #fbf6eb; color: #7f6c45; font-weight: 600; background-image:url(../img/common/bg_pattern03.png); }

/* =======================================
   : tatekei style
========================================== */
table.table02       { font-size: 1em;margin:0 0 20px; font-size:16px; }
table.table02 th    { color:#633112;;padding:20px 10px;line-height:1.5em;vertical-align:top;text-align:left; font-weight: bold;}
table.table02 td    {position: relative; color:#000; padding:20px 16px; line-height:1.5em;vertical-align:top; }

table.table02 td::before{
	position: absolute;
	left:0;
	top:10%;
	width:1px;
	height: 80%;
	content: "";
	background: #6b614b;
} 
.table02 td ul li strong, 
.table02 td ul li small{display: inline-block;white-space: nowrap;}
/* =======================================
   : noline style
========================================== */
table.table03 th  { color:#000;font-weight:500;padding:16px 14px;line-height:1.5em;text-align:left;letter-spacing: 0.1em;}
table.table03 td  { color:#000;font-weight:400; background-color:#FFFFFF;padding:16px 14px;line-height:1.5em; }


/* =======================================
   : for price
========================================== */
table.table_price01{margin:0 0 0px; font-size:16px; border-bottom: 1px solid #d6d6d6;}

table.table_price01 tr th{width:60%; color:#000;font-weight:500;padding:16px 14px;line-height:1.5em;text-align:left; vertical-align: middle;letter-spacing: 0.1em;}
table.table_price01 tr td{color:#000;font-weight:400; padding:16px 14px;line-height:1.5em; text-align: right;vertical-align: middle;}
table.table_price01 tr td strong{font-size:1.1rem; white-space: nowrap;}
table.table_price01 tr td small{font-size:0.8rem; white-space: nowrap;}
table.table_price01 tr:first-child th  { border-color:#000; border-style:solid; border-width:2px 0px 0px 0;}
table.table_price01 tr:first-child td  { border-color:#d6d6d6; border-style:solid; border-width:2px 0px 0px 0;}
table.table_price01 tr:nth-child(odd){background: #fff;}
table.table_price01 tr:nth-child(even){background: #fbfbfb;}

table.table_price01 thead tr th,
table.table_price01 thead tr td{background: #f6f6f6;border-top:2px solid #000 !important;}
table.table_price01 thead tr th{font-weight: 600;}

/*脱毛*/
table.table_price01.type_3prices tr th{width:50%;}
/*artmake*/
.artmake table.table_price01.type_3prices tr th{width:40%;}
/* =======================================
   : for inner table
========================================== */
table.table01 table   { border:none;margin:0;padding:0; }
table.table01 table th{ border:none; line-height:1.6em; margin:0; padding:0; font-weight: bold; }
table.table01 table td{ border:none;font-size: 1em;line-height:1.6em;margin:0;padding:2px; }

table th.c, td.c  { text-align:center !important; }
table th.m, td.m  { vertical-align:middle !important; }
table th.r, td.r  { text-align:right !important; }

/*---------------------------------------------------------------------------
/* : height
 --------------------------------------------------------------------------*/
.h100 { height:100px; }
.h200 { height:200px; }
.h300 { height:300px; }
.h400 { height:400px; }
.h500 { height:500px; }
.h600 { height:600px; }

.h150{height:150px;}
.h250{height:250px;}
.h350{height:350px;}
.h450{height:450px;}
/* photo gallery */
.photogallery {
  width: auto;
  overflow: hidden;
  margin: 0;
}
.photogallery .photo {
  margin: 0 5px 20px;
  float: left;
}
.photogallery .photo img {
  width:100%;
}
.photogallery .clm3 .photo {
  width: calc(100% / 3 - 10px);
}
@media all and (-ms-high-contrast:none){
.photogallery .clm3 .photo {
  width: calc(100% / 3 - 11px);
}
}
@supports (-ms-ime-align:auto) {
.photogallery .clm3 .photo {
  width: calc(100% / 3 - 11px);
}
}

.photogallery .clm2 .photo {
  width: calc(100% / 2 - 20px);
  margin: 0 10px 20px;
}
.photogallery .clm4 .photo {
  width: calc(100% / 4 - 10px);
}
.photogallery p{overflow: hidden;margin-bottom: 0;
	position: relative;
	width:100%;
	z-index: 0;
}

.photogallery .clm2 p {height: 240px;}
.photogallery .clm3 p {height: 200px;}
.photogallery .clm4 p {height: 160px;}
.photogallery .clm2 p a{max-height: 240px;}
.photogallery .clm3 p a{max-height: 200px;}
.photogallery .clm4 p a{max-height: 160px;}

@media screen and (max-width: 1000px) {
.photogallery .clm2 p {height: 160px;}
.photogallery .clm3 p {height: 140px;}
.photogallery .clm4 p {height: 120px;}
.photogallery .clm2 p a{max-height: 160px;}
.photogallery .clm3 p a{max-height: 140px;}
.photogallery .clm4 p a{max-height: 120px;}
}

.photogallery p a{
	position: relative;
	overflow: hidden;
	margin: 0;
	height: 100%;
	z-index: 2;	
	background: #fafafa;
}
.photogallery span {
	display: inline-block;
	overflow: hidden;
	font-size: 11px;
	padding: 10px 0 0;
	line-height: 1.6em;
}

.photogallery a:hover img {
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
}


/*---------------------------------------------------------------------------
/* 4: layout block
 --------------------------------------------------------------------------*/
/* =======================================
   4-1: wrapper
========================================== */
#container{
    width: 100%;
    margin:0;
    position:relative;
    min-width:100%;
    background-repeat: repeat-x;
    overflow-x:hidden;
    text-align:left;
    z-index: 0;
}
body > div#container {
    height: auto;
    min-height: 100%;
}
div#main {
	padding-bottom: 760px;
    overflow: hidden;
    /*background: rgba(0,0,0,0.6);*/
}

article{
	position: relative;
	width:100%;	
	margin:0;
	padding:0;
	z-index: 0;
}


section{
	position: relative;
	z-index: 10 !important;
}
section.section{
	width:100%;
	padding: 60px 0 60px;
}

.contents_inner{
	position: relative;
	width:1160px;
	margin:0 auto;
	z-index: 100;
}
@media screen and (max-width: 1160px) {
 .contents_inner{
  width:95%;
  width:calc(100% - 20px);
}
}
.content{margin-bottom: 60px;}

.section{background-color:#fff;}
.bg00{background-color:#fff;}
.bg01{background-color: rgba(255,255,255,0.8);}
.bg02{background-color: rgba(0,0,0,0.8);}
.bg03{background-color:#fafafa;}

/*アンカーリンクがページの途中の場合-idごとに下記を当てていく*/
.page_outlink{
	margin-top:-180px;
    padding-top:180px;
}

/* =======================================
   4-2: header section
========================================== */
/*fixedなし*/
.header_top{
	position: relative;
	width:100%;
	background: #fafafa;
	z-index: 2;
}
.header_top p{
	padding:5px 0 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color:#999999;
}
/*fixedあり*/
.headerWrap{
	position: relative;
	width:100%;
	height: 160px;
	z-index: 1000;
}
.header_container{
	width:100%;	
	height: 110px;
	background: #fff;
}
.h_logo a{
	position: absolute;
	left:15px;
	display: block;
	padding:5px;
	z-index: 10000;
}
.h_info{
	position: absolute;
	top:15px;
	right: 20px;
}
.h_info dl{
	overflow: hidden;
	position: relative;
	width:390px;
	height: 80px;
}
.h_info dl dt{
	float:left;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:122px;
	height: 78px;
	border:1px solid #7F6D45;
}
.h_info dl dt strong{
	font-weight: 600;
	color: #7F6D45;
}
.h_info dl dd{
	float: right;
	width:262px;
}
.h_info dl dd.time span{
	display: inline-block;
	margin:10px 0 0 4px;
}

/*202409-電話番号svg画像に変更*/
.h_info dl dd.tel{
	position: relative;
	margin: 5px;
	width:250px;
	height: 30px;
	background: url(../img/common/phonenumber.svg) no-repeat left;
	background-size: 240px;
}
.h_info dl dd.tel *{
	opacity: 0;
	visibility: hidden;
	color: rgba(0,0,0,0);
}
/*
.h_info dl dd.tel{
	margin-top: -5px;
}
.h_info dl dd.tel span{
	position: relative;
	top:-10px;
	display: inline-block;
}
.h_info dl dd.tel strong{
	display: inline-block;
	font-feature-settings: "palt";
	margin-left: 5px;
	font-size: 34px;
	letter-spacing:-0.02em;
	vertical-align: bottom;
}
*/
/* =======================================
   4-3: header_menu_Wrap & global navigation
========================================== */
.header_menu_Wrap{
	position: relative;
	display: -webkit-flex;
  	display: flex;
  	-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	width:100%;
	height: 50px;
	background: #000;
}

.header_menu_Wrap .h_contact_Wrap{
	position: absolute;
	top:0;
	right:0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	/*width:410px;	*/
	width: 480px;
	z-index: 1111111;
}
@media screen and (max-width: 1200px) {
.header_menu_Wrap .h_contact_Wrap{/*width:21.25%;*/width:15%;}
}


.header_menu_Wrap .h_contact_Wrap div{
	width:calc(100% / 3);
}
.header_menu_Wrap .h_contact_Wrap div a{
	position: relative;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:calc(100% - 1px);
	height: 50px;
	border-left: 1px solid #000;
	background: #7F6D45;
}
.header_menu_Wrap .h_contact_Wrap div a:hover{
	background: #5a4820;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
@media screen and (min-width: 1201px) {
.header_menu_Wrap .h_contact_Wrap div a strong{
	position: relative;
	display: inline-block;
	padding:0 0 0 24px;
	font-size: 0.9rem;
	line-height: 1.1em;
	letter-spacing: -0.05em;
	color:#fff;
}
.header_menu_Wrap .h_contact_Wrap div.line a strong::before{
	position: absolute;
	top:-2px;
	left:-2px;
	content: "";
	width:20px;
	height: 20px;
	background: url(../img/common/icon_line_white.svg) no-repeat;
	background-size: 100%;
}
.header_menu_Wrap .h_contact_Wrap div.counseling a strong::before{
	position: absolute;
	top:-2px;
	left:2px;
	content: "";
	width:18px;
	height: 20px;
	background: url(../img/common/icon_assignment.svg) no-repeat;
	background-size: 100%;
}
.header_menu_Wrap .h_contact_Wrap div.contact a strong::before{
	position: absolute;
	top:-2px;
	left:-2px;
	content: "";
	width:20px;
	height: 20px;
	background: url(../img/common/icon_mail.svg) no-repeat;
	background-size: 100%;
}
}
@media screen and (max-width: 1200px) {
	.header_menu_Wrap .h_contact_Wrap div a strong,
	.header_menu_Wrap .h_contact_Wrap div a strong::before{
		display: none;
		position: absolute;
		bottom: -20px;
		transition: 0.2s;
	}
	.header_menu_Wrap .h_contact_Wrap div.line a::before{
	position: absolute;
	top:15px;
	left:calc(50% - 12px);
	content: "";
	width:24px;
	height: 24px;
	background: url(../img/common/icon_line_white.svg) no-repeat;
	background-size: 100%;
	}
	.header_menu_Wrap .h_contact_Wrap div.counseling a::before{
	position: absolute;
	top:15px;
	left:calc(50% - 12px);
	content: "";
	width:24px;
	height: 28px;
	background: url(../img/common/icon_assignment.svg) no-repeat;
	background-size: 100%;
	}
	.header_menu_Wrap .h_contact_Wrap div.contact a::before{
	position: absolute;
	top:15px;
	left:calc(50% - 12px);
	content: "";
	width:24px;
	height: 24px;
	background: url(../img/common/icon_mail.svg) no-repeat;
	background-size: 100%;
	}
	.header_menu_Wrap .h_contact_Wrap div a:hover strong{
		position: absolute;
		display: block;
		bottom: -30px;
		right:0;
		color: #fff;
		width:200px;
		text-align: center;
		background: rgba(0,0,0,0.4);
	}
}

/*global navigation
---------------------------------------- */
#g-menu-wrapp{
	position: absolute;
	top:0px;
	left:0px;
	/*width:calc(100% - 408px);*/
	width:100%;
	height: 50px;
	padding: 0;
	margin: 0;
	z-index: 111111;
}
#g-menu-wrapp .menu{
	/*overflow: hidden;*/
	position: relative;
	width:100%;
}
#g-menu-wrapp .menu li{
	float:left;
	width:auto;
}
#g-menu-wrapp .menu li a.first-level{
	position: relative;
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
  	align-items: center;
  	width:auto;
  	height:50px;
  	padding:0 30px;
	z-index:11111;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
#g-menu-wrapp .menu li a.first-level strong{
	color: #fff;
  	font-weight: 400;
}
@media screen and (max-width: 1500px) {
#g-menu-wrapp .menu li a.first-level{padding:0 15px;}
#g-menu-wrapp .menu li a.first-level strong{font-size: 14px;}
}
@media screen and (max-width: 890px) {#g-menu-wrapp .menu li a.first-level{padding:0 10px;}}

#g-menu-wrapp .menu li a.first-level:hover,
#g-menu-wrapp li.menu__mega a.first-level.active{
	background: #5B5B5B;
}
/*========================================== gnavi-2ndstage*/
#g-menu-wrapp .menu:before, #g-menu-wrapp .menu:after {
	content: " ";
	display: table;
}
#g-menu-wrapp .menu:after {
	clear: both;
}
/**/
#g-menu-wrapp .menu {
 *zoom: 1;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level{
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 40px;
	left: 0px;
	box-sizing: border-box;
	width:calc(100% - 40px);
	padding:40px 30px;
	background: #585858;
	z-index: -1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#g-menu-wrapp li.menu__mega:hover ul.menu__second-level{
	position: absolute;
	width:100%;
	top: 50px;
	visibility: visible;
	opacity: 1;
	z-index: 9999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu{
	position: relative;
	float:left;
	/*width: 280px;
    width:320px;*/
	width: 350px;
	margin:0 10px 10px; 	
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p{
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a{
	position: relative;
	display: block;
	width:calc(100% - 10px);
	min-height: 34px;
	padding:10px 5px 5px;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a::before{
	position: absolute;
	top:0;
	left:0;
	content: "";
	width:0%;
	height: 100%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
	background: rgba(0,0,0,0.4);
	opacity: 0;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a:hover::before{opacity: 1; width:100%;}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a::after{
	position: absolute;
	right:12px;
	top:14px;
	content: "";
	width: 10px;
	height: 20px;
	background: url(../img/common/arrow_s02.svg) no-repeat;
	background-size: 100%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
	opacity: 0;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a:hover::after{opacity: 1; right:4px;}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a span{
	position: relative;
	top:-4px;
	display: inline-block;
	font-feature-settings: "palt";
	letter-spacing: -0.05em;
	font-size: 28px;
	font-family: 'Roboto Mono', monospace;
	-ms-font-feature-settings: "normal";
	color:#c9ac84;
	vertical-align: middle;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a strong{
	position: relative;
	display: inline-block;
	font-feature-settings: "palt";
	letter-spacing: -0.01em;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a small{
	position: relative;
	display: inline-block;
	margin: 0px 0 0 5px;
	font-feature-settings: "palt";
	letter-spacing: -0.01em;
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
}

#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu p a.blank strong::before{
	position: absolute;
	right: -30px;
	top:5px;
	content: "";
	width:20px;
	height: 18px;
	background: url(../img/common/icon_outlink.svg) no-repeat;
	background-size: 100%;
}
/*========================================== gnavi-3rdstage*/
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level{
    /*min-height: 300px;*/
    min-height: 200px;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level li{
	display: block;
	width:100%;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level li a{
	position: relative;
	display: block;
	width: calc(100% - 20px);
	padding:5px 10px;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level li a::before{
	position: absolute;
	top:0;
	left:0;
	content: "";
	width:0%;
	height: 100%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
	background: rgba(0,0,0,0.4);
	opacity: 0;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level li a:hover::before{opacity: 1; width:100%;}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level li a span{
	position: relative;
	display: inline-block;
	width: 100%;
	color: #fff;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level li a span::before{
	position: absolute;
	right:10px;
	top:5px;
	content: "";
	width: 7px;
	height: 14px;
	background: url(../img/common/arrow_s01.svg) no-repeat;
	background-size: 100%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
	opacity: 0;
}
#g-menu-wrapp li.menu__mega ul.menu__second-level li.sub_menu ul.menu__third-level li a:hover span::before{
	opacity: 1;
	right: 2px;
}



/* =======================================
   4-4: fixed transition (header & globalnavi)
========================================== */
.headerWrap.fixed{
	position: fixed;
	width:100%;
	top:0;
	padding:0;
	height: 100px;
	z-index: 1000;
}
.headerWrap.fixed .header_container{
	height: 50px;
}
.headerWrap.fixed .header_container .h_logo a{height: 40px;}
.headerWrap.fixed .header_container .h_logo a img{display: block; height: 100%;}
.headerWrap.fixed .header_container .h_info{
	position: absolute;
	top:0px;
}
.headerWrap.fixed .header_container .h_info dl{
	overflow: hidden;
	width:100%;
}
.headerWrap.fixed .header_container .h_info dl dt,
.headerWrap.fixed .header_container .h_info dl dd{float:left;}
.headerWrap.fixed .header_container .h_info dl dt{height: 40px;margin-top: 5px;}
.headerWrap.fixed .header_container .h_info dl dd{
	width:268px;
	margin: 5px 0 0 5px;
}
.headerWrap.fixed .header_container .h_info dl dd.tel{margin-top: 10px;}




/* =======================================
   4-5: footer section
========================================== */
footer {
	overflow: hidden;
	position:absolute;
    bottom:0;
    width:100%;
    margin:0;
    padding:0;
    height: 760px;
    background: #000;
    border-top:1px solid rgba(0,0,0,0.1); 
    z-index: 11;
}

/* footer:f_clinic_info_Wrap
---------------------------------------- */
.f_clinic_info_Wrap{
	width: 100%;
	padding: 50px 0 40px;
	background: #fff;
}
.f_clinic_info_Wrap div{
	overflow: hidden;
}
.f_logo_Wrap{
	float:left;
	width:18%;
	max-width: 180px;
}
.f_clinic_info{
	float: right;
	width: 80%;
	max-width: 965px;
}
.f_logo_Wrap a,
.f_logo_Wrap a img{display: block; width: 100%}
.f_clinic_info .tel{margin-bottom: 30px;}
.f_clinic_info .tel span,
.f_clinic_info .tel small,
.f_clinic_info .tel strong{
	display: inline-block;
	vertical-align: bottom;
	font-weight: 600;
}
.f_clinic_info .tel span{
	margin-right: 30px;
}
.f_clinic_info .tel small{
	margin-right: 10px;
	font-size: 16px;
	letter-spacing: -0.01em;
}
.f_clinic_info .tel strong{
	padding-top: 10px;
	font-size: 36px;
	letter-spacing: -0.05em;
}
.time_address_Wrap{margin-bottom: 20px;}
.time_address_Wrap dl{
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	margin-right: 2%;
	margin-bottom: 10px;
}
.time_address_Wrap dl dt{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width: 100px;
	height: 30px;
	margin-right: 10px;
	font-weight: 600;
	background: #8F8F8F;
	color: #fff;
}
.time_address_Wrap dl dd{
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
  	align-items: center;
  	height: 30px;
}

.f_clinic_info .sns_list ul li{
	width:calc(100% / 4 - 10px);
	margin:0 0 0 20px;
}
.f_clinic_info .sns_list ul li:first-child{margin-left: 0;}
.f_clinic_info .sns_list ul li a{height: 60px;}

/* footer:footer_menu_Wrap
---------------------------------------- */
.footer_menu_Wrap{
	width: 100%;
	padding:40px 0;
	background-color: #F1F1F1;
}
dl.f_menu{
	overflow: hidden;
	width:100%;
    margin-bottom: 30px;
}
dl.f_menu dt{
	float:left;
	display: block;
	width:25%;	
	max-width: 200px;
	font-weight: 600;
	
}
dl.f_menu dd{
	float: left;
	width: calc(77% - 1px);
	padding-left: 3%;
	border-left:1px solid #000; 
}
dl.f_menu dd a{
	position: relative;
	display: inline-block;
	padding:2px 5px;
	margin:0px 20px 2px 0;
}
dl.f_menu dd a:hover{
	color: #7F6D45;
	text-decoration: underline;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
dl.f_menu dd a.blank{
	padding:2px 24px 2px 5px;
}
dl.f_menu dd a.blank:after{
	position: absolute;
	top:6px;
	right:2px;
	width: 18px;
	height:18px;
	content: "";
	background: url(../img/common/icon_outlink02.svg) no-repeat;
	background-size: 100%;
}

p.copyright{
	width:100%;
	margin:30px 0 0;
	text-align: center;
}
p.copyright small{color: #fff;}

@media screen and (max-width: 960px) {
.footer_menu_Wrap{padding:30px 0;}
p.copyright{margin:20px 0 0;}
}

/* footer:pageback
---------------------------------------- */
#pageback{
	position: fixed;
	bottom: 60px;
	right:10px;
	height: 150px;
	z-index: 99999999;
}
#pageback a{
	position: relative;
	bottom: -80px;
	display: block;
	width: 100px;
	padding:20px 14px 0px 20px;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}

#pageback a::before{
	position: absolute;
	bottom:0;
	left:0;
	content: "";
	width:130px;
	height: 1px;
	background: #7F6D45;
	transition: 0.2s;
}
#pageback a:after{
	position: absolute;
	bottom: 0;
	right:1px;
	content: "";
	width:24px;
	height: 12px;
	background: url(../img/common/arrowpart02.svg)no-repeat;
	background-size: 100%;
	transition: 0.1s;
}
#pageback a:hover::before{width:152px; }
#pageback a:hover::after{right: -20px;}


#pageback a span{
	display: inline-block;
	font-weight: 600;
	font-family: 'Roboto Mono', monospace;
	-ms-font-feature-settings: "normal";
	font-feature-settings: "palt";
	color: #B78F36;
}

#pageback a:hover span{
  display: inline-block;
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: .6s;
  color: #FFDE97;
}
#pageback a:hover span:nth-of-type(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s;
}
#pageback a:hover span:nth-of-type(2) {
  -webkit-transition-delay: .03s;
  transition-delay: .03s;
}
#pageback a:hover span:nth-of-type(3) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s;
}
#pageback a:hover span:nth-of-type(4) {
  -webkit-transition-delay: .05s;
  transition-delay: .05s;
}
#pageback a:hover span:nth-of-type(5) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}
#pageback a:hover span:nth-of-type(6) {
  -webkit-transition-delay: .07s;
  transition-delay: .07s;
}

/* =======================================
   top page
========================================== */
/* MainVisual(slider)
---------------------------------------- */
.mainVisual_Wrap{
	overflow: hidden;
	position: relative;
	height: calc(100vh - 190px);
	min-height: 600px;
	z-index: 2;
}
/*slider*/
#index_slide {
	position: relative;	
	width: 100%;
	min-height: 400px;
	z-index: 0;
	top:0px;
	left: 0;
	background: #fff;
}
#index_slide ul li{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	width: 100%;
 }
body.top #index_slide ul.landscape li.slick-slide a img{
	width:100%;
}

.mainVisual_Wrap .catch_Wrap{
	position: absolute;
	top:20%;
	left:0;
	width:100%;
}
.mainVisual_Wrap .catch_Wrap .catch{
	position: relative;
	/*width:26.7%;*/
	max-width:507px;
	margin:0 auto;
	text-align: center;
}
.mainVisual_Wrap .catch_Wrap .catch p{text-align: center;}
.mainVisual_Wrap .catch_Wrap .catch .logo_Wrap{margin-bottom: 20px;}
.mainVisual_Wrap .catch_Wrap .catch p small{
	display: inline-block;
	margin-bottom: 20px;
	font-size: 1.1rem;
	color: #fff;
}
.mainVisual_Wrap .catch_Wrap .catch p div img{
	display: block;
	width: 100%;
}
ul.slider.portrait{display:none;}

/* TOP:newstopics
---------------------------------------- */
.newsWrap{
	position: absolute;
	bottom:0px;
	left:0;
	width:100%;
	z-index: 10;
	background: rgba(0,0,0,0.8);
}
.newsWrap .newsticker_Wrap{
	position: relative;
	width:calc(100% - 40px);
	margin:0 auto;
}
.newsWrap .newsticker_Wrap .newstopicstitle{
	position: relative;
	top:8px;
	float: left;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:118px;
	height: 38px;
	color: #fff;
	border: 1px solid #fff;
}
/*attention_open_dermatology*/
.attention_open_dermatology{
    position: relative;
    width: 100%;
    padding-bottom: 5px;
}
.attention_open_dermatology dl{
    overflow: hidden;
    position: relative;
	width:calc(100% - 40px);
	margin:0 auto;
}
.attention_open_dermatology dl dt{
    float: left;
    display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
    width:240px;
    height: 38px;
    color: #fff;
	border: 1px solid #fff;
}
.attention_open_dermatology dl dd{
    float: left;
    display: -webkit-flex;
  	display: flex;
    -webkit-align-items: center;
  	align-items: center;
    width: calc(100% - 252px);
     height: 40px;
    margin-left: 10px;
    color: #fff;
}

/* Sticker(+ sticker>jquary.simpleTicker)
---------------------------------------- */
.newsWrap .ticker{
	position: relative;
	float:right;
  	width:calc(100% - 160px);
	height:30px !important;
	margin: 8px 0 0 10px;
}
.newsWrap .ticker ul li a::after{
	opacity:0;
	position: absolute;
	top:4px;
	left: -20px;
	content: "";
	width: 7px;
	height: 14px;
	background: url(../img/common/arrow_s02.svg) no-repeat;
	background-size: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.newsWrap .ticker ul li a:hover::after{
	opacity:1;
	left:-10px;
}
.newsWrap .ticker ul li span,
.newsWrap .ticker ul li a span{
	display: inline;
	white-space: nowrap;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.newsWrap .ticker ul li a:hover span{
	text-decoration: underline;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.newsWrap .ticker ul li a span.new{
	text-decoration:none;
	color: #c9ac84;
}

/* TOP:lp_banner_Wrap
---------------------------------------- */
section.lp_banner_Wrap{
  position: relative;
  overflow: hidden;
  width:100%;
  padding:60px 0;    
  background: #fff;
  z-index: 2;
}
section.lp_banner_Wrap .slider_Wrap{width:1280px; margin:0 auto 30px;}
@media screen and (max-width: 1366px) {
section.lp_banner_Wrap .slider_Wrap{ width:calc(100% - 120px); }
}
.lp_banner_Wrap .slider_Wrap .slider_lp_banner{
	width: 100%;
	max-width:1160px;
	margin:0 auto;
}
.lp_banner_Wrap .slider_Wrap .slider_lp_banner li{
	width:220px;
	margin:0 5px !important;
}
.lp_banner_Wrap .slider_Wrap .slider_lp_banner li a{
	overflow:hidden;
	position: relative;
	display: block;
	width:calc(100% - 2px);
	border:1px solid #000;
}
.lp_banner_Wrap .slider_Wrap .slider_lp_banner li a:hover{
	border:1px solid #c9ac84;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.lp_banner_Wrap .slider_Wrap .slider_lp_banner li a img{display:block;width: 100%;}


/*line_banner_Wrap*/
.line_banner_Wrap{
    width: calc(100% - 8px);
    max-width: 1140px;
    padding:20px 0;
    margin: 0 auto;
    border:4px double #8F8F8F; 
}
.line_banner_Wrap dl{
    overflow: hidden;
    width: calc(100% - 60px);
    margin: 0 auto;
}
.line_banner_Wrap dl dt{
    float:left;
    display: block;
    width: calc(100% - 240px);
    padding-top: 10px;
}
.line_banner_Wrap dl dt span{
    font-size: 30px;
    color: #7F6D45;
    font-family:游明朝,"Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,serif;
    letter-spacing: -0.05em;
}
.line_banner_Wrap dl dt p{
    position: relative;
    margin-top: 40px;   
}

.line_banner_Wrap dl dt p strong{
    position:relative;
    font-size: 6rem;
    color: #00b900;
    font-family: 'Roboto Mono', monospace;
-ms-font-feature-settings: "normal";
font-feature-settings: "palt";
    letter-spacing:0.01em;
}
.line_banner_Wrap dl dt p small{
    position: relative;
    font-size: 3.6rem;
    color: #00b900;
    line-height: 1.2em;
    letter-spacing: -0.1em;
}
.line_banner_Wrap dl dd{
    float:right;
    width: 200px;
    line-height: 1em;
    text-align: center;
}
.line_banner_Wrap dl dd img{
    display:block;
    width: 80%;
    margin:0 auto;
}
@media screen and (max-width: 1160px) {
.line_banner_Wrap dl dt span{
    font-size: 24px;
}
    .line_banner_Wrap dl dt p strong{font-size: 5rem;} 
    .line_banner_Wrap dl dt p small{font-size: 3rem;}
}


/* TOP:sec_concept
---------------------------------------- */
section.sec_concept{
	position: relative;
	width:100%;
}
.sec_concept .concept_Wrap{
	position: relative;
	width:100%; 
	margin-top: 360px;
	padding: 80px 0 60px;
	background: #F6F6F6;
	/*background: #F6F6F6 url(../img/index/leaf.png)no-repeat 100% -5%;*/
}

.sec_concept .concept_Wrap .title{
	position:relative;
	top: -85px;
	width:254px;
	margin:0 auto;
}
.sec_concept .concept_Wrap .title::before{
	position: absolute;
	bottom:-34px;
	left:0;
	content: "";
	width:100%;
	height: 30px;
	background: #000;
}
.sec_concept .concept_Wrap .title strong{
	position: absolute;
	top:-10px;
	left: 5px;
	font-size: 60px;
	font-weight:500; 
	letter-spacing: -0.01em;
	color: #fff;
	z-index: 10;
}
.sec_concept .concept_Wrap .concept_catch{
	line-height: 2.4em;
	text-align: center;
}
.sec_concept .concept_Wrap .concept_catch strong{
	font-size: 24px;
	font-weight: 600;
}

/* TOP:sec_cosmeticSurgery
---------------------------------------- */
p.section_title01{
	width:100%;
	height: 100px;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	text-align: center;
	margin-bottom: 0;
	background: #232323 url(../img/common/bg_pattern01.png);
}
p.section_title01 strong{
	font-size: 30px;
	font-weight: 500;
	color: #fff;
}
.cosmeticSurgery_Wrap{
	width:100%;
	padding:60px 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.98) 100%);     
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.98) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.98) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#000000',GradientType=0 );
}

.cosmeticSurgery_list ul{
	overflow: hidden;
	width:100%;
}
.cosmeticSurgery_list ul li{
	float: left;
	width:calc(100% / 2 - 20px);
	margin: 0 20px 50px 0;
}
@media screen and (min-width: 1024px) {
.cosmeticSurgery_list ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 1023px) {
.cosmeticSurgery_list ul li{
	width:calc(100% / 2 - 20px);
}
.cosmeticSurgery_list ul li:nth-child(2n){margin-right: 0;}
}
.cosmeticSurgery_list ul li dl dt{
	position: relative;
	display: block;
	width:100%;
	height: 375px;
	margin-bottom: 20px;
	background-color: #fff;
}
.cosmeticSurgery_list ul li dl.bodydesign dt{
	background:url(../img/index/bg_bodydesign.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li dl.conditioning dt{
	background:url(../img/index/bg_conditioning.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li dl.shortprogram dt{
	background:url(../img/index/bg_shortprogram.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li dl.resetprogram dt{
	background:url(../img/index/bg_resetprogram.jpg) no-repeat top center;
	background-size: 100%; 
}


.cosmeticSurgery_list ul li dl dt p{
	position: absolute;
	bottom:0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	width:100%;
	height: 50px;
	margin-bottom: 0;
	background: #7F6D45;
	z-index: 10;
}

.cosmeticSurgery_list ul li dl dt p span{
	position: relative;
	top:12px;
	left:10px;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
    z-index: 12;
}
.cosmeticSurgery_list ul li dl dt p strong{
	position: absolute;
	right:5px;
	top:-45px;
	font-size: 70px;
	font-weight: 500;
    text-align: right;
	color: #FFDE97;
	letter-spacing: -0.09em;
    text-shadow: 2px 3px 0px rgba(127, 109, 69, 1);
    z-index: 11;
}
.cosmeticSurgery_list ul li dl.osteotomy dt p strong,
.cosmeticSurgery_list ul li dl.permanent_makeup dt p strong,
.cosmeticSurgery_list ul li dl.hair_loss dt p strong{
    top:-100px;
    line-height: 50px;
}


@media screen and (max-width: 1160px) {
.cosmeticSurgery_list ul li dl dt{height: 300px;}
.cosmeticSurgery_list ul li dl dt p span{font-size: 20px;}
.cosmeticSurgery_list ul li dl dt p strong{font-size: 64px;}
}
@media screen and (max-width: 1023px) {
.cosmeticSurgery_list ul li dl dt{height: 360px;}
}
.cosmeticSurgery_list ul li dl dd.text{
	min-height: 125px;
	margin-bottom: 15px;
	color:#fff;
}
@media screen and (max-width: 960px) {
.cosmeticSurgery_list ul li dl dt p strong{top:-40px; font-size: 54px;}
}
/*
.cosmeticSurgery_list ul li:nth-child(4) dl dd.text,
.cosmeticSurgery_list ul li:nth-child(5) dl dd.text,
.cosmeticSurgery_list ul li:nth-child(6) dl dd.text{
    min-height: 170px;
}*/
.cosmeticSurgery_list ul li dl dd.text a{
	display: inline-block;
	width: 100%;
	padding: 2px 0;
	color:#fff;
}
.cosmeticSurgery_list ul li dl dd.text a:hover{
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	color: #fce6b7;
	background: rgba(0,0,0,0.8);
}
/*
.cosmeticSurgery_list ul li a{display: block;}
.cosmeticSurgery_list ul li a:hover{background: rgba(0,0,0,0.4);}
.cosmeticSurgery_list ul li a dl dt{
	position: relative;
	display: block;
	width:100%;
	height: 375px;
	margin-bottom: 20px;
	background: #fff;
}

.cosmeticSurgery_list ul li a dl dt p{
	position: absolute;
	bottom:0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	width:100%;
	height: 50px;
	margin-bottom: 0;
	background: #7F6D45;
	z-index: 10;
}
.cosmeticSurgery_list ul li a:hover dl dt p{
	background:#604f29
}
.cosmeticSurgery_list ul li a dl dt p span{
	position: relative;
	top:12px;
	left:10px;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
    z-index: 12;
}
.cosmeticSurgery_list ul li a dl dt p strong{
	position: absolute;
	right:5px;
	top:-45px;
	font-size: 70px;
	font-weight: 500;
	color: #FFDE97;
	letter-spacing: -0.09em;
    text-shadow: 2px 3px 0px rgba(127, 109, 69, 1);
    z-index: 11;
}

@media screen and (max-width: 1160px) {
.cosmeticSurgery_list ul li a dl dt{height: 300px;}
.cosmeticSurgery_list ul li a dl dt p span{font-size: 20px;}
.cosmeticSurgery_list ul li a dl dt p strong{font-size: 64px;}
}
@media screen and (max-width: 1023px) {
	.cosmeticSurgery_list ul li a dl dt{height: 360px;}
}
.cosmeticSurgery_list ul li a dl.face dt.bg-scale:after{
	background:url(../img/index/bg_face.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li a dl.skin dt.bg-scale:after{
	background:url(../img/index/bg_skin.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li a dl.body dt.bg-scale:after{
	background:url(../img/index/bg_body.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li a dl.repair dt.bg-scale:after{
	background:url(../img/index/bg_repair.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li a dl.other dt.bg-scale:after{
	background:url(../img/index/bg_other.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li a dl.injection dt.bg-scale:after{
	background:url(../img/index/bg_injection.jpg) no-repeat top center;
	background-size: 100%; 
}
.cosmeticSurgery_list ul li a:hover dl dt.bg-scale:after{opacity: 0.6;}
.cosmeticSurgery_list ul li a dl dd.text{
	min-height: 145px;
	margin-bottom: 15px;
	color:#fff;
}
.cosmeticSurgery_list ul li a:hover dl dd.text{color: #fce6b7;}
*/

/* TOP:sec_insured_medical_treatment
---------------------------------------- */
p.section_title02{
	width:100%;
	height: 100px;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	text-align: center;
	margin-bottom: 0;
	background: #E9E9E9 url(../img/common/bg_pattern02.png);
}
p.section_title02 strong{
	font-size: 30px;
	font-weight: 500;
	color: #000;
}
.insured_medical_treatment_Wrap{
	width:100%;
	padding:60px 0;
	background: rgba(255,255,255,0.8);
}

.insured_medical_treatment_list ul{
	overflow: hidden;
	width:100%;
}
.insured_medical_treatment_list ul li{
	float: left;
	width:calc(100% / 2 - 20px);
	margin: 0 40px 50px 0;
	background: rgba(0,0,0,0.1);
}
.insured_medical_treatment_list ul li:nth-child(even){margin-right: 0;}

.insured_medical_treatment_list ul li a{
	overflow: hidden;
	position: relative;
	display: block;  
  	background: #fff;
  	transition: all .25s ease-out;
}
.insured_medical_treatment_list ul li a:hover{
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(128, 128, 128, .1) inset;
	border-radius: 0 0 20% 0 / 0 0 10% 0;
}

.insured_medical_treatment_list ul li a dl{
	position: relative;
}
.insured_medical_treatment_list ul li a dl dt{
	display: block;
	width:100%;
	height: 220px;
	margin-bottom: 0px;
}

.insured_medical_treatment_list ul li a dl.nyubousaiken dt.bg-scale:after{
	background:url(../img/index/bg_nyubousaiken.jpg) no-repeat top center;
	background-size: auto 100%; 
}
.insured_medical_treatment_list ul li a dl.hifuka dt.bg-scale:after{
	background:url(../img/index/bg_hifuka.jpg) no-repeat top center;
	background-size: auto 100%; 
}
.insured_medical_treatment_list ul li a dl.nyusengeka dt.bg-scale:after{
	background:url(../img/index/bg_nyusengeka.jpg) no-repeat top center;
	background-size: auto 100%; 
}
.insured_medical_treatment_list ul li a dl.fujinka dt.bg-scale:after{
	background:url(../img/index/bg_fujinka.jpg) no-repeat top center;
	background-size: auto 100%; 
}
.insured_medical_treatment_list ul li a:hover dl dt.bg-scale:after{opacity: 0.6;}

.insured_medical_treatment_list ul li a dl dd{
	position: relative;
	z-index: 1;
}
.insured_medical_treatment_list ul li a dl dd.title{
	position: relative;
	top:-30px;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:calc(100% - 40px);
	height: 60px;
	margin:0 auto -10px;
	text-align: center;
	background:#7F6D45;
	z-index: 10;
}
.insured_medical_treatment_list ul li a:hover dl dd.title{
	background:#604f29;
}
.insured_medical_treatment_list ul li a dl dd.title p{
	margin-bottom: 0;
}
.insured_medical_treatment_list ul li a dl dd.title p strong{
	position: relative;
	display: inline-block;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}
.insured_medical_treatment_list ul li a dl dd.title p strong.blank{padding-right: 30px;}
.insured_medical_treatment_list ul li a dl dd.title p strong.blank::before{
	position: absolute;
	right: 0px;
	top:8px;
	content: "";
	width:20px;
	height: 18px;
	background: url(../img/common/icon_outlink.svg) no-repeat;
	background-size: 100%;
}
.insured_medical_treatment_list ul li a dl dd.title p small{margin-left:10px;font-size: 14px;}
.insured_medical_treatment_list ul li a dl dd.text{
	width:calc(100% - 40px);
	margin:0 auto 10px;
	min-height: 120px;
}

/* TOP:sec_medical_treatment
---------------------------------------- */
section.sec_medical_treatment{
	width:100%;
	padding:60px 0;
}
.medical_treatment_Wrap{
	width:100%;
	padding:60px 0;
	background: rgba(255,255,255,0.8);
}

.medical_treatment_list ul{
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	width:calc(100% - 50px);
	margin:0 auto;
}
.medical_treatment_list ul li{
	width: calc(100% / 3 - 30px);
	margin:0 15px;
}
.medical_treatment_list ul li a{
	display: block;
	width:100%;
	padding:10px 0;
}

.medical_treatment_list ul li.first a.bg-scale:after{
	background:url(../img/index/bg_first.jpg) no-repeat top center;
	background-size: 100%; 
}
.medical_treatment_list ul li.underage a.bg-scale:after{
	background:url(../img/index/bg_underage.jpg) no-repeat top center;
	background-size: 100%; 
}
.medical_treatment_list ul li.q_a a.bg-scale:after{
	background:url(../img/index/bg_q_a.jpg) no-repeat top center;
	background-size: 100%; 
}
@media screen and (max-width: 1160px) {
.medical_treatment_list ul li.first a.bg-scale:after{
	background:url(../img/index/bg_first.jpg) no-repeat top center;
	background-size:auto 100%; 
}
.medical_treatment_list ul li.underage a.bg-scale:after{
	background:url(../img/index/bg_underage.jpg) no-repeat top center;
	background-size:auto 100%; 
}
.medical_treatment_list ul li.q_a a.bg-scale:after{
	background:url(../img/index/bg_q_a.jpg) no-repeat top center;
	background-size:auto 100%; 
}	
}
.medical_treatment_list ul li a .btn_wrap{
	position: relative;
	width:calc(100% - 22px);
	height: 238px;
	margin: 0 auto;
	border:1px solid #7F6D45;
	z-index: 2;
}
.medical_treatment_list ul li a:hover .btn_wrap{
	background: rgba(0,0,0,0.6);
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
.medical_treatment_list ul li a .btn_wrap p{
	position: absolute;
	bottom:0;
	left:calc(50% - 100px);
	-webkit-display:flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:200px;
	height: 50px;
	margin-bottom: 0;
	background: #7F6D45;
}
.medical_treatment_list ul li a:hover .btn_wrap p{
	background: #EBC675;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}

.medical_treatment_list ul li a .btn_wrap p strong{
	font-weight: 500;
	color: #fff;
}
.medical_treatment_list ul li a:hover .btn_wrap p strong{color: #604f29;}
.medical_treatment_list ul li a .btn_wrap .viewmore{
	position: relative;
	top:80px;
	width: 80%;
	margin:0 auto;
	opacity: 0;
	transition: 0.3s ease-in-out;
}
.medical_treatment_list ul li a:hover .btn_wrap .viewmore{opacity: 1;}


/* TOP:sec_doctorCosmetics
---------------------------------------- */
section.sec_doctorCosmetics{
	position: relative;
	width:100%;
	padding:100px 0 0;
background: #000000; 
background: -moz-linear-gradient(left, #000000 0%, #232323 100%);
background: -webkit-linear-gradient(left, #000000 0%,#232323 100%); 
background: linear-gradient(to right, #000000 0%,#232323 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#232323',GradientType=1 );
z-index: 1;
}
section.sec_doctorCosmetics div{position: relative;}
section.sec_doctorCosmetics div .colum_Wrap{
	float: left;
	width:30%;
	width:calc(90% - 578px);
	margin: 0px 0 80px;
}
section.sec_doctorCosmetics div .ph_Wrap{
	position: absolute;
	/*bottom:0;*/
	right:0;
	width:578px;
}
section.sec_doctorCosmetics .ph_Wrap img{
	display: block;
	width: 100%;
}
@media screen and (max-width: 960px) {
section.sec_doctorCosmetics{padding-top: 60px;}	
section.sec_doctorCosmetics div .colum_Wrap{width:50%;}
section.sec_doctorCosmetics div .ph_Wrap{width:45%;}
}

section.sec_doctorCosmetics .colum_Wrap p.title{
	margin-bottom: 50px;
}
section.sec_doctorCosmetics .colum_Wrap p,
section.sec_doctorCosmetics .colum_Wrap p strong,
section.sec_doctorCosmetics .colum_Wrap p span{color: #fff; font-weight: 500;}
section.sec_doctorCosmetics .colum_Wrap p.title strong{font-size: 36px;}

/* TOP:sec_topics
---------------------------------------- */
section.sec_topics{
	width: 100%;
	padding:60px 0;
	background-color: #f1f1f1;
}

/*SUBお知らせと共通*/
.info-list ul{margin-bottom: 50px;}
.info-list ul li{
	width:100%;
	border-bottom:1px solid #585858;
}
.info-list ul li:first-child{
	border-top:1px solid #585858;
}
.info-list ul li a dl,
.info-list ul li dl.nolink{
	position: relative;
	overflow: hidden;
	display: block;
	height:auto;
	max-width: 1160px;
	min-height:40px;
	padding:20px 30px 0px 0px;
	vertical-align: middle;
	font-size: 14px;
}

.info-list ul li a:hover dl{
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	background: rgba(255,222,151,0.3);
}
.info-list ul li a dl::after{
	opacity:0;
	position: absolute;
	top:calc(50% - 7px);
	right: 20px;
	content: "";
	width: 7px;
	height: 14px;
	background: url(../img/common/arrow_s02.svg) no-repeat;
	background-size: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.info-list ul li a:hover dl::after{
	opacity:1;
	right:10px;
}


.info-list ul li a dl dt,
.info-list ul li dl.nolink dt{
	display: block;
	float:left;
	width:165px;
	padding:0 0 0 14px;
}
.info-list ul li a dl dt span.date{
	letter-spacing: 0.01em;
	color: #000;
}
.info-list ul li dl.nolink dt span.date{
	letter-spacing: 0.01em;
}
.info-list ul li a dl dd,
.info-list ul li dl.nolink dd{
	position: relative;
	float: right;
	width: calc(100% - 185px);
	padding-bottom: 20px !important;
	color: #000;
}
.info-list ul li dl.nolink dt,
.info-list ul li dl.nolink dd{
	font-weight: normal;
}
/*icons*/
.info-list ul li a dl dt span.new,
.info-list ul li dl.nolink dt span.new{
	position: relative;
	display: inline-block;
	padding:2px 8px;
	margin:0px 0 0 1.2em !important;
	font-weight: 500;
	font-family: 'Roboto Mono', monospace;
-ms-font-feature-settings: "normal";
font-feature-settings: "palt";
	line-height: 1em;
	letter-spacing: 0.01em;
	font-size: 16px;
	color: #B80000;
}
.info-list ul li a dl dd span.blank,
.info-list ul li dl.nolink dd span.blank,
.info-list ul li a dl dd span.pdf,
.info-list ul li dl.nolink dd span.pdf{
	position: relative;
	display: inline-block;
	width:20px;
}
.info-list ul li a dl dd span.pdf::after{
	position: absolute;
	top:0px;
	right:5px;
	width: 24px;
	height:24px;
	content: "";
	background: url(../img/common/icon_pdf.svg) no-repeat;
	background-size: 100%;
}
.info-list ul li a dl dd span.blank:after{
	position: absolute;
	top:3px;
	right:6px;
	width: 18px;
	height:18px;
	content: "";
	background: url(../img/common/icon_outlink02.svg) no-repeat;
	background-size: 100%;
}

/* TOP:sec_sns
---------------------------------------- */
section.sec_sns_Wrap{
	width: 100%;
	padding:0px 0 60px;
	background-color: #f1f1f1;
}
section.sec_sns_Wrap .sns_list{
	width:1200px;
	margin:0 auto;
}
@media screen and (max-width: 1160px) {
section.sec_sns_Wrap .sns_list{
  width:95%;
  width:calc(100% - 20px);
}
}

.sns_list ul{
	overflow: hidden;
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}
.sns_list ul li{
	width:calc(100% / 4 - 20px);
	margin:0 20px;
}
.sns_list ul li a{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width: calc(100% - 2px);
	height: 80px;
	text-align: center;
	border:1px solid #7F6D45;
}
.sns_list ul li a:hover{
	background:#604f29;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
.sns_list ul li a span{
	font-weight:500;
	color:#7F6D45;
}
.sns_list ul li a:hover span{
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}

/*20200520 add css*/
.sec_sns_Wrap .title{
    position:relative;
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}
.sec_sns_Wrap .title strong{
    position: relative;
    display: inline-block;
    padding:0 30px;
    font-size: 24px;
    font-weight: 500;
    background: #f1f1f1;
    z-index: 1;
}
.sec_sns_Wrap .title::before{
    position: absolute;
    top:calc(50% - 2px);
    left:0;
    content: "";
    width: 100%;
    height: 4px;
    background: url("../img/common/pattern_sns_title_line.png") repeat-x;
    z-index: 0;
}

.sns_list_icontype{
    width: 100%;
    margin-bottom: 80px;
    display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
}
.sns_list_icontype li{
    width: calc(100% / 5 - 24px);
    max-width: 80px;
    margin:0 12px;
}
.sns_list_icontype li a{
    display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
    width: calc(100% - 10px);
    height: 70px;
    border: 5px solid #7F6D45;
    background: #5A4820;
    border-radius: 50%;
}
.sns_list_icontype li a:hover{
    background: #000;
    border: 5px solid #EBC675;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: 0.4s;
}

.sns_list_icontype li a.insta img{width:36px;}
.sns_list_icontype li a.fb img{width:21px;}
.sns_list_icontype li a.line img{width:40px;}
.sns_list_icontype li a.youtube img{width:36px;}
.sns_list_icontype li a.twitter img{width:36px;}

.sns_list_icontype li a:hover img{opacity: 1;}

.sns_list_icontype li a.blog span{font-size: 16px; color:#EBC675; }

/* TOP:sec_doctors
---------------------------------------- */
section.sec_doctors{
	width:100%;
	padding:60px 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 36%, rgba(0,0,0,1) 100%);     
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 36%,rgba(0,0,0,1) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 36%,rgba(0,0,0,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#000000',GradientType=0 );
}
section.sec_doctors p.title{
	margin-bottom: 60px;
	text-align: center;
}
section.sec_doctors p.title strong{
	font-size: 36px;
	font-weight: 500;
	color: #fff;
}
.doctors_list ul{
	overflow: hidden;
	width:100%;
    /*max-width:750px;*/
    margin: 0 auto;
}
.doctors_list ul li{
	float: left;
	width:calc(100% / 3 - 40px);
	margin: 0 40px 50px 0;
    /*width:calc(100% / 2 - 40px);
	margin: 0 0 50px;*/
}
.doctors_list ul li:nth-child(3n){margin-right: 0;}
/*.doctors_list ul li:nth-child(2n){float:right;}*/

.doctors_list ul li a{display: block;}
.doctors_list ul li a:hover{background: rgba(0,0,0,0.4);}
.doctors_list ul li a dl dt{
	position: relative;
	display: block;
	width:100%;
	height: 360px;
	margin-bottom: 20px;
	background: #fff;
}

.doctors_list ul li a dl dt p{
	position: absolute;
	bottom:0;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:100%;
	height: 40px;
	margin-bottom: 0;
	text-align: center;
	background: rgba(127,109,69,0.85);
	z-index: 10;
}
.doctors_list ul li a:hover dl dt p{
	background:#604f29
}
.doctors_list ul li a dl dt p strong{
	line-height: 16px;
	font-weight: 500;
	color: #fff;
}

.doctors_list ul li a dl.head_trainer01 dt.bg-scale:after{
	background:url(../img/index/ph_head_trainer01.jpg) no-repeat top center;
	background-size: 100%; 
}
.doctors_list ul li a dl.staff01 dt.bg-scale:after{
	background:url(../img/index/ph_staff01.jpg) no-repeat top center;
	background-size: 100%; 
}
.doctors_list ul li a dl.staff02 dt.bg-scale:after{
	background:url(../img/index/ph_staff02.jpg) no-repeat top center;
	background-size: 100%; 
}
/*
.doctors_list ul li a dl.y_sato dt.bg-scale:after{
	background:url(../img/index/ph_dr_sato.jpg) no-repeat top center;
	background-size: 100%; 
}
*/
.doctors_list ul li a:hover dl dt.bg-scale:after{opacity: 0.8;}
.doctors_list ul li a dl dd.text{
	text-align: center;
	margin-bottom: 15px;
}
.doctors_list ul li a dl dd.text strong{
	font-size: 24px;
	font-weight: 500;
	color:#fff;
}
.doctors_list ul li a dl dd.text small{
	font-size: 12px;
	color:#fff;
}
.doctors_list ul li a:hover dl dd.text strong,
.doctors_list ul li a:hover dl dd.text small{color: #fce6b7;}

/* TOP:sec_message_Wrap
---------------------------------------- */
section.sec_message_Wrap{
	overflow: hidden;
	position: relative;
	width:100%;
	padding:100px 0 60px;
	background: #fff url(../img/index/bg_message.jpg) no-repeat bottom left;
	background-size: cover;
}

.messageWrap{
	width:calc(100% - 60px);
	padding:60px 30px;
	margin:0 auto;
	background: rgba(255,255,255,0.8);
}
.messageWrap .cl_message{
	position: relative;
	display: block;
	width:70%;
	max-width: 730px;
	z-index: 2;
}
.messageWrap .cl_message .title{margin-bottom: 60px;}
.messageWrap .cl_message .title strong{
	font-size: 36px;
}
.messageWrap .cl_message .message_lead{
	line-height: 3em;
}
.messageWrap .cl_message .message_lead strong{
	font-size: 36px;
	color: #7F6D45;
	letter-spacing: -0.05em;
}
.messageWrap .cl_message .viewmore_Wrap{max-width: 360px;}


section.sec_message_Wrap .head_trainer{
	position: absolute;
	bottom:-60px;
	right:60px;
	width: 30%;
	max-width: 615px;
	height: calc(100% + 120px);
	z-index: 1;
}
section.sec_message_Wrap .head_trainer img{
	display: block;
	width:auto;
	height: 100%;	
}

/* TOP:sec_recruit
---------------------------------------- */
section.sec_recruit{
	width: 100%;
	padding:60px 0;
	background: #232323 url(../img/index/bg_recruit.png) no-repeat 100% 40%;
	background-size: 50%;
}

.recruit_Wrap{
	width:45%;
	max-width:520px;
}
.recruit_Wrap .title strong{
	font-size:36px;
	font-weight: 500;
	color: #fff;
}
.recruit_Wrap .text{
	color: #fff;
}
.recruit_Wrap .viewmore_Wrap{max-width: 360px;}

/* TOP:sec_location
---------------------------------------- */
section.sec_location{
	overflow: hidden;
	position: relative;
	width:100%;
	height: 440px;
}
section.sec_location .ph_building{float:left;width:50%; height: 100%;z-index: 1;}
section.sec_location .ph_building img{
	width:auto;
	min-height: 100%;
}

section.sec_location .access_detail{
	float:right;
	width:50%;
	height: 820px;
	background: #F6F6F6;
	z-index: 2;
}
section.sec_location .map{width:100%; height: 380px;}
section.sec_location .content_access{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	width: 100%;
	height: 440px;
}
section.sec_location .content_access .clinic_info_Wrap{
	position: relative;
	overflow: hidden;
	width:95%;
	max-width:590px; 
}
/*
@media all and (-ms-high-contrast:none){
section.sec_location .content_access .clinic_info_Wrap{position: relative; left:2.5%; width:95%;}
}*/
.clinic_info_Wrap .logo_Wrap{
	float:left;
	width:28%;
	max-width:180px;
}
.clinic_info_Wrap .logo_Wrap img{
	display: block;
	width: 100%;
}
.clinic_info_Wrap .clinic_info{
	float: right;
	width:70%;
	max-width: 380px;
}
.clinic_info_Wrap .clinic_info table{
	position: relative;
	left:-10px;
}

/* TOP:sec_contact
---------------------------------------- */
section.sec_contact{
	width:100%;
	padding:60px 0;
	background: #000 url(../img/index/rose01.png) no-repeat 0% 35%;
	background-size: 50%;
}

section.sec_contact div.contactUs_Wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}

.contactUs_Wrap div{
	width:48%;
}
.contactUs_Wrap div p.button a strong{
	position: relative;
	display: inline-block;
	padding-left:30px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color:#fff;
}
.counseling_Wrap p.button a strong::before{
	position: absolute;
	top:4px;
	left:0px;
	content: "";
	width:22px;
	height: 24px;
	background: url(../img/common/icon_assignment.svg) no-repeat;
	background-size: 100%;
}
.contact_Wrap p.button a strong::before{
	position: absolute;
	top:3px;
	left:-2px;
	content: "";
	width:24px;
	height: 24px;
	background: url(../img/common/icon_mail.svg) no-repeat;
	background-size: 100%;
}
.contactUs_Wrap div p.text{
	margin-bottom: 0;
	text-align: center;
	color: #fff;
}

/* ----------------------------------------
 SUB/COMMON:pagetitle
---------------------------------------- */
.pagetitle_Wrap{
	overflow: hidden;
	position: relative;
	width:100%;
	min-height: 200px;
	z-index: 0;
}
.pagetitle_Wrap02{
	overflow: hidden;
	position: relative;
	width:100%;
	z-index: 0;
}
/*background each pages-pagetitle_Wrap*/
body.sub .pagetitle_Wrap {
	background: url(../img/common/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.menu_price .pagetitle_Wrap {
	background: url(../img/menu_price/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.medical_treatment .pagetitle_Wrap {
	background: url(../img/medical_treatment/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.first .pagetitle_Wrap {
	background: url(../img/medical_treatment/bg_subtitle_first.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.underage .pagetitle_Wrap {
	background: url(../img/medical_treatment/bg_subtitle_underage.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.q_a .pagetitle_Wrap {
	background: url(../img/medical_treatment/bg_subtitle_q_a.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.clinic_information .pagetitle_Wrap,
body.sub.aboutus .pagetitle_Wrap{
	background: url(../img/clinic_information/bg_subtitle_clinic_information.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.greeting .pagetitle_Wrap{
	background: url(../img/clinic_information/bg_subtitle_greeting.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.medical_philosophy .pagetitle_Wrap{
	background: url(../img/clinic_information/bg_subtitle_medical_philosophy.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.device .pagetitle_Wrap{
	background: url(../img/clinic_information/bg_subtitle_device.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.access .pagetitle_Wrap{
	background: url(../img/clinic_information/bg_subtitle_access.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.doctors .pagetitle_Wrap{
	background: url(../img/doctors/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.information .pagetitle_Wrap,
body.sub02.information .pagetitle_Wrap02{
	background: url(../img/information/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
/*
body.sub.recruit .pagetitle_Wrap{
	background: url(../img/recruit/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
*/
body.sub.counseling .pagetitle_Wrap{
	background: url(../img/counseling/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.contact .pagetitle_Wrap{
	background: url(../img/contact/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}
body.sub.case .pagetitle_Wrap{
	background: url(../img/case/bg_subtitle.jpg) no-repeat center top;
	background-attachment: fixed;
}


/*background each pages-pagetitle_Wrap02*/
body.sub02 .pagetitle_Wrap02{background-color: rgba(0,0,0,0);}

/*pagetitle_inner*/
/*-----------------------------*/
.pagetitle_inner{
	position: relative;
	width: 100%;
	padding:80px 0 120px;
	z-index: 1;
}

.pagetitle_Wrap02 .pagetitle_inner{
	padding:30px 0 80px;
}

/*pankuzu*/
/*-----------------------------*/
.pankuzuWrap{
	position: absolute;
	bottom:0;
	width: 100%;
	background: rgba(255,255,255,0.4);
}

ul.pankuzu {
	position: relative;
	left:10px;
	width: auto;
	padding: 0;
	margin: 0 auto;
	display: block;
	vertical-align: top;
	list-style-type: none;
	z-index: 2;
}
ul.pankuzu li {
	display: inline-block;
	padding:0;
	margin: 0;
	vertical-align: top;
	position: relative;
	zoom: 1;
	font-size: .9em;
	
}
/*ul.pankuzu li a, ul.pankuzu li:last-child {
	width: auto;
	text-align: left;
	display: inline-block;
	margin: 0;
	padding: 20px 20px 20px 0;
}*/
ul.pankuzu li{
	padding: 20px 0;
}
ul.pankuzu li:last-child a span {
	text-decoration:none;
	font-weight: normal;
}
ul.pankuzu li:first-child{margin-left: 1em;}

ul.pankuzu li a span{color:#000; font-weight:bold; text-decoration: underline;}
ul.pankuzu li a:hover span{
	opacity:1;
	text-decoration:none;
	color: #7F6D45;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}

/*ul.pankuzu li a::after {
	position: absolute;
	top:calc(50% - 7px);
	right:4px;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width:6px;
	height: 14px;
	background: url(../img/common/arrow_s02.svg) no-repeat;
	background-size: 100%;
}*/
.pankuzu li + li::before {
    content: '';
    display: inline-block;
    margin:0px 5px;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width:6px;
	height: 14px;
	background: url(../img/common/arrow_s02.svg) no-repeat;
	background-size: 100%;
}

/* ----------------------------------------
 SUB/COMMON:pagetitle:page_subtitle
---------------------------------------- */
section.page_subtitle{
	overflow: hidden;
	position: relative;
	width: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 0;
}

body.recruit section.page_subtitle{
	background: rgba(0,0,0,0) 
}
section.page_subtitle .category_title_Wrap{
	float: left;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width:40%;
	height: 300px;
	background: rgba(0,0,0,0.6);
}
section.page_subtitle .category_detail_Wrap{
	float: right;
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
  	align-items: center;
	width:60%;
	height: 300px;
}
body.recruit section.page_subtitle .category_detail_Wrap{
	height: 420px;
background: -moz-linear-gradient(left, rgba(255,229,240,0) 0%, rgba(255,229,240,0.2) 10%, rgba(255,229,240,0.5) 100%);
background: -webkit-linear-gradient(left, rgba(255,229,240,0) 0%,rgba(255,229,240,0.2) 10%,rgba(255,229,240,0.5) 100%); 
background: linear-gradient(to right, rgba(255,229,240,0) 0%,rgba(255,229,240,0.2) 10%,rgba(255,229,240,0.5) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffe5f0', endColorstr='#ffe5f0',GradientType=1 ); 
}

p.category_title{
	text-align: center;
	margin-bottom: 0;
}
p.category_title span{
	font-size: 6rem;
    font-weight: 500;
    color: #FFDE97;
    letter-spacing: -0.05em;
}
body.injection p.category_title span{font-size: 5rem; letter-spacing: -0.1em;}
body.permanent_makeup p.category_title span{font-size: 5rem; letter-spacing: -0.1em;}
body.osteotomy p.category_title span{font-size: 4.8rem; letter-spacing: -0.1em; line-height: 5rem;}
p.category_title span.ja{font-size: 4.5rem;}

p.category_title strong{
	display: inline-block;
	margin:20px 0 0 20px;
	font-size: 36px;
	font-weight: 400;
	color: #fff;
}
.category_detail_Wrap p{
	width:80%;
	margin:0 auto 0px;
	color: #fff;
}
body.recruit .category_detail_Wrap p{color: #000;}

.category_detail_Wrap p.category_subtitle{
    font-size: 1.8rem;
    line-height: 1.4em;
}
/* ----------------------------------------
 SUB/COMMON:category_menu_Wrap
---------------------------------------- */
section.category_menu_Wrap{
	position: relative;
	width: 100%;
	padding:30px 0;
	background: rgba(255,255,255,0.6);
	border-bottom: 1px solid #efefef;
	z-index: 0;
}
.category_menu{
	overflow: hidden;
	width:100%;
}
.category_menu li{
	float: left;
	width: calc(100% / 3 - 20px);
	margin: 0 10px 10px;
}
@media all and (-ms-high-contrast:none){
.category_menu li{width: calc(100% / 3 - 21px);}
}
@supports (-ms-ime-align:auto) {
.category_menu li{width: calc(100% / 3 - 21px);}
}
.category_menu li a{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
  	width: calc(100% - 2px);
  	height: 60px;
  	border:1px solid #7F6D45;
}
.category_menu li a strong{color:#7F6D45;}

.category_menu li a:hover{
	background: rgba(127,109,69,0.8);
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
.category_menu li a:hover strong{color: #fff;}
.category_menu li a.current{
	background: #7F6D45;
}
.category_menu li a.current strong{color: #fff;}

/*button for price*/
.button_price{
    width:calc(100% - 20px);
    margin:0 auto;
}
.button_price a{
    position: relative;
    display: block;
    width: calc(100% - 22px);
    padding:12px 10px;
    text-align: center;
    background: #423a3a;
    border: 1px solid #7F6D45;
}
.button_price a:hover{
    background: #000;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.button_price a::before{
    position: absolute;
    right: 20px;
    top: 18px;
    content: "";
    width: 10px;
    height: 20px;
    background: url(../img/common/arrow_s02.svg) no-repeat;
    background-size: 100%;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0;
}
.button_price a:hover::before{
    opacity: 1;
    right: 6px;
}
.button_price a strong{
    font-size: 1.2em;
    color: #FFDE97;
}

/* ----------------------------------------
 SUB/COMMON:section_title 他
---------------------------------------- */
p.section_title03{
	width:100%;
	height: 100px;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	text-align: center;
	margin-bottom: 0;
	background: #888 url(../img/common/bg_pattern02.png);
}
p.section_title03 strong{
	font-size: 30px;
	font-weight: 500;
	color: #fff;
}
p.section_title04{
	width:100%;
	height: 120px;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	text-align: center;
	margin-bottom: 0;
	background: #3a3a3c;
}
p.section_title04 strong{
	font-size: 36px;
	font-weight: 600;
	color: #fbe4b2;
}
/* ----------------------------------------
 SUB/COMMON:page_bottom/menu_links
---------------------------------------- */
.menu_links_Wrap{
	position: relative;
	width:100%;
	padding:60px 0;
	background:url(../img/common/bg_menu_link.jpg)no-repeat center;
	z-index: 1;
}
.menu_links_Wrap .menu_links{
	position: relative;
	width:1180px;
	margin:0 auto;
}
@media screen and (max-width: 1220px) {
.menu_links_Wrap .menu_links{
  width:95%;
  width:calc(100% - 20px);
}
}
.menu_links_Wrap .menu_links ul{
	overflow: hidden;
	width: 100%;
}
.menu_links_Wrap .menu_links ul li{
	float: left;
	width: calc(100% / 3 - 20px);
	margin: 0px 10px 20px 10px;
}
.menu_links_Wrap .menu_links ul li a{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
  	width: calc(100% - 2px);
  	height: 60px;
  	text-align: center;
  	border: 1px solid #fff;
}
.menu_links_Wrap .menu_links ul li a strong{
	position: relative;
	display: inline-block;
	font-weight: 500;
	color: #fff;
}
.menu_links_Wrap .menu_links ul li a.current{
	background: rgba(255,222,151,0.8);
	border: 1px solid #FFDE97;
}
.menu_links_Wrap .menu_links ul li a.current strong,
.menu_links_Wrap .menu_links ul li a:hover strong{color: #000;}

.menu_links_Wrap .menu_links ul li a:hover{
	background: rgba(255,222,151,1);
	border: 1px solid #FFDE97;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
.menu_links_Wrap .menu_links ul li a.blank strong{padding-right: 30px;}
.menu_links_Wrap .menu_links ul li a.blank strong::before{
	position: absolute;
    right: 0px;
    top: 4px;
    content: "";
    width: 20px;
    height: 18px;
    background: url(../img/common/icon_outlink.svg) no-repeat;
    background-size: 100%;
}
.menu_links_Wrap .menu_links ul li a.blank:hover strong::before{background: url(../img/common/icon_outlink02.svg) no-repeat; }

/*information*/
.menu_links_Wrap .menu_links ul.link li{width: calc(100% / 4 - 20px);}
.menu_links_Wrap .menu_links ul.link li a{border: 1px solid #FFDE97;}
.menu_links_Wrap .menu_links ul.link li a strong{color:#FFDE97;}
.menu_links_Wrap .menu_links ul.link li a:hover strong{color: #7F6D45;}

/* ----------------------------------------
 SUB/COMMON:index.html-menulink_list
---------------------------------------- */
ul.menulink_list{
	width:100%;
}
ul.menulink_list li.firstLevel{
	overflow: hidden;
	position: relative;
	width: 100%;
	background-size: 100%; 
}
/*background*/
ul.menulink_list li.firstLevel.face{background:#efefef url(../img/menu_price/bg_menulink_face.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.skin{background:#efefef url(../img/menu_price/bg_menulink_skin.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.body{background:#efefef url(../img/menu_price/bg_menulink_body.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.osteotomy{background:#efefef url(../img/menu_price/bg_menulink_osteotomy.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.injection{background:#efefef url(../img/menu_price/bg_menulink_injection02.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.permanent_makeup{background:#efefef url(../img/menu_price/bg_menulink_medical_artmake02.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.hair_loss{background:#efefef url(../img/menu_price/bg_menulink_hair_loss02.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.repair{background:#efefef url(../img/menu_price/bg_menulink_repair02.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.other{background:#efefef url(../img/menu_price/bg_menulink_other02.jpg)no-repeat left center;}
/*
ul.menulink_list li.firstLevel.breast_reconstruction{background:#fff url(../img/menu_price/bg_menulink_breast_reconstruction.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.dermatology{background:#fff url(../img/menu_price/bg_menulink_dermatology.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.nyusengeka{background:#fff url(../img/menu_price/bg_menulink_nyusengeka.jpg)no-repeat left center;}*/
ul.menulink_list li.firstLevel.nyusengeka{background:#fff url(../img/menu_price/bg_menulink_nyusengeka02.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.fujinka{background:#fff url(../img/menu_price/bg_menulink_fujinka.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.first{background:#fff url(../img/medical_treatment/bg_menulink_first.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.underage{background:#fff url(../img/medical_treatment/bg_menulink_underage.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.q_a{background:#fff url(../img/medical_treatment/bg_menulink_q_a.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.greeting{background:#fff url(../img/clinic_information/bg_menulink_greeting.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.medical_philosophy{background:#fff url(../img/clinic_information/bg_menulink_medical_philosophy.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.aboutus{background:#fff url(../img/clinic_information/bg_menulink_aboutus.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.device{background:#fff url(../img/clinic_information/bg_menulink_device.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.access{background:#fff url(../img/clinic_information/bg_menulink_access.jpg)no-repeat left center;}

ul.menulink_list li.firstLevel .menulink_list_firstLevel{
	width:calc(50% - 40px);
	padding:60px 20px;
	background: rgba(255,255,255,0.8);
}
ul.menulink_list.biyou li.firstLevel .menulink_list_firstLevel{background: rgba(239,239,239,0.8);}
@media screen and (max-width: 1160px) {
ul.menulink_list li.firstLevel .menulink_list_firstLevel{
	width:calc(70% - 40px);
}
}

ul.menulink_list li.firstLevel:nth-child(odd) .menulink_list_firstLevel{float:right;}
ul.menulink_list li.firstLevel:nth-child(even) .menulink_list_firstLevel{float: left;}

ul.menulink_list li.firstLevel dl dt{
	display: block;
	width: calc(100% - 10px);
	margin:0 auto 30px;
}
ul.menulink_list li.firstLevel dl dt span{
	display: inline-block;
	margin-right: 20px;
	font-size: 36px;
	font-weight: 500;
}
ul.menulink_list li.firstLevel dl dt strong{
	font-size: 50px;
	font-weight: 500;
	color: #dfba6c;
    letter-spacing: -0.05em;
}
ul.menulink_list li.firstLevel dl dd ul.menulink_list_secondLevel{
	overflow: hidden;
	width:100%;
}
ul.menulink_list li.firstLevel dl dd ul.menulink_list_secondLevel li{
	float:left;
	width: calc(100% / 3 - 10px);
	margin:5px;
}
ul.menulink_list li.firstLevel dl dd ul.menulink_list_secondLevel li a{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
  	width: calc(100% - 2px);
  	height: 40px;
  	background: rgba(255,255,255,0.2);
  	border: 1px solid #7F6D45;
  	color: #7F6D45;
  	font-weight: 500;
}
ul.menulink_list li.firstLevel dl dd ul.menulink_list_secondLevel li a:hover{
	color: #fff;
	background:  #7F6D45;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
ul.menulink_list li.firstLevel dl dd .viewmore_Wrap{width:60%; max-width: 400px;}


/* =======================================
   sub page : index.html/information
========================================== */
.infolist_type_photo{
	width: calc(100% - 20px);
	max-width: 1180px;
	margin: 0 auto;
}
.infolist_type_photo ul{
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
.infolist_type_photo ul li{
	float: left;
	width: calc(100% / 3 - 20px);
	margin:0 10px 40px;
}
@media all and (-ms-high-contrast:none){
	.infolist_type_photo ul li{
		min-height: 444px;
		max-height: 444px;
	}
}

.infolist_type_photo ul li a{display: block;}
.infolist_type_photo ul li a:hover{
	background:rgba(255,222,151,0.3);
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}

.infolist_type_photo ul li dl dt{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.infolist_type_photo ul li dl dd.title{
	overflow: hidden;
	margin-bottom: 10px;
	min-height: 50px;
	max-height: 50px;
}
.infolist_type_photo ul li dl dd.ph{
	margin-bottom: 10px;
}
.infolist_type_photo ul li dl dd.ph img{
	width: 100%;
	height: 240px;
	object-fit: cover;
}
@media all and (-ms-high-contrast:none){
.infolist_type_photo ul li dl dd.ph{
	position:relative;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	height: 240px;
}
.infolist_type_photo ul li dl dd.ph img{
	display: block;
	width: 100%;
	height: auto;
}
}
.infolist_type_photo ul li dl dd.comment{
	overflow: hidden;
	font-size: 0.9rem;
	min-height: 100px;
	max-height: 100px;
}
.infolist_type_photo ul li dl dt span.new{
	position: relative;
	display: inline-block;
	padding:2px;
	margin:0px 0 0 0.5em !important;
	font-weight: 500;
	font-family: 'Roboto Mono', monospace;
	-ms-font-feature-settings: "normal";
	font-feature-settings: "palt";
	line-height: 1em;
	letter-spacing: 0.01em;
	font-size: 16px;
	color: #B80000;
}
.infolist_type_photo ul li dl dd span.pdf,
.infolist_type_photo ul li dl dd span.blank{
	position: relative;
	display: inline-block;
	width:26px;
}
.infolist_type_photo ul li dl dd span.pdf::after{
	position: absolute;
	top:0px;
	left:0px;
	width: 24px;
	height:24px;
	content: "";
	background: url(../img/common/icon_pdf.svg) no-repeat;
	background-size: 100%;
}
.infolist_type_photo ul li dl dd span.blank:after{
	position: absolute;
	top:3px;
	left:0px;
	width: 18px;
	height:18px;
	content: "";
	background: url(../img/common/icon_outlink02.svg) no-repeat;
	background-size: 100%;
}

/* =======================================
   sub page : injection/menu_price
========================================== */
/*mouseoverGallery*/
.block-gallery {
  overflow: hidden;
  width:100%;
}

.inner-gallery {
  overflow: hidden;
  float:right;
  width: calc(100% - 600px);
  height: 500px;
}
.inner-gallery .gallery_Wrap {
  height: 500px;
  position: relative;
}
.inner-gallery a{
  color: white;
  text-decoration: none;
}  
.inner-gallery a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #fef6c6;
}
.inner-gallery div{
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.fig_Wrap{
  position: relative;
  float: left;
  width: 550px;
  height: 450px;
}
.fig_Wrap.fig01{
  background: url(../img/menu_price/injection/fig_injection01.jpg) no-repeat;
  background-size: 100%;
}
.fig_Wrap.fig02{
  background: url(../img/menu_price/injection/fig_injection02.jpg) no-repeat;
  background-size: 100%;
}
.fig_Wrap.fig03{
  background: url(../img/menu_price/injection/fig_injection03.jpg) no-repeat;
  background-size: 100%;
}

.inner-gallery-thumb li{
  width: 80px;
  height: 80px;
}
.inner-gallery-thumb li:nth-child(odd){
  position: absolute;
  left:10px;
}
.inner-gallery-thumb li:nth-child(even){
  position: absolute;
  right:10px;
}
.inner-gallery-thumb li:nth-child(3),
.inner-gallery-thumb li:nth-child(4){top:180px;}
.inner-gallery-thumb li:nth-child(5),
.inner-gallery-thumb li:nth-child(6){top:360px;}

.fig02 .inner-gallery-thumb li:nth-child(3){top:120px;}
.fig02 .inner-gallery-thumb li:nth-child(5){top:240px;}
.fig02 .inner-gallery-thumb li:nth-child(7){top:360px;}

.fig03 .inner-gallery-thumb li:nth-child(1){top:80px;}
.fig03 .inner-gallery-thumb li:nth-child(2){top:160px;}
.fig03 .inner-gallery-thumb li:nth-child(3){top:320px;}


.inner-gallery-thumb li a{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center; 
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width:calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border:1px solid #BFBFBF;
  pointer-events: none;
}
.inner-gallery-thumb li:hover a,
.inner-gallery-thumb .active a{
  background:#000;
  color: #FFDE97;
}



/* =======================================
   sub page : repair.html/menu_price
========================================== */
.repair_example_box .ph img{object-fit: cover;}
.repair_example_box .category_parts{
	padding-top: 20px;
	margin-bottom: 40px;
}
.repair_example_box .category_parts strong{
	font-size: 72px;
	font-weight: 500;
	letter-spacing: -0.05em;
	color: #d6d6d6;
}
ul.check_list li{
	position: relative;
	padding-left: 28px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #666;
}
ul.check_list li::before{
	position: absolute;
	top:2px;
	left:0;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/common/icon_check.svg) no-repeat;
	background-size: 100%; 
}

/* =======================================
   sub page : dermatology.html/menu_price
========================================== */
.dematology_menu_List ul{
	overflow: hidden;
	width: 100%;
}
.dematology_menu_List ul li{
	float: left;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;    
    height: 40px;
    margin: 0 12px 10px 0px;
    border: 1px solid #8F8F8F;
}

@media screen and (min-width: 1160px) {
.dematology_menu_List ul li{
	width: calc(100% / 5 - 12px);
}
.dematology_menu_List ul li:nth-child(5n){margin-right:0; }
}
@media screen and (max-width: 1159px) {
.dematology_menu_List ul li{
	width: calc(100% / 3 - 12px);
}
.dematology_menu_List ul li:nth-child(3n){margin-right:0; }
}

/* =======================================
   sub page : other.html/menu_price
========================================== */
p.cosme_title{
	padding: 5px 20px;
	color: #fff;
	font-size: 18px;
	background: #8F8F8F;
}

/*アートメイク*/
body.permanent_makeup .five_point dd{
	font-size: 30px;
}

.artist_list ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 60px;
}

.artist_list ul li{
    width: 50%;
}
.artist_list ul li dl{
    width:360px;
    margin:0 auto;
}
.artist_list ul li dl dt{
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center; 
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width:100%;
    height:360px;
    margin-bottom: 30px;
    border-radius: 50%;
}


.artist_list ul li dl dt img{
    display: block;
    width: 100%;
}
.artist_list ul li dl dd{
	margin-bottom: 20px;
    text-align: center;
    font-size: 28px;
    color: #7F6D45;
}
.artist_list ul li dl dd.line_qr *{
     color: #457f4f;
     text-align: center;
}
.artist_list ul li dl dd.line_qr .qr_img{
    width: 200px;
    margin:0 auto 10px;
}
.artist_list ul li dl dd.line_qr .qr_img img{
    display: block;
    width: 100%;
}
.artist_list ul li dl dd.line_qr span{
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
}
.artist_list ul li dl dd.line_qr span.list{font-weight: 600;}

.artist_list ul li dl dd.insta a {
	display: block;
}
.artist_list ul li dl dd.insta a span{
	position: relative;
	display: inline-block;
	padding: 0 0 0 40px;
	font-size: 24px;
	color: #7F6D45;
}
.artist_list ul li dl dd.insta a:hover span{
	transition: 0.3s;
	color:#000;
}
.artist_list ul li dl dd.insta a span::before{
	position: absolute;
	left: 0;
	top:-4px;
	content: "";
	width: 30px;
	height: 30px;
	background: url(../img/common/icon_insta_Gradient.png) no-repeat;
	background-size: 100%;
}
.artist_list ul li dl dd.button_price strong{font-size: 20px;}

/* =======================================
   sub page : first.html/medical_treatment
========================================== */
/*5つのポイント*/
section.five_point_Wrap{background:#f6f6f6 url(../img/index/leaf.png)no-repeat 100% 105%;}
dl.five_point{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px solid #fff;
}
dl.five_point dt{
	float:left;
	display: block;
	width: 80px;
	font-size: 60px;
	font-style: italic;
	font-family: 游明朝,"Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,serif;
	color: #7F6D45;
}
dl.five_point dd{
	float: left;
	width: calc(100% - 80px);
	padding-top: 24px;
	font-size: 36px;
	font-family: 游明朝,"Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,serif;
}

/*診療の流れ*/
p.clm_title01{
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
  	align-items: center;
  	height: 50px;
}
p.clm_title01 .number{
	position: relative;
	display: inline-block;
	padding:4px 0 4px;
	margin:0 0.5em 0 0;
	font-size: 40px;
	font-weight: 500;
	border-bottom: 6px solid #c4c4c4;
}
p.clm_title01 strong{
	font-size: 30px;
	font-weight: 500;
}

.phone_Wrap,
.mail_Wrap{
	position: relative;
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
  	align-items: center;
	height: 200px;
}
.phone_Wrap .phone_content{
	width:calc(100% - 40px);
	margin:0 auto;
}
.phone_Wrap .phone_content p{
	margin-bottom: 10px;
	text-align: center;
}
.phone_Wrap .phone_content .tel{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
}
.phone_Wrap .phone_content .tel strong{
	position: relative;
	display: inline-block;
	padding-left:40px;
	font-size: 36px;
}
.phone_Wrap .phone_content .tel strong::before{
	position: absolute;
	top:-5px;
	left:-5px;
	content: "";
	width:36px;
	height: 36px;
	background: url(../img/common/icon_phone.svg) no-repeat;
	background-size: 100%;
}
.mail_Wrap{
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	padding-bottom: 0;
}
.mail_Wrap:hover{
	background: #7F6D45;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
.mail_Wrap strong{
	position: relative;
	display: inline-block;
	padding-left:40px;
	font-size: 24px;
}
.mail_Wrap:hover strong{color: #fff;}
.mail_Wrap strong::before{
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 36px;
    height: 40px;
    background: url(../img/common/icon_assignment02.svg) no-repeat;
    background-size: 100%;
}
.mail_Wrap:hover strong::before{background: url(../img/common/icon_assignment.svg) no-repeat;}

/* =======================================
   sub page : q_a.html/medical_treatment
========================================== */
.q_a_List li{
	width: 100%;
	padding:20px 0;
	margin-bottom: 50px;
	background: #fff;
	border-bottom:1px solid #efefef; 
}
.q_a_List li dl{
	width: calc(100% - 40px);
	margin: 0 auto;
}
.q_a_List li dl dt{
	position: relative;
	display: block;
	padding:5px 0 5px 60px;
	margin-bottom: 60px;
	font-size: 1.2em;
    line-height: 1.8em;
}
.q_a_List li dl dt span{
	position: absolute;
	top:-16px;
	left:-30px;
	font-size: 72px;
	color: #000;
	font-family:游明朝,"Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,serif;
}
.q_a_List li dl dd{
	position: relative;
	padding:10px 0 5px 60px;
	margin-left: 20px;
	font-size: 1.1em;
    line-height: 1.8em;
}
.q_a_List li dl dd span{
	position: absolute;
	top:10px;
	left:-30px;
	font-size: 80px;
	color: #bba473;
	font-family:游明朝,"Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,serif;
}	

/*.q_a_List li inner*/
.q_a_List li .normal ul li{
	margin-bottom: 0px;
	border-bottom:none; 
}
.q_a_List li dl dd p{font-size: 1.1em;}

/*tab_menu*/
/*js_action*/
.tab_item_Wrap .tab_item {
  display: none;
}
.tab_item_Wrap .tab_item.show {
  display: block;
}

/*tab_menu css*/
.tab_menu ul{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.tab_menu ul li{
	float: left;
	width: calc(100% / 6 - 11px);
	margin: 0 10px 10px 0;
}
.tab_menu ul li:nth-child(6n){
	margin-right: 0;
}
.tab_menu ul li p{
    display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; 
	justify-content: center;
    cursor: pointer;
	width:calc(100% - 2px);
   	padding: 16px 0;
   	margin-bottom:5px; 
   	border: 1px solid #7F6D45;
	background: #fff;
	color: #7F6D45;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.tab_menu ul li.active p{
	background-color: #7F6D45;
    color: #fff;
}
.tab_menu ul li:hover p{
	-webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
    color: #fff;
    background: rgba(127,109,69,0.8);
}



/* =======================================
   sub page : greeting.html/clinic_information
========================================== */
body.greeting section{
	width: 100%;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=0 ); 
}
.greeting_Wrap{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.greeting_Wrap .photo_Wrap{
	float:right;
	width: 40%;
}
.greeting_Wrap .photo_Wrap img{
	display: block;
	width: 100%;
}
.greeting_Wrap .comment_Wrap{
	float:left;
	width: 58%;
}

/* =======================================
   sub page : medical_philosophy.html/clinic_information
========================================== */
.philosophy01_Wrap{
	position: relative;
	width: 100%;
	padding:80px 0 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=0 ); 

}
.philosophy01_Wrap::before{
	position: absolute;
	top:0;
	left:0;
	content: "";
	width: 70%;
	height: 70%;
	background: url(../img/clinic_information/medical_philosophy_ph01.jpg) no-repeat;
	background-size: 100%;
}
.philosophy01_Wrap div.inviewfadeInRight_bg{
	position: relative;
	width: 100%;
	padding:0px 0 80px;
}
.philosophy01_Wrap div.inviewfadeInRight_bg::before{
	position: absolute;
	bottom:0;
	right:0;
	content: "";
	width: 70%;
	height: 70%;
	background: url(../img/clinic_information/medical_philosophy_ph02.jpg) no-repeat right bottom;
	background-size: 100%;
}
@media screen and (max-width: 1220px) {
.philosophy01_Wrap::before,
.philosophy01_Wrap div.inviewfadeInRight_bg::before{background-size: auto 100%;}	
}
.philosophy01{
	position: relative;
	width: calc(100% - 40px);
	max-width: 1160px;
	margin:0 auto;
	padding:60px 0;
	background: rgba(255,255,255,0.9);
	z-index: 10;
}
.philosophy01 p.text{
	width: calc(100% - 120px);
	margin:0 auto;
	line-height: 2.4em;
	text-align: center;
	font-size: 1.1em;
}

.philosophy02_Wrap{
	width: 100%;
	padding: 80px 0;
	background: rgba(255,255,255,0.9);
}
.philosophy02_Wrap p.text{
	line-height: 2.4em;
	text-align: center;
	font-size: 1.1em;
}

/* =======================================
   sub page : aboutus.html/clinic_information
========================================== */
.aboutus_photogallery_Wrap{
	width: calc(100% - 40px);
	max-width: 1180px;
	margin:0 auto;
}
.aboutus_photogallery_Wrap .photogallery .clm2 li.photo{margin-bottom: 40px;}
.aboutus_photogallery_Wrap .photogallery .clm2 li.photo p{height: 200px;} 
.aboutus_photogallery_Wrap .photogallery .clm2 li.photo p img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
/* =======================================
   sub page : device.html/clinic_information
========================================== */
.device_detail{
	position: relative;
}
.device_detail dt{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #7F6D45;
}
.device_detail dd{margin-bottom: 20px;}
.device_detail dd a.blank{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.device_detail dd a:hover{
	text-decoration: underline;
	color: #7F6D45;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}
.device_detail dd a.blank::before{
    position: absolute;
    top: 6px;
    left: 2px;
    width: 16px;
    height: 16px;
    content: "";
    background: url(../img/common/icon_outlink02.svg) no-repeat;
    background-size: 100%;
}
.device_detail dd.effect_column{
	margin-bottom: 0;
}
.device_detail dd.effect_column p{
	margin-bottom: 10px;
	font-weight: 600;
	color: #333;
}
.effect_List{
	overflow: hidden;
	width: 100%;
}
.effect_List li{
	float:left;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width: calc(100% / 4 - 12px);
	height: 40px;
	margin:0 10px 10px 0px;
	border:1px solid #8F8F8F;
}
.effect_List li:nth-child(4n){
	margin-right: 0;
}
.effect_List li span{
	font-size: 0.9rem;
	color: #8F8F8F;
}

/* =======================================
   sub page : access.html/clinic_information
========================================== */
.map_clinicinfo_Wrap{
	position: relative;
	padding: 60px 0;
	background: url(../img/common/bg_pattern02.png);
}
.map_clinicinfo_Wrap::before{
	position: absolute;
	top:0;
	left:0;
	content: "";
	width: 100%;
	height: 400px;
	background: #fbfbfb;
	z-index: 1;
}
.map_clinicinfo_Wrap .contents_inner{
	position: relative;
	z-index: 10;
}

.clinic_info_Wrap .clinic_name{
	margin-bottom: 20px;
	line-height: 2rem;
	font-size: 1.6rem;
	letter-spacing: -0.01em;
}
dl.clinic_time{
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
}
dl.clinic_time dt{
	float:left;
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width: 100px;
	height: 30px;
	padding-top: 2px;
	margin-right: 10px;
	font-weight: 600;
	background: #8F8F8F;
	color: #fff;
}
dl.clinic_time dd{
	float:left;
	width: calc(100% - 110px);
	padding-top: 6px;
}
.phoneinfo_Wrap02 dt.phonenumber{
	position: relative;
	display: inline-block;
	padding:0px 20px 0 40px;
}
.phoneinfo_Wrap02 dt.phonenumber::before{
	position: absolute;
	top:10px;
	left: -10px;
	content: "";
	width:40px;
	height: 40px;
	background: url(../img/common/icon_phone.svg) no-repeat;
	background-size: 100%;
}
.phoneinfo_Wrap02 dt.phonenumber strong{
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: -0.05em;
}
.phoneinfo_Wrap02 dd.time{
	position: relative;
    top: -5px;
	display: inline-block;
	margin-bottom:20px;
	font-size: 14px;
}

.route_List ul{
    overflow: hidden;
    width:100%;
}
.route_List ul li{
	float: left;
    width: calc(100% / 3 - 15px);
    margin-right:20px;
}
.route_List ul li:nth-child(3n){
    margin-right:0px;
}
.route_List ul li dl{
	overflow: hidden;
	width: 100%;
}
.route_List ul li dl dt img{
	width: 100%;
	min-height: 160px;
	object-fit: cover;
}
.route_List ul li dl dd{
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    width:100%;
}
.route_List ul li dl dd .route_number{
    width:30px;
    padding-top: 5px;
    margin:0 10px 0 0;
}
.route_List ul li dl dd .route_number span{
    display: inline-block;
    font-size: 24px;
    border-bottom: 6px solid #c4c4c4;
}
.route_List ul li dl dd .text{
    width: calc(100% - 40px);
    padding:10px 0;
    margin-bottom: 0;
    font-size: 0.9rem;
    line-height: 1.2em;
}

/*
.route_List ul{
	position: relative;
}
.route_List ul::before{
	position: absolute;
	top:0;
	left: 50%;
	content: "";
	width: 1px;
	height: 100%;
	background: #000;
	z-index: 10;
}
.route_List ul li{
	position: relative;
}
.route_List ul li p.route_number{
	position: absolute;
	left: calc(50% - 30px);
	top:calc(50% - 30px);
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
	width: 60px;
	height: 60px;
	background: #000;
	border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.route_List ul li p.route_number span{
	color: #fff;
}
.route_List ul li dl{
	overflow: hidden;
	width: 100%;
	height: 280px;
}
.route_List ul li dl dt,
.route_List ul li dl dd{
	display: block;
	width:50%;
	height: 280px;
}
.route_List ul li:nth-child(odd) dl dt,
.route_List ul li:nth-child(even) dl dd{float: left;}
.route_List ul li:nth-child(even) dl dt,
.route_List ul li:nth-child(odd) dl dd{float: right;}

.route_List ul li dl dt img{
	width: 100%;
	min-height: 280px;
	object-fit: cover;
}
.route_List ul li dl dd{
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
  	align-items: center;
  	width: calc(50% - 80px);
  	padding:0 40px;
}
*/
/* =======================================
   sub page : index.html/doctors
========================================== */
/*
.from_inchou{
	position: relative;
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 40px;
}
.from_inchou .ph_Wrap{
	overflow: hidden;
	position: absolute;
	top:-60px;
	left:0;
	width: 60%;
	max-height: 700px;
	z-index: 0;
}
.from_inchou .ph_Wrap img{
	display: block;
	width: 100%;
	min-height: 600px;
	object-fit: cover;
}

.from_inchou .message_Wrap{
	position: relative;
	top:0px;
	right:2.5%;
	float:right;
	width: 50%;
	background: rgba(255,255,255,0.8);
	z-index: 1;
}
@media screen and (max-width: 1160px) {
.from_inchou .message_Wrap{width: 65%;}
}
.from_inchou .message_Wrap .message_inner{
	width: calc(100% - 60px);
	padding:60px 0;
	margin:0 auto;
}
*/
/*profile_Wrap*/
.profile_Wrap{
	overflow: hidden;
	width: 100%;
}
.profile_Wrap .ph{
	width: 48%;
}
.profile_Wrap .ph img{
	display: block;
	width: 100%;
}
.profile_Wrap .profile{
	width: 49%;
}
@media screen and (max-width: 1160px) {
.profile_Wrap .ph{
	width: 38%;
}
.profile_Wrap .ph img{
	display: block;
	height: 600px;
	object-fit: cover;
}
.profile_Wrap .profile{
	width: 59%;
}
}
@media all and (-ms-high-contrast:none){
.profile_Wrap .ph{
	position: relative;
	overflow: hidden;
	min-height: 500px;
}
.profile_Wrap .ph img{
	position: absolute;
	right:-5%;
	display: block;
	width: auto;
	height: 100%;
}
}
.profile_Wrap .profile .en{
	margin:-60px 0 0px;
	font-size: 6rem;
	color: #d6d6d6;
}
.profile_Wrap .profile .title{
	position: relative;
	margin-bottom:10px; 
	font-size: 1.2rem;
}
.profile_Wrap .profile .title::before{
	position: absolute;
	left:0;
	top:50%;
	content: "";
	width: 100%;
	height: 1px;
	background: #000;
	z-index: 0;
}
.profile_Wrap .profile .title strong{
	position: relative;
	display: inline-block;
	padding:0 5px;
	z-index: 1;
}

.profile_Wrap .profile table th{white-space: nowrap;}
.profile_Wrap .profile table td{padding:0 0 5px 5px;}

p.media{
	margin:-60px 0 0px;
	font-size: 6rem;
	color: rgba(255,255,255,0.6);
}
.media_Wrap table th,
.media_Wrap table td{color: #fff;}

.media_Wrap table.table02 th strong{font-size: 36px; color: #fff;}
.media_Wrap table td p{
	padding:10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
}
.profile_Wrap .profile p.name small{
	font-size: 0.9rem;
	color: #000;
}
@media all and (-ms-high-contrast:none){
	.profile_Wrap .profile .name{padding-top: 10px;}
}

/* =======================================
   sub page : contact form
========================================== */
/* step_navigation
---------------------------------------- */
div.contact-step-navi{
  width:100%;
  margin:0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
div.contact-step{
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 30.5%;
  width: calc(100% / 3);
  height: 60px;
  background: #fafafa;
  text-align: left;
  padding-left: 30px;
  z-index: 0;
}

div.contact-step:before {
  position: absolute;
  top:0;
  left:-30px;
  width: 30px;
  height: 60px;
  content:"";
  background: #fafafa;
  border-left:4px solid #fff; 
  -webkit-border-left:4px solid #fff; 
  -moz-transform-origin:0 100%;
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  -moz-transform:skewX(-25deg);
  -webkit-transform:skewX(-25deg);
  transform:skewX(-25deg);
  z-index: 9;
}
div.contact-step.step01:before{
  display: none;
}
div.contact-current:before,
div.contact-current{
    background: #623111;
}
div.contact-step dl{
  position: relative;
    margin:0;
    padding:0;
}
div.contact-step dt{
  position: relative;
  z-index: 99;
  font-size: 14px;
  color:#333c4d;
}
div.contact-step dd{
  position: relative;
  z-index: 99;
  font-size: 16px;
  color:#333c4d;
}
div.contact-current dt,
div.contact-current dd{
  color: #fff;
}

p span.required{
  padding: 3px 6px;
  font-size: 0.9em;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #ff3e3e;
}


/* form
---------------------------------------- */
table.form{
	width: 100%;
	margin: 0 auto 50px;
	font-size:16px !important;
}
table.form th{
	position: relative;
	padding-right: 50px;
	vertical-align: middle;
}
table.form span {
  padding: 3px 6px;
  font-size: 0.9em;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 10px;
  border-radius: 3px;
  behavior:url("/common/cssnew/PIE.htc"); /* for IE7 */
  zoom:1;
}
table.form th span.text{
	font-size: 1em;
	color: #000;
	letter-spacing: -0.01em;
}
table.form span.required,
table.form span.any {
	position: absolute;
	top:25px;
	right:-5px;
}

table.form span.required {
  background-color: #ff3e3e;
}
table.form span.any {
  background-color: #0083f4;
}
table.form th small.attention {
  display: block;
  padding:10px 0 0 ;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.2em;
  color: #000;
}
table.form input{
   width: 98%;
   display: inline-block;
   height: 50px;
   padding: 0 10px;
   border:none;
   background: #efefef;
}

table.form input.table-w-xsmall{
   width: 25%;
   display: inline;
}
table.form input.table-w-middle{width: 45%;}
table.form input.table-w-small{
  width:50%;
  display: inline;
}

table.form .calender{
	position: relative;
	display: inline;
}
table.form .calender img.ui-datepicker-trigger{
	display: block;
	position: absolute;
	right: 6px;
    top: 0px;
	width:20px;
  	height: 18px;
  	z-index: 10;
}
table.form .select_Wrap{
	position: relative;
}
table.form .select_Wrap::before{
	position: absolute;
  	top: 50%;
  	right: 20px;
  	content:"";
 	margin-top: -2px;
 	width:0;
 	height: 0;
	border-right: 6px solid transparent;
  	border-top: 6px solid #7F6D45;
 	border-left: 6px solid transparent;
}
table.form select {
	width: 100%;
	height: 50px;
  	padding: 0 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	background: #efefef;
}
table.form select.table-w-xsmall{width:25%;}
table.form select.table-w-xxsmall{width:10%;}
table.form option{
   width: auto;
	background: #efefef;
}

table.form textarea{
   	width: calc(100% - 20px);
	padding: 10px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	background: #efefef;
}
input[type="button"].button-w-s{
   width: 45%;
}
input[type="button"].button-w-s-gl{
   width: 45%;
}
input[type="button"].button-formback{
  border:none; 
  padding:10px !important;
}
table.form input[type="radio"],
table.form input[type="checkbox"]{
   width: auto;
   display: inline;
}
table.form input[type=radio] {
display: none; /* ラジオボタンを非表示にする */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
table.form label{
display: block;	
float: left;
margin: 5px;
width: 100px;
height: 50px;
padding-left: 5px;	
padding-right: 5px;	
background-color: #efefef;	
text-align: center;	
line-height: 50px;
cursor: pointer;
}
table.form input[type="radio"]:checked + label{
color: #fff;
background: #7F6D45;
}	

/*table.form td label{margin-right: 1em;}*/
form .button ,form .button-formback{ width:40%;  cursor:pointer; line-height:26px;font-weight:bold;margin-right:5px;display:inline-block; font-family: "ヒラギノ角ゴ ProN W3", Arial, "Arial Narrow","Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
input[type="submit"] ,
input[type="button"] ,
input[type="reset"] {
    border:none;
    font-family: "ヒラギノ角ゴ ProN W3", Arial, "Arial Narrow","Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
form .button{
  position: relative; 
  display: -webkit-flex; 
  display: flex;
  -webkit-justify-content: center; 
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 50px;
  padding:8px 14px;
  text-align: center;
  font-size:14px;
  background: #7F6D45;
  color:#fff;
  cursor:pointer;
}
form .button:hover{
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out;
  background: #5a4820; 
}
form .button-formback{
  position: relative; 
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 50px;
  padding:8px 14px;
  text-decoration: none;
  font-size:14px;
  text-align: center;
  color: #fff;
  background-color: #444;
  cursor:pointer;
}
form .button-formback:hover{
  color: #fff;
  background: #000;
  border: 1px solid #a7a39f;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out;
}

/* phoneinfo_Wrap
---------------------------------------- */
.phoneinfo_Wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}
.phoneinfo_Wrap dt.phonenumber{
	position: relative;
	display: inline-block;
	padding:0px 30px;
}
.phoneinfo_Wrap dt.phonenumber::before{
	position: absolute;
	top:15px;
	left: -30px;
	content: "";
	width:48px;
	height: 48px;
	background: url(../img/common/icon_phone.svg) no-repeat;
	background-size: 100%;
}

.phoneinfo_Wrap dt.phonenumber strong{
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: -0.05em;
}
.phoneinfo_Wrap dd.time{
	padding-top: calc(3rem - 16px);
	font-size: 16px;
}
/* =======================================
   sub page : counselling
========================================== */
.banner_line a{
 display: block;
 width:100%;
 max-width: 700px;
 margin:0 auto;
 padding:10px 0; 
 background: #7F6D45 url("../img/counseling/icon_logo_silhouette.svg")no-repeat center right;
 background-size: auto 120%;
 
}
.banner_line a:hover{
-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
   background:#5a4820 url("../img/counseling/icon_logo_silhouette.svg")no-repeat center right;
   background-size: auto 120%;
}
.banner_line a dl{
    overflow: hidden;
    width: calc(100% - 20px);
    margin:0 auto;
    border:1px solid #b1a690;
}
.banner_line a dl dt{
    float:left;
    display: -webkit-flex;
display: flex;
-webkit-justify-content: center; 
justify-content: center;
-webkit-align-items: center;
align-items: center;
    width: 200px;
    height: 100px;
}
.banner_line a dl dt img{
    display: block;
    width: 60px;
}
.banner_line a:hover dl dt img{opacity: 1;}
.banner_line a dl dd{
    float:right;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
    width: calc(100% - 200px);
    height: 100px;
}
.banner_line a dl dd strong{
    font-size: 36px;
    font-weight: 400;
    color: #fff;
}
.banner_line a dl dd span{font-size: 40px;}



/* =======================================
   sub page : case
========================================== */


/*初期設定*/
.popup_content_Wrap div.popup_box{display: none; }

/*category_navi*/
.category_navi ul{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.category_navi ul li{
	float: left;
	width: calc(100% / 6 - 11px);
	margin: 0 10px 10px 0;
}
.category_navi ul li:nth-child(6n){
	margin-right: 0;
}
.category_navi ul li input{
    display: none;
}
.category_navi ul li label{
    display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
    cursor: pointer;
	width:calc(100% - 2px);
    padding: 16px 0;
    border: 1px solid #7F6D45;
    background: #fff;
    color: #7F6D45;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    transition: .2s;
}
.category_navi ul li input[type="radio"]:checked + label {
    background-color: #7F6D45;
    color: #fff;
}
.category_navi ul li label:hover{
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
    color: #fff;
    background: rgba(127,109,69,0.8);
}



.case_list_Wrap {margin-bottom: 50px;}
.case_list_Wrap ul{
	overflow: hidden; 
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 20px;
}	
.case_list_Wrap ul li{
	width: 100%;
}
.case_list_Wrap ul li:hover{
	background: #fdfbec;
	transition: 0.2s;
}
.case_list_Wrap ul li a{display: block;}
.case_list_Wrap ul li a img{display: block;width: 100%;}
.case_list_Wrap ul li dl dt{
	display: block;
	padding: 2px 6px;
	margin-bottom: 2px;
	color: #edb94a;
	background: #000;
}
.case_list_Wrap ul li dl dd{font-size: 0.8rem;}
.case_list_Wrap ul li dl dd span{
	display: inline-block;
	margin-right: 4px;
	font-weight: 600;
	color: #5a4820;
}