#vision .main_visual{
	background: url(../img/vision-main_visual.jpg)no-repeat center;
}

#vision .main_visual .inner {
    position: absolute;
    top: 100px;
    right: 50px;
}

#vision section{
	text-align: center;
	position: relative;
	margin: 150px 0;
}
#vision h2::before{
	background: url(../../img/index-sec3_ttl.png)no-repeat;
}
section .wrap::before{
	width: 60px;
	height: 60px;
	position: absolute;
	display:inline-block;
	content: "";
	margin-bottom: 50px;
	top: -100px;
	left: 47%;
}

#vision p{
  font-family: A1ゴシック M;
}
#sec1 .wrap::before,
#sec3 .wrap::before{
	background: url(../../common/img/border_broun.png)no-repeat;
}
#sec2 .wrap::before{
	background: url(../../common/img/border_green.png)no-repeat;
}
section h3{
	border-bottom: 1px solid;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

#sec1{
	background: url(../img/vision-sec1_bg.jpg)no-repeat;
	padding: 90px 0;
}
#sec1 .wrap::before{
	top: -190px;
}
#sec1 img{
	position: absolute;
}
#sec1 img:first-child{
	top: -140px;
	left:0;
}

img:nth-of-type(2){
	top: 60px;
	right:0;
}
#sec2 .flexbox{
	margin-top: 70px;
}
#sec2 .flexbox li{
	margin: auto;
}
#vision #sec3{
	background: url(../img/vision-sec3_bg.jpg)no-repeat;
	padding: 110px 0;
	margin: 200px 0 80px;
}
#sec3 p{
	line-height: 2.5;
	font-size:20px;
}
#sec3 .wrap::before{
	top: -240px;
}
@media screen and (max-width:966px){
  #sec2 .flexbox li {
    margin: auto;
    width: 24%;
}
#sec2 .flexbox li img{
  width: 100%;
}

}
@media screen and (max-width:767px){
  #vision section {
      text-align: center;
      position: relative;
      margin: 26vw 0;
  }
  #vision h2::before {
    background: url(../../img/index-sec3_ttl.png)no-repeat;
    background-size: 26vw;
}
  #vision .main_visual {
    background: url(../img/vision-main_visual.jpg)no-repeat center top;
    background-size: 160vw;
    height: 100vw;
}
#vision .main_visual .inner {
    position: absolute;
    top: 67vw;
    right: auto;
    left: 5%;
    font-size: 0;
}
section .wrap::before {
  height: 10vw;
  width: 10vw;
      left: 45vw;
}
#sec1 .wrap::before {
    top: -38vw;
    background-size: 10vw;

}
#sec1 img{
    width: 30vw;
}
#sec1 img:first-child{
    left: 1.5vw;
    top: -37vw;
}
#sec1 img:nth-of-type(2) {
    top: 37vw;
    right: 1.5vw;
}
#vision section h3 {
    padding-bottom: 2vw;
    margin-bottom: 4vw;
    padding-left: 0;
    font-size:4.5vw;
}
#sec1 {
    background: url(../img/vision-sec1_bg_sp.jpg)no-repeat;
    padding: 17vw 0;
    background-size: cover;
}

#sec2 .wrap::before {
    background: url(../../common/img/border_green.png)no-repeat;
    background-size: 10vw;
    top: -14vw;
}
#vision #sec2 {
    margin-top: 30vw;
}
#vision #sec2 h3 {
    display: inline;
    line-height: 9vw;
}
#vision #sec2 p{
      margin-top: 5vw;
}
#sec2 .flexbox {
    margin-top: 7vw;
    padding: 0 2vw;

}
#sec2 .flexbox li {
    margin: auto;
    width: 47vw;
    margin-bottom: 1vw;
}
#sec3 p {
    line-height: 2.5;
    font-size: 4vw;
}
#vision #sec3 {
    background: url(../img/vision-sec3_bg_sp.jpg)no-repeat;
    padding: 12vw 0px;
    margin: 26vw 0 12vw;
    background-size: cover;
}
#sec3 .wrap::before{
  background-size: 10vw;
  top: -27vw;
}
}