@charset "UTF-8";
/*------------------------normalize*/
html {height: 100%;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}a {background: transparent;}a:active,a:hover {outline: 0;}sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}pre {overflow: auto;}button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;}button {overflow: visible;}button,select {text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;}button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}input {line-height: normal;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}textarea {overflow: auto;}table {border-collapse: collapse; border-spacing: 0;}td,th {padding: 0;}img{ vertical-align: bottom;}
button{ border:none;}button:focus{ outline:none;}table { border-collapse: collapse; border-spacing: 0;}input,textarea {-webkit-appearance: none;}
*{ box-sizing: border-box;}
ul, ol, dl, dt, dd{ list-style: none; margin: 0; padding: 0; }
/*------------------------normalizeEnd*/

body { position :relative;height: 100%;
	background:#fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#444;
	margin:0 auto;
	text-align:center;
	font-size:14px;
}

h1, h2, h3, h4, h5, h6{ margin:0 0 10px; padding:0; line-height:1.4em;}
h2{ font-size: 28px; }
h3{ font-size: 22px;}
h3{ margin-bottom: 2em; font-weight: normal; }
h3 span{ font-size: 2.2em; line-height: 1.5em; font-weight: bold; }
h4{ font-size: 22px; }
h4{ font-size: 14px;}
h5{}
p{ font-size: 14px; line-height:1.5em;}

section{ margin-bottom: 50px; }
article{ padding: 100px 0;}
address{ font-style:normal;}
a:link, a:visited{ text-decoration: none; color:#007ab0;}/*007ab0*/
a:hover{ opacity: 0.6; transition: 0.4s; color:#0099FF;}/*0099FF*/
area { outline:none; }

/*------*/
.wrapBox{ width:1000px; margin:0 auto;}

.box01{ background: #f5f5f5; }


/*------------------------Style*/
main{ text-align:left;}
.low{ padding-top: 120px; }
main p{ color:#666; text-align: justify;}

header.navBox{ z-index: 4000; background-color: rgba(255,255,255,0.4);
    display: flex;
    padding: 10px 0;
    position: fixed;
    justify-content: space-between;
    width: 100%;}
header.navBox h1{ width: 100px; float: left;}
header.navBox h1 img{ width: 100%; }
header.navBox nav{ text-align: right; padding-top: 30px; }
header.navBox nav li{ display: inline-block; font-size: 14px; margin-right: 2em; }
header.navBox nav li a:link,
header.navBox nav li a:visited{ color: #000; }

header.navBox nav li span{ background: #000; padding: 1em 1.5em; }
header.navBox nav li span a:link,
header.navBox nav li span a:visited{ color: #fff; }


.lowNav{ margin: 0; padding: 40px 0; }
.lowNav li{ display: inline-block; }
.lowNav a:link,
.lowNav a:visited{ padding: 0 2em; color: #444; }

footer{ background: #f5f5f5; padding: 100px 0 40px; text-align: left; }
small{}
small img{ margin-right: 1em;}

footer .SNS{ float: right; padding-top: 20px;}
footer .SNS a{ text-align: center; display: inline-block; width: 40px; height: 40px; background: #000; }
footer .SNS  a:link,
footer .SNS  a:visited{ color: #fff; }
footer .SNS a i{ font-size: 16px; padding-top: 12px; }



h3{ margin-bottom: 2em; font-weight: normal; }
h3 span{ font-size: 2.2em; line-height: 1.5em; font-weight: bold; }
h4{ font-size: 22px; }


/*------*/
.mainBox{ background: url("../img/mainImg.png") no-repeat center; background-size: cover; height: 100%;}
.mainBox:before{
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.mainBox {
animation-name: anime1;
animation-duration: 4s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-delay: -2s;
}

@keyframes anime1 {
0% {transform: scale(1.6);}
100% {transform: scale(1);}
}

.readBox{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: left; padding-top: 300px;}
.readBox h2{ color: #fff; font-size: 60px;}
.readBox h3{ color: #fff;}

.readBox h2{
	animation: fadein 3s linear 0s 1;
}
@keyframes fadein {
0% { opacity: 0;}
50% { opacity: 0;}
100% { opacity: 1;}
}

.readBox h3{
	animation: fadein 4s linear 0s 1;
}
@keyframes fadein {
0% { opacity: 0;}
50% { opacity: 0;}
100% { opacity: 1;}
}


.news{ margin-bottom: 40px; }
.news li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.news .tag{ display: inline-block; color: #fff; font-size: 12px; margin-bottom: 10px; padding: 4px 1em; }
.news .date{font-family: 'Oswald', sans-serif; color: #aaa; padding-right: 1em; }


/*------*/
.cate01{ background: #08a1cb; }
.cate02{ background: #7eb501; }
.cate03{ background: #f08d05; }
.cate04{ background: #e44128; }

.flex{ display: flex; flex-wrap: wrap;}
.flex .box{ width: 24%; margin: 0.5%; margin-bottom: 20px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); background: #fff; }
.flex .box figure{ width: 100%; height: 160px; overflow: hidden; position: relative; }
.flex .box figure img{ width: 100%;}
.flex .box figcaption{ font-size: 12px; color: #fff; padding: 4px 20px; position: absolute; bottom: 0; }

.flex .box .txtBox{ padding: 10px; }
.flex .box .txtBox h3{ font-size: 14px; margin: 0 0 1em; color: #08a1cb; }
.flex .box .txtBox p.data{font-family: 'Oswald', sans-serif; color: #ccc; margin: 0; padding: 0;}

/*------*/
.dl01{ float: right; width: 680px; margin-bottom: 50px; }
.dl01 dt, .dl01 dd{ }
.dl01 dt{ float: left; clear: left; width: 12em; margin-bottom: : 50px; font-weight: bold; }
.dl01 dd{ float: left; margin-bottom: 50px; }




/*------*/
.subImg{ height: 200px; }
.aboutImg{ background-image: url("../img/mainImg.png"); background-position: center; background-size:cover; }
.aboutBox{ background-image: url("../img/aboutImg.png"); background-position: center; background-size:cover; padding: 100px 0; margin-bottom: 0;}
.aboutBox h3,
.aboutBox h4,
.aboutBox p{ color: #fff; }



/*btnBox*/
.btnBox {}
.btnBox a{ display: inline-block; margin: 40px 0 0; padding: 20px 8em; border: 1px solid #fff; text-align: center; }
.btnBox a:link, .btnBox a:visited{ color: #fff; }
.btnBox a:hover{ background: #fff; color: #000; }

.btnBox02 {text-align: center; }
.btnBox02 a{ display: inline-block; padding: 20px 8em; border: 1px solid #000; text-align: center; }
.btnBox02 a:link, .btnBox02 a:visited{ background: #000; color: #fff; }
.btnBox02 a:hover{ background: #fff; color: #000; }


/*map*/
.map{ width: 100%; height: 450px;}


/*table*/
.table01{width: 100%; margin-bottom:4em; border-collapse: collapse; font-size:0.8em; text-align:center; border: 1px solid #666;}
.table01 th{ font-weight:normal; width: 25%; padding: 6px; vertical-align: top; color: #333; background-color: #f0f0f0; border: 1px solid #666;}
.table01 td{ padding: 6px; background-color: #f9f9f9; border: 1px solid #666;}
.table01 table th{ width:auto;}
.table01 table td{ padding: 3px;}


/*pagetop*/
.pagetop{ display: none; }
.pagetop a:link,
.pagetop a:visited{ display: block;position: fixed; width: 60px; height: 60px; bottom: 100px; right: 40px; background: #444; color: #fff; }
.pagetop a i{ font-size: 20px; padding-top: 20px; }


/*------------------------otherStyle*/
.Oswald{font-family: 'Oswald', sans-serif;}

.PC{ display:block;}
.SP{ display:none;}

.red{ color:red;}
.B{ font-weight: bold;}

.tR{ text-align:right;}
.tC{ text-align:center;}
.super{ vertical-align:super; font-size:0.5em;}
.italic{ font-style:italic;}
.serif{ font-family:Georgia, "Times New Roman", Times, serif;}

.none{ display: none;}


.fR{ float:right;}
.fL{ float:left;}

.figureR{ float:right; padding:0 0 3px 1em;}

.clear { clear:both; }
.clear hr { display:none; }
.cf:after{/*for modern browser*/
    content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.cf {zoom:1;/*for IE 5.5-7*/}

#toggle{ display: none;}



@media screen and (max-width: 1000px) {
section{ margin-bottom: 25px; }
article{ margin-bottom: 0; padding: 25px 0;}

.wrapBox{ width:100%; padding: 10px;}

.lowNav{ margin: 0; padding: 40px 0 ; }
.lowNav li{ display: block; margin-bottom: 1em; }



main{}
header.navBox{ width: 100%; height: 60px; padding: 0; background-color: rgba(255,255,255,0.8);/*box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);*/} 
header.navBox h1{ width: 60px; float: none; position: fixed;}
header.navBox nav{ text-align: center; padding-top: 30px; }
header.navBox nav li{ display: block; font-size: 14px; margin: 40px 0; }
header.navBox nav li a:link,
header.navBox nav li a:visited{ color: #fff; }

footer{ padding: 20px 0;}
footer .SNS{ float: none; padding: 20px 0 40px;}
small img{ display: block; }

nav{ display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 2000; width: 100%; padding: 60px 0 0; height: 100%;}

#toggle{ display: block; position: fixed; font-size: 30px; top: 10px; right: 20px; z-index: 8000; background: none;}
#toggle a{ color: #2471ec; opacity: 1;}
.fa-bars{transition: 0.4s; color: #666;}
.fa-times{transition: 0.2s; transform: rotate(90deg); color: #fff;}


.readBox h2{ color: #fff; font-size: 24px; padding-top: 200px;}
.readBox h3{ color: #fff; font-size: 1em;}

/*------*/
h3,
h4{ margin-bottom: 1em; font-weight: normal; }
h3 span{ font-size: 1.2em; line-height: 1.5em; font-weight: bold; }



.subImg{ height: 120px; }

/*------*/
.flex .box{ width: 49%;}

.aboutBox{ padding: 50px 0; }

.dl01{ float: none; width: auto;}
.dl01 dt, .dl01 dd{ float: none; width: 100%; }
.dl01 dt{ width: 180px; margin-bottom: : 30px; font-weight: bold; }
.dl01 dd{ margin-bottom: 30px; }


.btnBox a{ display: block; margin: 40px 0 0; padding: 20px 0; }

.map{ height: 280px;}


.pagetop a:link,
.pagetop a:visited{ position: relative; width: 100%; height: 60px; bottom: 0; right: 0; }
}

@media screen and (max-width: 660px) {
.flex .box{ width: 100%;}
}



/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/ 

.img-responsive{
	width:100%;
	height:auto;
}

.opacity { transition:all 0.2s ease-out;}
.opacity:hover { opacity: .7;}

.clear { clear: both;}
.clearfix { width: 100%;}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}

/* margin */
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}

.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}

/* padding */
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}

.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}

.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}

.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}

/*------------------------------------------------------------ 
    コンテンツ 
------------------------------------------------------------*/ 

#contents{ padding-top:166px;}

.headline{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

.headline-en{
	text-align:center;
	color:#444;
	font-size:34px;
	line-height:1;
	margin:0;
	padding:0;
}

.headline-jp{
	line-height:1.2;
	font-size:13px;
	margin-top:10px;
	font-weight:normal;
}

.inner {
	width:100%;
	max-width: 1060px;
	margin: 0 auto;
	padding-right:50px;
	padding-left:50px;
	box-sizing:border-box;
}

.inner.wid{ max-width:1130px;}
.inner.small{ max-width:815px;}
.inner.mid{ max-width:880px;}

.list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	   -ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hover figure{ overflow:hidden;}

.hover img{ transition:all 0.4s ease-out;}

.hover:hover img{ transform:scale(1.1);}

.propertyItem{
	width:22.29166666666667%;
	margin-bottom:3.61%;
}

.propertyItem a{
	display:block;
	width:100%;
	color:#000;
}

.propertyHd{
	margin-top:12px;
	position:relative;
}

.propertyHd:after{
	display:block;
	content:"";
	width:14px;
	height:14px;
	background:url(../img/icons.png) no-repeat -24px 0;
	background-size:100px 100px;
	position:absolute;
	right:0;
	top:6px;
}

.list-flag{
	width:70px;
	line-height:24px;
	text-align:center;
	color:#848384;
	font-size:13px;
	margin:0;
	background:#fff;
	border:1px solid #AEADAE;
}

.propertyHd h3{
	font-size:13px;
	padding:5px 0;
}

.inner.property{
	max-width:836px;
	margin-top:60px;
	overflow:hidden;
}

.sectionAddress{
	font-size:17px;
	margin-bottom:10px;
}

.sectionInfo{
	width:100%;
	margin-bottom:30px;
	overflow:hidden;
}

.sectionInfo .list-flag{
	color:#595757;
	float:left;
	border-color:#6C6A6A;
}

.sectionTxt{
	width:calc(100% - 90px);
	float:right;
	line-height:26px;
	font-size:20px;
	font-weight:normal;
	margin:0;
}

#slider{ margin-bottom:25px;}

#thumbnail-slider{
	width:auto;
	margin:0 -100px;
	padding:0 100px;
}

#thumbnail-slider .slick-list{
	width:auto;
	margin:0 -50px;
}

#thumbnail-slider .slick-slide{
	cursor:pointer;
	padding:0 5px;
	box-sizing:border-box;
}

#thumbnail-slider .slick-current{ opacity:0.7;}

.section{ margin-top:100px;}

#contents .sectionHd{
	width:100%;
	font-size:38px;
	font-weight:normal;
	margin-bottom:30px;
	text-align:center;
}

.tableWrap{
	width:100%;
	box-sizing:border-box;
	border:1px solid #696969;
}

.propertyTbl{
	width:50%;
	font-size:14px;
} 

.propertyTbl th{
	vertical-align:top;
	width:100px;
	padding:10px;
	text-align:left;
	border-right:2px solid #ADADAE;
	background:#E9E9EA;
}

.propertyTbl td{
	vertical-align:top;
	padding:10px;
}

.propertyTbl tr:not(:last-child){ border-bottom:2px solid #ADADAE;}

#other{
	margin-top:150px;
	padding-bottom:30px;
}

#otherHd{
	width:100%;
	text-align:center;
	font-size:38px;
	padding-bottom:10px;
	margin-bottom:30px;
	font-weight:normal;
	line-height:1;
	border-bottom:1px solid #929292;
}


/* FADE IN */

.fadein{
	opacity:0;
	transform:translate(0, 50px);
	transition:all 0.6s;
}

.fadein.scrollin{
    opacity:1;
    transform:translate(0, 0);
}


/* NEWS */

.text{ font-size:15px;}

.text-big1{
	font-size:21px;
	font-weight:bold;
}

.text-big2{
	font-size:23px;
	font-weight:bold;
}

.text-big3{
	font-size:27px;
	font-weight:bold;
}

.halfBox{ width:calc(50% - 20px);}

#contents .newsItem{
	width:100%;
	padding:80px 0;
	border-bottom:2px solid #BEBEBE;
}

.newsHd{
	width:100%;
	margin-bottom:20px;
}

.newsHd .list-flag{
	display:inline-block;
	vertical-align:middle;
	color:#595757;
	margin-right:10px;
	border-color:#6C6A6A;
}

.newsHd-date{
	display:inline-block;
	vertical-align:middle;
	line-height:26px;
	color:#595757;
	font-size:14px;
}

.newsHd-ttl{
	font-size:20px;
	font-weight:bold;
	margin-top:10px;
}

.snsList{
	width:100%;
	margin-top:40px;
	text-align:right;
}

.snsList li{
	display:inline-block;
	vertical-align:top;
	width:27px;
	margin-left:8px;
}

/* CONTACT */

#contactForm{
	width:100%;
	padding:50px 0 120px;
}

#contactForm dl{ margin-bottom:35px;}

#contactForm dt{
	width:auto;
	padding-left:10px;
	margin-bottom:10px;
	line-height:20px;
	font-weight:bold;
	font-size:15px;
	border-left:4px solid #818181;
}

#contactForm .required:after{
	display:inline-block;
	vertical-align:middle;
	content:"必須";
	line-height:20px;
	padding:0 5px;
	margin-left:10px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background:#6C6A6A;
}

.form-input{
	width:100%;
	height:36px;
	padding:0 10px;
	background:#EEEEEE;
	border:none;
	font-size:14px;
	box-sizing:border-box;
}
.form-textarea{
	width:100%;
	height:200px;
	padding:10px;
	background:#EEEEEE;
	resize:none;
	overflow:auto;
	border:none;
	font-size:14px;
	box-sizing:border-box;
}

.input-error{ background:#ff7f7f;}

.sectionHd{
	width:100%;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
}

.sectionAddress{
	font-size:17px;
	margin:35px 0 10px;
}

.sectionInfo{
	width:100%;
	margin-bottom:80px;
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:2px solid #BEBEBE;
}

.sectionInfo .list-flag{
	color:#595757;
	float:left;
	border-color:#6C6A6A;
}

.button{
	width:250px;
	height:50px;
	margin:50px auto 0;
}

.button a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:14px;
	background:#000;
}

.news a{ color:inherit;}







@media screen and (max-width: 1024px){

.inner{
	padding-right:25px;
	padding-left:25px;
}

}

@media screen and (max-width: 960px){

#thumbnail-slider .slick-list{ margin:0 -5px;}

}

/* TABLET */
@media screen and (min-width: 789px){

.tb-show{ display:none;}

}

@media screen and (max-width: 788px){

.tb-hide{ display:none;}

}

/* SP */
@media screen and (min-width: 561px){

.sp-show{ display:none;}

/* 1つ足りない時 */
.propertyItem:nth-child(4n+3):last-child{ margin-right:25.90277777777778%;}

/* 2つ足りない時 */
.propertyItem:nth-child(4n+2):last-child{ margin-right:51.80555555555555%;}

/* 3つ足りない時 */
.propertyItem:nth-child(4n+1):last-child{ margin-right:77.70833333333333%;}

}

@media screen and (max-width: 560px){

.sp-hide{ display:none;}

.inner{
	padding-right:15px;
	padding-left:15px;
}

/* contents */

.headline-en{ font-size:28px;}

.propertyItem{
	width:47.36842105263158%;
	margin-bottom:5.26315789473684%;
}

.propertyHd:after{ top:5px;}

.list-flag{
	line-height:22px;
	font-size:12px;
}

#contents{ padding-top:100px;}

.text{ font-size:14px;}
.text-big1,
.sectionAddress,
.newsHd-ttl{ font-size:16px;}
.text-big2{ font-size:18px;}
.text-big3{ font-size:21px;}

.halfBox{
	width:100%;
	margin-bottom:25px;
}

.button{ margin-top:30px;}

.inner.property{ margin-top:30px;}

#slider,
.sectionInfo{ margin-bottom:15px;}

.section{ margin-top:50px;}

#contents .sectionHd{
	font-size:21px;
	margin-bottom:15px;
}

.sectionTxt{
	width:calc(100% - 84px);
	font-size:17px;
}

.propertyTbl{ width:100%;}

.propertyTbl:first-child{ border-bottom:2px solid #ADADAE;}

#other{
	margin-top:70px;
	padding-bottom:20px;
}

#otherHd{
	font-size:21px;
	margin-bottom:20px;
}

/* NEWS */

#contents .newsItem{
	padding:40px 0;
	border-bottom:1px solid #BEBEBE;
}

.newsHd{ margin-bottom:15px;}

.snsList{ margin-top:25px;}

/* CONTACT */

#contactForm{
	width:100%;
	padding:25px 0 60px;
}

#contactForm dl{ margin-bottom:25px;}

.sectionAddress{
	font-size:16px;
	margin-top:20px;
}

.sectionInfo{
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:1px solid #BEBEBE;
}

.sectionInfo .list-flag{
	color:#595757;
	float:left;
	border-color:#6C6A6A;
}

.sectionTxt{
	width:calc(100% - 84px);
	font-size:17px;
}



}