/*ボタン
---------------------------------------------------------------------------*/
.btn55 a,
.btn55 button {
	display: inline-block;
	text-decoration: none;
	font-family: inherit;	/*buttonの既定フォントを打ち消す*/
	font-size: inherit;		/*buttonの既定の文字サイズを打ち消す*/
	line-height: inherit;	/*buttonの既定の行間を打ち消す*/
	cursor: pointer;		/*buttonでも指のカーソルにする*/
	font-weight: bold;
	background: #5d9d1e;		/*背景色。theme.csのprimary-colorを読み込みます。*/
	color: #fff;	/*文字色。theme.csのprimary-inverse-colorを読み込みます。*/
	border: 1px solid #ccc;	/*枠線の幅、線種、var以降は色の指定で、theme.cssのprimary-colorを読み込みます。*/
	padding: 0.4rem 2rem;	/*上下に0.4文字分、左右に2文字分の余白*/
	border-radius: 5px;	/*角を少しだけ丸く*/
}

/*マウスオン時*/
.btn55 button:hover {
	filter: brightness(1.1);	/*少しだけ明るくする*/
}



/*アイコンサイズを1.2倍に*/
.btn55 i {
	transform: scale(1.2);
}


/*プレスリリース
---------------------------------------------------------------------------*/
.cta * {margin: 0;padding: 0;}

/*ブロック全体*/
.cta {
	background: #f4f7f1;
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: 1rem;
	border: 1px solid #5d9d1e;
	margin-bottom: 30px;
	margin-top: 30px;	
}


/*h2見出し*/
.cta .title {
	font-size: 25px;
	color: #5d9d1e;	
	font-weight: bold;
}

/*イラストブロック*/
.cta .image {
	width: max(80px, 15%);	/*幅を10%。ただし、80pxより小さくならない。*/
	border: 1px solid #d6f1ba;
}

/*テキストブロック*/
.cta .text {
	flex: 1;
}

	/*画面幅700px以下の追加指定*/
	@media (max-width:700px) {

	/*ブロック全体*/
	.cta {
		flex-direction: column;	/*縦積みに*/
		text-align: center;		/*テキストをセンタリング*/
	}
	.cta .image {
	width: max(180px, 80%);	
	}

	}/*追加指定ここまで*/

/*===========新着部分=====================================*/

.readon a{
float:right;
display:block;
padding-left:22px;
padding-right:5px;
background:url(../images/bullet.png) no-repeat 0 50%;
text-decoration:none;
}

.readon a:hover{
background-position:5px 50%;
color:#ff8000;
}


/*===========２カラム=====================================*/
.col_2 {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 0px;

}

.col_2 ul {
  overflow: hidden;
  margin: 0;
}
.col_2 li {
  list-style: none;
  float: left;
  width: 49%;
  margin: 0 13px 0 0;

}
.col_2 li:nth-child(2n+1) {
	clear:both;
}

/*画面幅1080px以下の設定
------------------------------------------------------------*/
@media screen and (max-width:1510px){

/*================================================*/

.col_2 li{
    list-style: none;
    width: 48%;
    margin: 0 5px 0 0;

}
}

/*画面幅870px以下の設定
------------------------------------------------------------*/
@media screen and (max-width:870px){

/*================================================*/

.col_2 li{
    list-style: none;
    width: 100%;
    margin: 0px;

}
}







/*===========下記リンク=====================================*/

.col_4{
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 25px;
}

.col_4 ul{
  overflow: hidden;
  margin: 0;
}

.col_4 li{
  list-style: none;
  float: left;
  width: 24%;
  margin: 0 5px 0 0;
}

.col_4 li:nth-child(4n+1){
  clear: both;
}



/*画面幅1080px以下の設定
------------------------------------------------------------*/
@media screen and (max-width:1510px){

/*================================================*/

.col_4 li{
    list-style: none;
    width: 48%;
    margin: 0 5px 0 0;

}
}

/*画面幅480px以下の設定
------------------------------------------------------------*/
@media screen and (max-width:560px){

/*================================================*/

.col_4 li{
    list-style: none;
    width: 100%;
    margin-left:-10px;

}
}



/*===========医学生・研修生3カラム場所=====================================*/

/*ボックス１個あたり*/
.list-grid {
	margin-bottom: 2rem;


}


/*ボックス１個あたり*/
.list-grid .list-top {
	margin-bottom: 2rem;
	padding: 5%;		
	background: #fff;	
        border: 1px solid #ddd;
        display: grid;	
        grid-template-rows: auto 1fr auto;

}


/*ボックス内のh4タグ*/
.list-grid .title {
	margin-bottom: 10px;
	font-size: 25px;
	color: #50318f;	
	text-align: center;
	font-weight: nomal;
	background: #f5f5f5; 

}



/*ボックス内のpタグ*/
.list-grid .list .text p {
	margin: 0;  
	font-size: 0.8em;
	line-height: 1.5;
}

/*ボックス内のfigure画像*/
.list-grid .list figure {
	margin-bottom: 0.5rem;	
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {

	/*listブロック全体を囲むブロック*/
	.list-grid {
		display: grid;	/*gridを使う指定*/
		grid-template-columns: repeat(3, 1fr);	/*３列にする指定。４列にしたければrepeat(4, 1fr)とする。*/
		gap: 2rem;	/*マージン的な指定*/
	}
	
	/*ボックス１個あたり*/
	.list-grid .list {
		margin-bottom: 0;	
	}

	}/*追加指定ここまで*/



/* ボタン */
.btn5 a {
	position: relative;
	display: inline-block;
	padding: 3px 30px 3px 30px;
	margin-top: 0.5rem;
	color: #fff !important;
	text-align: center;
	border-radius: 2px;
	text-decoration: none;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	z-index: 1;
	background: #50318f;
}
.btn5 a:hover {
	color: #fff;
	background: #333;
}


 /* 中央寄せ */
.center {
	text-align: center;
}

#contents-top {
	clear:both;
	width: 100%;
	margin: 40px auto;
	padding-top: 40px;
	padding-bottom: 10px;

	background-size: cover;
	-webkit-background-size: cover;   
}