@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%;}
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-family: 'Passion One', cursive; 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 {background-image:url(../img/main_back.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#openhouse > div {padding:180px 0px 180px 0px; }
div#openhouse h1 {display:block; width:450px; margin:0px 0px 0px auto; font-size:56px; line-height:156%; letter-spacing:0px; font-weight:bold; } 
div#openhouse h1 span {display:inline-block; letter-spacing:-0.25em; }

div#openhouse_info {padding:35px 0px 50px 0px; }
div#openhouse_info > div {background-image:url(../img/kizuna_mark.png); background-position:center center; background-repeat:no-repeat; }
div#openhouse_info img {display:none; }
div#openhouse_info ul {width:100%; height:656px; position:relative; }
div#openhouse_info ul li {display:table; width:273px; height:273px; position:absolute; background-color:rgba(255,228,0,0.5); 
	border-radius:138px;
	-webkit-border-radius:138px;
	-moz-border-radius:138px;}
div#openhouse_info ul li:nth-child(1) {top:0px; left:0px; }
div#openhouse_info ul li:nth-child(2) {top:0px; right:0px; }
div#openhouse_info ul li:nth-child(3) {bottom:0px; left:0px; }
div#openhouse_info ul li:nth-child(4) {bottom:0px; right:0px; }
div#openhouse_info ul li h4 {display:table-cell; vertical-align:middle; font-size:24px; line-height:140%; letter-spacing:0px; font-weight:bold; text-align:center; }

div#openhouse_img {background-color:#007DBF; }
div#openhouse_img > div {}
div#openhouse_img dl {display:table; }
div#openhouse_img dl dt {display:table-cell; vertical-align:middle; width:474px; }
div#openhouse_img dl dt strong {color:#FFF; font-size:37px; line-height:160%; letter-spacing:0px; font-weight:bold; text-align:left; }
div#openhouse_img dl dt h2 {color:#FFF; font-size:75px; line-height:120%; letter-spacing:2px; }
div#openhouse_img dl dt h2 strong {display:inline-block; padding:0px 0px 0px 4px; font-size:41px; }
div#openhouse_img dl dt h2 span {display:inline-block; font-size:41px; letter-spacing:-0.5em; }
div#openhouse_img dl dt a {display:block; width:332px; margin:32px auto 0px 0px; padding:31px 0px 31px 0px; color:#000; font-size:23px; line-height:120%; letter-spacing:0px; font-weight:bold; text-align:center; background-color:rgba(255,238,0,1.0); text-decoration:none; }
div#openhouse_img dl dt a:hover {background-color:rgba(255,238,0,0.75); }
div#openhouse_img dl dd {display:table-cell; vertical-align:middle; width:538px; }
div#openhouse_img dl dd p {padding:150% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }

div#openhouse_madori {}
div#openhouse_madori > div {padding:76px 0px 88px 0px; }
div#openhouse_madori ul {display:table; margin:0px auto; }
div#openhouse_madori ul li {display:table-cell; vertical-align:middle; padding:0px 0px 62px 0px; }
div#openhouse_madori ul li img {}
div#openhouse_madori ol {display:table; width:100%; }
div#openhouse_madori ol li {display:table-cell; vertical-align:middle; border:5px #FFF solid; }
div#openhouse_madori ol li p {padding:70.6% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#openhouse_madori dl {display:table; width:100%; }
div#openhouse_madori dl dd {display:table-cell; vertical-align:middle; width:336px; border:5px #FFF solid; }
div#openhouse_madori dl dd p {padding:216px 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#openhouse_madori dl dt {display:table-cell; vertical-align:middle; width:150px; border:5px #FFF solid; }
div#openhouse_madori dl dt p {padding:216px 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#openhouse_madori strong {padding:10px 0px 0px 0px; font-size:14px; line-height:20%; letter-spacing:0px; font-weight:normal; text-align:center; }
/* /openhouse */



/* access */
div#access {padding:0px; position:relative;}
div#access > div {padding:80px 0px 80px 0px; text-align:center;}
div#access h2 {padding:0px 0px 40px 0px; font-family: 'Anton', sans-serif; color:#000; font-size:42px;}
div#access div#map {width:100%; margin:20px 0px;}
div#access div#map iframe {width:100%; height:460px;}
/* /access */



/* 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 {background-image:url(../img/main_back_sp.jpg); background-position:center bottom; }
	div#openhouse > div {padding:40px 0px 78vw 0px; }
	div#openhouse h1 {display:block; width:100%; margin:0px 0px 0px 0px; font-size:9vw; line-height:140%; letter-spacing:0px; font-weight:bold; } 
	
	div#openhouse_info {padding:40px 0px 40px 0px; }
	div#openhouse_info > div {background-image:none;}
	div#openhouse_info img {display:block; width:80%; margin:0px auto; }
	div#openhouse_info ul {width:100%; height:auto; position:relative; }
	div#openhouse_info ul li {display:table; width:100%; height:auto; margin:20px 0px 20px 0px; padding:20px 0px 20px 0px; position:relative; background-color:rgba(255,228,0,0.5); 
		border-radius:138px;
		-webkit-border-radius:138px;
		-moz-border-radius:138px;}
	div#openhouse_info ul li:nth-child(1) {top:inherit; left:inherit; }
	div#openhouse_info ul li:nth-child(2) {top:inherit; right:inherit; }
	div#openhouse_info ul li:nth-child(3) {bottom:inherit; left:inherit; }
	div#openhouse_info ul li:nth-child(4) {bottom:inherit; right:inherit; }
	div#openhouse_info ul li h4 {display:table-cell; vertical-align:middle; font-size:6vw; line-height:140%; letter-spacing:0px;}
	
	div#openhouse_img > div {padding:20px 0px 20px 0px; }
	div#openhouse_img dl {display:block; }
	div#openhouse_img dl dt {display:block; vertical-align:inherit; width:100%; }
	div#openhouse_img dl dt strong {color:#FFF; font-size:8vw; line-height:140%; letter-spacing:0px;}
	div#openhouse_img dl dt h2 {color:#FFF; font-size:14vw; line-height:120%; letter-spacing:1px; }
	div#openhouse_img dl dt h2 strong {display:inline-block; padding:0px 0px 0px 4px; font-size:8vw; }
	div#openhouse_img dl dt h2 span {display:inline-block; font-size:8vw; letter-spacing:-0.5em; }
	div#openhouse_img dl dt a {display:block; width:100%; margin:32px auto 32px auto; padding:20px 0px 20px 0px; color:#000; font-size:6vw; line-height:120%; letter-spacing:0px; font-weight:bold; text-align:center; background-color:rgba(255,238,0,1.0); text-decoration:none; }
	div#openhouse_img dl dt a:hover {background-color:rgba(255,238,0,0.75); }
	div#openhouse_img dl dd {display:block; vertical-align:inherit; width:100%; }
	div#openhouse_img dl dd p {padding:154.4% 0px 0px 0px; }
	
	div#openhouse_madori {}
	div#openhouse_madori > div {padding:60px 0px 60px 0px; }
	div#openhouse_madori ul {display:block; margin:0px auto; }
	div#openhouse_madori ul li {display:block; vertical-align:inherit; padding:0px 0px 62px 0px; }
	div#openhouse_madori ul li img {width:100%; }
	div#openhouse_madori ol {display:block; width:100%; }
	div#openhouse_madori ol li {display:block; vertical-align:inherit; border:5px #FFF solid; }
	div#openhouse_madori ol li p {padding:70.6% 0px 0px 0px;}
	div#openhouse_madori dl {display:block; width:100%; }
	div#openhouse_madori dl dd {display:block; vertical-align:inherit; width:100%; border:5px #FFF solid; }
	div#openhouse_madori dl dd p {padding:66.7% 0px 0px 0px;}
	div#openhouse_madori dl dt {display:block; vertical-align:inherit; width:100%; border:5px #FFF solid; }
	div#openhouse_madori dl dt p {padding:149.8% 0px 0px 0px;}
	/* /openhouse */
	
	
	
	/* access */
	div#access {padding:0px; position:relative;}
	div#access > div {padding:60px 0px 60px 0px;}
	div#access h2 {padding:0px 0px 20px 0px; font-size:15vw;}
	div#access div#map {width:auto; margin:20px 0px;}
	div#access div#map iframe {width:100%; height:320px;}
	/* /access */
	
	
	
	/* 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 */
}