.bg-top{
  height: 350px;
  background-image: url(../images/bg_top.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-top-illust{
  background-image: url(../images/bg_top_illust.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.bg-recruit{
  height: 350px;
  background-image: url(../images/bg_recruit.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.service-images{
  background-color: none !important;
}

@font-face {
  font-family: 'NotoFont';
  src: url(../font/NotoSansJP-Regular.otf);
}
@font-face {
  font-family: 'NotoFontBold';
  src: url(../font/NotoSansJP-Bold.otf);
}
@font-face {
  font-family: 'JostFont';
  src: url(../font/Jost-Medium.ttf);
}
@font-face {
  font-family: 'JostFontBold';
  src: url(../font/Jost-SemiBold.ttf);
}
body {
  font-family: NotoFont;
}
.font-jost {
  font-family: JostFont;
}
.font-bold {
  font-family: NotoFontBold;
}
.font-blue {
  color: #0077c7;
}
.top-title {
  letter-spacing: 0.32em;
}
.top-sub-title{
  font-family: JostFont;
  color: #0077c7;
  font-size:medium;
  letter-spacing: 0.08em;
}
.service-title{
  font-family: JostFontBold;
  color: #0077c7;
  font-size: 4.0em;
}
.service-sub-title{
  font-size: 1.0em;
}
.service-category-title {
  letter-spacing: 0.16em;
}
.recruit-explanation-black {
  font-size: 1.3em;
  letter-spacing: 0.08em;
}
.english-title-gray{
  font-family: JostFontBold;
  color: #bababa;
  font-size: 2.0em;
  margin-bottom: 0px;
  background-image: url(../images/bg_title_gray.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-top: 24px;
  letter-spacing: 0.08em;
}
.english-title-white{
  font-family: JostFontBold;
  color: #ffffff;
  font-size: 2.0em;
  margin-bottom: 0px;
  background-image: url(../images/bg_title_gray.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-top: 24px;
  letter-spacing: 0.08em;
}
h6 {
  font-size: 0.9em;
  color: #4e4e4e;
  letter-spacing: 0.08em;
}
.bg-color-deepblue{
  background-color: #0077c7;
}
.bg-color-lightgray{
  background-color: #eceff5;
}
.bg-color-ultralightgray{
  background-color: #f9f9f9;
}
.border-lightblue{
  border-color: #bed7ec !important;
}
.nav-item {
  margin-left: 14px;
  margin-right: 14px;
  font-size: 0.85em;
}
.div-th {
  letter-spacing: 0.08em;
  font-size: 0.95em;
}
.div-td {
  font-size: 0.95em;
}
.text-decoration-yellow {
  background: linear-gradient(transparent 80%, rgb(255, 217, 0) 30%);
}
.service-images {
  width: 100%;
  max-width: 320px;
}