/* StyleSheet for Toppage */

a.btn.btn-outline-secondary:hover,
a.btn.btn-outline-secondary:focus {
  color: #333 !important;
  background-color: #f2f2f2 !important;
  border-color: #6c757d !important;
  text-decoration: none;
}

/*********　サービスセレクトボタン　***********/
#SC03{
	clear: both;
	float: none;
	width:95%;
	margin:auto;
	font-family: "Sawarabi Gothic";
	color:#666;
	padding-top:0px;
}
#SC03 h3{
	font-size: 1.8em;
	text-align: center;
	margin-bottom: 10px;
	margin-top:20px;
}
#SC03 h4{
	color:#6cc6cd;
	font-size: 1.5em;
	text-align: center;
	margin-top:0px;
	letter-spacing: 0.1em;
}
#SC03 h4::before{
	content:"■";
}
#SC03 h5{
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 30px;
}
#SC03 h6{
	margin-top:30px;
	margin-bottom: 20px;
	font-size: 1.5em;
	text-align: center;
	color:#00a29a;
	float: none;
	clear: both;
}
#SC03 h2{
	width:100%;
	display: block;
	text-align: center;
	color:#fff;
	background:#00a29a;
	font-size: 1.2em;
	margin-top:50px;
	padding-top:5px;
	padding-bottom: 5px;
}
#SC03 span{
	color:red;
}
#SC03 a{
	display: block;
	padding:10px;
	margin:20px auto 50px;
	text-decoration: none;
	color:#666;
	border:1px #666 solid;
	width:60%;
	text-align: center;
}
#SC03 p{
	width:90%;
	line-height: 1.5em;
	margin: 10px auto;
}
#SC03::after{
	clear: both;
	float: none;
}
#SC03 img{
	width:100%;
}
#SC03 a img{
	width:150px;
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.3);
}
#SC03 span{
	display: block;
	width:100%;
	text-align: right;
	font-size: 0.8em;
	color:#555;
	padding-right: 2em;
}
#S_Box1{
	width:100%;
	float: left;
}
#S_Box1 img{
	width:100%;
}
#S_Box2{
	width:100%;
	float: left;
}
#S_Box2::after{
	clear: both;
	margin-bottom: 40px;
}
.Qp{
	text-align: center;
}
#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;
}
#SC04{
	clear: both;
	float: none;
	width:75%;
	margin:auto;
	font-family: "Sawarabi Gothic";
	color:#666;
	margin-top:50px;
	padding-top:0px;
}
#SC04 p{
	text-align: center;
}
#SC04 h3{
	font-size: 1.8em;
	text-align: center;
	margin-bottom: 10px;
	margin-top:20px;
}
#SC04 a img{
	display: block;
	width:70%;
	margin:auto;
}
@media screen and (min-width:768px){
/*********　サービスセレクトボタン　***********/
	#SC03{
		max-width:700px;
		padding-top:40px;
	}
	#SC03 h3{
		font-size: 1.8em;
		margin-bottom: 10px;
		margin-top:0px;
	}
	#SC03 h4{
		text-align: left;
	}
	#SC03 a{
		width:40%;
	}
	#SC03 p{
		width:95%;
	}
	#S_Box1{
		width:30%;
		float: left;
	}
	#S_Box2{
		width:70%;
		float: left;
	}
/*********  リンクエリア  **********/
	#SC07{
		max-width: 720px;
		margin:20px auto;
	}
	#SC07 ul li{
		display: inline-block;
	}
}