@charset "shift_jis";
/*=============================================================
 Layout
=============================================================*/
/* TTL
-------------------------------------------------------------*/
#tskDisease .boxPage h2{
	margin: 30px 0 0;
	padding: 10px 10px 10px 18px;
	border-radius: 10px;
	color: #fff;
	font-size: 22px;
	position: relative;
}
#tskDisease .boxPage h2:after{
	content: "";
	width: 6px;
	height: calc(100% - 20px);
	background: #fff;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
#tskDisease .boxPage h2 strong{
	font-size: 19px;
	font-weight: 400;
}
#tskDisease.kasai .boxPage h2{
	background-color: #eb4053; 
}
#tskDisease.yosai .boxPage h2{
	background-color: #23b574; 
}
#tskDisease.konsai .boxPage h2{
	background-color: #0071bd; 
}
#tskDisease.bugs .boxPage h2{
	background-color: #00532e; 
}
#tskDisease .boxPage h3{
	margin: 30px 0 0;
	padding: 0px 0px 5px 0px;
	font-size: 20px;
}
#tskDisease.kasai .boxPage h3{
	color: #eb4053; 
	border-bottom:5px solid #eb4053;
}
#tskDisease.yosai .boxPage h3{
	color: #23b574;
	border-bottom:5px solid #23b574;
}
#tskDisease.konsai .boxPage h3{
	color: #0071bd;
	border-bottom:5px solid #0071bd;
}
#tskDisease.bugs .boxPage h3{
	color: #00532e;
	border-bottom:5px solid #00532e;
}

/* .boxPage
-------------------------------------------------------------*/
#tskDisease .boxPage p{
	max-width: 970px;
	margin: 1em auto 0;
}
#tskDisease .boxPage ul{
	max-width: 970px;
	margin: 1em auto 0;
}
#tskDisease .boxPage ul li{
	padding: 0 0 0 1em;
	text-indent: -1em;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px){
#tskDisease .boxPage h2{
	font-size: 17px;
}
#tskDisease .boxPage h2:after{
	width: 4px;
}
#tskDisease .boxPage h2 strong{
	font-size: 15px;
	font-weight: 400;
}
#tskDisease .boxPage h3{
	font-size: 16px;
}
}