@charset "utf-8";

/*------------------------------------------------
ローカルナビ設定
------------------------------------------------*/
.lnaviArea dd.lnavi04 a {
	color: #328bc7;
	font-weight: bold;
}

.titleArea .inner img {
	top: -37px;
	right: 15%;
}
/*------------------------------------------------
メイン
------------------------------------------------*/
section + section {
	margin-top: 60px;
}

.sec01 {
}
.sec01 div {
	text-align: center;
}


.sec02 {
}
.sec02 h3.title {
	position: relative;
}
.sec02 h3.title span {
	position: absolute;
	top: -1.4rem;
	left: 0;
	font-size: 1rem;
}
.sec02 .imgBox01 {
	text-align: center;
	margin: 30px 0;
}
.sec02 .imgBox02 {
	text-align: center;
}


.sec03 {
}
.sec03 .list01,
.sec03 .list02 {
	padding: 0.5rem 1rem;
	background: #fdecda;
	border-radius: 8px;
	margin-bottom: 30px;
}
.sec03 .list02 {
	position: relative;
}
.sec03 .list02:after {
	position: absolute;
	top: 50%;
	left: 53%;
	transform: translate(-50%, -50%);
	content: "";
	width: 105px;
	height: 131px;
	background: url("../images/t_medication/img_04.png") 0 0 no-repeat;
	background-size: 100%;
}
.sec03 .imgBox03 {
	margin: 20px 0 40px;
}
.sec03 .atten {
	text-indent: -1em;
	padding-left: 1em;
}
.sec03 .atten + .atten {
	margin-bottom: 10px;
}


.sec04 {
}
.sec04 p + h4.title {
	margin-top: 40px;
}




@media only screen and (max-width: 740px) {
.mainArea img {
	width: 100%;
}
.sec03 .list01 li,
.sec03 .list02 li {
	text-indent: -1em;
	padding-left: 1em;
}
.sec03 .list02:after {
	left: 86%;
	width: 85px;
	height: 111px;
}
.sec03 .imgBox04 img {
	width: 55%;
}



}