@charset "utf-8";

/* ==================================================================
	company.css
	
=================================================================== */

/* ==================================================================
	top
=================================================================== */

/* --------------------------------
   □ pagenavigation
-------------------------------- */ 
main ul.pagenavigation{
	overflow:hidden;
	margin-left:-44px;
	margin-bottom:66px;
}
main ul.pagenavigation.bottom{
    margin-top: 66px;
}
main ul.pagenavigation > li{
	float:left;
	width:181px;
	margin-left:43px;
}
main ul.pagenavigation > li a{
	display:block;
	text-align:center;
	padding-bottom:21px;
	text-decoration:none;
	color:#333;
	border-bottom:3px solid #dbdbdb;
	transition: all 300ms 0s ease;
}
main ul.pagenavigation > li a:hover{
	border-bottom:3px solid #aaa;
}
main ul.pagenavigation > li.selected a{
	border-bottom:3px solid #212529;
	font-weight:600;
}

/* --------------------------------
   □ #greeting
-------------------------------- */ 
#companyTop #greeting{
	margin-bottom:82px;
}

#companyTop #greeting .container{
	overflow:hidden;
	background: var(--bg-color-lightgray, #F3F3F3);
	background-size:cover;
	padding:92px 84px;
}

#companyTop #greeting .image{
	float:left;
	width:415px;
}
#companyTop #greeting .image > span{
	margin-top:25px;
	display:block;
	text-align:center;
	font-weight:600;
	
}

#companyTop #greeting .explain{
	float:right;
	width:563px;
}
	
	#companyTop #greeting .explain h2{
		font-size:168%;
		margin-bottom:47px;
		font-weight:600;
	}
	
	#companyTop #greeting .explain p{
		font-size:93%;
		line-height:1.8;
		margin-bottom:1.8em;
	}
	#companyTop #greeting .explain p:last-child{
		margin-bottom:0;
	}
	


/* --------------------------------
   □ #profile
-------------------------------- */ 
#companyTop #profile{
	margin-bottom:95px;
}

#companyTop #profile h2.title{
	margin-bottom:70px;
}


#companyTop #profile .column{
	box-sizing:border-box;
	float:left;
	width:50%;
}

#companyTop #profile .column1{
	padding-right:30px;
}

#companyTop #profile .column2{
	padding-left:30px;
}

	#companyTop #profile .column table.tableStyle{
		border:0;
		border-top:2px solid #dbdbdb;

	}

	#companyTop #profile .column table.tableStyle th,
	#companyTop #profile .column table.tableStyle td{
		font-size:93%;
		border:0;
		border-bottom:2px solid #dbdbdb;
		padding:38px 0;
		line-height:1.8;

	}
	#companyTop #profile .column table.tableStyle th{
		width:9em;
		vertical-align:top;
		font-weight:600;
	}
	
	#companyTop #profile .column table.tableStyle td dl{
		margin-bottom:1.8em;
		line-height:1.8;
	}
	#companyTop #profile .column table.tableStyle td dl:last-child{
		margin-bottom:0;
	}
	#companyTop #profile .column table.tableStyle td dl dt{
		font-weight:600;
	}

/* --------------------------------
   □ #access
-------------------------------- */ 
#companyTop #access{
	margin-bottom:0;
	padding:80px 0;
	background:#f3f1e9;
}
	#companyTop #access h2.title{
		margin-bottom:60px;
	}

	#companyTop #access iframe{
		margin-bottom:33px;
	}

	#companyTop #access .buttonStyle{
		text-align:center;
		margin:0;
	}
    /*
    #companyTop #access .buttonStyle a {
        width: 320px;
        background-image: url(../../images/build/standardhouse/icon_outside_black.png);
        background-position: 95% 50%;
        background-repeat: no-repeat;
    }
    #companyTop #access .buttonStyle a::before {
        content: none;
    }
    */

@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ pagenavigation
-------------------------------- */ 
main ul.pagenavigation{
	margin-left:-2%;
	margin-bottom:7%;
}
main ul.pagenavigation.bottom{
	margin-top:7%;
}
main ul.pagenavigation > li{
	float:left;
	width:48%;
	margin-left:2%;
	margin-bottom: 8%;
    font-size: 90%;
}
main ul.pagenavigation > li a{
	display:block;
	padding-bottom:3%;
}
	
/* --------------------------------
   □ #greeting
-------------------------------- */ 
#companyTop #greeting{
	margin-bottom:8%;
}

#companyTop #greeting .container{
	padding:10% 10%;
    margin-right: -4%;
    margin-left: -4%;
}

#companyTop #greeting .image{
	float:none;
	width:auto;
}
#companyTop #greeting .image > span{
	margin-top:3%;
	
}

#companyTop #greeting .explain{
	float:none;
	width:auto;
	margin-bottom: 7%;
}
	
	#companyTop #greeting .explain h2{
		font-size:148%;
		margin-bottom:4%;
	}
	
	#companyTop #greeting .explain p{
		margin-bottom:1.2em;
	}
	#companyTop #greeting .explain p:last-child{
		margin-bottom:0;
	}
	
/* --------------------------------
   □ #profile
-------------------------------- */ 
#companyTop #profile{
	margin-bottom:9%;
}

#companyTop #profile h2.title{
	margin-bottom:7%;
}


#companyTop #profile .column{
	float:none;
	width:auto;
}

#companyTop #profile .column1{
	padding-right:0;
}

#companyTop #profile .column2{
	padding-left:0;
	margin-top: -2px;
}

	#companyTop #profile .column table.tableStyle{
		border:0;
		border: none;

	}

	#companyTop #profile .column table.tableStyle th,
	#companyTop #profile .column table.tableStyle td{
		padding:3% 0;
        display: block;
        border: none;

	}
	#companyTop #profile .column table.tableStyle th{
		width:100%;
		vertical-align:top;
		font-weight:normal;
        background: #f4f4f4;
        padding-left: 1em;
        box-sizing: border-box;
        color: #666;
	}
	#companyTop #profile .column table.tableStyle td{
        margin-bottom: 1em;
        padding-left: 1em;
        padding-right: 1em;
	}
	
	#companyTop #profile .column table.tableStyle td dl{
		margin-bottom:1em;
		line-height:1.8;
	}
	#companyTop #profile .column table.tableStyle td dl:last-child{
		margin-bottom:0;
	}
	#companyTop #profile .column table.tableStyle td dl dt{
		font-weight:600;
	}

/* --------------------------------
   □ #access
-------------------------------- */ 
#companyTop #access{
	padding:8% 0;
}
	#companyTop #access h2.title{
		margin-bottom:6%;
	}

	#companyTop #access iframe{
		margin-bottom:4%;
		height: 300px;
	}

	#companyTop #access .buttonStyle{
		text-align:center;
		margin:0;
	}


}