/*フォント*/
.tenmincho{
    font-family: "ten-mincho-text", serif;
    font-weight: 400;
    font-style: normal;
    
    }

.yu-go{

font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;

}

.cent-go{

    font-family: "century-gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.toppan{

    font-family: "toppan-bunkyu-mincho-pr6n", serif;
    font-weight: 400;
    font-style: normal;
}

.yu-min{

    font-family: "yu-mincho-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ryu-min{

    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 300;
    font-style: normal;
}

.gen-min{
    font-family: "source-han-serif-jp-variable", sans-serif;
    font-variation-settings: "wght" 250;
}

.sippori-midi{

    font-family: "shippori-mincho", sans-serif;
    font-weight: 400;
    font-style: normal;
}


/*フォント*/

    .ta-center{

        text-align: center;
    }
    
    .w-100per{

        width: 100%;
    }
    .mg-0{
    
        margin: 0 auto;
    }

    .mt-50{
    
        margin-top: 50px;
    }

    
    
    .mg-20-h{
    
        margin-top:20px;
        margin-bottom:20px;
    }
    
    .mg-30-h{
    
        margin-top:30px;
        margin-bottom:30px;
    }

    .mg-40-h{
    
        margin-top:40px;
        margin-bottom:40px;
    }

    .mg-50-h{
    
        margin-top:50px;
        margin-bottom:50px;
    }

    .mg-60-h{
    
        margin-top:60px;
        margin-bottom:60px;
    }

    .pt-10per{

        padding-top: 10%;
    }

    .pt-15per{

        padding-top: 15%;
    }

    .pb-10per{

        padding-bottom: 10%;
    }
    
    .fill_fff{
        fill: #fff !important;
    }

    .text-jus{

        text-align: justify;
        text-justify: inter-ideograph; /* IE用 */
    }

    .va_bottom{

        vertical-align: bottom;
    }

    .scroll_up {
        transition: 0.5s ease-in-out;
        transform: translateY(30px);
        opacity: 0;
      }
      .scroll_up.on {
        transform: translateY(0);
        opacity: 1.0;
      }

      /* 初期状態 */
.load {
    position: relative;
    transition: 1s ease-in-out;
    top: 30px;
    opacity: 0;
  }
  
  /* ロード時に適用されるクラス */
  .on .load {
    top: 0;
    opacity: 1 !important;
  }
  
  .pc{

    display: inline-block;
}

.sp{
    display: none;
}



    @media(max-width:767px){

        .pc{

            display: none;
        }

        .sp{
            display: inline-block;
        }


        .mt-50{
    
            margin-top: 50px;
        }
        
        .mg-20-h{
        
            margin-top:20px;
            margin-bottom:20px;
        }
        
        .mg-30-h{
        
            margin-top:24px;
            margin: bottom 24px;
        }
    
        .mg-40-h{
        
            margin-top:40px;
            margin-bottom:40px;
        }
    
        .mg-50-h{
        
            margin-top:40px;
            margin-bottom:40px;
        }

        .mg-60-h{
        
            margin-top:40px;
            margin-bottom:40px;
        }
    
        .pt-10per{
    
            padding-top: 15%;
        }
    
        .pt-15per{
    
            padding-top: 15%;
        }
    
        .pb-10per{
    
            padding-bottom: 10%;
        }
        
        .fill_fff{
            fill: #fff !important;
        }
    
        .text-jus{
    
            text-align: justify;
            text-justify: inter-ideograph; /* IE用 */
        }
        
    }