@charset "UTF-8";

.content{
  width: 70vw;
  margin: 0 auto;
}
.text{
  width: 45vw;
  margin-top: 53px;
}
.text p, .ex{
  line-height: 25px;
}
.title{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}
.japanese{
  margin-bottom: 45px;
}
.english{
  margin-bottom: 58px;
}
.photo img{
  margin-bottom: 2vw;
}
.max img{
  width: 70vw;
}
.half img{
  width: 34vw;
}
.photo{
  margin-bottom: 48px;
}
.ex span{
  font-weight: bold;
  margin-right: .5em;
}
.next p{
  font-size: 20px; 
  margin-top: 200px;
}
.next{
  position: relative;
}
/*斜線*/
hr{
  width: 100px;
  transform: rotate(130deg);
  position: absolute;
  top: 190px;
  left: -61px;
}

/* 画像スクロールフェードイン */
.fadeIn {
  transition: 2s;
  opacity: 0;
}
.fadeIn.animated {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .content,.text,.max img,.half img{
    width: auto;
  }
  .text{
    margin: 40px 15px 0 15px;
  }
  header{
    margin-bottom: 0px;
  }
  .next p{
    margin: 320px 15px 0 0;
  }
  hr{
    width: 80px;
    transform: rotate(130deg);
    position: absolute;
    top: 310px;
    left: -48px;
  }
  .ex{
    margin: 0 15px;
  }
  .ex_flex{
    display: flex;
  }
  
}