@charset "UTF-8";






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.pagetitle.base-pht {
	position: relative;
/*	background: url("../img/environment/pagetitle_pht_base.jpg") no-repeat center / cover; */
	background: #ccc;
}

.pagetitle.base-pht.list {
	background: url("../img/environment/pagetitle_pht_base.jpg") no-repeat center / cover;
}

.pagetitle.base-pht:not(.list)::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	top: 0;
	left: 0;
	z-index: 1;
}

.pagetitle .headarea {
	position:absolute;
	z-index:2;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* base-box */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.base-box {
	margin-bottom: 90px;
}
.base-box:nth-last-child(1) {
	margin-bottom: 0;
}
	.base-box h2 {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.4em;
	}
		.base-box h2 .en {
			font-size: 14px;
			font-size: 0.875rem;
			color: #CA4D3F;
			padding-left: 12px;
		}


	.base-box ul {
		width: 100%;
	}
		.base-box ul li {
			width: 31%;
			margin-right: 3.5%;
			margin-top: 20px;
			counter-increment : num 1;
		}
		.base-box ul li:nth-child(3n) {
			margin-right: 0;
		}
			.base-box ul li a {
				display: block;
				position: relative;
			}
			.base-box ul li a:before {
				content: "BASE." counter(num,decimal-leading-zero);
				font-size: 11px;
				font-size: 0.6875rem;
				color: #CA4D3F;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				position: absolute;
				top: 0;
				left: -18px;
			}
				.base-box ul li a .pht {
					overflow: hidden;
					position: relative;
				}
				.base-box ul li a .pht:before {
					content: "";
					width: 34px;
					height: 34px;
					background: url("../img/common/icon_arrowbox_red.svg") no-repeat center / 100%;
					position: absolute;
					bottom: 0;
					right: 0;
					z-index: 2;
				}
					.base-box ul li a .pht img {
						-moz-transition: -moz-transform 0.2s linear;
						-webkit-transition: -webkit-transform 0.2s linear;
						-o-transition: -o-transform 0.2s linear;
						-ms-transition: -ms-transform 0.2s linear;
						transition: transform 0.2s linear;
					}
					.base-box ul li a:hover .pht img {
						-webkit-transform: scale(1.05);
						-moz-transform: scale(1.05);
						-o-transform: scale(1.05);
						-ms-transform: scale(1.05);
						transform: scale(1.05);
					}

				.base-box ul li a h3 {
					margin-top: 8px;
					font-size: 18px;
					font-size: 1.125rem;
					font-weight: 700;
					text-align: center;
				}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* base-cell */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.base-cell {
	margin-bottom: 90px;
}
.base-cell:nth-last-child(1) {
	margin-bottom: 0;
}
	.base-cell h2 {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.4em;
		margin-bottom: 10px;
	}
		.base-cell h2 .en {
			font-size: 14px;
			font-size: 0.875rem;
			color: #CA4D3F;
			padding-left: 12px;
		}

	.base-cell h3 {
		font-size: 16px;
		font-size: 1rem;
		color: #CA4D3F;
		line-height: 1.4em;
		margin-bottom: 4px;
	}


	.base-cell .text {
		width: 50%;
	}
	.base-cell.flex .text {
		padding-right: 5%;
	}
	.base-cell.flex-end .text {
		padding-left: 5%;
	}


	.base-cell .pht {
		width: 50%;
	}
		.base-cell .pht iframe {
			width: 100%;
			height: 100%;
		}


	.base-cell .access {
		width: 100%;
		padding-top: 30px;
	}
		.base-cell .access dl {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			background: #fff;
			padding: 20px;
			margin-top: 10px;
		}
			.base-cell .access dl dt {
				width: 100px;
				font-size: 16px;
				font-size: 1rem;
				font-weight: 700;
				color: #CA4D3F;
			}
			.base-cell .access dl dd {
				width: -webkit-calc(100% - 100px);
				width: calc(100% - 100px);
				font-size: 15px;
				font-size: 0.9375rem;
			}






/* 1023px */
@media screen and (max-width: 1023px) {






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* base-box */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.base-box {
	margin-bottom: 40px;
}
	.base-box h2 {
		font-size: 22px;
		font-size: 1.375rem;
	}
		.base-box h2 .en {
			font-size: 13px;
			font-size: 0.8125rem;
		}


	.base-box ul li {
		width: 47%;
		margin-right: 6%;
		margin-top: 15px;
	}
	.base-box ul li:nth-child(3n) {
		margin-right: 6%;
	}
	.base-box ul li:nth-child(2n) {
		margin-right: 0;
	}
		.base-box ul li a:before {
			font-size: 10px;
			font-size: 0.625rem;
			left: -15px;
		}
			.base-box ul li a .pht:before {
				width: 28px;
				height: 28px;
			}
	
			.base-box ul li a h3 {
				margin-top: 5px;
				font-size: 15px;
				font-size: 0.9375rem;
			}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* base-cell */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.base-cell {
	margin-bottom: 50px;
}
	.base-cell h2 {
		font-size: 22px;
		font-size: 1.375rem;
	}
		.base-cell h2 .en {
			font-size: 13px;
			font-size: 0.8125rem;
		}

	.base-cell h3 {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.base-cell .access dl dt {
		width: 90px;
		font-size: 15px;
		font-size: 0.9375rem;
	}
	.base-cell .access dl dd {
		width: -webkit-calc(100% - 90px);
		width: calc(100% - 90px);
		font-size: 15px;
		font-size: 0.9375rem;
	}
	
	


	


}






/* 767px */
@media screen and (max-width: 767px) {






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* base-cell */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.base-cell {
	display: block;
}
	.base-cell .text {
		width: 100%;
	}
	.base-cell.flex .text {
		padding-right: 0;
	}
	.base-cell.flex-end .text {
		padding-left: 0;
	}


	.base-cell .pht {
		width: 100%;
		margin-top: 20px;
	}
		.base-cell .pht iframe {
			aspect-ratio: 4 / 3;
			width: 100%;
			height: 100%;
		}

	.base-cell .access {
		padding-top: 20px;
	}
		.base-cell .access dl {
			display: block;
			background: #fff;
			padding: 20px;
		}
			.base-cell .access dl dt {
				width: 100%;
				margin-bottom: 4px;
			}
			.base-cell .access dl dd {
				margin-inline-start: 0;
				width: 100%;
			}
	
	


	


}