@charset "UTF-8";

/*==Noto Sans JP==*/
/*Thin*/
@font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-Thin.otf') format('opentype');
      font-weight: 100;
      font-style: normal;
  }
  
  /*Light*/
  @font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-Light.otf') format('opentype');
      font-weight: 300;
      font-style: normal;
  }
  
  /*Regular*/
  @font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-Regular.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
  }
  
  /*Midium*/
  @font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-Medium.otf') format('opentype');
      font-weight: 500;
      font-style: normal;
  }
  
  /*Bold*/
  @font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-Bold.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
  }
  
  /*Black*/
  @font-face {
    font-family: 'Noto Sans JP';
    src: url('../font/NotoSansJP-Black.otf') format('opentype');
      font-weight: 900;
      font-style: normal;
  }

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    html {
        font-size: 16px;
    }

    /* IE11 */
}

body {
    min-width: 320px;
    background-color: #fff;
    color: #000;
    font-size: 0.875rem;
    font-family: Noto Sans JP,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-print-color-adjust: exact;
}

.weight100{font-weight:100}
.weight300{font-weight:300}
.weight400{font-weight:400}
.weight500{font-weight:500}
.weight600{font-weight:600}
.weight700{font-weight:700}
.weight900{font-weight:900}

h1 {
    margin: 0;
    padding: 0;
}

/* clearfix */

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

/* 画像関連 */

.img-center {
    display: block;
    margin: 0 auto;
}

figure {
    margin: 0 0 0;
}

/*単語改行位置*/

.wordwrap {
    display: inline-block;
}

/* link */

a {
    color: #000;
}

a:link {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
}

a:visited {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
}

a:hover {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}

a:active {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}


/*noscript*/

noscript {
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
}

.break-before {
    page-break-before: always;
}


/*マウスオーバー*/

.mouse-over:hover,
.btn:hover {
    opacity: 0.7;
}

.mouse-over2:hover {
    background-color: #000;
    opacity: 0.2;
}

.mouse-over3:hover {
    opacity: 0.9;
}


/*フォーム要素にズームインするのを回避*/

input[type="text"],
input[type="number"],
select,
textarea {
    font-size: 16px;
}


/*文字色*/

/*1文字インデント*/

.attention-txt {
    margin-left: 1em;
    text-indent: -1em;
}


/*改行*/

.br,
.br-br-sm,
.br-br-lg {
    display: block;
}

.br-sm-xl {
    display: none;
}


/*横幅設定*/
.w100 {
    width: 100%;
}

/*高さをそろえる*/

.row-eq-height {
    display: flex;

    flex-wrap: wrap;
}

/*ガターを0に*/
.pd-lr-0{
    padding-left:0;
    padding-right:0;
}

@media (min-width: 576px) {

    /*改行*/
    .br {
        display: none;
    }

    .br-sm-xl {
        display: block;
    }


}

@media (min-width: 768px) {
    body {
        font-size: 1rem;
    }

    /*改行*/
    .br-md,
    .br-md-lg {
        display: block;
    }

    .br-br-sm {
        display: none;
    }

}

@media (min-width: 992px) {

    /*改行*/
    .br-md {
        display: none;
    }
}

@media (min-width: 1200px) {

    /*改行*/
    .br-md-lg,
    .br-br-lg {
        display: none;
    }
}