@charset "shift-jis";

/* reset */
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, font, 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 {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}

/* font-size */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* general */
html,body {
	text-align:left;
}
body {
	background-color: #fff;
	color:#333;
	font-size:16px;
	line-height:1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color:gray;
	text-decoration:none;
}
a:hover {
	color:#f30;
}

/*custom*/
#wrapper {
	margin: 0 auto;
}
img {
	display: block;
	margin: 0 auto;
	padding: 0;
}
h1 {
	text-align:center;
	margin:auto;
}
#message {
	font-size:15px;
	margin-bottom:1.5em;
	width: 94%;
    box-sizing: border-box;
}
.pre-form label {
	display:inline-block;
	margin:0;
	padding:0.4em 16px;
	color:#fff;
	width:10em;
	height:20px;
	line-height:20px;
	text-align:center;
	background:#00c323;
	border-radius:5px;
}
.pre-form #enq label {
	margin:0;
	padding:0.4em 0;
	color:#333;
	width:auto;
	height:1em;
	line-height:1em;
	text-align:left;
	background:none;
}
.pre-form #enq input {
	vertical-align:middle;
	margin:0.2em;
}
.red {
	color:#ff7f7f;
}

#keyword1 {
	width: 3em;
}
#keyword2 {
	width: 2em;
}
#keyword3 {
	width: 1em;
}
#keyword4 {
	width: 3em;
}
#keyword5 {
	width: 6em;
}

/*template*/
#main {
	width:720px;
	margin:0 auto;
	padding: 0;
	line-height:1.6em;
	box-sizing: border-box;
}
fieldset {
	margin: 0 auto 20px;
}
.pre-form {
	width:100%;
	padding:0;
	margin: 0 auto;
	box-sizing:border-box;
	color:#000000;
	background:#fff;
}
.pre-form h2 {
	text-align:center;
	font-size:15px;
	font-weight:normal;
	margin: 10px auto;
}
.pre-form h2 em {
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	display: block;
	text-align: center;
}
/*.pre-form div {
	margin:0;
	padding:0;
}*/
.pre-form #enq div {
	padding-top:0;
}
.pre-form .about p {
	margin:1em 1em 0;
	font-size:108%;
}
.pre-form p.about {
	font-size:14px;
	margin:0;
	padding:1em 0 0;
}
.pre-form p.about {
	border-top:1px #ccc solid;
}
.pre-form p.about,
.pre-form .about {
	width: 100%;
	margin: 10px auto 0;
}
.pre-form fieldset input,.pre-form textarea {
	font-size:108%;
	line-height:1.4em;
	padding:10px;
	margin:0.5em 0 1.5em;
	border:none;
	background:none;
	outline:0px none black;
}
.pre-form fieldset input,
.pre-form textarea {
	border:1px rgb(169, 169, 169) solid;
	background:#fff;
}
.pre-form fieldset input:focus,
.pre-form textarea:focus {
	border:1px #e60012 solid;
}
.pre-form input {
	height:1.4em;
}
.pre-form select {
	font-size:14px;
	padding:5px;
	margin:0.5em 0;
	width: auto;
}
.pre-form select option {
	padding:5px;
}
.pre-form textarea {
}
.pre-form textarea.seryu {
	height:24px;
	width: 30em;
}
.pre-form input#webname,
.pre-form input#name,
.pre-form input#tel {
	width:10em;
}
.pre-form input#age {
	width:38px;
}
.pre-form input#email {
	width:400px;
}
.pre-form input#address {
	width:554px;
}
#comment {
	width: 100%;
}
.pre-form legend {
	display:none;
}
.pre-form #btn {
	margin-bottom:1em;
	text-align: center;
}
.pre-form #btn input {
	margin:0 1em 0 0;
	padding:0;
	width:135px;
	height:50px;
	font-size: 16px;
}
.pre-form fieldset div span {
	font-size:14px;
}
.red {
	font-weight:bold;
}
.thanks {
	width: 680px;
	margin: auto;
	text-align: center;
}
.thanks h3 {
	margin: 1em auto;
}
#footer {
	width:720px;
	height:120px;
	padding:2em 0;
	margin:auto;
	text-align:center;
}
a.fujiopro {
	display:inline-block;
	width:160px;
	height:40px;
	background:url(btn_fujiopro.png) center top no-repeat;
	text-indent:-9999px;
}
a.fujiopro:hover {
	background-position:center -40px;
}
a.koredeiinoda {
	display:inline-block;
	width:152px;
	height:40px;
	background:url(btn_koredeiinoda.png) center top no-repeat;
	text-indent:-9999px;
}
a.koredeiinoda:hover {
	background-position:center -40px;
}
.copy {
	display:inline-block;
	font-size:85%;
	padding:1em 0 0;
}

@media (max-width: 767px) {
	.pre-form p.about, .pre-form .about, .thanks {
		width: 96%;
	}
	.thanks p {
		text-align: left;
	}
	h1 {
		width:100%;
		height:100px;
	}
	h1 img {
		width:320px;
		height:100px;
		padding:0;
	}
	#main {
		width:100%;
		line-height:1.4em;
	}
	.pre-form {
    	width: 100%;
		padding: 0;
	}
	.pre-form h2 {
		text-align: left;
		width: 96%;
	}
	.pre-form label {
		display:block;
		margin:0 0 0.2em;
	}
	.pre-form select {
		width:100%;
	}
	.pre-form textarea#comment, .pre-form input#email, .pre-form input#address {
    	width: 100%;
	}
	.pre-form fieldset input, .pre-form textarea {
		padding:0.2em 0;
	}
	.pre-form textarea {
		width: 100%;
	}
	#message {
		width: 100%;
	}
	.pre-form textarea.seryu {
		width: 100%;
		height: 68px;
	}
	.pre-form #btn {
		text-align:center;
	}
	.pre-form #btn input {
		margin:0 5px 0;
		width: 120px;
	}
	#footer {
		width:100%;
		height:auto;
		padding:2em 0 0;
		text-align:center;
		line-height:1.4em;
		font-size:77%;
	}
}

@media (min-width: 768px) {
	
	/*common*/
	#footer {
		padding-bottom: 40px;
	}
	#present {
		width: 960px;
		margin: auto;
	}
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}

}

/* 追加*/
.logo_img {
	height: auto;
}
@media (min-width: 768px) {
	.phead {
		width: 515px;
		margin: auto;
	}
}
.oneword {
	width: 1em;
}
.pre-form fieldset input.oneword {
	padding: 8px 10px;
	border: 1px solid #000;
	text-align: center;
	background: #000;
	color: transparent;
	caret-color: #000;
	font-size: 18px;
	outline: none;
	border: 2px solid #000;
	animation: none;
	position: relative;
	left: auto;
	box-sizing: content-box;
}
.pre-form fieldset input.oneword:focus,
.pre-form fieldset input.oneword:not(:placeholder-shown) {
	background: #fff;
	color: #000;    /* 入力された文字を表示 */
}
.pre-form fieldset input.oneword:focus {
	outline: none;
	border: 2px solid #00c323;
}
.sticky_form_wrap {
	position: relative;
	margin-top: 5px;
	padding: 0;
}
.sticky_form {
	width: 100%;
}