@charset "utf-8";

/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box;}
body {line-height:1;}
span, p, img, strong, dl, dt, dd, ol, ul, li, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000;  font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
a {box-sizing:border-box;}
/* /reset css */



/* common */
body {font-size:15px; background-color:#FFF; color:#000; -webkit-text-size-adjust: 100%; position:relative; }
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}

.font_mincho {font-family: 游明朝, "Yu Mincho",YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, HG明朝E, "MS P明朝", "MS 明朝", Georgia, "Times New Roman", Times, メイリオ, Meiryo, serif;}

.pc_only {display:block;}
.sp_only {display:none;}
.pcin_only {display:inline;}
.spin_only {display:none;}

.clearfix {width:100%; clear:both;}

h2 {font-size:40px; margin-left:auto; margin-right:auto; font-weight: 100; letter-spacing:2px;}

.cont {display:block; width:100%; min-width:1200px; margin:0px;}
.contin {display:block; margin:0px auto;}

.cw1166 {width:1166px;}
.cw1012 {width:1012px;}
.cw974 {width:974px;}
.cw936 {width:936px;}
.cw746 {width:746px;}
/* /common */



/* openhouse */
div#openhouse {position:relative; background-color:#E5E5E5; }
div#openhouse > div {position:relative; }
div#openhouse > div:after {content:""; display:block; width:100%; clear:both; }
div#openhouse dl {display:table; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1000; }
div#openhouse dl dt {display:table-cell; vertical-align:middle; text-align:center; }
div#openhouse dl dt h1 {color:#FFF; font-size:100px; line-height:120%; letter-spacing:1px; font-weight:bold; text-align:center; text-shadow:3px 3px 8px rgba(0,0,0,0.8);}
div#openhouse dl dt strong {padding:30px 0px 6px 0px; color:#FFF; font-size:46px; line-height:120%; letter-spacing:1px; font-weight:bold; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.8);}
div#openhouse dl dt span {color:#FFF; font-size:46px; line-height:120%; letter-spacing:1px; font-weight:bold; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.8);}
div#openhouse p {display:block; width:33.33%; float:left; padding:22.24% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
div#openhouse p:after {content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:absolute; top:0px; left:0px; }

div#openhouse_cap {}
div#openhouse_cap h2 {padding:80px 0px 60px 0px; text-align:center; }
div#openhouse_cap h2 strong {display:inline-block; padding:3px 10px 3px 10px; color:#FFF; font-size:26px; line-height:120%; letter-spacing:0px; font-weight:bold; text-align:center; background-color:#09C; 
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;}
div#openhouse_cap h2 span {display:inline-block; padding:0px 0px 0px 20px; font-size:28px; line-height:120%; letter-spacing:1px; font-weight:bold; }
div#openhouse_cap h2 span sup {font-size:18px; }
div#openhouse_cap p {display:block; width:100%; margin:0px auto; text-align:center; }
div#openhouse_cap p img {display:inline-block; width:auto; height:260px; margin:0px 10px 0px 10px; }
div#openhouse_cap dl {display:table; width:90%; margin:0px auto; }
div#openhouse_cap dl dt {display:table-cell; vertical-align:top; width:55%; padding:60px 80px 40px 0px; font-size:18px; line-height:180%; letter-spacing:0px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#openhouse_cap dl dd {display:table-cell; vertical-align:top; width:45%; padding:60px 0px 40px 0px; }
div#openhouse_cap dl dd h3 {display:inline-block; padding:5px 10px 5px 10px; color:#FFF; font-size:21px; line-height:120%; letter-spacing:1px; font-weight:bold; text-align:center; background-color:#666; }
div#openhouse_cap dl dd h4 {display:block; padding:10px 0px 0px 0px; font-size:21px; line-height:160%; letter-spacing:0px; font-weight:bold; text-align:left; }
div#openhouse_cap dl dd h5 {display:block; padding:4px 0px 0px 0px; color:#F30; font-size:28px; line-height:120%; letter-spacing:0px; font-weight:bold; text-align:left; }
div#openhouse_cap dl dd h5 span {color:#666; font-size:14px; line-height:120%; font-weight:normal; }
div#openhouse_cap dl dd strong {display:block; padding:10px 0px 0px 0px; font-size:16px; line-height:128%; letter-spacing:0px; font-weight:normal; text-align:left; }

div#openhouse_img {padding:0px 0px 80px 0px; }
div#openhouse_img ul {display:block; width:100%; margin:0px auto; }
div#openhouse_img ul:after {content:""; display:block; width:100%; clear:both; }
div#openhouse_img ul li {display:block; width:23.5%; float:left; margin-right:1%; }
div#openhouse_img ul li:last-child {margin-right:0; }
div#openhouse_img ul li p {display:block; width:100%; padding:100% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
/* /openhouse */



/* contactus */
div#contactus {padding:0px; position:relative; background-color:#E5E5E5;}
div#contactus > div {padding:90px 0px 90px 0px; text-align:center;}

div#contactus dl {width:100%; margin:0px; padding:0px;}
div#contactus dl dt {padding:0px 0px 28px 0px; text-align:center;}
div#contactus dl dt h5 {font-family: 'Anton', sans-serif; font-size:72px; line-height:140%; letter-spacing:5px; font-weight:normal;}
div#contactus dl dt span {padding:50px 0px 8px 0px; font-size:14px; line-height:26px; letter-spacing:1px; font-weight:normal;}
div#contactus dl dt p {padding:30px 0px 0px 0px; font-size:16px; line-height:26px; letter-spacing:1px; font-weight:bold;}
div#contactus dl dd {font-family: 'Anton', sans-serif; padding:0px 0px 50px 0px; font-size:45px; line-height:140%; letter-spacing:1px; font-weight:normal; text-align:center;}

div#contactus form {width:100%;}
div#contactus table {width:100%; margin:0px auto; padding:0px; border-collapse:collapse; background-color:#FFF; border:1px #B8B8B7 solid;}
div#contactus table tr {border-bottom:1px #B8B8B7 solid;}
div#contactus table th {width:200px; padding:22px 0px 22px 26px; color:#000; font-size:17px; font-weight:normal; text-align:left; border-right:1px #B8B8B7 solid;}
div#contactus table th span.red {display:inline-block; color:#F00;}
div#contactus table td {padding:22px 26px 22px 26px; text-align:left;}
div#contactus table td span#contact_red {display:inline-block; padding:0px 10px; color:#F00; font-size:13px; font-weight:normal; line-height:140%;}
div#contactus table td input[type="text"] {width:100%;}
div#contactus textarea {width:100%; height:210px;}
div#contactus p.messagebox {padding:25px 0px 0px 0px;}
div#contactus input[type="button"] {width:300px; margin:25px auto 25px auto; padding:12px 0px 12px 0px; border:none; color:#FFF; font-size:21px; font-weight:bold; background-color:#000; cursor:pointer;
	border-radius:inherit;
	-webkit-border-radius:inherit;
	-moz-border-radius:inherit;}
	
select#nichi2 {display:none;}
/* /contactus */



/* footer */
footer {padding:70px 0px 85px 0px;}
footer > div {padding:0px 0px 0px 0px; text-align:center;}
footer img {margin:0px auto;}
footer strong {padding:40px 0px 10px 0px; font-size:14px; line-height:100%; letter-spacing:1px; font-weight:normal;}
footer h5 {font-size:14px; line-height:17px; letter-spacing:1px; font-weight:normal;}
/* /footer */



/*---------------------------------------*/
/*----- smart phone CSS lower 640px -----*/
/*---------------------------------------*/

@media (max-width : 640px){
	/* common */
	.pc_only {display:none;}
	.sp_only {display:block;}
	.pcin_only {display:none;}
	.spin_only {display:inline;}
	
	.cont {width:100%; min-width:inherit;}
	.contin {margin:0px 20px;}
	
	.cw1166 {width:auto;}
	.cw1012 {width:auto;}
	.cw974 {width:auto;}
	.cw936 {width:auto;}
	.cw746 {width:auto;}
	/* /common */



	/* openhouse */
	div#openhouse {}
	div#openhouse > div {margin:0px; }
	div#openhouse dl {display:table; width:100%; height:100%; }
	div#openhouse dl dt {display:table-cell; vertical-align:middle; padding:0px 20px 0px 20px; }
	div#openhouse dl dt h1 {font-size:16vw; line-height:120%; letter-spacing:0px; }
	div#openhouse dl dt strong {padding:20px 0px 6px 0px; font-size:8vw; line-height:128%; letter-spacing:0px; }
	div#openhouse dl dt span {font-size:8vw; line-height:120%; letter-spacing:0px; }
	div#openhouse p {width:50%; padding:33.36% 0px 0px 0px; }
	div#openhouse p:last-child {display:none; }
	
	div#openhouse_cap {}
	div#openhouse_cap h2 {padding:60px 0px 40px 0px; }
	div#openhouse_cap h2 strong {display:block; width:80%; margin:0px auto 16px auto; padding:3px 10px 3px 10px; font-size:26px; line-height:120%; letter-spacing:0px; }
	div#openhouse_cap h2 span {display:block; padding:5px 0px 0px 0px; font-size:28px; line-height:128%; letter-spacing:1px; }
	div#openhouse_cap h2 span sup {display:inline-block; font-size:18px; }
	div#openhouse_cap p {width:100%; margin:0px auto; }
	div#openhouse_cap p img {display:block; width:100%; height:auto; margin:0px auto 20px auto; }
	div#openhouse_cap dl {display:block; width:100%; margin:0px auto; }
	div#openhouse_cap dl dt {display:block; vertical-align:inherit; width:100%; padding:40px 0px 40px 0px; font-size:18px; line-height:180%; letter-spacing:0px; }
	div#openhouse_cap dl dd {display:block; vertical-align:inherit; width:100%; padding:0px 0px 40px 0px; }
	div#openhouse_cap dl dd h3 {display:inline-block; padding:5px 10px 5px 10px; font-size:7vw; line-height:120%; letter-spacing:1px; }
	div#openhouse_cap dl dd h4 {padding:20px 0px 0px 0px; font-size:5.5vw; line-height:160%; letter-spacing:0px; }
	div#openhouse_cap dl dd h5 {padding:4px 0px 0px 0px; font-size:8vw; line-height:120%; letter-spacing:0px; }
	div#openhouse_cap dl dd h5 span {font-size:4vw; line-height:120%; }
	div#openhouse_cap dl dd strong {padding:14px 0px 0px 0px; font-size:16px; line-height:140%; letter-spacing:0px; }
	
	div#openhouse_img {padding:0px 0px 80px 0px; }
	div#openhouse_img ul {display:block; width:100%; margin:0px auto; }
	div#openhouse_img ul li {display:block; width:100%; float:inherit; margin-right:0; padding:0px 0px 20px 0px; }
	div#openhouse_img ul li p {display:block; width:100%; padding:100% 0px 0px 0px;}
	/* /openhouse */
	
	
	
	/* contactus */
	div#contactus {padding:0px;}
	div#contactus > div {padding:60px 0px 60px 0px;}

	div#contactus dl {width:100%; margin:0px; padding:0px;}
	div#contactus dl dt {padding:0px 0px 20px 0px; text-align:center;}
	div#contactus dl dt h5 {font-size:15vw; line-height:140%; letter-spacing:2px;}
	div#contactus dl dt span {padding:30px 0px 8px 0px; font-size:14px; line-height:21px; letter-spacing:0px; text-align:justify; text-justify:inter-ideograph;}
	div#contactus dl dt p {font-size:15px; line-height:21px; letter-spacing:1px; text-align:justify; text-justify:inter-ideograph;}
	div#contactus dl dd {padding:0px 0px 50px 0px; font-size:9vw; line-height:140%; letter-spacing:0px;}

	div#contactus form {width:100%;}
	div#contactus table {width:100%; margin:0px auto; padding:0px;}
	div#contactus table th {width:35%; padding:16px 20px 16px 20px; font-size:15px;}
	div#contactus table td {padding:16px 20px 16px 20px;}
	div#contactus table td input[type="text"] {font-size:16px; box-sizing:border-box;}
	div#contactus select {font-size:16px;}
	div#contactus textarea {width:100%; height:140px; font-size:16px;}
	div#contactus p.messagebox {padding:20px 0px 0px 0px;}
	div#contactus input[type="button"] {width:80%; margin:20px auto 20px auto; padding:10px 0px 10px 0px;}
	/* /contactus */



	/* footer */
	footer {padding:40px 0px 60px 0px;}
	footer > div {padding:0px 0px 0px 0px; text-align:center;}
	footer img {width:100%; max-width:316px; margin:0px auto;}
	footer strong {padding:28px 0px 12px 0px; font-size:12px; line-height:140%; letter-spacing:0px;}
	footer h5 {font-size:12px; line-height:160%; letter-spacing:0px;}
	/* /footer */
}