@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}
figure { margin: 0;}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul, ol, dl, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}
.container {max-width: none !important;}

/* ------------------------------------
// base
------------------------------------ */
html {
  font-size: 62.5%;
  overflow: auto;
}
@media screen and (max-width: 767px) {html {font-size: calc(1000vw / 768);}}
html.font-large {
  font-size: 72%;
}
body {
  	color: #444;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	font-size: 1.6rem;
  	font-weight: 500;
 	 line-height: 1.67;
 	 margin: 0;
	 padding-bottom:0!important;
  	overflow: hidden;
  	min-width: 1000px;
}
@media screen and (max-width: 1000px) {body {min-width: 0;}}

#wrapper {position: relative;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a img {transition: .3s;}
a img:hover {opacity: .8;}

img {
  max-width: 100%;
  height: auto;
}
.txt-s{ font-size:80%;}
.go_bold{
	font-weight:600;
	}


.re{ color:#A92A76;}
.bl{ color:#1D59AC;}
.lbl{ color:#009AE4;}
.gr{ color:#579EA1;}
.bw{ color:#823E48;}
.pi{ color:;}
.or{ color:#DE673D;}
.pr{ color:#A064A0;}
.txt-bw-s{ color:#8C6800; font-size:13px; font-weight:600;}

.btm30{padding-bottom:3vh;}
.btm50{padding-bottom:5vh;}
@media screen and (max-width: 767px) {
	}

/* 背景画像の透過用 */
.bkRGBA{
	height: 100%;
	background: rgba(255,255,255,0.5);
	padding:5vw 0 5vw;
	}	

/* ------------------------------------
// main
----------------------------------- */
.sp {display: none;}
@media screen and (max-width: 767px) {.sp {display: block;}}
@media screen and (max-width: 767px) {.pc {display: none;}}


/* ------------------------------------
// header
----------------------------------- */
#header {}
#header #vi {
	background-image: url(../img/main.jpg)!important;
	background-repeat: no-repeat;
	background-size:cover!important;
	width: 100%!important;
    padding-bottom: 20.8vw!important;
}
#header #vi div {
  margin: 0 30px;
  padding: 30px 0 0 0;
  position: relative;
}
#header #vi h1 {
  margin: 0 auto 300px;
  max-width: 1000px;
}
#header #vi h1 span {
	color: #444;
	display: block;
    font-size: 0.9vw;
	text-align:right;
	float:right!important;
	font-weight: 400;
	letter-spacing: 0.075em;
	line-height: 1.2;
	padding-top: 0.3em;
}
#header #vi h1 span img.tel {
	text-align:right;
	padding-top:1.6em;
	max-width:240px;
	}

#header #vi #main-txt{
	float:left;
	padding-top: 8.2vw;
	display:block;
	}
#header #vi #main-txt img{
	display:block;
  transition: .9s;
  width:58vw;
	}	
#header #vi p.txt {
  display: block;
  line-height: 1.4375;
  margin: 0 0 1.2em 50%;
}
@media screen and (min-width: 1600px) {#header #vi h1 span {font-size: 14px;}}
@media screen and (max-width: 1399px) {
  #header #vi {
	background-image: url(../img/main.jpg)!important;
    background-size: cover;
    padding-bottom: 16.8vw;
	background-repeat:no-repeat!important;
  }
  #header #vi div {
    margin: 0 2.142vw;
    padding: 2.142vw 0 0 0;
  }
  #header #vi h1 {
    margin: 0 auto 17.142vw;
    max-width: 71.428vw;
  }
  #header #vi h1 img {
    width: 31.285vw;
	max-width:300px;
  }
  
}
@media screen and (max-width: 767px) {
  #header #vi {
	background-image: url(../img/main.jpg)!important;
    background-size: 100% auto!important;
    padding-bottom: 4.5rem;
  }
  #header #vi div {
    margin: 0;
    padding: 2rem 0 0 0;
  }
  #header #vi h1 {
    margin: 0 0 16rem 4rem;
  }
  #header #vi h1 img {
    width: 38rem;
  }
  #header #vi h1 span {
	  display:none;
  }
#header #vi #main-txt{
	float:left;
	padding-top:0vw;
	display:block;
	}
#header #vi #main-txt img{
	display:block;
  	transition: .9s;
  	width:58vw;
	}	
  #header #vi p.txt {
    font-size: 3.2rem;
    margin: 0 22rem 0 4rem;
  }
}
#header .gnav {
	margin: 0 auto;
	position: relative;
	max-width: 100%;
	background-color: #D0DEEE;
	padding: 18px 0 10px;
}
#header .gnav dl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1000px;
  margin:0 auto;
}
#header .gnav ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#header .gnav ul li {
  border-left:solid 1px #fff;
}
#header .gnav ul li:first-child {
  margin-left: 1em;
  border-left:none;
}
/*
#header .gnav ul li:last-child {
  border-right:solid 1px #fff;
}
*/
#header .gnav ul li a {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  padding-top: 65px;
  text-align: center;
  min-width: 158px;
}
#header .gnav ul li:first-child a {background: url("../img/nav_01.png") center top no-repeat;}
#header .gnav ul li:nth-child(2) a {background: url("../img/nav_02.png") center top no-repeat;}
#header .gnav ul li:nth-child(3) a {background: url("../img/nav_03.png") center top no-repeat;}
#header .gnav ul li:nth-child(4) a {background: url("../img/nav_04.png") center top no-repeat;}
#header .gnav ul li:nth-child(5) a {background: url("../img/nav_05.png") center top no-repeat;}
#header .gnav ul li:nth-child(6) a {background: url("../img/nav_06.png") center top no-repeat;}

#header .gnav ul li:first-child a:hover {background: url("../img/nav_01_on.png") center top no-repeat;}
#header .gnav ul li:nth-child(2) a:hover {background: url("../img/nav_02_on.png") center top no-repeat;}
#header .gnav ul li:nth-child(3) a:hover {background: url("../img/nav_03_on.png") center top no-repeat;}
#header .gnav ul li:nth-child(4) a:hover {background: url("../img/nav_04_on.png") center top no-repeat;}
#header .gnav ul li:nth-child(5) a:hover {background: url("../img/nav_05_on.png") center top no-repeat;}
#header .gnav ul li:nth-child(6) a:hover {background: url("../img/nav_06_on.png") center top no-repeat;}

#header .gnav.fixed {
	transform: translateY(-100%);
	transition: 0.3s;
	left: 0;
	margin: 0;
	padding: 5px 0 5px;
	position: fixed;
	top: 0;
	max-width: initial;
	-webkit-transition: all 0.4s ease 0s, background 0.6s ease 0.2s;
	transition: all 0.4s ease 0s, background 0.6s ease 0.2s;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	width: 100%;
	z-index: 10;
	background-color: #D0DEEE;
}
#header .gnav.fixed dl {
  margin: 0 auto;
  max-width: 1000px;
}
.js-fixedHeader #header .gnav.fixed {
  transform: translateY(0);
}
@media screen and (max-width: 1000px) {
  #header .gnav {margin:0vw auto 0;}
  #header .gnav dt {width: 24vw;}
  #header .gnav ul li a {min-width: 14.4vw;}
  #header .gnav.fixed {padding: .7vw 2vw 0;}
}
@media screen and (max-width: 767px) {
  #header {margin-bottom: -3rem!important;}
  #header .gnav {display:none;}
}
@media screen and (max-width: 1000px) {
  #header {margin-bottom: 0vw;}
}
#header .gnav ul li p{ display:none;}

/* ------------------------------------
// spmenu
----------------------------------- */
.spmenu {display: none;}
#sp_drw {display: none;}

@media screen and (max-width: 767px) {
  .spmenu {
    background: url("../img/menu.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    height: 6.8rem;
    position: fixed;
    right: 4.5rem;
    top: 2.6rem;
    width: 6.8rem;
    z-index: 20;
  }

  #sp_drw {
	display: block;
	left: 0;
	padding: 2rem 4.4rem 3.5rem;
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
	z-index: 15;
	visibility: hidden;
	opacity: 0;
	transform: translateX(-100%);
	transition: visibility 0.3s, opacity 0.3s, transform 0s 0.3s;
	background-color: #DEE5F4;
  }
  .js-menuOpen #sp_drw {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: visibility 0.3s, opacity 0.3s, transform 0s;
  }
  #sp_drw .sp_nav {
    margin-bottom: 4rem;
  }
  #sp_drw .sp_nav dt {
    line-height: 1.2;
    margin-bottom: 3rem;
  }
  #sp_drw .sp_nav dt span {
    color: #444;
    display: block;
    font-size: 2.2rem;
    font-weight:400;
    margin-top: 0.9em;
  }
  #sp_drw .sp_nav dt img {
    width: 38rem;
  }
  #sp_drw .sp_nav dd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
	width:90%;
	margin:0 auto;
  }
  #sp_drw .sp_nav dd ul li {
    font-size: 3.2rem;
    line-height: 1.2;
    margin-bottom: 0.2em;
    width: 40%;
	list-style:disc;
  }
  #sp_drw .sp_nav dd ul li a {
    display: block;
    padding: 0.6em 0 ;
  }
}

/* ------------------------------------
// contents
----------------------------------- */
.inner {
  margin: 0 auto;
  max-width: 1000px;
}

/* TOP cat */
#cat {
	clear:both;
	display:block;
	width: 98vw;
	padding:4vh 0;
}
#cat ul{
	margin:0 auto;
	overflow:hidden;
	width:92vw;
	max-width:960px;
	display: flex;
  	justify-content: space-between;
	}
#cat ul li{
	float:left;
	}
#cat ul li img{
	width: 22.2vw;
	max-width:230px;
	max-height:209px;
	}	
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 767px) {
}


/* TOP banner */
#bnr {
	display:block;
	width: 98vw;
	margin:0 auto 30px;
}
#bnr div{
	width: 92vw;
	margin:0 auto;
	max-width:960px;
	}
#bnr img{
	width: 100vw;
	padding-bottom:1.8vh
	}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 767px) {
}

/* TOP info */
#info-container {
	width:100vw;
	max-width: 100%;
	background-color: #E2E7F0;
	overflow: hidden;
	background-image: url(../img/info-back.png)!important;
	background-repeat: no-repeat;
	background-position: .8vh center;
	padding:4vh;
	}
#info {
	display: block;
	width:98vw;
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#info div.clinic-info{
	float: left;
	margin: 0 auto;
	width: 460px;
	background-image: url(../img/info-clinic.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:130px 0 20px 0;
	background-color:#FFF;
	}
#info div.clinic-info p.arrow{
	background-image: url(../img/arrow-gr.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: right;
	padding: 0 20px 0 0;
	color:#579EA0;
	font-size:14px;
	margin-right:18px;
	}
#info div.clinic-info dl{
	font-size:1em;
	width:420px;
	margin:15px auto 0;
	}
#info div.clinic-info dt{
	color:#539EA3;
	border-top:solid 1px #ccc;
	padding:10px 0 0 0;
	}
#info div.clinic-info dd{padding: 0;}



#info div.dr-info{
	float: right;
	margin: 0 auto;
	width: 460px;
	background-image: url(../img/info-dr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:130px 0 20px 0;
	background-color:#FFF;
	}
#info div.dr-info p.arrow{
	background-image: url(../img/arrow-bl.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: right;
	padding: 0 20px 0 0;
	color:#1D59AC;
	font-size:14px;
	margin-right:18px;
	}
#info div.dr-info dl{
	font-size:1em;
	width:420px;
	margin:15px auto 0;
	}
#info div.dr-info dt{
	color:#1D59AC;
	border-top:solid 1px #ccc;
	padding:10px 0 0 0;
	overflow:hidden;
	}
#info div.dr-info dd{padding: 0;}


@media screen and (max-width: 1000px) {
#info {
	display: block;
	width:98vw;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#info div.clinic-info,
#info div.dr-info{
	float: none;
	width: 460px;
	overflow:hidden;
	}
#info div.clinic-info dl,
#info div.dr-info dl{
	font-size:1.2em;
	width:96%;
	margin:15px auto 0;
	overflow:hidden;
	}
}
@media screen and (max-width: 767px) {
#info {
	display: block;
	width:98vw;
	max-width: 96%;
	margin: 0 auto;
	overflow: hidden;
}
#info div.clinic-info{
	float: none;
	margin: 20px auto 0;
	width: 100%;
	background-image: url(../img/info-clinic_sp.png);
	background-size:100%;
	padding:6.5vh 0 20px 0;
	}
#info div.dr-info{
	float: none;
	margin: 20px auto 0;
	width: 100%;
	background-image: url(../img/info-dr_sp.png);
	background-size:100%;
	padding:6.5vh 0 20px 0;
	}
#info div.clinic-info p.arrow{
	display:block;
	clear:both;
	background-position: 8px 32px;
	text-align: left;
	padding: 30px 0 0 28px;
	font-size:13px!important;
	margin-right:0;
	}
#info div.dr-info p.arrow{
	display:block;
	clear:both;
	background-position: 8px 32px;
	text-align: left;
	padding: 30px 0 0 28px;
	font-size:13px!important;
	margin-right:0;
	}
#info div.clinic-info dl,
#info div.dr-info dl{
	font-size:1.2em;
	}
}


/* TOP about */
#about-container {
	width:100vw;
	max-width: 100%;
	overflow: hidden;
	background-image: url(../img/about-back.png)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100vw;
	}
#about {
	display: block;
	width: 98vw;
	max-width: 960px;
	margin: 0 auto;
	padding:12vh 0 8vh;
	overflow: hidden;
	background-image: url(../img/about-back-txt.png);
	background-repeat: no-repeat;
	background-position: 0vh 13vh;
	background-size:38vh 20vh ;
}
#about h3{
	font-size: 2.4rem;
	line-height: 1.2;
	padding-bottom: 2vh;
	color: #745E3C!important;
	}
#about p{
  	line-height: 2.2;
	color:#745E3C!important;
	}	

#about div.message{
	width:440px;
	margin:0 0 0 520px;
	}
#about .attention{
	clear:both;
	width:96%;
	background-color:#FFF;
	margin:5vw auto 0;
	padding:2vw 0 2vw 2vw;
	overflow:hidden;
	display:block;
	}	
#about .attention p{
	width:98%;
	max-width:910px;
	}

@media screen and (max-width: 1000px) {
#about-container {
	width:100vw;
	max-width: 100%;
	overflow: hidden;
	background-image: url(../img/about-back.png)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100vh;
	}
#about h3 {font-size: 2.8vw; padding-top:1vh;padding-bottom:1vh;}
#about {
	width: 98vw;
	max-width: 100%;
	background-image:none;
	padding:3vh 0 3vh;
}
#about div.message{
	width:88vw;
	margin:0 auto;
	display:block;
	}
#about .attention{
	clear:both;
	width:90%;
	background-color:#FFF;
	margin:5vw auto 0!important;
	padding:2vw 0 2vw 2vw;
	overflow:hidden;
	}	
#about .attention p{
	width:83vw;
	}
}
@media screen and (max-width: 767px) {
#about h3 {font-size: 2.6vw; padding-top:1vh;}
}



/* TOP xxx */

@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 767px) {
}






/* ------------------------------------
// footer
----------------------------------- */
#ftcontent-container{
	clear:both;
	background-image: url(../img/ftcontent-back.jpg);
	background-repeat: repeat;
	background-position: center top;
	overflow:hidden;
	}
#ftcontent{
	clear:both!important;
	width:960px;
	margin:50px auto;
	}

.ft-L{
	float:left;
	width:460px;
	margin:0 40px 0 0 ;
	}
.ft-L h3{
	font-size: 0.9em;
	letter-spacing: 0.1em;
	}
.ft-L img{padding:10px 0;}
.ft-L ul{overflow:hidden;}
.ft-L ul li{
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 24px;
	float:left;
	width:30%;
	letter-spacing: 0.1em;
	}
.ft-L ul li.info{background-image: url(../img/icon-info.png);}
.ft-L ul li.access{background-image: url(../img/icon-access.png);}
.ft-L ul li.reserve{background-image: url(../img/icon-reserve.png);}
.ft-L ul li a{color: #10003F;}

.ft-R{
	float:right;
	width:460px;
	}
.ft-R p{ margin:5px 0;}	
.ft-R h3 span{
	color: #10003F;
	font-size: 0.9em;
	padding-left: 10px;
	margin-top:-10px;
	letter-spacing: 0.1em;
	}
.ft-R .QR{
	float:right;
	margin-right:30px;
	margin-top:-30px;
	}	
.ft-R .time{ margin:20px 0 30px;padding:10px 0;}

@media screen and (max-width: 1000px) {
#ftcontent{
	clear:both!important;
	width:100%;
	margin:30px auto;
	}
.ft-L{
	float:none;
	width:50%;
	margin:0 auto;
	}
.ft-L h3{font-size: 0.8em;}
.ft-L ul li{
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 24px;
	float:left;
	width:30%;
	}
	
.ft-R{
	float:none;
	width:50%;
	margin:50px auto 0;
	border-top: double 3px #CCCCCC;
	padding-top:20px;
	}
}
@media screen and (max-width: 767px) {
#ftcontent{
	font-size: 1.4em;
	margin-bottom:0;
	}
.ft-L{
	float:none;
	width:90%;
	margin:0 auto;
	}
.ft-L ul li{
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 0 24px;
	width:33%;
	font-size:1.2em;
	}
.ft-R{
	float:none;
	width:90%;
	margin:50px auto 0;
	border-top: double 3px #CCCCCC;
	padding-top:20px;
	}
.ft-R .QR{
	float:right;
	margin-right:0;
	}	
}


/*googlemap*/
.google-maps {
position: relative;
padding-bottom:50%;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 767px) {
}

/* pagetop */
.pagetop {
  position: fixed;
  right: 18px;
  z-index: 15;
}
@media screen and (max-width: 767px) {
  .pagetop {
    right: 2rem;
    width: 10rem;
  }
}

/* ftnav */
#ftnav {
	display:none;
	bottom: 0;
	left: 0;
	padding: 8px 1em;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10;
	background-color: #ECF2F9;
}
#ftnav dl {
  margin: 0 auto;
  max-width: 1000px;
}
#ftnav dt {
  color: #333;
  font-size: 1.6rem;
  letter-spacing: 0.075em;
  line-height: 1.1;
  margin-bottom: 0.4em;
}
#ftnav ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#ftnav ul li {
  width: 31%;
}
#ftnav ul li img{
  width: 100%;
}
#ftnav ul li a {
  border-radius: 0px;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 0;
  padding: 0em 0em 0em;
  text-align: center;
}
#ftnav ul li:first-child a {
	color: #444;
	background-color: #A1B9E8;
}
#ftnav ul li:nth-child(2) a {
	color: #444;
	background-color: #B1CBEA;
}
#ftnav ul li:last-child a {
	color: #444;
	background-color: #CEDBE4;
}
@media screen and (max-width: 1000px) {
  #ftnav {
	display: block;
    padding: 2rem 1em;
  }
  #ftnav dt {
  font-size: 1.6rem;
  }
  #ftnav ul li a {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  #ftnav {
    padding: 2rem 1em;
  }
  #ftnav dt {
  font-size: 2rem;
  }
  #ftnav ul li a {
    font-size: 2.2rem;
    padding:20px 0;
	background-image: url(../img/ftnavi-back.png);	
	background-repeat: no-repeat;	
	background-position: left top;
	background-size:14px;  
  }
}

/* footer */
#footer {
  background: #001040;
  color:#FFF;
}
#footer .copy {
  padding: 20px 1em 20px;
  text-align: center;
}
#footer .copy p {
  font-size: 13px;
  font-weight: 400;
}
#footer .copy p a{
  color:#FFF;
  text-decoration:none;
}
@media screen and (max-width: 1000px) {
  #footer {
    padding-top: 1rem;
	padding-bottom:140px;
  }
#footer .copy {
  padding: 20px 1em 0px;
  text-align: center;
  height:60px;
}
  #footer .inner {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  #footer {
    padding-top: 1rem;
	padding-bottom:100px;
  }
  #footer .copy {
  padding: 10px 1em 0px;
  height:80px;
  }
}
@media screen and (max-width: 480px) {
  #footer {
    padding-top: 1rem;
	padding-bottom:100px;
  }
  #footer .copy {
  padding: 10px 1em 0px;
  height:40px;
  }
}


/*---Common--------------------------SECOND PAGE*/
#header #second{
	width:960px;
	margin:2vh auto;
	}
#header #second h1 {
  margin: 0 auto;
  max-width: 1000px;
}
#header #second h1 span {
	color: #444;
	display: block;
    font-size: 0.9vw;
	text-align:right;
	float:right!important;
	font-weight: 400;
	letter-spacing: 0.075em;
	line-height: 1.2;
	padding-top: 0.3em;
}
#header #second h1 span img.tel {
	text-align:right;
	padding-top:1.6em;
	max-width:240px;
	}
@media screen and (min-width: 1600px) {
#header #second h1 span {
    font-size:13px;
}
}
@media screen and (max-width: 999px) {
#header #second{
	width:728px;
	margin:2vh auto;
	}
}
@media screen and (max-width: 767px) {
#header #second h1 {
  margin: 0 auto 5vh;
  width: 96%;
}
#header #second h1 img{
	width:48vw;
	max-width:240px;
	}
#header #second h1 span {
	display:none;
}
#header #second h1 span img.tel {
	display:none;
	}
}


/*---Message PAGE--------------------------SECOND PAGE*/
#message{
	display:block;
	width: 100vw;
	margin:0 auto ;
	}
#message h2{
	background-image: url(../../message/img/h2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:8vw 0;
	}
#message h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}
@media screen and (max-width: 767px) {
#message h2{
	padding:4vh 0;
	}
}

/*Message(basic-idea)*/
#basic-idea-container{
	display: block;
	width: 100vw;
	margin: 0 auto;
	background-image: url(../../message/img/basic-idea-back.jpg);
	background-repeat: repeat;
	background-position: center top;
	}
#basic-idea{
	width:92vw;
	max-width:1000px;
	color:#FFF;
	margin:0 auto;
	padding:5vh 0;
	}
#basic-idea h3{
	text-align:center;
	font-size:3vw;
	font-family: 'Cinzel', serif;
	padding-bottom:1.2vh;
	}
#basic-idea h3 span{
	display:block;
	font-size:1.8vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
/*	
#basic-idea p{letter-spacing:0.1em; }	
#basic-idea p::first-letter{ font-size:3vw;font-style: italic;}
#basic-idea p span.txt-s{font-size:2vw;}	
#basic-idea p span.txt-ss{font-size:2vw;}	
*/
p.basic-idea1{
	padding:1.2vh 0;
	font-size:150%;
	}
p.basic-idea2{
	padding:1.2vh 0 1.2vh 3vh;
	font-size:150%;
	}
p.basic-idea3{
	padding:1.2vh 0 1.2vh 6vh;
	font-size:150%;
	}

@media screen and (max-width: 999px) {
p.basic-idea1{
	padding:1.2vh 0;
	font-size:120%;
	}
p.basic-idea2{
	padding:1.2vh 0 1.2vh 2vh;
	font-size:120%;
	}
p.basic-idea3{
	padding:1.2vh 0 1.2vh 4vh;
	font-size:120%;
	}
}


/*Message(profile)*/
#profile-container{
	display: block;
	width: 100vw;
	margin: 0 auto ;
	padding:2vw 0 2vw;
	background-image: url(../../message/img/profile-back.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-size:cover;
	overflow:hidden;
	}
#profile{
	width:92vw;
	max-width:960px;
	margin:0 auto;
	padding:5vh 0;
	}
#profile h3{
	text-align:center;
	font-size:3vw;
	font-family: 'Cinzel', serif;
	padding-bottom:2vh;
	}
#profile h3 span{
	display:block;
	font-size:1.8vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#profile h4{
	text-align: left;
	font-size: 1.6vw;
	padding-bottom: 1.2vh;
	letter-spacing: 0.1em;
	border-bottom: double 3px #999;
	background-image: url(../../message/img/name.png);
	background-repeat: no-repeat;
	background-position: right 1.6vh;
	background-size:40vw;
	}
#profile h4 span{
	display:block;
	font-size:3.6vw;
	letter-spacing:0.1em;
	}
.profile1{
	width:92vw;
	max-width:960px;
	margin:0 auto ;
	padding:2vh 0 2vh;
	overflow:hidden;
	}
.profile1 h5{
	text-align:center;
	font-size:2.2vw;
	border-bottom: double 3px #666;
	margin-bottom:20px;
	padding-bottom:10px;
	}	
.profile1 .history{
	width:44vw;
	max-width:460px;
	float:left;
	background:rgba(180,180,180,0.7);
	padding:2.5vw;
	height:26vw;
	}
.profile1 .history li{
	list-style:square;
	padding-bottom:.8vw;
	margin-left:2vw;
	}	
.profile1 .dr{
	width:44vw;
	max-width:460px;
	float:right;
	background:rgba(180,180,180,0.7);
	padding:2.5vw;
	height:26vw;
	text-align:center;
	}
.profile1 .dr p{
	}
#profile2{
	width:92vw;
	max-width:960px;
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,.8);
	padding:2vw;
	margin-top:1vh;
	overflow:hidden;
	}	
#profile2 h5{
	display:block;
	float:left;
	text-align:center;
	font-size:2.2vw;
	padding-top:10px;
	}
#profile2 p{
	border-left: double 3px #666;
	margin-left:13vw;
	padding-left:20px;
	overflow:hidden;
	}

		
@media screen and (max-width: 767px) {
.profile1 .history{
	width:90vw;
	max-width:100%;
	float:none;
	padding:3vh;
	height:auto;
	font-size:2.6vw;
	background:rgba(255,255,255,0.8);
	}
.profile1 .dr{
	width:90vw;
	max-width:100%;
	float:none;
	padding:3vh;
	height:auto;
	text-align:left;
	margin-top:20px;
	font-size:2.6vw;
	background:rgba(255,255,255,0.8);
	}
#profile2{
	width:90vw;
	max-width:100%;
	float:none;
	padding:2.5vh;
	height:auto;
	text-align:left;
	font-size:2.6vw;
	background:rgba(255,255,255,0.8);
	}
.profile1 h5{
	font-size:2.8vw;
	}	
#profile2 h5{
	text-align:center!important;
	font-size:2.8vw;
	border-bottom: double 3px #666!important;
	margin-bottom:20px;
	display: block;
	float:none;
	clear:both!important;
	padding-bottom:10px;
	}
#profile2 p{
	clear:both;
	border-left:none;
	margin-left:0;
	padding-left:0;
	font-size:2.5vw;
	}
}


/*---Access PAGE--------------------------SECOND PAGE*/
#access{
	display:block;
	width: 100vw;
	margin:0 auto ;
	}
.map_bkRGBA{
	/* 背景画像の透過用css */
	height: 100%;
	background: rgba(255,255,255,0.5);
	padding:5vw 0 1vw;
	}	
#access h2{
	background-image: url(../../access/img/h2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:8vw 0;
	}
#access h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}
@media screen and (max-width:767px) {
#access h2{padding:4vh 0;}
}

/*accessmap*/
#accessmap-container{
	display: block;
	width: 100vw;
	margin: 0 auto;
	padding:0;
	background-image: url(../../access/img/access-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	overflow:hidden;
	}
#accessmap h3{
	text-align:center;
	font-size:2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:1.2vh;
	}
#accessmap h3 span{
	display:block;
	font-size:1.8vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.access-info img{
	margin:1vh 0;
	}	
@media screen and (max-width: 767px) {
#accessmap h3{font-size:2.8vw;}
#accessmap h3 span{font-size:2vw;}
.access-info{text-align:center;}	
}
	
/*route*/
#route{
	padding:5vh 0;
	width:100vw;
	max-width:960px;
	margin:0 auto;
	}
#route h3{
	text-align:center;
	font-size:2.8vw;
	font-family: 'Cinzel', serif;
	padding-bottom:1.2vh;
	}
#route h3 span{
	display:block;
	font-size:1.6vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
@media screen and (max-width:767px) {
#route h3{font-size:3.6vw!important;}
#route h3 span{font-size:2vw;}
}

/*guide*/
.guide h4{
	border-bottom:solid 1px #ccc;
	font-size:2vh;
	}	
.guide h5{
	font-size:1.7vh;
	color:#539EA3;
	}	
.bus{
	background-image: url(../../access/img/icon-bus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:3px 0 3px 38px;
	margin-bottom:10px;
}	
.car{
	background-image: url(../../access/img/icon-car.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 38px;
	margin-bottom:10px;
}
.station{
	background-image: url(../../access/img/icon-station.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 38px;
	margin-top:20px;
	margin-bottom:10px;
}
.parking{
	background-image: url(../../access/img/icon-parking.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 30px;
	margin-top:20px;
	margin-bottom:10px;
	color:#1D5AAC;
	font-size:18px;
}

/*parking*/
#parking h3{
	text-align:center;
	font-size:2.2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:solid 1px #ccc;
	padding:1vh 0!important;
	width:100vw;
	max-width:960px;
	margin:0 auto;
	}
#parking h3{
	text-align:center;
	font-size:2.2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:1.2vh;
	border:solid 1px #ccc;
	padding:0;
	}
.flexbox-parking {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: top;
	width: 100vw;
	max-width: 960px;
	margin: 0 auto 5vh;
	overflow: hidden;
	border-top-width: thin;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
.flexbox-parking p.center{ text-align:center; display:block; clear:both; width:96vh; padding:2vh 0 0;}
.flexbox-parking .box {
    width: 42vw;
	max-width:460px;
	margin:0 auto;
    padding:2vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	overflow:hidden;
	text-align:left;
}
@media screen and (max-width: 767px) {
#parking h3{
	width: 92vw;
	max-width: 460px;
	text-align:center;
	font-size:3vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:1.2vh;
	border:solid 1px #ccc;
	padding:0;
	}
.flexbox-parking p.center{ overflow:hidden text-align:center; display:block; clear:both; width:100%; padding:2vh 0 0;max-width: 460px;margin:0 auto!important;}
.flexbox-parking{
	display:block;
	width: 92vw;
	max-width: 460px;
	margin:0 auto 5vh;
	}
.flexbox-parking .box{
	width: 90vw;
	max-width: 400px;
	margin:0 auto!important;
    padding:1vw; 
}
.parking{font-size:3.6vw!important;}
}

/*map-ill*/
#map-ill h4{
	text-align:center;
	font-size:2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}	
@media screen and (max-width:767px) {
#map-ill h4{
	text-align:center;
	font-size:3.6vw!important;
	}	
}






/*---Cosme PAGE--------------------------SECOND PAGE*/
#cosme{
	display:block;
	width: 100vw;
	margin:0 auto ;
	}
#cosme h2{
	background-image: url(../../cosme/img/h2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:8vw 0;
	}
#cosme h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}
#cosme-content h3{
	text-align:center;
	font-size:2.8vw;
	font-family: 'Cinzel', serif;
	padding-bottom:1vw;
	}
#cosme-content h3 span{
	display:block;
	font-size:1.7vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.first-content{
	display:block;
	width: 90vw;
	max-width:960px;
	margin:0 auto 2vw;
	padding-bottom:3vw;
	overflow:hidden;
	border-bottom: double 3px #ccc;
	}
.first-content img{
	float:right;
	width:30vh;
	max-width:385px;
	padding:0 0 10px 10px;
	}
.first-content-wide{
	display:block;
	width: 90vw;
	max-width:960px;
	margin:0 auto 2vw;
	padding-bottom:3vw;
	overflow:hidden;
	border-bottom: double 3px #ccc;
	}
.first-content-wide img{
	float:none;
	width:100%;
	max-width:960px;
	}
.first-content h4{
	background-repeat: no-repeat;
	background-position: right top;
	padding:14px 0 14px 1vw;
	margin-top:3vh;
	margin-bottom:1vh;
	font-size:18px;
	line-height:1;
	font-weight:800;
	}
.first-content-wide h4{
	background-repeat: no-repeat;
	background-position: right top;
	padding:14px 0 14px 1vw;
	margin-top:3vh;
	margin-bottom:1vh;
	font-size:18px;
	line-height:1;
	font-weight:800;
	}
.first-content h4.cosme1{
	background-image: url(../../cosme/img/cosme1.jpg);
	color: #86689F
}
.first-content h4.cosme2{
	background-image: url(../../cosme/img/cosme2.jpg);
	color: #496F57;
}
.first-content h4.cosme3{
	background-image: url(../../cosme/img/cosme3.jpg);
	color: #5B74A0;
}
.first-content h4.cosme4{
	background-image: url(../../cosme/img/cosme4.jpg);
	color: #7A7050;
}
.first-content h4.cosme5{
	background-image: url(../../cosme/img/cosme5.jpg);
	color: #966B68;
}
.first-content h4.cosme6{background-image: url(../../cosme/img/cosme6.jpg);}
.first-content h4.cosme7{
	background-image: url(../../cosme/img/cosme7.jpg);
	color: #624603;
}
.first-content-wide h4.cosme8{
	background-image: url(../../cosme/img/cosme8.jpg);
	color: #42729A;
}

section.cosme1 p,
section.cosme2 p,
section.cosme3 p,
section.cosme4 p,
section.cosme5 p,
section.cosme6 p,
section.cosme7 p,
section.cosme8 p{ font-size:15px; line-height:1.8;}

@media screen and (max-width: 767px) {
section.cosme1 p,
section.cosme2 p,
section.cosme3 p,
section.cosme4 p,
section.cosme5 p,
section.cosme6 p,
section.cosme7 p,
section.cosme8 p{ font-size:13px;}

#cosme h2{padding:4vh 0;}
#cosme-content h3{font-size:3.8vw; padding-top:4vw; padding-bottom:1vw;
}
#cosme-content h3 span{font-size:2.2vw;}

#cosme-content{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	}
.first-content{
	display:block;
	width: 90vw;
	max-width:100%;
	margin:0 auto 3vw;
	overflow:hidden;
	}
.first-content img{
	float:none;
	width:100vh;
	max-width:385px;
	margin:0 auto 10px;
	display:block;
	}
.first-content-wide img{
	float:none;
	width:100vh;
	max-width:385px;
	margin:0 auto 10px;
	display:block;
	}
.first-content h4,
.first-content-wide h4{
	font-size:16px;
	}
}
.advice{
	font-size:1.4vw;
	color:#A166A1;
	padding:1vh 0;
	}
.advice-re{
	font-size:1.4vw;
	color:#BD6885;
	padding:1vh 0;
	}

section.cosme1 h5.txt2,
section.cosme2 h5.txt2,
section.cosme3 h5.txt2,
section.cosme4 h5.txt2,
section.cosme5 h5.txt2,
section.cosme6 h5.txt2,
section.cosme7 h5.txt2,
section.cosme8 h5.txt2{
	padding:12px 0 0 1vw;
	line-height:1.1;
	}
@media screen and (max-width: 767px) {
section.cosme1 h5.txt2,
section.cosme2 h5.txt2,
section.cosme3 h5.txt2,
section.cosme4 h5.txt2,
section.cosme5 h5.txt2,
section.cosme6 h5.txt2,
section.cosme7 h5.txt2,
section.cosme8 h5.txt2{
	padding:0 0 0 1vw;
	line-height:1.1;
	}
}
	
/*cosme1*/
section.cosme1 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#EEEBF5;
	border-bottom:solid 1px #DBD8EA;
	height:60px;
	}

/*cosme2*/
section.cosme2 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#E4ECEC;
	border-bottom:solid 1px #D6E7D9;
	height:60px;
	}

/*cosme3*/
section.cosme3 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#E6ECF5;
	border-bottom:solid 1px #CDDAF0;
	height:60px;
	}

/*cosme4*/
section.cosme4 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#FFF9E4;
	border-bottom:solid 1px #F4E9C3;
	height:60px;
	}

/*cosme5*/
section.cosme5 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#FFF3F8;
	border-bottom:solid 1px #F0E5EA;
	height:60px;
	}

/*cosme6*/
section.cosme6 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#EEEEEE;
	border-bottom:solid 1px #CCCCCC;
	height:60px;
	}

/*cosme7*/
section.cosme7 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#EEEBF5;
	border-bottom:solid 1px #DAD3C9;
	height:60px;
	}

/*cosme8*/
section.cosme8 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:14px;
	line-height:1;
	background-color:#D6E4ED;
	border-bottom:solid 1px #C6DAE9;
	height:60px;
	}

/*cosme9
section.cosme9 h5{
	padding:22px 0 0 1vw;
	margin-bottom:1vh;
	font-size:1.3vh;
	line-height:1;
	background-color:#EEEBF5;
	border-bottom:solid 1px #DBD8EA;
	height:60px;
	}
*/
	
@media screen and (max-width: 767px) {
section.cosme1 h5,
section.cosme2 h5,
section.cosme3 h5,
section.cosme4 h5,
section.cosme5 h5,
section.cosme6 h5,
section.cosme7 h5,
section.cosme8 h5{
	font-size:13px!important;
	padding:1vh 0 1vh 1vw!important;
	height:auto;
	}
}

section.cosme1 img,
section.cosme2 img,
section.cosme3 img,
section.cosme4 img,
section.cosme5 img,
section.cosme6 img,
section.cosme7 img,
section.cosme8 img
{ margin-bottom:10px;}


/*---Treatment PAGE--------------------------SECOND PAGE*/
#treatment{
	display:block;
	width: 100vw;
	margin:0 auto ;
	}
#treatment h2{
	background-image: url(../../treatment/img/h2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:8vw 0;
	}
#treatment h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}
#Symptoms h3{
	text-align:center;
	font-size:2.8vw;
	font-family: 'Cinzel', serif;
	padding-bottom:1vw;
	}
#Symptoms h3 span{
	display:block;
	font-size:1.7vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#Symptoms p{ text-align:center;padding:1vw 2vw 2vw;}
@media screen and (max-width: 767px) {
#Symptoms{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	}
#Symptoms h2{padding:4vh 0;}
#Symptoms h3{font-size:3.8vw; padding-top:4vw; padding-bottom:1vw;}
#Symptoms h3 span{font-size:2.2vw;}
#Symptoms p{ text-align:center;padding:1vw 2vw 2vw;}
}


/*3col*/
#Symptoms .flexbox3 {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
}
#Symptoms .flexbox3 .box {
    width: 33%;
	max-width:290px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	padding:0 0 2vh 0;
}
#Symptoms .flexbox3:after {
    content: "";
    display: block;
    width: 33%;
    height: 0;
}
@media screen and (min-width: 1800px) {
#Symptoms .flexbox3 {
    width: 90%;
   flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	margin:0 0 4vw 3vw!important;
}
#Symptoms .flexbox3 .box {
    width: 92%;
	max-width:250px;
	margin:0 !important;
    padding:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	text-align:left;
}
#Symptoms .flexbox3 .box img{
	display:block;
	margin:0 auto 1vh!important;
	max-width:250px;
	}
#Symptoms .flexbox3:after {
    content: "";
    display: block;
    width: 92%;
	margin:0 auto;
    padding:0;
    height: 0;
}
}
@media screen and (max-width: 767px) {
#Symptoms .flexbox3 {
    width: 90%;
	max-width:760px;
   	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	margin:0 auto 4vw 3vw!important;
}
#Symptoms .flexbox3 .box {
    width: 90%;
	max-width:170px;
	margin:0 !important;
    padding:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	text-align:left;
}
#Symptoms .flexbox3 .box img{
	display:block;
	margin:0 auto 1vh;
	max-width:100%;
	}
#Symptoms .flexbox3:after {
    content: "";
    display: block;
    width: 100%;
	margin:0 auto;
    padding:0;
    height: 0;
}
}



/*Tmenu*/
#Tmenu h3{
	text-align:center;
	font-size:2.8vw;
	font-family: 'Cinzel', serif;
	padding-bottom:1vw;
	}
#Tmenu h3 span{
	display:block;
	font-size:1.7vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#Tmenu{
	background-image: url(../../treatment/img/menu-back.jpg);
	background-repeat: repeat;
	background-position: center top;
	overflow:hidden;
	width:100vw;
	margin: auto;
	padding:5vw 0;
	}	
.flex__wrap {
  width: 80%;
  max-width:940px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:0 auto;
}

/*追加1
.flex__wrap::after {
  content: "";
  width: 29%;
}*/


@media screen and (max-width: 800px) {
.flex__wrap {
  width: 90%;
  max-width:400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:0 auto;
}
.flex__wrap div{
	width:20%;
	margin:0 4% 0 1%!important;
	}
.flex__wrap img{
	width:100%;
	}
}


.inner960{
	width:92vw;
	max-width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:6vh 0;
	}
.inner960 p{
	padding:2vh 0;
	line-height:190%;
	}	
@media screen and (max-width: 767px) {
.inner960{
	padding:2vh 0;
	}
.inner960 p{
	padding:1vh 0;
	}	
}
/*---Clinic PAGE--------------------------SECOND PAGE*/
#clinic{
	display:block;
	width: 100vw;
	margin:0 auto ;
	}
#clinic h2{
	background-image: url(../../clinic/img/h2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:8vw 0;
	}
#clinic h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}
#clinic-content h3{
	text-align:center;
	font-size:2.8vw;
	font-family: 'Cinzel', serif;
	padding-bottom:1vw;
	}
#clinic-content h3 span{
	display:block;
	font-size:1.7vw;
	letter-spacing:0.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.equipment{
	overflow:hidden;
	padding:5vh 0;
	}
.gallery-box{
	overflow:hidden;
	background-color:#E5F0F1;
	padding:5vh 0;
	}
#clinic-content p{ font-size:15px;}	
.first-content h4.clinic{background-image: url(../../clinic/img/tit_back_bl.png); }
section.clinic .first-content{
	display:block;
	width: 90vw;
	max-width:960px;
	margin:0 auto 1vw;
	padding-bottom:2vw;
	overflow:hidden;
	border-bottom: double 3px #ccc;
	}
section.clinic .first-content img.Right{
	float:right!important;
	width:30vw!important;
	max-width:385px!important;
	padding:0 0 10px 4vw;
	display:block;
	}
section.clinic .first-content p{
	padding:.5vh 0 0 0;
	line-height:1.9;
	}
section.clinic .first-content h4{
	background-repeat: no-repeat;
	background-position: right top;
	padding:14px 0 2vh 1vw;
	margin-top:3vh;
	margin-bottom:1vh;
	font-size:18px;
	line-height:1;
	}
section.clinic .first-content h5{
	background-color:#EEEEEE;
	padding:.3vh 1vh;
	margin:2vh 0 0;
	color:#1758AD;
	display:inline-block;
	font-size:16px;
	}
@media screen and (max-width: 767px) {
section.clinic .first-content h4{
	font-size:15px;
	}
section.clinic .first-content h5{
	background-color:#EEEEEE;
	padding:.3vh 1vh;
	margin:2vh 0 0;
	color:#1758AD;
	display:inline-block;
	font-size:13px;
	}
}
.bl-btn{
	clear: both!important;
	float: left!important;
	margin: 0!important;
	padding: 0!important;
	width: 40vw!important;
	max-width: 272px!important;
	max-height:50px;
	display: block;
	overflow:hidden;
	margin-top:0vh!important;
	}
.bl-btn img{
	width: 40vw!important;
	max-width: 272px!important;
	max-height:50px;
	margin: 0!important;
	padding: 0!important;
	}
@media screen and (min-width:1200px) and (max-width:1800px) {
.bl-btn{
	clear: both!important;
	float: left!important;
	margin: 0!important;
	padding: 0!important;
	width: 40vw!important;
	max-width: 272px!important;
	max-height:50px;
	display: block;
	overflow:hidden;
	margin-top:-6vw!important;
	}
.bl-btn img{
	width: 40vw!important;
	max-width: 272px!important;
	max-height:50px;
	margin: 0!important;
	padding: 0!important;
	}
	}		
@media screen and (max-width: 767px) {
.gallery-box{
	overflow:hidden;
	padding:1vh 0 3vh!important;
	margin-top:3vh!important;
	width:100%!important;
	}
#clinic h2{padding:4vh 0;}
#clinic-content h3{font-size:3.8vw; padding-top:4vw; padding-bottom:1vw;
}
#clinic-content h3 span{font-size:2.2vw;}

#clinic-content{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	}
#clinic-content p{ font-size:13px;}	
.bl-btn img{
	width: 40vw!important;
	max-width: 272px!important;
	max-height:50px;
	margin: 0 0 20px 0!important;
	padding: 0!important;
	}
}	

/**/
#clinic-content .flexbox2 h5{
	background-image: url(../../clinic/img/tit_back_bl.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding:10px 0 20px 1vw;
	margin-top:10px;
	margin-bottom:10px;
	}
#clinic-content .flexbox2 img{
	float:left;
	padding:10px 2vw 10px 0;
	}	
#clinic-content .flexbox2 p{ font-size:15px;}
#clinic-content .flexbox2 p.point{
	display:block;
	clear:both;
	color:#1758AD;
	margin-top:10px;
	}
#clinic-content .flexbox2 p.point span{
	background-color: #EEE;
	padding: 1vh;
	margin-right:10px;
	}

#clinic-content .flexbox2 dl{ overflow:hidden;color:#1758AD; clear:both;}
#clinic-content .flexbox2 dt{
	width:80px;
	background-color: #EEE;
	padding:3px 0;
	text-align:center;
	float:left;
	margin-right:10px;
	}
#clinic-content .flexbox2 dd{
	float:left;
	overflow:hidden;
	font-size:15px;
	padding-top:4px;
	}



@media screen and (max-width: 767px) {
#clinic-content .flexbox2 p{ font-size:13px!important;}
#clinic-content .flexbox2 dt,
#clinic-content .flexbox2 dd,
#clinic-content .flexbox2 p.point span{
	font-size:13px!important;
	padding-top:1px;
	}
#clinic-content .flexbox2 h5{
	font-size:14px!important;
	padding-top:10px;
	}
}

/*GARALLY*/
.gallery{margin:0 0 5px 0; }
.gallery img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.wrapper-gallery{
	width:94%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}
ul.gallery{
	margin:0 auto 15px;
	display:block;
	padding: 0;
	list-style: none;
	overflow:hidden;
}
.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 42%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    height: 25px;
    width: 25px;
}
.slick-prev {
    left:2.5%;
    transform: rotate(-135deg);
}
.slick-next {
    right:2.5%;
    transform: rotate(45deg);
}
.choice-btn li{
	cursor: pointer;
	background:#333;
	width:33.3%!important;
	max-width:300px!important;
	border:solid 1px #FFFFFF;
}
ul.choice-btn{
	margin:0 auto!important;
	padding: 0;
	list-style: none;
	overflow:hidden;
	width:100%;
	max-width:900px!important;
	}
.choice-btn li img{opacity: 0.4;}
.choice-btn li.slick-current img{opacity: 1;}

#before-after {
	display:block;
	width: 98vw;
	margin:0 auto 30px;
}
#before-after div{
	width: 92vw;
	margin:0 auto 2vw;
	max-width:960px;
	}
#before-after img{
	width: 100vw;
	}

/*xtrac*/
#xtrac{
	display:block;
	width: 100vw;
	margin:0 auto;
	background-color:#EBEFF7;
	}
#xtrac h2{
	padding:0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
#xtrac h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}
@media screen and (max-width: 767px) {
#xtrac h2{
	padding:0;
	}
}

/*xtrac1*/
.xtrac1,
.xtrac2,
.xtrac3,
.xtrac4{
	padding:5vw 0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
.xtrac1 h3,
.xtrac2 h3,
.xtrac3 h3,
.xtrac4 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:2vw;
	border-bottom: double 3px #ccc;
	max-width:960px;
	width:92vw;
	clear:both;
	}
.xtrac1 h3 span,
.xtrac2 h3 span,
.xtrac3 h3 span,
.xtrac4 h3 span{
	display:block;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.xtrac-inner{
	padding:3vw 0 0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
.xtrac1 .xtrac-inner img{
	float:left;
	padding:0 4vw 3vw 0;
	}
.xtrac2 .xtrac-inner img{
	float:right;
	padding:0 0 3vw 4vw;
	}
.pickup{
	overflow:hidden;
	clear:both;
	padding:3vw;
	background-color:#555;
	color:#fff;
	margin-top:3vw;
	}
.pickup img{
	float:left;
	padding-right:2vw;
	}	
.pickup h4{
	font-size:2.4vw;
	padding-bottom:1vw;
	}

@media screen and (max-width: 767px) {
.xtrac1,
.xtrac2,
.xtrac3,
.xtrac4{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.xtrac1 h3,
.xtrac2 h3,
.xtrac3 h3,
.xtrac4 h3{font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}

.xtrac1 h3 span,
.xtrac2 h3 span,
.xtrac3 h3 span,
.xtrac4 h3 span{font-size:2.2vw;font-size:13px!important;}

.xtrac-inner img{
	float:none!important;
	padding:0 0 2vw 0!important;
	margin:0 auto!important;
	display:block;
	}
.pickup h4{font-size:3vh; text-align:center; padding-bottom:2vw}
.pickup img{
	float:none;
	padding:4vh 0!important;
	}	
}



/*nordlys*/
#nordlys{
	display:block;
	width: 100vw;
	margin:0 auto;
	background-color:#EBEFF7;
	}
#nordlys h2{
	padding:0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
#nordlys h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}
.nordlys1,
.nordlys2,
.nordlys3,
.nordlys5,
.nordlys6,
.nordlys7,
.nordlys8,
.nordlys9{
	padding:5vw 0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
.nordlys1 h3,
.nordlys2 h3,
.nordlys3 h3,
.nordlys5 h3,
.nordlys6 h3,
.nordlys7 h3,
.nordlys8 h3,
.nordlys9 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:2vw;
	border-bottom: double 3px #ccc;
	max-width:960px;
	width:92vw;
	clear:both;
	}
.nordlys1 h3 span,
.nordlys2 h3 span,
.nordlys3 h3 span,
.nordlys5 h3 span,
.nordlys6 h3 span,
.nordlys7 h3 span,
.nordlys8 h3 span,
.nordlys9 h3 span{
	display:block;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.nordlys-inner{
	padding:3vw 0 0;
	margin:0 auto!important;
	max-width:960px;
	width:92vw;
	}
@media screen and (max-width: 767px) {
#nordlys h2{
	padding:0;
	}

.nordlys1,
.nordlys2,
.nordlys3,
.nordlys5,
.nordlys6,
.nordlys7,
.nordlys8,
.nordlys9{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.nordlys1 h3,
.nordlys2 h3,
.nordlys3 h3,
.nordlys5 h3,
.nordlys6 h3,
.nordlys7 h3,
.nordlys8 h3,
.nordlys9 h3{font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}

.nordlys1 h3 span,
.nordlys2 h3 span,
.nordlys3 h3 span,
.nordlys5 h3 span,
.nordlys6 h3 span,
.nordlys7 h3 span,
.nordlys8 h3 span,
.nordlys9 h3 span{font-size:2.2vw;font-size:13px!important;}

.nordlys-inner img{
	float:none!important;
	padding:0 0 2vw 0!important;
	margin:0 auto!important;
	display:block;
	}
}

/*nordlys1*/
.nordlys1 p{padding-bottom:2vw;}
.nordlys1 .nordlys-inner img{
	float:right;
	padding:0 0 3vw 4vw;
	}

/*nordlys2*/
.nordlys2 .nordlys-inner img.Left{
	float:left!important;
	padding:0 4vw 3vw 0;
	max-width:300px;
	display:block;
	}
.nordlys2 .nordlys-inner .img-txt{
	float:left;
	padding:0 0 2vw 0;
	max-width:640px;
	overflow:hidden;
	display:block;
	}
.nordlys2 .nordlys-inner .img-txt img{
	padding:1.5vw 0;
	}
.nordlys2 .comment{
	clear:both;
	padding:3vw 0 0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
.nordlys2 .comment img{
	float:right;
	padding:0 0 3vw 4vw;
	}
.nordlys2 .comment h4{
	clear:both;
	background-color: #EEE;
	text-align: center;
	border-radius:10px;
	font-size:2vw;
	margin-bottom:2vw;
	}	
.nordlys2 .comment p{ padding-bottom:2vw;}
@media screen and (max-width: 767px) {
.nordlys2 .nordlys-inner .img-txt{
	clear:both;
	float:none;
	}
.nordlys2 .nordlys-inner .img-txt img{
	display:block!important;
	clear:both;
	padding:2.5vw 0!important;
	margin:0 auto!important;
	}
.nordlys2 img{
	float:none!important;
	display:block!important;
	clear:both;
	padding:2.5vw 0!important;
	margin:0 auto!important;
	}
.nordlys2 .nordlys-inner img.Left{
	float:none!important;
	padding:0 0 3vw 0;
	max-width:300px;
	display:block;
	margin:0 auto!important;
	}
.nordlys2 .comment img{
	float:right;
	padding:0 0 3vw 0!important;
	margin:0 auto!important;
	}
.nordlys2 .comment h4{
	clear:both;
	text-align: center;
	font-size:3vw;
	margin-bottom:2vw;
	padding:1vh;
	}	
}
/*nordlys3*/

/*nordlys4*/
.nordlys4{
	display: block;
	width: 100vw!important;
	margin: 0 auto;
	padding:5vw 0 1vw;
	max-width:100%!important;
	background-color: #EEEEEE;
	}
.nordlys4 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:2vw;
	max-width:960px;
	width:92vw;
	clear:both;
	margin:0 auto!important;
	}
.nordlys4 h3 span{
	display:block;
	font-size:2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.nordlys4 .nordlys-inner{
	padding:3vw 0 0;
	margin:0 auto!important;
	max-width:960px;
	width:92vw;
	}
@media screen and (max-width: 767px) {
.nordlys4{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.nordlys4 h3{font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}
.nordlys4 h3 span{font-size:2.2vw;font-size:13px!important;}

}

/*nordlys6*/
.nordlys6{
	display: block;
	width: 100vw!important;
	margin: 0 auto 0;
	padding:5vw 0 1vw;
	max-width:100%!important;
	}
.nordlys6 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:2vw;
	max-width:960px;
	width:92vw;
	clear:both;
	margin:0 auto!important;
	}
.nordlys6 h3 span{
	display:block;
	font-size:2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.nordlys6 .nordlys-inner{
	padding:3vw 0 0;
	margin:0 auto!important;
	max-width:960px;
	width:92vw;
	}
.nordlys6 .nordlys-inner img{
	float:left;
	margin:0 40px 30px 0;
	}
@media screen and (max-width: 767px) {
.nordlys6{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.nordlys6 h3{font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}
.nordlys6 h3 span{font-size:2.2vw;font-size:13px!important;}

}

/*nordlys7*/
.nordlys7{
	display: block;
	width: 100vw!important;
	margin: 5vw auto 0;
	padding:5vw 0 1vw;
	max-width:100%!important;
	}
.nordlys7 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:2vw;
	max-width:960px;
	width:92vw;
	clear:both;
	margin:0 auto!important;
	}
.nordlys7 h3 span{
	display:block;
	font-size:2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.nordlys7 .nordlys-inner{
	padding:3vw 0 0;
	margin:0 auto!important;
	max-width:960px;
	width:92vw;
	}
.nordlys7 .nordlys-inner img{
	float:right;
	margin:0 0 30px 20px;
	}
@media screen and (max-width: 767px) {
.nordlys7{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.nordlys7 h3{font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}
.nordlys7 h3 span{font-size:2.2vw;font-size:13px!important;}

}
/*nordlys8*/
.nordlys8{
	display: block;
	width: 100vw!important;
	margin: 5vw auto 0!important;
	padding:5vw 0 1vw;
	max-width:100%!important;
	}
.nordlys8 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:2vw;
	max-width:960px;
	width:92vw;
	clear:both;
	margin:0 auto!important;
	}
.nordlys8 h3 span{
	display:block;
	font-size:2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.nordlys8 .nordlys-inner{
	padding:3vw 0 0;
	margin:0 auto!important;
	max-width:960px;
	width:92vw;
	}
.nordlys8 .nordlys-inner img{
	display:block;
	margin:0 auto;
	}
.nordlys8 ul{
	overflow:hidden;
	background-color:#D8E9E4;
	border-radius:10px;
	padding:20px;
	margin-top:30px;
	}	
.nordlys8 ul li{
	float:none;
	margin:5px 0 5px 21px;
	list-style-type:disc;
	list-style-position:outside;
	}	
@media screen and (max-width: 767px) {
.nordlys8{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.nordlys8 h3{font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}
.nordlys8 h3 span{font-size:2.2vw;font-size:13px!important;}

}


.block-box{
	width:100%;
	overflow:hidden;
	margin:0 0 4vw;
	}
.block-box:last-child{
	margin:0 0 0;
	}
.block-box h3{
	max-width:440px;
	margin:0 0 20px 0;
	border:none;
	}
.block-box ul{
	margin-top:-50px;}	
.block-box ul li{
	float:none;
	margin:5px 0 5px 21px;
	list-style-type:disc;
	list-style-position:outside;
	}	
.img-r{
	float:right;
	margin-top:-132px;
	}
@media screen and (max-width: 1040px) {
.block-box{
	width:100%;
	overflow:hidden;
	}
.block-box h3{
	max-width:440px;
	margin:0 auto 20px;
	border:none;
	}
.block-box ul{
	margin-top:20px!important;
	max-width:440px;
	margin:0 auto;
	display:block;
	}	
.block-box ul li{
	float:none;
	margin:5px 0 5px 21px;
	list-style-type:disc;
	list-style-position:outside;
	}	
.img-r{
	float:none;
	margin:0 auto;
	max-width:440px;
	}
.block-box img{ width:100%!important;margin:0 auto;max-width:440px;display:block;}
}
ul.disk{
	max-width:440px;
	margin:0 auto;
	display:block;
	}
ul.disk li{
	float:none;
	margin:5px 0 5px 21px;
	list-style-type:disc;
	list-style-position:outside;
	}








/*picoway*/
#picoway{
	display:block;
	width: 100vw;
	margin:0 auto;
	background-color:#EBEFF7;
	}
#picoway h2{
	padding:0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
#picoway h2 p{
	width: 92vw;
	max-width:960px;
	font-size:2em;
	margin:0 auto;
	color:#fff;
	}

.first-txt{
	text-align:center;
	font-size:1.6vh;
	padding-bottom:5vw;
	line-height:2;
	max-width:960px;
	}
@media screen and (max-width: 767px) {
.first-txt{
	font-size:2.3vw;
	}
}
	
.picoway1,
.picoway2,
.picoway3,
.picoway4{
	padding:5vw 0;
	margin:0 auto;
	max-width:960px;
	width:92vw;
	}
.picoway1 h3,
.picoway2 h3,
.picoway3 h3,
.picoway4 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	padding-bottom:2vw;
	border-bottom: double 3px #ccc;
	max-width:960px;
	width:92vw;
	clear:both;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.picoway1 h3 span,
.picoway2 h3 span,
.picoway3 h3 span,
.picoway4 h3 span{
	display:block;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.picoway-inner{
	padding:3vw 0 0;
	margin:0 auto!important;
	max-width:960px;
	width:92vw;
	}
@media screen and (max-width: 767px) {
#picoway h2{
	padding:0;
	}

.picoway1,
.picoway2,
.picoway3,
.picoway4{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.picoway1 h3,
.picoway2 h3,
.picoway3 h3,
.picoway4 h3{
	font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}

.picoway1 h3 span,
.picoway2 h3 span,
.picoway3 h3 span,
.picoway4 h3 span{
	font-size:2.2vw;font-size:13px!important;}

.picoway-inner img{
	float:none!important;
	padding:0 0 2vw 0!important;
	margin:0 auto!important;
	display:block;
	}
}

/*picoway1*/
.picoway1 .picoway-inner img.Left{
	float:left!important;
	padding:0 4vw 3vw 0;
	max-width:400px;
	display:block;
	}
.picoway1 .picoway-inner .img-txt{
	float:left;
	padding:0 0 2vw 0;
	max-width:490px;
	overflow:hidden;
	display:block;
	}
.picoway1 .picoway-inner .img-txt img{
	padding:1.5vw 0;
	}
@media screen and (max-width: 767px) {
.picoway1 .nordlys-inner .img-txt img{
	display:block!important;
	clear:both;
	padding:2.5vw 0!important;
	margin:0 auto!important;
	}
.picoway1 img{
	float:none!important;
	display:block!important;
	clear:both;
	padding:2.5vw 0!important;
	margin:0 auto!important;
	max-width:320px!important;
	}
.picoway1 .picoway-inner img.Left{
	float:none!important;
	padding:0 0 3vw 0;
	display:block;
	margin:0 auto!important;
	}
}


/*picoway2*/
.picoway2 p{ padding-bottom:2vw;}
.picoway2 h5{
	clear:both;
	background-color: #EEE;
	text-align: center;
	border-radius:10px;
	font-size:1.4vw;
	margin-bottom:1vw;
	}	

/*3col*/
.picoway2-3col {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	line-height:1.9;
}
.picoway2-3col .box {
    width: 32%;
    padding:16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}
.picoway2-3col:after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
}
@media screen and (max-width: 767px) {
.picoway2 .picoway-inner{
	clear:both;
	float:none;
	}
.picoway2-3col .box h5{
	font-size:16px!important;
	}	
.picoway2-3col {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	line-height:1.9;
}
.picoway2-3col .box {
    width: 100%;
    padding:16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}
.picoway2-3col:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
}
}

/*picoway3*/
.picoway3 img.Right{
	float:right;
	padding:0 0 2vw 4vw;
	}
.picoway3 li{
	background-image: url(../../clinic/img/list.gif);
	background-repeat: no-repeat;
	background-position: left .6vw;
	padding:0 0 0 3vw;
	margin-bottom:2vw;
	}
.picoway3 h6{
	color:#34446A;
	font-size:1.8vw;
	padding-bottom:.5vw;
	}
@media screen and (max-width: 767px) {
.picoway3 img.Right{
	float:none;
	padding:0 0 2vw 0;
	margin:0 auto!important;
	display:block;
	}
.picoway3 li{
	background-position: left .8vw;
	padding:0 0 0 5vw;
	margin-bottom:2vw;
	}
.picoway3 h6{
	color:#34446A;
	font-size:3.8vw;
	padding-bottom:.5vw;
	}
}
/*picoway4*/
.picoway4{
	display: block;
	width: 100vw!important;
	margin: 0 auto;
	padding:5vw 0 1vw;
	max-width:100%!important;
	background-color: #EEEEEE;
	}
.picoway4 h3{
	text-align:center;
	font-size:2.4vw;
	font-family: 'Cinzel', serif;
	padding-bottom:2vw;
	max-width:960px;
	width:92vw;
	clear:both;
	margin:0 auto!important;
	border:none;
	}
.picoway4 h3 span{
	display:block;
	font-size:2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.picoway4 .nordlys-inner{
	padding:3vw 0 0;
	margin:0 auto!important;
	max-width:960px;
	width:92vw;
	}
@media screen and (max-width: 767px) {
.picoway4{
	display:block;
	width: 92vw;
	margin:0 auto!important;
	font-size:13px;
	}
.picoway4 h3{font-size:3.8vw; padding-top:4vw; padding-bottom:2vw;}
.picoway4 h3 span{font-size:2.2vw;font-size:13px!important;}

}



/*timewarker 20241012*/
ul.gr{
	overflow:hidden;
	margin:-5px 0 0;
	}
ul.gr li{
	color:#227D58;
	float:none;
	margin:5px 0 5px 29px;
	list-style-type:disc;
	list-style-position:outside;
	
	}

ul.img-txt-li{
	width:100%;
	}
ul.img-txt-li li{
	float:left;
	width:46%;
	margin:10px 2%;
	}
ul.img-txt-li img{
	width:90%;
	max-width:422px;
	margin:10px 2%;
	}






















.flexbox-container{
	display: block;
	width: 100vw;
	margin: 0 auto;
	padding:2vw 0 2vw;
	overflow:hidden;
	}
.flexbox{
	width:92vw;
	max-width:1000px;
	margin:0 auto!important;
	padding:5vh 0;
	overflow:hidden;
	}
@media screen and (max-width: 767px) {
.flexbox-container{
	display: block;
	width: 100vw;
	margin: 0 auto;
	margin-left:-2vw!important;
	padding:0;
	overflow:hidden;
	}
.flexbox{
	width:100vw;
	max-width:1000px;
	margin:0 auto!important;
	padding:0;
	overflow:hidden;
	margin-left:-2vw!important;
	}
}

/*2col 画面幅に合わせてカラム落ち*/
.flexbox2 {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
}
.flexbox2 .box {
    width: 42vw;
	max-width:460px;
    padding:2vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	overflow:hidden;
}
.flexbox2:after {
    content: "";
    display: block;
    width: 42vw;
	max-width:460px;
    height: 0;
}
@media screen and (max-width: 767px) {
.flexbox2{display:block; }
.flexbox2 .box{
	width: 90vw;
	margin:0 auto;
    padding:0vw; 
}
}

/*3col*/
.flexbox3 {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top
	overflow:hidden;
}
.flexbox3 .box {
    width: 32%;
    padding:16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}
.flexbox3:after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
}

/*4col*/
.flexbox4 {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top
}
.flexbox4 .box {
    width: 22%;
    padding:16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}
.flexbox4:before {
    content: "";
    display: block;
    width: 22%;
    height: 0;
    order: 1;
}
@media screen and (max-width: 767px) {
.flexbox4{display:block; }
.flexbox4 .box{
	width: 90vw;
	margin:0 auto 4vw;
    padding:0vw; 
}
.flexbox4 img{
	width:100%;
	max-width:200px;
	display:block;
	margin:0 auto;
	}
}





/* ------------------------------------
// WP single
----------------------------------- */

#information h2{
	font-size: 2em;
	text-align: center;
   	width: 98vw;
	max-width: 960px;
	margin: 60px auto;
}
#information h2 span{
	font-size: 0.7em;
	display:block;
	text-align: right;
}

#information-container {
	display: block;
   	width: 98vw;
	max-width: 960px;
	margin: 0 auto 60px;
}
.pager{
   	width: 98vw;
	max-width: 960px;
	margin: 0 auto 60px;
	display:flex;
	justify-content: center;
}

.pager a{
	display:block;
	background-color:#D0DEEE;
	padding:10px 20px;
}
.pager a:hover{
	background-color:#9AB3DC;
	color:#fff;
}


@media screen and (max-width: 767px) {
#information h2{
	font-size: 3.8vm;
	margin: 4vh 0;
	width: 92vw;
}
#information-container {
	width: 92vw;
	padding: 3vh 0 5vh;
	letter-spacing: 0;
}
}

/* ------------------------------------
// WP Archive
----------------------------------- */
#info-list h2{
	font-size: 2em;
	text-align: center;
	margin: 60px 0;
}
#infolist-container{
	display: block;
	width: 98vw;
	max-width: 960px;
	margin: 0 auto 60px;
}
#infolist-container dl{
	display: flex;
	margin-bottom: 30px;
	border-bottom: dotted 1px #333;
}

#infolist-container dl dt{
	margin-right: 50px;
}

#infolist-container dl dd{
	font-weight: bold;
}

@media screen and (max-width: 767px) {
#info-list h2{
	font-size: 3.8vm;
	margin: 4vh 0;
	width: 92vw;
}
#infolist-container{
	width: 92vw;
	padding: 3vh 0 5vh;
	letter-spacing: 0;
}
#infolist-container dl dt{
	margin-right: 20px;
}
}

/*20230609 Mynomber*/
.MyNo{
	float:none;
	display:block;
	clear:both;
	width:100%!important;
	max-width:720px!important;
	margin:2vw auto!important;
	text-align:center;
	padding:0;
	}
.MyNo img{
	width:100%!important;
	max-width:720px;
	margin:0 auto!important;
	display:block;
	padding:0;
	}	
@media screen and (max-width: 1000px) {
.MyNo{
	display:block;
	clear:both;
	width:100%;
	max-width:720px;
	margin:4vw auto 0!important;
	text-align:center;
	}
.MyNo img{ width:100%; margin:0 auto!important; display:block!important;}	
}
/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*以下はコンテンツ内のレイアウト*/
.info-list dl,
.gallery-list{
	display: flex;
}

.info-list dt{
	margin:0 10px 0 0;
}

.gallery-list li{
	margin:0 10px 0 0;
}


/*20250317 toppage*/
#notice {
	clear:both;
   	width: 98vw;
	max-width: 960px;
	margin:3vw auto 0;
	padding:30px;
	border: double 3px #CCCCCC;
	border-radius:10px;
	background-color:#FFF;
	}
#notice h3{
	font-size: 18px;
	padding: 0;
	margin:0 0 10px 0;
	color: #0F99A9;
	}
#notice h4{
	font-size: 16px;
	padding:0;
	margin:10px 0 0 0;
	}
#notice h4 span{
	color:#0F99A9;
	padding:0 7px 0 0;
	}
#notice p{
	font-size: 16px;
	padding:0;
	margin:0;
	}
@media screen and (max-width: 1000px) {
#notice h3{
	font-size:14px;
	margin: .5vw 0;
}
#notice {
	width: 74vw;
	padding: 2vw 2vw 2vw;
	letter-spacing: 0;
	margin:3vw auto 0;
}
#notice h4{
	font-size: 12px;
	padding:0;
	margin:10px 0 0 0;
	}
#notice h4 span{
	color:#0F99A9;
	padding:0 7px 0 0;
	}
#notice p{
	font-size: 12px;
	padding:0;
	margin:0;
	}
}