/* Scss Document */
/* Scss Document */
#mv {
  background: url("../images/index/mv_bg.jpg") top center no-repeat;
  background-size: cover;
}
#mv .inner {
  position: relative;
  height: calc(100vh - 66px);
}
#mv p {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.more {
  width: 150px;
  height: 30px;
  margin: 0 auto;
  padding-right: 2em;
  background: url("../images/index/more_arrow.png") top 50% right 40px no-repeat;
  border: #00CA60 1px solid;
  color: #00CA60;
  font-size: 11px;
  line-height: 30px;
  text-align: center;
}

.contents_nav {
  margin-top: -30px;
  padding-bottom: 60px;
}
.contents_nav .contents_nav_list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
}
.contents_nav .contents_nav_list li {
  width: 360px;
  padding: 50px 40px 60px;
  background: #FFF;
  text-align: center;
}
.contents_nav .contents_nav_list li a {
  display: block;
}
.contents_nav .contents_nav_list .contents_nav_ttl {
  margin-bottom: 30px;
}
.contents_nav .contents_nav_list .contents_nav_ttl .jp {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .2em;
  text-indent: .2em;
}
.contents_nav .contents_nav_list .contents_nav_img {
  margin-bottom: 30px;
}

.index_content .content_wrap {
  margin-bottom: 80px;
  padding: 0;
}
.index_content .inner {
  position: relative;
  height: 639px;
}
.index_content .text_area {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 450px;
  padding: 50px 35px 60px;
  background: #FFF;
  z-index: 999;
}
.index_content .text_area a {
  display: block;
}

#business .content_wrap {
  background: url("../images/index/business_bg.png") top center no-repeat;
}
#business .text_area {
  left: 0;
}

#company .content_wrap {
  background: url("../images/index/company_bg.png") top center no-repeat;
}
#company .text_area {
  right: 0;
}

#information .content_wrap {
  margin-bottom: 80px;
  padding: 80px 0;
}
#information .inner {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  justify-content: space-between;
}
#information .lttl_A {
  order: 2;
  width: 420px;
  margin-bottom: 0;
}
#information .info_list {
  order: 1;
  width: 700px;
  margin-left: 50px;
}
#information .info_list li {
  clear: both;
  overflow: hidden;
  padding: .5em 0;
  border-bottom: #000 1px dotted;
}
#information .info_list li:first-child {
  border-top: #000 1px dotted;
}
#information .info_list li a {
  display: block;
}
#information .info_list li date {
  float: left;
}
#information .info_list li .info_ttl {
  padding-left: 10em;
}

@media screen and (max-width: 640px) {
  #mv {
    background: url("../images/index/mv_sp_bg.jpg") top center no-repeat;
    background-size: cover;
  }
  #mv .inner {
    height: 111.0526315789vw;
  }
  #mv p {
    width: 67.6315789474vw;
    top: 5.9210526316vw;
    left: 2.6315789474vw;
    transform: translate(0, 0);
  }

  .more {
    width: 100%;
    height: auto;
    border: none;
    background: url("../images/index/more_arrow.png") top 50% right 5.2631578947vw no-repeat;
    background-size: 1.7105263158vw;
    font-size: 2.6315789474vw;
    line-height: 2.0;
  }

  .contents_nav {
    margin: 0;
    padding: 5.2631578947vw 0;
  }
  .contents_nav .contents_nav_list li {
    width: 28.9473684211vw;
    border: #CCC 2px solid;
    padding: 1.3157894737vw 2.6315789474vw;
  }
  .contents_nav .contents_nav_list .contents_nav_ttl {
    margin-bottom: 0;
  }
  .contents_nav .contents_nav_list .contents_nav_ttl .en {
    line-height: 1.0;
  }
  .contents_nav .contents_nav_list .contents_nav_ttl .en img {
    width: 60%;
  }
  .contents_nav .contents_nav_list .contents_nav_ttl .jp {
    font-size: 3.9473684211vw;
  }
  .contents_nav .contents_nav_list .contents_nav_img {
    margin-bottom: 0;
  }

  .index_content .content_wrap {
    margin-bottom: 0;
  }
  .index_content .inner {
    height: 65.7894736842vw;
  }
  .index_content .text_area {
    width: 59.2105263158vw;
    padding: 4.6052631579vw;
  }
  .index_content .text_area .more {
    width: 19.7368421053vw;
    border: #00CA60 1px solid;
  }

  #business .content_wrap {
    background: url("../images/index/business_sp_bg.png") top center no-repeat;
    background-size: auto 100%;
  }
  #business .text_area {
    left: 3.9473684211vw;
  }

  #company .content_wrap {
    background: url("../images/index/company_sp_bg.png") top center no-repeat;
    background-size: auto 100%;
  }
  #company .text_area {
    right: 3.9473684211vw;
  }

  #information .content_wrap {
    margin-bottom: 0;
    padding: 6.5789473684vw 0;
  }
  #information .inner {
    display: block;
  }
  #information .lttl_A {
    width: 50vw;
    margin: 0 auto 6.5789473684vw;
  }
  #information .lttl_A .en {
    width: 50vw;
  }
  #information .info_list {
    width: 100%;
    margin: 0;
  }
  #information .info_list li .info_ttl {
    padding-left: 6em;
  }
}