@charset "UTF-8";

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

#main	{position: relative;background: var(--color-04);}
.home-main-wave	{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;margin: 0;overflow: hidden;}

.slider-wrapper {display: flex;overflow: hidden;line-height: 0}
.slider {display: flex;animation: scroll-left 20s infinite linear .3s both;line-height: 0}
.slide {width: 100vw;line-height: 0}
.slide  img {width: 100%;}
@keyframes scroll-left {
from {transform: translateX(0);}
to {transform: translateX(-100%);
}
}

/*2つのリンク*/
.home-msg-chosei {margin: 70px 0 0 0}

#home-msg {padding-bottom: var(--head-height);background: var(--color-04)}

.home-01-catch {text-align: center;}

.home-link-block  {display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-link  {flex-basis: 40%;}
.home-link:nth-child(1)  {margin: 0 3% 0 7%}
.home-link:nth-child(2)  {margin: 0 7% 0 3%}
.home-link  ul{border-radius: 15px;background: #fff;font-family: "Noto Serif JP", serif;font-size: 18px;overflow: hidden;}
.home-link-txt  {padding: 25px 30px 15px;}
.home-link-txt  h3{color: #333;margin-bottom: 0.5em;font-size: 23px;font-weight: 500;}
.home-link-adress {padding: 10px 0 28px;text-align: center}
.home-link-adress a{padding: 5px 30px;background: var(--color-01);color: #fff;font-size: 18px;font-weight: 500;font-family: "Noto Sans JP", sans-serif;border-radius: 20px;text-align: center;text-decoration: none;letter-spacing: 0;}
.home-link-adress a:hover{background: var(--color-02);opacity: 1}
.home-link-adress a i{ margin-left: 10px;font-size: 20px;transition: all 0.5s;}
.home-link-adress a:hover i{ margin-left: 20px;margin-right: -10px;}


@media screen and (max-width: 768px) {
#home-msg {padding-bottom: var(--head-height-sp);}
.home-01-catch {text-align: left;}
.home-01-catch br{display: none}
.home-link  {flex-basis: 100%;}
.home-link:nth-child(1),
.home-link:nth-child(2)  {margin:0}
.home-link:nth-child(1)	{margin-bottom: 50px}
}

/*MINT HOUSEの想い*/
#home-thoughts  {position: relative;font-family: "Noto Serif JP", serif;font-size: 17px;}
#home-thoughts  {background: linear-gradient(180deg,
var(--color-04) 0%, var(--color-04) var(--head-height),
var(--color-05) var(--head-height), var(--color-05) 100%);}

.home-thoughts-wrap {display: flex;flex-wrap: wrap;margin: 0 3%;}
.home-thoughts-wrap .text{flex-basis: 60%;}
.home-thoughts-wrap .photo{flex-basis: 40%;}

@media screen and (max-width: 980px) {
.home-thoughts-wrap .text,
.home-thoughts-wrap .photo{flex-basis: 100%;}
}

@media screen and (max-width: 768px) {
#home-thoughts  {background: linear-gradient(180deg,
var(--color-04) 0%, var(--color-04) var(--head-height-sp),
var(--color-05) var(--head-height-sp), var(--color-05) 100%);}
.home-thoughts-wrap {margin: 0;}
.home-thoughts-wrap .text	br{display: none}
}

/*MINT HOUSEについて（会社情報）*/

#corpoprate	{background: linear-gradient(180deg,
var(--color-05) 0%, var(--color-05) var(--head-height),
var(--color-04) var(--head-height), var(--color-04) 100%);}

.home-coporate-wrap {margin: 0 3% 30px;padding: 5%;background: #fff;}
.home-coporate	{width: 100%;font-family: "Noto Serif JP", serif;}
.home-coporate	th,.home-coporate	td	{padding: 15px;border-bottom: solid 1px #ccc;}
.home-coporate	th {text-align: center;}

@media screen and (max-width: 768px) {
#coporate	{background: linear-gradient(180deg,
var(--color-05) 0%, var(--color-05) var(--head-height-sp),
var(--color-04) var(--head-height-sp), var(--color-04) 100%);}

.home-coporate-wrap {margin: 3% 0 7% 0;padding:0;}
.home-coporate {}
.home-coporate th,
.home-coporate td {display: block;width: 100%;border-bottom: none;text-align: left}
.home-coporate th{padding: 15px 20px 0 20px;font-weight: bold}
.home-coporate td {padding: 10px 20px 15px 20px;border-bottom: solid 1px #ccc;}
}

/*Google map*/
.ggmap	{position:relative;display: block;width:100%;height: 600px;margin: 0 0 var(--head-height) 0}
.ggmap iframe{position:absolute;top:0; right:0;width:100%;height:600px}
@media screen and (max-width:980px){
.ggmap	{height: 400px;}
.ggmap iframe{height:400px}
.ggmap	{margin: 0 0 var(--head-height-sp) 0}
}

/*---------------------------
　不動産管理
---------------------------*/

/*入居者サポート / オーナー様サポート*/
#property-01	{background: var(--color-04)}

.property-block  {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 40px 0 100px}
.property  {flex-basis: 40%;}
.property:nth-child(1)  {margin: 0 3% 0 7%}
.property:nth-child(2)  {margin: 0 7% 0 3%}
.property  ul{border-radius: 15px;background: #fff;font-family: "Noto Serif JP", serif;font-size: 18px;overflow: hidden;}
.property-txt  {padding: 15px 30px;}
.property-txt  h3{color: #333;margin-bottom: 0.5em;font-size: 21px;font-weight: 500;}
.property-adress {padding: 10px 0 28px;text-align: center}
.property-adress a{padding: 7px 25px;background: var(--color-01);color: #fff;font-size: 16px;font-weight: 400;font-family: "Noto Sans JP", sans-serif;border-radius: 20px;text-align: center;text-decoration: none;letter-spacing: 0;}
.property-adress a:hover{background: var(--color-02);opacity: 1}
.property-adress a i{ margin-left: 10px;font-size: 18px;transition: all 0.5s;}
.property-adress a:hover i{ margin-left: 20px;margin-right: -10px;}

@media screen and (max-width: 768px) {
.property-block  {margin: 20px 0 60px}
.property  {flex-basis: 100%;}
.property:nth-child(1),
.property:nth-child(2)  {margin:0}
.property:nth-child(1)	{margin-bottom: 50px}
}

.property-block-02	{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 7% 80px;font-family: "Noto Serif JP", serif;}

.property-block-02	.text{flex-basis: 55%}
.property-block-02	.photo{flex-basis: 40%}

@media screen and (max-width: 768px) {
.property-block-02	{margin: 0 0 60px;}
.property-block-02	.text,
.property-block-02	.photo{flex-basis: 100%}
.property-block-02	.text	{margin-bottom: 40px;}
}




.property-block-03	{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 7% 80px;font-family: "Noto Serif JP", serif;}

.property-block-03	ul{flex-basis: 30%;margin-bottom: 6%;padding: 4%;background: #fff;border: 1px solid var(--color-01);}


.property-block-03	ul:nth-child(4),
.property-block-03	ul:nth-child(5),
.property-block-03	ul:nth-child(6){margin-bottom: 0}

.property-block-03	ul	li:nth-child(1){padding: 0 0 5px;text-align: center;}
.property-block-03	ul	li:nth-child(2){padding: 5px 0 15px;color: var(--color-01);font-family: "Noto Sans JP", sans-serif;font-size: 22px;font-weight: 500;text-align: center;}
.property-block-03	ul	li:nth-child(3){}

.property-block-03	ul	li:nth-child(1)	img{width: 100px;}

@media screen and (max-width: 980px) {
.property-block-03	ul{flex-basis: 47%;}
.property-block-03	ul:nth-child(4){margin-bottom: 6%}
}

@media screen and (max-width: 768px) {
.property-block-03	{margin: 0 0 20px;}
.property-block-03	ul{flex-basis: 100%;padding: 6%;}
.property-block-03	ul:nth-child(5),
.property-block-03	ul:nth-child(6){margin-bottom: 6%}
}



/*MINT HOUSEが管理している物件*/
#management		{margin-bottom: 110px;padding: 0;background: var(--color-05) url(../image/common_pattern.png) no-repeat;background-position: 0 80%}

.management-block	{display: flex;justify-content: space-between;flex-wrap: wrap;}
.management-block	.text{flex-basis: 33%;font-family: "Noto Serif JP", serif;}
.management-block	.map{flex-basis: 60%;position: relative}
.management-block	small{font-size: 15px;}

.management-title	p{padding: 30px 40px;color: var(--color-01);font-family: "Noto Serif JP", serif;font-size: 30px;font-weight: 600;line-height: 1.5em;border: 2px solid var(--color-01);text-align: center;}

.map-list	a {display:flex;justify-content: center;align-items: center;background: var(--color-04);border: 4px solid var(--color-02);color: #333;font-size: 17px;text-align: center;font-weight: 600;text-decoration: none;line-height: 0}
.map-list	a:hover {background: #fff;border: 4px solid #e5f124;opacity: 1}

/*中央区*/
.map-list	a:nth-child(1){position: absolute;top: 37%;left: 59%;width: 14.5%;height: 5%;}
/*西区*/
.map-list	a:nth-child(2){position: absolute;top: 34%;left: 44%;width: 14.5%;height: 5%;}
/*浪速区*/
.map-list	a:nth-child(3){position: absolute;top: 42.5%;left: 45%;width: 15%;height: 5%;}
/*住吉区*/
.map-list	a:nth-child(4){position: absolute;top: 55.5%;left: 51%;width: 14%;height: 5%;}
/*高石市*/
.map-list	a:nth-child(5){position: absolute;top: 63.5%;left: 37%;width: 14%;height: 5%;}

@media screen and (max-width: 1280px) {
.management-block	.text{flex-basis: 37%;}
.management-title	p{padding: 20px}
}

@media screen and (max-width: 980px) {
.management-title	p{padding: 10px;font-size: 20px;}
.management-block	.text,
.management-block	.map{flex-basis: 100%;}
}

@media screen and (max-width: 768px) {
.map-list	a {border: 3px solid var(--color-02);font-size: 14px;font-weight: 500}
.map-list	a:hover {border: 3px solid #e5f124;}
}

@media screen and (max-width: 480px) {
.map-list	a {border: 2px solid var(--color-02);font-size: 9px;font-weight: 400}
.map-list	a:hover {border: 2px solid #e5f124;}

.map-list	a:nth-child(1),
.map-list	a:nth-child(2),
.map-list	a:nth-child(3),
.map-list	a:nth-child(4),
.map-list	a:nth-child(5){height: 6%;}

}

/*---------------------------
　不動産売買・賃貸仲介 
---------------------------*/

#support	{background: var(--color-04);}

/*グリーンのキャッチ*/
.realestate-catch	{display:flex;justify-content: center;align-items: center;margin-bottom: 50px;color: var(--color-01);font-family: "Noto Serif JP", serif;font-size: 25px;text-align: center;}
.realestate-catch	{padding: 0 20px;line-height: 1.4em}
@media screen and (max-width:980px){
.realestate-catch	{margin-bottom: 50px;font-size: 21px;}
}

.realestate-catch-msg	{font-family: "Noto Serif JP", serif;text-align: center;font-size: 20px;}
@media screen and (max-width:980px){
.realestate-catch-msg	{text-align: left;font-size: 17px;}
.realestate-catch-msg	br{display: none;}
}

/*3つのサポート*/
.realestate-support	{display: flex;justify-content: space-between;flex-wrap: wrap;font-family: "Noto Serif JP", serif;padding: 30px 0}
.realestate-support	ul{flex-basis: 33.3333333%;display: flex;flex-wrap: wrap;padding: 0 0.5%;}
.realestate-support	ul:nth-child(1){border-right: 1px solid var(--color-01);}
.realestate-support	ul:nth-child(2){border-right: 1px solid var(--color-01);}

.realestate-support	ul	li:nth-child(1){width: 28%;margin: 0 4%}
.realestate-support	ul	li:nth-child(2){width: 64%}
.realestate-support	h4{margin-bottom: 15px;color: var(--color-01);font-family: "Noto Sans JP", sans-serif;font-size: 20px;font-weight: 700}
.realestate-support	p{margin: 0}

@media screen and (max-width:1280px){
.realestate-support	ul	li:nth-child(1),
.realestate-support	ul	li:nth-child(2),
.realestate-support	ul	li{flex-basis:100%;margin: 0;padding: 0 15%}
.realestate-support	ul	li:nth-child(1){margin: 0 0 15px 0}
.realestate-support	h4{text-align: center;}
.realestate-support	p	br{display: none}
}

@media screen and (max-width:768px){
.realestate-support	{padding: 0}
.realestate-support	ul{flex-basis:100%;margin: 0;}
.realestate-support	ul:nth-child(1),
.realestate-support	ul:nth-child(2){margin-bottom: 30px;border-right: none;}
.realestate-support	ul	li:nth-child(1)	{text-align: center;}
.realestate-support	ul	li:nth-child(1)	img{max-width: 180px;width: 100%;margin: 0 auto;}
}

#estate-section01	{background: var(--color-05);}
#estate-section02	{}
#estate-section03	{margin: 0 0 var(--head-height) 0;background: var(--color-05);}
@media screen and (max-width:768px){
#estate-section03	{margin: 0 0 var(--head-height-sp) 0;}
}

.real-estate-s-title	{margin: 0 0 20px 0;color: var(--color-01);font-family: "Noto Serif JP", serif;font-size: 24px;}
.real-estate-text	{margin: 0 0 50px 0;font-family: "Noto Serif JP", serif;font-size: 18px;line-height: 1.9em}

.real-estate-block	{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 50px 0;}
.real-estate-block-text	{flex-basis:50%}
.real-estate-block	p{flex-basis:40%}

.realestate-list	{font-family: "Noto Sans JP", sans-serif;}
.realestate-list	li{padding: 5px 5px 5px 35px;background: url(../image/realestate_list_point.png) no-repeat;background-size: 25px;background-position: 0 6px;font-size: 17px;}

@media screen and (max-width:768px){
.real-estate-block-text,
.real-estate-block	p{flex-basis: 100%}
.real-estate-block-text	{margin-bottom: 50px;}
}


/*---------------------------
　CONTACT
---------------------------*/

#contact	{padding: 0;}
@media screen and (max-width:768px){
#contact	{padding: 0;}
}

.contact-form-block	{padding-bottom: 30px;background: url(../image/contact_bg.png) no-repeat left bottom;background-size: 70%;}
@media screen and (max-width:768px){
.contact-form-block	{background: url(../image/contact_bg.png) no-repeat left bottom;background-size: 100%;}
}

.contact-lead{display: block;font-family: "Noto Serif JP", serif;font-size: 18px;text-align: center;}
@media screen and (max-width:768px){
.contact-lead{text-align: left;}
.contact-lead	br{display: none}
}

.contact-tel-block	{display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.contact-tel-block	p:nth-child(1)	{flex-basis: 110px;font-family: "Noto Sans JP", sans-serif;font-size: 20px;}
.contact-tel-block	p:nth-child(2)	{flex-basis: 80px;padding:0 20px 0 0;}
.contact-tel-block	p:nth-child(3)	{flex-basis: 300px;}
.contact-tel-block	p:nth-child(3)	a{color: var(--color-01);font-size: 40px;font-weight: 700;text-decoration: none;}
.contact-tel-block	p:nth-child(3)	a:hover{opacity: 1}
.contact-tel-block	p:nth-child(3)	span:nth-child(1){display: block;}
.contact-tel-block	p:nth-child(3)	span:nth-child(2)	{display: block;}
@media screen and (max-width:768px){
.contact-tel-block	{align-items: flex-start;}
.contact-tel-block	p:nth-child(1)	{flex-basis: 100%;text-align: center;}
.contact-tel-block	p:nth-child(2)	{flex-basis: 100%;padding:0;text-align: center;}
.contact-tel-block	p:nth-child(2)	img{width: 60px;margin: 0 auto;}
.contact-tel-block	p:nth-child(3)	{flex-basis: 100%;font-size: 14px;text-align: center;}
.contact-tel-block	p:nth-child(3)	a{font-size: 32px;}
}


/*フォーム*/
.contact-form-block	{}

.contact-form-block	table {width: 100%}
.contact-form-block	th,
.contact-form-block	td	{padding: 20px;vertical-align: top;}
.contact-form-block	th {width:30%;}

@media screen and (max-width: 640px) {
.contact-form-block	table {}
.contact-form-block	table th,
.contact-form-block	table td {display: block;width: 100%;border-bottom: none;}
.contact-form-block	table th {color: #333;padding: 15px 0 0 0;font-size: 17px;font-weight: 700;}
.contact-form-block	table td {padding: 7px 0 15px;}
}


:root {
--form-keycolor: #00a29a;
}

/*必須*/
.hissu	{margin-left: 0.7em;padding: 0.25em 0.5em;background: var(--form-keycolor);border-radius: 5px;color: #fff;font-size: 0.8em;line-height: 1em;letter-spacing: 1px}

/*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;}

/*select */
select {
background:#fff;border:thin solid #ccc;border-radius:4px;display:inline-block;font:inherit;line-height:1.5em;padding:.5em 3.5em .5em 1em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;}
select.minimal {background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%),linear-gradient(to right, #ccc, #ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat: no-repeat;}
select.minimal:focus{background-image:linear-gradient(45deg,green 50%,transparent 50%),linear-gradient(135deg,transparent 50%,green 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px)1em,calc(100% - 20px)1em,calc(100% - 2.5em).5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:green;outline:0}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}

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

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

form	input[type="checkbox"]	{margin-right: 5px} 
.checkbox	{display: inline-block;width: 200px;margin-bottom: 10px;}
td.checkbox-td	{padding-bottom: 5px;}
@media screen and (max-width: 640px) {
td.checkbox-td	{padding-bottom: 20px;}
}

.email-kakunin	{display:block;margin: 0.5em 0;color: #999;font-size: 14px;}
.gmail-attention {display: block;padding: 10px 0 0 0;color: #999;font-size: 14px;}

/*郵便番号/ input area size 調整*/
.yn	{margin-right: 10px;}
.input01	{width: 100%;}
.input02	{width: 50%;}
.input03	{width: 8em;}
textarea	{width: 100%;min-height: 200px;}
.inputm	{margin-bottom: 1em;}

/*submitarea*/
.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 50px 0 100px}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"],.submitarea	a{flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 105%;background: var(--form-keycolor);border: 3px solid var(--form-keycolor);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(--form-keycolor)}
.submitarea	a	{text-decoration: none;text-align: center}



.error-message	{}
.error-text	{margin-top: 30px;color: var(--form-keycolor);}

.thanks-message	{margin-bottom: 100px;}


@media screen and (max-width:640px) {
.submitarea	input[type="submit"].submit{flex-basis: 80%;}
.thanks-message	{margin-bottom: 30px;}
}

/*確認ページ*/

.formTable {width: 100%;}
.formTable	th,
.formTable	td	{padding: 20px;vertical-align: top;border: 1px solid #ccc;}
.formTable	th {width:30%;background: #f7f7f7;}

@media screen and (max-width: 640px) {
.formTable {border-bottom: 1px solid #ccc;}
.formTable th,
.formTable td {display: block;width: 100%;border-bottom: none;}
.formTable th {color: #333;padding: 15px;font-size: 17px;font-weight: 700;}
.formTable td {padding:15px;}
}