@charset "UTF-8";

/*----------------------------------------------------
contain
----------------------------------------------------*/

.contain {
  margin: 0 5%;
  padding: 7% 0;
  border-top: solid 2px #dddddd;
}
.contain:first-child {
  border-top: none;
}
.contain h2 {
  margin: 0 auto;
  max-width: 748px;
}
#difference.contain h2 {
  max-width: 778px;
}
.contain .text {
  color: #545454;
  font-size: 14px;
  line-height: 1.666;
  margin-top: 20px;
}
.contain .text em {
  color: #d63d7d;
}
.contain .image {
  margin-top: 20px;
  text-align: center;
}
.contain .image img {
  max-width: 798px;
}
.return {
  margin: 0 5%;
  padding: 0 0 5% 0;
  text-align: right;
}
.return img {
  max-width: 56px;
}
@media screen and (min-width: 641px) {
  .contain {
    margin: 0 10%;
    padding: 6% 0 8%;
    overflow: hidden;
  }
  .contain .text {
    font-size: 15px;
    margin-top: 7%;
    letter-spacing: 0.08em;
  }
  .contain .image {
    margin-top: 7%;
  }
  .return {
    margin: 0 3.4%;
    padding: 0 0 5% 0;
  }
  .return img {
    max-width: 67px;
  }
  .return a {
    opacity: 1;
  }
  .return a:hover {
    opacity: 0.8;
    -webkit-animation: anmArrow ease-out 0.4s;
    animation: anmArrow ease-out 0.4s;
  }
  @-webkit-keyframes anmArrow {
    0%{
      opacity: 0.4;
      margin-right: 0;
    }
    50%{
      opacity: 0.6;
      margin-right: 7px;
    }
    100%{
      opacity: 0.8;
      margin-right: 0;
    }
  }
  @keyframes anmArrow {
    0%{
      opacity: 0.4;
      margin-right: 0;
    }
    50%{
      opacity: 0.6;
      margin-right: 7px;
    }
    100%{
      opacity: 0.8;
      margin-right: 0;
    }
  }
}
@media screen and (min-width: 1064px) {
  .contain {
    border-top: solid 3px #dddddd;
  }
}