@charset "UTF-8";

/*================================================
 *  会社案内 用（company）
 ================================================*/


/*===============ごあいさつ（index.php）===============*/
.page-index section#greeting_area h2 {
	margin-top: 80px;
}

.page-index section#greeting_area .txt_box {
	margin-top: 70px;
}
.page-index section#greeting_area .txt_box p + p {
	margin-top: 1.5em;
}
.page-index section#greeting_area .txt_box + .img_box {
	margin-top: 70px;
}

.page-index section#greeting_area .img_name {
	margin-top: 70px;
}




/*===============会社概要・沿革（overview.php）===============*/
/*******共通*******/
.page-overview section + section {
	margin-top: 120px;
}
.page-overview section:not(.consult_area) h2 {
	font-size: 46px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.1em;
	padding-left: 0.1em;
	margin-bottom: 60px;
}




/*******アクセス*******/
@media screen and (min-width: 800.1px) {
	.page-overview section#access_area .access_box {
		display: grid;
		grid-template-columns: 450px calc(50% + 10px);
		grid-template-rows: auto 1fr;
		justify-content: space-between;
		gap: 20px 10px;
		grid-template-areas:  "unit_txt unit_map" "btn_list unit_map";
	}
	.page-overview section#access_area .access_box .unit_txt { grid-area: unit_txt; }
	.page-overview section#access_area .access_box .unit_map { grid-area: unit_map; }
	.page-overview section#access_area .access_box .btn_list { grid-area: btn_list; }
}

.page-overview section#access_area .access_box:nth-of-type(n+2) {
	margin-top: 60px;
}
.page-overview section#access_area .access_box .unit_txt h3 {
	font-size: 38px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0.4em;
}
.page-overview section#access_area .access_box .unit_map {
	position: relative;
	height: 380px;
	overflow: hidden;
}
.page-overview section#access_area .access_box .unit_map iframe {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height: calc(100% + 400px);
}
.page-overview section#access_area .access_box .btn_list li {
	width: calc((100% - 10px) / 2);
}
.page-overview section#access_area .access_box .btn_list li .btn_arrow {
	font-size: 18px;
	font-weight: 500;
	padding-left: 1em;
}
.page-overview section#access_area .access_box .btn_list li .btn_arrow [class*="icon-"] {
	font-size: 26px;
	margin: 0.58em 0.58em 0.58em 0;
}






/*===============メイキグループ（group.php）===============*/
/*******メイキグループ*******/
.page-group section#group_main_area .unit_txt {
	width: 480px;
	flex-shrink: 0;
}
.page-group section#group_main_area .unit_txt h2 {
	font-size: 56px;
	font-weight: 800;
	line-height: 1.25;
	margin: 0 -3em 0.4em 0;
}
.page-group section#group_main_area .unit_txt p + p {
	margin-top: 1em;
}

.page-group section#group_main_area .unit_img {
	width: 520px;
}

@media screen and (max-width: calc(1100px + 10rem)) and (min-width: 800.1px) {
	.page-group section#group_main_area .unit_txt {
		width: calc(50% - 7rem);
	}
	.page-group section#group_main_area .unit_txt h2 {
		font-size: 4.67vw;
	}
	.page-group section#group_main_area .unit_img {
		width: calc(50% - 3rem);
	}
}



/*******グループ会社一覧*******/
.page-group section#group_company_area {
	margin-top: 100px;
	padding: 100px 0 130px;
}

.page-group section#group_company_area [class*="company_box"] {
	background-color: #fff;
	padding: 50px 100px 60px 110px;
}
.page-group section#group_company_area [class*="company_box"]:nth-of-type(n+2) {
	margin-top: 40px;
}

.page-group section#group_company_area [class*="company_box"] h3 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 50px;
}
@media screen and (min-width: 800.1px) {
	.page-group section#group_company_area [class*="company_box"] .inr {
		display: flex;
		justify-content: space-between;
		gap: 0 50px;
	}
	.page-group section#group_company_area [class*="company_box"] .inr .unit_logo {
		width: min(380px,43%);
		flex-shrink: 0;
	}
	.page-group section#group_company_area [class*="company_box"] .inr .unit_logo img {
		width: 100%;
		height: auto;
	}
}

.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 20px;
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list li {
	display: flex;
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list li + li {
	margin-top: 0.5em;
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list li span {
	background-color: currentColor;
	flex-shrink: 0;
	font-size: 145.4%;
	height: 1em;
	width: 1em;
	position: relative;
	margin-right: 0.3em;
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list li span::after {
	position: absolute;
	content: '';
	top: 0.25em;
	left: 0.25em;
	width: 0.5em;
	height: 0.3em;
	color: #fff;
    border-bottom: 3px solid;
	border-left: 3px solid;
	z-index: 2;
	transform: rotate(-45deg);
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list li em {
	margin-top: -0.09em;
	text-align: left;
}



/*===============明輝商会（meikishokai.php）===============*/

.page-meikishokai section#meikishokai_main_area h2 {
	font-size: 56px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 80px;
}





/*******取り扱い物件*******/
.page-meikishokai section#meikishokai_property_area {
	padding: 100px 0 140px;
	margin-top: 120px;
}
.page-meikishokai section#meikishokai_property_area h3 {
	font-size: 46px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 60px;
}

.page-meikishokai section#meikishokai_property_area .property_list {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
.page-meikishokai section#meikishokai_property_area .property_list figure {
	width: 260px;
}
.page-meikishokai section#meikishokai_property_area .property_list figure .thumb img {
	width: 100%;
}
.page-meikishokai section#meikishokai_property_area .property_list figure figcaption {
	margin-top: 0.7em;
}











/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 800px) {


/*===============ごあいさつ（index.php）===============*/
.page-index section#greeting_area h2 {
	margin-top: 13vw;
}
.page-index section#greeting_area h2 img {
	width: 87vw;
}

.page-index section#greeting_area .txt_box {
	margin-top: 8vw;
}
.page-index section#greeting_area .txt_box p + p {
	margin-top: 0.5em;
}
.page-index section#greeting_area .txt_box + .img_box {
	margin-top: 8vw;
}

.page-index section#greeting_area .img_name {
	margin-top: 10vw;
}
.page-index section#greeting_area .img_name img {
	width: 61vw;
}






/*===============会社概要・沿革（overview.php）===============*/
/*******共通*******/
.page-overview section + section {
	margin-top: 15vw;
}
.page-overview section:not(.consult_area) h2 {
	font-size: 7.7vw;
	margin-bottom: 1em;
}






/*******アクセス*******/
.page-overview section#access_area .access_box:nth-of-type(n+2) {
	margin-top: 10vw;
}
.page-overview section#access_area .access_box .unit_txt h3 {
	font-size: 6.4vw;
}
.page-overview section#access_area .access_box .unit_map {
	height: 52vw;
	margin-top: 6vw;
}
.page-overview section#access_area .access_box .btn_list {
	margin-top: 4vw;
}
.page-overview section#access_area .access_box .btn_list li {
	width: calc((100% - 4vw) / 2);
}
.page-overview section#access_area .access_box .btn_list li .btn_arrow {
	font-size: 3.7vw;
	padding-left: 1em;
}
.page-overview section#access_area .access_box .btn_list li .btn_arrow > em {
	text-align: center;
}
.page-overview section#access_area .access_box .btn_list li .btn_arrow [class*="icon-"] {
	font-size: 5.2vw;
}




/*===============メイキグループ（group.php）===============*/
/*******メイキグループ*******/
.page-group section#group_main_area .unit_txt {
	width: 100%;
}
.page-group section#group_main_area .unit_txt h2 {
	font-size: 8.2vw;
}

.page-group section#group_main_area .unit_img {
	width: 73vw;
	margin: 6vw auto 0;
}


/*******グループ会社一覧*******/
.page-group section#group_company_area {
	margin-top: 10vw;
	padding: 10vw 0;
}




.page-group section#group_company_area [class*="company_box"] {
	padding: 8vw 8vw 10vw;
}
.page-group section#group_company_area [class*="company_box"]:nth-of-type(n+2) {
	margin-top: 8vw;
}

.page-group section#group_company_area [class*="company_box"] h3 {
	font-size: 6.1vw;
	margin-bottom: 1em;
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_logo img {
	height: 33.3vw;
	width: auto;
	display: block;
	margin: 0 auto;
}

.page-group section#group_company_area [class*="company_box"] .inr .unit_txt {
	margin-top: 7vw;
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list {
	font-size: 4.2vw;
	margin-top: 8vw;
}
.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .check_list li span::after {
	border-width: 0.67vw;
}

.page-group section#group_company_area [class*="company_box"] .inr .unit_txt .txt_link {
	font-size: 4.2vw;
	text-align: center;
}





/*===============明輝商会（meikishokai.php）===============*/

.page-meikishokai section#meikishokai_main_area h2 {
	font-size: 7.2vw;
	margin-bottom: 1em;
}





/*******取り扱い物件*******/
.page-meikishokai section#meikishokai_property_area {
	padding: 13vw 0;
	margin-top: 16vw;
}
.page-meikishokai section#meikishokai_property_area h3 {
	font-size: 7.2vw;
	margin-bottom: 1em;
}



.page-meikishokai section#meikishokai_property_area .property_list {
	justify-content: space-between;
	gap: 6vw 0;
	font-size: 4vw;
}
.page-meikishokai section#meikishokai_property_area .property_list figure {
	width: 43vw;
}
.page-meikishokai section#meikishokai_property_area .property_list figure figcaption {
	margin-top: 0.5em;
}


	
	
	
	
	
	
	
	







}