@charset "UTF-8";

/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[共通]*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[段落]*/
main section {
	padding: 0 0 10rem;
	width: 96%;
	margin: 0 2%;
}
main section.small-section {
	padding: 0 0 4rem;
}
main section.small-section:last-of-type {
	padding: 0 0 10rem;
}
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[ページ内リンク]*/
ul.cont_list {
	width: 100%;
	margin: 0px 0px 40px;
	font-size: 1.6rem;
	padding: 20px 30px;
	background-color: #f7f6f4;
	border-radius: 2px;
	font-weight: bold;
}
ul.cont_list a {
	color: #333;
}
ul.cont_list a:hover {
	color: #f97b00;
}
ul.cont_list li {
	display: block;
	float: left;
	padding: 0px 20px 0px 1.3em;
	margin: 10px 0 10px;
	position: relative;
	line-height: 1.8rem;
}
ul.cont_list li:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0.1rem;
	content: "";
	width: 10px;
	height: 10px;
	border: 0px;
	border-bottom: solid 2px #eb6d46;
	border-right: solid 2px #eb6d46;
	transform: rotate(45deg);
	margin: 0;
}
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[Hメインタイトル]*/
div.main_contents_column h1 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	box-sizing: border-box;
	padding: 0 36px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	font-size: 2.0rem;
	z-index: 1;
}
.org {
	background-color: #eb6d46;
}
.gle {
	background-color: #5dbfcd;
}
/* 左上のアイコン (icon_title-org-l.svg) */
div.main_contents_column h1 .icon-l {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 39px;
}
/* 右下のアイコン (icon_title-org-r.svg) */
div.main_contents_column h1 .icon-r {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 26px;
	height: 39px;
}
.main_contents_column h2 {
	font-size: 110%;
	line-height: 1.5em;
	font-weight: bold;
	color: #eb6d46;
	padding: 4px 10px 10px 0px;
	margin: 0px 10px 30px !important;
}
.main_contents_column h2 span:nth-of-type(1) {
	margin: 0 10px 0 0px;
}
h2.section_title {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 0 10px 42px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #f57926;
	line-height: 1.4;
	box-sizing: border-box;
}
h2.section_title .icon-sub {
	position: absolute;
	top: 10px;
	left: 0;
	/*transform: translateY(-50%);*/
	width: 27px;
	height: 27px;
}
h2.section_title.section_title--ruby .txt-before,
h2.section_title.section_title--ruby .txt-after {
	position: relative;
	top: 0;
	/* 元に戻す */
}
h2.section_title.section_title--ruby ruby {
	position: relative;
	top: -0.2em;
}
.main_contents_column h3 {
	font-weight: bold;
	color: #eb6d46;
	font-size: 1.8rem;
}
/*////////////////////////////////////////////*/
/*サブタイトル*/
.main_contents_column h3 {
	font-weight: bold;
	width: 96%;
	margin: 20px 2% 10px;
	line-height: 2.2rem;
}
.main_contents_column h4.red,
.main_contents_column h4.blue {
	font-weight: bold;
	width: 96%;
}
/*////////////////////////////////////////////*/
/*[本文]*/
.main_contents_column p {
	width: 96%;
	margin: 0px auto 1.8rem;
	font-size: 1.8rem;
	line-height: 3.4rem;
}
.main_contents_column p.full-size {
	width: 100%;
	margin: 0px auto;
}
.main_contents_column p a {
	color: #5698fc;
}
/*////////////////////////////////////////////*/
/*[インデントリスト基本]*/
.main_contents_column .indent_list {
	width: 96%;
	margin: 0 auto 0;
}
/*////////////////////////////////////////////*/
/*[!box]*/
.ch-box {
	line-height: 2.6rem;
	padding: 20px 0px 20px 90px;
	margin: 20px 0% 20px 5%;
	width: 95%;
	font-size: 1.8rem;
	background-image: url("../images/common/icon_ch.svg");
	background-position: 15px 20px;
	background-repeat: no-repeat;
	background-size: auto 60px;
}
.ch-box p {
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 767px) {
	.ch-box {
		line-height: 2.6rem;
		padding: 20px 20px 20px 70px;
		margin: 20px 5%;
		width: 90%;
		font-size: 1.8rem;
		background-image: url("../images/common/icon_ch.svg");
		background-position: 10px 20px;
		background-repeat: no-repeat;
		background-size: auto 50px;
	}
}
@media screen and (max-width: 580px) {
	.ch-box {
		line-height: 2.6rem;
		padding: 20px 20px 20px 60px;
		margin: 20px 0;
		width: 100%;
		font-size: 1.8rem;
		background-image: url("../images/common/icon_ch.svg");
		background-position: 10px 20px;
		background-repeat: no-repeat;
		background-size: auto 40px;
	}
}
.ch-box_inbox {
	padding: 0px 0px 0px 70px;
	margin: 0px 5% 0 5%;
	width: 90%;
}
@media screen and (max-width: 580px) {
	.ch-box_inbox {
		padding: 0px;
		margin: 0px 0;
		width: 100%;
	}
}
.ch-box2 {}
/*////////////////////////////////////////////*/
.box-nav-sec {
	position: relative;
	overflow: hidden;
	margin: 40px 0px 20px;
}
@media screen and (max-width: 768px) {
	.box-nav-sec {
		margin: 40px 20px 20px;
	}
}
/**/
.box-nav-sec ul {
	position: relative;
	width: 100%;
	float: left;
}
.box-nav-sec ul li {
	margin: 0;
	width: 50%;
	position: relative;
	float: left;
	list-style: none;
	line-height: 2.6rem;
	text-align: center;
	min-width: 3em;
	font-size: 1.6rem;
}
@media screen and (max-width: 580px) {
	.box-nav-sec ul li:nth-of-type(1) {
		border-bottom: 1px dotted #ccc;
	}
	.box-nav-sec ul li {
		padding: 10px 0px;
		width: 100%;
	}
}
.box-nav-sec li a:hover {
	text-decoration: none;
	color: #f97b00;
}
.box-nav-sec .back {
	text-align: left;
}
.box-nav-sec .next {
	text-align: right;
}
.box-nav-sec .back:hover,
.box-nav-sec .next:hover {
	color: #f97b00;
}
/*矢印アイコン*/
.coler_box1 {
	width: 10px;
	border-radius: 50%;
	/*角丸*/
	background-color: #eb6d46;
	display: table;
}
a:hover .coler_box1 {
	color: #d7e267;
}
.fr_set {
	float: right;
	margin-left: .5em;
}
.fl_set {
	float: left;
	margin-right: .5em;
}
.coler_in_txt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 15px;
	width: 10px;
}
.aw_r {
	display: block;
	height: 22px;
	width: 22px;
	background-image: url("../images/common/arw_icon_r.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
}
.aw_l {
	display: block;
	height: 22px;
	width: 22px;
	background-image: url("../images/common/arw_icon_l.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
}
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[図表]*/
/*[図タイトル共通設定]*/
.figure-box {
	padding: 40px 5% 0;
}
@media screen and (max-width: 640px) {
	.figure-box {
		padding: 40px 0 0;
	}
}
/*[図：普通]*/
figure.normal {
	width: 100%;
	margin: 50px 0 0;
}
@media screen and (max-width: 640px) {
	figure.normal {
		width: 98%;
		margin: 50px 0 0;
	}
}
figure img {
	width: 100%;
	margin: 20px 0%;
}
figure img.img_large {
	width: 90%;
	margin: 20px 5%;
}
figure img.img_medium {
	width: 80%;
	margin: 20px 10%;
}
figure img.img_small {
	width: 70%;
	margin: 20px 15%;
}
@media screen and (max-width: 640px) {
	figure img.img_large {
		width: 100%;
		margin: 20px 0%;
	}
	figure img.img_medium {
		width: 100%;
		margin: 20px 0%;
	}
	figure img.img_small {
		width: 100%;
		margin: 20px 0%;
	}
}
.figure-box h3 {
	width: 80%;
	margin: 0 10% 20px;
	padding: 10px 20px;
	background-color: #5dbfcd;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	/* or block */
	border-radius: 50px;
	box-sizing: border-box;
	font-size: 1.8rem;
}
.container h3 {
	width: 80%;
	margin: 0 10% 20px;
	padding: 10px 20px;
	background-color: #5dbfcd;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	/* or block */
	border-radius: 50px;
	box-sizing: border-box;
	font-size: 1.8rem;
}
@media screen and (max-width: 640px) {
	.figure-box h3,
	.container h3 {
		width: 100%;
		margin: 0 0% 20px;
		padding: 10px 20px;
		font-size: 1.6rem;
	}
}
figcaption ul.indent_list {
	margin-left: 0px;
	font-size: 1.2rem;
	color: #444444;
	line-height: 1.6rem;
	text-align: right;
}
figcaption.refer {
	margin-top: 10px;
	font-size: 1.2rem;
	color: #444444;
	text-align: right;
	line-height: 1.8rem;
}
@media screen and (max-width: 640px) {
	figcaption.refer {
		font-size: 1.0rem;
		line-height: 1.6rem;
	}
}
table.cancer_table {
	width: 100%;
}
table.cancer_table th {
	padding: 15px 10px;
	border: 1px solid #6fb9c7;
	border-collapse: collapse;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding: 18px 5px;
	background-color: #e5f2f5;
}
table.cancer_table td {
	padding: 15px 10px;
	border: 1px solid #6fb9c7;
	border-collapse: collapse;
	vertical-align: top;
}
figure.tablebox {
	width: 90%;
	margin: 40px 5%;
}
@media screen and (max-width: 727px) {
	figure.tablebox {
		width: 90%;
		margin: 40px 5%;
	}
}
@media screen and (max-width: 480px) {
	figure.tablebox {
		width: 100%;
		margin: 30px 0%;
	}
}
.org-box {
	position: relative;
	width: 100%;
	margin: 40px 0%;
	border: 1px solid #ed6d46;
	background-color: #fdece3;
	padding: 20px 20px;
	border-radius: 10px;
	font-size: 1.8rem;
	line-height: 2.8rem;
}
.org-box_ch-icon {
	position: absolute;
	left: -10px;
	width: 60px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.org-box_ch-icon img {
	width: 100%;
	height: auto;
}
.space_left {
	padding-left: 45px;
	display: block;
}
.white-box {
	width: 100%;
	margin-top: 10px;
	display: block;
	padding: 10px;
	font-weight: bold;
	background-color: #fff;
	text-align: center;
}
/*[共通終わり]*/
/*////////////////////////////////////////////*/
/*[病気について]*/
/*[図]*/
body#p01 figure.normal {
	width: 90%;
	margin: 1rem auto;
}
@media screen and (max-width: 980px) {
	body#p01 figure.normal {
		width: 90%;
		margin: 1rem auto;
	}
}
@media screen and (max-width: 727px) {
	body#p01 figure.normal {
		width: 90%;
		margin: 1rem auto;
	}
}
@media screen and (max-width: 480px) {
	body#p01 figure.normal {
		width: 90%;
		margin: 1rem auto;
	}
}
/*////////////////////////////////////////////*/
/*[ハイツエキシンってどんな薬？]*/
/*[図]*/
body#p02 .figure-box.pt0{
	padding-top: 0;
}
body#p02 figure.normal {
	width: 65%;
	margin: 1rem auto;
}
@media screen and (max-width: 980px) {
	body#p02 figure.normal {
		width: 80%;
		margin: 1rem auto;
	}
}
@media screen and (max-width: 727px) {
	body#p02 figure.normal {
		width: 90%;
		margin: 1rem auto;
	}
}
@media screen and (max-width: 480px) {
	body#p02 figure.normal {
		width: 90%;
		margin: 1rem auto;
	}
}
body#p02 .ch-box_inbox figure {
	width: 90%;
	margin: .1rem auto;
}
@media screen and (max-width: 727px) {
	body#p02 .ch-box_inbox figure {
		width: 100%;
		margin: 1rem 0;
	}
}
/*////////////////////////////////////////////*/
/*[黄色リスト]*/
ul.indent_list.about-list1 li {
	font-size: 1.8rem;
	line-height: 3rem;
	margin: 15px 0px;
}
body#p02 figure.about_list {
	width: 90%;
	margin: 20px 5% 30px;
	padding: 20px 20px 20px 40px;
	font-weight: bold;
	background-color: #fff8da;
}
body#p02 figure.about_list.line-or {
	border-left: solid 10px #f7bb9e;
}
body#p02 figure.about_list.line-br {
	border-left: solid 10px #bce2e8;
}
@media screen and (max-width: 727px) {
	body#p02 figure.about_list {
		width: 90%;
		margin: 20px auto 30px;
		padding: 10px 10px 10px 10px;
		font-weight: bold;
		background-color: #fff8da;
	}
}
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[ハイツエキシンの副作用は?]*/
/*[緑箱]*/
.green-box {
	padding: 40px 135px 40px 40px;
	margin: 20px 0px;
	min-height: 20px;
	background-color: #5dc2d0;
}
.green-box p {
	margin: 0;
	color: #fff;
	font-weight: bold;
}
.i1 {
	background: url('../images/common/icon_title-org-l.svg') left top / 25px no-repeat, url('../images/common/icon_title-org-l2.svg') left bottom / 25px no-repeat, url('../images/contents/side-effect_i_001.png') right 30px bottom -20px / 130px no-repeat, url('../images/common/icon_title-org-r.svg') right center /25px no-repeat, #5dc2d0;
}
.i2 {
	background: url('../images/common/icon_title-org-l.svg') left top / 25px no-repeat, url('../images/common/icon_title-org-l2.svg') left bottom / 25px no-repeat, url('../images/contents/side-effect_i_015.png') right 20px bottom / 140px no-repeat, url('../images/common/icon_title-org-r.svg') right center /25px no-repeat, #5dc2d0;
}
/*[副作用項目へのリンクボタン]*/
body#p03 h4 {
	text-align: left;
	font-weight: bold;
	font-size: 1.8rem;
}
h4.red {
	margin: 1.5rem 10px 5px;
	color: #e60012;
}
h4.blue {
	margin: 3.5rem 10px 5px;
	color: #3c317b;
}
.side-effect_bt li {
	display: block;
	position: relative;
	height: 50px;
}
.side-effect_bt li a {
	font-weight: bold;
	display: block;
	height: 50px;
	background-color: #f2f0f2;
	transition: .1s;
}
.side-effect_bt li.gr a:hover {
	background-color: #c9e4c9;
}
.side-effect_bt li.br a:hover {
	background-color: #ecf3d0;
}
.side-effect_bt li.lgr a:hover {
	background-color: #daeaf8;
}
.side-effect_bt li a span {
	font-weight: bold;
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 80px;
}
.side-effect_bt {
	width: 100%;
	margin: 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
@media print,
screen and (min-width: 768px) {
	.side-effect_bt > li {
		width: 32.5%;
		margin: 10px 0.5% 0px 0.5%;
	}
	.side-effect_bt > li:nth-of-type(1),
	.side-effect_bt > li:nth-of-type(3n+1) {
		margin-left: 0%;
	}
	.side-effect_bt > li:nth-of-type(3n) {
		margin-right: 0%;
	}
	/**/
}
@media screen and (min-width:641px) and (max-width: 767px) {
	.side-effect_bt > li {
		width: 47%;
		margin: 5px 1% 5px 1%;
	}
	.side-effect_bt > li:nth-of-type(1),
	.side-effect_bt > li:nth-of-type(2n+1) {
		margin-left: 2%;
	}
	.side-effect_bt > li:nth-of-type(2n) {
		margin-right: 2%;
	}
}
@media screen and (min-width:481px) and (max-width:640px) {
	.side-effect_bt > li {
		width: 47%;
		margin: 5px 1% 5px 1%;
	}
	.side-effect_bt > li:nth-of-type(1),
	.side-effect_bt > li:nth-of-type(2n+1) {
		margin-left: 2%;
	}
	.side-effect_bt > li:nth-of-type(2n) {
		margin-right: 2%;
	}
}
@media screen and (min-width:0px) and (max-width:480px) {
	.side-effect_bt > li {
		width: 96%;
		margin: 5px 2% 5px;
	}
	.side-effect_bt > li:nth-of-type(odd) {
		margin-left: 2%;
	}
	.side-effect_bt > li:nth-of-type(even) {
		margin-right: 2%;
	}
}
/*アイコン位置*/
.side-effect_bt li a span.navi-icon {
	width: 70px;
	height: 35px;
	position: absolute;
	left: inherit;
	top: 50%;
	transform: translateY(-50%);
	right: 2px;
	padding-right: inherit;
	/*img要素を天地中央に揃える */
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.side-effect_bt li a span.navi-icon img {
	display: block;
	width: 100%;
	height: auto;
}
/*例*/
.example-box {
	padding: 10px 0px 0px;
	text-align: right;
}
.example-box2 {
	margin-top: 4rem;
	margin-bottom: 5px;
	padding: 0px 0px 0px;
	display: flex;
	align-items: center;
	letter-spacing: -0.03em;
}
.example-box2 span:last-child {
	margin-left: auto;
}
@media screen and (min-width:0px) and (max-width:767px) {
	.example-box2 {
		display: block;
		text-align: right;
	}
	.example-box2 span:last-child {
		margin-left: inherit;
		display: block;
		width: 100%;
	}
}
.icon-label {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #333;
	margin-right: 20px;
}
.icon-label::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}
.icon-label-s {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	color: #333;
	margin-right: 15px;
	font-size: 1.4rem;
}
.icon-label-s::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}
.icon-label.myself::before,
.icon-label-s.myself::before {
	background-image: url("../images/contents/side-effect_icon_002.svg");
}
.icon-label.check::before,
.icon-label-s.check::before {
	background-image: url("../images/contents/side-effect_icon_003.svg");
}
/*[画像]*/
body#p03 figure.normal {
	width: 80%;
	margin: 20px 10%;
}
@media screen and (max-width: 980px) {
	body#p03 figure.normal {
		width: 80%;
		margin: 20px 10%;
	}
}
@media screen and (max-width: 727px) {
	body#p03 figure.normal {
		width: 90%;
		margin: 20px 5%;
	}
}
@media screen and (max-width: 480px) {
	body#p03 figure.normal {
		width: 90%;
		margin: 20px 5%;
	}
}
section.side-effect {
	width: 94%;
	margin: 0 3%;
}
/*////////////////////////////////////////////*/
/*[BOX]*/
section.side-effect .u_title_icon-box {
	position: relative;
}
/*[副作用h3タイトル]*/
section.side-effect .u01_title_underline {
	padding: 0;
	margin: 0 0 10px;
	font-weight: bold;
	color: #000;
	text-align: center;
	width: 100%;
	height: 70px;
	position: relative;
}
section.side-effect .u01_title_underline ruby.txt-w3 {
	letter-spacing: 0.5em;
	margin-left: 0.5em;
}
section.side-effect .u01_title_underline ruby.txt-w {
	letter-spacing: 0.2em;
}
section.side-effect .u01_title_underline rt {
	font-size: 0.4em;
	letter-spacing: -0.05em;
}
section.side-effect .u01_title_underline rt.txt-ls {
	letter-spacing: -0.08em;
}
section.side-effect .u01_title_underline.green {
	background-color: #c9e4c9;
}
section.side-effect .u01_title_underline.l-green {
	background-color: #ecf3d0;
}
section.side-effect .u01_title_underline.blue {
	background-color: #daeaf8;
}
section.side-effect .u01_title_underline rt {
	letter-spacing: -0.08em;
}
/*[テキストとアイコン]*/
.u_title_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2.4rem;
}
.title-icon {
	width: 110px;
	height: 55px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
.title-icon2 {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.u_title_txt {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: auto;
		left: 10px;
		font-size: 2rem;
	}
	.title-icon {
		left: auto;
		right: 0px;
	}
	.title-icon2 {
		left: auto;
		right: 2px;
	}
}
.title-icon img {
	width: 100%;
	height: auto;
	display: block;
}
/*[タイトル下ー発現頻度]*/
section.side-effect div.u_title_under {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 10px;
	letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
	section.side-effect .u_title_icon-box {
		margin-bottom: 75px;
	}
	section.side-effect div.u_title_under {
		position: absolute;
		top: 100px;
		right: 0;
	}
}
section.side-effect .txt-sq {
	position: relative;
	padding-left: 100px;
	font-size: 1.4rem;
	font-weight: bold;
	word-break: keep-all;
	text-align: right;
}
section.side-effect .txt-sq span:nth-of-type(1) {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border: 1px #547793 solid;
	padding: 5px 10px 3px;
	margin-right: 10px;
	text-align: center;
	width: 74px;
	border-radius: 100px;
	font-size: 1.2rem;
	background-color: #547793;
	color: #fff;
	letter-spacing: inherit;
}
@media print,
screen and (min-width: 768px) {
	section.side-effect .txt-sq span.small-size {
		border: 1px #333 solid;
		padding: 2px 5px 2px 5px;
		width: inherit;
		height: 60px;
		left: 65px;
		writing-mode: vertical-rl;
		/* 右から左に縦書き */
		display: inline-block;
		/* width/height を有効にするため */
	}
}
section.side-effect .txt-sq span.stg {
	font-size: 2.2rem;
}
section.side-effect .u_title_under p {
	display: block;
	font-weight: bold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	padding: 3px;
	margin-right: 10px;
}
/*[記事ブロック]*/
section.side-effect div.article {
	overflow: hidden;
	margin-top: 20px;
}
section.side-effect .article_txt {
	float: left;
	box-sizing: border-box;
	width: 100%;
}
section.side-effect .article_txt .txt_red {
	font-weight: bold;
}
section.side-effect .article p {
	line-height: 2.5rem;
	margin-bottom: 2rem;
}
.txt_red {
	color: #E95377;
}
.txt_blue {
	color: #3c317b;
}
.rb-txt {
	margin-top: -0.6rem;
}
.ch-txt {
	font-size: 1.4rem;
}
.ch-txt.txt-right {
	text-align: right;
	font-size: 1.4rem;
}
section.side-effect .article ul.indent_list {
	font-size: 1.8rem;
}
section.side-effect .article_txt ul.indent_list li {
	margin-bottom: 5px;
}
/* // .indent_list.cut は全HTMLで未使用のため暫定コメントアウト // */
/*section.side-effect .article_txt ul.indent_list.cut li {
	float: left;
}*/
/*リスト 共通*/
.side-effect_wrap::after {
	content: "";
	display: block;
	clear: both;
}
.side-effect_img {
	float: right;
	width: 17%;
	min-width: 120px;
	max-width: 240px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.side-effect_img.long {
	width: 30%;
	min-width: 120px;
	max-width: 320px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.side-effect_img.medium {
	width: 22%;
}
.side-effect_img img {
	width: 100%;
	height: auto;
	display: block;
}
.side-effect_list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 20px 30px;
	padding: 0;
	--icon-color: #d7e267;
	/* ■のデフォルト色 */
}
/* 色変更クラス：<ul>に付ける */
.side-effect_list.green {
	--icon-color: #7ebb93;
}
.side-effect_list.l-green {
	--icon-color: #abcd03;
}
.side-effect_list.blue {
	--icon-color: #63b2e4;
}
.side-effect_list li {
	display: flex;
	align-items: flex-start;
	flex: 0 1 auto;
	max-width: 100%;
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 6px 30px 6px 0;
	box-sizing: border-box;
	word-break: break-all;
}
.side-effect_list li::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	min-width: 16px;
	border: 2px solid var(--icon-color);
	margin-right: 10px;
	margin-top: 4px;
}
section.side-effect .indent_list > li > span {
	display: block;
	float: left;
}
section.side-effect .indent_list > li > span:nth-child(1) {
	margin-right: 6px;
	float: left;
}
section.side-effect .indent_list > li > span:nth-child(2) {
	overflow: hidden;
}
/*リスト―黒四角*/
section.side-effect .indent_list li {
	margin-top: 10px;
	padding-right: 20px !important;
}
/* // .square / .square_bk は全HTMLで未使用のため暫定コメントアウト // */
/*section.side-effect .square {
	float: left;
	width: 16px;
	height: 16px;
	border: 3px solid #333;
	margin-top: 5px;
}
section.side-effect .square_bk {
	border: 1px solid #333;
}*/
/*[注意事項と対策　背景]*/
/* ===== side-effect_ch-box パーツ ===== */
.side-effect_ch-box {
	position: relative;
	width: 96%;
	margin: 0 2%;
	box-sizing: border-box;
	margin-top: 16px;
}
/* 左上アイコン */
.side-effect_ch-box__icon {
	position: absolute;
	top: -14px;
	left: -15px;
	width: 58px;
	height: 58px;
	z-index: 1;
}
/* ヘッダーエリア */
.side-effect_ch-box__head {
	background-color: #f08d66;
	padding: 8px 12px 8px 48px;
	min-height: 40px;
	box-sizing: border-box;
	border-radius: 8px 8px 0 0;
	display: flex;
	align-items: center;
	border: 1px solid #ed6d46;
	border-bottom: none;
}
/* ヘッダータイトルテキスト */
.side-effect_ch-box__title {
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
}
/* 本文エリア */
.side-effect_ch-box__body {
	background-color: #fff;
	padding: 12px 14px 14px;
	box-sizing: border-box;
	border: 1px solid #ed6d46;
	border-top: none;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
/* 画像：bodyの先頭でfloat rightに配置 → リスト全体が左側に回り込む */
.side-effect_ch-box__img {
	float: right;
	width: 30%;
	min-width: 120px;
	max-width: 200px;
	margin: 0 0 8px 12px;
	display: block;
}
/* リスト */
.side-effect_ch-box__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-effect_ch-box__list li {
	position: relative;
	padding-left: 1.4em;
	line-height: 2.4rem;
	color: #444;
}
.side-effect_ch-box__list li + li {
	margin-top: 6px;
}
.side-effect_ch-box__list li::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	color: #f8bf9f;
}
/*////////////////////////////////////////////*/
/*[図：副作用]*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[QA]*/
/*[図]*/
body#p04 section.qa {
	padding-bottom: 4rem;
}
body#p04 ul.cont_list li {
	width: 100%;
}
/*[タイトルアイコンQ]*/
body#p04 section.qa .icon_01_q:before {
	background-image: url("../images/contents/qa_icon-q1.svg");
}
body#p04 section.qa .icon_02_q:before {
	background-image: url("../images/contents/qa_icon-q2.svg");
}
body#p04 section.qa .icon_03_q:before {
	background-image: url("../images/contents/qa_icon-q3.svg");
}
body#p04 section.qa .icon_04_q:before {
	background-image: url("../images/contents/qa_icon-q4.svg");
}
/*[タイトルアイコンA]*/
body#p04 section.qa .icon_01_a:before {
	background-image: url("../images/contents/qa_icon-a1.svg");
}
body#p04 section.qa .icon_02_a:before {
	background-image: url("../images/contents/qa_icon-a2.svg");
}
body#p04 section.qa .icon_03_a:before {
	background-image: url("../images/contents/qa_icon-a3.svg");
}
body#p04 section.qa .icon_04_a:before {
	background-image: url("../images/contents/qa_icon-a4.svg");
}
body#p04 section.qa .u_title_icon_q:before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: -50px;
}
body#p04 section.qa .u_title_icon_q {
	position: relative;
	margin-left: 45px;
}
body#p04 section.qa .u_title_icon_a:before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 40px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: -50px;
}
body#p04 section.qa .u_title_icon_a {
	position: relative;
	margin-left: 45px;
}
@media screen and (max-width: 480px) {
	body#p04 section.qa .u_title_icon_q:before {
		content: '';
		display: block;
		width: 40px;
		height: 40px;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: 40px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: -30px;
	}
	body#p04 section.qa .u_title_icon_q {
		position: relative;
		margin-left: 35px;
	}
	body#p04 section.qa .u_title_icon_a:before {
		content: '';
		display: block;
		width: 40px;
		height: 40px;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: 40px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: -30px;
	}
	body#p04 section.qa .u_title_icon_a {
		position: relative;
		margin-left: 35px;
	}
}
/*[Qテキスト]*/
body#p04 section.qa .u03_q_title {
	padding: 10px 10px 10px 30px;
	margin: 20px 2% 5px 20px !important;
	width: 96%;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 2.5rem;
	color: #ED6D46;
	border-left: 3px solid #ED6D46;
}
/*[Aテキスト]*/
body#p04 section.qa .u03_a {
	padding: 10px 10px 10px 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-left: 3px solid #5dc2d0;
}
/*[図：Q＆A]*/
body#p04 section.qa .u_title_img-box {
	position: relative;
	margin-left: 45px;
}
.qa1 {
	width: 86%;
	margin: 20px 7% 0px;
	padding: 10px 20px;
}
@media screen and (min-width:0px) and (max-width:767px) {
	.qa1 {
		width: 94%;
		margin: 10px 3% 0px;
		padding: 10px 0px;
	}
}
@media screen and (max-width: 580px) {
	body#p04 section.qa .u_title_img-box {
		margin-left: 0px;
	}
	.qa1 {
		width: 100%;
		margin: 10px 0 0px;
		padding: 10px 0px;
	}
}
/*////////////////////////////////////////////*/
/*[QAAイラスト]*/
img.qa_img {
	float: right;
	box-sizing: border-box;
	width: 22%;
	margin: 0 2%;
}
@media screen and (max-width: 640px) {
	img.qa_img {
		float: right;
		box-sizing: border-box;
		width: 30%;
		margin: 0 2%;
	}
}
@media screen and (max-width: 480px) {
	img.qa_img {
		float: none;
		box-sizing: border-box;
		width: 60%;
		margin: 0 20%;
	}
}
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[治療日記]*/
/*////////////////////////////////////////////*/
/*[日記イラスト]*/
figure.diary1 {
	width: 80%;
	margin: 0 10%;
}
figure.diary2 {
	width: 80%;
	margin: 0 10%;
}
body#p05 .figure-box {
	padding: 0px 5% 0;
}
@media screen and (max-width: 640px) {
	body#p05 .figure-box {
		padding: 0px 0 0;
	}
}
@media screen and (max-width:767px) {
	figure.diary1 {
		width: 80%;
		margin: 0 10%;
	}
	figure.diary2 {
		width: 80%;
		margin: 0 10%;
	}
}
@media screen and (max-width: 480px) {
	figure.diary1 {
		width: 100%;
		margin: 0 0%;
		float: none;
	}
	figure.diary2 {
		width: 100%;
		margin: 0 0%;
	}
}
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/*[患者さん向け資材]*/
.resources-container {
	display: flex;
	padding: 15px;
	width: 80%;
	margin: 0 10%;
}
.resources-item {
	width: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	/* 水平方向 */
	align-items: flex-start;
	letter-spacing: -0.05em;
}
.resources-item figure {
	width: 70%;
	margin: 10px 15%;
}
.resources-item figure img {
	border: 1px #ccc solid;
}
.resources-item figure a:hover img {
	opacity: 0.8;
}
.resources-item figcaption {
	font-size: 1.8rem;
	line-height: 2.2rem;
	padding: 0px 5px 0px;
	min-height: 50px;
	text-align: center;
	font-weight: bold;
}
.resources-item figcaption span {
	font-size: 1.4rem;
	letter-spacing: -0.04rem;
}
div.resources-bt {
	padding: 15px 10px;
	display: flex;
	justify-content: center;
	/* 水平方向 */
	align-items: center;
	/* 垂直方向 */
	letter-spacing: -0.05em;
	font-weight: bold;
	margin: 20px 0px 0px;
	border-radius: 10px;
	text-align: center;
}
a div.resources-bt {
	background-color: #5dbfcd;
	transition: 0.4s;
	color: #fff;
}
a:hover div.resources-bt {
	background-color: #50a3aa;
}
div.resources-bt.dy {
	width: 40%;
	transition: 0s;
	margin: 20px 30% 0px;
}
@media screen and (max-width: 580px) {
	div.resources-bt.dy {
		width: 80%;
		margin: 20px 10% 0px;
	}
}
@media screen and (max-width:1020px) {
	.resources-item figure {
		width: 90%;
		margin: 10px 5%;
	}
}
@media screen and (max-width:767px) {
	.resources-container {
		display: flex;
		padding: 15px;
		width: 100%;
		margin: 0 0;
	}
	.resources-item figure {
		width: 90%;
		margin: 10px 5%;
	}
}
@media screen and (max-width: 580px) {
	.resources-container {
		display: block;
		padding: 15px;
		width: 100%;
		margin: 0;
	}
	.resources-item {
		width: 100% !important;
		margin-bottom: 40px;
	}
	.resources-item figure {
		width: 90%;
		margin: 10px 5%;
	}
}