@charset "utf-8";

/* =========================================
	object-fit
========================================= */
.t-ofi{
	height:100%;
	overflow:hidden;
	line-height:0;
}

.t-ofi img,
.t-ofi video{
	max-width:100%;
	width:100%;
	height:100%;
	object-fit:cover;
}

/* =========================================
	font
========================================= */
.t-mincho__regular{
	font-family:'Zen Old Mincho', sans-serif;
	font-weight:400;
	letter-spacing:0.05em;
}

.t-mincho__bold{
	font-family:'Zen Old Mincho', sans-serif;
	font-weight:900;
	letter-spacing:0.05em;
}

/* =========================================
	text color
========================================= */
.t-keycolor01{
	color:#E18173;
}

.t-keycolor02{
	color:#64B7AF;
}

.t-keycolor02-sub{
	color:#004D49;
}

.t-subkeycolor01{
	color:#666;
}

.t-linecolor01{
	color:#ddd;
}

/* =========================================
	utility (display)
========================================= */
.t-pc{
	display:block;
}

.t-sp{
	display:none;
}

/* =========================================
	utility (align / spacing)
========================================= */
.t-tCenter{
	text-align:center;
}

.t-mCenter{
	margin:0 auto;
}

.t-pt0{
	padding-top:0 !important;
}

.t-pb0{
	padding-bottom:0 !important;
}

.t-pt80{
	padding-top:80px !important;
}

.t-pb80{
	padding-bottom:80px !important;
}

/* =========================================
	光の帯
========================================= */
.t-kiran {
	opacity: 1;
	overflow: hidden;
	position: relative;
}
.t-kiran::after {
	content: "";
	position: absolute;
	top: -120%;
	left: -40%;
	width: 30px;
	height: 200%;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);

	animation: kiran 3.5s linear infinite;
}

/* キランアニメーション */
@keyframes kiran {
	0% {
		transform: translateX(-100%) rotate(45deg) scale(2);
		opacity: 0;
	}
	10% {
		opacity: 0.6;
	}
	20% {
		transform: translateX(300%) rotate(45deg) scale(40);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


/* =========================================================
	Media Queries
========================================================= */

/* =========================
	@media 1200px
========================= */
@media screen and (max-width:1200px){
	.t-pt80{
		padding-top:70px !important;
	}

	.t-pb80{
		padding-bottom:70px !important;
	}
}

/* =========================
	@media 900px
========================= */
@media screen and (max-width:900px){
	.t-pt80{
		padding-top:60px !important;
	}

	.t-pb80{
		padding-bottom:60px !important;
	}
}

/* =========================
	@media 768px
========================= */
@media screen and (max-width:768px){
	.t-pc{
		display:none;
	}

	.t-sp{
		display:block;
	}

	.t-pt80{
		padding-top:50px !important;
	}

	.t-pb80{
		padding-bottom:50px !important;
	}
}