@charset "utf-8";

/* -----------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
.ub-page-wrap {
	padding:30px 40px;
}

@media screen and (min-width:581px) and ( max-width:950px) {
	.ub-page-wrap {
		padding:20px 30px;
	}
}

@media screen and (max-width: 580px) {
	.ub-page-wrap {
		padding:20px 4%;
	}
}

.ub-page-inner {
	max-width:1400px;
	margin:0 auto;
}

/* -----------------------------------------------------------------------
アンビルト　動画
--------------------------------------------------------------------------*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.movie-main {
	margin-bottom:60px;
}

.movie-main video {
	width:100%;
	vertical-align:bottom;
}

/* -----------------------------------------------------------------------
 アンビルト　本文
--------------------------------------------------------------------------*/
.ub-content-wrap {
	max-width:880px;
	margin:0 auto;
}

.ub-corner-title {
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:1px solid #333;
	margin-bottom:20px;
}

.ub-corner-title span {
	font-size:36px;
	font-weight:bold;
	letter-spacing:0.5px;
	margin-right:25px;
}

.ub-title {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size:35px;
	line-height:1.5;
	margin-bottom:35px;
}

.ub-info-text {
	font-size:17px;
	line-height:1.6;
	padding-left:4px;
	margin-bottom:25px;
}

.ub-lead-wrap {
	border-top:1px solid #666;
	padding-top:30px;
	margin-bottom:90px;
}

.ub-heading {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size:31px;
	line-height:1.55;
	margin:80px 0 25px;
}

@media print, screen and (min-width:501px) {
	.br-ub-title-sp  {
		display:none !important;
	}
}

@media screen and (max-width:500px) {
	.ub-corner-title {
		font-size:17px;
		line-height:1.5;
		padding-bottom:10px;
		margin-bottom:12px;
	}
	.ub-corner-title span {
		font-size:29px;
		line-height:1.2;
	}
	.ub-title {
		font-size:23px;
		margin:10px 0 20px;
	}
	.ub-info-text {
		font-size:15px;
		margin-bottom:18px;
	}
	.ub-lead-wrap {
		margin-bottom:60px;
	}
	.ub-heading {
		font-size:23px;
	}
}

figure.ub-img {
	margin:45px 0 55px;
}

figure.ub-img figcaption {
	padding-top:3px;
	font-size:15px;
}

@media screen and (max-width:600px) {
	figure.ub-img {
		margin:30px 0 40px;
	}
	figure.ub-img figcaption {
		font-size:13.5px;
	}
}

.ub-data-wrap {
	margin:100px 0 20px;
	padding:35px 0;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

.ub-data-heading {
	font-size:23px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.55;
	margin-bottom:20px;
}

.ub-data-text {
	font-size:17px;
	line-height:1.5;
	letter-spacing:0.02em;
	margin-bottom:10px;
}

@media screen and (max-width:500px) {
	.ub-data-heading {
		font-size:21px;
	}
	.ub-data-text {
		font-size:16px;
	}
}