@charset "UTF-8";


	
	
/* about
--------------------- */
#about .text {
	width: 47%;
}

#about .pht {
	width: calc(600 * var(--vw-ratio));
	height: calc(530 * var(--vw-ratio));
	position: absolute;
	top: calc(-220 * var(--vw-ratio));
	right: calc(-60 * var(--vw-ratio));
}
	#about .pht img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
@media screen and (max-width: 767px) {
	#about .text {
		width: 100%;
		padding-top: calc(50 * var(--vw-ratio));
	}
		#about .text h3 {
			line-height: 1.4em;
		}

	#about .pht {
		width: -webkit-calc(100% + 20px);
		width: calc(100% + 20px);
		height: calc(250 * var(--vw-ratio));
		position: static;
		margin-left: calc(-25 * var(--vw-ratio));
	}
}


	
	
/* company
--------------------- */
#company .box {
	width: 47%;
	margin-right: 6%;
	margin-bottom: calc(70 * var(--vw-ratio));
	padding-top: calc(20 * var(--vw-ratio));
	border-top: solid 1px #DDDFE0;
}
#company .box:nth-child(2n) {
	margin-right: 0;
}
	#company .box h3 {
		width: 20%;
	}

	#company .box .text {
		width: 80%;
	}
		#company .box .text .mb {
			margin-bottom: calc(20 * var(--vw-ratio));
		}

		#company .box .text iframe {
			width: 100%;
			height: 100%;
			margin-top: calc(20 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#company .inner {
		display: block;
	}
		#company .box {
			display: block;
			width: 100%;
			margin-right: 0;
			margin-bottom: calc(40 * var(--vw-ratio));
		}
		#company .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#company .box h3 {
				width: 100%;
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			#company .box .text {
				width: 100%;
			}
				#company .box .text .mb {
					margin-bottom: calc(15 * var(--vw-ratio));
				}
}