@charset "utf-8";
.index1{margin-bottom:4rem;}
.cont p{word-break: break-all;}
a.link{
	color:#6699ff;
	text-decoration:underline;
}
a.link:hover{text-decoration:none;}

.c1 .cont ol{
	/*list-style-type: decimal;*/
	/*list-style-position: inside;*/
	font-size: 1.8rem;
}
.c1 .cont ol li{
	position: relative;
	padding: 0.35em 0 0.35em 1.8em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.7em;
}
.c1 .cont ol li:nth-of-type(2):before{
	content: "❷";
}
.c1 .cont ol li:nth-of-type(3):before{
	content: "❸";
}
.c1 .cont ol li:before{
	content: "❶";
	display: table-cell;
	border-radius: 0.6em;
	color: #ee869a;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 5px;
	bottom: 0;
	margin: auto;
}


/*--------------------------------------*/


.c1 .area .bd{
	border: 1px solid #E6E6E6;
	background: #F9F9F9;
	padding: 1em;
	font-size: 90%;
	margin:0 auto 2rem;
}
.c1 .area h4.title{
	margin-bottom: 1em;
}
.c1 .area li.title{
	position: relative;	
}
.c1 .area li.title h5{
	padding-left: 1rem;
}
.c1 .area li.title h5:before{
	position: absolute;
	content: "";
	width: 8px;
	height: 2px;
	background-color: #ee869a;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto; 
}
.c1 .area li.title + li{
	margin-bottom: 1em;
}

body .pdf_mg {
	margin-top: 25px;
}

body .pdf_mg a {
	font-size: 1.5rem;
	line-height: 1.3 !important;
	border: 1px solid #eee;
	display: block;
	width: 280px;
	padding: 10px;
	transition: .3s;
}

body .pdf_mg a:hover {
	opacity: .7;
}

body .pdf_mg a span {
	display: block;
	margin-bottom: 15px;
	padding-left: 28px;
	color: #c00;
	position: relative;
}

body .pdf_mg a span:before {
  position: absolute;
  top: 8px;
  left: 0px;
  display: block;
  margin-top: -10px;
  content:'\f0f6';
  font-family: FontAwesome;
	font-size: 20px;
}

body .pdf_mg img {
	max-width:100%;
	display: block;
}

@media screen and (min-width: 1080px){

}
@media screen and (max-width: 1079px){
.c1 .area .bd{
	padding: 1em;
}
body .pdf_mg a {
	margin: 0 auto;
}

body .pdf_mg a {
	max-width: 350px;
	width: 100%;
	box-sizing: border-box;
}
}

/*--------------------------------------*/

.immunity.c2{
	margin-top: 2em;
}

/*--------------------------------------*/


.c2 .area{
	display: table;
}
.c2 .area > div{
	display: table-cell;
	vertical-align: top;
}
.c2 .area .img{
	
}
.c2 .area .img img{
	width: 300px;
}
@media screen and (min-width: 1080px){

}
@media screen and (max-width: 1079px){
.c2 .area p{
	margin-bottom: 0;
}
}
@media screen and (max-width: 767px){
.c2 .area > div{
	display: block;
}
.c2 .area .img{
	text-align: center;
}
}
/*--------------------------------------*/

.immunity.c3{
	margin-top: 3em;
}

/*--------------------------------------*/

.c3 .side_effect{
	display: flex;
	justify-content: space-around;
}
.c3 .side_effect .se_box{
	background: #f9f9f9;
	box-sizing: border-box;
	flex: 1;
	margin:0 auto;
}
.c3 .side_effect .se_box:first-child{margin-right:2%;}

.c3 .side_effect .se_box .head h4{
	padding: 1em;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}
.c3 .side_effect .se_box.box_red .head h4{
	background-color: #DF7D76;
}
.c3 .side_effect .se_box.box_purple .head h4{
	background-color: #BBB3D7;
}
.c3 .side_effect .se_box .body{
	padding: 1em;
}
.c3 .side_effect .se_box .body .title{
	color: #DF7D76;
    line-height: 1.5;
    text-align: left;
	border-bottom: 1px dotted #DF7D76;
	margin-bottom: 10px;
}
.c3 .side_effect .se_box .body .item ul{
	margin-bottom: 1em;
}
.c3 .side_effect .se_box .body .item li{
	display: inline-block;
	vertical-align: middle;
	padding: 10px 20px;
	border: 1px solid #DFDFDF;
	border-radius: 4px;
	background: #EAEAEA;
	margin: 5px;
	font-size: 1.5rem;
}
.c3 .side_effect .se_box .body .item li.etc{
	border: 0;
	background: transparent;
}
.c3 .note p{
	padding-left: 1em;
	text-indent: -1em;
}
.c3 .side_effect .se_box dt{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.c3 .side_effect .se_box .annot{
	margin-bottom: 0;
}
@media screen and (min-width: 1080px){

}
@media screen and (max-width: 1079px){
.c3 .side_effect{
	display: block;
}
.c3 .side_effect .se_box:first-child{margin-right:0;}
.c3 .side_effect .se_box{margin-bottom:20px;}	
.c3 .side_effect .se_box .head h4{
	padding: 10px;
}
.c3 .side_effect .se_box .body .item li{
	padding: 5px 10px;
}
}
@media screen and (max-width: 767px){

}

/*--------------------------------------*/