@charset "UTF-8";

/* -------------------------------------------
	mv
---------------------------------------------- */
.mv{height: 800px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;position: relative;}
.mv-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv-bg img{object-fit: cover;object-position: center center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv-bg::after{background: linear-gradient(180deg, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);content: "";position: absolute;bottom: -1px;width: 100%;height: 250px;}
.mv-heading{margin-top: 55px;position: relative;width: 426px;z-index: +1;}
.mv-lead{font-weight: 500;line-height: 2;text-align: center;position: relative;margin-top: 20px;z-index: +1;}

/* animation */
.mv .mv-bg{opacity: 0;transition: opacity 3s ease;}
.mv.is-active .mv-bg{opacity: 1;}
.mv .mv-heading{opacity: 0;transition: opacity 2s 1s ease;}
.mv.is-active .mv-heading{opacity: 1;}
.mv .mv-lead{opacity: 0;transition: opacity 2s 1.8s ease;}
.mv.is-active .mv-lead{opacity: 1;}
@media only screen and (max-width: 767px) {
	.mv{height: auto;}
	.mv-bg{height: auto;padding-bottom: 100%;}
	.mv-bg::after{display: none;}
	.mv-heading{margin-top: calc((115/750)*100%);width: calc((426/750)*100%);}
	.mv-lead{line-height: calc(45/28);text-align: left;margin: calc((120/750)*100%) 25px 0;width: calc(100% - 50px);}
}

/* -------------------------------------------
	koji
---------------------------------------------- */
.koji{margin-top: 10px;margin-bottom: 100px;}
.koji-heading{font-size: 0;line-height: 0;text-align: center;}
.koji-grig{display: grid;grid-template-columns: repeat(3, 1fr);gap: 60px calc((62/1414)*100%);margin-top: 40px;}
.koji-grig a{color: #000;text-decoration: none;}
.koji-item{display: block;position: relative;height: 100%;}
.koji-item__img{display: grid;position: relative;}
.koji-item__img img{width: 100%;}
.koji-item__img-base{grid-column: 1;grid-row: 1;}
.koji-item__img-hover{grid-column: 1;grid-row: 1;opacity: 0;}
.koji-item__heading{font-size: calc((24/16)*100%);font-weight: 400;line-height: calc(30/24);margin: 25px calc((25/430)*100%) 0;}
.koji-item__text{font-size: calc((15/16)*100%);line-height: calc(27/15);margin: 15px calc((25/430)*100%) 0;}
@media (hover: hover) {
	.koji-item .koji-item__img-hover{transition: opacity .5s ease;}
	.koji-item:hover .koji-item__img-hover{opacity: 1;}
	.koji-item .koji-item__img::after{box-sizing: border-box;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0px solid #eb8838;transition: border .25s linear;}
	.koji-item:hover .koji-item__img::after{border-width: 5px;}
}
@media print, screen and (min-width: 768px) {
	.koji-grig a:nth-of-type(3n+2){transition-delay: .3s;}
	.koji-grig a:nth-of-type(3n+3){transition-delay: .6s;}
}
@media print,screen and (min-width: 768px) and (max-width: 1000px) {
	.koji-grig{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 767px) {
	.koji{margin-top: 35px;margin-bottom: 60px;}
	.koji-heading img{width: 194px;}
	.koji-grig{grid-template-columns: 1fr;gap: 30px 0;margin-top: 25px;}
	.koji-item__img-hover{display: none;}
	.koji-item__heading{font-size: calc((17/14)*100%);margin: 17px calc((40/650)*100%) 0;}
	.koji-item__text{font-size: calc((13/14)*100%);line-height: calc(42/26);margin: 10px calc((40/650)*100%) 0;}
}