@charset "UTF-8";
:root {
  --bg_orange: #FC593D;
  --text-orange: #FA6F03;
  --bg-orange_02: #FA9703;
  --line_yellow_01: #FFC639cc;
  --line_yellow_02: #FFEB39cc;
  --text_black: #222222;
  --green_01: #316634;
  --green_02: #4DA306;
  --green_03: #B8FF7F;
  --green_04: #ECF5E5;
}


img {
  width: 100%;
  display: block;
}

/* ------------------------------------
　mv 背景部分
------------------------------------ */
#top-mv .mv__inner {
   background: url("../img/top/img_mv-kaitori-top_bk.png") center center/cover repeat;
   width: 100%;
   height: clamp(200px, 30vw, 370px);
   position: relative;
}
@media screen and (max-width: 767px) {
  #top-mv .mv__inner {
   background: url("../img/top/img_mv-kaitori-top_bk.png") center center/cover no-repeat;
   width: 100%;
   height: clamp(150px, 30vw, 370px);
   position: relative;
  }
}

/* ------------------------------------
　mv 文字と人物部分
------------------------------------ */
.mv-txt-img{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-45%);
  width: 70%;
  max-width: 912px;
} 
@media screen and (max-width: 450px) {
  .mv-txt-img{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-45%);
  width: 90%;
  max-width: 450px;
  } 
}
@media screen and (max-width: 350px) {
  .mv-txt-img{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-45%);
  width: 95%;
  max-width: 350px;
  } 
}