@charset "UTF-8";


/* 共通 */


#title h1 { padding: 20px 10px 15px; }

#title .ttlImg {
	display: block;
	width: 50%;
	max-width: 532px;
	margin: 0 10px 0 auto;
}



/* TOP ---------------------------------- */

#idx #content .inner { padding: 0 20px; }

#idx .cont { margin: 0 0 40px; }

#idx h2 {
	color: #3789CB;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.6;
	margin: 0 0 20px;
}

#idx p { line-height: 1.8; }

#idx .info { margin: 0 0 40px; }

#idx .info ul {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #707070;
}
#idx .info ul li { line-height: 1.8; }

#idx .cont ul {
	margin: 0 0 40px;
}

#idx .cont ul li {
	line-height: 1.6;
	text-indent: -1.2em;
	margin: 0 0 15px 1.2em;
}
#idx .cont ul li::before { content: '・'; }


/* 活動目的 */

#idx .cont ul.objective li {
	text-indent: -2.2em;
	margin: 0 0 15px 2.2em;
}


/* 活動内容 */

#idx .cont ul.actvtyList li {
	margin: 0 0 5px 1.2em;
}

#idx .cont h3 {
	color: #666;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.6;
	margin: 0 0 10px;
}

#idx .cont a {
	background-image: linear-gradient( #b04040, #b04040 );
	background-size: 0 1px;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
}
#idx .cont a:hover {
	color: #b04040;
	background-size: 100% 1px;
	transition: .5s;
}


/* 肝炎お役立ち情報 */

#idx .cont ul.yakudachi {
*	margin: 0 auto 40px;
}

#idx .cont ul.yakudachi li {
	text-indent: unset;
	margin: 0 0 20px;
	padding: 0;
}
#idx .cont ul.yakudachi li::before {
	content: unset;
}
#idx .cont ul.yakudachi li a {
	display: flex;
	align-items: center;
	background-image: unset;
}
#idx .cont ul.yakudachi li a img {
	display: inline-block;
	width: 60px;
	margin: 0 20px 0 0;
	transition: 0.5s;
}
#idx .cont ul.yakudachi li a:hover img {
	opacity: 0.7;
	transition: 0.5s;
}
#idx .cont ul.yakudachi li a span {
	line-height: 1.6;
	background-image: linear-gradient( #b04040, #b04040 );
	background-size: 0 1px;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
}
#idx .cont ul.yakudachi li a:hover span {
	color: #b04040;
	background-size: 100% 1px;
	transition: .5s;
}



/* 肝炎総合対策とは */

#idx .cont .sCont {
	font-size: 14px;
	line-height: 1.6;
	margin: 30px 20px;
}









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











/*media Queries Tblet
----------------------------------------------------*/
@media only screen and (min-width:769px) {


#title h1 p { top: 24px; }

#title .ttlImg {
	position: absolute;
	top: -40px;
	left: 47%;
	width: 380px;
}



/* TOP ---------------------------------- */

#idx #content {
	max-width: 1000px;
	margin: 0 auto;
}

#idx .cont { margin: 0 0 60px; }

#idx h2 {
	font-size: 2.6rem;
	margin: 0 0 20px;
}

#idx .info { margin: 0 0 60px; }

#idx .info ul { display: flex; }
#idx .info ul li:nth-child(1) { width: 8em; }


/* 肝炎お役立ち情報 */

#idx .cont ul.yakudachi {
*	max-width: unset;
	margin: 0 0 0 1em;
}

#idx .cont ul.yakudachi li {
*	width: 33.3333%;
*	margin: 0 0 30px;
*	padding: 0 10px;
}



}/* media Queries 769 */





/*media Queries PC
----------------------------------------------------*/
@media only screen and (min-width:1025px) {

#title .ttlImg { width: 50%; }





}/* media Queries 1025 */