/* ----------------------------------------
  sale
---------------------------------------- */
p {
 margin: 0;
}
a {
 text-decoration: none;
 color: #000;
}
/*--main--*/
.main {
 background-color: #fcfcfc;
 height: 750px;
 background-image: url(/sale/img/hand.jpg);
 background-position: center right;
 background-repeat: no-repeat;
 background-size: cover;
}
.main_inner {
 width: 1100px;
 margin: 0 auto;
}
.main_inner .logo {
 width: 1100px;
 margin: 0px auto 0;
 padding-top: 50px;
}
.main_inner img {
 display: none;
}
.main_inner .main_txt {
 width: 465px;
 margin-top: 160px;
 margin-left: 60px;
}
.main_inner h2 {
 font-size: 24px;
 line-height: 48px;
 margin-bottom: 20px;
 color: #4b3a2b;
}
.main_inner br {}
.main_inner p {
 font-size: 16px;
 line-height: 36px;
 color: #88715d;
}
/*---s_question---*/
.s_question {
 text-align: center;
 margin-bottom: 60px;
}
.s_question .ti {
 margin-top: -30px;
 margin-bottom: 50px;
}
.s_question .ti img {
 margin-bottom: 50px;
}
.s_question .ti p {
 font-size: 24px;
 line-height: 25px;
 color: #0079c6;
 font-weight: bold;
}
.q_list {}
.q_list ul {
 width: 1100px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
 margin: 0 auto;
}
.q_list li {
 width: 300px;
 text-align: center;
 margin-bottom: 40px;
}
.q_list li:nth-child(2),
.q_list li:nth-child(5) {
 margin-top: 30px;
}
.q_list li:nth-child(3),
.q_list li:nth-child(6) {
 margin-top: 60px;
}
.q_list img {}
.q_list img br {}
.q_list p {
 color: #333;
 font-size: 18px;
 line-height: 28px;
 margin-top: 20px;
}
.q_list p br {}
/*---s_answer---*/
.s_answer {
 background-color: #f5f4f0;
 position: relative;
 margin-bottom: 80px;
 padding-top: 215px;
}
.s_answer:after {
 content: "";
 position: absolute;
 bottom: -60px;
 left: 0;
 right: 0;
 box-sizing: border-box;
 width: 4px;
 height: 4px;
 border: 30px solid transparent;
 border-left: 30px solid #f5f4f0;
 transform: rotate(90deg);
 margin: 0 auto;
}
.s_answer .ti {
 margin-bottom: 60px;
 text-align: center;
 position: absolute;
 left: 0;
 right: 0;
 top: -25px;
}
.s_answer .ti img {
 margin-bottom: 50px;
}
.s_answer .ti p {
 font-size: 24px;
 line-height: 48px;
 color: #e85454;
 font-weight: bold;
}
.a_list {
 width: 1100px;
 margin: 0 auto;
}
.a_list ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 padding-bottom: 30px;
}
.a_list li {
 width: 530px;
 padding-bottom: 30px;
 background-color: #fff;
 position: relative;
 margin-bottom: 40px;
}
.a_list .point {
 border: 1px solid #c8ba8d;
 width: 100px;
 line-height: 60px;
 text-align: center;
 color: #c8ba8d;
 position: absolute;
 top: 10px;
 left: 10px;
 font-size: 18px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.a_list .point.a_list .img {}
.a_list .img {
 text-align: center;
 margin: 70px 0 50px;
}
.a_list .txt {}
.a_list h3 {
 text-align: center;
 font-size: 28px;
 color: #ae9f6f;
 letter-spacing: 1px;
 margin-bottom: 30px;
}
.a_list p {
 width: 450px;
 margin: 0 auto;
 font-size: 16px;
 line-height: 36px;
 color: #666;
}
/*---s_pro---*/
.s_pro {
 text-align: center;
 margin-bottom: 70px;
}
.s_pro h2 {
 font-size: 32px;
 line-height: 35px;
 color: #4b3a2b;
 letter-spacing: 1px;
 margin: 0 auto 50px;
}
.s_pro img {
 margin-bottom: 60px;
}
.sale_inq a {
 display: block;
 width: 600px;
 line-height: 100px;
 margin: 0 auto;
 font-size: 18px;
 text-align: center;
 letter-spacing: 1px;
 border: 1px solid #333;
 position: relative;
}
.sale_inq a {
 background-color: rgba(255, 255, 255, 1);
 background-size: 200% 100%;
 background-image: -webkit-linear-gradient(left, transparent 50%, rgba(153, 139, 250, 1) 50%);
 background-image: linear-gradient(to right, transparent 50%, rgba(238, 238, 238, 1) 50%);
 -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
 transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.sale_inq a:before {
 position: absolute;
 content: "";
 top: 45px;
 left: 60px;
 width: 10px;
 height: 10px;
 border-top: 1px solid #aaa;
 border-right: 1px solid #aaa;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.sale_inq a:hover {
 background-color: #eee;
 background-position: -100% 100%;
 color: #333;
}
/*---s_about---*/
.s_cont {
 background-image: url(/sale/img/sale_con_bg.png);
 background-repeat: no-repeat;
 background-position: right 100px center;
}
.s_cont h2 {
 font-size: 32px;
 color: #4b3a2b;
 line-height: 35px;
 text-align: center;
 margin-bottom: 50px;
 letter-spacing: 1px;
}
.s_cont img {
 display: block;
 margin: 0 auto 20px;
}
.s_about {
 margin-bottom: 40px;
}
.s_about_list {}
.s_about_list ul {
 width: 890px;
 justify-content: space-between;
 flex-wrap: wrap;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 margin: 0 auto;
}
.s_about_list li {}
.s_about_list a {
 display: block;
 width: 200px;
 line-height: 45px;
 border: 1px solid #c8ba8d;
 color: #c8ba8d;
 text-align: center;
 font-size: 16px;
 margin-bottom: 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 transition: 0.2s;
}
.s_about_list a:hover {
 transform: translateY(4px);
 background-color: #f0e8cc;
}
/*---s_info---*/
.s_cont .s_info {
 border: none;
}
.s_info {
 text-align: center;
}
.sale_info_list {
 width: 1100px;
 margin: 0 auto;
}
.sale_info_list iframe {
 height: 260px;
 width: 100%;
}
.info_list_inner {}
.info_list_inner ul {
 padding: 0;
 margin: 0;
}
.info_list_inner li {
 width: 800px;
 list-style-type: none;
 margin: 0 auto;
}
.info_list_inner li:nth-child(2n-1) {
 background-color: #eee;
}
.info_list_inner a {
 display: block;
 line-height: 50px;
 font-size: 16px;
 color: #333;
 text-decoration: none;
}
.info_list_inner a:hover .ti {
 text-decoration: underline;
}
.info_list_inner .day {
 display: inline-block;
 margin-right: 10px;
 padding-left: 15px;
}
.info_list_inner .ti {
 display: inline-block;
}
.s_info .sale_inq a {
 border: 1px solid #c8ba8d;
 color: #c8ba8d;
}
.s_info .sale_inq a {
 background-color: rgba(255, 255, 255, 1);
 background-size: 200% 100%;
 background-image: -webkit-linear-gradient(left, transparent 50%, rgba(153, 139, 250, 1) 50%);
 background-image: linear-gradient(to right, transparent 50%, rgba(200, 186, 141, 1) 50%);
 -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
 transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.s_info .sale_inq a:hover {
 background-color: rgb(200, 186, 141);
 background-position: -100% 100%;
 color: #fff;
}
.s_info .sale_inq a:before {
 border-top: 1px solid #c8ba8d;
 border-right: 1px solid #c8ba8d;
}
/* sale
---------------------------------------- */
/* ----------------------------------------
  renovation
---------------------------------------- */
/*****reno-main*****/
.reno-main {
 width: 100%;
 height: 792px;
 overflow: hidden;
 background: url(../renovation/img/reno-main.png)no-repeat;
 background-position: center;
}
.remain-inner {
 width: 1100px;
 height: 792px;
 margin: auto;
 position: relative;
}
.remain-inner img {
 position: relative;
 left: 0px;
 top: 550px;
}
/*****remerit-merit*****/
.reno-merit {
 width: 1100px;
 overflow: hidden;
 margin: auto;
}
.remerit-ttl {
 height: 60px;
 margin: 45px auto 60px auto;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #422a17;
 text-align: center;
 background: url(../renovation/img/reno-logo.png)no-repeat;
 background-position: right;
}
.remerit-ttl p {
 font-size: 36px;
 padding-top: 20px;
}
.remerit-ttl span {
 font-size: 60px;
}
.remerit-pr {
 overflow: hidden;
 margin-bottom: 50px;
}
.remerit-pr img {
 float: right;
}
.remerit-pr-txt {
 float: left;
 width: 330px;
}
.remerit-pr-txt p {
 font-size: 36px;
 font-family: "Yu Gothic";
 font-weight: bold;
 line-height: 48px;
 color: #422a17;
}
.remerit-pr-txt span {
 display: block;
 font-size: 17px;
 font-family: "Yu Gothic";
 font-weight: 600;
 line-height: 30px;
 color: #422a17;
}
.remerit-pl {
 overflow: hidden;
 margin-bottom: 50px;
}
.remerit-pl img {
 float: left;
}
.remerit-pl-txt {
 float: right;
 width: 330px;
}
.remerit-pl-txt p {
 font-size: 36px;
 font-family: "Yu Gothic";
 font-weight: bold;
 line-height: 48px;
 color: #422a17;
}
.remerit-pl-txt span {
 display: block;
 font-size: 17px;
 font-family: "Yu Gothic";
 font-weight: 600;
 line-height: 30px;
 color: #422a17;
}
/*****reno-toiawase*****/
.reno-toiawase {
 width: 100%;
 overflow: hidden;
 background: #c8ba8d;
}
.retoiawase-inner {
 width: 1100px;
 margin: 45px auto 30px auto;
 text-align: center;
}
.reno-mail a {
 width: 460px;
 height: 75px;
 margin: 30px auto 50px auto;
 background: #FFF;
 border: solid 2px #231815;
 transition: 0.2s;
 display: block;
 text-decoration: none;
 color: #231815;
}
.reno-mail a:hover {
 color: #c8ba8d;
 transform: translateY(3px);
}
.reno-mail p {
 font-size: 18px;
 font-family: "Yu Gothic";
 font-weight: bold;
 background: url(../renovation/img/reno-mail.png)no-repeat 10px;
 margin-top: 30px;
 margin-left: 60px;
}
/*****renolon-pc*****/
.renolon-pc {
 width: 1100px;
 overflow: hidden;
 margin: 60px auto 50px auto;
}
.relon-pc-on {
 padding-top: 10px;
 margin-bottom: 50px;
 text-align: center;
}
.relon-pc-on p {
 font-size: 24px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #422a17;
 text-align: left;
 margin-bottom: 25px;
}
.relonpc-logo {
 text-align: center;
}
.relonpc-logo p {
 font-size: 28px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #020202;
 line-height: 36px;
}
/*****reno-info*****/
.reno-info {
 overflow: hidden;
 width: 100%;
 height: 500px;
 background: url(../renovation/img/reno-infobg.png)no-repeat;
 -webkit-background-size: cover;
 background-size: cover;
}
.reinfo-inner {
 width: 1100px;
 margin: 60px auto 0px auto;
}
.reinfo-inner ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
}
.reinfo-inner li {
 width: 330px;
 height: 380px;
 border: solid 2px #FFF;
 text-align: center;
 font-family: "Yu Gothic";
 color: #FFF;
}
.reinfo-inner li img {
 margin-top: 15px;
}
.reinfo-txt p {
 font-size: 18px;
 font-weight: bold;
 margin: 20px auto 15px auto;
}
.reinfo-txt span {
 display: block;
 width: 308px;
 margin: auto;
 font-size: 14px;
 font-weight: 600;
 line-height: 24px;
}
.reinfo-shiru {
 width: 290px;
 height: 50px;
 border: solid 1px #FFF;
 margin: 30px auto 0px auto;
}
.reinfo-shiru a {
 display: inline-block;
 width: 290px;
 height: 50px;
 text-decoration: none;
 font-size: 16px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #FFF;
 line-height: 50px;
 text-align: center;
 transition: 0.2s;
}
.reinfo-shiru a:hover {
 background-color: #fff;
 color: #000;
}
/*****reno-flow*****/
.reno-flow {
 width: 1100px;
 overflow: hidden;
 margin: 50px auto;
}
.reflow-ttl p {
 font-size: 24px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #422a17;
 text-align: center;
 padding-top: 5px;
 margin-bottom: 60px;
}
.reflow-month {
 height: 725px;
 background: url(../renovation/img/ref-month.png)no-repeat;
 background-position: left;
 position: relative;
}
.reflow-month ul {
 position: absolute;
 left: 80px;
}
.ref-week {
 height: 220px;
 background: url(../renovation/img/ref-week.png)no-repeat;
 background-position: left;
 position: relative;
 margin-top: 35px;
}
.ref-week ul {
 position: absolute;
 left: 80px;
}
.ref-tmonth {
 height: 475px;
 background: url(../renovation/img/ref-tmonth.png)no-repeat;
 background-position: left;
 position: relative;
 margin-top: 35px;
}
.ref-tmonth ul {
 position: absolute;
 left: 80px;
}
.reflow-main {
 width: 880px;
 height: 220px;
 margin-bottom: 35px;
}
.reflow-main img {
 float: left;
}
.reflow-txt {
 width: 560px;
 float: right;
 text-align: left;
}
.reflow-txt p {
 font-size: 24px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #422a17;
 margin-top: 10px;
 line-height: 55px;
}
.reflow-txt span {
 display: block;
 font-size: 16px;
 font-family: "Yu Gothic";
 color: #422a17;
 line-height: 24px;
}
/*****reno-jirei*****/
.reno-jirei {
 width: 1100px;
 overflow: hidden;
 margin: 50px auto;
}
.rejirei-ttl p {
 font-size: 24px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #422a17;
 margin-top: 10px;
 line-height: 55px;
 text-align: center;
}
.rejirei-photo {
 overflow: hidden;
 margin-top: 50px;
 position: relative;
}
.rejirei-photo>img {
 position: absolute;
 top: 160px;
 left: 520px
}
.rejirei-pl {
 float: left;
}
.rejirei-pr {
 float: right;
}
.rejirei-txt {
 clear: both;
 overflow: hidden;
 margin-top: 50px;
}
.rejirei-txt span {
 display: block;
 font-size: 16px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #422a17;
 line-height: 24px;
}
.rejirei-ichiran a {
 width: 460px;
 height: 75px;
 border: solid 2px #231815;
 margin: 50px auto;
 display: block;
 text-align: center;
 text-decoration: none;
 font-size: 18px;
 font-family: "Yu Gothic";
 font-weight: bold;
 color: #231815;
 line-height: 75px;
 position: relative;
 transition: 0.2s;
}
.rejirei-ichiran a:hover {
 color: #c8ba8d;
 transform: translateY(3px);
}
.rejirei-ichiran a::before {
 content: '';
 width: 8px;
 height: 8px;
 margin-top: -5px;
 border-top: solid 2px #231815;
 border-right: solid 2px #231815;
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 10%;
}
.t_con_ti_b p {
 font-size: 18px;
 line-height: 25px;
}
/* renovation
---------------------------------------- */