@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

    #mv .bg{
        position: relative;
        width: 100%;
        height: 100%;
    }
    #mv .video{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }
    #mv .video video{
        position: absolute;
        top: 0;
        left: 50%;
        object-fit: cover;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
    } 


    .slider li{
      margin-left:0.5rem;
      margin-right:0.5rem;
    }
    .slider_h2{
      font-size: 1.6rem;
      letter-spacing: 0;
      margin-bottom: 2rem;
      font-family: 'Noto Sans JP',sans-serif;
      font-weight:500;
      text-align: left;
    }

    .slider_p{
      font-size: 1.4rem;
      line-height: 1.6;
      font-family: 'Noto Sans JP',sans-serif;
      font-weight:400;
    }

    .slider_txtbox{
      position:relative;
      left:0;
      top:0;
      background:#404040;
      color:#fff;
      width:100%;
      padding:2.5rem 2rem 0;
      height:11rem;
      overflow: hidden;
    }
    #top_slidersection ul{
      margin-top:1rem
    }
    #top_slidersection ul.slick-dots{
      position:relative;
      margin-top:3rem !important;
    }

    .slick-dotted.slick-slider{
      padding-bottom:4rem;
    }

    .slick-dots li button:before{
      color:#ddd;
    }
    .slick-dots li.slick-active button:before{
      color:#75b1cb;
    }
    
    #top_infosection{
    width:1240px;
    margin:5% auto;
    background: }

    #top_infosection ul.top_infosection_pickup{
      margin:0;
      padding:0;
      background: #fff;
    }

    #top_infosection .top_infosection_pickup li{
      display:flex;
      width:100%;
    }

    #top_infosection .top_infosection_pickup .img_box{
      width: 34%;
    }
    #top_infosection .top_infosection_pickup .img_box figure{
      width:100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
    }

    #top_infosection .top_infosection_pickup .text{
      width: 66%;
      position: relative;
      padding:2rem 2rem 0 4rem;
    }

    #top_infosection .top_infosection_pickup h3{
      font-size:2.6rem;
      font-family: 'Noto Sans JP',sans-serif;
      font-weight:500;
      margin-bottom:3rem;
    }
    #top_infosection .top_infosection_pickup p{
      font-size:1.6rem;
      font-family: 'Noto Sans JP',sans-serif;
      font-weight:400;
      white-space: pre-line;
    }
    #top_infosection .top_infosection_pickup p span{
      color:#999;
    }
    #top_infosection .top_infosection_pickup .top_infosection_date{
      position:absolute;
      bottom:2rem;
      left:4rem;
      color:#a5a5a5;
    }

    #top_infosection ul.top_infosection_news {
      display:flex;
      justify-content:space-between;
      width:100%;
      padding:0;
      margin-top:3rem;
      list-style-type: none;
    }

    #top_infosection ul.top_infosection_news li {
      margin:0;
      padding:0;
      width:24%;
      font-family: 'Noto Sans JP',sans-serif;
    }
    #top_infosection ul.top_infosection_news li .img_box{
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      margin-top:2rem;
    }
    #top_infosection ul.top_infosection_news li .day{
      color:#aaa;
      padding: 0.5rem 0 0 0.5rem;
    }
    #top_infosection ul.top_infosection_news li .text{
      padding:0 0.5rem;
    }