@charset "UTF-8";
@media (min-width: 992px) {
	#bd_yakuzaishi .l-contents {
		max-width: 1320px;
		margin: 90px auto 0;
		padding: 0 20px;
	}
}
figure{
	text-align: center;
}
#bd_yakuzaishi .l-contents{
	color: #202121;
	margin: 0 auto;
	padding: 0 20px;
}
.notoSerif{
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
.flexBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mainVisual{
	max-height: 499px;
	height: 100vw;
	background: url("/sp/pharmacist/img/mainVisual.jpg") no-repeat center;
	background-size: cover;
}

.flexBox.leadBox{
	align-items: flex-start;
	padding: 200px 0;
}
.leadBox > p{
	width: 74%;
	font-size: 3.2rem;
	margin-bottom: 0;
}
.leadBox > p span{
	color: #b7193f;
}
.leadBox figure{
	max-width: 262px;
	width: 21%;
	padding-top: 15px;
}
.leadBox figure figcaption{
	font-weight: 400;
	line-height: 1.7;
	padding-top: 5px;
	text-align: left;
}

#yakugaku_sec_01{
	background: url("/sp/pharmacist/img/bg.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
	padding: 214px 0 280px;
}

#yakugaku_sec_01 .l-contents{
	color: #fff;
}

#yakugaku_sec_01 h2{
	font-size: 3.2rem;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	padding: 30px 0;
	margin-bottom: 40px;
}
#yakugaku_sec_01 .lead{
	margin-bottom: 60px;
}
#yakugaku_sec_01 .flexBox{
	align-items: flex-start;
}
#yakugaku_sec_01 .flexBox > li{
	width: 49%;
}
#yakugaku_sec_01 .flexBox > li h3{
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 20px;
}

.hd01{
	font-size: 4rem;
	font-weight: 500;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	border-bottom: solid 2px #b7193f;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.style01 .lead{
	text-align: center;
	margin-bottom: 40px;
}
#yakugaku_sec_02 .l-contents{
	max-width: 1000px;
	padding: 180px 0 250px;
}
#yakugaku_sec_02 .hd01::before{
	content: "";
	display: block;
	background: url("/sp/pharmacist/img/icon_no1.png") no-repeat center;
	background-size: contain;
	width: 131px;
	height: 151px;
	margin: 0 auto 80px;
}
#yakugaku_sec_02 .lead{
	margin-bottom: 100px;
}

#yakugaku_sec_03{
	background: #f7f7f7;
	padding: 150px 0;
}
#yakugaku_sec_03 .hd01{
	margin-bottom: 0;
}
#yakugaku_sec_03 .hd01 .spStyle{
	display: none;
}
#yakugaku_sec_03 .detailList > li{
	border-bottom: solid 2px #9e9e9e;
	padding: 80px 0;
}
#yakugaku_sec_03 .detailList > li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
#yakugaku_sec_03 .flexBox.reverse{
	flex-direction: row-reverse;
}
	#yakugaku_sec_03 .flexBox .txtBox{
		width: 48%;
	}
		#yakugaku_sec_03 .flexBox .txtBox h3{
			font-size: 2.4rem;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 35px;
			color: #222;
		}
			#yakugaku_sec_03 .flexBox .txtBox h3::before{
				content: "";
				display: block;
				width: 102px;
				height: 118px;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				margin-right: 40px;
				flex-shrink: 0;
			}
			#yakugaku_sec_03 .torikumi01.flexBox .txtBox h3::before{
				background-image: url("/sp/pharmacist/img/icon_num_01.png");
			}
			#yakugaku_sec_03 .torikumi02.flexBox .txtBox h3::before{
				background-image: url("/sp/pharmacist/img/icon_num_02.png");
			}
			#yakugaku_sec_03 .torikumi03.flexBox .txtBox h3::before{
				background-image: url("/sp/pharmacist/img/icon_num_03.png");
			}
				#yakugaku_sec_03 .torikumi03 .txtBox h3 br{
					display: none;
				}

		#yakugaku_sec_03 .flexBox .txtBox p{
			margin-bottom: 0;
			color: #221815;
			text-align: justify;
		}

	#yakugaku_sec_03 .flexBox figure{
		width: 49%;
	}
#yakugaku_sec_04,
#yakugaku_sec_05{
	padding-top: 200px;
}
#yakugaku_sec_04 .hd01,
#yakugaku_sec_05 .hd01{
	border-color: #7455a1;
}
#yakugaku_sec_04 .flexBox > li,
#yakugaku_sec_05 .flexBox > li{
	width: 49%;
}
#yakugaku_sec_05{
	padding-bottom: 200px;
}
#yakugaku_sec_05 .hd01 .spStyle{
	display: none;
}

@media screen and (max-width: 1240px){
	.mainVisual{
		background-position: 33%;
	}
	.flexBox.leadBox{
		padding: 100px 0;
	}
	.leadBox > p{
		font-size: 2rem;
		width: 70%;
	}
	.leadBox figure{
		padding-top: 0;
		width: 26%;
	}
	#yakugaku_sec_01{
		padding: 100px 0;
	}
	#yakugaku_sec_01 h2{
		font-size: 2rem;
	}
	#yakugaku_sec_01 .flexBox > li h3{
		font-size: 1.7rem;
	}
	#yakugaku_sec_02 .l-contents{
		padding: 100px 20px 120px;
	}
	#yakugaku_sec_02 .hd01::before{
		background: url("/sp/pharmacist/img/icon_no1_2x.png") no-repeat center;
		background-size: contain;
		margin: 0 auto 40px;
	}
	.hd01{
		font-size: 3.2rem;
	}
	#yakugaku_sec_02 .lead{
		margin-bottom: 40px;
	}
	#yakugaku_sec_03{
		padding: 100px 0;
	}
	#yakugaku_sec_03 .flexBox .txtBox h3{
		margin-bottom: 10px;
	}
		#yakugaku_sec_03 .flexBox .txtBox h3::before{
			margin-right: 20px;
			width: 80px;
			height: 97px;
		}
			#yakugaku_sec_03 .torikumi01.flexBox .txtBox h3::before{
				background-image: url("/sp/pharmacist/img/icon_num_01_2x.png");
			}
			#yakugaku_sec_03 .torikumi02.flexBox .txtBox h3::before{
				background-image: url("/sp/pharmacist/img/icon_num_02_2x.png");
			}
			#yakugaku_sec_03 .torikumi03.flexBox .txtBox h3::before{
				background-image: url("/sp/pharmacist/img/icon_num_03_2x.png");
			}
	
	#yakugaku_sec_04, #yakugaku_sec_05{
		padding-top: 100px;
	}
	#yakugaku_sec_05 {
		padding-bottom: 100px;
	}
}
@media screen and (max-width: 1020px){
	#yakugaku_sec_03 .torikumi03 .txtBox h3 br{
		display: block;
	}

}
@media screen and (max-width: 900px){
	.mainVisual{
		height: 48vw;
	}
	#yakugaku_sec_02 .lead br{
		display: none;
	}
	#yakugaku_sec_04 .lead .pcStyle{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.flexBox.leadBox {
		padding: 60px 0;
	}
	.leadBox > p{
		font-size: 1.8rem;
	}
	#yakugaku_sec_01 {
		padding: 60px 0;
	}
	#yakugaku_sec_01 h2 {
		font-size: 1.8rem;
		padding: 20px 0;
		margin-bottom: 20px;
	}
	#yakugaku_sec_01 .lead {
		margin-bottom: 30px;
	}
	#yakugaku_sec_01 .flexBox > li h3 {
		font-size: 1.6rem;
	}
	#yakugaku_sec_02 .l-contents {
		padding: 60px 20px;
	}
	#yakugaku_sec_02 .hd01::before{
		width: 90px;
		height: 110px;
		margin: 0 auto 20px;
	}
	.hd01 {
		font-size: 2.2rem;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	#yakugaku_sec_02 .lead {
		margin-bottom: 25px;
	}
	#yakugaku_sec_03 {
		padding: 60px 0;
	}
	#yakugaku_sec_03 .detailList > li{
		padding: 40px 0;
	}
	#yakugaku_sec_03 .flexBox .txtBox h3{
		font-size: 1.8rem;
	}
	#yakugaku_sec_03 .flexBox .txtBox h3::before{
		width: 60px;
		height: 69px;
	}
	#yakugaku_sec_04, #yakugaku_sec_05 {
		padding-top: 60px;
	}
	#yakugaku_sec_05{
		padding-bottom: 60px;
	}
	#yakugaku_sec_05 .hd01 .spStyle{
		display: block;
	}
	.style01 .lead {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 600px){
	.mainVisual{
		max-height: 1213px;
		height: 161vw;
		background: url("/sp/pharmacist/img/mainVisual_sp.jpg") no-repeat center;
		background-size: 100%;
	}
	.flexBox.leadBox{
		display: block;
	}
	.leadBox > p,
	.leadBox figure{
		width: 100%;
	}
	.leadBox figure{
		margin: 20px auto 0;
	}
	#yakugaku_sec_01 .flexBox{
		display: block;
	}
	#yakugaku_sec_01 .flexBox > li{
		width: 100%;
		margin-bottom: 40px;
	}
	#yakugaku_sec_01 .flexBox > li:last-child{
		margin-bottom: 0;
	}
	#yakugaku_sec_03 .hd01 .spStyle{
		display: block;
	}
	#yakugaku_sec_03 .detailList > li.flexBox{
		display: block;
	}
	#yakugaku_sec_03 .flexBox .txtBox{
		width: 100%;
		margin-bottom: 20px;
	}
	#yakugaku_sec_03 .flexBox figure{
		width: 100%;
	}
}