@charset "utf-8";
.hvr_img {
    cursor: pointer;
    overflow: hidden;
  }
  .hvr_img img {
    height: auto;
    transition: transform .6s ease; /* ゆっくり変化させる */
    display: block;
  }
  .hvr_img:hover img {
    transform: scale(1.1); /* 拡大 */
  }

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    header .nav_box a{
      /*線の基点とするためrelativeを指定*/
    position: relative;
  }
  .active{
      /*線の基点とするためrelativeを指定*/
    position: relative;
  }
  
  header .nav_box a::after {
      content: '';
      /*絶対配置で線の位置を決める*/
      position: absolute;
      bottom: -5px;
      left: 0;
      /*線の形状*/
      width: 100%;
      height: 1px;
      background: #000;
      /*アニメーションの指定*/
      transition: all .3s;
      transform: scale(0, 1);/*X方向0、Y方向1*/
      transform-origin: left top;/*左上基点*/
  }
  
  header .nav_box a:hover::after {
      transform: scale(1, 1);/*X方向にスケール拡大*/
  }
  
    .f_nav_link{
        /*線の基点とするためrelativeを指定*/
      position: relative;
    }
    
    .f_nav_link::after {
        content: '';
        /*絶対配置で線の位置を決める*/
        position: absolute;
        bottom: -5px;
        left: 0;
        /*線の形状*/
        width: 100%;
        height: 1px;
        background: #000;
        /*アニメーションの指定*/
        transition: all .3s;
        transform: scale(0, 1);/*X方向0、Y方向1*/
        transform-origin: left top;/*左上基点*/
    }
    
    .f_nav_link:hover::after {
        transform: scale(1, 1);/*X方向にスケール拡大*/
    }
    .f_nav_link02{
      /*線の基点とするためrelativeを指定*/
    position: relative;
  }
  
  .f_nav_link02::after {
      content: '';
      /*絶対配置で線の位置を決める*/
      position: absolute;
      bottom: -5px;
      left: 0;
      /*線の形状*/
      width: 100%;
      height: 1px;
      background: #000;
      /*アニメーションの指定*/
      transition: all .3s;
      transform: scale(0, 1);/*X方向0、Y方向1*/
      transform-origin: left top;/*左上基点*/
  }
  
  .f_nav_link02:hover::after {
      transform: scale(1, 1);/*X方向にスケール拡大*/
  }
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
    
    } /* min-width: 1800px ここまで */
    
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */