@charset "utf-8";

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

/*---------------------------------------------------------------------------
/* reset
 --------------------------------------------------------------------------*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, span, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-style: normal;
	font-weight: normal;
}
div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, span, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y: scroll;
	font-family:  "Zen Kaku Gothic New", "游ゴシック", YuGothic, "Yu Gothic","YuGothic-Bold","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 62.5%;
	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 {
	font-size: 16px;
	font-size: 1.4rem;
	color: #000;
}
p{font-size: 16px;}
@media screen and (orientation: landscape) {
p{font-size: 14px;}
}
article p,section p{
	margin-bottom:10px;
}
li {
	font-size: 1.4rem;
	font-size: 14px;	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
a:focus {
	outline: none;
}

img, object, embed, video {
	max-width: 100%;
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 0;
    font-size: 16px!important;
}    
select::-ms-expand {
    display: none;
}
input{
	-webkit-appearance: none;
    -webkit-appearance: none;
	border-radius: 0;
	font-size: 16px!important;
}
input[type="submit"] ,
input[type="button"] ,
input[type="reset"] {
    border:none;
    font-size: 16px;
    font-family:  "Zen Kaku Gothic New", "游ゴシック", YuGothic, "Yu Gothic","YuGothic-Bold","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
sup {display: inline-block;vertical-align: text-top; font-size: 8px; margin-top:-4px;}
sub {vertical-align: text-bottom;}
/*---------------------------------------------------------------------------
/* set tags
※a:hover　＝  a.hover
 --------------------------------------------------------------------------*/

ul,ol { margin :0; padding:0; font-size: 100%; }
li { margin: 0; padding:0; line-height: 1.5em; }


a{text-decoration: none;
	background-color:transparent;
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    color:#000; 
}
a.hover img{opacity: 0.6;}
a.pagelink{text-decoration: underline; color: #d97400; font-weight: bold;}
a.tel{color: #000;}

img { border: none; vertical-align: top; margin-top: 0; margin-bottom: 0; display:block; }

/* only mobile : set image size*/
.w100 img { width:100%; }
img.sp50 { width:50%; }
@media all and (orientation: landscape) {
img.sp50 { width:25%; }
}

strong { font-weight: bold; text-transform: none; }

/*---------------------------------------------------------------------------
 set common selecter
 --------------------------------------------------------------------------*/
.pc ,.sp320, .pc_inline { display:none !important; }
.sp { display:block; }
.sp_inline{display: inline-block;}
@media screen and (max-width: 320px) {
	.sp320 { display:block !important; }
}

/*set inline-block*/
.one_phase{display: inline-block;}
/*改行防止*/
.nowrap{white-space: nowrap;}

/* 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 text */
.txSmall  { font-size: 0.8rem; }
.tSmall  { font-size: 0.9rem; }
.tLead  {  font-size: 2.4rem; font-weight: 600;margin-bottom:30px;color: #7F6D45;
    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 */
@media all and (orientation: portrait) {
.fLeft { float:none;}
.fRight { float:none;}
}

.sp-floatwrapp .fLeft { float:left;}
.sp-floatwrapp .fRight { float:right;}

/* 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:9%;}
.w20 {width:19%;}
.w30 {width:29%;}
.w40 {width:39%;}
.w50 {width:49%;}
.w60 {width:59%;}
.w70 {width:69%;}
.w80 {width:79%;}
.w90 {width:89%;}
.w100 {width:100%;}

.noflex .w10,
.noflex .w20,
.noflex .w30,
.noflex .w40,
.noflex .w50,
.noflex .w60,
.noflex .w70,
.noflex .w80,
.noflex .w90
{
	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%;}

.noflex .flexNormal,
.noflex .flexBetween {
	width: 100%;
	height: auto;
	display: block;
}

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;
}

/*---------------------------------------------------------------------------
/* css animation
 --------------------------------------------------------------------------*/
 .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}

/*========================================
    :img-画像を動かす
==========================================*/
.scale_up{overflow:hidden;}

.scale_up img {
    overflow:hidden;
    -webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
	width:100%;
}
.scale_up:hover a img,
a.hover .scale_up img{
    overflow:hidden;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
/*========================================
    :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,
a.hover .bg-scale::after,
.bg-scale:hover::after {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.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);
}
/*----- 背景をフェードイン -----*/
.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);
}

/*遅延させたい場合*/
.delay01{transition-delay: 100ms;}
.delay02{transition-delay: 200ms;}
.delay03{transition-delay: 300ms;}
/*
.inviewDelay ul li とすれば連続して遅延できる（jsで処理）
*/

/*========================================
    :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% - 100px);
	width: 200px;
	height: 400px;
	text-align: center;
	font-size: .9em;
	z-index: 9999999999999;
}
#loader .loader_Wrap{
	position: relative;
}
#loader .logo{
	width:160px;
	height: 160px;
	margin:0 auto 30px;
}
#loader .logo img{display: block; width: 100%;}
#loader .en{margin-top: 20px;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 {
	position: absolute;
	left: 50%;
	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%;
	}
}

/*---------------------------------------------------------------------------
/*background faidein
 --------------------------------------------------------------------------*/
/* init */
.background {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: fixed;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
background-size: cover;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
z-index: -2;
}
.show .background {
    opacity: 1;
}
.contents_fade .wrap {
    position: relative;
    z-index: 2;
}

/*toppage*/
#content01_bg {background-image: url(../img/index/bg_contcept.png); background-position: left center;}
#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); background-position: 70% 50%;}
#content07_bg {background-image: url(../img/menu_price/skin/bg_mv_skin.jpg); background-position: 70% 50%;}
#content08_bg {background-image: url(../img/menu_price/body/bg_mv_body.jpg); background-position: 70% 50%;}
#content09_bg {background-image: url(../img/menu_price/bg_mv_repair.jpg);background-position: 70% 50%;}
#content10_bg {background-image: url(../img/menu_price/bg_mv_other.jpg);background-position: 70% 50%;}
#content11_bg {background-image: url(../img/menu_price/bg_mv_breast_reconstruction.jpg);background-position: 70% 50%;}
#content12_bg {background-image: url(../img/menu_price/bg_mv_dermatology.jpg);background-position: center 60px; background-size:100%; background-repeat: no-repeat;}
#content17_bg {background-image: url(../img/menu_price/injection/bg_mv_injection.jpg);background-position: 50% 50%;}
#content18_bg {background-image: url(../img/menu_price/medical_artmake/bg_mv_permanent_makeup.jpg); background-position: 70% 50%; background-repeat: no-repeat;}
#content19_bg {background-image: url(../img/menu_price/hair_removal/bg_mv_hair_loss.jpg); background-position: 50% 50%; background-repeat: no-repeat;}
#content20_bg {background-image: url(../img/menu_price/osteotomy/sp_bg_mv_osteotomy.jpg); background-position: 50% 50%; background-repeat: no-repeat;}

/*portrait(menu_price)*/
@media screen and (max-width: 567px) {
#content06_bg {background-image: url(../img/menu_price/face/sp_bg_mv_face.jpg); background-position: right center;}
#content07_bg {background-image: url(../img/menu_price/skin/sp_bg_mv_skin.jpg); background-position: right center;}
#content08_bg {background-image: url(../img/menu_price/body/sp_bg_mv_body.jpg); background-position: right center;}
#content09_bg {background-image: url(../img/menu_price/sp_bg_mv_repair.jpg);background-position: right center;}
#content10_bg {background-image: url(../img/menu_price/sp_bg_mv_other.jpg);background-position: right center;}
#content11_bg {background-image: url(../img/menu_price/sp_bg_mv_breast_reconstruction.jpg);background-position: right center;}
#content12_bg {background-image: url(../img/menu_price/sp_bg_mv_dermatology.jpg);background-position: center 60px; background-size:100%; background-repeat: no-repeat;}
#content17_bg {background-image: url(../img/menu_price/injection/sp_bg_mv_injection.jpg);background-position: center 60px; background-size:100%; background-repeat: no-repeat;}
#content18_bg {background-image: url(../img/menu_price/medical_artmake/bg_mv_permanent_makeup.jpg); background-position: right center;}
#content19_bg {background-image: url(../img/menu_price/hair_removal/bg_mv_hair_loss.jpg);background-position: right center;}
#content20_bg {background-image: url(../img/menu_price/osteotomy/sp_bg_mv_osteotomy.jpg); background-position: 50% 50%; background-repeat: no-repeat;}
}


/*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); background-position: center -10px; background-size:100%; background-repeat: no-repeat;}
/*portrait(recruit)*/
@media screen and (max-width: 567px) {
#content16_bg {background-image: url(../img/recruit/sp_bg_subtitle.jpg); }
}


/*========================================
    :svg  
==========================================*/
img[src$=".svg"]{
    max-width: 100%;
    width: 100%;
    height: auto;
}
/*---------------------------------------------------------------------------
/* 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,
.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,
.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,
.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.2em;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,
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,
a.hover .viewmore.color02 span{color: #bda46d;}

a:hover .viewmore span:nth-of-type(1) ,
a:hover .viewmore02 span:nth-of-type(1),
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),
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) ,
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) ,
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),
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),
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),
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),
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) ,
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),
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),
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),
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),
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,
.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:1.2rem;
  background: #7F6D45;
  z-index: 2;
}
.btn p a:hover,
div.btn-backpage p a:hover,
.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:1.2rem;
    text-align: center;
    background-color: #423a3a;
    border:1px solid #423a3a;
    cursor:pointer;
}
div.btn-formback p a:hover,
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:10px 14px;
    font-size:1.2rem;
    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:normal;
}
/* 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,
.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{
	text-align: center;
}
h1 strong{
	display: block;
	margin:0 0 5px;
	font-size: 3rem;
	font-weight: 500px;
	color: #633112;
	letter-spacing: -0.03em;
	text-shadow: 2px 2px 5px rgba(255, 255, 255, 1);
}
h1 span{
	display: block;	
	font-size: 1.4rem;
	font-weight: 400px;
	color: #7F6D45;
	letter-spacing: -0.01em;
	text-shadow: 2px 2px 5px rgba(255, 255, 255, 1);
}
.pagetitle_Wrap02 h1 strong,
.pagetitle_Wrap02 h1 span{
	display: block;
	margin-bottom: 5px;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

/*plus pagetitle*/
.h1_Wrap{
	margin-bottom: 20px;
}
.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: 1.8rem }
.h1_Wrap h1 span{font-size: 1.2rem;}
p.pagetitle{
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}
p.pagetitle strong{
	font-size: 3rem;
	font-weight: 500;
	text-shadow: 2px 2px 5px rgba(255, 255, 255, 1);
}

h2{
	margin-bottom: 40px;
	text-align: center;
}
h2 strong{
	display: block;
	position: relative;
	font-size: 3rem;
	font-weight: 500;
}
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:-30px;
	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: 30px;
	border-bottom: 1px solid #887e68;
}
h3::before{
	position: absolute;
	bottom:-2px;
	left:0;
	content: "";
	width: 100px;
	height: 3px;
	background: #7F6D45;
}
h3 strong{
	display: inline-block;
	padding:5px 0;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.01em;
}
h4{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	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: 18px;
	font-weight: 500;
	letter-spacing: -0.05em;
}

h5{
    position: relative;
	width: calc(100% - 30px);
    padding: 16px 20px 14px 10px;
	margin-bottom: 20px;
    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: 16px;
    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;}
.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 20px;
	background: #fff;
}
.b-type_inner{
	padding: 10px;
	width: auto;
}
.b-type01{background: #ededed;}
.b-type02{background: #efe8d9;}
.b-type03{background-image:url(../img/common/bg_pattern03.png); }

/*---------------------------------------------------------------------------
/* table
 --------------------------------------------------------------------------*/
@media all and (orientation: portrait) {
table.sp-chg th,table.sp-chg td{ display:block;width:auto !important; }
}
@media screen and (max-width: 736px) {
table.sp-chg th,table.sp-chg td{ display:block;width:auto !important; }
}
table	{ margin:0 0 0 0em;padding:0 0 0 0em; }
table caption{text-align: right;}
table caption small{font-size: 12px;}
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:1.4rem; }
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); }
/* =======================================
   : yokokei style
========================================== */
table.table02       { font-size: 1em;margin:0 0 20px; font-size:1.4rem; }
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;}
.table02 td ul li small{font-size:1.2rem;}

table.table02.sp-chg  th { border-color:#6b614b;border-style:solid;border-width:0px 0 1px 0; color:#633112;padding:10px;line-height:1.5em;vertical-align:top;text-align:left; font-weight: bold;}
table.table02.sp-chg  td {position: relative; color:#000; padding:20px 10px; line-height:1.5em;vertical-align:top; }
table.table02.sp-chg  tr:last-child td{border:none;}
table.table02.sp-chg td::before{background: none;}
/* =======================================
   : noline style
========================================== */
table.table01 th  {color:#000;font-weight:500;padding:16px 14px;line-height:1.5em;text-align:left;letter-spacing: 0.1em;}
table.table01 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{ white-space: nowrap;}
table.table_price01 tr td small{font-size:1.2rem; 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: #f8f8f8;}
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 thead{display: none;}
table.table_price01.type_3prices tr:first-child th,
table.table_price01.type_3prices tr:first-child td{border:none;}
table.table_price01.type_3prices tr th{
display:block;width:calc(100% - 28px)!important;
}
table.table_price01.type_3prices tr th:first-child{
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
table.table_price01.type_3prices tr th.course{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
    width:calc(100% - 28px) !important;
    padding:5px 14px 0px;
    text-align: center;
}
table.table_price01.type_3prices tr th.course span{
    display: block;
    width:calc(100% / 3);
    font-size: 12px;
    letter-spacing: -0.05em;
}

table.table_price01.type_3prices tr td{
    display:inline-block;
    width:calc(100% / 3 - 30px) !important;
    text-align: center;
}
table.table_price01.type_3prices th.sp_space_zero{padding-top: 0; padding-bottom: 0;}

/* =======================================
   : 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;}
.h450{height:450px;}


/* photo gallery */
.photogallery { width:auto;overflow:hidden;margin:0;}
.photogallery .photo { width:100%;margin:0 0 10px;overflow:hidden; }
.photogallery p { height:auto;margin:0;
	position: relative;
	width:100%;
	z-index: 0;
}

.photogallery p a{
	position: relative;
	overflow: hidden;
	margin: 0;
	height: 100%;
	z-index: 2;	
	background: #fafafa;
}
.photogallery span {
	font-size: 11px;
	padding: 10px 0 0;
	display: inline-block;
	overflow: hidden;
	line-height: 1.6em;
}
.photogallery a:hover img,
.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%;
	overflow-x: hidden;
	padding-top: 60px;
}
body > div#container {
	height: auto;
	min-height: 100%;
}
div#main{
	padding-bottom: 0;
}


section{
	position: relative;
	z-index: 1;
}
article{
	position: relative;
	width:100%;	
	margin:0;
	padding:0;
	z-index: 0;
}
section.section{
	position: relative;
	width:100%;
	padding: 30px 0 30px;
}


.content{margin-bottom: 30px;}
.contents_inner{width:90%; margin: 0 auto;}
.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.6);}
.bg03{background-color:#fafafa;}


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

/* =======================================
   4-2: header section
========================================== */
/* =======================================
   header section
========================================== */
header{
	position: fixed;
	top: 0px;
	left: 0;
	height:60px;
	z-index:9999999;
	width:100%;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
header .h_logo{
	position: relative;
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
  	align-items: center;
  	height:60px;
	width:calc(100% - 60px);
}
.h_logo a{
	position: relative;
	display: block;
	margin-left: 10px;
	margin-top: 2px;
	z-index: 9999999999999999999999;
}
.h_logo a img{
	display: block;
	height: 50px;
} 

/* =======================================
   global navigation
========================================== */

#g-menu-sp {
	width:100%;
	max-height:100%;
	min-height:60px;
	padding: 0;
	margin: 0;
	z-index:9999999;
	position:absolute;
	top:0px;
	right:0px;
}
.toggle-g {
   display: block;
    width: 60px;
    height: 34px;
    padding: 20px 0 6px;
    text-align: center;
    cursor: pointer;
	position:absolute;
    top: 0px;
    right: 0px;
	z-index:999999;
	background: #000;
}

.toggle-g span:nth-of-type(1){
	display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 15px;
    width: 50%;
    height: 4px;
    background-color: #c9ac84;
    top: 20px;
}
.toggle-g span:nth-of-type(2) {
    display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
    left: 15px;
    width: 50%;
	height: 4px;
	background-color: #c9ac84;
	top: 30px;
}
.toggle-g span:nth-of-type(3) {
    display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
    left: 15px;
    width: 50%;
	height: 4px;
	background-color: #c9ac84;
	top:40px;
}
.toggle-g.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.toggle-g.active span:nth-of-type(2) {
	opacity: 0;
}
.toggle-g.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

/* --------------------------------------------------- menu */

#g-menu-sp .spmenu {
	position: fixed;
	z-index: 999999;
	right: 0;
	top: 60px;
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #000;
	border-top: 1px solid #000;
}
#g-menu-sp .spmenu ul {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}
#g-menu-sp .spmenu ul.active {
	-webkit-overflow-scrolling:touch;/* iOS8 bug fix */
	overflow-y: auto;
}
#g-menu-sp .spmenu ul li {
	list-style: none;
	float:none;
	position:relative;
}
#g-menu-sp .spmenu ul li p{
	position:relative;
	display:block;
	padding:0;
	width:100%;
}
#g-menu-sp .spmenu ul li 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;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
#g-menu-sp .spmenu ul li a.go,
#g-menu-sp .spmenu ul li a.menu{
	position: relative;
	line-height: 1em;
	border-bottom: solid 1px #444;
}

#g-menu-sp .spmenu ul li a.go:before{
	position: absolute;
	top:calc(50% - 8px);
	right:10px;
	content: "";
	width:8px;
	height: 16px;
	background:url(../img/common/arrow_s01.svg) no-repeat center center;
	background-size: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#g-menu-sp .spmenu ul li a.go:hover:before,
#g-menu-sp .spmenu ul li a.go.hover:before{right:5px;}

#g-menu-sp .spmenu ul li a.menu:before{
	position: absolute;
	bottom: 2px;
	left:calc(50% - 8px);
	content: "";
	width:6px;
	height: 16px;
	background:url(../img/common/arrow_s02.svg) no-repeat center center;
	background-size: 100%;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#g-menu-sp .spmenu ul li a.go:hover,
#g-menu-sp .spmenu ul li a.menu.open_s,
#g-menu-sp .spmenu ul li a.go.hover{
	background: #353535;
	transition: 0.2s;
}
#g-menu-sp .spmenu ul li a.menu.open_s:before{
	bottom: 1px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#g-menu-sp .spmenu ul li a.go strong,
#g-menu-sp .spmenu ul li a.menu strong{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #FFDE97;
}
#g-menu-sp .spmenu ul li a.go strong{color: #fff;}
#g-menu-sp .spmenu ul li a.go:hover strong,
#g-menu-sp .spmenu ul li a.menu.open_s strong,
#g-menu-sp .spmenu ul li a.go.hover strong{
	color: #c9ac84;
}

#g-menu-sp .spmenu ul li a.go.blank strong{
	position: relative;
	display: inline-block;
}	
#g-menu-sp .spmenu ul li a.go.blank strong::after{	
	position: absolute;
	top:0px;
	right:-24px;
	width: 18px;
	height:18px;
	content: "";
	background: url(../img/common/icon_outlink02.svg) no-repeat;
	background-size: 100%;
}


/*========================================== gnavi-2ndstage*/
/*second_level*/
#g-menu-sp .spmenu ul ul {
    display: none;
    position: relative;
    width:auto;
    left: 0;
	top:0;
	overflow:hidden;
}
#g-menu-sp .spmenu ul ul li {
	padding: 0;
    width: auto;
 }
#g-menu-sp .spmenu ul ul li.sub_menu table{
	width:100%;
	margin:0;
	padding:0;
	background: #444;
}
#g-menu-sp .spmenu ul ul li.sub_menu table tr td{
	position: relative;
	width:100%;
	text-align: center;
	border-top:1px solid #000;
}
#g-menu-sp .spmenu ul ul li.sub_menu table tr td a{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; 
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#g-menu-sp .spmenu ul ul li.sub_menu table tr td a:hover,
#g-menu-sp .spmenu ul ul li.sub_menu table tr td a.hover{
	background: #262626;
	-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-sp .spmenu ul ul li.sub_menu table tr td a span{
	display: inline-block;
	margin-right: 2px;
	font-size:1.4rem;
	font-weight: 500;
	color: #FFDE97;
}
#g-menu-sp .spmenu ul ul li.sub_menu table tr td a strong,
#g-menu-sp .spmenu ul ul li.sub_menu table tr td a small{
	font-weight: 500;
	color:#fff;
}
#g-menu-sp .spmenu ul ul li.sub_menu table tr td a small{font-size: 1.1rem;}

#g-menu-sp .spmenu ul ul li.sub_menu table tr td a.blank strong{
	position: relative;
	display: inline-block;
}
#g-menu-sp .spmenu ul ul li.sub_menu table tr td a.blank strong::after{	
	position: absolute;
	top:0px;
	right:-24px;
	width: 18px;
	height:18px;
	content: "";
	background: url(../img/common/icon_outlink02.svg) no-repeat;
	background-size: 100%;
}


/* =======================================
   js_nav 
========================================== */
#js_btn {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  z-index: 999999;
}
#js_btn .btn_circle{
	width:50px;
	height: 50px;
	background: #000;
	border:1px solid rgba(255,255,255,0.6);
	border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
#js_btn .btn_circle .icon{
	position: relative;
}
#js_btn .btn_circle .icon::after{
	position: absolute;
	top:10px;
	left:10px;
	font-family: "Font Awesome 5 Free";
	font-size: 28px;
	font-weight: 900;
	color: #e9cd9d;
	content: "\f674";
}

#js_nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999999;
}
.open_b #js_nav {
  display: block;
}

/*メニュー内レイアウト*/
#js_nav .menu_wrap{
	position: relative;
	top:5%;
	width: calc(100% - 40px);
	margin:0 auto;
}
#js_nav .menu_wrap .title_menu{
    width:100%;
    margin-bottom: 10px;
    text-align: center;
	z-index: 99999999;
}
#js_nav .menu_wrap .title_menu span{
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}
#js_nav ul{
	width:90%;
	margin:0 auto 50px;
}
#js_nav ul li{
	padding: 5% 0;
	text-align: center;
	color: #fff;
}

#js_nav ul li .button a strong{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
#js_nav ul li .button a.counseling strong::before{
	position: absolute;
	top:0px;
	left:0px;
	content: "";
	width:18px;
	height: 20px;
	background: url(../img/common/icon_assignment.svg) no-repeat;
	background-size: 100%;
}
#js_nav ul li .button a.contact strong::before{
	position: absolute;
	top:0px;
	left:-4px;
	content: "";
	width:20px;
	height: 20px;
	background: url(../img/common/icon_mail.svg) no-repeat;
	background-size: 100%;
}
#js_nav ul li .button a.access strong::before{
	position: absolute;
	top:0px;
	left:0px;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 900;
	color: #fff;
	content: "\f3c5";
}
#js_nav ul li p{margin-bottom: 10px;}
#js_nav ul li a.tel{
	display: inline-block;
	text-align: center;
}
#js_nav ul li a.tel span{font-size: 16px; color: #fff;}
#js_nav ul li a.tel strong{
	font-size: 30px;
	letter-spacing:-0.02em;
	color: #e9cd9d;
}

#js_nav p.closed{
	position: absolute;
	bottom:40px;
	left:calc(50% - 3em);
	display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
}
#js_nav p.closed span{
	position: relative;
	display: inline-block;
	padding-left:20px; 
	color: #c9ac84;
}
#js_nav p.closed span::before{
	position: absolute;
	top:4px;
	left:0px;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 400;
	color: #c9ac84;
	content: "\f057";
}

/* =======================================
  sp_line_button
========================================== */
.sp_line_button{
	position: fixed;
	bottom: 10px;
  	left: 70px;
  	z-index: 2;
  	z-index: 999999;
}
.sp_line_button a{
	display: -webkit-flex;
display: flex;
-webkit-justify-content: center; 
justify-content: center;
-webkit-align-items: center;
align-items: center;
	width:50px;
	height: 50px;
	background: #000;
	border:1px solid rgba(255,255,255,0.6);
	border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.sp_line_button a img{
	display: block;
	width: 30px;
}

/* =======================================
   4-4: footer section
========================================== */
footer{
	position: relative;
	width:100%;
	background: #000;
	border-top:1px solid rgba(0,0,0,0.1); 
}
/* footer:f_clinic_info_Wrap
---------------------------------------- */
.f_clinic_info_Wrap{
	width: 100%;
	padding: 30px 0 20px;
	background: #fff;
}
.f_clinic_info_Wrap div{
	overflow: hidden;
}
@media screen and (min-width: 481px) {
.f_logo_Wrap{
	float:left;
	width:18%;
	max-width: 180px;
}
.f_clinic_info{
	float: right;
	width: 80%;
	max-width: 965px;
}
.f_clinic_info p,
.time_address_Wrap{margin-left:10px; }
.f_clinic_info .tel span{
	margin-right: 30px;
}
}
@media screen and (max-width: 480px) {
.f_logo_Wrap{
	width: 120px;
	margin: 0 auto 20px;
	}
.f_clinic_info .tel{text-align: center;}	
}
.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: middle;
	font-weight: 600;
}

.f_clinic_info .tel small{
	margin-right: 10px;
	margin-top: 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;
  	width: calc(100% - 40px);
  	min-height: 30px;
}
.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;
}
@media screen and (min-width: 481px) {
dl.f_menu dt{
	float:left;
	display: block;
	width:20%;	
	max-width: 160px;
	font-weight: 600;
	
}
dl.f_menu dd{
	float: left;
	width: calc(77% - 1px);
	padding-left: 3%;
	border-left:1px solid #000; 
}
}
@media screen and (max-width: 480px) {
dl.f_menu dt{
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	font-weight: 600;
}

}

dl.f_menu dd a{
	position: relative;
	display: inline-block;
	padding:2px 5px;
	margin:0px 20px 2px 0;
}
dl.f_menu dd a:hover,
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:calc(100% - 10px);
	padding:20px 5px 60px;
	text-align: center;
}
p.copyright small{font-size:0.9rem;color: #fff;}


/* footer:pageback
---------------------------------------- */
#pageback{
	position: absolute;
	bottom:10px;
	right: 5%;
}
#pageback a{
	position: relative;
	display: block;
	padding:30px 0 0 0;
}
#pageback a::before{
	position: absolute;
	left:calc(50% - 5px);
	top:10px;
	content: "";
	width: 10px;
	height: 20px;
	background: url(../img/common/arrow_s02.svg) no-repeat;
	background-size: 100%;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
#pageback a:hover::before,
#pageback a.hover::before{
	top:0px;
}
#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,
#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) ,
#pageback a.hover span:nth-of-type(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s;
}
#pageback a:hover span:nth-of-type(2),
#pageback a.hover span:nth-of-type(2)  {
  -webkit-transition-delay: .03s;
  transition-delay: .03s;
}
#pageback a:hover span:nth-of-type(3) ,
#pageback a.hover span:nth-of-type(3) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s;
}
#pageback a:hover span:nth-of-type(4),
#pageback a.hover span:nth-of-type(4) {
  -webkit-transition-delay: .05s;
  transition-delay: .05s;
}
#pageback a:hover span:nth-of-type(5) ,
#pageback a.hover span:nth-of-type(5) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}
#pageback a:hover span:nth-of-type(6) ,
#pageback a.hover span:nth-of-type(6){
  -webkit-transition-delay: .07s;
  transition-delay: .07s;
}

/* =======================================
   top page
========================================== */
/* MainVisual
---------------------------------------- */
.mainVisual_Wrap{
	position: relative;	
	min-height: 300px;
	z-index: 1;
}

@media screen and (min-width: 481px) {
ul.slider.landscape{display:block;}
ul.slider.portrait{display:none;}
}
@media screen and (max-width: 480px) {
ul.slider.landscape{display:none;}
ul.slider.portrait{display:block;}
}

@media screen and (min-width: 481px) {
.mainVisual_Wrap .catch_Wrap{
	position: absolute;
	top:10%;
	/*left:15%;*/
	width: 100%;
}		
.mainVisual_Wrap .catch_Wrap .catch{
	position: relative;
	width:50%;
	margin:0 auto;
	text-align: center;
}
.mainVisual_Wrap .catch_Wrap .catch p{text-align: center;}
.mainVisual_Wrap .catch_Wrap .catch .logo_Wrap{
	width:30%;
	margin:0 auto;
	margin-bottom: 10px;
}
.mainVisual_Wrap .catch_Wrap .catch p small{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 1.1rem;
	color: #fff;
}
.mainVisual_Wrap .catch_Wrap .catch p div img{
	display: block;
	width: 100%;
}
}

@media screen and (max-width: 480px) {
.catch_Wrap{
	position: absolute;
	top:30px;
	right:5px;
	height: 100%;
	z-index: 10;
}
.mainVisual_Wrap .catch_Wrap .catch{
	position: relative;
	width:90%;
	height: calc(100% - 60px);
	margin:0 auto;
	text-align: center;
}
.mainVisual_Wrap .catch_Wrap .catch p{text-align: center;}
.mainVisual_Wrap .catch_Wrap .catch .logo_Wrap{
	width:50%;
	margin:0 auto 10px;
}
.mainVisual_Wrap .catch_Wrap .catch p small{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 0.9rem;
	color: #fff;
}
.mainVisual_Wrap .catch_Wrap .catch p div img{
	display: block;
	width: 100%;
}
}


/* TOP:newstopics
---------------------------------------- */
.newsWrap{
	width:100%;
	padding:10px 0;
	z-index: 10;
	background: #000;
}
.newstopicstitle{
	position: relative;
	top:8px;
	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;
	background-color: #000;
	border: 1px solid #fff;
}
.newsticker_Wrap{margin-bottom:16px;
}
.newsWrap .ticker{
	position: relative;
	top:5px;
  	width:calc(100% - 40px);
	margin:0 auto;
	min-height: 3.6em;
}
.newsWrap .ticker ul li {
	margin: 0;
	padding: 0;
	width:100%;
}
/*
.newsWrap .ticker ul li a{
	color: #000;
}*/
.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{color:#fff;}
.newsWrap .ticker ul li a span.date {
	position: relative;
	margin: 0 !Important;
	zoom: 1;
	display: inline-block;
	padding: 0;
	zoom: 1;
	font-size: 12px;
	width: auto;
	color:#fff;
}
.newsWrap .ticker ul li a span.new{
	display: inline-block;
	padding:0 0 0 1em;
	font-size: 10px;
	font-weight: 600;
	color: #c9ac84;
}
.newsWrap .ticker ul li a span.text{
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color:#fff;
}
.newsWrap .ticker ul li a:hover span,
.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;
}
/*attention_open_dermatology*/
.attention_open_dermatology{
    position: relative;
    width: 100%;
    padding-bottom: 5px;
}
.attention_open_dermatology dl{
    position: relative;
	width:calc(100% - 10px);
	margin:0 auto;
}
.attention_open_dermatology dl dt{
    display: -webkit-flex;
  	display: flex;
  	-webkit-justify-content: center; 
  	justify-content: center;
  	-webkit-align-items: center;
  	align-items: center;
    width:240px;
    height: 38px;
    margin-bottom: 5px;
    color: #fff;
	border: 1px solid #fff;
}
.attention_open_dermatology dl dd{
    width: 100%;
    color: #fff;
}

/* TOP:lp_banner_Wrap
---------------------------------------- */
section.lp_banner_Wrap{
  position: relative;
  overflow: hidden;
  width:100%;
  padding:20px 0;
  background: #000;
  z-index: 2;
}
.slider_Wrap{position: relative;width:100%; margin:0 auto 40px; z-index: 10;}

@media screen and (min-width: 481px) {
.lp_banner_Wrap .slider_Wrap .slider_lp_banner li{
	width:calc(50% - 10px);
	margin:0 5px !important;
}
}
@media screen and (max-width: 480px) {
	.lp_banner_Wrap .slider_Wrap .slider_lp_banner{
		width: 90%;
		margin:0 auto;
	}
}

/*slick-theme.css END*/
.lp_banner_Wrap .slider_Wrap .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.lp_banner_Wrap .slider_Wrap .slick-dots li button::before{
	color: #fff;
}
/*slick-theme.css END*/
.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{min-width: 100%;}


/*line_banner_Wrap*/
.line_banner_Wrap{
    width: calc(100% - 8px);
    padding:20px 0;
    margin-top: 30px;
    border:4px double #8F8F8F; 
}
.line_banner_Wrap dl{
    position: relative;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.line_banner_Wrap dl dt span{
    font-size: 18px;
    color: #FFDE97;
    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: 5px;   
}

.line_banner_Wrap dl dt p strong{
    position:relative;
    font-size: 4rem;
    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: 2rem;
    color: #00b900;
    line-height: 1.2em;
    letter-spacing: -0.1em;
}
.line_banner_Wrap dl dd{
    postion:relative;
    width: 100%;
}
.line_banner_Wrap dl dd span{
    color: #fff;
}
.line_button_Wrap{
    position: absolute;
    bottom:0px;
    right:0px;
}


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

.sec_concept .concept_Wrap .title{
	position:relative;
	top: -85px;
	width:254px;
	margin:0 auto;
}
.sec_concept .concept_Wrap .title::before{
	position: absolute;
	bottom:-54px;
	left:0;
	content: "";
	width:100%;
	height: 30px;
	background: #000;
}
.sec_concept .concept_Wrap .title strong{
	position: absolute;
	top:-20px;
	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: 80px;
	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: 24px;
	font-weight: 500;
	color: #fff;
}
.cosmeticSurgery_Wrap{
	width:100%;
	padding:30px 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%;
}/*
@media screen and (min-width: 569px) {
.cosmeticSurgery_list ul li{
	float: left;
	width:calc(100% / 2 - 10px);
	margin: 0 20px 30px 0;
}
.cosmeticSurgery_list ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 568px) {
	.cosmeticSurgery_list ul li{width:100%; margin-bottom: 20px;}
}*/
.cosmeticSurgery_list ul li{width:100%; margin-bottom: 20px;}

.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 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:15px;
	left:10px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.cosmeticSurgery_list ul li dl dt p strong{
	position: absolute;
	right:5px;
	top:-35px;
	font-size: 60px;
	font-weight: 500;
    text-align: right;
	color: #FFDE97;
	letter-spacing: -0.09em;
    text-shadow: 2px 2px 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:-70px;
    line-height: 40px;
}
.cosmeticSurgery_list ul li dl.osteotomy dt p strong{
	font-size: 48px;
}
@media screen and (max-width: 480px) {
.cosmeticSurgery_list ul li dl dt p strong{
	top:-30px;
	font-size: 42px;
}
}

@media screen and (min-width: 569px) {
.cosmeticSurgery_list ul li dl dt{height: 240px;}
.cosmeticSurgery_list ul li dl dt p span{font-size: 18px;}
.cosmeticSurgery_list ul li dl dt p strong{top:-30px;font-size: 50px;}
}
@media screen and (max-width: 568px) {
.cosmeticSurgery_list ul li dl dt{height: 300px;}
}
.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 dd.text{
	margin-bottom: 15px;
    color:#fff;
}
@media screen and (min-width: 569px) {
.cosmeticSurgery_list ul li dl dd.text{min-height: 130px;}	
.cosmeticSurgery_list ul li:nth-child(5) dl dd.text,
.cosmeticSurgery_list ul li:nth-child(6) dl dd.text{min-height: 150px;}	
}
.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,
.cosmeticSurgery_list ul li dl dd.text a:hover{
	transition: 0.2s;
	color: #fce6b7;
}	

/*
.cosmeticSurgery_list ul li a{display: block;}
.cosmeticSurgery_list ul li a:hover,
.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,
.cosmeticSurgery_list ul li a.hover dl dt p{
	background:#604f29
}
.cosmeticSurgery_list ul li a dl dt p span{
	position: relative;
	top:15px;
	left:10px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.cosmeticSurgery_list ul li a dl dt p strong{
	position: absolute;
	right:5px;
	top:-35px;
	font-size: 60px;
	font-weight: 500;
	color: #FFDE97;
	letter-spacing: -0.09em;
    text-shadow: 2px 2px 0px rgba(127, 109, 69, 1);
    z-index: 11;
}

@media screen and (min-width: 569px) {
.cosmeticSurgery_list ul li a dl dt{height: 240px;}
.cosmeticSurgery_list ul li a dl dt p span{font-size: 18px;}
.cosmeticSurgery_list ul li a dl dt p strong{top:-30px;font-size: 50px;}
}
@media screen and (max-width: 568px) {
	.cosmeticSurgery_list ul li a dl dt{height: 300px;}
}
.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,
.cosmeticSurgery_list ul li a.hover dl dt.bg-scale:after{opacity: 0.6;}
.cosmeticSurgery_list ul li a dl dd.text{
	margin-bottom: 15px;
	color:#fff;
}
@media screen and (min-width: 569px) {
.cosmeticSurgery_list ul li a dl dd.text{min-height: 130px;}	
}
.cosmeticSurgery_list ul li a:hover dl dd.text,
.cosmeticSurgery_list ul li a.hover dl dd.text{color: #fce6b7;}
*/
/* TOP:sec_insured_medical_treatment
---------------------------------------- */
p.section_title02{
	width:100%;
	height: 80px;
	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: 24px;
	font-weight: 500;
	color: #000;
}
.insured_medical_treatment_Wrap{
	width:100%;
	padding:30px 0;
	background: rgba(255,255,255,0.8);
}

.insured_medical_treatment_list ul{
	overflow: hidden;
	width:100%;
}


@media screen and (min-width: 569px) {
.insured_medical_treatment_list ul li{
	float: left;
	width:calc(100% / 2 - 10px);
	margin: 0 20px 30px 0;
	background: rgba(0,0,0,0.1);
}
.insured_medical_treatment_list ul li:nth-child(even){margin-right: 0;}
}

@media screen and (max-width: 568px) {
.insured_medical_treatment_list ul li{width:100%; margin-bottom: 20px;}
}

.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,
.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,
.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,
.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: 20px;
	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:4px;
	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:30px 0;
}
.medical_treatment_Wrap{
	width:100%;
	padding:30px 0;
	background: rgba(255,255,255,0.8);
}

.medical_treatment_list ul{
	width:calc(100% - 30px);
	margin:0 auto;
}
.medical_treatment_list ul li{
	width: 100%;
	margin-bottom: 20px;
}
.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%; 
}

.medical_treatment_list ul li a .btn_wrap{
	position: relative;
	width:calc(100% - 22px);
	height: 188px;
	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:30px 0 60px;
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,
section.sec_doctorCosmetics div .ph_Wrap{
	width:90%;
	margin:0 auto;
}
section.sec_doctorCosmetics div .ph_Wrap img{margin:0 auto;}
section.sec_doctorCosmetics .colum_Wrap p.title{
	margin: -10px 0 20px;
}
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: 24px;}

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

/*SUBお知らせと共通*/
.info-list{width:100%;margin-bottom: 20px;}
.info-list ul{
	border-top:1px solid #585858;
}
.info-list ul li{
	width:100%;
	border-bottom: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: 100%;
  	min-height:40px;
  	padding:14px 1% 0px 1%;
	vertical-align: middle;
}
.info-list ul li dl.nolink{padding:14px 1% 0px 1%;}
.info-list ul li a:hover dl,
.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 dt,
.info-list ul li dl.nolink dt{
	position: relative;
	display: inline-block;
  	width:100%;
  	margin: 0 0 5px;
}
.info-list ul li a dl dt span.date{
	position: relative;
	display: inline-block;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: #000;
}
.info-list ul li dl.nolink dt span.date{
	letter-spacing: 0.02em;
}
.info-list ul li a dl dd{
	position: relative;
	width: 100%;
	padding-bottom: 10px !important;
	font-weight: 500;
	color: #000;	
}
.info-list ul li dl.nolink dd{
	width:100%;
	padding-bottom: 10px !important;
}

/*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 1em !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:-1px;
	right:5px;
	width: 18px;
	height:22px;
	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:0px;
	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 30px;
	background-color: #f1f1f1;
}
section.sec_sns_Wrap .sns_list{
  	width:calc(90% + 20px);
  	margin:0 auto;
}

@media screen and (min-width: 481px) {
.sns_list ul{
	overflow: hidden;
	width:100%;
}
.sns_list ul li{
	float:left;
	width:calc(100% / 2 - 20px);
	margin:0 10px 10px;
}
}
@media screen and (max-width: 480px) {
	.sns_list ul li{width: 100%; margin: 0 0 10px;}
}
.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: 60px;
	text-align: center;
	border:1px solid #7F6D45;
}
.sns_list ul li a:hover,
.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,
.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: 40px;
    text-align: center;
}
.sec_sns_Wrap .title strong{
    position: relative;
    display: inline-block;
    padding:0 10px;
    font-size: 18px;
    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{
    overflow: hidden;
    width: 100%;
    max-width: 520px;
    margin: 0 auto 40px;
}
@media screen and (max-width: 666px) {
    .sns_list_icontype{max-width: 315px;}
}

.sns_list_icontype li{
    float:left;
    width: 80px;
    margin:0 12px 20px;
}
@media screen and (max-width: 320px) {
    .sns_list_icontype li{margin:0 6px 20px;}
}
.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,
.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,
.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:30px 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: 40px;
	text-align: center;
}
section.sec_doctors p.title strong{
	font-size: 28px;
	font-weight: 500;
	color: #fff;
}
.doctors_list ul{
	overflow: hidden;
	width:100%;
}
@media screen and (min-width: 569px) {
.doctors_list ul li{
	float: left;
	width:calc(100% / 2 - 30px);
	margin: 0 30px 30px 0;
}
.doctors_list ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 568px) {
.doctors_list ul li{width: 100%;margin-bottom: 20px;}
}
.doctors_list ul li a{display: block;}
.doctors_list ul li a:hover,
.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,
.doctors_list ul li a.hover dl dt p{
	background:#604f29
}
.doctors_list ul li a dl dt p strong{
	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:hover dl dt.bg-scale:after,
.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,
.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{
	position: relative;
	width:100%;	
	background: url(../img/index/bg_message.jpg) no-repeat bottom left;
	background-size: auto 100%; 
}
section.sec_message_Wrap .contents_inner{
	width:100%;
}

.messageWrap .cl_message{
	width:100%;
	padding-bottom: 30px;
	background: rgba(255,255,255,0.8);
}

.messageWrap .cl_message .title_Wrap{
	position: relative;
	width:100%;
	padding:40vh 0 0px;
	margin-bottom: 20px;
	background: #fff url(../img/index/sp_img_message.jpg) no-repeat top right;
	background-size: 100%; 
}

.messageWrap .cl_message .title_Wrap p.title{
	width:calc(100% - 10%);
	padding:5%;
	background: rgba(255,255,255,0.6);
}
@media screen and (max-height: 568px) {
.messageWrap .cl_message .title_Wrap{padding:360px 0 0;}
.messageWrap .cl_message .title_Wrap p.title{padding:2% 5%;}
}
.messageWrap .cl_message .title_Wrap p.title strong{font-size: 24px;}
.messageWrap .cl_message .title_Wrap p.title small{font-size: 0.9rem;}

.messageWrap .cl_message .message_lead{
	width: 90%;
	margin:0 auto 20px;
	line-height: 2em;
}
.messageWrap .cl_message .message_lead strong{
	font-size: 24px;
	color: #7F6D45;
	letter-spacing: -0.05em;
}
.messageWrap .cl_message .text_area,
.messageWrap .cl_message .viewmore_Wrap{
	width: 90%;
	margin:0 auto 20px;
}
.messageWrap .cl_message .viewmore_Wrap a .viewmore{max-width: 360px;}

/* TOP:sec_recruit
---------------------------------------- */
section.sec_recruit{
	width: 100%;
	padding:30px 0;
	background: #232323 url(../img/index/bg_recruit.png) no-repeat 110% 100%;
	background-size: auto 120%;
}
.recruit_Wrap .title strong{
	font-size:28px;
	font-weight: 500;
	color: #fff;
}
.recruit_Wrap .text{
	color: #fff;
}
.recruit_Wrap .viewmore_Wrap{max-width: 360px;}


/* TOP:sec_location
---------------------------------------- */
section.sec_location .ph_building{
	overflow: hidden;
	max-height: 400px;
}
.access_detail .content_access{
	width:100%;
	background: #F6F6F6;
	z-index: 2;
}

section.sec_location .content_access .clinic_info_Wrap{
	position: relative;
	overflow: hidden;
	width:90%;
	margin:0 auto;
	padding:30px 0;
}
@media screen and (min-width: 481px) {
.clinic_info_Wrap .logo_Wrap{
	float:left;
	width:25%;
	max-width:146px;
}
.clinic_info_Wrap .clinic_info{
	float: right;
	width:70%;
	max-width: 480px;
}
}
@media screen and (max-width: 480px) {
.clinic_info_Wrap .logo_Wrap{
	width: 120px;
	margin:0 auto 20px;
}
}
section.sec_location .map{width:100%; height: 380px;}

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

.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: 20px;
	text-align: center;
	color: #fff;
}

/* ----------------------------------------
 SUB/COMMON:pagetitle
---------------------------------------- */
.pagetitle_Wrap{
	overflow: hidden;
	position: relative;
	width:100%;
	z-index: 0;
	border-bottom: 1px solid #fafafa;
}
.pagetitle_Wrap02{
	overflow: hidden;
	position: relative;
	width:100%;
	z-index: 0;
}
body.sub .pagetitle_Wrap{background:url(../img/common/bg_subtitle.jpg) center/cover no-repeat; }
body.sub.menu_price .pagetitle_Wrap {background:url(../img/menu_price/bg_subtitle.jpg) center/cover no-repeat; }
body.sub.medical_treatment .pagetitle_Wrap{background:url(../img/medical_treatment/bg_subtitle.jpg) center/cover no-repeat; }
body.sub.first .pagetitle_Wrap{background:url(../img/medical_treatment/bg_subtitle_first.jpg) center/cover no-repeat; }
body.sub.underage .pagetitle_Wrap{background:url(../img/medical_treatment/bg_subtitle_underage.jpg) center top no-repeat; background-size: 140%;}
body.sub.q_a .pagetitle_Wrap{background:url(../img/medical_treatment/bg_subtitle_q_a.jpg) center/cover no-repeat; }
body.sub.clinic_information .pagetitle_Wrap,
body.sub.aboutus .pagetitle_Wrap{background:url(../img/clinic_information/bg_subtitle_clinic_information.jpg) center top no-repeat; background-size: 140%; }
body.sub.greeting .pagetitle_Wrap{background:url(../img/clinic_information/bg_subtitle_greeting.jpg) center/cover no-repeat; }
body.sub.medical_philosophy .pagetitle_Wrap{background:url(../img/clinic_information/bg_subtitle_medical_philosophy.jpg) center/cover no-repeat; }
body.sub.device .pagetitle_Wrap{background:url(../img/clinic_information/bg_subtitle_device.jpg) center/cover no-repeat; }
body.sub.access .pagetitle_Wrap{background:url(../img/clinic_information/bg_subtitle_access.jpg) center/cover no-repeat; }
body.sub.doctors .pagetitle_Wrap{background:url(../img/doctors/bg_subtitle.jpg) center/cover no-repeat; }
body.sub.information .pagetitle_Wrap,
body.sub02.information .pagetitle_Wrap02{background:url(../img/information/bg_subtitle.jpg) center/cover no-repeat; }
/*body.sub.recruit .pagetitle_Wrap{background:url(../img/recruit/bg_subtitle.jpg) center/cover no-repeat; }*/
body.sub.counseling .pagetitle_Wrap{background:url(../img/counseling/bg_subtitle.jpg) center top no-repeat; background-size: 120%;}
body.sub.contact .pagetitle_Wrap{background:url(../img/contact/bg_subtitle.jpg) center/cover no-repeat; }
body.sub.case .pagetitle_Wrap{background:url(../img/case/bg_subtitle.jpg) center/cover no-repeat; }

/*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:50px 0;
	z-index: 1;
	background: rgba(255,255,255,0.4);
}
.pagetitle_Wrap02 .pagetitle_inner{
	padding:10px 0;
}
/* ----------------------------------------
 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(255,229,240,0.8);}

section.page_subtitle .category_title_Wrap{
	width: 100%;
	padding:20px 0;
	background: rgba(0,0,0,0.6);
}
section.page_subtitle .category_detail_Wrap{
	width: 100%;
	padding:20px 0;
}
p.category_title{
	text-align: center;
	margin-bottom: 0;
}
p.category_title span{
	font-size: 4.5rem;
    font-weight: 500;
    color: #FFDE97;
    letter-spacing: -0.05em;
}
p.category_title strong{
	display: inline-block;
	margin-left: 10px;
	font-size: 2rem;
	font-weight: 400;
	color: #fff;
}
.category_detail_Wrap p{
	width:90%;
	margin:0 auto 0px;
	font-size: 1.2rem;
	color: #fff;
}
body.recruit .category_detail_Wrap p{color: #000;}

.category_detail_Wrap p.category_subtitle{
    text-align: center;
    font-size: 2rem;
}
/* ----------------------------------------
 SUB/COMMON:category_menu_Wrap
---------------------------------------- */
section.category_menu_Wrap{
	position: relative;
	width: 100%;
	padding:20px 0;
	background: rgba(255,255,255,0.6);
	border-bottom: 1px solid #fafafa;
	z-index: 0;
}
.category_menu{
	overflow: hidden;
	width:100%;
}
.category_menu li{
	float: left;
	width: calc(100% / 2 - 10px);
	margin: 0 5px 10px;
}
.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: 50px;
  	border:1px solid #7F6D45;
}
.category_menu li a strong{color:#7F6D45;}

.category_menu li a:hover,
.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,
.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,
.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: 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;
}
.button_price a:hover::before,
.button_price a.hover::before{
    opacity: 1;
    right: 6px;
}
.button_price a strong{
    font-size: 1em;
    color: #FFDE97;
}
/* ----------------------------------------
 SUB/COMMON:section_title 他
---------------------------------------- */
p.section_title03{
	width:100%;
	height: 80px;
	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: 24px;
	font-weight: 500;
	color: #fff;
}
p.section_title04{
	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: #3a3a3c;
}
p.section_title04 strong{
	font-size: 30px;
	font-weight: 600;
	color: #fbe4b2;
}
/* ----------------------------------------
 SUB/COMMON:page_bottom/menu_links
---------------------------------------- */
.menu_links_Wrap{
	position: relative;
	width:100%;
	padding:30px 0;
	background:url(../img/common/bg_menu_link.jpg)no-repeat center;
	z-index: 1;
}
.menu_links_Wrap .menu_links{
	position: relative;
	width:95%;
  	width:calc(100% - 20px);
	margin:0 auto;
}
@media screen and (min-width: 568px) {
.menu_links_Wrap .menu_links ul{
	overflow: hidden;
	width: 100%;
}
.menu_links_Wrap .menu_links ul li{
	float: left;
	width: calc(100% / 2 - 20px);
	margin: 0px 10px 20px 10px;
}
}
@media screen and (max-width: 567px) {
.menu_links_Wrap .menu_links ul li{
	width: 100%;
	margin-bottom: 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,
.menu_links_Wrap .menu_links ul li a.hover strong{color: #000;}

.menu_links_Wrap .menu_links ul li a:hover,
.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: 2px;
    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,
.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 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,
.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%;
	padding:20px 0;
	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_injection.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.permanent_makeup{background:#efefef url(../img/menu_price/bg_menulink_permanent_makeup.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.hair_loss{background:#efefef url(../img/menu_price/bg_menulink_hair_loss.jpg)no-repeat right center;}
ul.menulink_list li.firstLevel.repair{background:#efefef url(../img/menu_price/bg_menulink_repair.jpg)no-repeat left center;}
ul.menulink_list li.firstLevel.other{background:#efefef url(../img/menu_price/bg_menulink_other.jpg)no-repeat right 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.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(90% - 40px);
	padding:30px 20px;
	margin:0 auto;
	background: rgba(255,255,255,0.8);
}
ul.menulink_list.biyou li.firstLevel .menulink_list_firstLevel{background: rgba(239,239,239,0.8);}
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: 2.4rem;
	font-weight: 500;
}
ul.menulink_list li.firstLevel dl dt strong{
	font-size: 3.6rem;
	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;
}
@media screen and (max-width: 567px) {
ul.menulink_list li.firstLevel dl dd ul.menulink_list_secondLevel li{width: calc(100% / 2 - 10px);}
}
@media screen and (max-width: 320px) {
ul.menulink_list li.firstLevel dl dd ul.menulink_list_secondLevel li{width: calc(100% - 10px);}
}
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;
  	font-size: 0.9em;
  	color: #7F6D45;
  	font-weight: 500;
}

ul.menulink_list li.firstLevel dl dd ul.menulink_list_secondLevel li a:hover,
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 p{margin-bottom: 20px;}

/* =======================================
   sub page : index.html/information
========================================== */
.infolist_type_photo{
	width: 90%;
	margin: 0 auto;
}	
.infolist_type_photo ul{
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
.infolist_type_photo ul li{
	float: left;
	width: calc(100% / 2 - 10px);
	margin:0 5px 30px;
}
@media screen and (max-width: 567px) {
.infolist_type_photo ul li{width: 100%; margin:0 0 30px;}
}
.infolist_type_photo ul li a{display: block;}
.infolist_type_photo ul li a:hover,
.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;
}
@media screen and (min-width: 568px) {
.infolist_type_photo ul li dl dd.title{
	min-height: 45px;
	max-height: 45px;
}	
}
.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;
}
.infolist_type_photo ul li dl dd.comment{
	font-size: 0.9rem;
}
@media screen and (min-width: 568px) {
.infolist_type_photo ul li dl dd.comment{
	overflow: hidden;
	min-height: 60px;
	max-height: 60px;
}		
}	
.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;
  width: 100%;
  height: 350px;
  background: #fafafa;
}
.inner-gallery .gallery_Wrap{
  position: relative;
  width:calc(100% - 20px);	
  height: 330px;
  padding:10px 0;
  margin:0 auto;
}
.inner-gallery.fig02{height: 240px;}
.inner-gallery.fig02 .gallery_Wrap{height: 220px;}
.inner-gallery.fig03{height: 240px;}
.inner-gallery.fig03 .gallery_Wrap{height: 220px;}

.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;
  width: 450px;
  height: 400px;
  margin:0 auto;
}
.fig_Wrap.fig01{
  background: url(../img/menu_price/injection/fig_injection01.jpg) no-repeat center top;
  background-size:auto 100%;
}
.fig_Wrap.fig02{
  background: url(../img/menu_price/injection/fig_injection02.jpg) no-repeat center top;
  background-size:auto 100%;
}
.fig_Wrap.fig03{
  background: url(../img/menu_price/injection/fig_injection03.jpg) no-repeat center top;
  background-size:auto 100%;
}

.inner-gallery-thumb li{
  width: 60px;
  height: 60px;
}
.inner-gallery-thumb li:nth-child(odd){
  position: absolute;
  left:0px;
}
.inner-gallery-thumb li:nth-child(even){
  position: absolute;
  right:0px;
}
.inner-gallery-thumb li:nth-child(3),
.inner-gallery-thumb li:nth-child(4){top:140px;}
.inner-gallery-thumb li:nth-child(5),
.inner-gallery-thumb li:nth-child(6){top:300px;}

.fig02 .inner-gallery-thumb li:nth-child(3){top:100px;}
.fig02 .inner-gallery-thumb li:nth-child(5){top:200px;}
.fig02 .inner-gallery-thumb li:nth-child(7){top:300px;}

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

@media screen and (max-width: 567px) {
.fig_Wrap{
  position: relative;
  width: 280px;
  height: 260px;
  margin:0 auto;
}
.inner-gallery-thumb li:nth-child(3),
.inner-gallery-thumb li:nth-child(4){top:95px;}
.inner-gallery-thumb li:nth-child(5),
.inner-gallery-thumb li:nth-child(6){top:195px;}

.fig02 .inner-gallery-thumb li:nth-child(3){top:65px;}
.fig02 .inner-gallery-thumb li:nth-child(5){top:130px;}
.fig02 .inner-gallery-thumb li:nth-child(7){top:195px;}

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

}


.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{
	position: relative;
	overflow:hidden;
	width:100%;
	padding-top: 60%;
}
.repair_example_box .ph.eye img{
	position: absolute;
	top:-25%;
	display: block;
}
.repair_example_box .ph.breast img{
	position: absolute;
	display: block;
	bottom:0;
}

.repair_example_box .category_parts{margin-bottom: 20px;}
.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 : breast_reconstruction.html/menu_price
========================================== */
.breast_r_photo{
	position: relative;
	overflow:hidden;
	width:100%;
	padding-top: 65%;
	margin-bottom: 20px;
}
.breast_r_photo.ph01 img{
	position: absolute;
	top:-50%;
	display: block;
	width: 100%;
}
.breast_r_photo.ph02 img{
	position: absolute;
	top:-5%;
	display: block;
	width: 100%;
}
.breast_r_photo.ph03 img{
	position: absolute;
	top:0%;
	display: block;
	width: 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: 568px) {
.dematology_menu_List ul li{
	width: calc(100% / 3 - 12px);
}
.dematology_menu_List ul li:nth-child(3n){margin-right:0; }
}
@media screen and (max-width: 567px) {
.dematology_menu_List ul li{
	width: calc(100% - 2px);
	margin-right:0; 
}
}

/* =======================================
   sub page : other.html/menu_price
========================================== */
p.cosme_title{
	padding: 10px 10px;
	margin:40px 0 10px;
	color: #fff;
	font-size: 18px;
	background: #8F8F8F;
}
body.other .button a{
	width:calc(100% - 20px);
	padding:0 10px;
	line-height: 1.2em;
}

/*アートメイク*/
.artist_list ul{
    width: 100%;
    margin-bottom: 40px;
}
.artist_list ul li{margin-bottom: 30px;}
.artist_list ul li dl{
    width:300px;
    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:300px;
    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: 24px;
    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 30px;
	font-size: 20px;
	color: #7F6D45;
}
.artist_list ul li dl dd.insta a:hover span,
.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: 24px;
	height: 24px;
	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: 5rem;
	font-size: 4rem;
	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% - 5rem);
	padding-top: 1rem;
	font-size: 2.4rem;
	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: 36px;
  	margin-bottom: 20px;
}
p.clm_title01 .number{
	position: relative;
	display: inline-block;
	padding:0;
	margin:0 0.5em 0 0;
	font-size: 36px;
	font-weight: 500;
}
p.clm_title01 .number::before{
	position: absolute;
	bottom:6px;
	left:0;
	content: "";
	width: 100%;
	height: 6px;
	background: #c4c4c4;
}
p.clm_title01 strong{
	font-size: 24px;
	font-weight: 500;
}
.phone_Wrap,
.mail_Wrap{
	display: block;
	width:100%;
	padding: 20px 0;
}

.phone_Wrap .phone_content p{
	margin-bottom: 10px;
	text-align: center;
	font-weight: 500;
}

.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: 3rem;
}
.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;
}
.mail_Wrap:hover,
.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: 2rem;
}
.mail_Wrap:hover strong,
.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,
.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: 40px;
	background: #fff;
	border-bottom:1px solid #fafafa; 
}
.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 50px;
	margin-bottom: 30px;
	font-size: 1.2em;
}
.q_a_List li dl dt span{
	position: absolute;
	top:-10px;
	left:-30px;
	font-size: 64px;
	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 50px;
	font-size: 1.1em;
}
.q_a_List li dl dd span{
	position: absolute;
	top:10px;
	left:-20px;
	font-size: 72px;
	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; 
	font-size:  1em;
}
.q_a_List li dl dd p{font-size: 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;
}
@media screen and (min-width: 568px) {
.tab_menu ul li{
	float: left;
	width: calc(100% / 3 - 6px);
	margin: 0 5px 10px 0;
}
.tab_menu ul li:nth-child(3n){
	margin-right: 0;
}
}
@media screen and (max-width: 567px) {
.tab_menu ul li{
	float: left;
	width: calc(100% / 2 - 6px);
	margin: 0 5px 10px 0;
}
.tab_menu ul li:nth-child(even){
	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:0px; 
   	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 .photo_Wrap{
	overflow: hidden;
	width: 100%;
	max-height: 400px;
	margin-bottom: 30px;
}

/* =======================================
   sub page : medical_philosophy.html/clinic_information
========================================== */
.philosophy01_Wrap{
	position: relative;
	width: 100%;
	padding:60px 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: 80%;
	height: 70%;
	background: url(../img/clinic_information/medical_philosophy_ph01.jpg) no-repeat center top;
	background-size: auto 100%;
}
.philosophy01_Wrap div.inviewfadeInRight_bg{
	position: relative;
	width: 100%;
	padding:0px 0 60px;
}
.philosophy01_Wrap div.inviewfadeInRight_bg::before{
	position: absolute;
	bottom:0;
	right:0;
	content: "";
	width: 80%;
	height: 70%;
	background: url(../img/clinic_information/medical_philosophy_ph02.jpg) no-repeat center bottom;
	background-size: auto 100%;
}
.philosophy01{
	position: relative;
	width: calc(100% - 20px);
	margin:0 auto;
	padding:40px 0;
	background: rgba(255,255,255,0.9);
	z-index: 10;
}
.philosophy01 p.text{
	width: calc(100% - 80px);
	margin:0 auto;
	line-height: 2.4em;
	font-size: 1.2em;
}

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

/* =======================================
   sub page : aboutus.html/clinic_information
========================================== */
.aboutus_photogallery_Wrap{
	width: 90%;
    margin: 0 auto;
}
.aboutus_photogallery_Wrap .photogallery .clm2 li.photo{margin-bottom: 30px;}
.aboutus_photogallery_Wrap .photogallery .clm2 li.photo p img{
	width: 100%;
	min-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.8rem;
	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;
}

@media screen and (min-width: 568px) {
.effect_List li:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width: 567px) {
.effect_List li{width: calc(100% / 2 - 12px);}
.effect_List li:nth-child(2n){margin-right: 0;}
}

.effect_List li span{
	font-size: 1.4rem;
	color: #8F8F8F;
}

/* =======================================
   sub page : access.html/clinic_information
========================================== */
.map_clinicinfo_Wrap{
	position: relative;
	padding: 30px 0;
	background: url(../img/common/bg_pattern02.png);
}
.map_clinicinfo_Wrap::before{
	position: absolute;
	top:0;
	left:0;
	content: "";
	width: 100%;
	height: 200px;
	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: 3rem;
	font-size: 2.4rem;
	font-weight: 500;
	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{margin-bottom: 20px;}
.phoneinfo_Wrap02 dt.phonenumber{display: inline-block;}
.phoneinfo_Wrap02 dt.phonenumber a{
	position: relative;
	display: inline-block;
	padding:0px 10px 0 40px;
}
.phoneinfo_Wrap02 dt.phonenumber a::before{
	position: absolute;
	top:5px;
	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: 3.6rem;
	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 li{
    margin-bottom: 30px;
}
.route_List ul li:last-child{margin-bottom: 0;}
.route_List ul li dl{
	overflow: hidden;
	width: 100%;
    max-width: 390px;
    margin:0 auto;
}
.route_List ul li dl dt img{
    display: block;
	width: 100%;
	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: 10px;
    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: 1.4rem;
    line-height: 1.4em;
}

/*
.route_List ul{
	position: relative;
}
.route_List ul::before{
	position: absolute;
	top:0;
	left: 30px;
	content: "";
	width: 1px;
	height: 100%;
	background: #000;
	z-index: 10;
}
.route_List ul li{
	position: relative;
	padding-left: 30px;
}
.route_List ul li p.route_number{
	position: absolute;
	left:0;
	top:calc(50% - 50px);
	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%;
	margin-bottom: 30px;
}
.route_List ul li dl dt,
.route_List ul li dl dd{
	display: block;
	width:100%;
	max-height: 240px;
	margin-bottom: 10px;
}
.route_List ul li dl dt img{
	width: 100%;
	max-height: 240px;
	object-fit: cover;
}
.route_List ul li dl dd{
	padding:10px;
}
*/
/* =======================================
   sub page : index.html/doctors
========================================== */
/*
.from_inchou{
	position: relative;
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 240px;
}
.from_inchou .ph_Wrap{
	overflow: hidden;
	position: absolute;
	top:-30px;
	left:0;
	width: 100%;
	z-index: 0;
}
.from_inchou .ph_Wrap img{
	display: block;
	width: 100%;
	object-fit: cover;
}
.from_inchou .message_Wrap{
	position: relative;
	top:240px;
	width: 90%;
	margin:0 auto;
	background: rgba(255,255,255,0.8);
	z-index: 1;
}
.from_inchou .message_Wrap .message_inner{
	width: calc(100% - 60px);
	padding:30px 0;
	margin:0 auto;
}
*/
/*profile_Wrap*/
.profile_Wrap{
	width: 100%;
}
.profile_Wrap .ph{
	overflow: hidden;
	max-height: 400px;
	margin-bottom: 20px;
}
.profile_Wrap .ph img{
	display: block;
	width: 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: 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:-30px 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;
	color: #fff;
	border-bottom: 1px solid #000;
}
.profile_Wrap .profile p.name small{
	font-size: 0.9rem;
	color: #000;
}



/* =======================================
   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;
	z-index: 0;
}

div.contact-step:before {
	position: absolute;
	top:0;
	left:-17px;
	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(-15deg);
	-webkit-transform:skewX(-15deg);
	transform:skewX(-15deg);
	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;
    margin-left: 10px;
    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: 1.2rem;
	color:#333c4d;
}
div.contact-current dt,
div.contact-current dd{
	color: #fff;
}
/* form
---------------------------------------- */
table.form{
   width: 100%;
   margin: 0 auto 30px;
   font-size:16px !important;
}

table.form th,table.form td{
   line-height:2em;
}
table.form th{
	position: relative;
	padding-left: 50px;
}
table.form td{margin-bottom: 30px;}
table.form th span {
	display: inline-block;
  padding: 2px;
  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;
	left: 0;
    top: -2px;
    width:40px; 
    text-align: center;
    font-size: 1.1rem;
    color: #FFFFFF;
}
table.form span.required {
  background-color: #ff3e3e;
}
table.form span.any {
  background-color: #444;
}
table.form th small.attention {
  display: block;
  padding:10px 0 0 ;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1.2em;
  color: #000;
}
table.form input{
   width: calc(100% - 1em);
   padding:1em 0.5em;
   display: inline-block;
   border:none; 
   background: #efefef;
}

table.form input.table-w-xsmall{
   width: 60%;
   min-width: 200px;
   display: inline;
}

table.form input.table-w-small{
    width:80%;
    min-width: 300px;
    display: inline;
}
table.form .calender{
	position: relative;
	display: inline-block;
	width: auto;
	margin-bottom: 10px;
}
table.form .calender img.ui-datepicker-trigger{
	display: block;
	position: absolute;
	right: 6px;
    top: calc(50% - 9px);
	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 {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  	width: 100%;
    margin: 0;
    padding:0.4em 0.5em;;
    background: transparent;
    border:none; 
	background: #efefef;
    line-height: 36px;
    font-size: 16px;
}
table.form select.table-w-xsmall{width:25%;}
table.form select.table-w-xxsmall{width:20%;}
table.form option{
   width: auto;
}

table.form textarea{
   width: calc(100% - 1em - 2px);
   padding:1em 0.5em;
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   border:none; 
   background: #efefef;
   font-size: 16px;
}

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 5px 30px;
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: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "Yu Gothic","YuGothic-Bold", "ヒラギノ角ゴ ProN W3", Arial, "Arial Narrow","Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
input[type="submit"] ,
input[type="button"] ,
input[type="reset"] {
  -webkit-appearance: none;
   border-radius: 0;
   border:none;
    font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "Yu Gothic","YuGothic-Bold", "ヒラギノ角ゴ ProN W3", Arial, "Arial Narrow","Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
input[type="text"] {
   -webkit-appearance: none;
   border-radius: 0;
   font-size: 16px;
}
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.w90{width: 90%;}
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-align: center;
  font-size:14px;
  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 dt,
.phoneinfo_Wrap dd{text-align: center;}
.phoneinfo_Wrap dt.phonenumber{
	position: relative;
	display: inline-block;
	padding:0px 0px 0 36px;
}
.phoneinfo_Wrap dt.phonenumber::before{
	position: absolute;
	top:10px;
	left: -10px;
	content: "";
	width:36px;
	height: 36px;
	background: url(../img/common/icon_phone.svg) no-repeat;
	background-size: 100%;
}
.phoneinfo_Wrap dt.phonenumber a{display: block;}
.phoneinfo_Wrap dt.phonenumber strong{
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -0.05em;
}

/* =======================================
   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 120% 80%;
 background-size: 50%;
 
}
.banner_line a:hover,
.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 120% 80%;
   background-size: 50%;
}
.banner_line a dl{
    width: calc(100% - 20px);
    margin:0 auto;
    border:1px solid #b1a690;
}
.banner_line a dl dt{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center; 
    justify-content: center;
    width: 100px;
    margin: 0 auto;
    padding:20px 0 0;
}
.banner_line a dl dt img{
    display: block;
    width: 60px;
}
.banner_line a:hover dl dt img,
.banner_line a.hover dl dt img{opacity: 1;}
.banner_line a dl dd{
    padding:20px;
    text-align: center;
}
.banner_line a dl dd strong{
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}
.banner_line a dl dd span{font-size: 30px;}




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

body.case #js_btn {bottom:100px;}

/*category_navi*/
.category_navi ul{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
@media screen and (min-width: 568px) {
.category_navi ul li{
	float: left;
	width: calc(100% / 3 - 6px);
	margin: 0 5px 10px 0;
}
.category_navi ul li:nth-child(3n){
	margin-right: 0;
}
}
@media screen and (max-width: 567px) {
.category_navi ul li{
	float: left;
	width: calc(100% / 2 - 6px);
	margin: 0 5px 10px 0;
}
.category_navi ul li:nth-child(even){
	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: 30px;}
.case_list_Wrap ul{overflow: hidden; width: 100%;}	
@media screen and (min-width: 568px) {
.case_list_Wrap ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 10px;
	row-gap: 20px;
}	
}
.case_list_Wrap ul li{
	width: 100%;
	margin-bottom: 20px;
}
.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: 12px;}
.case_list_Wrap ul li dl dd span{
	display: inline-block;
	margin-right: 4px;
	font-weight: 600;
	color: #5a4820;
}