body {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "Noto Serif JP", serif;
  word-wrap: break-all;
  word-wrap: break-word;
  width: 100%;
  min-width: 1120px;
  color: #171713;
}

.col-wht {
  color: #fff !important;
}

.col-blk {
  color: #171713 !important;
}

.col-gry0 {
  color: #e3e3e3 !important;
}

.col-gry1 {
  color: #c6c6c6 !important;
}

.col-gry2 {
  color: #7e7e7e !important;
}

.col-ylw {
  color: #dad200 !important;
}

.bg-wht {
  background-color: #fff !important;
}

.bg-blk {
  background-color: #171713 !important;
}

.bg-gry0 {
  background-color: #e3e3e3 !important;
}

.bg-gry1 {
  background-color: #c6c6c6 !important;
}

.bg-gry2 {
  background-color: #7e7e7e !important;
}

.bg-ylw {
  background-color: #dad200 !important;
}

.bg-com1 {
  background: url("/img/common/bg-01.png") center center no-repeat;
  background-size: cover;
}

.ptn-gry {
  background: url("/img/common/ptn-gry.png");
}

.ptn-wave {
  background: url("/img/common/ptn-wave.png");
}

.bg-ptn1 {
  position: relative;
  z-index: 1;
}
.bg-ptn1::before, .bg-ptn1::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1920/1103;
  background-image: url("/img/common/obj-com-top.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.bg-ptn1::after {
  aspect-ratio: 1920/1029;
  background-image: url("/img/common/obj-com-btm.png");
  background-size: cover;
  top: inherit;
  bottom: 0;
}

#sidebar {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 88;
}
#sidebar .side-recruit:hover img {
  transform: translateX(5px);
}
#sidebar .side-totop:hover img {
  opacity: 0.8;
}

.btn-ptn1 a {
  display: block;
  width: 390px;
  max-width: 100%;
  height: 80px;
  background: url("/img/common/ptn-wave.png") center center;
  border: solid 2px #171713;
  outline: solid 3px #171713;
  outline-offset: -7px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 800;
}
.btn-ptn1 a:hover {
  color: rgba(23, 23, 19, 0.8);
  outline-offset: -3px;
}

.ic-tel::before,
.ic-tel-s::before {
  content: "";
  display: inline-block;
  width: 26px;
  max-width: 100%;
  aspect-ratio: 1/1;
  background-image: url("/img/common/ic-tel.png");
  background-size: cover;
  margin-right: 5px;
}

.ic-tel-s::before {
  width: 18px;
  max-width: 100%;
}

.tri-gry-btm,
.tri-blk-btm,
.tri-blk-top {
  position: relative;
}
.tri-gry-btm::before,
.tri-blk-btm::before,
.tri-blk-top::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1920/70;
  background: url("/img/common/ptn-gry.png");
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  position: absolute;
  left: 0;
  bottom: -1px;
}

.tri-blk-top::before,
.tri-blk-btm::before {
  background: #171713;
}

.tri-blk-top::before {
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  bottom: inherit;
  top: -1px;
}

.obj-circle-tl::before {
  content: "";
  display: block;
  width: 740px;
  max-width: 100%;
  max-width: 38.5416666667%;
  aspect-ratio: 740/1103;
  background-image: url("/img/top/works-obj-01.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.obj-frame-btm::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1920/1029;
  background-image: url("/img/common/obj-com-btm.png");
  background-size: cover;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: -1;
}

.arw {
  position: relative;
}
.arw::after {
  content: "";
  display: block;
  background-image: url("/img/common/arw-blk.png");
  width: 10px;
  max-width: 100%;
  aspect-ratio: 1/1;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto 0;
  z-index: 1;
  transition: 0.3s;
}
.arw:hover::after {
  transform: translateX(-5px);
}

.paint-01, .paint-02, .paint-03 {
  position: relative;
  z-index: 1;
}
.paint-01::before, .paint-02::before, .paint-03::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.paint-01::before {
  width: 612px;
  max-width: 100%;
  aspect-ratio: 612/401;
  background-image: url("/img/common/obj-paint-01.png");
  background-size: cover;
  top: -130px;
  right: -420px;
}
.paint-02::before {
  width: 573px;
  max-width: 100%;
  aspect-ratio: 573/661;
  background-image: url("/img/common/obj-paint-02.png");
  background-size: cover;
  top: -460px;
  left: -420px;
}
.paint-03::after {
  width: 208px;
  max-width: 100%;
  aspect-ratio: 208/556;
  background-image: url("/img/common/obj-paint-03.png");
  background-size: cover;
  top: -394px;
  right: -420px;
}

.hov-opa a:hover {
  opacity: 0.8;
}
.hov-img a:hover img {
  opacity: 0.8;
}
.hov-scale a img {
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.hov-scale a:hover img {
  transform: scale(0.98);
}

.table {
  width: 100%;
}
.table-ptn1 th, .table-ptn1 td {
  line-height: 1.7;
}
.table-ptn1 th {
  width: 30%;
  color: #dad200;
  padding: 15px 4%;
}
.table-ptn1 td {
  color: #fff;
  padding: 15px 0 15px 2%;
  white-space: pre-wrap;
}
.table-ptn1 tr:not(:last-child) th, .table-ptn1 tr:not(:last-child) td {
  border-bottom: solid 1px #fff;
}

.cts-1080 {
  width: 1080px;
  margin: 0 auto;
}

.list-clm3, .list-clm4 {
  display: flex;
  flex-wrap: wrap;
}
.list-clm3 .list-item {
  width: calc(33.3333333333% - 13.3333333333px);
}
.list-clm3 .list-item:not(:nth-child(3n-2)) {
  margin-left: 20px;
}
.list-clm4 .list-item {
  width: calc(25% - 15px);
}
.list-clm4 .list-item:not(:nth-child(4n-3)) {
  margin-left: 20px;
}
.list-thumb .thumb-item {
  width: calc(16.6666666667% - 0.8333333333px);
  aspect-ratio: 1/1;
}
.list-thumb .thumb-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-thumb .thumb-item:not(:nth-child(6n-5)) {
  margin-left: 1px;
}
.list-thumb .thumb-item:nth-child(n+7) {
  margin-top: 1px;
}
.list-works .works-item {
  width: 340px;
  max-width: 100%;
  background: #171713;
  outline: solid 1px #fff;
  outline-offset: -5px;
  padding: 30px 20px 50px 20px;
}
.list-works .works-item:nth-child(n+4) {
  margin-top: 30px;
}
.list-works .ttl {
  text-align: center;
}
.list-works .img {
  margin: 25px auto;
}
.list-works .txt {
  color: #fff;
}
.list-voice .voice-item {
  background: #e3e3e3;
  padding: 40px 60px;
  outline: solid 2px #171713;
  outline-offset: -7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-voice .voice-item:not(:first-child) {
  margin-top: 30px;
}
.list-voice .img {
  width: 240px;
  max-width: 100%;
  min-width: 240px;
  aspect-ratio: 1/1;
  margin-right: 50px;
}
.list-voice .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-voice .txt-box {
  width: 100%;
}
.list-blog .blog-item {
  padding: 0 20px;
}
.list-blog .blog-item:not(:last-child) {
  border-bottom: solid 1px #171713;
  padding-bottom: 20px;
}
.list-blog .blog-item:not(:first-child) {
  margin-top: 20px;
}
.list-blog .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list-blog .com-tag-sub {
  max-width: 85%;
}
.list-blog time {
  display: block;
  text-align: right;
}
.list-blog .ttl {
  text-align: left;
  margin-top: 3px;
}
.list-schedule::before {
  content: "";
  display: block;
  width: 6px;
  height: 100%;
  background: #171713;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.list-schedule dt {
  width: 95px;
  max-width: 100%;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  border-bottom: dashed 2px #dad200;
  margin-right: 20px;
  padding-bottom: 5px;
}
.list-schedule dd {
  width: 350px;
  max-width: 100%;
}
.list-schedule .ttl {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 15px;
}
.list-schedule .txt {
  letter-spacing: 0.025em;
}
.list-schedule .scd-item {
  width: 50%;
  min-height: 110px;
  padding-left: 25px;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.list-schedule .scd-item::before {
  content: "";
  display: block;
  width: 30px;
  min-width: 30px;
  aspect-ratio: 1/1;
  background: #dad200;
  border: solid 6px #171713;
  border-radius: 50rem;
  position: absolute;
  top: 0;
  left: -15px;
}
.list-schedule .scd-item:nth-child(odd) {
  margin-left: auto;
}
.list-schedule .scd-item:nth-child(even) {
  flex-direction: row-reverse;
  padding: 0 25px 0 0;
}
.list-schedule .scd-item:nth-child(even)::before {
  left: inherit;
  right: -15px;
}
.list-schedule .scd-item:nth-child(even) dt {
  margin: 0 0 0 20px;
}
.list-schedule .scd-item:nth-child(even) .ttl {
  text-align: right;
}
.list-career .care-item:not(:first-child) {
  margin-top: 50px;
}
.list-graph {
  border-bottom: solid 3px #fff;
}
.list-graph .grp-item {
  width: 280px;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  background: repeating-linear-gradient(-45deg, #999, #999 0.7px, rgba(255, 255, 255, 0.7) 0.7px, rgba(255, 255, 255, 0.7) 7px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.list-graph .grp-item::before, .list-graph .grp-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #dad200;
  position: absolute;
  top: -10px;
  right: 0;
}
.list-graph .grp-item::after {
  width: 2px;
  height: 60px;
  top: -70px;
  right: 0;
}
.list-graph .grp-item:first-child {
  aspect-ratio: 280/150;
}
.list-graph .grp-item:first-child::before {
  width: calc(100% + 10px);
}
.list-graph .grp-item:nth-child(2) {
  aspect-ratio: 280/210;
}
.list-graph .grp-item:nth-child(2)::before {
  width: calc(100% + 10px);
}
.list-graph .grp-item:last-child {
  aspect-ratio: 280/270;
}
.list-graph .grp-item:last-child::before {
  width: calc(100% - 50px);
  left: -10px;
}
.list-graph .grp-item:last-child::after {
  content: "";
  display: block;
  width: 36px;
  max-width: 100%;
  height: inherit;
  aspect-ratio: 36/14;
  background: none;
  background-image: url("/img/voice/arw.png");
  background-size: cover;
  position: absolute;
  top: -16px;
  right: 30px;
}
.list-graph .grp-item:not(:first-child) {
  margin-left: 10px;
}
.list-graph .ttl {
  font-family: "Yuji Syuku", serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  border-bottom: solid 1px;
  margin-bottom: 15px;
}
.list-graph .year {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: 0 auto;
  text-align: center;
}
.list-check .check-item, .list-check-want .check-item {
  font-size: 20px;
  font-size: 2rem;
  display: flex;
  align-items: flex-start;
}
.list-check .check-item::before, .list-check-want .check-item::before {
  content: "";
  display: block;
  width: 14px;
  min-width: 14px;
  aspect-ratio: 1/1;
  background-image: url("/img/common/ic-check.png");
  background-size: cover;
  margin: 8px 8px 0 0;
}
.list-check .check-item:not(:first-child), .list-check-want .check-item:not(:first-child) {
  margin-top: 10px;
}
.list-check-want .check-item {
  width: 360px;
  max-width: 100%;
  text-shadow: 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713, 0 0 5px #171713;
  position: relative;
  z-index: 1;
  padding-top: 5px;
}
.list-check-want .check-item:nth-child(even) {
  margin-left: 90px;
}
.list-check-want .check-item:nth-child(n+3) {
  margin-top: 30px;
}
.list-check-want .check-item::before {
  content: "";
  width: 28px;
  min-width: 28px;
  aspect-ratio: 1/1;
  background-image: url("/img/common/ic-check-ylw.png");
  background-size: cover;
  margin: 2px 10px 0 0;
}
.list-check-want .check-item::after {
  content: "";
  display: block;
  width: 360px;
  max-width: 100%;
  aspect-ratio: 360/43;
  background-image: url("/img/recruit/marker.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  z-index: -1;
}
.list-recruit.dsp3 .table-ptn1 tr:nth-child(n+4) {
  display: none;
}

.layout-half {
  display: flex;
  justify-content: center;
}
.layout-half .half-item {
  min-width: calc(50% - 20px);
}
.layout-half .half-item:nth-child(even) {
  margin-left: 40px;
}

.overframe {
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}
.overframe .frame {
  width: 100%;
  margin: 0 auto;
}
.overframe .ctn {
  width: 100%;
  max-width: 1080px;
}

.com-tag-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.com-tag-main .tag-item {
  margin: 5px;
}
.com-tag-main .tag-link {
  display: block;
  background: #dad200;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  padding: 10px 40px;
}
.com-tag-main .tag-link:hover {
  opacity: 0.8;
}
.com-tag-sub {
  display: flex;
  flex-wrap: wrap;
}
.com-tag-sub .tag-item {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
  background: #dad200;
  padding: 3px 5px 5px 5px;
  margin: 0 5px 5px 0;
}
.com-gmap {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1920/330;
}
.com-gmap iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.com-info {
  background: url("/img/common/info-bg.png") center center no-repeat;
  background-size: cover;
}
.com-info .wrp-bnr::before, .com-info .wrp-bnr::after, .com-info .wrp-contact::before, .com-info .wrp-contact::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.com-info .wrp-bnr::before {
  width: 622px;
  max-width: 100%;
  aspect-ratio: 622/570;
  background-image: url("/img/common/info-obj-01.png");
  background-size: cover;
  top: -80px;
  left: -420px;
}
.com-info .wrp-bnr::after {
  width: 208px;
  max-width: 100%;
  aspect-ratio: 208/556;
  background-image: url("/img/common/obj-paint-03.png");
  background-size: cover;
  top: -330px;
  right: -420px;
}
.com-info .wrp-contact {
  margin-top: 60px;
}
.com-info .wrp-contact .ttl {
  margin-bottom: 30px;
}
.com-info .wrp-contact .contact-item {
  padding: 60px 20px;
  outline: solid 1px #fff;
  outline-offset: -5px;
}
.com-info .wrp-contact .contact-item .inner {
  margin-top: 35px;
}
.com-info .wrp-contact .com-tel {
  border-right: solid 1px #7e7e7e;
  padding-right: 20px;
}
.com-info .wrp-contact .btn a {
  width: 210px;
  max-width: 100%;
  height: 52px;
  outline: none;
  border: none;
}
.com-info .wrp-contact .com-tel:not(:first-child), .com-info .wrp-contact .sns-link:not(:first-child), .com-info .wrp-contact .btn-box:not(:first-child), .com-info .wrp-contact .btn:not(:first-child) {
  margin-left: 30px;
}
.com-info .wrp-contact::before {
  width: 457px;
  max-width: 100%;
  aspect-ratio: 457/138;
  background-image: url("/img/common/info-obj-02.png");
  background-size: cover;
  left: -420px;
  bottom: -130px;
}
.com-info .wrp-contact::after {
  width: 351px;
  max-width: 100%;
  aspect-ratio: 351/480;
  background-image: url("/img/common/info-obj-03.png");
  background-size: cover;
  right: -420px;
  bottom: -130px;
}

.ttl-main {
  font-family: "Yuji Syuku", serif;
  font-size: 70px;
  font-size: 7rem;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713, 0 0 7px #171713;
  position: relative;
  z-index: 1;
  margin-bottom: 80px;
}
.ttl-main::first-letter {
  color: #dad200;
}
.ttl-main::after {
  content: "";
  display: block;
  width: 378px;
  max-width: 100%;
  aspect-ratio: 730/230;
  background-image: url("/img/common/obj-brush-blk.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
.ttl-main.obj-brs-wht::after {
  aspect-ratio: 378/110;
  background-image: url("/img/common/obj-brush-wht.png");
  background-size: cover;
}
.ttl-sub {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  border-left: solid #171713 6px;
  border-bottom: solid 1px #7e7e7e;
  padding: 10px 0 15px 20px;
  margin-bottom: 30px;
}

nav .nav-item {
  line-height: 1;
}
nav .nav-link {
  color: #fff;
}

.txt-plain {
  line-height: 1.875;
}

.out-wht {
  background: #171713;
  outline: solid 1px #fff;
  outline-offset: -5px;
}

.out-blk {
  background: #e3e3e3;
  outline: solid 1px #171713;
  outline-offset: -5px;
  padding: 60px 8%;
}

header#header .sns-link {
  width: 40px;
  max-width: 100%;
}
header#header .slider-img {
  width: 100%;
}

.hdbar {
  padding: 20px 1.56%;
}

.logo-hd {
  width: 260px;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 1.56%;
  bottom: 0;
  margin: auto 0;
}

#hd-nav .nav-item:not(:first-child) {
  border-left: solid 1px #fff;
  padding-left: 20px;
  margin-left: 20px;
}

.mv-top .wrp-cc {
  width: 705px;
  max-width: 100%;
  max-width: 36.71875%;
  position: absolute;
  top: 0;
  left: 13.54%;
  bottom: 0;
  margin: auto 0;
}
.mv-top .wrp-cc .cc-item2 {
  margin-top: 5%;
}
.mv-top::before, .mv-top::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1920/407;
  background-image: url("/img/top/mv-obj-top.png");
  background-size: cover;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.mv-top::after {
  aspect-ratio: 1920/755;
  background-image: url("/img/top/mv-obj-btm.png");
  background-size: cover;
  top: inherit;
  bottom: 0;
}

.mv-lower {
  width: 100%;
  aspect-ratio: 1920/420;
}
.mv-lower h2 {
  width: 730px;
  max-width: 100%;
  max-width: 38.0208333333%;
  font-size: 70px;
  font-size: 3.6458333333vw;
  letter-spacing: 0;
  margin-left: 16.67%;
}
.mv-lower h2::after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 730/230;
  background-image: url("/img/common/obj-brush-blk.png");
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
.mv-lower::before, .mv-lower::after {
  content: "";
  display: block;
  height: 100%;
  aspect-ratio: 1045/420;
  background-image: url("/img/common/sv-obj-01.png");
  background-size: cover;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.mv-lower::after {
  aspect-ratio: 942/420;
  background-image: url("/img/common/sv-obj-02.png");
  background-size: cover;
  left: inherit;
  right: 0;
}
.mv-lower.bg-works {
  background: url("/img/works/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-voice {
  background: url("/img/voice/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-recruit {
  background: url("/img/recruit/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-company {
  background: url("/img/company/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-blog {
  background: url("/img/blog/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-contact {
  background: url("/img/contact/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-privacy {
  background: url("/img/privacy/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-sitemap {
  background: url("/img/sitemap/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-e404 {
  background: url("/img/e404/sv.png") center center no-repeat;
  background-size: cover;
}
.mv-lower.bg-complete {
  background: url("/img/complete/sv.png") center center no-repeat;
  background-size: cover;
}

#ctn-top article {
  padding: 130px 0;
}
#ctn-top h2 {
  margin-bottom: 60px;
}

.top-works .cts-1080::after {
  content: "";
  display: block;
  width: 411px;
  max-width: 100%;
  aspect-ratio: 411/776;
  background-image: url("/img/top/works-obj-02.png");
  background-size: cover;
  position: absolute;
  top: -474px;
  right: -420px;
  z-index: -1;
}
.top-works .btn {
  margin-top: 60px;
}

.top-voice .btn-ptn1 {
  margin-top: 60px;
}

.top-blog {
  padding: 80px 0 !important;
}
.top-blog .wrp {
  padding: 50px 60px;
  background: rgba(255, 255, 255, 0.9);
  border: solid 4px #171713;
  outline: solid 2px #171713;
  outline-offset: -8px;
}
.top-blog h2 {
  margin-bottom: 0 !important;
}
.top-blog .ttl-item, .top-blog .list-blog {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.top-blog .cts-1080::before, .top-blog .cts-1080::after {
  content: "";
  display: block;
  height: calc(100% + 160px);
  aspect-ratio: 576/511;
  background-image: url("/img/top/blog-obj-01.png");
  background-size: cover;
  position: absolute;
  left: -420px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: -1;
}
.top-blog .cts-1080::after {
  aspect-ratio: 1191/511;
  background-image: url("/img/top/blog-obj-02.png");
  background-size: cover;
  left: inherit;
  right: -420px;
}

#ctn-lower article {
  padding: 100px 0;
}
#ctn-lower .list-works {
  display: block;
}
#ctn-lower .list-works .works-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
}
#ctn-lower .list-works .works-item:not(:first-child) {
  margin-top: 30px;
}
#ctn-lower .list-works .img {
  margin: 0;
}
#ctn-lower .list-works .inner {
  width: 610px;
  max-width: 100%;
  margin-left: 40px;
}
#ctn-lower .list-works .ttl {
  text-align: left;
  margin-bottom: 30px;
}
#ctn-lower .com-info .wrp-contact {
  margin: 0 0 80px 0;
}
#ctn-lower .com-info .wrp-bnr::before {
  top: -100px;
}
#ctn-lower .com-info .wrp-bnr::after {
  top: -400px;
}

.works-schedule .wrp {
  padding: 60px 20px;
}

.voice-career .wrp {
  padding: 70px 80px 90px 80px;
}

.voice-com-info .wrp-bnr::before, .voice-com-info .wrp-bnr::after {
  content: none;
}

.recruit-tbl h4 {
  font-family: "Yuji Syuku", serif;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 500;
  text-align: center;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  margin-bottom: 40px;
}
.recruit-tbl .recruit-item:not(:first-child) {
  margin-top: 30px;
}
.recruit-tbl .tbl-box {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}
.recruit-tbl .out-wht {
  padding: 60px 8%;
}
.recruit-tbl .btn {
  margin-top: 30px;
}

.company-info .out-wht {
  padding: 60px 8%;
}
.company-info .paint-03::after {
  background-image: url("/img/common/obj-paint-04.png");
  background-size: cover;
}

footer#footer {
  padding: 80px 0;
}
footer#footer .info-item {
  margin: 30px 0;
}

#ft-nav {
  margin-top: 50px;
}
#ft-nav .nav-item:not(:first-child):not(:nth-child(6)) {
  border-left: solid 1px #fff;
  padding-left: 20px;
  margin-left: 20px;
}
#ft-nav .nav-item:nth-child(n+6) {
  margin-top: 15px;
}
#ft-nav .nav-link {
  font-size: 14px;
  font-size: 1.4rem;
}