@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%; letter-spacing:1px;}
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;}
@media all and (-ms-high-contrast:none){
	.font_mincho {font-family: "ＭＳ Ｐ明朝", "MS PMincho", serif;}
}

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

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

a {text-decoration: none;}

.cont {display:block; width:100%; min-width:1020px; margin:0px;}
.contin {display:block; width:1000px; margin:0px auto;}
.continw {display:block; width:100%; min-width:980px; max-width:1620px; margin:0px auto;}
/* /common */



/* house */
div#house {background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#house:before {content:""; display:block; padding-top:52.08%; }
div#house > div {padding:0px 0px 400px 0px; }
div#house a {text-decoration:none; }
div#house a:hover {opacity:0.75; }
div#house h5 {display:inline-block; padding:30px 12px 12px 12px; color:#FFF; font-size:16px; line-height:120%; letter-spacing:1px; font-weight:bold; text-align:center; background-color:#3C2618; }
div#house h2 {padding:10px 0px 0px 0px; color:#FFF; font-size:100px; line-height:100%; letter-spacing:2px; font-weight:normal; text-align:center; 
text-shadow:0px 0px 5px rgba(122,118,112,1.0),-1px -1px 5px rgba(122,118,112,1.0),1px 1px 5px rgba(122,118,112,1.0);}

div#house dl {display:table; margin:0px auto; }
div#house dl dd {display:table-cell; vertical-align:middle; padding:0px 15px 0px 0px; }
div#house dl dd h3 {color:#FFF; font-size:70px; line-height:120%; letter-spacing:1px; font-weight:normal; 
text-shadow:0px 0px 5px rgba(122,118,112,1.0),-1px -1px 5px rgba(122,118,112,1.0),1px 1px 5px rgba(122,118,112,1.0);}
div#house dl dd h3 span {display:inline-block; font-size:50px;}
div#house dl dd h3 strong {font-weight:normal; }
div#house dl dt {display:table-cell; vertical-align:middle; padding:0px 0px 0px 0px; }
div#house dl dt p {color:#FFF; font-size:26px; line-height:120%; letter-spacing:0px; font-weight:bold; 
text-shadow:0px 0px 3px rgba(122,118,112,1.0),-1px -1px 3px rgba(122,118,112,1.0),1px 1px 3px rgba(122,118,112,1.0);}

div#house_cap {}
div#house_cap > div {padding:60px 0px 60px 0px;}
div#house_cap h3 {padding:0px 0px 20px 0px; color:#251E1C; font-size:24px; line-height:160%; letter-spacing:0px; font-weight:normal; text-align:center; }
div#house_cap h3 span {display:inline-block; text-align:left; }
div#house_cap h2 {padding:0px 0px 20px 0px; color:#251E1C; font-size:50px; line-height:120%; letter-spacing:2px; font-weight:normal; text-align:center; }
div#house_cap h1 {width:80%; margin:0px auto; padding:0px 0px 20px 0px; color:#251E1C; font-size:18px; line-height:160%; letter-spacing:0px; font-weight:normal; text-align:center; }
div#house_cap a#yoyakusei {display:block; width:76%; margin:20px auto 40px auto; padding:16px 0px 16px 0px; text-align:center; text-decoration:none; border-top:1px #A71527 solid; border-bottom:1px #A71527 solid; }
div#house_cap a#yoyakusei:hover {background-color:#FFC; }
div#house_cap a#yoyakusei span {display:inline-block; color:#A71527; font-size:21px; line-height:120%; letter-spacing:1px; font-weight:bold; }
div#house_cap a#yoyakusei strong {display:inline-block; padding:0px 0px 0px 20px; color:#251E1C; font-size:16px; line-height:120%; letter-spacing:0px; font-weight:normal; }
div#house_cap dl {display:block; }
div#house_cap dl dd {display:block; width:100%; }
div#house_cap dl dd ul {display:flex; flex-wrap: wrap; width:80%; margin:0px auto 20px auto; }
div#house_cap dl dd ul li {display:block; width:69.2%; padding:0px 0px 0px 0px;}
div#house_cap dl dd ul li:first-child,
div#house_cap dl dd ul li:last-child {width:30.8%; }
div#house_cap dl dd ul li p {display:block; padding-top:66.67%; background-position:center center; background-repeat:no-repeat; background-size:cover; border:8px #FFF solid; }
div#house_cap dl dd ul li:first-child p,
div#house_cap dl dd ul li:last-child p {padding-top:150%; }

div#house_cap dl dt {display:block; width:100%; padding:0px 0px 0px 0px; }
div#house_cap dl dt h4 {display:table; width:77%; margin:40px auto; }
div#house_cap dl dt h4 span {display:table-cell; vertical-align:middle; width:37%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#house_cap dl dt h4 span:after {content:""; display:block; padding:70.79% 0px 0px 0px; }
div#house_cap dl dt h4 strong {display:table-cell; vertical-align:middle; padding:0px 0px 0px 30px; color:#390; font-size:38px; line-height:140%; letter-spacing:0px; font-weight:bold; text-align:left; text-shadow:3px 3px 5px rgba(0,0,0,0.2);}
div#house_cap dl dt a {display:block; width:60%; margin:40px auto 0px auto; padding:16px 20px 16px 20px; color:#FFF; font-size:28px; line-height:120%; letter-spacing:1px; font-weight:bold; text-align:center; background-color:#3EB2E3;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;}
div#house_cap dl dt a:hover {opacity:0.75; }
div#house_cap dl dt h5 {width:55%; margin:0px auto; padding:16px 0px 0px 0px; font-size:18px; line-height:140%; letter-spacing:0px; font-weight:normal; text-align:justify; text-justify:inter-ideograph; }
div#house_cap dl dt img {margin:20px auto;}

div#house_map {background-color:#F2F8FD; }
div#house_map > div {padding:40px 0px 40px 0px;}
div#house_map iframe {width:100%; height:460px; margin:20px auto 0px auto;}
div#house_map img#ilmap {width:480px; margin:20px auto 0px auto; background-color:#FFF; }
/* /house */



/* header */
h2#header_cap {padding:43px 0px 52px 0px; font-size:17px; font-weight:normal; line-height:32px; text-align:center;}
/* /header */



/* plusone */
div#plusone {padding:0px 0px 0px 0px; background-color:#3EB2E3;}
div#plusone h4 {display:block; width:100%; margin:0px; padding:60px 0px 60px 0px; color:#FFF; font-size:38px; font-weight:normal; line-height:160%; letter-spacing:6px; text-align:center;}
div#plusone h4 strong {display:inline-block; padding:6px 45px 6px 45px; color:#3EB2E3; background-color:#FFF; }
div#plusone h4 span {padding:25px 0px 0px 0px; }
div#plusone dl {display:table; width:100%; margin:0px auto;}
div#plusone dl dt {display:table-cell; width:50%; vertical-align:top;}
div#plusone dl dt p {display:block; padding:70% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div#plusone dl dd {display:table-cell; width:25%; vertical-align:top;}
div#plusone dl dd p {display:block; padding:140% 0px 0px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
/* /plusone */



/* to contact */
div#to_contact {padding:47px 0px 41px 0px; background-color:#3EB2E3;}
div#to_contactin {text-align:center; color:#FFF;}
div#to_contact strong {padding:20px 0px 10px 0px; font-size:38px; font-weight:normal; line-height:50px;}
div#to_contact span {padding:0px 0px 20px 0px; font-size:22px; font-weight:normal; line-height:50px;}
div#to_contact p {display:inline-block; padding:18px 0px 28px 0px; font-size:27px; font-weight:normal; line-height:41px;}
div#to_contact a {display:inline-block; padding:18px 105px 18px 105px; color:#000; font-size:26px; font-weight:normal; line-height:100%; background-color:rgba(255,255,255,1.0);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
div#to_contact a:hover {background-color:rgba(255,255,255,0.8);}
div#to_contact a#yoyakusei {display:block; width:368px; margin:0px auto; padding:8px 0px 8px 0px; color:#FFF; font-size:36px; line-height:120%; letter-spacing:0px; font-weight:bold; text-align:center; background-color:#E95B6C; 
	border-radius:60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	-moz-box-shadow:3px 3px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.6);
	box-shadow:3px 3px 6px rgba(0,0,0,0.6);}
/* /to contact */



/* staffs */
div#staffs {}
div#staffsin {}
div#staffs ul {display:table; width:80%; margin:0px auto;}
div#staffs ul li {display:table-cell; width:20%; vertical-align:top;}
div#staffs ul li p {display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
div#staffs ul li p:before {content:""; display:block; padding-top:142.8%;}
div#staffs ul li strong {display:block; padding:12px 0px 12px 0px; font-size:15px; font-weight:normal; letter-spacing:0px; text-align:center;}
div#staffs ul li strong span {display:inline-block; font-size:11px;}
@media (min-width : 1620px){
	div#staffs ul li strong {font-size:20px;}
	div#staffs ul li strong span {font-size:17px;}
}
@media (max-width : 980px){
	div#staffs ul li strong {font-size:15px;}
	div#staffs ul li strong span {font-size:11px;}
}
h3#staffscap {padding:84px 0px 84px 0px; font-size:17px; font-weight:normal; line-height:32px; text-align:center;}
/* /staffs */



/* contactus */
div#contactus {padding:72px 0px 60px 0px; position:relative; background-color:#E6E6E6;}
div#contactusin {padding:0px;}

div#contactus dl {width:100%; margin:0px; padding:0px;}
div#contactus dl dd {padding:0px; color:#000; font-size:19px; font-weight:normal; line-height:22.8px; text-align:center;}
div#contactus dl dt {padding:15px 0px 28px 0px; color:#000; font-size:15px; line-height:38.4px; text-align:center;}
div#contactus dl dt h5 {font-size:32px; font-weight:normal;}
div#contactus dl dt strong {padding:10px 0px 10px 0px; font-size:22px; font-weight:normal;}
div#contactus dl dt span.red {display:inline-block; color:#F00;}
div#contactus dl dt h6 {font-size:16px; line-height:160%; font-weight:normal;}

div#contactus form {width:100%;}
div#contactus table {width:100%; margin:0px auto; padding:0px; border-collapse:collapse; background-color:#FFF;}
div#contactus table tr {border-bottom:1px #B3B3B3 solid;}
div#contactus table tr:last-child {border:none;}
div#contactus table th {width:200px; padding:22px 15px 22px 15px; font-size:18px; font-weight:normal; line-height:160%; text-align:left; border-right:1px #B3B3B3 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:4px 10px; color:#F00; font-size:16px; font-weight:normal; line-height:140%;}
div#contactus table td input[type="text"] {width:100%; border:none; font-size:16px; box-sizing:border-box; background-color:#EEE; }
div#contactus table td input[type="date"] {font-size:16px; }
div#contactus select {font-size:16px;}
div#contactus textarea {width:100%; height:210px; border:none; font-size:16px; box-sizing:border-box; background-color:#EEE; }
div#contactus p.messagebox {padding:25px 0px 0px 0px; text-align:center;}
div#contactus input[type="button"] {display:block; width:300px; margin:25px auto 25px auto; padding:12px 0px 12px 0px; color:#FFF; font-size:25px; font-weight:bold; background-color:#000; cursor:pointer;
	border-radius:inherit;
	-webkit-border-radius:inherit;
	-moz-border-radius:inherit;}
div#contactus input[type="button"]:hover {background-color:#333;}

ul#childs {display:table; }
ul#childs li {display:table-cell; vertical-align:middle; }
ul#childs li input[type="text"] {width:15% !important; margin:0px 0px 0px 10px; background-color:#EEE; }
ul#childs li select {}
/* /contactus */


.note{
	padding: 4%;
	border: 5px solid #dfdfdf;
	box-sizing: border-box;
	background: #fff;
	margin-top: 60px;
	font-size: 14px;
	line-height: 1.5em;
}

.note .title{
	font-size: 16px;
	font-weight: bold;
}

.note .read{
	margin-top: 10px;
}

.note ul{
	margin-top: 30px;
}

.note li{
	margin-bottom: 30px;
}

.note li:last-child{
	margin-bottom: 0;
}

.note li .tit{
	font-size: 15px;
	font-weight: bold;
	padding-left: 1em;
    text-indent: -1em;
}

.note li p{
	margin-top: 10px;
	padding-left: 1em;
}



/* footer */
div#footer {padding:52px 0px 52px 0px;}
div#footer a {display:block; width:200px; margin:0px auto; text-decoration:none; }
div#footer a:hover {opacity:0.75; }
div#footer img {display:block; margin:0px auto;}
/* /footer */