@charset "UTF-8";


	
	
/* beginning
--------------------- */
#beginning .loopSlider {
	height: calc(600 * var(--vw-ratio));
	margin-bottom: calc(60 * var(--vw-ratio));
	overflow: hidden;
	position: relative;
}
	#beginning .loopSlider .loopslider_wrap {
		height: calc(600 * var(--vw-ratio));
		display: -webkit-flex;
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
		#beginning .loopSlider .loopslider_wrap ul {
			display: -webkit-flex;
			display: flex;
		}
			#beginning .loopSlider .loopslider_wrap ul li {
				width: calc(2400 * var(--vw-ratio));
			}
@media screen and (max-width: 767px) {
	#beginning .loopSlider {
		height: calc(350 * var(--vw-ratio));
	}
	#beginning .loopSlider:before {
		height: calc(70 * var(--vw-ratio));
	}
		#beginning .loopSlider .loopslider_wrap {
			height: calc(350 * var(--vw-ratio));
		}
			#beginning .loopSlider .loopslider_wrap ul li {
				width: calc(1400 * var(--vw-ratio));
			}
}


	
	
/* company
--------------------- */
#company .nav {
	width: calc(260 * var(--vw-ratio));
}
	#company .nav .anchor {
		border-radius: calc(3 * var(--vw-ratio));
		border: solid 1px #ddd;
		overflow: hidden;
		position: sticky;
		top: calc(115 * var(--vw-ratio));
		left: 0;
		z-index: 2;
	}
		#company .nav .anchor a.aclink {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height: calc(60 * var(--vw-ratio));
			padding: 0 calc(20 * var(--vw-ratio));
			border-bottom: solid 1px #ddd;
			background: #fff url("../img/common/icon_ac_arrow_white.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
		}
		#company .nav .anchor a.aclink:nth-last-child(1) {
			border-bottom: none;
		}
		#company .nav .anchor a.aclink:hover {
			background: #fff url("../img/common/icon_ac_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
		}
		#company .nav .anchor a.aclink.active {
			background: #F5F5F5 url("../img/common/icon_ac_arrow_blue.svg") no-repeat right calc(20 * var(--vw-ratio)) center / calc(40 * var(--vw-ratio));
		}
			#company .nav .anchor a.aclink span {
				line-height: 1.4em;
				font-weight: 500;
			}

#company .contents {
	width: calc(820 * var(--vw-ratio));
}
	#company .contents .row .table-layout {
		position: relative;
	}
		#company .contents .row .table-layout .pht {
			width: calc(200 * var(--vw-ratio));
			border-radius: calc(5 * var(--vw-ratio));
			overflow: hidden;
			position: absolute;
			top: calc(45 * var(--vw-ratio));
			right: 0;
		}

		#company .contents .row .table-layout .table-cell {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: dashed 1px #ddd;
			padding: calc(22 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
		}
		#company .contents .row .table-layout .table-cell:nth-last-child(1) {
			padding-bottom: 0;
		}
			#company .contents .row .table-layout .table-cell dt {
				width: calc(150 * var(--vw-ratio));
				margin-bottom: calc(5 * var(--vw-ratio));
			}
			#company .contents .row .table-layout .table-cell dd {
				width: -webkit-calc(100% - calc(150 * var(--vw-ratio)));
				width: calc(100% - calc(150 * var(--vw-ratio)));
			}

		#company .contents .row .organization-layout .pht {
			background: #F5F5F5;
			border-radius: calc(5 * var(--vw-ratio));
			padding: calc(50 * var(--vw-ratio));
			margin-bottom: calc(40 * var(--vw-ratio));
		}

		#company .contents .row .organization-layout .organization-cell {
			padding-bottom: calc(30 * var(--vw-ratio));
			margin-bottom: calc(30 * var(--vw-ratio));
			border-bottom: dashed 1px #ddd;
		}
		#company .contents .row .organization-layout .organization-cell:nth-last-child(1) {
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
			#company .contents .row .organization-layout .organization-cell h3 {
				line-height: 1.3em;
				margin-bottom: calc(8 * var(--vw-ratio));
			}

		#company .contents .row .access-layout .access-cell {
			margin-bottom: calc(40 * var(--vw-ratio));
		}
		#company .contents .row .access-layout .access-cell:nth-last-child(1) {
			margin-bottom: 0;
		}
			#company .contents .row .access-layout .access-cell .map {
				width: calc(310 * var(--vw-ratio));
				border-radius: calc(5 * var(--vw-ratio));
				overflow: hidden;
			}
				#company .contents .row .access-layout .access-cell .map iframe {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

			#company .contents .row .access-layout .access-cell .text {
				width: -webkit-calc(100% - calc(310 * var(--vw-ratio)));
				width: calc(100% - calc(310 * var(--vw-ratio)));
				padding-left: calc(50 * var(--vw-ratio));
			}
				#company .contents .row .access-layout .access-cell .text h3 {
					line-height: 1.3em;
					margin-bottom: calc(8 * var(--vw-ratio));
				}

				#company .contents .row .access-layout .access-cell .text .txt-16 {
					margin-bottom: calc(15 * var(--vw-ratio));
				}

				#company .contents .row .access-layout .access-cell .text dl.items {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top: calc(10 * var(--vw-ratio));
				}
					#company .contents .row .access-layout .access-cell .text dl.items dt {
						width: calc(70 * var(--vw-ratio));
						border-radius: calc(3 * var(--vw-ratio));
						background: #F5F5F5;
						text-align: center;
					}
					#company .contents .row .access-layout .access-cell .text dl.items dd{
						width: -webkit-calc(100% - calc(70 * var(--vw-ratio)));
						width: calc(100% - calc(70 * var(--vw-ratio)));
						padding-left: calc(10 * var(--vw-ratio));
					}

				#company .contents .row .access-layout .access-cell .text .link-btn {
					margin-top: calc(15 * var(--vw-ratio));
				}
@media screen and (max-width: 767px) {
	#company .nav {
		display: none;
	}

	#company .contents {
		width: 100%;
	}
		#company .contents .row .table-layout .pht {
			display: none;
		}

		#company .contents .row .table-layout .table-cell {
			display: block;
			padding: calc(22 * var(--vw-ratio)) 0;
		}
			#company .contents .row .table-layout .table-cell dt {
				width: 100%;
			}
			#company .contents .row .table-layout .table-cell dd {
				width: 100%;
				font-size: calc(14 * var(--vw-ratio));
			}

		#company .contents .row .organization-layout .pht {
			padding: calc(30 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
			margin-bottom: calc(30 * var(--vw-ratio));
		}

		#company .contents .row .organization-layout .organization-cell {
			padding-bottom: calc(25 * var(--vw-ratio));
			margin-bottom: calc(25 * var(--vw-ratio));
		}

		#company .contents .row .access-layout .access-cell {
			display: block;
			margin-bottom: calc(30 * var(--vw-ratio));
		}
		#company .contents .row .access-layout .access-cell:nth-last-child(1) {
			margin-bottom: 0;
		}
			#company .contents .row .access-layout .access-cell .map {
				width: 100%;
				margin-bottom: calc(15 * var(--vw-ratio));
			}

			#company .contents .row .access-layout .access-cell .text {
				width: 100%;
				padding-left: 0;
			}
}