.none {
	display:none;
}

.header_white {
    background-color:rgba(255,255,255,0);
	display:none;
}

.header_white nav ul li a {
	color:#FFF;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

#index_slider_wrap{
    background: #333;
    height: 100vh;
	width:100%;
	position:relative;
}

#main_overlay {
  	/*background: rgba(0,95,150,0.3);*/
	background: rgba(0,0,0,0.2);
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    z-index: 3;
}

#index_video {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#index_video_mp4 {
    position: absolute;
    z-index: 2;
    object-fit: cover;
}

#main_lead {
  width: 590px;
  height:auto;
  text-align: center;
}

#main_lead img {
  width: 100%;
  display:block;
  margin:0 auto;
  display:none;
}

.intro_edit{
	padding: 120px 0 100px;
}

.editbox1{
	width:100%;
	margin-bottom:80px;
	background-image:url(../images/top/edit1.png);
	background-position: calc(100vw / 2 - 20px) 0px;
	background-repeat: no-repeat;
    background-size: auto;
}

.top_edit1{
	padding: 0;
}

.top_edit1 .elead{
	padding: 20px;
}

@media (min-width: 1080px) {
  .top_edit1 .elead{
	  padding: 20px 80px 20px 60px;
  }
}


.top_edit1 .elead p {
	font-size:1.8rem;
	font-weight:bold;
	line-height:220%;
	margin-bottom:10px;
}

.top_edit1 .elead h3{
	font-size:1.8rem;
	font-weight:bold;
	line-height:180%;
	color:#BF7D24;
}

.top_edit1 .elead div{
	background-color:#FFF;
	padding:20px 30px 10px;
}

.top_edit1 .elead div p{
	font-size:1.4rem;
	font-weight:bold;
	line-height:180%;
}

.top_edit1 .elead:nth-child(2) {
	font-size:1.4rem;
	font-weight:bold;
	line-height:180%;
	margin-bottom:0;
}

.about{
	padding-right:0px;
}

.rec{
	padding-left:0px;
	margin-top:60px;
}

@media (min-width: 1080px) {
  .about{
	  padding-right:20px;
  }
  
  .rec{
	  padding-left:20px;
	  margin-top:0;
  }
}


.about img,.rec img{
	vertical-align:top;
}

.about a,.rec a{
	display:block;
	width:100%;
	height:100%;
}

.editbox2{
	display: flex;
	flex-wrap:wrap;
}

.editbox2 div{
	width:100%;
}


@media (min-width: 1080px) {
  .editbox2{
	  flex-wrap: nowrap;
  }
}

.top_edit2{
	padding:80px 300px 60px 70px;
	width:100%;
	height:100%;
	margin:0;
	background-position: right top;
	background-repeat: no-repeat;
	background-color:#FFF;
	background-size: 250px 100%;
	transition: 0.5s ease-out;
}

@media (min-width: 1080px) {
  .top_edit2{
	  padding:80px 250px 60px 70px;
	  height:100%;
	  margin:0;
	  background-position: calc(100% / 2 + 230px) 0px;
	  background-repeat: no-repeat;
	  background-color:#FFF;
	  background-size: auto 100%;
	  transition: 0.5s ease-out;
  }
}

.top_edit2:hover{
	background-color:#F7E7D0;
}

.about .top_edit2{
	background-image: url(../images/top/ed2img1.png);
}

.rec .top_edit2{
	background-image: url(../images/top/ed2img2.png);
}

.top_edit2 h3{
	font-size:2.3rem;
	font-weight:bold;
	letter-spacing:3px;
	margin-bottom:20px;
	background-image:url(../images/top/minilogo.png);
	background-position:left top;
	margin-top:-55px;
	margin-left:-45px;
	padding-top:55px;
	padding-left:45px;
}

.top_edit2 p{
	font-size:1.4rem;
	line-height:175%;
}

.intro_sound{
	padding: 120px 0 100px;
}

.soundbox1{
	width:100%;
	background-image:url(../images/top/sound1.png);
	background-position: calc(100vw / 2 - 20px) 0px;
	background-repeat: no-repeat;
    background-size: auto;
	
}

@media (min-width: 1200px) {
  .soundbox1{
	  width:100%;
	  background-image:url(../images/top/sound1.png);
	  background-position: right calc(100vw / 2 - 20px) top 0px;
	  background-repeat: no-repeat;
	  background-size: auto;
	  
  }
}


.top_sound1{
	padding: 0;
}

.top_sound1 .elead{
	padding: 20px;

}

.top_sound1 .elead p{
	font-size:1.8rem;
	font-weight:bold;
	line-height:220%;
	margin-bottom:60px;
}

.top_sound1 .elead div.link_btn{
	margin:0 auto;
}

@media (min-width: 1080px) {

  .top_sound1 .elead{
	  padding: 20px 60px;
  }

}

@media (min-width: 1200px) {

  .top_sound1 .elead div.link_btn{
	  margin:0;
  }

}


.top_sound_list{
	display: flex;
	justify-content: space-between;
	padding:30px;
	width:100%;
}

.top_sound_list li{
	width:111px;
	height:111px;
	margin-right:10px;
	font-size:2.0rem;
	font-weight:bold;
	background-color:#F7E7D0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

@media (min-width: 1200px) {
  .top_sound_list{
	  display: flex;
	  justify-content: space-between;
	  align-items: flex-end;
	  height:100%;
	  padding: 0;
  }
  
  .top_sound_list li{
	  margin-right:0px;
  }
}

.lead_title {
	display: flex;
	flex-wrap:wrap;
	margin-bottom:30px;
}

.lead_title span.ja {
	display: block;
	margin-bottom: 0;
	width:100%;
	font-size:1.8rem;
	letter-spacing:1px;
}

.lead_title span.en {
	display: block;
	width:100%;
	font-size:3.0rem;
	font-weight: 800;
	letter-spacing:3px;
}

.title {
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	text-align:center;
}

.title span.en {
	position: relative;
	display: inline-block;
	margin-bottom: 0.8em;
	width:100%;
	text-align:center;
	font-size:4.0rem;
	font-weight:600;
	letter-spacing:1px;
}

.title span.en:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 500px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #E6D9D0;
}

.title span.ja {
	display: block;
	width:100%;
	text-align:center;
	font-size:1.5rem;
	font-weight:bold;
	color:#BF7D24;
	letter-spacing:3px;
}

.parallax {
    width:100%;
	min-height: 500px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
}

.para_top {
	background-image:url(../images/top/para.png);
}

.news_area {
	width:100%;
	margin:0 auto;
	padding:110px 20px;
}

.news_area ul {
	width:100%;
	margin:0 auto;
	padding-top:30px;
}

.news_area ul li {
	width:100%;
	display: flex;
	align-items: center;
	margin-top:35px;
	padding-bottom:15px;
	text-align:left;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:3px;
	border-bottom: solid 1px #999;
	color:#281A07;
}

.news_area ul li span.date {
	padding:0 20px 0 10px;
}

.news_area ul li span a {
	text-decoration:underline;
}

@media (min-width: 1080px) {

  .news_area {
	  padding:110px 0;
  }
  
  .news_area ul {
	  width:1080px;
  }
  
  .news_area ul li {
	  width:1080px;
  }

}



}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 767px){

#index_slider_wrap{
    background: #333;
    height: 100vh;
	width:100%;
	position:relative;
}

#main_overlay {
  	/*background: rgba(0,95,150,0.3);*/
	background: rgba(0,0,0,0.2);
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    z-index: 3;
}

#index_video {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#index_video_mp4 {
    position: absolute;
    z-index: 2;
    object-fit: cover;
}

#main_lead {
  width: 300px;
  height:auto;
  text-align: center;
}

#main_lead img {
  width: 100%;
  display:block;
  margin:0 auto;
  display:none;
}

.intro_edit{
	padding: 50px 0 50px;
	width:100%;
	overflow:hidden;
}

.editbox1{
	width:100%;
	margin-bottom:50px;
	background-image:url(../images/top/edit1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
    background-size: auto 200px;
}

.top_edit1{
	padding: 0 20px 50px;
}

.top_edit1 .elead{

}

.top_edit1 .elead p {
	font-size:1.8rem;
	font-weight:bold;
	line-height:220%;
	margin-bottom:10px;
}

.top_edit1 .elead h3{
	font-size:1.8rem;
	font-weight:bold;
	line-height:180%;
	color:#BF7D24;
}

.top_edit1 .elead div{
	background-color:#FFF;
	padding:20px 20px 10px;
}

.top_edit1 .elead div p{
	font-size:1.4rem;
	font-weight:bold;
	line-height:180%;
}

.top_edit1 .elead:nth-child(2) {
	font-size:1.4rem;
	font-weight:bold;
	line-height:180%;
	margin-bottom:0;
}

.about{

}

.rec{
	margin-top:30px;
}

.about img,.rec img{
	vertical-align:top;
}

.editbox2{
	display:flex;
	flex-wrap:wrap;
}

.editbox2 div{
	width:100%;
}

.top_edit2{
	padding:0px;
	margin:0;
	background-color:#FFF;
	background-size: cover;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	transition: 0.5s ease-out;
}

.top_edit2:hover{
	background-color:#F7E7D0;
}

.about .top_edit2{
	background-image: url(../images/top/ed2img1.png);
}

.rec .top_edit2{
	background-image: url(../images/top/ed2img2.png);
	
}

.top_edit2 h3{
	font-size:2.3rem;
	font-weight:bold;
	letter-spacing:3px;
	background-image:url(../images/top/minilogo.png);
	background-position:10px 10px;
	padding:20px 20px 0;
	text-align:center;

}

.top_edit2 p{
	font-size:1.4rem;
	line-height:175%;
	padding:20px;
}

.intro_sound{
}

.soundbox1{
	width:100%;
	background-image:url(../images/top/sound1.png);
	background-position: center bottom;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	background-repeat: no-repeat;
    background-size: auto;
}

.top_sound1{
	padding: 50px 20px 100px;
}

.top_sound1 .elead{

}

.top_sound1 .elead p{
	font-size:1.8rem;
	font-weight:bold;
	line-height:220%;
	margin-bottom:30px;
}

.top_sound1 div{
	width:100%;
}

.top_sound1 .sound_work{
	display:none;
}

.top_sound_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	width:100%;

}

.top_sound_list li{
	width:100px;
	height:100px;
	margin:5px;
	font-size:2.0rem;
	font-weight:bold;
	background-color:#F7E7D0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.lead_title {
	display: flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}

.lead_title span.ja {
	display: block;
	margin-bottom: 0;
	width:100%;
	font-size:1.8rem;
	letter-spacing:1px;
}

.lead_title span.en {
	display: block;
	width:100%;
	font-size:3.0rem;
	font-weight: 800;
	letter-spacing:3px;
}

.title {
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	text-align:center;
}

.title span.en {
	position: relative;
	display: inline-block;
	margin-bottom: 0.8em;
	width:100%;
	text-align:center;
	font-size:3.0rem;
	font-weight:600;
	letter-spacing:1px;
}

.title span.en:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 70%;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #E6D9D0;
}

.title span.ja {
	display: block;
	width:100%;
	text-align:center;
	font-size:1.5rem;
	font-weight:bold;
	color:#BF7D24;
	letter-spacing:3px;
}

.parallax {
    width:100%;
	min-height: 500px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
}

.para_top {
	background-image:url(../images/top/para.png);
}


.news_area {
	width:100%;
	margin:0 auto;
	padding:40px 20px;
}

.news_area ul {
	width:100%;
	margin:0;
}

.news_area ul li {
	width:100%;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	margin-top:25px;
	padding-bottom:10px;
	text-align:left;
	font-size:1.4rem;
	font-weight:bold;
	border-bottom: solid 1px #999;
	color:#281A07;
}

.news_area ul li span.date {
	display: block;
	width:100%;
	padding:0 0 10px;
}

.news_area ul li span a {
	text-decoration:underline;
}


.parallax {
    width:100%;
	min-height: 200px;
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto 100%;   
}

.para_top {
	background-image:url(../images/top/para.png);
}


/*  .parallax {
    background-image: none !important;
    min-height: 200px;
  }
  .parallax::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    min-height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
  }
  .para_top::before {
      background-image:url(../images/top/para.png);
  }

}