@charset "UTF-8";

/* ***********************************************************
* Stylesheet : Common（Responsive Web Design）
* Since:          2018-06-11 MedicalTribune（Chikara Ota）
* Last Modified:  2010-03-19 MedicalTribune（Chikara Ota）
* ********************************************************* */

* {	font-size: 100%;margin: 0;padding: 0;}
/***
 *,:after, :before {	box-sizing: border-box;	}
***/

.clearfix:after {	content:" ";	display:block;	clear:both;	}
.transition{transition:all 0.3s ease;}

/* 全体共通（モバイルファースト／画面サイズが480pxまで）  */

#sr_menu{max-width:850px; margin:0 auto; padding:0 0 10px; border-radius:4px;background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
	#sr_menu ul.sr_pickup{margin:0; padding:15px;font-size:0;}
	#sr_menu ul.sr_pickup li{display:inline-block; width:49%; height:100px; margin:5px 0; 	}
	#sr_menu ul.sr_pickup li:nth-child(2n+1){margin-right:2%;}
	#sr_menu ul.sr_pickup li a{display: block;width: 100%;height: 100%;border-radius:4px;transition:all .3s ease; ;margin:0; padding:0; text-decoration: none; color:#fff; font-size:15px;
    text-align: center;
    vertical-align: middle;
    background-size:cover;background-repeat:no-repeat;position:relative;}

	#sr_menu ul.sr_pickup .bg-mask{background: rgba(0,0,0,0.6);position:absolute;left:0;right:0;bottom:0;}
	#sr_menu .posimage{background-position-x: center;background-size: cover;}
	#sr_menu ul.sr_pickup li a:hover{background:#5eaed9; font-size:16px; line-height: 100px; background-size: 120%;}

.sr_wrapper			{width:100%;  max-width:850px; margin:0 auto;  }
.sr_header h1{  width:96%; margin:0 auto; padding:20px 0 0; font-size:150%; font-weight:normal; color:#FFF; line-height:1.35; text-shadow:1px 1px 1px #333; flex-grow:1;}
.sr_header p{  width:96%; margin:0 auto; padding:0; font-size:87.5%; font-weight:normal; color:#FFF; line-height:1.35; text-shadow:1px 1px 1px #333;}

#sr_menu h1.sr_h1 img{ margin:0; padding:0; width:100%; height:auto; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
#sr_menu h2.sr_h2{ margin:1em 10px 0.5em; padding:0; font-size:112.5%; font-weight:bold; border-bottom:1px solid #CCC;}
	#sr_menu ul.sr_list		{margin:15px; padding:0;}
	#sr_menu ul.sr_list li	{margin:0 0 0 2em; padding:0; list-style:square ; }
	#sr_menu ul.sr_list li a	{margin:0; padding:0; }


@media screen and (min-width : 768px) {
/*　画面サイズが768pxからはここを読み込む（主にデスクトップ）　*/

	#sr_menu ul.sr_pickup li a{line-height: 100px;}
	#sr_menu .bg-mask{position:static;}

	.sr_container .item	{
		margin:0 auto;
		padding:10px 0;
	  	display: flex;
		flex-direction: column;
		align-items: center;
	}

	.sr_container .item_inner{
		width:100%;
		max-width:850px;
		margin:0 auto;
		padding:10px 0;
	  	display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}

	.sr_container .item_inner p{width:100; margin:0 auto;}
	.sr_container .item_inner img{width:100%; max-width:200px; height:auto; margin:0 auto; padding:10px; overflow:hidden;}

}