@charset "utf-8";

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/*---- base settings ----*/
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin: auto;
	width: 100%;
	height: 100%;
	font-size:62.5%;
}
*, :after, :before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

body {
font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	color: #333;
	font-size:1.0rem;
	line-height: 1.4;
	line-height: 1
}

@media (max-width: 767px) {
}

/* common setting
-------------------------------------------------- */
#wrapper {
	height: 100vh;
	text-align:center;
}

#wrapper .wrap{
	width:100%;
	display:table;
	height:92vh;
}

#wrapper .inner {
	width:100%;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}

#logo {
	margin:0 auto 60px auto;
	width:346px;
}

#main {
	margin:26px auto 46px auto;
	width:700px;
}

#logo img,
#main img {
	width:100%;
	height:auto;
}

p.txt {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.7;
}

p.info {
	margin-bottom:30px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}

.info a {
	color:#336600;
}

.info a:hover {
	text-decoration:none;
}

#tel {
	margin:15px auto;
}

.copy {
	height:7vh;
	font-size:14px;
	font-size:1.4rem;
}


@media (min-width: 768px) {
}

@media (max-width: 767px) {
		#wrapper .wrap{
			margin:0 auto;
			width:90%;
		}
		#logo {
			margin:20px auto;
			width:80%;
			max-width:372px;
		}
		#main {
			margin:20px auto;
			max-width:700px;
			width:100%;
		}
		p.txt,
		.info {
			font-size:14px;
			font-size:1.4rem;
			letter-spacing:-0.05em;
		}
}

@media (max-width: 767px) and (orientation: portrait){
		#wrapper .wrap{
			height:82vh;
		}
		.copy {
			margin-top:40px;
		}
}

@media (max-width: 767px) and (orientation: landscape){
		#logo {
			margin-top:20px;
			width:40%;
		}
		#main {
			margin:20px auto;
			max-width:700px;
			width:90%;
		}
		.copy {
			margin-top:20px;
		}
}