@charset "utf-8";

/* message */
#message.imgbgcontainer .overinner{
	padding: 80px 100px;
}
#message .overinner{
	transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
#message.on .overinner{
	transform: translateY(0);
  opacity: 1.0;
}


/* partners */
#partners .contentsflex .flexitem{
	width: 49%;
}
#partners p{
	font-size: clamp(16px,1.8vw,18px);
}
#partners .overinner{
	padding: 60px 100px 40px;
}

/* office */
#office{
	padding-bottom: 0;
}
.office_inner{
	padding: 0 50px 50px;
	margin-bottom: 30px;
}
.officeflex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 9%;
}
.officeimage{
	width: calc(500 / 1100 * 100%);
}
.officeinfo{
	font-size: clamp(16px,1.8vw,18px);
	flex: 1;
	display: flex;
	align-items: center;
	line-height: 200%;
}
.officeinfo .figurelist{
	margin-top: 30px;
}
.officemap{
	margin-top: 50px;
}
.officemap iframe{
	width: 100%;
	height: 550px;
}

@media screen and (max-width: 768px){
	#message.imgbgcontainer .overinner {
		padding: 40px 20px;
	}
	.overhead p.tar {
		margin-top: 10px;
	}
	
	/* about */
	#about.bgcontainer{
		padding: 50px 0;
	}
	
	#partners .overinner{
		width: 100%;
		padding: 0;
	}
	#partners .contentsflex{
		display: block;
		margin-bottom: 10px;
	}
	#partners .contentsflex .flexitem{
		width: 100%;
	}
	
	/* office */
	.office_inner{
		padding: 0;
	}
	.officeflex{
		display: block;
	}
	.officeimage {
		width: 100%;
	}
	.officeinfo {
		flex: auto;
		display: block;
		width: 100%;
		margin-top: 15px;
		line-height: 170%;
	}
	.officemap {
		margin-top: 20px;
	}
	.officemap iframe {
		height: 250px;
	}
	.officemap .mapinfo{
		margin-top: 15px;
	}
	.officemap .mapinfo .figurelist p{
		margin-bottom: 0.8em;
	}
}