@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 ***/

@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 759px) {
}


*,
*::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: 400;
	font-family: "M PLUS 1p";
 	font-family: 'M PLUS Rounded 1c'!important;
}
.txt-s{ font-size:12px;}

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

.br-sp {display: block;}
@media screen and (max-width: 1100px){
.br-sp {display: none;}
}

.pc-only{display: block!important;}
.sp-only{display: none!important;}
@media screen and (max-width: 1100px){
.pc-only{display: none!important;}
.sp-only{display: block!important;}
h1{display: block!important;padding:10px 10px 0;}
h1 img{display: block!important; width:210px;padding-top:5px;}
}

.anchor {
    display: block;
    padding-top: 160px;
    margin-top: -160px;
}




/* ------------------------------------
// base
------------------------------------ */
html {
	font-size: 62.5%;
	overflow: auto;
}
/*
@media screen and (max-width: 1100px) {html {font-size: calc(1000vw / 768);}}
*/


body {
  	color: #333;
	font-family: "M PLUS 1p";
 	font-family: 'M PLUS Rounded 1c'!important;
	/*
	font-family: "M PLUS 1p";
 	font-family: 'M PLUS Rounded 1c'!important;
	*/
 	font-size: 1.6em;
  	font-weight: 400;
	line-height: 2.2;
	letter-spacing:0.03em;
	margin: 0;
	padding-bottom:0!important;
  	overflow: hidden;
  	min-width: 1000px;
}
@media screen and (max-width: 1100px) {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;
}
.R-img{
	float:right;
	padding:0 0 2vw 4vw;
	}
.txt12{ font-size:12px; line-height:120%!important; margin:0;}	
.txt14{ font-size:14px; line-height:100%!important; margin:0;}	
.gr{ color:#007A7F;}
.or{ color:#EB7600;}
.ye{ color:#FFDF76;}
.re{ color:#DD3200;}
.pi{ color:#CF598D;}
.lpi{ color:#EA6281;}
.lgr{ color:#008C8C;}
.bw{ color:#998361;}
.lbw{ color:#A38167;}
.be{ color:#A2826A;}
.bl{ color:#00678C;}
.d-bl{ color:#40527A;}

.ye-back{ background-color:#FFFDEF;}
.bl-back{ background-color:#FAFEFE;}
.lbl-back{ background-color:#ECF4F8;}
.bl-border{ border-color:#ADDCDC;}

.btm30{padding-bottom:3vh;}
.btm50{padding-bottom:5vh;}

.top20{ margin-top:20px;}
.M-2vw{ margin:2vw;}	
.M-TB-2vw{ margin:2vw 0;}	
.M-LR-2vw{ margin:0 2vw;}
.M-4vw{ margin:4vw;}	
.M-TB-4vw{ margin:4vw 0;}	
.M-LR-4vw{ margin:0 4vw;}
.M-B-2vw{ margin:0 0 2vw;}	
.M-B-4vw{ margin:0 0 4vw;}	

.P-2vw{ padding:2vw;}	
.P-TB-2vw{ padding:2vw 0;}	
.P-LR-2vw{ padding:0 2vw;}	
.P-4vw{ padding:4vw;}	
.P-TB-4vw{ padding:4vw 0;}	
.P-LR-4vw{ padding:0 4vw;}	

@media screen and (max-width: 1400px) {
.M-2vw{ margin:2vw;}	
.M-TB-2vw{ margin:2vw;}	
.M-LR-2vw{ margin:2vw;}
.M-4vw{ margin:4vw;}	
.M-TB-4vw{ margin:4vw;}	
.M-LR-4vw{ margin:4vw;}
.M-B-4vw{ margin:0 0 4vw;}	

.P-2vw{ padding:2vw;}	
.P-TB-2vw{ padding:2vw;}	
.P-LR-2vw{ padding:2vw;}	
.P-4vw{ padding:4vw;}	
.P-TB-4vw{ padding:4v;}	
.P-LR-4vw{ padding:4vw;}	
}

/* 背景画像の透過用 */
.bkRGBA{
	height: 100%;
	background: rgba(255,255,255,0.5);
	padding:5vw 0 5vw;
	}	
.sp {display: none;}
@media screen and (max-width: 767px) {.sp {display: block;}}
@media screen and (max-width: 767px) {.pc {display: none;}}

.txt-c{ text-align:center;}
.txt-r{ text-align:right;}
.marker_bl{
	background: linear-gradient(transparent 40%, #C2DEFB);}
.marker_y{
	background: linear-gradient(transparent 40%, #FFE06E);}
mark{background: linear-gradient(transparent 65%, #E1F29E 0%);}


img.pc{ display:block;}
img.sp{ display:none; margin:0 auto;}
@media screen and (max-width: 1200px) {
img.pc{ display:none;}
img.sp{ display:block;}
}
@media screen and (max-width: 1200px) {
img.pc{ display:none;}
img.sp{ display:block;}
}

.img-R{
	float:right;
	max-width:480px;
	padding-left:2vw;
	}	
.img-L{
	float:left;
	max-width:480px;
	padding-right:2vw;
	}	
@media screen and (max-width: 1100px) {
.img-R,.img-L{
	float:none!important;
	max-width:480px;
	width:100%;
	padding-left:0;
	padding-right:0;
	margin:0 auto;
	display:block;
	}	
}





.banner-btn{
	display:block;
	margin:2vw auto 0;
	text-align:center;
	}
p.border-box{
	border:solid 1px #999999;
	padding:1vw;
	margin:0 auto;
	}


/*---side--------------------------------------------------------------------------*/
.side {
  position: fixed;
  top:420px!important;
  right: 0px;
  z-index: 15;
}
.side img{
	float:right;
	display:block;
	clear:both;
	}
.side img.btn{
	padding-right:20px;
	}
@media screen and (max-width: 1100px) {
  .side { display:none!important;}
}


/*
@media screen and (max-width: 767px) {
  .pagetop {
    right: 2rem;
    width: 8rem;
  bottom:86px!important;
  }
}
*/

/*---mailformpro--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
	form#mailformpro dl dt {
		float: none;
		width: auto;
		padding: 5px;
		text-align: left;
	}
	form#mailformpro dl dd {
		clear: both;
		border-top: none;
		padding: 5px 15px;
		font-size: 12px;
		line-height: 1.5em;
	}
	div.mfp_buttons button {
		font-size: 14px;
	}
	table#mfp_confirm_table tr th {
		white-space: nowrap;
		width: 100px;
	}
	div#mfp_thanks {
		text-align: center;
		font-size: 18px;
		padding: 20px 0px;
	}
	div#mfp_thanks strong {
		color: #C00;
		font-size: 24px;
		display: block;
	}
}

textarea[name="お問い合わせ内容"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}

/*---header--------------------------------------------------------------------------*/
#header {
	width:100%;
}
.main-img {
	display:block;
	text-align: center;
	margin:0 ;
	width:100vw;
	position: absolute;
	margin:-42vw auto 0 auto;
}
.main-img img{
	display: block;
	max-width:1163px;
	text-align:center;
	margin:0 auto 0!important;
}
@media screen and (max-width: 1300px) {
.main-img {
	display:block;
	margin:0 ;
	width:80vw;
	position: absolute;
	margin:-42vw auto 0 8vw!important;
}
.main-img img{
	display: block;
	max-width:800px!important;
	text-align:center;
	margin:0 auto 0!important;
}
}
@media screen and (max-width: 759px) {
}
/*gnav ----------------------------------------------------*/
#header .gnav {
	clear: both!important;
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding: 0;
	z-index: 99;
	background-color: #49C6C9;
}
#header .gnav dl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin:0 auto;
	width:1100px;
}
#header .gnav ul {
	width:1100px;
	margin: 0 auto;
}
#header .gnav ul li{
	margin:0 auto!important;
	text-align:center;
	width:14.2%;
	float:left;
	padding:0 0 0 0;
}
#header .gnav ul img{
	padding: 0;
	}
#header .gnav ul li a {
  padding-top: 0;
}

/*ganv プルダウン*/
.dropdown__lists {
	display: none!important;
	position: relative;
	top: -23px;
	left: -770px;
	transition: all .3s;
	height: auto!important;
}
.has-child:hover .dropdown__lists {
    display: block!important;
}
.dropdown__list:first-child{
    transition: all .3s;
    position: relative;
	left:0;
}
.dropdown__lists li {
	width: 360px!important;
	height:45px;
	}
.dropdown__lists li a{
	width: 360px!important;
	}
.dropdown__lists li p{border:solid 1px #666;width: 350px!important;text-align:center;color: #fff;	background-color: #000;
}
.dropdown__lists li p:last-child{border:solid 1px #666;width: 350px!important;text-align:center;color: #fff;}
.dropdown__lists li p:hover{
	background-color: #DE5793;
}
	



#head{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background-color:#49C6C9;
	}
#head .inner{
	max-width:1120px;
	width:100%;
	margin:0 auto 1vw!important;
	padding-top:1vw;
	}	
#head .inner h1{
	float:left;
	width:680px;
	margin:0;
	}
#head .inner h1 p{
	margin:3px 0 0 0;
	color:#000;
	font-size:90%;
	}
#head .inner h1 img{
	float:left;
	display:block;
	margin:-2px 20px 10px 0;
	}	
#head .inner .assist{
	float:right;
	width:396px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
#head .inner .assist ul li{
	float:left;
	width:127px;
	margin-left:5px;
	}	
@media screen and (max-width: 1100px) {
#head{width:100%;}
#head .inner .assist{display:none!important;}
#head .inner h1 p{display:none!important;}
#head .inner h1 img{
	display:block;width:365px;
	}	
}
@media screen and (max-width: 759px) {
#head{width:100%; height:64px;}
#head .inner{padding-top:0;}	
#head .inner h1 img{
	display:block;width:300px;margin:0;
	}	
}






#head-common{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background-color:#49C6C9;
	}
#head-common .inner{
	max-width:1120px;
	width:100%;
	margin:0 auto 0!important;
	padding-top:1vw;
	}	
#head-common .inner h1{
	float:left;
	width:680px;
	margin:-10px 20px 10px 0;
	}
#head-common .inner h1 p{
	margin:5px 0 0 0;
	color:#000;
	font-size:90%;
	}
#head-common .inner h1 img{
	float:left;
	display:block;
	margin:0 20px 10px 0;
	}	
#head-common .inner .assist{
	float:right;
	width:396px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
#head-common .inner .assist ul li{
	float:left;
	width:127px;
	margin-left:5px;
	}	
@media screen and (max-width: 1100px) {
#header {margin-bottom: 0vw;}
#head .inner .assist{display:none!important;}
#head-common{width:100%;}
#head-common .inner h1 p{display:none!important;}
}
@media screen and (max-width: 759px) {
#head-common .inner{
	padding-top:0;
	}	
}

/*gnav 1000px----------------------------------------------------*/
@media screen and (max-width: 1100px) {
  #header .gnav,.assist{display:none;}
  #header {margin-bottom: 0;}
  #head-common{ margin:0 0 6px 0;}
#head-common .inner h1 img{
	width:300px;
	margin:10px 0 0 0;
	}	
}


/*slider-on スクロール追尾*/
#slider-on{
	position: relative;
	z-index: 10!important;
	background-color: #49C6C9;
	border-bottom: solid 1px #eee;
	}

#slider-on.fixed {
	transform: translateY(-100%);
	transition: 0.3s;
	left: 0;
	margin:0;
	padding: 0;
	position: fixed;
	top:-118px;
	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;
}
#slider-on.fixed dl {
	margin: 0 auto;
	width:1100px;
}
.js-fixedHeader #slider-on.fixed {transform: translateY(0);}
		

/*slider-on2*/
#slider-on2{
	position: relative;
	z-index: 11!important;
	background-color:#49C6C9;
	display:none;
	}

#slider-on2.fixed {
	transform: translateY(-100%);
	transition: 0.3s;
	left: 0;
	margin:0;
	padding: 0;
	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;
	display:block;
}
#slider-on2.fixed dl {
	margin: 0 auto;
	width:1100px;
}
.js-fixedHeader #slider-on2.fixed {transform: translateY(0);}
@media screen and (max-width: 1100px) {
#slider-on2{display: none;}
#slider-on{display: none;}
	}


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

@media screen and (max-width: 1100px) {
  .spmenu {
    background: url("../img/menu.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    height:44px;
    position: fixed;
    right: 0;
    top: 10px;
    width: 55px;
    z-index: 5000;
  }
  .spmenu.close {
    background: url("../img/menu_close.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    height:44px;
    position: fixed;
    right: 0;
    top: 10px;
    width: 55px;
    z-index: 5000;
  }
  #sp_drw {
	display: block;
	left: 0;
	padding: 1vw 5vw 0 4vw;
	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: #49C6C9;
	color:#000;
  }
  .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: 1rem;
  }
  #sp_drw .sp_nav dt {
    line-height: 1.2;
    margin-bottom: 3rem;
	margin-top:0px;
	color:#000;
	letter-spacing:.1em;
  }
  #sp_drw .sp_nav dt span {
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin: 7px 0;
	line-height: 1.8;
	color: #fff;
	text-align: center;
	background-color: #E05693;
  }
  #sp_drw .sp_nav p.symptom {
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin: 7px 0;
	line-height: 1.8;
	color: #fff;
	text-align: center;
	background-color: #309799;
  }
  
  #sp_drw .sp_nav dt{margin:5px 0 0 0;}
  #sp_drw .sp_nav dt img {
    width: 32rem;
  }
  #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:15px;
    line-height: 1.2;
    margin-bottom: 0.3em;
    width: 50%;
	list-style:disc;
  }
  #sp_drw .sp_nav dd ul li a {
    display: block;
    padding: 0.6em 0 ;
  }

  #sp_drw .sp_nav dd ul.symptom li {
	font-size:15px;
    line-height: 1.2;
    margin-bottom: 0.3em;
    width: 100%;
	list-style:disc;
  }
  #sp_drw .sp_nav dd ul.symptom li a {
	display: block;
	padding: 0.6em 0;
	color: #000;
  }
  #sp_drw .sp_nav dd ul.symptom li a:hover { color:#fff;}

  #sp_drw .sp_nav dd ul li a:hover {
	color: #fff;
  }
  #sp_drw img{ padding-right:10px; margin-bottom:10px;}
  
   #sp_drw .contact img{
	   width:100%!important;}
  #sp_drw p{ font-size:12px; text-align: center;}
#sp_drw .contact li{
	float:left;
	width:50%;
	padding:0 5px 0 0;
	}	
#sp_drw .contact li:last-child{
	float:left;
	width:50%;
	padding:0 0 0 5px;
	}
}

/*---footer--------------------------------------------------------------------------*/
footer{
	border-top: solid 1px #ccc;
	width: 100%;
	overflow: hidden;
	padding: 4vw 0;
	background-image: url(../img/foot-back.jpg);
	background-repeat: repeat;
	color:#333;
	}
footer .inner{
	overflow: hidden;
	width: 96vw;
	max-width: 1100px;
	margin: 0 auto;
	padding:0;
	}
footer .innerL{
	overflow:hidden;
	width:50%;
	max-width:520px;
	float:left;
	}
footer .innerR li{
	float:left;
	padding:0 10px 0 0;
	}	
footer .innerR li:last-child{
	float:left;
	padding:0;
	}
footer h2{
	margin:0;
	font-size: clamp(28px, 3vw, 48px);
	font-weight:800;
	color:#444;
	line-height:120%;
	letter-spacing:.1em;
	}
footer h3{
	margin:0;
	font-size:18px;
	font-weight:600;
	line-height:240%;
	letter-spacing:.1em;
	}
footer .innerR{
	overflow:hidden;
	width:50%;
	max-width:520px;
	float:right;
	}
.copy{
	width:100%;
	text-align:center;
	font-size:12px;
	padding:.5vw;
	letter-spacing:.1em;
	color:#FFF;
	background-color:#000;
	}
.icon-access{
	background-image:url(../img/icon-access.png);
	background-repeat:no-repeat;
	padding:0 0 0 26px;
	}	
@media screen and (max-width: 1100px) {
footer{
	padding: 4vw 0;
	width: 100%;
	margin:0 auto 40px;
	}
footer .inner{
	overflow: hidden;
	width: 92%;
	margin: 0 auto;
	padding:0;
	}
footer .innerL{
	overflow:hidden;
	width:100%!important;
	float:none;
	margin: 0 auto;
	}
footer .innerR{
	overflow:hidden;
	width:100%;
	float:none;
	margin:2vw auto 0;
	}
footer .innerR li{
	float:left;
	width:50%;
	padding:0 ;
	text-align:center;
	}	
footer .innerR li:last-child{
	float:left;
	width:50%;
	padding:0;
	}
footer h2 img{
	margin:0 auto;
	max-width:320px;
	width:80%;
	display:block;
	padding:0;
	}

}
	
	
/* footer sp */
#ftnav {
	display: none;
	bottom: 0;
	left: 0;
	padding: 8px 1em;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10;
	background-color: #000;
}
#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: 32%;}
#ftnav ul li a img{width: 100px!important;}
#ftnav ul li a {
  border-radius: 10px;
  display: block;
  line-height: 0;
  padding: 8px 0;
  text-align: center;
  overflow: hidden;
  height:60px;
  border:solid 1px #fff;
}
#ftnav ul li:first-child a {
	color: #FFF;
	background-color: #000;
}
#ftnav ul li:nth-child(2) a {
	color:#FFF;
	background-color: #000;
}
#ftnav ul li:last-child a {
	color: #FFF;
	background-color: #000;
}
#ftnav ul li:first-child a:hover,
#ftnav ul li:nth-child(2) a:hover,
#ftnav ul li:last-child a:hover{
	background-color: #333;
}

@media screen and (max-width: 1100px) {
  #ftnav {
	display: block;
    padding: 2rem 1em;
  }
#ftnav img{ width:50%!important; margin:8px auto;}
}


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


/*---TOP contents--------------------------------------------------------------------------*/
#main-inner{width:100%;}

@media screen and (max-width: 1100px) {
#main-inner{width:100%;
border-top:solid 15px #333;}
}


#main-inner img{width:100%;}


/* -----div.center ----------- */
div.center{
	width:auto;
	margin:0 auto 2vw;
	text-align:center;
	}	
  
/* -----border-tit ----------- */
.border-tit{
	padding: 0;
	text-align:center;
	font-size: calc(1.0vw + 1.3rem);
	font-family: serif;
	letter-spacing:0.1em;
	line-height:160%;
	color:#C0DDFC;
	padding:1vw;
	margin:0 auto!important;
	text-align:center;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	width:auto;
	}
/* -----border-h2 ----------- */
.border-h2{
	padding: 0;
	text-align:center;
	font-size: calc(1.0vw + 1.6rem);
	font-family: serif;
	letter-spacing:0.1em;
	line-height:160%;
	padding:1vw;
	margin:0 auto!important;
	text-align:center;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	width:auto;
	}

@media screen and (max-width: 1100px) {
.border-h2{
	letter-spacing:0em;
	}
}
/* -----border-max-h2 ----------- */
.border-max-h2{
	padding: 0;
	text-align:center;
	font-size: calc(1.0vw + 1.6rem);
	font-family: serif;
	letter-spacing:0.1em;
	line-height:160%;
	padding:1vw;
	margin:0 auto!important;
	text-align:center;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	width:auto;
	display:block;
	}

@media screen and (max-width: 1100px) {
.border-max-h2{
	text-align:left;
	}
}

/* -----btn-round ----------- */
.btn-round{
	text-align:center;
 }
.btn-round p{
 	display:inline-block;
	padding: 0;
	text-align: center;
	line-height: 160%;
	padding: 1vw 3.5vw 1vw 2vw;
	margin:0 auto 3vw;
	text-align: center;
	border-radius: 10px;
	width: auto;
	background-color: #00B2B5;
	font-size: calc(.9vw + 1rem);
	font-weight: 400;
	background-image: url(../img/arrow_wh.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	color:#fff;
	}  
.btn-round p:hover{
	background-color:#333;
  }
@media screen and (max-width: 1100px) {
.btn-round p{
	padding: 1vw 8.5vw 1vw 4vw;
	font-size: calc(1.3vw + 1.2rem);
	}  
}

/* -----btn-round Left----------- */
.btn-round-L{
 }
.btn-round-L p{
 	display:inline-block;
	padding: 0;
	text-align: center;
	line-height: 160%;
	padding: 1vw 3.5vw 1vw 2vw;
	margin:0 auto 3vw;
	text-align: center;
	border-radius: 10px;
	width: auto;
	background-color: #00B2B5;
	font-size: calc(.9vw + 1rem);
	font-weight: 400;
	background-image: url(../img/arrow_wh.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	color:#fff;
	}  
.btn-round-L p:hover{
	background-color:#333;
  }
@media screen and (max-width: 1100px) {
.btn-round-L{
	text-align:center;
 }
.btn-round-L p{
	padding: 1vw 8.5vw 1vw 4vw;
	font-size: calc(1.3vw + 1.2rem);
	}  
}


/* -----btn-round white----------- */
.btn-round-wh{
 }
.btn-round-wh p{
 	display:inline-block;
	padding: 0;
	text-align: center;
	line-height: 160%;
	padding: 1vw 3.5vw 1vw 2vw;
	margin:0 auto 3vw;
	text-align: center;
	border-radius: 10px;
	width: auto;
	background-color: #fff;
	font-size: calc(.9vw + 1rem);
	font-weight: 400;
	background-image: url(../img/arrow_bk.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	color:#333;
	}  
.btn-round-wh p:hover{
	background-color: #00B2B5;
	color:#fff;
	font-weight: 400;
	background-image: url(../img/arrow_wh.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
  }
@media screen and (max-width: 1100px) {
.btn-round-wh{
	text-align:center;
 }
.btn-round-wh p{
	padding: 1vw 8.5vw 1vw 4vw;
	font-size: calc(1.3vw + 1.2rem);
	}  
}


  
/* ----- 2col ----------- */
.flexbox2 {
    width: 100%;
 	max-width:1000px;
	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items:;
	overflow:hidden;
	margin:0 auto 2vw auto!important;
	padding:4vw 0 2vw;
}
.flexbox2 .box {
    width: 46%;
	max-width:680px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	padding:2vw 0 0 0;
}
.flexbox2 .box p{
	padding: 0 2vw;
	}
.flexbox2:after {
    content: "";
    display: block;
    width: 46%;
    height: 0;
}
@media screen and (max-width: 1100px) {
.flexbox2 {
    width: 94%;
	max-width:680px;
   	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	margin:0 auto 0 auto!important;
}
.flexbox2 .box {
    width: 100%;
	margin:0 auto 3vw!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;
}
.flexbox2 .box img{
	display:block;
	margin:0 auto 1vh;
	max-width:100%;
	text-align:center;
	}
.flexbox2:after {
    content: "";
    display: block;
    width: 100%;
	margin:0 auto;
    padding:0;
    height: 0;
	text-align:center;
}
}
     

/* flexbox2-1100 */
.flexbox2-1100 {
    width: 100%;
 	max-width:1100px;
	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items:;
	overflow:hidden;
	margin:0 auto 2vw auto!important;
	padding:0vw 0 2vw;
}
.flexbox2-1100 .box {
    width: 46%;
	max-width:680px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	padding:2vw 0 0 0;
}
.flexbox2-1100:after {
    content: "";
    display: block;
    width: 46%;
    height: 0;
	background-color:#414141;
}
@media screen and (max-width: 1100px) {
.flexbox2-1100 {
    width: 100%;
	max-width:680px;
   	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	margin:0 auto 0 auto!important;
}
.flexbox2-1100 .box {
    width: 100%;
	margin:0 auto 3vw!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;
}
.flexbox2-1100 .box img{
	display:block;
	margin:0 auto 1vh;
	max-width:100%;
	text-align:center;
	}
.flexbox2-1100:after {
    content: "";
    display: block;
    width: 100%;
	margin:0 auto;
    padding:0;
    height: 0;
	text-align:center;
}
}


/* flexbox2-ppl */
.flexbox2-ppl {
    width: 100%;
 	max-width:1100px;
	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items:;
	overflow:hidden;
	margin: 2vw auto!important;
	padding:0;
}
.flexbox2-ppl .box {
	width: 46%;
	max-width: 680px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 1vw;
	border-radius:10px;
	background-color: #F0EDF4;
	margin:0 auto 3vw!important;
}
.flexbox2-ppl:after {
    content: "";
    display: block;
    width: 46%;
    height: 0;
	background-color:#414141;
}
@media screen and (max-width: 1100px) {
.flexbox2-ppl {
    width: 100%;
	max-width:680px;
   	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	margin:0 auto 0 auto!important;
}
.flexbox2-ppl .box {
    width: 100%;
	margin:0 auto 3vw!important;
    padding:2vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	text-align:left;
}
.flexbox2-ppl .box img{
	display:block;
	margin:0 auto 1vh;
	max-width:100%;
	text-align:center;
	}
.flexbox2-ppl:after {
    content: "";
    display: block;
    width: 100%;
	margin:0 auto;
    padding:0;
    height: 0;
	text-align:center;
}
} 
  
/* ----- 3col ----------- */
.flexbox3 {
    width: 100%;
 	max-width:1100px;
   flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items:;
	overflow:hidden;
	margin:0 auto 2vw auto!important;
}
.flexbox3 .box {
    width: 33.3%;
	max-width:320px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	padding:2vw 0 0 0;
}
.flexbox3:after {
    content: "";
    display: block;
    width: 33.3%;
    height: 0;
}
@media screen and (max-width: 1100px) {
.flexbox3 {
    width: 100%;
	max-width:680px;
   	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	margin:0 auto 0 auto!important;
}
.flexbox3 .box {
    width: 100%;
	max-width:680px;
	margin:4vw auto 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;
}
.flexbox3 .box img{
	display:block;
	margin:0 auto 1vw;
	max-width:100%;
	text-align:center;
	}
.flexbox3:after {
    content: "";
    display: block;
    width: 100%;
	margin:0 auto;
    padding:0;
    height: 0;
	text-align:center;
}
}

.flexbox3 p{
	margin:0;}
	
	




/* ----- 4col ----------- */
.flexbox4 {
    width: 100%;
 	max-width:1100px;
   flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items:;
	overflow:hidden;
	margin:0 auto 2vw auto!important;
}
.flexbox4 .box {
    width: 25%;
	max-width:290px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	padding:2vw 0 0 0;
}
.flexbox4:after {
    content: "";
    display: block;
    width: 25%;
    height: 0;
}
@media screen and (max-width: 1100px) {
.flexbox4 {
    width: 100%;
	max-width:680px;
   	flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
	overflow:hidden;
	margin:0 auto 0 auto!important;
}
.flexbox4 .box {
    width: 100%;
	max-width:680px;
	margin:4vw auto 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;
}
.flexbox4 .box img{
	display:block;
	margin:0 auto 1vw;
	max-width:100%;
	text-align:center;
	}
.flexbox4:after {
    content: "";
    display: block;
    width: 100%;
	margin:0 auto;
    padding:0;
    height: 0;
	text-align:center;
}
}

.flexbox4 p{
	margin:0;}	

/* ------------------------------------
// TOP-features
------------------------------------ */
#TOP-features{
	width: 100%;
	overflow: hidden;
	padding: 2vw 0 0;
	margin: 0;
	background-color: #EEF3D6;
	}
#TOP-features .inner {
	overflow: hidden;
	max-width: 1100px;
	width: 94%;
	margin: 2vw auto;
}
#TOP-features p{color:;}
#TOP-features h2{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(0.2vw + 2.2rem);
	letter-spacing:0.3em;
	line-height:100%;
	}
#TOP-features h3{
	padding: 0;
	margin:0 auto 1vw!important;
	text-align:center;
	font-size: calc(1.3vw + 2rem);
	line-height:160%;
	}
#TOP-features h4{
	padding: 0;
	margin:0 auto 0.5vw!important;
	text-align:center;
	font-size: calc(0.2vw + 2.2rem);
	line-height:160%;
	}
	
@media screen and (max-width: 1100px) {
#TOP-features{
	width: 100%;
	overflow: hidden;
	padding: 2vw 0 0;
	margin: 0;
	background-color: #EEF3D6;
	border-top:solid 15px #333!important;
	}
}


/* ------------------------------------
// TOP-pickup
------------------------------------ */
#TOP-pickup2{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	color:#FFF;
	}
#TOP-pickup2 .inner {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background-color: #333;
}
#TOP-pickup2 .innerR {
	overflow: hidden;
	width: 50%;
	margin: 0;
	float: left;
	background-color: #333;
}
#TOP-pickup2 .innerL {
	overflow: hidden;
	width: 50%;
	margin: 0;
	float: right;
	background-image: url(../img/pickup-img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 420px;
}
#TOP-pickup2 .innerR .box{
	padding: 1.5vw 3vw 0;
	}
#TOP-pickup2 h2{
	color:#FFF;
	font-size: calc(1vw + 1.8rem);
	font-family: serif;
	}
#TOP-pickup2 h3{
	color:#FFF;
	font-size: calc(.8vw + 1.8rem);
	font-family: serif;
	line-height:160%;
	}
@media screen and (max-width: 1100px) {
#TOP-pickup2 .innerL {
	overflow: hidden;
	width: 100%;
	margin: 0 ;
	float: none;
	height:auto;
	background-image: url(../img/pickup-img1.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	height:240px;
	display:none;
}
#TOP-pickup2 .innerR {
	overflow: hidden;
	width: 100%;
	margin: 0 ;
	float: none;
	height:auto;
}
#TOP-pickup2 .innerR .box{
	padding: 3vw;
	}
}




/* ------------------------------------
// TOP-symptom
------------------------------------ */
#TOP-symptom{
	width: 100%;
	overflow: hidden;
	padding: 2vw 0;
	margin: 0;
	background-color:#F3EEEB;
	}
#TOP-symptom .inner {
	overflow: hidden;
	max-width: 1100px;
	width: 94%;
	margin: 2vw auto;
}
#TOP-symptom h2{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(2.2vw + 1.4rem);
	line-height:100%;
	}
#TOP-symptom ul{
	margin-bottom:4vw;}
	
#TOP-symptom ul li{
	float: none;
	font-size: calc(1vw + 1.2rem);
	background-image: url(../img/check-bk.png);
	background-repeat: no-repeat;
	background-position: left 16px;
	padding:0 0 0 30px;
	}

#TOP-symptom .inner img{
	float:right;
	padding-left:2vw;
	max-width:410px;
	width:100%;
	}

@media screen and (max-width: 1100px) {
#TOP-symptom .inner {
	margin: 6vw auto;
}
#TOP-symptom .inner img{
	float:none;
	padding-left:0;
	max-width:600px;
	width:60%;
	display:block;
	margin:40px auto 0;
	}
#TOP-symptom ul li{
	float: none;
	font-size: calc(1vw + 1.2rem);
	background-image: url(../img/check-bk.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding:0 0 0 30px;
	}
#TOP-symptom h2{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(2.8vw + 1.4rem);
	line-height:100%;
	}
}

/* ------------------------------------
// TOP-message
------------------------------------ */
#TOP-message{
	width: 100%;
	overflow: hidden;
	padding: 2vw 0;
	margin: 0;
	}
#TOP-message .inner {
	overflow: hidden;
	max-width: 1100px;
	width: 94%;
	margin: 2vw auto;
}
#TOP-message h2{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	}
#TOP-message h3{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(1.8vw + 1.4rem);
	line-height:160%;
	}
#TOP-message .inner img.r{
	float:right;
	padding-left:2vw;
	margin-bottom:2vw;
	max-width:410px;
	width:100%;
	}
@media screen and (max-width: 1100px) {
#TOP-message .inner img.r{
	float:none;
	padding-left:0;
	margin:0 auto 6vw;
	max-width:220px;
	width:60%;
	display:block;
	}
}



/* ------------------------------------
// TOP-voice
------------------------------------ */
#TOP-voice{
	width: 100%;
	overflow: hidden;
	padding: 2vw 0;
	margin: 0;
	background-color: #FEFAE5;
	}
#TOP-voice .inner {
	overflow: hidden;
	max-width: 1100px;
	width: 94%;
	margin: 2vw auto;
}
#TOP-voice .inner-L{
	overflow: hidden;
	max-width: 600px;
	margin: 0;
	float:left;
}
#TOP-voice .inner-R{
	overflow: hidden;
	max-width: 480px;
	margin: 0;
	float:right;
	background-color:#FFF;
	border:solid 1px #FBE08C;
	border-radius:10px;
	padding:30px;
}
#TOP-voice .inner-R img{ width:100%;}
#TOP-voice h2{
	padding: 0;
	margin:0 0 2vw;
	}
#TOP-voice h3{
	padding: 0;
	margin:0 0 2vw;
	font-size: calc(.8vw + .8rem);
	line-height:160%;
	}
#TOP-voice ul li{
	float:none;
	list-style-type:disc;
	list-style-position:outside;
	padding:0;
	margin:0 0 0 20px;
	}	
@media screen and (max-width: 1100px) {
#TOP-voice .inner-L{
	overflow: hidden;
	max-width: 100%;
	margin: 0 auto;
	float:none;
}
#TOP-voice .inner-R{
	overflow: hidden;
	max-width: 100%;
	margin: 0 auto;
	float:none;
	background-color:#FFF;
	border-radius:10px;
	padding:10px;
}
}



/* ------------------------------------
// TOP-certificate
------------------------------------ */
#TOP-certificate{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-image: url(../img/certificate-back.png);
	background-repeat: repeat-x;
	background-position:center 100px;
	}
img.center{margin:0 auto; display:block;}	

/* ------------------------------------
// TOP-t-slide
------------------------------------ */
#t-slide{
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding:2vw 0 0;
	overflow: hidden;
	background-color:#FCE28C;
	}
#t-slide .inner{
	width: 100%;
	margin:0 auto;
	padding:0;
	overflow: hidden;
}
@media screen and (max-width: 739px) {
#t-slide{margin:0 auto;}
#t-slide .inner{
	width:100%;
	margin: 0 auto;
}
}

/* slide */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#amazingcarousel-2 .amazingcarousel-image {	
	position: relative;
	padding: 0;
}
#amazingcarousel-2 .amazingcarousel-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
#amazingcarousel-container-2 {
	padding: 0 0; 
	margin:0 auto!important;
	width:3000px;
}
#amazingcarousel-2 .amazingcarousel-list-container { 
	padding: 0;
	margin:0 auto!important;
	width:3000px;
}
#amazingcarousel-2 .amazingcarousel-item-container {
	text-align: center;
	padding:0 10px 2.5vw;
}
	
	

















/*---Common--------------------------------------------------------------------------SECOND PAGE*/
#second-h2{
	background-repeat: repeat-x;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	padding:10vw 0;
	margin: 0;
	font-size: calc(2.3vw + 1.5rem);
	font-family: serif;
	font-weight:600;
	letter-spacing: 0em;
	line-height: 100%;
	}
#second-h2 h2{
	max-width:1100px;
	margin:1vw auto;
	}
#second-h2.message{background-image: url(../../message/img/h2-back.jpg);}
#second-h2.first{background-image: url(../../first/img/h2-back.jpg);}
#second-h2.introduction{background-image: url(../../introduction/img/h2-back.jpg);}
#second-h2.features{background-image: url(../../features/img/h2-back.jpg);}
#second-h2.symptom{background-image: url(../../symptom/img/h2-back.jpg);}
#second-h2.voice{background-image: url(../../voice/img/h2-back.jpg);}
#second-h2.contact{background-image: url(../../contact/img/h2-back.jpg);}
#second-h2.access{background-image: url(../../access/img/h2-back.jpg);}
	
@media screen and (max-width: 1100px) {
#second-h2 h2{
	width:94%;
	margin:1vw auto;
	}
#second-h2 h2 img{
	width:65%;
	}
}


/* ------------------------------------
// message
------------------------------------ */
#message{
	width: 100%;
	max-width: 1100px;
	overflow: hidden;
	padding: 0;
	margin: 4vw auto;
	background-image: url(../../implant/img/about/first-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #444444;
	}
#message .inner {
	overflow: hidden;
	width:94%;
	max-width: 1020px;
	margin: 0 auto;
	padding:2vw 0 1vw;
	color:#fff;
}
#message h2{
	font-size: calc(.9vw + 1.5rem);
	font-family: serif;
	font-weight: 600;
	padding: 2vw 0 2vw;
	margin: 0;
	line-height:160%;
	}
	
#message .inner img.L{ float:left; margin:0 3vw 2vw 0;}
#message .inner img.R{ float:right; margin:0 0 2vw 3vw;}
@media screen and (max-width: 1100px) {
#message{
	margin:0 auto;
	}
#message .inner img.L{ float:none; margin:0 auto 2vw; display:block;}
#message .inner img.R{ float:none; margin:0 auto 2vw; display:block;}
}


/* ------------------------------------
// first
------------------------------------ */
#content1{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background-image: url(../../first/img/content1-back.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	}
#content1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
}
#content1 h3{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(1.8vw + 1.4rem);
	line-height:160%;
	color:#007B7F;
	}
#content1 img.dr{
	float:right;
	margin:0 0 1vw 4vw;
	}
@media screen and (max-width: 1100px) {
#content1 img.dr{
	float:none;
	margin:0 auto 1vw;
	display:block;
	max-width:240px;
	width:50%;
	}
#content1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 15vw;
}
}

#content2{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	}
#content2 .outer {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
	background-image: url(../../first/img/content2-back.gif);
	background-repeat: no-repeat;
	background-position: left 100px;
}
#content2 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1000px;
	margin: 44px 0 0 100px;
}
#content2 h3{
	padding: 0;
	margin:0 auto 2vw;
	font-size: calc(1.6vw + 1rem);
	line-height:160%;
	}
#content2 .flow{
	overflow:hidden;
	}
#content2 .flow img{
	float:left;
	margin:0 50px 40px 0;
	}
#content2 .flow p{
	overflow:hidden;
	width:630px;
	}
#content2 .flow h4.number{
	background-repeat: no-repeat;
	background-position: left 6px;
	padding:0 0 8px 80px;
	font-size: calc(1vw + 1.4rem);
	float:left;
	width:630px;
	}
#content2 .flow h4.no1{background-image: url(../../first/img/no1.gif);}
#content2 .flow h4.no2{background-image: url(../../first/img/no2.gif);}
#content2 .flow h4.no3{background-image: url(../../first/img/no3.gif);}
#content2 .flow h4.no4{background-image: url(../../first/img/no4.gif);}
#content2 .flow h4.no5{background-image: url(../../first/img/no5.gif);}
@media screen and (max-width: 1160px) {
#content2 .outer {
	overflow: hidden;
	width:94%;
	background-position: left 60px;
	background-size:20px;
	margin:0 auto;
}
#content2 .inner {
	overflow: hidden;
	width:94%;
	max-width: 350px;
	margin: 44px 0 0 40px;
}
#content2 h3{
	padding: 0;
	margin: 0 auto 2vw;
	font-size: calc(1vw + 2rem);
	line-height: 160%;
	color: #8DAB0E;
	}
#content2 .flow{
	overflow:hidden;
	margin-bottom:50px;
	}
#content2 .flow img{
	float:none;
	margin:0 auto;
	width:96%;
	max-width:280px;
	}
#content2 .flow p{
	overflow:hidden;
	width:96%;
	max-width:280px;
	}
#content2 .flow h4.number{
	background-repeat: no-repeat;
	background-position: left 0;
	background-size:30px;
	padding:0 0 0 42px;
	font-size: calc(1vw + 1.6rem);
	line-height:160%;
	float:none;
	width:80%;
	}
}

#content3{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background-color: #F8F8F8;
	border-top-width: 30px;
	border-top-style: solid;
	border-top-color: #D1578D;
	}
#content3 .inner {
	overflow: hidden;
	width:94%;
	max-width: 940px;
	margin: 0 auto;
	padding:2vw 0 4vw;
}
#content3 h3{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(1.8vw + 1.4rem);
	line-height:160%;
	}
#content3 h4{
	padding: 0;
	margin:0 auto;
	font-size: 24px;
	line-height:120%;
	}
@media screen and (max-width: 1100px) {
#content3 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 15vw;
}
#content3 h4{
	padding: 0;
	margin:0 auto;
	font-size: 21px;
	line-height:120%;
	}
}

.tbl-price{ width:100%; margin:0 auto;}
.tbl-price th {
	width:25%;
  border-bottom: solid 1px #ccc;
  padding: 10px;
  text-align:left;
}
.tbl-price td {
  border-bottom: solid 1px #ccc;
  padding: 10px;
  text-align:right;
}
.tbl-price td li{ list-style: disc inside;} 



.tbl-price thead th:first-child{
	border-radius: 5px 0 0 0;
	/*
	background-color: #41C6CA;
	*/
}
.tbl-price thead tr:first-child{
  background-color:#DED5CC;
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}


@media screen and (max-width:1100px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-price {
    width: 100%;
	margin:0 auto;
  }
  .tbl-price th,
  .tbl-price td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
.tbl-price th {
	/*	
  background: #fff;
  */
  border-bottom: none;
  padding:0 10px;
  text-align:left;
}
.tbl-price td {
	margin-top:-34px;
  padding:0 10px;
}
.tbl-price thead th:first-child,.tbl-price thead tr:first-child{ display:none;}
}	



.pi-R-box{
	overflow: hidden;
	border-radius: 10px;
	background-color: #FFF;
	border: 3px solid #FFB8C9;
	padding:30px;
	}
.bl-R-box{
	overflow: hidden;
	border-radius: 10px;
	background-color: #FFF;
	border: 3px solid #A1DFDE;
	padding:30px;
	}

@media screen and (max-width:1100px) {
.pi-R-box{
	padding:20px;
	}
.bl-R-box{
	padding:20px;
	}
}



#content4{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background-color: #fff;
	border-top-width: 30px;
	border-top-style: solid;
	border-top-color: #41C6CA;
	}
#content4 .inner {
	overflow: hidden;
	width:94%;
	max-width: 980px;
	margin: 0 auto;
	padding:2vw 0 4vw;
}
#content4 h4{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(1.8vw + 1.4rem);
	line-height:160%;
	}
@media screen and (max-width: 1100px) {
#content4 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 15vw;
}
#content4 h4{
	padding: 0;
	margin:0 auto;
	font-size: 21px;
	line-height:120%;
	}
}


#accordion{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	}
#accordion .inner {
	overflow: hidden;
	width:94%;
	max-width: 980px;
	margin: 0 auto;
	padding:2vw 0 1vw;
}
#accordion h2{ text-align:center; margin-bottom:2vw;}
#accordion h4{ text-align:center; margin-bottom:2vw;}


/* ------------------------------------
// message
------------------------------------ */
#message1{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background-image: url(../../message/img/message1-back.gif);
	background-repeat: repeat;
	background-position: center bottom;
	}
#message1 .outer {
	overflow: hidden;
	width:94%;
	max-width: 1300px;
	margin: 0 auto;
	padding:2vw 0 1vw;
	background-color:#FFF;
}
#message1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
}
#message1 h3{
	padding: 0;
	margin:0 0 2vw;
	font-size: calc(1.8vw + 1.4rem);
	line-height:160%;
	}
#message1 h3 span{
	padding: 0;
	margin:0 ;
	font-size: calc(1vw + 1rem);
	line-height:100%;
	display:block;
	}
#message1 img.dr{
	float:left;
	margin:0 4vw 1vw 0;
	}
@media screen and (max-width: 1100px) {
#message1 h3{ text-align:center;}
#message1 img.dr{
	float:none;
	margin:0 auto 1vw;
	display:block;
	max-width:220px;
	width:60%;
	}
#message1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 15vw;
}
}

#message2{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto ;
	background-color: #D5EFEF;
	}
#message2 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 4vw auto;
	padding:2vw 0 1vw;
}
#message2 h3{
	}
#message2 h4{
	padding: 0;
	margin:0 0 1vw;
	font-size: calc(.8vw + 1.6rem);
	line-height:160%;
	}
@media screen and (max-width: 1100px) {
#message2 h3{ text-align:center;}
#message2 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	padding:2vw 0 0;
}
}






	
	
/* ------------------------------------
// introduction
------------------------------------ */
#introduction1{
	width: 100%;
	max-width: 1100px;
	overflow: hidden;
	padding: 0;
	margin: 4vw auto;
	}
#introduction1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
}
#introduction1 h3{
	text-align:center;
	margin:0 0 2vw;
	font-size: calc(1.6vw + 1.2rem);
	line-height:100%;
	}
#introduction1 h3 img{
	margin: 3vw 0 0;
	}
@media screen and (max-width: 1100px) {
#introduction1 {
	width:94%!important;
}
}

/* introduction 2-leftimg */
.introduction2-leftimg{ clear:both; margin-bottom:80px!important; overflow:hidden;max-width: 1100px;}
.introduction2-leftimg h3{
	text-align:left;
	margin:0 0 0!important;
	font-size: calc(1.6vw + 1.2rem);
	line-height:100%;
	}
.introduction2-leftimg img.visual{
	float:left;
	max-width:486px;
	margin: 0 50px 0 0!important;
	}
.introduction2-leftimg .txt-inner{
	float:left;
	max-width:592px;
	margin:6vw 0 0;
	}
.introduction2-leftimg2{ clear:both; margin-bottom:0px!important; overflow:hidden;max-width: 1100px;}
.introduction2-leftimg2 h3{
	text-align:left;
	margin:0 0 0!important;
	font-size: calc(1.6vw + 1.2rem);
	line-height:100%;
	}
.introduction2-leftimg2 img.visual{
	float:left;
	max-width:486px;
	margin: 50px 50px 0 0!important;
	}
.introduction2-leftimg2 .txt-inner{
	float:left;
	max-width:592px;
	margin:6vw 0 0;
	}
@media screen and (max-width: 1100px) {
.introduction2-leftimg{ clear:both; margin-bottom:50px!important; overflow:hidden;max-width: 1100px;}
.introduction2-leftimg img.visual,.introduction2-leftimg2 img.visual{
	display:block;
	float:none;
	max-width:486px;
	width:80%;
	margin: 0 auto;
	}	
.introduction2-leftimg .txt-inner,.introduction2-leftimg2 .txt-inner{
	float:none;
	max-width:100%;
	margin:0;
	}
.introduction2-leftimg2{ clear:both; margin-bottom:0px!important; overflow:hidden;max-width: 1100px;}
.introduction2-leftimg img.visual, .introduction2-leftimg2 img.visual{
	display:block;
	width:80%;
	margin:0 auto 4vw!important;}
}


/* introduction 2-rightimg */
.introduction2-rightimg{ clear:both; margin-bottom:0px!important; overflow:hidden;}
.introduction2-rightimg h3{
	text-align:left;
	margin:0 0 2vw!important;
	font-size: calc(1.6vw + 1.2rem);
	line-height:100%;
	}
.introduction2-rightimg img.visual{
	float:right;
	max-width:238px;
	margin: 0 50px 2vw 0!important;
	}
.introduction2-rightimg .txt-inner{
	float:left;
	max-width:720px;
	margin:0 0 2vw;
	}
.introduction2-rightimg2{ clear:both; margin-bottom:0px!important; overflow:hidden;}
.introduction2-rightimg2 h3{
	text-align:left;
	margin:0 0 2vw!important;
	font-size: calc(1.6vw + 1.2rem);
	line-height:100%;
	}
.introduction2-rightimg2 img.visual{
	float:right;
	max-width:486px;
	margin: 0 50px 0 0!important;
	}
.introduction2-rightimg2 .txt-inner{
	float:left;
	max-width:500px;
	margin:8vw 0 0;
	}
@media screen and (max-width: 1100px) {
.introduction2-rightimg img.visual, .introduction2-rightimg2 img.visual{
	display:block;
	float:none;
	max-width:486px;
	width:80%;
	margin: 0 auto;
	}
.introduction2-rightimg .txt-inner,.introduction2-rightimg2 .txt-inner{
	float:none;
	max-width:100%;
	margin:0;
	}
.introduction2-rightimg .txt-inner img,.introduction2-rightimg2 .txt-inner img{ margin:0 auto; display:block; text-align:center;}
	
.introduction2-rightimg2{ clear:both; margin-bottom:0px!important; overflow:hidden;}
.introduction2-rightimg img.visual, .introduction2-rightimg2 img.visual{
	display:block;
	width:80%;
	margin:0 auto 4vw!important;}
}



#introduction3{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background-color: #F8F8F8;
	border-top-width: 30px;
	border-top-style: solid;
	border-top-color: #41C6CA;
	}
#introduction3 .inner {
	overflow: hidden;
	width:94%;
	max-width: 940px;
	margin: 0 auto;
	padding:2vw 0 4vw;
}
#introduction3 h3{
	padding: 0;
	margin:0 auto 2vw;
	text-align:center;
	font-size: calc(1.8vw + 1.4rem);
	line-height:160%;
	}
#introduction3 h4{
	padding: 0;
	margin:0 auto;
	font-size: 24px;
	line-height:120%;
	}
@media screen and (max-width: 1100px) {
#introduction3 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 15vw;
}
#introduction3 h4{
	padding: 0;
	margin:0 auto;
	font-size: 21px;
	line-height:120%;
	}
}

.tbl{ width:100%; margin:0 auto;}
.tbl th {
	width:25%;
  border-bottom: solid 1px #ccc;
  padding: 10px;
  text-align:left;
}
.tbl td {
  border-bottom: solid 1px #ccc;
  padding: 10px;
  text-align:left;
}
.tbl td li{ list-style: disc inside;} 

@media screen and (max-width:1100px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl {
    width: 100%;
	margin:0 auto;
  }
  .tbl th,.tbl td{
　　border-bottom: none;
    display: block;
    width: 100%;
	clear:both;
  }
.tbl th {
  border-bottom: none;
  padding:0 ;
  text-align:left;
}
.tbl td {
	margin-top:-11px;
  padding:0;
}
.tbl thead th:first-child,.tbl thead tr:first-child{ display:none;}
}	

	
/* ------------------------------------
// features
------------------------------------ */
#features1{
	width: 100%;
	max-width: 1100px;
	overflow: hidden;
	padding: 0;
	margin: 4vw auto;
	}
#features1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
}
#features1 h3{
	text-align:center;
	margin:0;
	font-size: calc(1.8vw + 1.4rem);
	line-height:100%;
	color:#007A7F;
	}
#features1 h4{
	margin:4vw 0 0 ;
	font-size: calc(1.6vw + 1.2rem);
	line-height:160%;
	background-repeat: no-repeat;
	background-position: left top;
	padding:20px 0 20px 90px;
	}
#features1 h4.no1{background-image: url(../../features/img/no1.gif);}
#features1 h4.no2{background-image: url(../../features/img/no2.gif);}
#features1 h4.no3{background-image: url(../../features/img/no3.gif);}
#features1 h4.no4{background-image: url(../../features/img/no4.gif);}
#features1 h4.no5{background-image: url(../../features/img/no5.gif);}
#features1 h4.no6{background-image: url(../../features/img/no6.gif);}

@media screen and (max-width: 1100px) {
#features1 {
	width:94%!important;
}
#features1 h4{
	margin:6vw 0 0 ;
	font-size: calc(1.6vw + 1.2rem);
	line-height:140%;
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0 0px 65px;
	background-size:50px
	}
}

#features2{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto ;
	background-color: #D5EFEF;
	}
#features2 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 4vw auto 0;
	padding:1vw 0 0;
}
#features2 h3 img{
	display:block;
	margin:0 auto 20px;
	}
#features2 h4{
	padding: 0;
	margin:0 0 10px 0;
	font-size: calc(.8vw + 1.6rem);
	line-height:160%;
	text-align:center;
	}
@media screen and (max-width: 1100px) {
#features2 h3{ text-align:center; margin-bottom:30px;}
#features2 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	padding:2vw 0 0;
}
}

/* ------------------------------------
// VOICE
------------------------------------ */
#voice1{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
	background-image: url(../../message/img/message1-back.gif);
	background-repeat: repeat;
	background-position: center bottom;
	}
#voice1 .outer {
	overflow: hidden;
	width:94%;
	max-width: 1300px;
	margin: 0 auto;
	padding:2vw 0 1vw;
	background-color:#FFF;
}
#voice1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
}
#voice1 h3{
	padding: 0;
	margin:0 0 1vw;
	font-size: calc(1.8vw + 1.4rem);
	line-height:100%;
	text-align:center
	}
#voice1 h3 span{
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 100%;
	display: block;
	line-height: 160%;
	color: #007C7F;
	}
.patient{
	overflow:hidden;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:solid 1px #CCCCCC;
	}
.patient img{
	float:left;
	width:20%;
	margin-right:5%;
	}
.patient .patient-detail{
	float:left;
	width:75%;
	}
.patient .patient-detail p{
	line-height:160%;}	
.patient .patient-detail .name{
	font-weight:600;
	margin:0;
	padding:0;
	}

@media screen and (max-width: 1100px) {
#voice1 h3{ text-align:center;}
#voice1 .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 15vw;
}
}




	
/* ------------------------------------
// symptoms
------------------------------------ */
#symptoms1{
	width: 100%;
	overflow: hidden;
	padding: 0 0 2vw 0;
	margin: 0 auto;
	background-color: #EBE6E3;
	}
#symptoms1 .inner {
	overflow: hidden;
	width: 94%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 4vw 0 1vw;
	background-image: url(../../symptom/img/symptoms1-back.png);
	background-repeat: no-repeat;
	background-position: center 3vw;
}
#symptoms1 h3{
	text-align:center;
	margin:0;
	font-size: calc(1.8vw + 1.4rem);
	line-height:100%;
	color:#007A7F;
	}
#symptoms1 h4{
	margin:4vw 0 0 ;
	font-size: calc(1.6vw + 1.2rem);
	line-height:160%;
	padding:20px 0 20px 90px;
	}
#symptoms1 ul{
	margin:6vw 0 0 0;
	}
#symptoms1 ul li{
	text-align:center;
	margin:0 0 40px 0;
	}


@media screen and (max-width: 1100px) {
#symptoms1 {
	width:94%!important;
}
#symptoms1 h4{
	margin:6vw 0 0 ;
	font-size: calc(1.6vw + 1.2rem);
	line-height:140%;
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0 0px 65px;
	background-size:50px
	}
}



#symptoms2{
	width: 100%;
	overflow: hidden;
	padding: 2vw 0 2vw 0;
	margin: 0 auto;
	}
#symptoms2 .inner {
	overflow: hidden;
	width: 94%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1vw 0 1vw;
}
#symptoms2 h3{
	margin: 4vw 0 2vw;
	font-size: calc(2.2vw + 1.4rem);
	line-height: 96%;
	padding-bottom: 2vw;
	background-color: #D4EFEF;
	padding: 2%;	
	}
#symptoms2 ul.col4 li{
	float:left;
	width:24%;
	margin:0 0 2vw 1%;
	}

#symptoms2 ul.col4 span{ font-size:14px;}
#symptoms2 a{
	color: #00B2B6;
}
#symptoms2 a:hover{
	color: #DE5894;
}
@media screen and (max-width: 1100px) {
#symptoms2 ul.col4 li{
	float:none;
	width:100%;
	margin:0 0 2vw 1%;
	}
}


/* ------------------------------------
// symptoms-explain
------------------------------------ */

.explain{
	background-color:#007980;
	width:100%;
	overflow:hidden;
	padding:4vw 0;
	margin:0;
	text-align:left;
	}
.explain .inner{
	width:92%;
	max-width:1100px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	color:#FFF;
	}
.explain .wh-box{
	width:100%;
	overflow:hidden;
	padding:0;
	margin:2vw auto;
	border-radius:15px;
	background-color:#FFF;
	padding:2vw;
	color:#444;
	}
.explain p{
	font-size:18px;
	line-height:180%;
	margin:0;
	}
.explain h3{
	border-bottom:solid 1px #FFFFFF;
	font-size: calc(2.2vw + 1.2rem);
	padding:0 0 1vw 190px;
	margin-bottom:2vw;
	line-height:100%;
	text-align:left;
	background-image: url(../../symptom/img/explain.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	}
.explain h4{
	font-size: calc(1.2vw + 1.2rem);
	line-height:160%;
	padding:0;
	color:#00797F;
	}
.explain h5{
	font-size: calc(1.0vw + 1.2rem);
	padding: 1vw 0 0 0;
	font-weight:600;
	margin:0;
	}
@media screen and (max-width: 1100px) {
.explain p{
	font-size:15px;
	line-height:180%;
	font-weight:400;
	}
.explain h3{
	padding:0 0 2vw 130px;
	text-align:left;
	background-image: url(../../symptom/img/explain.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	background-size:120px;
	}
.explain h5{
	font-size: calc(1.0vw + 1.2rem);
	padding: 4vw 0 0 0;
	font-weight:600;
	margin:0;
	line-height:140%;
	}
.explain .wh-box{
	width:100%;
	overflow:hidden;
	margin:2vw auto;
	border-radius:15px;
	background-color:#FFF;
	padding:4vw;
	color:#444;
	}
}


/* ------------------------------------
// symptoms-worries
------------------------------------ */
.worries{
	background-color:#444;
	width:100%;
	overflow:hidden;
	padding:4vw 0;
	margin:0;
	text-align:left;
	}
.worries .inner{
	width:92%;
	max-width:1100px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	color:#FFF;
	}
.worries p{
	font-size:18px;
	line-height:180%;
	margin:0;
	}
.worries img{
	float:left;
	margin:0 4vw 2vw 0;
	}
.worries h3{
	font-size: calc(2.2vw + 1.2rem);
	padding:0 0 4vw 0;
	line-height:100%;
	text-align:center;
	color:#FFF;
	}
.worries ul{
	margin-bottom:4vw;
	display:block;
	float:left;
	}
.worries ul li{
	float: none;
	font-size: calc(1vw + 1.2rem);
	background-image: url(../img/check-wh.png);
	background-repeat: no-repeat;
	background-position: left 16px;
	padding:0 0 0 30px;
	color:#FFF!important;
	}
	
@media screen and (max-width: 1100px) {
.worries p{
	font-size:15px;
	line-height:180%;
	font-weight:400;
	}
.worries h3{
	padding:0 0 2vw 0;
	line-height:160%;
	}
.worries img{
	float:none;
	margin:0 auto 3vw;
	display:block;
	max-width:280px;
	width:60%;
	}
.worries ul li{
	float: none;
	font-size: calc(1vw + 1.2rem);
	background-image: url(../img/check-wh.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-size:21px;
	padding:0 0 0 30px;
	color:#FFF!important;
	}
}


/* ------------------------------------
// symptom-detail
------------------------------------ */
.symptom-detail{
	width:100%;
	overflow:hidden;
	padding:4vw 0;
	margin:0;
	text-align:left;
	border-top:solid 20px #DD498E;
	}
.symptom-detail .inner{
	width:92%;
	max-width:1100px;
	overflow:hidden;
	padding:0 0;
	margin:0 auto;
	color:#FFF;
	}
.symptom-detail img.tit{
	display:block;
	clear:both;
	margin:2vw auto 2vw;
	text-align:center;
	}
.symptom-detail img.detail{
	display:block;
	float:right;
	margin:0 0 2vw 2vw;
	text-align:center;
	}

.symptom-detail p{
	font-size:18px;
	line-height:180%;
	margin:0;
	color:#444;
	}
.symptom-detail h3{
	clear:both;
	font-size: calc(2.2vw + 1.2rem);
	color:#444;
	text-align:center;
	line-height:160%;
	padding-bottom:2vw;
	margin-bottom:2vw;
	}	
.symptom-detail h3 span{
	font-size: calc(3.6vw + 1.6rem);
	color:#D94F8C;
	margin-right:1vw;
	}	
.symptom-detail h4{
	clear: both;
	font-size: 18px;
	color: #444;
	line-height: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(../../symptom/img/dot-line.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	}	
.symptom-detail h4 p{
	display:block;
	font-size: calc(2.2vw + 1.8rem);
	padding:0;
	margin:1px 0 0;
	}	
.symptom-detail h4 span{
	color:#D94F8C;
	}	
.symptom-detail h5{
	clear: both;
	font-size: calc(1.2vw + 1.4rem);
	color: #444;
	line-height: 160%;
	padding:0 0 7px 32px;
	margin:3vw 0 0 0;
	background-image: url(../../symptom/img/li-dot-pi.gif);
	background-repeat: no-repeat;
	background-position:left 12px;
	text-align:left;
	}	
.symptom-detail ul{
	margin-bottom:4vw;
	display:block;
	float:left;
	}
.symptom-detail ul li{
	float: none;
	font-size: calc(1vw + 1.2rem);
	background-image: url(../img/check-wh.png);
	background-repeat: no-repeat;
	background-position: left 16px;
	padding:0 0 0 30px;
	color:#FFF!important;
	}
	
@media screen and (max-width: 1100px) {
.symptom-detail .inner{
	padding:4vw 0;
	}
.symptom-detail h3{
	margin-bottom:6vw;
	}	
.symptom-detail h4{
	clear: both;
	font-size: 18px;
	color: #444;
	line-height: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(../../symptom/img/dot-line.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	}	
.symptom-detail h4 p{
	margin:8px 0 0;
	}	
.symptom-detail h5{
	clear: both;
	font-size: calc(1.2vw + 1.4rem);
	color: #444;
	line-height: 160%;
	padding:0 0 7px 32px;
	margin:6vw 0 0 0;
	background-image: url(../../symptom/img/li-dot-pi.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	text-align:left;
	font-weight:600;
	}	
.symptom-detail ul li{
	float: none;
	font-size: calc(1vw + 1.2rem);
	background-image: url(../img/check-wh.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-size:21px;
	padding:0 0 0 30px;
	color:#FFF!important;
	}
.symptom-detail img.detail{
	display:block;
	float:none;
	margin:2vw auto 2vw;
	text-align:center;
	}
}




/* ------------------------------------
// symptoms-approach
------------------------------------ */
.approach{
	background-color:#EEEEEE;
	width:100%;
	overflow:hidden;
	padding:4vw 0;
	margin:0;
	text-align:left;
	}
.approach .inner{
	width:92%;
	max-width:1100px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	}
.approach p{
	font-size:18px;
	line-height:180%;
	margin:0;
	}
.approach img{
	float:right;
	margin:0 0 2vw 4vw;
	}
.approach h3{
	font-size: calc(2.2vw + 1.2rem);
	padding:0 0 4vw 0;
	line-height:100%;
	text-align:left;
	color:#00797F;
	}
@media screen and (max-width: 1100px) {
.approach p{
	font-size:15px;
	line-height:180%;
	font-weight:400;
	}
.approach h3{
	padding:0 0 2vw 0;
	line-height:160%;
	text-align:center;
	}
.approach img{
	float:none;
	margin:0 auto 3vw;
	display:block;
	max-width:280px;
	width:60%;
	}
}


/* ------------------------------------
// symptoms-evidence
------------------------------------ */
.evidence{
	background-color:#444;
	width:100%;
	overflow:hidden;
	padding:4vw 0;
	margin:0;
	text-align:left;
	}
.evidence .inner{
	width:92%;
	max-width:1100px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	}
.evidence p{
	font-size:18px;
	line-height:180%;
	margin:0;
	color:#fff;
	}
.evidence p a{
	text-decoration:underline;
	}
	
.evidence h3{
	font-size: calc(2.2vw + 1.2rem);
	padding:0 0 4vw 0;
	line-height:100%;
	text-align:left;
	color:#fff;
	}
@media screen and (max-width: 1100px) {
.evidence p{
	font-size:15px;
	line-height:180%;
	font-weight:400;
	}
.evidence h3{
	padding:0 0 2vw 0;
	line-height:160%;
	text-align:center;
	}
}



/* ------------------------------------
// symptoms-tetsuya
------------------------------------ */
.tetsuya{
	width: 100%;
	overflow: hidden;
	padding: 4vw 0;
	margin: 0;
	text-align: left;
	background-image: url(../../symptom/img/message-back.png);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tetsuya .inner{
	width:92%;
	max-width:1100px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	}
.tetsuya p{
	font-size:18px;
	line-height:180%;
	margin:1.5vw 0 0 0;
	color:#444;
	}
.tetsuya p a{
	text-decoration:underline;
	}
	
.tetsuya h3{
	font-size: calc(2.2vw + 1.2rem);
	padding: 0 0 10px 110px;
	line-height: 210%;
	text-align: left;
	color: #00797F;
	background-image: url(../../symptom/img/dr_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
@media screen and (max-width: 1100px) {
.tetsuya p{
	font-size:15px;
	line-height:180%;
	font-weight:400;
	}
.tetsuya h3{
	background-size:50px;
	padding: 0 0 10px 65px;
	line-height: 210%;
	}
}



/* ------------------------------------
// symptoms-head
------------------------------------ */

.symptom-common{
	margin:4vw 0;
	text-align:center;
	font-size: calc(2.0vw + 1.4rem);
	line-height:140%;
	}
.symptom-common span{
	font-size: calc(2.6vw + 1.4rem);
	color:#DE5894;
	}	


/* ------------------------------------
// privacypolicy
------------------------------------ */
#privacypolicy{
	width: 100%;
	overflow: hidden;
	padding: 0 0 2vw 0;
	margin: 0 auto;
	}
#privacypolicy .inner {
	overflow: hidden;
	width:92%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 4vw 0 1vw;
}

#privacypolicy h3{
	font-size: calc(2.2vw + 1.2rem);
	padding:0 0 4vw 0;
	line-height:100%;
	text-align:center;
	}
#privacypolicy h4{
	font-size: calc(1.4vw + 1.2rem);
	padding: 4vw 0 0 0;
	line-height:100%;
	text-align:left;
	}



/* ------------------------------------
// access-add
------------------------------------ */
.add{
	width: 100%;
	max-width: 1100px;
	overflow: hidden;
	padding: 0;
	margin: 4vw auto;
	}
.add .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
	text-align:center;
}
.add h3{
	margin:0;
	font-size: calc(1.8vw + 1.4rem);
	line-height:100%;
	color:#007A7F;
	}
.add h4{
	margin:4vw 0 0 ;
	font-size: calc(1.2vw + 1.2rem);
	line-height:160%;
	background-repeat: no-repeat;
	background-position: left top;
	}
.add ol{
	overflow:hidden;
	margin-top:30px;
	}
.add ol li{
	float:left;
	width:50%;
	}
.add ol li img{
	width:90%;
	margin:0 4% 2vw!important;
	display:block;
	}
@media screen and (max-width: 1100px) {
.add ol li{
	float:none;
	width:100%;
	}
.add ol li img{
	width:100%;
	margin: 30px 0 0 0!important;
	}
}




.root{
	width: 100%;
	overflow: hidden;
	padding: 2vw 0 0 0;
	margin: 4vw auto;
	border-top: solid 20px #0097B4;
	background-color: #F0F5F5;
	}
.root .inner {
	overflow: hidden;
	width:94%;
	max-width: 1100px;
	margin: 0 auto;
	padding:2vw 0 1vw;
}
.root h3{
	text-align: center;
	margin: 0;
	font-size: calc(1.8vw + 1.4rem);
	line-height: 100%;
	color: #0097B4;
	}
.root ol{
	overflow:hidden;
	margin-top:30px;
	}
.root ol li{
	float:left;
	width:50%;
	}
.root ol li img{
	width:90%;
	margin:0 4% 2vw!important;
	display:block;
	}
@media screen and (max-width: 1100px) {
.root{
	padding:0;
	}
.root h3{
	margin:20px 0 0 0;
	}
.root ol{
	overflow:hidden;
	margin-top:0px;
	}
.root ol li{
	float:none;
	width:100%;
	}
.root ol li img{
	width:100%;
	margin: 30px 0 0 0!important;
	}
}




/* ------------------------------------
// contact
------------------------------------ */
.contact{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 4vw auto;
	}
.contact .inner {
	overflow: hidden;
	width:94%;
	max-width: 980px;
	clear: both;
	color: #444;
	padding-bottom: 3vw;
	margin: 4vw auto 20px;
	background-image: url(../../symptom/img/dot-line.gif);
	background-repeat: repeat-x;
	background-position:left bottom;
}
.contact .inner1 {
	overflow: hidden;
	width:94%;
	max-width: 980px;
	clear: both;
	color: #444;
	padding-bottom: 3vw;
	margin: 4vw auto 20px;
	text-align:center;
}
.contact h3{
	margin:0 0 4vw 0;
	font-size: calc(1.8vw + 1.4rem);
	line-height:100%;
	color:#444;
	text-align:center;
	}
.contact h4{
	margin:0 ;
	font-size: calc(1.2vw + 1.4rem);
	background-repeat: no-repeat;
	background-position: left top;
	background-repeat: no-repeat;
	background-position: left top;
	line-height:180%;
	padding:0 0 6px 70px;
	}
.contact h4.line{background-image: url(../../contact/img/icon-line.gif);}
.contact h4.tel{background-image: url(../../contact/img/icon-tel.gif);}
.contact h4.form{background-image: url(../../contact/img/icon-form.gif);}

.img-QR{
	float:right;
	margin:-270px 0 0 0;
	}
.contact h5{
	margin:1vw 0;
	color:#E05594;
	font-size: calc(1vw + 1.4rem);
	}
.contact h6{
	margin:1vw 0;
	font-size: calc(1.6vw + 1.8rem);
	}
@media screen and (max-width: 1100px) {
.contact h4{
	margin:4vw 0 0 ;
	font-size: calc(1.2vw + 1.4rem);
	line-height:160%;
	background-repeat: no-repeat;
	background-position: left top;
	background-repeat: no-repeat;
	background-position: left top;
	background-size:32px;
	line-height:180%;
	padding:0 0 10px 40px;
	
	}
.contact h4.line{background-image: url(../../contact/img/icon-line.gif); color:#41B842;}
.contact h4.tel{background-image: url(../../contact/img/icon-tel.gif); color:#3CA5A7;}
.contact h4.form{background-image: url(../../contact/img/icon-form.gif);}
.img-QR{
	display:block;
	float:none;
	margin:2vw auto 6vw;
	}
.contact .inner1 {
	text-align:left;
}
}