#header .visual {
  background: url(../../_images/index/visual-bg.jpg) center center /cover no-repeat;
}

@media (max-width:736px) {
  #header .visual {
    display: none;
  }
}

#main .bnr {
  margin: 1em auto 0;
  text-align: center;
}

#main .description {
  padding: 60px 0 130px;
}

#main .description .body {
  max-width: 820px;
}

#main .description .title {
  text-align: center;
  margin-bottom: 2em;
}

#main .description .align-c {
  margin-top: 2em;
}

@media (max-width:736px) {
  #main .description {
    padding: 50px 0;
  }
  #main .description .title img {
    width: 76.4%;
  }
  #main .description .align-c img {
    width: 58.8%;
  }
}

#main .blog .header {
  position: relative;
  margin-bottom: 30px;
}

#main .blog .header .btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media (max-width:736px) {
  #main .blog .header {
    margin-bottom: 20px;
  }
  #main .blog .header .btn {
    width: 80px;
  }
}

#main .topics {
  padding-top: 100px;
}

#main .topics .header {
  position: relative;
  margin-bottom: 30px;
}

#main .topics .header .btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media (max-width:736px) {
  #main .topics {
    padding-top: 50px;
  }
  #main .topics .header {
    margin-bottom: 20px;
  }
  #main .topics .header .btn {
    width: 80px;
  }
}

#main .nav {
  padding-top: 100px;
  padding-bottom: 0;
}

@media (min-width:737px) {
  #main .nav .item {
    width: 28.18%;
  }
}

#main .nav .item .title-1 {
  margin-bottom: 1.5em;
}

#main .nav .item .photo {
  text-align: center;
}

#main .nav .item .inner {
  padding: 0 10px;
}

#main .nav .item .inner .btn {
  text-align: center;
}

@media (max-width:736px) {
  #main .nav {
    padding-top: 50px;
  }
  #main .nav .item ~ .item {
    margin-top: 30px;
  }
}

#main .youtube {
  padding: 60px 0;
}
#main .youtube .btn {
  text-align: center;
}


#main .youtube .images {
  text-align: center;
}

@media (min-width:737px) {
  #main .youtube .layout-flex-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  #main .youtube .images {
    flex: 0 0 277px;
  }
  #main .youtube .content {
    flex: auto;
    padding-left: 40px;
  }
  #main .youtube .content .btn {
    margin-top: 2em;
  }
  #main .service .layout-flex-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}




