@charset "UTF-8";
/* =============================================================================


     work


============================================================================= */
.full,
.new,
.partial {
  overflow: hidden;
  padding: 120px 0;
}

.sub-mv-en._full-a {
  left: 1em;
  top: calc(100% - 1em);
  width: 380px;
}

.sub-mv-en._new-a {
  left: 1em;
  top: calc(100% - 1em);
  width: 380px;
}

.sub-mv-en._partial-a {
  left: 1em;
  top: calc(100% - 1em);
  width: 380px;
}

.works-categorys {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}

.works-categorys._s {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 32px auto;
}

.works-category {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: bold;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 110px;
}

.works-category a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.works-category a:hover {
  opacity: 0.7;
}

.works-category-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #dedede;
  border: 2px solid #abacaf;
  color: #abacaf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.works-category-link._current {
  border: 2px solid #4d4d4f;
  color: #4d4d4f;
}

.works-category-link._current._roof {
  background: #c6cf9e;
}

.works-category-link._current._hall {
  background: #d2b3cb;
}

.works-category-link._current._ldk {
  background: #ffcd67;
}

.works-category-link._current._toilet {
  background: #92cfba;
}

.works-category-link._current._other {
  background: #fbd9e1;
}

.works-category-link._current._bath {
  background: #c9e3e7;
}

.works-voice-box {
  margin-left: auto;
  margin-top: 24px;
  text-align: right;
}

.works-voice-flex {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 2em 0.5em;
}

.works-voice-flex._new {
  border-bottom: 3px solid #f59bb2;
}

.works-voice-flex._full {
  border-bottom: 3px solid #f37021;
}

.works-voice-flex._partial {
  border-bottom: 3px solid #a7c539;
}

.works-voice-icon {
  position: relative;
  width: 50px;
}

.works-voice-txt {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  margin-left: 24px;
  position: relative;
}

.works-voice-txt:before {
  border-style: solid;
  border-width: 6px 12px 6px 0;
  content: "";
  height: 0;
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
}

.works-voice-txt._full:before {
  border-color: transparent #f37021 transparent transparent;
}

.works-voice-txt._new:before {
  border-color: transparent #f59bb2 transparent transparent;
}

.works-voice-txt._partial:before {
  border-color: transparent #a7c539 transparent transparent;
}

.works-content {
  position: relative;
}

.works-list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 120px 0;
  position: relative;
  z-index: 1;
}

.works-list:nth-child(2n):before {
  content: "";
  height: 100%;
  left: 50%;
  min-width: 1200px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  z-index: -1;
}

.works-list._full:nth-child(2n):before {
  background: #f5f2ef;
}

.works-list._new:nth-child(2n):before {
  background: #fef2f5;
}

.works-list._partial:nth-child(2n):before {
  background: #f5f6e3;
}

.works-item {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: bold;
  margin-left: 60px;
  width: calc(33.33333333% - (120px / 3));
}

.works-item:nth-child(3n + 1) {
  margin-left: 0;
}

.works-item-link {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.works-item-link:hover {
  opacity: 0.7;
}

.works-item-voice {
  opacity: 0;
  visibility: hidden;
}

.works-item-voice._cr {
  opacity: 1;
  visibility: visible;
}

.works-item-img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "object-fit:cover";
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  margin-top: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.works-item-img:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* 高さを幅の75%に固定 */
}

.works-item-img img {
  font-family: "object-fit:cover";
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.works-item-img._new {
  border: 1px solid #f59bb2;
}

.works-item-img._full {
  border: 1px solid #f37021;
}

.works-item-img._partial {
  border: 1px solid #a7c539;
}

.works-item-name {
  font-size: 1.8rem;
  margin-top: 0.5em;
  text-align: center;
}

.works-item-name span {
  padding: 0 0.25em;
}

.works-item-name._full span {
  border-bottom: 3px solid #f37021;
}

.works-item-name._new span {
  border-bottom: 3px solid #f59bb2;
}

.works-item-name._partial span {
  border-bottom: 3px solid #a7c539;
}

.works-item-categorys {
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 12px auto 0;
  max-width: calc(110px * 3 + 24px);
}

.works-item-categorys .works-category {
  width: calc(33.3333333% - (24px / 3));
}

.works-item-txt {
  margin-top: 1em;
}

/* =============================================================================


     single


============================================================================= */
.work-ttlbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.work-ttl-icon {
  width: 160px;
}

.work-ttl {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 16px;
  padding-bottom: 0.25em;
  text-align: center;
}

.work-ttl._new {
  border-bottom: 5px dotted #f59bb2;
}

.work-ttl._full {
  border-bottom: 5px dotted #f37021;
}

.work-ttl._partial {
  border-bottom: 5px dotted #a7c539;
}

[class*="swiper"]:focus {
  outline: none;
}

.slide-media,
.thumb-media {
  overflow: hidden;
  position: relative;
}

.slide-media a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.slide-media a:hover {
  opacity: 0.7;
}

.slide-media img,
.thumb-media img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.swiper-button-prev,
.swiper-button-next {
  -webkit-transition: var(--transition);
  cursor: pointer;
  display: grid;
  height: 6.4rem;
  place-content: center;
  transition: var(--transition);
  width: 6.4rem;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  -webkit-box-shadow: var(--box-shadow);
  border-radius: 50%;
  bottom: 0;
  box-shadow: var(--box-shadow);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  border: solid var(--color-gray);
  border-width: 3px 3px 0 0;
  content: "";
  height: 1.2rem;
  width: 1.2rem;
}

.swiper-button-prev::after {
  -webkit-transform: rotate(-135deg);
  margin-left: 0.4rem;
  transform: rotate(-135deg);
}

.swiper-button-next::after {
  -webkit-transform: rotate(45deg);
  margin-right: 0.4rem;
  transform: rotate(45deg);
}

.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.work-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
  overflow: hidden;
}

.slide-contents {
  max-width: 720px;
}

.work-container .swiper {
  margin: auto;
  max-width: 720px;
}

.work-container .swiper {
  overflow: visible;
}

.work-container .swiper-fade .swiper-slide {
  -webkit-transition-property: opacity, -webkit-transform !important;
  pointer-events: none;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
}

.work-container .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.work-container .swiper-controller {
  left: 0;
  padding-top: 62.5%;
  position: absolute;
  top: 0;
  width: 100%;
}

.work-container .swiper-button-prev,
.work-container .swiper-button-next {
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 1;
}

.work-container .swiper-button-prev {
  right: calc(100% + 3.2rem);
}

.work-container .swiper-button-next {
  left: calc(100% + 3.2rem);
}

.work-container .slide {
  display: block;
  overflow: hidden;
}

.work-container .slide-media {
  display: block;
  padding-top: 62.5%;
}

.work-container .slide-media img {
  -o-object-fit: cover;
     object-fit: cover;
}

.thumb-wrapper {
  gap: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 26px;
}

.thumb-media {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: calc(25% - (26px * 3 / 4));
}

.thumb-media:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* 高さを幅の75%に固定 */
}

.thumb-media:hover {
  opacity: 0.7;
}

.thumb-media img {
  font-family: "object-fit:cover";
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.thumb-media-active {
  opacity: 0.3;
}

.slide-txtbox {
  font-weight: bold;
  margin-top: 60px;
}

.data {
  margin-left: 40px;
  max-width: 320px;
}

.data-voice-icon {
  display: none;
  width: 50px;
}

.data-voice-icon._cr {
  display: block;
}

.data-label {
  margin-top: 16px;
  width: 77px;
}

.data-table {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: bold;
  margin-top: 32px;
}

.data-table th {
  border-right: 1px solid #4d4d4f;
  min-width: 7em;
  padding: 4px 1em 4px 0;
  width: 7em;
}

.data-table td {
  padding: 4px 1em;
}

.secand,
.third {
  overflow: hidden;
  padding: 120px 0;
  position: relative;
}

.secand:before {
  background: repeating-linear-gradient(-45deg, #f5f2ee, #f5f2ee 5px, transparent 5px, transparent 10px);
  content: "";
  height: calc(100% - (60px + 180px));
  left: -60vw;
  position: absolute;
  top: 40px;
  width: 100vw;
}

.third:before {
  background: repeating-linear-gradient(45deg, #f5f2ee, #f5f2ee 5px, transparent 5px, transparent 10px);
  content: "";
  height: calc(100% - (60px + 180px));
  position: absolute;
  right: -60vw;
  top: 40px;
  width: 100vw;
}

.secand-container {
  margin-left: auto;
  max-width: 860px;
  padding: 0 40px 0 60px;
}

.secand-ttl span,
.third-ttl span {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
}

.secand-ttl span._new,
.third-ttl span._new {
  border-bottom: 5px dotted #f59bb2;
}

.secand-ttl span._full,
.third-ttl span._full {
  border-bottom: 5px dotted #f37021;
}

.secand-ttl span._partial,
.third-ttl span._partial {
  border-bottom: 5px dotted #a7c539;
}

.secand-imgbox,
.third-imgbox {
  gap: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 48px;
}

.secand-img,
.third-img {
  background: #fff;
  position: relative;
  width: calc(50% - (48px / 2));
}

.secand-img a,
.third-img a {
  display: block;
  height: 100%;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.secand-img a:hover,
.third-img a:hover {
  opacity: 0.7;
}

.secand-img:before,
.third-img:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* 高さを幅の75%に固定 */
}

.secand-img img,
.third-img img {
  font-family: "object-fit:cover";
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.secand-txt,
.third-txt {
  font-weight: bold;
  margin-top: 48px;
  max-width: 560px;
}

.third-container {
  margin-right: auto;
  max-width: 860px;
  padding: 0 60px 0 40px;
}

.voice {
  padding: 120px 0;
}

.voice-ttl {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  text-align: center;
}

.voice-ttl img {
  display: block;
  margin-right: 8px;
}

.voice-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}

.voice-img {
  max-width: 600px;
  width: 50%;
}

.voice-headbox {
  margin-left: 50px;
  text-align: justify;
  width: calc(50% - 50px);
}

.voice-head span {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
}

.voice-head span._new {
  border-bottom: 3px solid #f59bb2;
}

.voice-head span._full {
  border-bottom: 3px solid #f37021;
}

.voice-head span._partial {
  border-bottom: 3px solid #a7c539;
}

.voice-txt {
  font-weight: bold;
  margin-top: 48px;
}

.voice-item {
  margin-top: 40px;
}

.voice-item-ttlbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.voice-item-ttlbox._new {
  border-bottom: 3px solid #f59bb2;
  color: #f59bb2;
}

.voice-item-ttlbox._full {
  border-bottom: 3px solid #f37021;
  color: #f37021;
}

.voice-item-ttlbox._partial {
  border-bottom: 3px solid #a7c539;
  color: #a7c539;
}

.voice-item-en {
  font-family: "dinosaur", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-right: 1em;
}

.voice-item-ttl {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 2rem;
  font-weight: bold;
}

.voice-txtbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #f5f1ee;
  border-radius: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.8;
  margin-left: auto;
  margin-top: 20px;
  max-width: 860px;
  padding: 20px 20px;
  position: relative;
  width: 100%;
}

.voice-item-txt {
  display: inline;
  font-weight: bold;
  line-height: 2;
}

.voice-item-txt span {
  border-bottom: 1px dotted #4d4d4f;
}

.voice-q-head {
  line-height: 2;
  margin-top: 80px;
}

.voice-q-head span {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 2rem;
  font-weight: bold;
}

.voice-q-head span._new {
  border-bottom: 3px solid #f59bb2;
  color: #f59bb2;
}

.voice-q-head span._full {
  border-bottom: 3px solid #f37021;
  color: #f37021;
}

.voice-q-head span._partial {
  border-bottom: 3px solid #a7c539;
  color: #a7c539;
}

.voice-btnbox,
.secand-btnbox {
  margin-top: 120px;
}

.voice-txtbox::before {
  border-bottom: 25px solid #f5f1ee;
  border-left: 25px solid transparent;
  border-radius: 50%;
  border-right: 25px solid transparent;
  border-top: 25px solid transparent;
  bottom: 20px;
  content: "";
  display: block;
  height: 0;
  left: auto;
  position: absolute;
  right: -15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 0;
}

.voice-txtbox::after {
  border-bottom: 25px solid #fff;
  border-left: 25px solid transparent;
  border-radius: 50%;
  border-right: 25px solid transparent;
  border-top: 25px solid transparent;
  bottom: calc(20px + 15px);
  content: "";
  display: block;
  height: 0;
  left: auto;
  position: absolute;
  right: -25px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 0;
}

.voice-quest {
  margin: 60px auto 0;
  max-width: 1000px;
}

.voice-quest._partial {
  border: 5px solid #a7c539;
}

.voice-quest._new {
  border: 5px solid #f59bb2;
}

.voice-quest._full {
  border: 5px solid #f37021;
}

/* =============================================================================


     before


============================================================================= */
.ba {
  padding: 120px 0;
  position: relative;
}

.ba:before {
  background: #f5f4ee;
  content: "";
  font-family: "dinosaur", sans-serif;
  font-size: 8.6rem;
  font-weight: bold;
  height: calc(100% - (120px + 0.75em));
  left: 50%;
  position: absolute;
  position: absolute;
  top: calc(120px + 0.75em);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}

.ba._txt:before {
  height: calc(90% - (240px));
  top: calc(120px + 0.75em);
}

.ba._partial:before {
  background: #f7fade;
}

.ba-ttl {
  -webkit-text-stroke: 1px #f37021;
  color: rgba(0, 0, 0, 0);
  color: #0000;
  font-family: "dinosaur", sans-serif;
  font-size: 8.6rem;
  font-weight: bold;
  line-height: 1;
}

.ba-ttl._partial {
  -webkit-text-stroke: 1px #669f32;
}

.ba-list {
  margin-top: 80px;
}

.ba-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0 0;
}

.ba-item + li {
  margin-top: 60px;
}

.ba-item-box {
  position: relative;
  width: calc(50% - 80px);
}

.ba-item-ttl {
  color: #fff;
  display: inline-block;
  font-family: "dinosaur", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  padding: 0.2em 0.5em;
  position: absolute;
  top: -2.5em;
}

.ba-item-ttl._full {
  background: #f37021;
}

.ba-item-ttl._partial {
  background: #a7c539;
}

.ba-item-img {
  background: #fff;
  font-family: "dinosaur", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ba-item-img:before {
  content: "";
  display: block;
  padding-top: 72.5%;
  /* 高さを幅の75%に固定 */
}

.ba-item-img a {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.ba-item-img a:hover {
  opacity: 0.7;
}

.ba-item-img img {
  font-family: "object-fit:cover";
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ba-arrow {
  height: 5px;
  margin: auto 60px auto;
  position: relative;
  width: 40px;
}

.ba-arrow._full {
  background: #f37021;
}

.ba-arrow._full:before {
  border-right: 5px solid #f37021;
  border-top: 5px solid #f37021;
}

.ba-arrow._partial {
  background: #a7c539;
}

.ba-arrow._partial:before {
  border-right: 5px solid #a7c539;
  border-top: 5px solid #a7c539;
}

.ba-arrow:before {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 16px;
}

.ba-txtbox {
  background: #fff;
  font-weight: bold;
  margin: 80px auto 0;
  max-width: 680px;
  padding: 32px 48px;
}

@media (max-width: 750px){
  .full,
  .new,
  .partial {
    padding: 60px 0;
  }
  .sub-mv-en._full-a {
    top: calc(100% + 0em);
    width: 240px;
  }
  .sub-mv-en._new-a {
    top: calc(100% - 0.25em);
    width: 240px;
  }
  .sub-mv-en._partial-a {
    top: calc(100% + 0em);
    width: 240px;
  }
  .works-categorys {
    max-width: calc(110px * 3 + 24px);
  }
  .works-category {
    width: calc(33.333333% - 8px);
  }
  .works-voice-flex {
    padding: 0 0em 0.5em;
  }
  .works-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 80px 0;
  }
  .works-item {
    margin: auto;
    max-width: 500px;
    width: 100%;
  }
  .works-item + li {
    margin-top: 60px;
  }
  .work-ttl-icon {
    width: 120px;
  }
  .work-ttl {
    font-size: 2.4rem;
  }
  .work-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 60px;
  }
  .slide-contents {
    margin: auto;
    width: 100%;
  }
  .thumb-wrapper {
    gap: 16px;
    margin-top: 16px;
  }
  .thumb-media {
    width: calc(25% - (16px * 3 / 4));
  }
  .data {
    margin: 40px auto 0px;
  }
  .secand,
  .third {
    padding: 80px 0;
  }
  .secand:before {
    height: calc(100% - (60px + 180px));
  }
  .third:before {
    height: calc(100% - (60px + 180px));
  }
  .secand-container {
    padding: 0 16px 0 32px;
  }
  .secand-ttl span,
  .third-ttl span {
    font-size: 2.6rem;
  }
  .secand-imgbox,
  .third-imgbox {
    gap: 24px;
    margin-top: 24px;
  }
  .secand-img,
  .third-img {
    width: calc(50% - (24px / 2));
  }
  .third-container {
    padding: 0 32px 0 16px;
  }
  .voice {
    padding: 80px 0;
  }
  .voice-ttl {
    font-size: 2.6rem;
  }
  .voice-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 40px;
  }
  .voice-img {
    margin: auto;
    width: 80%;
  }
  .voice-headbox {
    margin: 32px auto 0;
    width: 80%;
  }
  .voice-head span {
    font-size: 2.2rem;
  }
  .voice-item-ttl {
    font-size: 1.8rem;
  }
  .voice-q-head {
    margin-top: 60px;
  }
  .voice-btnbox,
  .secand-btnbox {
    margin-top: 80px;
  }
  .ba {
    padding: 80px 0;
  }
  .ba:before {
    font-size: 6.2rem;
    height: calc(100% - (80px + 0.75em));
    top: calc(80px + 0.75em);
  }
  .ba._txt:before {
    height: calc(90% - (160px));
    top: calc(80px + 0.75em);
  }
  .ba-ttl {
    font-size: 6.2rem;
  }
  .ba-item + li {
    margin-top: 100px;
  }
  .ba-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px 0 0;
  }
  .ba-item-box {
    width: 100%;
  }
  .ba-item-ttl {
    margin-bottom: 24px;
    position: relative;
    top: 0;
  }
  .ba-arrow {
    height: 40px;
    margin: 30px auto;
    width: 5px;
  }
  .ba-arrow._full:before {
    border: 5px solid #f37021;
    border-right: 0;
    border-top: 0;
  }
  .ba-arrow._partial:before {
    border: 5px solid #a7c539;
    border-right: 0;
    border-top: 0;
  }
  .ba-arrow:before {
    bottom: 0%;
    left: 50%;
    right: auto;
    top: auto;
    -webkit-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotate(-45deg);
  }
}


/*# sourceMappingURL=work.css.map*/