@charset "utf-8";
/* ===================================================================

 file name  :company.css
 style info :企業情報ページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#pageHeader{
	background-image: url(../images/company/img_page.png), url(../images/common/bg_block.jpg);
	position: relative;
}




/* =================================== */

/* 
	#secGreeting
-----------------------------------------------*/
#secGreeting{
	margin: 0 0 110px;
}
#secGreeting .bg{
	padding: 75px 0 90px;
	background: #fcf9f2;
}
#secGreeting .bg .sec-inner-1544{
	max-width: 1564px;
	margin: 0 auto;
	padding: 0 10px;
}
#secGreeting .bg .img-photo{
	margin: 0 0 75px;
	display: flex;
	justify-content: space-between;
}
#secGreeting .bg .img-photo li{
	width: 33.0310880829%;
}

#secGreeting .bg .book{
	width: 1200px;
	margin: 0 auto;
}
#secGreeting .bg .book .book-inner{
	width: 1544px;
	height: 1097px;
	margin: 0 0 0 -172px;
	padding: 100px 250px 0;
	background: url(../images/company/bg_book.png) no-repeat 50% top / 100% auto;
}
#secGreeting .bg .book .book-inner h3{
	margin: 0 0 70px;
	text-align: center;
	font-size: 3.4rem;
	line-height: 1.6;
	color: #46371d;
	letter-spacing: 0.2em;
}
#secGreeting .bg .book .book-inner .sign{
	text-align: right;
}
#secGreeting .bg .book .book-inner .sign img{
	margin: 0 0 0 26px;
}


@media screen and (max-width: 767px){
	#secGreeting{
		margin: 0 0 70px;
	}
	#secGreeting .bg{
		padding: 30px 15px 50px;
	}
	#secGreeting .bg .sec-inner-1544{
		padding: 0;
	}
	#secGreeting .bg .img-photo{
		margin: 0 0 50px;
		flex-wrap: wrap;
	}
	#secGreeting .bg .img-photo li{
		width: 49%;
		margin: 0 0 5px;
	}
	#secGreeting .bg .img-photo li:nth-child(3){
		margin: 0 auto;
	}
	
	#secGreeting .bg .book{
		width: 100%;
		margin: 0 auto;
	}
	#secGreeting .bg .book .book-inner{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		background: none;
	}
	#secGreeting .bg .book .book-inner h3{
		margin: 0 0 30px;
		font-size: 1.8rem;
		letter-spacing: 0.1em;
	}
	#secGreeting .bg .book .book-inner .sign img{
		display: block;
		margin: 10px 0 0 auto;
	}
	
}


/* 
	#secOutline
-----------------------------------------------*/
#secOutline{
	margin: 0 0 110px;
}

#secOutline .f-block{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: #fcf9f2;
}
#secOutline .f-block .txt-block{
	max-width: 790px;
	margin: 0 auto;
	padding: 45px;
	background: #fff;
}
#secOutline .f-block .txt-block table{
	width: 100%;
}

#secOutline .f-block .txt-block table th,
#secOutline .f-block .txt-block table td{
	padding: 20px;
	border-bottom: solid 1px #cfcfcf
}


#secOutline .f-block #gmap{
	width: 50%;
}
#secOutline .f-block #gmap iframe{
	width: 100%;
	height: 820px;
	vertical-align: bottom;
}
@media screen and (max-width: 1350px){
	#secOutline .f-block .txt-block{
		width: 50%;
		margin: 0 20px;
		padding: 45px 20px;
	}
}

@media screen and (max-width: 767px){
	#secOutline{
		margin: 0 0 50px;
	}
	
	#secOutline .f-block{
		display: block;
		padding: 20px 15px;
	}
	#secOutline .f-block .txt-block{
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
	}
	#secOutline .f-block .txt-block table,
	#secOutline .f-block .txt-block table tr,
	#secOutline .f-block .txt-block table tbody{
		display: block;
	}
	#secOutline .f-block .txt-block table th,
	#secOutline .f-block .txt-block table td{
		padding: 10px 15px;
		display: block;
		border: none;
	}
	#secOutline .f-block .txt-block table th{
		background: #eee;
	}
	#secOutline .f-block #gmap{
		width: auto;
		margin: 0 -15px;
	}
	#secOutline .f-block #gmap iframe{
		width: 100%;
		height: 300px;
	}
}


/* 
	#secWorks
-----------------------------------------------*/
#secWorks table{
	width: 100%;
}
#secWorks table th,
#secWorks table td{
	padding: 20px;
	border-bottom: solid 1px #cfcfcf
}
#secWorks table th{
	width: 186px;
	text-align: right;
	font-weight: 700;
}
#secWorks table dd a{
	color: #7ca7ba;
	text-decoration: underline;
}
#secWorks table dd a:hover{
	text-decoration: none;
}

@media screen and (max-width: 767px){
	#secWorks table{
		width: 100%;
		font-size: 1.3rem;
	}
	#secWorks table th,
	#secWorks table td{
		padding: 10px 10px 10px 0;
	}
	#secWorks table th{
		width: 22%;
		letter-spacing: 0;
	}
	#secWorks table dd{
		width: 78%;
	}
	#secWorks table dd a{
		color: #7ca7ba;
		text-decoration: underline;
	}
	#secWorks table dd a:hover{
		text-decoration: none;
	}
}