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

/*背景画像の設定 *****************************************************************/
.image-box { margin-bottom: 8px; position: sticky; top: 0; z-index: -5; }
.image-area { justify-content: space-between; gap: 0 8px; }
.image-box .bg-box { height: 75vh; max-height: 600px; }
.image-box.box01 .image01 { width: 67%; }
.image-box.box01 .image02 { width: calc(33% - 8px); }
.image-box.box02 .bg-box { width: 100%; }
.image-box.box01 .image01 .bg-img {
	background-image: url("images/img01.webp"); }
.image-box.box01 .image02 .bg-img {
	background-image: url("images/img02.webp"); background-position: 20% center; }
.image-box.box02 .bg-box .bg-img {
	background-image: url("images/img03.webp"); background-position: 10% center; }

@media (max-width: 834px) {
	.image-box.box01 .image01 { width: 100%; }
	.image-box.box01 .image02 { display: none; }
}



/*社長挨拶 *****************************************************************/
#gree { padding-bottom: 104px; z-index: 10; }
#gree .text { margin-bottom: 16px; text-align: justify; }
#gree .sign { margin-top: 32px; font-weight: bold; text-align: right; }



/*会社概要 *****************************************************************/
#overview {
	padding-bottom: 104px; background: var(--color-lbl-02); position: relative; z-index: 10; }
#overview .cont-wrap { justify-content: center; flex-wrap: wrap; gap: 0 5%; }
#overview h2 { width: 100%; text-align: center; }
#overview h2 .en { left: 50%; translate: -50% 0; }
#overview .image-area { width: 18%; max-width: 144px; }
#overview .image-area .bg-img {	background-image: url("../assets/images/logo.svg"); }
#overview .table-area { width: 77%; max-width: 680px; }
#overview .table-parts {
	justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--color-gy-01); }
#overview .table-title { width: 120px; padding-left: 8px; letter-spacing: .2em; }
#overview .table-text { width: calc(98% - 120px); padding-right: 8px; }

@media (max-width: 767px) {
	#overview h2 { margin-bottom: 8px; }
	#overview .image-area,
	#overview .table-area { width: 100%; max-width: unset; }
	#overview .image-area { height: 88px; margin-bottom: 16px; }
	#overview .table-parts:first-child { border-top: 1px solid var(--color-gy-01) }
}
@media (max-width: 520px) {
	#overview .cont-wrap { width: 92%; }
	#overview .table-parts { flex-wrap: wrap; padding-top: 16px; }
	#overview .table-title,
	#overview .table-text { width: 100%; }
	#overview .table-title {
		margin-bottom: 4px; font-weight: bold; line-height: 1; letter-spacing: 0; }
	#overview .table-text { padding-left: 24px;  }
	#overview .table-title br { display: none; }
}



/*アクセス *****************************************************************/
#access {
	padding-bottom: 112px; background: var(--color-lbl-02); position: relative; z-index: 10; }
#access .inner { flex-direction: column; }
#access iframe { width: 100%; height: 400px; margin-bottom: 24px; }
#access ul { font-size: var(--font-size-02); }

@media (max-width: 520px) {
	#access .cont-wrap { width: 100%; }
	#access h2 {
		width: 90%; max-width: 384px; margin-right: auto; margin-left: auto; }
	#access iframe { order: 2; height: 60vh; margin-bottom: 0; }
	#access ul {
		order: 1;  width: 90%; max-width: 384px; margin: 0 auto 40px; }
}