@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
.c-sp {
  display: none;
}
/* reCAPTCHAの「プライバシー・利用規約」element */
.grecaptcha-badge {
  /* レイヤーを要素の「上」に揃えるため */
  z-index: 2;
}
.footer {
  background: #000d1b;
  padding: 0 40px 30px;
  position: relative;
}
.footer:before {
  background: #012043;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.footer__path {
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 50px;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  margin: 0 auto;
  max-width: 1078px;
  position: relative;
  z-index: 10;
  padding: 8px 0;
}
.footer__path li {
  height: 28px;
}
.footer__path li a {
  font-size: 0;
  color: #999;
  transition: color 0.2s ease;
}
.footer__path li a img {
  height: 29px;
  width: 140px;
}
.footer__path li a:hover {
  color: #fff;
}
.footer__path li a:active {
  color: #999;
}
.footer__path li:nth-of-type(1) ~ li {
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 78px;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.footer__path li:nth-of-type(1) ~ li a,
.footer__path li:nth-of-type(1) ~ li strong {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  position: relative;
}
.footer__path li:nth-of-type(1) ~ li a:after,
.footer__path li:nth-of-type(1) ~ li a:before,
.footer__path li:nth-of-type(1) ~ li strong:after,
.footer__path li:nth-of-type(1) ~ li strong:before {
  background: #999;
  bottom: 0;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  transition: background .2s ease;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  width: 10px;
}
.footer__path li:nth-of-type(1) ~ li a:after,
.footer__path li:nth-of-type(1) ~ li strong:after {
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.footer__path li:nth-of-type(1) ~ li strong {
  color: #fff;
}
.footer__path li:nth-of-type(1) ~ li a:hover:after,
.footer__path li:nth-of-type(1) ~ li a:hover:before {
  background: #fff;
}
.footer__path li:nth-of-type(1) ~ li a:active:after,
.footer__path li:nth-of-type(1) ~ li a:active:before {
  background: #999;
}
.footer__path--top {
  margin-bottom: -75px;
}
.footer__path--top li a img {
  position: static !important;
}
.footer__nav {
  color: #ccc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 1078px;
  padding: 47px 0 0;
}
.footer__nav p {
  padding-top: 15px;
}
.footer__nav a {
  color: #999;
  transition: color 0.2s ease;
  font-size: 1.4rem;
  line-height: 1.3;
}
.footer__nav a:hover {
  color: #fff;
}
.footer__nav a:active {
  color: #999;
}
.footer__nav--label {
  display: none;
}
.footer__nav--list {
  max-width: 238px;
  text-align: left;
  width: 25%;
  color: #ccc;
}
.footer__nav--list dd {
  color: #999;
}
.footer__nav--list dd .footer_tel {
  word-break: keep-all;
}
.footer__nav--list dt {
  color: #ccc;
}
.footer__nav--list dt a {
  font-size: 16px;
}
.footer__nav--list .ttl {
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 500;
}
.footer__nav--list dt.ebook,
.footer__nav--list dt.casestudy {
  margin-top: 40px;
}
.footer__nav--list dt.blog {
  margin-top: 40px;
}
.footer__nav dt {
  font-size: 16px;
  font-size: 1.5rem;
  line-height: 1.5em;
  margin: 0 0 4px;
  font-weight: 600;
}
.footer__nav dd {
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0.5em;
}
.footer__nav dd li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1em;
}
.footer__nav dd .line-h{
  line-height: 1.3;
}
.footer__contact {
  margin: 0 auto 56px;
  max-width: 1078px;
}
.footer__contact a {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #999;
  box-sizing: border-box;
  color: #999;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  height: 56px;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0 0 0 auto;
  padding: 0 0 0 16px;
  position: relative;
  transition: color 0.2s ease, border 0.2s ease;
  width: 238px;
}
.footer__contact a:after,
.footer__contact a:before {
  background: #999;
  bottom: 0;
  content: "";
  height: 1px;
  margin: auto;
  position: absolute;
  right: 16px;
  top: 0;
  transition: background 0.2s ease;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  width: 10px;
}
.footer__contact a:after {
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.footer__contact a:hover {
  border-color: #fff;
  color: #fff;
}
.footer__contact a:hover:after,
.footer__contact a:hover:before {
  background: #fff;
}
.footer__contact a:active {
  border-color: #999;
  color: #999;
}
.footer__contact a:active:after,
.footer__contact a:active:before {
  background: #999;
}
.footer__sns {
  font-size: 0;
  height: 24px;
  margin: 0 auto -28px;
  max-width: 1078px;
  text-align: right;
}
.footer__sns img {
  height: 17px;
}
.footer__sns li {
  display: inline-block;
}
.footer__sns--twitter {
  margin: 0 30px 0 0;
}
.footer__sns--facebook {
  margin: 0 30px 0 0;
}
.footer__sns--youtube {
  margin: 0 116px 0 0;
}
.footer__sitenav {
  font-size: 0;
  height: 24px;
  margin: 0 auto;
  max-width: 1078px;
  text-align: center;
}
.footer__sitenav img {
  height: 17px;
}
.footer__sitenav li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 16px 0 0;
}
.footer__sitenav a {
  color: #999;
  transition: color 0.2s ease;
}
.footer__sitenav a:hover {
  color: #fff;
}
.footer__sitenav a:active {
  color: #999;
}
.footer__copyright {
  color: #666;
  display: block;
  font-size: 10px;
  font-size: 1rem;
  line-height: 18px;
  margin: 0 auto 0;
  max-width: 1078px;
  text-align: center;
  position: relative;
  z-index: 11;
}
.footer__copyright a {
    color: #666;
}
.footer__copyright a:hover {
    color: #fff;
}
.footer__copyright br {
  line-height: 1em;
}
.top_link {
  position: fixed;
  right: 42px;
  bottom: 92px;
  opacity: 0;
  z-index: 2;
  -webkit-transition: 0.5s opacity;
  -moz-transition: 0.5s opacity;
  -o-transition: 0.5s opacity;
  -ms-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
.top_link a {
  display: block;
  height: 72px;
  width: 72px;
  border-radius: 36px;
  background-color: #0050a0;
  text-align: center;
  box-shadow: 0px 3px 0px rgba(0,0,0,0.3);
}
.top_link a i {
  color: #ffffff;
  font-family: "FontAwesome";
  font-size: 48px;
  font-style: inherit;
  line-height: 1.5;
  position: relative;
  top: -2px;
}
.top_link a:hover {
  background-color: #0078c8;
  text-decoration: none;
}
.top_link a:hover i {
  color: #969ba0;
  text-decoration: none;
}
.footer .footer_under .footer_logo .img_area {
  width: 320px;
  margin: 0 auto 33px;
}
.footer .footer_under .footer_sns {
  width: 211px;
  margin: 0 auto 18px;
  display: flex;
  justify-content: space-between;
}
.footer .footer_under .footer_sns img {
  width: 100%;
  display: block;
}
.footer .footer_under .footer_sns .img_twitter_box {
  width: 38px;
}
.footer .footer_under .footer_sns .img_facebook_box {
  width: 32px;
}
.footer .footer_under .footer_sns .img_youtube_box {
  width: 42px;
}
.footer .footer_under .footer_sns .img_tiktok_box {
  width: 27px;
}
.footer .footer_under .footer_nav {
  width: fit-content;
  margin: 0 auto 20px;
  display: flex;
  justify-content: space-between;
  gap: 0 16px;
}
.footer .footer_under .footer_nav li a {
  font-size: 12px;
  color: #999999;
}
.footer .footer_under .footer_license {
  width: 297px;
  margin: 0 auto 8px;
  display: flex;
  justify-content: space-between;
}
.footer .footer_under .footer_license img {
  width: 100%;
  display: block;
}
.footer .footer_under .footer_license .img_privacy_box {
  width: 72px;
}
.footer .footer_under .footer_license .img_isms_box {
  width: 132px;
}
.footer .footer_under .footer_license .img_jpx_box {
  width: 61px;
}
.footer .footer_under .cpright {
  width: 522px;
  margin: 0 auto;
  text-align: center;
}
.footer .footer_under .cpright .caution {
  font-size: 10px;
  color: #666666;
  line-height: 1.8;
  letter-spacing: 0.3px;
}
.footer .footer_under .cpright .caution a {
  color: #666666;
}
.footer .footer_under .cpright .caution a:hover {
  color: #fff;
}


@media screen and (max-width: 767px) {
  .c-pc {
    display: none;
  }
  .c-sp {
    display: block;
  }
  .footer {
    padding: 0 9% 20px;
  }
  .footer__path {
    box-sizing: border-box;
    height: auto;
    margin-bottom: -35px;
    min-height: 30px;
    padding: 80px 40px 16px;
  }
  .footer__path li {
    height: 20px;
    margin: 0 16px 20px 0;
  }
  .footer__path li a {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 12px;
    padding: 6px 0 4px 0;
  }
  .footer__path li a img {
    left: 40px;
    position: absolute;
    top: 28px;
  }
  .footer__path li:nth-of-type(1) ~ li {
    margin: 0 16px 10px 0;
  }
  .footer__path li:nth-of-type(1) ~ li a,
  .footer__path li:nth-of-type(1) ~ li strong {
    font-size: 1.4rem;
  }
  .footer__path--top {
    padding: 0;
  }
  .footer__path--top li {
    height: 28px;
  }
  .footer__path--top li a {
    padding: 0;
  }
  .footer__nav {
    display: block;
    padding: 28px 0 0;
  }
  .footer__nav p {
    padding: 15px 0;
  }
  .footer__nav p.add_padding {
    padding: 30px 0;
  }
  .footer__nav--label,
  .footer__nav--btn {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid #fff;
    color: #999;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 1.4rem;
    height: 40px;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative;
    text-align: left;
    transition: color 0.2s ease, margin 1ms 0.3s linear;
  }
  .footer__nav--label a,
  .footer__nav--btn a {
    display: block;
    width: 100%;
  }
  .footer__nav--label:after,
  .footer__nav--label:before {
    background: #999;
    bottom: 0;
    content: "";
    height: 1px;
    margin: auto;
    position: absolute;
    right: 28px;
    top: 0;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    width: 15px;
  }
  .footer__nav--label:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .footer__nav--label + dl {
    border-top: 1px dotted #ccc;
    display: none;
    margin-bottom: 40px;
  }
  .footer__nav--label + dl dt {
    padding: 28px 0 0;
  }
  .footer__nav--label[data-status=current] {
    color: #fff;
    transition: color 0.2s ease, margin 1ms 0s linear;
  }
  .footer__nav--label[data-status=current]:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .footer__nav--label[data-status=current]:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .footer__nav--label04 + dl {
    display: block;
  }
  .footer__nav--address {
    display: block;
  }
  .footer__nav--list .ttl {
    font-size: 1.6rem;
  }
  .footer__nav--list {
    max-width: 1078px;
    width: 100%;
  }
  /* リンクなしのタイトルはSPでは非表示 */
  .footer__nav--nolinktitle {
    display: none;
  }
  .footer__nav--corporate dd,
  .footer__nav--recruit dd {
    margin: 18px 0 0 10px;
  }
  .footer__nav--corporate dd li,
  .footer__nav--recruit dd li {
    margin: 14px 0 0;
  }
  .footer__nav--service {
    border-top: 1px solid #fff;
    margin: 40px 0 70px;
  }
  .footer__nav--service dt {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 70px;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .footer__nav--address dd {
    margin: 0 0 20px;
  }
  .footer__nav--address dd.osaka {
    margin: 0 0 20px;
  }
  .footer__contact a {
    padding: 0 0 0 28px;
    width: auto;
  }
  .footer__sns {
    margin: 0 0 20px;
  }
  .footer__sitenav {
    height: auto;
    margin: 0 0 20px 0;
  }
  .footer__sitenav li {
    margin: 0 12px 0 0;
  }
  .top_link {
    right: 20px;
    bottom: 20px;
  }
  .top_link a {
    height: 55px;
    width: 55px;
  }
  .top_link a i {
    font-size: 34px;
    top: 0;
  }
  /* footer */
  .footer .footer_under .footer_logo .img_area {
    width: 216px;
  }
  .footer .footer_under .footer_nav {
    width: 307px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 38px;
  }
  .footer .footer_under .footer_license {
    margin: 0 auto 14px;
  }
  .footer .footer_under .cpright {
    width: 308px;
  }
}
@media screen and (max-width: 960px) {
  .footer__sns--twitter {
    margin: 0 10px 0 0;
  }
  .footer__sns--facebook {
    margin: 0 14px 0 0;
  }
  .footer__sns--youtube {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .footer__nav dd {
    margin: 0 0 22px;
  }
  .footer__nav dd ul {
    margin: 10px 0 0;
  }
  .footer__nav dd li {
    margin: 10px 0 0;
  }
  .shown_tab_sp {
    display: none }
}
@media screen and (max-width: 767px){
  .hidden_tb_sp {
    display: none;
  }
  .footer__nav dd .line-h {
    line-height: 1em;
  }
}
@media screen and (max-width: 428px){
  .footer {
    padding: 0 9% 30px;
  }
  .footer__nav {
    margin-bottom: 30px;
  }
  .footer .footer_under.tab_sp .tab_sp_sns_area {
    flex-direction: column;
    margin-bottom: 24px;
  }
  .footer .footer_under.tab_sp .tab_sp_sns_area .img_gc_box {
    margin: 0 auto 32px;
  }
  .footer .footer_under.tab_sp .tab_sp_sns_area .snslogo {
    justify-content: center;
  }
  .footer .footer_under.tab_sp .tab_sp_rights_nav {
    width: 94%;
    flex-wrap: wrap;
    margin: 0 auto 17px;
  }
  .footer .footer_under.tab_sp .tab_sp_rights_nav li {
    margin-bottom: 10px;
  }
  .footer .footer_under.tab_sp .tab_sp_rights_nav li:nth-child(2) {
    margin-right: 0;
  }
  .footer .footer_under.tab_sp .tab_sp_certification_area {
    margin-bottom: 30px;
  }
}
/*フッターの文字色を修正するために暫定で下記のスタイルを適用しています。*/
.footer__copyright {
  color: #666;
  display: block;
  font-size: 10px;
  font-size: 1rem;
  line-height: 18px;
  margin: 0 auto 0;
  max-width: 1078px;
  text-align: center;
  position: relative;
  z-index: 11;
}
.footer__copyright a {
    color: #666;
}
.footer__copyright a:hover {
    color: #fff;
}
/*ここまで*/