@charset "UTF-8";

/* ======================================== メイン ======================================== */
::selection {color: #fff;background-color: #44bdc8;}
.section--hero{width:100%;background:#fdfdfd;background-image: linear-gradient(327deg, rgba(154, 219, 223, 1), rgba(226, 244, 246, 1));box-shadow: inset 0px 10px 5px -5px rgba(173, 173, 173, 0.4);position: relative;}
.section--hero .inner{width: 1170px;margin: 0 auto;padding-bottom: 100px;}


/* コピー ----------------------------- */
h1{padding: 10px 0 35px 0;font-size: 50px;letter-spacing: 0.05em;font-weight: 700;line-height: 1.5;}
h1 span{font-size: 40px; padding-left: 14px;}
.title{padding-top: 10px;}

/* サブテキスト ----------------------------- */
.inner .sub{font-size: 20px;letter-spacing: 0.07em;line-height: 1.8;font-weight: 700;padding-top: 68px;}

/* ポイント ----------------------------- */
p.point{font-size: 16px;width: 365px; padding: 10px 25px; background: #e64451;border-radius:20px;color: #fff;font-weight: 600;}

/* メインイメージ ----------------------------- */
.container_hero{position: relative; padding-top: 138px;}
.container_hero img.main_img{position: absolute; top: 178px; right: 220px}
.container_hero img.main_no1{position: absolute;top:418px; right: 30px}

/* 見出し ----------------------------- */
h2{font-size: 36px;text-align: center;background-position:bottom 0 right 50%;background-image: url("../img/estate/h2_estate.png");background-repeat: no-repeat;margin: 60px 0 36px 0;padding-bottom: 35px;letter-spacing: 0.05em;line-height: 1.5;font-weight: 700;}

/* ======================================== 導入 ======================================== */
#top_estate{margin: 90px auto;}
#top_estate h3{font-size: 32px; font-weight: 700;letter-spacing: 0.05em;margin-bottom: 45px;text-align: center;}
#top_estate p{font-size: 18px;line-height: 2.2;text-align: center;}

/* ======================================== 特徴 ======================================== */
#intro{width: 1205px; height: 2124px; margin: 0 auto;}
#intro .lead{position: relative;margin: 0 27px;}
#intro .feature_1{position: absolute;background: #fff; width: 452px; height: 370px;box-shadow: 0px 0px 15px -5px #a8a8a8;padding: 1px 48px;z-index: 10;top:105px;}
#intro .feature_2{position: absolute;background: #fff; width: 452px; height: 370px;box-shadow: 0px 0px 15px -5px #a8a8a8;padding: 1px 48px;z-index: 10;top:773px;right: 0;}
#intro .feature_3{position: absolute;background: #fff; width: 452px; height: 370px;box-shadow: 0px 0px 15px -5px #a8a8a8;padding: 1px 48px;z-index: 10;top:1439px;}
#intro p.number{margin: 40px 0 20px 0;font-weight: 600;color: #47BCC6;font-size: 20px;}
#intro p.lead_sub{font-size: 18px;font-weight: 600; margin-bottom: 12px;}
#intro h3{font-size: 28px; font-weight: 700; line-height: 1.6;letter-spacing:0.05em;}
#intro p.detail{font-size: 16px; line-height: 1.8;margin-top: 16px;letter-spacing:0.01em;}
#intro img{position: absolute; z-index: 1;}
#intro img.img_1{top:40px;right: 0;}
#intro img.img_2{top:708px;left: 0;}
#intro img.img_3{top:1374px;right: 0;}

/* ======================================== 動不動産総合管理システムの主な機能 ======================================== */
#function{width: 1189px; margin: 0 auto;position: relative;}
#function h3{font-size: 32px;letter-spacing: 0.05em;line-height: 1.5;font-weight: 700;text-align: center;}
#function p.explanation{margin: 36px auto 53px auto;font-size: 18px;font-weight: 400;letter-spacing: 0.05em;text-align: center;}
#function .function_l{width: 1189px;background: #edf9f9; border-radius:20px;display: flex;flex-wrap: wrap;justify-content: center;}
#function .function_d{width: 29%; padding: 60px 12px 0px 12px;}
#function .function_d div{filter: drop-shadow(0px 0px 8px #D7F3F4);background: #fff;border-radius:70px;width: 140px;height: 140px;margin:0 auto; }
#function .function_d h5{color: #47BCC6;font-weight: 700;text-align: center;line-height: 3.5;font-size: 22px;}
#function .function_d p{font-size: 16px; line-height: 176%;}
#function p.detail{font-size: 18px;letter-spacing: 0.05em;padding: 20px 0 52px 0;}


/* ======================================== 導入の流れ ======================================== */
#introduction{background: #f8f8f8;padding-top: 25px;margin-top: 120px;height: 860px;}
#introduction .flow{width: 1189px; margin: 0 auto;position: relative;display: flex;}
#introduction .flow_d{position: absolute;top:170px;width: 212px;z-index: 10;}
#introduction .flow_d:nth-child(2){left: 245px;}
#introduction .flow_d:nth-child(3){left: 489px;}
#introduction .flow_d:nth-child(4){left: 733px;}
#introduction .flow_d:nth-child(5){left: 979px;}
#introduction .flow_d div.series{border-radius:22px;background: #DE0515; width: 44px; height: 44px;margin-left: 79px; padding: 0;}
#introduction .flow_d div.series p{color: #fff;font-weight: 600;text-align: center;font-size: 22px;padding-top: 10px;}
#introduction .flow_d h5{font-size: 20px; font-weight: 700; line-height: 135%;letter-spacing: 0.05em;text-align: center;margin-top: 35px;height: 85px;}
#introduction .flow_d div.version{background-color: #fff;height: 193px;font-weight: 400; font-size: 16px;padding: 28px 20px;letter-spacing: 0.19em;line-height: 170%;}
#introduction p.detail{width: 483px;height: 28px;border-radius:18px;background: #F3E664;text-align: center;padding-top: 8px;font-weight: 500;margin-left: 594px;margin-top: 103px;}
.line{position: absolute; border: 2px #d2d2d2 solid; width: 958px;top: 190px;left: 105px;z-index: 1;}

/* ======================================== サポート ======================================== */
#support{width:100%;background:#fdfdfd;background-image: linear-gradient(#f1f1f1 1px, transparent 0),linear-gradient(90deg, #f1f1f1 1px, transparent 0);background-size: 30px 30px;margin: -60px auto 0 auto;}
#support h2{padding-top: 100px;}
.support_l{width: 890px; margin: 70px auto 0 auto;padding-bottom: 150px;display: flex;justify-content: space-between;}
.support_d{width: 404px;height: 450px;border-radius: 20px;background: #f8f8f8;}
.support_d div{margin: 35px auto 0 auto; text-align: center;}
.support_d h5{font-size: 26px; font-weight: 700;letter-spacing: 0.04em;margin-top: 8px;margin-bottom: 28px;text-align: center;}
.support_d p{margin: 14px 33px; font-weight: 400;letter-spacing: 0.1em;line-height: 170%;}