@charset "UTF-8";



	
/* pagetitle-about
------------------------------  */
#pagetitle-about {
	padding-top: 8vw;
}
	#pagetitle-about h1 {
		font-size: 2.6vw;
		font-weight: 700;
		text-align: center;
		line-height: 1.3em;
		margin-bottom: 0.5vw;
	}

	#pagetitle-about .txt-18 {
		text-align: center;
		padding: 0 15vw 4vw 15vw;
	}
	.jp #pagetitle-about .txt-18 {
		text-align: left;
	}

	#pagetitle-about iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}
@media screen and (max-width: 767px) {
	#pagetitle-about {
		padding-top: 22vw;
	}
		#pagetitle-about h1 {
			font-size: 6.4vw;
			margin-bottom: 2vw;
		}

		#pagetitle-about .txt-18 {
			padding-left: 0;
			padding-right: 0;
			text-align: left;
			padding-bottom: 6vw;
			line-height: 1.6em;
		}
}



	
/* about
------------------------------  */
#about {
	overflow: hidden;
}
	#about .read {
		padding: 5vw 15vw ;
		text-align: center;
	}
	.jp #about .read {
		text-align: left;
	}

	#about .pht {
		padding: 0 8vw;
	}
		#about .pht .txt-18 {
			padding: 0 7vw ;
			margin-top: 3vw;
			text-align: center;
		}
		.jp #about .pht .txt-18 {
			text-align: left;
		}

	#about .motif01 {
		width: 15%;
		position: absolute;
		top: 10%;
		left: -15%;
	}
	#about .motif02 {
		width: 15%;
		position: absolute;
		top: 62%;
		left: 0;
	}
	#about .motif03 {
		width: 15%;
		position: absolute;
		top: 28%;
		right: 0;
	}
	#about .motif04 {
		width: 15%;
		position: absolute;
		top: 62%;
		right: -10%;
	}
@media screen and (max-width: 767px) {
	#about .inner {
		width: 100%;
	}
		#about .txt-18 {
			padding: 0 8vw;
		}
	
		#about .read {
			padding-top: 10vw;
			margin-bottom: 10vw;
			text-align: left;
		}

		#about .pht {
			padding: 0;
		}
			#about .pht .txt-18 {
				margin-top: 10vw;
				text-align: left;
			}

		#about .motif {
			display: none;
		}
}