@charset "utf-8";
/* CSS Document */

div#title-box{
	margin: 0 auto 2% auto;
}

h3.headline-text{
	width: 95%;
	margin: 3% auto 3% auto;
	padding: 0;
	font-size: 1.6rem;
  font-weight: bold;
	line-height: 1.4em;
  text-align: center;
}

p.not-date{
	width: 95%;
	margin: 0 auto 3% auto;
	padding: 0;
	font-size: 1.6rem;
  font-weight: bold;
	line-height: 1.5em;
  text-align: center;
}

ul.flex-box{
  width: 90%;
  margin: 0 auto 5% auto;
  padding: 0;
}
ul.flex-box li{
  display: flex;
  align-items: flex-start;
	margin: 0 auto 2% auto;
	padding: 0;
  font-size: 1.2rem;
  font-weight: bold;
	line-height: 1.5em;
  color: #F00;
}
ul.flex-box li img{
  width: 3.46%;
  min-width: 16px;
  max-width: 27px;
  margin: 0 1% 0 0;
  padding: 0;
}
ul.flex-box li p{
  width: 96%;
  margin: 0;
  padding: 0;
}

ul.labo-data{
  display: flex;
  flex-wrap: wrap;
	width: 80%;
	margin: 0 auto 3% auto;
	padding: 0;
	line-height: 0;
}
ul.labo-data li{
  width: 49%;
	margin: 0 0 1% 1%;
	padding: 0;
}


p#okuracapa{
  width: 59.4%;
  margin: 0 auto 2% auto;
  padding: 0;
}

ul#specialty-kaitori{
  width: 94%;
  margin: 0 auto 5% auto;
	padding: 0;
}
ul#specialty-kaitori li{
  background: #F7F7F7;
  margin: 0 0 2% 0;
	padding: 0;
}
ul#specialty-kaitori li p{
  width: 92%;
  margin: 0 auto 0 auto;
	padding: 0 0 2% 0;
  font-size: 1.2rem;
}


ul.personal{
	width: 95%;
	margin: 0 auto 3% auto;
	padding: 0;
}
ul.personal li{
	margin: 0 0 3% 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.5em;
}
ul.personal li p{
	margin: 0 2.5% 0 2.5%;
	padding: 0;
}
ul.personal li span.hosoku{
	display: block;
	margin: 1% 0 0 0;
	padding: 0;
	padding-left:1em;
	text-indent:-1em;
	font-size: 1.0rem;
	line-height: 1.5em;
	color: #888;
}


ul.afterdia{
	width: 90%;
	margin: 0 auto 3% auto;
	padding: 0;
}
ul.afterdia li{
	margin: 0 0 4% 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.5em;
}
ul.afterdia li img{
	margin: 0 0 0.5% 0;
	padding: 0;
}
ul.afterdia li p{
	margin: 0 2% 0 2%;
	padding: 0;
}


p.explanation{
	width: 85%;
	margin: 0 auto 5% auto;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.8em;
}
p.explanation2{
	width: 90%;
	margin: 0 auto 5% auto;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.8em;
  text-align: center
}





/* 
---------------------------------------------------
---------------------------------------------------
---------------------------------------------------
▼768px以上用（タブレット／PC用）の記述▼
---------------------------------------------------
---------------------------------------------------
---------------------------------------------------
*/
 @media screen and (min-width : 768px ){

h3.headline-text{
	width: 85%;
	margin: 3% auto 3% auto;
	padding: 0;
	font-size: 2.8rem;
  font-weight: bold;
	line-height: 1.5em;
  text-align: center;
}

p.not-date{
	width: 74%;
	margin: 0 auto 3% auto;
	padding: 0;
	font-size: 2.8rem;
  font-weight: bold;
	line-height: 1.5em;
  text-align: center;
}

ul.flex-box{
  width: 80%;
}
ul.flex-box li{
  font-size: 1.8rem;
}


ul#specialty-kaitori li p{
  font-size: 1.8rem;
}


ul.personal li{
	margin: 0 0 3% 0;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.5em;
}
ul.personal li span.hosoku{
	display: block;
	margin: 1% 5% 0 1%;
	padding: 0;
	padding-left:1em;
	text-indent:-1em;
	font-size: 1.3rem;
	line-height: 1.5em;
	color: #888;
}

p#source{
	width: 50%;
	margin: 0 auto 1% auto;
	padding: 0; 
}


ul.afterdia{
	width: 85%;
	margin: 0 auto 3% auto;
	padding: 0;
}
ul.afterdia li img{
  width: 95%;
	margin: 0 0 0.5% 0;
	padding: 0;
}
ul.afterdia li{
	margin: 0 0 3% 0;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.5em;
}


p.explanation{
	width: 85%;
	margin: 0 auto 5% auto;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.8em;
}
p.explanation2{
	width: 90%;
	margin: 0 auto 5% auto;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.8em;
  text-align: center
}


}
/* 
---------------------------------------------------
---------------------------------------------------
---------------------------------------------------
▲768px以上用（タブレット／PC用）の記述▲
---------------------------------------------------
---------------------------------------------------
---------------------------------------------------
*/