<style type="text/css">.chatch-red-1 {
  color: red;
  font-size: 90px;
  font-family: 'Arial', sans-serif;
  font-weight: bolder;
}

.chatch-red-2 {
  color: red;
  font-size: 35px;
  font-family: 'Arial', sans-serif;
  font-weight: bolder;
}

.main-font-color {
  color: #003682;
}

.mrb-10 {
  font-size: 20px;
  font-family: 'Arial', sans-serif;
}

.mrb-20 {
  font-size: 15px;
  font-family: 'Arial', sans-serif;
}

.mrb-30 {
  font-size: 25px;
  font-family: 'Arial', sans-serif;
  font-weight: bolder;
}

.tel-10 {
  color: #003682;
  font-size: 25px;
  font-family: 'Arial', sans-serif;
}

.tel-20 {
  color: #003682;
  font-size: 20px;
  font-family: 'Arial', sans-serif;
}

.comment-title {
  font-size: 25px;
  font-family: 'Arial', sans-serif;
  font-weight: bolder;
}

.top-underLine {
  background: linear-gradient(transparent 88%, #ffc107 0%);
}

.top-underLine2 {
  background: linear-gradient(transparent 92%, #ffc107 0%);
}

.red-underLine {
  background: linear-gradient(transparent 88%, red 0%);
}

.red-font {
  color: red;
  font-weight: bolder;
}

html,
body {
  color: #262626;
  height: 100%;
  padding-top: 30px;
}

#wrapper {
  position: relative;
  min-height: 100%;
}

#container {
  padding-bottom: 10em;
}

#footer {
  position: absolute;
  bottom: 0;
  height: 10em;
}






/* トップイメージの制御 */
.TopImageW { width: 100%; }
.TopMessgeW { width: 100%; }

@media screen and (min-width:1200px) {
  .TopImageW { width: 1200px; }
  .TopMessgeW { width: 1000px; }
}

/* キャッチコピー */
.CatchCopy { font-size: 16px; }
@media screen and (min-width:576px) { .CatchCopy { font-size: 18px; }}
@media screen and (min-width:672px) { .CatchCopy { font-size: 20px; }}
@media screen and (min-width:768px) { .CatchCopy { font-size: 22px; }}
@media screen and (min-width:880px) { .CatchCopy { font-size: 24px; }}
@media screen and (min-width:992px) { .CatchCopy { font-size: 26px; }}
@media screen and (min-width:1096px) { .CatchCopy { font-size: 28px; }}
@media screen and (min-width:1200px) { .CatchCopy { font-size: 30px; }}
@media screen and (min-width:1300px) { .CatchCopy { font-size: 30px; }}
@media screen and (min-width:1400px) { .CatchCopy { font-size: 30px; }}


/* テーブルフォント */
.TableFont { font-size: 12px; }
@media screen and (min-width:960px) { .TableFont { font-size: 16px; }}

/* 項目タイトル・サブ */
.cat-title { font-size: 28px; }
.cat-sub-title { font-size: 18px; }

@media screen and (min-width:768px) {
  .cat-title { font-size: 30px; }
  .cat-sub-title { font-size: 22px; }
}

</style>