@charset "UTF-8";
/*
	Filename: scene
	Version: 1.0.1
*/
/*-----------------------------------------------------
	sec#scene 共通
------------------------------------------------------*/
#scene_mv {
  padding-top: 80px;
}
#scene_mv img {
  width: 100%;
  height: 330px;
  object-fit: cover;
}
#breadcrumbs {
  width: 1300px;
  position: relative;
  top: 0;
  margin: -80px auto 0;
  padding: 26px 30px 30px;
  background: #fff;
}
.bread_reset {
  width: 100% !important;
  top: 80px !important;
  margin: 0 auto 0px !important;
  padding: 22px 30px !important;
}
#title_area.scene-index {
  margin: 191px 0 81px;
}
#title_area {
  margin: 10px 0 81px;
}
#title_area img {
  margin-top: 102px;
}
#title_area p {
  line-height: 1.95;
}
@media screen and (max-width: 1350px) {
    #breadcrumbs {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 900px) {
  /*-----------------------------------------------------
  sec#scene 共通
------------------------------------------------------*/
  .bread_reset {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 750px) {
  #scene_mv {
    padding-top: 0;
  }
  #breadcrumbs {
      margin: -68px auto 0;
      padding: 16px 16px 32px;
  }
  .bread_reset {
      top: 16.333vw !important;
      line-height: 1.3;
  }
  #title_area {
      margin: 15.667vw 0;
  }
  #title_area img {
      margin-top: 10.667vw;
  }
  #title_area.scene-index {
      margin: 22.222vw 0;
  }
}


#scene_link {
  padding: 10px 0 132px;
}
#scene_link h2 {
  margin-bottom: 29px;
  padding-top: 18px;
  font-size: 1.8rem;
  color: #002e6d;
  border-top: 1px solid #002e6d;
}
#scene_link .wrap {
  margin-bottom: 80px;
}
#scene_link .wrap:last-child {
  margin-bottom: 0;
}
#scene_link .wrap ul.flex::after {
  width: 32.4%;
  display: block;
  content: "";
}
#scene_link .wrap ul li a {
  display: block;
  margin-bottom: 20px;
  padding: 14.5px 20px;
  font-size: 1.8rem;
  border: 1px solid #050000;
}
#scene_link .wrap ul li a:hover {
  border: 1px solid #050000;
  background: #002e6d;
  color: #fff;
  opacity: 1;
}

/*-----------------------------------------------------
	sec#scene_index
------------------------------------------------------*/
#scene_index {
  position: relative;
  margin-top: 141px;
  margin-bottom: 140px;
}
#scene_index img {
  width: 100%;
  margin-bottom: 140px;
}
a {
  text-decoration: none;
}
.text-title {
  position: absolute;
  top: 9%;
  left: 33.5%;
}
.popovers-body {
  width: 100%;
}
.arrow_box {
  display: block;
  width: 22vw;
  position: relative;
  border: 2px solid #75c3b0;
  padding: 10px;
  border-radius: 6px;
  color: #4D4D4D;
}
.arrow_box {
  font-size: 15rem;
  text-align: center;
  background-color: #75c3b0;
}
.arrow_box div {
  display: block;
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.popovers-body h2 {
  font-size: 2.8rem;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.popovers-body p {
  font-size: 1.8rem;
  margin-bottom: 1em;
}
.popovers-body h2,
.popovers-body p {
  color: white
}
.popovers-body p {
  position: relative;
  color: white;
  border: 1px solid white;
  padding: 4%;
  font-size: 1.1vw;
  max-width: 250px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  transition: 0.5s;
}
.popovers-body p::after {
  content: url("../img/common/w_link_arrow.png");
  position: absolute;
	top: calc(50% + 2px);
	right: 20px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.text-title {
  display: none;
}
.arrow_box .custom::before {
  border-width: 0;
}

@media screen and (max-width:1200px) {
  .popovers-body h2 {
      font-size: 1.8vw;
  }
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	レスポンシブ
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  #scene_link {
    padding: 2.222vw 0 10vw;
  }
  #scene_link h2 {
    margin-bottom: 6.444vw;
    padding-top: 4vw;
    font-size: 3.733vw;
  }
  #scene_link .wrap {
    margin-bottom: 15.778vw;
  }
  #scene_link .wrap ul.col3 li {
    width: 100%;
  }
  #scene_link .wrap ul.flex::after {
    display: none;
  }
  #scene_link .wrap ul li a {
    margin-bottom: 4.444vw;
    padding: 3.222vw 4.444vw;
    font-size: 3.733vw;
  }
  /*-----------------------------------------------------
  sec#scene_index
------------------------------------------------------*/
  #scene_index {
    margin-top: 20vw;
    margin-bottom: 20vw;
  }
  #scene_index img {
    margin-bottom: 10vw;
  }
}