@charset "utf-8";
/*-------------------------------------------------------------- */
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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;scroll-behavior: smooth;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"";}
img{max-width:100%;height:auto;vertical-align:bottom;-webkit-backface-visibility: hidden;}
a img{max-width:100%;height:auto;border:0;}
a:hover img{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; /*animation:fadeIn 1s ease 0s 1 normal;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font:16px/1.75 "source-han-sans-japanese","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;color:#000;animation:fadeIn 2s ease 0s 1 normal; font-feature-settings : "palt";  letter-spacing: 0.5rem;}
.webp body { background: url(images/webp/kv_bg.webp) no-repeat right top 225px;}
.no-webp body {background: url(images/kv_bg.jpg) no-repeat right top 225px; }
/*"source-han-serif-japanese","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
/*"ff-providence-web-pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
/*::after{ display: block; clear: both; content: '';}*/

/* リンク設定
------------------------------------------------------------*/
a{text-decoration:none;outline:0;vertical-align:baseline;color:#000;}
a:hover,a:active{color:#000;}

/* 汎用クラス
*****************************************************/
.pcDisp{display:block;}
.spDisp{display:none;}


/* ヘッダー
------------------------------------------------------------*/
header{background:#fff; letter-spacing: 0.1rem;}
header .inner{max-width:1200px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
header .inner::after{ display: block; clear: both; content: '';}
header h1{ float: left; margin-top: 15px; margin-bottom: 10px;}

@media only screen and (max-width:644px){
header h1{ float: none;}
header h1 img{ width: 50%;}
header .headbtn{ display: none;}
}

/* グローバルナビゲーション
*****************************************************/
nav#mainNav{ width: 80%; float: right;}
nav#mainNav::after{ display: block; clear: both; content: '';}
nav#mainNav ul{max-width:1200px;width:100%;margin:30px auto 0;display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;}
nav#mainNav li{width:100%;text-align:center;box-sizing:border-box;}
nav#mainNav li a{margin:0 auto;padding:10px 0;font-size:14px;color:#595757;display:block;box-sizing:border-box; letter-spacing: 0.2rem;font-family: source-han-serif-japanese, serif;font-weight: 500; transition: 0.2s;}
nav#mainNav li a.now{color: #ff8645; }
.webp nav#mainNav li a.now {background: url(images/webp/icon4.webp) no-repeat top center; }
.no-webp nav#mainNav li a.now {background: url(images/icon4.jpg) no-repeat top center; }
nav#mainNav li a:hover{color:#ff8645; }
.webp nav#mainNav li a:hover { background: url(images/webp/icon4.webp) no-repeat top center;}
.no-webp nav#mainNav li a:hover { background: url(images/icon4.jpg) no-repeat top center;}
nav#mainNav li:last-child a{ background:#ff8645; border-radius: 3px; color: #fff; padding: 3px 0; border: 1px solid #ff8645;}
nav#mainNav li:last-child a:hover{ background:#fff; border-radius: 3px; color: #ff8645; padding: 3px 0; }
div.drawer,div.fixedMenu,.spMenuCenter{display:none;}

@media only screen and (max-width:796px){
nav#mainNav{ width: 100%; float: none;}
nav#mainNav li a{font-size:11px;}
}


/* メイン画像
*****************************************************/
#kv::after{ display: block; clear: both; content: '';}
#kv .inner{width:100%;margin:0 auto;position: relative; padding-top: 50px;}
#kv .inner video,#kv .inner .cover img{ width: 100%;}
#kv .inner .cover{ position: absolute; top: 0; z-index: 100; width: 100%; }
#kv .imgset{ position: relative; padding-right: 20px; padding-bottom: 20px; margin-bottom: 115px; margin-right: 80px;}
#kv .imgset::after { content: ''; position: absolute;  width: 1335px;  height: 375px;  bottom: 0;  right: 0;background: #ff8645; z-index: -10;}
#kv .imgset img{ width: 100%;}
#kv .copy1{ position: absolute; top: 310px; left: 50px; font-size: 72px; color: #fff;font-weight: 700; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); animation: kvcopyfade 1s ease-in-out 1s 1  forwards; opacity: 0; z-index: 100;}
#kv .copy2{ position: absolute; top: 410px; left: 50px; font-size: 72px; color: #fff;font-weight: 700; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); animation: kvcopyfade 1s ease-in-out 2.5s 1  forwards; opacity: 0; z-index: 100;}
#kv .copy3{ position: absolute; top: 530px; left: 50px; font-size: 30px; color: #fff;font-weight: 400; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); animation: kvcopyfade 1s ease-in-out 3.5s 1  forwards; opacity: 0; z-index: 100;}

@keyframes kvcopyfade {
0% {transform: translateY(-50px);opacity: 0;}
80% {opacity: 1;}
100% {opacity: 1;transform: translateY(0);}
}

#kv .scroll{ position: absolute; bottom: 50px;left: 50%; margin: auto; font-size: 18px; letter-spacing: 0.5rem; z-index: 100;}
#kv .scroll a{ color: #fff; display: inline-block;position: relative; padding-bottom: 70px;}
#kv .scroll a:after{content: ''; width: 2px; height: 50px; animation: animate 2s linear infinite; animation-delay: 1s; background: linear-gradient(to bottom, transparent, #fff); position: absolute; bottom: 0; left: 48%;}
@keyframes animate {
0% { transform: translateY(-100%); }
100% { transform: translateY(100%); }
}

@media only screen and (max-width:796px){
#kv .copy1 { top: 110px; font-size: 50px;}
#kv .copy2 { top: 180px; font-size: 50px;}
#kv .copy3 { top: 270px;}
#kv .scroll{ left: 40%;}
#kv .scroll a{ padding-bottom: 35px;}
#kv .scroll a:after{height: 25px;}
}

@media only screen and (max-width:644px){
#kv .imgset { padding-right: 10px; padding-bottom: 10px; margin-bottom: 5px; margin-right: 10px;}
#kv .imgset::after { width: 80%; height: 500px;}
#kv.inpage .imgset::after { height: 70px;}
#kv .copy1 { top: 160px; left: 20px; font-size: 42px; letter-spacing: 0.25rem; line-height: 1.5;}
#kv .copy2 {top: 280px; left: 20px; font-size: 41px;letter-spacing: 0.25rem; }
#kv .copy3 { top: 490px; left: 20px; font-size: 20px;letter-spacing: 0.25rem; }
}

/* 見出し
*****************************************************/
main h2{font-family: ff-providence-web-pro, sans-serif; font-size: 35px; color: #ff8645;position: relative; display: inline-block; line-height: 1.2; padding: 0 35px; margin-bottom: 50px;}
main h2::before, main h2::after { content: ''; position: absolute; bottom: -10px; display: inline-block; height: 3px; background-color: #ff8645;}
main h2::before { left:0;}
main h2::after { right: 0;}
main h2 span{ content: ''; position: absolute; bottom: -40px; left: 0; right: 0; margin: auto;display: inline-block; width: 3px; height: 30px; background-color: #ff8645;}
main h3{font-size: 38px; color: #ff8645; margin-bottom: 30px; line-height: 1.5;}

/* コンテンツ
*****************************************************/
/*トップページ*/
#iabout{ text-align: center; padding-bottom: 50px; padding-top: 50px;}
#iabout h2::before, #iabout h2::after { width: 120px;}
#iabout h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#iabout p{ line-height: 3;font-weight: 500;font-family: source-han-serif-japanese, serif; font-size: 18px; margin-bottom: 100px;}
#iabout .illust{position: absolute; top:30px; right: 500px;}
#iabout ul{ width: 96%; margin: 0 auto; display: flex; padding-bottom: 80px;}
#iabout ul li{width: 100%; margin-right: 20px; position: relative;}
#iabout ul li:last-child{ margin-right: 0;}
#iabout ul li:before{ position: absolute; width: 430px; height: 265px; background: #f7f7f7; content: ''; top: 0; left: 0; z-index: -10;}
.webp #iabout ul .liin {background: url(images/webp/icon3.webp) no-repeat left 10px top 15px; }
.no-webp #iabout ul .liin {background: url(images/icon3.png) no-repeat left 10px top 15px; }
#iabout ul .liin:before{ position: absolute; width: 365px; height: 2px; background: #ff8645; content: ''; top: 15px; left: 15px;}
#iabout ul .liin:after{ position: absolute; width: 365px; height: 220px; border-right: #ff8645 2px solid;border-bottom: #ff8645 2px solid; content: ''; bottom: -15px; right: 0;}
#iabout ul li .point{ font-size: 26px;font-family: ff-providence-web-pro, sans-serif;font-weight: 400; color: #ff8645; text-align: right; padding-right: 60px; padding-top: 10px;}
#iabout ul li .point span{ font-size: 46px;font-family: source-han-sans-japanese, sans-serif;font-weight: 500;}
#iabout ul li p{ font-size: 20px;font-weight: 500; line-height: 2;font-family: source-han-sans-japanese, sans-serif; padding-bottom: 50px; letter-spacing: 0.25rem; margin-bottom: 0;}
#itochi{ padding-top: 50px;}
.webp #itochi { background: url(images/webp/tochi.webp) no-repeat left top; background-size: 100% auto;}
.no-webp #itochi {background: url(images/tochi.png) no-repeat left top; background-size: 100% auto; }
#itochi h2{ font-size: 59px; text-align: right; padding-right: 20px; font-family: source-han-serif-japanese, serif; font-weight: 600; line-height: 1.5; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); margin-bottom: 40px; color: #000;width: 100%; box-sizing: border-box;}
#itochi .box{ width: 910px; margin-right: 20px; float: right; margin-bottom: 165px;}
#itochi .box::after{ display: block; clear: both; content: '';}
#itochi .box p{ background: rgba(255,255,255,0.7); padding: 30px 20px; font-size: 20px; margin-bottom: 65px;letter-spacing: 0.25rem;}
#itochi .box .btnset::after{ display: block; clear: both; content: '';}
#itochi .box .btnset .btn2.lft{ float: left;}
#itochi .box .btnset .btn2.rgt{ float: right;}
#iproperty{ text-align: center; padding-bottom: 150px;}
#iproperty h2::before, #iproperty h2::after { width: 120px;}
#iproperty h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#iproperty .illust{position: absolute; top:-20px; right: 300px;}
#iproperty ul{ width: 96%; margin: 0 auto; display: flex; padding-bottom: 80px;}
#iproperty ul li{width: 100%; margin-right: 20px; position: relative; text-align: left;}
#iproperty ul li:last-child{ margin-right: 0;}
#iproperty ul li:before{ position: absolute; width: 430px; height: 380px; background: #f7f7f7; content: ''; top: 0; left: 0; z-index: -10;}
.webp #iproperty ul .liin {background: url(images/webp/icon3.webp) no-repeat left 10px top 15px; }
.no-webp #iproperty ul .liin {background: url(images/icon3.png) no-repeat left 10px top 15px; }
#iproperty ul .liin:before{ position: absolute; width: 365px; height: 2px; background: #ff8645; content: ''; top: 15px; left: 15px;}
#iproperty ul .liin:after{ position: absolute; width: 365px; height: 220px; border-right: #ff8645 2px solid;border-bottom: #ff8645 2px solid; content: ''; bottom: -15px; right: 0;}
#iproperty ul .img{  padding-top: 30px; padding-left: 30px; margin-bottom: 40px;}
#iproperty ul .img span{ position: absolute; top: 30px; left: 30px; color: #fff; font-size: 16px; padding: 5px 20px; background: #ff8645;}
#iproperty ul p{ text-align: center; font-size: 20px;letter-spacing: 0.25rem;}
#iproperty ul .price{ text-align: center; font-size: 26px;font-weight: 700; margin-bottom: 30px;}
#iproperty ul .price span{ font-size: 18px;}
#inews{ padding-bottom: 50px;}
#inews .tit{text-align: center; }
#inews h2::before, #inews h2::after { width: 70px;}
#inews h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#inews .illust{position: absolute; top:10px; right: 450px;}
#inews ul{ margin-bottom: 50px;}
#inews ul li{ font-size: 18px; color: #595959;font-family: source-han-serif-japanese, serif;font-weight: 600; border-bottom: dashed #595959 2px;}
#inews ul li:last-child{ border-bottom: none;}
#inews ul li a{ width: 100%; display: block; padding: 20px 0; transition: 0.2s; background: none;}
#inews ul li a:hover{background: #fae3d7;}

@media only screen and (max-width:796px){
#iabout ul li .point { font-size: 20px; padding-right: 10px; padding-top: 30px;padding-bottom: 30px;}
#iabout ul li .point span { font-size: 33px;}
#iabout ul .liin:before { width: 225px;}
#iabout ul li:before { width: 230px;}
#iabout ul li { margin-right: 5px;}
#iabout ul li p { font-size: 12px; padding-bottom: 80px;}
#iabout ul .liin:after { width: 205px; height: 160px;}
#iabout .illust { right: 160px;}
#itochi h2 { font-size: 37px;}
#itochi .box { width: 90%; float: none; margin: 0 auto 50px;}
#itochi .box .btnset .btn2.lft,#itochi .box .btnset .btn2.rgt { float: none;}
#itochi .box .btnset .btn2.lft{ margin-bottom: 30px;}
#iproperty ul .liin:before { width: 225px;}
#iproperty ul li:before { width: 230px; height: 340px;}
#iproperty ul li { margin-right: 5px;}
#iproperty ul li p { font-size: 12px; padding-bottom: 20px;}
#iproperty ul .liin:after { width: 205px; height: 160px;}
#iproperty ul .img span {font-size: 10px;}
#iproperty .illust { right: 40px;}
#inews ul li { font-size: 12px;}
}

@media only screen and (max-width:644px){
#iabout{ padding-bottom: 0;}
#iabout h2::before, #iabout h2::after { width: 70px;}
#iabout p{ width: 90%; margin: 0 auto; line-height: 2;text-align: left; margin-bottom: 50px;}
#iabout .illust{ top:0; right: 0;}
#iabout ul { width: 90%; display: block; padding-bottom: 30px;}
#iabout ul li { margin-right: 0; margin-bottom: 50px;}
#iabout ul li:before { width: 95%;}
#iabout ul .liin:before { width: 95%;}
#iabout ul .liin:after { width: 95%;}
#iabout ul li .point { padding-right: 20px;}
#iabout ul li p{ text-align: center; font-size: 16px;}
#itochi{ padding-top: 140px;}
#itochi h2 { font-size: 30px;}
#itochi .box p { margin-bottom: 15px;}
#iproperty { padding-bottom: 40px;}
#iproperty h2::before, #iproperty h2::after { width: 70px;}
#iproperty .illust { top: 40px; right: 0px;}
#iproperty ul { width: 90%; display: block; padding-bottom: 30px;}
#iproperty ul li { margin-right: 0; margin-bottom: 50px;}
#iproperty ul li:before { width: 95%;}
#iproperty ul .liin:before { width: 95%;}
#iproperty ul .liin:after { width: 95%;}
#iproperty ul li p{ text-align: center;width: 80%; margin: 0 auto;}
#iproperty ul .img { width: 85%;}
#iproperty ul .img span {font-size: 16px;}
#inews h2::before, #inews h2::after { width: 40px;}
#inews{ margin-bottom: 0;}
#inews .illust { top: 10px; right: 10px;}
}


/*会社概要*/
#company #tit{ margin-bottom: 100px;}
.webp #company #tit { background: url(images/webp/company/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #company #tit { background: url(images/company/kv.jpg) no-repeat center center; background-size: cover;}
#company #tit h2{ font-size: 70px; font-weight: 700;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); text-align: center; padding: 150px 0; color: #595959; width:100%; margin-bottom: 0;}
#company #txt{ text-align: center;}
#company #txt h2::before, #company #txt h2::after { width: 120px;}
#company #txt h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#company #txt p{ line-height: 3;font-weight: 500;font-family: source-han-serif-japanese, serif; font-size: 18px; margin-bottom: 100px;}
#company #txt,#company #gaiyo,#company #enkaku{ padding-bottom: 100px;}
#company #gaiyo h3,#company #enkaku h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif; text-align: center;}
#company table{ width: 100%;}
#company th,#company td{ padding: 20px; box-sizing: border-box; border-bottom: 1px solid #595959;}
#company th{ width: 30%; text-align: center; font-weight: 700;}
#company td{ width: 70%;}

@media only screen and (max-width:644px){
#company #tit{ margin-bottom: 50px;}
#company #tit h2{ font-size: 30px; padding: 50px 0;}
#company #txt h2::before, #company #txt h2::after { width: 70px;}
#company #txt p{ line-height: 2; text-align: left; margin-bottom: 0;}
#company #txt,#company #gaiyo,#company #enkaku{ padding-bottom: 50px;}
#company th{ width: 100%; text-align: left; display: block; border-bottom: none; padding-bottom: 0;}
#company td{ width: 100%; display: block; padding-top: 0;}
}

/*土地を売りたい*/
#sell #tit{ margin-bottom: 100px; padding: 100px 0; }
.webp #sell #tit { background: url(images/webp/sell/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #sell #tit { background: url(images/sell/kv.jpg) no-repeat center center; background-size: cover;}
#sell #tit h2{ font-size: 70px; font-weight: 700;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); text-align: center;color: #fff; width:100%; margin-bottom: 0; padding: 0;}
#sell #tit h3{ color: #fff;font-weight: 600;font-family: source-han-serif-japanese, serif; text-align: center;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
#sell #flow{ text-align: center; padding-bottom: 100px;}
#sell #flow h2::before, #sell #flow h2::after { width: 120px;}
#sell #flow h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#sell #flow p{ text-align: left; padding-bottom: 20px;}
#sell #flow h4{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif; font-size: 30px; margin-top: 100px; margin-bottom: 50px;}
#sell #flow .list{ margin-bottom: 50px;}
#sell .flowtop p{ border-bottom: 1px solid #595959; margin-bottom: 20px;}

@media only screen and (max-width:644px){
#sell #tit{ margin-bottom: 50px;}
#sell #tit h2{ font-size: 30px; padding: 50px 0;}
#sell #tit h3{ font-size: 20px;}
#sell #flow h2::before, #sell #flow h2::after { width: 70px;}
#sell #flow h4 { font-size: 23px; margin-top: 50px; margin-bottom: 20px;}
}

/*土地を買いたい*/
#buy #tit{ margin-bottom: 100px; padding: 100px 0; }
.webp #buy #tit { background: url(images/webp/buy/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #buy #tit { background: url(images/buy/kv.jpg) no-repeat center center; background-size: cover;}
#buy #tit h2{ font-size: 70px; font-weight: 700;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); text-align: center;color: #fff; width:100%; margin-bottom: 0; padding: 0;}
#buy #tit h3{ color: #fff;font-weight: 600;font-family: source-han-serif-japanese, serif; text-align: center;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
#buy #flow{ text-align: center; padding-bottom: 100px;}
#buy #flow h2::before, #buy #flow h2::after { width: 120px;}
#buy #flow h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#buy #flow p{ text-align: left; padding-bottom: 20px;}
#buy #flow h4{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif; font-size: 30px; margin-top: 100px; margin-bottom: 50px;}
#buy #flow .list{ margin-bottom: 50px;}
#buy .flowtop p{ border-bottom: 1px solid #595959; margin-bottom: 20px;}

@media only screen and (max-width:644px){
#buy #tit{ margin-bottom: 50px;}
#buy #tit h2{ font-size: 30px; padding: 50px 0;}
#buy #tit h3{ font-size: 20px;}
#buy #flow h2::before, #buy #flow h2::after { width: 70px;}
#buy #flow h4 { font-size: 23px; margin-top: 50px; margin-bottom: 20px;}
}

/*物件紹介*/
#property #tit{ margin-bottom: 100px; padding: 100px 0; }
.webp #property #tit { background: url(images/webp/property/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #property #tit { background: url(images/property/kv.jpg) no-repeat center center; background-size: cover;}
#property #tit h2{ font-size: 70px; font-weight: 700;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); text-align: center;color: #fff; width:100%; margin-bottom: 0; padding: 0;}
#property #tit h3{ color: #fff;font-weight: 600;font-family: source-han-serif-japanese, serif; text-align: center;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
#property #list{ text-align: center; padding-bottom: 100px;}
#property #list h2::before, #property #list h2::after { width: 120px;}
#property #list h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#property #list ul{ margin-bottom: 30px;}
#property #list ul::after{ display: block; clear: both; content: '';}
#property #list ul li{ width: 32%; margin-right: 2%; float: left; background: #fff;box-shadow: 0px 0px 15px -5px #777777; border-radius: 5px; box-sizing: border-box;}
#property #list ul li:last-child{ margin-right: 0;}
#property #list ul li .img{ margin-bottom: 20px;}
#property #list ul li .img img{ width: 100%;}
#property #list ul li h4{ font-weight: 600;font-family: source-han-serif-japanese, serif; font-size: 20px; margin-bottom: 20px; padding: 0 20px;}
#property #list ul li .txt{padding: 0 20px; box-sizing: border-box;}
#property #list ul li a{ width: 100%; background:#ff8645; color: #fff; text-align: center; box-sizing: border-box; padding: 20px; display: block; margin-top: 20px; transition: 0.2s; border: 1px solid #ff8645;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#property #list ul li a:hover{ background:#fff; color: #ff8645;}


@media only screen and (max-width:644px){
#property #tit{ margin-bottom: 50px;}
#property #tit h2{ font-size: 30px; padding: 50px 0;}
#property #tit h3{ font-size: 20px;}
#property #list{margin-bottom: 0;}
#property #list h2::before, #property #list h2::after { width: 70px;}
#property #list h4 { font-size: 23px; margin-bottom: 20px;}
#property #list ul{ display: block; width: 90%; margin: 0 auto;}
#property #list ul li{ margin-bottom: 20px; width: 100%; margin-right: 0; float: none;}
}

/*お客様の声*/
#voice #tit{ margin-bottom: 100px; padding: 100px 0; }
.webp #voice #tit { background: url(images/webp/sell/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #voice #tit { background: url(images/sell/kv.jpg) no-repeat center center; background-size: cover;}
#voice #tit h2{ font-size: 70px; font-weight: 700;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); text-align: center;color: #fff; width:100%; margin-bottom: 0; padding: 0;}
#voice #tit h3{ color: #fff;font-weight: 600;font-family: source-han-serif-japanese, serif; text-align: center;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
#voice #list{ text-align: center; padding-bottom: 100px;}
#voice #list h2::before, #voice #list h2::after { width: 70px;}
#voice #list h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#voice #list ul li{ margin-bottom: 30px;}
#voice #list ul li::after{ display: block; clear: both; content: '';}
#voice #list ul li .icon{ float: left; width: 20%;}
#voice #list ul li .txt{ float: right; width: 80%; text-align: left;padding: 20px; box-sizing: border-box;border: 3px solid #ff8645; background: #fff; border-radius: 10px;position: relative;display: inline-block;}
#voice #list ul li .txt span{ font-weight: 600;}
#voice #list ul li .txt:before { content: ""; position: absolute; top: 20%; left: -24px; margin-top: -12px; border: 12px solid transparent; border-right: 12px solid #FFF; z-index: 2;}
#voice #list ul li .txt:after { content: ""; position: absolute; top: 20%; left: -30px; margin-top: -14px; border: 14px solid transparent; border-right: 14px solid #ff8645; z-index: 1;}
#voice #list ul li .txt p { margin: 0; padding: 0;}


@media only screen and (max-width:644px){
#voice #tit{ margin-bottom: 50px;}
#voice #tit h2{ font-size: 30px; padding: 50px 0;}
#voice #tit h3{ font-size: 20px;}
#voice #list{ margin-bottom: 0;}
#voice #list h2::before, #voice #list h2::after { width: 70px;}
#voice #list h4 { font-size: 23px; margin-top: 50px; margin-bottom: 20px;}
#voice #list ul li .txt:before,#voice #list ul li .txt:after{ top: 10%;}
}

/*アクセス*/
#access #tit{ margin-bottom: 100px; padding: 100px 0; }
.webp #access #tit { background: url(images/webp/access/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #access #tit { background: url(images/access/kv.jpg) no-repeat center center; background-size: cover;}
#access #tit h2{ font-size: 70px; font-weight: 700;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); text-align: center;color: #fff; width:100%; margin-bottom: 0; padding: 0;}
#access #tit h3{ color: #fff;font-weight: 600;font-family: source-han-serif-japanese, serif; text-align: center;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
#access #list{ text-align: center; padding-bottom: 100px;}
#access #list h2::before, #access #list h2::after { width: 120px;}
#access #list h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}
#access .map,#access .traffic{ margin-bottom: 50px;}
#access .map iframe{ width: 100%; height:500px;}
#access .traffic h4{font-weight: 600;font-family: source-han-serif-japanese, serif; margin-bottom: 20px; font-size: 25px;}


@media only screen and (max-width:644px){
#access #tit{ margin-bottom: 50px;}
#access #tit h2{ font-size: 30px; padding: 50px 0;}
#access #tit h3{ font-size: 20px;}
#access #list{ margin-bottom: 0;}
#access #list h2::before, #access #list h2::after { width: 70px;}
#access #list h4 { font-size: 23px; margin-top: 50px; margin-bottom: 20px;}
}

/*コンタクト*/
#contact #tit{ margin-bottom: 100px; padding: 100px 0; }
.webp #contact #tit { background: url(images/webp/contact/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #contact #tit { background: url(images/contact/kv.jpg) no-repeat center center; background-size: cover;}
#contact #tit h2{ font-size: 70px; font-weight: 700;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); text-align: center;color: #fff; width:100%; margin-bottom: 0; padding: 0;}
#contact #tit h3{ color: #fff;font-weight: 600;font-family: source-han-serif-japanese, serif; text-align: center;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);}
#contact #formbox{ text-align: center; padding-bottom: 100px;}
#contact #formbox h2::before, #contact #formbox h2::after { width: 100px;}
#contact #formbox h3{ color: #595959;font-weight: 600;font-family: source-han-serif-japanese, serif;}

#contact #formbox th span{ color: #fff; background: #ff8645; padding: 5px 10px; margin-left: 10px; font-size: 14px;}
#contact #formbox th{ width: 42%; vertical-align: top; text-align: left; padding-left: 100px;}
#contact #formbox input{ width: 80%; height: 30px;}
#contact #formbox select{ width: 50%; font-size: 25px; font-weight: 500; height: 40px;}
#contact #formbox textarea{ width: 80%!important; height: 200px!important;}
#contact #formbox .btn{ clear:both; width:100%; text-align:center;}
#contact #formbox button{border:none; background:none;}
.tableset .formend{max-width:1000px; width:100%; margin:100px auto; text-align: center; font-size: 20px;}
.tableset .formend h2{ font-size: 30px; margin-bottom: 50px;}

@media only screen and (max-width:800px){
#contact #formbox th{padding-left: 20px; padding-right: 20px;}
#contact #formbox select { width: 80%;}
}

@media only screen and (max-width:644px){
#contact #tit{ margin-bottom: 50px;}
#contact #tit h2{ font-size: 30px; padding: 50px 0;}
#contact #tit h3{ font-size: 20px;}
#contact #formbox{ margin-bottom: 0;}
#contact #formbox h2::before, #contact #formbox h2::after { width: 70px;}
#contact #formbox h4 { font-size: 23px; margin-top: 50px; margin-bottom: 20px;}
#contact #formbox th,#contact #formbox td{width: 100%; display: block;}
#contact #formbox th{ padding-left: 0px;}
#contact #formbox input{ height: 40px;}
#contact #formbox input,#contact #formbox select,#contact #formbox textarea{ width: 100%;box-sizing: border-box;}
.tableset .formend{max-width:1000px; width:100%; margin:100px auto; text-align: center; font-size: 16px;}
.tableset .formend h2{ font-size: 20px; margin-bottom: 50px;}
}

/*お知らせ*/
.webp #property.news #tit { background: url(images/webp/news/kv.webp) no-repeat center center; background-size: cover;}
.no-webp #property.news #tit { background: url(images/news/kv.jpg) no-repeat center center; background-size: cover;}
#property.news #list h2::before, #property.news #list h2::after { width: 80px;}
#property.news .date{ margin-bottom: 30px;}
#property.news .img{ margin-bottom: 30px;}
#property.news p{ text-align: left;}

@media only screen and (max-width:644px){
#property.news #list h2::before, #property.news #list h2::after { width: 40px;}
}



/* 共通エリア
*****************************************************/
section{ z-index: 50; position: relative;}
section::after{ display: block; clear: both; content: '';}
main{padding:0;display:block;box-sizing:border-box;  position: relative;}
.webp main { background: url(images/webp/bg1.webp) repeat-y; background-size: 100% auto;}
.no-webp main { background: url(images/bg1.png) repeat-y; background-size: 100% auto;}
main .inner8{max-width:800px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
main .inner10{max-width:1000px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
main .inner12{max-width:1200px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
main .inner14{max-width:1400px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}

.btn1{ width: 425px; height: 80px; margin: 0 auto;}
.btn1 a{ color: #fff; display: block; border: #ff8645 1px solid; box-sizing: border-box; text-align: center;font-family: source-han-serif-japanese, serif;font-weight: 500; font-size: 26px; border-radius: 5px;box-shadow: 0px 0px 15px -5px #777777; transition: 0.2s;padding: 20px 0;}
.webp .btn1 a { background: url(images/webp/icon1.webp) no-repeat right 50px center #ff8645;}
.no-webp .btn1 a { background: url(images/icon1.png) no-repeat right 50px center #ff8645;}
.btn1 a:hover{ color: #ff8645; }
.webp .btn1 a:hover { background: url(images/webp/icon2.webp) no-repeat right 40px center #fff;}
.no-webp .btn1 a:hover { background: url(images/icon2.png) no-repeat right 40px center #fff;}

.btn2{ width: 425px; height: 80px; margin: 0 auto;}
.btn2 a{  color: #ff8645; display: block; border: #ff8645 1px solid; box-sizing: border-box; text-align: center;font-family: source-han-serif-japanese, serif;font-weight: 500; font-size: 26px; border-radius: 5px;box-shadow: 0px 0px 15px -5px #777777; transition: 0.2s;padding: 20px 0;}
.webp .btn2 a { background: url(images/webp/icon2.webp) no-repeat right 50px center #fff;}
.no-webp .btn2 a { background: url(images/icon2.png) no-repeat right 50px center #fff;}
.btn2 a:hover{ color: #fff; }
.webp .btn2 a:hover { background: url(images/webp/icon1.webp) no-repeat right 40px center #ff8645;}
.no-webp .btn2 a:hover { background: url(images/icon1.png) no-repeat right 40px center #ff8645;}

@media only screen and (max-width:644px){
main h2 { font-size: 25px; padding: 0 10px; margin-bottom: 70px;}
main h3 { font-size: 25px; margin-bottom: 13px;}

.btn1,.btn2{ width: 90%;}
.btn1 a,.btn2 a{ font-size: 20px; padding: 15px 0;}
.webp .btn1 a { background: url(images/webp/icon1.webp) no-repeat right 20px center #ff8645;}
.no-webp .btn1 a {background: url(images/icon1.png) no-repeat right 20px center #ff8645; }
.webp .btn2 a { background: url(images/webp/icon2.webp) no-repeat right 20px center #fff;}
.no-webp .btn2 a { background: url(images/icon2.png) no-repeat right 20px center #fff;}
}

section.tableset{ margin-bottom: 0;}
.tableset{padding-bottom: 50px;}
.tableset table{ width: 100%;}
.tableset table th,.tableset table td{ padding: 20px 0; font-size: 20px; border-bottom: #ccc 1px solid; font-weight: 200;}
.tableset table th{ width: 30%; font-weight: 700; text-align: right; padding-right: 100px; box-sizing: border-box;}
.tableset .btn{ margin-top: 20px; margin-bottom: 15px;}

@media only screen and (max-width:800px){
.tableset table th{ width: 40%;}
}


@media only screen and (max-width:644px){
main section{width: 100vw; overflow-x: hidden; box-sizing: border-box;}
section{ margin-bottom: 50px;}
.tableset table th,.tableset table td{ width: 100%; display: block;}
.tableset table th{ border-bottom: none; padding-bottom: 0; padding-right: 0; text-align: left;}
}


/* フッター
*****************************************************/
footer{padding:75px 0;box-sizing:border-box; background: #f0f0f0;}
footer::after{ display: block; clear: both; content: '';}
footer .lft{color: #595959; float: left; padding-left: 20px; box-sizing: border-box; width: 50%;}
footer h2{ font-size: 30px; font-family: source-han-serif-japanese, serif;font-weight: 600; margin-bottom: 20px;}
footer .rgt{ float: right; padding-right: 20px; box-sizing: border-box; width: 50%;}
footer .rgt .linebtn{ width: 425px; margin: 0 auto;}
footer .rgt .linebtn a{ display: block;box-sizing: border-box;transition: 0.2s;}
footer .rgt .linebtn a:hover{ opacity: 0.5;}
address{padding:10px;text-align:center;word-break:break-all;box-sizing:border-box; color: #595959; letter-spacing: 0.05rem;}

@media only screen and (max-width:796px){
footer .lft,footer .rgt{ width: 100%; float: none;}
footer .lft{ margin-bottom: 30px; text-align: center; padding-left: 0;}
footer .rgt{ padding-right: 0;  }
footer .rgt .linebtn{ width: 60%;}
footer .rgt .linebtn img{ width: 100%;}
}

@media only screen and (max-width:644px){
footer{padding:30px 0;}
footer .rgt .linebtn{ width: 90%;}
}


/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp{display:none;}
.spDisp{display:block;}
div.drawer,div.fixedMenu{display:block;}
nav#mainNav{display:none;}
section{ margin-bottom: 50px;}
section#kv{ margin-bottom: 20px;}
body{ font-size: 14px;}
.webp body {background: url(images/webp/bg_kv.webp) no-repeat right top 95px;background-size: 50% auto; }
.no-webp body {background: url(images/bg_kv.jpg) no-repeat right top 95px;background-size: 50% auto; }

}

/* ハト
*****************************************************/
#hato{ max-width: 1400px; width: 100%; margin: 0 auto; overflow: hidden;}
.hato1{ position: absolute; top: 800px; left: 20%;}
.hato2{ position: absolute; top: 0; left: 3.85714286%;}
.hato3{ position: absolute; top: 800px; left: 20%;}
.hato4{ position: absolute; top: 1200px; left: 3.28571429%;}
.hato5{ position: absolute; top: 1850px; left: 7.71428571%;}

.deco1 {animation-name: deco1; animation-timing-function: ease-in-out; animation-duration: 20s; animation-iteration-count:infinite;}
@keyframes deco1 {
0% {opacity: 0;transform:translate(0, 0) rotate(0deg);}
50% {opacity: 1;transform:translate(250px,-250px)rotate(15deg);}
100% {opacity: 0;transform:translate(500px, -500px) rotate(0deg);}
}
.deco2 {animation-name: deco2; animation-timing-function: ease-in-out; animation-duration: 15s; animation-iteration-count:infinite;}
@keyframes deco2 {
0% {opacity: 0.2;transform:translate(0, 0) rotate(-15deg);}
50% {opacity: 1;transform:translate(0, 0)rotate(15deg);}
75% {opacity: 1;transform:translate(0, -20px) rotate(0deg);}
100% {opacity: 0.2;transform:translate(0, 0)rotate(-15deg);}
}
.deco3 {animation-name: deco3; animation-timing-function: ease-in-out; animation-duration: 30s; animation-iteration-count:infinite;}
@keyframes deco3 {
0% {opacity: 00;transform:translate(0, 0) rotate(-90deg);}
50% {opacity: 1;transform:translate(0, 0)rotate(20deg);}
75% {opacity: 1;transform:translate(500px, -500px) rotate(0deg);}
100% {opacity: 0;transform:translate(700px, -700px)rotate(0deg);}
}

@media only screen and (max-width:644px){
.deco1 {animation-name: deco1_sp; animation-timing-function: ease-in-out; animation-duration: 20s; animation-iteration-count:infinite;}

.deco2 {animation-name: deco2_sp; animation-timing-function: ease-in-out; animation-duration: 15s; animation-iteration-count:infinite;}

.deco3 {animation-name: deco3_sp; animation-timing-function: ease-in-out; animation-duration: 30s; animation-iteration-count:infinite;}
}

@keyframes deco1_sp {
0% {opacity: 0;transform:translate(0, 0) rotate(0deg);}
50% {opacity: 1;transform:translate(125px,-250px)rotate(15deg);}
100% {opacity: 0;transform:translate(250px, -500px) rotate(0deg);}
}
@keyframes deco2_sp {
0% {opacity: 0.2;transform:translate(0, 0) rotate(-15deg);}
50% {opacity: 1;transform:translate(0, 0)rotate(15deg);}
75% {opacity: 1;transform:translate(0, -20px) rotate(0deg);}
100% {opacity: 0.2;transform:translate(0, 0)rotate(-15deg);}
}
@keyframes deco3_sp {
0% {opacity: 00;transform:translate(0, 0) rotate(-90deg);}
50% {opacity: 1;transform:translate(0, 0)rotate(20deg);}
75% {opacity: 1;transform:translate(250px, -500px) rotate(0deg);}
100% {opacity: 0;transform:translate(350px, -700px)rotate(0deg);}
}