@charset "UTF-8";
/* ====================================
   message Index
==================================== */
/*--------------------------------------------*/
/*-media-size---------------------------------*/
/*--------------------------------------------*/
/****************
* アイコン付与mixin
* $pcw = PC時のアイコン横幅
* $pch = PC時のアイコン高さ
* $spw = SP時のアイコン横幅
* $sph = SP時のアイコン高さ
* $default = 初期表示のアイコンパス
* $hover = ホバー時のアイコンパス
* $top = アイコンの位置
*****************/
/****************
* リンクボタン スタイル
HTML
<div class="btn__normal--green">
    <a href="">企業情報</a>
</div>

$pcmt = PC時のmargin-top(任意の数字を入れる)
$spmt = SP時のmargin-top(任意の数字を入れる)
*****************/
/****************
* もっと見るリンク スタイル
HTML
<div class="link__more--normal">
    <a href="">もっと見る</a>
</div>

$pos = リンクの水平方向の配置(初期：flex-start, 中央寄せ：center, 右寄せ：flex-end )
$pcmt = PC時のmargin-top(任意の数字を入れる)
$spmt = SP時のmargin-top(任意の数字を入れる)
*****************/
/* messasge
==================================== */
.messasge {
  font-family: 'YakuHanJP', notoserifcjk-bold, serif;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .messasge {
    font-size: 20px;
  }
}

/* signature
==================================== */
.signature {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin: -10px 0 0 -51px;
}

@media screen and (max-width: 767px) {
  .signature {
    margin-left: -21px;
  }
}

.signature:nth-child(n+2) {
  margin-top: 64px;
}

@media screen and (max-width: 767px) {
  .signature:nth-child(n+2) {
    margin-top: 46px;
  }
}

.signature_col {
  margin-top: 10px;
  margin-left: 51px;
}

@media screen and (max-width: 767px) {
  .signature_col {
    margin-left: 21px;
  }
}

.signature_col:nth-child(1) {
  flex: 0 0 auto;
}

.signature_col:nth-child(2) {
  flex: 0 0 201px;
  width: 201px;
}

@media screen and (max-width: 767px) {
  .signature_col:nth-child(2) {
    flex: 0 0 161px;
    width: 161px;
  }
}

.signature_image > img {
  max-width: 100%;
}