/* --------------------------- */
/* kv
/* --------------------------- */
.kv-wrapper{
  position: relative;
  background-image: url(../images/bg04.jpg);
  background-size: cover;
  height: 70vh;
  }
.kv-copy-wrapper{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  letter-spacing: 1rem;
}
.kv-copy{
  font-size: 2.4rem;
  font-weight: lighter;
  color: #fff;
  margin-bottom: 20px;
} 
.kv-subcopy{
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 0.3rem;
}
.kv-logo{
  width: 60px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 50px;
}
/* --------------------------- */
/* About
/* --------------------------- */
.sns-wrapper.youtube{
  padding-top: 0;
}
.responsive {
  width: 100%;
  aspect-ratio: 16/9;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.logo-gray{
  width: 40px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
}
.about-img01{
  max-width: 65%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.about-img03{
  max-width: 50%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.about-title{
  font-size: 2rem;
  margin-bottom: 10px;
}
.hr01{
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.about-text{
  margin: 0 auto;
  line-height: 2;
  margin-bottom: 30px;
  max-width: 600px;
}
.about-detail{
  margin-bottom: 30px;
}
/* 立体ボタン（画像） */
.btn-wrapper02{
  margin-bottom: 100px;
}
a.btn_1 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 405px;
  height: 81px;
	margin: auto;
  background-image: url(../images/banner_btn.jpg);
  background-size: cover;
	transition: 0.5s ease-in-out;
  margin-bottom: 20px;
}
a.btn_1:hover {
	color: #fff;
	opacity: 0.5;
}
/* --------------------------- */
/* Recommend
/* --------------------------- */
.section-wrapper#recommend{
  background-color: #D8D8D8;
  position: relative;
  padding: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.title-wrapper{
  margin-top: 50px;
}
.reccomend-wrapper{
  width: 500px;
  margin: 0 auto;
}
.recommend-text-wrapper{
  max-width: 80%;
  padding: 50px;
  margin: 0 auto;
  z-index: 2;
}
.recommend-title{
  font-size: 2.5rem;
  letter-spacing: 0.5rem;
}
.hr01{
  margin: 0 auto;
  margin-bottom: 50px;
}
.recommend-img{
  margin-bottom: 20px;
}
.recommend-text{
  margin-bottom: 70px;
}
/* footer調節 */
.footer{
  margin-top: 0;
}
/* --------------------------- */
/* iPad
/* --------------------------- */
@media screen and (max-width:820px){
/* --------------------------- */
/* kv
/* --------------------------- */
}
/* --------------------------- */
/* SP
/* --------------------------- */
@media screen and (max-width:430px){
  /* --------------------------- */
/* kv
/* --------------------------- */
.kv-wrapper{
  height: 80vh;
}
.kv-copy-wrapper{
  width: 90%;
}
.kv-copy{
  font-size: 2rem;
  font-weight: lighter;
  color: #fff;
  margin-bottom: 20px;
} 
.kv-subcopy{
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 0.3rem;
  margin-bottom: 100px;
}
.kv-logo{
  width: 50px;
  margin: 0 auto;
  margin-top: 200px;
  margin-bottom: 50px;
}
/* --------------------------- */
/* About
/* --------------------------- */
.hr01{
  width: 100%;
}
.about-img01{
  max-width: 100%;
}
.about-img03{
  max-width: 100%;
}
/* 立体ボタン（画像） */
a.btn_1 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 310px;
  height: 62px;
	margin: 0 auto;
  background-image: url(../images/banner_btn.jpg);
  background-size: cover;
	transition: 0.5s ease-in-out;
  margin-bottom: 20px;
}
/* --------------------------- */
/* Recommend
/* --------------------------- */
.reccomend-wrapper{
  width: 100%;
  margin: 0 auto;
}
}
/* --------------------------- */
/* SP_iphoneX
/* --------------------------- */
@media screen and (max-width:375px){
/* --------------------------- */
/* kv
/* --------------------------- */

}