@charset "UTF-8";

/*-------------
	top
-------------*/
.l-content--top {
	width: 100%;
}

.l-structure--top {
	margin: 0;
	padding: 0;
}
@media (min-width: 768px) {
	.l-structure--top {
		background: url(../../../assets/images/top/bg_main_01.png) no-repeat top center;
		background-size: 1306px;
	}
}
@media (max-width: 767px) {
	.l-structure--top {
		background: url(../../../assets/images/top/bg_main_01.png) no-repeat top 80px center;
		background-size: 652.5px;
	}
}

.l-structure__main--top {
	max-width: 100%;
	background: none;
}
@media (min-width: 768px) {
	.l-structure__main--top {
		padding-top: 6px;
	}
}
@media (max-width: 767px) {
	.l-structure__main--top {
		padding-top: 0;
	}
}
/*-------------
  TBU mask
-------------*/
.gray-mask {
	position: relative;
}
	.gray-mask::after {
		content: "TBU";
		background-color: darkgray;
		opacity: 0.6;
		font-size: 60px;
		position: absolute;
		text-align: center;
		align-content: center;
		left: 0;
		top: 0;
		width: 100%;
	}
	@media (min-width: 768px) {
		.gray-mask::after{
		height: 630px;				
		}
	}
	@media (max-width: 767px) {	
		.gray-mask::after{
		height: 370px;				
		}
	}



/*-------------
	top
-------------*/
@media (min-width: 768px) {
	.un-logo {
		width: 223px;
	}
}
@media (max-width: 767px) {
	.un-logo {
		display: none;
	}
}

.un-headline {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 768px) {
	.un-headline {
		padding-bottom: 228px;
	}
}
@media (max-width: 767px) {
	.un-headline {
		padding: 20px 20px 0 20px;
	}
}
.un-headline__title {
	width: 100%;
	margin-top: 70px;
}
@media (min-width: 768px) {
	.un-headline__title-01 {
		width: 100%;
		font-size: 4.2rem;
		line-height: var(--line-height-s);
	}
	.un-headline__title-02 {
		width: 100%;
		font-size: 3rem;
		line-height: 1;
		margin-top: 10px;
	}
}
@media (max-width: 767px) {
	.un-headline__title {
		display: none;
	}
}
.un-headline__period {
	font-size: 1.3rem;
	line-height: 1;
	width: 100%;
}
@media (min-width: 768px) {
	.un-headline__period {
		margin-top: 23px;
	}
}
@media (max-width: 767px) {
	.un-headline__period {
		order: 2;
		margin-top: 10px;
	}
}
.un-headline__code {
	width: 100%;
	border: 1px solid #707070;
	line-height: 29px;
	width: 122px;
	font-size: 1.2rem;
	text-align: center;
}
@media (min-width: 768px) {
	.un-headline__code {
		margin-top: 23px;
	}
}
@media (max-width: 767px) {
	.un-headline__code {
		order: 1;
	}
}

.un-maincontents {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.un-maincontents {
		width: calc(100% - 40px);
	}
}
.un-maincontents__inner {
	background: #F3F5F7;
	border-radius: 5px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.un-maincontents__inner {
		padding: 40px 44px;
	}
}
@media (max-width: 767px) {
	.un-maincontents__inner {
		padding: 30px 20px;
		margin: 246px 20px 0;
		margin: 44.8vh 0 20px;
	}
}
/*# sourceMappingURL=style.css.map */