@charset "utf-8";

ul,ol {list-style:none;}
li {list-style-position:outside;}

/*コンテンツ枠の設定*/
#contents{
  padding:15px 15px;
  max-width:768px;
  margin:0 auto 3em;
}

/* google chrome 画像縮小時のぼやけ対策 */
img {
	-webkit-backface-visibility: hidden;
}

/* formのデフォルト装飾削除 */
input[type="text"],
input[type="tel"],
input[type="mail"],
input[type="submit"],
select,
textarea{-webkit-appearance: none;}
textarea {resize:vertical;}

/* 電話番号のリンクをPCで無効に */
a[href*="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media screen and (max-width:768px) {
a[href*="tel:"] {
	pointer-events: auto;
}
}

/* clearfix */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


body {-webkit-text-size-adjust:100%; /* フォントを指定したサイズのままで表示 */}


body {
	font-family:sans-serif;
	margin:0;
        background:linear-gradient(to bottom,#9cc24b,#005533);
	box-shadow:30px 0 0 0 #9cc24b;
	padding-top:65px;
}
header {
	width:80%;
        max-width:100%;
}
.logo {
	margin-bottom:60px;
	border:1px solid #9cc24b;
	background:url(fbg_1A11211.png);
	height:180px;
	box-shadow:0 0 0 0 #9cc24b;
}

.logo h1{
	margin:30px 30px 30px 30px;
	font-size:28px;
	text-shadow:1px 1px 2px #307657;
}

.logo p{
	margin-left:50px;
	text-shadow:1px 1px 2px #307657;

}

nav {
	margin: 0 auto;
	max-width: 640px;
	border-radius: 15px;
	background: #38a3a5;
}
nav ul {
	list-style: none;
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 0;
	padding: 0;
}
nav li a {
	display: block;
	padding: 18px 15px;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	text-shadow:1px 1px 2px #c6c6c6;
}
nav li a:hover {
	color: #000;
	text-shadow:1px 1px 2px #ababab;
}



.topics h2 {
	margin:30px;
	text-align:center;
	font-size:18px;
	color:#0d734d;
}

.topics li{
	font-size:13px;
	width:600px;
	margin:auto;
}


/* --------------------------------------------
パンくずリスト
---------------------------------------------- */ 
.breadcrumb {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.breadcrumb li {
  margin-right: 0.5em;
}
.breadcrumb li+li::before {
  content: ">";
  margin-right: 0.5em;
  color: #666;
}
.breadcrumb a {
  text-decoration: none;
  color: #007bff;
}
.breadcrumb a:hover {
  text-decoration: underline;
}


/* --------------------------------------------
検査項目一覧
---------------------------------------------- */ 
.menuBox {
}

.clearfix::after{
content:"";
display:block;
height:0;
clear:both;
}

.menuBox h2 {
	padding-bottom: 1em;
	text-align:center;
	color: #0d734d;
	font-size: 14px;
	line-height: 1;
	font-family: 'Heebo', sans-serif;
}

@media screen and (max-width:768px){
.menuBox h2 {
	font-size: 16px;
	color:#0d734d;
}
}
.menuBox h2 span {
	display: block;
	text-align:center;
	font-size: 15px;
	color:#0d734d;
}

.menuBox__item {
	float: left;
	position: relative;
	overflow: hidden;
	width: 48%;
	margin:0 1% 2% ;
	padding: 0 0 0em;
	text-align: center;
	background: #fff;
	border-radius: 1rem;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
	transition-duration: 0.3s;
}
.menuBox__item h3 {
	margin: 0 3%;
	padding: 0.5em 0 0.2em 0em;
	color: #0d734d;
	border-bottom: 2px solid #DCDCDC;
	font-size: 18px;;
	font-weight: 700;
	transition-duration: 0.5s;
	white-space: nowrap;
}
.menuBox__item img {
	height: 75px;
	float: left;
	display: block;
	transition-duration:0.2s;
	padding: 0.5em 0.5em 0;
	transform: scale(1) ;
	border-radius:20px;
}
.menuBox__item p {
	font-size: 13px; font-size: 13px;
	transition-duration: 0.5s;
}
.menuBox__item a {
	text-decoration: none;
}
.menuBox__item .btn {
	clear: both;
	display: block;
	width: 80%; max-width: 14em;
	margin: 0.5em auto 0;
	padding: 0.8em 0;
	text-align: center;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
	transition-duration: 0.5s;
}


.menuBox__item:hover {
	opacity: 1;
	background: #DFF5EC;
	transform: scale(1.02) ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.0);
	transition-duration: 0.3s;
}
.menuBox__item:hover img {
	opacity: 1;
	transform: rotateZ( 3deg ) scale(1.1) ;
	transition-duration: 0.3s;
}
.menuBox__item:hover h3 {

}
.menuBox__item:hover p {
	display: block;
	transition-duration: 0.5s;
}
.menuBox__item:hover .btn {
	color: #fff;
	border: 1px solid rgba(56,142,103,1.00);
	background: rgba(13,115,77,0.9);
}

.menuBox__item:last-child {
	pointer-events: none;
}


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

@media screen and (max-width:960px){
.menuBox__item {
}
.menuBox__item p {
	height: 8em;
}
}

@media screen and (max-width:768px){
.menuBox__item p {
}
.menuBox__item img {
	width: 95px;
}
}
@media screen and (max-width:599px){
.menuBox__item {
	width: 95%;
}
.menuBox__item img {
	width: 95px;
}
}


/* --------------------------------------------
フッターメニュー
---------------------------------------------- */ 


.footer-navi{
	padding:10px;
	background-color:white;
	text-align:center;
	font-size:15px;
}

.access{
	color:green;
	font-size:20px;
}

.tel{
	color:green;
	font-size:20px;
}

.access-link{
	width:230px;
	margin:5px auto;
	padding:1px;
	background-color:#6fbb9a;
	color:#fff;
	font-size:15px;
	border-radius:15px;
	text-shadow:1px 1px 2px #307657;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	background-image:linear-gradient(to bottom,#6fbb9a,#4a9d79);
}

.access-link a{
	text-decoration: none;
}

.access-link a:hover{
	color: #d2474a;
}

.contact-link{
	width:230px;
	margin:5px auto;
	padding:1px;
	background-color:#6fbb9a;
	color:#fff;
	font-size:15px;
	border-radius:15px;
	text-shadow:1px 1px 2px #307657;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	background-image:linear-gradient(to bottom,#6fbb9a,#4a9d79);
}

.contact-link a{
	text-decoration: none;
}

.contact-link a:hover{
	color: #d2474a;
}



/* --------------------------------------------
フッター
---------------------------------------------- */ 

.footer p{
	text-align:center;
	font-size:10px;
}