@charset "UTF-8";

/* seasonsの設定 */

body {
  background-image: url(../img/seasons/body/body.png);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: right top;
}

@media screen and (min-width: 768px) {
  .none_pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .none_phone {
    display: none;
  }
}

.Text_box {
  width: 100%;
  position: relative;
}

/* ---------------------------------------------
移住者の声ページ情報
---------------------------------------------*/
#about {
  width: 100%;
  padding-top: 262px;
}

#about .img1 {
  width: 30%;
  margin: 0 auto 60px;
  display: block;
}

#about .img2 {
  width: 42.5%;
  margin: 0 auto 70px;
  display: block;
}

.main_Immigrant #container1,
.main_Immigrant #container2,
.main_Immigrant #container3,
.main_Immigrant #container4 {
  width: 100%;
  margin-bottom: 10vw;
  position: relative;
}

.main_Immigrant #container4 {
  margin-bottom: 18vw;
}

.main_Immigrant main .Text_box {
  width: 68%;
  margin: 0 auto 3.5vw;
}

@media screen and (max-width: 767px) {
  #about {
    width: 100%;
    padding-top: 150px;
  }

  #about .img1 {
    width: 46.41%;
    margin: 0 auto 50px;
  }

  #about .img2 {
    display: none;
  }

  .main_Immigrant #container4 {
    margin-bottom: 30vw;
  }

  .main_Immigrant main .Text_box {
    width: 82.65%;
    margin: -30px auto 7vw;
  }
}

/* ---------------------------------------------
#container1
---------------------------------------------*/
.main_Immigrant #container1 .name {
  width: 14.61%;
}

.main_Immigrant #container2 .name {
  width: 20.05%;
}

.main_Immigrant #container3 .name {
  width: 18%;
}

.main_Immigrant #container4 .name {
  width: 17.27%;
}

.main_Immigrant .name {
  margin: 0 auto 2vw;
}

.main_Immigrant .btn_1 {
  width: 16.38%;
  margin: 0 auto;
  position: relative;
  transition: 0.2s;
}

.main_Immigrant .btn_1:hover {
  filter: brightness(85%);
}

.main_Immigrant .btn_1 img {
  z-index: 1;
}

.main_Immigrant .btn_1 .btn_1_2 {
  display: none;
}

.main_Immigrant .btn_1::after {
  content: ' ';
  width: 100%;
  height: 100%;
  background-image: url(../img/Immigrant/body/jump_l_b.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 6px;
  left: -6px;
  z-index: -1;
  opacity: 1;
  transition: 0.2s;
}

.main_Immigrant .btn_1:hover::after {
  content: ' ';
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .main_Immigrant #container1 .name {
    width: 37.55%;
  }

  .main_Immigrant #container2 .name {
    width: 60.7%;
  }

  .main_Immigrant #container3 .name {
    width: 44.74%;
  }

  .main_Immigrant #container4 .name {
    width: 43.87%;
  }

  .main_Immigrant .name {
    margin: 0 auto 5vw;
  }

  .main_Immigrant .btn_1 .btn_1_1 {
    display: none;
  }

  .main_Immigrant .btn_1 .btn_1_2 {
    display: inline;
  }

  .main_Immigrant .btn_1 {
    width: 40%;
    margin: 0 auto;
    position: relative;
  }
}
/* ---------------------------------------------
#container_textの設定
---------------------------------------------*/
.main_Immigrant .container_text1,
.main_Immigrant .container_text2,
.main_Immigrant .container_text3,
.main_Immigrant .container_text4 {
  width: 100%;
}

.main_Immigrant .container_text1 img,
.main_Immigrant .container_text2 img,
.main_Immigrant .container_text3 img,
.main_Immigrant .container_text4 img {
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .main_Immigrant .container_text1,
  .main_Immigrant .container_text2,
  .main_Immigrant .container_text3,
  .main_Immigrant .container_text4 {
    display: none;
  }
}