@charset "UTF-8";

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

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

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

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

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

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

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

/*-----------------------------------------------------------------------------------------
10001 TYPO


20001 .PAGE - リンク
20002 .PAGE - アクセス
20004 .PAGE - 乳幼児健診
20005 .PAGE - 予防接種
20006 .PAGE - 当院について

----------------------------------------------------------------------------------------- */





/*-----------------------------------------------------------------------------------------
10001 TYPO
----------------------------------------------------------------------------------------- */
article h3 {
	position: relative;
	background: #dfefff;
	background: #D7EAED;
	box-shadow: 0px 0px 0px 5px #D7EAED;
	border: dashed 2px white;
	padding: 0.6em 0.1em 0.6em 1.4em;
	margin: 2.5em 0 1.0em;
	font-size: 3.0rem;
	letter-spacing: 0.1em;
	color: #09353c;
	border-radius: 1px;
}

article h3:first-child {
	margin-top: 1em;
}

article h3:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 25px 25px;
	border-style: solid;
	border-color: #fff #fff #9cc6cd;
	box-shadow: 1px 1px 1px transparent;
}



article h5 {
	font-size: 3.0rem;
	line-height: 1.5;
	padding-bottom:0.25em;
	margin: 2em 0 0.5em;
	border-bottom:2px solid var(--color-font);
}

article h6 {
	font-size: 2.1rem;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
}

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

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

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

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

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

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

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




/*-----------------------------------------------------------------------------------------
20001 .PAGE - リンク
----------------------------------------------------------------------------------------- */
.page-link p {
	margin-top: 0.75em;
}

.page-link .list-archive dt {
	border: 6px solid #fff5d8;
	padding: 1px;
	background: white;
	width: 30%;
}

.page-link .list-archive dd {
	width: 70%;
}

.page-link .list-archive figure {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}

.page-link .list-archive figure iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-link .list-archive ul.btn-more {
	margin-top: 1.5rem;
}

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

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

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

@media screen and (max-width: 840px) {
	.page-link .list-archive dd {
		padding-left: 1.5rem;
	}
}

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

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

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





/*-----------------------------------------------------------------------------------------
20002 .PAGE - アクセス
----------------------------------------------------------------------------------------- */
.page-access figure {

	padding: 3.0rem;
}

.page-access figure,
.page-access .iframe-wrap,
.page-access blockquote {
	border: 1.0rem solid #f3f3f3;
}

.page-access blockquote {
	background: #f9f9f9;
	margin-top: 0;
}




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

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

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

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

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

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

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





/*-----------------------------------------------------------------------------------------
20003 .PAGE - 発達相談
----------------------------------------------------------------------------------------- */
.page-consultation ol.def.shikaku li {
	font-size: 2.4rem;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	color: var(--color-brown1);
	font-weight: 700;
}





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

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

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

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

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

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

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





/*-----------------------------------------------------------------------------------------
20004 .PAGE - 乳幼児健診
----------------------------------------------------------------------------------------- */

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

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

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

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

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

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

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





/*-----------------------------------------------------------------------------------------
20005 .PAGE - 予防接種
----------------------------------------------------------------------------------------- */
.page-vaccine a {
	color: var(--color-key);
	text-decoration: underline;
}

.page-vaccine hr {
	margin: 1.5bw auto;
	clear: both;
}

.page-vaccine h1,
.page-vaccine h2 {
	font-size: 4.0rem;
	font-weight: 500;
	line-height: 1.3;
	padding: 0;
	margin: 0 0 0.5em;
}

.page-vaccine h2 {
	font-family: "YuMincho", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
}

.page-vaccine h3 {
	margin-top: 3em;
}

.page-vaccine h4 {
	font-size: 3.0rem;
	line-height: 1.3;
	padding: 0 0 0 0.8em;
	margin: 2.0em 0 0.5em 0;
	letter-spacing: 0;
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-color: #feff6d;
	text-decoration-thickness: 5px;
	text-underline-offset: 5px;
	position: relative;
}

.page-vaccine h4::before {
	content: '\f069';
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	padding-right: 0.1em;
	font-size: 0.8em;
	transform: translate(0%, -45%);
	position: absolute;
	top: 50%;
	left: 0;
}

.page-vaccine h5,
.page-vaccine h6 {
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.5;
	padding: 0;
	margin: 1.5em 0;
	border:none;
}

.page-vaccine h6 {
	font-family: "YuMincho", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
}

.page-vaccine strong,
.page-vaccine b {
	font-weight: 600 !important;
	color: inherit;
}

.page-vaccine p {
	font-size: 1.8rem;
	line-height: 1.7;
	padding: 0;
	margin: 0.75em 0;
	color: var(--colot-font);
}

.page-vaccine ul,
.page-vaccine ol {
	padding: 0;
	margin: 0.5em 0 1em 0;
	font-size: 1.8rem;
	line-height: 1.5;
	display: block;
	width: 100%;
}

.page-vaccine ul li {
	list-style-type: disc;
	font-size: inherit;
	line-height: inherit;
	position: relative;
	letter-spacing: 0.05em;
	color: var(--color-font);
	list-style-position: outside;
	padding: 0;
	margin: 0.75em 0 0.75em 1.5em
}

.page-vaccine ul li:first-child {
	margin-top: 0;
}

.page-vaccine ul li:last-child {
	margin-bottom: 0;
}

.page-vaccine ul li {
	list-style: disc
}

.page-vaccine ol li {
	list-style-type: demisc;
	font-size: inherit;
	line-height: inherit;
	position: relative;
	letter-spacing: 0.05em;
	color: var(--color-font);
	list-style-position: outside;
	padding: 0;
	margin: 0.75em 0 0.75em 1.5em
}

.page-vaccine ul.btn-more li {
	list-style: none;
}

.page-vaccine ul.btn-more li::before {
	display: none;
}

.page-vaccine blockquote * {
	color: #09353C !important;
}

.page-vaccine blockquote *:first-child {
	margin-top: 0;
}

.page-vaccine blockquote *:last-child {
	margin-bottom: 0;
}

.page-vaccine pre {
	font-size: 1.6rem;
	background: #f3f3f3;
	padding: 1.0em 0.5em;
	margin: 1em 0;
	width: 100%;
	overflow: auto;
	border-right: 1em solid #ddd;
	border-left: 1em solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


.page-vaccine section {
	border:0px solid red;
	margin-bottom:12.0rem;
}

.page-vaccine ul.btn-more {
	margin-top:-9.0rem;
	margin-bottom:12.0rem;
}


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

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

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

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

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

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

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










.page-vaccine img {
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 1.5rem 0;
}

.page-vaccine img.size-thumbnail {
	max-width:30% !important;
}

.page-vaccine img.size-medium {}

.page-vaccine img.size-large {}

.page-vaccine img.size-full {}

.page-vaccine img.alignleft {
	float: left;
	margin: 1.5rem 1.5rem 1.5rem 0 !important;
	clear: both;
}

.page-vaccine img.alignright {
	float: right;
	margin: 1.5rem 0 1.5rem 1.5rem !important;
	clear: both;
}

.page-vaccine img.aligncenter {
	margin: 1.5rem auto !important;
	clear: both;
	display: block;
}

.post .wp-caption {
	border: 0px solid green;
	display: block;
	width: 100% !important;
}

.page-vaccine .wp-caption-text {
	background: white;
	display: block;
	font-size: 14px;
	line-height: 1.4;
	padding: 0.5em 0;
	margin: 1em 0 2em;
	text-align: center;
	color: #999;
	display: inline-block;
}

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

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

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

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

@media screen and (max-width: 670px) {
	.page-vaccine img.size-thumbnail {
		max-width: 25% !important;
	}

	.page-vaccine img.size-medium {
		max-width: 33.33333% !important;
	}
}

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

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





/*-----------------------------------------------------------------------------------------
20006 .PAGE - 当院について
----------------------------------------------------------------------------------------- */
.profile {
	padding: 0;
	margin: 0;
	width: 100%;
}

.profile .col-02 {
	width: 20%;
}

.profile .col-10 {
	width: 80%;
}

.profile dl {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.profile dl dt,
.profile dl dd {
	padding: 0 1.5rem;
	margin: 0;
	width: 50%;
}


.profile figure {
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}


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

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

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

@media screen and (max-width: 840px) {

	.profile .col-02,
	.profile .col-10 {
		width: auto;
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}

	.profile dl dt,
	.profile dl dd {
		width: 100%;
		padding: 1.5rem 0;
	}
}

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

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

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

ul.gallery {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

ul.gallery li {
	width: 33.33333%;
	border: 0px solid olive;
	padding: 1.0rem;
	margin: 0;
	list-style: none;
}

ul.gallery li:first-child {
	width: 100%;
}

ul.gallery li p {
	font-size: 1.6rem;
	line-height: 1.4;
	padding: 0 0.3em;
	margin: 0.5em 0;
}

ul.gallery li p strong {
	font-size: 1.2em;
	display: block;
	margin-bottom: 0.25em;
}

ul.gallery li p strong::before {
	content: '■'
}

ul.gallery li img {
	border-radius: 2px;
}

ul.gallery li img {
	border-radius: 2px;
}

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

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

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

@media screen and (max-width: 840px) {
	ul.gallery li {
		width: 50%;
	}
}

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

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

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





ul.drawing {
	border: 0px solid olive;
	position: relative;
	z-index: 1;
	height: 645px;
	width: 1170px;
}

ul.drawing li {
	position: absolute;
	opacity: 1;
	width: 10px;
}

ul.drawing li:first-child {
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	opacity: 1;
}

ul.drawing li:nth-child(2) {
	width: 60px;
	z-index: 3;
	top: 240px;
	left: 60px;
	display: none;
}

ul.drawing li:nth-child(3) {
	width: 60px;
	z-index: 3;
	top: 260px;
	right: 120px;
}

ul.drawing li:nth-child(4) {
	width: 70px;
	z-index: 3;
	top: 120px;
	left: 155px;
}

ul.drawing li:nth-child(5) {
	width: 60px;
	z-index: 3;
	top: 20px;
	right: 140px;
	display: none;
}

ul.drawing li:nth-child(6) {
	width: 60px;
	z-index: 3;
	top: 500px;
	left: 120px;
	display: none;
}

ul.drawing li:nth-child(7) {
	width: 60px;
	z-index: 3;
	top: 455px;
	right: 10px;
}

ul.drawing li:nth-child(8) {
	width: 80px;
	z-index: 3;
	top: 200px;
	right: 340px;
}

ul.drawing li:nth-child(9) {
	width: 80px;
	z-index: 3;
	top: 185px;
	right: 240px;
	display: none;
}

ul.drawing li:nth-child(10) {
	width: 50px;
	z-index: 3;
	top: 365px;
	right: 2px;
	display: none;
}

ul.drawing li:nth-child(11) {
	width: 70px;
	z-index: 3;
	top: 330px;
	left: 220px;
}

ul.drawing li:nth-child(12) {
	width: 70px;
	z-index: 3;
	top: 190px;
	right: 5px;
}

ul.drawing li:nth-child(13) {
	width: 70px;
	z-index: 3;
	top: 200px;
	left: 370px;
}

ul.drawing li:nth-child(14) {
	width: 60px;
	z-index: 3;
	top: -10px;
	right: 350px;
}

ul.drawing li:nth-child(15) {
	width: 50px;
	z-index: 3;
	top: 400px;
	right: 170px;
	display: none;
}

ul.drawing li:nth-child(16) {
	width: 50px;
	z-index: 3;
	top: 440px;
	right: 190px;
}

ul.drawing li:nth-child(17) {
	width: 60px;
	z-index: 3;
	top: 330px;
	left: 650px;
}

ul.drawing li:nth-child(18) {
	width: 80px;
	z-index: 3;
	top: 500px;
	left: 500px;
}




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

@media screen and (max-width: 1200px) {
	ul.drawing {
		border: 1px solid olive;
		height: 465px;
		width: 840px;
		margin: 1.5rem auto;
	}

	ul.drawing li:nth-child(3) {
		width: calc(60px * 0.7);
		top: calc(260px * 0.7);
		right: calc(120px * 0.7);
	}

	ul.drawing li:nth-child(4) {
		width: calc(70px * 0.7);
		top: calc(120px * 0.7);
		left: calc(155px * 0.7);
	}

	ul.drawing li:nth-child(7) {
		width: calc(60px * 0.7);
		top: calc(455px * 0.7);
		right: calc(10px * 0.7);
	}

	ul.drawing li:nth-child(8) {
		width: calc(80px * 0.7);
		top: calc(200px * 0.7);
		right: calc(340px * 0.6);
	}

	ul.drawing li:nth-child(11) {
		width: calc(70px * 0.7);
		top: calc(330px * 0.7);
		left: calc(220px * 0.7);
	}

	ul.drawing li:nth-child(12) {
		width: calc(70px * 0.7);
		top: calc(190px * 0.7);
		right: calc(5px * 0.7);
	}

	ul.drawing li:nth-child(13) {
		width: calc(70px * 0.7);
		top: calc(200px * 0.7);
		left: calc(370px * 0.7);
	}

	ul.drawing li:nth-child(14) {
		width: calc(60px * 0.7);
		right: calc(350px * 0.7);
	}

	ul.drawing li:nth-child(16) {
		width: calc(50px * 0.8);
		top: calc(440px * 0.7);
		right: calc(190px * 0.7);
	}

	ul.drawing li:nth-child(17) {
		width: calc(60px * 0.7);
		top: calc(330px * 0.7);
		left: calc(650px * 0.75);
	}

	ul.drawing li:nth-child(18) {
		width: calc(80px * 0.7);
		top: calc(500px * 0.7);
		left: calc(500px * 0.725);
	}
}

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

@media screen and (max-width: 840px) {
	ul.drawing {
		height: auto;
		width: 100%;
	}

	ul.drawing li {
		position: static;
	}

	ul.drawing li:nth-child(2),
	ul.drawing li:nth-child(3),
	ul.drawing li:nth-child(4),
	ul.drawing li:nth-child(5),
	ul.drawing li:nth-child(6),
	ul.drawing li:nth-child(7),
	ul.drawing li:nth-child(8),
	ul.drawing li:nth-child(9),
	ul.drawing li:nth-child(10),
	ul.drawing li:nth-child(11),
	ul.drawing li:nth-child(12),
	ul.drawing li:nth-child(13),
	ul.drawing li:nth-child(14),
	ul.drawing li:nth-child(15),
	ul.drawing li:nth-child(16),
	ul.drawing li:nth-child(17),
	ul.drawing li:nth-child(18) {
		display: none;
	}
}

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

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

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