@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 12, footer.scss */
footer { margin-top: 100px; background: url("../img/cmn/footBg.webp") repeat-x top center #191919; padding-top: 90px; }
@media only screen and (max-width: 750px) { /* line 12, footer.scss */
  footer { margin-top: 60px; padding-top: 60px; } }
/* line 14, footer.scss */
footer #footer { color: #fff; }
/* line 15, footer.scss */
footer #footer #footId { width: 380px; margin: auto; }
@media only screen and (max-width: 750px) { /* line 15, footer.scss */
  footer #footer #footId { width: 320px; } }
/* line 16, footer.scss */
footer #footer #footId a { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative; }
/* line 17, footer.scss */
footer #footer #footId a small { font-size: 13px; letter-spacing: .035em; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); margin: auto; z-index: 10; bottom: calc(100% + 1em); white-space: nowrap; }
@media only screen and (max-width: 750px) { /* line 17, footer.scss */
  footer #footer #footId a small { font-size: 12px; bottom: calc(100% + .5em); } }
/* line 18, footer.scss */
footer #footer #footId a span { width: 12.5%; line-height: 1; }
/* line 19, footer.scss */
footer #footer #footId a em { width: 82%; line-height: 1; }
@media only screen and (max-width: 750px) { /* line 20, footer.scss */
  footer #footer #footId a span, footer #footer #footId a em { position: relative; /*left: -.2em;*/ } }
/* line 23, footer.scss */
footer #footer .add { margin-top: .25em; }
@media only screen and (max-width: 750px) { /* line 23, footer.scss */
  footer #footer .add { margin-top: .5em; font-size: 12px; } }
/* line 24, footer.scss */
footer #footer .add a { color: #fff; text-decoration: underline; }
/* line 26, footer.scss */
footer #footer .contactSec { margin-top: 1.75em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
@media only screen and (max-width: 750px) { /* line 26, footer.scss */
  footer #footer .contactSec { margin-top: 1em; } }
/* line 27, footer.scss */
footer #footer .contactSec .tit { font-size: 18px; width: 100%; margin-bottom: .5em; }
@media only screen and (max-width: 750px) { /* line 27, footer.scss */
  footer #footer .contactSec .tit { font-size: 15px; line-height: 1.6; margin-bottom: 1em; } }
/* line 28, footer.scss */
footer #footer .contactSec .tit em { position: relative; }
/* line 29, footer.scss */
footer #footer .contactSec .tit em::before, footer #footer .contactSec .tit em::after { content: ""; width: 1px; height: 25px; background: #fff; position: absolute; top: 50%; }
@media only screen and (max-width: 750px) { /* line 29, footer.scss */
  footer #footer .contactSec .tit em::before, footer #footer .contactSec .tit em::after { height: 40px; top: 25%; display: none; } }
/* line 30, footer.scss */
footer #footer .contactSec .tit em::before { right: calc(100% + .25em); transform: rotate(-25deg) translateY(-50%); transform-origin: bottom right; }
/* line 31, footer.scss */
footer #footer .contactSec .tit em::after { left: calc(100% + .25em); transform: rotate(25deg) translateY(-50%); transform-origin: bottom left; }
/* line 34, footer.scss */
footer #footer .contactSec .tel { font-size: 40px; }
@media only screen and (max-width: 750px) { /* line 34, footer.scss */
  footer #footer .contactSec .tel { font-size: 32px; } }
/* line 35, footer.scss */
footer #footer .contactSec .tel a { color: #fff; }
/* line 40, footer.scss */
footer #footer .contactSec .contact { font-size: 18px; width: 250px; margin-left: 3em; }
@media only screen and (max-width: 750px) { /* line 40, footer.scss */
  footer #footer .contactSec .contact { font-size: 17px; margin-left: 0; margin-top: 1em; } }
/* line 41, footer.scss */
footer #footer .contactSec .contact a { border: 1px solid white; border-radius: 25px; padding: 0 2em; color: #fff; width: 100%; }
/* line 42, footer.scss */
footer #footer .contactSec .contact a i { margin-right: .5em; }
/* line 51, footer.scss */
footer #footer nav#footNav { margin-top: 2.5em; text-align: left; }
@media only screen and (max-width: 750px) { /* line 51, footer.scss */
  footer #footer nav#footNav { margin-top: 1.5em; display: none; } }
/* line 52, footer.scss */
footer #footer nav#footNav > ul.listWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: flex-start; }
@media only screen and (max-width: 750px) { /* line 52, footer.scss */
  footer #footer nav#footNav > ul.listWrap { width: 90%; margin: auto; justify-content: space-between; } }
/* line 53, footer.scss */
footer #footer nav#footNav > ul.listWrap > li { font-size: 15px; }
@media only screen and (max-width: 750px) { /* line 53, footer.scss */
  footer #footer nav#footNav > ul.listWrap > li { font-size: 14px; line-height: 1.8; width: 48%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } }
/* line 54, footer.scss */
footer #footer nav#footNav > ul.listWrap > li:not(:last-child) { margin-right: 2em; }
@media only screen and (max-width: 750px) { /* line 54, footer.scss */
  footer #footer nav#footNav > ul.listWrap > li:not(:last-child) { margin-right: 0; } }
/* line 55, footer.scss */
footer #footer nav#footNav > ul.listWrap > li a { color: #fff; padding-left: 1.5em; position: relative; }
@media only screen and (max-width: 750px) { /* line 55, footer.scss */
  footer #footer nav#footNav > ul.listWrap > li a { padding-block: .5em; } }
/* line 56, footer.scss */
footer #footer nav#footNav > ul.listWrap > li a::before { content: "\f0a9"; font-family: "Font Awesome 6 Pro"; font-weight: 100; position: absolute; top: .1em; left: 0; }
/* line 60, footer.scss */
footer #footer nav#footNav > ul.listWrap > li ul li { display: block; font-size: 15px; }
@media only screen and (max-width: 750px) { /* line 60, footer.scss */
  footer #footer nav#footNav > ul.listWrap > li ul li { font-size: 13px; line-height: 1.8; } }
/* line 64, footer.scss */
footer #footer nav#footNav > ul.listWrap li.service > a, footer #footer nav#footNav > ul.listWrap li.works > a, footer #footer nav#footNav > ul.listWrap li.recruit > a { padding-left: 0; }
@media only screen and (max-width: 750px) { /* line 64, footer.scss */
  footer #footer nav#footNav > ul.listWrap li.service > a, footer #footer nav#footNav > ul.listWrap li.works > a, footer #footer nav#footNav > ul.listWrap li.recruit > a { padding-bottom: 0; } }
/* line 65, footer.scss */
footer #footer nav#footNav > ul.listWrap li.service > a::before, footer #footer nav#footNav > ul.listWrap li.works > a::before, footer #footer nav#footNav > ul.listWrap li.recruit > a::before { content: none; }
/* line 143, footer.scss */
footer #footer .copyright { font-size: 12px; font-family: "Outfit", sans-serif; font-weight: 600; padding: 3em 0; width: 95%; margin: 3em auto 0; border-top: 1px solid rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 750px) { /* line 143, footer.scss */
  footer #footer .copyright { font-size: 11px; margin-top: 2.5em; padding: 2em 0; } }

/* line 149, footer.scss */
#page-top { position: fixed; bottom: 220px; right: 20px; z-index: 10; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; text-indent: 100%; white-space: nowrap; }
/* line 150, footer.scss */
#page-top a { display: block; width: 100%; height: 100%; background: #1c2e84; }
/* line 151, footer.scss */
#page-top a:hover { opacity: 0.7; }
/* line 152, footer.scss */
#page-top a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; top: calc(50% - 4px); width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); }

@media only screen and (max-width: 750px) { /* line 161, footer.scss */
  #page-top { bottom: 50px; right: 5px; width: 40px; height: 40px; } }
