@charset "utf-8";

/* ===================================
Otsuka Ladies & Children's Clinic
Style Sheet
First Update  2015-08-25
Last  Update  2023-10-17
Created by Basic Plus Design Inc.
=================================== */
/* -----------------------------------------------------------
1. index.html
2. about
    2-1.  index.html
    2-2.  staff.html
    2-3.  access.html
    2-4.  medicalinfo.html
    2-5.  facilities.html
3. obstetrics
    3-1.  index.html
    3-2.  index.html#program
    3-3.  ob_cost.html
    3-4.  flow.html
    3-5.  prenatalcare.html
    3-6.  birthplan.html
    3-7.  hospitalization.html
    3-8.  childbirth.html
    3-9.  ob_surgery.html
    3-10. nhs.html
    3-11. dailyschedule.html
    3-12. babyalbum.html
    3-13. dearbaby.html
4. pediatrics
    4-1.  index.html
5. repro
    5-1.  index.html
    5-2.  gender-selection.html
6. gynecology
    6-1.  index.html
7. yoyaku
    7-1.  firstvisit.html
    7-2.  usingapptsystem.html
    7-3.  tos.html
8. others
    7-1.  faq.html
    7-2.  recruit.html
    7-3.  patientrights.html
    7-4.  lump-sum.html
    7-5.  sitemap.html
    7-6.  privacy.html
9. program
10.floating banner
----------------------------------------------------------- */
/* ===========================================================
1. index.html
=========================================================== */
#overview1,
#overview2,
#overview3,
#overview4,
#overview5 {
	width: 100%;
}

#overview1 {
	padding-top: 40px;
	padding-bottom: 100px;
}

#overview2 {
	padding-top: 40px;
	padding-bottom: 50px;
}

#overview3 {
	padding-top: 40px;
	padding-bottom: 50px;
}

#overview4,
#overview5 {
	padding-top: 10px;
	padding-bottom: 20px;
}

#home .catch img,
#home .motto img,
#home .menu ul {
	position: relative;
	z-index: 9999;
}

#overview1 h3,
#overview2 h3,
#overview3 h3,
#overview4 h3,
#overview5 h3 {
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 9999;
}

#home .catch {
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1;
}

#home .motto {
	margin-top: 0;
	margin-bottom: 50px;
	position: relative;
	z-index: 100;
}

#home .ovimg {
	position: absolute;
	z-index: 0;
}

#home .menu ul {
	float: left;
}

#home .menu li {
	display: inline;
	padding: 0;
	margin: 0;
}

#overview4 .menu li,
#overview5 .menu li {
	float: left;
}

#home .menu li a {
	display: block;
	width: 150px;
	height: 24px;
	line-height: 20px;
	padding: 0 0 0 20px;
	margin: 0 10px 6px 10px;
	border: 3px solid #ffffff;
	background-color: #ffffff;
	text-decoration: none;
	text-align: left;
}

#home .menu li a:hover {
	background-color: #ffffff;
}

#home .menu li.hd a {
	background-color: transparent;
}

#home #overview1 .menu li a:hover {
	color: #379b99;
	background: #ffffff url(../images/home/dot_blue.png) no-repeat 7px 50%;
}

#home #overview1 .menu li.hd a:hover {
	color: #379b99;
	background: url(../images/home/dot_blue.png) no-repeat 7px 50%;
}

#home #overview2 .menu li a:hover {
	color: #e59f87;
	background: #ffffff url(../images/home/dot_pink.png) no-repeat 7px 50%;
}

#home #overview2 .menu li.hd a:hover {
	color: #e59f87;
	background: url(../images/home/dot_pink.png) no-repeat 7px 50%;
}

#home #overview3 .menu li a:hover {
	color: #e5ac20;
	background: #ffffff url(../images/home/dot_yellow.png) no-repeat 7px 50%;
}

#home #overview4 .menu li a:hover {
	color: #bcbc36;
	background: #ffffff url(../images/home/dot_green.png) no-repeat 7px 50%;
}

#home #overview5 .menu li a:hover {
	color: #b1b1cc;
	background: #ffffff url(../images/home/dot_lilac.png) no-repeat 7px 50%;
}

#overview1 h3 {
	left: 0;
	bottom: -40px;
	width: 42px;
	height: 190px;
	background: url(../images/home/ttl_overview1.png) no-repeat;
}

#overview1 .menu {
	width: 380px;
	margin-left: 14%;
}

#overview1 .ovimg {
	left: 54%;
	top: -98px;
}

#overview2 .catch {
	margin-left: 34%;
}

#overview2 .motto {
	margin-left: 34%;
}

#overview2 h3 {
	right: 0;
	bottom: 27px;
	width: 42px;
	height: 154px;
	background: url(../images/home/ttl_overview2.png) no-repeat;
}

#overview2 .menu {
	width: 570px;
	margin-left: 33%;
}

#overview2 .ovimg {
	left: -15%;
	top: -30px;
}

#overview3 .catch {
	margin-left: 34%;
}

#overview3 .motto {
	margin-left: 34%;
}

#overview3 h3 {
	right: 2px;
	bottom: 15px;
	width: 37px;
	height: 142px;
	background: url(../images/home/ttl_overview3.png) no-repeat;
}

#overview3 .menu {
	width: 570px;
	margin-left: 33%;
	margin-top: -20px;
}

#overview3 .ovimg {
	left: 5%;
	top: -12px;
}
#overview4 {
	min-height: 200px;
}
#overview4 .catch {
	margin-left: 34%;
}

#overview4 .motto {
	margin-left: 34%;
	margin-top: -10px;
}

#overview4 h3 {
	right: 8px;
	bottom: 5px;
	top: -15px;
	height: 200px;
	width: 56px;
	background: url(../images/home/ttl_overview4.png) no-repeat;
}

#overview4 .menu {
	width: 570px;
	margin-left: 33%;
	margin-top: -20px;
}

#overview4 .ovimg {
	left: -10%;
	top: -50px;
}

#overview5 .catch {
	margin-left: 34%;
}

#overview5 .motto {
	margin-left: 34%;
	margin-top: -10px;
}

#overview5 h3 {
	right: 7px;
	bottom: 5px;
	width: 28px;
	height: 109px;
	background: url(../images/home/ttl_overview5.png) no-repeat;
}

#overview5 .menu {
	width: 570px;
	margin-left: 33%;
	margin-top: -20px;
}

#overview5 .ovimg {
	left: 7%;
	top: -40px;
}

@media only screen and (max-width: 970px) {
	#overview3,
	#overview4,
	#overview5 {
		padding-top: 20px;
	}

	#overview1 .catch,
	#overview2 .catch,
	#overview3 .catch,
	#overview4 .catch,
	#overview5 .catch,
	#overview1 .motto,
	#overview2 .motto,
	#overview3 .motto,
	#overview4 .motto,
	#overview5 .motto {
		width: 100%;
		margin-left: 0;
	}

	#overview1 h3,
	#overview2 h3,
	#overview3 h3,
	#overview4 h3,
	#overview5 h3 {
		width: auto;
		height: auto;
		text-indent: 0;
		overflow: visible;
		background: none;
		position: relative;
		left: 0;
		bottom: auto;
		right: auto;
	}

	#overview1 .menu,
	#overview2 .menu,
	#overview3 .menu,
	#overview4 .menu,
	#overview5 .menu {
		width: 100%;
		max-width: 570px;
		margin-left: -10px;
	}

	#overview1 .ovimg,
	#overview2 .ovimg,
	#overview3 .ovimg,
	#overview4 .ovimg,
	#overview5 .ovimg {
		filter: alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
	}

	#overview1 .ovimg {
		left: inherit;
		right: -15%;
		top: -88px;
	}

	#overview2 .ovimg {
		left: auto;
		top: -5px;
		right: -11%;
	}

	#overview3 .ovimg {
		left: auto;
		right: 10%;
		top: 4px;
	}

	#overview4 h3 span {
		display: block;
		font-size: 60%;
		margin-bottom: 10px;
	}

	#overview4 .ovimg {
		left: auto;
		right: -5%;
	}

	#overview5 .ovimg {
		left: auto;
		top: -20px;
		right: 3%;
	}
}

@media only screen and (max-width: 610px) {
	#overview2 .motto {
		height: 60px;
		text-indent: -9999px;
		background: url(../images/home/motto_ov2s.png) no-repeat;
	}

	#overview3 .motto {
		height: 59px;
		margin-top: 10px;
		text-indent: -9999px;
		background: url(../images/home/motto_ov3s.png) no-repeat;
	}

	#overview4 .motto {
		height: 52px;
		margin-top: 10px;
		text-indent: -9999px;
		background: url(../images/home/motto_ov4s.png) no-repeat;
	}

	#overview5 .motto {
		height: 52px;
	}

	#overview1 .ovimg {
		left: inherit;
		right: -35%;
		top: -58px;
		width: 90%;
	}

	#overview2 .ovimg {
		top: -25px;
		right: -11%;
	}

	#overview3 .ovimg {
		left: auto;
		right: -6%;
		top: 10px;
	}

	#overview4 .ovimg {
		top: 0;
		right: -3%;
		width: 40%;
	}

	#overview5 .ovimg {
		right: -16%;
		top: 0;
	}
}

@media only screen and (max-width: 446px) {
	#overview1,
	#overview2,
	#overview3,
	#overview4,
	#overview5 {
		overflow: hidden;
	}

	#overview1 h3,
	#overview2 h3,
	#overview3 h3,
	#overview4 h3,
	#overview5 h3 {
		font-size: 180%;
	}

	#overview1 .ovimg,
	#overview2 .ovimg,
	#overview3 .ovimg,
	#overview4 .ovimg,
	#overview5 .ovimg {
		top: inherit;
		bottom: 0;
	}

	#overview4 .ovimg {
		width: 45%;
	}

	#overview1 .motto {
		width: 90%;
		margin-bottom: 40px;
	}

	#overview2 .motto {
		height: 50px;
		background-size: cover;
		margin-bottom: 40px;
	}

	#overview3 .motto {
		height: 50px;
		background-size: auto 100%;
		margin-bottom: 60px;
	}
}

/* topinfo */
#topinfo dl {
	margin-top: 30px;
	font-size: 90%;
	border-bottom: 1px dashed #524523;
}

#topinfo dt,
#topinfo dd {
	border-top: 1px dashed #524523;
	line-height: 30px;
}

#topinfo dt {
	width: 10em;
	float: left;
}

#topinfo dd {
	margin-left: 10em;
}

#topinfo dl span.new {
	color: #e59f87;
}

#topinfo_blue {
	padding-top: 80px;
}

#topinfo_blue h3 {
	margin-bottom: 1em;
}

#repeater {
	padding-left: 30px;
}

#repeater .box {
	position: relative;
	margin-top: 59px;
	padding: 20px 20px 0 20px;
	border: 2px solid #524523;
	background: url(../images/home/repeater.png) no-repeat right bottom;
}

#repeater .box h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", MS Mincho, "メイリオ", Meiryo, "Times New Roman", serif;
	font-size: 170%;
	font-weight: bold;
}

#repeater .box p {
	width: 67%;
	font-size: 100%;
	line-height: 1.8;
}

#repeater .box h5 {
	width: 57%;
	padding: 3px 0 0 0;
	color: #e59f87;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", MS Mincho, "メイリオ", Meiryo, "Times New Roman", serif;
	font-size: 120%;
	text-align: center;
	border: 1px solid #efc3b4;
}

#repeater .box span.txt_pink {
	position: absolute;
	left: 42%;
	background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 1147px) {
	#repeater {
		padding-left: 0;
	}

	#repeater .box {
		margin-top: 30px;
	}

	#repeater .box p {
		width: 90%;
	}

	#repeater .box h5 {
		width: 40%;
	}

	#repeater .box span.txt_pink {
		left: 33%;
	}
}

@media only screen and (max-width: 582px) {
	#repeater .box span.txt_pink {
		position: inherit;
		left: 0;
	}

	#repeater .box span.txt_pink:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (max-width: 480px) {
	#topinfo dd {
		border-top: none;
	}

	#topinfo dt {
		float: none;
		width: 100%;
	}

	#topinfo dd {
		margin-left: 0;
	}
}

/* present */
#present {
	margin-top: -60px;
}

#present .container {
	display: flex;
	flex-flow: column wrap;
}

#present a {
	display: block;
	width: 100%;
	max-width: 470px;
	margin: 10px auto;
}

@media only screen and (min-width: 1024px) {
	#present .container {
		width: 100%;
		max-width: 960px;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#present a {
		margin: 0;
	}
}

/* app */
@media screen and (min-width: 767px) {
	#app .container {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	#app .imgbox {
		width: 50%;
	}

	#app .imgbox figure {
		margin: 0;
	}
}

/* guide */
@media screen and (min-width: 767px) {
	#guide .container {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	#guide .imgbox {
		width: 50%;
		margin: auto;
	}

	#guide .imgbox figure {
		margin: 0;
	}
	a:hover img {
		opacity: 0.5;
	}
}

/* patientservice*/
#patientservice .prg {
	margin-top: 14px;
	width: 102%;
}

#patientservice .box {
	display: inline;
	width: 33.3%;
	max-width: 318px;
	padding-top: 14px;
}

#patientservice .box2 {
	display: inline;
	width: 50%;
	padding-top: 14px;
}

#patientservice .item_inner {
	width: 96%;
	height: auto;
	min-height: 275px;
	padding: 13px;
	border-radius: 5px;
	background-color: rgba(248, 217, 206, 1);
	position: relative;
}

#patientservice .box2 .item_inner {
	min-height: 180px;
	background-color: rgba(248, 206, 192, 1);
}

#patientservice .box a:hover,
#patientservice .box2 a:hover {
	display: block;
	width: 100%;
	text-decoration: none;
}

#patientservice .item_inner a:hover {
	background: rgba(229, 159, 135, 0.3);
}

#patientservice .item_inner h4 {
	font-size: 135%;
	font-weight: bold;
}

#patientservice .item_inner h4 span {
	position: absolute;
	right: 10px;
}

#patientservice .item_inner p {
	width: 100%;
	height: auto;
	min-height: 100px;
}

#patientservice .item_inner p .link {
	color: #379b99;
	font-weight: bold;
	text-decoration: underline;
}

#patientservice .item_inner .wbox {
	width: 100%;
	height: auto;
	min-height: 126px;
	padding: 12px;
	border-radius: 5px;
	background: #ffffff;
}

#patientservice .item_inner .pbox {
	width: 100%;
	height: auto;
	min-height: 126px;
	padding: 12px 12px 15px 12px;
	border-radius: 5px;
	background: transparent;
}

#patientservice .box2 .wbox {
	min-height: 60px;
	padding: 0;
	margin-top: -20px;
	background: transparent;
}

#patientservice .wbox dl {
	display: flex;
	flex-flow: row wrap;
	font-size: 95%;
	margin: 0;
}

#patientservice .wbox dt {
	width: 5.5em;
	line-height: 24px;
}

#patientservice .wbox dd {
	width: calc(100% - 5.5em);
	letter-spacing: 0.01em;
	margin-left: 0;
}

#patientservice .box2 .wbox dt {
	width: 5em;
}

#patientservice .box2 .wbox dd {
	width: calc(100% - 5em);
}

#patientservice #p-blank .item_inner {
	background: transparent;
}

#patientservice .wbox p {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0;
}

#patientservice .wbox > ul > li {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0;
}

#patientservice .wbox > ul > li {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0;
}

#patientservice .wbox .line li {
	font-size: 13px;
	font-size: 1.3rem;
	border-bottom: 2px solid #000;
	padding-top: 10px;
	padding-bottom: 10px;
}

#patientservice .wbox .line li:last-child {
	border-bottom: none;
}

#patientservice .wbox .link {
	color: #379b99;
	font-weight: bold;
	text-decoration: underline;
}

/* p-motherclass */
#p-motherclass p {
	min-height: auto !important;
}

#p-motherclass .wbox li dl {
	margin-bottom: 1em;
}
#p-motherclass .wbox li dl dt {
	width: 7em;
}

#p-motherclass .wbox li dl dd {
	width: calc(100% - 8em);
}

/*2017-12-22 */
@media only screen and (max-width: 1025px) {
	#patientservice .prg {
		width: 102%;
	}

	#patientservice .box {
		width: 50%;
		max-width: inherit;
		height: auto;
	}

	#patientservice .box2 .item_inner {
		min-height: 275px;
	}

	#patientservice .box2 .wbox {
		margin-top: 0px;
		min-height: 2em;
	}

	#patientservice #p-blank {
		display: none;
	}
}

@media only screen and (max-width: 712px) {
	#patientservice .prg {
		width: 100%;
	}

	#patientservice p.link {
		position: absolute;
		top: 0;
		right: 0;
	}

	#patientservice .box .pbox {
		display: none;
	}

	#patientservice .box,
	#patientservice .box2 {
		width: 100%;
		height: auto;
		min-height: 100px;
	}

	#patientservice .item_inner {
		width: 100%;
		min-height: 100px;
	}

	#patientservice .item_inner p {
		min-height: inherit;
	}

	#patientservice .item_inner .wbox li.sp,
	#patientservice .item_inner .wbox dt.sp,
	#patientservice .item_inner .wbox dd.sp {
		display: none;
	}

	#patientservice .box2 .item_inner {
		min-height: 10px;
	}

	#patientservice .box2 .wbox {
		margin-top: 0;
		padding: 12px;
		background: #fff;
	}
}

@media only screen and (max-width: 507px) {
	#patientservice p.link {
		position: absolute;
		top: 120px;
		right: 0;
	}

	#patientservice h3 {
		font-size: 180%;
	}

	#patientservice .prg {
		margin-top: 40px;
	}

	#patientservice .box2 {
		min-height: inherit;
	}
}

/* babies slide */
#babiesthumb .slide_selector {
	width: 96%;
	max-width: 980px;
	margin: 50px auto;
}

#babiesthumb .slide_selector div img {
	margin: 0 auto;
}

@media only screen and (max-width: 507px) {
	#babiesthumb .slide_selector {
		width: 90%;
		max-width: 90%;
	}

	#babiesalbum p.link {
		position: absolute;
		bottom: -20px;
	}
}

/* reservationinfo */
#reservationinfo h3 {
	font-size: 180%;
	margin-bottom: 40px;
}

#reservationinfo p {
	font-size: 110%;
}

#reservationinfo p span {
	white-space: normal;
	position: relative;
}

#reservationinfo p.strong {
	height: 1em;
	font-size: 130%;
	padding-bottom: 0.3em;
	margin: 50px 0 40px;
}

#reservationinfo p.strong span.txtl {
	font-size: 125%;
	font-weight: 600;
}

#reservationinfo span.underline {
	padding-bottom: 1px;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #524523;
}

#reservationinfo img {
	margin: 30px 0 20px;
}

#reservationinfo p.note {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	margin: 0;
	line-height: 2;
}

#reservationinfo span.wave {
	padding-bottom: 2em;
	background: url(../images/home/line-wave.svg) repeat-x 0 6px/28px auto;
}

#reservationinfo p.last {
	margin-top: 50px;
}

@media only screen and (max-width: 794px) {
	#reservationinfo p.strong {
		margin: 50px 0 90px;
	}
}

/* parkinginfo */
#parkinginfo .col {
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}

#parkinginfo .col h3,
#parkinginfo .col p {
	width: 100%;
}

#parkinginfo .col h3 {
	font-size: 180%;
	margin-bottom: 40px;
}

#parkinginfo .col p {
	line-height: 2;
}

#parkinginfo .col .txtl {
	font-size: 130%;
	line-height: 1;
}

#parkinginfo .col .txts {
	font-size: 100%;
	line-height: 1;
}

#parkinginfo img.parklegend {
	position: absolute;
	width: 30%;
	max-width: 228px;
	right: 0;
	bottom: 0;
}

#parkinginfo .ok {
	background-color: #eecb6f;
	border: 2px solid #524523;
	content: "";
	display: inline-block;
	height: 22px;
	line-height: 1.2;
	margin: 0 0.8em;
	width: 43px;
}

#parkinginfo img.parkingmap {
	max-width: 940px;
	width: 100%;
}

#parkinginfo img.parkingmap::before {
	clear: both;
	content: "";
	display: table;
}

@media only screen and (max-width: 879px) {
	#parkinginfo .col h3,
	#parkinginfo .col p {
		width: 100%;
	}

	#parkinginfo img.parklegend {
		position: inherit;
		right: inherit;
		bottom: inherit;
		width: 35%;
		margin-bottom: 10px;
		float: right;
	}
}

@media only screen and (max-width: 480px) {
	#parkinginfo .col h3,
	#parkinginfo .col .txtl {
		line-height: 1.8;
	}

	span.smbr::before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (max-width: 420px) {
	span.ssmbr::before {
		content: "\A";
		white-space: pre;
	}
}

/* ===========================================================
2. about
=========================================================== */
#about .pagemenu a:hover,
#about .main a:hover {
	color: #379b99;
}

#about .main h2 span {
	color: #a3d1d0;
}

#about .main h4 {
	color: #379b99;
}

#about .main span.ico_sq {
	color: #379b99;
}

#about .container .link_box {
	border: 1px solid #379b99;
}

#about .main .link_box a:hover {
	background-color: rgba(163, 209, 208, 0.3);
}

/* -----------------------------------------------------------
2-1. about/index.html
----------------------------------------------------------- */
/* -----------------------------------------------------------
2-2. about/staff.html
----------------------------------------------------------- */
#stafflist1 .staff {
	position: relative;
	min-height: 270px;
	margin-top: 50px;
}

#stafflist2 .staff {
	position: relative;
	min-height: 220px;
	margin-bottom: 60px;
}

#stafflist1 .staffphoto,
#stafflist2 .staffphoto {
	position: absolute;
	left: 0;
	top: 0;
}

#stafflist1 .staffphoto {
	max-width: 270px;
}

#stafflist2 .staffphoto {
	max-width: 220px;
	margin-left: 25px;
}

#stafflist1 dl,
#stafflist2 dl,
#stafflist3 .staff ul {
	margin-left: 300px;
	clear: both;
}

#stafflist1 dt,
#stafflist2 dt,
#stafflist3 .staff li {
	float: left;
}

#stafflist1 dt {
	margin-top: 80px;
}

#stafflist2 dt {
	margin-top: 40px;
	line-height: 1.8;
}

#stafflist3 {
	padding: 100px 0 120px;
}

#stafflist1 dt span.name,
#stafflist2 dt span.name,
#stafflist3 .name {
	font-size: 200%;
	letter-spacing: 0.04em;
	line-height: 1;
}

#stafflist1 dt span.name_e,
#stafflist2 dt span.name_e,
#stafflist3 .name_e {
	font-family: "EB Garamond", "Times New Roman", serif;
	font-size: 150%;
	letter-spacing: 0.04em;
	color: #a3d1d0;
	line-height: 1.5;
	vertical-align: text-bottom;
}

#stafflist1 dt span.name_e:before,
#stafflist2 dt span.name_e:before {
	content: "\A";
	white-space: pre;
}

#stafflist1 dd,
#stafflist2 dd {
	margin-left: 240px;
	font-size: 100%;
}

#stafflist1 dd h5,
#stafflist2 dd h5 {
	color: #379b99;
	font-size: 120%;
}

#stafflist1 dd p,
#stafflist2 dd p {
	margin-top: 0;
}

#staff1 dd {
	padding-top: 60px;
}

#staff2 dd {
	padding-top: 60px;
}

#staff4 dd {
	padding-top: 10px;
}

#stafflist3 .staff li {
	height: 50px;
	line-height: 1;
}

#stafflist3 .name_e {
	margin-left: 50px;
}

#stafflist3 .position {
	margin-left: 60px;
	line-height: 2.5;
}

@media only screen and (max-width: 900px) {
	#stafflist1 dt {
		margin-top: 20px;
	}

	#stafflist1 dd {
		padding-top: 120px;
		margin-left: 0;
	}

	#stafflist2 dt {
		margin-top: 0;
	}

	#stafflist2 dd {
		padding-top: 120px;
		margin-left: 0;
	}

	#stafflist3 .staff ul {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 690px) {
	#stafflist1 dt {
		margin-top: 80px;
	}

	#stafflist1 dd {
		padding-top: 270px;
		margin-left: -290px;
	}

	#stafflist2 dt {
		margin-top: 40px;
	}

	#stafflist2 dd {
		padding-top: 220px;
		margin-left: -270px;
	}

	#stafflist3 .staff ul {
		margin-left: 30px;
	}
}

@media only screen and (max-width: 584px) {
	#stafflist1 .staffphoto,
	#stafflist2 .staffphoto {
		position: inherit;
		left: inherit;
		top: inherit;
	}

	#stafflist1 dl,
	#stafflist2 dl,
	#stafflist3 dl {
		min-height: inherit;
		margin: 0;
		padding: 0;
	}

	#stafflist1 dt,
	#stafflist2 dt {
		float: none;
		margin-top: 30px;
	}

	#stafflist1 dd,
	#stafflist2 dd {
		padding-top: 0;
		margin-left: 0;
	}

	#stafflist3 .staff li {
		float: none;
		height: 30px;
		line-height: 1;
	}

	#stafflist3 .name {
		margin-top: 30px;
	}

	#stafflist3 .name_e {
		margin-left: 0;
	}

	#stafflist3 .position {
		margin-left: 0;
		line-height: 2.5;
	}
}

/* -----------------------------------------------------------
2-3. about/access.html
----------------------------------------------------------- */
#access .btn_print {
	margin-bottom: 20px;
	margin-top: -100px;
}

#access #map_canvas {
	margin-bottom: 4em;
}

#access .container p.link {
	float: right;
	margin-top: -3.2em;
	text-align: right;
}

#access .container .two-col .logo {
	width: 100%;
	max-width: 380px;
	margin-top: 20px;
}

#access .container .two-col p.add {
	margin-top: 30px;
	padding-left: 25%;
}

#access .container .two-col p span {
	font-size: 140%;
	margin-top: 10px;
	line-height: 1;
	vertical-align: sub;
}

#access .container .two-col dt {
	height: 3em;
	margin-top: 50px;
}

#access .container .two-col dt:first-child {
	margin-top: 0;
}

#access .container .two-col dt span {
	padding: 0.8em 1em;
	font-weight: bold;
	letter-spacing: 0.3em;
	color: #379b99;
	border: 1px solid #379b99;
}

#access .container .two-col dd {
	margin-top: 20px;
	padding-left: 110px;
}

#access .container .two-col dd img {
	float: left;
	margin-left: -100px;
}

#access #map_canvas #infoWindow {
	height: 8em;
	color: #524523;
}

#access #map_canvas #infoWindow h3 {
	font-size: 18px;
	font-weight: bold;
}

@media only screen and (max-width: 1147px) {
	#access .container .two-col .logo {
		float: left;
		width: 40%;
		max-width: 320px;
		margin-top: 0;
	}

	#access .container .two-col p.add {
		width: 60%;
		margin-top: 30px;
		margin-left: 50%;
		padding-left: 0;
	}

	#access .container .two-col dl {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 640px) {
	#access .container .two-col .logo {
		float: none;
		width: 90%;
		max-width: 320px;
		margin-top: 50px;
	}

	#access .container .two-col p.add {
		width: 100%;
		margin-left: 0;
	}

	#access .container .two-col dt span {
		padding: 10px;
		letter-spacing: 0.01em;
	}

	#access .container .two-col dd {
		margin-top: 20px;
		padding-left: 0;
	}

	#access .container .two-col dd img {
		float: right;
		width: auto;
		max-width: 70px;
		max-height: 60px;
		margin-top: -100px;
	}
}

/* -----------------------------------------------------------
2-4. about/medicalinfo.html
----------------------------------------------------------- */
#departments dt {
	float: left;
	width: 210px;
	font-size: 220%;
	line-height: 1;
	letter-spacing: 0.5em;
	padding: 10px 0;
	margin: 0;
}

#departments dt a:hover {
	display: block;
	text-decoration: none;
}

#departments dt .txtsp {
	display: inline-block;
	width: 3em;
	content: "";
}

#departments dd {
	margin-left: 210px;
	margin-bottom: 30px;
}

#departments dd dl {
	padding: 10px 0;
}

#departments dd#dept_ob dl {
	border-left: 3px solid #efc3b4;
}

#departments dd#dept_pediatrics dl {
	border-left: 3px solid #eecb6f;
}

#departments dd#dept_repro dl {
	border-left: 3px solid #cccc66;
}

#departments dd#dept_gyn dl {
	border-left: 3px solid #cccce3;
}

#departments dd dl dd,
#departments dd#dept_ob dl dd:last-child {
	display: inline-block;
	width: 220px;
	margin-left: 30px;
	margin-bottom: 10px;
}

#departments dd dl dd:last-child {
	width: auto;
}

#departments dd#dept_ob dl dd {
	display: block;
	line-height: 2;
}

#departments dd dl dd a {
	padding-left: 15px;
}

#departments dd dl dd a:hover {
	text-decoration: none;
}

#departments dd#dept_ob dl dd a:hover {
	color: #e59f87;
	background: url(../images/ico_pinkdot.png) no-repeat 0 0.5em;
}

#departments dd#dept_pediatrics dl dd a:hover {
	color: #e5ac20;
	background: url(../images/ico_yellowdot.png) no-repeat 0 0.5em;
}

#departments dd#dept_repro dl dd a:hover {
	color: #bcbc36;
	background: url(../images/ico_greendot.png) no-repeat 0 0.5em;
}

#departments dd#dept_gyn dl dd a:hover {
	color: #b1b1cc;
	background: url(../images/ico_lilacdot.png) no-repeat 0 0.5em;
}

#departments .container {
	position: relative;
}

#departments .container .link_box {
	position: absolute;
	top: 120px;
	right: 0;
	width: 47%;
	max-width: 440px;
	min-height: 160px;
	padding: 0 20px;
	background: url(../images/about/bg_deptprogram.png) no-repeat right -1px;
}

@media only screen and (max-width: 840px) {
	#departments dt {
		width: inherit;
		font-size: 160%;
	}

	#departments dd {
		margin-left: 130px;
		padding-left: 0;
	}

	#departments dd dl dd,
	#departments dd#dept_ob dl dd:last-child {
		width: 11em;
		margin-left: 1em;
	}

	#departments .container .link_box {
		position: inherit;
		width: 100%;
		top: 0;
		background-size: 50%;
	}

	#departments dd ul li a {
		margin-left: -15px;
	}
}

#hours h4,
#doctors h4 {
	margin-top: 50px;
}

#hours .waku {
	min-height: 170px;
	border-color: #379b99;
}

#hours .waku p {
	margin-left: 140px;
}

#hours .waku .indt {
	margin: -1em 0 -1em 140px;
}

#hours .waku dl {
	margin-left: 140px;
}

#doctors table td {
	border-top: 1px solid #524523;
}

#doctors table td.blue {
	background: rgba(218, 237, 236, 0.5);
	border-bottom: 1px solid #524523;
}

#doctors table td.blue2 {
	background: rgba(218, 237, 236, 0.5);
}

#doctors table td.white {
	border-bottom: 1px solid #524523;
}

#doctors table td {
	width: calc((100% - 154) / 6);
}

#doctors table td.th {
	width: 40px;
}
#doctors table {
	position: relative;
}
#doctors table::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #524523;
	position: absolute;
	bottom: 0;
	left: 0;
}

#doctors .timetable1 p.date {
	float: right;
}

@media only screen and (max-width: 900px) {
	#hours .waku .fleft {
		float: right;
		width: 80px;
		top: 40px;
		margin-left: 20px;
		margin-right: 0;
	}

	#hours .waku p {
		margin-left: 0;
	}

	#hours .waku .indt {
		margin: -1em 0 -1em 0;
	}

	#hours .waku dl {
		margin-top: 20px;
		margin-left: 0;
	}

	#hours .waku dt {
		float: none;
		margin-top: 20px;
	}

	#hours .waku dd {
		line-height: 1.5;
		margin-left: 0;
	}
}

@media only screen and (max-width: 764px) {
	#hours span.tbr:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (max-width: 480px) {
	#hours .waku {
		padding-top: 50px;
	}

	#hours .waku .fleft {
		width: 60px;
		margin-top: -40px;
	}

	#hours span.mbr:before {
		content: "\A";
		white-space: pre;
	}
}

#consulprocess .outline .item {
	width: 100%;
	height: auto;
	min-height: 100px;
	padding: 20px 40px 20px 300px;
	margin: 30px auto;
	background: rgba(255, 255, 255, 0.5);
	position: relative;
}

#consulprocess .outline .item h3.step {
	position: absolute;
	display: block;
	width: 260px;
	text-align: center;
	font-size: 200%;
	letter-spacing: 0.3em;
	left: 0;
	top: 40%;
}

/*
#consulprocess .outline #process1 video {
width: 250px;
height: 250px;
padding: 10px;
float: right;
border: 1px solid #524523;
}
*/
#consulprocess .outline #process1 p.appt1 {
	height: 80px;
	margin-top: 30px;
	padding-left: 130px;
	line-height: 2.2;
	background: url(../images/yoyaku/sign_internet.png) no-repeat;
}

#consulprocess .outline .arrow {
	margin-left: 90px;
	margin-bottom: 0;
}

@media only screen and (max-width: 900px) {
	#consulprocess .outline .item {
		padding: 40px 40px 20px;
	}

	#consulprocess .outline .item h3.step {
		position: relative;
		text-align: left;
	}
}

@media only screen and (max-width: 480px) {
	#consulprocess .outline .item {
		padding: 20px;
	}

	#consulprocess .outline #process1 p.appt1 {
		padding-left: 0;
		background-position: right;
	}
}

/* -----------------------------------------------------------
2-5. about/facilities.html
----------------------------------------------------------- */
#facilities {
	padding-bottom: 0;
}

/*
#clinicmap {
  display: none;
  max-width: 1060px;
  height: auto;
  max-height: 450px;
  margin: 0 auto;
  background: #fff;
}

#clinicmap img {
  margin: 0 auto
}
*/

#facilities {
	padding-bottom: 0;
}

#facilities .topcol {
	width: calc(100% - 200px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	position: absolute;
	top: 0;
	right: 0;
}

#facilities .topcol > .item:nth-child(1) {
	width: 200px;
}

#facilities .topcol > .item:nth-child(2) {
	width: calc(100% - 200px);
}

#facilities .topcol .icoimg {
	width: 94px;
	height: 94px;
	float: left;
}

#facilities .topcol > .item > h5,
#facilities .topcol > .item > p {
	margin-left: 120px;
	margin-top: 10px;
}

#facilities_list .item {
	width: 100%;
	height: 162px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background: url(../images/bg_beige.png);
	margin: 14px 0 20px;
	padding: 20px 0 0 20px;
}

#facilities_list .item:first-child {
	margin-top: -20px;
}

#facilities_list .item h5,
#facilities_list .item p {
	display: block;
	width: calc(100% - 190px);
}

#facilities_list .item.pic2 h5,
#facilities_list .item.pic2 p {
	width: calc(100% - 400px);
}

#facilities_list .item h5 {
	margin-top: 0;
}

#facilities_list .item p {
	font-size: 105%;
	line-height: 1.7;
	letter-spacing: 0.1em;
	padding-right: 2em;
}

#facilities_list .item img {
	width: 190px;
	height: 160px;
	margin-top: -43px;
}

#facilities_list .item .pic {
	margin-top: -43px;
}

#facilities_list .item .pic img {
	margin-left: 10px;
	margin-top: 0;
}

#facilities_list .item.gaikan {
	height: auto;
	padding-bottom: 20px;
}

#facilities_list .item.gaikan p {
	width: 100%;
}

#facilities_list .item.gaikan > div {
	width: 100%;
	text-align: right;
}

#facilities_list .item.gaikan img {
	margin-left: 10px;
	margin-top: 10px;
}

@media only screen and (max-width: 1140px) {
	/*#clinicmap {
    width: 90%;
  }
  */
}

@media only screen and (max-width: 900px) {
	#facilities .topcol {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		position: relative;
	}

	#facilities .topcol > .item:nth-child(1),
	#facilities .topcol > .item:nth-child(2) {
		width: 100%;
	}

	#facilities_list .item.gaikan > div {
		margin-left: -10px;
		text-align: left;
	}

	#facilities_list .item {
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		padding: 20px;
	}

	#facilities_list .item:first-child {
		margin-top: 0;
	}

	#facilities_list .item h5,
	#facilities_list .item p,
	#facilities_list .item.pic2 h5,
	#facilities_list .item.pic2 p {
		width: 100%;
	}

	#facilities_list .item h5 {
		margin-bottom: 10px;
	}

	#facilities_list .item p {
		padding-right: 0;
	}

	#facilities_list .item img {
		margin-top: 0;
	}

	#facilities_list .item .pic {
		margin-top: auto;
		margin-left: -10px;
	}

	#facilities_list .item .pic img {
		float: left;
		margin-bottom: 10px;
		margin-right: 10px;
	}
}

/* ===========================================================
3. obstetrics
=========================================================== */
#ob .pagemenu a:hover,
#ob .main a:hover {
	color: #e59f87;
}

#ob .main h2 span {
	color: #efc3b4;
}

#ob .main span.ico_sq {
	color: #efc3b4;
}

#ob .pagemenu .container h2 {
	line-height: 330%;
}

@media only screen and (max-width: 970px) {
	#ob .pagemenu .container h2 {
		line-height: 1.6;
	}
}
@media only screen and (min-width: 971px) {
	#ob .pagemenu .pagesubmn ul.item:last-child {
		margin-left: 3.8em;
	}
	#ob .pagemenu .container h2 {
		line-height: 360%;
	}
}

/* -----------------------------------------------------------
3-1. obstetrics/index.html
----------------------------------------------------------- */
#about_ob .comingsoon {
	padding-top: 0;
}

#about_ob .intro {
	background: url(../images/ob/bg_top.png) no-repeat right top;
	background-size: contain;
}

#about_ob .intro .motto {
	color: #e59f87;
}

#about_ob .tile h4 {
	margin-top: 50px;
	margin-bottom: 30px;
}

#about_ob .tile {
	width: 102%;
}

#about_ob .tile .item {
	display: inline;
	width: 33.3%;
	height: 190px;
}

#about_ob .tile .item .item_inner {
	width: 96%;
	height: 93%;
	padding: 10px 15px;
	border-radius: 5px;
	background: url(../images/bg_pink.png) repeat;
}

#about_ob .tile .item h5,
#about_ob .tile .item p {
	margin-top: 12px;
	padding-left: 0;
}

#about_ob .tile .item p.link {
	float: right;
	width: 110px;
	height: 15px;
	line-height: 1;
	text-align: right;
}

#about_ob .tile .item p.link a:hover {
	text-decoration: none;
}

#about_ob .tile .item .tag_pink,
#about_ob .tile .item .tag_green {
	float: left;
	width: auto;
	max-width: 15em;
	margin-right: 9px;
	padding: 0 5px;
	color: #fff;
	font-size: 100%;
}

#about_ob .tile .item .tag_pink {
	background: #e59f87;
}

#about_ob .tile .item .tag_green {
	background: #bcbc36;
}

@media only screen and (max-width: 1025px) {
	#about_ob .tile {
		margin-left: 0;
	}

	#about_ob .tile .item {
		width: 50%;
	}
}

@media only screen and (max-width: 888px) {
	#about_ob .intro .bg {
		min-height: auto;
	}

	#about_ob .tile {
		width: 104%;
		margin-left: 0;
	}

	#about_ob .tile h4 {
		padding-left: 0;
	}

	#about_ob .tile .item {
		width: 100%;
	}
}

/* -----------------------------------------------------------
3-2. obstetrics/index.html#program
----------------------------------------------------------- */
#ob_prg .prg {
	margin-top: 14px;
	width: 102%;
}

#ob_prg p.link {
	position: absolute;
	top: 70px;
	right: 0;
}

#ob_prg .box {
	display: inline;
	width: 33.3%;
	max-width: 318px;
	padding-top: 14px;
}

#ob_prg .box2 {
	display: inline;
	width: 50%;
	padding-top: 14px;
}

#ob_prg .item_inner {
	width: 96%;
	height: auto;
	min-height: 275px;
	padding: 13px;
	border-radius: 5px;
	background-color: rgba(248, 217, 206, 1);
	position: relative;
}

#ob_prg .item_inner a:hover {
	background: rgba(229, 159, 135, 0.3);
}

#ob_prg .box2 .item_inner {
	min-height: 180px;
	background-color: rgba(248, 206, 192, 1);
}

#ob_prg .box a:hover,
#ob_prg .box2 a:hover {
	display: block;
	width: 100%;
	text-decoration: none;
}

#ob_prg .item_inner h4 {
	margin-top: 0;
	font-size: 135%;
	font-weight: bold;
}

#ob_prg .item_inner h4 span {
	position: absolute;
	right: 10px;
}

#ob_prg .item_inner p {
	width: 100%;
	height: auto;
	min-height: 100px;
}

#ob_prg .item_inner p .link {
	color: #379b99;
	font-weight: bold;
	text-decoration: underline;
}

#ob_prg .item_inner .wbox {
	width: 100%;
	height: auto;
	min-height: 126px;
	padding: 12px;
	border-radius: 5px;
	background: #ffffff;
}

#ob_prg .item_inner .pbox {
	width: 100%;
	height: auto;
	min-height: 126px;
	padding: 12px 12px 15px 12px;
	border-radius: 5px;
	background: transparent;
}

#ob_prg .box2 .wbox {
	min-height: 60px;
	padding: 0;
	margin-top: -20px;
	background: transparent;
}

#ob_prg .item_inner dl {
	display: flex;
	flex-flow: row wrap;
	font-size: 95%;
	margin: 0;
}

#ob_prg .item_inner dt {
	width: 5.5em;
	line-height: 24px;
}

#ob_prg .item_inner dd {
	width: calc(100% - 5.5em);
	letter-spacing: 0.01em;
	margin-left: 0;
}

#ob_prg .box2 .item_inner dt {
	width: 5em;
}

#ob_prg .box2 .item_inner dd {
	width: calc(100% - 5em);
}

#ob_prg #p-blank .item_inner {
	background: transparent;
}

#ob_prg .item_inner .wbox p {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0;
}

#ob_prg .item_inner .wbox > ul > li {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0;
}

#ob_prg .item_inner .wbox .line li {
	font-size: 13px;
	font-size: 1.3rem;
	border-bottom: 2px solid #000;
	padding-top: 10px;
	padding-bottom: 10px;
}

#ob_prg .item_inner .wbox .line li:last-child {
	border-bottom: none;
}

/*2017-12-22 */
@media only screen and (max-width: 1025px) {
	#ob_prg .prg {
		width: 102%;
	}

	#ob_prg .box,
	#ob_prg .box2 {
		width: 50%;
		max-width: inherit;
		height: auto;
	}

	#ob_prg .box2 .item_inner {
		min-height: 275px;
	}

	#ob_prg .box2 .wbox {
		margin-top: 0px;
		min-height: 2em;
	}

	#ob_prg #p-blank {
		display: none;
	}
}

@media only screen and (max-width: 712px) {
	#ob_prg .prg {
		width: 104%;
	}

	#ob_prg .box .pbox {
		display: none;
	}

	#ob_prg .box,
	#ob_prg .box2 {
		width: 100%;
		height: auto;
		min-height: 100px;
	}

	#ob_prg .item_inner {
		min-height: 100px;
	}

	#ob_prg .item_inner p {
		min-height: inherit;
	}

	#ob_prg .item_inner .wbox li.sp,
	#ob_prg .item_inner .wbox dt.sp,
	#ob_prg .item_inner .wbox dd.sp {
		display: none;
	}

	#ob .box2 .item_inner {
		min-height: 10px;
	}

	#ob_prg .box2 .wbox {
		padding: 12px;
		background: #fff;
	}
}

@media only screen and (max-width: 507px) {
	#ob_prg p.link {
		top: 180px;
	}

	#ob_prg h3 {
		font-size: 180%;
	}

	#ob_prg .prg {
		margin-top: 40px;
	}

	#ob_prg .box2 {
		min-height: inherit;
	}
}

/* -----------------------------------------------------------
3-3. obstetrics/ob_cost.html
----------------------------------------------------------- */
#ob_cost h4 {
	margin-top: 50px;
}

#prenatal dt {
	width: 20%;
}

#prenatal dd {
	margin-left: 20%;
}

#higashikurume {
	margin-top: 50px;
	padding: 5px 0 20px 25%;
	border-radius: 5px;
	background: #faf3f0 url(../images/ob/higashikurume.png) no-repeat left 55%;
}

#higashikurume h5 {
	width: 130%;
	margin-left: -30%;
	font-size: 150%;
	line-height: 18px;
}

#higashikurume h5 img {
	vertical-align: top;
}

#higashikurume h5 span {
	font-size: 70%;
	color: #524523;
}

#higashikurume .item {
	float: left;
	width: 44%;
	margin-left: 5%;
}

#higashikurume .item dt {
	float: left;
	width: 5em;
}

#higashikurume .item dd {
	margin-left: 5.5em;
}

#aid {
	background: url(../images/ob/sign_aid.png) no-repeat;
}

#ob_cost .costtable3 .fee_c {
	width: 350px;
}

#ob_cost .costtable3 .fee {
	width: 350px;
	padding-left: 20px;
	text-align: left;
}

#nyuuin {
	position: relative;
}

#nyuuin ul.comment {
	color: #379b99;
	font-size: 100%;
	left: 210px;
	line-height: 1.6;
	position: absolute;
	top: -15px;
}

#nyuuin ul.comment li {
	margin-left: 1em;
	margin-top: 1em;
	text-indent: -1em;
}

#nyuuin ul.comment span {
	font-weight: bold;
	font-size: 115%;
}

#nyuuin dl {
	margin-top: 30px;
}

#nyuuin dl::before {
	clear: both;
	content: "";
	display: table;
}

#nyuuin dt {
	float: left;
	width: 200px;
	padding: 10px;
	font-size: 120%;
	text-align: center;
	border: 1px solid #524523;
}

#nyuuin dd {
	margin-bottom: 20px;
	margin-left: 220px;
}

#ob #repeater {
	padding-left: 0;
	margin-top: 50px;
}

#ob #repeater .box {
	width: 50%;
	min-width: 480px;
	margin-left: 0;
}

#ob #repeater .box h4 {
	margin-top: 0;
}

@media only screen and (max-width: 980px) {
	#higashikurume {
		padding: 5px 2% 20px 3%;
		background-position: 90% bottom;
	}

	#higashikurume h5 {
		width: 100%;
		margin-left: 0;
	}

	#higashikurume h5 span:before {
		content: "\A";
		white-space: pre;
	}

	#higashikurume .item {
		float: left;
		width: 44%;
		margin-left: 0;
		margin-right: 5%;
	}

	#higashikurume .item dt {
		float: none;
	}

	#higashikurume .item dd {
		margin-left: 0;
	}

	#ob #repeater .box {
		width: 100%;
		min-width: inherit;
		margin-left: 0;
	}
}

@media only screen and (max-width: 815px) {
	#aid {
		padding-top: 10px;
		background-position: right 0;
		background-size: 50px;
	}

	#nyuuin dl::before {
		height: 2em;
	}
}

@media only screen and (max-width: 700px) {
	#higashikurume h5 {
		font-size: 130%;
	}

	#higashikurume h5 img {
		display: none;
	}

	#higashikurume .item {
		float: none;
		width: 100%;
	}

	#nyuuin ul.comment {
		left: inherit;
		position: inherit;
		top: inherit;
	}

	#nyuuin dl {
		margin-top: 20px;
	}

	#ob #repeater .box {
		width: 95%;
	}
}

@media only screen and (max-width: 480px) {
	#prenatal dt {
		width: 100%;
	}

	#prenatal dd {
		margin-left: 0;
	}

	#nyuuin dt {
		width: 100%;
	}

	#nyuuin dd {
		margin-left: 0;
		padding: 2em 0;
		width: 100%;
	}
}

/* -----------------------------------------------------------
3-14. obstetrics/postpartumcare.html
----------------------------------------------------------- */
#termsofuse {
	margin: 50px auto;
	padding: 5px 25% 20px;
	background: #faf3f0;
}

#termsofuse h5 {
	margin-bottom: 1em;
}

#termsofuse dt img {
	height: 14px;
	margin-right: 1em;
	margin-top: -5px;
	width: 14px;
}

#termsofuse dt {
	background-image: url(../images/ob/ico_box.png);
	background-position: left top 5px;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	font-weight: 600;
	padding-left: 26px;
}

#termsofuse dt > span {
	position: relative;
	display: inline-block !important;
	letter-spacing: 0 !important;
}

#termsofuse dt > span::after {
	background-color: #fff;
	content: "";
	display: block;
	height: 4px;
	margin-top: -6px;
	position: absolute;
	width: 100%;
}

#termsofuse dd {
	font-size: 80% !important;
	margin-bottom: 1.5em;
	margin-left: -0.5em;
	margin-top: 0.8em;
	padding-left: 3em;
}

#termsofuse dd span {
	display: inline-block;
}

@media screen and (min-width: 652px) {
	#termsofuse dt span {
		width: auto;
		display: inline-block;
	}
}

@media screen and (min-width: 767px) {
	#termsofuse {
		padding: 5px 40px 20px !important;
	}
	#termsofuse dt {
		background-position: left top 7px;
		font-size: 16px;
		letter-spacing: 0.5em;
	}
	#termsofuse dd {
		font-size: 100% !important;
		margin-left: -1em;
	}
}

@media screen and (min-width: 1000px) {
	#termsofuse dt {
		width: 100%;
		max-width: 100% !important;
	}
}

@media screen and (max-width: 959px) {
	#termsofuse {
		padding: 5px 20px;
	}

	#termsofuse dt {
		letter-spacing: 0.25 !important;
	}
}

@media screen and (max-width: 479px) {
	#termsofuse dt {
		font-size: 95%;
		letter-spacing: 0.25 !important;
	}
}

#shortstay {
	background: url(../images/ob/sign_shortstay.png) no-repeat;
	background-position: right 0;
	background-size: 60px;
	padding-top: 10px;
}

#shortstay h4 span {
	letter-spacing: -0.05em;
}

#shortstay h5 {
	font-size: 15px;
}

#shortstay ul li span {
	color: #e59f87;
	padding-right: 10px;
}

@media screen and (min-width: 816px) {
	#shortstay {
		padding-left: 17%;
		background-size: 95px;
		background-position: left 10px top 40px;
	}
}

#shortstay2.waku {
	max-width: 940px;
	padding: 0 30px;
	width: 100%;
}

#shortstay2.waku h4 {
	margin-bottom: 1em;
	margin-top: 1.5em;
	width: 100%;
}

#shortstay2.waku dl {
	padding-bottom: 10px;
}

#shortstay2.waku dl dt {
	color: #fff;
	height: 2em;
	padding-left: 1em;
}

#shortstay2.waku dl:nth-of-type(1) dt {
	background: #e59f87;
}

#shortstay2.waku dl:nth-of-type(2) dt {
	background: #867c65;
}

#shortstay2.waku > p {
	font-size: 90%;
}

#shortstay2.waku dl dd {
	margin-bottom: 2em;
	margin-top: 1em;
}

#shortstay2.waku dl dd ul li {
	position: relative;
}

#shortstay2.waku dl dd ul li > span:nth-of-type(1) {
	left: 0;
	position: absolute;
	top: 0;
}
#shortstay2.waku dl dd ul li > span:nth-of-type(2) {
	font-size: 90%;
	margin-left: 1.5em;
}

#shortstay2.waku dl dd ul li > span:nth-of-type(2) > span {
	display: inline-block;
}

#shortstay2.waku p {
	margin-bottom: 2em;
	margin-top: -2em;
}

@media screen and (min-width: 1000px) {
	#shortstay2.waku {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	#shortstay2.waku dl:nth-of-type(1) {
		width: 20em;
	}
	#shortstay2.waku dl:nth-of-type(2) {
		width: calc(100% - 20em);
		max-width: 550px;
	}

	#shortstay2.waku dl:nth-of-type(2) > dd > ul > li:nth-child(4) > span > span:nth-of-type(3) {
		padding-left: 1.5em;
	}

	#shortstay2.waku dl:nth-of-type(2) > dd > ul > li:nth-child(4) > span > span:nth-of-type(4) {
		display: inline-block;
	}
}

@media screen and (max-width: 999px) {
	#shortstay2.waku dl dd ul li > span:nth-of-type(2) > span {
		display: block;
		margin-left: 1.3em;
	}

	#shortstay2.waku dl dd ul li > span:nth-of-type(1),
	#shortstay2.waku dl dd ul li > span:nth-of-type(2) {
		max-width: 100%;
	}

	#shortstay2.waku dl dd ul li > span:nth-of-type(1) br,
	#shortstay2.waku dl dd ul li > span:nth-of-type(2) br {
		display: none !important;
	}
}

#termsofuse2 {
	background-color: #f9e7e1;
}

#termsofuse2 #price dl,
#termsofuse2 #price dl dt,
#termsofuse2 #price dl dd {
	width: 100%;
}

#termsofuse2 #price dl dt {
	background-color: #e59f87;
	color: #fff;
	font-size: 150%;
	line-height: 1.4;
	padding: 1em 1.5em;
	text-align: center;
}

#termsofuse2 #price dl dt span {
	display: block;
	font-size: 80%;
}

#termsofuse2 #price dl dd {
	background-color: #fff;
	padding: 1.5em 3em;
	text-align: center;
}

#termsofuse2 #price dl dd span {
	display: block;
}

#termsofuse2 #howtouse h4 {
	margin-top: 60px;
	margin-bottom: 20px;
}

#termsofuse2 #howtouse ul {
	margin-bottom: 40px;
}

#termsofuse2 #howtouse ul li > span {
	color: #e59f87 !important;
	padding-right: 10px;
}

#termsofuse2 #howtouse > p {
	padding-bottom: 7px;
}

#termsofuse2 #howtouse > a {
	background-color: #fff;
	background-image: url("../images/ico_miniarrowr_pink.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: right 30px center;
	border: 2px solid #524523;
	display: block;
	margin-bottom: 20px;
	max-width: 39em;
	padding: 20px;
	text-align: center;
	width: 100%;
}

#termsofuse2 #howtouse > a:hover {
	background-color: #e59f87 !important;
	background-image: url("../images/ico_miniarrowr_wht.png");
	background-repeat: no-repeat;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

@media screen and (min-width: 600px) {
	#termsofuse2 #price dl {
		display: flex !important;
		justify-content: space-between;
		width: 100% !important;
	}

	#termsofuse2 #price dl dt {
		font-size: 130%;
		padding-top: 1.5em;
		width: 9em;
	}

	#termsofuse2 #price dl dd {
		width: calc(100% - 10em) !important;
	}
}

@media screen and (min-width: 650px) {
	#termsofuse2 #price dl dt {
		width: 10em;
	}
	#termsofuse2 #price dl dd {
		min-width: calc(100% - 12em);
	}
	#termsofuse2 #price dl dd span {
		display: inline-block;
		margin-top: 1em;
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#termsofuse2 #price dl dd {
		padding-left: 4em;
		text-align: left;
	}
}

/* -----------------------------------------------------------
3-4. obstetrics/flow.html
----------------------------------------------------------- */
#flow .box {
	margin-bottom: 50px;
}

#flow a {
	padding-right: 26px;
	background: url(../images/ico_miniarrowr_pink.png) no-repeat right center;
}

#flow a:hover {
	text-decoration: none;
}

#flow h5 {
	margin-top: 10px;
	margin-left: 10px;
	color: #e59f87;
}

#flow .timeall {
	width: 940px;
	margin-top: 30px;
}

#flow .timeall .ttl {
	position: relative;
}

#flow .timeall .ttl h2 {
	padding-top: 30px;
	color: #e59f87;
	letter-spacing: 0;
	line-height: 100px;
}

#flow .timeall .ttl p {
	position: absolute;
	right: 0;
	bottom: 0;
}

#flow .box table {
	width: 100%;
	max-width: 940px;
	border: none;
	border-top: 1px solid #e59f87;
}

#flow th,
#flow td {
	border: none;
	border-bottom: 1px solid #e59f87;
}

#flow th {
	width: 45%;
	height: 50px;
	padding: 20px;
	font-size: 150%;
}

#flow td {
	height: 130px;
	padding: 10px;
	position: relative;
}

#flow .pink {
	color: #fff !important;
	background: #e59f87 !important;
}

#flow .ppink {
	background: url(../images/bg_pink.png) repeat;
}

#flow .day {
	width: 10%;
	color: #e59f87;
	text-align: center;
	line-height: 1.5;
	background: url(../images/bg_pink.png) repeat;
	border-left: 1px solid #e59f87;
	border-right: 1px solid #e59f87;
}

#flow th.day {
	background: #fff;
}

#flow td.day span {
	font-size: 180%;
}

#flow .first {
	height: 130px;
}

#flow #flow_pregnancy td li {
	line-height: 1.5;
	margin: 1em 0 1em -20px;
}

#flow td .comment {
	position: absolute;
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 80px;
	padding-top: 10px;
	padding-left: 24px;
	top: 25px;
	right: 0;
	color: #fff;
	background: #e59f87;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#flow td .comment p {
	line-height: 1.3;
}

#flow td .triple p {
	margin-top: 3px;
}

#flow_pregnancy .ttl {
	width: 100%;
	height: 138px;
	background: url(../images/ob/bg_flowttl_pregnancy.png) no-repeat center bottom;
}

#flow #flow_pregnancy td {
	height: 30px;
	padding: 0 10px;
	position: relative;
}

#flow #flow_pregnancy td ul {
	margin-left: 80px;
}

#flow #flow_pregnancy td.prog {
	color: #e59f87;
	text-align: right;
	font-size: 260%;
}

#flow #flow_pregnancy td.prog span {
	font-size: 40px;
}

#flow_childbirth .ttl {
	width: 100%;
	height: 139px;
	background: url(../images/ob/bg_flowttl_childbirth.png) no-repeat center bottom;
}

#flow #flow_childbirth .imgfolder {
	margin-left: 5px;
}

#flow #flow_childbirth .imgfolder li {
	float: left;
	margin-right: 10px;
}

#flow #flow_childbirth td.birthday {
	background: #e59f87;
	padding: 0 10px -10px 0;
}

#flow #flow_childbirth td.birthday ul {
	margin: 0 0 -10px 0;
}

#flow #flow_childbirth td.birthday li {
	height: 50px;
	line-height: 50px;
	margin: 0 0 10px 0;
	position: relative;
}

#flow #flow_childbirth td.birthday li a {
	padding-left: 20px;
	background: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#flow #flow_childbirth td.birthday li.ppink {
	background: #f9e7e1 url(../images/ico_miniarrowr_pink.png) no-repeat 97% center;
}

#flow #flow_childbirth td.birthday li.beige {
	background: #ebede0 url(../images/ico_miniarrowr_beige.png) no-repeat 97% center;
}

#flow_discharge .ttl {
	width: 100%;
	height: 121px;
	background: url(../images/ob/bg_flowttl_discharge.png) no-repeat center bottom;
}

#flow_discharge td ul {
	margin-top: 30px;
}

#flow_discharge td li {
	margin-bottom: 30px;
}

#flow_discharge td.prog li {
	width: 80%;
	height: 30px;
	padding: 3px 20px;
	margin-left: 10%;
	color: #fff;
	text-align: center;
	background-color: #b1b1cc;
}

#flow .bar {
	width: 2em;
	color: #fff;
	font-size: 130%;
	position: absolute;
}

#flow .prog .bar {
	font-size: 50%;
	text-align: center;
}

#flow .prog .bar a {
	display: block;
	width: 2em;
	height: auto;
	padding: 0 0.5em;
	color: #fff;
	text-align: center;
	background-color: transparent;
	position: absolute;
	background: none;
}

#flow .bar01 {
	height: 360px;
	padding-top: 150px;
	padding-left: 0.5em;
	background-color: #978f7b;
	top: 10px;
	left: 20px;
}

#flow .bar04 span#bar04_1 a {
	height: 70px;
	top: 250px;
	left: 0;
	font-size: 40%;
	z-index: 100;
}

#flow .bar04 span#bar04_2 a {
	height: 30px;
	top: 380px;
	left: 0;
	font-size: 40%;
	z-index: 100;
}

/* 助産師外来,ソフロロジー教室 削除に伴う変更
#flow .bar04 span#bar04_3 a {
  height: 5em;
  top: 270px;
  left: 0;
  font-size: 40%;
  z-index: 100;
}
#flow .bar04 span#bar04_4 a {
  height: 1em;
  top: 370px;
  left: 0;
  font-size: 40%;
  z-index: 100;
}
#flow .bar04 span#bar04_5 a {
  height: 8em;
  top: 400px;
  left: 0;
  font-size: 40%;
  z-index: 100;
}
#flow .bar04 span#bar04_6 a {
  height: 1em;
  top: 550px;
  left: 0;
  font-size: 40%;
  z-index: 100;
}
*/
#flow .bar04 span#bar04_7 a {
	height: 10em;
	top: 450px;
	left: 0;
	font-size: 40%;
	z-index: 100;
}

#flow .bar01 a #bar04_2 {
	height: 7.5em;
	top: 320px;
	left: 0;
	z-index: 100;
}

#flow .bar02 {
	height: 360px;
	padding-top: 150px;
	padding-left: 0.5em;
	background-color: #756a4f;
	top: 10px;
	left: 20px;
}

#flow .bar03 {
	height: 495px;
	padding-top: 215px;
	padding-left: 0.5em;
	background-color: #524523;
	top: 10px;
	left: 20px;
}

#flow .bar04 {
	height: 895px;
	padding-top: 250px;
	background-color: #e59f87;
	top: 0;
	left: 20px;
}

#flow .bar05 {
	height: 770px;
	background-color: #e6c66f;
	top: 0;
	left: 70px;
}

#flow .bar05 a {
	height: 7.5em;
	top: 320px;
	left: 0;
	z-index: 100;
}

#flow .bar06 {
	height: 348px;
	padding-top: 120px;
	background-color: #9ecaca;
	top: 0;
	left: 120px;
}

#flow .bar06 a {
	height: 7.5em;
	top: 120px;
	left: 0;
	z-index: 100;
}

#flow .bar07 {
	height: 349px;
	padding-top: 5px;
	background-color: #c5c566;
	top: -257px;
	left: 170px;
}

#flow .bar07 a {
	height: 8em;
	top: 120px;
	left: 0;
	z-index: 100;
}

#flow .bar08 {
	height: 231px;
	padding-top: 40px;
	background-color: #9ecaca;
	top: 60px;
	left: 220px;
}

#flow .bar08 a {
	height: 7.5em;
	top: 55px;
	left: 0;
	z-index: 100;
}

#flow .flag {
	width: 151px;
	height: 29px;
	padding-top: 5px;
	padding-left: 34px;
	font-size: 50%;
	text-align: left;
	position: absolute;
}

#flow .flag05 {
	top: 10px;
	left: 98px;
	color: #e6c66f;
	background: url(../images/ob/flag_yellow.png) no-repeat;
}

#flow .flag06 {
	top: 15px;
	left: 148px;
	color: #9ecaca;
	background: url(../images/ob/flag_blue.png) no-repeat;
	z-index: 100;
}

#flow .flag07 {
	top: -170px;
	left: 198px;
	color: #c5c566;
	background: url(../images/ob/flag_green.png) no-repeat;
}

#flow .flag08 {
	top: 140px;
	left: 248px;
	color: #9ecaca;
	background: url(../images/ob/flag_blue.png) no-repeat;
}

#flow #flow_discharge li {
	position: relative;
}

#flow #flow_discharge .prog li a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: none;
	color: #fff;
}

@media only screen and (max-width: 959px) {
	#flow .box {
		display: block;
		width: 100%;
		max-width: 940px;
		overflow-x: auto;
		overflow-y: hidden;
	}
}

/* -----------------------------------------------------------
3-5. obstetrics/prenatalcare.html
----------------------------------------------------------- */
#prenatalcare .timetable1 td .list {
	margin-left: 5em;
}

#prenatalcare .timetable1 td .list li {
	text-indent: -6em;
}

#prenatalcare .timetable1 td li .txt_pink {
	font-size: 110%;
}

#prenatalcare .timetable1 td li {
	padding-bottom: 5px;
	position: relative;
}

#prenatalcare .timetable1 td li .tag {
	position: absolute;
	right: 0;
}

#screeningschedule div {
	line-height: 1em;
}

#screeningschedule .tag {
	float: none;
	margin-left: 1em;
}

#screeningschedule .bar_pink {
	padding-left: 1em;
	border-left: 8px solid #e59f87;
	height: 28.5em;
}

#screeningschedule .bar_yellow {
	padding-left: 1em;
	border-left: 8px solid #e5ac20;
	height: 26.4em;
}

#screeningschedule .bar_blue {
	padding-left: 1em;
	border-left: 8px solid #a3d1d0;
	padding-bottom: 9em;
}

#screeningschedule .bar_blue .txt_blue {
	padding-left: 1.5em;
}

#screeningschedule .bar_green {
	padding-left: 1em;
	border-left: 8px solid #bcbc36;
	margin-left: 1.5em;
	margin-top: -12.2em;
	padding-bottom: 7.4em;
}

#screeningschedule .bar_green .txt_green {
	padding-top: 1.5em;
}

#screeningschedule .bar_blue2 {
	padding-left: 1em;
	border-left: 8px solid #a3d1d0;
	margin-left: 3em;
	margin-top: -3em;
	padding-bottom: 6em;
}

#screeningschedule .bar_lilac {
	padding-left: 1em;
	border-left: 8px solid #cccce3;
	height: 4em;
}

#screeningschedule div p {
	line-height: 1;
}

#screeningschedule #scschedule1 {
	height: 28em;
	margin: 0 10px;
}

#screeningschedule #scschedule2 {
	height: 5;
	margin: 0 10px;
	padding-top: 0.5em;
}

/* -----------------------------------------------------------
3-6. obstetrics/birthplan.html
----------------------------------------------------------- */
/* -----------------------------------------------------------
3-7. obstetrics/hospitalization.html
----------------------------------------------------------- */
#preadmission {
	background: url(../images/ob/sign_bed.png) no-repeat;
}

#childbirthset {
	background: url(../images/ob/sign_checklist.png) no-repeat;
}

#preparation {
	padding: 40px 0;
	margin-top: 50px;
}

#preparation h3 {
	margin-bottom: 1em;
}

#preparation p {
	text-align: left;
	text-justify: none;
}

#preparation > p span {
	font-size: 120%;
	font-weight: 700;
	text-decoration: underline;
	white-space: normal;
}

#preparation .column {
	width: 100%;
	padding: 20px 40px 40px;
	border: 2px solid #e69c89;
	margin: 30px 0;
}

#preparation .column h4 {
	color: #e59f87;
	margin-bottom: 30px;
}

#preparation > ul.list {
	margin-bottom: 30px;
}

#preparation .list li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}

#preparation .note {
	margin-top: 1em;
	font-size: 95%;
}

#preparation h5[class^="tag_"],
#preparation h5[class*="tag_"] {
	color: #fff;
	font-size: 130%;
	padding: 0.5em;
}

#preparation .flwrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
}

#preparation .flwrap h5 {
	width: 100%;
}

@media only screen and (min-width: 640px) {
	#preparation .flwrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#preparation .cell {
		width: 48%;
	}

	#preparation .all {
		width: 100%;
	}
}

@media only screen and (max-width: 815px) {
	#preadmission,
	#childbirthset {
		background-position: right 0;
	}
}

@media only screen and (max-width: 580px) {
	#preadmission,
	#childbirthset {
		padding-top: 10px;
		background-size: 80px;
	}
}

#calltiming {
	background: url(../images/ob/sign_telephone.png) no-repeat 0 0;
}

#howtocall {
	width: 100%;
	padding-left: 0;
	background: #524523;
}

#howtocall .columnl {
	float: left;
	width: 398px;
	padding: 10px 0 10px 30px;
	color: #fff;
	letter-spacing: 0;
}

#howtocall .columnr {
	margin-left: 398px;
	padding: 10px 20px 40px 30px;
	background: #fff;
}

#howtocall .columnl p {
	margin-top: 50px;
	letter-spacing: 0;
}

#howtocall .columnl p span.undertxt {
	display: none;
}

#howtocall .columnl p.txtl {
	font-size: 150%;
	letter-spacing: 0.01em;
	margin-top: 20px;
}

#howtocall .columnr > dl > dt {
	float: left;
	width: 8.5em;
	color: #e59f87;
	font-size: 110%;
}

#howtocall .columnr > dl > dd {
	margin-left: 9em;
	margin-bottom: 10px;
	padding-left: 0;
}

#howtocall .columnr .list {
	margin-top: 8px;
	font-size: 95%;
}

#howtocall .columnr .list dt {
	float: left;
	width: 5em;
	line-height: 24px;
	color: inherit;
}

#howtocall .columnr .list dd {
	margin-left: 5em;
	line-height: 24px;
}

@media only screen and (max-width: 940px) {
	#howtocall .columnr > dl > dt {
		float: none;
	}

	#howtocall .columnr > dl > dd {
		margin-left: 0;
	}
}

@media only screen and (max-width: 815px) {
	#calltiming {
		background-position: right 0;
	}

	#howtocall .columnl,
	#howtocall .columnr {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	#howtocall .columnl p span.righttxt {
		display: none;
	}

	#howtocall .columnl p span.undertxt {
		display: inline;
	}

	#howtocall .columnr > dl > dd {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 870px) {
	#calltiming {
		padding-top: 10px;
		background-size: 80px;
	}
}

#life table {
	width: 100%;
	border-bottom: 2px solid #e59f87;
	border-right: 2px solid #e59f87;
	overflow-x: scroll;
}

#life th {
	width: 10%;
	padding: 10px;
	height: 100px;
	border-top: 2px solid #e59f87;
	border-left: 2px solid #e59f87;
	color: #e59f87;
	font-size: 140%;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: rgba(239, 195, 180, 0.7);
}

#life th.pink,
#life td.pink {
	color: #fff;
	background: #e59f87;
}

#life td {
	width: 45%;
	padding: 10px 20px 0 20px;
	height: 100px;
	border-top: 2px solid #e59f87;
	border-left: 2px solid #e59f87;
}

#life td p {
	line-height: 1;
	margin: 25px 0 5px 0;
	color: #e59f87;
}

#life td li {
	padding: 0.5em 0;
	line-height: 1.5;
}

#life td.join {
	padding: 0 20px auto 20px;
	vertical-align: top;
}

#life td.join li {
	padding: 0.25em 0;
}

#life .imgfolder ul {
	margin-left: -10px;
}

#life .imgfolder li {
	float: left;
	margin-right: 10px;
}

#life td.birthday {
	padding: 0 0 -8px 0;
}

#life td.birthday ul {
	margin: 0 -12px;
}

#life td.birthday li {
	height: 36px;
	margin: 0 0 8px 0;
	line-height: 32px;
	position: relative;
}

#life td.birthday .pink {
	background: #f9e7e1 url(../images/ico_miniarrowr_pink.png) no-repeat 97% center;
}

#life td.birthday .beige {
	background: #ebede0 url(../images/ico_miniarrowr_beige.png) no-repeat 97% center;
}

#life td.birthday li a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 4px 20px;
}

#life td.birthday li a:hover {
	text-decoration: none;
}

#meal {
	background: url(../images/ob/sign_meals.png) no-repeat 0 0;
	margin-top: -80px;
	padding-left: 110px;
}

#meal .algnr {
	text-align: right;
	width: 45em;
}

#mealsample:before {
	clear: both;
	content: "";
	display: table;
}

#mealsample .col {
	background: #f0c4b8;
	border-radius: 5px;
	float: left;
	margin: 50px 0 50px 2%;
	max-width: 300px;
	overflow: hidden;
	padding: 10px 10px 0 10px;
	width: 32%;
}

#mealsample .col:first-child {
	margin-left: 0;
}

#mealsample .col .mealimg {
	height: auto;
	max-width: 280px;
	width: 100%;
}

#mealsample .col p {
	text-align: center;
}

#mealsample::after {
	clear: both;
	content: "";
	display: table;
}

@media only screen and (max-width: 959px) {
	#life .box {
		display: block;
		width: 100%;
		max-width: 940px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	#meal .algnr {
		width: 100%;
	}
}

@media only screen and (max-width: 815px) {
	#meal {
		background-position: right 0;
		padding-left: 0;
		padding-top: 10px;
	}
}

@media only screen and (max-width: 580px) {
	#meal {
		background-size: 80px;
	}

	#mealsample .col {
		float: none;
		margin: 30px auto 0 auto;
		width: 100%;
	}

	#mealsample .col:first-child {
		margin-left: auto;
	}
}

#celebration-menu {
	border: 2px solid #524523;
	margin-top: 100px;
	padding: 30px 25px;
	position: relative;
	z-index: 0;
}

#celebration-menu h3 {
	background: url(../images/ob/ttl_celebrationmenu.png) no-repeat center center;
	background-size: cover;
	font-size: 180%;
	height: 75px;
	line-height: 75px;
	margin: -70px auto 0 auto;
	position: relative;
	text-align: center;
	width: 227px;
	z-index: 1;
}

#celebration-menu > p {
	font-size: 90%;
	position: absolute;
	right: -0.5em;
	top: -36px;
}

#celebration-menu .coursephoto {
	float: left;
	margin-top: -8px;
	text-align: center;
	width: 49%;
}

#celebration-menu .coursephoto .photo {
	background-color: #f0c4b8;
	border: 19px solid #f0c4b8;
	border-radius: 5px;
	margin: 38px 0;
}

#celebration-menu .coursemenu {
	background: url(../images/bg_pink.png) repeat;
	margin-left: 52%;
	margin-top: 30px;
	padding: 10px 0;
	text-align: center;
	width: 48%;
}

#celebration-menu .coursemenu h4 {
	font-size: 100%;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 1em;
	text-align: center;
}

#celebration-menu .coursemenu .ttl {
	width: 90px;
}

#celebration-menu .coursemenu li {
	margin-bottom: 1.5em;
}

#celebration-menu .coursemenu li:first-child::before,
#celebration-menu li:last-child::after {
	background: url(../images/ob/decoborder.png) no-repeat center;
	content: "";
	display: block;
	height: 20px;
}

#celebration-menu .coursemenu li:first-child::before {
	margin-bottom: 1em;
	margin-top: 1em;
}

#celebration-menu .coursemenu li:last-child::after {
	margin-top: 1em;
}

#celebration-menu .coursemenu li p {
	font-size: 100%;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-align: center;
}

#celebration-menu .coursemenu li p.fn {
	color: #e59f87;
	font-size: 90%;
	letter-spacing: 0.02em;
	line-height: 1.5;
	margin-top: -1.2em;
}

#celebration-menu-detail {
	background-color: #978f7b;
	color: #fff;
	padding: 0 30px;
}

#celebration-menu-detail h4 {
	font-size: 110%;
	margin-bottom: 1.5em;
}

#celebration-menu-detail h5 {
	font-size: 115%;
	margin-top: 0;
}

#celebration-menu-detail .detail {
	border-bottom: 1px solid;
	border-color: rgba(255, 255, 255, 0.5);
	padding: 10px 0 20px;
}

#celebration-menu-detail .detail p {
	font-size: 100%;
	letter-spacing: 0;
}

#celebration-menu-detail .detail1 .col {
	background: url(../images/ob/border-dot.png) left top repeat-y;
	display: inline-block;
	height: 100px;
	padding-left: 1.5em;
	vertical-align: top;
}

#celebration-menu-detail .detail1 .col1 {
	background-image: none;
	padding-left: 0;
	width: 30%;
}

#celebration-menu-detail .detail1 .col2 {
	width: 33%;
}

#celebration-menu-detail .detail1 .col3 {
	width: 36%;
}

#celebration-menu-detail .detail2 .col {
	display: inline-block;
	height: 160px;
	margin-top: 2em;
	vertical-align: top;
}

#celebration-menu-detail .detail2 .col h4 {
	margin-top: 0;
}

#celebration-menu-detail .detail2 .col1 {
	width: 40%;
}

#celebration-menu-detail .detail2 .col2 {
	border-left: 1px solid;
	border-color: rgba(255, 255, 255, 0.5);
	padding-left: 1.5em;
	width: 59%;
}

#celebration-menu-detail .chef p {
	line-height: 1;
	text-align: right;
}

#celebration-menu-detail .chefsign {
	margin-bottom: -10px;
	width: 346px;
}

@media only screen and (max-width: 989px) {
	#celebration-menu {
		padding: 30px 10px;
	}

	#celebration-menu > p {
		position: relative;
		text-align: right;
		top: inherit;
	}

	#celebration-menu .coursephoto,
	#celebration-menu .coursemenu {
		margin-left: auto;
		margin-right: auto;
		max-width: 450px;
		width: 90%;
	}

	#celebration-menu .coursephoto {
		float: none;
	}

	#celebration-menu-detail .detail1 .col,
	#celebration-menu-detail .detail2 .col {
		display: block;
		height: auto;
	}

	#celebration-menu-detail .detail1 .col1,
	#celebration-menu-detail .detail1 .col2,
	#celebration-menu-detail .detail1 .col3 {
		background: none;
		padding-left: 0;
		width: 100%;
	}

	#celebration-menu-detail .detail1 .col1 h5,
	#celebration-menu-detail .detail1 .col2 h5,
	#celebration-menu-detail .detail1 .col3 h5 {
		margin-top: 2em;
	}

	#celebration-menu-detail .detail2 .col1 {
		width: 100%;
	}

	#celebration-menu-detail .detail2 .col2 {
		border-left: none;
		padding-left: 0;
		width: 100%;
	}
}

#room .linklist li {
	min-height: inherit;
	margin-bottom: inherit;
}

#room .linklist li img {
	float: left;
	width: 19%;
	max-width: 190px;
	margin-bottom: 50px;
}

#room .linklist li h5,
#room .linklist li p,
#room .linklist li ul,
#menkai {
	width: auto;
	margin-left: 0;
}

#room .linklist li.item {
	margin-bottom: 50px;
}

#menkai {
	padding: 0 0 0 30px;
	background: #e59f87;
}

#menkai dt {
	float: left;
	width: 1em;
	padding-top: 100px;
	font-size: 170%;
	line-height: 170%;
	color: #fff;
}

#menkai dd {
	margin-left: 50px;
	padding: 10px 0 10px 30px;
	background: #fff;
}

#menkai dd dt {
	float: left;
	width: 5em;
	margin: 0;
	padding: 0;
	font-size: inherit;
	color: #524523;
	line-height: 1.8;
}

#menkai dd dd {
	margin-top: 0;
	margin-left: 5em;
	padding: 0 10px 0 0;
}

#room .linklist #menkai dd p,
#room .linklist #menkai dd div ul {
	margin: 0;
	min-height: inherit;
}

@media only screen and (max-width: 970px) {
	#menkai span.tbr:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (max-width: 870px) {
	#room .linklist {
		margin-top: 0;
	}

	#room .linklist li img {
		float: none;
		width: 90%;
		max-width: 190px;
		margin-top: 60px;
		margin-bottom: 0;
	}

	#room .linklist li h5,
	#room .linklist li p,
	#room .linklist li ul,
	#menkai {
		margin-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	#menkai {
		padding: 0;
	}

	#menkai p {
		font-size: 120%;
	}

	#menkai dt,
	#menkai dd dt {
		float: none;
		width: 100%;
		padding: 0;
	}

	#menkai dt {
		padding: 10px;
	}

	#menkai dd,
	#menkai dd dd {
		margin-left: 0;
		padding: 10px;
	}
}

/* -----------------------------------------------------------
3-8. obstetrics/childbirth.html
----------------------------------------------------------- */
#gohome {
	background: url(../images/ob/sign_plane.png) no-repeat;
}

#witness {
	background: url(../images/ob/sign_witness.png) no-repeat;
}

#childbirth .outline .case {
	margin-top: 50px;
	min-height: 300px;
	padding: 10px 40px;
	border-radius: 5px;
	background: url(../images/bg_pink.png) repeat;
	clear: both;
}

#childbirth .outline .case h5 {
	margin-bottom: 40px;
}

#childbirth .outline .case img {
	float: left;
	width: 20%;
	max-width: 186px;
}

#childbirth .outline .case p {
	width: 76%;
	margin-left: 24%;
}

#childbirth li.note {
	line-height: 1.8;
	padding: 0.4em 0;
}

#childbirth li.note span.txtl {
	font-size: 120% !important;
	font-weight: 700;
}

@media only screen and (max-width: 815px) {
	#gohome,
	#witness {
		padding-top: 10px;
		background-position: right 0;
	}

	#childbirth .outline .case img {
		float: none;
		width: 50%;
		max-width: 186px;
	}

	#childbirth .outline .case p {
		width: 100%;
		margin-left: 0;
	}
}

/* -----------------------------------------------------------
3-9. obstetrics/ob_surgery.html
----------------------------------------------------------- */
#eh {
	background: url(../images/ob/sign_emargency.png) no-repeat;
}

@media only screen and (max-width: 815px) {
	#eh {
		background-position: right 0;
	}
}

/* -----------------------------------------------------------
3-10. obstetrics/nhs.html
----------------------------------------------------------- */
#nhs {
	background: url(../images/ob/sign_nhs.png) no-repeat;
}

@media only screen and (max-width: 815px) {
	#nhs {
		padding-top: 20px;
		background-position: right 0;
	}
}

/* -----------------------------------------------------------
3-11. obstetrics/dailyschedule.html
----------------------------------------------------------- */
.schdl .container h2 span.mbr:before {
	content: "";
	white-space: nowrap;
}

.schdl .outline {
	width: 46%;
	padding-left: 0;
	float: left;
}

#schdl_baby {
	margin-left: 4%;
}

.schdl .outline .waku {
	width: 100%;
	height: 630px;
	margin: 0 auto 50px auto;
	padding: 50px 0;
	text-align: center;
}

.schdl .outline .waku h3 {
	font-size: 200%;
	margin-bottom: 50px;
}

.schdl .outline .waku dl {
	width: 100%;
	margin: 0;
	position: relative;
	font-size: 105%;
}

.schdl .outline .waku dt {
	float: left;
	width: 30%;
	padding-right: 0.5em;
	text-align: right;
}

.schdl .outline .waku dd {
	width: 70%;
	margin-left: 32%;
	padding-left: 1.5em;
	margin-bottom: 1em;
	text-align: left;
	border-left: 1px solid #524523;
}

#schdl_mom .waku {
	background: #fff url(../images/ob/bg_mom.png) no-repeat 93% bottom;
}

#schdl_baby .waku {
	background: #fff url(../images/ob/bg_baby.png) no-repeat 93% bottom;
}

@media only screen and (max-width: 900px) {
	.schdl .outline {
		width: 90%;
		margin: 0 auto 50px auto;
		float: none;
	}

	#schdl_baby {
		margin-left: 0;
	}

	.schdl .outline .waku {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 550px) {
	.schdl .container h2 span.mbr:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (max-width: 480px) {
	.schdl .outline {
		width: 100%;
	}

	.schdl .outline .waku dl {
		font-size: 100%;
	}

	.schdl .outline .waku dt {
		font-size: 95%;
	}
}

/* -----------------------------------------------------------
3-12. obstetrics/babyalbum.html
----------------------------------------------------------- */
#album {
	background: url(../images/bg_pink.png) repeat;
	padding: 30px 0;
}

#album .flexslider {
	background: transparent;
	border: none;
	border-radius: 0;
	margin: 30px auto;
	max-width: 790px;
	width: 100%;
}

#album .flex-direction-nav .flex-prev {
	background-image: url(../images/ob/album/btn_prev.png);
	text-indent: -9999px;
}

#album .flex-direction-nav .flex-next {
	background-image: url(../images/ob/album/btn_next.png);
	text-indent: -9999px;
}

#album .flex-direction-nav .flex-prev {
	left: -25px;
}

#album .flex-direction-nav .flex-next {
	right: -25px;
}

#album #carousel .flex-direction-nav a {
	filter: alpha(opacity=1);
	opacity: 1;
	top: 40%;
}

#album #carousel li:hover {
	cursor: pointer;
}

#album .flex-direction-nav a.flex-next:before {
	content: "";
}

#album #carousel .flex-active-slide {
	border: 2px solid #e59f87;
}

#album #carousel .flex-control-paging li {
	display: none;
}

#babyalbum p {
	font-size: 115%;
	margin-bottom: 60px;
	margin-top: 60px;
}

@media only screen and (max-width: 888px) {
	#album .flexslider {
		width: 90%;
	}

	#album #carousel .slides li {
		max-width: 130px;
	}
}

@media only screen and (max-width: 480px) {
	#album #carousel .slides li {
		max-width: 100px;
	}

	#album .flex-direction-nav .flex-prev,
	#album .flex-direction-nav .flex-next {
		background-size: 70%;
	}

	#album .flex-direction-nav .flex-prev {
		left: -18px;
	}

	#album .flex-direction-nav .flex-next {
		right: -18px;
	}
}

/* -----------------------------------------------------------
3-13. obstetrics/dearbaby.html
----------------------------------------------------------- */
#dearbaby p,
#dearbaby dl {
	font-size: 115%;
	margin-bottom: 60px;
	margin-top: 60px;
}

#dearbaby dl {
	margin-top: 0;
}

#dearbaby dt {
	font-size: 105%;
	font-weight: 600;
	margin-top: 20px;
}

#dearbaby dd {
	padding-left: 1.4em;
}

/* ===========================================================
4. pediatrics
=========================================================== */
#pediatrics .main a:hover {
	color: #e5ac20;
}

#pediatrics .main h2 span {
	color: #eecb6f;
}

#pediatrics .main span.ico_sq {
	color: #e5ac20;
}

/* -----------------------------------------------------------
4-1. pediatrics/index.html
----------------------------------------------------------- */
#pediatrics .intro {
	background: url(../images/pediatrics/bg_top.png) no-repeat right top;
	background-size: contain;
}

#pediatrics .intro .motto {
	color: #eecb6f;
}

#pediatrics .main #checkup {
	margin-top: -40px;
}

#pediatrics .main #checkup .container {
	padding: 40px 0;
}

#pediatrics .main #checkup h4 {
	color: #eecb6f;
	font-size: 155%;
	margin-top: 100px;
}

#pediatrics .main #checkup .box {
	background-color: #fff;
	border: 4px solid #eecb6f;
	padding: 20px 15px 20px 150px;
}

#pediatrics .main #checkup .box h5 {
	color: #eecb6f;
	font-size: 145%;
	line-height: 1.5;
	margin-top: 20px;
	width: 100%;
}

#pediatrics .main #checkup #onemonth .box {
	background: #fff url(../images/pediatrics/sign_baby.png) no-repeat 40px 24px;
	background-size: 63px auto;
}

#pediatrics .main #checkup #non-periodical .box {
	background: #fff url(../images/pediatrics/sign_karte1.png) no-repeat 40px 30px;
	background-size: 70px auto;
}

#pediatrics .main #vaccination .outline #routine {
	background: url(../images/pediatrics/sign_shot.png) no-repeat 30px 0;
	background-size: 80px auto;
}

#pediatrics .main #vaccination .outline #recommended {
	background: url(../images/pediatrics/sign_karte2.png) no-repeat 30px 0;
	background-size: 58px auto;
}

#pediatrics .main #vaccination .outline #routine span {
	border-bottom: 1px solid #524523;
	padding-bottom: 0.001em;
}

#pediatrics .main #vaccination .outline .box {
	border: 4px solid #524523;
	margin: 60px auto;
	padding: 30px;
}

#pediatrics .main #vaccination .outline .box h3 {
	color: #eecb6f;
	font-size: 180%;
}

#pediatrics .main #vaccination .outline .box ul {
	margin-top: 30px;
}

#pediatrics .main #vaccination .outline .box li {
	float: left;
	font-size: 120%;
	margin-right: 2em;
}

#pediatrics .main #vaccination .outline .box ul::after {
	clear: both;
	content: "";
	display: table;
	height: 1px;
}

#pediatrics .main #vaccination .costtable3 .btn_print {
	margin-top: -24px;
}

#pediatrics .main #vaccination .costtable3 .col h4 {
	margin-bottom: 40px;
}

#pediatrics .main #vaccination .costtable3 .col li {
	margin-bottom: 1em;
}

#pediatrics .main #vaccination .costtable3 .col1 {
	margin-top: 100px;
}

#pediatrics .main #vaccination .costtable3 .col1 table {
	margin-bottom: 20px;
}

#pediatrics .main #vaccination .costtable3 .col1 td.t {
	text-align: center;
	width: 2em;
}

#pediatrics .main #vaccination .costtable3 .col1 .fee {
	text-align: right;
	min-width: 24em;
}

#pediatrics .main #vaccination .costtable3 .col1 .fee span {
	float: left;
}

#pediatrics .main #vaccination .costtable3 .col1 th.bikou {
	min-width: 18em;
}

#pediatrics .main #vaccination .costtable3 .col1 td.noline {
	border-bottom: 0 !important;
}

#pediatrics .main #vaccination .costtable3 .col1 tr.dot td {
	border-top: 1px dotted #524523 !important;
}

#pediatrics .main #vaccination .costtable3 .col1 td.red {
	color: #c00;
}

#pediatrics .main #vaccination #vaccine_yoyaku {
	margin: 50px 0;
	padding-bottom: 20px;
	padding-left: 150px;
	background: url(../images/pediatrics/sign_mobile.png) no-repeat 0 0;
}

#pediatrics .main #vaccination .col2 {
	padding: 60px 0;
}

#pediatrics .main #vaccination .col2 img {
	margin-top: 40px;
	width: 100%;
}

#pediatrics .main #ped-clinic .container {
	padding: 60px 0;
}

#pediatrics .main #ped-clinic h2 {
	margin-bottom: 80px;
}

#pediatrics .main #ped-clinic .col1 h4 {
	color: #eecb6f;
	margin-top: 50px;
}

#pediatrics .main #ped-clinic .col1 .note {
	font-size: 95%;
	margin-top: 20px;
}

@media only screen and (max-width: 815px) {
	#pediatrics .main #vaccination .outline #routine,
	#pediatrics .main #vaccination .outline #recommended {
		padding-top: 20px;
		background-position: right 0;
	}
}

@media only screen and (max-width: 768px) {
	#pediatrics .main #vaccination .col2 {
		overflow-x: scroll;
	}

	#pediatrics .main #vaccination .col2 img {
		min-width: 768px;
	}
}

@media only screen and (max-width: 640px) {
	#pediatrics .main #checkup .box {
		padding: 120px 20px 20px 20px;
	}

	#pediatrics .main #checkup #onemonth .box,
	#pediatrics .main #checkup #non-periodical .box {
		background-position: center 20px;
	}
}

@media only screen and (max-width: 480px) {
	#pediatrics .main #vaccination .outline #routine,
	#pediatrics .main #vaccination .outline #recommended {
		background-size: 20%;
	}

	#pediatrics .main #vaccination #vaccine_yoyaku {
		background-size: 20% auto;
		padding-left: 24%;
	}
}

/* ===========================================================
5. repro
=========================================================== */
#repro .pagemenu a:hover,
#repro .main a:hover {
	color: #bcbc36;
}

#repro .pagemenu h2 span {
	display: block;
	font-size: 60%;
	margin-bottom: -0.5em;
	margin-left: 0.25em;
	margin-top: 0.5em;
}

#repro .main h2 span:nth-of-type(1) {
	color: #524523;
	display: block;
	font-size: 50%;
	margin-bottom: 0.5em;
}

#repro .main h2 span:nth-of-type(2) {
	color: #cccc66;
}

#repro .main span.ico_sq {
	color: #bcbc36;
}

@media only screen and (min-width: 971px) {
	#repro .pagemenu h2 span {
		font-size: 50%;
		letter-spacing: 0.85em;
		line-height: 1;
		margin-bottom: -1em;
	}
}

/* -----------------------------------------------------------
5-1. repro/index.html
----------------------------------------------------------- */
#repro-outpatient .intro {
	background: url(../images/repro/bg_top.png) no-repeat right top;
	background-size: contain;
}

#repro-outpatient .intro .motto {
	color: #bcbc36;
}

#repro-outpatient .outline p {
	float: left;
	width: 40%;
	margin-top: 20px;
	padding-right: 2%;
}

#repro-outpatient .outline ul {
	margin-top: 20px;
	margin-left: 42%;
}

#repro-outpatient .outline li {
	float: left;
	width: 170px;
}

#repro_treatment {
	margin-top: 100px;
}

#repro_treatment h2 {
	color: #bcbc36;
}

#repro_treatment h2 span.txts {
	font-family: inherit;
	color: #524523;
	font-size: 50%;
}

#repro_treatment h2 span.txts:before {
	content: "";
	white-space: nowrap;
}

#repro_treatment .togglearea .item .togglelist {
	border: 3px solid #bcbc36;
	border-left: 100px solid #bcbc36;
}

#repro_treatment .togglearea .item .togglelist .name {
	color: #bcbc36;
}

#repro_treatment .togglearea .item .togglelist .open_btn.active {
	background: url(../images/repro/btn_close.png) no-repeat;
}

#repro_treatment .togglearea .item .toggle_box {
	background: #ebebc2;
}

#repro_treatment .togglearea .item .toggle_box dl {
	margin-top: 30px;
}

#repro_treatment .togglearea .item .toggle_box dt {
	float: left;
	width: 190px;
	color: #bcbc36;
	letter-spacing: normal;
}

#repro_treatment .togglearea .item .toggle_box dt span.txtsp {
	display: inline-block;
	width: 1.5em;
	content: "";
}

#repro_treatment .togglearea .item .toggle_box dd {
	margin-left: 190px;
	font-size: 105%;
}

@media only screen and (max-width: 550px) {
	#repro-outpatient .outline p {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	#repro-outpatient .outline ul {
		margin-left: 0;
	}

	#repro_treatment .togglearea .item .toggle_box dt {
		float: none;
	}

	#repro_treatment .togglearea .item .toggle_box dd {
		margin-left: 0;
	}
}

/* -----------------------------------------------------------
5-2. repro/gender-selection.html
----------------------------------------------------------- */
#gender-selection .item {
	padding-left: 17%;
}

#sex-selection {
	margin-bottom: 40px;
	background: url(../images/repro/sign_pill.png) no-repeat 35px 0;
}

#sex-selection dt {
	float: left;
	width: 32%;
	color: #bcbc36;
	font-size: 150%;
}

#sex-selection dd {
	margin-left: 36%;
	margin-bottom: 20px;
}

#umiwake {
	position: relative;
	height: auto;
	margin-bottom: 80px;
	max-height: 219px;
}

#umiwake img {
	float: left;
	width: 30%;
	max-width: 280px;
	margin-top: 20px;
	margin-right: 6%;
	clear: left;
}

#umiwake .txt_green {
	position: absolute;
	bottom: -15px;
	padding-left: 36%;
}

#chromosome {
	width: 83%;
	margin-left: 17%;
	margin-bottom: 40px;
}

#chromosome h5 {
	float: left;
	width: 150px;
	height: 190px;
	color: #bcbc36;
	margin-top: 0;
	background: url(../images/repro/sign_chromosome.png) no-repeat 0 50px;
}

#chromosome p {
	margin-top: 0;
	margin-left: 120px;
}

#gender-selection .wakuarea .waku p {
	margin-left: 140px;
}

@media only screen and (max-width: 910px) {
	#gender-selection .item {
		padding-left: 0;
	}

	#sex-selection {
		background: url(../images/repro/sign_pill.png) no-repeat right 0;
	}

	#umiwake .txt_green {
		position: relative;
		bottom: -15px;
		padding-left: 0;
	}

	#gender-selection .wakuarea .waku p {
		margin-left: 0;
	}

	#chromosome {
		width: 100%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 775px) {
	#sex-selection {
		background: url(../images/repro/sign_pill.png) no-repeat right 80px;
	}

	#sex-selection dt {
		float: none;
		width: 100%;
	}

	#sex-selection dd {
		margin-left: 2em;
		margin-bottom: 20px;
	}

	#chromosome h5 {
		float: left;
		width: 120px;
		height: 140px;
		padding: 0 1em 1em 0;
	}
}

/* ===========================================================
6. gynecology
=========================================================== */
#gyn .main {
	padding-bottom: 60px;
}

#gyn .main a:hover {
	color: #b1b1cc;
}

#gyn .main h2 span {
	color: #cccce3;
}

#gyn .main span.ico_sq {
	color: #b1b1cc;
}

/* -----------------------------------------------------------
6-1. gynecology/index.html
----------------------------------------------------------- */
#about_gyn .intro {
	background: url(../images/gyn/bg_top.png) no-repeat right top;
	background-size: contain;
}

#about_gyn .intro .motto {
	color: #b1b1cc;
}

#about_gyn .outline li {
	float: left;
	width: 260px;
}

#gyn_outpatient {
	background: url(../images/gyn/sign_gynoutpatient.png) no-repeat 0 0;
}

#gyn_papsmear {
	padding: 80px 0 120px;
	margin-bottom: -60px;
}

#cancerscreening {
	background: url(../images/gyn/sign_hysteroscope.png) no-repeat 0 0;
}

#cancerscreening li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

@media only screen and (max-width: 815px) {
	#gyn_outpatient {
		padding-top: 20px;
		background-position: right 0;
	}

	#cancerscreening {
		background: none;
	}

	#gyn_papsmear {
		padding-top: 20px;
		background: url(../images/gyn/sign_hysteroscope.png) no-repeat 97.5% 0;
	}
}

@media only screen and (max-width: 480px) {
	#about_gyn .intro .bg {
		min-height: 100px;
	}

	#gyn_outpatient {
		background-size: 20%;
	}
}

/* ===========================================================
7. yoyaku
=========================================================== */
#yoyaku .pagemenu .container .pagesubmn {
	padding-top: 2em;
}

#yoyaku .pagemenu #firstvisiting .pagesubmn {
	padding-top: 1em;
}

#yoyaku .pagemenu a:hover,
#yoyaku .main a:hover {
	color: #98b8ad;
}

#yoyaku .main h2 span {
	color: #a2a5a5;
}

#yoyaku .main h4 {
	color: #a4a7a7;
}

/* -----------------------------------------------------------
7-1. firstvisit.html
----------------------------------------------------------- */
#apptsystem .reservonly {
	padding: 0 0 10px 0;
	margin-top: 70px;
	margin-bottom: 30px;
}

#apptsystem .reservonly h3 {
	font-size: 250%;
	margin-bottom: 50px;
}

#apptsystem .reservonly .reserv {
	float: left;
	width: 250px;
	margin-right: 15px;
	padding: 24px 20px;
	text-align: center;
	font-size: 200%;
	letter-spacing: 0.2em;
	border: 2px solid #524523;
}

#apptsystem .reservonly p.catch {
	font-size: 180%;
	letter-spacing: 0;
	margin-bottom: 10px;
	line-height: 1;
	font-weight: normal;
}

#apptsystem .reservonly p {
	margin-bottom: 20px;
	letter-spacing: 0;
}

#apptsystem h3 {
	margin-top: 50px;
	margin-bottom: -30px;
	color: #a4a7a7;
}

.outline #firstvisit {
	padding-left: 0;
}

.outline #firstvisit .fleft {
	margin-left: 0;
	padding-right: 28px;
	margin-bottom: 20px;
}

#onlineregist {
	margin-top: 50px;
	margin-bottom: 100px;
	padding: 20px 40px;
	background: rgba(235, 237, 224, 0.5);
}

#onlineregist dl {
	margin-top: 30px;
}

#onlineregist dt {
	float: left;
	width: 100px;
	color: #a4a5a5;
	letter-spacing: normal;
}

#onlineregist dd {
	margin-left: 100px;
	font-size: 105%;
}

#questionnaire .btn_dl {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 400px;
}

@media only screen and (max-width: 1147px) {
	#apptsystem .reservonly .reserv {
		float: none;
		margin-bottom: 30px;
	}

	#apptsystem .reservonly p.catch {
		line-height: 1.5;
	}

	#apptsystem .reservonly p {
		clear: left;
	}
}

@media only screen and (max-width: 970px) {
	#apptsystem h3 {
		font-size: 170%;
	}
}

@media only screen and (max-width: 550px) {
	#onlineregist {
		padding: 20px;
	}

	#onlineregist dt {
		float: none;
	}

	#onlineregist dd {
		margin-left: 0;
	}

	#onlineregist img.btn_yoyaku {
		width: 100%;
		margin: 10px 5px;
	}
}

/* -----------------------------------------------------------
7-2. usingapptsystem.html
----------------------------------------------------------- */
#key_flow {
	position: absolute;
	top: 10px;
	right: 0;
}

#flowchart {
	display: block;
	width: 80%;
	max-width: 570px;
	margin: 110px auto 0 auto;
}

#newregistration {
	margin-top: 100px;
}

#newregistration h3 {
	margin-top: 50px;
	font-size: 200%;
	color: #a4a7a7;
}

#online {
	margin-top: 20px;
	margin-bottom: 100px;
}

#online .togglearea .item .togglelist .name {
	width: 40%;
}

#online .togglearea .item .toggle_box {
	background: url(../images/bg_beige.png) repeat;
}

#online .togglearea .item .togglelist .open_btn.active {
	background: url(../images/yoyaku/btn_close.png) no-repeat;
}

#online .togglearea .item .toggle_box dl {
	margin-top: 30px;
}

#online .togglearea .item .toggle_box dt {
	float: left;
	width: 100px;
	color: #a4a5a5;
	letter-spacing: normal;
}

#online .togglearea .item .toggle_box dd {
	margin-left: 100px;
	font-size: 105%;
}

#online .togglearea .item .toggle_box img.btn_yoyaku {
	width: 48%;
	margin: 10px 5px;
}

@media only screen and (max-width: 970px) {
	#key_flow {
		width: 26%;
		min-width: 150px;
		top: 110px;
		right: 0;
	}

	#online .togglearea .item .togglelist .name {
		font-size: 170%;
		line-height: 36px;
		margin-top: 36px;
	}

	#online .togglearea .item .toggle_box img.btn_yoyaku {
		width: 100%;
		max-width: 460px;
	}
}

@media only screen and (max-width: 550px) {
	#online .togglearea .item .togglelist .name {
		line-height: 36px;
		margin-top: 36px;
		margin-left: 0;
	}

	#online .togglearea .item .toggle_box dt {
		float: none;
	}

	#online .togglearea .item .toggle_box dd {
		margin-left: 0;
	}

	#online .togglearea .item .togglelist .open_btn {
		right: 10px;
		left: inherit;
		top: 10px;
		bottom: inherit;
	}
}

/* -----------------------------------------------------------
7-3. tos.html
----------------------------------------------------------- */
#tos h4 {
	margin-top: 50px;
}

/* ===========================================================
8. others
=========================================================== */
#others .pagemenu a:hover,
#others .main a:hover {
	color: #98b8ad;
}

#others .main h2 span {
	color: #a2a5a5;
}

#others .main h4 {
	color: #a4a7a7;
}

/* -----------------------------------------------------------
8-1. faq.html
----------------------------------------------------------- */
#faq .wrapper {
	margin-bottom: 50px;
}

#faq h3 {
	margin-bottom: 50px;
	font-size: 180%;
}

#faq li h4 {
	font-size: 140%;
	line-height: 0.8em;
}

#faq li h4 span {
	width: 150px;
	font-family: "EB Garamond", "Times New Roman", serif;
	font-size: 2em;
	padding-right: 0.2em;
}

#faq li p {
	font-size: 105%;
	margin-left: 3.8em;
	text-indent: -2.2em;
}

#faq li p span {
	padding-right: 0.8em;
}

@media only screen and (max-width: 775px) {
	#faq li h4 {
		line-height: 2em;
	}

	#faq li p {
		margin-left: 3.8em;
	}

	#faq .link:before {
		content: "\A";
		white-space: pre;
	}
}

#ob #faq h4 {
	color: #a4a7a7;
}

@media only screen and (max-width: 480px) {
	#faq li h4 {
		font-size: 110%;
		line-height: 2em;
	}

	#faq li h4 span {
		font-size: 1.5em;
	}

	#faq li p {
		font-size: 100%;
		margin-left: 2.8em;
	}

	#faq span.mbr:before {
		content: "\A";
		white-space: pre;
	}
}

/* -----------------------------------------------------------
8-2. recruit.html
----------------------------------------------------------- */
#recruit .intro {
	min-height: 150px;
}

#recruit .intro p {
	float: left;
	margin-top: 0;
}

#recruit .intro img {
	margin-left: 20px;
}

#recruit h5 {
	margin-bottom: 20px;
}

@media only screen and (max-width: 975px) {
	#recruit .intro p {
		float: none;
	}

	#recruit .intro img {
		width: 49%;
		max-width: 200px;
		margin-left: auto;
	}
}

/* -----------------------------------------------------------
8-3. patientrights.html
----------------------------------------------------------- */
.main #patientrights ul {
	margin-top: 60px;
}

.main #patientrights li {
	font-size: 130%;
	padding-left: 0.5em;
	margin-bottom: 3em;
}

.main #patientrights li span.ico_sq {
	margin-left: -0.5em;
	margin-right: 0.5em;
}

/* -----------------------------------------------------------
8-4. lump-sum.html
----------------------------------------------------------- */
#lumpsum .outline h4 {
	margin-bottom: 20px;
}

#direct_payment {
	background: url(../images/others/sign_paperwork.png) no-repeat 30px 0;
}

#less_over {
	background: url(../images/others/sign_question.png) no-repeat 30px 0;
}

#lumpsum_step {
	background: url(../images/others/sign_step.png) no-repeat 30px 0;
}

#lumpsum_step .two-col {
	width: 44%;
	height: 670px;
	padding: 10px 3%;
	text-align: center;
	background: url(../images/bg_beige.png) repeat;
	position: relative;
}

#lumpsum_step .two-col div {
	width: 100%;
	text-align: center;
	position: relative;
}

#lumpsum_step .yes {
	margin-right: 2%;
}

#lumpsum_step .no {
	margin-left: 2%;
}

#lumpsum_step .two-col p,
#lumpsum_step .yes .two-col p {
	font-size: 100%;
	text-align: left;
}

#lumpsum_step .two-col p.case {
	display: block;
	width: 100%;
	padding: 5px 1%;
	font-size: 130%;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background: #524523;
}

#lumpsum_step .yes .two-col {
	width: 48%;
	padding: 0;
	height: auto;
}

#lumpsum_step .yes .two-col p.case {
	font-size: 100%;
}

#lumpsum_step div .after_birth {
	position: absolute;
	width: 100px;
	top: -10px;
	right: -30%;
	line-height: 2.5;
	padding: 5px 2em;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background: #524523;
	z-index: 100;
}

#lumpsum_step #afbrth {
	display: none;
}

@media only screen and (max-width: 1180px) {
	#lumpsum_step > .two-col {
		float: none;
		width: 96%;
		height: auto;
		margin-bottom: 50px;
	}

	#lumpsum_step .yes .two-col {
		float: left;
	}

	#lumpsum_step > .yes,
	#lumpsum_step > .no {
		margin-left: 0;
		margin-right: 0;
	}

	#lumpsum_step .two-col p {
		text-align: center;
	}

	#lumpsum_step div .after_birth {
		right: inherit;
		left: 60%;
	}

	#lumpsum_step #afbrth {
		display: block;
	}
}

@media only screen and (max-width: 815px) {
	#direct_payment,
	#less_over,
	#lumpsum_step {
		padding-top: 30px;
		background-position: right 0;
	}
}

@media only screen and (max-width: 541px) {
	#direct_payment,
	#less_over,
	#lumpsum_step {
		padding-top: 25px;
		background-size: 16%;
	}
}

/* -----------------------------------------------------------
8-5. sitemap.html
----------------------------------------------------------- */
#sitemap .item {
	width: 33.33%;
	padding-right: 30px;
}

#sitemap .item h4 {
	line-height: 4;
}

#sitemap .item h4 a {
	color: #a4a7a7;
}

#sitemap .item h4 a:hover {
	color: #524523;
}

#sitemap .item > ul {
	margin-top: -3em;
	margin-left: 40px;
}

#sitemap .item ul ul {
	margin-top: 1em;
	margin-left: 20px;
}

#sitemap .item > li {
	font-size: 100%;
}

#sitemap .item li li {
	font-size: 100%;
	line-height: 2.5;
}

#sitemap ul li h5 {
	font-size: 100%;
	line-height: 1;
}

#sitemap .smp_about h5 a,
#sitemap .smp_about h5 a:hover {
	color: #379699;
}

#sitemap .smp_ob h5 a,
#sitemap .smp_ob h5 a:hover {
	color: #e59f87;
}

#sitemap .smp_pediatrics h5 a,
#sitemap .smp_pediatrics h5 a:hover {
	color: #eecb6f;
}

#sitemap .smp_repro h5 a,
#sitemap .smp_repro h5 a:hover {
	color: #bcbc36;
}

#sitemap .smp_gyn h5 a,
#sitemap .smp_gyn h5 a:hover {
	color: #b1b1cc;
}

#sitemap h4#sitemap_home {
	margin-bottom: -2em;
}

#sitemap li.hidden {
	line-height: 1;
	color: #fff;
}

@media only screen and (max-width: 850px) {
	#sitemap .item {
		width: 50%;
	}
}

@media only screen and (max-width: 570px) {
	#sitemap .item {
		width: 100%;
	}
}

/* -----------------------------------------------------------
8-6. privacy.html
----------------------------------------------------------- */
#privacy h4 {
	margin-top: 50px;
}

#privacy ul {
	margin-top: -1em;
}

/* ===========================================================
9. program/**.html
=========================================================== */
#cboxContent {
	background: #ccc;
}

body#calendararea {
	overflow-x: scroll;
	background: url(../images/bg_beige.png) repeat;
}

#calendararea iframe {
	display: block;
	margin: 0 auto;
	border: none;
}

/* ===========================================================
10. floating banner
=========================================================== */
/* フローティングバナー無しの場合 */
.p-flbnr {
	display: none;
}

/*body.fixed {
	position: fixed;
}*/

.p-flbnr__overlay {
	background: rgba(0, 0, 0, 0.7);
	height: 100vh;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 10000;
}

.p-flbnr__bnr {
	width: 96%;
	max-width: 1200px;
	height: 90vh;
	background: #fff;
	padding-bottom: 240px;
	position: fixed;
	top: 50px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 10001;
	overflow-y: scroll;
}

.p-flbnr__infobox {
	width: 96%;
	max-width: 1200px;
	height: auto;
	background: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0;
	padding: 40px 20px 150px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 10002;
}

.p-flbnr__infobox h2 {
	color: #e42123;
	font-size: 5vw;
	line-height: 1.6;
	padding: 1em 0;
	border: 8px solid #e42123;
	text-align: center;
	margin-bottom: 40px;
}

.p-flbnr__infobox ul {
	margin-top: 1em;
	text-indent: -1.5em;
	margin-left: 1.5em;
}

.p-flbnr__infobox span {
	white-space: normal;
}

.p-flbnr__infobox .f2 {
	font-size: 3.5vw;
}

.p-flbnr__infobox .red {
	color: #e42123;
}

.p-flbnr__infobox .em {
	font-weight: 600;
}

.p-flbnr__infobox strong {
	font-size: 112%;
	font-weight: 500;
}

.p-flbnr__infobox strong.l {
	font-size: 116%;
	font-weight: 600;
}

.p-flbnr__infobox strong.xl {
	font-size: 130%;
	font-weight: 600;
}

.p-flbnr__infobox .ul {
	padding-bottom: 3px;
	border-bottom: 2px solid #e42123;
}

.p-flbnr__infobox .ul.brw {
	border-color: #524523;
}

.p-flbnr__infobox .dul {
	line-height: 2;
	padding-bottom: 3px;
	border-bottom: 6px double #524523;
}

.p-flbnr__infobox .right {
	text-align: right;
}

.p-flbnr__infobox .center {
	text-align: center;
}

.p-flbnr__infobox .br::before {
	content: "\A";
	white-space: pre;
}

.p-flbnr__infobox .box {
	background: #efefef;
	font-size: 3.5vw;
	padding: 40px 20px;
	margin: 40px 0;
	text-align: center;
}

.p-flbnr__infobox .box1 ul {
	max-width: 35.5em;
	padding-left: 1.5em;
	text-align: left;
	margin: 40px auto;
}

.p-flbnr__infobox .box2 {
	padding: 20px;
	text-align: left;
}

.p-flbnr__infobox .box2 p {
	margin-left: 1.5em;
}

.p-flbnr__infobox .box3 {
	background: #fff;
	border: 3px solid #de9886;
	padding: 40px 30px;
	text-align: left;
}

.p-flbnr__infobox .box strong {
	font-size: 140%;
	font-weight: 600;
}

.p-flbnr__infobox .box3 p.right {
	font-size: 80%;
}

.p-flbnr__infobox h3 {
	font-size: 4.5vw;
	padding: 0.5em 1em;
	margin: 1.5em 0;
}

.p-flbnr__infobox h3.grn {
	background: #bcc178;
}

.p-flbnr__infobox h3.blu {
	background: rgba(55, 155, 153, 0.5);
}

.p-flbnr__infobox dt {
	font-size: 130%;
	font-weight: 600;
	text-indent: -1.5em;
	margin-left: 1.5em;
}

.p-flbnr__infobox dd {
	margin-left: 2em;
	margin-bottom: 30px;
}

@media screen and (min-width: 767px) {
	.p-flbnr__infobox {
		padding: 60px 60px 240px;
	}

	.p-flbnr__infobox h2 {
		font-size: 260%;
		margin-bottom: 60px;
	}

	.p-flbnr__infobox .f2 {
		font-size: 19px;
		font-size: 1.9rem;
	}

	.p-flbnr__infobox .br::before {
		content: "";
		white-space: nowrap;
	}

	.p-flbnr__infobox .box {
		font-size: 19px;
		font-size: 1.9rem;
	}

	.p-flbnr__infobox h3 {
		font-size: 25px;
		font-size: 2.5rem;
	}

	.p-flbnr__infobox .box3 {
		padding: 60px;
	}
}

.p-flbnr__closebox {
	width: 300px;
	height: 60px;
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: auto;
}

.p-flbnr__closebox a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #e57b7b;
	border: 1px solid #e57b7b;
	color: #fff;
	font-size: 16px;
	padding-top: 1.5em;
	text-align: center;
	border-top: none;
	bottom: 0;
	cursor: pointer;
	margin: auto;
	position: absolute;
	z-index: 100003;
}

/* ===========================================================
11. topnews
=========================================================== */
#instagram {
	display: block;
	width: 95vw;
	max-width: 250px;
	margin: 20px auto 50px;
}
@media screen and (min-width: 480px) {
	#instagram {
		display: block;
		width: 95vw;
		max-width: 603px;
		margin: 50px auto;
	}
}
#topnews {
	display: block;
	width: 100%;
	/* バナー１つのみの場合
	height: 0;
	padding-bottom: calc(46% + 80px);
	margin-bottom: -50px;*/
	height: auto;
}

#topnews a {
	display: block;
	/*max-width: 603px;*/
	width: 80%;
	height: 0;
	padding-bottom: 32%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 36px auto;
	border: #e57b7b 5px solid;
}
@media screen and (min-width: 600px) {
	#topnews a {
		display: block;
		/*padding-bottom: 36%;*/
		width: 480px;
		height: 173px !important;
		padding-bottom: 0 !important;
	}
}

#topnews a:nth-of-type(1) {
	background-image: url(../images/home/topnews/flbnr_covid19_220310-1.svg);
	background-size: contain;
}

/*#topnews a:nth-of-type(2) {
	background-image: url("../images/home/topnews/flbnr_covid19_220310-1.svg");
}

#topnews a:nth-of-type(3) {
	background-image: url(../images/home/topnews/flbnr_covid19_210921-2.svg);
}

#topnews a:nth-of-type(4) {
	background-image: url("../images/home/topnews/flbnr_obstetrics_230302.svg");
}

#topnews a:nth-of-type(5) {
	background-image: url(../images/home/topnews/flbnr_covid19_210921-3.svg);
}*/
/*
#topnews a:nth-of-type(4) {
	background-image: url(../images/home/topnews/flbnr_covid19.svg);
}*/

@media screen and (min-width: 767px) {
	#topnews a {
		height: 280px;
		padding-bottom: 0;
	}
}
@media screen and (min-width: 960px) {
	#topnews {
		/*width: 960px;*/
		/* バナー１つのみの場合
		height: 360px;
		padding-bottom: 0;*/
		/*display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;*/
	}
	#topnews a {
		/*width: 48%;
		max-width: 470px;
		height: 0;
		padding-bottom: 22%;
		margin-right: 0;
		margin-left: 0;
		background-size: 100% auto;*/
	}
	#topnews a:nth-of-type(1) {
		/*width: 100%;
		max-width: 100%;
		background-size: auto 105%;*/
	}
}