@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	HIV感染症について

//////////////////////////////////////////////////////////////////////////////*/

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

	共通

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

@media screen and (max-width: 767px) {

body.contents main thead th,
body.contents main tbody th {
	width: 30%;
	white-space: normal;
}

body.contents main th,
body.contents main td	{
	font-size: 3vw;
}	
	
}
	

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

	HIVに関する基礎知識

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

#knowledge .note {
  counter-reset: number 0;
}

#knowledge .note li {
	padding-left: 2.5em;
}

#knowledge .note li:before {
  counter-increment: number;
  content: "※" counter(number) "）" ;
}


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

	治療について

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

#treatment section > .group {
	display: flex;
	flex-direction: row-reverse;
}

#treatment section > .group table {
	margin-top: 0;
	width: 84%;
}

#treatment section > .group figure {
	width: 15%;
	margin: 0;
}


@media screen and (max-width: 767px) {
	
#treatment section > .group table tbody th {
	width: 35%;
    white-space: normal;
}

#treatment section > .group {
	flex-direction: column-reverse;
}	

#treatment section > .group table {
	width: 100%;
}	
	
#treatment section > .group figure {
	width: 40%;
	margin: 0 auto 3vw;
}	
	
}


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

	歯科治療ネットワーク

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

#network #map figure {
	width: 70%;
	margin: 0 auto;
}	

#network .base > section ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}	

#network .base > section li {
	position: relative;
	width: 48%;
	margin-right: 4%;
	padding-left: 1em;
}	
 
#network .base > section li:nth-child(2n) {
	margin-right: 0;
}

#network .base > section li:before {
	position: absolute;
	left: 0;
	top: .3em;
	display: inline-block;
	content: '';
	width: .8em;
	height: .8em;
	margin-right: .3em;
	background-color: #F44336;
	border-radius: 50%;
}
 
#network .base > .niigata li:before {
	background-color: rgba(230,0,18,1);
}

#network .base > .others li:before {
	background-color: rgba(0,159,168,1);
}

@media screen and (max-width: 1400px) {
	
#network .group > section li span {
	display: block;
}

#network .group > section li span:first-child {
	margin-right: 0;
}	
	
}

@media screen and (max-width: 767px) {

#network .base > section li {
	width: 100%;
	margin-right: 0;
}	
	
	
}