@charset "utf-8";

/* ==================================================
		
		診療の流れ PC

================================================== */

@media screen and (min-width:641px) {

/* --------------------------------------------------
		#main
-------------------------------------------------- */
#main { margin-top: 25px; }

/*	.flow
-------------------------------------------------- */
#main .flow .flow-txt01 { margin-top: 18px; }

/*	.flow-inner
-------------------------------------------------- */
#main .flow .flow-inner {
		padding-top: 40px;
		background: url(/common/img/bg-line01.png) top no-repeat;
		margin-top: 39px;
}

/*	.section
-------------------------------------------------- */
#main .section {
		padding-top: 37px;
		background: url(../img/img-arrow01.png) top no-repeat;
		margin-top: 15px;
}

#main .section .section-inner {
		width: 615px;
		padding-bottom: 30px;
		border: 1px solid #e4e4e4;
		margin: 0 auto;
		position: relative;
}

#main .section .section-inner .section-tit01 {
		position: absolute;
		top: -15px;
		left: 19px;
}

#main .section .section-inner .section-img01 {
		position: absolute;
		top: 0;
		right: 0;
}

#main .section .section-inner .section-img01 img { vertical-align: top; }

#main .section .section-inner .section-txt01 {
		width: 555px;
		margin: 38px auto 0;
}

#main .flow-inner .section:first-child {
		padding-top: 0;
		background: none;
		margin-top: 0;
}

/*	.contact
-------------------------------------------------- */
#main .section .contact {
		width: 519px;
		padding: 15px;
		border: 3px solid #f1f3e1;
		background: #f9faf2;
		margin: 23px auto 0;
}

#main .section .contact-inner { float: left; }

#main .section .contact dl dt { text-align: center; }

#main .section .contact dl dt img { vertical-align: 5px; }

#main .section .contact dl dd { margin-top: 5px; }

#main .section .contact dl dd .img01 { margin-right: 9px; }

#main .section .contact p {
		color: #90a248;
		width: 250px;
		line-height: 1.5;
		float: right;
}
}

/* ==================================================
		
		診療の流れ SP

================================================== */

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

/* --------------------------------------------------
		#main
-------------------------------------------------- */
#main { margin: 10px 8px 0; }

#main h3 span, #main h4 span {
		font-size: 21px;
		color: #94b125;
}

/*	.flow
-------------------------------------------------- */
#main .flow .flow-txt01 { margin-top: 10px; }

/*	.flow-inner
-------------------------------------------------- */
#main .flow .flow-inner {
		padding-top: 25px;
		background: url(/common/img/bg-line01.png) top no-repeat;
		margin: 20px 0 0;
		background-size: 100% 1px;
}

/*	.section
-------------------------------------------------- */
#main .section {
		padding-top: 24px;
		background: url(../img/img-arrow01.png) top no-repeat;
		margin-top: 15px;
}

#main .section .section-inner {
		padding-bottom: 30px;
		border: 1px solid #e4e4e4;
		position: relative;
}

#main .section .section-inner .section-tit01 { margin: 25px 0 0 14px; }

#main .section .section-inner .section-img01 {
		position: absolute;
		top: 0;
		right: 0;
}

#main .section .section-inner .section-img01 img { vertical-align: top; }

#main .section .section-inner .section-txt01 { margin: 0 15px; }

#main .flow-inner .section:first-child {
		padding-top: 0;
		background: none;
		margin-top: 0;
}

/*	.contact
-------------------------------------------------- */
#main .section .contact {
		padding: 15px 10px;
		border: 3px solid #f1f3e1;
		background: #f9faf2;
		margin: 23px 15px 0;
}

#main .section .contact dl dt { text-align: center; }

#main .section .contact dl dt img { vertical-align: 5px; }

#main .section .contact dl dd {
		text-align: center;
		margin-top: 5px;
}

#main .section .contact dl dd .img01 { margin-right: 3px; }

#main .section .contact p {
		color: #90a248;
		width: 250px;
		line-height: 1.5;
		margin-top: 15px;
}
}