/* StyleSheet for Toppage */
/*********　サービスセレクトボタン　***********/
#SC03{
	clear: both;
	float: none;
	width:90%;
	margin:auto;
	font-family: "Sawarabi Gothic";
	color:#666;
	padding-top:0px;
}
#SC03 h3{
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 40px;
	margin-top:0px;
}
#SC03::after{
	clear: both;
	float: none;
}
#OfficeArea{
	
}
#SC03 p{
	line-height: 1.5em;
	margin-bottom: 30px;
}
#OfficeArea h4{
	font-size:1.2em;
	color:#00a29a;
}
.OfficeBox{
	width:95%;
	margin:10px auto;
	display: block;
}
.BoxImg{
	width:100%;
}
.BoxImg img{ width:100%; }
.BoxTxt{
	width:100%;
	margin:10px auto;
	display: block;
}
.BoxTxt h5{
	font-size: 1.5em;
	text-align: center;
	width:100%;
}
.BoxTxt p{
	font-size: 1em;
	line-height: 1.2em;
	margin-top:15px;
	text-align: center;
	width:100%;
}
.BoxTxt p span{
	font-size: 0.8em;
}
.BoxTxt a{
	width:95%;
	display: block;
	text-align: center;
	padding:10px;
	border:#00a29a 1px solid;
	text-decoration: none;
	color:#00a29a;
	margin:10px auto;
}
#map_area{
	width:85%;
	display: block;
	margin:50px auto;
}
#contactForm button{
	margin-right: 10px;
}
.error{
	color:red;
}
.mt-5{
	margin-bottom: 50px;
}

#Bk_btn{
	width:55px;
	margin:10px auto 30px;
	border-radius: 3px;
}
#Bk_btn button{
	background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
#Bk_btn img{
	width:100%;
}
.container{
	width:90%;
	margin:auto;
}
.container table{
	margin-bottom: 20px;
}
.container td{
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 10px;
}

.BdNw{
	color:#00B7AE;
	line-height: 1em;
}
.BdRc{
	color:#2AAD5E;
	line-height: 1em;
}
.BdUp{
	color:#FF8047;
	line-height: 1em;
}
.LnkCarg a{
	text-decoration: none;
	color:#666;
}
.LnkCarg a:hover{
	text-decoration: underline;
}
.new{
	font-size: 0.8em;
	color:red;
	vertical-align: middle;
}
/*********  リンクエリア  **********/
#SC07{
	width:100%;
	clear: both;
	float: none;
	font-family: "Sawarabi Gothic";
	color:#666;
}
#SC07 h3{
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 20px;
	margin-top:20px;
}
#SC07 img{
	display: block;
	width:90%;
	margin:0 auto 10px;
}

@media screen and (min-width:768px){
/*********　サービスセレクトボタン　***********/
	#SC03{
		width:40%;
		padding-top:40px;
	}
	#SC03 h3{
		font-size: 1.5em;
		margin-bottom: 20px;
		margin-top:0;
	}
	.BoxImg{
		width:30%;
		float: left;
		margin-top:10px;
	}
	.BoxTxt{
		width:70%;
		float: left;
	}
	.BoxTxt h5{
		text-align: left;
		padding-left: 20px;
	}
	.BoxTxt p{
		text-align: left;
		padding-left: 20px;
	}
	.BoxTxt a{
		margin-left: 20px;
		width:40%;
		margin-top:10px;
		float: left;
		padding:7px;
		font-size: 0.8em;
	}
/*********  リンクエリア  **********/
	#SC07{
		max-width: 720px;
		margin:20px auto;
	}
	#SC07 ul li{
		display: inline-block;
	}
}