@charset "utf-8";
/* CSS Document */

/* ci dental town css
-----------------------------------------------------*/

/* ==============================================
    contents_menu_area
============================================== */
#contents_menu_area {
	background: #daf3de;
	padding: 60px 0;
}

/* ==============================================
    dentalshow_area
============================================== */

.dentalshow_area{
  text-align:center;
  background: #fff;
  margin: 50px auto;
}
.dentalshow_area img{
  max-width:1000px;
  width:90%;
  height:auto;
  margin-top: 15px;
}



/* ↓↓ここから使用していないCSS↓↓ */

/* ==============================================
    banner_area
============================================== */
#banner_area{
	background: #daf3de;
	padding: 60px 0;
}

#banner_area ul {
	width: 90%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 60px auto;
}
#banner_area li {
	width: 30%;
	margin: 10px 1%;
}

#banner_area ul.text-link li {
	width: 47%;
}

.text-link li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #41b053;
	font-size: 2rem;
	font-weight: 700;
	border: 2px solid #41b053;
	border-radius: 100px;
	background: #fff;
	padding: 0.2em 1.5em;
}

.text-link li a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #41b053;
	border-right: 3px solid #41b053;
	transform: rotate(45deg);
  }

.text-link li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #41b053;
	border: solid 2px #41b053;

  }
.text-link li a:hover:after {
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
  }

@media screen and (max-width: 700px) {
	/*#banner_area ul {
		display: block;
	}*/
	#banner_area li {
		width: 48%;
		margin: 5px auto;
	}
	#banner_area li a {
		min-height: 40px;
	}
	.section{
		margin-top: 40px;
	}
	#banner_area ul.text-link li {
		width: 100%;
	}
	.text-link li a {
		font-size: 1.5rem;
	}
}

/* ==============================================
    news_area
============================================== */
.section {
	margin: 30px auto 30px;
}
/*
#news_area h2 {
	text-align: center;
}
#news_area h2 img {
	width: 110px;
}*/

/* ==============================================
    entry-content（layout.cssに記述してある）
============================================== */
.entry-content ul {
	/*margin: 0 0 100px 30px;*/
}
#kenchiku,#area-analysis,#consultation,#subsidy {
    /*display: block;
    padding-top: 70px;
    margin-top: -70px;*/
}

u_voice li{
	/*margin-bottom: 30px;*/
}

@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 700px) {
	/*u_voice ul,ul.flex-list {
	margin: 10px;
	text-align: center;
}
	u_voice ul,ul.flex-list li{
	margin: 15px auto 5px;*/
	}
}