@charset "UTF-8";



	
/* pagetitle-information
------------------------------  */
#pagetitle-information {
	padding-top: 8vw;
	margin-bottom: 3vw;
}
	#pagetitle-information h1 {
		font-size: 2.6vw;
		font-weight: 700;
		text-align: center;
		line-height: 1.3em;
	}
@media screen and (max-width: 767px) {
	#pagetitle-information {
		padding-top: 22vw;
		margin-bottom: 5vw;
	}
		#pagetitle-information h1 {
			font-size: 6.4vw;
		}
}



	
/* information
------------------------------  */
#information {
	overflow: hidden;
}
	#information .swiper-container {
		width: 100%;
		padding: 0 6vw 1vw 6vw;
		overflow: hidden;
		position: relative;
	}
	#information .swiper-container:before {
		content: "";
		width: 6vw;
		height: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	#information .swiper-container:after {
		content: "";
		width: 6vw;
		height: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
	}
		#information .swiper-container .swiper-slide {
			height: auto;
			padding: 4.5vw 1.2vw 0 1.2vw;
			position: relative;
			z-index: 0;
		}
			#information .swiper-container .swiper-slide .whitebox {
				height: 100%;
				background: #fff;
				padding: 5.5vw 2vw 6.2vw 2vw;
				border-radius: 1.5vw;
				text-align: center;
				box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
			}
				#information .swiper-container .swiper-slide .whitebox .pht {
					width: 9vw;
					position: absolute;
					top: 0;
					left: 50%;
					margin-left: -4.5vw;
				}

				#information .swiper-container .swiper-slide .whitebox .txt-12 {
					line-height: 1.4em;
					margin-top: 0.5vw;
					margin-bottom: 2vw;
				}

				.jp #information .swiper-container .swiper-slide .whitebox .txt-14 {
					text-align: left;
				}

				#information .swiper-container .swiper-slide .whitebox .btn-black {
					position: absolute;
					bottom: 2vw;
					left: 50%;
					margin-left: -5.5vw;
				}

		#information .swiper-container  .swiper-button-prev {
			display: block;
			width: 4vw;
			height: 4vw;
			aspect-ratio: 1 / 1;
			background: url("../../assets/img/common/btn_prev.svg") no-repeat center / 100%;
			border-radius: 50%;
			margin: 0;
			box-shadow: 0.4vw 0.4vw 0.7vw 0px rgba(0, 0, 0, 0.35);
			position: absolute;
			top: 32%;
			left: 10px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
			z-index: 3;
		}
		#information .swiper-container  .swiper-button-prev:after,
		#information .swiper-container  .swiper-button-prev:before {
			display: none;
		}
		#information .swiper-container  .swiper-button-prev:hover:before {
		}

		#information .swiper-container  .swiper-button-next {
			display: block;
			width: 4vw;
			height: 4vw;
			aspect-ratio: 1 / 1;
			background: url("../../assets/img/common/btn_next.svg") no-repeat center / 100%;
			border-radius: 50%;
			margin: 0;
			box-shadow: 0.4vw 0.4vw 0.7vw 0px rgba(0, 0, 0, 0.35);
			position: absolute;
			top: 32%;
			right: 1%;
			transition: 0.3s;
			-webkit-transition: 0.3s;
			z-index: 3;
		}
		#information .swiper-container  .swiper-button-next:after,
		#information .swiper-container  .swiper-button-next:before {
			display: none;
		}
@media screen and (max-width: 767px) {
	#information .inner {
		width: 100%;
	}
		#information .scrollbox {
			overflow-x: scroll;
			padding: 0 3vw 3vw 3vw;
		}
			#information .tabs {
				display: flex;
				flex-wrap: nowrap;
				gap: 2vw;
			}
				#information .tabs .box {
					margin-top: 3vw;
					padding-top: 27vw;
					flex: 0 0 30%;
					display: flex;
					flex-direction: column;
					text-align: center;
					position: relative;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#information .tabs .box:before {
					content: "";
					width: 27vw;
					height: 27vw;
					position: absolute;
					top: 0;
					left: 50%;
					margin-left: -13.5vw;
				}
				#information .tabs .box:nth-child(1):before  {
					background: url("../img/information/information_icon01.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(2):before  {
					background: url("../img/information/information_icon02.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(3):before  {
					background: url("../img/information/information_icon03.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(4):before  {
					background: url("../img/information/information_icon04.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(5):before  {
					background: url("../img/information/information_icon05.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(6):before  {
					background: url("../img/information/information_icon06.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(7):before  {
					background: url("../img/information/information_icon07.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(8):before  {
					background: url("../img/information/information_icon08.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(9):before  {
					background: url("../img/information/information_icon09.svg") no-repeat center top / 90%;
				}
				#information .tabs .box:nth-child(10):before  {
					background: url("../img/information/information_icon10.svg") no-repeat center top / 90%;
				}
	
				#information .tabs .box.select {
					margin-top: 0;
				}
				#information .tabs .box.select:nth-child(1):before  {
					background: url("../img/information/information_icon01_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(2):before  {
					background: url("../img/information/information_icon02_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(3):before  {
					background: url("../img/information/information_icon03_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(4):before  {
					background: url("../img/information/information_icon04_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(5):before  {
					background: url("../img/information/information_icon05_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(6):before  {
					background: url("../img/information/information_icon06_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(7):before  {
					background: url("../img/information/information_icon07_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(8):before  {
					background: url("../img/information/information_icon08_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(9):before  {
					background: url("../img/information/information_icon09_white.svg") no-repeat center top / 90%;
				}
				#information .tabs .box.select:nth-child(10):before  {
					background: url("../img/information/information_icon10_white.svg") no-repeat center top / 90%;
				}
					#information .tabs .box .txt-18 {
						font-size: 3.0vw;
						line-height: 1.2em;
					}
	
		#information .content {
			width: 80%;
			padding-top: 6vw;
			margin: 0 auto;
		}
			#information .content .cell {
				text-align: center;
			}
			#information .content .cell.hide {
				display: none;
			}
				#information .content .cell .txt-14 {
					margin-top: 2vw;
					margin-bottom: 5vw;
					text-align: left;
				}
}