@charset "utf-8";

/* #cont0 */
#cont0{
  padding-top:min(7%,70px);
  display:inline-block;
  text-align:left;
}
#cont0 p{
  margin-top:7%;
  letter-spacing:0.1em;
}

@media screen and (max-width:768px){
  #cont0{
    width:84%;
    padding-top:min(7%,70px);
  }
  #cont0 p{
    line-height:2.1;
    margin-top:5%;
    letter-spacing:0;
  }
}


/* .cont */
.cont .tit3{
  text-indent:-0.1em;
}


/* .flex_wrapper */
.flex_wrapper .fig{
  width:min(44%,572px);
}
.flex_wrapper .fig figure{
  display:inline-block;
}

@media screen and (max-width:768px){
  .flex_wrapper{
    width:100%;
  }
  .flex_wrapper section{
    padding-left:8%;
    padding-right:8%;
  }
  .flex_wrapper .fig{
    width:auto;
  }
  .flex_wrapper .fig figure{
    display:block;
  }
}


/* #cont1 */
#cont1{
}
#cont1 .flex_wrapper .fig{
  text-align:right;
  overflow:visible;
}
#cont1 .flex_wrapper figure:nth-child(2){
  width:65%;
  margin-top:-15%;
  transform:translateX(150%);

}
#cont1 .flex_wrapper figure:nth-child(3){
  width:105%;
  margin-top:-7%;
  transform:translateX(50%);
}

@media screen and (max-width:768px){
  #cont1 .flex_wrapper figure:nth-child(1){
    width:65%;
  }
  #cont1 .flex_wrapper figure:nth-child(2){
    width:100%;
    margin-top:-5%;
    transform:translateX(-10%);
  }
  #cont1 .flex_wrapper figure:nth-child(2) img{
    width:40%;
  }
  #cont1 .flex_wrapper figure:nth-child(3){
    width:100%;
    margin-top:0%;
    transform:none;
    text-align:center;
  }
  #cont1 .flex_wrapper figure:nth-child(3) img{
    width:65%;
  }
}


/* #cont2 */
#cont2{
}
#cont2 .flex_wrapper .fig{
  text-align:left;
  overflow:visible;
}
#cont2 .flex_wrapper .fig figure:nth-child(2){
  width:72%;
  margin-top:-15%;
  transform:translateX(-120%);
}

@media screen and (max-width:768px){
  #cont2 .flex_wrapper .fig figure:nth-child(1){
    width:100%;
    text-align:right;
  }
  #cont2 .flex_wrapper .fig figure:nth-child(1) img{
    width:58%;
  }
  #cont2 .flex_wrapper .fig figure:nth-child(2){
    width:100%;
    margin-top:-15%;
    transform:translateX(15%);
  }
  #cont2 .flex_wrapper .fig figure:nth-child(2) img{
    width:37%;
  }
}



/* #cont3 */
#cont3{
}
#cont3 .flex_wrapper .fig{
  text-align:right;
  overflow:visible;
}
#cont3 .flex_wrapper figure:nth-child(2){
  width:90%;
  margin-top:-25%;
  transform:translateX(118%);
}
#cont3 .flex_wrapper figure:nth-child(3){
  width:66%;
  margin-top:-70%;
  transform:translateX(20%);
}

@media screen and (max-width:768px){
  #cont3 .flex_wrapper figure:nth-child(1){
    width:100%;
    text-align:center;
  }
  #cont3 .flex_wrapper figure:nth-child(1) img{
    width:58%;
  }
  #cont3 .flex_wrapper figure:nth-child(2){
    width:100%;
    margin-top:-15%;
    transform:none;
  }
  #cont3 .flex_wrapper figure:nth-child(2) img{
    width:56%;
  }
  #cont3 .flex_wrapper figure:nth-child(3){
    width:100%;
    margin-top:-20%;
    transform:translateX(12%);
    text-align:left;
  }
  #cont3 .flex_wrapper figure:nth-child(3) img{
    width:40%;
  }
}