@charset "utf-8";
/* ------------------------------------------ */
/* #page サイトマップ                         */
/* sitemap.html                               */
/* ------------------------------------------ */
#sitemap{width:100%;margin-bottom:80px;border-collapse:separate;border-spacing:0;}
#sitemap th,
#sitemap td{border-top:2px solid #ffffff;box-shadow:0px -2px 0px 0px #ffffff inset;text-align:left;}
#sitemap span,
#sitemap a.pt{display:block;padding:10px 15px 10px 30px;line-height:20px;}
#sitemap td li:not(:last-child){margin-bottom:10px;}

@media screen and (max-width:599px){
	#sitemap table,
	#sitemap tbody,
	#sitemap tr,
	#sitemap th,
	#sitemap td{display:block;}
	#sitemap td.none{display:none;}
	#sitemap th br{display:none;}
}

@media screen and (min-width:600px){
	#sitemap{border-top:none!important;}
	#sitemap th{width:30%;}
	#sitemap td{width:70%;}
}



/* ------------------------------------------ */
/* #page34 イベント参加予約                   */
/* #page72 お問い合わせ                       */
/* #page69 資料請求                           */
/* #page21 資料請求(PG)                       */
/* #page40 物件・土地 資料請求                */
/* #page43 物件・土地 見学予約                */
/* ------------------------------------------ */
#free{margin-bottom:20px;}

/* ------------------------------------------ */
/* iframe設定                                 */
/* ------------------------------------------ */
#fbox iframe{width:100%;margin:0;border:none;}

#page72 #fbox iframe{height:800px;}
#page69 #fbox iframe{height:800px;}
#page21 #fbox iframe{height:900px;}
#page34 #fbox iframe{height:1100px;}
#page40 #fbox iframe{height:900px;}
#page43 #fbox iframe{height:1100px;}

@media screen and (max-width:769px){
	#page72 #fbox iframe{height:1100px;}
	#page69 #fbox iframe{height:1100px;}
	#page21 #fbox iframe{height:1200px;}
	#page34 #fbox iframe{height:1400px;}
	#page40 #fbox iframe{height:1200px;}
	#page43 #fbox iframe{height:1400px;}
}

@media screen and (max-width:499px){
	#page72 #fbox iframe{height:1200px;}
	#page69 #fbox iframe{height:1200px;}
	#page21 #fbox iframe{height:1300px;}
	#page34 #fbox iframe{height:1500px;}
	#page40 #fbox iframe{height:1300px;}
	#page43 #fbox iframe{height:1500px;}
}



/* ------------------------------------------ */
/* ヘッド部：導入部テキスト                   */
/* ------------------------------------------ */
h3.formTitle{margin-bottom:20px;font-size:1.25em;}
.toiawaseTopBox{margin-bottom:20px;}
.toiawaseTopBox p.tfLink{padding:0;font-size:0.9375em;line-height:20px;}



/* ------------------------------------------ */
/* STEP                                       */
/* ------------------------------------------ */
#step{display:block;min-width:290px;margin-bottom:50px;padding:0 0 1px;overflow:hidden;border-color:#6c420a;}
#step li{float:left;margin:1px;text-align:center;transform:skew(-20deg);}
#step li{width: 34%;}                           /* STEP 3 */
#step li:nth-child(1){margin-left: -1.2%;}      /* STEP 4 */
#step li:nth-child(3){margin-right:-3%;}        /* STEP 3&4 */
#step.step4 li{width:25.6%;}                    /* STEP 3 */
#step.step4 li:nth-child(3){margin-right: 1px;} /* STEP 4 */
#step.step4 li:nth-child(4){margin-right:-3%;}  /* STEP 4 */
#step li span{display:inline-block;height:19px;margin:16px 0;line-height:20px;transform:skew(20deg);}
#step li span.css3{zoom:1;position:relative;margin-right:10px;padding:1px 8px;border-radius:15px!important;font-size:0.875em;}
#step li br{display:none;}
#step li span.pc_txt,
#step li span.sp_txt{font-size:0.9375em;}

@media screen and (max-width:999px){
	#step li:nth-child(2){border-right:solid 1px #ffffff;border-left:solid 1px #ffffff;}
	#step.step4 li:nth-child(3){border-right:solid 1px #ffffff;}
}

@media screen and (max-width:769px){
	#step{margin:0 auto 45px;text-align:center;}
	#step li:nth-child(1),
	#step li{width:33.2%;padding:9px 0 6px;margin-right:0;text-align:center;line-height:normal;transform:skew(0deg);box-sizing:border-box;}
	#step.step4 li:nth-child(1),
	#step.step4 li{width:25%;margin:0;}
	#step li:nth-child(1){margin-left:0;}
	#step li:nth-child(3){margin-right:0;}
	#step.step4 li:nth-child(3),
	#step.step4 li:nth-child(4){margin-right:0;}
	#step li span{margin:0;transform:skew(0deg);}
	#step li span.css3{margin:0;border-radius:10px !important;}
	#step li span.pc_txt{display:none;}
	#step li span.sp_txt{display:block;padding-top:5px;}
	#step li br{display:block;}
}

@media screen and (max-width:569px){
	#step li:first-child,
	#step li{width:33.1%;}
}


/* ------------------------------------------ */
/* 必須・任意アイコン                         */
/* ------------------------------------------ */
.nortice,
.option{float:left;padding:2px 6px 0;margin-right:5px;font-size:0.875em;font-weight:normal;}
.nortice{background:#e73a33;color:#ffffff;}
.option {background:#dadbdb;color:#231815;}


/* ------------------------------------------ */
/* 資料請求PG - 資料一覧                      */
/* ------------------------------------------ */
#catalog{margin-bottom:40px;}
#catalog h4{padding-bottom:2px;margin-bottom:20px;}
#catalog ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-bottom:40px;}
#catalog li{width:100%;margin-bottom:20px;}
#catalog li h5{margin-bottom:10px;}
#catalog li .thumb{width:200px;margin-bottom:15px;}
#catalog li .thumb img{display:block;width:100%;height:auto;}
#catalog li p{font-size:0.875em;}
#catalog .btn{width:200px;margin:0 auto;}
#catalog .btn input{width:100%;padding:9px;cursor:pointer;box-sizing:border-box;font-size:1.0em;}
@media screen and (min-width:400px){#catalog li .thumb{float:left;width:120px;margin-right:20px;}}
@media screen and (min-width:500px){#catalog li .thumb{width:150px;}}
@media screen and (min-width:700px){#catalog li{width:48%;}#catalog li:nth-child(odd){margin-right:4%;}}
@media screen and (min-width:1000px){#catalog li .thumb{width:200px;}}


/* ------------------------------------------ */
/* 送信完了画面                               */
/* ------------------------------------------ */
.thanks{padding:40px 0 100px;}
.thanks p{font-size:0.9375em;text-align:center;}


/* ------------------------------------------ */
/* フッタ部：TEL / FAX                        */
/* ------------------------------------------ */
.tfBox dl{display:block;padding:30px 0;}
.tfBox dl dt{font-size:1.3125em;}
.tfBox dl dd .lst{font-size:0.9375em;}
.tfBox dl dd .tit{font-size:1.625em;vertical-align:sub;}
.tfBox dl dd .number{font-size:2.0em;vertical-align:sub;color:#EE6923;}

@media screen and (min-width:400px){
	.tfBox dl dd .number{font-size:2.5em;}
	.tfBox dl dd .tit{font-size:1.875em;}
}

@media screen and (min-width:800px){
	.tfBox dl{padding:50px 0;}
	.tfBox dl dt{float:left;display:inline-block;min-width:400px;padding:15px 0;}
	.tfBox dl dd{float:left;display:inline-block;}
}