@charset "utf-8";
/* CSS Document */

/*==========================
ごあいさつ
==========================*/
#greeting{ padding-bottom: 0;}
.greeting_txt{ background-color: rgba(255, 255, 255, .9);}
.greeting_txt p:last-child{ margin-bottom: 0;}
.greeting_photo p{
	margin-top: 5px;
	margin-bottom: 0;
}

@media(min-width:768px){
	#greeting .bg_pnk{ padding: 60px 0;}
	.greetingbox{ display: flex;}
	.greeting_txt{
		flex: 1;
		padding: 15px;
	}
	.greeting_photo{
		width: 260px;
		margin-left: 30px;
	}
}
@media(max-width:767px){
	#greeting .bg_pnk{ padding: 30px 0;}
	.greeting_txt{ padding: 10px;}
	.greeting_photo{
		max-width: 200px;
		margin: 15px auto 0;
	}
}

/*==========================
理念＆沿革
==========================*/
/*理念
==========================*/
.phd{ text-align: center;}
.phd .marker{
	font-weight: bold;
	background: linear-gradient(transparent 65%, #e4e4e4 0%);
  display: inline;
  padding: 0 8px;
	text-align: center;
}
.phdbox{
	position: relative;
	margin-top: 50px;
}
.phdbox h4{ font-weight: bold;}
.phdbox p{ margin-bottom: 0;}
.phd_figure img{
	margin-top: 20px;
	margin-bottom: 20px;
}
.existence{ text-align: center;}
.existence h4{ color: #1189a9;}
.management h4{ color: #00487f;}
.action h4{ color: #076b82;}
@media(min-width:768px){
	.phd .marker{ font-size: 1.8rem;}
	.phdbox h4{	font-size: 1.4rem;}
	.management,
	.action{
		position: absolute;
		bottom: 0;
	}
	.management{ left: 0;}
	.action{ right: 0;}
}
@media(max-width:991px){
	.phd_figure img{ max-width: 300px;}
}
@media(max-width:767px){
	.phd .marker{ font-size: 1.5rem;}
	.phdbox h4{	font-size: 1.1rem;}
	.phdbox p{ font-size: .7rem;}
	.management,
	.action{
		width: 50%;
		padding: 0 5px;
	}
	.management{ float: left;}
	.action{ float: right;}
}

/*沿革
==========================*/
#history{
	background-image: url("../img/company/history_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
#history .en_tit{ color: #fff;}
#history table{
	color: #fff;
	border-bottom: #fff 1px solid;
	margin-bottom: 0;
}
#history table th{
	font-weight: normal;
	border-right: #fff 3px solid;
}
@media(max-width:767px){
	#history table th,
	#history table td{
		font-size: .8rem;
		padding: .5rem;
	}
	#history table th{ width: 100px;}

}