@charset "UTF-8";
#page-top {
	position: fixed;
	right: 0px;
	bottom:0px;
	z-index: 99;
	overflow: hidden;
}


#page-top img {
    width: 45px;
    height: 45px;
}
/* ===== header area ===== */


/* サイト名 */
.site h1 a {
	color: #000000;
	text-decoration: none
}
.site h1 {
	margin: 0;
	font-size: 30px
}
.site img {
	border: none
}
/* ===== img_text area ===== */



/* ヘッダー画像 */
.topimg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}
/* キャッチコピー */
.catch {
	margin: 0;
	padding: 15px;
	font-size: 30px;
	color: #fff;
	letter-spacing: 3px;
}
.catch span {
	font-size: 18px;
	font-weight: normal;
}
/* ヘッダー画像にキャッチコピーを重ねる */
.top {
	position: relative
}
.catch {
	position: absolute;
	bottom: 7%;
	left: 3%
}
/* ===== main box area ===== */















.section_box {
	background-color: #222222;
	color: #ffffff;
}
.section_box a:hover {
	opacity: 0.8
}
.section_box span {
	text-align: center;
	display: block;
	padding-top: 0px;
	font-size: 38px
}
.section_box .bg01 {
	background-color: #bb060b;
	padding-bottom: 20px;
}
.section_box .bg02 {
	background-color: #fbb03f;
	padding-bottom: 20px;
}
.section_box .bg03 {
	background-color: #859f46;
	padding-bottom: 20px;
}
.section_box h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
.section_box p {
	margin-top: 0;
	margin-bottom: 0;
	padding: 15px;
	background-color: #524e3c;
	font-size: 14px;
	position: relative;
	line-height: 1.5;
}
.section_box span img {
	display: block;
	position: absolute;
	bottom: -10px;
	right: 30px;
	width: 100px;
	height: auto;
}
.section_box img {
	width: 100%;
	height: auto;
	padding: 30px 0px 30px 0px;
}


.section_box img.menu_list {
	display: none;
}


.link_btn a {
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 15px;
	width: 80%;
	margin: 0 auto;
	color: #fff;
	background: #bb060b;
	text-decoration: none;
	margin-top: 20px;
}


.section_box span.link_btn{
	padding-bottom: 0px;
	
	}
.section_box span.link_btn_tel{
	padding-bottom: 0px;
	
	}
.link_btn_tel a {
	display: none;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 15px;
	width: 80%;
	margin: 0 auto;
	color: #fff;
	background: #bb060b;
	text-decoration: none;
	margin-top: 20px;
}


.main_top_box p{
	height:auto !important;
	text-align:center;
	background:#000;
	}

.main_top_box .bg01,.main_top_box h1{
	background:#000;
	}
	
.main_top_box .bg02{
	background:#000;
	}
.main_top_box .bg03{
	background:#000;
	}
	


.main_top_box img {
	width: 80% !important;
	height: auto;
	padding: 30px 0px 30px 0px;
}


/* ===== box_bottom 01 area ===== */

.about {
	line-height: 1.5;
	font-size: 14px;
}
.about li {
	border-bottom: 1px #c0c0c0 dotted; /* リストエリアの上境界線 */
	list-style-type: none;
}
.about li:last-child {
	border-bottom: none !important; /* リストエリアの上境界線 */
}
.about dt {
	padding-top : 20px;
	padding-bottom : 20px;
	padding-left : 5px;
	width : 90px;
	/* 左寄せ */
	float : left;
	/* float解除 */
	clear : both;
}
.about dd {
	padding-top : 20px;
	padding-left : 15px;
	padding-right : 10px;
	padding-bottom : 20px;
	/* dtの幅分の設定 */
	margin-left : 90px;
}
.about {
	padding: 20px;
	border: solid 5px #dddddd;
	color: #fff;
}
.about h1 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #fff
}
.about ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.about li a {
	color: #fff;
}
.about li a:hover {
	background-color: #eeeeee
}
.about a:after {
	content: "";
	display: block;
	clear: both
}
address {
	font-style: normal;
	display:none;
}
address a {
	text-decoration: none;
}
/* ===== box_bottom 02 area ===== */

.map img {
	width: 100%;
	height: auto;
	padding-top: 40px;
	margin: 0 auto;
}
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ===== footer area ===== */

.copyright p {
	margin: 0;
	color: #666666;
	font-size: 14px
}
/* ===== box_setting area ===== */


.header:after {
	content: "";
	display: block;
	clear: both
}
.box1 {
	float: left;
	width: auto;
}
.box2 {
	float: right;
	width: auto;
}
.footer {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #dddddd
}
.header, .bottom_box, .footer, .main_box {
	padding-left: 15px;
	padding-right: 15px
}
.header {
	padding-top: 20px;
	padding-bottom: 10px
}
.bottom_box {
	padding-top: 20px;
	padding-bottom: 20px
}
.bottom_box-1 {
	padding-bottom: 20px
}
.main_box {
	padding-top: 20px
}
.main_box-1, .main_box-2, .main_box-3 {
	padding-bottom: 10px
}





/* ########### 359px以下 ########### */
@media (max-width: 359px) {
/* サイト名 */
.site img {
	width: 225px;
	height: auto
}
}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {
/* キャッチコピー */
.catch {
	padding: 5px 10px;
	font-size: 15px;
	letter-spacing: 1px;
}
.catch span {
	font-size: 14px;
	font-weight: normal;
}
.box1 img {
	width: 150px;
	height: auto;
}
.box2 img {
	width: 120px;
	height: auto;
}

address {
	margin-top:10px;
	display: block;
}

}



/* ########### 767px以下 ########### */
@media (max-width: 767px) {
.section_box p {
	height: auto !important;
}
.section_box span img {
	display: none;
}
.about dd {
	padding-top : 20px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 20px;
	/* dtの幅分の設定 */
	margin-left : 90px;
}
address {
	font-style: normal;
}
address a {
	text-align: center;
	width: 100%;
	height: 45px;
	line-height: 45px;
	border: 1px solid #fff;
	text-decoration: none;
	display: block;
}
dd.tel a::before {
	font-family: FontAwesome;
	content: "\f095";
	color: #fff;
	padding-right: 5px;
}

.section_box img.menu_list {
	width: 100%;
	height: auto;
	padding: 0px 0px 15px 0px;
	display: block;

}


.link_btn_tel a {
	display:block;
	background:#000;
}
.link_btn_tel a::before {
	font-family: FontAwesome;
	content: "\f095";
	color: #fff;
	padding-right: 5px;
}


.section_box span.link_btn{
	padding-bottom: 0px;
	}


}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {
/* BOX1とBOX2を横に並べる設定 */
.header:after {
	content: "";
	display: block;
	clear: both
}
.box1 {
	float: left;
	width: auto
}
.box2 {
	float: right;
	width: auto
}
/* BOX4-1とBOX4-2を横に並べる設定 */
.bottom_box:after {
	content: "";
	display: block;
	clear: both
}
.bottom_box-1 {
	float: left;
	width: 70%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.bottom_box-2 {
	float: left;
	width: 30%
}
/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.main_box:after {
	content: "";
	display: block;
	clear: both
}
.main_box-1 {
	float: left;
	width: 32%;
	margin-right: 2%
}
.main_box-2 {
	float: left;
	width: 32%;
	margin-right: 2%
}
.main_box-3 {
	float: left;
	width: 32%
}
.catch {
	padding: 5px 10px;
	font-size: 40px
}
.catch span {
	font-size: 30px;
	font-weight: normal;
}
}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
/* 全体の横幅を固定 */
.img_box, .bottom_box, .header-inner, .footer-inner, .main_box {
	width: 1140px;
	margin-left: auto;
	margin-right: auto
}
/* BOX Aの下に罫線を挿入 */
.header {
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd
}
}