@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC
**************************************************
--------------------------------------------------*/
.greeting_box {
	background: linear-gradient(to right,  #22afc3 0%,#22afc3 83%,#ffffff 83%,#ffffff 100%);
	padding:80px 0;
	color:#FFF;
}
.greeting_box_inner {
	display:flex;
	justify-content:center;
}
.greeting_box_inner .greeting_text {
	width:50%;
	display:flex;
	justify-content:flex-end;
	padding-left:5%;
}
.greeting_box_inner .greeting_text_inner {
	width:660px;
	max-width:100%;
}
.greeting_box_inner .photo {
	width:50%;
}
.greeting_box_inner .photo_inner {
	width:760px;
	max-width:100%;
	margin-left:60px;
}
 .greeting_text h3 {
	font-size:3.8rem;
	font-weight:700;
	line-height:1.6;
}
.greeting_text p {
	margin-top:30px;
	line-height:2;
	font-weight:600;
}
.greeting_text p.signature {
	text-align:right;
}

#company table {
	width:100%;
	border-collapse:collapse;
}
#company table th {
	width:20%;
	font-size:1.8rem;
	font-weight:700;
	color:#22AFC3;
	padding:25px;
	border-bottom:1px solid #22AFC3;
	vertical-align:middle;
}
#company table td {
	font-size:1.8rem;
	font-weight:500;
	padding:25px;
	border-bottom:1px solid #939393;
	border-left:8px solid #FFF;
	vertical-align:middle;
}
#company table td ul li {
	line-height:2;
}
#company table td ul li::before {
	content:"・";
	padding-right:5px;
}



/*--------------------------------------------------
**************************************************
  PC - SP
**************************************************
--------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1199px) {
	.greeting_box_inner {
		display:flex;
		justify-content:center;
		flex-direction:column;
	}
	.greeting_box_inner .greeting_text {
		width:78%;
		display:block;
		padding-left:5%;
	}
	.greeting_box_inner .greeting_text_inner {
		width:100%;
		max-width:100%;
	}
	.greeting_box_inner .photo {
		margin-top:50px;
		width:78%;
		margin-left:auto;
	}
	.greeting_box_inner .photo_inner {
		width:100%;
		max-width:100%;
		margin-left:auto;
	}
}



/*--------------------------------------------------
**************************************************
  SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	.greeting_box {
		background: #22afc3;
		padding:50px 5%;
		color:#FFF;
	}
	.greeting_box_inner {
		display:flex;
		justify-content:center;
		flex-direction:column;
	}
	.greeting_box_inner .greeting_text {
		width:100%;
		max-width:100%;
	}
	.greeting_box_inner .photo {
		width:100%;
	}
	.greeting_box_inner .photo_inner {
		margin-top:40px;
		width:100%;
		margin-left:0px;
	}
	 .greeting_text h3 {
		font-size:2.4rem;
	}
	.greeting_text p {
		font-size:1.4rem;
	}
	
	#company table {
		width:100%;
		display:list-item;
		list-style-type:none;
	}
	#company table th {
		width:100%;
		display:list-item;
		font-size:1.4rem;
		font-weight:700;
		padding:20px 10px;
	}
	#company table td {
		width:100%;
		display:list-item;
		font-size:1.4rem;
		font-weight:500;
		padding:20px 10px;
		border-bottom:1px solid #939393;
		border-left:none;
	}
}