@charset "utf-8";
@import "html5reset.css";

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-wrap:break-word;
	background:#fff;
	line-height:1.7em;
	-webkit-text-size-adjust: 100%;
}

img {
	max-width:100%;
	height:auto;
}

ul ul {
	margin-left:1em;
}

p {
	margin-bottom:1em;
}

header {
	margin-top:40px;
}

footer {
	padding-top:70px;
	padding-bottom:90px;
	text-align: center;
}

footer a {
}

footer ul {
	list-style:none;
}

h2.text {
	margin-top:90px;
	font-weight: bold;
	color:#fff;
	background:#E45513;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	border-radius: 20px;
	letter-spacing: 5px;
}

h3 {
	margin-top:25px;
	margin-bottom:25px;
}

h4 {
	margin-top:25px;	
}

section {
	margin-bottom:30px;
}

#point5 h4 {
	margin-bottom:20px;
	border-bottom: 1px dashed #E45513;	
}

#copyright {
	margin-top:75px;
}

#goto-top {
	position: fixed;
	width:60px;
	bottom:20px;
	right:20px;
}


.arrow {
	margin-top:35px;
	margin-bottom:35px;
	text-align: center;
}

.orange-ul {
	color:#E45513;
	border-bottom:#E45513 1px solid;
}

.imageR {
	float:right;

}

.serif {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.red {
	color:#E00012;
}

.orange {
	color:#E45513;
}

.cols2 {
	display: flex;
	justify-content: space-between;
}

.ac {
	text-align: center;
}

#map_canvas_wrap {
    width: 90%;
    height: 420px;
    margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:70px;
}

#map_canvas {
    width: 100%;
    height: 420px;
}



@media screen and (min-width:768px){
	/* PC用 */
		.pc {
			display:block;
		}

		.sp {
			display:none;
		}

		a[href^="tel:"] {
		    pointer-events: none;
		}

		body {
			font-size:28px;
			width:1024px;
			margin-left:auto;
			margin-right: auto;
		}

		a img:hover {
			opacity: 0.7;
		}

		#header-logo {
			width:640px;
			padding-right:25px;
		}

		#header-info {
			font-size:15px;
			font-weight: bold;
			width:380px;
			letter-spacing: 0.5px;
		}

		#header-cols {
			display: flex;
			justify-content: space-between;
		}

		#header-info div {
			margin-bottom:-22px;
		}

		#pc-menu ul {
			display: flex;
			justify-content: space-between;
		}

		#pc-menu li {
			width:190px;
		}

		#message-pics .col,
		#intro-pics .col {
			width:500px;
		}

		h2.message {
			width:740px;
			margin-left:auto;
			margin-right:auto;
		}

		.smaller {
			font-size:26px;
		}
} @media screen and (max-width: 767px) {
	/* スマホ用 */
			.pc {
				display:none;
			}

			.sp {
				display:block;
			}
			
			#sp-header {
				width:380px;
				margin-left:auto;
				margin-right:auto;
			}

			#sp-menu {
				margin-top:40px;
			}

			#sp-menu ul li {
				margin-bottom:10px;
			}

			#sp-menu-title {
				width:100%;
				text-align: center;
			}

			#sp-menu-title img {
				width:30%;
				margin-left:auto;
				margin-right:auto;
			}

			#sp-menu li img {
				width:380px;
			}

			#target .imageR {
				width:40%;
			}

			body {
				text-align:center;
				font-size:18px;
			}

			main {
				margin-left:15px;
				margin-right:15px;
			}

			main p {
				margin-top:1.4em;
				margin-bottom:1.4em;
			}

			h3 span.sp {
				color:#e65416;
				border-bottom:1px solid #e65416;
				font-size:1.2em;
				font-weight: bold;
				padding-bottom:7px;
				margin-bottom:1em;
			}

			#howto h3 span.sp {
				color:#009ae4;
				border-bottom:1px solid #009ae4;
			}
			
			#sp-footer {
				background: #fff;
				position:fixed;
				bottom:0;
				padding:1em;
				font-size:10px;
			}

			#sp-footer-tel {
				width:80%;
				margin-left:auto;
				margin-right:auto;
			}

			#sp-footer-contact {
				margin-top:-10px;
			}

			#sp-copyright {
				margin-top:0px;
			}

			#goto-top {
				position: fixed;
				width: 40px;
				bottom: 10px;
				right: 10px;
			}

			.stronger {
				font-size:1.5em;
				font-weight: bold;
			}
}

/* 汎用クラス */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}