﻿  /*-------------------------------------------------------------------------------------*/
		.sp_tops {
		display: none;
		}
/*-------------------------------------------------------------------------------------*/
#mainvis {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 0.0vw 0px;
  width: 100%;
}
.mainvis {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw auto 0.0vw;
  width: 100%;
}
.mainvis img {
  width: 100%;
}
.mainvis_sp_wraps {
  padding: 0.0vw 0.0vw 0.0vw 0.0vw;
  margin: 0.0vw 0.0vw 0.0vw 0.0vw;
  width: 100%;
  height: 150vw;
  position: fixed;
  z-index: -100;
}
/*-------------------------------------------------------------------------------------*/
.main_space_sp {
  padding: 179.0vw 0.0vw 0.0vw 0.0vw;
  margin: 0.0vw 0.0vw 0.0vw 0.0vw;
}
.main_title_sp {
  padding: 0.0vw 0.0vw 0.0vw 0.0vw;
  margin: 0.0vw 0.0vw 0.0vw 0.0vw;
  width: 100%;
  z-index: 10;
}
.main_title_sp h1 {
  padding: 0.0vw 0.0vw 0.0vw 0.0vw;
  margin: -80.0vw 0.0vw 0.0vw 0.0vw;
  font-size: 0;
  width: 55.467vw;
}
.main_copy_sp {
  padding: 50.0vw 0.0vw 0.0vw 0.0vw;
  margin: -45.0vw 0.0vw 0.0vw 0.0vw;
  width: 100%;
  z-index: 9;
  background-image: url("../img/top/top_copyback_sp.png");
  background-repeat: no-repeat;
}
.main_copy_sp h2 {
  padding: 0.0vw 0.0vw 0.0vw 0.0vw;
  margin: 0.0vw 0.0vw 0.0vw 0.0vw;
  font-size: 0;
  width: 100%;
}
.main_copy_sp p {
  padding: 7.0vw 0px 10.0vw 0px;
  margin: 0.0vw 0.0vw 0.0vw 0.0vw;
  text-align: center;
  font-size: 3.2vw;
  line-height: 2.0em;
  font-weight: 500;
}
/*-------------------------------------------------------------------------------------*/
#top_menu {
  display: none;
}
/*-------------------------------------------------------------------------------------*/
#top_vision {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 0.0vw 0px;
  width: 100%;
  background-color: #F4F4F4;
}
.top_vision {
  padding: 15.0vw 0px 15.0vw 0px;
  margin: 0.0vw auto 0.0vw;
  width: 100%;
}
.top_vision img {
  width: 100%;
}
.top_vision h3 {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 5.0vw 0px;
  text-align: center;
  font-size: 10.0vw;
  font-family: 'Staatliches';
}
.top_title {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 0.0vw 0px;
  width: 100%;
}
.top_title h2 {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 5.0vw 0px;
  text-align: center;
  font-size: 5.5vw;
  line-height: 1.5em;
  font-weight: bold;
  letter-spacing: -0.05em
}
.top_title .read {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw auto 5.0vw;
  font-size: 4.0vw;
  line-height: 1.8em;
  width: 90%;
}
.top_photo {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw auto 0.0vw;
  width: 90%;
}
.top_photo img {
  width: 100%;
}
.top_more {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw auto 0.0vw;
  width: 90%;
}
.top_more .btm a {
  padding: 3.0vw 0.0vw 3.0vw 0.0vw;
  margin: 7.0vw 0.0vw 3.0vw 0.0vw;
  font-size: 6.0vw;
  width: 100%;
  text-align: center;
  display: block;
  font-family: 'Staatliches';
  background-color: #000000;
  color: #FFFFFF;
  text-decoration: none;
}
.top_more .btm a:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
}
/*-------------------------------------------------------------------------------------*/
#faq {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 0.0vw 0px;
  width: 100%;
  background-image: url("../img/top/faq_back_sp.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.faq {
  padding: 0.0vw 0px 15.0vw 0px;
  margin: 0.0vw auto 0.0vw;
  width: 90%;
  position: relative;
  padding-top: 140.3076%;
}
.faq img {
  width: 100%;
}
.faq h3 {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 0.0vw 0px;
  text-align: center;
  font-size: 8.0vw;
  font-family: 'Staatliches';
  color: #FFFFFF;
  position: absolute;
  width: 100%;
  top: 15.0vw;
  left: 0.0vw;
}
.faq h3 span {
  font-size: 0.7em;
}
.faq a {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 2px solid #FFFFFF;
  font-family: 'Noto Sans Japanese';
  font-size: 3.7vw;
  font-weight: 500;
  line-height: 1.7em;
}
.faq_link01 {
  position: absolute;
  /*width: 55.435vw;*/
  top: 40.0vw;
  left: 5.0vw;
}
.faq_link02 {
  position: absolute;
  /*width: 69.783vw;*/
  top: 53.0vw;
  left: 21.0vw;
}
.faq_link03 {
  position: absolute;
  /*width: 34.783vw;*/
  top: 75.0vw;
  left: 0.0vw;
}
.faq_link04 {
  position: absolute;
  /*width: 55.435vw;*/
  top: 88.0vw;
  left: 33.0vw;
}
.faq_link05 {
  position: absolute;
  /*width: 59.565vw;*/
  top: 101.5vw;
  left: 11.0vw;
}
.faq_link06 {
  position: absolute;
  /*width: 22.174vw;*/
  top: 115.0vw;
  left: 33.0vw;
}
.faq .btm a {
  padding: 3.0vw 0.0vw 3.0vw 0.0vw;
  margin: 0.0vw 0.0vw 3.0vw 0.0vw;
  font-size: 6.0vw;
  width: 100%;
  text-align: center;
  display: block;
  font-family: 'Staatliches';
  background-color: #FFFFFF;
  color: #000000;
  text-decoration: none;
  position: absolute;
  top: 130.0vw;
  right: 0;
  left: 0;
}
.faq .btm a:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
}
/*-------------------------------------------------------------------------------------*/
#hoge {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw 0px 0.0vw 0px;
  width: 100%;
}
.hoge {
  padding: 0.0vw 0px 0.0vw 0px;
  margin: 0.0vw auto 0.0vw;
  width: 90%;
}
.hoge img {
  width: 100%;
}