@charset "UTF-8";
/* 全体フォント指定 */
html {
  font-family: Arial, Helvetica, sans-serif;
}

/* ブロック要素 */
.inline {
  display: inline;
}
.block {
  display: block;
}
.i-b {
  display: inline-block;
}

/* 左寄せ */
.left {
  text-align: left;
}

/* マージン指定 */
.top3 {
  margin-top: 3vw;
}

.top10 {
  margin-top: 10vw;
}

.bottom5 {
  margin-bottom: 1vw;
}
.bottom10 {
  margin-bottom: 10vw;
}

/* ポジション指定 */
.rerative {
  position: relative;
}
.absolute {
  position: absolute;
}

/* テキスト関連 */
/* フォントサイズ */
.font-15 {
  font-size: 1.5vw;
}
.font-2 {
  font-size: 2vw;
}

.font-25 {
  font-size: 2.5vw;
}

/* 行間指定 */
.l-h3 {
  line-height: 3vw;
}
.l-h4 {
  line-height: 4vw;
}

.l-h5 {
  line-height: 5vw;
}

.l-h6 {
  line-height: 6vw;
}
/* テキストカラー */
.t-blue1 {
  color: #365c81;
}

.t-black {
  color: black;
}

/* テーブルレイアウト */
table {
  table-layout: auto;
  width: 80vw;
}

.v-mid {
  vertical-align: middle;
}

/* リンク装飾打消し */
　.link {
  color: black;
  text-decoration: none;
}

a {
  text-decoration: none;
}

/* 画像サイズ指定 */

/*　画面サイズが767pxまでは下記を読み込む　*/
@media screen and (max-width: 767px) {
  .img-sm {
    width: 40vw;
  }

  .l-h3-sm {
    line-height: 3vw;
  }

  .l-h5-sm {
    line-height: 5vw;
  }

  .l-h8-sm {
    line-height: 8vw;
  }
  .l-h9-sm {
    line-height: 9vw;
  }

  .font-sm-4 {
    font-size: 4vw;
  }

  .font-sm-5 {
    font-size: 5vw;
  }
}

/*　画面サイズが2000px以上は下記を読み込む　*/
@media screen and (min-width: 2000px) {
  .l-h2-xl {
    line-height: 2vw;
  }
}

.se3 img {
  margin: 0 auto;
}