.animated {
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
}
.sec-title {
  font-size: 4.6rem;
  font-weight: 600;
  line-height: 1;
}
.sec-title .ja {
  margin-left: 19px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.sec-title .ja::before {
  content: '／ ';
}

.flex-box {
  display: -webkit-flex;
  display: flex;
}

article {
  background-color: #f4f4f4;
}

/* mv
------------------------ */
#mv .mv-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
  /* max-width: 1680px;
  height: 366px; */
  /* margin: 0 auto; */
  /* background-size: cover; */
}
#mv .text-box {
	padding-top: 90px;
    padding-bottom: 20px;
  	color: #fff;
}
#mv .text-box .article-title {
	align-content: center;
  font-size: 6.4rem;
  font-weight: 600;
  line-height: 1.1;
}
#mv .text-box .article-title span {
  font-weight: 300;
}
#mv .text-box .ja {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
#mv .text-box .ja::before {
  display: inline-block;
  margin-right: 13px;
  font-weight: 400;
  content: '／ ';
}
.page-content{
	padding-left: calc(50 / 750 * 100vw);
	padding-right: calc(50 / 750 * 100vw);
	padding-bottom: 12.0rem;
}
/* #sec01
------------------------------------------------*/
#sec01 {
	/* background-color:rgb(180, 190, 170); */
}

#sec01 .inner {
	padding: 0;
}
#sec01 dl dt {
	font-size: 3.6rem;
	font-weight: 700;
	color: #1c1c1c;
	letter-spacing: 0.025em;
	margin-bottom: 2.0rem;
}
#sec01 dl dd {
	font-size: 2.0rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #363636;
}
	.h-page {
		cursor: pointer;
		background-color: #ffffff;
		font-size: 1.6rem;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	.h-page a{
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		line-height:5.2rem;
	}
	.h-page:hover {
		opacity: 1.0;
		background-color: #004ea2;
		color: #fff;
	}

	.about-content{
		padding-top: 10px;
		padding-left: calc(50 / 750 * 100vw);
		padding-right: calc(50 / 750 * 100vw);
	}

	.page-content{
		padding-top: 10px;
		padding-left: calc(50 / 750 * 100vw);
		padding-right: calc(50 / 750 * 100vw);
	}
/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
/* common parts
--------------------------------------------------------------------------------------------------------*/
	.inner {
		width: 100%;
	}
	article {
		background-color: #f4f4f4;
		position: relative;
	}
	/*article::before {*/
	/*	position: absolute;*/
	/*	content: '';*/
	/*	top: calc(180 / 750 * 100vw);*/
	/*	left: 0;*/
	/*	width: 100%;*/
	/*	height: calc(580 / 750 * 100vw);*/
	/*	background: rgb(244, 244, 244);*/
	/*	background: -webkit-linear-gradient(0deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);*/
	/*	background: linear-gradient(0deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);*/
	/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4",endColorstr="#ffffff",GradientType=1);*/
	/*}*/
	#mv {
		/*padding-right: calc(40 / 750 * 100vw);*/
		/*padding-left: calc(40 / 750 * 100vw);*/
		margin-bottom: 10px;
	}
	#mv .mv-inner {
		height: calc(358  / 750 * 100vw);
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	#mv .text-box {
		padding-top: 0;
		padding-left: 0;
	}
	#mv .text-box .article-title {
		font-size: calc(64 / 750 * 100vw);
		/* margin-bottom: calc(20 / 750 * 100vw); */
	}
	#mv .text-box .ja {
		font-size: calc(24 / 750 * 100vw);
	}
	.sec-title {
		font-size: calc(46 / 750 * 100vw);
		/* margin-bottom: calc(48 / 750 * 100vw); */
	}
	.sec-title .ja {
		font-size: calc(24 / 750 * 100vw);
		/* margin-left: 1.0em; */
	}
}