/*--------------------------------------- 
  令和2年4月診療報酬ポータルサイト用
  CSS
---------------------------------------*/

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body,
div,
p{
	margin: 0;
	padding: 0;
}

html,
body,
#main{
	height:100%;
}



body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	color: #3c3c3c;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	height:100%;
	min-height:100%;
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: top;
}




.wrapper {
	margin: 0 auto;
	max-width: 100%;
	height:100%;
	min-height:100%;
	width: 978px;
	background-color: #fff;
	text-align: center;
}

#header {
  background: -webkit-linear-gradient(#FFF, #FFF);
  background: -o-linear-gradient(#FFF8, #FFF);
  background: linear-gradient(#e6e6fa, #FFF);
}
.header-title{
	font-size:28px;
	line-height:115px;
	text-align: left;
	text-indent:40px;
	margin:0;
}

#header .inner::after {
	clear: both;
	content: "";
	display: block;
}

#main{
	margin:0 auto;
	width:900px;
	
	text-align: left;
	min-height:100%;
}

#main h5.attention{
        font-size: 130%;
	border-bottom:none;
	text-align: left;
	margin-bottom:40px;
	margin-left:40px;
	margin-top:40px;
	

.items::after {
	clear: both;
	content: "";
	display: block;
}

.items{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	/*-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	
	background:#fff;
}

a.item {
	border-radius: 8px;
	box-shadow: 0 0 5px rgba(17, 51, 72, 0.2);
	color: #3c3c3c;
	float: left;
	margin: 0 20px 20px 0;
	padding: 20px 20px 22px 20px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	/*width: calc(33.333333% - 40px/3);*/
	width:270px;
	height:auto;
}

a.item:nth-child(3n){
	margin-right:0;
}



.item:hover {
	opacity: 0.6;
}

.item-img {
	margin-bottom: 22px;
	text-align: center;
}

.item-body p {
	line-height: 1.5;
	margin: 0;
}