body#index .c-breadcrumb {
  display: none; }
body#index .c-main-area#main-area {
  margin-top: 20px; }
  @media only screen and (max-width: 769px) {
    body#index .c-main-area#main-area {
      margin-top: 10px; } }
  body#index .c-main-area#main-area:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-color: #4da177;
    background-image: url("../img/index/visual_lg_01.jpg");
    background-position: center center;
    max-width: 940px;
    height: 350px;
    background-size: cover; }
    @media only screen and (max-width: 769px) {
      body#index .c-main-area#main-area:before {
        max-width: 769px;
        background-image: url("../img/index/visual_sm_01.jpg");
        margin-right: -10px;
        margin-left: -10px; } }
    @media only screen and (max-width: 480px) {
      body#index .c-main-area#main-area:before {
        max-width: 480px;
        height: 200px;
        background-image: url("../img/index/visual_xs_01.jpg");
        margin-right: -10px;
        margin-left: -10px; } }
  body#index .c-main-area#main-area main, body#index .c-main-area#main-area aside {
    margin-top: 50px; }
body#index .topics {
  border-top: solid 5px #4da177;
  padding-top: 10px; }
  @media only screen and (max-width: 480px) {
    body#index .topics {
      padding-top: 0; } }
  body#index .topics .frame {
    height: 730px;
    margin-left: 18px;
    overflow: auto; }
    @media only screen and (max-width: 480px) {
      body#index .topics .frame {
        margin-left: 0; } }