@charset "utf-8";
@media screen and (min-width: 820px) {
  .mainvisual{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .carousel{
    height: 50vh;
    width: 70vw;
  }
  h1{
    font-size: 220%;
    letter-spacing: 1px;
    margin: 20px auto 50px;
  }
  .lead{
    padding: 0 10px 60px;
    margin-bottom: 60px;
  }
  .lead .text{
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
  }
  .lead .text span{
    font-size: 160%;
    line-height: 1.5;
    margin-bottom: 16px;
  }
  .link-list{
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
  }
  .link-list ul{
    width: 100%;
    justify-content: space-between;
    margin-bottom: 120px;
  }
  .link-list li{
    width: calc(50% - 10px) !important;
    margin-bottom: 20px !important;
  }
  .link-list ul li:nth-last-of-type(odd){
    margin: 0;
  }
  .link-list li > div{
    position: absolute;
    top: 0;
    z-index: 10;
    padding: 10px 20px;
    background: #ffffffdb;
    transition: 0.3s all;
  }
  .link-list li:hover > div{
    padding: 30px 50px;
  }
  .link-list ul li:nth-last-of-type(odd) div{
    right: 0;
  }
  .link-list li a{
    position: relative;
    z-index: 0;
  }
}