/** メニュー 選択状態　**/
.mn-gaiyo div{
	border-bottom:2px solid orange;
}

/** 臨床試験を通じて・・・・・貢献する　**/
.subtitle {
	position:relative;
	margin:0 0 70px 0;
	padding:30px 0 0 0;
}
p.p01 {
	text-align:center;
	font-size:1.5rem;		/* 24px */
}
.subtitle img {
	position:absolute;
	top:64px;
	max-width:100%;
	height:auto;
	z-index:-10;
}


/* お知らせ */
.info {
	padding:0;
	width:90%;
	margin: 0 auto;
	height:200px;
}
.infodata{
	border: 1px solid #555;
    height: 160px;
    overflow: auto;
}
.infoline{
	display:block;
	margin:10px;
}
.infodate, .infotitle{
	display:inline-block;
}
.infodate{
	width: 150px;
}
.infotitle{
	border-bottom:1px #ff8cce solid;
}
@media screen and (max-width: 380px) {
	.infodate, .infotitle{
		display:block;
		width:100%;
	}
	.infotitle{
		padding: 0 0 0 20px;
		width:95%;

	}
}



/* オーバーレイ */
.overlay {
  /* 位置を固定 */
  position: fixed;
  top: 0;
  left: 0;
  /* 画面いっぱいに広がるようにする */
  width: 100%;
  height: 100vh;
  /* rgbaを使って60%の黒いオーバーレイにする */
  background: rgba(0, 0, 0, 0.6);  
  /* デフォルトでは見えないようにする */
  opacity: 0;
  visibility: hidden;
  /* 表示する際の変化の所要時間 */
  transition: .3s;
}

/* activeクラスのついたオーバーレイ */
.overlay.active {
  /* activeクラスがついたときにオーバーレイを表示する */
  opacity: 1;
  visibility: visible;
}

/* モーダルウィンドウ */
.modal {
  max-width: 800px;
  width: 85%;
  padding: 15px 20px;
  background: #fff;
  border-radius: 20px;
  /* 位置の調整(真ん中に表示) */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* デフォルトでは非表示にしておく */
  opacity: 0;
  visibility: hidden;
  /* 表示の変化にかかる時間 */
  transition: .3s;
}

/* activeクラスのついたモーダルウィンドウ */
.modal.active {
  opacity: 1;
  visibility: visible;
}

/* モーダルウィンドウ内の閉じるボタン */
.modal .close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  font-size: 20px;
}

.modal h2 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
   border-bottom: 1px solid #ff8cce;
}

.modal p {
  font-size: 1.2em;
}

/* スクロールできる高さを出すための設定 */
section {
  height: 200vh;
}



/* 住所欄 */
.top-foto {
	position:relative;
}
img.top_bg {
	width:100%;
   height: 551px;
}
img.foto01 {
	position:absolute;
	top:45px;
	left:7%;
}
img.foto02 {
	position:absolute;
	top:152px;
	right:10%;
}
.top-foto p {
	position:absolute;
	bottom:40px;
	right:50px;
	text-align:right;
	font-size:1.3rem;		/* 1.3rem=23.4px */
	color:#fff;
}
.SP-name,
.SP-name div{
	display:none;
}

.text-r01 {
	padding:0 1rem 0 0;
}
.text-r02 {
	padding:0 4rem 0 0;
}

@media screen and (max-width: 768px) {
	.subtitle{
		margin:0 0 20px 0;
	}
	.subtitle img {
		position:relative;
		width:100%;
		top:0;
	}
	.info{
		padding:0;
	}
	table{
		width:100%;
	}
	p.p01{
		margin: 4% 0 0 0 ;
	}
}

@media screen and (max-width: 600px) {
	/** メニュー 選択状態　**/
	.mn-gaiyo div{
		border-bottom:none;
	}
	
	.info {
		padding:0;
		width:100%;
	}

	img.top_bg{display:none;}
	img.foto01{position:relative; width:100%; top:0;left:0}
	img.foto02{position:relative; width:100%; top:0;left:0}

}
@media screen and (max-width: 380px) {
	p.p01{
		font-size:7vw;
	}

}