@charset "utf-8";



/* --------------------------------------------------------------------------------
　【スマートフォン】薬局製剤、第1類医薬品ご購入の流れ
-------------------------------------------------------------------------------- */
#otc_notice{
	
}

/********** 大見出し **********/
#otc_notice h2 {
	margin: 0 0 5vw;
	padding: 2vw 3vw;
	border-radius: 0.9vw 0.9vw 0 0;
	border-bottom: none;
	color: #fff;
	background: #0b4a92;
	font-weight: normal;
	font-size: 4.8vw;
}

/********** STEP **********/
#otc_notice .section-step{
	padding: 0 0 12vw;
}
#otc_notice .section-step ol {
}
#otc_notice .section-step ol li{
	margin: 0 0 4vw;
	padding: 0 0 6vw;
	background: url("../../images/f/otc_notice-device/icon-arr-step.png") no-repeat 50% 100%;
	background-size: 3.4vw auto;
}
#otc_notice .section-step ol li:last-child{
	margin: 0;
	padding: 0;
	background: none;
}
#otc_notice .section-step ol li .step-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	width: 100%;
	padding: 8.8vw 2.9vw 8.8vw 2.7vw;
	
	border-radius: 0.9vw;
	border: solid 0.3vw #ccc;
	font-size: 3.6vw;
	background: #f8f8f8;
}
#otc_notice .section-step ol li .step-item .txt-step {
	width: 77vw;
	min-height: 7vw;
	padding: 0 0 0 10vw;
	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 50%;
	background-size: auto 7vw;
}
#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 50%;
	background-size: auto 7vw;
}
#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 50%;
	background-size: auto 7vw;
}
#otc_notice .section-step ol li .img-step{
	width: calc(100% - 77vw);
}
#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 {
}
#otc_notice .section-step ol li:nth-of-type(1) .img-step img {
	display: block;
	width: 11.7vw;
	height: auto;
	margin: 0 0 0 auto;
}
#otc_notice .section-step ol li:nth-of-type(2) .img-step {
}
#otc_notice .section-step ol li:nth-of-type(2) .img-step img {
	display: block;
	width: 10vw;
	height: auto;
	margin: 0 0 0 auto;
}
#otc_notice .section-step ol li:nth-of-type(3) .img-step {
}
#otc_notice .section-step ol li:nth-of-type(3) .img-step img {
	display: block;
	width: 12.8vw;
	height: auto;
	margin: 0 0 0 auto;
}

/********** 注意 **********/
#otc_notice .section-att h3 {
	margin: 0 0 1vw;
	padding: 0 0 2vw;
	border-bottom: solid 0.3vw #ccc;
	font-size: 4.8vw;
}
#otc_notice .section-att {
	margin: 0 0 2vw;
}
#otc_notice .section-att ol{
	padding: 0 0 5.5vw;
}
#otc_notice .section-att ol li {
	text-indent: -0.9em;
	margin: 0 0 1vw 1em;
	line-height: 1.3;
	letter-spacing: -0.1em;
}

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