@charset "UTF-8";
/**
* @file _reset.scss
**/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: bottom;
}
/* * {
  border: 1px solid #333;
} */

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

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

*:focus {
  outline: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  border: 0;
  outline: none;
  cursor: pointer;
}

input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}

input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

/**
* @file _mixin.scss
**/
/**
* @file _variable.scss
**/
/**
* @file _base.scss
**/
html {
  font-size: 62.5%;
}

body {
  color: #474747;
  font-size: 1.6rem;
  font-family: "游ゴシック", verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.2rem;
  }
}

h1,
h2,
h3,
h4 {
  line-height: 1.75;
  font-family: "游ゴシック", verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

p,
input,
textarea {
  line-height: 1.7;
  font-family: "游ゴシック", verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

a {
  color: #474747;
  font-family: "游ゴシック", verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-decoration: none;
}

.is-pc {
  display: block;
}
.is-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .is-pc {
    display: none;
  }
  .is-sp {
    display: block;
  }
}

.is-tab {
  display: none;
}

@media screen and (max-width: 768px) {
  .is-tab {
    display: block;
  }
}

.is-uppercase {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  a[href^='tel:'] {
    pointer-events: none;
  }
}

.fixed {
  overflow: hidden;
}
@media (min-width: 768px) {
  .l-lg {
    display: none !important;
}
}

@media screen and (max-width: 1024px) {
  .l-sm {
    display: none !important;
}
}



/* common */

.mgn-t10 {
  margin-top: 10px;
}
.mgn-t20 {
  margin-top: 20px;
}
.mgn-t30 {
  margin-top: 30px;
}
.mgn-t40 {
  margin-top: 40px;
}
.mgn-t50 {
  margin-top: 50px;
}


/**
* @file _404.scss
**/
.l-404 {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-404 {
    margin-top: 50px;
  }
}

.l-404 .not-found__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%, url("../images/others/404-fv.png") no-repeat center center/cover;
}

.l-404 .not-found {
  padding-top: 110px;
  padding-bottom: 98px;
  background-color: #f2f6f7;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found {
    padding-top: 90px;
    padding-bottom: 74px;
  }
}

.l-404 .not-found__content {
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 86px 102px 103px;
  background-color: #fff;
  color: #004092;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__content {
    display: block;
    max-width: 500px;
    padding: 40px 20px;
  }
}

.l-404 .not-found__ttl {
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-404 .not-found__ttl {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__ttl {
    font-size: 1.7rem;
  }
}

.l-404 .not-found__text {
  margin-top: 32px;
  font-size: 2.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-404 .not-found__text {
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__text {
    margin-top: 18px;
    font-size: 1.4rem;
  }
}

.l-404 .not-found__btn {
  margin-top: 47px;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__btn {
    margin-top: 24px;
  }
}

.l-404 .not-found .btn__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding-right: 24px;
  background-color: #004092;
  color: #fff;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found .btn__link {
    font-size: 1.4rem;
  }
}

.l-404 .not-found .btn__link:first-of-type {
  width: 161px;
}

.l-404 .not-found .btn__link:nth-of-type(2) {
  width: 200px;
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found .btn__link:nth-of-type(2) {
    margin-top: 18px;
    margin-left: 0;
  }
}

.l-404 .not-found .btn__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 14px;
  width: 26px;
  height: 6.4px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found .btn__link::after {
    right: 22px;
    background-size: 80%;
  }
}

.l-404 .not-found .btn__link:hover::after {
  right: 8px;
}

.l-404 .not-found__tel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__tel {
    display: block;
    text-align: center;
  }
}

.l-404 .not-found__tel .tel__link {
  display: inline-block;
  position: relative;
  color: #004092;
  font-size: 2.8rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__tel .tel__link {
    font-size: 2.2rem;
  }
}

.l-404 .not-found__tel .tel__link::before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -56px;
  width: 33.7px;
  height: 33.7px;
  transform: translateY(-50%);
  background: url(../images/inquiry/tel.svg) no-repeat;
  content: "";
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-404 .not-found__tel .tel__link::before {
    background-size: 95%;
  }
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__tel .tel__link::before {
    left: -38px;
  }
}

.l-404 .not-found__tel .tel__time {
  margin-left: 16px;
  color: #004092;
  font-weight: 500;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__tel .tel__time {
    margin-left: 0;
    font-size: 1.2rem;
  }
}

.l-404 .not-found__breadcrumb {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-404 .not-found__breadcrumb {
    margin-top: 50px;
  }
}

/**
* @file _aboutus.scss
**/
.l-aboutus .fv__bg {
  background: linear-gradient(120deg, rgba(172, 242, 255, 0.64) 0%, rgba(0, 183, 242, 0.82) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

.l-aboutus .fv__img {
  background: url("../images/aboutus/fv.png") no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-aboutus .fv__img {
    background: url("../images/aboutus/fv-sp.png") no-repeat left top 20%/cover;
  }
}

.l-aboutus .message {
  background-color: #f7f9f8;
}

.l-aboutus .message__bg {
  position: relative;
  top: -226px;
  padding: 238px 67px 35.5px 160px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(85%, #fff), color-stop(85%, transparent), to(transparent));
  background: linear-gradient(90deg, #fff 0%, #fff 85%, transparent 85%, transparent 100%);
}

@media screen and (max-width: 1024px) {
  .l-aboutus .message__bg {
    padding-left: 80px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(90%, #fff), color-stop(90%, transparent), to(transparent));
    background: linear-gradient(90deg, #fff 0%, #fff 90%, transparent 90%, transparent 100%);
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__bg {
    top: -106px;
    padding: 117px 5% 30px 10%;
  }
}

.l-aboutus .message-width {
  max-width: 1140px;
  margin: auto;
}

.l-aboutus .message__content {
  position: relative;
  width: 86.5%;
}

.l-aboutus .message__ttl {
  position: relative;
  left: -28px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__ttl {
    left: 0;
  }
}

.l-aboutus .message__ttl--ja {
  font-size: 4rem;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1200px) {
  .l-aboutus .message__ttl--ja {
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 1024px) {
  .l-aboutus .message__ttl--ja {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__ttl--ja {
    font-size: 2rem;
  }
}

.l-aboutus .message__ttl--en {
  position: absolute;
  top: -168px;
  left: -40px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__ttl--en {
    top: -81px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__ttl--en img {
    width: 220px;
  }
}

.l-aboutus .message__img {
  position: absolute;
  top: -50px;
  right: -98px;
  width: 373px;
}

@media screen and (max-width: 1200px) {
  .l-aboutus .message__img {
    width: 300px;
  }
}

@media screen and (max-width: 1024px) {
  .l-aboutus .message__img {
    right: -128px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__img {
    position: static;
    width: 247px;
    margin: 30px auto 0;
  }
}

.l-aboutus .message__img img {
  width: 373px;
}

@media screen and (max-width: 1200px) {
  .l-aboutus .message__img img {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__img img {
    width: 247px;
  }
}

.l-aboutus .message__text01 {
  width: 70%;
  max-width: 637px;
  margin-top: 31px;
  padding-right: 39px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__text01 {
    width: 100%;
    padding-right: 0;
  }
}

.l-aboutus .message__text02 {
  margin: 24px 0 0 42px;
  padding-left: 2em;
  font-weight: bold;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__text02 {
    margin: 10px 0 0 0;
    padding: 0 1em;
    font-size: 1.4rem;
    line-height: 2;
  }
}

.l-aboutus .message__text03 {
  max-width: 813px;
  margin-top: 24px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__text03 {
    margin-top: 10px;
  }
}

.l-aboutus .message__top {
  margin-top: 1em;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__top {
    margin-top: 18px;
  }
}

.l-aboutus .message__position {
  margin-right: 125px;
  font-size: 1.8rem;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__position {
    font-size: 1.4rem;
  }
}

.l-aboutus .message__name {
  width: 176px;
  margin-top: 10px;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__name {
    width: 136px;
  }
}

.l-aboutus .message__name img {
  width: 176px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .message__name img {
    width: 136px;
  }
}

.l-aboutus .business {
  margin-top: 0;/* 250620変更：トップメッセージ表示の際、削除 */
  padding-top: 85px;/* 250620変更：トップメッセージ表示の際、削除 */
  /* margin-top: -125px;*/ /* 250620変更：トップメッセージ表示の際、コメントアウト外す*/
  padding-bottom: 190px;
  background-color: #f7f9f8;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business {
    margin-top: -73px;
    padding-bottom: 50px;
  }
}

.l-aboutus .business__ttl {
  text-align: center;
}

.l-aboutus .business__list {
  margin-top: 47px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__list {
    margin-top: 34px;
  }
}

.l-aboutus .business__item {
  position: relative;
}

.l-aboutus .business__item:nth-of-type(2n) {
  margin-top: 147px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item:nth-of-type(2n) {
    margin-top: 24px;
  }
}

.l-aboutus .business__item:nth-of-type(3) {
  margin-top: 87px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item:nth-of-type(3) {
    margin-top: 24px;
  }
}

.l-aboutus .business__item__img {
  z-index: 2;
  position: absolute;
  width: 53%;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__img {
    position: relative;
    width: 80%;
  }
}

.l-aboutus .business__item__img img {
  width: 100%;
  height: auto;
}

.l-aboutus .business__item__img__left {
  top: 28px;
  right: 0;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__img__left {
    right: -20%;
  }
}

.l-aboutus .business__item__img__right {
  top: -28px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__img__right {
    top: 28px;
  }
}

.l-aboutus .business__item__body {
  position: relative;
  width: 100%;
  max-width: 510px;
  padding-top: 72px;
  padding-bottom: 42px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .business__item__body {
    width: 53%;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__body {
    width: 80%;
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

.l-aboutus .business__item__body span {
  position: absolute;
  top: -50px;
  color: #3e4f7c;
  font-size: 8rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .business__item__body span {
    top: -24px;
    font-size: 4rem;
  }
}

.l-aboutus .business__item__body__left {
  left: 5%;
  padding-right: 131px;
  padding-left: 61px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__body__left {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.l-aboutus .business__item__body__left span {
  left: -30px;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .business__item__body__left span {
    left: -14px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__body__left span {
    left: 0;
  }
}

.l-aboutus .business__item__body__right {
  right: -45%;
  padding-right: 75px;
  padding-left: 116px;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .business__item__body__right {
    right: -43%;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__body__right {
    right: 0;
    margin-right: 5%;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.l-aboutus .business__item__body__right span {
  right: -24px;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .business__item__body__right span {
    right: -14px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__body__right span {
    right: 0;
  }
}

.l-aboutus .business__item__body04 {
  padding-top: 55px;
  padding-bottom: 21px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .business__item__body04 {
    padding-top: 50px;
  }
}

.l-aboutus .business__item__ttl {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .business__item__ttl {
    font-size: 1.8rem;
  }
}

.l-aboutus .business__item__text {
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .business__item__text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.l-aboutus .person {
  padding-top: 85px;
  padding-bottom: 85px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .person {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.l-aboutus .person-padding {
  padding: 0 11%;
}

@media screen and (max-width: 768px) {
  .l-aboutus .person-padding {
    padding: 0 11% 0 0;
  }
}

.l-aboutus .person__ttl {
  text-align: center;
}

.l-aboutus .person__wrapper {
  margin-top: 68px;
  padding-top: 42%;
  background: url(../images/aboutus/person.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-aboutus .person__wrapper {
    margin-top: 34px;
  }
}

@media screen and (max-width: 599px) {
  .l-aboutus .person__wrapper {
    padding-top: 50%;
  }
}

.l-aboutus .person__content {
  position: relative;
  right: -9%;
  width: 100%;
  max-width: 581px;
  margin: -224px 0 0 auto;
  padding: 42px 7.1%;
  background: #f7f9f8;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .person__content {
    max-width: 481px;
    margin-top: -143px;
    padding: 42px 52px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .person__content {
    right: -5.5%;
    max-width: 481px;
    margin-top: -30px;
    padding: 32px;
  }
}

.l-aboutus .person__content__text {
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .person__content__text {
    font-size: 1.4rem;
  }
}

.l-aboutus .charm {
  padding-top: 97px;
  padding-bottom: 272px;
  background: linear-gradient(45deg, rgba(54, 199, 226, 0.95) 0%, rgba(161, 237, 217, 0.8) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-aboutus .charm {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .charm .l-content-padding {
    padding-left: 10px;
  }
}

.l-aboutus .charm__ttl {
  text-align: center;
}

.l-aboutus .charm__ttl--en {
  color: rgba(255, 255, 255, 0.64);
}

.l-aboutus .charm__ttl--ja {
  color: #fff;
}

.l-aboutus .charm__list {
  width: 100%;
  max-width: 860px;
  margin-top: 86px;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .charm__list {
    width: calc(98% - 20px);
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .charm__list {
    width: 100%;
    max-width: 500px;
  }
}

.l-aboutus .charm__item {
  position: relative;
  padding: 63px 52% 44px 64px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .charm__item {
    padding: 30px 52% 30px 30px;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .charm__item {
    display: block;
    padding: 30px;
  }
}

.l-aboutus .charm__item:not(:first-of-type) {
  margin-top: 81px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .charm__item:not(:first-of-type) {
    margin-top: 104px;
  }
}

.l-aboutus .charm__item__ttl {
  font-size: 2.4rem;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .charm__item__ttl {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .charm__item__ttl {
    margin-top: -30px;
  }
}

.l-aboutus .charm__item__text {
  margin-top: 36px;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .charm__item__text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.l-aboutus .charm__item__img {
  position: absolute;
  top: -30px;
  right: -13%;
}

@media screen and (max-width: 1024px) {
  .l-aboutus .charm__item__img {
    right: -2%;
    width: 46%;
  }
}

@media screen and (max-width: 768px) {
  .l-aboutus .charm__item__img {
    position: relative;
    top: -60px;
    right: -50px;
    width: 100%;
  }
}

.l-aboutus .charm__item__img img {
  width: 100%;
  height: auto;
}

.l-aboutus .breadcrumb {
  padding-top: 57.6px;
}

@media screen and (max-width: 768px) {
  .l-aboutus .breadcrumb {
    padding-top: 30px;
    padding-bottom: 15px;
  }
}

/**
* @file _category.scss
**/
.l-category {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-category {
    margin-top: 50px;
  }
}

.l-category .category__section {
  margin-top: 180px;
  padding-top: 90px;
}

@media screen and (max-width: 768px) {
  .l-category .category__section {
    margin-top: 80px;
    padding-top: 64px;
  }
}

.l-category .public {
  margin-left: 7%;
  background: url(../images/category/public-bg.png) no-repeat center top/cover;
}

.l-category .corporate {
  margin-right: 7%;
  background: url(../images/category/corporate-bg.png) no-repeat center top/cover;
}

.l-category .financial {
  margin-top: 200px;
  margin-left: 7%;
  background: url(../images/category/financial-bg.png) no-repeat center top/cover;
}

@media screen and (max-width: 768px) {
  .l-category .financial {
    margin-top: 80px;
  }
}

.l-category .section-right {
  margin-right: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 30%, rgba(204, 215, 219, 0.25) 30%, rgba(204, 215, 219, 0.25) 100%);
}

.l-category .section-left {
  margin-left: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 30%, rgba(204, 215, 219, 0.25) 30%, rgba(204, 215, 219, 0.25) 100%);
}

.l-category .category__ttl {
  color: #fff;
  text-align: center;
}

.l-category .category__ttl--ja {
  font-weight: bold;
  font-size: 4.6rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-category .category__ttl--ja {
    font-size: 2.6rem;
  }
}

.l-category .category__ttl--en {
  font-size: 2.4rem;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-category .category__ttl--en {
    font-size: 1.4rem;
  }
}

.l-category .content__left {
  width: 86%;
  margin-top: 64px;
  padding-left: 9%;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-category .content__left {
    width: 90%;
    padding-left: 20px;
  }
}

.l-category .content__right {
  position: relative;
  left: 15%;
  width: 86%;
  margin-top: 64px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-category .content__right {
    width: 90%;
  }
}

.l-category .category__content {
  -webkit-column-gap: 14%;
  -moz-column-gap: 14%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-gap: 14%;
  padding: 37px 42px 58px;
  column-count: 2;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-category .category__content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    padding-top: 17px;
    column-count: 1;
  }
}

@media screen and (max-width: 768px) {
  .l-category .category__content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.l-category .content__block {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  padding-top: 60px;
  break-inside: avoid;
}

@media screen and (max-width: 768px) {
  .l-category .content__block {
    padding-top: 30px;
  }
}

.l-category .block__ttl {
  padding: 0.5em 28px;
  border-left: 2px solid #004092;
  color: #004092;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-category .block__ttl {
    padding: 0.1em 10px;
    font-size: 1.6rem;
  }
}

.l-category .block__list {
  margin-top: 8px;
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .l-category .block__list {
    margin-left: 14px;
  }
}

.l-category .block__item {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .l-category .block__item {
    margin-top: 12px;
  }
}

.l-category .block__link {
  display: inline-block;
  position: relative;
  color: #4ac7f5;
  font-family: "Noto Sans JP", sans-serif;
}

.l-category .block__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -30px;
  width: 16px;
  height: 6px;
  transform: translateY(-50%);
  background: url(../images/category/arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-category .block__link::after {
    right: -24px;
  }
}

.l-category .block__link:hover::after {
  right: -40px;
}

.l-category .category__ttl02 {
  text-align: center;
}

.l-category .category__ttl02--main {
  color: #004092;
  font-weight: bold;
  font-size: 4.6rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-category .category__ttl02--main {
    font-size: 2.6rem;
  }
}

.l-category .category__ttl02--sub {
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-category .category__ttl02--sub {
    font-size: 1.4rem;
  }
}

.l-category .category__breadcrumb {
  margin-top: 180px;
}

@media screen and (max-width: 768px) {
  .l-category .category__breadcrumb {
    margin-top: 90px;
  }
}

/**
* @file _company.scss
**/
.l-company {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-company {
    margin-top: 50px;
  }
}

.l-company .company__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/company/fv.png") no-repeat right top/cover;
}

.l-company .company__section {
  padding-top: 88px;
}

@media screen and (max-width: 768px) {
  .l-company .company__section {
    padding-top: 46px;
  }
}

.l-company .section__left {
  margin-left: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 50%, rgba(204, 215, 219, 0.25) 50%, rgba(204, 215, 219, 0.25) 100%);
}

.l-company .section__right {
  margin-right: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 40%, rgba(204, 215, 219, 0.25) 40%, rgba(204, 215, 219, 0.25) 100%);
}

.l-company .profile {
  margin-top: 123px;
}

@media screen and (max-width: 768px) {
  .l-company .profile {
    margin-top: 80px;
  }
}

.l-company .section__ttl {
  text-align: center;
}

.l-company .section__ttl .c-section-ttl--en {
  color: #004092;
  font-size: 4.8rem;
}

@media screen and (max-width: 768px) {
  .l-company .section__ttl .c-section-ttl--en {
    font-size: 3.2rem;
  }
}

.l-company .section__ttl--ja {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-company .section__ttl--ja {
    font-size: 1.4rem;
  }
}

.l-company .section__content {
  width: 86%;
  margin-top: 70px;
  padding-top: 70px;
  padding-bottom: 121px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-company .section__content {
    margin-top: 60px;
    padding-bottom: 30px;
  }
}

.l-company .content__left {
  padding-right: 6%;
  padding-left: 9%;
}

@media screen and (max-width: 768px) {
  .l-company .content__left {
    padding-left: 0;
  }
}

.l-company .profile__list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  font-family: "Noto Sans JP", sans-serif;
}

.l-company dt,
.l-company dd {
  position: relative;
  border-top: 1px solid #e0e0e0;
  line-height: 2;
}

.l-company dt:last-of-type,
.l-company dd:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}

.l-company dt {
  width: 30%;
  padding: 14px 9.5px;
  color: #004092;
  font-weight: 500;
  font-size: 1.8rem;
}

@media screen and (max-width: 1024px) {
  .l-company dt {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-company dt {
    padding: 7px;
    font-size: 1.2rem;
  }
}

.l-company dt::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-company dt:last-of-type::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-bottom: 1px solid #4ac7f5;
  content: "";
}

.l-company dd {
  width: 70%;
  padding: 17px 0;
}

@media screen and (max-width: 1024px) {
  .l-company dd {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) {
  .l-company dd {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    font-size: 1.2rem;
  }
}

.l-company .license__item:nth-of-type(11) {
  margin-top: 1em;
}

@media screen and (max-width: 599px) {
  .l-company .license__item {
    margin-left: 1em;
  }
}

.l-company .license__item span {
  display: inline-block;
  width: 250px;
  margin-right: 30px;
}

@media screen and (max-width: 599px) {
  .l-company .license__item span {
    display: block;
    width: 100%;
    margin-left: -1em;
  }
}

.l-company .history {
  margin-top: 123px;
  padding-top: 88px;
}

@media screen and (max-width: 768px) {
  .l-company .history {
    margin-top: 80px;
  }
}

.l-company .content__right {
  position: relative;
  left: 14%;
  padding-right: 9%;
  padding-left: 6%;
}

@media screen and (max-width: 768px) {
  .l-company .content__right {
    padding-right: 0;
    padding-left: 4%;
  }
}

.l-company .history__list {
  position: relative;
}

.l-company .history__list::after {
  position: absolute;
  top: 4%;
  left: 120px;
  width: 1px;
  height: 92%;
  background-color: #004092;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-company .history__list::after {
    left: 70px;
  }
}

.l-company .history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-company .history__item:not(:first-of-type) {
  margin-top: 20px;
}

.l-company .history__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
}

@media screen and (max-width: 768px) {
  .l-company .history__block {
    width: 70px;
  }
}

.l-company .history__year {
  color: #004092;
  font-size: 2.8rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-company .history__year {
    font-size: 1.6rem;
  }
}

.l-company .history__year span {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-company .history__year span {
    font-size: 1rem;
  }
}

.l-company .history__month {
  margin-top: 6px;
  padding-left: 0.5em;
  color: #004092;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-company .history__month {
    font-size: 1rem;
  }
}

.l-company .history__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: calc(100% - 120px);
  height: 70px;
  padding-right: 3.5%;
  padding-left: 3.5%;
  background: #f2f6f7;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-company .history__text {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 768px) {
  .l-company .history__text {
    width: calc(100% - 70px);
  }
}

.l-company .history__text::after {
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 31px;
  left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #4ac7f5;
  content: "";
}

.l-company .location {
  margin-top: 123px;
}

@media screen and (max-width: 768px) {
  .l-company .location {
    margin-top: 80px;
  }
}

.l-company .location__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-company .location__content {
    display: block;
    width: 80%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-company .location__map {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 47%;
  flex: 0 1 47%;
}

.l-company .location__map img {
  width: 100%;
}

.l-company .location__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 44%;
  flex: 0 1 44%;
  margin-top: 76px;
}

@media screen and (max-width: 1024px) {
  .l-company .location__text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}

.l-company .location__access {
  font-family: "Noto Sans JP", sans-serif;
}

.l-company .location__tel {
  margin-top: 18px;
  font-family: "Noto Sans JP", sans-serif;
}

.l-company .location__fax {
  font-family: "Noto Sans JP", sans-serif;
}

.l-company .location__wrapper {
  position: relative;
  left: -23%;
  width: 131.5%;
  margin-top: 103px;
  padding-top: 42%;
}

@media screen and (max-width: 768px) {
  .l-company .location__wrapper {
    margin-top: 48px;
    padding-top: 50%;
  }
}

.l-company .location__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
* @file _content.scss
**/
.l-content-width {
  max-width: 960px;
  margin: auto;
}

.l-content-padding {
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .l-content-padding {
    padding: 0 30px;
  }
}

/**
* @file _corporate.scss
**/
.l-corporate {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-corporate {
    margin-top: 50px;
  }
}

.l-corporate .corporate__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/corporate/fv.png") no-repeat right top/cover;
}

.l-corporate .corporate {
  padding-top: 92px;
  padding-bottom: 142px;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate {
    padding-top: 62px;
    padding-bottom: 82px;
  }
}

.l-corporate .corporate__item {
  position: relative;
  overflow: hidden;
}

.l-corporate .corporate__item:not(:first-of-type) {
  margin-top: 74px;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__item:not(:first-of-type) {
    margin-top: 34px;
  }
}

.l-corporate .corporate__item .bg00 {
  background: url("../images/corporate/corporate-left.png") no-repeat left top/41% 100%, url(../images/corporate/corporate00.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__item .bg00 {
    background: url("../images/corporate/corporate-left.png") no-repeat left top/56% 100%, url(../images/corporate/corporate00.png) no-repeat right center/cover;
  }
}

.l-corporate .corporate__item .bg01 {
  background: url("../images/corporate/corporate-left.png") no-repeat left top/41% 100%, url(../images/corporate/corporate01.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__item .bg01 {
    background: url("../images/corporate/corporate-left.png") no-repeat left top/56% 100%, url(../images/corporate/corporate01.png) no-repeat center center/cover;
  }
}

.l-corporate .corporate__item .bg02 {
  background: url("../images/corporate/corporate-left.png") no-repeat left top/41% 100%, url(../images/corporate/corporate02.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__item .bg02 {
    background: url("../images/corporate/corporate-left.png") no-repeat left top/56% 100%, url(../images/corporate/corporate02.png) no-repeat center center/cover;
  }
}

.l-corporate .corporate__item .bg03 {
  background: url("../images/corporate/corporate-left.png") no-repeat left top/41% 100%, url(../images/corporate/corporate03.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__item .bg03 {
    background: url("../images/corporate/corporate-left.png") no-repeat left top/56% 100%, url(../images/corporate/corporate03.png) no-repeat center center/cover;
  }
}

.l-corporate .corporate__item:hover .bg01,
.l-corporate .corporate__item:hover .bg02,
.l-corporate .corporate__item:hover .bg03 {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.l-corporate .corporate__item:hover .ttl::after {
  left: 12px;
}

.l-corporate .corporate__bg {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  padding-top: 33.3333%;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__bg {
    padding-top: 50%;
  }
}

.l-corporate .corporate__ttl {
  position: absolute;
  top: 31%;
  left: 7%;
  color: #fff;
}

.l-corporate .corporate__ttl::after {
  -webkit-transition: left 0.3s ease 0s;
  position: absolute;
  bottom: -28px;
  left: 0;
  width: 26px;
  height: 6.4px;
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: left 0.3s ease 0s;
}

.l-corporate .corporate__ttl--ja {
  font-weight: 500;
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__ttl--ja {
    font-size: 1.8rem;
  }
}

.l-corporate .corporate__ttl--en {
  font-weight: 500;
  font-size: 2rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-corporate .corporate__ttl--en {
    font-size: 1.2rem;
  }
}

/**
* @file _data.scss
**/
.l-data .fv__bg {
  background: linear-gradient(45deg, rgba(54, 199, 226, 0.9) 0%, rgba(161, 237, 217, 0.9) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

.l-data .fv__img {
  background: url("../images/data/fv.png") no-repeat center center/cover;
}

.l-data .content {
  background: #f7f9f8;
}

.l-data .list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -271px;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .l-data .list {
    display: block;
    top: -106px;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-data .item {
  width: calc(33% - 30px * 2 / 3);
  padding: 28px 26px 40px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-data .item {
    width: calc(33% - 16px * 2 / 3);
    padding-right: 13px;
    padding-left: 13px;
  }
}

@media screen and (max-width: 768px) {
  .l-data .item {
    width: 100%;
    padding-right: 26px;
    padding-left: 26px;
  }
}

.l-data .item:not(:nth-of-type(3n)) {
  margin-right: 30px;
}

@media screen and (max-width: 1024px) {
  .l-data .item:not(:nth-of-type(3n)) {
    margin-right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .l-data .item:not(:nth-of-type(3n)) {
    margin-right: 0;
  }
}

.l-data .item:nth-of-type(n + 4) {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .l-data .item:not(:first-of-type) {
    margin-top: 30px;
  }
}

.l-data .item__ttl {
  color: #3e4f7c;
  font-size: 2rem;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-data .item__ttl {
    font-size: 1.7rem;
  }
}

.l-data .item__ttl span {
  display: block;
  font-size: 1.6rem;
}

.l-data .item__img {
  margin: 29px auto 0;
}

@media screen and (max-width: 768px) {
  .l-data .item__img {
    width: 80%;
  }
}

.l-data .item__img img {
  width: 100%;
}

.l-data .item__img08 {
  margin-top: 0;
}

.l-data .item__img--big {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .l-data .item__img--big {
    width: 100%;
  }
}

.l-data .item__comment {
  margin-top: 8px;
  font-size: 1.1rem;
  text-align: center;
}

.l-data .item__text {
  margin-top: 6px;
  font-size: 1.4rem;
}

.l-data .item__text__space {
  padding-top: 25px;
}

.l-data .item--big {
  width: 100%;
  margin-top: 30px;
  padding: 27px 120px 23px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-data .item--big {
    padding-right: 60px;
    padding-left: 60px;
  }
}

@media screen and (max-width: 768px) {
  .l-data .item--big {
    padding-right: 26px;
    padding-left: 26px;
  }
}

.l-data .breadcrumb {
  margin-top: -221px;
}

@media screen and (max-width: 768px) {
  .l-data .breadcrumb {
    margin-top: -64px;
  }
}

/**
* @file _footer.scss
**/
.l-footer .footer-width {
  max-width: 1090px;
  margin: auto;
}

.l-footer .footer__top {
  padding-top: 76px;
  padding-bottom: 64px;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 36%, rgba(204, 215, 219, 0.25) 36%, rgba(204, 215, 219, 0.25) 100%);
}

@media screen and (max-width: 1024px) {
  .l-footer .footer__top {
    padding-top: 47px;
    padding-bottom: 68px;
  }
}

.l-footer .footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .l-footer .footer__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.l-footer .footer__logo {
  -webkit-transition: opacity 0.3s ease 0s;
  display: inline-block;
  margin-top: 20px;
  transition: opacity 0.3s ease 0s;
}

.l-footer .footer__logo:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) {
  .l-footer .footer__logo {
    width: 132px;
  }
}

.l-footer .footer__logo img {
  width: 100%;
}

.l-footer .footer__nav:first-of-type {
  margin-left: 80px;
}

.l-footer .footer__nav:not(:first-of-type) {
  margin-left: 10%;
}

@media screen and (max-width: 1024px) {
  .l-footer .footer__nav {
    display: none;
  }
}

.l-footer .footer-nav__ttl {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-footer .footer-nav__item:not(:first-of-type) {
  margin-top: 12px;
}

.l-footer .footer-nav__link {
  -webkit-transition: opacity 0.3s ease 0s;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-footer .footer-nav__link:hover {
  opacity: 0.7;
}

.l-footer .footer__btn {
  margin-right: 4%;
  text-align: right;
}

.footer-nav__item_child {

    padding-top: 8px;
    padding-left: 68px;
    font-family: "Noto Sans JP", sans-serif;
}

.footer-nav__item_child li {
  position: relative;
  font-size: 15px;
}

.footer-nav__item_child li a {
  -webkit-transition: opacity 0.3s ease 0s;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.footer-nav__item_child li a:hover {
  opacity: 0.7;
}

.footer-nav__item_child li::before {
    content: "";
    position: absolute;
    top: 12px;
    /* left: -5px; */
    right: 124px;
    width: 31px;
    height: 1px;
    background-color: #000;
}

.footer-nav__item_child li::after {
    content: "";
    position: absolute;
    top: -2px;
    right: 154px;
    height: 14px;
    width: 1px;
    background-color: #000;
}

#personal_information {
  padding-top: 180px;
    /* マイナスのマージンを使用してヘッダー分だけ上にずらす */
    margin-top: -180px;
}

@media screen and (max-width: 1024px) {
  .l-footer .footer__btn {
    margin-top: 50px;
    margin-right: 0;
  }
}

.l-footer .footer-btn__link {
  -webkit-transition: opacity 0.3s ease 0s;
  display: inline-block;
  width: 220px;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-footer .footer-btn__link {
    display: block;
    width: 230px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-footer .footer-btn__link:hover {
  opacity: 0.7;
}

.l-footer .footer-btn__link:not(:first-of-type) {
  margin-left: 40px;
}

@media screen and (max-width: 1024px) {
  .l-footer .footer-btn__link:not(:first-of-type) {
    margin-top: 14px;
    margin-left: auto;
  }
}

.l-footer .footer-btn__link img {
  width: 100%;
}

.l-footer .footer-btn .mynavi {
  padding: 10px 16px;
  background-color: #fff;
}

.l-footer .footer__bottom {
  padding: 23px 20px;
  text-align: center;
}

.l-footer .footer__copyright {
  color: #707070;
  font-weight: 300;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
}

/**
* PURPOSE＆CULTURE
**/

.l-purpose {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .l-purpose {
    margin-top: 50px;
  }
}
.l-purpose .purpose__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/purpose/fv.jpg") no-repeat right top/cover;
}

@media screen and (max-width: 1024px) {
  .l-purpose .purpose__fv {
    background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/purpose/fv.jpg") no-repeat right 24% top/cover;
  }
}
.purpose__section {
  position: relative;
  margin-top: 123px;
}
@media screen and (max-width: 768px) {
  .purpose__section {
    margin-top: 80px;
  }
}

.purpose__section .fv__content,
.purpose__content--culture {
  padding-right: 6%;
  padding-left: 9%;
}
@media screen and (max-width: 768px) {
  .purpose__section .fv__content,
  .purpose__content--culture {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.purpose__section--inner {
  background: url(../images/purpose/purpose-bg.png) no-repeat right top/100% 90%;
  margin-left: 7%;
  padding-top: 88px;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .purpose__section--inner {
    padding-top: 46px;
    padding-bottom: 56px;
  }
}

.purpose__content {
  background-color: #fff;
  width: 90%;
  position: relative;
}
.purpose__content::after {
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -2%;
  right: 10%;
  width: 5px;
  height: 95px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}
@media screen and (max-width: 768px) {
  .purpose__content::after {
    display: none;
  }
}

.fv__purpose--tx {
  position: relative;
}

.purpose__content--thought {
  width: 86%;
  margin-top: 70px;
  padding-top: 70px;
  padding-bottom: 121px;
  padding-right: 6%;
  padding-left: 9%;
  margin-bottom: 400px;
  position: relative;
}

.purpose__content--thought::before {
  display: inline-block;
  z-index: 2;
  position: absolute;
  bottom: 105px;
  right: -3%;
  width: 3px;
  height: 70px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

.purpose__content--thought::after {
  content: "";
  display: inline-block;
  width: 150px;
  height: 360px;
  background: url(../images/purpose/purpose_charm.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 60%;
}

@media screen and (max-width: 768px) {
  .purpose__content--thought {
    width: 100%;
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 62px;
    padding-right: 5%;
    padding-left: 5%;
  }
  .purpose__content--thought::before {
    bottom: 0;
    right: 5%;
  }
  .purpose__content--thought::after {
    width: 125px;
    height: 200px;
    top: 73%;
  }
}

.fv__purpose--tx,
.culture_right{
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .fv__purpose--tx,
.culture_right{
  font-size: 1.2rem;
  line-height: 1.75;
}
}

.purpose_mgt {
  margin-top: 48px;
}

/* purpose slider */
.purpose__content--slider {
  position: absolute;
  width: 100%;
  bottom: 33%;
  pointer-events: none;
  z-index: 5;
}

.purpose__content--slider .swiper-wrapper {
  transition-timing-function: linear;
}
.purpose__content--slider .swiper-slide {
  width: auto;
  height: 411px !important;
}
.purpose__content--slider .swiper-slide img {
  height: 411px;
}

@media screen and (max-width: 1190px) {
  .purpose__content--slider {
    bottom: 36%;
  }
}
@media screen and (max-width: 1105px) {
  .purpose__content--slider {
    bottom: 46%;
  }
}
@media screen and (max-width: 920px) {
  .purpose__content--slider {
    bottom: 45%;
  }
}
@media screen and (max-width: 840px) {
  .purpose__content--slider {
    bottom: 44%;
  }
}
@media screen and (max-width: 805px) {
  .purpose__content--slider {
    bottom: 43%;
  }
}
@media screen and (max-width: 775px) {
  .purpose__content--slider {
    bottom: 44%;
  }
}
@media screen and (max-width: 768px) {
  .purpose__content--slider {
    bottom: 50%;
  }
  .purpose__content--slider .swiper-wrapper {
    transition-timing-function: linear;
  }
  .purpose__content--slider .swiper-slide {
    width: auto;
    height: 300px !important;
  }
  .purpose__content--slider .swiper-slide img {
    height: 300px;
  }
}
@media screen and (max-width: 610px) {
  .purpose__content--slider {
    bottom: 52%;
  }
}
@media screen and (max-width: 480px) {
  .purpose__content--slider {
    bottom: 49%;
  }
}
@media screen and (max-width: 400px) {
  .purpose__content--slider {
    bottom: 47%;
  }
}

.purpose__content--culture {
  display: flex;
  position: relative;
}
.purpose__content--culture::before {
  display: inline-block;
  z-index: 2;
  position: absolute;
  left: 0;
  width: 5px;
  height: 85px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

.purpose__content--culture::after {
  display: inline-block;
  z-index: 2;
  position: absolute;
  left: 3%;
  top: -5%;
  width: 3px;
  height: 80px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}
@media screen and (max-width: 1105px) {
  .purpose_mgt {
    margin-top: 24px;
  }
  .purpose__content--culture {
    display: block;
  }
  .purpose__content--culture::before {
    left: 0;
    top: -12%;
  }
  .purpose__content--culture::after {
    left: 5%;
    top: -7%;
    height: 65px;
  }
}
.culture_left img {
  max-width: 390px;
}

.culture_right {
  margin-left: 72px;
}
@media screen and (max-width: 1105px) {
  .culture_right {
    margin-left: 0;
    margin-top: 48px;
  }
}
@media screen and (max-width: 500px) {
  .culture_left img {
    max-width: 100%;
  }
}
/* swiper */
.purpose_swiper img {
 width: 308px !important;
}


/**
* @file _greeting.scss
**/
.l-greeting {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-greeting {
    margin-top: 50px;
  }
}

.l-greeting .greeting__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/greeting/fv.jpg") no-repeat right top/cover;
}

@media screen and (max-width: 1024px) {
  .l-greeting .greeting__fv {
    background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/greeting/fv.jpg") no-repeat right 24% top/cover;
  }
}

.l-greeting .greeting {
  position: relative;
  margin-top: 102px;
  margin-right: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 30%, rgba(204, 215, 219, 0.25) 30%, rgba(204, 215, 219, 0.25) 100%);
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting {
    margin-top: 80px;
  }
}

.l-greeting .greeting::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 300px;
  left: 5%;
  width: 68px;
  height: 235px;
  transform: rotate(16deg);
  background: rgba(0, 184, 255, 0.15);
  content: "";
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting::after {
    top: 180px;
    width: 34px;
    height: 123px;
  }
}

.l-greeting .greeting .greeting__content {
  position: relative;
  top: 190px;
  left: 14.5%;
  width: 86%;
  padding: 119px 11% 121px 6%;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-greeting .greeting .greeting__content {
    padding-right: 6%;
    padding-left: 6%;
  }
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting .greeting__content {
    top: 98px;
    padding: 40px 0 30px 20px;
  }
}

.l-greeting .greeting .greeting__content::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -40px;
  left: -1%;
  width: 5px;
  height: 106px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-greeting .greeting .greeting__content::before {
    height: 72px;
  }
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting .greeting__content::before {
    width: 3px;
    height: 66px;
  }
}

.l-greeting .greeting .greeting__content::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 188px;
  left: -1%;
  width: 3px;
  height: 90px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting .greeting__content::after {
    height: 86px;
  }
}

.l-greeting .greeting__ttl {
  z-index: 2;
  position: relative;
  color: #004092;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting__ttl {
    font-size: 2rem;
  }
}

.l-greeting .greeting__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 72px;
}

@media screen and (max-width: 1024px) {
  .l-greeting .greeting__block {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .l-greeting .greeting__block {
    margin-top: 38px;
  }
}

.l-greeting .greeting__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 45.5%;
}

@media screen and (max-width: 1024px) {
  .l-greeting .greeting__img {
    position: static;
    width: 80%;
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-greeting .greeting__img img {
  width: 100%;
}

.l-greeting .greeting__text {
  font-family: "Noto Sans JP", sans-serif;
}

.l-greeting .greeting .block__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 46.5%;
  flex: 0 1 46.5%;
}

@media screen and (max-width: 1024px) {
  .l-greeting .greeting .block__text {
    margin-top: 38px;
  }
}

.l-greeting .greeting .content__text {
  margin-top: 16px;
}

.l-greeting .greeting__top {
  margin-top: 16px;
  text-align: right;
}

.l-greeting .greeting__position {
  margin-right: 125px;
  font-family: "Noto Sans JP", sans-serif;
}

.l-greeting .greeting__name {
  width: 176px;
  margin-top: 10px;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting__name {
    width: 126px;
  }
}

.l-greeting .greeting__name img {
  width: 100%;
}

.l-greeting .greeting__breadcrumb {
  margin-top: 205px;
}

@media screen and (max-width: 768px) {
  .l-greeting .greeting__breadcrumb {
    margin-top: 118px;
  }
}

/**
* @file _guiding_principles.scss
**/
.l-guiding_principle {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-guiding_principle {
    margin-top: 50px;
  }
}

/**
* @file _header.scss
**/
.l-header {
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 80px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-header {
    height: 50px;
  }
}

.l-header .header__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: space-between;
  max-width: 1210px;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 13px;
  padding-left: 13px;
  background-color: #FFF;
}

@media screen and (max-width: 768px) {
  .l-header .header__wrapper {
    display: block;
    height: 50px;
  }
}

.l-header .header__logo {
  width: 213px;
}

@media screen and (max-width: 768px) {
  .l-header .header__logo {
    width: 139px;
  }
}

.l-header .header__link {
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.l-header .header__link img {
  width: 100%;
}

.l-header .header__link:hover {
  opacity: 0.7;
}

.l-header .header__nav {
  width: calc(100% - 143px);
  max-width: 800px;
  margin-left: auto;
}

@media screen and (max-width: 1200px) {
  .l-header .header__nav {
    display: none;
  }
}

.l-header .header__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-header .header__list .header__item{
  height: 100%;
}

.l-header .header-nav__link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: opacity 0.3s ease 0s;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-header .header-nav__link:hover {
  opacity: 0.7;
}

.l-header .header__btn {
  width: 143px;
}

.l-header .header-btn__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: opacity 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: 143px;
  height: 28px;
  padding-left: 16px;
  border: 1px solid #222;
  color: #222;
  font-weight: 700;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-header .header-btn__link:hover {
  opacity: 0.7;
}

.l-header .header-btn__link::after {
  -webkit-transform: translateY(-50%);
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 8.5px;
  width: 15px;
  height: 6px;
  transform: translateY(-50%);
  background: url(../images/common/arrow-black.svg) no-repeat;
  content: "";
}

.l-header .hamburger__menu {
  display: none;
}

@media screen and (max-width: 1200px) {
  .l-header .hamburger__menu {
    display: block;
    z-index: 11;
    position: absolute;
    top: 20px;
    right: 12px;
    width: 40px;
    height: 40px;
    background-color: transparent;
  }
}

@media screen and (max-width: 768px) {
  .l-header .hamburger__menu {
    top: 15px;
    right: 12px;
    width: 23px;
    height: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .l-header .hamburger__menu-line {
    display: block;
    height: 2px;
    border-radius: 10px;
    background-color: #474747;
  }
}

@media screen and (max-width: 1200px) {
  .l-header .hamburger__menu-line02 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .l-header .hamburger__menu-line02 {
    margin-top: 7px;
  }
}

@media screen and (max-width: 1200px) {
  .l-header .hamburger__menu-line03 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .l-header .hamburger__menu-line03 {
    margin-top: 7px;
  }
}

.l-header .hamburger__menu.active .hamburger__menu-line {
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .l-header .hamburger__menu.active .hamburger__menu-line01 {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);
  }
}

@media screen and (max-width: 768px) {
  .l-header .hamburger__menu.active .hamburger__menu-line01 {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
}

.l-header .hamburger__menu.active .hamburger__menu-line02 {
  opacity: 0;
}

@media screen and (max-width: 1200px) {
  .l-header .hamburger__menu.active .hamburger__menu-line03 {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
  }
}

@media screen and (max-width: 768px) {
  .l-header .hamburger__menu.active .hamburger__menu-line03 {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }
}

.l-header .hamburger__content {
  display: none;
}

@media screen and (max-width: 1200px) {
  .l-header .hamburger__content {
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    -webkit-transform: translateX(105%);
    display: block;
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    width: 375px;
    height: 100vh;
    overflow-y: scroll;
    transform: translateX(105%);
    transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  }
  .l-header .hamburger__content.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.l-header .hamburger__nav,
.l-header .hamburger-nav__recruit {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 37px;
  background: #004092;
}

.l-header .hamburger-nav__item, .l-header .hamburger-nav-recruit__item {
  margin-top: 30px;
}

.l-header .hamburger-nav .corporate__item {
  margin-top: 30px;
}

.l-header .hamburger-nav__link, .l-header .hamburger-nav-recruit__link {
  -webkit-transition: opacity 0.3s ease 0s;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-header .hamburger-nav__link:hover, .l-header .hamburger-nav-recruit__link:hover {
  opacity: 0.7;
}

.l-header .hamburger-nav-recruit {
  background: #3cb9a5;
}

.l-header .hamburger-nav-recruit__ttl {
  color: #fff;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: "Karla", sans-serif;
}

.l-header .hamburger__bg.active {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

/*========================================================
20231024 Bridge
mega
========================================================*/
.mega {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 11;
  width: 100%;
  padding-block: 32px;
  background-color: #F2F5F6;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s, visibility 0s ease 0.3s;
  opacity: 0;
  visibility: hidden;
}
.mega.is-open {
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}
.mega .inner {
  max-width: 1085px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.mega .inner::before{
  content: "";
  background-color: #f2f5f6;
  width: 16px;
  height: 18px;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  position: absolute;
  top: -50px;
  left: 470px;
}
.mega .mega-left{
  border-right: 1px solid #E3E3E3;
  padding-right: 26px;
}
.mega .mega-ttl{
  margin-bottom: 30px;
  color: #004092;
  font-size: 2rem;
  font-weight: 500;
}
.mega .mega-left-menu li:not(:first-child){
  margin-top: 15px;
}
.mega .btn__link {
  display: inline-flex;
  position: relative;
  align-items: center;
  width: 250px;
  height: 60px;
  padding-left: 32px;
  color: #fff;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}
.mega .btn__link::after {
  position: absolute;
  top: 48%;
  right: 32px;
  width: 24px;
  height: 4px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat center/contain;
  background-size: 100%;
  content: "";
  transition: right 0.3s ease 0s;
}
.mega .btn__link:hover::after {
  right: 8px;
}
.mega .bg-blue {
  background-color: #3cc6f7;
}
.mega .bg-orange {
  background-color: #ff8b00;
}
.mega .bg-green {
  background-color: #65ba00;
}
.mega .mega-right{
  padding-left: 25px;
  flex-grow: 1;
}
.mega .mega-right-menu{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 25px;
}
.mega .mega-right-menu li a{
  display: block;
}
.mega .mega-right-menu .service-item__img{
  padding-block: 10px;
  margin-bottom: 6px;
  text-align: center;
  background-color: #FFF;
}
.mega .mega-right-menu .service-item__img img{
  width: 80px;
  transition: transform 0.3s ease 0s;
}
.mega .mega-right-menu li a:hover .service-item__img img{
  transform: scale(1.1);
}
.mega .service-item__ttl{
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: #004092;
  font-size: 1.5rem;
  font-weight: bold;
}
.mega .service-item__ttl::after{
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: url(../images/top/service-arrow.svg) no-repeat center/contain;
  transition: transform 0.3s ease 0s;
}
.mega .mega-right-menu li a:hover .service-item__ttl::after{
  transform: translateX(15px);
}
.mega .mega-menu-kintone{
  border: 2px solid #FFBF00;
  background-color: #FFF6D6;
  padding-block: 16px 20px;
  margin-top: 32px;
}
.mega .service__kintone-ttl{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}
.mega .service__kintone-ttl img{
  width: 140px;
}
.mega .service__kintone-ttl span{
  font-size: 1.3rem;
  font-weight: 500;
}
.mega .service__list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  padding-inline: 25px;
}
.mega .mega-menu-kintone .service-item__img{
  padding-block: 14px;
  margin-bottom: 6px;
  text-align: center;
  background-color: #FFF;
}
.mega .mega-menu-kintone .service-item__img img{
  width: 68px;
  transition: transform 0.3s ease 0s;
}
.mega .mega-menu-kintone .service-item__link:hover .service-item__img img{
  transform: scale(1.1);
}
.mega .mega-menu-kintone .service-item__link .service-item__ttl{
  transition: transform 0.3s ease 0s;
}
.mega .mega-menu-kintone .service-item__link:hover .service-item__ttl::after{
  transform: translateX(15px);
}

/* end */

/**
* @file _inquiry.scss
**/
.l-inquiry {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-inquiry {
    margin-top: 50px;
  }
}

.l-inquiry .inquiry__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/inquiry/fv.png") no-repeat right top/cover;
}

.l-inquiry .inquiry {
  padding-top: 92px;
  padding-bottom: 132px;
  background-color: #f2f6f7;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry {
    padding-top: 62px;
    padding-bottom: 82px;
  }
}

.l-inquiry .inquiry-width {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry-width {
    max-width: 500px;
  }
}

.l-inquiry .inquiry__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  justify-content: space-between;
}

.l-inquiry .inquiry__list::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #e4eaeb;
  content: "";
}

.l-inquiry .inquiry__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 65px;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__item {
    height: 35px;
    font-size: 1rem;
  }
}

.l-inquiry .inquiry__item span {
  display: inline-block;
  margin-top: 4px;
  margin-right: 15px;
  font-weight: 500;
  font-size: 1.8rem;
  font-family: "Fjalla One", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__item span {
    margin-right: 6px;
    font-size: 0.8rem;
  }
}

.l-inquiry .inquiry__item:first-of-type {
  background: linear-gradient(100deg, #004092 0%, #004092 96%, transparent 96%, transparent 100%);
  color: #fff;
}

.l-inquiry .inquiry__item:nth-of-type(2) {
  background: linear-gradient(100deg, transparent 0%, transparent 4%, #fff 4%, #fff 96%, transparent 96%, transparent 100%);
}

.l-inquiry .inquiry__item:nth-of-type(3) {
  background: linear-gradient(100deg, transparent 0%, transparent 4%, #fff 4%, #fff 100%);
}

.l-inquiry .inquiry__form {
  -webkit-box-shadow: 0 3px 26px #ccd7db;
  margin-top: 66px;
  padding: 65px 60px 76px;
  background-color: #fff;
  box-shadow: 0 3px 26px #ccd7db;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form {
    margin-top: 36px;
    padding: 35px 30px 46px;
  }
}

.l-inquiry .inquiry__form .inquiry__ttl {
  color: #004092;
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .inquiry__ttl {
    font-size: 2rem;
  }
}

.l-inquiry .inquiry__form .form__content {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__content {
    margin-top: 30px;
  }
}

.l-inquiry .inquiry__form .form__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__block {
    display: block;
  }
}

.l-inquiry .inquiry__form .form__block:nth-of-type(8) {
  border-bottom: 1px solid #e0e0e0;
}

.l-inquiry .inquiry__form .form__block:nth-of-type(8)::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-inquiry .inquiry__form .form__block::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-inquiry .inquiry__form .form__ttl {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 44.5%;
  display: inline-block;
  flex: 0 1 44.5%;
  margin-top: 18px;
  color: #004092;
  font-weight: 500;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__ttl {
    width: 100%;
  }
}

.l-inquiry .inquiry__form .form__ttl span {
  display: inline-block;
  margin-left: 11px;
  padding: 1px 4px 2px;
  color: #fff;
  font-weight: 500;
  font-size: 1.1rem;
}

.l-inquiry .inquiry__form .form__ttl .form-required {
  background-color: #4ac7f5;
}

.l-inquiry .inquiry__form .form__ttl .form-optional {
  background-color: #ccd7db;
}

.l-inquiry .inquiry__form .label-type {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-inquiry .inquiry__form .label-type:not(:first-of-type) {
    margin-top: 10px;
  }
}

.l-inquiry .inquiry__form .label-type::before, .l-inquiry .inquiry__form .label-type::after {
  -webkit-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  content: "";
}

.l-inquiry .inquiry__form .label-type::before {
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #c3c3c3;
  border-radius: 50%;
  background: #f8fafa;
}

.l-inquiry .inquiry__form .label-type::after {
  left: 4.5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #4ac7f5;
  opacity: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-inquiry .inquiry__form .input-type {
    display: none;
  }
}

.l-inquiry .inquiry__form .input-type:checked + .label-type::after {
  opacity: 1;
}

.l-inquiry .inquiry__form .input__wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 55.5%;
  flex: 0 1 55.5%;
}

.l-inquiry .inquiry__form input[type="text"],
.l-inquiry .inquiry__form textarea {
  display: block;
  width: 100%;
  margin-left: auto;
  padding: 15px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form input[type="text"],
  .l-inquiry .inquiry__form textarea {
    width: 100%;
    margin-top: 10px;
    padding: 10px 20px;
  }
}

.l-inquiry .inquiry__form input[type="text"]::-webkit-input-placeholder, .l-inquiry .inquiry__form textarea::-webkit-input-placeholder {
  color: #c3c3c3;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-inquiry .inquiry__form input[type="text"]::-moz-placeholder, .l-inquiry .inquiry__form textarea::-moz-placeholder {
  color: #c3c3c3;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-inquiry .inquiry__form input[type="text"]:-ms-input-placeholder, .l-inquiry .inquiry__form textarea:-ms-input-placeholder {
  color: #c3c3c3;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-inquiry .inquiry__form input[type="text"]::-ms-input-placeholder, .l-inquiry .inquiry__form textarea::-ms-input-placeholder {
  color: #c3c3c3;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-inquiry .inquiry__form input[type="text"]::placeholder,
.l-inquiry .inquiry__form textarea::placeholder {
  color: #c3c3c3;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-inquiry .inquiry__form textarea {
  height: 224px;
  resize: vertical;
}

.l-inquiry .inquiry__form .form__privacypolicy {
  margin-top: 57px;
  text-align: center;
}

.l-inquiry .inquiry__form .label-privacypolicy {
  display: inline-block;
  position: relative;
  padding: 5px 30px;
  cursor: pointer;
}

.l-inquiry .inquiry__form .label-privacypolicy::before {
  -webkit-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  content: "";
  cursor: pointer;
}

.l-inquiry .inquiry__form .label-privacypolicy::after {
  -webkit-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 10px;
  left: 14px;
  width: 6px;
  height: 18px;
  margin-top: -7px;
  transform: rotate(45deg);
  border-right: 3px solid #4ac7f5;
  border-bottom: 3px solid #4ac7f5;
  content: "";
  opacity: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-inquiry .inquiry__form .input-privacypolicy {
    display: none;
  }
}

.l-inquiry .inquiry__form .input-privacypolicy:checked + .label-privacypolicy::after {
  opacity: 1;
}

.l-inquiry .inquiry__form .input-privacypolicy.valid + .label-privacypolicy::after {
  opacity: 1;
}

.l-inquiry .inquiry__form .privacypolicy__link {
  -webkit-transition: opacity 0.3s ease 0s;
  display: inline-block;
  margin-left: 8px;
  border-bottom: 1px solid #004092;
  color: #004092;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-inquiry .inquiry__form .privacypolicy__link:hover {
  opacity: 0.7;
}

.l-inquiry .inquiry__form .form__submit {
  width: 268px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__submit {
    width: 220px;
  }
}

.l-inquiry .inquiry__form .submit__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 268px;
  height: 64px;
  padding-right: 26px;
  background-color: #004092;
  color: #fff;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: 0.3s;
}

.l-inquiry .inquiry__form .submit__link.is-disabled {
  opacity: 0.8;
  pointer-events: none;
}

.l-inquiry .inquiry__form .submit__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 17.5px;
  width: 26px;
  height: 6.4px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .submit__link::after {
    right: 22px;
    background-size: 80%;
  }
}

.l-inquiry .inquiry__form .submit__link:hover::after {
  right: 8px;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .submit__link {
    width: 220px;
    height: 49px;
    font-size: 1.4rem;
  }
}

.l-inquiry .inquiry__form .form__tel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  margin-top: 41px;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__tel {
    display: block;
    text-align: center;
  }
}

.l-inquiry .inquiry__form .form__tel .tel__link {
  display: inline-block;
  position: relative;
  color: #004092;
  font-size: 2.8rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__tel .tel__link {
    font-size: 2.2rem;
  }
}

.l-inquiry .inquiry__form .form__tel .tel__link::before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -56px;
  width: 33.7px;
  height: 33.7px;
  transform: translateY(-50%);
  background: url(../images/inquiry/tel.svg) no-repeat;
  content: "";
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-inquiry .inquiry__form .form__tel .tel__link::before {
    background-size: 95%;
  }
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__tel .tel__link::before {
    left: -38px;
  }
}

.l-inquiry .inquiry__form .form__tel .tel__time {
  margin-left: 16px;
  color: #004092;
  font-weight: 500;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__form .form__tel .tel__time {
    margin-left: 0;
    font-size: 1.2rem;
  }
}

.l-inquiry .inquiry__breadcrumb {
  margin-top: 69px;
}

@media screen and (max-width: 768px) {
  .l-inquiry .inquiry__breadcrumb {
    margin-top: 36px;
  }
}

.l-inquiry .back__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 181px;
  height: 64px;
  padding-left: 26px;
  background-color: #9e9e9e;
  color: #fff;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-inquiry .back__link {
    height: 49px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.4rem;
  }
}

.l-inquiry .back__link::after {
  -webkit-transition: left 0.3s ease 0s;
  -webkit-transform: scale(-1, 1);
  position: absolute;
  top: 44%;
  left: 18px;
  width: 26px;
  height: 6.4px;
  transform: scale(-1, 1);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: left 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-inquiry .back__link::after {
    right: 10px;
    background-size: 80%;
  }
}

.l-inquiry .back__link:hover::after {
  left: 10px;
}

.l-inquiry .confirm .inquiry__item:first-of-type {
  background: linear-gradient(105deg, #fff 0%, #fff 90%, transparent 90%, transparent 100%);
  color: #474747;
}

.l-inquiry .confirm .inquiry__item:nth-of-type(2) {
  background: linear-gradient(105deg, transparent 0%, transparent 8%, #004092 8%, #004092 90%, transparent 90%, transparent 100%);
  color: #fff;
}

.l-inquiry .confirm .confirm__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 0;
}

@media screen and (max-width: 768px) {
  .l-inquiry .confirm .confirm__block {
    display: block;
    padding: 18px 0;
  }
}

.l-inquiry .confirm .form__ttl {
  margin-top: 0;
}

.l-inquiry .confirm .form__answer {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 55.5%;
  display: inline-block;
  flex: 0 1 55.5%;
}

@media screen and (max-width: 768px) {
  .l-inquiry .confirm .form__answer {
    width: 100%;
    margin-top: 10px;
  }
}

.l-inquiry .confirm .confirm__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 54px;
}

@media screen and (max-width: 768px) {
  .l-inquiry .confirm .confirm__btn {
    display: block;
  }
}

.l-inquiry .confirm .submit__wrapper {
  position: relative;
  width: 250px;
  margin-left: 11px;
}

@media screen and (max-width: 768px) {
  .l-inquiry .confirm .submit__wrapper {
    width: 220px;
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.4rem;
  }
}

.l-inquiry .confirm .submit__wrapper::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 12px;
  width: 26px;
  height: 6.4px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-inquiry .confirm .submit__wrapper::after {
    background-size: 80%;
  }
}

.l-inquiry .confirm .submit__wrapper:hover::after {
  right: 4px;
}

.l-inquiry .confirm .input-submit {
  width: 250px;
  height: 64px;
  padding-right: 26px;
  border: none;
  background-color: #004092;
  color: #fff;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .l-inquiry .confirm .input-submit {
    width: 220px;
    height: 49px;
    font-size: 1.4rem;
  }
}

.l-inquiry .thanks .inquiry__item:first-of-type {
  background: linear-gradient(105deg, #fff 0%, #fff 90%, transparent 90%, transparent 100%);
  color: #474747;
}

.l-inquiry .thanks .inquiry__item:nth-of-type(3) {
  background: linear-gradient(105deg, transparent 0%, transparent 10%, #004092 10%, #004092 100%);
  color: #fff;
}

.l-inquiry .thanks__text {
  position: relative;
  margin-top: 26px;
  padding: 22px 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

.l-inquiry .thanks__text::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-inquiry .thanks__text::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-inquiry .thanks .thanks__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 54px;
}

.error-message {
  color: #ff4343;
  font-size: 1.2rem;
}

input.input-bg,
textarea.input-bg {
  background-color: #f8fafa;
}

input.is-invalid,
textarea.is-invalid {
  background-color: #fbd9d9;
}

/**
* @file _jobinfo.scss
**/
.l-jobinfo .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-jobinfo .fv__img {
  background: url("../images/jobinfo/jobinfo-fv.png") no-repeat center top -10px/cover;
}

@media screen and (max-width: 768px) {
  .l-jobinfo .fv__img {
    background: url("../images/jobinfo/jobinfo-fv.png") no-repeat center top -10px/cover;
  }
}

.l-jobinfo .info {
  background: #f7f9f8;
}

.l-jobinfo .info__wrapper {
  position: relative;
  top: -253px;
  margin-bottom: -63px;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info__wrapper {
    margin-bottom: -139px;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info__wrapper {
    margin-top: 134.2px;
  }
}

.l-jobinfo .info__bg {
  padding-bottom: 45.7px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(84%, #fff), color-stop(84%, transparent), to(transparent));
  background: linear-gradient(90deg, #fff 0%, #fff 84%, transparent 84%, transparent 100%);
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info__bg {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(90%, #fff), color-stop(90%, transparent), to(transparent));
    background: linear-gradient(90deg, #fff 0%, #fff 90%, transparent 90%, transparent 100%);
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info__bg {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(93%, #fff), color-stop(93%, transparent), to(transparent));
    background: linear-gradient(90deg, #fff 0%, #fff 93%, transparent 93%, transparent 100%);
  }
}

.l-jobinfo .info-width {
  width: 68%;
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info-width {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info-width {
    width: 87%;
  }
}

.l-jobinfo .info .top {
  padding-top: 210px;
  padding-left: 25px;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info .top {
    padding-top: 105px;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info .top {
    padding-top: 65px;
    padding-left: 0;
  }
}

.l-jobinfo .info .top__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e5eaf0;
}

.l-jobinfo .info .top__item {
  -webkit-transition: color 0.3s ease 0s, opacity 0.3s ease 0s;
  position: relative;
  width: 33.33%;
  border: 0.5px solid #707070;
  transition: color 0.3s ease 0s, opacity 0.3s ease 0s;
}

.l-jobinfo .info .top__item:hover {
  opacity: 0.7;
}

.l-jobinfo .info .top__item::after {
  position: absolute;
  top: 18.4px;
  right: 21.5px;
  width: 12.4px;
  height: 6.8px;
  background: url("../images/jobinfo/jobinfo-arrow.svg") no-repeat center center/contain;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info .top__item::after {
    top: 8.4px;
    right: 4px;
  }
}

.l-jobinfo .info .top__link {
  display: inline-block;
  width: 100%;
  padding: 8px 20px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info .top__link {
    padding: 4px 10px 5px;
    font-size: 1rem;
  }
}

.l-jobinfo .info__ttl {
  padding-left: 30px;
  border-left: 3px solid #45d6d6;
  font-size: 3.2rem;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info__ttl {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info__ttl {
    font-size: 1.8rem;
  }
}

.l-jobinfo .info__list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 26.5px;
  font-family: "Noto Sans JP", sans-serif;
}

.l-jobinfo .info__list dt,
.l-jobinfo .info__list dd {
  border-top: 0.5px solid #707070;
  line-height: 2;
}

.l-jobinfo .info__list dt:last-of-type,
.l-jobinfo .info__list dd:last-of-type {
  border-bottom: 0.5px solid #707070;
}

.l-jobinfo .info__list dt {
  width: 28.5%;
  padding: 14px 9.5px;
  background: #e6eef0;
  font-weight: 500;
  font-size: 1.8rem;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info__list dt {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info__list dt {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 1.4rem;
  }
}

.l-jobinfo .info__list dd {
  width: 71.5%;
  padding: 17px 9.5px;
}

.l-jobinfo .info__list dd .jobinfo_note {
  font-size: 1.3rem;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info__list dd {
    font-size: 1.4rem;
  }
  .l-jobinfo .info__list dd .jobinfo_note {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info__list dd {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    font-size: 1.2rem;
  }
  .l-jobinfo .info__list dd .jobinfo_note {
    font-size: 1rem;
  }
}

.l-jobinfo .info__list dd span {
  display: block;
  padding-top: 1em;
}

.l-jobinfo .info__btn {
  width: 310px;
  margin: 60.5px auto 0;
  background: #3e4f7c;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info__btn {
    width: 206px;
    margin-top: 30px;
  }
}

.l-jobinfo .info .btn__link {
  display: inline-block;
  position: relative;
  width: 310px;
  height: 80px;
  padding: 24px;
  color: #fff;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info .btn__link {
    width: 206px;
    height: 53px;
    padding: 13px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info .btn__link {
    font-size: 1.6rem;
  }
}

.l-jobinfo .info .btn__link:hover .btn-arrow {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background-color: #9ec5f3;
}

.l-jobinfo .info .btn__link:hover .btn-arrow::after {
  left: 75%;
}

.l-jobinfo .info .btn__link .c-btn--md {
  position: absolute;
  right: 30.3px;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .info .btn__link .c-btn--md {
    right: 18.3px;
  }
}

.l-jobinfo .info .new {
  margin-top: 64px;
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info .new {
    margin-top: 42px;
  }
}

.l-jobinfo .info .mid {
  margin-top: 106.5px;
}

@media screen and (max-width: 768px) {
  .l-jobinfo .info .mid {
    margin-top: 53.5px;
  }
}

.l-jobinfo .process {
  margin-top: -220px;
  padding-bottom: 63px;
  background: #f7f9f8;
}

.l-jobinfo .process-width {
  width: 100%;
  max-width: 780px;
  margin: auto;
}

.l-jobinfo .process__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27.5px;
}

@media screen and (max-width: 1024px) {
  .l-jobinfo .process__list {
    width: 100%;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .process__list {
    max-width: 315px;
  }
}

.l-jobinfo .process__item {
  position: relative;
  width: calc(20% - 40px * 4 / 5);
  height: 312px;
  background: #e5eaf0;
}

@media screen and (max-width: 768px) {
  .l-jobinfo .process__item {
    width: calc(20% - 20px * 4 / 5);
    height: 218px;
  }
}

.l-jobinfo .process__item:not(:first-of-type) {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  .l-jobinfo .process__item:not(:first-of-type) {
    margin-left: 20px;
  }
}

.l-jobinfo .process__item:not(:last-of-type)::after {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -31px;
  width: 21px;
  height: 18.5px;
  transform: translateY(-50%);
  background: url("../images/jobinfo/jobinfo-triangle.svg") no-repeat center center/contain;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-jobinfo .process__item:not(:last-of-type)::after {
    right: -17px;
    width: 23%;
  }
}

.l-jobinfo .process__text {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-transform: translate(-50%, -50%);
  display: inline;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 2.6rem;
  font-family: "Noto Sans JP", sans-serif;
  writing-mode: vertical-rl;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-jobinfo .process__text {
    -ms-writing-mode: tb-rl;
  }
}

@media screen and (max-width: 768px) {
  .l-jobinfo .process__text {
    font-size: 1.8rem;
  }
}

.l-jobinfo .breadcrumb {
  background: #f7f9f8;
}

/*
* @file _kintone.scss
**/
.l-kintone {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-kintone {
    margin-top: 50px;
  }
}

.l-kintone .kintone__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%, url("../images/kintone/fv.png") no-repeat right 40% top/cover;
}

.l-kintone .kintone {
  margin-top: 123px;
  margin-left: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 62%, rgba(204, 215, 219, 0.25) 62%, rgba(204, 215, 219, 0.25) 100%);
}

@media screen and (max-width: 768px) {
  .l-kintone .kintone {
    margin-top: 50px;
  }
}

.l-kintone .kintone-padding {
  padding-right: 6%;
  padding-left: 6%;
}

.l-kintone .kintone-inner {
  width: 100%;
  max-width: 1190px;
  margin-right: auto;
  margin-left: auto;
}

.l-kintone .kintone__ttl {
  padding-top: 100px;
  padding-left: -10%;
  color: #004092;
}

@media screen and (max-width: 768px) {
  .l-kintone .kintone__ttl {
    padding-top: 60px;
  }
}

.l-kintone .kintone__ttl--ja {
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-kintone .kintone__ttl--ja {
    font-size: 2rem;
  }
}

.l-kintone .kintone__content {
  width: 86%;
  margin-top: 100px;
  padding-top: 40px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-kintone .kintone__content {
    margin-top: 60px;
  }
}

.l-kintone .kintone-width {
  width: 100%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

.l-kintone .about__block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 36px 8%;
  border: 12px solid #fcfbf6;
}

@media screen and (max-width: 768px) {
  .l-kintone .about__block {
    display: block;
    border: 8px solid #fcfbf6;
  }
}

.l-kintone .about__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
}

@media screen and (max-width: 768px) {
  .l-kintone .about__img {
    width: 100%;
    max-width: 280px;
  }
}

.l-kintone .about__img img {
  width: 100%;
}

.l-kintone .about__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 65%;
  flex: 0 1 65%;
  font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
  .l-kintone .about__content {
    width: 100%;
    margin-top: 30px;
  }
}

.l-kintone .about__ttl {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-kintone .about__ttl {
    font-size: 1.6rem;
    text-align: center;
  }
}

.l-kintone .about__ttl span {
  display: inline-block;
  margin-bottom: 2px;
  padding-left: 12px;
  color: #004092;
  font-weight: bold;
  font-size: 1.3rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-kintone .about__ttl span {
    margin-bottom: 10px;
    font-size: 1.1rem;
  }
}

.l-kintone .about__text {
  margin-top: 20px;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-kintone .about__text {
    margin-top: 12px;
    font-size: 1.2rem;
  }
}

.l-kintone .block__ttl {
  position: relative;
  padding-bottom: 22px;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-kintone .block__ttl {
    padding-bottom: 12px;
    font-size: 1.5rem;
  }
}

.l-kintone .block__ttl span {
  color: #004092;
}

.l-kintone .block__ttl::after {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 2px;
  transform: translateX(-50%);
  border-top: 1px solid #004092;
  content: "";
}

.l-kintone .sybozu-partner {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner {
    margin-top: 40px;
  }
}

.l-kintone .sybozu-partner__text {
  margin-top: 32px;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner__text {
    font-size: 1.2rem;
  }
}

.l-kintone .sybozu-partner__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-top: 41px;
}

.l-kintone .sybozu-partner__logo::before {
  -webkit-transform: translateX(-50%) rotate(135deg);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 6px;
  transform: translateX(-50%) rotate(135deg);
  background-color: #dfdfdf;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner__logo::before {
    width: 25px;
    height: 3px;
  }
}

.l-kintone .sybozu-partner__logo::after {
  -webkit-transform: translateX(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 6px;
  transform: translateX(-50%) rotate(45deg);
  background-color: #dfdfdf;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner__logo::after {
    width: 25px;
    height: 3px;
  }
}

.l-kintone .sybozu-partner__img01 {
  width: 109px;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner__img01 {
    width: 60px;
  }
}

.l-kintone .sybozu-partner__img01 img {
  width: 100%;
}

.l-kintone .sybozu-partner__img02 {
  width: 130px;
  margin-left: 140px;
  position: relative;
  left: 27px;
  top: -5px;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner__img02 {
    width: 60px;
    margin-left: 70px;
    left: 18px;
  }
}

.l-kintone .sybozu-partner__img02 img {
  width: 100%;
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner__img02 img {
    transform: scale(1.5);
  }
}

.l-kintone .sybozu-partner__banner{
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .l-kintone .sybozu-partner__banner{
    margin-top: 8vw;
  }
}
.l-kintone .sybozu-partner__banner a{
  transition: opacity 0.3s ease 0s;
}
.l-kintone .sybozu-partner__banner a:hover{
  opacity: .7;
}
.l-kintone .sybozu-partner__banner img{
  max-width: 100%;
}

.l-kintone .cloud-tool {
  margin-top: 80px;
  padding-top: 62px;
  padding-bottom: 60px;
  background-color: #f3fbff;
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool {
    margin-top: 40px;
  }
}

.l-kintone .cloud-tool__feature {
  margin-top: 32px;
}

.l-kintone .cloud-tool .feature__top {
  width: 100%;
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
  padding: 16px;
  background-color: #004092;
  color: #fff;
  text-align: center;
}

.l-kintone .cloud-tool .feature__ttl {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool .feature__ttl {
    font-size: 1.4rem;
  }
}

.l-kintone .cloud-tool .feature__img {
  width: 195px;
  margin: 8px auto 0;
}

.l-kintone .cloud-tool .feature__img img {
  width: 100%;
}

.l-kintone .cloud-tool .feature__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px 80px 40px;
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .l-kintone .cloud-tool .feature__list {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool .feature__list {
    display: block;
  }
}

.l-kintone .cloud-tool .feature__item {
  width: 240px;
  height: 240px;
  padding-top: 59px;
  border-radius: 50%;
  background-color: #f3fbff;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-kintone .cloud-tool .feature__item {
    width: 180px;
    height: 180px;
    padding-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool .feature__item {
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool .feature__item:not(:first-of-type) {
    margin-top: 30px;
  }
}

.l-kintone .cloud-tool .item__img {
  width: 57px;
  margin-right: auto;
  margin-left: auto;
}

.l-kintone .cloud-tool .item__img img {
  width: 100%;
}

.l-kintone .cloud-tool .feature__text {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-kintone .cloud-tool .feature__text {
    font-size: 1.2rem;
  }
}

.l-kintone .cloud-tool__solution {
  width: 100%;
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
}

.l-kintone .cloud-tool .solution__ttl {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-kintone .cloud-tool .solution__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool .solution__list {
    display: block;
    margin-top: 30px;
  }
}

.l-kintone .cloud-tool .solution__item {
  width: calc(33% - 30px * 2 / 3);
  padding: 30px;
  border-top: 2px solid #004092;
  background-color: #fff;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-kintone .cloud-tool .solution__item {
    padding: 20px 12px;
  }
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool .solution__item {
    width: 100%;
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-kintone .cloud-tool .solution__item:not(:first-of-type) {
  margin-left: 32px;
}

@media screen and (max-width: 768px) {
  .l-kintone .cloud-tool .solution__item:not(:first-of-type) {
    margin-top: 24px;
    margin-left: auto;
  }
}

.l-kintone .cloud-tool .solution__point {
  color: #004092;
  font-weight: bold;
  font-family: "Karla", sans-serif;
}

.l-kintone .cloud-tool .solution__text {
  margin-top: 12px;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-kintone .cloud-tool .solution__text {
    font-size: 1.2rem;
  }
}

.l-kintone .cloud-tool .solution__text span {
  color: #004092;
}

.l-kintone .case {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .l-kintone .case {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.l-kintone .case__list {
  margin-top: 32px;
}

.l-kintone .case__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .l-kintone .case__item {
    display: block;
  }
}

.l-kintone .case__item:not(:first-of-type) {
  margin-top: 38px;
}

.l-kintone .case .item__ttl {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-kintone .case .item__ttl span {
  display: inline-block;
  padding-left: 12px;
  color: #004092;
  font-family: "Karla", sans-serif;
}

.l-kintone .case .item__text {
  margin-top: 16px;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-kintone .case__problem {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 45%;
  position: relative;
  flex: 0 1 45%;
  padding: 32px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 768px) {
  .l-kintone .case__problem {
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-kintone .case__problem::after {
  -webkit-transform: translateY(50%);
  position: absolute;
  right: -15%;
  bottom: 50%;
  width: 0;
  height: 0;
  transform: translateY(50%);
  border-width: 15px 0 15px 16px;
  border-style: solid;
  border-color: transparent transparent transparent #dfdfdf;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-kintone .case__problem::after {
    -webkit-transform: translateY(50%) rotate(90deg);
    bottom: -13px;
    left: 50%;
    transform: translateY(50%) rotate(90deg);
    border-width: 12px 0 12px 12.8px;
  }
}

.l-kintone .case__solution {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
  margin-left: 10%;
  padding: 32px;
  background-color: #f3fbff;
}

@media screen and (max-width: 768px) {
  .l-kintone .case__solution {
    width: 100%;
    max-width: 500px;
    margin: 24px auto 0;
  }
}

.l-kintone .sybozu-team__block {
  padding: 36px 40px 43px;
  border: 12px solid #fcfbf6;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-team__block {
    padding: 30px 20px;
    border: 8px solid #fcfbf6;
  }
}

.l-kintone .sybozu-team__inner {
  width: 100%;
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
}

.l-kintone .sybozu-team__ttl {
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-team__ttl {
    font-size: 1.8rem;
  }
}

.l-kintone .sybozu-team__ttl span {
  display: block;
  color: #004092;
  font-size: 1.6rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-team__ttl span {
    font-size: 1.3rem;
  }
}

.l-kintone .sybozu-team__img {
  margin-top: 24px;
}

.l-kintone .sybozu-team__img img {
  width: 100%;
}

.l-kintone .sybozu-team__ttl02 {
  margin-top: 32px;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-team__ttl02 {
    font-size: 1.4rem;
  }
}

.l-kintone .sybozu-team__text {
  margin-top: 16px;
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-kintone .sybozu-team__text {
    font-size: 1.2rem;
  }
}

.l-kintone .kintone__breadcrumb {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-kintone .kintone__breadcrumb {
    margin-top: 40px;
  }
}

/*========================================================
20231024 Bridge
kintone_pk
========================================================*/
.l-kintone_pk{
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .l-kintone_pk .l-content-width{
    padding-inline: 4vw;
  }
  .l-kintone_pk .l-content-padding .l-content-width{
    padding-inline: 0;
  }

  .l-kintone_pk .section__content .l-content-width{
    padding-inline: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-kintone_pk{
    margin-top: 50px;
  }
  .l-kintone_pk .l-content-width{
    padding-inline: 6%;
  }
}

.l-kintone_pk p,
.l-kintone_pk h3,
.l-kintone_pk h4,
.l-kintone_pk h5,
.l-kintone_pk h6,
.l-kintone_pk li,
.l-kintone_pk a{
  font-family: "Noto Sans JP", sans-serif;
}

.l-kintone_pk .section__left{
  margin-left: 7%;
  padding-top: 72px;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 50%, rgba(204, 215, 219, 0.25) 50%, rgba(204, 215, 219, 0.25) 100%);
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .section__left{
    margin-left: 6%;
    padding-top: 12vw;
  }
}
.l-kintone_pk .section__right {
  margin-right: 7%;
  padding-top: 72px;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 40%, rgba(204, 215, 219, 0.25) 40%, rgba(204, 215, 219, 0.25) 100%);
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .section__right {
    margin-right: 6%;
    padding-top: 12vw;
  }
}
.l-kintone_pk .ttl__left {
  padding-right: 7%;
}
.l-kintone_pk .ttl__right {
  padding-left: 7%;
}
/* @media screen and (max-width: 768px) {
  .l-kintone_pk .ttl__left {
    padding-right: 13%;
  }
  .l-kintone_pk .ttl__right {
    padding-left: 13%;
  }
} */
.l-kintone_pk .section__ttl{
  text-align: center;
}
.l-kintone_pk .section__ttl--en{
  display: block;
  font-size: 4.8rem;
  font-weight: bold;
  line-height: 1.166;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.02em;
  color: #004092;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .section__ttl--en{
    font-size: 3.2rem;
  }
}
.l-kintone_pk .section__ttl--ja{
  display: block;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .section__ttl--ja{
    font-size: 1.4rem;
  }
}
.l-kintone_pk .section__content{
  width: auto;
  margin-top: 70px;
  padding-top: 70px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .section__content{
    margin-top: 10vw;
    padding-top: 10vw;
  }
}
.l-kintone_pk .content__left {
  margin-right: 7%;
  /* padding-right: 6%;
  padding-left: 9%; */
  padding-inline: 6%;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .content__left {
    padding-left: 0;
  }
}
.l-kintone_pk .content__right {
  position: relative;
  /* left: 14%; */
  margin-left: 7%;
  /* padding-right: 9%;
  padding-left: 6%; */
  padding-inline: 6%;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .content__right {
    padding-right: 0;

  }
}

/*--------------------
  layout
--------------------*/
.l-kintone_pk .l-sm{
  display: none !important;
}
.l-kintone_pk .l-lg{
  display: block !important;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .l-sm{
    display: block !important;
  }
  .l-kintone_pk .l-lg{
    display: none !important;
  }
}
.l-kintone_pk .l-block{
  display: block;
}
/*--------------------
  font
    color
    size
    family
--------------------*/
.l-kintone_pk .fc-yellow{
  display: inline-block;
  color: #FFAA00;
}
.l-kintone_pk .fz-12{
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .fz-12{
    font-size: 1rem;
  }
}
.l-kintone_pk .fz-14{
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .fz-14{
    font-size: 1.2rem;
  }
}
.l-kintone_pk .fz-38{
  display: inline-block;
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .fz-38{
    font-size: 2.4rem;
  }
}
.l-kintone_pk .fz-40{
  display: inline-block;
  font-size: 4.4rem;
  vertical-align: middle;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .fz-40{
    font-size: 3.2rem;
  }
}
.l-kintone_pk .fz-56{
  display: inline-block;
  font-size: 5.6rem;
  vertical-align: middle;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .fz-56{
    font-size: 4rem;
  }
}
.l-kintone_pk .bk-yellow{
  display: inline-block;
  background-color: #FFAA00;
  color: #FFF;
  padding: 0.09em 0.36em;
  vertical-align: middle;
}
.l-kintone_pk .bk-white{
  display: inline-block;
  background-color: #FFF;
  color: #FFAA00;
  padding: 0.09em 0.36em;
  vertical-align: middle;
}
.l-kintone_pk .ff-en{
  font-family: "Karla", sans-serif;
}

/*--------------------
  テキストの装飾
  deco-***
--------------------*/
.deco-whole{
  display: inline-block;
  vertical-align: baseline;
  padding-top: 28px;
  font-size: 3.6rem;
  line-height: 1;
  background: url(../images/kintone_pk/bg_line01.svg) no-repeat top center/contain;
}
@media screen and (max-width: 768px) {
  .deco-whole{
    padding-top: 20px;
    font-size: 2.8rem;
  }
}
.deco-marker{
  background: linear-gradient(transparent 50%, #FFF6D6 50%);
  font-weight: bold;
}
.deco-notice{
  padding-left: 1.5em;
  font-size: 1.3rem;
  color: #707070;
  position: relative;
}
@media screen and (max-width: 768px) {
  .deco-notice{
    font-size: 1.2rem;
  }
}
.deco-notice::before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
/* end */

.l-kintone_pk .kintone_pk__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%, url("../images/kintone_pk/fv.png") no-repeat right 40% top/cover;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .kintone_pk__fv {
    background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%,
    url("../images/kintone_pk/fv.png") no-repeat right 20% top/cover;
  }
}
.l-kintone_pk .introduction-wrap{
  background: url(../images/kintone_pk/bg_cloud.svg) no-repeat top 0 left 50%/100%;
  padding-top: 120px;
  margin-bottom: 64px;
}
@media screen and (min-width: 1600px) {
  .l-kintone_pk .introduction-wrap{
    background: url(../images/kintone_pk/bg_cloud.svg) no-repeat bottom 0 left 50%/100%;
  }
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .introduction-wrap{
    background: url(../images/kintone_pk/sp_bg_cloud.svg) no-repeat bottom 0 left 50%/100%;
    padding-top: 15vw;
    margin-bottom: 15vw;
  }
}
.l-kintone_pk .introduction-ttl{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  font-size: 2.2rem;
  line-height: calc(32/22);
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .introduction-ttl{
    line-height: 1.8;
    font-size: 1.6rem;
    gap: 0.25em;
  }
}
.l-kintone_pk .introduction-ttl .fz-40{
  margin-top: -0.25em;
  margin-right: 4px;
}

.l-kintone_pk .introduction-ttl .bk-yellow{
  margin-right: 4px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .introduction-ttl .bk-yellow{
    margin-right: 0.25em;
    vertical-align: bottom;
  }

}
.l-kintone_pk .introduction-lead{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 64px;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: calc(72em/1000);
  font-weight: bold;
  color: #FFAA00;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .introduction-lead{
    font-size: 2.2rem;
    gap: 0;
    margin-top: 10vw;
    line-height: 1.5;
  }
}
.l-kintone_pk .introduction-lead .fz-38{
  margin-inline: 3px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .introduction-lead .fz-38{
    margin-inline: 0.075em;
  }
}
.l-kintone_pk .introduction-wrap figure{
  margin-top: 64px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .introduction-wrap figure{
    margin-top: 10vw;
  }
  .l-kintone_pk .introduction-wrap figure img{
    width: 100%;
    max-width: 100%;
  }
}

.l-kintone_pk .contact-box{
  padding: 36px 80px 48px;
  background-color: #FFBF00;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .contact-box{
    padding: 10vw 6% 12vw;
  }
}
.l-kintone_pk .contact-ttl{
  margin-bottom: 20px;
  font-size: 2.4rem;
  letter-spacing: calc(48em/1000);
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .contact-ttl{
    margin-bottom: 6vw;
    font-size: 1.8rem;
  }
}
.l-kintone_pk .contact-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 32px;
  height: 116px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .contact-list{
    grid-template-columns: repeat(1, 1fr);
    gap: 16px 0;
    height: auto;
  }
}
.l-kintone_pk .contact-tel a{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  color: #004092;
  background-color: #FFF;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .contact-tel a{
    height: 80px;
  }
}
.l-kintone_pk .tel-number{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .tel-number{
    font-size: 2.8rem;
  }
}
.l-kintone_pk .tel-number::before{
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/kintone_pk/tel.svg) no-repeat left/contain;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .tel-number::before{
    width: 24px;
    height: 24px;
  }
}
.l-kintone_pk .tel-day{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2px;
}
.l-kintone_pk .contact-mail a{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  width: 100%;
  height: 100%;
  background-color: #004092;
  font-size: 2rem;
  color: #FFF;
  transition: background-color 0.3s ease;
}
.l-kintone_pk .contact-mail a:hover{
  background-color: #005FD8;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .contact-mail a{
    height: 80px;
    font-size: 1.6rem;
  }
}
.l-kintone_pk .contact-mail a::before{
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/kintone_pk/contact.svg) no-repeat left/contain;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .contact-mail a::before{
    width: 24px;
    height: 24px;
  }
}
.l-kintone_pk .operation{
  margin-top: 72px;
  margin-bottom: 104px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .operation{
    margin-top: 12vw;
    margin-bottom: 16vw;
  }
}
.l-kintone_pk .operation-ttl{
  margin-bottom: 32px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .operation-ttl{
    font-size: 1.8rem;
    margin-bottom: 8vw;
  }
}
.l-kintone_pk .operation-ttl .fc-yellow{
  margin-top: -0.25em;
  margin-inline: 0.075em;
}
.l-kintone_pk .operation-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .operation-list{
    grid-template-columns: repeat(1, 1fr);
  }
}
.l-kintone_pk .operation-list .list-item{
  padding: 24px 15px 36px;
  border-top: 4px solid #FFAA00;
  background:rgba(204,215,219,.3);
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .operation-list .list-item{
    padding: 4vw 4vw 8vw;
    font-size: 1.4rem;
  }
}
.l-kintone_pk .operation-list .list-item .item-ttl{
  margin-bottom: 22px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .operation-list .list-item .item-ttl{
    margin-bottom: 4vw;
    font-size: 1.6rem;
  }
}
.l-kintone_pk .operation-list .list-item .item-ttl::after{
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin-inline: auto;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .operation-list .list-item .item-ttl::after{
    width: 48px;
    height: 48px;
    margin-top: 2vw;
  }
}
.l-kintone_pk .operation-list .list-item:nth-of-type(1) .item-ttl::after{
  background: url(../images/kintone_pk/icon_book.svg) no-repeat center/cover;
}
.l-kintone_pk .operation-list .list-item:nth-of-type(2) .item-ttl::after{
  background: url(../images/kintone_pk/icon_folder.svg) no-repeat center/cover;
}
.l-kintone_pk .operation-list .list-item:nth-of-type(3) .item-ttl::after{
  background: url(../images/kintone_pk/icon_user.svg) no-repeat center/cover;
}
.l-kintone_pk .operation-list .list-item:nth-of-type(4) .item-ttl::after{
  background: url(../images/kintone_pk/icon_case.svg) no-repeat center/cover;
}
.l-kintone_pk .operation-list .list-item:nth-of-type(5) .item-ttl::after{
  background: url(../images/kintone_pk/icon_mail.svg) no-repeat center/cover;
}
.l-kintone_pk .operation-list .list-item:nth-of-type(6) .item-ttl::after{
  background: url(../images/kintone_pk/icon_train.svg) no-repeat center/cover;
}
.l-kintone_pk .operation-list .list-item p{
  text-align: center;
}

.l-kintone_pk .feature{
  padding-block: 96px 112px;
  margin-bottom: 96px;
  background: url(../images/kintone_pk/bg_feature.png) no-repeat right 100px top 50%/cover #004092;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature{
    padding-block: 12vw;
    margin-bottom: 0;
  }
}
.l-kintone_pk .feature .feature-ttl{
  margin-bottom: 32px;
  font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: calc(72em/1000);
  text-align: center;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-ttl{
    margin-bottom: 8vw;
    font-size: 2.8rem;
  }
}
.l-kintone_pk .feature .feature-ttl .fz-56{
  margin-top: -0.25em;
}
.l-kintone_pk .feature .feature-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-list{
    grid-template-columns: repeat(1, 1fr);
    row-gap: 4vw;
  }
}
.l-kintone_pk .feature .feature-list .list-item{
  padding: 40px 30px;
  background-color: #FFF;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-list .list-item{
    padding: 12vw 8vw;
  }
}
.l-kintone_pk .feature .feature-list .list-item .feature-number{
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #FFAA00;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-list .list-item .feature-number{
    margin-bottom: 2vw;
    font-size: 2rem;
  }
}
.l-kintone_pk .feature .feature-list .list-item .feature-number .bk-yellow{
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-list .list-item .feature-number .bk-yellow{
    font-size: 1.2rem;
  }
}
.l-kintone_pk .feature .feature-list .list-item .item-ttl{
  margin-bottom: 16px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #004092;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-list .list-item .item-ttl{
    margin-bottom: 2vw;
    font-size: 2.4rem;
  }
}
.l-kintone_pk .feature .feature-list .list-item p{
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-list .list-item p{
    font-size: 1.4rem;
  }
}
.l-kintone_pk .feature .feature-list .list-item .deco-notice{
  font-size: 1.2rem;
}
.l-kintone_pk .feature .feature-more{
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-more{
    margin-top: 8vw;
  }
}
.l-kintone_pk .feature .feature-more .more-txt{
  margin-bottom: 48px;
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .feature .feature-more .more-txt{
    margin-bottom: 8vw;
    font-size: 2.8rem;
  }
}
.l-kintone_pk .more-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .more-list{
    grid-template-columns: repeat(1, 1fr);
    row-gap: 4vw;
  }
}
.l-kintone_pk .more-list .list-item{
  display: flex;
  align-items: center;
  column-gap: 15px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .more-list .list-item{
    row-gap: 4vw;
  }
}
.l-kintone_pk .more-list .list-item figure{
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .more-list .list-item figure{
    width: 30%;
  }
  .l-kintone_pk .more-list .list-item figure img{
    width: 100%;
  }
}
.l-kintone_pk .more-list .list-item p{
  font-weight: bold;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .more-list .list-item p{
    font-size: 1.4rem;
  }
}

/* サービスのフロー */
.l-kintone_pk .flow{
  margin-top: 96px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow{
    margin-top: 16vw;
  }
}
.l-kintone_pk .flow-list{
  position: relative;
  z-index: 0;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list{
    margin-bottom: 8vw;
  }
}
.l-kintone_pk .flow-list::before{
  content: "";
  display: block;
  width: 4px;
  height: 80%;
  background: url(../images/kintone_pk/bg_line-dott.svg) repeat-y;
  position: absolute;
  top: 50%;
  left: 62px;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list::before{
    /* display: none; */
    height: 84%;
    top: 0;
    left: 38px;
    transform: none;
  }
}
.l-kintone_pk .flow-list .list-item{
  display: flex;
  align-items: center;
  column-gap: 40px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item{
    /* flex-direction: column; */
    align-items: flex-start;
    column-gap: 6vw;
    /* row-gap: 4vw; */
    position: relative;
  }
}
.l-kintone_pk .flow-list .list-item:not(:first-of-type){
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item:not(:first-of-type){
    margin-top: 16vw;
  }
  /* .l-kintone_pk .flow-list .list-item:not(:first-of-type)::before{
    content: "";
    display: block;
    width: 4px;
    height: 8vw;
    background: url(../images/kintone_pk/bg_line-dott.svg) repeat-y;
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  } */
}
.l-kintone_pk .flow-list .list-item--left{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 128px;
  background-color: #FFF6D6;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item--left{
    width: 80px;
    height: 80px;
  }
}
.l-kintone_pk .flow-list .list-item--left .wrapper{
  margin-top: -12px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item--left .wrapper{
    margin-top: -8px;
  }
}
.l-kintone_pk .flow-list .list-item .item-number{
  display: block;
  font-size: 2.4rem;
  color: #FFAA00;
  font-family: "Karla", sans-serif;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item .item-number{
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
.l-kintone_pk .flow-list .list-item .item-label{
  display: block;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item .item-label{
    font-size: 1.3rem;
  }
}
.l-kintone_pk .flow-list .list-item--left .bk-white,
.l-kintone_pk .flow-list .list-item--left .bk-yellow{
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item--left .bk-white,
  .l-kintone_pk .flow-list .list-item--left .bk-yellow{
    font-size: 1.1rem;
  }
}
.l-kintone_pk .flow-list .list-item--right{
  width: calc(100% - 128px - 40px);
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item--right{
    width:100%;
  }
}
.l-kintone_pk .flow-list .list-item .item-ttl{
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-bottom: 10px;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item .item-ttl{
    font-size: 1.8rem;
    column-gap: 0.5em;
  }
}
.l-kintone_pk .flow-list .list-item .item-ttl::before{
  content: "";
  width: 8px;
  height: 8px;
  background-color: #FFBF00;
  border-radius: 50%;
}
.l-kintone_pk .flow-list .list-item--right p{
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item--right p{
    font-size: 1.4rem;
  }
}
.l-kintone_pk .flow-list .list-item--right p .super{
  vertical-align: super;
  font-size: 1.3rem;
  color: #707070;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .flow-list .list-item--right p .super{
    font-size: 1.1rem;
  }
}
.l-kintone_pk .list-notice li{
  position: relative;
  padding-left: 1.25em;
  font-size: 1.3rem;
  color: #707070;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .list-notice li{
    font-size: 1.1rem;
  }
}
.l-kintone_pk .list-notice li::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.l-kintone_pk .list-notice li:not(:first-child){
  margin-top: 0.5em;
}

.list-notice-order{
  font-size: 1.3rem;
  color: #707070;
  counter-reset: number 0;
}
.list-notice-order li::before{
  counter-increment: number 1;
  content: "※" counter(number) " ";
}
.l-kintone_pk .list-notice-order li:not(:first-child){
  margin-top: 0.5em;
}

.l-kintone_pk .newtab{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.l-kintone_pk .newtab::after{
  content: "";
  display: inline-block;
  margin-left: 0.5em;
  width: 10px;
  height: 10px;
  background: url(../images/kintone_pk/icon_newtab.svg) no-repeat;
}
.l-kintone_pk .newtab:hover{
  opacity: .7;
}

/* サービスの詳細内容 */
.l-kintone_pk .service{
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service{
    margin-top: 24vw;
  }
}
.l-kintone_pk .service-list .list-item{
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .list-item{
    flex-direction: column;
  }
}
.l-kintone_pk .service-list .list-item:not(:first-of-type){
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .list-item:not(:first-of-type){
    margin-top: 16vw;
  }
}
.l-kintone_pk .service-list .list-item--left{
  display: flex;
}
.l-kintone_pk .service-list .list-item--left > div{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  background-color: #FFF6D6;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .list-item--left > div{
    flex-shrink: 0;
    width: 72px;
    height: 72px;
  }
  .l-kintone_pk .service-list .list-item--left figure img{
    max-width: 100%;
  }
}
.l-kintone_pk .service-list .list-item--left .wrapper{
  margin-top: -6px;
}


.l-kintone_pk .service-list .list-item .item-number{
  display: block;
  font-size: 1.4rem;
  color: #FFAA00;
  font-family: "Karla", sans-serif;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .list-item .item-number{
    font-size: 1.2rem;
  }
}
.l-kintone_pk .service-list .list-item .item-label{
  display: block;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .list-item .item-label{
    font-size: 1.1rem;
  }
}
.l-kintone_pk .service-list .list-item--right{
  margin-left: 62px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .list-item--right{
    margin-left: 0;
    padding-top: 4vw;
  }
}
.l-kintone_pk .service-list .item-ttl{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .item-ttl{
    font-size: 1.8rem;
  }
}
.l-kintone_pk .service-list .list-item--right p{
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-list .list-item--right p{
    font-size: 1.4rem;
  }
}
.l-kintone_pk .service-list .list-item--right small{
  display: block;
  margin-top: 24px;
}
/* サービス価格 */
.l-kintone_pk .price{
  margin-top: 160px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price{
    margin-top: 24vw;
    margin-bottom: 16vw;
  }
}
.l-kintone_pk .price-free{
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  column-gap: 22px;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: calc(64em/1000);
  color: #FFAA00;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-free{
    margin-bottom: 4vw;
    font-size: 2rem;
    column-gap: 2vw;
  }
}
.l-kintone_pk .price-free::before{
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/kintone_pk/bg_line02.svg) no-repeat;
  margin-top: 8px;
}
.l-kintone_pk .price-free::after{
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/kintone_pk/bg_line02.svg) no-repeat;
  transform: rotate(-90deg);
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-free::before,
  .l-kintone_pk .price-free::after{
    width: 24px;
    height: 24px;
  }
}
.l-kintone_pk .price-list{
  border: 1px solid #E3E3E3;
  display: flex;
  padding-block: 48px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-list{
    flex-direction: column;
    row-gap: 20vw;
    padding-block: 8vw;
    padding-inline: 4.4vw;
    margin-bottom: 8vw;
  }
}
.l-kintone_pk .price-list .list-item{
  width: 50%;
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-list .list-item{
    width: 100%;
    padding-bottom: 0;
  }
}
.l-kintone_pk .price-list .item-ttl{
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-list .item-ttl{
    font-size: 1.8rem;
  }
}
.l-kintone_pk .price-list .list-item--left{

}
.l-kintone_pk .price-list .list-item--right{
  background: url(../images/kintone_pk/bg_line-dott.svg) repeat-y;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-list .list-item--right{
    background: none;
    position: relative;
  }
  .l-kintone_pk .price-list .list-item--right::before{
    content: "";
    position: absolute;
    top: -10vw;
    left: 50%;
    width: 100%;
    height: 4px;
    transform: translateX(-50%);
    background: url(../images/kintone_pk/bg_line-dott-horizon.svg) repeat-x;
  }
}

.l-kintone_pk .price-list .list-item--right .wrapper{
  position: relative;
  width: 100%;
  height: 100%;
}
.l-kintone_pk .price-list .list-item--right .wrapper .circle{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 190px;
  height: 190px;
  background-color: #FFF6D6;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-list .list-item--right .wrapper .circle{
    position: static;
    transform:unset;
    width: 128px;
    height: 128px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-list .list-item--right .wrapper .circle p{
    font-size: 1.4rem;
  }
}
.l-kintone_pk .price-list .list-item--right .wrapper .item-ttl{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .price-list .list-item--right .wrapper .item-ttl{
    top: -0.75em;
  }
}
.l-kintone_pk .price-list .list-item--right .wrapper p{
  margin-top: 10px;
  text-align: center;
  font-weight: 500;
}
.l-kintone_pk .price-list .list-item--right .wrapper p span{
  font-weight: bold;
  margin-top: -0.4em;
  padding-inline: 0.125em;
}

.l-kintone_pk .list-check{
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .list-check{
    margin-top: 4vw;
  }
}
.l-kintone_pk .list-check li{
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .list-check li{
    font-size: 1.4rem;
  }
}
.l-kintone_pk .list-check li:not(:first-child){
  margin-top: .75em;
}
.l-kintone_pk .list-check li::before{
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/kintone_pk/icon_check.svg) no-repeat center/cover;
}

/* よくあるご質問 */
.l-kintone_pk .faq{
  margin-top: 160px;
  margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .faq{
    margin-top: 16vw;
    margin-bottom: 16vw;
  }
}
.faq-accordion{

}
.l-kintone_pk .faq .toggle {
  display: none;
}
.l-kintone_pk .faq .option {
  position: relative;
  margin-bottom: 16px;
}
.l-kintone_pk .faq .title,
.l-kintone_pk .faq .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.l-kintone_pk .faq .title{
  display: block;
  font-weight: bold;
  padding-right: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .faq .title{
    font-size: 1.4rem;
    padding-right: 36px;
  }
}
.l-kintone_pk .faq .title::after,
.l-kintone_pk .faq .title::before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0.3em;
  width: 1px;
  height: 16px;
  background-color: #333;
  transition: all 0.6s ease;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .faq .title::after,
  .l-kintone_pk .faq .title::before {
    height: 12px;
  }
}
.l-kintone_pk .faq .title .circle-marker{
  display: block;
  position: relative;
  padding-left: 14px;
  transition: opacity 0.3s ease;
}
.l-kintone_pk .faq .title .circle-marker::before{
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FFBF00;
  position: absolute;
  top: 0.6em;
  left: 0;
}
.l-kintone_pk .faq .title:hover .circle-marker{
  opacity: .7;
}
.l-kintone_pk .faq .title::after {
  transform: rotate(90deg);
}
.l-kintone_pk .faq .content {
  max-height: 0;
  overflow: hidden;
}
.l-kintone_pk .faq .toggle:checked + .title + .content {
  max-height: 500px;
  transition: all 1.5s;
}
.l-kintone_pk .faq .toggle:checked + .title::before {
  transform: rotate(90deg) !important;
}
.l-kintone_pk .faq .inner{
  padding-top: 16px;
  padding-bottom: 32px;
}

/* オフィシャルパートナーロゴ */
.l-kintone_pk .partner{
  max-width: 600px;
  margin-inline: auto;
  margin-bottom: 104px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .partner{
    margin-bottom: 16vw;
  }
}
.l-kintone_pk .partner-ttl{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .partner-ttl{
    font-size: 1.8rem;
    margin-bottom: 4vw;
  }
}
.l-kintone_pk .partner-list{
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .partner-list{
    gap: 4vw;
    margin-bottom: 4vw;
  }
}
.l-kintone_pk .partner-list img{
  width: 100%;
  max-width: 100%;
}
.l-kintone_pk .partner .deco-notice{
  display: inline-block;
}

/*=== end kintone_pk ===*/

/*========================================================
20231120 Bridge
e-anbai
========================================================*/
.l-kintone_pk .e-anbai__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%, url("../images/e-anbai/fv.png") no-repeat right 40% top/cover;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .e-anbai__fv {
    background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%,
    url("../images/e-anbai/fv.png") no-repeat right 20% top/cover;
  }
}

.e-anbai__intro{
  background: url(../images/e-anbai/bg_building.svg) no-repeat bottom 0 left 50%/100%;
  padding-top: 72px;
  padding-bottom: 96px;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1730px) {
  .e-anbai__intro{
    padding-top: 72px;
    padding-bottom: 96px;
    background: url(../images/e-anbai/large_bg_building.svg) no-repeat bottom 0 left 50%/100%;
  }
}
@media screen and (max-width: 768px) {
  .e-anbai__intro{
    background: url(../images/e-anbai/sp_bg_building.svg) no-repeat bottom 0 left 50%/100%;
    padding-top: 15vw;
    padding-bottom: 15vw;
    position: static;
  }
}
.e-anbai__intro::before{
  content: "";
  display: block;
  width: 258px;
  height: 278px;
  background: url(../images/e-anbai/twinkle2.svg) no-repeat center/contain;
  position: absolute;
  bottom:10%;
  left: 20%;
}
.e-anbai__intro::after{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/e-anbai/twinkle.svg) no-repeat center/contain;
  position: absolute;
  top:15%;
  right: 25%;
}
@media screen and (max-width: 1200px) {
  .e-anbai__intro::before{
    left: 0;
  }
  .e-anbai__intro::after{
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .e-anbai__intro::before,
  .e-anbai__intro::after{
    display: none;
  }
}
.e-anbai__intro--text{
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  column-gap: 8px;
  color: #004092;
  font-weight: bold;
  font-size: 2.6rem;
  letter-spacing: .08em;
}
@media screen and (max-width: 768px) {
  .e-anbai__intro--text{
    font-size: 1.6rem;
  }
}
.e-anbai__intro--text::before{
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  background: url(../images/e-anbai/bar_navy.svg) no-repeat center / contain;
}
.e-anbai__intro--text::after{
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  background: url(../images/e-anbai/bar_navy.svg) no-repeat center / contain;
  transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  .e-anbai__intro--text::before,
  .e-anbai__intro--text::after{
    width: 22px;
    height: 22px;
  }
}
.l-kintone_pk .service-title{
  color: #FFFF00;
}
.l-kintone_pk .service-title--sub{
  display: block;
  font-size: 3.6rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-title--sub{
    font-size: 2.4rem;
  }
}
.l-kintone_pk .service-title--main{
  display: flex;
  justify-content: center;
  line-height: 1;
}
.l-kintone_pk .service-title--main .ff-en{
  font-size: 14.4rem;
  font-weight: 900;
  margin-top: -0.075em;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-title--main .ff-en{
    font-size: 8.8rem;
  }
}
.l-kintone_pk .service-title--main .jp{
  font-size: 11rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-title--main .jp{
    font-size: 7.2rem;
  }
}
.l-kintone_pk .service-title--ruby{
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0.5em;
}
.l-kintone_pk .service-title--ruby-left{
  width: 128px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-title--ruby-left{
    width: 80px;
  }
}
.l-kintone_pk .service-title--ruby-right{
  width: 220px;
}
@media screen and (max-width: 768px) {
  .l-kintone_pk .service-title--ruby-right{
    width: 144px;
  }
}
.e-anbai__intro--box{
  margin-top: 32px;
  padding: 12px 40px;
  display: inline-block;
  background-color: #FFF;
  color: #004092;
  font-size: 2.6rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .e-anbai__intro--box{
    font-size: 1.6rem;
    padding: 2vw 4vw;
    margin-top: 6vw;
  }
}

.e-anbai__registered{
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .e-anbai__registered{
    justify-content: flex-start;
  }
}

.e-anbai__ttl-fill{
  padding: 22px 32px;
  background-color: #004092;
  color: #FFF;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__ttl-fill{
    font-size: 2rem;
    padding: 2vw;
  }
}

.e-anbai__problem{
  margin-top: 48px;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem{
    margin-top: 8vw;
  }
}
.e-anbai__problem--inner{
  margin-inline: 80px;
  margin-top: 48px;
  padding-bottom: 48px;
  background: url(../images/e-anbai/img_problem.svg) no-repeat right bottom/contain;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--inner{
    margin-inline: 0;
    margin-top: 4vw;
    padding-bottom: 144px;
    text-align: center;
    background: url(../images/e-anbai/img_problem.svg) no-repeat bottom center/auto 128px;
  }
}
.e-anbai__problem--inner p{
  line-height: 2.8;
}

.e-anbai__problem--emp01{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 2;
  color: #00B9FF;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--emp01{
    font-size: 1.6rem;
  }
}
.e-anbai__problem--emp02{
  display: inline-block;
  margin-left: 0.2em;
  margin-bottom: 0.1em;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.3;
  background: linear-gradient(transparent 50%, #B2EAFF 50%);
  position: relative;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--emp02{
    margin-bottom: 0.25em;
    font-size: 2rem;
  }
}
.e-anbai__problem--emp02::before{
  content: "";
  display: block;
  width: 2em;
  height: 1em;
  background: url(../images/e-anbai/dott_emp_yellow.svg) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: -18px;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--emp02::before{
    top: -12px;
  }
}
.e-anbai__problem--03{
  color: #00B9FF;
  font-weight: bold;
}

.e-anbai__problem--list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  padding-block: 32px;
  margin-bottom: 72px;
  background-color: #EBEFF1;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .e-anbai__problem--list{
    gap: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--list{
    display: block;
    margin-bottom: 8vw;
    padding-block: 0;
  }
}
.e-anbai__problem--list::after{
  content: "";
  background-color: #EBEFF1;
  width: 80px;
  height: 40px;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  bottom: -39px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--list::after{
    width: 10vw;
    height: 5vw;
    bottom: -4vw;
  }
}
.e-anbai__problem--list li{
  padding: 24px 16px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1200px) {
  .e-anbai__problem--list li{
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--list li{
    padding-block: 8vw;
    padding-inline: 0;
    margin-inline: 8vw;
  }
}
.e-anbai__problem--list li:not(:first-child){
  position: relative;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--list li:not(:first-child){

  }
}
.e-anbai__problem--list li:not(:first-child)::after{
  display: block;
  position: absolute;
  bottom: 0;
  left: -4px;
  width: 8px;
  height: 100%;
  background-image: radial-gradient(#CCD7DB 30%,transparent 0);
  background-position: 0 100%;
  background-size: 8px 8px;
  background-repeat: repeat-y;
  background-color: transparent;
  content: "";
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--list li:not(:first-child)::after{
    left: 0;
    top: -4px;
    bottom: unset;
    width: 100%;
    height: 8px;
    background-repeat: repeat-x;
  }
}

.e-anbai__problem--text p{
  color: #004092;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--text p{
    font-size: 1.6rem;
  }
}
.e-anbai__problem--text .emp01{
  display: inline-block;
  margin-bottom: -0.1em;
  padding-inline: 0.075em;
  font-size: 2.4rem;
  background: linear-gradient(transparent 50%, #FFFF7F 50%);
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--text .emp01{
    font-size: 1.8rem;
  }
}
.e-anbai__problem--text .emp02{
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--text .emp02{
    margin-block: 4vw 8vw;
    column-gap: 4vw;
    font-size: 2.2rem;
  }
}
.e-anbai__problem--text .emp02::before{
  content: "";
  display: block;
  width: 36px;
  height: 62px;
  background: url(../images/e-anbai/bar_lightblue.svg) no-repeat center/contain;
}
.e-anbai__problem--text .emp02::after{
  content: "";
  display: block;
  width: 36px;
  height: 62px;
  background: url(../images/e-anbai/bar_lightblue.svg) no-repeat center/contain;
  transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  .e-anbai__problem--text .emp02::before,
  .e-anbai__problem--text .emp02::after{
    width: calc(36px/1.5);
    height: calc(62px/1.5);
  }
}

.e-anbai__contact-box{
  padding: 36px 80px 48px;
  background-color: #00B9FF;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box{
    padding: 10vw 6% 12vw;
  }
}
.e-anbai__contact-box .contact-ttl{
  margin-bottom: 20px;
  font-size: 2.4rem;
  letter-spacing: calc(48em/1000);
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box .contact-ttl{
    margin-bottom: 6vw;
    font-size: 1.8rem;
  }
}
.e-anbai__contact-box .contact-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 32px;
  height: 116px;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box .contact-list{
    grid-template-columns: repeat(1, 1fr);
    gap: 16px 0;
    height: auto;
  }
}
.e-anbai__contact-box .contact-tel a{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  color: #004092;
  background-color: #FFF;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box .contact-tel a{
    height: 80px;
  }
}
.e-anbai__contact-box .tel-number{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box .tel-number{
    font-size: 2.8rem;
  }
}
.e-anbai__contact-box .tel-number::before{
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/kintone_pk/tel.svg) no-repeat left/contain;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box .tel-number::before{
    width: 24px;
    height: 24px;
  }
}
.e-anbai__contact-box .tel-day{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2px;
}
.e-anbai__contact-box .contact-mail a{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  width: 100%;
  height: 100%;
  background-color: #004092;
  font-size: 2rem;
  color: #FFF;
  transition: background-color 0.3s ease;
}
.e-anbai__contact-box .contact-mail a:hover{
  background-color: #005FD8;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box .contact-mail a{
    height: 80px;
    font-size: 1.6rem;
  }
}
.e-anbai__contact-box .contact-mail a::before{
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/kintone_pk/contact.svg) no-repeat left/contain;
}
@media screen and (max-width: 768px) {
  .e-anbai__contact-box .contact-mail a::before{
    width: 24px;
    height: 24px;
  }
}

.e-anbai__merit{
  margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit{
    margin-top: 16vw;
  }
}
.e-anbai__merit--content{
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit--content{
    margin-top: 6vw;
  }
}
.e-anbai__merit--box{
  display: flex;
  justify-content: space-between;
}
.e-anbai__merit--title{
  margin-bottom: .5em;
  font-weight: 700;
  color: #004092;
}

.e-anbai__merit--content > .e-anbai__merit--box{
  column-gap: 40px;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit--content > .e-anbai__merit--box{
    flex-direction: column;
    row-gap: 4vw;
  }
  .e-anbai__merit--content > .e-anbai__merit--box figure{
    text-align: center;
  }
  .e-anbai__merit--content > .e-anbai__merit--box figure img{
    width: 50%;
  }
}
.e-anbai__merit--content > .e-anbai__merit--box .e-anbai__merit--title{
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit--content > .e-anbai__merit--box .e-anbai__merit--title{
    font-size: 2rem;
  }
}
.e-anbai__merit--content > .e-anbai__merit--box p{
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit--content > .e-anbai__merit--box p{
    font-size: 1.2rem;
  }
}

.e-anbai__merit--box-wrap{
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 88px;
  background: url(../images/e-anbai/bg_line-dott.svg) repeat-y top center;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit--box-wrap{
    margin-top: 8vw;
    display: flex;
    flex-direction: column;
    row-gap: 4vw;
    background: none;
  }
}
.e-anbai__merit--box-wrap .e-anbai__merit--box{
  column-gap: 32px;
}
@media screen and (max-width: 1200px) {
  .e-anbai__merit--box-wrap .e-anbai__merit--box{
    column-gap: 0;
  }
  .e-anbai__merit--box-wrap .e-anbai__merit--box figure{
    width: 25%;
  }
  .e-anbai__merit--box-wrap .e-anbai__merit--box figure img{
    max-width: 100%;
  }
  .e-anbai__merit--box-wrap .e-anbai__merit--box section{
    width: calc(75% - 4vw);
  }
}
@media screen and (max-width: 768px) {

}
.e-anbai__merit--box-wrap .e-anbai__merit--box .e-anbai__merit--title{
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit--box-wrap .e-anbai__merit--box .e-anbai__merit--title{
    font-size: 1.8rem;
  }
}
.e-anbai__merit--box-wrap .e-anbai__merit--box p{
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__merit--box-wrap .e-anbai__merit--box p{
    font-size: 1.2rem;
  }
}

.e-anbai__price-monthly{
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .e-anbai__price-monthly{
    margin-top: 15vw;
  }
}
.e-anbai__price-monthly--content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  border: 8px solid #00B9FF;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .e-anbai__price-monthly--content{
    display: flex;
    flex-direction: column;
    border: 4px solid #00B9FF;
  }
}
.e-anbai__price-monthly--content dt{
  padding-block: 48px;
  background-color: #00B9FF;
  color: #FFF;
  font-size: 3.2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__price-monthly--content dt{
    width: 100%;
    padding-block: 4vw;
    font-size: 2rem;
  }
}
.e-anbai__price-monthly--content dd{
  color: #004092;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__price-monthly--content dd{
    padding-block: 4vw;
    font-size: 1.6rem;
  }
}
.e-anbai__price-monthly--content dd span{
  display: inline-block;
  font-size: 4.8rem;
  margin-bottom: -0.2em;
  margin-right: 0.15em;
}
@media screen and (max-width: 768px) {
  .e-anbai__price-monthly--content dd span{
    font-size: 3.2rem;
  }
}
.e-anbai__price-monthly .deco-notice{
  margin-top: 8px;
}

.e-anbai__system{
  margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .e-anbai__system{
    margin-top: 16vw;
  }
}
.e-anbai__system--list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 25px;
}
@media screen and (max-width: 1200px) {
  .e-anbai__system--list{
    column-gap: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .e-anbai__system--list{
    display: flex;
    flex-direction: column;
    row-gap: 4vw;
  }
}
.e-anbai__system--content{
  padding-block: 20px 24px;
  background-color: rgba(52, 206, 255, 0.12);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__system--content{
    padding-block: 2vw 4vw;
  }
}
.e-anbai__system--content-title{
  font-size: 2.4rem;
  font-weight: 700;
  color: #004092;
}
@media screen and (max-width: 768px) {
  .e-anbai__system--content-title{
    font-size: 1.8rem;
  }
}
.e-anbai__system--content:nth-child(1) .e-anbai__system--content-title::after{
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  background: url(../images/e-anbai/icon_system01.svg) no-repeat center/contain;
  margin-inline: auto;
  margin-block: 10px 16px;
}
.e-anbai__system--content:nth-child(2) .e-anbai__system--content-title::after{
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  background: url(../images/e-anbai/icon_system02.svg) no-repeat center/contain;
  margin-inline: auto;
  margin-block: 10px 16px;
}
.e-anbai__system--content:nth-child(3) .e-anbai__system--content-title::after{
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  background: url(../images/e-anbai/icon_system03.svg) no-repeat center/contain;
  margin-inline: auto;
  margin-block: 10px 16px;
}
@media screen and (max-width: 768px) {
  .e-anbai__system--content:nth-child(1) .e-anbai__system--content-title::after,
  .e-anbai__system--content:nth-child(2) .e-anbai__system--content-title::after,
  .e-anbai__system--content:nth-child(3) .e-anbai__system--content-title::after{
    width: 48px;
    height: 48px;
    margin-block: 1vw 3vw;
  }
}
.e-anbai__system--content-list{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 24px;
}
@media screen and (max-width: 1200px) {
  .e-anbai__system--content-list{
    column-gap: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .e-anbai__system--content-list{
    column-gap: 4vw;
  }
}
.e-anbai__system--content-list li{
  padding-left: 1em;
  position: relative;
}

.e-anbai__system--content-list li::before{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background-color: #00B9FF;
  position: absolute;
  left: 0;
  top: 0.6em;
}
.e-anbai__system--diagram{
  margin-top: 64px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__system--diagram{
    margin-top: 8vw;
  }
}
.e-anbai__system--diagram img{
  max-width: 100%;
}

.e-anbai__feature{
  margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .e-anbai__feature{
    margin-top: 16vw;
  }
}
.e-anbai__feature--title{
  margin-bottom: 1em;
  color: #004092;
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__feature--title{
    font-size: 1.6rem;
  }
}

.e-anbai__feature--lead{
  display: flex;
  column-gap: 28px;
}
@media screen and (max-width: 768px) {
  .e-anbai__feature--lead{
    flex-direction: column;
    row-gap: 4vw;
  }
  .e-anbai__feature--lead figure{
    text-align: center;
  }
  .e-anbai__feature--lead figure img{
    width: 50%;
  }
}
.e-anbai__feature--lead p+*{
  margin-top: 1em;
}
.e-anbai__feature--lead small{
  display: block;
}
.e-anbai__feature--diagram{
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .e-anbai__feature--diagram{
    margin-top: 8vw;
  }
}
.e-anbai__feature--diagram img{
  width: 100%;
}

.e-anbai__service{
  margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .e-anbai__service{
    margin-top: 16vw;
  }
}
.e-anbai__service--list{
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}
@media screen and (max-width: 768px) {
  .e-anbai__service--list{
    row-gap: 12vw;
  }
}
.e-anbai__service--item{
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: center;
  column-gap: 56px;
}
@media screen and (max-width: 768px) {
  .e-anbai__service--item{
    /* display: flex;
    flex-direction: column;
    column-gap: 0;
    row-gap: 4vw; */
    grid-template-columns: 25% 1fr;
    align-items: start;
    column-gap: 4vw;
  }
}
.e-anbai__service--item figure{
  text-align: center;
}
.e-anbai__service--item figure img{
  max-width: 100%;
}
.e-anbai__service--title{
  font-size: 2.4rem;
  margin-bottom: .75em;
  color: #004092;
}
@media screen and (max-width: 768px) {
  .e-anbai__service--title{
    font-size: 1.8rem;
  }
}

.e-anbai__voice{
  margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .e-anbai__voice{
    margin-top: 16vw;
  }
}
.e-anbai__voice dl dt{
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: center;
  column-gap: 40px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .e-anbai__voice dl dt{
    grid-template-columns: 25% 1fr;
    column-gap: 4vw;
    align-items: start;
    margin-bottom: 6vw;
  }
}
.e-anbai__voice dl figure img{
  max-width: 100%;
}
.e-anbai__voice--title{
  font-size: 2.4rem;
  margin-bottom: .75em;
  color: #004092;
}
@media screen and (max-width: 768px) {
  .e-anbai__voice--title{
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.e-anbai__voice dl dd{
  background-color: #EDF9FE;
  border-radius: 8px;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .e-anbai__voice dl dd{
    padding: 6vw;
  }
}
.e-anbai__voice dl dd > div:not(:first-child){
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .e-anbai__voice dl dd > div:not(:first-child){
    margin-top: 6vw;
  }
}
.e-anbai__voice--subtitle{
  font-size: 1.6rem;
  margin-bottom: 1em;
  color: #00B9FF;
}
@media screen and (max-width: 768px) {
  .e-anbai__voice--subtitle{
    font-size: 1.5rem;
  }
}
.e-anbai__voice dl ol{
  list-style-type: decimal;
  padding-left: 1.25em;
}
.e-anbai__voice dl ol li:not(:first-child){
  margin-top: 0.25em;
}

/* サービス価格 */
.e-anbai__price{
  margin-top: 104px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .e-anbai__price{
    margin-top: 16vw;
    margin-bottom: 16vw;
  }
}
.e-anbai__price--list{
  border: 1px solid #E3E3E3;
  display: flex;
  padding-block: 48px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .e-anbai__price--list{
    flex-direction: column;
    row-gap: 20vw;
    padding-block: 8vw;
    padding-inline: 4.4vw;
    margin-bottom: 8vw;
  }
}
.e-anbai__price--list .list-item{
  width: 50%;
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .e-anbai__price--list .list-item{
    width: 100%;
    padding-bottom: 0;
  }
}
.e-anbai__price--list .item-ttl{
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__price--list .item-ttl{
    font-size: 1.8rem;
  }
}

.e-anbai__price--list .list-item--right{
  background: url(../images/kintone_pk/bg_line-dott.svg) repeat-y;
}
@media screen and (max-width: 768px) {
  .e-anbai__price--list .list-item--right{
    background: none;
    position: relative;
  }
  .e-anbai__price--list .list-item--right::before{
    content: "";
    position: absolute;
    top: -10vw;
    left: 50%;
    width: 100%;
    height: 4px;
    transform: translateX(-50%);
    background: url(../images/kintone_pk/bg_line-dott-horizon.svg) repeat-x;
  }
}
.e-anbai__price--list .list-item--right .wrapper{
  width: 75%;
}
@media screen and (max-width: 768px) {
  .e-anbai__price--list .list-item--right .wrapper{
    width: 90%;
  }
}

.e-anbai__price .list-check{
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .e-anbai__price .list-check{
    margin-top: 4vw;
  }
}
.e-anbai__price .list-check li{
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .e-anbai__price .list-check li{
    font-size: 1.4rem;
  }
}
.e-anbai__price .list-check li:not(:first-child){
  margin-top: .75em;
}
.e-anbai__price .list-check li::before{
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/e-anbai/icon_check.svg) no-repeat center/cover;
}
.e-anbai__price--monthly{
  margin-top: 32px;
  display: flex;
  align-items: center;
  border: 1px solid #00B9FF;
}
@media screen and (max-width: 1200px) {
  .e-anbai__price--monthly{
    flex-direction: column;
    margin-top: 4vw;
  }
}
.e-anbai__price--monthly dt{
  padding-block: 10px;
  padding-inline: 30px;
  background-color: #00B9FF;
  color: #FFF;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .e-anbai__price--monthly dt{
    width: 100%;
    padding-block: 2vw;
    padding-inline: 4vw;
    text-align: center;
  }
}
.e-anbai__price--monthly dd{
  flex-grow: 1;
  padding-inline: 20px;
  color: #004092;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .e-anbai__price--monthly dd{
    padding-block: 2vw;
    padding-inline: 2vw;
  }
}
.e-anbai__price--monthly dd span{
  display: inline-block;
  margin-bottom: -0.15em;
  margin-right: 0.2em;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .e-anbai__price--monthly dd span{
    font-size: 2.4rem;
  }
}
.e-anbai__price--initial{
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.e-anbai__price--initial dd{
  font-size: 1.2rem;
}
.e-anbai__price--initial dd span{
  display: inline-block;
  margin-bottom: -0.15em;
  margin-inline: 0.25em;
  font-size: 2rem;
}
.e-anbai__price--campaign{
  margin-top: 24px;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .e-anbai__price--campaign{
    margin-top: 6vw;
    font-size: 12px;
  }
}

.e-anbai__faq{
  margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .e-anbai__faq{
    margin-top: 16vw;
  }
}
.e-anbai__faq .toggle {
  display: none;
}
.e-anbai__faq .option {
  position: relative;
  margin-bottom: 16px;
}
.e-anbai__faq .title,
.e-anbai__faq .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.e-anbai__faq .title{
  display: block;
  font-weight: bold;
  padding-right: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .e-anbai__faq .title{
    font-size: 1.4rem;
    padding-right: 36px;
  }
}
.e-anbai__faq .title::after,
.e-anbai__faq .title::before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0.3em;
  width: 1px;
  height: 16px;
  background-color: #333;
  transition: all 0.6s ease;
}
@media screen and (max-width: 768px) {
  .e-anbai__faq .title::after,
  .e-anbai__faq .title::before {
    height: 12px;
  }
}
.e-anbai__faq .title .circle-marker{
  display: block;
  position: relative;
  padding-left: 14px;
  transition: opacity 0.3s ease;
}
.e-anbai__faq .title .circle-marker::before{
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00B9FF;
  position: absolute;
  top: 0.6em;
  left: 0;
}
.e-anbai__faq .title:hover .circle-marker{
  opacity: .7;
}
.e-anbai__faq .title::after {
  transform: rotate(90deg);
}
.e-anbai__faq .content {
  max-height: 0;
  overflow: hidden;
}
.e-anbai__faq .toggle:checked + .title + .content {
  max-height: 500px;
  transition: all 1.5s;
}
.e-anbai__faq .toggle:checked + .title::before {
  transform: rotate(90deg) !important;
}
.e-anbai__faq .inner{
  padding-top: 16px;
  padding-bottom: 32px;
}

.e-anbai__partner{
  margin-top: 104px;
}
@media screen and (max-width: 768px) {
  .e-anbai__partner{
    margin-top: 16vw;
  }
}

/*=== end e-anbai ===*/

/**
* @file _news-page.scss
**/
.l-news-page {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-page {
    margin-top: 50px;
  }
}

.l-news-page .news-page {
  margin-top: 123px;
  margin-left: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 62%, rgba(204, 215, 219, 0.25) 62%, rgba(204, 215, 219, 0.25) 100%);
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page {
    margin-top: 50px;
  }
}

.l-news-page .news-page-padding {
  padding-right: 6%;
  padding-left: 6%;
}

.l-news-page .news-page-inner {
  width: 100%;
  max-width: 1190px;
  margin-right: auto;
  margin-left: auto;
}

.l-news-page .news-page__category {
  -webkit-transition: opacity 0.3s ease 0s;
  margin-left: 4%;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-news-page .news-page__category {
    margin-left: 14px;
  }
}

.l-news-page .news-page__ttl {
  padding-top: 100px;
  padding-left: -10%;
  color: #004092;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__ttl {
    padding-top: 60px;
  }
}

.l-news-page .news-page__ttl--ja {
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__ttl--ja {
    font-size: 2rem;
  }
}

.l-news-page .news-page__content {
  width: 86%;
  margin-top: 100px;
  padding: 36px 8% 87px 5.5%;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content {
    margin-top: 60px;
    padding-top: 18px;
    padding-bottom: 30px;
  }
}

.l-news-page .news-page-width {
  width: 100%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

.l-news-page .news-page .content__block .content__text {
  margin-top: 36px;
  font-family: "Noto Sans JP", sans-serif;
}

.l-news-page .news-page .content__block .content__ttl {
  position: relative;
  margin-top: 36px;
  border-bottom: solid 1px #e0e0e0;
  color: #004092;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page .content__block .content__ttl {
    font-size: 1.8rem;
  }
}

.l-news-page .news-page .content__block .content__ttl::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-bottom: 1px solid #004092;
  content: "";
}

.l-news-page .news-page .content__block .content__img {
  position: relative;
  width: 100%;
  max-width: 699px;
  margin-top: 66px;
  padding-top: 59%;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page .content__block .content__img {
    margin-top: 36px;
  }
}

.l-news-page .news-page .content__block .content__img img {
  -o-object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

.l-news-page .news-page .content__block .content__btn {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page .content__block .content__btn {
    margin-top: 36px;
  }
}

.l-news-page .news-page .content__block .content__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 342px;
  height: 76px;
  padding-left: 24px;
  background-color: #004092;
  color: #fff;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page .content__block .content__link {
    width: 239px;
    height: 53px;
    font-size: 1.8rem;
  }
}

.l-news-page .news-page .content__block .content__link::after {
  -webkit-transition: left 0.3s ease 0s;
  -webkit-transform: scale(-1, 1);
  position: absolute;
  top: 48%;
  left: 24px;
  width: 24px;
  height: 6.4px;
  transform: scale(-1, 1);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: left 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page .content__block .content__link::after {
    left: 18px;
    background-size: 80%;
  }
}

.l-news-page .news-page .content__block .content__link:hover::after {
  left: 12px;
}

.l-news-page .news-page__breadcrumb .p-breadcrumb {
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__breadcrumb .p-breadcrumb {
    font-size: 1.1rem;
  }
}

/**
* @file _news.scss
**/
.l-news {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news {
    margin-top: 50px;
  }
}

.l-news-sub-fv {
  position: relative;
  width: 100%;
  height: 480px;
  background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%, url("../images/news/fv.jpg") no-repeat right top/cover;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv {
    height: 280px;
  }
}

.l-news-sub-fv::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 6%;
  width: 5px;
  height: 106px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-news-sub-fv::before {
    height: 72px;
  }
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv::before {
    left: 10%;
    width: 3px;
    height: 66px;
  }
}

.l-news-sub-fv::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 16%;
  width: 3px;
  height: 90px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-news-sub-fv::after {
    left: 2%;
  }
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv::after {
    bottom: -22px;
    height: 86px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-news-sub-fv {
    margin-top: 80px;
  }
}

.l-news-sub-fv .fv__ttl {
  padding-top: 132px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-news-sub-fv .fv__ttl {
    padding-top: 60px;
  }
}

.l-news-sub-fv .fv__ttl--en {
  font-weight: 500;
  font-size: 6rem;
  line-height: 1.17;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .fv__ttl--en {
    font-size: 3.4rem;
  }
}

.l-news-sub-fv .fv__ttl--ja {
  margin-top: 11px;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .fv__ttl--ja {
    margin-top: 6px;
    font-size: 1.6rem;
  }
}

.l-news-sub-fv .fv__form {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}

@media screen and (max-width: 1024px) {
  .l-news-sub-fv .fv__form {
    display: block;
    margin-top: 28px;
  }
}

.l-news-sub-fv .fv__content {
  -webkit-box-shadow: 0 6px 18px rgba(0, 6, 146, 0.25);
  position: relative;
  width: 450px;
  height: 76px;
  padding-top: 18px;
  padding-left: 28px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(0, 6, 146, 0.25);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .fv__content {
    width: 315px;
    height: 50px;
    padding-top: 10px;
    font-size: 1.8rem;
  }
}

.l-news-sub-fv .fv__content::after {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 36px;
  right: 27px;
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
  border-top: 3px solid #004092;
  border-right: 3px solid #004092;
  content: "";
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .fv__content::after {
    top: 22px;
    width: 8px;
    height: 8px;
  }
}

.l-news-sub-fv .fv__content.is-open::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.l-news-sub-fv .news__ttl {
  color: #004092;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .news__ttl {
    font-size: 1.8rem;
  }
}

.l-news-sub-fv .news__list {
  -webkit-box-shadow: 0 12px 12px rgba(0, 6, 146, 0.25);
  display: none;
  z-index: 3;
  position: relative;
  width: 450px;
  margin-top: 12px;
  margin-left: -28px;
  padding-left: 28px;
  background-color: #fff;
  box-shadow: 0 12px 12px rgba(0, 6, 146, 0.25);
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .news__list {
    width: 315px;
    margin-top: 8px;
  }
}

.l-news-sub-fv .news__item:not(:first-of-type) {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .news__item:not(:first-of-type) {
    margin-top: 6px;
  }
}

.l-news-sub-fv .news__item:last-of-type {
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .news__item:last-of-type {
    padding-bottom: 18px;
  }
}

.l-news-sub-fv .news__link {
  color: #004092;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news-sub-fv .news__link {
    font-size: 1.4rem;
  }
}

.l-news .news {
  margin-top: 92px;
}

@media screen and (max-width: 768px) {
  .l-news .news {
    margin-top: 66px;
  }
}

.l-news .content__list {
  width: 100%;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.l-news .list__item {
  position: relative;
  border-top: 1px solid #e0e0e0;
}

.l-news .list__item::after {
  position: absolute;
  top: -1px;
  left: 0;
  width: 90px;
  border-top: 1px solid #004092;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-news .list__item::after {
    width: 55px;
  }
}

.l-news .list__item:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}

.l-news .list__item:last-of-type::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 90px;
  border-bottom: 1px solid #004092;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-news .list__item:last-of-type::before {
    width: 55px;
  }
}

.l-news .list__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
}

.l-news .list__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 10px;
  width: 24px;
  height: 6.4px;
  transform: translateY(-50%);
  background: url(../images/top/news-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

.l-news .list__link:hover::after {
  right: -6px;
}

.l-news .list__link:hover .c-news-category {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) {
  .l-news .list__link {
    display: block;
  }
}

.l-news .list__category {
  -webkit-transition: opacity 0.3s ease 0s;
  margin-left: 4%;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-news .list__category {
    margin-left: 14px;
  }
}

.l-news .list__text {
  margin-left: 3%;
}

@media screen and (max-width: 1024px) {
  .l-news .list__text {
    margin-top: 9px;
    margin-left: 0;
  }
}

.l-news .news__pagination {
  margin-top: 71px;
  text-align: center;
}

.l-news .news__pagination .pagination__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.l-news .news__pagination .pagination__item:not(:first-of-type) {
  margin-left: 16px;
}

.l-news .news__pagination .pagination__this {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 44px;
  background-color: #004092;
  color: #fff;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-news .news__pagination .pagination__this {
    width: 26.25px;
    height: 33px;
  }
}

.l-news .news__pagination .pagination__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-transition: opacity 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 44px;
  background-color: #004092;
  color: #fff;
  font-family: "Karla", sans-serif;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-news .news__pagination .pagination__link {
    width: 26.25px;
    height: 33px;
  }
}

.l-news .news__pagination .pagination__link:hover {
  opacity: 0.7;
}

.l-news .news__pagination .pagination__arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 44px;
}

@media screen and (max-width: 768px) {
  .l-news .news__pagination .pagination__arrow {
    width: 26.25px;
    height: 33px;
  }
}

.l-news .news__pagination .pagination__arrow img {
  width: 70%;
}

.l-news .news__pagination .pagination__arrow--prev {
  -webkit-transition: left 0.3s ease 0s;
  left: 0;
  transition: left 0.3s ease 0s;
}

.l-news .news__pagination .pagination__arrow--prev:hover {
  left: -10px;
}

.l-news .news__pagination .pagination__arrow--prev img {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.l-news .news__pagination .pagination__arrow--next {
  -webkit-transition: right 0.3s ease 0s;
  right: 0;
  transition: right 0.3s ease 0s;
}

.l-news .news__pagination .pagination__arrow--next:hover {
  right: -10px;
}

.l-news .news__breadcrumb {
  margin-top: 50px;
}

/**
* @file _people-common.scss
**/
.l-people-common__ttl {
  position: absolute;
  top: 140px;
  left: 12%;
  color: #fff;
}

.l-people-common__ttl--en {
  display: inline-block;
  font-weight: normal;
  font-size: 4.2rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .l-people-common__ttl--en {
    font-size: 3.2rem;
  }
}

.l-people-common__ttl--ja {
  display: inline-block;
  padding-bottom: 0.8em;
  padding-left: 19px;
  font-weight: bold;
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .l-people-common__ttl--ja {
    padding-bottom: 1em;
    font-size: 1.4rem;
  }
}

.l-people-common__ttl__img {
  margin-top: 37px;
}

@media screen and (max-width: 768px) {
  .l-people-common__ttl__img {
    margin-top: 12px;
  }
}

.l-people-common__ttl__img img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .l-people-common__ttl__img {
    width: 80%;
  }
}

.l-people-common__contents {
  background: #fff;
}

.l-people-common__contents .contents__wrapper {
  position: relative;
  top: -212px;
  margin-bottom: -63px;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .contents__wrapper {
    margin-bottom: -139px;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .contents__wrapper {
    top: -109px;
  }
}

.l-people-common__contents .contents__bg {
  position: absolute;
  width: 81.25%;
  height: 702px;
  background-color: #f7f9f8;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .contents__bg {
    width: 92%;
    height: 811px;
  }
}

@media screen and (max-width: 599px) {
  .l-people-common__contents .contents__bg {
    width: 92%;
    height: 627px;
  }
}

.l-people-common__contents .content01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 117px;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content01 {
    display: block;
    width: 100%;
    max-width: 460px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
  }
}

.l-people-common__contents .content01__img img {
  width: 100%;
}

.l-people-common__contents .content01__body {
  margin-top: 58px;
  margin-left: 63.5px;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content01__body {
    margin-left: 40.5px;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content01__body {
    margin-left: 0;
  }
}

.l-people-common__contents .content01__body__group {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  /* padding: 6px 14px; */
  width: 100%;
  min-height: 4px;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content01__body__group {
    /* padding: 3px 12px; */
    width: 80%;
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content01__body__group {
    position: relative;
    top: -50px;
    /* left: -14px; */
    margin-top: -29px;
    font-size: 1.2rem;
  }
}

.l-people-common__contents .content01__body__group span {
  display: inline-block;
  padding-left: 1em;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content01__body__group span {
    display: block;
    padding-left: 0;
  }
}

.l-people-common__contents .content01__body__name {
  margin-top: 23.3px;
  font-size: 2.8rem;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content01__body__name {
    margin-top: -30px;
    font-size: 2.2rem;
  }
}

.l-people-common__contents .content01__body__position {
  margin-top: 10px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content01__body__position {
    margin-top: 4px;
    font-size: 1.4rem;
  }
}

.l-people-common__contents .content01__body__position span {
  display: inline-block;
  padding-left: 1em;
}

.l-people-common__contents .content01__body__text {
  margin-top: 12px;
  font-size: 1.4rem;
  line-height: 1.86;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content01__body__text {
    margin-top: 4px;
    font-size: 1.2rem;
  }
}

.l-people-common__contents .content02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 67.4px;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 {
    display: block;
    width: 100%;
    max-width: 460px;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
  }
}

.l-people-common__contents .content02__ttl {
  position: relative;
}

.l-people-common__contents .content02__ttl--ja {
  font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02__ttl--ja {
    font-size: 1.8rem;
  }
}

.l-people-common__contents .content02__ttl .careerstep__ttl--en {
  position: absolute;
  top: -108px;
  right: -100px;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02__ttl .careerstep__ttl--en {
    right: -40px;
  }
}

.l-people-common__contents .content02__body {
  -webkit-box-shadow: 20px 17px 0 #d2dce0;
  width: 47.8%;
  padding-top: 43px;
  padding-right: 32px;
  padding-left: 58px;
  background: #fff;
  box-shadow: 20px 17px 0 #d2dce0;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content02__body {
    padding-right: 0;
    padding-left: 24px;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02__body {
    width: 95%;
    padding: 40px 20px 30px 40px;
  }
}

.l-people-common__contents .content02 .careerstep {
  margin-bottom: 69px;
}

/* .careerstep2 {
  margin-bottom: 109px;
} */

ul.bottom_next > li {
  margin-bottom: 13px;
}

.l-people-common__contents .content02 .careerstep__list {
  margin-top: 24px;
}

.l-people-common__contents .content02 .careerstep__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content02 .careerstep__item {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 .careerstep__item {
    font-size: 1.2rem;
  }
}

.l-people-common__contents .content02 .careerstep__text01 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 .careerstep__text01 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }
}

.l-people-common__contents .content02 .careerstep__text02 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 .careerstep__text02 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
  }
}

.l-people-common__contents .content02 .schedule {
  position: relative;
  top: 67.4px;
  margin-left: 42px;
  padding-bottom: 45px;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 .schedule {
    top: 0;
    margin-left: 0;
    padding: 40px 10px 30px 40px;
  }
}

.l-people-common__contents .content02 .schedule__block {
  height: 80%;
  margin-top: 22.5px;
  padding-left: 11px;
}

.l-people-common__contents .content02 .schedule__text {
  margin-top: 13px;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content02 .schedule__text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 .schedule__text {
    font-size: 1.2rem;
  }
}

.l-people-common__contents .content02 .schedule__text::before {
  display: inline-block;
  z-index: 2;
  position: relative;
  top: -2px;
  left: -15.5px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #45d6d6;
  content: "";
}

.l-people-common__contents .content02 .schedule__text::after {
  position: absolute;
  top: 117px;
  left: 46.5px;
  width: 1px;
  height: 52%;
  margin: 0 1rem;
  background-color: #333;
  content: "";
}
.l-people-common__contents .content02 .schedule__block.Lv02 .schedule__text::after {
  height: 55%;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content02 .schedule__text::after {
    left: 12.6px;
    height: 49%;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 .schedule__text::after {
    top: 100px;
    left: 28.5px;
    height: 54%;
  }
  .l-people-common__contents .content02 .schedule__block.Lv02 .schedule__text::after {
    height: 60%;
  }
}

.l-people-common__contents .content02 .schedule__text span {
  padding-left: 1em;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content02 .schedule__text span {
    font-size: 1.2rem;
  }
}

.l-people-common__contents .content__ttl {
  padding-left: 1em;
  border-left: 3px solid #45d6d6;
  font-size: 3.2rem;
  line-height: 1.3;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content__ttl {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content__ttl {
    font-size: 1.9rem;
  }
}

.l-people-common__contents .content__ttl-space {
  margin-top: 77px;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content__ttl-space {
    margin-top: 32px;
  }
}

.l-people-common__contents .content__text {
  margin-top: 48px;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content__text {
    margin-top: 28px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content__text {
    margin-top: 18px;
    padding: 0;
  }
}

.l-people-common__contents .content03 {
  max-width: 890px;
  margin-top: 98px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content03 {
    max-width: 460px;
  }
}

.l-people-common__contents .content04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
  margin-top: 72px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 8.75%;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content04 {
    padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content04 {
    display: block;
    max-width: 560px;
  }
}

.l-people-common__contents .content04__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 62%;
  flex: 0 1 62%;
}

.l-people-common__contents .content04__img img {
  width: 100%;
}

.l-people-common__contents .content04__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 38%;
  flex: 0 1 38%;
  margin-left: 60px;
  padding-top: 70px;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content04__body {
    margin-left: 30px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content04__body {
    padding-top: 32px;
  }
}

.l-people-common__contents .content05 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  max-width: 1280px;
  margin-top: 72px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 8.75%;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content05 {
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content05 {
    display: block;
    max-width: 560px;
  }
}

.l-people-common__contents .content05__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 58.7%;
  flex: 0 1 58.7%;
}

.l-people-common__contents .content05__img img {
  width: 100%;
}

.l-people-common__contents .content05__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 40%;
  -webkit-box-shadow: 20px 17px 0 #d2dce0;
  flex: 0 1 40%;
  margin-top: 30px;
  margin-right: 60px;
  margin-bottom: 80px;
  padding-bottom: 56px;
  padding-left: 42px;
  background: #fff;
  box-shadow: 20px 17px 0 #d2dce0;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content05__body {
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .l-people-common__contents .content05__body {
    width: 90%;
    margin-top: 48px;
    margin-right: 10%;
    padding: 0 20px 30px 40px;
  }
}

.l-people-common__contents .content05__ttl {
  position: relative;
  left: -17%;
  width: 52.4%;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content05__ttl {
    left: -7%;
  }
}

.l-people-common__contents .content05__ttl img {
  width: 100%;
}

.l-people-common__contents .content05__text {
  padding-right: 34.5px;
}

@media screen and (max-width: 1024px) {
  .l-people-common__contents .content05__text {
    padding-right: 20px;
    font-size: 1.4rem;
  }
}

.l-people-common-breadcrumb {
  margin-top: -120px;
}

@media screen and (max-width: 768px) {
  .l-people-common-breadcrumb {
    margin-top: 0;
    padding-top: 28px;
  }
}

/**
* @file _people01.scss
**/
.l-people01 .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-people01 .fv__img {
  background: url("../images/people/people01-fv.png") no-repeat center top -10px/cover;
}

@media screen and (max-width: 768px) {
  .l-people01 .fv__img {
    background: url("../images/people/people01-fv.png") no-repeat right 30% top/cover;
  }
}

.l-people01 .content01__body__group {
  background: #FFAF39;
}

.l-people01__careerstep__item {
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .l-people01__careerstep__item {
    font-size: 1.2rem;
  }
}

.l-people01__careerstep__item:not(:first-of-type) {
  margin-top: 26px;
}

.l-people01__careerstep__text01 {
  font-weight: bold;
}

.l-people01__careerstep__text02 {
  font-weight: 500;
}

.l-people01__content04__text {
  padding-right: 12%;
}

/**
* @file _people02.scss
**/
.l-people02 .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-people02 .fv__img {
  background: url("../images/people/people02-fv.png") no-repeat center top -10px/cover;
}

@media screen and (max-width: 768px) {
  .l-people02 .fv__img {
    background: url("../images/people/people02-fv.png") no-repeat right 30% top/cover;
  }
}

.l-people02 .content01__body__group {
  background: #FF8E6C;
}

.l-people02__content04__text {
  padding-right: 12%;
}

/**
* @file _people03.scss
**/
.l-people03 .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-people03 .fv__img {
  background: url("../images/people/people03-fv.png") no-repeat center top -10px/cover;
}

@media screen and (max-width: 768px) {
  .l-people03 .fv__img {
    background: url("../images/people/people03-fv.png") no-repeat left 28% top/cover;
  }
}

.l-people03 .content01__body__group {
  background: #45D692;
}

.l-people03__content04__text {
  padding-right: 14%;
}

.l-people03 .schedule__text03 {
  margin-top: 13px;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-people03 .schedule__text03 {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-people03 .schedule__text03 {
    font-size: 1.2rem;
  }
}

.l-people03 .schedule__text03::before {
  display: inline-block;
  z-index: 2;
  position: relative;
  top: -2px;
  left: -15.5px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #45d6d6;
  content: "";
}

.l-people03 .schedule__text03::after {
  position: absolute;
  top: 117px;
  left: 46.5px;
  width: 1px;
  height: 52%;
  margin: 0 1rem;
  background-color: #333;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-people03 .schedule__text03::after {
    left: 12.6px;
    height: 49%;
  }
}

@media screen and (max-width: 768px) {
  .l-people03 .schedule__text03::after {
    top: 100px;
    left: 28.5px;
    height: 58%;
  }
}

.l-people03 .schedule__text03 span {
  padding-left: 1em;
}

@media screen and (max-width: 768px) {
  .l-people03 .schedule__text03 span {
    font-size: 1.2rem;
  }
}
/**
* people04
**/
.l-people04 .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-people04 .fv__img {
  background: url("../images/people/people04-fv.png") no-repeat center top -10px/cover;
}

@media screen and (max-width: 768px) {
  .l-people04 .fv__img {
    background: url("../images/people/people04-fv.png") no-repeat right 30% top/cover;
  }
}

.l-people04 .content01__body__group {
  background: #45D6D6;
}

.l-people04__content04__text {
  padding-right: 12%;
}
/**
* people05
**/
.l-people05 .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-people05 .fv__img {
  background: url("../images/people/people05-fv.png") no-repeat center top -10px/cover;
}

@media screen and (max-width: 768px) {
  .l-people05 .fv__img {
    background: url("../images/people/people05-fv.png") no-repeat right 40% top/cover;
  }
}

.l-people05 .content01__body__group {
  background: #3E9EF0;
}

.l-people05__content04__text {
  padding-right: 12%;
}
/**
* people06
**/
.l-people06 .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-people06 .fv__img {
  background: url("../images/people/people06-fv.png") no-repeat center top -10px/cover;
}

@media screen and (max-width: 768px) {
  .l-people06 .fv__img {
    background: url("../images/people/people06-fv.png") no-repeat right 30% top/cover;
  }
}

.l-people06 .content01__body__group {
  background: #45D6D6;
}

.l-people06__content04__text {
  padding-right: 12%;
}

/**
* @file _privacypolicy.scss
**/
.l-privacypolicy {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy {
    margin-top: 50px;
  }
}

.l-privacypolicy .privacypolicy__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/others/privacypolicy-fv.png") no-repeat right top/cover;
}

.l-privacypolicy .privacypolicy__top {
  margin-top: 46px;
}

.l-privacypolicy .top__list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 800px;
  height: 140px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .top__list {
    max-width: 400px;
    height: 100px;
  }
}

.l-privacypolicy .top__item {
  width: calc(50% - 13px * 1 / 2);
}

.l-privacypolicy .top__item--wide {
  width: 100%;
}

.l-privacypolicy .top__item:nth-of-type(n + 3) {
  margin-top: 16px;
}

.l-privacypolicy .top__item:nth-of-type(2n) {
  margin-left: 13px;
}

.l-privacypolicy .top__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 6px 6px 18px rgba(0, 64, 146, 0.25);
  -webkit-transition: opacity 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 62px;
  padding-right: 6%;
  padding-left: 6%;
  box-shadow: 6px 6px 18px rgba(0, 64, 146, 0.25);
  color: #004092;
  font-weight: bold;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-privacypolicy .top__link--wide {
  padding-left: 3%;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .top__link {
    height: 42px;
    padding-right: 30px;
    font-size: 1.2rem;
  }
}

.l-privacypolicy .top__link::after {
  position: absolute;
  top: 26px;
  right: 17px;
  width: 20px;
  height: 11px;
  background: url("../images/others/privacypolicy-arrow.svg") no-repeat center center/contain;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .top__link::after {
    top: 17px;
    right: 10px;
    width: 12px;
    height: 6px;
  }
}

.l-privacypolicy .top__link:hover {
  opacity: 0.7;
}

.l-privacypolicy .privacypolicy__section {
  padding-top: 88px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacypolicy__section {
    padding-top: 46px;
  }
}

.l-privacypolicy .section__left {
  margin-left: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 50%, rgba(204, 215, 219, 0.25) 50%, rgba(204, 215, 219, 0.25) 100%);
}

.l-privacypolicy .section__right {
  margin-right: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 40%, rgba(204, 215, 219, 0.25) 40%, rgba(204, 215, 219, 0.25) 100%);
}

.l-privacypolicy .section__ttl {
  color: #004092;
  font-weight: bold;
  font-size: 3.8rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .section__ttl {
    font-size: 2.2rem;
  }
}

.l-privacypolicy .section__ttl--sub {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .section__ttl--sub {
    font-size: 1.6rem;
  }
}

.l-privacypolicy .privacypolicy__dot {
  padding-left: 1.5em;
  font-weight: 400;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacypolicy__dot {
    font-size: 1.2rem;
  }
}

.l-privacypolicy .privacypolicy__dot::before {
  display: block;
  position: relative;
  top: 16px;
  left: -1.5em;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #ccd7db;
  content: "";
}

.l-privacypolicy .section__content {
  width: 86%;
  margin-top: 101px;
  padding-top: 104px;
  padding-bottom: 40px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .section__content {
    margin-top: 52px;
    padding-top: 52px;
  }
}

.l-privacypolicy .content__left {
  padding-right: 6%;
  padding-left: 11%;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .content__left {
    padding-left: 0;
  }
}

.l-privacypolicy .content__right {
  position: relative;
  left: 14%;
  padding-right: 11%;
  padding-left: 6%;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .content__right {
    padding-right: 0;
    padding-left: 4%;
  }
}

.l-privacypolicy .privacypolicy__text {
  line-height: 1.75;
  font-family: "Noto Sans JP", sans-serif;
}

.l-privacypolicy .security {
  margin-top: 130px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security {
    margin-top: 90px;
  }
}

.l-privacypolicy .security__list01 {
  margin-top: 1em;
}

.l-privacypolicy .security__list02 {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security__list02 {
    margin-top: 18px;
  }
}

.l-privacypolicy .security__item02:not(:first-of-type) {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security__item02:not(:first-of-type) {
    margin-top: 18px;
  }
}

.l-privacypolicy .security .item02__ttl {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security .item02__ttl {
    font-size: 1.6rem;
  }
}

.l-privacypolicy .security .item02__text {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security .item02__text {
    margin-top: 8px;
  }
}

.l-privacypolicy .security__text02 {
  margin-top: 30px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security__text02 {
    margin-top: 18px;
  }
}

.l-privacypolicy .security__block {
  margin-top: 50px;
}

.l-privacypolicy .security-block__ttl {
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
  font-weight: bold;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security-block__ttl {
    font-size: 1.4rem;
  }
}

.l-privacypolicy .security-block__ttl::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-privacypolicy .security-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 53px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security-block__item {
    display: block;
    margin-top: 20px;
  }
}

.l-privacypolicy .security-block__img {
  width: 161px;
}

.l-privacypolicy .security-block__text {
  margin-left: 30px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .security-block__text {
    margin-top: 20px;
    margin-left: 0;
  }
}

.l-privacypolicy .privacy {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy {
    margin-top: 60px;
  }
}

.l-privacypolicy .privacy__text {
  margin-top: 30px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__text {
    margin-top: 18px;
  }
}

.l-privacypolicy .privacy__text--bold {
  margin-top: 30px;
  font-weight: bold;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__text--bold {
    font-size: 1.4rem;
  }
}

.l-privacypolicy .privacy__text02 {
  font-family: "Noto Sans JP", sans-serif;
}

.l-privacypolicy .privacy__text03 {
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}
.l-privacypolicy .privacy__text04 {
  font-weight: bold;
  text-decoration: underline;
}

.l-privacypolicy .privacy__list-number {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__list-number {
    margin-top: 50px;
  }
}

.l-privacypolicy .privacy__item-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-privacypolicy .privacy__item-number02 {
  margin-top: 26px;
  margin-bottom: 10px;
}

.l-privacypolicy .privacy__space {
  margin-top: 1em;
}

.l-privacypolicy .privacy__number {
  display: inline-block;
  padding-right: 0.5em;
  font-weight: bold;
  line-height: 1.75;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__number-lg {
    font-size: 1.8rem;
  }
}

.l-privacypolicy .privacy__list-company {
  margin-top: 30px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__list-company {
    margin-top: 18px;
  }
}

.l-privacypolicy .privacy__item {
  line-height: 1.7;
}

.l-privacypolicy .privacy__item02 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__item02 {
    font-size: 1.2rem;
  }
}

.l-privacypolicy .privacy__block {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__block {
    display: block;
  }
}

.l-privacypolicy .privacy__img {
  width: 131px;
}
.l-privacypolicy .privacy__img:hover {
  opacity: 0.7;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__img {
    width: 80px;
  }
}

.l-privacypolicy .privacy__img img {
  width: 100%;
}

.l-privacypolicy .privacy__ttl {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
  font-weight: bold;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__ttl {
    font-size: 1.4rem;
  }
}

.l-privacypolicy .privacy__ttl::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-privacypolicy .privacy__ttl-space {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__ttl-space {
    margin-top: 30px;
  }
}

.l-privacypolicy .privacy__item-en {
  margin-top: 30px;
  margin-bottom: 18px;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacy__item-en {
    font-size: 1.4rem;
  }
}

.l-privacypolicy .privacy__link {
  display: block;
  color: #004092;
}

.l-privacypolicy .privacy__link02 {
  color: #004092;
}

.l-privacypolicy dl {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 50px;
  font-family: "Noto Sans JP", sans-serif;
}

.l-privacypolicy dt,
.l-privacypolicy dd {
  position: relative;
  border-top: 1px solid #e0e0e0;
  line-height: 2;
}

.l-privacypolicy dt:last-of-type,
.l-privacypolicy dd:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}

.l-privacypolicy dt {
  width: 33%;
  padding: 14px 9.5px;
  color: #004092;
  font-weight: 500;
  font-size: 1.8rem;
}

@media screen and (max-width: 1024px) {
  .l-privacypolicy dt {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-privacypolicy dt {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 1.2rem;
  }
}

.l-privacypolicy dt::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-top: 1px solid #4ac7f5;
  content: "";
}

.l-privacypolicy dt:last-of-type::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  border-bottom: 1px solid #4ac7f5;
  content: "";
}

.l-privacypolicy dd {
  width: 67%;
  padding: 17px 0;
}

@media screen and (max-width: 1024px) {
  .l-privacypolicy dd {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) {
  .l-privacypolicy dd {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    font-size: 1.2rem;
  }
}

.l-privacypolicy .qms {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .qms {
    margin-top: 60px;
  }
}

.l-privacypolicy .qms__list {
  margin-top: 39px;
}

.l-privacypolicy .qms__block {
  margin-top: 50px;
}

.l-privacypolicy .qms__text {
  margin-top: 27px;
  text-align: right;
}

.l-privacypolicy .qms .block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 53px;
  margin-left: 47px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .qms .block__item {
    display: block;
    margin-left: 0;
  }
}

.l-privacypolicy .qms__img {
  width: 161px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .qms__img {
    margin-right: auto;
    margin-left: auto;
  }
}

.l-privacypolicy .qms__img img {
  width: 100%;
}

.l-privacypolicy .qms__text02 {
  width: 100%;
  max-width: 530px;
  margin-top: 38px;
  margin-left: 60px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .qms__text02 {
    margin-left: 0;
  }
}

.l-privacypolicy .qms__text03 {
  margin-top: 27px;
}

.l-privacypolicy .environment {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment {
    margin-top: 60px;
  }
}

.l-privacypolicy .environment__block:not(:first-of-type) {
  margin-top: 42px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment__block:not(:first-of-type) {
    margin-top: 21px;
  }
}

.l-privacypolicy .environment__ttl {
  font-weight: 400;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment__ttl {
    font-size: 1.6rem;
  }
}

.l-privacypolicy .environment__text01 {
  margin-top: 13px;
}

.l-privacypolicy .environment__list02 {
  margin-top: 12px;
}

.l-privacypolicy .environment__item:not(:first-of-type) {
  margin-top: 20px;
}

.l-privacypolicy .environment__text02 {
  margin-top: 42px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment__text02 {
    margin-top: 21px;
  }
}

.l-privacypolicy .environment__text03 {
  margin-top: 28px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment__text03 {
    margin-top: 21px;
  }
}

.l-privacypolicy .environment .block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 53px;
  margin-left: 47px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment .block__item {
    display: block;
    margin-top: 26px;
    margin-left: 0;
  }
}

.l-privacypolicy .environment__img {
  width: 161px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment__img {
    margin-right: auto;
    margin-left: auto;
  }
}

.l-privacypolicy .environment__img img {
  width: 100%;
}

.l-privacypolicy .environment__text04 {
  width: 100%;
  max-width: 546px;
  margin-left: 47px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .environment__text04 {
    margin-top: 18px;
    margin-left: 0;
  }
}

.l-privacypolicy .privacypolicy__breadcrumb {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .l-privacypolicy .privacypolicy__breadcrumb {
    margin-top: 60px;
  }
}

.l-privacypolicy .is-space {
  padding-left: 2em;
}

.l-privacypolicy .is-space-lg {
  padding-left: 4em;
}

.l-privacypolicy .is-bold {
  font-weight: bold;
}

/***
 * wysiwyg editor custom
 ***/
.l-products01 {
  margin-top: 80px;
}

.l-products01 .products01__section {
  margin-top: 123px;
  margin-left: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 62%, rgba(204, 215, 219, 0.25) 62%, rgba(204, 215, 219, 0.25) 100%);
}

.l-products01 .products01__content {
  width: 86%;
  padding: 100px 8% 42px 5.5%;
  margin-top: 100px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-products01 {
    margin-top: 50px;
  }

  .l-products01 .products01__section {
    margin-top: 50px;
  }

  .l-products01 .products01__content {
    padding-top: 50px;
    padding-bottom: 30px;
    margin-top: 60px;
    font-size: 1.2rem;
  }
}

.l-products01 .products01-padding {
  padding-right: 6%;
  padding-left: 6%;
}

.l-products01 .products01-inner {
  width: 100%;
  max-width: 1190px;
  margin-right: auto;
  margin-left: auto;
}

.l-products01 .products01__ttl {
  padding-top: 100px;
  padding-left: -10%;
  color: #004092;
}

@media screen and (max-width: 768px) {
  .l-products01 .products01__ttl {
    padding-top: 60px;
  }
}

.l-products01 .products01__ttl .products01__category {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 1px solid #e0e0e0;
}

.l-products01 .products01__ttl .products01__category::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 52px;
  height: inherit;
  content: "";
  border-bottom: 1px solid #4ac7f5;
}

.l-products01 .products01__ttl .category__text {
  display: inline-block;
  margin-right: 1em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
}

.l-products01 .products01__ttl--ja {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
}

@media screen and (max-width: 768px) {
  .l-products01 .products01__ttl--ja {
    font-size: 2rem;
  }
}

.l-products01 .products01__content .products01-width {
  width: 100%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

.l-products01 .products01__content .products01__content-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
  margin-left: -10px;
}

.l-products01 .products01__content .products01__content-category-list .products01__content-category-item {
  padding: 0;
}

.l-products01 .products01__content .products01__content-category-list .products01__content-category-item::before {
  content: none;
}

.l-products01 .products01__content .products01__content-category-item {
  margin-top: 10px;
  margin-left: 10px;
}

.l-products01 .products01__content .products01__content-category-link {
  display: inline-block;
  padding: 2px 4px;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
  background-color: #ccd7db;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.l-products01 .products01__content .products01__content-category-link:hover {
  opacity: 0.7;
}

.l-products01 .products01__content .products01__content-category-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 342px;
  height: 76px;
  padding-left: 69px;
  margin-top: 52px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.4rem;
  color: #fff;
  background: #004092;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

@media screen and (max-width: 768px) {
  .l-products01 .products01__content .products01__content-category-btn {
    width: 260px;
    height: 53px;
    padding-left: 54px;
    font-size: 1.8rem;
  }
}

.l-products01 .products01__content .products01__content-category-btn::after {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 26px;
  height: 6.4px;
  content: "";
  opacity: 1;
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  -webkit-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
  -webkit-transform: translateY(-50%) scale(-1, 1);
  transform: translateY(-50%) scale(-1, 1);
}

@media screen and (max-width: 768px) {
  .l-products01 .products01__content .products01__content-category-btn::after {
    left: 18px;
    background-size: 80%;
  }
}

.l-products01 .products01__content .products01__content-category-btn:hover::after {
  left: 12px;
}

.l-products01 .products01__content .products01__breadcrumb {
  margin-top: 48px;
}

.l-news-page .news-page__content h4,
.l-products01 .products01__content h4 {
  position: relative;
  padding-bottom: 14px;
  margin-top: 60px;
  margin-bottom: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #004092;
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 1024px) {
  .l-news-page .news-page__content h4,
  .l-products01 .products01__content h4 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content h4,
  .l-products01 .products01__content h4 {
    margin-top: 40px;
    margin-bottom: 18px;
  }
}

.l-news-page .news-page__content h4::before,
.l-products01 .products01__content h4::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 42px;
  height: inherit;
  content: "";
  border-bottom: 1px solid #004092;
}

.l-news-page .news-page__content h5,
.l-products01 .products01__content h5 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: #004092;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content h5,
  .l-products01 .products01__content h5 {
    margin-top: 20px;
    margin-bottom: 18px;
    font-size: 1.5rem;
  }
}

.l-news-page .news-page__content b,
.l-products01 .products01__content b {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content b,
  .l-products01 .products01__content b {
    font-size: 1.4rem;
  }
}

.l-news-page .news-page__content a,
.l-products01 .products01__content a {
  display: inline-block;
  margin-top: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  color: #004092;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.l-news-page .news-page__content a::after,
.l-products01 .products01__content a::after {
  display: block;
  width: 100%;
  content: "";
  border-bottom: 1px solid #004092;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.l-news-page .news-page__content a:hover::after,
.l-products01 .products01__content a:hover::after {
  opacity: 1;
}

.l-news-page .news-page__content .block__note,
.l-products01 .products01__content .block__note {
  margin-top: 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
}

.l-news-page .news-page__content .block__note a,
.l-products01 .products01__content .block__note a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  color: #004092;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.l-news-page .news-page__content .block__note a:hover,
.l-products01 .products01__content .block__note a:hover {
  opacity: 0.7;
}

.l-news-page .news-page__content img,
.l-products01 .products01__content img {
  max-width: 100%;
}

.l-news-page .news-page__content img.alignleft,
.l-products01 .products01__content img.alignleft {
  float: left;
  margin: 0;
}

.l-news-page .news-page__content img.aligncenter,
.l-products01 .products01__content img.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.l-news-page .news-page__content img.alignright,
.l-products01 .products01__content img.alignright {
  float: right;
  margin: 0;
}

.l-news-page .news-page__content .table-wrapper,
.l-products01 .products01__content .table-wrapper {
  width: 100%;
  max-width: 860px;
  margin-top: 46px;
  margin-right: auto;
  margin-left: auto;
  overflow-x: scroll;
}

.l-news-page .news-page__content table,
.l-products01 .products01__content table {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content table,
  .l-products01 .products01__content table {
    min-width: 500px;
  }
}

.l-news-page .news-page__content th,
.l-news-page .news-page__content td,
.l-products01 .products01__content th,
.l-products01 .products01__content td {
  padding-left: 30px;
  text-align: left;
  vertical-align: middle;
  border: solid 2px #fff;
}

@media screen and (max-width: 1024px) {
  .l-news-page .news-page__content th,
  .l-news-page .news-page__content td,
  .l-products01 .products01__content th,
  .l-products01 .products01__content td {
    padding-left: 1em;
    font-size: 1.4rem;
  }
}

.l-news-page .news-page__content .ttl01--left,
.l-news-page .news-page__content .table-ttl02,
.l-products01 .products01__content .ttl01--left,
.l-products01 .products01__content .table-ttl02 {
  width: 30%;
}

.l-news-page .news-page__content .ttl02,
.l-products01 .products01__content .ttl02 {
  background-color: #eaf0f2;
}

.l-news-page .news-page__content .ttl01--right,
.l-news-page .news-page__content td,
.l-products01 .products01__content .ttl01--right,
.l-products01 .products01__content td {
  width: 70%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.l-news-page .news-page__content .ttl01--left,
.l-news-page .news-page__content .ttl01--right,
.l-products01 .products01__content .ttl01--left,
.l-products01 .products01__content .ttl01--right {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  background-color: #4ac7f5;
}

.l-news-page .news-page__content td,
.l-products01 .products01__content td {
  background-color: #f2f6f7;
}

.l-news-page .news-page__content .accent-wrapper,
.l-products01 .products01__content .accent-wrapper {
  padding: 1px 30px 30px;
  margin-top: 30px;
  background-color: #eaf0f2;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content .accent-wrapper,
  .l-products01 .products01__content .accent-wrapper {
    padding: 1px 20px 20px;
    margin-top: 18px;
  }
}

.l-news-page .news-page__content ul,
.l-products01 .products01__content ul {
  margin-top: 52px;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content ul,
  .l-products01 .products01__content ul {
    margin-top: 28px;
  }
}

.l-news-page .news-page__content ul li,
.l-products01 .products01__content ul li {
  padding-left: 1.5em;
  font-family: "Noto Sans JP", sans-serif;
}

.l-news-page .news-page__content ul li::before,
.l-products01 .products01__content ul li::before {
  position: relative;
  top: 16px;
  left: -22px;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background: #ffb100;
  border-radius: 100%;
}

.l-news-page .news-page__content ol,
.l-products01 .products01__content ol {
  list-style: none;
  counter-reset: list-count;
}

.l-news-page .news-page__content ol li,
.l-products01 .products01__content ol li {
  /*  display: -webkit-box;
	display: -ms-flexbox;
	display: flex; */
  display: list-item;
}

.l-news-page .news-page__content ol li::before,
.l-products01 .products01__content ol li::before {
  margin-right: 0.7rem;
  font-weight: bold;
  content: counter(list-count) ".";
  counter-increment: list-count;
}

.l-news-page .news-page__content a.link-btn,
.l-products01 .products01__content a.link-btn {
  position: relative;
  display: block;
  max-width: 380px;
  min-height: 76px;
  padding: 1em 2.5em 1em 1.5em;
  margin: 30px auto 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  background: #004092;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content a.link-btn,
  .l-products01 .products01__content a.link-btn {
    min-height: 49px;
    font-size: 1.6rem;
  }
}

.l-news-page .news-page__content a.content__link::after,
.l-news-page .news-page__content a.link-btn::after,
.l-products01 .products01__content a.link-btn::after {
  position: absolute;
  top: 50%;
  right: 26px;
  width: 26px;
  height: 6.4px;
  content: "";
  opacity: 1;
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  -webkit-transition: right 0.3s ease 0s;
  transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content a.link-btn::after,
  .l-products01 .products01__content a.link-btn::after {
    right: 16px;
    background-size: 80%;
  }
}

.l-news-page .news-page__content a.link-btn:hover::after,
.l-products01 .products01__content a.link-btn:hover::after {
  right: 8px;
}

.l-news-page .news-page__content hr,
.l-products01 .products01__content hr,
.products01__content-border {
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: 1px dotted #e0e0e0;
}

@media screen and (max-width: 768px) {
  .l-news-page .news-page__content hr,
  .l-products01 .products01__content hr,
  .products01__content-border {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/**
* @file _project.scss
**/
.l-project .fv__bg {
  background: linear-gradient(225deg, rgba(161, 237, 217, 0.8) 0%, rgba(54, 199, 226, 0.8) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

.l-project .fv__img {
  background: url("../images/project/fv.png") no-repeat center top -8px/cover;
}

@media screen and (max-width: 768px) {
  .l-project .fv__img {
    background: url("../images/project/fv.png") no-repeat right -68px top -8px/cover;
  }
}

.l-project .fv .c-recruit-fv-ttl {
  top: 156px;
}

@media screen and (max-width: 768px) {
  .l-project .fv .c-recruit-fv-ttl {
    top: 120px;
  }
}

.l-project .project {
  background: #f7f9f8;
}

.l-project .project__wrapper {
  position: relative;
  top: -253px;
  margin-bottom: -63px;
}

@media screen and (max-width: 1024px) {
  .l-project .project__wrapper {
    margin-bottom: -139px;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__wrapper {
    margin-top: 134.2px;
  }
}

.l-project .project__bg {
  position: absolute;
  width: 81.25%;
  height: 555px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-project .project__bg {
    height: 585px;
  }
}

.l-project .project__ttl {
  position: relative;
  right: 13%;
  padding-top: 88.8px;
}

@media screen and (max-width: 1200px) {
  .l-project .project__ttl {
    right: 20%;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__ttl {
    margin-right: -5%;
    padding-top: 36px;
  }
}

.l-project .project__ttl--ja {
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.1em;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .l-project .project__ttl--ja {
    font-size: 1.6rem;
  }
}

.l-project .project__ttl--en {
  position: absolute;
  top: -109px;
  right: -13%;
}

@media screen and (max-width: 1200px) {
  .l-project .project__ttl--en {
    right: -10%;
  }
}

@media screen and (max-width: 1024px) {
  .l-project .project__ttl--en {
    top: -49px;
    right: -10%;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__ttl--en {
    top: -37px;
    right: -29px;
  }
}

@media screen and (max-width: 1024px) {
  .l-project .project__ttl--en img {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__ttl--en img {
    width: 158px;
  }
}

.l-project .project__top {
  position: relative;
  max-width: 698px;
  margin: auto;
}

@media screen and (max-width: 1024px) {
  .l-project .project__top {
    margin-top: 30px;
  }
}

.l-project .project__top .top__ttl__group {
  display: inline-block;
  padding: 6px 14px;
  background: #45d6d6;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .l-project .project__top .top__ttl__group {
    padding: 3px 12px;
    font-size: 1.2rem;
  }
}

.l-project .project__top .top__ttl__group span {
  display: inline-block;
  padding-left: 1em;
}

@media screen and (max-width: 768px) {
  .l-project .project__top .top__ttl__group span {
    display: block;
    padding-left: 0;
  }
}

.l-project .project__top .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .l-project .project__top .list {
    display: block;
    width: 100%;
    max-width: 380px;
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-project .project__top .list .item {
  width: calc(33% - 42.3px * 2 / 3);
  margin-top: 23.3px;
}

@media screen and (max-width: 768px) {
  .l-project .project__top .list .item {
    width: 100%;
  }
}

.l-project .project__top .list .item:not(:first-of-type) {
  margin-left: 42.3px;
}

@media screen and (max-width: 768px) {
  .l-project .project__top .list .item:not(:first-of-type) {
    margin-top: 40px;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__top .list .item__img img {
    width: 80%;
  }
}

@media screen and (max-width: 599px) {
  .l-project .project__top .list .item__img img {
    width: 100%;
  }
}

.l-project .project__top .list .item__name {
  margin-top: 8px;
  font-weight: bold;
  font-size: 2.8rem;
}

@media screen and (max-width: 599px) {
  .l-project .project__top .list .item__name {
    font-size: 2.2rem;
  }
}

.l-project .project__top .list .item__text {
  margin-top: 8px;
  font-weight: bold;
}

@media screen and (max-width: 599px) {
  .l-project .project__top .list .item__text {
    font-size: 1.4rem;
  }
}

.l-project .project__top .list .item__text span {
  padding-left: 1em;
}

.l-project .project__bottom {
  position: relative;
  margin-top: 77px;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom {
    margin-top: 42px;
  }
}

.l-project .project__bottom .content01 {
  -webkit-box-shadow: 17px 20px 0 #d2dce0;
  padding: 40px 57px;
  background: #fff;
  box-shadow: 17px 20px 0 #d2dce0;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content01 {
    padding: 20px 28px;
  }
}

.l-project .project__bottom .content01__message {
  width: 90%;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content01__message {
    width: 100%;
  }
}

.l-project .project__bottom .content01__message img {
  width: 100%;
}

.l-project .project__bottom .content01__text {
  margin-top: 18px;
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content01__text {
    font-size: 1.4rem;
  }
}

.l-project .project__bottom .content {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content {
    margin-top: 60px;
  }
}

.l-project .project__bottom .content__top {
  padding-right: 10%;
  padding-left: 10%;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content__top {
    padding-right: 0;
    padding-left: 0;
  }
}

.l-project .project__bottom .content .top__ttl {
  padding-left: 30px;
  border-left: 3px solid #45d6d6;
  font-weight: bold;
  font-size: 3.2rem;
}

@media screen and (max-width: 1024px) {
  .l-project .project__bottom .content .top__ttl {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .top__ttl {
    padding-left: 8px;
    font-size: 1.6rem;
  }
}

.l-project .project__bottom .content__middle__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 46px;
  padding-right: 10%;
  padding-left: 10%;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content__middle__left {
    margin-top: 23px;
    padding-right: 0;
    padding-left: 0;
  }
}

.l-project .project__bottom .content__middle__right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 46px;
  padding-right: 9.5%;
  padding-left: 9.5%;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content__middle__right {
    margin-top: 23px;
    padding-right: 0;
    padding-left: 0;
  }
}

.l-project .project__bottom .content .left__img {
  width: 145px;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .left__img {
    width: 50px;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .left__img img {
    width: 50px;
  }
}

.l-project .project__bottom .content .left__img figcaption {
  width: 145px;
  margin-top: 10px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .left__img figcaption {
    width: 50px;
  }
}

.l-project .project__bottom .content .left__talk {
  position: relative;
  margin-left: 57px;
  padding: 24px;
  border-radius: 8px;
  background: #e6eef0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-project .project__bottom .content .left__talk {
    margin-left: 160px;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .left__talk {
    margin-left: 28px;
  }
}

.l-project .project__bottom .content .left__talk::after {
  display: inline-block;
  position: absolute;
  top: 51px;
  left: -30px;
  border-width: 0 41px 28px 0;
  border-style: solid;
  border-color: transparent #e6eef0 transparent transparent;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .left__talk::after {
    top: 32.7px;
    left: -15px;
    border-width: 0 20px 14px 0;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .left__talk__text {
    font-size: 1.4rem;
  }
}

.l-project .project__bottom .content .middle__message {
  -webkit-box-shadow: 17px 20px 0 #d2dce0;
  position: relative;
  margin-top: 100px;
  background: #fff;
  box-shadow: 17px 20px 0 #d2dce0;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .middle__message {
    margin-top: 50px;
  }
}

.l-project .project__bottom .content .middle__message__ttl {
  position: absolute;
  top: -61px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .middle__message__ttl {
    top: -40px;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .middle__message__ttl img {
    width: 80%;
  }
}

.l-project .project__bottom .content .middle__message__text {
  z-index: 2;
  position: relative;
  padding: 36px 78px;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .middle__message__text {
    padding: 36px 39px;
    font-size: 1.4rem;
  }
}

.l-project .project__bottom .content .right__img {
  width: 145px;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .right__img {
    width: 50px;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .right__img img {
    width: 50px;
  }
}

.l-project .project__bottom .content .right__img figcaption {
  width: 145px;
  margin-top: 10px;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .right__img figcaption {
    width: 50px;
  }
}

.l-project .project__bottom .content .right__talk {
  position: relative;
  margin-right: 57px;
  padding: 24px;
  border-radius: 8px;
  background: #e6eef0;
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .right__talk {
    margin-right: 28px;
  }
}

.l-project .project__bottom .content .right__talk::after {
  display: inline-block;
  position: absolute;
  top: 56.7px;
  right: -30px;
  border-width: 28px 41px 0 0;
  border-style: solid;
  border-color: #e6eef0 transparent transparent transparent;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .right__talk::after {
    top: 32.7px;
    right: -15px;
    border-width: 14px 20px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .l-project .project__bottom .content .right__talk__text {
    font-size: 1.4rem;
  }
}

.l-project .breadcrumb {
  margin-top: -161px;
}

/**
* @file _reasons.scss
**/
.l-reasons {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-reasons {
    margin-top: 50px;
  }
}

.l-reasons .reasons__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/reasons/fv.png") no-repeat right top/cover;
}

.l-reasons .reasons__section {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 140px;
  padding-bottom: 130px;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__section {
    padding-top: 100px;
  }
}

.l-reasons .reasons__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 608px;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__item {
    display: block;
    width: 100%;
    max-width: 500px;
    max-height: auto;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-reasons .reasons__item:not(:first-of-type) {
  margin-top: 148px;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__item:not(:first-of-type) {
    margin-top: 100px;
  }
}

.l-reasons .reasons__item:nth-of-type(2n-1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.l-reasons .reasons__item:nth-of-type(2) {
  position: relative;
}

.l-reasons .reasons__item:nth-of-type(2)::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -50px;
  left: 55%;
  width: 63px;
  height: 300px;
  transform: rotate(16deg);
  background: rgba(0, 184, 255, 0.15);
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-reasons .reasons__item:nth-of-type(2)::before {
    left: 45%;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__item:nth-of-type(2)::before {
    left: 83%;
    width: 30px;
    height: 158px;
  }
}

.l-reasons .reasons__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 62%;
  position: relative;
  flex: 0 1 62%;
}

@media screen and (max-width: 1024px) {
  .l-reasons .reasons__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 55%;
    flex: 0 1 55%;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__img {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__img--right {
    margin-left: auto;
  }
}

.l-reasons .reasons__img::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 4;
  position: absolute;
  top: -50px;
  left: 22%;
  width: 5px;
  height: 106px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-reasons .reasons__img::before {
    height: 72px;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__img::before {
    left: 10%;
    width: 3px;
    height: 66px;
  }
}

.l-reasons .reasons__img::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 4;
  position: absolute;
  bottom: -60px;
  left: 65%;
  width: 3px;
  height: 90px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-reasons .reasons__img::after {
    left: 2%;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__img::after {
    bottom: -22px;
    height: 86px;
  }
}

.l-reasons .reasons__img img {
  width: 100%;
}

.l-reasons .reasons__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 38%;
  z-index: 3;
  position: relative;
  top: 87px;
  flex: 0 1 38%;
  height: 74%;
  padding-top: 86px;
  padding-bottom: 65px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-reasons .reasons__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__body {
    top: -30px;
    width: 93%;
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.l-reasons .reasons__body--left {
  left: 7%;
  padding-right: 6%;
  padding-left: 5%;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__body--left {
    padding-right: 30px;
    padding-left: 50px;
  }
}

.l-reasons .reasons__body--right {
  right: 8%;
  padding-right: 2%;
  padding-left: 6%;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__body--right {
    right: 0;
    padding-right: 30px;
    padding-left: 50px;
  }
}

.l-reasons .reasons__point {
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -78px;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__point {
    top: 10px;
  }
}

.l-reasons .reasons__point--left {
  left: 13%;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__point--left {
    left: 5%;
  }
}

.l-reasons .reasons__point--right {
  right: 13%;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__point--right {
    right: 5%;
  }
}

.l-reasons .reasons__point span {
  display: inline-block;
  margin-left: 0.5em;
  font-weight: 500;
  font-size: 3rem;
  letter-spacing: 0.07em;
}

@media screen and (max-width: 1200px) {
  .l-reasons .reasons__point span {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__point span {
    font-size: 1.7rem;
  }
}

.l-reasons .reasons__number {
  margin-top: -8px;
  font-size: 13rem;
  line-height: 1;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 1200px) {
  .l-reasons .reasons__number {
    font-size: 10.4rem;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__number {
    font-size: 7rem;
  }
}

.l-reasons .reasons__ttl {
  color: #004092;
  font-size: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1200px) {
  .l-reasons .reasons__ttl {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__ttl {
    font-size: 2rem;
  }
}

.l-reasons .reasons__text {
  max-width: 336px;
  margin-top: 30px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__text {
    margin-top: 18px;
    font-size: 1.4rem;
  }
}

.l-reasons .reasons__btn {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .l-reasons .reasons__breadcrumb {
    margin-top: 30px;
  }
}

/**
* @file _recruit-footer.scss
**/
.l-recruit-footer .footer__top {
  padding: 73.7px 0 68.5px;
  background: -webkit-gradient(linear, left top, right top, from(#3e67f4), to(#65def4));
  background: linear-gradient(90deg, #3e67f4 0%, #65def4 100%);
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top {
    padding: 53.1px 0 58.2px;
  }
}

.l-recruit-footer .footer__top__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top__wrapper {
    display: block;
    max-width: 315px;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__top__link {
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.l-recruit-footer .footer__top__wrapper .footer__top__link:hover {
  opacity: 0.7;
}

.l-recruit-footer .footer__top__wrapper .footer__top__logo {
  text-align: center;
}

.l-recruit-footer .footer__top__wrapper .footer__top__logo img {
  width: 122px;
}

@media screen and (max-width: 768px) {
  .l-recruit-footer .footer__top__wrapper .footer__top__logo img {
    width: 92px;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__top__content {
  max-width: 786px;
  margin-left: auto;
}

.l-recruit-footer .footer__top__wrapper .footer__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top__wrapper .footer__nav__list {
    display: none;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__nav__item:not(:first-of-type) {
  margin-left: 30px;
}

.l-recruit-footer .footer__top__wrapper .footer__nav__link {
  -webkit-transition: opacity 0.3s ease 0s;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-recruit-footer .footer__top__wrapper .footer__nav__link:hover {
  opacity: 0.7;
}

.l-recruit-footer .footer__top__wrapper .footer__btn__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30.8px auto 0;
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top__wrapper .footer__btn__list {
    display: block;
    width: 315px;
    margin: 32px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .l-recruit-footer .footer__top__wrapper .footer__btn__list {
    width: 100%;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__btn__item {
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top__wrapper .footer__btn__item {
    width: 315px;
  }
}
@media screen and (max-width: 768px) {
  .l-recruit-footer .footer__top__wrapper .footer__btn__item {
    width: 100%;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__btn__item:not(:first-of-type) {
  margin-left: 40px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top__wrapper .footer__btn__item:not(:first-of-type) {
    margin-top: 15px;
    margin-left: 0;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__btn__item:first-of-type {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top__wrapper .footer__btn__item:first-of-type {
    padding-left: 30.4px;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__btn__item:first-of-type::before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 19px;
  width: 33.7px;
  height: 33.7px;
  transform: translateY(-50%);
  background: url(../images/recruit/tel.png) no-repeat;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-recruit-footer .footer__top__wrapper .footer__btn__item:first-of-type::before {
    left: 30px;
    width: 34.6px;
    height: 34.6px;
  }
}

.l-recruit-footer .footer__top__wrapper .footer__btn__item:first-of-type:nth-of-type(2) {
  padding: 12.7px 0 13.3px 0;
}

.l-recruit-footer .footer__top__wrapper .footer__btn__link {
  -webkit-transition: opacity 0.3s ease 0s;
  color: #111;
  font-weight: bold;
  font-size: 2.1rem;
  transition: opacity 0.3s ease 0s;
}

.l-recruit-footer .footer__top__wrapper .footer__btn__link:hover {
  opacity: 0.7;
}

.l-recruit-footer .footer__top__wrapper .footer__tel {
  display: inline-block;
  padding: 13.5px 31px 13.5px 64px;
  font-family: "Poppins", sans-serif;
}

.l-recruit-footer .footer__top__wrapper .footer__contact {
  display: inline-block;
  padding: 12.7px 53px 13.3px 48px;
  font-family: "Noto Sans JP", sans-serif;
}

.l-recruit-footer .footer__top__wrapper .footer__mynavi {
  display: inline-block;
  padding: 10.3px 20px 11.2px 21px;
}

.l-recruit-footer .footer__bottom {
  padding: 33.1px 0 31px;
  text-align: center;
}

.l-recruit-footer .footer__copyright {
  color: #707070;
  font-weight: 300;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
}

/**
* @file _recruit-header.scss
**/
.l-recruit__header {
  display: none;
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 108px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 53, 75, 0.4)), color-stop(60%, rgba(18, 39, 103, 0.1)), to(rgba(21, 32, 116, 0)));
  background: linear-gradient(180deg, rgba(10, 53, 75, 0.4) 0%, rgba(18, 39, 103, 0.1) 60%, rgba(21, 32, 116, 0) 100%);
}

@media screen and (max-width: 768px) {
  .l-recruit__header {
    height: 71px;
  }
}

.l-recruit__header.change-color {
  background: #fff;
}

.l-recruit__header .header__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  height: 108px;
  margin: auto;
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__wrapper {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__wrapper {
    height: 71px;
  }
}

.l-recruit__header .header__logo {
  width: 345px;
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__logo {
    width: 275px;
  }
}

.l-recruit__header .header__logo__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: color 0.3s ease 0s, opacity 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100px;
  color: #fff;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: color 0.3s ease 0s, opacity 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__logo__link {
    height: 71px;
  }
}

.l-recruit__header .header__logo__link:hover {
  opacity: 0.7;
}

.l-recruit__header .header__logo__link.change-color {
  color: #474747;
}

.l-recruit__header .header__logo__img {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__logo__img {
    width: 60%;
  }
}

.l-recruit__header .header__logo__img .header-logo-white,
.l-recruit__header .header__logo__img .header-logo-black {
  position: absolute;
  top: -32px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__logo__img .header-logo-white,
  .l-recruit__header .header__logo__img .header-logo-black {
    top: -18px;
  }
}

.l-recruit__header .header__logo__img .header-logo-white {
  -webkit-transition: opacity 0.3s ease 0s;
  z-index: 2;
  transition: opacity 0.3s ease 0s;
}

.l-recruit__header .header__logo__img .header-logo-white.change-color {
  z-index: 1;
  opacity: 0;
}

.l-recruit__header .header__logo__img .header-logo-black {
  -webkit-transition: opacity 0.3s ease 0s;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}

.l-recruit__header .header__logo__img .header-logo-black.change-color {
  z-index: 1;
  opacity: 1;
}

.l-recruit__header .header__logo__ttl {
  margin-left: 11px;
  font-weight: bold;
  font-size: 2.2rem;
  font-family: "Poppins", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__logo__ttl {
    margin-left: 10px;
    padding-top: 8px;
    font-size: 1.1rem;
  }
}

.l-recruit__header .header__nav {
  width: calc(100% - 159px);
  max-width: 740px;
  margin-left: auto;
}

.l-recruit__header .header__nav__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 108px;
  font-size: 1.4rem;
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__nav__list {
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    -webkit-transform: translateX(105%);
    display: block;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 24%;
    width: 76%;
    height: 100vh;
    padding-top: 64px;
    overflow-y: scroll;
    transform: translateX(105%);
    background-color: #474747;
    font-weight: bold;
    font-size: 1.6rem;
    text-align: center;
    transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  }
  .l-recruit__header .header__nav__list.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__nav__item {
    font-size: 1.8rem;
  }
  .l-recruit__header .header__nav__item:not(:first-of-type) {
    margin-top: 40px;
  }
}

.l-recruit__header .header__nav__link {
  -webkit-transition: color 0.3s ease 0s, opacity 0.3s ease 0s;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  transition: color 0.3s ease 0s, opacity 0.3s ease 0s;
}

.l-recruit__header .header__nav__link:hover {
  opacity: 0.7;
}

.l-recruit__header .header__nav__link.change-color {
  color: #474747;
}

.l-recruit__header .header__nav__btn {
  width: 159px;
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__nav__btn {
    width: 213px;
    margin: 60px auto 0;
  }
}

.l-recruit__header .header__btn__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: opacity 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: 159px;
  height: 28px;
  padding-left: 10px;
  border: solid 1px #fff;
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-recruit__header .header__btn__link:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__btn__link {
    width: 213px;
    height: 42px;
    padding-left: 19px;
    font-size: 1.8rem;
  }
}

.l-recruit__header .header__btn__link.change-color {
  border: solid 1px #474747;
  color: #474747;
}

.l-recruit__header .header__btn__link.change-color::after {
  background-image: url(../images/common/arrow-black.svg);
}

.l-recruit__header .header__btn__link::after {
  -webkit-transform: translateY(-50%);
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 15px;
  height: 6px;
  transform: translateY(-50%);
  background: url(../images/common/arrow-white.svg) no-repeat;
  content: "";
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__btn__link::after {
    right: 15px;
    width: 18.44px;
  }
}

.l-recruit__header .header__menu {
  display: none;
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__menu {
    display: block;
    z-index: 11;
    position: absolute;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    background-color: transparent;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__menu {
    top: 12px;
    right: 12px;
    width: 23px;
  }
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__menu .menu-line {
    display: block;
    height: 2px;
    border-radius: 10px;
    background-color: #474747;
  }
  .l-recruit__header .header__menu .menu-line.change-color {
    background-color: #fff;
  }
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__menu .menu-line:nth-of-type(2) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__menu .menu-line:nth-of-type(2) {
    margin-top: 7px;
  }
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__menu .menu-line:nth-of-type(3) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__menu .menu-line:nth-of-type(3) {
    margin-top: 7px;
  }
}

.l-recruit__header .header__menu.active .menu-line {
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__menu.active .menu-line01 {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);
  }
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__menu.active .menu-line01 {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
}

.l-recruit__header .header__menu.active .menu-line02 {
  opacity: 0;
}

@media screen and (max-width: 1200px) {
  .l-recruit__header .header__menu.active .menu-line03 {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
  }
}

@media screen and (max-width: 768px) {
  .l-recruit__header .header__menu.active .menu-line03 {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }
}

.l-recruit__header .header__bg.active {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

/**
* @file _recruit.scss
**/
.l-recruit .fv {
  position: relative;
}

.l-recruit .fv__fade {
  position: relative;
  width: 100%;
  height: calc(100vh + 108px);
}

@media screen and (max-width: 768px) {
  .l-recruit .fv__fade {
    height: 600px;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .fv__fade {
    height: 383px;
  }
}

.l-recruit .fv__bg {
  width: 19%;
  height: calc(100vh + 108px);
  background: linear-gradient(225deg, rgba(172, 242, 255, 0.64) 0%, rgba(101, 222, 244, 0.72) 0%, #8beae8 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 780px) {
  .l-recruit .fv__bg {
    width: 16.1%;
    height: 600px;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .fv__bg {
    height: 383px;
  }
}

.l-recruit .fv__fade__item {
  -webkit-transition: opacity 5s ease-in-out 0s;
  position: absolute;
  top: 0;
  left: 19%;
  width: 81%;
  height: 100%;
  opacity: 0;
  transition: opacity 5s ease-in-out 0s;
}

@media screen and (max-width: 768px) {
  .l-recruit .fv__fade__item {
    left: 16%;
    width: 84%;
  }
}

.l-recruit .fv__fade__item.active {
  opacity: 1;
}

.l-recruit .fv .fade-item01 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 32, 116, 0)), color-stop(40%, rgba(21, 32, 116, 0)), to(#1e5a9f)), url("../images/recruit/fv01.png") no-repeat center center/cover;
  background: linear-gradient(180deg, rgba(21, 32, 116, 0) 0%, rgba(21, 32, 116, 0) 40%, #1e5a9f 100%), url("../images/recruit/fv01.png") no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-recruit .fv .fade-item01 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 32, 116, 0)), color-stop(40%, rgba(21, 32, 116, 0)), to(#1e5a9f)), url("../images/recruit/fv01-sp.png") no-repeat center center/cover;
    background: linear-gradient(180deg, rgba(21, 32, 116, 0) 0%, rgba(21, 32, 116, 0) 40%, #1e5a9f 100%), url("../images/recruit/fv01-sp.png") no-repeat center center/cover;
  }
}

.l-recruit .fv .fade-item02 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 32, 116, 0)), color-stop(60%, rgba(21, 32, 116, 0)), to(#1e5a9f)), url("../images/recruit/fv02.png") no-repeat center center/cover;
  background: linear-gradient(180deg, rgba(21, 32, 116, 0) 0%, rgba(21, 32, 116, 0) 60%, #1e5a9f 100%), url("../images/recruit/fv02.png") no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-recruit .fv .fade-item02 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 32, 116, 0)), color-stop(40%, rgba(21, 32, 116, 0)), to(#1e5a9f)), url("../images/recruit/fv02-sp.png") no-repeat center center/cover;
    background: linear-gradient(180deg, rgba(21, 32, 116, 0) 0%, rgba(21, 32, 116, 0) 40%, #1e5a9f 100%), url("../images/recruit/fv02-sp.png") no-repeat center center/cover;
  }
}

.l-recruit .fv .fade-item03 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 32, 116, 0)), color-stop(60%, rgba(21, 32, 116, 0)), to(#1e5a9f)), url("../images/recruit/fv03.png") no-repeat center center/cover;
  background: linear-gradient(180deg, rgba(21, 32, 116, 0) 0%, rgba(21, 32, 116, 0) 60%, #1e5a9f 100%), url("../images/recruit/fv03.png") no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-recruit .fv .fade-item03 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 32, 116, 0)), color-stop(40%, rgba(21, 32, 116, 0)), to(#1e5a9f)), url("../images/recruit/fv03-sp.png") no-repeat center center/cover;
    background: linear-gradient(180deg, rgba(21, 32, 116, 0) 0%, rgba(21, 32, 116, 0) 40%, #1e5a9f 100%), url("../images/recruit/fv03-sp.png") no-repeat center center/cover;
  }
}

.l-recruit .fv__content {
  position: absolute;
  /* top: 380px; */
  left: 11%;
  top: 50%;
  transform: translateY(-50%);
}

/* @media screen and (min-width: 1025px) and (max-height: 660px) {
  .l-recruit .fv__content {
    top: 250px;
  }
} */

@media screen and (max-width: 768px) {
  .l-recruit .fv__content {
    left: 4%;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .fv__content {
    top: 220px;
    padding: 0;
    margin-left: 5vw;
  }
}

.l-recruit .fv__ttl {
  margin-left: 44px;
}

@media screen and (max-width: 768px) {
  .l-recruit .fv__ttl {
    margin-left: 0;
  }
}
@media screen and (max-width: 599px) {
  .l-recruit .fv__ttl {
    width: 80vw;
    margin: 0;
  }
}

.l-recruit .fv__ttl--en {
  position: absolute;
  top: -140px;
  left: -58px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .fv__ttl--en {
    top: -100px;
    width: 280px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .fv__ttl--en {
    top: -28px;
    left: -18.7px;
    width: 100px;
  }
}

.l-recruit .fv__ttl--en img {
  width: 100%;
}

.l-recruit .fv__ttl--ja {
  width: 501px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .fv__ttl--ja {
    width: 401px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .fv__ttl--ja {
    width: 270px;
  }
}

.l-recruit .fv__ttl--ja img {
  width: 100%;
}

.l-recruit .fv__text {
  margin-top: 30px;
  padding-right: 30px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
}

.l-recruit .text_shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  .l-recruit .fv__text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .fv__text {
    padding-right: 0;
    width: 80vw;
  }
}

.l-recruit .float__btn {
  z-index: 4;
  position: fixed;
  right: 207px;
  bottom: 0;
  display: flex;
}
.l-recruit .float__btn a {
  position: relative;
}
.l-recruit .float__btn a:first-of-type {
  margin-right: 8px;
}
@media screen and (min-width: 1024px) {
  .l-recruit .float__btn a {
    transition: 0.3s;
  }
  .l-recruit .float__btn a:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 1024px) {
  .l-recruit .float__btn {
    right: 0;
  }
}

.l-recruit .float__btn__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 155px;
  height: 44px;
  padding-left: 12px;
  background: linear-gradient(45deg, #168CA2 0%, #57CBB9 100%);
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-recruit .float__btn__link::after {
  -webkit-transform: translateY(-50%);
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 11px;
  width: 21px;
  height: 6px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
}

.l-recruit .aboutus {
  margin-top: 163px;
  padding-bottom: 60px;
  background: linear-gradient(-219deg,  rgba(161, 237, 217, 0.8) 0%, rgba(54, 199, 226, 0.8) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus {
    margin-top: 100px;
    padding-bottom: 30px;
  }
}
.l-recruit .aboutus__movie {
  padding-block: 40px 87px;
  position: relative;
}
.l-recruit .aboutus__movie .aboutus__movie__ttl {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
  z-index: 3;
  margin-bottom: 40px;
}
.l-recruit .aboutus__movie .aboutus__movie__text {
  font-size: 2rem;
  line-height: 2;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.l-recruit .aboutus__movie figure {
  text-align: center;
  margin-top: 45px;
}
.l-recruit .aboutus__movie figure iframe {
  width: 100%;
  aspect-ratio: 1.78 / 1;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .l-recruit .aboutus__movie figure iframe {
    min-height: 200px;
  }
}
.l-recruit .aboutus__content {
  position: relative;
  width: 85.5%;
  padding: 20px 0 219px;
  background-color: #fff;
}
.l-recruit .aboutus__movie__ttl--en {
  position: absolute;
  top: -122px;
  left: 50%;
  transform: translateX(-50%);
}
.l-recruit .aboutus__movie__ttl--en img {
  width: 351px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__movie__ttl--en img {
    width: 137px;
  }
}
@media screen and (max-width: 768px) {
  .l-recruit .aboutus__movie {
    padding-block: 11px 70px;
  }
  .l-recruit .aboutus__movie .aboutus__movie__ttl {
    margin-bottom: 28px;
    font-size: 1.6rem;
  }
  .l-recruit .aboutus__movie .aboutus__movie__text {
    font-size: 1.2rem;
  }
  .l-recruit .aboutus__movie__ttl--en {
    top: -53px;
  }
  .l-recruit .aboutus__movie figure {
    margin-top: 16px;
  }
  .l-recruit .aboutus__movie figure iframe {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__content {
    background-color: #fff;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .aboutus__content {
    width: 92%;
    padding-bottom: 419px;
    background-color: #fff;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .aboutus__content {
    padding-bottom: 373px;
  }
}

.l-recruit .aboutus__content__top {
  position: relative;
  margin-left: 20.2%;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__content__top {
    margin-top: 97px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .aboutus__content__top {
    margin-top: -38px;
    margin-left: 20%;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .aboutus__content__top {
    margin-left: 0;
  }
}

.l-recruit .aboutus__content__top::before {
  display: inline-block;
  position: absolute;
  top: -108px;
  right: -21%;
  width: 393.72px;
  height: 316px;
  background: url(../images/recruit/aboutus01.png) center center/cover;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__content__top::before {
    width: 314px;
    height: 252.8px;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .aboutus__content__top::before {
    top: 397px;
    right: -45px;
    width: 100%;
    height: 193px;
  }
}

.l-recruit .aboutus__content__top::after {
  display: inline-block;
  position: absolute;
  bottom: -152px;
  left: -35%;
  width: 304px;
  height: 258px;
  background: url(../images/recruit/aboutus02.png) center center/cover;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-recruit .aboutus__content__top::after {
    bottom: -150px;
    left: -30px;
    width: 145px;
    height: 123px;
  }
}

.l-recruit .aboutus__top__ttl {
  z-index: 2;
  position: relative;
  margin-top: 252px;
  font-weight: bold;
  font-size: 3.6rem;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__top__ttl {
    margin-top: 117px;
    font-size: 2.4rem;
  }
}

.l-recruit .aboutus__top__ttl--en {
  position: absolute;
  top: -173px;
  left: -95px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__top__ttl--en {
    top: -72px;
    left: -38px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .aboutus__top__ttl--en {
    left: -27px;
  }
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__top__ttl--en img {
    width: 173px;
  }
}

.l-recruit .aboutus__top__text {
  z-index: 2;
  position: relative;
  width: 78%;
  margin-top: 48px;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__top__text {
    width: 60%;
    margin-top: 23px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .aboutus__top__text {
    width: 100%;
  }
}

.l-recruit .aboutus__content__bottom {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 37.5px;
  width: 100%;
  max-width: 682.5px;
  padding-bottom: 20.5px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__content__bottom {
    max-width: 409px;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .aboutus__content__bottom {
    bottom: 28px;
    left: 11%;
    width: 100%;
    padding: 0 30px 0 0;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .aboutus__content__bottom {
    width: calc(100% - 30px);
    left: 0;
    margin-left: 20px;
  }
}

.l-recruit .aboutus__bottom__text {
  margin-left: 32px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__bottom__text {
    margin-left: 8px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .aboutus__bottom__text {
    margin-left: 0;
  }
}

.l-recruit .aboutus__bottom__arrow {
  margin-left: 72px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .aboutus__bottom__arrow {
    margin-left: 18px;
  }
}

.l-recruit .voice__wrapper {
  margin-top: 128px;
  padding-bottom: 121.5px;
  background: -webkit-gradient(linear, left top, right top, from(#e7efee), color-stop(80%, #e7efee), color-stop(80%, #fff), to(#fff));
  background: linear-gradient(90deg, #e7efee 0%, #e7efee 80%, #fff 80%, #fff 100%);
}

@media screen and (max-width: 1024px) {
  .l-recruit .voice__wrapper {
    padding-bottom: 36px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__wrapper {
    margin-top: 73.2px;
    background: -webkit-gradient(linear, left top, right top, from(#e7efee), color-stop(77%, #e7efee), color-stop(77%, #fff), to(#fff));
    background: linear-gradient(90deg, #e7efee 0%, #e7efee 77%, #fff 77%, #fff 100%);
    padding-bottom: 0;
  }
}

.l-recruit .voice__wrapper .swiper {
  overflow: visible;
  width: auto;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__wrapper .swiper {
    overflow-x: hidden;
  }
}

.l-recruit .voice__ttl {
  position: relative;
  margin-right: 10%;
  padding-top: 79.3px;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__ttl {
    margin-right: 18%;
    padding-top: 36px;
  }
}

.l-recruit .voice__ttl--ja {
  z-index: 3;
  position: relative;
  font-weight: bold;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__ttl--ja {
    font-size: 1.6rem;
  }
}

.l-recruit .voice__ttl--en {
  position: absolute;
  top: -80px;
  right: -98px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .voice__ttl--en {
    top: 25px;
    right: -11px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__ttl--en {
    top: -27px;
    right: -29px;
  }
}

@media screen and (max-width: 1024px) {
  .l-recruit .voice__ttl--en img {
    width: 123px;
  }
}

@media screen and (min-width: 769px) {
  .l-recruit .voice__list {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .l-recruit .voice__list {
    max-width: 700px;
    margin: 34px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .l-recruit .voice__list {
    max-width: 460px;
  }
}

.l-recruit .voice__item {
  -webkit-box-shadow: 18px 20px 0 #d2dce0;
  -webkit-transition: background-color 0.3s ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  position: relative;
  width: calc(33% - 60px * 2 / 3);
  box-shadow: 18px 20px 0 #d2dce0;
  font-family: "Noto Sans JP", sans-serif;
  transition: background-color 0.3s ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, left 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  margin-bottom: 98px;
}

/* @media screen and (max-width: 1024px) {
  .l-recruit .voice__item {
    width: calc(33% - 40px * 2 / 3);
  }
} */

@media screen and (max-width: 768px) {
  .l-recruit .voice__item {
    box-shadow: none;
    margin-bottom: 0;
    width: 100%;
    padding-inline:  17%;
    position: relative;
  }
  .l-recruit .voice__item::before {
    content: "";
    width: 66%;
    height: 100%;
    background: #D2DCE0;
    position: absolute;
    bottom: -16px;
    left: calc(17% + 16px);
    z-index: -5;
    opacity: 0;
  }
  .l-recruit .voice__item.swiper-slide-active::before {
    opacity: 1;
  }
}

.l-recruit .voice__item:not(:nth-child(3n + 1)) {
  margin-left: 60px;
}

@media screen and (max-device-width: 1025px) and (min-device-width: 769px) {
  .l-recruit .voice__item:first-of-type {
    margin-left: 60px;
  }
  .l-recruit li.voice__item:nth-of-type(odd) {
    top: 0;
  }
  .l-recruit li.voice__item:nth-of-type(even) {
    top: 63px;
    margin-left: 60px;
  }
}

.voice__item01 .voice__item__img {
  border-top: solid 3px #FF8E6C;
}
.voice__item01 .voice__item__body h3 span {
  color: #FF8E6C;
}
.voice__item01 .voice__item__body .c-btn {
  background-color: #FFD2C4;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item:not(:first-of-type) {
    margin-left: 0;
  }
}

.l-recruit .voice__item02,
.voice__item05 {
  top: 63px;
}
.voice__item02 .voice__item__img {
  border-top: solid 3px #3E9EF0;
}
.voice__item02 .voice__item__body h3 span {
  color: #3E9EF0;
}
.voice__item02 .voice__item__body .c-btn {
  background-color: #B2D8F9;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item02,
  .voice__item05 {
    top: 0;
    margin-top: 0;
  }
}

.l-recruit .voice__item03,
.voice__item06 {
  top: 126px;
}
.voice__item03 .voice__item__img {
  border-top: solid 3px #45D6D6;
}
.voice__item03 .voice__item__body h3 span {
  color: #45D6D6;
}
.voice__item03 .voice__item__body .c-btn {
  background-color: #B5EFEF;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item03,
  .voice__item06 {
    top: 0;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item03 {
    top: 0;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item .voice__item__link {
    position: relative;
  }
}

.voice__item04 .voice__item__img {
  border-top: solid 3px #45D6D6;
}
.voice__item04 .voice__item__body h3 span {
  color: #45D6D6;
}
.voice__item04 .voice__item__body .c-btn {
  background-color: #B2F2F9;
}

.voice__item05 .voice__item__img {
  border-top: solid 3px #FFAF39;
}
.voice__item05 .voice__item__body h3 span {
  color: #FFAF39;
}
.voice__item05 .voice__item__body .c-btn {
  background-color: #FFDFB0;
}

.voice__item06 .voice__item__img {
  border-top: solid 3px #45D692;
}
.voice__item06 .voice__item__body h3 span {
  color: #45D692;
}
.voice__item06 .voice__item__body .c-btn {
  background-color: #B5EFD3;
}

.l-recruit .voice__item:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.l-recruit .voice__item:hover .c-btn {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.l-recruit .voice__item:hover .c-btn::after {
  left: 75%;
}

.l-recruit .voice__item__img img {
  width: 100%;
}

.l-recruit .voice__item__body {
  padding: 41px 20px 0px 20px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-recruit .voice__item__body {
    padding: 41px 10px 0px 10px;
  }
}

.l-recruit .voice__item__group {
  display: inline-block;
  position: relative;
  top: -20px;
  left: -39px;
  padding: 4px 8px;
  color: #fff;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.36;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-recruit .voice__item__group {
    left: -18px;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item__group {
    left: -28px;
    padding-right: 8px;
    padding-left: 8px;
  }
}

.l-recruit .voice__item__group01 {
  background-color: #ff8e6c;
}

.l-recruit .voice__item__group02 {
  background-color: #3e9ef0;
}

.l-recruit .voice__item__group03 {
  background-color: #45d6d6;
}

.l-recruit .voice__item__group04 {
  background-color: #3EDEF0;
}

.l-recruit .voice__item__group05 {
  background-color: #FFAF39;
}

.l-recruit .voice__item__group06 {
  background-color: #45D692;
}

.l-recruit .voice__item__name {
  margin-top: -12px;
  font-weight: 500;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-recruit .voice__item__handWriting {
  margin-top: 10px;
  position: relative;
  top: 10px;
  right: 40px;
}
.l-recruit .voice__item__handWriting img {
  width: 100%;
}
.l-recruit .voice__item__handWriting .handWriting_03 {
  /* width: 150%; */
  width: 67%;
}
.l-recruit .voice__item__handWriting .handWriting_04 {
  width: 135%;
}
.l-recruit .voice__item__handWriting .handWriting_05 {
  width: 115%;
}
.l-recruit .voice__item__handWriting .handWriting_06 {
  width: 83%;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item__handWriting {
    margin-top: 10px;
    top: 10px;
    right: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .l-recruit .voice__item__name {
    margin-top: -18px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__item__name {
    font-size: 1.8rem;
  }
}

.l-recruit .voice__item__name span {
  display: inline-block;
  padding-left: 1em;
  font-size: 1.2rem;
  line-height: 2;
  font-family: "Poppins", sans-serif;
}

.l-recruit .voice__item__text {
  font-weight: 500;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-recruit .voice__item__text span {
  display: inline-block;
  padding-left: 1em;
}

.l-recruit .voice__item__btn {
  position: absolute;
  right: 27px;
  bottom: 66.2px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .voice__item__btn {
    right: 25px;
    bottom: 66.2px;
  }
}
@media screen and (max-width: 768px) {
  .l-recruit .voice__item__btn {
    right: 15px;
    bottom: 59.2px;
  }
}

.l-recruit .voice__btn {
  position: relative;
  top: 150px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-recruit .voice__btn {
    top: 30px;
  }
}

.l-recruit .project {
  margin-top: 107px;
  padding-top: 177.8px;
  background: linear-gradient(225deg, rgba(161, 237, 217, 0.8) 0%, rgba(54, 199, 226, 0.8) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-recruit .project {
    bottom: 16px;
    margin-top: 73.2px;
    padding-top: 91.4px;
  }
}

.l-recruit .project__wrapper {
  position: relative;
  padding-bottom: 214px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(16.6%, transparent), color-stop(16.6%, #f7f9f8), to(#f7f9f8)), -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), color-stop(90%, #fff), to(#fff));
  background: linear-gradient(90deg, transparent 0%, transparent 16.6%, #f7f9f8 16.6%, #f7f9f8 100%), linear-gradient(180deg, transparent 0%, transparent 90%, #fff 90%, #fff 100%);
}

@media screen and (max-width: 768px) {
  .l-recruit .project__wrapper {
    padding-bottom: 176px;
    background: linear-gradient(90deg, transparent 0%, transparent 30px, #f7f9f8 30px, #f7f9f8 100%), linear-gradient(180deg, transparent 0%, transparent 95%, #fff 95%, #fff 100%);
  }
}

.l-recruit .project__ttl {
  position: relative;
  padding-top: 60.3px;
}

@media screen and (max-width: 768px) {
  .l-recruit .project__ttl {
    padding-top: 35.2px;
  }
}

.l-recruit .project__ttl--ja {
  z-index: 2;
  position: relative;
  font-size: 2.8rem;
}

@media screen and (max-width: 768px) {
  .l-recruit .project__ttl--ja {
    margin-left: 15px;
    font-size: 1.6rem;
  }
}

.l-recruit .project__ttl--en {
  position: absolute;
  top: -179px;
  left: -10%;
}

@media screen and (max-width: 1024px) {
  .l-recruit .project__ttl--en {
    top: -25px;
    left: -3px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .project__ttl--en {
    top: -55px;
    left: -42px;
  }
}

@media screen and (max-width: 1024px) {
  .l-recruit .project__ttl--en img {
    width: 221px;
  }
}

.l-recruit .project__img {
  margin-top: 46.6px;
  margin-left: -14px;
}

.l-recruit .project__img img {
  width: 100%;
  max-width: 960px;
}

.l-recruit .project__content {
  position: absolute;
  right: 105.3px;
  bottom: 122px;
  width: 100%;
  max-width: 710px;
  padding: 35.3px 3.7px 29.5px 62.2px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-recruit .project__content {
    right: 20px;
    max-width: 537px;
    padding: 28.5px 3.7px 19.5px 42.2px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .project__content {
    right: 0;
    bottom: 58px;
    width: 328px;
    padding-left: 22.2px;
  }
}

.l-recruit .project__btn {
  padding-bottom: 29.5px;
}

@media screen and (max-width: 768px) {
  .l-recruit .project__btn {
    padding-bottom: 0;
  }
}

.l-recruit .project__btn__text {
  margin-left: 65px;
}

@media screen and (max-width: 768px) {
  .l-recruit .project__btn__text {
    margin-left: 0;
  }
}

.l-recruit .project__btn__arrow {
  margin-left: 81.5px;
}

@media screen and (max-width: 768px) {
  .l-recruit .project__btn__arrow {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .data {
    margin-top: 40px;
  }
}

.l-recruit .data__ttl {
  text-align: center;
}

.l-recruit .data__wrapper {
  padding: 60px 0 57px;
  background: linear-gradient(225deg, rgba(161, 237, 217, 0.9) 0%, rgba(54, 199, 226, 0.9) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-recruit .data__wrapper {
    padding: 40px 0 44.2px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .data__wrapper .swiper {
    width: 100%;
  }
}
.l-recruit .data__content__ttl {
  color: #fff;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-recruit .data__content__ttl {
    font-size: 1.6rem;
  }
}

.l-recruit .data__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 57px;
}

@media screen and (max-width: 1024px) {
  .l-recruit .data__list {
    width: 714px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .data__list {
    margin-top: 20px;
    width: 100%;
  }
}

.l-recruit .data__item {
  width: calc(33% - 30px * 2 / 3);
  height: 290px;
  padding: 7px 0 21.5px;
  background: #fff;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-recruit .data__item {
    width: 217px;
  }
}
@media screen and (max-width: 768px) {
  .l-recruit .data__item {
    width: 247px;
    padding-inline: 17%;
    background: none;
    height: 430px;
  }
}

@media screen and (max-width: 500px) {
  .l-recruit .data__item {
    height: 215px;
  }
}

.l-recruit .data__item:not(:first-of-type) {
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  .l-recruit .data__item:not(:first-of-type) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .data .data__item01 .data__item__img {
    margin-top: -10px;
  }
}

.l-recruit .data .data__item01 .data__item__img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .l-recruit .data .data__item02 .data__item__img {
    margin-top: -10px;
  }
}

.l-recruit .data .data__item02 .data__item__img img {
  width: 100%;
}

.l-recruit .data .data__item03 .data__item__img {
  padding-top: 8px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .l-recruit .data .data__item .data__item__img {
    background: #fff;
  }
}

.l-recruit .data .data__item03 .data__item__img img {
  width: 82%;
}

.l-recruit .data__item__ttl {
  font-size: 2.3rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-recruit .data__item__ttl {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .l-recruit .data__item__ttl {
    background: #fff;
  }
}

.l-recruit .data__btn {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-recruit .data__btn {
    margin-top: 38px;
  }
}

.l-recruit .swiper-parent {
  position: relative;
}

@media screen and (max-width: 768px) {
  .l-recruit .swiper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 247px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .swiper-button-prev,
  .l-recruit .swiper-button-next {
    z-index: 2 !important;
    top: 50%;
    width: 43px;
    height: 43px;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .swiper-button-next {
    background-image: url(../images/recruit/swiper-arrow.svg);
  }
}

.l-recruit .swiper-button-next::after {
  display: none;
}

@media screen and (max-width: 768px) {
  .l-recruit .swiper-button-prev {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-image: url(../images/recruit/swiper-arrow.svg);
  }
}

.l-recruit .swiper-button-prev::after {
  display: none;
}

@media screen and (max-width: 768px) {
  .l-recruit .swiper-pagination-bullet {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 13px 10px 0 10px !important;
    background: #fff !important;
    opacity: 1 !important;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .swiper-pagination-bullet-active {
    background: #3e4f7c !important;
  }
}

.l-recruit .training {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .l-recruit .training {
    margin-top: 51px;
  }
}

.l-recruit .training-padding {
  padding: 0 20px;
}

@media screen and (max-width: 599px) {
  .l-recruit .training-padding {
    padding: 0;
  }
}

.l-recruit .training__ttl {
  text-align: center;
}

.l-recruit .training__link {
  -webkit-transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.l-recruit .training__link:hover .training__content {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.l-recruit .training__link:hover .c-btn {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background-color: #9ec5f3;
}

.l-recruit .training__link:hover .c-btn::after {
  left: 75%;
}

.l-recruit .training__content {
  -webkit-transition: -webkit-transform 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 44.5px;
  margin-left: 57.2px;
  background: linear-gradient(-225deg, rgba(62, 103, 244, 0.8) 0%, rgba(101, 222, 244, 0.73) 100%), url(../images/common/bg.png) no-repeat center center/cover;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media screen and (max-width: 599px) {
  .l-recruit .training__content {
    display: block;
    width: 100%;
    margin: 18px auto 0;
    background: transparent;
  }
}

.l-recruit .training__content__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  position: relative;
  right: 57.2px;
  bottom: 24.5px;
  flex: 0 1 50%;
}

@media screen and (max-width: 768px) {
  .l-recruit .training__content__img {
    z-index: 2;
    right: 30px;
  }
}

.l-recruit .training__content__img .training__img {
  width: 100%;
  max-width: 542px;
}

@media screen and (max-width: 599px) {
  .l-recruit .training__content__img .training__img {
    right: 0;
    width: 345px;
  }
}

.l-recruit .training__content__bottom {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  position: relative;
  flex: 0 1 50%;
}

@media screen and (max-width: 599px) {
  .l-recruit .training__content__bottom {
    top: -50px;
    right: 0;
    width: calc(100% - 30px);
    margin-left: 30px;
    padding: 92px 0;
    background: linear-gradient(-225deg, rgba(172, 242, 255, 0.64) 0%, rgba(62, 103, 244, 0.8) 0%, rgba(101, 222, 244, 0.73) 100%), url(../images/common/bg.png) no-repeat center center/cover;
  }
}

.l-recruit .training__bottom__ttl {
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: calc(50% - 28.6px);
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-recruit .training__bottom__ttl {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .training__bottom__ttl {
    left: 50%;
    font-size: 2rem;
  }
}

.l-recruit .training__bottom__btn {
  position: absolute;
  right: 23.1px;
  bottom: 24.5px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .l-recruit .training__bottom__btn {
    right: 20px;
    font-size: 1.6rem;
    line-height: 1.2;
  }
}

.l-recruit .training__bottom__btn .training__btn {
  margin-left: 28px;
}

.l-recruit .jobinfo {
  margin-top: 60px;
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .l-recruit .jobinfo {
    margin-top: 41.6px;
    padding-bottom: 65.3px;
  }
}

.l-recruit .jobinfo-padding {
  padding: 0 20px;
}

@media screen and (max-width: 599px) {
  .l-recruit .jobinfo-padding {
    padding: 0;
  }
}

.l-recruit .jobinfo__ttl {
  text-align: center;
}

.l-recruit .jobinfo__link {
  -webkit-transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.l-recruit .jobinfo__link:hover .jobinfo__content {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.l-recruit .jobinfo__link:hover .c-btn {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  background-color: #9ec5f3;
}

.l-recruit .jobinfo__link:hover .c-btn::after {
  left: 75%;
}

.l-recruit .jobinfo__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-transition: -webkit-transform 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 47.3px;
  margin-right: 82px;
  background: linear-gradient(225deg, rgba(172, 242, 255, 0.64) 0%, rgba(140, 237, 211, 0.73) 0%, #17c2e2 100%), url(../images/common/bg.png) no-repeat center center/cover;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media screen and (max-width: 599px) {
  .l-recruit .jobinfo__content {
    display: block;
    width: 100%;
    margin: 18px auto 0;
    background: transparent;
  }
}

.l-recruit .jobinfo__content__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  position: relative;
  bottom: 26.7px;
  left: 82px;
  flex: 0 1 50%;
}

@media screen and (max-width: 768px) {
  .l-recruit .jobinfo__content__img {
    z-index: 2;
    left: 0;
  }
}

@media screen and (max-width: 599px) {
  .l-recruit .jobinfo__content__img {
    z-index: 2;
    width: calc(100% - 30px);
    margin-left: 30px;
  }
}

.l-recruit .jobinfo__content__img .jobinfo__img {
  width: 100%;
  max-width: 542px;
}

@media screen and (max-width: 599px) {
  .l-recruit .jobinfo__content__img .jobinfo__img {
    right: 0;
    width: 100%;
  }
}

.l-recruit .jobinfo__content__bottom {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  position: relative;
  flex: 0 1 50%;
}

@media screen and (max-width: 599px) {
  .l-recruit .jobinfo__content__bottom {
    top: -50px;
    right: 0;
    width: calc(100% - 30px);
    margin-right: 30px;
    padding: 92px 0;
    background: linear-gradient(225deg, rgba(172, 242, 255, 0.64) 0%, rgba(140, 237, 211, 0.73) 0%, #17c2e2 100%), url(../images/common/bg.png) no-repeat center center/cover;
  }
}

.l-recruit .jobinfo__bottom__ttl {
  -webkit-transform: translate(50%, -50%);
  position: absolute;
  top: 50%;
  right: calc(50% - 41px);
  transform: translate(50%, -50%);
  color: #fff;
  font-weight: bold;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-recruit .jobinfo__bottom__ttl {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-recruit .jobinfo__bottom__ttl {
    right: 50%;
    font-size: 2rem;
  }
}

.l-recruit .jobinfo__bottom__btn {
  position: absolute;
  right: -52px;
  bottom: 26.2px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .l-recruit .jobinfo__bottom__btn {
    right: 20px;
    font-size: 1.6rem;
    line-height: 1.2;
  }
}

.l-recruit .jobinfo__btn {
  margin-left: 28px;
}

/**
* @file _search.scss
**/
.l-search {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-search {
    margin-top: 50px;
  }
}

.l-search .search {
  margin-top: 123px;
  margin-left: 7%;
  background: linear-gradient(-70deg, rgba(135, 167, 177, 0.07) 0%, rgba(135, 167, 177, 0.07) 62%, rgba(204, 215, 219, 0.25) 62%, rgba(204, 215, 219, 0.25) 100%);
}

@media screen and (max-width: 768px) {
  .l-search .search {
    margin-top: 50px;
  }
}

.l-search .search-padding {
  padding-right: 6%;
  padding-left: 6%;
}

.l-search .search-inner {
  width: 100%;
  max-width: 1190px;
  margin-right: auto;
  margin-left: auto;
}

.l-search .search__ttl {
  padding-top: 100px;
  padding-left: -10%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-search .search__ttl {
    padding-top: 60px;
  }
}

.l-search .search__ttl--ja {
  color: #004092;
  font-weight: bold;
  font-size: 4.6rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-search .search__ttl--ja {
    font-size: 2.6rem;
  }
}

.l-search .search__ttl--en {
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-search .search__ttl--en {
    font-size: 1.4rem;
  }
}

.l-search .search .ttl__left {
  padding-right: 7%;
}

.l-search .search__content {
  width: 86%;
  margin-top: 100px;
  padding: 40px 8% 158px 5.5%;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-search .search__content {
    margin-top: 60px;
    padding-bottom: 30px;
  }
}

.l-search .search .content__block {
  margin-top: 66px;
}

@media screen and (max-width: 768px) {
  .l-search .search .content__block {
    margin-top: 20px;
  }
}

.l-search .search-width {
  width: 100%;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

.l-search .search .block__list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .l-search .search .block__list {
    display: block;
    width: 100%;
    max-width: 240px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-search .search .block__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  margin-left: 10%;
}

@media screen and (max-width: 768px) {
  .l-search .search .block__item {
    width: 100%;
    margin-left: 0;
  }
}

.l-search .search .block__item:nth-of-type(n + 3) {
  margin-top: 13px;
}

@media screen and (max-width: 768px) {
  .l-search .search .block__item:nth-of-type(2) {
    margin-top: 13px;
  }
}

.l-search .search .block__link {
  display: inline-block;
  position: relative;
  color: #4ac7f5;
  font-family: "Noto Sans JP", sans-serif;
}

.l-search .search .block__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -30px;
  width: 16px;
  height: 6px;
  transform: translateY(-50%);
  background: url(../images/category/arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-search .search .block__link::after {
    right: -24px;
  }
}

.l-search .search .block__link:hover::after {
  right: -40px;
}

.l-search .search__breadcrumb {
  margin-top: 142px;
}

@media screen and (max-width: 768px) {
  .l-search .search__breadcrumb {
    margin-top: 82px;
  }
}

/**
* @file _service_solution.scss
**/
.l-service_solution {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-service_solution {
    margin-top: 50px;
  }
}

.l-service_solution .btn__block {
  padding-top: 112px;
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .l-service_solution .btn__block {
    width: 315px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.l-service_solution .btn__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  width: calc(33% - 30px * 2 / 3);
  height: 77px;
  padding-left: 32px;
  color: #fff;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-service_solution .btn__link {
    height: 60px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-service_solution .btn__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 1.8rem;
  }
}

.l-service_solution .btn__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 21px;
  width: 32px;
  height: 8.6px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  background-size: 100%;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-service_solution .btn__link::after {
    right: 15px;
  }
}

.l-service_solution .btn__link:hover::after {
  right: 8px;
}

.l-service_solution .btn__link:not(:first-of-type) {
  margin-left: 28px;
}

@media screen and (max-width: 1024px) {
  .l-service_solution .btn__link:not(:first-of-type) {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .l-service_solution .btn__link:not(:first-of-type) {
    margin-top: 20px;
    margin-left: 0;
  }
}

.l-service_solution .service_solution:not(:first-of-type) {
  margin-top: -108px;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution:not(:first-of-type) {
    margin-top: -24px;
  }
}

.l-service_solution .service_solution__ttl {
  padding-top: 191px;
  padding-bottom: 296px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__ttl {
    padding-top: 81px;
    padding-bottom: 146px;
  }
}

.l-service_solution .service_solution__ttl .c-section-ttl--en {
  font-size: 6rem;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-service_solution .service_solution__ttl .c-section-ttl--ja {
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__ttl .c-section-ttl--ja {
    font-size: 1.6rem;
  }
}

.l-service_solution .service_solution .solution__ttl {
  background: url("../images/service/solution.png") no-repeat center top/cover;
}

.l-service_solution .service_solution .infra-helpdesk__ttl {
  background: url("../images/service/infra-helpdesk.png") no-repeat center top/cover;
}

.l-service_solution .service_solution .outsourcing__ttl {
  background: url("../images/service/outsourcing.png") no-repeat center top/cover;
}

.l-service_solution .service_solution .introduction__ttl {
  background: url("../images/service/introduction.png") no-repeat center top/cover;
}

.l-service_solution .service_solution .introduction__ttl__img {
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution .introduction__ttl__img {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.l-service_solution .service_solution__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -214px;
  width: 90%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 57px 107px 70px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-service_solution .service_solution__content {
    padding: 37px 60px 40px;
  }
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__content {
    display: block;
    top: -93px;
    max-width: 500px;
  }
}

.service_solution__content--kintone{
  position: relative;
  top: -214px;
  width: 90%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 57px 107px 70px;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .l-service_solution .service_solution__content--kintone {
    padding: 37px 60px 40px;
  }
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__content--kintone {
    display: block;
    top: -93px;
    max-width: 500px;
  }
}

.l-service_solution .service_solution__flex{
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__flex{
    flex-direction: column;
  }
}

.l-service_solution .service_solution__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 28%;
  flex: 0 1 28%;
  max-width: 200px;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__img {
    width: 150px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-service_solution .service_solution__img img {
  width: 100%;
}

.l-service_solution .service_solution .introduction__img {
  margin-top: 40px;
}

.l-service_solution .service_solution__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 56%;
  flex: 0 1 56%;
  margin-left: 16%;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__item {
    margin-top: 12px;
    margin-left: 0;
  }

  .l-service_solution .service_solution__content--kintone .service_solution__item{
    margin-top: 25px;
  }
}

.l-service_solution .service_solution__text {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__text {
    font-size: 1.4rem;
  }
}

.l-service_solution .service_solution__btn {
  margin-top: 27px;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__btn {
    width: 138px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-service_solution .service_solution__btn--kintone {
  margin-top: 27px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 25px;
}
@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__btn--kintone {
    display: flex;
    flex-direction: column;
    column-gap: 0;
    row-gap: 4vw;
  }
}
.service_solution__btn--kintone .service-item__img{
  padding-block: 14px;
  margin-bottom: 6px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #CCD7DB;
}
.service_solution__btn--kintone .service-item__img img{
  width: 68px;
  transition: transform 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
  .service_solution__btn--kintone .service-item__img img{
    width: 48px;
  }
}
.service_solution__btn--kintone .service-item__link:hover .service-item__img img{
  transform: scale(1.1);
}
.service_solution__btn--kintone .service-item__ttl{
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: #004092;
  font-size: 1.5rem;
  font-weight: bold;
  transition: transform 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
  .service_solution__btn--kintone .service-item__ttl{
    font-size: 1.3rem;
  }
}
.service_solution__btn--kintone .service-item__ttl::after{
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: url(../images/top/service-arrow.svg) no-repeat center/contain;
  transition: transform 0.3s ease 0s;
}
.service_solution__btn--kintone .service-item__link:hover .service-item__ttl::after{
  transform: translateX(8px);
}








.l-service_solution .service_solution__breadcrumb {
  margin-top: -108px;
}

@media screen and (max-width: 768px) {
  .l-service_solution .service_solution__breadcrumb {
    margin-top: -24px;
  }
}

.ttl__left {
  padding-right: 7%;
}

.ttl__right {
  padding-left: 7%;
}

/**
* @file _sitemap.scss
**/
.l-sitemap {
  margin-top: 80px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-sitemap {
    margin-top: 50px;
  }
}

.l-sitemap .sitemap__fv {
  background: url("../images/common/sub-fv-left.png") no-repeat left bottom/68% 100%, url("../images/others/sitemap-fv.png") no-repeat right bottom/cover;
}

.l-sitemap .sitemap {
  padding-top: 110px;
  padding-bottom: 98px;
  background-color: #f2f6f7;
}

@media screen and (max-width: 768px) {
  .l-sitemap .sitemap {
    padding-top: 90px;
    padding-bottom: 74px;
  }
}

.l-sitemap .sitemap__content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 80px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .l-sitemap .sitemap__content {
    display: block;
    max-width: 500px;
    padding: 40px 70px;
  }
}

.l-sitemap .sitemap__ttl {
  -webkit-transition: opacity 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
  transition: opacity 0.3s ease 0s;
}

.l-sitemap .sitemap__ttl:hover {
  opacity: 0.7;
}

.l-sitemap .sitemap__ttl::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 39px;
  height: inherit;
  border-bottom: 1px solid #4ac7f5;
  content: "";
}

.l-sitemap .sitemap__ttl .ttl--en {
  display: inline-block;
  color: #004092;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}

.l-sitemap .sitemap__ttl .ttl--ja {
  margin-left: 25px;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-sitemap .sitemap__block:first-of-type {
  width: 32%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-sitemap .sitemap__block:first-of-type {
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-sitemap .sitemap__block:nth-of-type(2) {
  width: 32%;
  margin-left: 8%;
}

@media screen and (max-width: 768px) {
  .l-sitemap .sitemap__block:nth-of-type(2) {
    width: 100%;
    max-width: 300px;
    margin-top: 38px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-sitemap .sitemap__block:nth-of-type(3) {
  width: 20%;
  margin-top: 25px;
  margin-left: 8%;
}

@media screen and (max-width: 768px) {
  .l-sitemap .sitemap__block:nth-of-type(3) {
    width: 100%;
    max-width: 300px;
    margin-top: 38px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-sitemap .sitemap__list {
  margin-top: 22px;
}

.l-sitemap .sitemap__item {
  margin-top: 12px;
}

.l-sitemap .sitemap__link {
  -webkit-transition: opacity 0.3s ease 0s;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

.l-sitemap .sitemap__link:hover {
  opacity: 0.7;
}

.l-sitemap .sitemap__link02 {
  position: relative;
  margin-left: 2em;
}

.l-sitemap .sitemap__link02::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -16px;
  width: 13px;
  height: 1px;
  background: #4ac7f5;
  content: "";
}

.l-sitemap .sitemap__this {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

.l-sitemap .sitemap__breadcrumb {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-sitemap .sitemap__breadcrumb {
    margin-top: 60px;
  }
}

/**
* @file _top.scss
**/
.l-top {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .l-top {
    margin-top: 50px;
  }
}

.l-top .fv {
  position: relative;
  height: calc(100vh - 80px);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-top .fv {
    padding-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .l-top .fv {
    height: 560px;
  }
}

.l-top .fv__fade {
  position: relative;
  width: 100%;
  height: calc(100vh - 80px);
}

@media screen and (max-width: 768px) {
  .l-top .fv__fade {
    height: 560px;
  }
}

.l-top .fv__fade__item {
  -webkit-transition: opacity 5s ease-in-out 0s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 5s ease-in-out 0s;
}

.l-top .fv__fade__item.active {
  opacity: 1;
}

.l-top .fv__fade__item::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -5px;
  left: 41%;
  width: 5px;
  height: 135px;
  transform: rotate(16deg);
  background: #BFDB25;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-top .fv__fade__item::before {
    height: 72px;
  }
}

@media screen and (max-width: 768px) {
  .l-top .fv__fade__item::before {
    left: 46%;
    width: 3px;
    height: 66px;
  }
}

.l-top .fv__fade__item::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  bottom: -36px;
  left: 7%;
  width: 3px;
  height: 135px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-top .fv__fade__item::after {
    left: 2%;
  }
}

@media screen and (max-width: 768px) {
  .l-top .fv__fade__item::after {
    bottom: -22px;
    height: 86px;
  }
}

.l-top .fv .fade-item01 {
  background: url("../images/top/fv-left.png") no-repeat left top/72% 100%, url("../images/top/fv01.png") no-repeat center top/cover;
}

@media screen and (max-width: 1024px) {
  .l-top .fv .fade-item01 {
    background: url("../images/top/fv-left-sp.png") no-repeat 0% center/100% 150%, url("../images/top/fv01-sp.png") no-repeat center top/cover;
  }
}

.l-top .fv .fade-item02 {
  background: url("../images/top/fv-left.png") no-repeat left center/72% 100%, url("../images/top/fv04.png") no-repeat center bottom 1px/cover;
}

@media screen and (max-width: 1024px) {
  .l-top .fv .fade-item02 {
    background: url("../images/top/fv-left-sp.png") no-repeat 0% center/100% 150%, url("../images/top/fv04-sp.png") no-repeat right center/cover;
  }
}

.l-top .fv .fade-item03 {
  background: url("../images/top/fv-left.png") no-repeat left center/72% 100%, url("../images/top/fv02.png") no-repeat center bottom 1px/cover;
}

@media screen and (max-width: 1024px) {
  .l-top .fv .fade-item03 {
    background: url("../images/top/fv-left-sp.png") no-repeat 0% center/100% 150%, url("../images/top/fv02-sp.png") no-repeat right bottom/cover;
  }
}

.l-top .fv .fade-item04 {
  background: url("../images/top/fv-left.png") no-repeat left center/72% 100%, url("../images/top/fv03.png") no-repeat center bottom 1px/cover;
}

@media screen and (max-width: 1024px) {
  .l-top .fv .fade-item04 {
    background: url("../images/top/fv-left-sp.png") no-repeat 0% center/100% 150%, url("../images/top/fv03-sp.png") no-repeat right center/cover;
  }
}

.l-top .fv__content {
  position: absolute;
  top: 33%;
  left: 7%;
  text-shadow: 0px 3px 6px rgb(0, 0, 0, 0.16);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-top .fv__content {
    top: 160px;
  }
}

@media screen and (max-width: 1350px) {
  .l-top .fv__content {
    top: 62px;
    left: 8%;
  }
}
.l-purpose .purpose__section .fv__ttl {
  position: relative;
}

.l-purpose .purpose__section .fv__ttl::before {
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 38%;
  width: 5px;
  height: 95px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

.l-purpose .purpose__section .fv__ttl::after {
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 22%;
  right: 37%;
  width: 3px;
  height: 80px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 1190px) {
  .l-purpose .purpose__section .fv__ttl::before {
    top: -30%;
    right: 13%;
   }
   .l-purpose .purpose__section .fv__ttl::after {
    top: -17%;
    right: 9%;
   }
}

@media screen and (max-width: 768px) {
 .l-purpose .purpose__section .fv__ttl::before {
  right: 5%;
  height: 65px;
  top: -50%;
 }
 .l-purpose .purpose__section .fv__ttl::after {
  right: 13%;
  height: 50px;
  top: -25%;
 }

}
/* .l-top .fv__content .fv__ttl a:hover{
  opacity: 0.7;
  transition: .3s;
} */

.l-top .fv__content .fv__ttl .c-btn-top {
  margin-top: 28px;
  background: none;
  padding-left: 0;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .l-top .fv__content .fv__ttl .c-btn-top {
    margin-top: 10px;
    font-size: 1.4rem;
    height: 35px;
    width: 90px;
  }
  .l-top .fv__content .fv__ttl .c-btn-top::after {
    background-size: 50%;
    right: 0;
    top: 51%;
  }
}

.l-top .fv__ttl--en,
.l-purpose .fv__ttl--en {
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.45;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 768px) {
  .l-top .fv__ttl--en,
  .l-purpose .fv__ttl--en {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}

.l-top .fv__ttl--en::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -16px;
  left: -18px;
  width: 5px;
  height: 43px;
  transform: rotate(16deg);
  background: #BFDB25;
  content: "";
}
.l-top .fv__ttl--en::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -37px;
  left: -25px;
  width: 5px;
  height: 43px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}
@media screen and (max-width: 768px) {
  .l-top .fv__ttl--en::before {
    width: 3px;
    height: 22px;
    top: -9px;
    left: -10px;
  }
  .l-top .fv__ttl--en::after {
    width: 3px;
    height: 22px;
    top: -21px;
    left: -15px;
  }
}

.l-top .fv__ttl--ja,
.l-purpose .fv__ttl--ja {
  color: #fff;
  font-weight: bold;
  font-size: 7.2rem;
  line-height: 1.25;
  letter-spacing: 0.02em;
  margin-top: 16px;
  white-space: nowrap;
}
.l-top .fv__ttl--ja span,
.l-purpose .fv__ttl--ja span {
  font-size: 6rem;
}


@media screen and (max-width: 768px) {
  .l-top .fv__ttl--ja,
  .l-purpose .fv__ttl--ja {
    font-size: 4rem;
    margin-top: 8px;
  }
  .l-top .fv__ttl--ja span,
  .l-purpose .fv__ttl--ja span {
    font-size: 3.2rem;
  }
}

.l-top .fv__ttl--tx,
.l-purpose .fv__ttl--tx {
  margin-top: 32px;
  color: #fff;
  font-weight: bold;
  line-height: 1.66;
  font-size: 2.4rem;
  letter-spacing: 0.02rem;
}

@media screen and (max-width: 768px) {
  .l-top .fv__ttl--tx,
  .l-purpose .fv__ttl--tx {
    margin-top: 16px;
    font-size: 1.4rem;
  }
}

.fv__btn .rec_btn a {
  font-size: 32px;
}

.fv__btn {
  display: flex;
  position: absolute;
  right: 1%;
  bottom: 100px;
  z-index: 4;
}

@media screen and (max-width: 768px) {
  .fv__btn {
    display: block;
  }
}

.int_btn {
  font-size: 24px;
  margin-right: 24px;
  margin-bottom: 10px;
}
.int_btn a {
  font-size: 24px;
  color: #2096A5;
  background: #fff;
  position: relative;
  line-height: 1.2;
}

.int_btn a::before {
  content: "";
  background: linear-gradient(40deg, #57cbb9 0%, #168ca2 100%);
  z-index: 5;
  width: 5px;
  height: 102px;
  position: absolute;
  left: 0;
}

@media screen and (max-width: 768px) {
  .l-top .fv__btn {
    right: 20px;
    bottom: 20px;
  }

  .fv__btn .rec_btn a {
    font-size: 1.8rem;
  }

  .fv__btn .int_btn {
    margin-right: 7px;
  }
  .fv__btn .int_btn a {
    font-size: 1.3rem;
  }

  .fv__btn .int_btn a::before {
    height: 56px;
  }
}

.fv__content.l-content-padding .int_btn .fv__link {
  width: 390px;
  height: 64px;
  margin-top: 48px;
  font-size: 18px;
  padding-left: 15px;
}

.fv__content.l-content-padding .int_btn a::before {
  height: 64px;
}

.fv__content.l-content-padding .int_btn .internShip:after {
  width: 20px;
  height: 5px;
  right: 15px;
}

@media screen and (max-width: 768px) {
  .fv__content.l-content-padding .int_btn .fv__link {
    width: 280px;
    height: 48px;
    margin-top: 16px;
    font-size: 13px;
    padding-left: 15px;
  }

  .fv__content.l-content-padding .int_btn a::before {
    height: 48px;
  }

  .fv__content.l-content-padding .int_btn .internShip:after {
    width: 13px;
    height: 4px;
    right: 15px;
  }
}

.fv__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: 452px;
  height: 102px;
  padding-left: 38px;
  background: linear-gradient(235deg, #57cbb9 0%, #168ca2 100%);
  color: #fff;
  font-weight: 500;
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .fv__link {
    width: 250px;
    height: 56px;
    padding-left: 21px;
  }
}

.fv__link::after {
  -webkit-transform: translateY(-50%);
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 38px;
  width: 32px;
  height: 8.6px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  background-size: 100%;
  content: "";
}

.internShip:after {
  content: "";
  background: url(../images/recruit/float-arrow_green.svg) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .fv__link::after {
    right: 11px;
    width: 23px;
    height: 6px;
  }
}

.l-top .news {
  padding-top: 99px;
  padding-bottom: 108px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .l-top .news {
    margin-top: 99px;
  }
}

@media screen and (max-width: 768px) {
  .l-top .news {
    padding-top: 50px;
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 768px) {
  .l-top .news .l-content-width {
    max-width: 500px;
  }
}

.l-top .news__wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-top .news__wrapper {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .l-top .news__ttl {
    text-align: center;
  }
}

.l-top .news__ttl .c-section-ttl--en {
  color: #004092;
  font-size: 6rem;
}

@media screen and (max-width: 768px) {
  .l-top .news__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-top .news__btn {
  margin-top: 77px;
}

@media screen and (max-width: 768px) {
  .l-top .news__btn {
    display: none;
  }
}

.l-top .news__list {
  width: calc(100% - 245px);
}

@media screen and (max-width: 768px) {
  .l-top .news__list {
    width: 100%;
    margin-top: 20px;
  }
}

.l-top .news__item {
  position: relative;
  border-top: 1px solid #e0e0e0;
}

.l-top .news__item::after {
  position: absolute;
  top: -1px;
  left: 0;
  width: 90px;
  border-top: 1px solid #004092;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-top .news__item::after {
    width: 55px;
  }
}

.l-top .news__item:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}

.l-top .news__item:last-of-type::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 90px;
  border-bottom: 1px solid #004092;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-top .news__item:last-of-type::before {
    width: 55px;
  }
}

.l-top .news-item__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
}

.l-top .news-item__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 10px;
  width: 22px;
  height: 6.4px;
  transform: translateY(-50%);
  background: url(../images/top/news-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

.l-top .news-item__link:hover::after {
  right: -6px;
}

.l-top .news-item__link:hover .c-news-category {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) {
  .l-top .news-item__link {
    display: block;
  }
}

.l-top .news__category {
  -webkit-transition: opacity 0.3s ease 0s;
  margin-left: 4%;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-top .news__category {
    margin-left: 14px;
  }
}

.l-top .news__text {
  margin-left: 3%;
}

@media screen and (max-width: 1024px) {
  .l-top .news__text {
    margin-top: 9px;
    margin-left: 0;
  }
}

.l-top .service {
  position: relative;
  padding-top: 98px;
  background: url("../images/top/service-bg.png") no-repeat right top/100%;
}

@media screen and (max-width: 768px) {
  .l-top .service {
    padding-top: 52px;
    background: url("../images/top/service-bg-sp.png") no-repeat right top/105%;
  }
}

.l-top .service::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: -35px;
  right: 6%;
  width: 5px;
  height: 135px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 768px) {
  .l-top .service::before {
    top: -20px;
    width: 3px;
    height: 98px;
  }
}

.l-top .service::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 1;
  position: absolute;
  top: 422px;
  right: 5%;
  width: 5px;
  height: 165px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-top .service::after {
    top: 290px;
  }
}

@media screen and (max-width: 768px) {
  .l-top .service::after {
    top: 214px;
    right: 13%;
  }
}

.l-top .service__ttl {
  text-align: center;
}

.l-top .service__ttl .c-section-ttl--en {
  color: #fff;
  font-size: 6rem;
}

@media screen and (max-width: 768px) {
  .l-top .service__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-top .service__ttl--ja {
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-top .service__ttl--ja {
    font-size: 1.4rem;
  }
}

.l-top .service__text {
  max-width: 524px;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .l-top .service__text {
    max-width: 229px;
    margin-top: 27px;
    font-size: 1.2rem;
  }
}

.l-top .service__wrapper {
  z-index: 2;
  position: relative;
  margin-top: 30px;
  padding-top: 48px;
  padding-bottom: 61px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(204, 215, 219, 0.25)), color-stop(87.5%, rgba(204, 215, 219, 0.25)), color-stop(87.5%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, from(#fff), color-stop(87.5%, #fff), color-stop(87.5%, transparent), to(transparent));
  background: linear-gradient(90deg, rgba(204, 215, 219, 0.25) 0%, rgba(204, 215, 219, 0.25) 87.5%, transparent 87.5%, transparent 100%), linear-gradient(90deg, #fff 0%, #fff 87.5%, transparent 87.5%, transparent 100%);
}

@media screen and (max-width: 768px) {
  .l-top .service__wrapper {
    padding-top: 12px;
    padding-bottom: 40px;
  }
}

.l-top .service-width {
  max-width: 1085px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-top .service-width {
    max-width: 500px;
  }
}

@media screen and (max-width: 768px) {
  .l-top .service__top {
    width: 315px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-top .service-top__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 3;
  position: relative;
  align-items: center;
  justify-content: center;
  width: calc(33% - 25px * 2 / 3);
  height: 76px;
  background: #004092;
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 1024px) {
  .l-top .service-top__link {
    height: 60px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-top .service-top__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 315px;
    font-size: 1.8rem;
  }
}

.l-top .service-top__link::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 21px;
  width: 32px;
  height: 8.6px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  background-size: 100%;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-top .service-top__link::after {
    right: 10px;
    background-size: 80%;
  }
}

@media screen and (max-width: 768px) {
  .l-top .service-top__link::after {
    right: 15px;
  }
}

.l-top .service-top__link:hover::after {
  right: 8px;
}

.l-top .service-top__link:not(:first-of-type) {
  margin-left: 19px;
}

@media screen and (max-width: 768px) {
  .l-top .service-top__link:not(:first-of-type) {
    margin-top: 20px;
    margin-left: 0;
  }
}

.l-top .service__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .l-top .service__list {
    display: block;
    margin-top: 5px;
  }
}

.l-top .service__item {
  position: relative;
  width: calc(33% - 25px * 2 / 3);
  margin-top: 30px;
  padding: 26px 32px 60px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .l-top .service__item {
    width: 100%;
  }
}

.l-top .service__item:not(:first-of-type) {
  margin-left: 25px;
}

@media screen and (max-width: 768px) {
  .l-top .service__item:not(:first-of-type) {
    margin-top: 22px;
    margin-left: 0;
  }
}

.l-top .service__item::after {
  -webkit-transition: right 0.3s ease 0s;
  position: absolute;
  right: 20px;
  bottom: 36px;
  width: 34px;
  height: 6.4px;
  background: url(../images/top/service-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

.l-top .service__item:hover .service-item__ttl,
.l-top .service__item:hover .service-item__text {
  opacity: 0.7;
}

.l-top .service__item:hover .service-item__img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.l-top .service__item:hover::after {
  right: 10px;
}

.l-top .service-item__img {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  width: 50.5%;
  margin-right: auto;
  margin-left: auto;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-top .service-item__img {
    width: 100px;
  }
}

.l-top .service-item__img img {
  width: 100%;
}

.l-top .service-item__ttl {
  -webkit-transition: opacity 0.3s ease 0s;
  margin-top: 16px;
  color: #004092;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
  text-align: center;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-top .service-item__ttl {
    font-size: 1.8rem;
  }
}

.l-top .service-item__ttl .c-section-ttl--en {
  font-size: 5.2rem;
}

@media screen and (max-width: 768px) {
  .l-top .service-item__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-top .service-item__text {
  -webkit-transition: opacity 0.3s ease 0s;
  margin-top: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-top .service-item__text {
    font-size: 1.4rem;
  }
}

.l-top .service__btn {
  width: 138px;
  margin: 43px auto 0;
}

@media screen and (max-width: 768px) {
  .l-top .service__btn {
    margin-top: 35px;
  }
}

/*========================================================
20231024 Bridge
kintone
========================================================*/
.l-top .service__kintone{
  margin-top: 64px;
}
.l-top .service__kintone-ttl{
  text-align: center;
}
.l-top .service__kintone-ttl img{
  max-width: 200px;
}
.l-top .service__kintone-ttl span{
  display: block;
  margin-top: 10px;
  font-size: 2rem;
  font-weight: bold;
}
.l-top .service__kintone .service__list{
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .l-top .service-item__img {
    width: 100px;
  }
}

.l-top .service-item__img img {
  width: 100%;
}

.l-top .service-item__ttl {
  -webkit-transition: opacity 0.3s ease 0s;
  margin-top: 16px;
  color: #004092;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
  text-align: center;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-top .service-item__ttl {
    font-size: 1.8rem;
  }
}

.l-top .service-item__ttl .c-section-ttl--en {
  font-size: 5.2rem;
}

@media screen and (max-width: 768px) {
  .l-top .service-item__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-top .service-item__text {
  -webkit-transition: opacity 0.3s ease 0s;
  margin-top: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .l-top .service-item__text {
    font-size: 1.4rem;
  }
}
/* end */

.l-top .reasons {
  margin-top: 138px;
  padding-top: 103px;
  padding-bottom: 67px;
  background: url(../images/top/reasons-bg.png) no-repeat left 20.8% top/35% 100%, -webkit-gradient(linear, left top, right top, from(transparent), color-stop(13.5%, transparent), color-stop(13.5%, rgba(204, 215, 219, 0.25)), to(rgba(204, 215, 219, 0.25)));
  background: url(../images/top/reasons-bg.png) no-repeat left 20.8% top/35% 100%, linear-gradient(90deg, transparent 0%, transparent 13.5%, rgba(204, 215, 219, 0.25) 13.5%, rgba(204, 215, 219, 0.25) 100%);
}

@media screen and (max-width: 768px) {
  .l-top .reasons {
    margin-top: 70px;
    padding-top: 63px;
    padding-bottom: 42px;
    background: url(../images/top/reasons-bg-sp.png) no-repeat left 29.5% top/55% 50%, -webkit-gradient(linear, left top, right top, from(transparent), color-stop(13.5%, transparent), color-stop(13.5%, rgba(204, 215, 219, 0.25)), to(rgba(204, 215, 219, 0.25)));
    background: url(../images/top/reasons-bg-sp.png) no-repeat left 29.5% top/55% 50%, linear-gradient(90deg, transparent 0%, transparent 13.5%, rgba(204, 215, 219, 0.25) 13.5%, rgba(204, 215, 219, 0.25) 100%);
  }
}

.l-top .reasons-width {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-top .reasons-width {
    max-width: 500px;
  }
}

.l-top .reasons__ttl {
  text-align: center;
}

.l-top .reasons__ttl .c-section-ttl--en {
  color: #004092;
  font-size: 5.2rem;
}

@media screen and (max-width: 768px) {
  .l-top .reasons__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-top .reasons__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .l-top .reasons__list {
    display: block;
    margin-top: 10px;
  }
}

.l-top .reasons__item {
  width: calc(33% - 10px * 2 / 3);
}

.l-top .reasons__item:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .l-top .reasons__item {
    width: 100%;
  }
}

.l-top .reasons__item:not(:first-of-type) {
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .l-top .reasons__item:not(:first-of-type) {
    margin-top: 10px;
    margin-left: 0;
  }
}

.l-top .reasons__point {
  display: inline-block;
  z-index: 2;
  position: relative;
  top: 30px;
  left: 17px;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .l-top .reasons__point {
    left: 32px;
  }
}

.l-top .reasons__point.bg-blue {
  color: #4ac7f5;
}

.l-top .reasons__point.is-green {
  color: #8cc708;
}

.l-top .reasons__point.is-orange {
  color: #ffb100;
}

.l-top .reasons__point span {
  display: inline-block;
  font-weight: 500;
  font-size: 1.7rem;
  letter-spacing: 0.07em;
}

@media screen and (max-width: 1024px) {
  .l-top .reasons__point span {
    margin-left: 0.2em;
    font-size: 1.6rem;
  }
}

.l-top .reasons__number {
  margin-top: -8px;
  font-size: 7rem;
  line-height: 1;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-top .reasons__number {
    font-size: 6.6rem;
  }
}

.l-top .reasons__img {
  overflow: hidden;
}

.l-top .reasons__img img {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  width: 100%;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.l-top .reasons__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-height: 116px;
  padding-top: 23px;
  padding-bottom: 23px;
  background-color: #fff;
  color: #004092;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-top .reasons__text {
    font-size: 1.8rem;
  }
}

.l-top .reasons__btn {
  width: 138px;
  margin: 67px auto 0;
}

@media screen and (max-width: 768px) {
  .l-top .reasons__btn {
    margin-top: 40px;
  }
}

.l-top .corporate {
  position: relative;
  margin-top: 145px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .l-top .corporate {
    margin-top: 70px;
    padding-bottom: 270px;
  }
}

.l-top .corporate__bg {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  position: relative;
  width: 87.5%;
  padding-top: 48%;
  padding-bottom: 134px;
  background: url(../images/top/corporate.jpg) center center/cover;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.l-top .corporate__bg:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.l-top .corporate__bg:hover::before {
  opacity: 0;
}

.l-top .corporate__bg:hover::after {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .l-top .corporate__bg {
    width: 100%;
    height: 260px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.l-top .corporate__bg::before {
  -webkit-transition: opacity 0.3s ease 0s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(106deg, transparent 0%, transparent 70%, rgba(0, 64, 146, 0.17) 70%, rgba(0, 64, 146, 0.17) 100%) no-repeat center center/cover;
  content: '';
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-top .corporate__bg::before {
    background: linear-gradient(106deg, transparent 0%, transparent 58%, rgba(0, 64, 146, 0.17) 58%, rgba(0, 64, 146, 0.17) 100%), url(../images/top/corporate.jpg) no-repeat center center/cover;
  }
}

.l-top .corporate__bg::after {
  -webkit-transition: opacity 0.3s ease 0s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(106deg, transparent 0%, transparent 65%, rgba(0, 64, 146, 0.17) 65%, rgba(0, 64, 146, 0.17) 100%) no-repeat center center/cover, url(../images/top/corporate.jpg) no-repeat center center/cover;
  content: '';
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-top .corporate__bg::after {
    background: linear-gradient(106deg, transparent 0%, transparent 53%, rgba(0, 64, 146, 0.17) 53%, rgba(0, 64, 146, 0.17) 100%), url(../images/top/corporate.jpg) no-repeat center center/cover;
  }
}

.l-top .corporate__content {
  z-index: 2;
  position: absolute;
  top: 19%;
  right: 0;
  width: 54.5%;
  margin-left: auto;
  padding: 100px 70px 100px 85px;
  background: #fff;
}

@media screen and (max-width: 1024px) {
  .l-top .corporate__content {
    padding: 40px 58px;
  }
}

@media screen and (max-width: 768px) {
  .l-top .corporate__content {
    -webkit-transform: translateX(50%);
    top: 218px;
    right: 50%;
    width: 315px;
    margin-left: 0;
    padding-right: 32px;
    padding-left: 32px;
    transform: translateX(50%);
  }
}

@media screen and (max-width: 768px) {
  .l-top .corporate__ttl {
    text-align: center;
  }
}

.l-top .corporate__ttl .c-section-ttl--en {
  color: #004092;
  font-size: 5.2rem;
}

@media screen and (max-width: 768px) {
  .l-top .corporate__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-top .corporate__text {
  margin-top: 40px;
  font-weight: 500;
  line-height: 1.625;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 1024px) {
  .l-top .corporate__text {
    margin-top: 36px;
    font-size: 1.4rem;
  }
}

.l-top .corporate__btn {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .l-top .corporate__btn {
    width: 138px;
    margin-top: 37px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-top .recruit {
  padding-top: 108px;
  padding-bottom: 139px;
}

@media screen and (max-width: 768px) {
  .l-top .recruit {
    margin-top: 0;
    padding-bottom: 84px;
  }
}

.l-top .recruit__ttl {
  text-align: center;
}

.l-top .recruit__ttl .c-section-ttl--en {
  color: #004092;
  font-size: 5.2rem;
}

@media screen and (max-width: 768px) {
  .l-top .recruit__ttl .c-section-ttl--en {
    font-size: 3.4rem;
  }
}

.l-top .recruit__img {
  margin-top: 43px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .l-top .recruit__img {
    margin-top: 21px;
  }
}

.l-top .recruit__img img {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  width: 100%;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.l-top .recruit__img img:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.l-top .recruit__btn {
  width: 138px;
  margin-top: 48px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-top .recruit__btn {
    margin-top: 30px;
  }
}

.l-top .inquiry {
  background: url(../images/top/inquiry.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-top .inquiry {
    background: url(../images/top/inquiry-sp.png) no-repeat center center/cover;
  }
}

.l-top .inquiry__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .l-top .inquiry__list {
    display: block;
  }
}

.l-top .inquiry__item {
  -webkit-transition: background-color 0.3s ease 0s;
  width: 50%;
  padding-top: 57px;
  padding-bottom: 62px;
  text-align: center;
  transition: background-color 0.3s ease 0s;
}

.l-top .inquiry__item:hover {
  background-color: #004092;
}

@media screen and (max-width: 768px) {
  .l-top .inquiry__item {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 20px;
  }
}

.l-top .inquiry__item:first-of-type {
  border-right: 1px solid #fff;
}

@media screen and (max-width: 768px) {
  .l-top .inquiry__item:first-of-type {
    border-right: none;
    border-bottom: 1px solid #fff;
  }
}

.l-top .inquiry__link {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.02em;
}

.l-top .inquiry__tel {
  position: relative;
  font-size: 4.2rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-top .inquiry__tel {
    font-size: 3.2rem;
  }
}

.l-top .inquiry__tel::before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -63px;
  width: 43px;
  height: 43px;
  transform: translateY(-50%);
  background: url(../images/top/tel.svg) no-repeat;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-top .inquiry__tel::before {
    top: 56%;
    left: -42px;
    background-size: 74%;
  }
}

.l-top .inquiry__contact {
  position: relative;
  font-size: 4.2rem;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-top .inquiry__contact {
    font-size: 3.2rem;
  }
}

.l-top .inquiry__contact::before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -73px;
  width: 45px;
  height: 31px;
  transform: translateY(-50%);
  background: url(../images/top/contact.svg) no-repeat;
  content: "";
}

@media screen and (max-width: 1024px) {
  .l-top .inquiry__contact::before {
    top: 56%;
    left: -42px;
    background-size: 74%;
  }
}

.l-top .inquiry__contact span {
  display: block;
  margin-left: -76px;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-top .inquiry__contact span {
    margin-left: -48px;
    font-size: 1.4rem;
  }
}

.bg-green {
  background-color: #65ba00;
}

.bg-orange {
  background-color: #ff8b00;
}

.bg-blue {
  background-color: #3cc6f7;
}

.is-blue {
  color: #4ac7f5;
}

.is-green {
  color: #8cc708;
}

.is-orange {
  color: #ffb100;
}

.is-indent {
  display: inline-block;
  padding-left: 1em;
}

/**
* @file _training.scss
**/
.l-training .fv__bg {
  background: linear-gradient(-225deg, rgba(62, 103, 244, 0.8) 0%, rgba(147, 238, 255, 0.73) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

.l-training .fv__img {
  background: url("../images/training/fv.png") no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-training .fv__img {
    background: url("../images/training/fv.png") no-repeat left 46% top/cover;
  }
}

.l-training .fv .c-recruit-fv-ttl {
  top: 156px;
}

@media screen and (max-width: 768px) {
  .l-training .fv .c-recruit-fv-ttl {
    top: 120px;
  }
}

.l-training .training__ttl {
  text-align: center;
}

.l-training .training__ttl--en {
  color: #e5eaf0;
  font-weight: 400;
  font-size: 12.4rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1024px) {
  .l-training .training__ttl--en {
    font-size: 10.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .training__ttl--en {
    font-size: 4.8rem;
  }
}

.l-training .training__ttl--ja {
  margin-top: -1em;
  font-weight: bold;
  font-size: 3.6rem;
}

@media screen and (max-width: 1024px) {
  .l-training .training__ttl--ja {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .training__ttl--ja {
    font-size: 1.8rem;
  }
}

.l-training .flow {
  padding-bottom: 110px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(231, 239, 238, 0.9)), to(rgba(231, 239, 238, 0.9))), url(../images/voice/fv-bg.png) no-repeat center center/cover;
  background: linear-gradient(rgba(231, 239, 238, 0.9) 0%, rgba(231, 239, 238, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-training .flow {
    padding-bottom: 55px;
  }
}

.l-training .flow .top__wrapper {
  position: relative;
  top: -220px;
  margin-bottom: -63px;
}

@media screen and (max-width: 1024px) {
  .l-training .flow .top__wrapper {
    margin-bottom: -139px;
  }
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__wrapper {
    margin-top: 134.2px;
  }
}

.l-training .flow .top__bg {
  position: absolute;
  width: 76.25%;
  height: 629px;
  background-color: #f7f9f8;
}

@media screen and (max-width: 1024px) {
  .l-training .flow .top__bg {
    height: 560px;
  }
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__bg {
    width: 90%;
    height: 107%;
  }
}

.l-training .flow .top__contents {
  position: relative;
  padding-top: 93px;
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__contents {
    padding-top: 48px;
  }
}

.l-training .flow .top__text {
  font-weight: bold;
  font-size: 3.6rem;
}

@media screen and (max-width: 1024px) {
  .l-training .flow .top__text {
    font-size: 2.7rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__text {
    font-size: 2rem;
  }
}

.l-training .flow .top__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 67px;
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__list {
    display: block;
    width: 100%;
    max-width: 360px;
    margin-top: 34px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-training .flow .top__item {
  position: relative;
  top: 17px;
  left: 17px;
  width: calc(33% - 31px * 2 / 3);
  background: linear-gradient(45deg, #3e67f4 0%, rgba(101, 222, 244, 0.73) 100%);
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__item {
    width: 100%;
  }
}

.l-training .flow .top__item:not(:first-of-type) {
  margin-left: 31px;
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__item:not(:first-of-type) {
    margin-top: 42px;
    margin-left: 0;
  }
}

.l-training .flow .top__item__body {
  position: relative;
  top: -17px;
  left: -17px;
  width: 100%;
  height: 100%;
  padding-top: 36px;
  padding-bottom: 34px;
  padding-left: 30.5px;
  background: #fff;
}

@media screen and (max-width: 1024px) {
  .l-training .flow .top__item__body {
    padding-left: 20.5px;
  }
}

.l-training .flow .top__item__ttl {
  position: relative;
  font-weight: bold;
  font-size: 2rem;
}

@media screen and (max-width: 1024px) {
  .l-training .flow .top__item__ttl {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__item__ttl {
    font-size: 2rem;
  }
}

.l-training .flow .top__item__ttl span {
  position: absolute;
  top: -30px;
  right: 16px;
  color: rgba(62, 158, 240, 0.6);
  font-weight: 500;
  font-size: 3.6rem;
  font-family: "Fjalla One", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-training .flow .top__item__ttl span {
    top: -38px;
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__item__ttl span {
    top: -30px;
    font-size: 3.6rem;
  }
}

.l-training .flow .top__item .list {
  margin-top: 18px;
}

.l-training .flow .top__item .item {
  line-height: 1.75;
}

@media screen and (max-width: 1024px) {
  .l-training .flow .top__item .item {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .flow .top__item .item {
    font-size: 1.6rem;
  }
}

.l-training .flow__ttl--en {
  color: #9db1c9;
  font-weight: 400;
  font-size: 12.4rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
  opacity: 0.6;
}

@media screen and (max-width: 1024px) {
  .l-training .flow__ttl--en {
    font-size: 8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .flow__ttl--en {
    font-size: 4rem;
  }
}

.l-training .flow__img {
  margin-top: 53.5px;
}

.l-training .flow__img img {
  width: 100%;
}

.l-training .follow {
  padding-top: 75px;
  padding-bottom: 129px;
}

@media screen and (max-width: 768px) {
  .l-training .follow {
    padding-top: 38px;
    padding-bottom: 64px;
  }
}

.l-training .follow__text {
  margin-top: 38px;
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .l-training .follow__text {
    margin-top: 19px;
    font-size: 1.3rem;
  }
}

.l-training .follow__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 804px;
  margin-top: 64px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .l-training .follow__list {
    display: block;
    max-width: 241px;
  }
}

.l-training .follow__item {
  width: calc(33% - 36px * 2 / 3);
  padding: 32px;
  border-radius: 22.5px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .l-training .follow__item {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-training .follow__item:not(:first-of-type) {
  margin-left: 36px;
}

@media screen and (max-width: 768px) {
  .l-training .follow__item:not(:first-of-type) {
    margin-top: 30px;
    margin-left: auto;
  }
}

.l-training .follow__item:first-of-type {
  background: linear-gradient(43deg, #36c7e2 0%, #a1edd9 100%);
}

.l-training .follow__item:nth-of-type(2) {
  background: linear-gradient(43deg, #3e67f4 0%, #65def4 100%);
}

.l-training .follow__item:nth-of-type(3) {
  background: linear-gradient(43deg, #ff8666 0%, #ffcaa5 100%);
}

.l-training .follow .item__ttl {
  font-size: 2.3rem;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-training .follow .item__ttl {
    font-size: 2.2rem;
  }
}

.l-training .follow .item__text {
  margin-top: 23px;
  font-size: 1.5rem;
}

.l-training .career {
  padding-top: 52px;
  padding-bottom: 97px;
  background: linear-gradient(45deg, rgba(54, 199, 226, 0.9) 0%, rgba(161, 237, 217, 0.9) 100%), url(../images/common/bg.png) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
  .l-training .career {
    padding-top: 27px;
    padding-bottom: 48px;
  }
}

.l-training .career__ttl {
  color: #fff;
  text-align: center;
}

.l-training .career__ttl--en {
  font-weight: 400;
  font-size: 12.4rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
  opacity: 0.6;
}

@media screen and (max-width: 1024px) {
  .l-training .career__ttl--en {
    font-size: 8rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .career__ttl--en {
    font-size: 4rem;
  }
}

.l-training .career__ttl--ja {
  margin-top: -1em;
  font-weight: bold;
  font-size: 3.2rem;
}

@media screen and (max-width: 1024px) {
  .l-training .career__ttl--ja {
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .career__ttl--ja {
    font-size: 1.6rem;
  }
}

.l-training .career__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 58px;
}

@media screen and (max-width: 768px) {
  .l-training .career__list {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 32px auto 0;
  }
}

.l-training .career__item {
  width: calc(33% - 48px * 2 / 3);
}

@media screen and (max-width: 1024px) {
  .l-training .career__item {
    width: calc(33% - 36px * 2 / 3);
  }
}

@media screen and (max-width: 768px) {
  .l-training .career__item {
    width: calc(100% - 24.5px);
  }
}

.l-training .career__item:not(:first-of-type) {
  margin-left: 48px;
}

@media screen and (max-width: 1024px) {
  .l-training .career__item:not(:first-of-type) {
    margin-left: 36px;
  }
}

@media screen and (max-width: 768px) {
  .l-training .career__item:not(:first-of-type) {
    margin-top: 30px;
    margin-left: 0;
  }
}

.l-training .career .item__img img {
  width: 100%;
}

.l-training .career .item__body {
  position: relative;
  top: -31.5px;
  left: 24.5px;
  height: 54%;
  padding: 30px 38px 32px 31px;
  background: #fff;
}

@media screen and (max-width: 1024px) {
  .l-training .career .item__body {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-training .career .item__body {
    padding-bottom: 32px;
  }
}

.l-training .career .item__ttl {
  font-size: 1.8rem;
}

@media screen and (max-width: 1024px) {
  .l-training .career .item__ttl {
    font-size: 1.6rem;
  }
}

.l-training .career .item__text {
  margin-top: 13.8px;
}

@media screen and (max-width: 1024px) {
  .l-training .career .item__text {
    font-size: 1.4rem;
  }
}

.l-training .welfare {
  padding-top: 56px;
  padding-bottom: 151px;
}

@media screen and (max-width: 768px) {
  .l-training .welfare {
    padding-bottom: 61px;
  }
}

.l-training .welfare__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 52px;
}

@media screen and (max-width: 1024px) {
  .l-training .welfare__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 569px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-training .welfare__list {
    width: 374px;
  }
}

@media screen and (max-width: 599px) {
  .l-training .welfare__list {
    display: block;
    width: 179px;
    margin-top: 32px;
  }
}

.l-training .welfare__item {
  width: 179px;
}

.l-training .welfare__item:not(:first-of-type) {
  margin-left: 16px;
}

@media screen and (max-width: 768px) {
  .l-training .welfare__item:not(:first-of-type) {
    margin-left: 0;
  }
}

@media screen and (max-width: 599px) {
  .l-training .welfare__item:not(:first-of-type) {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .l-training .welfare__item:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .l-training .welfare__item:nth-of-type(n + 4) {
    margin-top: 0;
  }
}

@media screen and (max-width: 599px) {
  .l-training .welfare__item:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .l-training .welfare__item:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .l-training .welfare__item:nth-of-type(2n) {
    margin-left: 16px;
  }
}

@media screen and (max-width: 599px) {
  .l-training .welfare__item:nth-of-type(2n) {
    margin-left: 0;
  }
}

.l-training .welfare__item img {
  width: 100%;
}

/**
* @file _voice.scss
**/
.l-voice .fv__bg {
  background: linear-gradient(45deg, rgba(214, 227, 226, 0.9) 0%, rgba(214, 227, 226, 0.9) 100%), url(../images/voice/fv-bg.png) no-repeat center center/cover;
}

.l-voice .fv__img {
  background: url("../images/voice/fv.png") no-repeat center top/cover;
}

@media screen and (max-width: 768px) {
  .l-voice .fv__img {
    background: url("../images/recruit/fv01-sp.png") no-repeat center top/cover;
  }
}

.l-voice .interview {
  background: #fff;
}

.l-voice .interview__wrapper {
  position: relative;
  top: -253px;
  margin-bottom: -63px;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview__wrapper {
    margin-bottom: -139px;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview__wrapper {
    margin-top: 134.2px;
  }
}

.l-voice .interview__bg {
  position: absolute;
  width: 81.25%;
  height: 917px;
  background-color: #f7f9f8;
}

@media screen and (max-width: 768px) {
  .l-voice .interview__bg {
    height: 104%;
  }
}

.l-voice .interview__ttl {
  position: relative;
  right: 13%;
  padding-top: 79.3px;
}

@media screen and (max-width: 1200px) {
  .l-voice .interview__ttl {
    right: 20%;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview__ttl {
    margin-right: -5%;
    padding-top: 36px;
  }
}

.l-voice .interview__ttl--ja {
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.1em;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .l-voice .interview__ttl--ja {
    font-size: 1.6rem;
  }
}

.l-voice .interview__ttl--en {
  position: absolute;
  top: -109px;
  right: -22%;
}

@media screen and (max-width: 1200px) {
  .l-voice .interview__ttl--en {
    right: -10%;
  }
}

@media screen and (max-width: 1024px) {
  .l-voice .interview__ttl--en {
    top: -49px;
    right: -10%;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview__ttl--en {
    top: -37px;
    right: -29px;
  }
}

@media screen and (max-width: 1024px) {
  .l-voice .interview__ttl--en img {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview__ttl--en img {
    width: 158px;
  }
}

.l-voice .interview .list {
  z-index: 2;
  position: relative;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .l-voice .interview .list {
    width: 100%;
    max-width: 460px;
    margin-right: auto;
    margin-left: auto;
  }
}

.l-voice .interview .item {
  -webkit-transition: background-color 0.3s ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, left 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, left 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item {
    -webkit-box-shadow: 17px 20px 0 #d2dce0;
    width: calc(100% - 17px);
    box-shadow: 17px 20px 0 #d2dce0;
  }
}

.l-voice .interview .item:not(:first-of-type) {
  margin-top: 124px;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item:not(:first-of-type) {
    margin-left: 60px;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item:not(:first-of-type) {
    margin-top: 60px;
    margin-left: 0;
  }
}

.l-voice .interview .item:nth-of-type(2n) .item__link02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.l-voice .interview .item:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.l-voice .interview .item:hover .c-btn {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background-color: #9ec5f3;
}

.l-voice .interview .item:hover .c-btn::after {
  left: 75%;
}

.l-voice .interview .item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__link {
    display: block;
  }
}

.l-voice .interview .item__img {
  width: 53%;
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__img {
    width: 40%;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__img {
    width: 100%;
  }
}

.l-voice .interview .item__img img {
  width: 100%;
}

.l-voice .interview .item__body {
  -webkit-box-shadow: 17px 20px 0 #d2dce0;
  z-index: 2;
  position: relative;
  width: 57%;
  margin-top: 46px;
  padding: 80px 0 46px;
  background: #fff;
  box-shadow: 17px 20px 0 #d2dce0;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__body {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__body {
    -webkit-box-shadow: none;
    width: 100%;
    margin-top: 0;
    padding: 50px 0 23px;
    box-shadow: none;
  }
}

.l-voice .interview .item__body01, .l-voice .interview .item__body03 {
  left: -7%;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__body01, .l-voice .interview .item__body03 {
    left: -3%;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__body01, .l-voice .interview .item__body03 {
    left: 0;
  }
}

.l-voice .interview .item__body02 {
  right: -7%;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__body02 {
    right: -3%;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__body02 {
    right: 0;
  }
}

.l-voice .interview .item__group {
  display: inline-block;
  position: absolute;
  top: -14px;
  left: -14px;
  padding: 4px 14px;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__group {
    padding: 3px 12px;
    font-size: 1.2rem;
  }
}

.l-voice .interview .item__group span {
  display: inline-block;
  padding-left: 1em;
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__group span {
    display: block;
    padding-left: 0;
  }
}

.l-voice .interview .item__group01 {
  background-color: #ff8e6c;
}

.l-voice .interview .item__group02 {
  background-color: #3e9ef0;
}

.l-voice .interview .item__group03 {
  background-color: #45d6d6;
}
.l-voice .interview .item__group04 {
  background-color: #FFAF39;
}
.l-voice .interview .item__group05 {
  background-color: #45D692;
}
.l-voice .interview .item__group06 {
  background-color: #3EDEF0;
}

.l-voice .interview .item__message__img {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__message__img img {
    width: 83%;
  }
}

.l-voice .interview .item__name {
  margin-top: 54.4px;
  margin-left: 46px;
  font-weight: bold;
  font-size: 3.1rem;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__name {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__name {
    margin-top: 24px;
    margin-left: 20px;
  }
}

.l-voice .interview .item__name span {
  display: inline-block;
  padding-left: 1em;
  font-weight: 500;
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__name span {
    font-size: 1.6rem;
  }
}

.l-voice .interview .item__text {
  margin-top: 11px;
  margin-left: 46px;
  font-size: 1.5rem;
}

@media screen and (max-width: 1024px) {
  .l-voice .interview .item__text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-voice .interview .item__text {
    margin-left: 20px;
  }
}

.l-voice .interview .item__text span {
  display: inline-block;
  padding-left: 1em;
}

.l-voice .interview .item__btn {
  position: absolute;
  right: 26px;
  bottom: 18px;
}

.l-voice .interview .item__btn .voice__btn {
  width: 27.5px;
  height: 27.5px;
}
@media screen and (max-width: 768px) {
  .l-voice .breadcrumb {
    margin-top: 40px;
  }
}

/**
* @file _animation.scss
**/
.slide {
  -webkit-transition: -webkit-transform 1s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 0;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}

.slide.slide-left {
  -webkit-transform: translate(-75%, 0);
  transform: translate(-75%, 0);
}

.slide.slide-right {
  -webkit-transform: translate(75%, 0);
  transform: translate(75%, 0);
}
@media screen and (max-width: 768px) {
  .slide.slide-right {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
}

.slide.scrollIn {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn {
  -webkit-transition: opacity 1s;
  opacity: 0;
  transition: opacity 1s;
}

.fadeIn.scrollIn {
  opacity: 1;
}

.fadeDown {
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  opacity: 0;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

@media screen and (max-width: 768px) {
  .fadeDown {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

.fadeDown.scrollIn {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.fadeDown:nth-of-type(2), .fadeDown02 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.fadeDown:nth-of-type(3), .fadeDown03 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

/**
* @file _btn.scss
**/
.c-btn {
  -webkit-transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  display: inline-block;
  position: relative;
  width: 24.28px;
  height: 24.28px;
  border-radius: 50%;
  background-color: #e5eaf0;
  transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.c-btn::after {
  -webkit-transition: left 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.18px;
  height: 4px;
  transform: translateY(-50%);
  background: url(../images/common/c-btn-arrow.svg) no-repeat;
  content: "";
  transition: left 0.3s ease 0s;
}

.c-btn--big {
  -webkit-transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  display: inline-block;
  position: relative;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background-color: #e5eaf0;
  transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .c-btn--big {
    width: 37px;
    height: 37px;
  }
}

@media screen and (max-width: 768px) {
  .c-btn--big {
    width: 30px;
    height: 30px;
  }
}

.c-btn--big::after {
  -webkit-transition: left 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  left: 50%;
  width: 36.5px;
  height: 5.94px;
  transform: translateY(-50%);
  background: url(../images/common/c-btn-arrow-big.svg) no-repeat;
  content: "";
  transition: left 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .c-btn--big::after {
    background: url(../images/common/c-btn-arrow-big-sp.svg) no-repeat;
  }
}

.c-btn--md {
  -webkit-transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  display: inline-block;
  position: relative;
  width: 36.6px;
  height: 36.6px;
  border-radius: 50%;
  background-color: #e5eaf0;
  transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .c-btn--md {
    width: 25px;
    height: 25px;
  }
}

.c-btn--md::after {
  -webkit-transition: left 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 27.4px;
  height: 4.75px;
  transform: translateY(-50%);
  background: url(../images/jobinfo/jobinfo-btn.svg) no-repeat;
  content: "";
  transition: left 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .c-btn--md::after {
    background: url(../images/common/c-btn-arrow.svg) no-repeat;
  }
}

.c-btn-more {
  -webkit-transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  display: inline-block;
  position: relative;
  width: 206px;
  height: 53px;
  padding: 16px;
  background-color: #3e4f7c;
  color: #fff;
  font-size: 1.6rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
  text-align: center;
  transition: background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 1024px) {
  .c-btn-more {
    width: 315px;
  }
}
@media screen and (max-width: 768px) {
  .c-btn-more {
    width: 88%;
  }
}

.c-btn-more .btn-arrow {
  display: inline-block;
  position: absolute;
  right: 22.7px;
}

.c-btn-more:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.c-btn-more:hover .btn-arrow {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background-color: #9ec5f3;
}

.c-btn-more:hover .btn-arrow::after {
  left: 75%;
}

.c-btn-contact {
  display: block;
  position: relative;
  max-width: 380px;
  min-height: 76px;
  margin: 30px auto 0;
  padding: 1em 2.5em 1em 1.5em;
  background: #004092;
  color: #fff;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c-btn-contact {
    min-height: 49px;
    font-size: 1.6rem;
  }
}

.c-btn-contact::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 26px;
  width: 26px;
  height: 6.4px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .c-btn-contact::after {
    right: 16px;
    background-size: 80%;
  }
}

.c-btn-contact:hover::after {
  right: 8px;
}

.c-btn-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: 138px;
  height: 44px;
  padding-left: 21px;
  background: #004092;
  color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  font-family: "Karla", sans-serif;
}

.c-btn-top::after {
  -webkit-transition: right 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 48%;
  right: 17.5px;
  width: 26px;
  height: 6.4px;
  transform: translateY(-50%);
  background: url(../images/recruit/float-arrow.svg) no-repeat;
  content: "";
  transition: right 0.3s ease 0s;
}

.c-btn-top:hover::after {
  right: 8px;
}

/**
* @file _news-common.scss
**/
.c-news-category {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  padding: 4px 9px;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .c-news-category {
    width: auto;
    max-width: 196px;
  }
}

@media screen and (max-width: 768px) {
  .c-news-category {
    font-size: 1rem;
  }
}

.c-news-date {
  color: #004092;
  font-weight: 500;
  font-size: 1.8rem;
  font-family: "Karla", sans-serif;
  min-width: 95px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .c-news-date {
    font-size: 1.2rem;
    min-width: 65px;
  }
}

.c-news-text {
  display: inline-block;
  width: 59%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1024px) {
  .c-news-text {
    display: block;
    width: 87%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .c-news-text {
    font-size: 1.2rem;
  }
}

/**
* @file _recruit-sub-fv.scss
**/
.c-recruit-sub-fv {
  position: relative;
  width: 100%;
  height: 700px;
}

@media screen and (max-width: 768px) {
  .c-recruit-sub-fv {
    height: 454px;
  }
}

.c-recruit-sub-fv__bg {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .c-recruit-sub-fv__bg {
    height: 454px;
  }
}

.c-recruit-sub-fv__img {
  position: absolute;
  top: 0;
  left: 22%;
  width: 78%;
  height: 550px;
}

@media screen and (max-width: 768px) {
  .c-recruit-sub-fv__img {
    left: 16%;
    width: 84%;
    height: 383px;
  }
}

/**
* @file _recruit-ttl.scss
**/
.c-recruit-ttl {
  color: #e5eaf0;
  font-weight: 400;
  font-size: 12.4rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1024px) {
  .c-recruit-ttl {
    font-size: 10.2rem;
  }
}

@media screen and (max-width: 768px) {
  .c-recruit-ttl {
    font-size: 5.2rem;
  }
}

.c-recruit-ttl--ja {
  margin-top: -40px;
  font-weight: bold;
  font-size: 3.6rem;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .c-recruit-ttl--ja {
    margin-top: -10px;
    font-size: 2rem;
  }
}

.c-recruit-fv-ttl {
  position: absolute;
  top: 127px;
  left: 12%;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .c-recruit-fv-ttl {
    top: 120px;
  }
}

.c-recruit-fv-ttl--en {
  font-size: 10rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1024px) {
  .c-recruit-fv-ttl--en {
    font-size: 8rem;
  }
}

@media screen and (max-width: 768px) {
  .c-recruit-fv-ttl--en {
    font-size: 4rem;
    letter-spacing: 0.06em;
  }
}

.c-recruit-fv-ttl--ja {
  margin-top: -34px;
  font-weight: bold;
  font-size: 2.8rem;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1024px) {
  .c-recruit-fv-ttl--ja {
    margin-top: 0;
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .c-recruit-fv-ttl--ja {
    font-size: 1.6rem;
  }
}

/**
* @file _section-ttl.scss
**/
.c-section-ttl--en {
  font-weight: bold;
  line-height: 1.166;
  font-family: "Karla", sans-serif;
  letter-spacing: 0.02em;
}

.c-section-ttl--ja {
  font-weight: bold;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .c-section-ttl--ja {
    font-size: 1.4rem;
  }
}

/**
* @file _service-sub-fv.scss
**/
.c-service-sub-fv {
  position: relative;
  width: 100%;
  height: 480px;
  background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%, url("../images/service/fv.png") no-repeat right top/cover;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv {
    background: url("../images/common/sub-fv-left.png") no-repeat left top/68% 100%, url("../images/service/fv.png") no-repeat right 10% top/cover;
  }
}

.c-service-sub-fv::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 6%;
  width: 5px;
  height: 106px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

@media screen and (max-width: 1024px) {
  .c-service-sub-fv::before {
    height: 72px;
  }
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv::before {
    left: 10%;
    width: 3px;
    height: 66px;
  }
}

.c-service-sub-fv::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 16%;
  width: 3px;
  height: 90px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 1024px) {
  .c-service-sub-fv::after {
    left: 2%;
  }
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv::after {
    bottom: -22px;
    height: 86px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-service-sub-fv {
    margin-top: 80px;
  }
}

.c-service-sub-fv .fv__ttl {
  padding-top: 132px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .c-service-sub-fv .fv__ttl {
    padding-top: 60px;
  }
}

.c-service-sub-fv .fv__ttl--en {
  font-weight: 500;
  font-size: 6rem;
  line-height: 1.17;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .fv__ttl--en {
    font-size: 3.4rem;
  }
}

.c-service-sub-fv .fv__ttl--ja {
  margin-top: 11px;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .fv__ttl--ja {
    margin-top: 6px;
    font-size: 1.6rem;
  }
}

.c-service-sub-fv .fv__form {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}

@media screen and (max-width: 1024px) {
  .c-service-sub-fv .fv__form {
    display: block;
    margin-top: 28px;
  }
}

.c-service-sub-fv .fv__service {
  -webkit-box-shadow: 0 6px 18px rgba(0, 6, 146, 0.25);
  position: relative;
  width: 450px;
  height: 76px;
  padding-top: 18px;
  padding-left: 28px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(0, 6, 146, 0.25);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .fv__service {
    width: 315px;
    height: 50px;
    padding-top: 10px;
    font-size: 1.8rem;
  }
}

.c-service-sub-fv .fv__service::after {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 36px;
  right: 27px;
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
  border-top: 3px solid #004092;
  border-right: 3px solid #004092;
  content: "";
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .fv__service::after {
    top: 22px;
    width: 8px;
    height: 8px;
  }
}

.c-service-sub-fv .fv__service.is-open::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.c-service-sub-fv .service__ttl {
  color: #004092;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .service__ttl {
    font-size: 1.8rem;
  }
}

.c-service-sub-fv .service__list {
  -webkit-box-shadow: 0 12px 12px rgba(0, 6, 146, 0.25);
  display: none;
  z-index: 3;
  position: relative;
  width: 450px;
  margin-top: 12px;
  margin-left: -28px;
  padding-left: 28px;
  background-color: #fff;
  box-shadow: 0 12px 12px rgba(0, 6, 146, 0.25);
  color: #004092;
  font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .service__list {
    width: 315px;
    margin-top: 8px;
  }
}

.c-service-sub-fv .service__item:not(:first-of-type) {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .service__item:not(:first-of-type) {
    margin-top: 6px;
  }
}

.c-service-sub-fv .service__item:last-of-type {
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .service__item:last-of-type {
    padding-bottom: 18px;
  }
}

.c-service-sub-fv .service__link {
  color: #004092;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .service__link {
    font-size: 1.4rem;
  }
}

.c-service-sub-fv .fv__search {
  width: 450px;
}

@media screen and (max-width: 1024px) {
  .c-service-sub-fv .fv__search {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .fv__search {
    width: 315px;
  }
}

.c-service-sub-fv .search__list {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.c-service-sub-fv .search__input {
  -webkit-box-shadow: 0 6px 18px rgba(0, 6, 146, 0.25);
  width: 450px;
  height: 76px;
  padding-left: 28px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(0, 6, 146, 0.25);
  color: #004092;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .search__input {
    width: 315px;
    height: 50px;
  }
}

.c-service-sub-fv .search__input::-webkit-input-placeholder {
  display: inline-block;
  position: relative;
  top: 0.2em;
  color: #c3c3c3;
  font-size: 2.4rem;
}

.c-service-sub-fv .search__input::-moz-placeholder {
  display: inline-block;
  position: relative;
  top: 0.2em;
  color: #c3c3c3;
  font-size: 2.4rem;
}

.c-service-sub-fv .search__input:-ms-input-placeholder {
  display: inline-block;
  position: relative;
  top: 0.2em;
  color: #c3c3c3;
  font-size: 2.4rem;
}

.c-service-sub-fv .search__input::-ms-input-placeholder {
  display: inline-block;
  position: relative;
  top: 0.2em;
  color: #c3c3c3;
  font-size: 2.4rem;
}

.c-service-sub-fv .search__input::placeholder {
  display: inline-block;
  position: relative;
  top: 0.2em;
  color: #c3c3c3;
  font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .search__input::-webkit-input-placeholder {
    font-size: 1.8rem;
  }
  .c-service-sub-fv .search__input::-moz-placeholder {
    font-size: 1.8rem;
  }
  .c-service-sub-fv .search__input:-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .c-service-sub-fv .search__input::-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .c-service-sub-fv .search__input::placeholder {
    font-size: 1.8rem;
  }
}

.c-service-sub-fv .search__block {
  display: inline-block;
  position: relative;
}

.c-service-sub-fv .search__btn {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  background-color: transparent;
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .search__btn {
    right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .c-service-sub-fv .search__btn img {
    width: 18px;
    height: 18px;
  }
}

.c-service-sub-fv .search__item {
  margin-top: 8px;
  margin-left: 6px;
}

.c-service-sub-fv .search__link {
  padding: 2px;
  border-radius: 5px;
  background-color: #9cb4bd;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
}

/**
* @file _sub-fv.scss
**/
.c-sub-fv {
  position: relative;
  width: 100%;
  height: 387px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-sub-fv {
    height: 260px;
  }
}

.c-sub-fv::before {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 6%;
  width: 5px;
  height: 106px;
  transform: rotate(16deg);
  background: #bfdb25;
  content: "";
}

@media screen and (max-width: 1024px) {
  .c-sub-fv::before {
    height: 72px;
  }
}

@media screen and (max-width: 768px) {
  .c-sub-fv::before {
    left: 10%;
    width: 3px;
    height: 66px;
  }
}

.c-sub-fv::after {
  -webkit-transform: rotate(16deg);
  display: inline-block;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 16%;
  width: 3px;
  height: 90px;
  transform: rotate(16deg);
  background: #ffb100;
  content: "";
}

@media screen and (max-width: 1024px) {
  .c-sub-fv::after {
    left: 2%;
  }
}

@media screen and (max-width: 768px) {
  .c-sub-fv::after {
    bottom: -22px;
    height: 86px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-sub-fv {
    margin-top: 80px;
  }
}

.c-sub-fv .fv__ttl {
  padding-top: 132px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .c-sub-fv .fv__ttl {
    padding-top: 60px;
  }
}

.c-sub-fv .fv__ttl--en {
  font-weight: 500;
  font-size: 6rem;
  line-height: 1.17;
  font-family: "Karla", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-sub-fv .fv__ttl--en {
    font-size: 3.4rem;
  }
}

.c-sub-fv .fv__ttl--ja {
  margin-top: 11px;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-sub-fv .fv__ttl--ja {
    margin-top: 6px;
    font-size: 1.6rem;
  }
}

/**
* @file _breadcrumb.scss
**/
.p-breadcrumb {
  padding-bottom: 25px;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1;
    font-family: "Noto Sans JP", sans-serif;
}

.p-breadcrumb__item {
  display: inline-block;
  padding: 5px 0;
}

.p-breadcrumb__item::after {
  display: inline-block;
  padding: 0 0.5em;
  content: "＞";
}

.p-breadcrumb__item:last-of-type::after {
  display: none;
}

.p-breadcrumb__link {
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
}

.p-breadcrumb--big {
  font-weight: 400;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .p-breadcrumb--big {
    font-size: 1.1rem;
  }
}

/**
* @file _recruit-btn.scss
**/
.pr-recruit-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 2px #d4d4d4;
}

.pr-recruit-btn__link:hover .pr-recruit-btn__item {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.pr-recruit-btn__link:hover .c-btn--big {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background-color: #9ec5f3;
}

.pr-recruit-btn__link:hover .c-btn--big::after {
  left: 75%;
}

.pr-recruit-btn__item {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

@media screen and (max-width: 768px) {
  .pr-recruit-btn__item {
    display: block;
    margin-bottom: -20px;
  }
}

.pr-recruit-btn__ttl {
  color: #3e4f7c;
  font-size: 3.9rem;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1024px) {
  .pr-recruit-btn__ttl {
    padding-top: 3px;
    font-size: 2.2rem;
  }
}

.pr-recruit-btn__text {
  font-size: 1.4rem;
  line-height: 2;
}

@media screen and (max-width: 1024px) {
  .pr-recruit-btn__text {
    font-size: 1rem;
  }
}

.pr-recruit-btn__arrow {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .pr-recruit-btn__arrow {
    position: relative;
    top: -30px;
    left: 230px;
  }
}