@charset "utf-8";

html,
body {
  width: 100%;
  min-height: 100%;
  margin:0;padding:0;
  font-family: "Oswald", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  letter-spacing: 0.1em;
}

body {
overflow-x: hidden;
}

body:after {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;

}

body.fadeout:after,
body.fadein:after {
  opacity: 1;
}

body.fadeout box {

}


body a:hover {

}

.box {

  min-height: 100vh;
}

.fitMovie {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  min-width: 100%;
  min-height: 100vh;
  margin-top: auto;
  margin-bottom: auto;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media all and (max-width: 750px){
  .fitMovie {
    bottom: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.fitMovie2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 100%;
  min-height: 100vh;
}
@media all and (max-width: 750px){
  body.investigation .fitMovie2 {
    top: 0;
    bottom: auto;
    width: 220%;
    min-height: auto;
  }
}

.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: #ea9423;
}


.box__text a, .box__text a:hover, .box__text a:visited {
  color: #ea9423;
  text-decoration:none;
}


.sec {
  margin-bottom: 120px;
}

.page-title__title {
	color: #ea9423;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;
}

.index .box__title {
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}

.index .box__text .gnavi{
	font-size: 20px;

}

.index .box__text .copy{
	margin:40px 0 0 0;
	font-size: 12px;
}


/*2nd gnavi　--------------------------------------------------------*/




/*カーソル　--------------------------------------------------------*/

.cursor {
  border-radius: 50%;
  position: absolute; /*bodyの一番左上になるように配置する*/
  top: 0;
  left: 0;
  cursor: none; /*もともとあるカーソルは見えなくなるようにする*/
  pointer-events: none; /*他の要素がクリックできなくならないように*/
}

.follower {
 /* border-radius: 50%;*/
  position: absolute; /*bodyの一番左上になるように配置する*/
  top: 0;
  left: 0;
  cursor: none; /*もともとあるカーソルは見えなくなるようにする*/
  pointer-events: none; /*他の要素がクリックできなくならないように*/
}

.cursor {
  width: 8px;
  height: 8px;
  background-color: #ea9423;
  z-index: 1002; /*どの要素よりも一番上になるようにする*/
}

.follower {
  width: 120px;
  height: 120px;
/*  background-color: #ccc;*/
  background-image:url(/img/mouse.gif);
  background-size:cover;
  z-index: 1000; /*カーソルの次に上になるようにする*/
}



/*##### Index2 #####*/
.pageIndex2 {
  background-color: #000;
}


/*##### UFO #####*/
.pageIndex2 .imgUfo01 {
  position: absolute;
  z-index: 2;
  top: calc(50% + 90px);/*60%;*/
  left: calc(50% - 345px);/*30%;*/
  -ms-transition: top 0.8s, left 0.8s, width 0.8s;
  transition: top 0.8s, left 0.8s, width 0.8s;
  /*-webkit-animation: moveUfo 13s ease normal infinite;
  animation: moveUfo 13s ease normal infinite;*/
  -webkit-animation: moveUfo1 13s ease normal infinite;
  animation: moveUfo1 13s ease normal infinite;
}
@media all and (max-width: 1580px){
  .pageIndex2 .imgUfo01 {
    -webkit-animation: moveUfo2 13s ease normal infinite;
    animation: moveUfo2 13s ease normal infinite;
  }
}


@-webkit-keyframes moveUfo {
  0% { top: 60%; left: 30%; width: 267px; opacity: 1; }
  20% { top: 40%; left: 50%; width: 150px; opacity: 1; }
  40% { top: 30%; left: 63%; width: 30px; opacity: 1; }
  50% { top: 30%; left: 62%; width: 10px; opacity: 0; }
  60% { opacity: 0; }
  70% { top: 55%; left: 35%; width: 10px; opacity: 0; }
  80% { top: 60%; left: 33%; width: 30px; opacity: 1; }
  90% { top: 50%; left: 25%; width: 100px; opacity: 1; }
  100% { top: 60%; left: 30%; width: 267px; opacity: 1; }
}
@keyframes moveUfo {
  0% { top: 60%; left: 30%; width: 267px; opacity: 1; }
  20% { top: 40%; left: 50%; width: 150px; opacity: 1; }
  40% { top: 30%; left: 63%; width: 30px; opacity: 1; }
  50% { top: 30%; left: 61%; width: 10px; opacity: 0; }
  60% { opacity: 0; }
  70% { top: 55%; left: 35%; width: 10px; opacity: 0; }
  80% { top: 60%; left: 33%; width: 30px; opacity: 1; }
  90% { top: 50%; left: 25%; width: 100px; opacity: 1; }
  100% { top: 60%; left: 30%; width: 267px; opacity: 1; }
}



@-webkit-keyframes moveUfo1 {
  0% { top: calc(50% + 90px); left: calc(50% - 18vw); width: 267px; opacity: 1; }
  20% { top: calc(50% - 69px); left: calc(50% + 1vw); width: 150px; opacity: 1; }
  40% { top: calc(50% - 178px); left: calc(50% + 13vw); width: 30px; opacity: 1; }
  50% { top: calc(50% - 178px); left: calc(50% + 12vw); width: 10px; opacity: 0; }
  60% { opacity: 0; }
  70% { top: calc(50% + 44px); left: calc(50% - 12vw); width: 10px; opacity: 0; }
  80% { top: calc(50% + 89px); left: calc(50% - 14vw); width: 30px; opacity: 1; }
  90% { top: 50%; left: calc(50% - 20vw); width: 100px; opacity: 1; }
  100% { top: calc(50% + 90px); left: calc(50% - 18vw); width: 267px; opacity: 1; }
}
@keyframes moveUfo1 {
  0% { top: calc(50% + 90px); left: calc(50% - 18vw); width: 267px; opacity: 1; }
  20% { top: calc(50% - 69px); left: calc(50% + 1vw); width: 150px; opacity: 1; }
  40% { top: calc(50% - 178px); left: calc(50% + 12.3vw); width: 30px; opacity: 1; }
  50% { top: calc(50% - 178px); left: calc(50% + 11.3vw); width: 10px; opacity: 0; }
  60% { opacity: 0; }
  70% { top: calc(50% + 44px); left: calc(50% - 15vw); width: 10px; opacity: 0; }
  80% { top: calc(50% + 89px); left: calc(50% - 17vw); width: 30px; opacity: 1; }
  90% { top: 50%; left: calc(50% - 23vw); width: 100px; opacity: 1; }
  100% { top: calc(50% + 90px); left: calc(50% - 18vw); width: 267px; opacity: 1; }
}


@-webkit-keyframes moveUfo2 {
  0% { top: calc(50% + 90px); left: calc(50% - 345px); width: 267px; opacity: 1; }
  20% { top: calc(50% - 69px); left: calc(50% + 20px); width: 150px; opacity: 1; }
  40% { top: calc(50% - 178px); left: calc(50% + 175px); width: 30px; opacity: 1; }
  50% { top: calc(50% - 178px); left: calc(50% + 152px); width: 10px; opacity: 0; }
  60% { opacity: 0; }
  70% { top: calc(50% + 44px); left: calc(50% - 233px); width: 10px; opacity: 0; }
  80% { top: calc(50% + 89px); left: calc(50% - 261px); width: 30px; opacity: 1; }
  90% { top: 50%; left: calc(50% - 370px); width: 100px; opacity: 1; }
  100% { top: calc(50% + 90px); left: calc(50% - 345px); width: 267px; opacity: 1; }
}
@keyframes moveUfo2 {
  0% { top: calc(50% + 90px); left: calc(50% - 345px); width: 267px; opacity: 1; }
  20% { top: calc(50% - 69px); left: calc(50% + 20px); width: 150px; opacity: 1; }
  40% { top: calc(50% - 178px); left: calc(50% + 175px); width: 30px; opacity: 1; }
  50% { top: calc(50% - 178px); left: calc(50% + 152px); width: 10px; opacity: 0; }
  60% { opacity: 0; }
  70% { top: calc(50% + 44px); left: calc(50% - 233px); width: 10px; opacity: 0; }
  80% { top: calc(50% + 89px); left: calc(50% - 261px); width: 30px; opacity: 1; }
  90% { top: 50%; left: calc(50% - 370px); width: 100px; opacity: 1; }
  100% { top: calc(50% + 90px); left: calc(50% - 345px); width: 267px; opacity: 1; }
}



.pageIndex2 .obj01Index2 {
  position: absolute;
  z-index: 2;
  top: calc(50% + 25vw);/*calc(50% + 290px);*/
  left: calc(50% + 60vw);/*calc(50% + 1200px);*/
  -ms-transition: top 0.8s, left 0.8s, width 0.8s, transform 0.2s;
  transition: top 0.8s, left 0.8s, width 0.8s, transform 0.2s;
  -webkit-animation: moveObj1 11s ease 2.0s forwards infinite;
  animation: moveObj1 11s ease 2.0s forwards infinite;
}

@-webkit-keyframes moveObj1 {
  0% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 99px; transform: rotate(30deg); opacity: 1; }
  4.0% { top: calc(50% + 9vw); left: calc(50% + 15vw); width: 60px; transform: rotate(380deg); opacity: 1; }
  7.0% { top: calc(50% + 18vw); left: calc(50% + 18vw); width: 105px; transform: rotate(200deg); opacity: 1; }
  8.5% { width: 150px; }
  10% { top: calc(50% - 6vw); left: calc(50% - 22vw); width: 50px; transform: rotate(300deg); opacity: 1; }
  11% { top: calc(50% - 14vw); left: calc(50% - 16vw); width: 30px; }
  12% { top: calc(50% - 22vw); left: calc(50% + 16vw); width: 99px; transform: rotate(150deg); opacity: 1; }
  13.5% { width: 299px; }
  14.5% { top: calc(50% + 55vw); left: calc(50% - 25vw); width: 299px; transform: rotate(250deg); opacity: 1; }
  17% { top: calc(50% - 20vw); left: calc(50% - 40vw); width: 50px; transform: rotate(350deg); opacity: 1; }
  18% { top: calc(50% - 15vw); left: calc(50% - 30vw); width: 75px; transform: rotate(250deg); opacity: 1; }
  19.5% { top: calc(50% - 30vw); left: calc(50% + 10vw); width: 50px; transform: rotate(230deg); opacity: 1; }
  22% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }

  24% { top: calc(50% + 5vw); left: calc(50% - 60vw); width: 110px; transform: rotate(130deg); opacity: 1; }
  25% { top: calc(50% + 25vw); left: calc(50% + 80vw); width: 60px; transform: rotate(130deg); opacity: 1; }

  25.5% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 99px; transform: rotate(30deg); opacity: 1; }
  26% { top: calc(50% + 9vw); left: calc(50% + 15vw); width: 60px; transform: rotate(380deg); opacity: 1; }
  28% { top: calc(50% + 18vw); left: calc(50% + 18vw); width: 105px; transform: rotate(200deg); opacity: 1; }
  29% { width: 150px; }
  30.5% { top: calc(50% - 6vw); left: calc(50% - 22vw); width: 50px; transform: rotate(300deg); opacity: 1; }
  31.5% { top: calc(50% - 14vw); left: calc(50% - 16vw); width: 30px; }
  32.5% { top: calc(50% - 22vw); left: calc(50% + 16vw); width: 99px; transform: rotate(150deg); opacity: 1; }
  34% { width: 299px; }
  35% { top: calc(50% + 55vw); left: calc(50% - 25vw); width: 299px; transform: rotate(250deg); opacity: 1; }
  37.5% { top: calc(50% - 20vw); left: calc(50% - 40vw); width: 50px; transform: rotate(350deg); opacity: 1; }
  38.5% { top: calc(50% - 15vw); left: calc(50% - 30vw); width: 75px; transform: rotate(250deg); opacity: 1; }
  40.5% { top: calc(50% - 30vw); left: calc(50% + 10vw); width: 50px; transform: rotate(230deg); opacity: 1; }

  42% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  44% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  46% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  48% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  50% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  52% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  54% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  56% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  58% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  60% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  62% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  64% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  66% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  68% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  100% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 80px; transform: rotate(315deg); opacity: 1; }
}
@keyframes moveObj1 {
  /*0% { top: calc(50% + 290px); left: calc(50% + 1200px); width: 99px; transform: rotate(30deg); opacity: 1; }*/
  0% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 99px; transform: rotate(30deg); opacity: 1; }
  2.0% { top: calc(50% + 9vw); left: calc(50% + 15vw); width: 60px; transform: rotate(380deg); opacity: 1; }
  6.5% { top: calc(50% + 18vw); left: calc(50% + 18vw); width: 105px; transform: rotate(200deg); opacity: 1; }
  8.5% { width: 150px; }
  11% { top: calc(50% - 6vw); left: calc(50% - 22vw); width: 50px; transform: rotate(300deg); opacity: 1; }
  12.5% { top: calc(50% - 14vw); left: calc(50% - 16vw); width: 30px; }
  14% { top: calc(50% - 22vw); left: calc(50% + 16vw); width: 99px; transform: rotate(150deg); opacity: 1; }
  16% { width: 299px; }
  18% { top: calc(50% + 55vw); left: calc(50% - 25vw); width: 299px; transform: rotate(250deg); opacity: 1; }
  21.5% { top: calc(50% - 20vw); left: calc(50% - 40vw); width: 50px; transform: rotate(350deg); opacity: 1; }
  23% { top: calc(50% - 15vw); left: calc(50% - 30vw); width: 75px; transform: rotate(250deg); opacity: 1; }
  26% { top: calc(50% - 30vw); left: calc(50% + 10vw); width: 50px; transform: rotate(230deg); opacity: 1; }
  29% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }

/*
  24% { top: calc(50% + 5vw); left: calc(50% - 60vw); width: 110px; transform: rotate(130deg); opacity: 1; }
  25% { top: calc(50% + 25vw); left: calc(50% + 80vw); width: 60px; transform: rotate(130deg); opacity: 1; }

  25.5% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 99px; transform: rotate(30deg); opacity: 1; }
  26% { top: calc(50% + 9vw); left: calc(50% + 15vw); width: 60px; transform: rotate(380deg); opacity: 1; }
  28% { top: calc(50% + 18vw); left: calc(50% + 18vw); width: 105px; transform: rotate(200deg); opacity: 1; }
  29% { width: 150px; }
  30.5% { top: calc(50% - 6vw); left: calc(50% - 22vw); width: 50px; transform: rotate(300deg); opacity: 1; }
  31.5% { top: calc(50% - 14vw); left: calc(50% - 16vw); width: 30px; }
  32.5% { top: calc(50% - 22vw); left: calc(50% + 16vw); width: 99px; transform: rotate(150deg); opacity: 1; }
  34% { width: 299px; }
  35% { top: calc(50% + 55vw); left: calc(50% - 25vw); width: 299px; transform: rotate(250deg); opacity: 1; }
  37.5% { top: calc(50% - 20vw); left: calc(50% - 40vw); width: 50px; transform: rotate(350deg); opacity: 1; }
  38.5% { top: calc(50% - 15vw); left: calc(50% - 30vw); width: 75px; transform: rotate(250deg); opacity: 1; }
  40.5% { top: calc(50% - 30vw); left: calc(50% + 10vw); width: 50px; transform: rotate(230deg); opacity: 1; }
*/

/*  36% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  38% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }*/

  29% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  32% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  35% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  38% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  41% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  44% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  47% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  50% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  53% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  56% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }
/*
  65% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  68% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(315deg); opacity: 1; }
*/
  59% { top: calc(50% - 9vw); left: calc(50% + 19.4vw); width: 80px; transform: rotate(405deg); opacity: 1; }
  62% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 80px; transform: rotate(315deg); opacity: 1; }

  100% { top: calc(50% + 25vw); left: calc(50% + 60vw); width: 80px; transform: rotate(315deg); opacity: 1; }
}




/*アジト　hideout.html　--------------------------------------------------------*/

/*
.box_hideout_img01{
position: absolute;
top:30vw;
left:40vw;
}

.box_hideout_img02_1{
position: absolute;
bottom:120px;
right:-10vw;
}

.box_hideout_img02_2{
position: absolute;
top:-20vw;
right:8vw;
}

.box_hideout_img03{
position: absolute;
bottom:120px;
left:-10vw;
}
*/

.boxFooterWrap {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
}
@media all and (max-width: 750px){
  .boxFooterWrap {
    position: static;
    left: auto;
    bottom: auto;
  }
}

.boxFooter01 {
  margin-bottom: 1.5em;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 750px){
  .boxFooter01 {
    font-size: 0.98rem;
  }
}

.boxFooter01 .boxTelno a {
  font-weight: 400;
  color: #092840;
}

.boxFooter02Wrap {
  padding: 2.0em 0 1.0em 0;
  background-color: #fff;
}
@media all and (max-width: 750px){
  .boxFooter02Wrap {
    padding: 1.5em 0 0.5em 0;
  }
}

.boxFooter02 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1.3em;
}
@media all and (max-width: 750px){
  .boxFooter02 {
    display: block;
    margin-bottom: 1.3em;
  }
}

.boxFooter02 .ttl01 {
  margin-right: 1em;
}
@media all and (max-width: 750px){
  .boxFooter02 .ttl01 {
    margin-right: 0;
    margin-bottom: 0.5em;
    text-align: center;
  }
}

@media all and (max-width: 750px){
  .boxFooter02 .ttl01 img {
    width: 40vw;
  }
}

.boxFooter02 .ulFooterMenu01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  list-style-type: none;
}

.boxFooter02 .ulFooterMenu01 > li {
  margin-right: 2.0em;
  font-size: 1.1rem;
  font-weight: 500;
}
@media all and (max-width: 750px){
  .boxFooter02 .ulFooterMenu01 > li {
    margin: 0.3em 1.0em;
    font-size: 3.3vw;
  }
}

.boxFooter02 .ulFooterMenu01 > li:last-child {
  margin-right: 0;
}

.boxFooter02 .ulFooterMenu01 > li a {
  color: #000;
}

@media all and (max-width: 750px){
  .boxFooter02 .ulFooterMenu01 > li img {
    max-width: 100%;
    height: 1.5em;
  }
}

.boxCopyright {
  text-align: center;
  letter-spacing: 0.07em;
  font-size: 0.75rem;
  color: #333;
  font-weight:500;
}
@media all and (max-width: 750px){
  .boxCopyright {
    font-size: 3.0vw;
  }
}

.boxCopyright .txtName {
  font-size: 0.8rem;
}
@media all and (max-width: 750px){
  .boxCopyright .txtName {
    font-size: 5.0vw;
  }
}

.index_flogo{
position:absolute;
left:3%;
bottom:3%;
}

.index_flogo a, .index_flogo a:visited{
color:#fff;
}

.add{
position:absolute;
z-index:5;
left:51%;
bottom:18%;
width:342px;
height:293px;
background:url(../img/add.png) left top;
color:#fff;
padding:40px 0 0 26px;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
}
@media all and (max-width: 750px){
  body.hideout .add {
    left: 40%;
    bottom: auto;/*48vw;*/
    top: 25vh;
    width: 56vw;
    height: 68vw;
    padding: 8vw 0 0 5vw;
    background-size: 100% 100%;
    font-size: 3.3vw;
  }
}

.add a{
color:#fff;
}

.add .boxName{
  font-weight:bold;
  font-size:1.2em;
  margin:0 0 10px 0;
}
@media all and (max-width: 750px){
  body.hideout .add .boxName {
    margin: 0 0 2vw 0;
    font-size: 4.4vw;
  }
}





.pc_none{
  display:none;
}
@media all and (max-width: 750px){
.pc_none{
  display:block !important;
}
.sp_none{
  display:none;
}
}

.boxCopyright span{
font-size: 0.4em;
}

.boxCopyright a {color: #333}
.boxCopyright a:hover{color: #333}


footer h2{
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 0;
}

footer ul{
    margin: 0;
}


.privacy_check > p {
  margin: 0;
}

.privacy_check .boxPrivacyLink {
  padding: 1.0em 0 1.0em 0;
}

@media all and (max-width: 750px){
  #form_area .btn_area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media all and (max-width: 750px){
  #form_area .btn_area > span.confirm {
    width: 100%;
  }
  #form_area .btn_area > span.back,
  #form_area .btn_area > span.submit {
    width: 48%;
  }
}

@media all and (max-width: 750px){
  #form_area .btn_area > span input[type="submit"],
  #form_area .btn_area > span button[type="submit"] {
    width: 100%;
  }
}


#form_area .btn_area button {
  outline: 0;
}