@charset "utf-8";



/* --------------------------------------------------------------------------------
　【PC】薬局製剤、第1類医薬品ご購入の流れ
-------------------------------------------------------------------------------- */
#otc_notice{
	
}

/********** 大見出し **********/
#otc_notice h2 {
	margin: 0 0 30px;
	padding: 10px 22px;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	color: #fff;
	background: #0b4a92;
	font-size: 24px;
}

/********** STEP **********/
#otc_notice .section-step{
	padding: 0 0 88px;
}
#otc_notice .section-step ol {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#otc_notice .section-step ol li .step-item {
	width: 300px;
	height: 300px;
	
	padding: 27px 0 27px 20px;
	
	border-radius: 9px;
	border: solid 1px #ccc;
	font-size: 18px;
	background: #f8f8f8;
}
#otc_notice .section-step ol li .step-item .txt-step {
	padding: 0 0 0 57px;
	line-height: 1.4;
	letter-spacing: -0.1em;
}
#otc_notice .section-step ol li:nth-of-type(1) .step-item .txt-step {
	background: url("../../images/f/otc_notice/icon-step-01.png") no-repeat 0 0;
}
#otc_notice .section-step ol li:nth-of-type(2) .step-item .txt-step {
	background: url("../../images/f/otc_notice/icon-step-02.png") no-repeat 0 0;
}
#otc_notice .section-step ol li:nth-of-type(3) .step-item .txt-step {
	background: url("../../images/f/otc_notice/icon-step-03.png") no-repeat 0 0;
}
#otc_notice .section-step ol li .img-step img {
	display: block;
	margin: 0 auto;
}
#otc_notice .section-step ol li:nth-of-type(1) .img-step {
	padding: 63px 40px 0 0;
}
#otc_notice .section-step ol li:nth-of-type(2) .img-step {
	padding: 65px 20px 0 0;
}
#otc_notice .section-step ol li:nth-of-type(3) .img-step {
	padding: 66px 20px 0 0;
}

/********** 注意 **********/
#otc_notice .section-att h3 {
	margin: 0 0 18px;
	padding: 0 0 7px;
	border-bottom: solid 1px #ccc;
	font-size: 18px;
}
#otc_notice .section-att {
	margin: 0 0 3px;
}
#otc_notice .section-att ol{
	padding: 0 0 35px;
}
#otc_notice .section-att ol li {
	text-indent: -0.9em;
	margin: 0 0 13px 1em;
	line-height: 1.45;
	letter-spacing: -0.1em;
}

/* 第1類... */
#otc_notice .section-att p{
	padding: 0 0 13px;
}
#otc_notice .section-att ul{
}
#otc_notice .section-att ul li {
	text-indent: -0.9em;
	margin: 0 0 13px 1em;
	line-height: 1.45;
	letter-spacing: -0.1em;
}