@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
.dir-uniform.sub-standard .main{
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	font-style: normal;
	padding-bottom: 0;
	position: relative;
	background-color: #e4ddd4;
}
.dir-uniform.sub-standard .uni-main{
	position: relative;
}
.dir-uniform.sub-standard .en{
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.dir-uniform.sub-standard .story-contets{
	background-color: #ce4e4a;
	text-align: center;
	padding-top: 6em;
	padding-bottom: 6em;
	color: #e4ddd4;
}
.dir-uniform.sub-standard .story-contets h1{
	font-size: 4..5rem;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 25px;
}
.dir-uniform.sub-standard .story-contets p{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2.0rem;
	font-weight: bold;
}
.dir-uniform.sub-standard .parallax-list {
	display: grid;
	gap: 80px;
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.dir-uniform.sub-standard .parallax-card .pic {
	aspect-ratio: 16 / 9;
	overflow:hidden;

}
.dir-uniform.sub-standard .parallax-card .pic img {
	width: 100%;
	height: 120%;
	object-fit: cover;
	display: block;
	will-change: transform;
}

.dir-uniform.sub-standard .parallax-card .txt-outer{
	background: hsla(0,0%,100%,.8);
	padding-bottom: 30px;
}
.dir-uniform.sub-standard .parallax-card .txt {
	padding: 40px 8vw 0;
	position: relative;
}

.dir-uniform.sub-standard .parallax-card .txt h2 {
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #d32f2f;
	padding-bottom: 5px;
}
.dir-uniform.sub-standard .parallax-card .txt .num {
	margin-bottom: 10px;
	display: block;
}
.dir-uniform.sub-standard .parallax-card .txt .num img{
	width: 70px;
}
.dir-uniform.sub-standard .parallax-card .txt h2 span{
	display: block;
	line-height: 1;
	font-size: 2.2rem;
	color: #d32f2f;
	margin-bottom: 8px;
}
.dir-uniform.sub-standard .parallax-card .txt h2 span:nth-child(2){
	font-size: 6.0rem;
	letter-spacing: .4rem;
}

.dir-uniform.sub-standard .parallax-card .txt p {
	margin-top: 20px;
	font-size: 16px;
	line-height: 2;
	position: relative;
}
.dir-uniform.sub-standard .parallax-card .txt .readmore-more{
	display: none;
}
.dir-uniform.sub-standard .parallax-card .readmore-btn{
	display: block;
	margin-top: 10px;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	text-align: center;
	outline: none;
	padding: 0;
	appearance: none;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 32px;
	height: 58px;
	padding: 8px 24px;
	color: #000000;
}

.blur-fade {
	opacity: 0;
	filter: blur(16px);
	transform: translateY(32px) scale(1.04);
	transition:
		opacity 1s ease,
		filter 1s ease,
		transform 1.2s cubic-bezier(.22,.61,.36,1);
}

.blur-fade.is-show {
	opacity: 1;
	filter: blur(0);
	transform: translateY(0) scale(1);
}
.dir-uniform.sub-standard hr{
	border-bottom: .5px solid rgba(15,6,2,0.6);
	padding-top: 20px;
	margin: 0 0 20px;
}
.dir-uniform.sub-standard .sns-outer{
	background-color: #ce4e4a;
	color: #FFFFFF;
	padding-top: 6rem;
	padding-bottom: 6rem;
	font-size: 6.0rem;
	text-align: center;
}
.dir-uniform.sub-standard .sns-outer div:nth-child(2){
	display: block;
	color: #ce4e4a;
	background-color: #e4ddd4;
	padding: 15px;
	font-size: 4.0rem;
}
.dir-uniform.sub-standard .sns-outer ul{
	display: flex;
	justify-content: center;
	column-gap: 30px;
}
.dir-uniform.sub-standard .sns-outer ul{
	margin-top: 30px;
}
.dir-uniform.sub-standard .sns-outer ul li a{
	width:110px;
	border:3px solid #e4ddd4;
	height: 110px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #e4ddd4;
}
.dir-uniform.sub-standard .date-outer{
	background-color: #FFFFFF;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.dir-uniform.sub-standard .date-outer h2{
	font-size: 4.5rem;
	margin-bottom: 25px;
	margin-top: 0;
}
.dir-uniform.sub-standard .date-outer .date-contets{
	text-align: center;
}
.dir-uniform.sub-standard .date-outer .date-contets img{
	width: 500px;
}
.dir-uniform.sub-standard .date-outer .has-tag{
	color: #ce4e4a;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 4.5rem;
}
.dir-uniform.sub-standard .date-outer .date-button img{
	width: 350px;
}

@media only screen and (max-width: 768px) {
	
	.dir-uniform.sub-standard .story-contets{
		padding-top: 4em;
		padding-bottom: 4em;
	}
	.dir-uniform.sub-standard .story-contets h1{
		font-size: 2.8rem;
	}
	.dir-uniform.sub-standard .story-contets p{
		font-size: 1.6rem;
	}
	.dir-uniform.sub-standard .parallax-list{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 30px;
		margin-bottom: 30px;
		gap: 50px;
	}
	.parallax-card .pic {
		aspect-ratio: 4 / 3;
	}
	.parallax-card .pic img {
		height: 110%;
	}
	.dir-uniform.sub-standard .parallax-card .txt{
		padding: 20px 6vw 0;
	}
	.dir-uniform.sub-standard .parallax-card .txt h2 span{
		font-size: 1.6rem;
	}
	.dir-uniform.sub-standard .parallax-card .txt h2 span:nth-child(2){
		font-size: 2.6rem;
		letter-spacing: .2rem;
		line-height: 1.4;
	}
	.dir-uniform.sub-standard .parallax-card .readmore-btn{
		width: 230px;
		height: 42px;
	}
	.dir-uniform.sub-standard .sns-outer{
		padding-top: 3rem;
		padding-bottom: 3rem;
		font-size: 3.0rem;
	}
	.dir-uniform.sub-standard .sns-outer div:nth-child(2){
		font-size: 1.8rem;
		margin-top: 25px;
	}
	.dir-uniform.sub-standard .sns-outer ul li a{
		width: 70px;
		height: 70px;
	}
	.dir-uniform.sub-standard .date-outer{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.dir-uniform.sub-standard .date-outer h2{
		font-size: 2.5rem;
	}
	.dir-uniform.sub-standard .date-outer .date-contets img{
		width: 90%;
	}
	.dir-uniform.sub-standard .date-outer .has-tag{
		font-size: 2.2rem;
	}
	.dir-uniform.sub-standard .parallax-card .txt p{
		font-size: 1.4rem;
	}
	.dir-uniform.sub-standard .parallax-card .txt .num img{
		width: 48px;
	}
}

@media only screen and (min-width: 769px) {
	.dir-uniform.sub-standard .parallax-card .txt{
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.dir-uniform.sub-standard .parallax-list{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
}