@charset "UTF-8";

/*** 企業情報トップ *********************************/
.top_company {
	display: block;
	margin: 30px 20px 50px 20px;
	padding:0;
}
.top_company ul {
	display:flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0px auto 30px auto;
	padding:0;
}
.top_company ul li {
	display: block;
	width:100%;
	margin: 0 0 0px;
	padding:0px;
	font-weight:normal;
	text-align:center;
}
.top_company ul li a {
	display: block;
	text-align:center;
	text-decoration:none;
}
.top_company ul li img {
	width:100%;
	height:auto;
}
.top_company ul li span {
	display: block;
	margin: 8px 0 ;
}

/*** 会社概要 *********************************/
.in_company {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_company table {
	display: block;
	width:100%;
	border-collapse: collapse;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_company table th {
	display: block;
	background-color:#ddd;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 8px;
}
.in_company table td{
	display: block;
	border-bottom : solid 1px #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding: 8px 8px 12px 8px;
}
/*** 沿革 *********************************/
.in_history {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_history table {
	display:table;
	width:100%;
	border-collapse: collapse;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_history table th {
	width:140px;
	border-bottom : solid 1px #CCCCCC;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 8px;
}
.in_history table th span {
	float:right;
	display: inline-block;
	width:40px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	padding: 0 20px 0 0;
}
.in_history table td{
	border-bottom : solid 1px #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding: 8px;
}
/*** 代表メッセージ *********************************/
.in_message {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_message .text {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_message .text img {
	display: block;
	margin: 0;
	margin: 0px auto 10px auto;
	padding:0 0px 0px 0;
	width:260px;
	height:auto;
}
.in_message .name {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
	text-align:right;
}
.in_message .name img {
	display: block;
	margin: 30px auto 20px auto;
	width:300px;
	height:auto;
}
/*** アヤハグループ *********************************/
.in_group {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_group ul.group_head {
	display:flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0px auto 30px auto;
	padding:0;
}
.in_group ul.group_head li {
	display: block;
	margin:0px;
	padding:0;
	text-align:left;
}
.in_group ul.group_head li img {
	margin:0px auto 10px auto;
	text-align:center;
	width:100%;
	height:auto;
}
.in_group .image {
	display: block;
	margin: 0 0 30px;
	padding:0;
}
.in_group .image img {
	width:100%;
	height:auto;
}
.in_group table {
	display:table;
	width:100%;
	border-collapse: collapse;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_group table th {
	border-top : solid 1px #CCCCCC;
	border-bottom : solid 1px #CCCCCC;
	background-color:#eee;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 8px;
}
.in_group table td{
	border-bottom : dashed 1px #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding: 8px;
}
/*** 事業内容 *********************************/
.in_works {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_works ul.group_head {
	display:block;
	margin:0px auto 30px auto;
	padding:0;
}
.in_works ul.group_head li {
	display: block;
	margin:0px;
	padding:0;
	text-align:left;
}
.in_works ul.group_head li:first-child {
	display: block;
	margin:0px auto;
	padding:0;
	text-align:center;
}
.in_works ul.group_head li img {
	display: block;
	margin:0px auto 10px auto;
	width:100%;
	height:auto;
}
.in_works .image {
	display: block;
	margin: 0 0 30px;
	padding:0;
}
.in_works .image img {
	width:100%;
	height:auto;
}
.in_works ul.fltList {
	display:flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0px auto 30px auto;
	padding:0;
}
.in_works ul.fltList li {
	display:block;
	width:48%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0px auto 0px auto;
	padding:0;
}
.in_works .fltList:before{
	content:"";
	display: block;
	width:48%;
	order:1;
}
.in_works .fltList:after{
	content:"";
	display: block;
	width:48%;
}
.in_works span.catch{
	display:block;
	color:orange;
	font-weight:bold;
}
.in_works a.rogolink {
	display:block;
	width:100%;
	border:solid 1px #BFBFBF;
	padding:2px;
	margin:0 auto 5px;
	position: relative;
	z-index:1;
	vertical-align:middle;
}
.in_works a.rogolink:after {
	content: url('./works/images/blank.png');;
	position: absolute;
	right:3px;
	bottom:1px;
}
.in_works a.rogolink:hover {
	background-color:#DFDFDF;
}
.in_works a.rogolink .img img {
	width:100%;
	height:auto;
}
.in_works a.rogolink .img {
	display:inline-block;
	width:40%;
	padding:0px;
	margin:0 auto 0px;
	vertical-align:middle;
}
.in_works a.rogolink .rogo {
	display:inline-block;
	width:54%;
	padding:0px 0px 0px;
	margin:0 10px 0px 10px;
	vertical-align:middle;
}
.in_works a.rogolink img {
	width:100%;
	height:auto;
}
.in_works a.rogolink .txt {
	display:none;
	width:200px;
	padding:0px;
	margin:11px 10px 0px 0px;
	font-size:14px;
	text-align:left;
	float:right;
}
.in_works a.rogolink .txt2 {
	display:none;
	width:200px;
	padding:0px;
	margin:21px 10px 0px 0px;
	font-size:14px;
	text-align:left;
	float:right;
}
.in_works .txt3 {
	display:block;
	padding:0px;
	margin:0px 0px 30px 0px;
	font-size:14px;
	text-align:left;
}
/*** 店舗・オフィス *********************************/
.in_network {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_network .text {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_network .text p.usemap {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
	text-align:center;
}
.in_network .text p.usemap img {
	width:100%;
	height:auto;
}
.in_network ul.ichiran {
	display:flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0px auto 30px auto;
	padding:0;
}
.in_network ul.ichiran li {
	display: block;
	width:100%;
	margin:0px 0 20px;
	padding:0;
	text-align:left;
}
.in_network ul.ichiran li a {
	display: block;
	margin:0;
	padding:20px;
	text-decoration:none;
	background-color:#eee;
	border-radius:20px;
}
.in_network ul.ichiran li a .title {
	display: block;
	border-bottom:solid 1px #ccc;
	margin:0 0 2px 0;
	padding:0px;
	font-size:18px;
	font-weight:bold;
}
/*** アヤハ不動産の住まいづくり *********************************/
.in_value {
	display: block;
	margin: 0px auto 0px auto;
	padding:0;
}
.in_value .in_text {
	display: block;
	margin: 0px auto 20px auto;
	padding:0;
}
.in_value .in_img {
	display: block;
	margin: 0px 10px 20px;
	padding:0;
}
.in_value .in_img img {
	width:100%;
	height:auto;
}
.in_value .in_text .in_title {
	display: block;
	margin: 20px auto 0px auto;
	padding:0;
	font-weight:bold;
	color:#1F2C5C;
}