@charset "UTF-8";


/* 
---------------------------------------------------------*/
body {
	background: #f7f6f0;
	padding: 5% 0;
	position: relative;
}
#pagebody {
	width: 94%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#pagebody .lead {
	font-size: 145%;
	font-weight: bold;
	letter-spacing: .08em;
	line-height: 1.5em;
}
#pagebody .item_list {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 40px 0
}
#pagebody .item_list > li {
	width: 49%;
	max-width: 636px;
	box-sizing: border-box;
	background: #fff;
	padding: 3% 3%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
#pagebody .item_list dt {
	width: 100%;
	max-width: 502px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	background: #1c6231;
	text-align: center;
	color: #fff;
	font-size: min(145%,2.2vw);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	padding: .3em 0;
	border-radius: 3.0em;
}
#pagebody .item_list dd p {
	font-size: min(190%,3.2vw);
	font-weight: bold;
	letter-spacing: .08em;
	line-height: 1.4em;
	margin: 1.0em 0;
}
#pagebody .item_list dd .btn {
	width: 90%;
	max-width: 347px;
	margin-left: auto;
	margin-right: auto;
	font-size: min(100%,1.7vw);
}
#pagebody .item_list dd .btn a {
	display: block;
	position: relative;
}
#pagebody .item_list dd .btn a .com_arrow {
	position: absolute;
	right: 7%;
	top: 50%;
	transform: translateY(-50%);
}
#pagebody .item_list dd .btn .com_arrow i {
	color: #42220c;
	background: #fff;
}
#pagebody .item_list dd .btn a:hover .com_arrow i {
	background: #ffe652;
}
#pagebody .item_list .clin_ikeda dt {
	background: #22778f;
}

#pagebody .closebtn {
	position: absolute;
	right: 2%;
	top: 2%;
	display: block;
	width: 8vw;
	height: 8vw;
	max-width: 50px;
	max-height: 50px;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
	background: url("../images/close@2x.png") no-repeat center center;
	background-size: contain;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
body {
	padding: 15% 0;
}
#pagebody {
	width: 90%;
}
#pagebody .lead {
	font-size: 110%;
	letter-spacing: normal;
	line-height: 1.8em;
}
#pagebody .item_list {
	display: block;
	margin: 6% 0
}
#pagebody .item_list > li {
	width: 100%;
	max-width: 100%;
	padding: 5% 5%;
	margin-bottom: 3%;
}
#pagebody .item_list > li:last-child {
	margin-bottom: 0;
}
#pagebody .item_list dt {
	font-size: 110%;
	letter-spacing: .04em;
}
#pagebody .item_list dd p {
	font-size: 160%;
	margin: .6em 0;
}
#pagebody .item_list dd .btn {
	font-size: 90%;
}
}