@charset "UTF-8";

/* --------------------------------------------------
layout
-------------------------------------------------- */
.l-wrap {
  position: relative;
  width: 100%;
  min-width: 1200rem;
  height: 100vh;
  overflow: hidden;
  display: flex;
  /*flex-direction: column;*/
  justify-content: center;
  align-items: center;
	z-index:100;
	min-height:800rem;
}

.l-wrap > * {
  width: 100%;
}

.l-cont {
	width:100%;
  min-width: 1200rem;
  margin: 0 auto;
	position:relative;
}

/* --------------------------------------------------
p-hero
-------------------------------------------------- */
.p-hero {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-hero__box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#main{
	width:880rem;
	height:605rem;
	position:relative;
}

#main ul{
	width:880rem;
	height:530rem;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:10;
}

#main ul li{
	position:absolute;
}

#main ul li:nth-child(1){
	width:41.477%;
	left:0.6%;
	top:7%;
}

#main ul li:nth-child(2){
	width:24.659%;
	left:25.2%;
	top:16.4%;
}

#main ul li:nth-child(3){
	width:11.7045%;
	left:32.2%;
	top:27.4%;
}

#main ul li:nth-child(4){
	width:10.1136%;
	left:42.6%;
	top:22%;
}

#main ul li:nth-child(5){
	width:10.681%;
	left:51.9%;
	top:18.3%;
}

#main ul li:nth-child(6){
	width:28.522%;
	left:51.1%;
	top:2.4%;
}

#main ul li:nth-child(7){
	width:46.022%;
	left:11.1%;
	top:37.2%;
}

#main ul li:nth-child(8){
	width:8.409%;
	left:31.0%;
	top:53%;
}

#main ul li:nth-child(9){
	width:13.75%;
	left:37.8%;
	top:48.4%;
}

#main ul li:nth-child(10){
	width:13.977%;
	left:48.7%;
	top:44.7%;
}

#main ul li:nth-child(11){
	width:24.659%;
	left:55.5%;
	top:27.5%;
}

#main ul li:nth-child(12){
	width:13.863%;
	left:67.3%;
	top:36.5%;
}

#main ul li:nth-child(13){
	width:22.045%;
	left:77.5%;
	top:20.2%;
}

#main ul li:nth-child(14){
	width:71.9318%;
	left:18.5%;
	bottom:2%;
}

#date{
	width:160rem;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

/* --------------------------------------------------
p-top
-------------------------------------------------- */
.p-top {
  position: relative;
  width: 100%;
  height: 750rem
}

.p-top__hero {
  position: relative;
  width: 100%;
  height: 750rem;
}

/* --------------------------------------------------
bnr
-------------------------------------------------- */
#bnr{
	width:286rem;
	position:absolute;
	left:20rem;
	bottom:60rem;
}

#bnr ul{
	width:100%;
	display: flex;
  justify-content: start;
  align-items: start;
	flex-wrap: wrap;
  position: relative;
}

#bnr ul li{
	width:100%;
  position: relative;
}

/* --------------------------------------------------
footer
-------------------------------------------------- */
.l-footer {
  position: absolute;
  left: 0;
  bottom: 20rem;
  width: 100%;
  min-width: 1200rem;
	height:22rem;
  justify-content: start;
  align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.l-footer__copyright {
	width:100%;
	color:#fff;
  position: relative;
}

.l-footer__copyright p{
	text-align:center;
  font-size: 12rem;
  line-height: 1;
	font-weight:400;
	padding-left:10rem;
	color:#4d4d4d;
}

.l-footer #privacy{
  position: absolute;
	right:20rem;
	top:5rem;
	text-align:center;
  font-size: 12rem;
  line-height: 1;
	font-weight:500;
	color:#4d4d4d;
}

.l-footer__copyright ul{
	width:246rem;
	height:22rem;
  position: absolute;
  left: 20rem;
  bottom: 0;
  justify-content: space-between;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.l-footer__copyright ul li:nth-child(1){
	width:100rem;
}

.l-footer__copyright ul li:nth-child(2){
	width:49rem;
}

.l-footer__copyright ul li:nth-child(3){
	width:45rem;
}

.l-footer__copyright ul li:nth-child(4){
	width:26rem;
}


/*--------------------------------------
mvtkWidget
----------------------------------------*/
#mvtk{
	width:100%;
	min-width: 1200rem;
	margin:80rem auto 0;
}

#mvtkWidget{
	position:relative;
}

#mvtk-widgets-container{
	margin:0 auto;
}



/* --------------------------------------------------
animation
-------------------------------------------------- */
#main ul li,
#date,
ul.p-topNav__list li,
#bnr,
.c-sns {
  opacity: 0;
  pointer-events: none;
}

