@charset "UTF-8";
/*========================================================
reset
========================================================*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}*/
html, body {
	height: 100%;
}
body {
	line-height: 1.5;
	font-size: 84%;
	color: #FFFFFF;
	/* 画像ファイルの指定 */
	background-image: url(/teaser/taka-zei/images/background.jpg);   
	/* 画像を常に天地左右の中央に配置 */
	background-position: center center;   
	/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;   

	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-font-smoothing: antialiased;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*========================================================
default setting
========================================================*/
p {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8;
}

/* anchor:text */
a {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
}
a:hover {
	/*text-decoration: underline;*/
}
a:active {
	text-decoration: none;
	color: #00cfff;
}

/* clear */
.clr { clear: both;}

/* clearfix */
.cf:after {content:''; display:table; clear:both;}

/* default */
ul.default {
	margin-left: 16px;
	list-style: disc;
}
ol.default {
	margin-left: 16px;
	list-style: decimal;
}



/*========================================================
main
========================================================*/
#contents {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: table;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-bottom: 60px;
	font-family: "kozuka-mincho-pro",sans-serif;

	background: url(images/bg_spot.png) no-repeat center center;
	background-size: cover;

	text-shadow: 0 0 8px #7fe7ff;
}
#contents address {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center;
	font-weight:bold;
	text-shadow: 3px 3px 3px #000;
}
@media screen and (max-width:420px) {
	#contents {
		padding-bottom: 80px;
	}
	#contents address {
		bottom: 10px;
	}
}


/* main area */
#main {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

#main h1 {
	letter-spacing: 0.05rem;
	font-size: 35px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #000;
}
#main p {
	text-align: center;
	font-size: 18px;
	text-shadow: 2px 2px 3px #000;
	font-weight: bold;
}
@media screen and (max-width:420px) {
	#main h1 {
		font-size: 24px;
	}
	#main p {
		margin-top: 20px;
		font-size: 14px;
	}
}



#main ul {
	overflow: hidden;
	width: 270px;
	margin: 20px auto 0;
}

#main ul li {
	float: left;
	width: 130px;
	margin-left: 10px;
}
#main ul li:first-child {
	margin-left: 0;
}
#main ul li a {
	display: block;
	padding: 9px 0;
	border: 1.5px solid #FFFFFF;
	text-shadow: 1px 1px 3px #000;
	text-decoration: none;
}


@media screen and (max-width:420px) {
	#main ul {
		margin: 10px auto 0;
	}
}
#main .tel {
	margin-top: 30px;
}
#main .tel h2 {
	line-height: 1;
	font-size: 30px;
	text-shadow: 3px 3px 3px #000;
}
#main .tel h2 span {
	display: inline-block;

	line-height: 1;

	text-shadow: 3px 3px 3px #000;
}
#main .tel p {
	margin: 0;
	font-size: 14px;
}
@media screen and (max-width:420px) {
}



/*========================================================
modal
========================================================*/
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 1001;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	cursor: pointer;
}
@media screen and (max-width:420px) {
	#modal-win-inner {
		margin: 0 20px;
	}
}


/* modalbox */
.modalBox {
	display: none;
	width: 500px;
	background-color: #ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;

	-webkit-border-radius: 4px;
	border-radius: 4px;
}
@media screen and (max-width:420px) {
	.modalBox {
		width: auto;
	}
}

.modalTitle {
	padding: 12px 20px 8px;
	border-bottom: 1px solid #F2F2F2;
}
.modalTitle p {
	margin: 0;
	font-size: 16px;
}
.modalBody {
	padding: 8px 20px;
}
.modalBody a { color: #0071bc; text-decoration: underline;}
.modalBody a:hover { color: #0071bc; text-decoration: none;}

.modalBottom {
	overflow: hidden;
	padding: 8px 20px 12px;
	border-top: 1px solid #F2F2F2;
}
.modal-close {
	float: right;
	width: 100px;
	padding: 10px;
	background-color: #00a99d;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	font-size: 12px;

	-webkit-border-radius: 4px;
	border-radius: 4px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.modal-close:hover {
	opacity: 0.7;
}
@media screen and (max-width:420px) {
	.modalTitle {
		padding: 10px;
	}
	.modalBody {
		padding: 10px;
	}
	.modalBottom {
		padding: 10px;
	}
}


/* modal - inquiry */
.inquiryBox {}

.send-form {
	float: left;
	width: 100px;
	padding: 10px;
	background-color: #ed1e79;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	font-size: 12px;

	-webkit-border-radius: 4px;
	border-radius: 4px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.send-form:hover {
	opacity: 0.7;
}



/* modal - keyword list */
.kwList {
	overflow: hidden;
	margin-right: -20px;
}
.kwList li {
	float: left;
	margin-right: 20px;
	line-height: 1.8;
}

/* modal - inquryform */
#inquiryBox .modalBody {
	padding: 0;
}
.errorBox {
	padding: 8px 10px 8px 20px;
	color: #FF0000;
	border-bottom: 1px solid #F2F2F2;
}
.iqForm {
	width: 100%;
}
.iqForm th {
	width: 140px;
	padding: 8px 10px 8px 20px;
	border-top: 1px solid #F2F2F2;
	text-align: left;
	vertical-align: middle;
}
.iqForm td {
	width: 300px;
	padding: 8px 20px 8px 10px;
	border-top: 1px solid #F2F2F2;
	vertical-align: middle;
}
.iqForm tr:first-child th,
.iqForm tr:first-child td {
	border-top: none;
}
@media screen and (max-width:420px) {
	.iqForm th {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 8px 10px;
		border-top: 1px solid #F2F2F2;
	}
	.iqForm td {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px 8px;
		border-top: none;
	}
}



/* form format */
.iqForm input[type="text"],
.iqForm button,
.iqForm textarea,
.iqForm select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.iqForm select::-ms-expand {
    display: none; /* IE10fix */
}
.iqForm input[type="text"] {
	width: 278px;
	padding: 5px 10px;
	border: 1px solid #E6E6E6;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.iqForm select {
	box-sizing: content-box;
	width: 248px;
	padding: 8px 40px 8px 10px;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.iqForm label {
	display: inline-block;
	margin-right: 10px;
}
.iqForm textarea {
	display: block;
	width: 278px;
	padding: 8px 10px;
	border: 1px solid #E6E6E6;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

@media screen and (max-width:420px) {
	.iqForm input[type="text"] {
		box-sizing: border-box;
		width: 100%;
		padding: 10px;
	}
	.iqForm select {
		box-sizing: border-box;
		width: 100%;
	}
	.iqForm textarea {
		box-sizing: border-box;
		width: 100%;
	}
	.iqForm label {
		display: inline-block;
	}
}







/*========================================================
design format
========================================================*/
.sp { display: none;}

@media screen and (max-width:420px) {
	.sp { display: block;}
}

/* frame fit img */
img.fit {
	width: 100%;
	height: auto;
}
/* note (single line)  */
.note {
	margin-top: 4px;
	padding-left: 1em;
	text-indent: -1em;
    line-height: 1.2;
    font-size: 92%;
}
/* notes (multi line) */
.notes {}
.notes li {
	margin-top: 4px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.2;
}