:root {
  --main-color: #2ca9e1;
  --main-color-tint: #f0faff;
  --main-color-tint-contrast: #001824;
}

.sp-only {
  display: none;
}

.pc-only {
  display: initial;
}

.slides {
  background: #fff;
}

.h-100 {
  height: 100%;
}

.cover {
  object-fit: cover;
}

.main-color {
  background: var(--main-color);
}

.page-title {
  font-size: 80px;
}

.sidebar {
  background: var(--main-color-tint);
  color: var(--main-color-tint-contrast);
}

.sidebar .close svg {
  fill: var(--main-color-tint-contrast);
}

/* ヘッダー */
.header-logo {
  font-size: 30px;
}

/* ヘッダー */

/* フッター */
footer {
  padding: 0 calc(8% + 15px);
  background: var(--main-color);
}

footer li {
  font-size: 16px;
}

/* フッター */


/*----- トップページ -----*/
.logo {
  font-size: 80px;
}

.thumbnail {
  line-height: 0;
  overflow: hidden;
}

.h-80,
.h-80 .container {
  height: 80vh !important;
}

/*----- トップページ -----*/

/*----- 会社概要 -----*/
.history,
.factory {
  margin: 0 auto;
  font-size: 16px;
}

.history tr,
.factory tr {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.history .tdr,
.factory .tdr {
  padding: 16px 0;
}

.history .tdl,
.factory .tdl {
  min-width: 150px;
}

.map {
  min-height: 300px;
}

/*----- 会社概要 -----*/

/*----- 事業内容 -----*/
.slick-prev:before,
.slick-next:before {
  color: #000;
}

.slick-dots li button:before {
  font-size: 70px;
}

/*----- 事業内容 -----*/

/*----- 採用情報 -----*/
.recruit-infos .recruit {
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
}

.arrow {
  line-height: 0;
}

.arrow svg {
  width: 16px;
  height: 20px;
}

/*----- 採用情報 -----*/


/*----- 求人ページ -----*/
h1.xs {
  font-size: 30px;
}

.job-table {
  font-size: 16px;
  line-height: 3rem;
}

.job-tdl {
  padding: 16px;
  line-height: 1.6rem;
  min-width: 120px;
}

.job-tdr {
  padding: 16px 0 16px 32px;
  line-height: 1.6rem;
}

.job-table tr:nth-child(2n+1) .job-tdl {
  background: rgba(255, 255, 255, .2);
}

.job-table tr:nth-child(2n+1) .job-tdr {
  border: 1px solid rgba(255, 255, 255, .2);
}

/*----- 求人ページ -----*/

/* 応募フォーム */

input[type="checkbox"],
input[type="radio"] {
  display: none;
}

form {
  padding: 0 8px;
}

form .gender {
  display: flex;
}

form .gender label {
  padding: 10px 16px;
  margin: 5px 16px 5px 0;
  border: 1px solid rgba(0, 0, 0, .2);
  transition: .4s;
}

form .gender input:checked+label {
  color: #fff;
  background: var(--main-color);
  font-weight: bold;
  transition: .4s;
}

form .job {
  max-width: initial;
}

form .attention {
  font-size: 12px;
}

form .date {
  justify-content: space-between;
}

form .date input {
  max-width: 55% !important;
}

form .date select {
  max-width: 40% !important;
}

/* 応募フォーム */


/*----- プロダクトページ -----*/
.product-feature {
  width: 180px;
}

.product-feature .circle {
  background: #e8ece1;
  border-radius: 100%;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}

.product-feature .circle .material-icons {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
}

/*----- プロダクトページ -----*/

@media screen and (max-width: 480px) {

  .sp-only {
    display: initial;
  }

  .pc-only {
    display: none;
  }

  .container .wrap .spaceWrap,
  .container .wrap.spaceWrap,
  .container .wrap:not(.noSpaces) {
    padding: 120px calc(1% + 15px);
  }

  .page-title {
    font-size: 40px;
  }

  .autoHeightSp{
    margin-top: 70px;
  }
  .autoHeightSp .wrap{
    padding: 90px calc(1% + 15px) !important;
  }

  .pad {
    padding: 0;
  }

  .map {
    min-height: 200px;
  }

  .history .tdl,
  .factory .tdl {
    min-width: 100px;
  }

  section.h-80,
  section.h-80 .container {
    height: 60vh !important;
  }

  section.h-80 .background {
    min-height: 60vh !important;
  }

  section.h-80 .container .wrap {
    padding: 0 calc(1% + 15px);
  }

  .slick-next,
  .slick-prev {
    z-index: 99999;
  }

  .slick-next {
    right: 0;
  }

  .slick-prev {
    left: 0;
  }
}

.margin_btn{
color:#0d53bd; 
text-decoration:underline solid #0d53bd;
}

.font-blue {
  color: #2ca9e1;
}