/* CSS Document */


/*=========================*/
/*facility
/*=========================*/
#facility{
	position:relative;
}

#facility::before,
#facility::after{
	position:absolute;
	content:"";
	z-index:-1;
}

#facility::before{
	top:6.15%;
	right:0;
	background: url("../images/bg_facility-top.png") center center /cover;
	width:248px;
	height:685px;
}

#facility::after{
	bottom:6.15%;
	left:0;
	background: url("../images/bg_facility-bottom.png") center center /cover;
	width:418px;
	height:837px;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -3.07%;
  box-sizing:border-box;
}


.grid::before,
.grid::after {
  content: "";
  display: block;
  width: calc((100% - 5%) / 3);
  box-sizing:border-box;
}

.grid::before {
  order: 1;
}

.grid_li {
	box-sizing:border-box;
  width: calc((100% - 5%) / 3);
  margin-top: 3.07%;
	background: #fff;
	box-shadow: 0px 0px 8px rgb(35 28 117 / 20%);
	padding:2.3%;	
}

.card_img img{
	width:100%;
}

.card_title{
	font-size: 18px;
	color:var(--main-color);
	margin-top: 5.38%;
	padding-bottom:5.38%;
	position:relative;
	font-family: var(--text-serif);
	font-weight: bold;
}

.card_title::after{
	position:absolute;
	content:"";
	background: url("../images/deco_about.svg") center center /cover;
	left:0;
	bottom:0;
	width:32px;
	height:6px;
}

.card_text{
	margin-top: 4.61%;
}


@media screen and (max-width:700px) {
	.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -6.15%;
  box-sizing:border-box;
}


.grid::before,
.grid::after {
  content: "";
  display: block;
  width: 100%;
  box-sizing:border-box;
}

.grid::before {
  order: 1;
}

.grid_li {
	box-sizing:border-box;
  width: 100%;
  margin-top: 6.15%;
	background: #fff;
	box-shadow: 0px 0px 8px rgb(35 28 117 / 20%);
	padding:5.38%;	
}
	
.card_title{
	font-size: 16px;
	color:var(--main-color);
	margin-top: 5.38%;
	padding-bottom:5.38%;
	position:relative;
	font-family: var(--text-serif);
	font-weight: bold;
}

.card_title::after{
	position:absolute;
	content:"";
	background: url("../images/deco_about.svg") center center /cover;
	left:0;
	bottom:0;
	width:32px;
	height:6px;
}

.card_text{
	margin-top: 4.61%;
	font-size: 14px;
}
	
}