@charset "UTF-8";
/****************************************
contents
*****************************************/
* {
	letter-spacing: 0.08em;
}
div#content {
	background: #fff;
	opacity: 0.97;
	padding-bottom: 2em;
	padding: 0 5px;
}
.row {
	margin: 0 auto;
	max-width: 600px;
}
.box{
	margin-bottom: 3em;
	overflow: hidden;
	position: relative;
}
.box > img {
	width: 28vh;
	margin: 0 auto;
	display: block;
	top: 12%;
	position: absolute;
	left: 0;
	right: 0;
}
.fitMovie{
	position: absolute;
}

.box__centered{
	left: 50%;
	position: absolute;
	top: 50%;
}

.box__contents{
	text-align: center;
	transform: translate(-50%,-50%);
}

.box__title{
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}

.box__text{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.sec{
	margin-bottom: 120px;
}

.page-title__title{
	color: #333;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;	
}
#video-background,
#video-overlay {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
#video-background {
	z-index: -2;
}
#video-overlay {
	z-index: -1;
}

a.pdwn {
  position: absolute;
  bottom: 10%;
  left: 49%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
}

a.pdwn {
  padding-top: 45px;
}
a.pdwn span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -12px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}
button.ytp-large-play-button,
button.ytp-button {
	display: none;
}

.ind10 {
	padding: 0 1em;
}
.ind20 {
	padding: 0 2em;
}
.btm10 {
	margin-bottom: 1em;
}
.btm20 {
	margin-bottom: 2em;
}
.msBox {
	margin-bottom: 8em;
	padding: 0 1em;
}
.msBox p {
	font-size: 1.2em;
	text-align: center;
	line-height: 2em;
}
.msBox h3 {
	text-align: center;
}
/*
hr {
	margin-bottom: 3em;
}
*/
/****************************************

*****************************************/
h2 {
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 0.5em;
	margin: 0 auto 1em auto;
	line-height: 1.8em;
}


/****************************************
Slick Slider
*****************************************/

.slider{
width:100vw;
height:calc(100vh - 0px);
position:absolute;
top:0;
left:0;
margin:0 auto;
text-align:center;
}

.slider img{
object-fit:cover;
width:100%;
height:calc(100vh - 0px);
margin: 0 auto;
text-align:center;
}
.slider img.coverPosition{
object-position:100% 50%;
}
img#logoTop {
	position: absolute;
	top: 0;
	width: -webkit-fill-available;
	width: -moz-available;
}
#spTop div.box {
	margin-bottom: 3em;
}
#spTop div.box a {
	color: #fff;
  letter-spacing: 1px;
}
#spTop div.box a span {
position: absolute;
    top: 0;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -12px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    box-sizing: border-box;
}
#spTop main div.box {
	height: 100vh;
}