.box {
  margin: 0 0 100px 0;
  border: 1px solid #2F46FF;
}
.box h2 {
  line-height: 1;
  border-bottom: 1px solid #2F46FF;
}
.box .content .photo {
  margin: 30px 0 0 30px;
}
.box .content .text {
  width: 612px;
  padding: 37px 0 23px 0;
}
.box .content .text h3 {
  margin: 0 0 24px 4px;
}
.box .content .text .txt {
  width: 530px;
}
.box .content .text h4 {
  margin: 72px 0 22px 0;
  line-height: 0;
  border-bottom: 1px solid #2F46FF;
}
.box .content .text .txt2 {
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.05em;
  width: 610px;
}
#sec1 {
  margin: 100px 0;
}
#sec1 .content .text h4 {
  margin: 36px 0 22px 0;
}
#sec2 .content .photo {
  margin: 15px 0 0 -5px;
}
#sec3 .content .photo {
  margin: -15px 0 0 30px;
}
#sec4 .content .photo {
  margin: 5px 0 0 30px;
}
@media only screen and (max-width: 1200px) {
  section .btn img {
    width: 100%;
    height: auto;
  }
  .box h2 img {
    width: auto;
    height: 40px;
  }
  .box .photo {
    max-width: calc(100% - 650px);
  }
  .box .photo img {
    width: 100%;
    height: auto;
  }
  #sec2 .content .photo {
    margin: 15px 0 0 5px;
    max-width: calc(100% - 655px);
  }
  #sec3 .content .photo {
    margin: 0 0 0 30px;
    max-width: calc(100% - 680px);
  }
  #sec4 .content .photo {
    margin: 10px 0 0 30px;
    max-width: calc(100% - 644px);
  }
  #sec5 .content .photo {
    max-width: calc(100% - 642px);
  }
}
@media only screen and (max-width: 768px) {
  .box {
    margin: 0 0 50px 0;
  }
  .box h2 img {
    height: 11.2vw;
  }
  .box .content .photo {
    max-width: 100%;
    margin: 4vw 1.5vw 0 4vw;
  }
  .box .content .text {
    width: 96%;
    padding: 30px 0 30px 0;
    margin: 0 0 0 auto;
  }
  .box .content .text h3 {
    margin: 0 0 20px 0;
  }
  .box .content .text h3 img {
    width: auto;
    height: 17vw;
  }
  .box .content .text .txt {
    width: 96%;
  }
  .box .content .text h4 {
    margin: 30px 0 15px 0;
  }
  .box .content .text h4 img {
    height: 3vw;
    width: auto;
  }
  .box .content .text .txt2 {
    font-size: 10px;
    line-height: 26px;
    width: 96%;
  }
  #sec1 {
    margin: 50px 0;
  }
  #sec1 .content .text h4 {
    margin: 30px 0 15px 0;
  }
  #sec2 .content .photo {
    margin: 1vw 4vw 0 -2vw;
    max-width: 100%;
  }
  #sec2 .content .text h3 img {
    width: auto;
    height: 8vw;
  }
  #sec3 .content .photo {
    margin: -4vw 4vw 0 4vw;
    max-width: 100%;
  }
  #sec3 .content .text h3 img {
    width: auto;
    height: 8vw;
  }
  #sec4 .content .photo {
    margin: -3vw 4vw 0 4vw;
    max-width: 100%;
  }
  #sec4 .content .text h3 img {
    width: auto;
    height: 8vw;
  }
  #sec5 .content .photo {
    margin: 4vw 4vw -5vw 4vw;
    max-width: 100%;
  }
}