﻿.txtEx {
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}
.PC {display: none;}
.SP {display: inherit;}

html {
  font-size: 1.333vw; /*defaultFontsize*/
}
body {
}


/*--------------------
No1*/

/*--No2*/

/*No3*/



.img {
	display: flex;
		justify-content: center;
	width: 100%;
	overflow: hidden;
}


.btnarea .btn01 {
	position: absolute;
		left: calc(50% - 14.4rem);
		transform: translateX(-50%);
		bottom: 11rem;
	width: 27.2rem;
	height: 10rem;
}
.btnarea .btn02 {
	position: absolute;
		left: calc(50% + 14.4rem);
		transform: translateX(-50%);
		bottom: 11rem;
	width: 27.2rem;
	height: 10rem;
}

.movie {
	position: relative;
}
.moviearea {
	position: absolute;
		transform: translateX(0);
		bottom: 9.4rem;
		left: 3.2rem;
		right: 3.2rem;
	height: 0;
	padding-top: 51.85%;
	/*padding-top: 33.05%;*/
	/*padding-top: 29.1%;*/
	margin: 0 auto;
	overflow: hidden;
	width: 69rem;
}
.moviearea iframe {
	width: 100%;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
}

.totop {
	position: absolute;
		right: 50%;
		transform: translateX(50%);
		bottom: 8rem;
	display: block;
	width: 14rem;
	height: 14rem;
}
.totop img {
	width: 100%;
	width: 14rem;
	height: 14rem;
}

.fixed {
	position: fixed;
		right: 1rem;
		bottom: 1rem;
}

.footer {
    width: 100%;
    margin: 0 auto;
    height: 10rem;
    padding-top: 4rem;
    color: #000;
    background-color: #fff;
    color: white;
    text-align: center;
    font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;  
}

.footer ul {
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    }
    
.footer ul li {
    color: #000;
    list-style: none;
    font-size: 100%;
    text-align: center;
}