@charset "UTF-8";
.btn_menu_area span, .btn_menu_area:before, .btn_menu_area:after {
  background-color: #fff;
}

.btn_menu_area_on span, .btn_menu_area_on:before, .btn_menu_area_on:after {
  background-color: #323232;
}

.lang_sel_area {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background: url(/img/top/bg01.webp) center 0px no-repeat #333;
  background-size: cover;
  z-index: 200;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.lang_sel_area ul {
  width: 260px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lang_sel_area ul li {
  width: 120px;
}
.lang_sel_area ul li a {
  background-color: rgba(255, 255, 255, 0.2);
  width: 120px;
  height: 120px;
  display: block;
  font-size: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: all 1s;
}

#top .swiper-slide {
  position: sticky;
  width: 100%;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
}
#top .sec_com {
  width: 100%;
  box-sizing: border-box;
  height: 100vh;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #top .sec_com {
    height: calc(100vh - 0px);
  }
}
#top .sec_com .txt_area {
  width: 50%;
  color: #fff;
  padding: 0px 30px;
  z-index: 100;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #top .sec_com .txt_area {
    width: 100%;
    box-sizing: border-box;
  }
}
#top .sec_com .tit {
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
  #top .sec_com .tit {
    font-size: 1.6rem;
  }
}
#top .sec_com .tit span {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  #top .sec_com h2 {
    font-size: 1.6rem;
  }
}
#top .sec_com .txt01 {
  margin-bottom: 30px;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
  #top .sec_com .txt01 {
    margin-bottom: 20px;
  }
}
#top .sec_com a {
  font-family: "Roboto", sans-serif;
  color: #fff;
  width: 300px;
  margin: 0px auto;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 1.6rem;
  background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
  #top .sec_com a {
    width: 220px;
    font-size: 1.4rem;
    padding: 5px 20px;
  }
}
#top .sec_dommune {
  background: url(/img/pressrelease/190424/img02.webp) center bottom no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec_dommune {
    background-size: 100% auto;
    background: url(/img/pressrelease/190424/img02.webp) right top repeat-y;
  }
}
#top .sec11 {
  background-color: #000;
}
#top .sec_silence .bg01, #top .sec_silence .bg02 {
  position: absolute;
  top: 0px;
  height: 100%;
  z-index: 100;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  #top .sec_silence .bg01, #top .sec_silence .bg02 {
    width: 100%;
    box-sizing: border-box;
    height: 50vh;
  }
}
#top .sec_silence .bg01 {
  left: 0px;
  background: url(/img/top/img_kodama.webp) left top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_silence .bg01 {
    background: url(/img/top/img_kodama_sp.webp) left top no-repeat;
    background-size: cover;
  }
}
#top .sec_silence .bg02 {
  right: 0px;
  background: url(/img/top/img_compuma.webp) center top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_silence .bg02 {
    top: 50vh;
    background: url(/img/top/img_compuma_sp.webp) center bottom no-repeat;
    background-size: cover;
  }
}
#top .sec_silence .txt_area {
  width: 100%;
  box-sizing: border-box;
}
#top .sec10 {
  background: url(/img/top/deadbeat.webp) center top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec10 {
    background-attachment: scroll;
    background-position: 70% top;
    background-size: cover;
  }
}
#top .sec10 .txt_area h2 {
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
#top .sec_taichi {
  background: url(/img/interview/taichi/img01.webp) left center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec_taichi {
    background-attachment: scroll;
    background: url(/img/interview/taichi/img01.webp) 12% center no-repeat;
    background-size: cover;
  }
}
#top .sec_sahara {
  background: url(/img/interview/sahara/img08.webp) left center no-repeat;
  background-size: cover;
}
#top .sec_compuma {
  background: url(/img/interview/compuma/img01.webp) left center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_compuma {
    background: url(/img/interview/compuma/img01_sp.webp) 10% bottom no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  #top .sec_compuma {
    background: url(/img/interview/compuma/img01_sp.webp) 30% bottom no-repeat;
    background-size: cover;
  }
}
#top .sec_uchida {
  background: url(/img/interview/naoyukiuchida/img01.webp) left center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_uchida {
    background: url(/img/interview/naoyukiuchida/img01_sp.webp) 20% center no-repeat;
    background-size: cover;
  }
}
#top .sec_torei {
  background: url(/img/interview/reitaguchi/img09_2_bk.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_torei {
    background: url(/img/interview/reitaguchi/img09_sp.webp) center center no-repeat;
    background-size: cover;
  }
}
#top .sec_dayzero {
  background: url(/img/interview/dayzero/img01.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_dayzero {
    background: url(/img/interview/dayzero/img01.webp) 30% center no-repeat;
    background-size: cover;
  }
}
#top .sec_janka_element {
  background: url(/img/pressrelease/231209/img01.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_janka_element {
    background: url(/img/pressrelease/231209/img01.webp) center center no-repeat;
    background-size: cover;
  }
}
#top .sec_sahara_solo {
  background: url(/img/top/sahara_solo_img01.webp) center center no-repeat;
  background-size: cover;
}
#top .sec_ohkuma_solo {
  background: url(/img/top/ohkuma_solo_img01.webp) center center no-repeat;
  background-size: cover;
}
#top .sec_ohkuma {
  background: url(/img/interview/ohkuma/img02.webp) 0 center no-repeat;
  background-size: cover;
}
#top .sec_baberoots {
  background: url(/img/top/img_baberoots10.webp) center top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_baberoots {
    background-attachment: scroll;
    background-position: 30% top;
    background-size: cover;
  }
}
#top .sec_baberoots_ph {
  background: url(/img/top/img_baberoots.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec_baberoots_ph {
    background-attachment: scroll;
    background-position: 70% top;
    background-size: cover;
  }
}
#top .sec09 {
  background: url(/img/interview/cheque/img01.webp) left center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  #top .sec09 {
    background-attachment: scroll;
    background: url(/img/interview/cheque/img01.webp) 30% center no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  #top .sec09 {
    background-attachment: scroll;
    background: url(/img/interview/cheque/img01.webp) 25% center no-repeat;
  }
}
#top .sec08 {
  background: url(/img/top/70.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec08 {
    background-attachment: scroll;
    background: url(/img/top/70.webp) 13% center no-repeat;
  }
}
#top .sec08 .txt_area {
  width: 100%;
  box-sizing: border-box;
}
#top .sec07 {
  background: url(/img/top/102.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec07 {
    background-attachment: scroll;
  }
}
#top .sec07 .txt_area {
  width: 100%;
  box-sizing: border-box;
}
#top .sec06 {
  background: url(/img/interview/eastaudio/img02.webp) left center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec06 {
    background-attachment: scroll;
    background: url(/img/interview/eastaudio/img02.webp) center bottom no-repeat;
  }
}
#top .sec05 {
  background: url(/img/interview/dubmeetingosaka/img01.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec05 {
    background-attachment: scroll;
  }
}
#top .sec05 .txt_area {
  right: auto;
  left: 0px;
}
#top .sec01 {
  background: url(/img/interview/bs0/img05.webp) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec01 {
    background-attachment: scroll;
    background: url(/img/interview/bs0/img05.webp) right bottom no-repeat;
  }
}
#top .sec04 {
  background: url(/img/interview/hiroshifujiwara/img01.webp) right bottom no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec04 {
    background: url(/img/interview/hiroshifujiwara/img07.webp) 70% center no-repeat;
    background-attachment: scroll;
    background-size: cover;
  }
}
#top .sec04 .txt_area {
  right: auto;
  left: 0px;
}
#top .sec03 {
  background: url(/img/interview/emura/img01.webp) 0% center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec03 {
    background: url(/img/interview/emura/img01.webp) 20% 0px no-repeat;
    background-attachment: scroll;
    background-size: cover;
  }
}
#top .sec02 {
  background: url(/img/release/kodama_ud/bg01_2.webp) center 0px no-repeat #111;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top .sec02 {
    background-attachment: scroll;
  }
}
#top .sec02 .txt_area {
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #top .sec02 .txt_area {
    top: 30%;
  }
}
#top .sec02 h2 {
  font-size: 2rem;
  text-align: center;
  font-family: Futura, Geneva, Arial, sans-serif, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  #top .sec02 h2 {
    font-size: 1.6rem;
  }
}
#top .sec02 h2 span {
  color: #6f6f6f;
}
#top .sec02 .txt01 {
  font-size: 1.8rem;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
}

.sec_com_flex {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.sec_com_flex .sec_com {
  width: 25% !important;
}

.sec_ani {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sec_ani .sec_ani_in {
  width: 30%;
  max-width: 300px;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .sec_ani .sec_ani_in {
    width: 60%;
    max-width: 600px;
  }
}
.sec_ani .sec_ani_in img {
  max-width: 100%;
  height: auto;
}
.sec_ani .sec_ani_in p {
  margin-bottom: 60px;
}
.sec_ani a {
  color: #000 !important;
  width: 100% !important;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  font-size: 14px !important;
}
.sec_ani a:hover {
  background-color: rgb(0, 0, 0) !important;
  color: #fff !important;
}

.sec_ani_bk {
  background-color: #000;
}
.sec_ani_bk a {
  color: #fff !important;
  width: 100% !important;
  border: 1px solid rgb(255, 255, 255) !important;
  background-color: rgb(0, 0, 0) !important;
}
.sec_ani_bk a:hover {
  background-color: rgb(0, 0, 0) !important;
  color: #fff !important;
}
.sec_ani_bk .sec_ani_in p {
  margin-bottom: 20px;
}

.instagram_area {
  margin-bottom: 30px;
}
.instagram_area li:nth-child(n+7) {
  display: none;
}

.btn_com2 {
  color: #000;
  width: 30%;
  max-width: 300px;
  margin: 0px auto;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0);
  font-size: 1.6rem;
  text-align: center;
  padding: 20px;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .btn_com2 {
    width: 50%;
    max-width: 500px;
    padding: 10px;
  }
}
.btn_com2:hover {
  background-color: rgb(0, 0, 0);
  color: #fff !important;
}

.content_2nd_ing {
  padding-bottom: 100px;
}

.sec_top_flex {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec_top_flex .sec_com {
  width: calc(50% - 0px) !important;
}
@media screen and (max-width: 768px) {
  .sec_top_flex .sec_com {
    width: 100% !important;
    height: 50vh !important;
  }
}