@charset "utf-8";

.pageCatch .aruhiTit { padding: 8vw; }
.pageCatch .aruhiTit .titInr { padding: 30px; display: inline-block; background: #fff; }
.pageCatch .aruhiTit h1 { position: relative; text-align: center; }
.pageCatch .aruhiTit h1 img { width: 250px; }
.pageCatch .aruhiTit p { font-size: 12px; position: relative; text-align: center; padding: 25px 0 0; }

.linkBtn { margin: 40px auto 0; text-align: center; }
.linkBtn a { display: inline-block; width: 100%; max-width: 300px; border-radius: 30px; font-size: 16px; line-height: 30px; font-weight: 700; text-align: center; text-decoration: none; padding: 15px; box-shadow: 5px 10px 20px rgba(0,0,0,0.1); background: #FFD800; transition: all 0.3s; }
.linkBtn a:hover { opacity: 0.8; }
.linkBtn a img { width: 16px; height: 16px; margin: 7px; }
.btnArea { text-align: center; margin: 40px auto 0; }
.btnArea .linkBtn { display: inline-block; width: 300px; margin: 10px; }

.subTit { font-size: 16px; font-weight: 700; line-height: 1.2; text-align: center; margin: 0 auto 10px; }
.headline_a01 { font-size: 30px; font-weight: 700; line-height: 1.2; text-align: center; margin: 0 auto 40px; }
.headline_a02 { position: relative; font-size: 24px; line-height: 1.2; font-weight: 700; text-align: left; padding: 0 0 20px; margin: 0 auto 20px; }
.headline_a02:after { position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 60px; height: 2px; background: #FFEE8C; }

.cont01 ul { text-align: center; font-size: 0; }
.cont01 ul li { display: inline-block; width: 33%; padding: 10px; }
.cont01 ul li .inr { padding: 20px 10px; font-size: 20px; line-height: 1.5; font-weight: 700; text-align: center; background: #FFEE8C; border-radius: 10px; }

.flat35_01 { text-align: center; }
.flat35_01 .shareBox { padding: 30px; background: #F2F2F2; border-radius: 10px; text-align: center; }
.flat35_01 .shareBox dt { font-size: 30px; font-weight: 700; line-height: 1.5; text-align: center; }
.flat35_01 .shareBox dd { text-align: center; }
.flat35_01 .shareBox dd span { display: inline-block; padding: 0 5px; font-size: 30px; font-weight: 700; line-height: 1.2; background: -webkit-linear-gradient(transparent 75%, #FFD800 0%); background: linear-gradient(transparent 75%, #FFD800 0%); }
.flat35_01 .shareBox p { display: inline-block; font-size: 14px; padding: 20px 0 0; margin: 0 auto; }

.flat35_02 { padding: 5vw 0 0; }
.flat35_02 ul { max-width: 800px; margin: 0 auto; }
.flat35_02 li { display: table; padding: 0 0 20px; }
.flat35_02 .iconCont { display: table-cell; }
.flat35_02 .iconCont span { display: block; padding: 30px; border-radius: 50%; border: 2px solid #FFD800; }
.flat35_02 .iconCont img { width: 40px; height: 40px; }
.flat35_02 dl { display: table-cell; padding: 0 0 0 10px; }
.flat35_02 dd { font-size: 14px; }
.flat35_02 dd.subTxt { font-size: 18px; font-weight: 700; }
.flat35_02 dt { font-size: 24px; font-weight: 700; }

.cont03 { background: #F2F2F2; }
.cont03 .disc { text-align: center; }
.cont03 ul {display: flex; flex-wrap: wrap; align-content: stretch; justify-content: center;  text-align: center; margin: 40px auto 0;  }
.cont03 ul li { width: 33%; padding: 10px; }
.cont03 ul li dl { height: 100%; padding: 20px 10px; text-align: center; background: #fff; border-radius: 10px; }
.cont03 ul li dt { font-size: 20px; line-height: 1.5; font-weight: 700; text-align: center; }
.cont03 ul li dd { text-align: center; }

.cont04 { text-align: center; }
.cont04 ul { text-align: center; font-size: 0; }
.cont04 li { display: inline-block; width: 33%; padding: 10px; }
.cont04 li a { display: block; padding: 20px 10px; font-size: 20px; line-height: 60px; font-weight: 700; text-align: center; vertical-align: middle; background: #FFEE8C; border-radius: 10px; }
.cont04 li a img { width: 16px; height: 16px; margin: 22px 7px; }
.cont04 li.line02 a { line-height: 30px; }
.cont04 li.line02 a img { margin: 7px; }

.aruhiContact { background: #FFD800; }
.aruhiContact .sectionInr { padding: 2vw 8vw; }
.aruhiContact p { font-size: 20px; font-weight: 700; line-height: 1.5; text-align: center; margin: 0 auto 20px; }
.aruhiContact .telCont dl { text-align: center; }
.aruhiContact .telCont dt { font-size: 24px; font-weight: 700; line-height: 40px; text-align: center; padding: 0 0 5px; }
.aruhiContact .telCont dt img { height: 30px; margin: 5px; }
.aruhiContact .telCont dt a { display: inline-block; pointer-events:none;  }
.aruhiContact .telCont dd { font-size: 14px; text-align: center; }

.cont05 .office { padding: 0 0 30px; }
.cont05 .office h3 { font-size: 20px; font-weight: 700; color: #FFD800; padding: 0 0 20px; }
.cont05 .office .map { float: left; width: 50%; height: 0; overflow: hidden; padding-bottom: 30%; position: relative; }
.cont05 .office .map iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.cont05 .office .officeInr { float: right; width: 50%; padding: 0 0 0 20px; }
.cont05 .office .officeInr p { padding: 0 0 20px; }
.cont05 .office .route { background: #F2F2F2; padding: 10px 20px; border-radius: 10px; }
.cont05 .office .route dl { padding: 10px 0; }
.cont05 .office .route dt { font-size: 16px; line-height: 30px; font-weight: 700; padding: 0 0 5px; }
.cont05 .office .route dd.attention { font-size: 14px; }
.cont05 .office .route dt .icon { display: inline-block; background: #FFD800; width: 30px; height: 30px; padding: 5px; border-radius: 50%; text-align: center; margin: 0 5px 0 0; }
.cont05 .office .route dt .icon img { width: 20px; height: 20px; }

.cont06 { background: #F2F2F2; }
.corpoName { text-align: center; margin: 0 auto 40px; }
.corpoName dt { width: 600px; background: #fff; padding: 20px; text-align: center; margin: 0 auto 20px; }
.corpoName dt img { width: 200px; }
.corpoName dd { font-size: 24px; font-weight: 700; text-align: center; }
.designTable { width: 100%; border-collapse: collapse; }
.designTable tr { border-bottom: 1px solid #D5D7DC; }
.designTable th { position: relative; width: 180px; padding: 20px 10px; font-weight: 700; }
.designTable th:after { position: absolute; left: 0; bottom: -1px; content: ''; display: block; width: 180px; height: 1px; background: #FFD800; }
.designTable td { padding: 20px 10px; }
.designTable h4 { font-size: 16px; }
.designTable ul { padding: 0 0 10px; }
.designTable dl { padding: 5px 0; }
.designTable dt { font-weight: 700; }

.realEstate { padding: 5vw 0 0; }
.realEstate ul { display: flex; flex-wrap: wrap; align-content: stretch; }
.realEstate ul li { width: 50%; padding: 10px; }
.realEstate ul li .reInr { border: 1px solid #D5D7DC; height: 100%; }
.realEstate ul li dl { display: table; width: 100%; }
.realEstate ul li dt { display: table-cell; width: 80px; font-size: 24px; font-weight: 700; line-height: 80px; text-align: center; vertical-align: middle; background: #FFD800; }
.realEstate ul li dd { display: table-cell; font-size: 18px; font-weight: 700; line-height: 25px; vertical-align: middle; background: #F2F2F2; padding: 10px; }
.realEstate ul li p { padding: 10px; }

.contactInfo { display: none; }


/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1400px){
	.cont01 ul li .inr { font-size: 18px; }
	.cont04 li a { font-size: 18px; }
}

/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1200px){
	.headline_a01 { font-size: 26px; }
	.headline_a02 { font-size: 26px; }
	.cont01 ul li { width: 50%; }
	.flat35_01 .shareBox dt { font-size: 26px; }
	.flat35_01 .shareBox dd span { font-size: 26px; }
	.cont03 ul li { width: 50%; }
	.cont04 li { width: 50%; }
	.realEstate ul li dt { width: 60px; line-height: 60px; }

}

@media screen and (max-width:1023px){
	.pageCatch .aruhiTit { padding: 40vh 5vw 10vh 5vw; }
	.cont05 .office .map { float: none; width: 100%; padding-bottom: 40%; }
	.cont05 .office .officeInr { float: none; width: 100%; padding: 20px 0 0; }
	.realEstate ul li dd br { display: none; }
	.corpoName dd { font-size: 20px; }

}

@media screen and (max-width:767px){
	.pageCatch .aruhiTit .titInr { padding: 20px; }
	.pageCatch .aruhiTit h1 img { width: 180px; }
	.pageCatch .aruhiTit p { font-size: 10px; padding: 18px 0 0; }
	.headline_a01 { font-size: 22px; margin: 0 auto 5vw; }
	.headline_a02 { font-size: 22px; padding: 0 0 5vw; margin: 0 auto 5vw; }
	.linkBtn { margin: 5vw auto 0; }
	.linkBtn a { border-radius: 25px; padding: 10px; }
	.cont01 ul li { width: 100%; padding: 0 0 10px; }
	.cont01 ul li .inr { padding: 10px; font-size: 16px; }
	.flat35_01 .shareBox { padding: 20px 10px; }
	.flat35_01 .shareBox dt { font-size: 20px; }
	.flat35_01 .shareBox dd span { font-size: 20px; }
	.flat35_02 { padding: 10vw 0 0;}
	.flat35_02 .iconCont span { padding: 15px; }
	.flat35_02 .iconCont img { width: 30px; height: 30px; }
	.flat35_02 dd.subTxt { font-size: 14px; }
	.flat35_02 dt { font-size: 20px; }
	.btnArea { margin: 5vw auto 0; }
	.btnArea .linkBtn { margin: 0 0 10px; }
	.cont03 ul { padding: 5vw 0 0; margin: 0 auto; }
	.cont03 ul li { width: 100%; padding: 0 0 10px; }
	.cont03 ul li dt { font-size: 16px; }
	.cont04 li { width: 100%; padding: 0 0 10px; }
	.cont04 li a { padding: 10px; font-size: 16px; line-height: 30px; }
	.cont04 li a img { margin: 7px; }
	.cont05 .office .map { padding-bottom: 60%; }
	.cont05 .office .route { padding: 10px; }
	.aruhiContact .sectionInr { padding: 8vw; }
	.corpoName dt { width: 100%; }
	.corpoName dd { font-size: 18px; }
	.designTable tr { position: relative; border-bottom: none; }
	.designTable tr:after { left: 0; bottom: -1px; content: ''; display: block; width: 100%; height: 1px; background: #FFD800; }
	.designTable th { display: block; width: 100%; padding: 20px 0 0; }
	.designTable th:after { display: none; }
	.designTable td { display: block; width: 100%; padding: 0 0 20px; font-size: 14px; }
	.realEstate ul { display: block; }
	.realEstate ul li { width: 100%; padding: 0 0 10px; }
	.realEstate ul li dt { font-size: 20px; }



}