@charset "utf-8";

/*---------------
  common
----------------*/
html {
	font-size: 20px;
}
body {
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 0.9rem;
	letter-spacing: 0.05rem;
	line-height: 1.5;
	color: #222;
}
ul,li,dl,dd {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
a {
	color: #f7b9e5;
}
address, i, em {
	font-style: normal;
}
h1, h2 {
	font-size: 120%;
	text-align: center;
	margin-bottom: 10px;
}
h2 small,
h1 small,
h3 small {
	letter-spacing: 0;
	display: inline-block;
}
img {
	width: 100%;
	vertical-align: bottom;
	height: auto;
}
figure {
	margin-bottom: 10px;
}
p {
	margin: 0;
	padding: 0 0 10px 0;
}
em {
	font-weight: bold;
}
header h1 {
	background: linear-gradient(#fceff1,white);
	margin: 0;
	padding: 10px 20px;
	text-align: center;
}
header a {
	display: block;
}
header h1 img {
	max-width: 280px;
}
header figure {
	background: #f3f3f3;
	text-align: center;
}
header figure img {
	max-width: 100%;
}
header p {
	margin: 0 10px;
}
header + h2,
header h2 {
	background: #f5f1dc;
	padding: 10px;
	margin: 0 0 20px 0;
	letter-spacing: 0.3rem;
}
header + h2 img,
header h2 img {
	margin-bottom: 5px;
	width: auto;
	height: 20px;
}

/*--ヘッダーナビ--*/
.gnav {
	background: #f7b9e5;
	display: table;
	width: 100%;
}
.gnav li {
	display: table-cell;
	width: 25%;
	border-left: 1px solid #fff;
	box-sizing: border-box;
}
.gnav li:first-child {
	border-left: 0;
}
.gnav li:nth-child(4) {
	position: relative;
}
.gnav li > a {
	color: white;
	font-weight: bold;
	display: block;
	padding: 40px 0 10px 0;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 24px;
	text-decoration: none;
	font-size: 80%;
}
.gnav li:first-child a {
	background-image: url(../img/gnav01.png);
}
.gnav li:nth-child(2) a {
	background-image: url(../img/gnav02.png);
}
.gnav li:nth-child(3) a {
	background-image: url(../img/gnav03.png);
}
.drawer-menu li {
	border-bottom: 1px solid #ccc;
	background: #f6f6d8;
}
.drawer-menu li:nth-child(6) span:before {
	content: "▼";
	font-size: 10px;
	margin-right: 3px;
}
.drawer-menu li a,
.drawer-menu li span {
	display: block;
}
.drawer-menu li span {
	padding: 10px;
}
.drawer-menu li a {
	background: #f6f1d4 url(../img/arrow_blk02.png) no-repeat 10px center;
	background-size: 5px 10px;
	padding: 10px 10px 10px 25px;
}
.drawer-menu li:nth-child(7) a,
.drawer-menu li:nth-child(8) a,
.drawer-menu li:nth-child(9) a,
.drawer-menu li:nth-child(10) a,
.drawer-menu li:nth-child(11) a,
.drawer-menu li:nth-child(12) a,
.drawer-menu li:nth-child(13) a,
.drawer-menu li:nth-child(14) a {
	background: #f3f3f3 url(../img/arrow_grn.png) no-repeat 20px center;
	background-size: 5px 10px;
	padding: 10px 10px 10px 35px;
}
.drawer-menu li:nth-child(7) a {
	box-shadow: 0 3px 3px rgba(0,0,0,0.1) inset;
}
.drawer-menu li:nth-child(15) a {
	box-shadow: 0 -3px 3px rgba(0,0,0,0.1);
}
/**/

.btnarea {
	text-align: center;
	padding: 10px 0;
}
.btnarea02 {
	text-align: center;
}
a.btn {
	background-color: #f7b9e5;
	display: inline-block;
	margin: 10px;
	color: white;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
	min-width: 220px;
	box-sizing: border-box;
	padding: 15px;
}
a.btn:before {
	position: absolute;
	width: 97%;
	height: 45%;
	left: 0;
	right: 0;
	bottom: 3px;
	background: rgba(0,0,0,0.1);
	display: block;
	content: "";
	margin: auto;
	border-radius: 0 0 4px 4px;
}
a.btn span {
	display: block;
	background-repeat: no-repeat;
}
a.external {
	background-image: url(../img/external.png);
	background-position: right center;
	background-size: 20px 12px;
	padding-right: 36px;
}
a.pc {
	background-image: url(../img/pc.png);
	background-size: 29px 22px;
	background-position: 10px center;
	font-size: 100%;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
}
a.tel {
	background-image: url(../img/tel.png);
	background-position: 20px center;
	background-size: 30px;
	padding: 10px 30px 10px 80px;
}
a.tel span {
	font-size: 120%;
}
a.arrow {
	padding-right: 30px;
	background-image: url(../img/arrow_wht.png);
	background-position: right center;
	background-size: 15px 10px;
}
a.pdf {
	background-image: url(../img/pdf.png);
	background-position: 15px center;
	background-size:  20px 24px;
}
.nowrap {
	display: inline-block;
}
footer {
	padding: 10px;
	background: linear-gradient(#fceff1,white 15%);
	font-size: 1rem;
}
footer h1 {
	text-align: center;
}
footer h1 img {
	width: 90px;
	height: 82px;
	margin-bottom: 20px;
}
.info02 {
	margin-bottom: 20px;
}
.info02 li {
	border-bottom: #ddd 1px solid;
	display: table;
	width: 100%;
}
.info02 li .head {
	width: 6rem;
	text-align: center;
	vertical-align: middle;
	background: #f0f0f0;
	padding: 5px;
	display: table-cell;
	border-bottom: 5px solid white;
	border-top: 5px solid white;
}
.info02 li address,
.info02 li .text {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0 10px 10px;
}
footer iframe {
	width: 100%;
	height: 300px;
}
footer .btnarea a {
	margin: 0;
}
.kamoku {
	text-align: center;
	margin-bottom: 10px;
}
.kamoku ul {
	overflow: hidden;
	display: inline-block;
	padding: 0;
}
.kamoku h2 {
	text-align: center;
	color: #f7b9e5;
}
.kamoku li {
	border: 1px solid #ccc;
	background: linear-gradient(white,#fceff1);
	width: 96px;
	border-radius: 5px;
	font-weight: bold;
	float: left;
	margin-left: 5px;
	box-sizing: border-box;
}
.kamoku ul li:first-child {
	margin-left: 0;
}
.kamoku li a {
	background: url(../img/vline_grn.png) no-repeat left center;
	background-size: 3px 30px;
	padding: 10px 5px 10px 8px;
	display: block;
	letter-spacing: 0;
	color: #f7b9e5;
	text-decoration: none;
}
.foot {
	background: #efefef;
	border-top: 1px solid #ddd;
	padding: 60px 10px 10px 10px;
	margin-top: 10px;
	position: relative;
}
.foot .pagetop {
	background: #ddd url(../img/arrow_blk.png) no-repeat right center;
	background-size: 21px 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0 0 5px 5px;
	padding: 8px 30px 8px 10px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 0;
	color: #222;
	text-decoration: none;
}
.foot h1 {
	font-size: 1.4rem;
	padding-left: 15px;
	position: relative;
	text-align: left;
}
.foot h1:before {
	content: "";
	display: block;
	width: 10px;
	height: 3px;
	background: #222;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.foot ul {
	margin-top: 0; 
	margin-bottom: 20px;
}
.foot ul a {
	display: block;
	text-decoration: none;
	color: #222;
}
.foot ul span {
	display: inline-block;
	font-size: 1.2rem;
	margin-right: 10px;
}
.foot ul em {
	font-size: 1.4rem;
	display: inline-block;
	font-weight: normal;
}
.foot small {
	display: block;
	text-align: center;
}
.foot ul li {
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	padding-left: 10px;
	margin-right: 20px;
	text-align: left;

}
.foot ul li:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #222;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 0.8rem;
	display: block;
}
hr {
	background: #efefef;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	border-left: 0;
	border-right: 0;
	height: 5px;
	margin: 20px 0;
}
hr.line01 {
	margin-bottom: 0;
}
section {
	padding: 0 10px;
	text-align: center;
}
section p, section li {
	text-align:left;
}
.timetable {
	border-collapse: separate;
	border-spacing: 3px;
	width: 100%;
}
.timetable th,
.timetable td {
	text-align: center;
}
.timetable thead th {
	color: white;
}
.timetable th {
	background: #26bca8;
}
.timetable tbody th,
.timetable tbody td {
	background: #efefef;
	font-weight: normal;
	padding: 5px;
}
.timetable td img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.list {
	margin: 5px auto;
	display: inline-block;
}
.list li {
	background: url(../img/maru02.png) no-repeat left 5px;
	background-size: 6px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.list a {
	display: inline-block;
}
.catch {
	letter-spacing: none;
	color: #f7b9e5;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 160%;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
	font-weight: normal;
}
.copy {
	color: #f29300;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
.point {
	text-align: center;
	padding-bottom: 0;
}
.point span {
	border: #f7b9e5 1px solid;
	padding: 5px;
	font-weight: bold;
	margin-left: 5px;
	color: #f7b9e5;
	display: inline-block;
	background: white;
}
.point span:first-child {
	margin-left: 0;
}
.bnrarea {
	text-align: center;
}
.bnrarea p {
	display: inline-block;
}
.bnrarea p img {
	width: 300px;
}
.title01 {
	position: relative;
	color: #26bca8;
}
.title01 span {
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding: 0 1rem;
	margin: 0 4rem;
	letter-spacing: 0.1rem;
	text-align: center;
	display: inline-block;
}
.title01::before {
	position: absolute;
	top: 40%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #26bca8;
	background: -webkit-linear-gradient(-45deg, transparent, #26bca8 10%, #26bca8 90%, transparent);
	background: linear-gradient(-45deg, transparent, #26bca8 10%, #26bca8 90%, transparent);
}
.title02 {
	position: relative;
	padding: .5em 1em .5em 1.5em;
	background: #f3f3f3;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}
.title02::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #f7b9e5;
	border-radius: 4px;
}
.title02 small {
	font-weight: normal;
}
.title03 span {
	padding: 0 .4em .1em;
	background: url(../img/line.png) repeat-x bottom;
	line-height: 2;
}
.title04 {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	background: linear-gradient(white,#f3f3f3);
	margin-top: 30px;
	margin-bottom: 20px;
	letter-spacing: 0.3rem;
}

/*---------------
  toppage
----------------*/
#home header p {
	margin: 0;
	text-align: center;
}
#home header p img {
 max-width: 736px;
}
#home header .btnarea {
	padding-top: 0;
}
#home .sec01 {
	background: linear-gradient(#fceff1,white 30%);
	border-top: 1px solid #ddd;
	padding-top: 20px;
}
.kamoku02 {
	display: inline-block;
width:75%;
}
.kamoku02 li {
	border: 1px solid #ccc;
	background: linear-gradient(white,#fceff1);
	border-radius: 5px;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
	box-shadow: 0 3px 2px #efefef;
}
.kamoku02 li:before {
	width: 3px;
	height: 2.4rem;
	content: "";
	display: block;
	position: absolute;
	top: 18px;
	left: 0;
	background: #f7b9e5;
}
.kamoku02 li a {
	padding: 7px;
	display: block;
	letter-spacing: 0;
	color: #f7b9e5;
	text-decoration: none;
}
.kamoku02 h1 {
	background: url(../img/arrow_grn2.png) no-repeat right center;
	background-size: 15px 10px;
	letter-spacing: 0.3rem;
}
.kamoku02 div {
	background: white;
	border-radius: 6px;
	padding: 10px 10px 0 10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.kamoku02 p {
	font-weight: normal;
	color: #222;
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}
.kamoku02 div p:before {
	content: "□";
	margin-right: 2px;
	color: #f7b9e5;
}
.kamoku02 div.normal p:before {
	content: "";
	margin-right: 2px;
	color: #f7b9e5;
}
#home .sec02 .point span {
	margin-bottom: 20px;
	font-size: 120%;
	padding: 10px 20px;
}
#home .sec05 h1 {
	text-align: center;
}
#home .sec05 h1 img {
	width: 8px;
	height: 20px;
	margin-bottom: 8px;
}
#home .sec05 li {
	border-bottom: 1px solid #ddd;
}
#home .sec05 li time {
	display: block;
	color: #aaa;
}
#home .sec05 li a {
	background: url(../img/arrow_grn.png) no-repeat right center;
	background-size: 5px 10px;
	text-decoration: none;
	padding: 15px 15px 15px 0;
	display: block;
	color: #222;
}
#home .sec03 {
	overflow: hidden;
}
#home .sec03 figure {
	float: left;
	width: 108px;
	margin: 0 12px 10px 0;
}
.check {
	display: inline-block;
	margin: auto;
}
.check li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
	font-size: 110%;
	text-align: left;
}
.check li:before {
	background: url(../img/check.png) no-repeat;
	background-size: 21px;
	width: 21px;
	height: 21px;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

/*---------------
  information
----------------*/
#info section {
	border-top: 1px solid #ddd;
	padding: 20px 10px;
}
#info main {
	position: relative;
}
#info header {
	margin-bottom: 780px;
}
#info section#info01 {
	border-top: none;
	position: absolute;
	top: 150px;
}
#info section#info01 .calendar {
	width: 100%;
}
#info section time {
	display: block;
	text-align: right;
	color: #999;
}
#info section figure {
	text-align: center;
}
#info section .pic img {
	max-width: 300px;
}
/*---------------
  about
----------------*/
main > p {
	margin: 0 10px  10px 10px;
}
#about h3 {
	text-align: center;
	letter-spacing: 0.3rem;
}
#about .sec01 figure {
	float: right;
	width: 108px;
	margin-left: 12px;
}
#about .sec02 h2 {
	text-align: left;
	letter-spacing: 0;
	margin: 0;
	padding-top: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#about .sec02 h3 {
	letter-spacing: 0.3rem;
	text-align: left;
	margin-bottom: 5px;
}
#about .career .line {
	border-bottom: 1px dotted #aaa;
	padding-bottom: 10px;
}
#about .career li {
	margin-bottom: 10px;
	padding-left: 1.6rem;
	text-indent: -1.6rem;
}
#about .career li:before {
	content: "■";
	color: #f7b9e5;
	margin-right: 2px;
}
#about .career .year {
	font-weight: bold;
	display: inline;
	color: #999;
}
#about .picarea {
	margin-bottom: 10px;
}
#about .picarea img {
	width: 96px;
	margin-bottom: 5px;
}
.indent {
	text-indent: -1.4rem;
	padding-left: 1.4rem;
}

/*---------------
  department
----------------*/
#depart header + h2,
#depart header h2 {
	margin-bottom: 0;
}
#depart header + h2 + p,
#depart header h2 + p {
	margin-top: 20px;
}
#depart main > figure {
	text-align: center;
}
#depart main > figure img {
	max-width: 414px;
}
#depart section .btnarea {
	padding-top: 0;
}
#depart .flow h1  {
	text-align: left;
}
#depart .flow h1 img {
	width: auto;
	height: 80px;
	border-radius: 10px;
	border: 3px solid #fceff1;
	vertical-align: middle;
	margin-right: 10px;
}
#depart .flow h1 span {
	position: relative;
	padding: 0 .6em;
}
#depart .flow h1 span::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #fceff1;
}
#depart .flow > li {
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 10px;
  box-shadow: 0 3px 2px #efefef;
	position: relative;
}
#depart .flow > li:after {
	content: "▼";
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: block;
	color: #ccc;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -23px;
	margin: auto;
}
#depart .flow > li.end:after {
	content: "";
}
.kamoku03 {
	display: inline-block;
}
.kamoku03 li {
	border: 1px solid #ccc;
	background: linear-gradient(white,#fceff1);
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
	position: relative;
	box-shadow: 0 3px 2px #efefef;
	padding: 7px;
}
.kamoku03 h1 {
	letter-spacing: 0.3rem;
	color: #f7b9e5;
}
.kamoku03 div {
	background: white;
	border-radius: 6px;
	padding: 10px 10px 0 10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
/*---------------
追加
----------------*/
#depart .sec01 ul {
	display: inline-block;
	text-align: left;
}
#depart .sec01 ul li {
	display: inline-block;
	margin: 0 10px 6px 0;
}
#depart .sec01 ul li.end {
	margin-right: 0;
}
#depart .sec01 ul li.end:after {
	content: "など";
	text-align: right;
	margin-left: 10px;
}
#depart .sec01 ul li:before {
	content: "□";
	color: #f7b9e5;
}

/*---------------
  asthma
----------------*/
.asthma .sec01 dl {
	text-align: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.asthma .sec01 dt {
	font-weight: bold;
	border-top: 1px solid #ddd;
	padding: 10px 10px 0 10px;
}
.asthma .sec01 dt:before {
	content: "【";
}
.asthma .sec01 dt:after {
	content: "】";
}
.asthma .sec01 dd {
	padding: 0 10px 10px 10px;
}
/*---------------
  respiratory
----------------*/
.respiratory .sec01 figure img {
	width: 150px;
}
.respiratory .sec02 figure img {
	width: 89px;
}
.respiratory .sec03 figure img {
	width: 200px;
}
.respiratory .sec04 figure img {
	width: 264px;
}
/*---------------
  smoke
----------------*/
.smoke .sec01 figure img {
	width: 260px;
	margin-bottom: 10px;
}
.comment {
	position: relative;
	padding: 10px;
	background: #fceff1;
	border-radius: 10px;
	margin-bottom: 60px;
	
}
.comment img {
	width: 70px;
	position: absolute;
	right: 20px;
	bottom: -55px;
}
/*---------------
  copd
----------------*/
.copd .sec01 figure img {
	width: 90px;
}
.copd .sec02 dt {
	border: 1px solid #ddd;
	padding: 10px;
	background: #f3f3f3;
	font-weight: bold;
}
.copd .sec02 dd {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.copd .sec02 dd figure {
	width: 90px;
	line-height: 90px;
	border-radius: 45px;
	border: 1px dashed #ccc;
	display: inline-block;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.copd .sec02 dd figure img {
	width: 60px;
	vertical-align: middle;
}
/*---------------
  cardio
----------------*/
.cardio .sec01 figure img {
	width: 180px;
}
.cardio .sec02 figure img {
	width: 200px;
}
/*---------------
  internal
----------------*/
.internal .sec01 figure img{
	width: 150px;
}
.internal .sec02 figure img {
	width: 180px;
}
.internal .picup {
	margin: 20px 10px;
}
.internal .sec01 {
	padding-bottom: 0;
}
.internal .sec02 {
	padding-top: 10px;
}
/*---------------
  allergy
----------------*/
.allergy .sec01 figure img {
	width: 140px;
}
.allergy .sec02.picup {
	overflow: hidden;
	text-align: center;
}
.allergy .sec02.picup ul {
}
.allergy .sec02.picup p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
}
.allergy .sec02.picup ul li {
	background: #fff;
	padding: 5px;
	margin-bottom: 10px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.allergy .sec02.picup ul li figure {
	width: 75px;
	display: table-cell;
	vertical-align: middle;
}
/*---------------
  gast
----------------*/
.gast .sec01 figure img {
	max-width: 280px;
}
.gast .sec02 figure img {
	width: 140px;
}
.list_num {
	padding: 0;
}
.list_num li {
	text-indent: -20px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.list_num li:before {
	color: #fff;
	background-color: #00a58f;
	font-family: Arial Black, Impact;
	line-height: 18px;
	width: 18px;
	border-radius: 9px;
	display: inline-block;
	text-align: center;
	margin-right: 3px;
	text-indent: 0;
}
.list_num li:first-child:before {
	content: "1";
}
.list_num li:nth-child(2):before {
	content: "2";
}
.list_num li:nth-child(3):before {
	content: "3";
}
.list_num li:nth-child(4):before {
	content: "4";
}
.list_num li:nth-child(5):before {
	content: "5";
}
/*---------------
  symptoms
----------------*/
#symptoms section p {
	margin-bottom: 0;
}
#symptoms .sec01 ul {
	display: inline-block;
	text-align: left;
}
#symptoms .sec01 ul li {
	display: inline-block;
	margin: 0 10px 6px 0;
}
#symptoms .sec01 ul li.end {
	margin-right: 0;
}
#symptoms .sec01 ul li.end:after {
	content: "など";
	text-align: right;
	margin-left: 10px;
}
#symptoms .sec01 ul li:before {
	content: "□";
	color: #f7b9e5;
}
#symptoms section figure img {
	max-width: 260px;
	margin-bottom: 10px;
}
#symptoms section .btn {
	padding-top: 15px;
	padding-bottom: 15px;
}
.picup {
	position: relative;
	padding: 1em;
	background-color: #f3f3f3;
	margin: 10px 10px 20px 10px;
	padding: 10px 10px 1px 10px;
}
.picup::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ccc #ccc;
}
.picup h1 {
	background: url(../symptoms/img/pen.png) no-repeat 10px center;
	background-size: 20px;
	border-bottom: 1px dotted #00a58f;
	padding: 10px 10px 10px 40px;
	margin: 0 0 20px 0;
	font-weight: bold;
	color: #00a58f;
	font-size: 130%;
	text-align: left;
	line-height: 1.4;
}
.picup h2 {
	background: #fff;
	padding: .5em 1em .5em 1.5em;
	position: relative;
}
.picup h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #f7b9e5;
	border-radius: 4px;
}
.picup .btnarea a {
	margin-top: 0;
}

/*---------------
  access
----------------*/
#access section iframe {
	width: 100%;
}
#access figcaption {
	text-align: left;
}
#access figure img {
	margin: 10px 0;
	max-width: 300px;
}
#access .jr,
#access .metro {
	text-indent: -4rem;
	padding-left: 4rem;
}
#access .jr:before {
	content: "ＪＲ：";
	color: #00a58f;
	font-weight: bold;
}
#access .metro:before {
	content: "地下鉄：";
	color: #00a58f;
	font-weight: bold;
}
#access section h3 {
	background: #f3f3f3;
	padding: 5px 10px;
}
/*---------------
  faq
----------------*/
#faq main dl,
.faq {
	margin: 10px 10px 30px 10px;
	text-align: left;
}
#faq main dl dt:before,
#faq main dl dd:before,
.faq dt:before,
.faq dd:before {
	font-size: 150%;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
	margin-right: 5px;
}
#faq main dl dt:before,
.faq dt:before {
	content: "Q.";
}
#faq main dl dd:before,
.faq dd:before {
	content: "A.";
}

#faq main dl dt,
.faq dt {
	color: #00a58f;
	font-weight: bold;
	text-indent: -2.4rem;
	padding-left: 2.4rem;
}
#faq main dl dd,
.faq dd {
	background: #f0f0f0;
	border-radius: 10px;
	padding: 10px;
	margin: 5px 0 10px 0;
}
/*---------------
  placenta
----------------*/
#depart.placenta section {
	margin-bottom: 30px;
}
.list_sq  {
	text-align: left;
}
.list_sq dt {
	font-weight: bold;
}
.list_sq dd {
	margin-bottom: 10px;
}
.list_sq dt:before {
	content: "■";
	color: #00a58f;
	margin-right: 2px;
}
#depart.placenta .sec02 dt {
	line-height: 60px;
	border-radius: 30px;
	color: #fff;
	width: 60px;
	text-align: center;
	font-size: 2rem;
	margin: 0 auto 10px auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#depart.placenta .sec02 dt:first-child {
	background: #f29300;
}
#depart.placenta .sec02 dt:nth-child(3) {
	background: #65c9f3;
}
#depart.placenta .sec02 dt:nth-child(5) {
	background: #f7b9e5;
}
#depart.placenta .sec02 dd {
	margin-bottom: 20px;
}
#depart.placenta section figure img {
	height: 120px;
	width: auto;
	margin-bottom: 10px;
}
#depart.placenta section table {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: auto;
}
#depart.placenta section table caption {
	text-align: right;
}
#depart.placenta section table th,
#depart.placenta section table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
#depart.placenta section table th {
	background: #f5f1dc;
}
#depart.placenta section table td {
	text-align: right;
	white-space: nowrap;
}
/*--------------------margin padding----------------*/
.m10 {
	margin: 10px;
}

/**/

/* ▼ナビ固定 20170112 ▼ */
#header {
        min-height: 66px;
}
.gnav.fixed {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 100;
        opacity: 0.8;
}
#info section {
        border-top: 0;
        border-bottom: 1px solid #ddd;
        padding-top: 86px;
        margin-top: -66px;
}
#info section:last-of-type {
        border-bottom: 0;
}
/* ▲ナビ固定 20170112 ▲ */


/* スマホトップにプラセンタ追加 (20170209)
============================================== */
.box {
	border-radius: 10px;
	border: 1px solid #ddd;
	box-shadow: 0 4px 2px #efefef;
	margin-bottom: 30px;
	padding: 10px;
}
.topix .pre {
	color: #26bca8;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 18px;
}
.topix .topic {
	margin-bottom:1em;
	font-size:18px;
	line-height:1.5;
	background:#26bca8;
	color:#fff;
	text-align:center;
	padding-bottom: 0;
}
.topix .topic a,
.topix .topic span {
	padding: 10px;
	display: block;
}
.topix .topic a{
	background: url(../img/arrow_wht.png) no-repeat right center;
	text-decoration: none;
	color: white!important;
	font-weight: bold;
}
.topix .topic a:hover {
	background-color: #f29300;
}
.topix .pic {
	text-align: center;
	margin-bottom: 0;
}
.topix .txt {
	border-bottom: 1px dashed #ccc;
	padding: 10px 0 5px 0;
	display: inline;
	line-height: 2.6;
}

/* 20170210 マップ画像化 */
.maparea p {
	font-size: 14px;
}
.maparea p span {
	display: inline-block;
}
.maparea p:last-child {
	text-align: right;
}
.maparea p:last-child a {
	text-decoration: none;
	padding-left: 25px;
	background: url('../img/map_icon.png') 0 center no-repeat;
	background-size: 16px auto;
}

.ss{
display:none;
}