@charset "UTF-8";
/* 基礎のスタイル */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  text-align: left;
  letter-spacing: 0.05em;
  background-color: #fffddd;
  -webkit-font-smoothing: antialiased;
}

section, nav, article, aside, hgroup, header, footer, figure, figcaption, details {
  display: block;
}

a {
  text-decoration: underline;
  outline: none;
  color: #999999;
}

a:hover {
  opacity: 0.6;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  outline: 0;
}

a:active {
  color: #33ccff;
  outline: 0;
}

a:focus {
  outline: thin dotted;
}

p {
  margin: 0.5em 0;
}

ul {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.shadow {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.strong-number {
  font-size: 48px;
  font-weight: bold;
  color: #dd1b64;
}

.icon {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

.icon.icon-small {
  width: 12px;
  height: 12px;
}

.icon-arrow-down-blue {
  background-image: url(../img/common/icon/icon-arrow-down-blue.svg);
}

.icon-home {
  background-image: url(../img/common/icon/icon-home.svg);
}

.icon-area-pin-black {
  background-image: url(../img/common/icon/icon-area-pin-black.svg);
}

.icon-train {
  background-image: url(../img/common/icon/icon-train.svg);
}

.icon-tel-red {
  background-image: url(../img/common/icon/icon-tel-red.svg);
}

.icon-check-green {
  background-image: url(../img/common/icon/icon-check-green.svg);
}

.icon-menu {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='12' width='18' height='2' rx='1' fill='%23333333'/%3E%3Crect y='6' width='18' height='2' rx='1' fill='%23333333'/%3E%3Crect width='18' height='2' rx='1' fill='%23333333'/%3E%3C/svg%3E");
}

.icon-close-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h16v16H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23FFF' d='M9.697 8l5.951-5.951A1.2 1.2 0 0 0 13.951.35l-5.95 5.952L2.047.351A1.2 1.2 0 0 0 .351 2.05L6.303 8 .351 13.951a1.2 1.2 0 0 0 1.697 1.698L8 9.697l5.951 5.952a1.196 1.196 0 0 0 1.697 0 1.2 1.2 0 0 0 0-1.698L9.697 8z' mask='url%28%23b%29'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-down-arrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9'%3E%3Cpath fill='%23eb6a7a' fill-rule='evenodd' d='M0 1A1.002 1.002 0 0 1 1.707.293L8 6.586 14.293.293a1.002 1.002 0 0 1 1.414 1.414l-7 7c-.39.39-1.024.39-1.414 0l-7-7A.997.997 0 0 1 0 1'/%3E%3C/svg%3E");
}

.icon-home {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='%23eb6a7a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.6666667%2C16 L10.6666667%2C9.33333333 L5.33333333%2C9.33333333 L5.33333333%2C16 L0%2C16 L0%2C4.12903226 L8%2C0 L16%2C4.12903226 L16%2C16 L10.6666667%2C16 Z' transform='translate%281 1%29'/%3E%3C/svg%3E");
}

.icon-search {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.56325 13.957C5.58527 13.957 3.16314 11.5349 3.16314 8.55699C3.16314 5.57904 5.58527 3.15694 8.56325 3.15694C11.5412 3.15694 13.9634 5.57904 13.9634 8.55699C13.9634 11.5349 11.5412 13.957 8.56325 13.957M18.6843 17.1562L14.6061 13.0788C15.5529 11.8167 16.1203 10.255 16.1203 8.56007C16.1203 4.39123 12.729 1 8.56015 1C4.39127 1 1 4.39123 1 8.56007C1 12.7289 4.39127 16.1201 8.56015 16.1201C10.2551 16.1201 11.8168 15.5528 13.079 14.606L17.1564 18.6841C17.3674 18.8951 17.6439 19.0002 17.9203 19.0002C18.1968 19.0002 18.4733 18.8951 18.6843 18.6841C19.1055 18.2622 19.1055 17.5782 18.6843 17.1562' fill='%23eb6a7a'/%3E%3C/svg%3E");
}

.icon-facility {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='17' viewBox='0 0 18 17'%3E%3Cdefs%3E%3Cpolygon id='search-a' points='0 0 17.854 0 17.854 16.803 0 16.803'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='search-b' fill='%23fff'%3E%3Cuse xlink:href='%23search-a'/%3E%3C/mask%3E%3Cpath fill='%23eb6a7a' d='M8.298%2C14.8027333 L9.36866667%2C14.8027333 L9.36866667%2C12.4080667 L8.298%2C12.4080667 L8.298%2C14.8027333 Z M4.068%2C8.15473333 L13.5986667%2C8.15473333 L13.5986667%2C14.8027333 L11.3686667%2C14.8027333 L11.3686667%2C11.4080667 C11.3686667%2C10.8560667 10.9206667%2C10.4080667 10.3686667%2C10.4080667 L7.298%2C10.4080667 C6.74533333%2C10.4080667 6.298%2C10.8560667 6.298%2C11.4080667 L6.298%2C14.8027333 L4.068%2C14.8027333 L4.068%2C8.15473333 Z M8.92733333%2C2.62606667 L13.7793333%2C6.15473333 L4.07533333%2C6.15473333 L8.92733333%2C2.62606667 Z M13.17%2C2.00006667 L14.0526667%2C2.00006667 L14.0526667%2C3.88073333 L13.17%2C3.2394 L13.17%2C2.00006667 Z M16.854%2C14.8027333 L15.5986667%2C14.8027333 L15.5986667%2C8.15473333 L16.854%2C8.15473333 C17.2873333%2C8.15473333 17.6713333%2C7.87606667 17.8053333%2C7.46406667 C17.9393333%2C7.05273333 17.7926667%2C6.60073333 17.4426667%2C6.34606667 L16.0526667%2C5.3354 L16.0526667%2C1.00006667 C16.0526667%2C0.4474 15.6046667%2C6.66666667e-05 15.0526667%2C6.66666667e-05 L12.17%2C6.66666667e-05 C11.6173333%2C6.66666667e-05 11.17%2C0.4474 11.17%2C1.00006667 L11.17%2C1.78473333 L9.51533333%2C0.5814 C9.16466667%2C0.326066667 8.69%2C0.326066667 8.33866667%2C0.5814 L0.412%2C6.34606667 C0.0613333333%2C6.60073333 -0.0846666667%2C7.05273333 0.0493333333%2C7.46406667 C0.182666667%2C7.87606667 0.566666667%2C8.15473333 1%2C8.15473333 L2.068%2C8.15473333 L2.068%2C14.8027333 L1%2C14.8027333 C0.447333333%2C14.8027333 0%2C15.2500667 0%2C15.8027333 C0%2C16.3554 0.447333333%2C16.8027333 1%2C16.8027333 L16.854%2C16.8027333 C17.4066667%2C16.8027333 17.854%2C16.3554 17.854%2C15.8027333 C17.854%2C15.2500667 17.4066667%2C14.8027333 16.854%2C14.8027333 Z' mask='url%28%23search-b%29'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-guide {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='17' viewBox='0 0 18 17'%3E%3Cdefs%3E%3Cpolygon id='guide-a' points='0 0 18 0 18 16.667 0 16.667'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='guide-b' fill='%23fff'%3E%3Cuse xlink:href='%23guide-a'/%3E%3C/mask%3E%3Cpath fill='%23eb6a7a' d='M16%2C12.3528667 C14.04%2C12.4288667 11.656%2C12.7402 10%2C13.4535333 L10%2C3.42153333 C10.3713333%2C2.9502 12.612%2C2.15486667 16%2C2.01953333 L16%2C12.3528667 Z M2%2C12.3528667 L2%2C2.01953333 C5.38666667%2C2.15486667 7.62733333%2C2.94953333 8%2C3.42086667 L8%2C13.4535333 C6.344%2C12.7402 3.95933333%2C12.4288667 2%2C12.3528667 Z M17%2C0.0002 C14.5233333%2C0.0002 10.7753333%2C0.385533333 9%2C1.65553333 C7.22466667%2C0.385533333 3.47666667%2C0.0002 1%2C0.0002 C0.447333333%2C0.0002 0%2C0.447533333 0%2C1.0002 L0%2C13.3335333 C0%2C13.8855333 0.447333333%2C14.3335333 1%2C14.3335333 C4.95266667%2C14.3335333 7.60733333%2C15.2428667 8.004%2C15.7582 C8.05066667%2C16.2675333 8.47866667%2C16.6668667 9%2C16.6668667 C9.52133333%2C16.6668667 9.95%2C16.2675333 9.996%2C15.7582 C10.3926667%2C15.2428667 13.0473333%2C14.3335333 17%2C14.3335333 C17.552%2C14.3335333 18%2C13.8855333 18%2C13.3335333 L18%2C1.0002 C18%2C0.447533333 17.552%2C0.0002 17%2C0.0002 Z' mask='url%28%23guide-b%29'/%3E%3Cpath fill='%23eb6a7a' d='M5.652 3.4056C5.20133333 3.2536 4.344 3.00026667 3.66666667 3.00026667 3.114 3.00026667 2.66666667 3.4476 2.66666667 4.00026667 2.66666667 4.55226667 3.114 5.00026667 3.66666667 5.00026667 4.17533333 5.00026667 5.27666667 5.36626667 5.63533333 5.54293333 5.81533333 5.71826667 6.062 5.82693333 6.33333333 5.82693333 6.886 5.82693333 7.33333333 5.37893333 7.33333333 4.82693333 7.33333333 4.0336 6.60466667 3.7256 5.652 3.4056M5.652 6.73893333C5.20133333 6.58693333 4.344 6.3336 3.66666667 6.3336 3.114 6.3336 2.66666667 6.78093333 2.66666667 7.3336 2.66666667 7.8856 3.114 8.3336 3.66666667 8.3336 4.17533333 8.3336 5.27666667 8.6996 5.63533333 8.87626667 5.81533333 9.05226667 6.062 9.16026667 6.33333333 9.16026667 6.886 9.16026667 7.33333333 8.71226667 7.33333333 8.16026667 7.33333333 7.36693333 6.60466667 7.05893333 5.652 6.73893333M5.652 9.73893333C5.20133333 9.58693333 4.344 9.3336 3.66666667 9.3336 3.114 9.3336 2.66666667 9.78093333 2.66666667 10.3336 2.66666667 10.8856 3.114 11.3336 3.66666667 11.3336 4.17533333 11.3336 5.27666667 11.6996 5.63533333 11.8762667 5.81533333 12.0522667 6.062 12.1602667 6.33333333 12.1602667 6.886 12.1602667 7.33333333 11.7122667 7.33333333 11.1602667 7.33333333 10.3669333 6.60466667 10.0582667 5.652 9.73893333M14.2493333 9.00326667C12.758 9.12926667 12.214 9.29526667 11.2353333 9.76526667 10.7366667 10.0032667 10.526 10.6006 10.7646667 11.0986 10.9366667 11.4579333 11.294 11.6666 11.6673333 11.6666 11.812 11.6666 11.9586667 11.6352667 12.098 11.5686 12.8233333 11.2212667 13.1146667 11.1066 14.4173333 10.9966 14.968 10.9499333 15.376 10.4659333 15.33 9.91593333 15.2833333 9.36526667 14.794 8.96926667 14.2493333 9.00326667M12.6666667 5.25326667C12.8673333 5.19126667 13.072 5.14393333 13.3333333 5.1046L13.3333333 5.8646C13.0846667 5.89393333 12.868 5.92793333 12.6666667 5.96926667L12.6666667 5.25326667zM11.1053333 8.16126667C11.2733333 8.27526667 11.4693333 8.33326667 11.6666667 8.33326667 11.792 8.33326667 11.9173333 8.30993333 12.0373333 8.26193333 12.778 7.9666 13.0753333 7.8686 14.4033333 7.77526667 14.9273333 7.7386 15.3333333 7.3026 15.3333333 6.77793333L15.3333333 3.99993333C15.3333333 3.7226 15.218 3.45793333 15.0146667 3.2686 14.8126667 3.07926667 14.5393333 2.98193333 14.2633333 3.0026 12.784 3.1066 12.2753333 3.23593333 11.296 3.62726667 10.916 3.7786 10.6666667 4.1466 10.6666667 4.55593333L10.6666667 7.33326667C10.6666667 7.66526667 10.8313333 7.97526667 11.1053333 8.16126667z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-qa {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='18' height='18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1H18.9999V19H1V1Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url%28%23mask0%29'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.71534 3.34622C3.66838 3.34622 3.61047 3.34622 3.50012 3.46752C3.39055 3.58804 3.34594 3.70387 3.34594 3.86978V14.788L4.42595 13.6C4.649 13.355 4.96439 13.2149 5.29544 13.2149H16.2818C16.3202 13.2149 16.3734 13.2149 16.4814 13.0905C16.6003 12.9559 16.6504 12.8236 16.6504 12.6514V3.86978C16.6504 3.70387 16.6066 3.58804 16.497 3.46752C16.3859 3.34622 16.328 3.34622 16.2818 3.34622H3.71534ZM2.17365 19C2.032 19 1.88799 18.9742 1.75025 18.921C1.2979 18.7464 0.999725 18.3113 0.999725 17.8261V3.87139C0.999725 3.12478 1.26425 2.43843 1.76512 1.88904C2.29496 1.30757 2.96957 1 3.71697 1H16.2834C17.0308 1 17.7055 1.30757 18.2353 1.88904C18.7354 2.43843 18.9999 3.12478 18.9999 3.87139V12.653C18.9999 13.3903 18.7409 14.0774 18.2509 14.6385C17.7203 15.2443 17.0394 15.5643 16.2834 15.5643H5.81673L3.04314 18.6157C2.81618 18.8654 2.49765 19 2.17365 19V19Z' fill='%23eb6a7a'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3844 7.85659H6.47219C5.81706 7.85659 5.28536 7.28058 5.28536 6.57087C5.28536 5.86116 5.81706 5.28516 6.47219 5.28516H14.3844C15.0395 5.28516 15.5712 5.86116 15.5712 6.57087C15.5712 7.28058 15.0395 7.85659 14.3844 7.85659' fill='%23eb6a7a'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9996 11.2882H6.42822C5.79736 11.2882 5.28536 10.7122 5.28536 10.0025C5.28536 9.2928 5.79736 8.7168 6.42822 8.7168H10.9996C11.6305 8.7168 12.1425 9.2928 12.1425 10.0025C12.1425 10.7122 11.6305 11.2882 10.9996 11.2882Z' fill='%23eb6a7a'/%3E%3C/svg%3E");
}

.icon-news {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'%3E%3Cg fill='%23eb6a7a' fill-rule='evenodd'%3E%3Cpath d='M5.4 6.84L6.84 6.84 6.84 5.4 5.4 5.4 5.4 6.84zM7.92 9L4.32 9C3.72384 9 3.24 8.51688 3.24 7.92L3.24 4.32C3.24 3.72312 3.72384 3.24 4.32 3.24L7.92 3.24C8.51616 3.24 9 3.72312 9 4.32L9 7.92C9 8.51688 8.51616 9 7.92 9zM10.8 11.88L4.32 11.88C3.72384 11.88 3.24 11.39616 3.24 10.8 3.24 10.20384 3.72384 9.72 4.32 9.72L10.8 9.72C11.39616 9.72 11.88 10.20384 11.88 10.8 11.88 11.39616 11.39616 11.88 10.8 11.88M10.8 9C10.72728 9 10.656 8.9928 10.5912 8.9784 10.51848 8.964 10.4544 8.9424 10.3896 8.9208 10.3248 8.892 10.26 8.856 10.2024 8.82 10.1376 8.7768 10.0872 8.7336 10.03608 8.6832 9.8352 8.4816 9.72 8.2008 9.72 7.92 9.72 7.6392 9.8352 7.3584 10.03608 7.1568 10.0872 7.1064 10.1376 7.0632 10.2024 7.02 10.26 6.984 10.3248 6.948 10.3896 6.9192 10.4544 6.8976 10.51848 6.876 10.5912 6.8616 10.72728 6.8328 10.872 6.8328 11.0088 6.8616 11.0808 6.876 11.14488 6.8976 11.20968 6.9192 11.2752 6.948 11.34 6.984 11.3976 7.02 11.4552 7.0632 11.5128 7.1064 11.5632 7.1568 11.7648 7.3584 11.88 7.6392 11.88 7.92 11.88 8.2008 11.7648 8.4816 11.5632 8.6832 11.5128 8.7336 11.4552 8.7768 11.3976 8.82 11.34 8.856 11.2752 8.892 11.20968 8.9208 11.14488 8.9424 11.0808 8.964 11.0088 8.9784 10.944 8.9928 10.872 9 10.8 9M10.8 6C10.72728 6 10.656 5.9928 10.5912 5.9784 10.51848 5.964 10.4544 5.9424 10.3896 5.9208 10.3248 5.892 10.26 5.856 10.2024 5.82 10.1376 5.7768 10.0872 5.7336 10.03608 5.6832 9.8352 5.4816 9.72 5.2008 9.72 4.92 9.72 4.6392 9.8352 4.3584 10.03608 4.1568 10.0872 4.1064 10.1376 4.0632 10.2024 4.02 10.26 3.984 10.3248 3.948 10.3896 3.9192 10.4544 3.8976 10.51848 3.876 10.5912 3.8616 10.72728 3.8328 10.872 3.8328 11.0088 3.8616 11.0808 3.876 11.14488 3.8976 11.20968 3.9192 11.2752 3.948 11.34 3.984 11.3976 4.02 11.4552 4.0632 11.5128 4.1064 11.5632 4.1568 11.7648 4.3584 11.88 4.6392 11.88 4.92 11.88 5.2008 11.7648 5.4816 11.5632 5.6832 11.5128 5.7336 11.4552 5.7768 11.3976 5.82 11.34 5.856 11.2752 5.892 11.20968 5.9208 11.14488 5.9424 11.0808 5.964 11.0088 5.9784 10.944 5.9928 10.872 6 10.8 6M10.8 14.76L4.32 14.76C3.72384 14.76 3.24 14.27616 3.24 13.68 3.24 13.08384 3.72384 12.6 4.32 12.6L10.8 12.6C11.39616 12.6 11.88 13.08384 11.88 13.68 11.88 14.27616 11.39616 14.76 10.8 14.76'/%3E%3Cpath d='M2.16%2C15.84 L12.96%2C15.84 L12.96%2C2.16 L2.16%2C2.16 L2.16%2C15.84 Z M14.04%2C18 L1.08%2C18 C0.48384%2C18 0%2C17.51616 0%2C16.92 L0%2C1.08 C0%2C0.48312 0.48384%2C0 1.08%2C0 L14.04%2C0 C14.63616%2C0 15.12%2C0.48312 15.12%2C1.08 L15.12%2C16.92 C15.12%2C17.51616 14.63616%2C18 14.04%2C18 Z'/%3E%3C/g%3E%3C/svg%3E");
}

header {
  background-color: #f8f8f8;
  height: 120px;
}

header > .header-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header > .header-wrap > .header-logo {
  margin: 10px 4px;
  width: 260px;
  height: 120px;
  font-size: 18px;
}

header > .header-wrap > .header-logo > img {
  width: 240px;
  height: auto;
}

header > .header-wrap > .header-button {
  margin: 10px 4px;
  padding: 10px;
  font-size: 18px;
  color: #ffffff;
  background-color: #dd1b64;
  border-radius: 8px;
  width: 140px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

header > .header-wrap > .header-button > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header > .header-wrap > .header-button > div > img {
  width: 48px;
  height: 48px;
}

header > .header-wrap > .header-menu {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 30px;
  right: 30px;
}

header > .header-wrap > .header-menu > img {
  width: 100%;
  height: 100%;
}

div.top-backimg {
  width: 100%;
  height: 640px;
  background-color: #ffffff;
}

section.main-box {
  padding: 64px;
  background-color: #f1f1f1;
}

section.main-box > .main-logo-signup {
  width: 80px;
  height: 80px;
  margin: 16px auto;
}

section.main-box > .main-logo-signup > img {
  width: 100%;
  height: 100%;
}

section.main-box > .main-logo-title {
  margin: 0 auto;
  padding: 32px;
  text-align: center;
  font-size: 64px;
  font-weight: bold;
}

section.main-box > .main-message {
  margin: 32px auto;
  padding: 32px;
  font-size: 32px;
  background-color: #ffffff;
}

section.main-box > .main-message > .main-message-title {
  font-size: 36px;
  font-weight: bold;
}

section.main-box > .main-message > p {
  font-size: 20px;
}

section.main-box > .main-login {
  margin: 32px auto;
  padding: 32px;
  text-align: center;
  font-size: 32px;
}

nav.info-box {
  margin: 0;
  padding: 64px 16px;
  background-color: #ffffff;
}

nav.info-box > .info-title {
  margin: 0 auto;
  padding: 32px;
  text-align: center;
  font-size: 64px;
  font-weight: bold;
}

nav.info-box > .info-banner {
  margin: 32px auto;
  padding: 64px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  background-color: #b6b6b6;
}

nav.job-box {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

nav.job-box > .job-count {
  font-size: 24px;
  text-align: center;
}

nav.job-box > .info-joboffer {
  margin: 0;
  padding: 32px;
  width: 100%;
  background-color: #fff9d8;
}

nav.job-box > .info-joboffer > .info-joboffer-flex-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav.job-box > .info-joboffer > .info-joboffer-flex-tab > .info-joboffer-flex-tab1 {
  width: 47%;
  padding: 16px;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav.job-box > .info-joboffer > .info-joboffer-flex-tab > .info-joboffer-flex-mid {
  width: 6%;
}

nav.job-box > .info-joboffer > .info-joboffer-flex-tab > .info-joboffer-flex-tab2 {
  width: 47%;
  padding: 16px;
  font-size: 30px;
  font-weight: bold;
  color: #999999;
  background-color: #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav.job-box > .info-joboffer > .info-joboffer-body {
  background-color: #ffffff;
  margin: 0;
  padding: 16px 32px;
}

nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  padding: 16px 0;
}

nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex > .info-joboffer-body-l, nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex .info-joboffer-body-r {
  width: 45%;
  padding: 16px;
  font-size: 20px;
  color: #333333;
  border: 2px solid #333333;
  background-color: #ffffff;
}

nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex > .info-joboffer-body-c {
  width: 10%;
  height: 100%;
  padding: 0;
  font-size: 48px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex > .info-joboffer-body-keyword {
  width: 100%;
  padding: 16px;
  font-size: 20px;
  color: #333333;
  border: 2px solid #333333;
  background-color: #ffffff;
}

nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex > .info-joboffer-body-search1 {
  width: 46%;
  margin: 0 2%;
  padding: 16px;
  font-size: 24px;
  font-weight: bold;
  color: #dd1b64;
  background-color: #ffffff;
  border: 2px solid #dd1b64;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex > .info-joboffer-body-search2 {
  width: 46%;
  margin: 0 2%;
  padding: 16px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  background-color: #dd1b64;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav.job-box > .info-joboffer > .info-joboffer-body > .info-joboffer-body-flex > .info-joboffer-body-search2 > img {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}

nav.link-box {
  margin: 0;
  padding: 64px;
  background-color: #f1f1f1;
}

nav.link-box > .link-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

nav.link-box > .link-flex > .link-item {
  padding: 8px 0;
}

nav.link-box > .link-flex > .link-item > a {
  display: inline-block;
  padding: 16px;
  text-decoration: none;
  color: #333333;
  font-size: 28px;
  white-space: nowrap;
  border-right: 1px solid #999999;
}

nav.link-box > .link-flex > .link-item:last-child > a {
  border-right: none;
}

footer {
  padding: 32px;
  background-color: #ffffff;
}

footer > .footer-message {
  padding: 16px 32px;
  text-align: center;
  font-size: 2.5vw;
}

footer > .footer-logo {
  padding: 16px 32px;
}

footer > .footer-logo > img {
  display: block;
  margin: 0 auto;
  width: 50%;
}

footer > .footer-copyright {
  margin: 0;
  text-align: center;
  font-size: 2.0vw;
}