.tour__introduce {
  max-width: 770px;
  padding: 5rem 10px; }
  .tour__introduce h1 {
    font-weight: 500;
    color: #3D4F82;
    margin-bottom: 0; }
  .tour__introduce p {
    font-size: 14px;
    margin-bottom: 8px;
    color: #62646D; }
.tour__point {
  margin: 3rem 0 0; }
  .tour__point li {
    display: inline-block;
    margin-right: 3.5rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: #3D4F82; }
    .tour__point li img {
      max-width: 2rem;
      max-height: 2rem;
      margin-right: 8px; }
.tour__content {
  position: relative;
  padding-top: 3rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  .tour__content::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)); }
  .tour__content.grey-bg {
    background-image: linear-gradient(#F3F7FE, rgba(243, 247, 254, 0)); }
  .tour__content .mac-window {
    max-width: 962px;
    margin: 30px 10px -10px;
    box-shadow: 0 5 12px rgba(0, 0, 0, 0.6); }
.tour__title {
  max-width: 720px;
  padding: 0 10px;
  font-size: 14px;
  color: #62646D; }
  .tour__title h1 {
    color: #3D4F82;
    margin-bottom: 0; }
@media (max-width: 767.98px) {
  .tour__introduce {
    padding: 2rem 20px; }
    .tour__introduce h1 {
      font-size: 1.5rem;
      line-height: 1.2;
      margin-bottom: 15px; }
  .tour__point {
    margin-top: 1rem; }
    .tour__point li {
      margin: 10px 1rem 10px 0; }
      .tour__point li img {
        max-width: 20px;
        max-height: 20px; }
  .tour__title {
    padding: 0 20px; }
    .tour__title h1 {
      font-size: 1.5rem; }
  .tour__content .mac-window {
    width: auto;
    margin: 30px 20px -10px; } }