@charset "UTF-8";
/*====================================
　早見表
  $conts-width
  $color-yellow  $color-blue
  $font-color-black
  $font-family-gothic  $font-family-mincho

  full-width
  flex-column  flex-center
  media(320px ＝ xs   480px ＝ s   768px ＝ m   1000px ＝ l)
  fs(max,1000～768px,768～480px,480～320px,min)  fs2(max,min)
  mt(max,min) mb mtb  pt pb ptb

====================================*/
/*====================================

/*----------------------------------
  Structure
----------------------------------
0. 共通
1. トップ
  1.1	メインイメージ
  1.2 トップナビ
2. 
3. 

====================================*/
/* 追記系
--------------------------------------------------- */
.w-800 {
  max-width: 800px;
  width: 100%;
  margin: auto; }

table.recruit_table select {
  padding: 4px 4px;
  font-size: 110%; }

.ttl-style01 {
  padding: 40px 0 20px 0px;
  background: none;
  font-size: clamp(24px, 5vw, 32px);
  text-align: center;
  line-height: 1.4;
  color: #333;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  border-bottom: 1px solid #ccc; }
  .ttl-style01 span {
    font-size: clamp(18px, 3.75vw, 20px);
    line-height: 1;
    color: #00618e; }

.sub-title {
  padding: 20px 0 20px 50px;
  background: url(../images/marker_mid.png) no-repeat left center;
  font-size: 140%;
  line-height: 1;
  color: #816143;
  margin: 0 0 40px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

.sub-title-s {
  padding: 10px 0 8px 32px;
  background: url(../images/marker_small.png) no-repeat left center;
  font-size: 120%;
  line-height: 1;
  color: #816143;
  margin: 0 0 20px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }