@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");

/* メインカラー設定 --------------------------------------------------*/
/* 背景色 */
.variable_bgcolor,
.variable_bgcolor-50::after {
  background-color: #2C569D;
}
.mainVisual::after {
  background-color: #2C569D;
  opacity: 0.5;
}
/* 背景色の濃度設定 */
.variable_bgcolor-50 {
  position: relative;
  z-index: 0;
}
.variable_bgcolor-50::before, .variable_bgcolor-50::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.variable_bgcolor-50::before {
  background-color: #FFF;
  opacity: 1;
}
.variable_bgcolor-50::after {
  opacity: 0.5;
}
/* テキスト */
.variable_fontcolor {
  color: #2C569D;
}
.variable_fontcolor a:link {
  color: #2C569D;
}
/* リンクテキスト */
a:visited, a:hover, a:active {
  color: #2C569D;
}
/* ボタン */
.variable_btncolor {
  background-color: #79CC66;
}
/* アイコン */
.variable_iconcolor {
  fill: #2C569D;
}
/* ページ設定 --------------------------------------------------*/
html,
body {
  background-color: #FFF;
  color: #000;
  font-family: "ヒラギノ角ゴシック", Hiragino Sans, "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "游ゴシック体", "游ゴシック", YuGothic, "游ゴシック Medium", Yu Gothic Medium, Yu Gothic UI, Osaka, "ＭＳ ゴシック", MS Gothic, "ＭＳ Ｐゴシック", MS PGothic, "メイリオ", Meiryo, Meiryo UI, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-align: center;
}
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.immutable_bgcolor {
  background-color: #F2F2F2;
}
.wrap {
  margin: 0 auto;
  max-width: 940px;
  overflow-wrap: break-word;
  position: relative;
  text-align: justify;
  width: 100%;
  word-break: break-all;
}
.btn {
  border-radius: 100px;
  color: #FFF;
  display: inline-block;
  font-size: 20px;
  /* font-size: 24px; */
  font-weight: bold;
  line-height: 1;
  padding: 15px 30px;
  /* padding: 20px 30px; */
  text-align: center;
  text-decoration: none;
  transition: 0.2s;
}
@media (max-width: 940px) {
  .wrap {
    width: calc(100% - 40px);
  }
}
@media (max-width: 768px) {
  .btn {
    font-size: 22px;
    padding: 3vw;
  }
}
@media (max-width: 600px) {
  .btn {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .btn {
    font-size: 18px;
  }
}
/* メインビジュアル --------------------------------------------------*/
.mainVisual {
  height: 28.6vw;
  margin-bottom: 75px;
  padding: 40px 90px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.mainVisual::before, .mainVisual::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: -1;
}
.mainVisual::before {
  right: 0;
  background-image: url(https://freejob.work/myaccount/cps/build/assets/corporate_mv_a-27f80f62.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mainVisual::after {
  left: 0 !important;
  right: unset !important;
  background-color: #249bf6 !important;
  opacity: 1 !important;
}
.mainVisual .btn {
  font-size: 14px;
  min-width: unset;
  padding: 8px 24px;
  position: absolute;
  right: 40px;
  top: 26.8%;
}
.mainVisual .ttlBox {
  color: #FFF;
  height: auto;
  margin-top: 4vw;
  width: 100%;
}
.mainVisual .ttlBox span {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 52%;
  font-weight: normal;
  margin-bottom: 30px;
}
.mainVisual .ttlBox h1 {
  font-size: clamp(16px, 1.875vw, 36px);
  font-weight: bold;
  margin-bottom: 30px;
  text-align: left;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
  -moz-text-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
  -webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
  -ms-text-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
}
.mainVisual .ttlBox p {
  font-size: clamp(11px, 0.729vw, 14px);
  font-weight: normal;
  text-align: left;
}
.mainVisual .btmBox {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  left: calc((100% - 480px) / 2);
  padding: 15px;
  position: absolute;
  width: 480px;
}
.mainVisual .btmBox .caption {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.mainVisual .btmBox .caption span {
  font-family: Arial, sans-serif;
  font-size: 200%;
  font-weight: bold;
}
.mainVisual .btmBox .links {
  font-family: "メイリオ", Meiryo, Meiryo UI, sans-serif;
  font-weight: bold;
}
.mainVisual .btmBox .links a {
  margin: 10px;
}
@media (max-width: 1740px) {
  .mainVisual {
    height: 31vw;
    padding: 5%;
  }
  .mainVisual .ttlBox h1 {
    font-size: 1.875vw;
  }
  .mainVisual .corp-name {
    font-size: 1.875vw;
  }
}
@media (max-width: 1740px) {
  .corp-name {
    font-size: 1.875vw;
  }
}
@media (max-width: 1500px) {
  .mainVisual {
    height: 36vw;
  }
}
@media (max-width: 1200px) {
  .mainVisual {
    height: 46vw;
  }
  .mainVisual .ttlBox {
    margin-top: 4vw;
  }
}
@media (max-width: 1024px) {
  .mainVisual .ttlBox {
    margin-top: 10vw;
  }
  .mainVisual .ttlBox h1 {
    font-size: 1.875vw;
  }
  .mainVisual .btn {
    font-size: 1.2vw;
    right: 5%;
    top: unset;
  }
  .mainVisual .ttlBox p,
  .mainVisual .btmBox .caption {
    font-size: 1.2vw;
  }
}
@media (max-width: 600px) {
  .mainVisual {
    height: 90vw;
  }
  .mainVisual .btn {
    font-size: 3.7vw;
    padding: 2.5vw 5vw;
    min-width: unset;
  }
  .mainVisual .ttlBox {
    margin-top: 12vw;
  }
  .mainVisual .ttlBox h1 {
    font-size: 8vw;
    margin-bottom: 3vw;
  }
  .mainVisual .ttlBox h1 br {
    display: none;
  }
  .mainVisual .ttlBox span {
    margin-bottom: 3vw;
  }
  .mainVisual .ttlBox p {
    font-size: 3.7vw;
  }
  .mainVisual .btmBox {
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
  }
  .mainVisual .btmBox .caption {
    font-size: 4vw;
  }
  .mainVisual .btmBox .links a {
    font-size: 3.6vw;
  }
}
@media (max-width: 480px) {
  .mainVisual .btn {
    font-size: 18px;
  }
  .mainVisual .btmBox .links a {
    margin: 10px 5px;
  }
}
/* セクション共通 --------------------------------------------------*/
main section {
  padding: 75px 0;
}
main section h2 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.2em;
  margin-bottom: 70px;
  text-align: center;
}
main section h2 span {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 20px;
}
main section .lead {
  margin-bottom: 70px;
}
@media (max-width: 600px) {
  main section {
    padding: 40px 0;
  }
  main section h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  main section h2 span {
    font-size: 38px;
    margin-bottom: 0;
  }
  main section .lead {
    margin-bottom: 30px;
  }
}
/* セクション(1) 事業内容 --------------------------------------------------*/
.section_business .infoBoxies {
  border: 2px solid #F8F8F8;
  border-bottom: 0;
}
.section_business .infoBoxies dl {
  border-bottom: 2px solid #F8F8F8;
  display: flex;
  min-height: 220px;
  width: 100%;
}
.section_business .infoBoxies dl:nth-child(odd) {
  background-color: #F2F2F2;
}
.section_business .infoBoxies dl:nth-child(odd) dt .img-wrap .num {
  top: 10px;
  left: 10px;
}
.section_business .infoBoxies dl:nth-child(even) {
  flex-direction: row-reverse;
}
.section_business .infoBoxies dl:nth-child(even) dt .img-wrap .num {
  top: 10px;
  right: 10px;
}
.section_business .infoBoxies dl dt {
  width: 300px;
}
.section_business .infoBoxies dl dt .img-wrap {
  position: relative;
  height: 220px;
  width: 100%;
}
.section_business .infoBoxies dl dt .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  z-index: 0;
}
.section_business .infoBoxies dl dt .img-wrap .num {
  position: absolute;
  color: black;
  font-family: "Great Vibes", cursive;
  font-size: 100px;
  letter-spacing: -0.04em;
  line-height: 1;
  opacity: 0.5;
  z-index: 1;
}
.section_business .infoBoxies dl dd {
  padding: 30px;
  width: calc(100% - 300px);
}
.section_business .infoBoxies dl dd h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .section_business .infoBoxies dl {
    padding: 20px;
  }
  .section_business .infoBoxies dl dt {
    width: 30vw;
  }
  .section_business .infoBoxies dl dd {
    padding: 0 0 0 20px;
    width: calc(100% - 30vw);
  }
  .section_business .infoBoxies dl dt .img-wrap {
    height: 22vw;
  }
}
@media (max-width: 480px) {
  .section_business .infoBoxies dl {
    display: block;
  }
  .section_business .infoBoxies dl dt {
    margin-bottom: 20px;
    width: 100%;
  }
  .section_business .infoBoxies dl dd {
    padding: 0;
    width: 100%;
  }
  .section_business .infoBoxies dl dt .img-wrap {
    height: 50vw;
    width: 100%;
  }
}
/* セクション(2) スタッフ紹介 --------------------------------------------------*/
.section_members .infoBoxies {
  display: flex;
  flex-wrap: wrap;
}
.section_members .infoBoxies dl {
  margin-bottom: 30px;
  margin-right: 20px;
  width: calc((100% - 40px) / 3);
}
.section_members .infoBoxies dl:nth-of-type(3n) {
  margin-right: 0;
}
.section_members .infoBoxies dl dt {
  display: flex;
  min-height: 240px;
  justify-content: space-between;
  margin-bottom: 10px;
}
.section_members .infoBoxies dl dt img {
  display: block;
  /*height: 100%;*/
  min-height: 240px;
  min-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
.section_members .infoBoxies dl dd {
  padding: 10px;
}
.section_members .infoBoxies dl dd p {
  color: #FFF;
}
.section_members .infoBoxies dl:nth-child(odd) dd {
  background-color: #D0D5DB;
}
.section_members .infoBoxies dl:nth-child(odd) dd::before, .section_members .infoBoxies dl:nth-child(odd) dd::after {
  display: none;
}
.section_members .infoBoxies dl dd h3 {
  font-size: 18px;
}
.section_members .infoBoxies dl dd p {
  font-size: 14px;
}
@media (max-width: 940px) {
  .section_members .infoBoxies dl dt {
    min-height: 24vw;
  }
  .section_members .infoBoxies dl dt img {
    min-height: 24vw;
  }
}
@media (max-width: 600px) {
  .section_members .infoBoxies dl {
    width: calc((100% - 20px) / 2);
  }
  .section_members .infoBoxies dl:nth-of-type(3n) {
    margin-right: 20px;
  }
  .section_members .infoBoxies dl:nth-of-type(2n) {
    margin-right: 0;
  }
  .section_members .infoBoxies dl dt {
    min-height: 35vw;
  }
  .section_members .infoBoxies dl dt img {
    min-height: 35vw;
  }
}
@media (max-width: 350px) {
  .section_members .infoBoxies dl {
    margin-right: 0;
    width: 100%;
  }
  .section_members .infoBoxies dl:nth-of-type(2n), .section_members .infoBoxies dl:nth-of-type(3n) {
    margin-right: 0;
  }
  .section_members .infoBoxies dl dt {
    min-height: 50vw;
  }
  .section_members .infoBoxies dl dt img {
    min-height: 50vw;
  }
}
/* セクション(3) 働く環境 --------------------------------------------------*/
.section_environment .infoBoxies {
  display: flex;
  flex-wrap: wrap;
}
.section_environment .infoBoxies dl {
  display: flex;
  width: 100%;
}
.section_environment .infoBoxies dl:first-of-type {
  flex-direction: row;
}
.section_environment .infoBoxies dl:last-of-type {
  flex-direction: row-reverse;
}
.section_environment .infoBoxies dl dt {
  display: flex;
  justify-content: space-between;
  width: 50%;
}
.section_environment .infoBoxies dt img {
  display: block;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
.section_environment .infoBoxies dl dd {
  display: flex;
  width: 50%;
}
.section_environment .infoBoxies dl:first-of-type dd {
  align-items: flex-start;
  padding: 20px 0 20px 40px;
}
.section_environment .infoBoxies dl:last-of-type dd {
  align-items: flex-end;
  padding: 20px 40px 20px 0;
}
.section_environment .infoBoxies dl dd .texts h3 {
  font-size: 20px;
  border-bottom: 2px solid #000;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.section_environment .infoBoxies dl:first-of-type dd .texts h3 {
  text-align: left;
}
.section_environment .infoBoxies dl:last-of-type dd .texts h3 {
  text-align: right;
}
@media (max-width: 940px) {
  .section_environment .wrap:last-of-type {
    width: 100%;
  }
  .section_environment .infoBoxies dl:first-of-type dd, .section_environment .infoBoxies dl:last-of-type dd {
    align-items: center;
    padding: 20px;
  }
}
@media (max-width: 600px) {
  .section_environment .infoBoxies dl {
    display: block;
    padding: 20px;
  }
  .section_environment .infoBoxies dl dt {
    margin-bottom: 20px;
    width: 100%;
  }
  .section_environment .infoBoxies dt img {
    height: 50vw;
  }
  .section_environment .infoBoxies dl dd {
    width: 100%;
  }
  .section_environment .infoBoxies dl:first-of-type dd {
    padding: 0;
  }
  .section_environment .infoBoxies dl:last-of-type dd {
    padding: 0;
  }
  .section_environment .infoBoxies dl:last-of-type dd .texts h3 {
    text-align: left;
  }
  .section_environment .infoBoxies dl dd .texts h3 br {
    display: none;
  }
}
@media (max-width: 480px) {
  .section_environment .infoBoxies dl dd .texts h3 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
/* セクション(4) 代表メッセージ --------------------------------------------------*/
.section_message {
  background-color: #f2f2f2;
}
/* セクション(5) 企業理念 --------------------------------------------------*/
.section_mission .infoBoxies h3 {
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 50px;
  text-align: center;
}
@media (max-width: 600px) {
  .section_mission .infoBoxies h3 {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .section_mission .infoBoxies h3 {
    font-size: 20px;
    text-align: left;
  }
  .section_mission .infoBoxies h3 br {
    display: none;
  }
}
/* セクション(6) サービス --------------------------------------------------*/
.section_service .infoBoxies .infoBox {
  margin-bottom: 60px;
}
.section_service .infoBoxies .infoBox h3 {
  color: #FFF;
  margin-bottom: 20px;
  padding: 15px;
}
.section_service .infoBoxies .infoBox:last-of-type {
  margin-bottom: 0;
}
.section_service .infoBoxies .infoBox dl {
  display: flex;
  width: 100%;
}
.section_service .infoBoxies .infoBox dl dt {
  display: flex;
  justify-content: space-between;
  width: 50%;
}
.section_service .infoBoxies .infoBox dl dt img {
  display: block;
  height: 100%;
  min-height: 370px;
  min-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
.section_service .infoBoxies .infoBox dl dd {
  padding: 0 0 0 40px;
  width: 50%;
}
.section_service .infoBoxies .infoBox dl dd h4 {
  border-bottom: 2px solid #000;
  font-size: 20px;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .section_service .infoBoxies .infoBox dl dt {
    width: 40%;
  }
  .section_service .infoBoxies .infoBox dl dt img {
    height: 30vw;
    min-height: 30vw;
  }
  .section_service .infoBoxies .infoBox dl dd {
    padding: 0 0 0 20px;
    width: 60%;
  }
  .section_service .infoBoxies .infoBox dl dd h4 br {
    display: none;
  }
}
@media (max-width: 600px) {
  .section_service .infoBoxies .infoBox dl {
    display: block;
  }
  .section_service .infoBoxies .infoBox dl dt {
    height: 40vw;
    margin: 0 auto 20px auto;
    width: 60%;
  }
  .section_service .infoBoxies .infoBox dl dt img {
    height: 100%;
  }
  .section_service .infoBoxies .infoBox dl dd {
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .section_service .infoBoxies .infoBox dl dd h4 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
/* セクション(7) ムービー --------------------------------------------------*/
.section_movie .infoBox {
  padding: 60px 0;
}
.section_movie .infoBox:not(.immutable_bgcolor) {
  background-color: unset;
  padding-bottom: 0;
}
.section_movie .infoBox .wrap {
  max-width: 700px;
}
.section_movie .infoBox .video {
  height: 0;
  margin: 0 auto 50px auto;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.section_movie .infoBox .video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.section_movie .infoBox h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .section_movie .infoBox .video {
    width: 90%;
  }
}
/* セクション(8) 会社情報 --------------------------------------------------*/
.section_company .infoBoxies dl {
  border-bottom: 2px solid #E8E8E8;
  display: flex;
  margin-bottom: 20px;
}
.section_company .infoBoxies dl dt {
  font-weight: bold;
  padding: 10px 40px 10px 0;
  width: 170px;
}
.section_company .infoBoxies dl dd {
  padding: 10px 0;
  width: calc(100% - 170px);
}
.section_company .infoBoxies dl dd iframe {
  display: block;
  height: 270px;
  margin: 20px 0;
  width: 100%;
}
@media (max-width: 480px) {
  .section_company .infoBoxies dl {
    display: block;
  }
  .section_company .infoBoxies dl dt,
  .section_company .infoBoxies dl dd {
    width: 100%;
  }
}
/* セクション(9) 採用情報 --------------------------------------------------*/
.section_recruit .categories {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.section_recruit .categories a {
  box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  margin-right: 20px;
}
.section_recruit .categories a::before, .section_recruit .categories a::after {
  border-radius: 100px;
}
.section_recruit .infoBoxies {
  margin-bottom: 70px;
}
.section_recruit .infoBoxies:last-of-type {
  margin-bottom: 0;
}
.section_recruit .infoBoxies h3 {
  border: 1px;
  border-style: solid;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 10px 20px;
}
.section_recruit .infoBoxies .infoBox {
  padding: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
.section_recruit .infoBoxies .infoBox:last-of-type {
  margin-bottom: 0;
}
.section_recruit .infoBoxies .infoBox h4 {
  border-bottom: 2px solid #000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 15px;
  width: 100%;
}
.section_recruit .infoBoxies .infoBox .image {
  display: flex;
  justify-content: space-between;
  width: 50%;
}
.section_recruit .infoBoxies .infoBox .image img {
  display: block;
  height: 100%;
  min-height: 300px;
  min-width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
.section_recruit .infoBoxies .infoBox .texts {
  font-size: 14px;
  padding: 0 0 0 30px;
  text-align: center;
  width: 50%;
}
.section_recruit .infoBoxies .infoBox .texts dl {
  display: flex;
  margin-bottom: 20px;
  text-align: left;
  width: 100%;
}
.section_recruit .infoBoxies .infoBox .texts dl dt {
  font-weight: bold;
  width: 100px;
}
.section_recruit .infoBoxies .infoBox .texts dl dt .variable_iconcolor {
  bottom: -4px;
  display: inline-block;
  height: 18px;
  margin-right: 3px;
  position: relative;
  width: 18px;
}
.section_recruit .infoBoxies .infoBox .texts dl dt .variable_iconcolor svg {
  height: 100%;
  width: 100%;
}
.section_recruit .infoBoxies .infoBox .texts dl dd {
  width: calc(100% - 100px);
}
.section_recruit .infoBoxies .infoBox .texts .btn:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .section_recruit .infoBoxies .infoBox .image {
    width: 35%;
  }
  .section_recruit .infoBoxies .infoBox .image img {
    height: 25vw;
    min-height: 25vw;
  }
  .section_recruit .infoBoxies .infoBox .texts {
    padding: 0 0 0 20px;
    width: 65%;
  }
}
@media (max-width: 600px) {
  .section_recruit .infoBoxies .infoBox h4 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 60%;
  }
  .section_recruit .infoBoxies .infoBox .image {
    margin-left: 20px;
    width: calc(40% - 20px);
  }
  .section_recruit .infoBoxies .infoBox .image img {
    height: 22vw;
    min-height: 22vw;
  }
  .section_recruit .infoBoxies .infoBox .texts {
    margin-top: 20px;
    padding: 0;
    width: 100%;
  }
  .section_recruit .infoBoxies .infoBox .texts dl dd br {
    display: none;
  }
  .section_recruit .infoBoxies .infoBox .texts .btn {
    max-width: 200px;
    width: 80%;
  }
}
@media (max-width: 480px) {
  .section_recruit .infoBoxies .infoBox h4 {
    font-size: 18px;
  }
}
/* フッター --------------------------------------------------*/
footer {
  align-items: flex-end;
  color: #FFF;
  display: flex;
  font-family: Arial, sans-serif;
  font-size: 12px;
  justify-content: center;
  margin-top: 75px;
  max-height: 240px;
  height: 100px;
  padding: 30px 0;
  text-align: center;
}
@media (max-width: 768px) {
  footer {
    min-height: 100px;
  }
}
.ttlBox h1 {
  color: white;
}
.uk-height-medium {
  height: auto;
}
header {
  border-bottom: 2px solid #d0d5db;
  padding: 0 20px;
  height: 70px;
}
@media (max-width: 768px) {
  header {
    border-bottom: 2px solid #d0d5db;
    padding: 0 20px;
  }
}
header h1 {
  font-size: 0.8rem;
  line-height: 1.5rem;
  background-color: #7CB342;
  padding: 0px 5%;
  color: #fff;
}
footer {
  background: #148de4;
  font-size: 12px;
  color: #fff;
}
.button-raunded {
  border-radius: 100px;
}
@media (max-width: 768px) {
  .button-small {
    padding: 0 30px;
    font-weight: 600;
    background: #148de4;
  }
}
@media (min-width: 768px) {
  .button-small {
    padding: 0 60px;
    font-weight: 600;
    background: #148de4;
  }
}
/*button*/
.uk-button {
  line-height: 38px !important;
}
.uk-button-primary {
  background-color: #148de4;
  color: #fff !important;
  border: 1px solid transparent;
}
.uk-button-primary:hover {
  background-color: #0f7ae5;
  color: #fff;
}
.uk-button-secondary {
  background-color: #79cc66;
  color: #fff !important;
  border: 1px solid transparent;
}
.uk-button-secondary:hover {
  background-color: #45c850;
  color: #fff;
}
.uk-button-large {
  font-size: 24px;
  font-weight: 600;
  border-radius: 10px;
  height: 60px;
}
.uk-button-medium {
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  -webkit-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 600;
  height: 60px;
  text-align: center;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  width: 200px;
}
.hover-item .hover-item-buttons .uk-button {
  opacity: 0;
}
.hover-item:hover .hover-item-buttons .uk-button {
  opacity: 0.5;
}
.hover-item .hover-item-buttons .uk-button:hover {
  opacity: 1;
}
@media (min-width: 769px) {
  .button-outline {
    background: #fff;
    border: 1px solid #148de4;
    color: #148de4 !important;
    padding: 0 60px;
  }
}
@media (max-width: 768px) {
  .button-outline {
    background: #fff;
    border: 1px solid #148de4;
    color: #148de4 !important;
    padding: 0 30px;
  }
}
.button-outline:hover {
  background-color: #bad5e9;
  color: #0f7ae5 !important;
}
.button-faq {
  font-weight: 600;
}
.render-text {
  white-space: pre-wrap;
}
.uk-margin-medium-right {
  margin-right: 40px !important;
}
@media (max-width: 769px) {
  .navbar {
    padding-top: 15px;
  }
}
@media (max-width: 1740px) {
  .mainVisual .ttlBox .corp-name {
    font-size: 3.8vw;
  }
}
.section_environment .infoBoxies dl:nth-child(odd) {
  flex-direction: row;
}
.section_environment .infoBoxies dl:nth-child(even) {
  flex-direction: row-reverse;
}
.section_environment .infoBoxies dl:nth-child(odd) dd {
  align-items: flex-start;
  padding: 20px 0 20px 40px;
}
.section_environment .infoBoxies dl:nth-child(even) dd {
  align-items: flex-end;
  padding: 20px 40px 20px 0;
}
@media (max-width: 940px) {
  .section_environment .infoBoxies dl:nth-child(odd) dd, .section_environment .infoBoxies dl:nth-child(even) dd {
    align-items: center;
    padding: 20px;
  }
}
@media (max-width: 940px) and (max-width: 600px) {
  .section_environment .infoBoxies dl:nth-child(odd) dd {
    padding: 0;
  }
  .section_environment .infoBoxies dl:nth-child(even) dd {
    padding: 0;
  }
  .section_environment .infoBoxies dl:nth-child(even) dd .texts h3 {
    text-align: left;
  }
}