@charset "UTF-8";

/*トップページ　ブロックタイトル*/
.sec-title-block {position: relative;margin-bottom: 50px;text-align: center;}
.sec-title-block p {margin: 0 0 20px 0;color: var(--dark-blue);font-family: "Outfit", sans-serif;font-size: 40px;font-optical-sizing: auto;font-weight: 100;font-style: normal;letter-spacing: -1px;}
.sec-title-block span {display: block;width: 50px;height: 3px;margin: 0 auto;background: var(--dark-blue);content: "";}
.sec-title-block h2{margin-top: 10px;font-weight: 800;border: 1px solid transparent;}

/*下層ページ　タイトル*/
.page-title {height: 300px;display:flex;justify-content: center;align-items: center;margin-top: -17px;color: #fff;font-size: 2.5rem;font-family: 'Noto Serif JP', serif;}
.page-title h2{letter-spacing: 3px;}
.page-title.sales {background: url(../image/fudousanbaibai_mojinashi.png) no-repeat bottom;background-size:cover;}
.investment {background: url(../image/fudousantoushi_mojinashi.png) no-repeat bottom;background-size:cover;}
@media screen and (max-width:768px){
.page-title {height: 250px;font-size: 2.0rem;}
}

.sale-sub-title {height: 250px;display:flex;justify-content: center;align-items: center;color: #fff;font-family: 'Noto Serif JP', serif;background: url(../image/ourilkudasai.png) no-repeat bottom;background-size:cover;text-align: center;}
.sale-sub-title .cpadding {font-size: 1.8rem;text-align: center;}
/*※お問い合わせページは別途記述*/


/*下層ページ　説明ブロック*/
.section-01 {background: url(../image/haikei.png) no-repeat bottom;background-size:cover;border-bottom: 1px solid #efefef;}
.section-01-title {margin-bottom: 50px;text-align: center;}
.section-01-title span{padding: 10px 30px;font-size: 27px;font-family: 'Noto Serif JP', serif;border-bottom: 1px solid #999;}
.section-01-text {text-align: center;}
@media screen and (max-width:768px){
.section-01-title span{display: block;padding: 10px 0;font-size: 22px;line-height: 1.5em}
.section-01-text {text-align: left;}
}

.about-sales-title {margin-bottom: 50px;text-align: center;}
.about-sales-title span {margin: 0 auto;padding: 10px 30px;font-size: 27px;font-family: 'Noto Serif JP', serif;border-bottom: 1px solid #999;text-align: center;}
@media screen and (max-width:768px){
.about-sales-title span {display: block;padding: 10px 0;font-size: 22px;line-height: 1.5em}
}



/*---------------------------
　HOME
---------------------------*/

#main	{position: relative;line-height: 0}

.swiper-containe.for-pc{}
.swiper-container2.for-sp{display: none}

@media screen and (max-width:768px){
.swiper-container.for-pc{display: none}
.swiper-container2.for-sp{display: block}
}


#business {background: var(--light-blue);}

.top-business-lead {margin-bottom: 40px;text-align: center;}
.top-business-section {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 12% 80px;}
.top-business-section dl{flex-basis: 45%}
.top-business-section dt{padding: 15px 0;background: var(--dark-blue);color: #fff;font-size: 1.2rem;font-family: 'Noto Serif JP', serif;text-align: center;letter-spacing: 1px;}
.top-business-section dd{display:flex;justify-content: center;align-items: center;background: #fff;height: 140px;}

@media screen and (max-width:768px){
.top-business-section {margin: 0 5% 80px;}
.top-business-section dl{flex-basis: 100%}
.top-business-section dl:first-child{margin-bottom: 40px;}
}



.top-business-sub-title {margin-bottom: 50px;padding: 1rem;border-top: 1px solid #333;border-bottom: 1px solid #333;font-family: 'Noto Serif JP', serif;font-size: 1.5rem;font-weight: 500;text-align: center;}

.top-business-reason {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 3% 2%;}
.top-business-reason li{flex-basis: 30%;padding: 30px 40px;background: #fff;border-radius: 20px;}
.top-business-reason li h4{margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: 1px solid #ccc;color: var(--blue);font-family: 'Noto Serif JP', serif;font-size: 25px;font-weight: 800;text-align: center;}
.top-business-reason p{margin: 0 3%}

@media screen and (max-width:980px){
.top-business-lead {text-align: left;}
.top-business-lead br{display: none}
.top-business-reason li{flex-basis: 100%;margin-bottom: 40px;padding: 30px;}
}


.top-message {text-align: center;line-height: 2em;}
.top-message .president {display: block;text-align: right;}
@media screen and (max-width:980px){
.top-message {margin: 0 3%;text-align: left;}
.top-message .br{display: none}
}


#company {background: linear-gradient(180deg, #fff 150px,#f7f7f7 150px);}


.top-company {display: flex;flex-wrap: wrap;margin: 0 3%;border-top: 1px solid #d9d9d9}
.top-company dt,
.top-company dd {border-bottom: 1px solid #d9d9d9;}
.top-company dt {flex-basis: 25%;padding: 17px 30px;}
.top-company dd {flex-basis: 75%;padding: 17px 30px 17px 0;}
.top-company a{color: #333;text-decoration: none;}
.top-company a.adrs{color: #666;font-size: 0.85rem;text-decoration: underline;}
.top-company strong {color: var(--blue);font-size: 0.85rem;font-weight: 500}

.top-company li {margin-bottom: 1.5em}


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

#company {background: linear-gradient(180deg, #fff 65px,#f7f7f7 65px);}

.top-company {margin: 0}
.top-company dt {flex-basis: 100%;padding: 17px 18px 0 18px;border: none;color: var(--dark-blue);font-weight: 500;}
.top-company dd {flex-basis: 100%;padding: 10px 18px 17px 18px}
}



.ggmap {position: relative;margin: 0 0 1em 0;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {position:absolute;top:0;left:0;width:100%;height:100%;height: 500px;}

@media screen and (max-width:980px){
.ggmap iframe,.ggmap object,.ggmap embed {height: 100%;}

}

/*---------------------------
　売る・買う
---------------------------*/

.about-sales-text {margin: 0 0 80px}

.about-sales-block {margin: 0;padding: 60px 80px;background: #eeefef}
.about-sales-block.chukai{margin-bottom: 80px;border: 1px solid #61a95b}
.about-sales-block.baibai{border: 1px solid  var(--blue)}
@media screen and (max-width:980px){
.about-sales-block {margin: 0;padding: 30px;}
}

.bout-sales-sub-title {display: flex;flex-wrap: wrap;margin-bottom: 40px;}
.bout-sales-sub-title h4{flex-basis: 170px;display:flex;justify-content: start;align-items: center;}
.bout-sales-sub-title h4 span{display:flex;justify-content: center;align-items: center;width: 150px; height: 150px;border-radius: 50%;color: #fff;font-size: 40px;}

.bout-sales-sub-title h4.chukai span{background: var(--green);}
.bout-sales-sub-title h4.baibai span{background: var(--blue);}

.bout-sales-sub-title p{flex-basis: calc(100% - 170px);margin: 50px 0 0 0;font-size: 1.5rem;}


@media screen and (max-width:980px){
.bout-sales-sub-title {margin-top: -80px;}
.bout-sales-sub-title h4,
.bout-sales-sub-title p{flex-basis: 100%;}
.bout-sales-sub-title h4 {justify-content: center;}
.bout-sales-sub-title h4 span{width: 100px; height: 100px;font-size: 30px;}
.bout-sales-sub-title p{font-size: 1.2rem;margin-top: 20px;}
}

.merit-demerit-block {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
.illust {flex-basis: 50%;}
.merit-demerit {flex-basis: 45%;}

.illust {margin: 0;}

.merit-demerit .merit {margin-bottom: 20px;border: 1px solid #b51549;}
.merit-demerit .demerit {border: 1px solid #333;}
.merit-demerit  dt{padding: 0.2em 0;font-size: 1rem;font-weight: 700;text-align: center;}
.merit-demerit .merit dt{background: #f7c9dc;color: #e9558a;background: #b51549;color: #fff}
.merit-demerit .demerit dt{background: #b9e3f9;color: #1c74bc;background: #666;color: #efefef}
.merit-demerit dd{padding: 0.75em;}
.merit-demerit .merit dd{background: rgba(255,255,255,0.8)}
.merit-demerit .demerit dd{background: rgba(0,0,0,0.05)}


@media screen and (max-width:980px){
.illust,
.merit-demerit {flex-basis: 100%;}
}


.flow {margin-bottom: 50px;}
.baibai .flow {margin-left: 15%;margin-right: 15%;}

.flow ul{display: flex;justify-content: space-between;}
.flow li{flex-basis: 10%;display:flex;justify-content: center;align-items: center;padding: 50px 0;background: #fff;color: #fff;font-size: 1.3rem;line-height: 1em;letter-spacing: 3px;writing-mode: vertical-rl;}
.chukai .flow li{background: var(--green);color: #fff;}
.baibai .flow li{background: var(--blue);color: #fff;}

.flow li.yajirusi {padding: 0;background: transparent;border: none;line-height: 0;}
.flow li.yajirusi i{padding: 0;font-size: 4rem;line-height: 0;}

.chukai .flow li.yajirusi {color:var(--green);}
.baibai .flow li.yajirusi {color:var(--blue);}


@media screen and (max-width:980px){
.baibai .flow {margin-left: 0;margin-right: 0;}
.flow ul{flex-direction: column;}
.flow li{padding: 15px;flex-basis: auto;font-size: 1.1rem;writing-mode: horizontal-tb;}
.flow li.yajirusi i {padding: 20px;font-size: 3rem;transform:rotate(90deg);}
}

.reccomend dl{display: flex;flex-wrap: wrap;border: 1px solid #ccc;margin: 0;background: rgba(255,255,255,0.5)}
.reccomend dt{flex-basis: 25%;display:flex;justify-content: center;align-items: center;padding: 10px 20px;color: #fff;font-size: 1.5rem;font-weight: 500}
.reccomend dd{flex-basis: 75%;padding: 15px 20px 15px 0;}

.chukai .reccomend dt{color:var(--green);}
.baibai .reccomend dt{color:var(--blue);}

.reccomend dd ul    {margin:0;padding: 0 20px;list-style-type:none;font-size:100%;border-left: 1px solid #ccc;}
.reccomend dd ul    li{margin:0 0 0.3em 0;text-indent:-1em;padding-left:1em;font-size: 1.1rem;line-height:150%;}
.reccomend dd ul    li:before{content:"⚫︎ ";top: -3px;font-size: 0.8em;}

.chukai .reccomend dd ul    li:before{color:var(--green);}
.baibai .reccomend dd ul    li:before{color:var(--blue);}



@media screen and (max-width:980px){
.reccomend dl{flex-direction: column;}
.reccomend dt{padding: 15px 15px 0 15px;;font-size: 1.2rem;}
.reccomend dt br{display: none}
.reccomend dd{padding: 15px 0;}
.reccomend dd ul {padding: 15px 15px 0 15px;border-left: none;border-top: 1px solid #999;}
}

@media screen and (max-width:516px){
.reccomend dt br{display: inline}
}


/*---------------------------
　不動産投資
---------------------------*/



.section-02-block {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 80px;}
.section-02-block:last-child {margin-bottom: 0;}
.section-02-block-innerwrap {flex-basis: 55%;}
.section-02-img {flex-basis: 35%;display: block;margin: 0;line-height: 0}
.section-02-img figure{width: 100%;margin: 0;}


.section-02-title {padding: 30px 20px 25px 20px;border-bottom: 1px solid #ccc;font-size: 1.8rem;font-family: 'Noto Serif JP', serif;letter-spacing: 1px;}
.section-02-block-innerwrap p {padding: 20px;}
.section-02-img {}


@media screen and (max-width:768px){
.section-02-block-innerwrap,
.section-02-img {flex-basis: 100%;}

}



/*---------------------------
　お問い合わせ
---------------------------*/

.contact-title  {margin: -40px 0 80px;text-align: center;}
.contact-title span {padding: 0 30px 15px 30px;border-bottom: 1px solid #ccc;font-size: 1.8rem;font-family: 'Noto Serif JP', serif;text-align: center;letter-spacing: 1px;}

.contact-lead {margin-bottom: 60px;text-align: center;}

.contact-info {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;margin: 0 25% 15px;color: var(--dark-blue);}
.contact-info dt{flex-basis: 30%;}
.contact-info dd{flex-basis: 60%;}
.contact-info a{display: block;color: var(--dark-blue);text-decoration: none;}
.contact-info a:hover{opacity: 1;}
.contact-info .uketuke{display: block;margin: 0 0 0 7%;color: #333;font-size: 15px;}

.contact-info dt{display: flex;align-items: center;font-size: 18px;font-weight: 700;}
.contact-info dt i{margin-right: 8px;}
.contact-info dt .fa-phone {font-size: 31px;}
.contact-info dt .fa-envelope {font-size: 23px;}

.contact-info .en-01{font-family: "Cabin", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;letter-spacing: 0;font-size: 40px;}
.contact-info .en-02{font-family: "Cabin", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;letter-spacing: 0;font-size: 30px;}

@media screen and (max-width: 1280px) {
.contact-info {margin: 0 18% 15px;}
}

@media screen and (max-width:980px) {
.contact-title  {margin: 0 0 80px;}

.contact-lead {text-align: left;}

.contact-info {margin: 0 0 10px;}
.contact-info dt,
.contact-info dd{flex-basis: 100%;text-align: center;}
.contact-info dt {justify-content: center;margin: 0 20% 30px;padding: 5px;border: 1px solid var(--dark-blue);border-radius: 20px;}
}

@media screen and (max-width:640px) {
.contact-info {margin: 0 0 40px;}
.contact-info .en-02{font-size: 26px;}
.contact-info dt {margin: 0 10% 20px;}
}



#formWrap{margin: 0 3%;line-height:120%;}
#formWrap	table.formTable{width:100%;margin: 70px auto 0 auto;border-collapse:collapse}
#formWrap	table.formTable td,#formWrap	table.formTable th{border:1px solid #ccc;padding:20px;vertical-align: middle;}
#formWrap	table.formTable th{width:30%;font-weight:400;background:var(--dark-blue);color: #fff;text-align:left}
#formWrap	table.formTable td {background: #f7f7f7;text-align: left;}

/*form	input[type="text"] ,form 	input[type="email"] ,textarea*/
form	input[type="text"] ,form 	input[type="email"] ,textarea{
padding: 8px;border: 1px solid #ccc;
-moz-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);border-radius: 4px;font-size: 1.1rem;outline: none;
}


/*focus*/
input[type="text"]:focus,input[type="email"]:focus,
textarea:focus {box-shadow: 0 0 2px var(--blue);border: 1px solid var(--blue);}

/*iPhone対策*/
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;}

/*必須*/
.hissu	{margin-left: 0.7em;padding: 0.1em 0.5em;background: #1c74bc;border-radius: 5px;color: #fff;font-size: 0.8em;letter-spacing: 1px}

label {white-space: nowrap;line-height: 2em;}


.yn	{margin-right: 10px;}
.input01	{width: 60%;}
.input02	{width: 50%;}
.input03	{width: 8em;}
textarea	{width: 100%;min-height: 10em;}
.inputm	{margin-bottom: 1em;}
.mail-01 {display: block;margin-bottom: 15px;}


.gmail-attention {display: block;padding: 10px 0 0 0;font-size: 14px;}


/*submitarea*/
.submitarea	{display:flex;justify-content: center;margin: 50px 0}

.submitarea	input[type="submit"],
.submitarea	input[type="reset"],
.submitarea	input[type="button"]{flex-basis: 45%;margin: 0 2.5%;padding: 10px 0;border: none;font-size: 105%;background: var(--dark-blue);border: 3px solid var(--dark-blue);color: #fff;transition: all 0.5s;}

.submitarea	input[type="submit"]:hover,
.submitarea	input[type="reset"]:hover,
.submitarea	input[type="button"]:hover,
.submitarea	a:hover{background: #fff;color: var(--dark-blue);opacity: 1}

.submitarea	a	{flex-basis: 45%;padding: 10px 0;background: var(--dark-blue);border: 3px solid var(--dark-blue);color: #fff;transition: all 0.5s;text-decoration: none;text-align: center}

.submitarea	input[type="reset"]{flex-basis: 45%;margin: 0 2.5%;padding: 10px 0;border: none;font-size: 105%;background: #ccc;border: 3px solid #ccc;color: #666;transition: all 0.5s;}
.submitarea	input[type="reset"]:hover{background: #fff;color: #ccc;opacity: 1}


.error-message-block {margin: 0 10%;padding: 50px 0;text-align: left;}
.error-message-block h4{margin-bottom: 30px;}

.error-message	{text-align: left;margin-bottom: 1.5em;}
.error-text	{color: var(--form-keycolor);}

.please-subbmit {padding: 50px 0;text-align: left;}

.thanks-message	{margin: 50px 0 0 0;}

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

#formWrap{width:92%;margin:0 4%}
#formWrap	table.formTable{margin: -30px auto 0 auto}
#formWrap	table.formTable td,#formWrap	table.formTable th{width:auto;display:block}
#formWrap	table.formTable th{margin-top:20px;border-bottom:0}

.submitarea	a	{flex-basis: 80%;}
.error-message-block {margin: 0}
.thanks-message	{margin: 60px 0 0 50px;}

.input01,
.input02	{width: 100%;}

}