@charset "utf-8";
/* VISION CSS */
#contents .idx-vision {
  background: url(../images/vision/index_bg_section_01@2x.jpg) no-repeat center bottom/cover;
}
@media (min-width: 768px) {
  #contents .idx-vision {
    background: url(../images/vision/index_bg_section_01@2x.jpg) no-repeat center bottom/cover;
  }
}
@media (min-width: 1200px) {
  #contents .idx-vision {
    padding: 140px 0 140px 0;
    height: 600px;
    background: url(../images/vision/index_bg_section_01@2x.jpg) repeat left top/cover;
  }
}
@media (min-width: 1200px) {
  #contents .idx-vision__textwrap {
    max-width: 700px;
  }
}
.introduction {
  margin-bottom: 140px;
}
.introduction img {
  width: 100%;
  height: auto
}
.introductionBox p {margin-bottom: 0}
.introduction .btn {
  padding: 0.5rem 4rem;
  font-size: 1rem;
  margin-top: 40px;
}
.introduction .fL {
  width: 50%;
  height: 550px;
}
.introduction .fR {
  width: 50%;
  height: 550px;
}
.introduction .txBox {
  padding: 140px 50px
}
.introduction .imgBox01 {
  background-image: url(../images/vision/index_ph01@2x.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.introduction .imgBox02 {
  background-image: url(../images/vision/index_ph02@2x.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#contents .idx-cts {
  padding-top: 0px;
}
@media (max-width: 768px) {
  #contents .idx-vision__textwrap {
    text-align: left
  }
  .introduction {
    margin-bottom: 60px;
  }
  .introductionBox.box02 .mt40 {margin-top: 30px}
  .introduction .btn {
	padding: 0.5rem 4rem;
	font-size: 1rem;
	margin-top: 30px;
	display: block;
  }
  .introduction .fL {
    width: 100%;
    height: 320px;
  }
  .introduction .fR {
    width: 100%;
    height: 320px;
  }
  .introduction .txBox {
	height: auto;
	padding: 30px 4% 60px
  }
  #contents .idx-cts {
    padding-top: 0px;
  }
}