@charset "UTF-8";
* {
	font-family: "メイリオ", sans-serif;
}
section img {
	width:100%;
}
.img-left {
	float:left;
	margin:0 10px 10px 0;
}
.text-left {
	text-align:left;
}
article {
	width:900px;
	margin:0 auto;
	padding:30px 0 0 0;
}
h1 {
	font-size:2rem;
	line-height:2.5rem;
	border-bottom:4px dotted #acacac;
	padding:0 0 30px 0;
}
h2 {
	font-size:1.5rem;
	line-height:2rem;
	border-left:8px solid #cc0000;
	padding:0 0 0 10px;
	margin:30px 0 0 0;
}
h3 {
	font-size:1.2rem;
	color:#de8244;
	margin:50px 0 0 0;
}
p {
	line-height:2rem;
	margin:10px 0 0 0;
}
dl {
	width:100%;
	margin:10px 0 0 0;
}
dt {
	font-size:1.1rem;
	font-weight:bold;
	line-height:2rem;
}
dd {
	line-height:2rem;
}
table {
	width:100%;
	margin:10px 0 0 0;
}
th {
	background:#de8244;
	color:#ffffff;
}
td:first-child {
	background:#f1ccb1;
}
th,td {
	width:25%;
	text-align:center;
	padding:10px;
	border:1px solid #acacac;
	line-height:1.5rem;
}
.bg-orange {
	background:#f7e6d8;
	border-radius:10px;
	padding:20px;
	margin:10px 0 0 0;
}
.bg-orange h3 {
	margin:0;
}
strong {
	color:#cc0000;
	font-weight:bold;
}
ul.recommended li {
	font-weight:bold;
	font-size:1.4rem;
	line-height:2rem;
	padding:0 0 0 60px;
	margin:15px 0 0 0;
}
ul.recommended li:first-child {
	background:url(images/reason01.png) no-repeat;
	background-position:center left;
	background-size:50px;
}
ul.recommended li:nth-child(2) {
	background:url(images/reason02.png) no-repeat;
	background-position:center left;
	background-size:50px;
}
ul.recommended li:last-child {
	background:url(images/reason03.png) no-repeat;
	background-position:center left;
	background-size:50px;
}
ul.bukken {
	margin:10px 0 0 0;
	overflow:hidden;
}
ul.bukken li {
	float:left;
	width:450px;
}
ul.bukken li img{
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.bukken li img:hover {
	opacity:.8;
}
p.contact {
	background:#aa0000;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:1.5rem;
	border-radius:5px;
	padding:10px 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin:10px 0;
	overflow: hidden;
}
p.contact:hover {
	background:#cc0000;
}
#page-top {
	position:fixed;
	top:20px;
	right:20px;
	z-index:999;
	text-decoration:none;
	width:80px;
	height:80px;
	border-radius:40px;
	background:rgba(255,255,255,.9);
	border:3px solid #acacac;
	text-align:center;
	font-weight:bold;
	color:#333333;
	font-size:10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	box-sizing:border-box;
}
#page-top p {
	line-height:75px !important;
	margin:0 !important;
}
#page-top:hover {
	background:rgba(0,0,0,.9);
	border:3px solid #000000;
	color:#ffffff;
}
.inquiry {
	width:900px;
	margin:10px auto;
	border:3px solid #aa0000;
	overflow:hidden;
}
p.inquiry-title {
	text-align:center;
	background:#aa0000;
	padding:10px 0;
	margin:0;
	font-weight:bold;
	color:#ffffff;
}
.text-wrap {
	padding:10px;
}
.text-small {
	font-size:0.8rem;
	line-height:1.4rem;
}
#toplink{
    height: auto;
    padding: 3% 0 2% 0;
    font-size: 15px;
    line-height: 150%;
    text-align: left;
    text-decoration: underline;
}
#toplink:hover {
    text-decoration: none;
    color: #df6534;
}
@media screen and (max-width: 767px) {
	article {
		width:100%;
		margin:0 auto;
		padding:30px 10px 0 10px;
	}
	h1 {
		font-size:1.2rem;
		line-height:1.8rem;
	}
	h2 {
		font-size:1.1rem;
		line-height:1.6rem;
	}
	h3 {
		font-size:1.1rem;
		color:#de8244;
		margin:30px 0 0 0;
	}
	ul.bukken li {
		float:none;
		width:100%;
	}
	table {
		font-size:.8rem;
	}
	p.contact {
		font-size:1.2rem;
	}
	.inquiry {
		width:100%;
	}
	.img-left {
		float:none;
		margin:0;
		display:block;
		width:100%;
	}
	a#page-top {
		position:fixed;
		bottom:20px !important;
		right:20px;
		z-index:999;
		text-decoration:none;
		width:80px;
		height:80px;
		border-radius:40px;
		background:rgba(255,255,255,.9);
		border:3px solid #acacac;
		text-align:center;
		font-weight:bold;
		color:#333333;
		font-size:10px;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		box-sizing:border-box;
	}
	#page-top p {
		line-height:75px !important;
		margin:0 !important;
	}
	#page-top:hover {
		background:rgba(0,0,0,.9);
		border:3px solid #000000;
		color:#ffffff;
	}
}