@charset "UTF-8";

.index-container{max-width: 1040px;}
.index-title {margin-top: 45px;line-height: 1.38;}
.index-title small{color: #222;display: block;font-size: calc((36/51.8976)*100%);margin-bottom: 15px;}
.index-title span{margin-right: .6em;}
.index-lead {margin-top: 28px;text-align: center;color: #222;font-weight: bold;font-size: calc((24/16.96)*100%);line-height: 2;}
.index-lead--movie {margin-top: 45px;margin-bottom: 25px;}
.index-video {margin-top: 40px;position: relative;}
.index-relation{border-top: 1px solid #bbb;margin-top: 70px;padding-top: 50px;}
.index-relation__heading{font-weight: bold;font-size: calc((24/16.96)*100%);text-align: center;}
.index-relation__link{display: block;margin-top: 20px;}
.index-relation__link img{width: 100%;height: auto;vertical-align: top;}
.button--disabled{background-color: #4c4c4c;color: #fff;position: relative;}
.button--red small,
.button--disabled small{display: block;}
.button--disabled::before {content: "";position: absolute;top: 50%;display: block;background-color: #fff;-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: .5;}
.button--disabled::after {content: "";position: absolute;top: 50%;display: block;border-top: 2px solid #4c4c4c;border-right: 2px solid #4c4c4c;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
@media (hover: hover) {
	.index-relation__link{transition: opacity .25s ease-out;}
	.index-relation__link:hover{opacity: .7;}
}
@media print, screen and (min-width: 768px) {
.button--disabled::before {right: 20px;width: 28px;height: 28px;}
.button--disabled::after {right: 29px;width: 8px;height: 8px;}
.sp{display: none;}
}
@media screen and (max-width:767px) {
	.index-title {margin-top: 25px;font-size: 1.7em;}
	.index-title small{font-size: calc((17/23.8)*100%);margin-bottom: 12px;}
	.index-title span{display: block;margin-right: 0;}
	.index-lead {margin-top: 8px;font-size: calc((17/14)*100%);line-height: 1.66666667;}
	.index-lead--movie {margin-top: 35px;margin-bottom: 15px;}
	.index-video {margin-top: 25px;}
	.index-relation{margin-top: 50px;padding-top: 35px;}
	.index-relation__heading{font-size: calc((20/14)*100%);}
	.button{padding: 10px 40px;}
	.button--disabled::before {right: 15px;width: 25px;height: 25px;}
	.button--disabled::after {right: 24px;width: 7px;height: 7px;}
	.pc{display: none;}
}