@charset "UTF-8";
.loop_text {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  mix-blend-mode: plus-lighter;
}
@media screen and (min-width: 1920px) {
  #page-top .loop_text {
    bottom: 570px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-top .loop_text {
    bottom: 29.6875vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-top .loop_text {
    bottom: calc(399.21875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  #page-top .loop_text {
    bottom: calc(210 / 390 * 100vw);
  }
}
#page-people .loop_text {
  z-index: 2;
}
@media screen and (min-width: 1920px) {
  #page-people .loop_text {
    bottom: -88px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-people .loop_text {
    bottom: -4.5833333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-people .loop_text {
    bottom: calc(-54.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  #page-people .loop_text {
    bottom: calc(-14 / 390 * 100vw);
  }
}
#page-peopleSingle .loop_text {
  z-index: 2;
}
@media screen and (min-width: 1920px) {
  #page-peopleSingle .loop_text {
    top: 10px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-peopleSingle .loop_text {
    top: 0.5208333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-peopleSingle .loop_text {
    top: calc(-32.8125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  #page-peopleSingle .loop_text {
    top: calc(-50 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .fjd-head .loop_text {
    bottom: -50px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .fjd-head .loop_text {
    bottom: -2.6041666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .fjd-head .loop_text {
    bottom: calc(-43.75 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .fjd-head .loop_text {
    bottom: calc(-30 / 390 * 100vw);
  }
}
.loop_textWrap {
  display: flex;
  align-items: center;
  width: 200%;
  height: 100%;
}
@media screen and (min-width: 1920px) {
  .loop_textWrap {
    gap: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .loop_textWrap {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 768px) {
  .loop_textWrap {
    animation: loop1 20s linear infinite;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .loop_textWrap {
    gap: calc(21.875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .loop_textWrap {
    gap: calc(20 / 390 * 100vw);
    animation: loop1_sp 15s linear infinite;
  }
}
.loop_textWrap .item {
  display: inline-block;
  width: auto;
  flex: 0 0 auto;
  white-space: nowrap;
  background: linear-gradient(81deg, rgba(129, 139, 154, 0.06) 0%, rgba(0, 90, 190, 0.06) 73.27%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1920px) {
  .loop_textWrap .item {
    font-size: 180px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .loop_textWrap .item {
    font-size: max(10px, 9.375vw);
  }
}
@media (min-width: 768px) {
  .loop_textWrap .item {
    letter-spacing: -0.04em;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .loop_textWrap .item {
    font-size: max(12px, 153.125 / 1400 * 100vw);
    letter-spacing: -0.04em;
  }
}
@media (max-width: 767px) {
  .loop_textWrap .item {
    font-size: max(10px, 100 / 390 * 100vw);
    letter-spacing: -0.04em;
  }
}
@media screen and (min-width: 1920px) {
  .page-fjd .loop_textWrap .item {
    font-size: 110px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .page-fjd .loop_textWrap .item {
    font-size: max(10px, 5.7291666667vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .page-fjd .loop_textWrap .item {
    font-size: max(12px, 98.4375 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .page-fjd .loop_textWrap .item {
    font-size: max(10px, 80 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .loop_textWrap .item:nth-child(even) {
    margin-right: 100px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .loop_textWrap .item:nth-child(even) {
    margin-right: 5.2083333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .loop_textWrap .item:nth-child(even) {
    margin-right: calc(109.375 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .loop_textWrap .item:nth-child(even) {
    margin-right: calc(70 / 390 * 100vw);
  }
}

@keyframes loop1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes loop1_sp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.breadcrumbs {
  position: absolute;
}
@media screen and (min-width: 1920px) {
  .breadcrumbs {
    top: 132px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .breadcrumbs {
    top: 6.875vw;
  }
}
@media screen and (min-width: 1920px) {
  .breadcrumbs {
    right: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .breadcrumbs {
    right: 2.0833333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .breadcrumbs {
    right: calc(21.875 / 1400 * 100vw);
    top: 94px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    width: 100vw;
    overflow-x: scroll;
    top: calc(62 / 390 * 100vw);
  }
}
.breadcrumbs_list {
  display: flex;
  justify-content: flex-end;
  font-weight: 500;
}
@media screen and (min-width: 1920px) {
  .breadcrumbs_list {
    font-size: 13px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .breadcrumbs_list {
    font-size: max(10px, 0.6770833333vw);
  }
}
@media screen and (min-width: 1401px) and (max-width: 1800px) {
  .breadcrumbs_list {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .breadcrumbs_list {
    font-size: max(12px, 12.03125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .breadcrumbs_list {
    width: -moz-fit-content;
    width: fit-content;
    padding: calc(12 / 390 * 100vw) calc(10 / 390 * 100vw);
    margin-left: auto;
    font-size: max(10px, 10 / 390 * 100vw);
  }
}
.breadcrumbs_item {
  white-space: nowrap;
}
.breadcrumbs_link {
  color: rgba(48, 50, 52, 0.5);
}
.breadcrumbs_separator {
  color: #0057BE;
}
@media screen and (min-width: 1920px) {
  .breadcrumbs_separator {
    margin-left: 6px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .breadcrumbs_separator {
    margin-left: 0.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .breadcrumbs_separator {
    margin-right: 6px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .breadcrumbs_separator {
    margin-right: 0.3125vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .breadcrumbs_separator {
    margin: 0 calc(6.5625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .breadcrumbs_separator {
    margin: 0 calc(6 / 390 * 100vw);
  }
}
.breadcrumbs a {
  transition: color 0.3s;
}
@media (min-width: 768px) {
  .breadcrumbs a:hover {
    color: #303234;
  }
}
.breadcrumbs + #main_visual {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .breadcrumbs + #main_visual {
    margin-top: 20px;
  }
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
}

.fjd-downloadSidebnr {
  position: fixed;
  z-index: 999;
  bottom: 80px;
  left: 0;
  width: 116px;
  background-color: rgba(230, 230, 230, 0.9);
  padding: 15px;
  display: none;
}
.fjd-downloadSidebnr_img {
  width: 86px;
  margin-bottom: 10px;
}
.fjd-downloadSidebnr_text {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.55px;
  text-align: center;
  color: #0a0a0a;
  padding: 0 5px;
}
.fjd-downloadSidebnr_text span {
  display: block;
}
.fjd-downloadSidebnr:hover {
  opacity: 0.6;
}

.slider-card {
  position: relative;
  z-index: 1;
}
.top-architecture_wrap .slider-card, .top-journalArticle .slider-card, .peopleSingle-page .slider-card, .page-fjd .slider-card {
  overflow: hidden;
}
@media (min-width: 768px) {
  .slider-card {
    padding-top: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
  }
}
.slider-card_photo {
  overflow: hidden;
}
@media screen and (min-width: 1920px) {
  .slider-card_photo {
    height: 333px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_photo {
    height: 17.34375vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_photo {
    height: calc(243.90625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_photo {
    height: calc(208 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .peopleSingle_workproject .slider-card_photo, .fjd-project .slider-card_photo {
    height: 600px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .peopleSingle_workproject .slider-card_photo, .fjd-project .slider-card_photo {
    height: 31.25vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .peopleSingle_workproject .slider-card_photo, .fjd-project .slider-card_photo {
    height: calc(439.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .peopleSingle_workproject .slider-card_photo, .fjd-project .slider-card_photo {
    height: calc(312 / 390 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_articleList .slider-card_photo {
    aspect-ratio: 1/1;
    height: auto;
  }
}
@media (min-width: 768px) {
  .slider-card_photo.min {
    height: calc(145.46875 / 1400 * 100vw);
    min-height: calc(145.46875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_photo.min {
    aspect-ratio: auto;
    height: calc(80 / 390 * 100vw);
    min-height: calc(80 / 390 * 100vw);
  }
}
.slider-card_photo img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider-card_text {
  background-color: #fff;
}
@media screen and (min-width: 1920px) {
  .slider-card_text {
    padding-top: 16px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_text {
    padding-top: 0.8333333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_text {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_text {
    padding-bottom: 1.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_text {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_text {
    padding-left: 1.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_text {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_text {
    padding-right: 1.0416666667vw;
  }
}
@media (min-width: 1920px) {
  .slider-card_text {
    height: calc(100% - 333px);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_text {
    padding-top: calc(17.5 / 1400 * 100vw);
    padding-bottom: calc(15.3125 / 1400 * 100vw);
    padding-left: calc(15.3125 / 1400 * 100vw);
    padding-right: calc(15.3125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_text {
    padding: calc(12 / 390 * 100vw) calc(10 / 390 * 100vw);
  }
}
.slider-card_text.slider_overlay {
  background-color: transparent;
}
.top-journal .slider-card_text, .peopleSingle_slider .slider-card_text, .sub-page_section .slider-card_text, .page-fjd .slider-card_text, .columnSearch .slider-card_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1920px) {
  .top-journal .slider-card_text, .peopleSingle_slider .slider-card_text, .sub-page_section .slider-card_text, .page-fjd .slider-card_text, .columnSearch .slider-card_text {
    gap: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .top-journal .slider-card_text, .peopleSingle_slider .slider-card_text, .sub-page_section .slider-card_text, .page-fjd .slider-card_text, .columnSearch .slider-card_text {
    gap: 1.0416666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .top-journal .slider-card_text, .peopleSingle_slider .slider-card_text, .sub-page_section .slider-card_text, .page-fjd .slider-card_text, .columnSearch .slider-card_text {
    gap: calc(19.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .top-journal .slider-card_text, .peopleSingle_slider .slider-card_text, .sub-page_section .slider-card_text, .page-fjd .slider-card_text, .columnSearch .slider-card_text {
    gap: calc(10 / 390 * 100vw);
  }
}
.peopleSingle_workproject .slider-card_text, .fjd-project .slider-card_text {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  color: #fff;
  height: -moz-fit-content;
  height: fit-content;
}
.peopleSingle_workproject .slider-card_text .text, .fjd-project .slider-card_text .text {
  line-height: 1.8;
}
@media screen and (min-width: 1920px) {
  .peopleSingle_workproject .slider-card_text .text, .fjd-project .slider-card_text .text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .peopleSingle_workproject .slider-card_text .text, .fjd-project .slider-card_text .text {
    font-size: max(10px, 0.8333333333vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .peopleSingle_workproject .slider-card_text .text, .fjd-project .slider-card_text .text {
    line-height: 1.6;
    font-size: max(12px, 13.125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .peopleSingle_workproject .slider-card_text .text, .fjd-project .slider-card_text .text {
    line-height: 1.6;
    font-size: max(10px, 11 / 390 * 100vw);
  }
}
.peopleSingle_slider .slider-card_text .text {
  width: 96%;
}
.slider-card_text .text.line1, .slider-card_text .text.line2, .slider-card_text .text.line3 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.slider-card_text .text.line1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: auto;
}
.slider-card_text .text.line2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 3.5em;
}
@media (max-width: 767px) {
  .page-fjd .sub-page_articleItem .slider-card_text .text.line2 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    height: 7em;
  }
}
.peopleSingle_workproject .peopleSingle_slider .slider-card_text .text.line2 {
  height: auto;
}
.slider-card_title {
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: inline;
  line-height: 1.7;
  /* 語尾を3点リーダーに */
}
@media screen and (min-width: 1920px) {
  .slider-card_title {
    font-size: 18px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_title {
    font-size: max(10px, 0.9375vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_title {
    font-size: max(12px, 15.3125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_title {
    font-size: max(10px, 13 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .top-architecture .slider-card_title {
    font-size: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .top-architecture .slider-card_title {
    font-size: max(10px, 1.0416666667vw);
  }
}
@media screen and (min-width: 1920px) {
  .peopleSingle_workproject .slider-card_title {
    font-size: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .peopleSingle_workproject .slider-card_title {
    font-size: max(10px, 1.0416666667vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .peopleSingle_workproject .slider-card_title {
    font-size: max(12px, 17.5 / 1400 * 100vw);
  }
}
.slider-card_title.line1, .slider-card_title.line2, .slider-card_title.line3 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.slider-card_title.line1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: auto;
}
.slider-card_title.line2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 3.5em;
}
@media (max-width: 767px) {
  .page-fjd .sub-page_articleItem .slider-card_title.line2 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    height: 7em;
  }
}
.peopleSingle_workproject .peopleSingle_slider .slider-card_title.line2 {
  height: auto;
}
.slider-card_category {
  display: grid;
  grid-auto-columns: 1fr;
}
@media screen and (min-width: 1920px) {
  .slider-card_category {
    gap: 3px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_category {
    gap: 0.15625vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_category {
    margin-top: 14px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_category {
    margin-top: 0.7291666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_category {
    gap: calc(3.28125 / 1400 * 100vw);
    margin-top: calc(15.3125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_category {
    gap: calc(3 / 390 * 100vw);
    margin-top: calc(10 / 390 * 100vw);
  }
}
.slider-card_category .label,
.slider-card_category .text {
  display: block;
}
@media screen and (min-width: 1920px) {
  .slider-card_category .label {
    font-size: 11px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_category .label {
    font-size: max(10px, 0.5729166667vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_category .label {
    font-size: max(12px, 12.03125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_category .label {
    font-size: max(10px, 10 / 390 * 100vw);
  }
}
.slider-card_category .text {
  color: #818B9A;
}
@media screen and (min-width: 1920px) {
  .slider-card_category .text {
    font-size: 11px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_category .text {
    font-size: max(10px, 0.5729166667vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_category .text {
    font-size: max(12px, 12.03125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_category .text {
    font-size: max(10px, 10 / 390 * 100vw);
  }
}
.slider-card_textInner {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1920px) {
  .slider-card_textInner {
    gap: 12px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_textInner {
    gap: 0.625vw;
  }
}
@media (min-width: 768px) {
  .slider-card_textInner {
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_textInner {
    gap: calc(6.5625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_textInner {
    gap: calc(8 / 390 * 100vw);
  }
}
@media (max-width: 767px) {
  .top-journalArticle .slider-card_textInner, .page-fjd .slider-card_textInner, #contents .slider-card_textInner, .peopleSingle_slider .slider-card_textInner {
    flex-direction: initial;
    gap: calc(10 / 390 * 100vw);
    align-items: center;
  }
}
@media (max-width: 767px) {
  .columnLatest_item .slider-card_textInner {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .columnSearch .slider-card_textInner {
    flex-direction: column;
  }
}
.slider-card_categoryFlame {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content !important;
  height: fit-content !important;
  color: #0057BE;
  border: #0057BE solid 1px;
  background-color: #fff;
  border-radius: 80px;
}
@media screen and (min-width: 1920px) {
  .slider-card_categoryFlame {
    font-size: 14px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_categoryFlame {
    font-size: max(10px, 0.7291666667vw);
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_categoryFlame {
    bottom: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_categoryFlame {
    bottom: 1.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_categoryFlame {
    left: 137px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_categoryFlame {
    left: 7.1354166667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_categoryFlame {
    padding-top: 5px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_categoryFlame {
    padding-top: 0.2604166667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_categoryFlame {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_categoryFlame {
    padding-bottom: 0.2604166667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_categoryFlame {
    padding-left: 8px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_categoryFlame {
    padding-left: 0.4166666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_categoryFlame {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_categoryFlame {
    padding-right: 0.4166666667vw;
  }
}
@media (min-width: 768px) {
  .slider-card_categoryFlame {
    transition: all 0.3s ease-out;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_categoryFlame {
    font-size: max(12px, 12.03125 / 1400 * 100vw);
    bottom: calc(15.3125 / 1400 * 100vw);
    left: calc(125.78125 / 1400 * 100vw);
    padding: calc(5.46875 / 1400 * 100vw) calc(8.75 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_categoryFlame {
    font-size: max(10px, 11 / 390 * 100vw);
    bottom: calc(10 / 390 * 100vw);
    left: calc(100 / 390 * 100vw);
    padding: calc(5 / 390 * 100vw) calc(8 / 390 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .slider-card_categoryFlame {
    left: 8px;
    font-size: 11px;
  }
}
.slider-card_categoryFlame.blue {
  background-color: #0057BE;
  color: #fff;
}
.slider-card_categoryFlame:empty {
  background-color: transparent;
  border: none;
}
.slider-card_bn {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content !important;
  height: fit-content !important;
  color: #fff;
  background-color: #303234;
  border-radius: 80px;
}
@media screen and (min-width: 1920px) {
  .slider-card_bn {
    font-size: 14px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_bn {
    font-size: max(10px, 0.7291666667vw);
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_bn {
    bottom: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_bn {
    bottom: 1.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_bn {
    left: 137px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_bn {
    left: 7.1354166667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_bn {
    padding-top: 5px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_bn {
    padding-top: 0.2604166667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_bn {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_bn {
    padding-bottom: 0.2604166667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_bn {
    padding-left: 8px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_bn {
    padding-left: 0.4166666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-card_bn {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_bn {
    padding-right: 0.4166666667vw;
  }
}
@media (min-width: 768px) {
  .slider-card_bn {
    transition: all 0.3s ease-out;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_bn {
    font-size: max(12px, 12.03125 / 1400 * 100vw);
    bottom: calc(15.3125 / 1400 * 100vw);
    left: calc(125.78125 / 1400 * 100vw);
    padding: calc(5.46875 / 1400 * 100vw) calc(8.75 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_bn {
    font-size: max(10px, 11 / 390 * 100vw);
    bottom: calc(10 / 390 * 100vw);
    left: calc(100 / 390 * 100vw);
    padding: calc(5 / 390 * 100vw) calc(8 / 390 * 100vw);
  }
  .archive .slider-card_bn {
    width: 82%;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .slider-card_bn {
    left: 8px;
    font-size: 11px;
  }
}
.slider-cardItem {
  position: relative;
  height: initial;
}
@media screen and (min-width: 1920px) {
  .slider-cardItem {
    width: 500px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-cardItem {
    width: 26.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-cardItem {
    min-width: 500px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-cardItem {
    min-width: 26.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-cardItem {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-cardItem {
    margin-right: 1.5625vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-cardItem {
    width: calc(366.40625 / 1400 * 100vw);
    height: initial;
    min-width: calc(366.40625 / 1400 * 100vw);
    margin-right: calc(21.875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-cardItem {
    width: calc(312 / 390 * 100vw);
    min-width: calc(312 / 390 * 100vw);
    margin-right: calc(18 / 390 * 100vw);
  }
}
.slider-cardItem a {
  display: block;
  height: 100%;
  background-color: #fff;
}
@media screen and (min-width: 1920px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    width: 600px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    width: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    min-width: 600px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    min-width: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    height: 600px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    height: 31.25vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    width: calc(439.6875 / 1400 * 100vw);
    height: calc(439.6875 / 1400 * 100vw);
    min-width: calc(439.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .peopleSingle_workproject .slider-cardItem, .fjd-project .slider-cardItem {
    width: calc(312 / 390 * 100vw);
    height: calc(312 / 390 * 100vw);
    min-width: calc(312 / 390 * 100vw);
  }
}
.slider-card_date {
  color: #818B9A;
}
@media screen and (min-width: 1920px) {
  .slider-card_date {
    font-size: 14px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-card_date {
    font-size: max(10px, 0.7291666667vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-card_date {
    font-size: max(12px, 13.125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-card_date {
    font-size: max(10px, 11 / 390 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .slider-card_date {
    font-size: 11px;
  }
}
.bg-wrapper .slider-card_date {
  color: #fff;
}
@media (max-width: 767px) {
  .fjd-body .slider-card_date, .page-fjd.archive .slider-card_date, .columnSearch .slider-card_date {
    order: 3;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-banner {
    gap: calc(21.875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-banner {
    gap: calc(18 / 390 * 100vw);
  }
}
.slider-banner a {
  display: block;
}
@media screen and (min-width: 1920px) {
  .slider-banner_item {
    width: 290px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-banner_item {
    width: 15.1041666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .slider-banner_item {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-banner_item {
    margin-right: 1.5625vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-banner_item {
    width: calc(240.625 / 1400 * 100vw);
    margin-right: calc(19.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-banner_item {
    width: calc(180 / 390 * 100vw);
    min-width: calc(180 / 390 * 100vw);
    margin-right: calc(20 / 390 * 100vw);
  }
}
.slider-banner_item a {
  display: block;
}
.slider-section {
  position: relative;
}
.slider-section_center {
  position: relative;
}
.slider-tag {
  color: #818B9A;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1920px) {
  .slider-tag {
    font-size: 14px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-tag {
    font-size: max(10px, 0.7291666667vw);
  }
}
@media screen and (min-width: 1920px) {
  .slider-tag {
    gap: 12px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-tag {
    gap: 0.625vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-tag {
    gap: calc(13.125 / 1400 * 100vw);
    font-size: max(12px, 13.125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-tag {
    gap: calc(10 / 390 * 100vw);
    font-size: max(10px, 11 / 390 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .slider-tag {
    font-size: 11px;
  }
}

.play-btn,
.pause-btn {
  transition: all 0.3s;
}
@media screen and (min-width: 1920px) {
  .play-btn,
  .pause-btn {
    width: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .play-btn,
  .pause-btn {
    width: 2.0833333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .play-btn,
  .pause-btn {
    height: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .play-btn,
  .pause-btn {
    height: 2.0833333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .play-btn,
  .pause-btn {
    width: calc(38.28125 / 1400 * 100vw);
    height: calc(38.28125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .play-btn,
  .pause-btn {
    width: calc(26 / 390 * 100vw);
    height: calc(26 / 390 * 100vw);
  }
}

.play-btn {
  display: none;
}

.slider-controls {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1920px) {
  .slider-controls {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .slider-controls {
    margin-right: 1.0416666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .slider-controls {
    margin-right: calc(21.875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .slider-controls {
    margin-right: calc(10 / 390 * 100vw);
  }
}
@media (min-width: 768px) {
  .topMv-container .slider-controls {
    position: absolute;
    bottom: 20px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .topMv-container .slider-controls {
    position: absolute;
    bottom: calc(-30 / 390 * 100vw);
    right: calc(10 / 390 * 100vw);
    margin-right: 0;
  }
}
@media screen and (min-width: 1920px) {
  .top-architecture_wrap .slider-controls, .top-journal .slider-controls, .peopleSingle-page .slider-controls, .page-fjd .slider-controls, .architect_gallery .slider-controls, .top-specialBanner .slider-controls, .fjd_slider-main .slider-controls {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .top-architecture_wrap .slider-controls, .top-journal .slider-controls, .peopleSingle-page .slider-controls, .page-fjd .slider-controls, .architect_gallery .slider-controls, .top-specialBanner .slider-controls, .fjd_slider-main .slider-controls {
    margin-top: 0.78125vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .top-architecture_wrap .slider-controls, .top-journal .slider-controls, .peopleSingle-page .slider-controls, .page-fjd .slider-controls, .architect_gallery .slider-controls, .top-specialBanner .slider-controls, .fjd_slider-main .slider-controls {
    margin-top: calc(16.40625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .top-architecture_wrap .slider-controls, .top-journal .slider-controls, .peopleSingle-page .slider-controls, .page-fjd .slider-controls, .architect_gallery .slider-controls, .top-specialBanner .slider-controls, .fjd_slider-main .slider-controls {
    margin-top: calc(15 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .fjd_slider-main .slider-controls {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .fjd_slider-main .slider-controls {
    margin-top: 0.5208333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .fjd_slider-main .slider-controls {
    margin-top: calc(10.9375 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .fjd_slider-main .slider-controls {
    margin-top: calc(5 / 390 * 100vw);
  }
}
@media (max-width: 767px) {
  .page-fjd .fjd-project_slider .slider-controls {
    margin-right: calc(30 / 390 * 100vw);
  }
}
.tag-slider .slider-controls {
  position: absolute;
  margin: 0;
}
@media screen and (min-width: 1920px) {
  .tag-slider .slider-controls {
    right: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .tag-slider .slider-controls {
    right: 1.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .tag-slider .slider-controls {
    bottom: 10px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .tag-slider .slider-controls {
    bottom: 0.5208333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .tag-slider .slider-controls {
    right: calc(21.875 / 1400 * 100vw);
    bottom: calc(10.9375 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .tag-slider .slider-controls {
    right: calc(10 / 390 * 100vw);
    bottom: calc(10 / 390 * 100vw);
  }
}

/* スライド間隔の設定 */
@media screen and (min-width: 1921px) {
  .swiper-container .swiper-slide {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1920px) {
  .swiper-container .swiper-slide {
    margin-right: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .swiper-container .swiper-slide {
    margin-right: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .swiper-container .swiper-slide {
    margin-right: 4.6153846154vw;
  }
}
/* スライダー非表示時にナビゲーションとコントロールを非表示 */
.slider-static-dual .slider-static ~ .swiper-button-prev, .slider-static-dual .slider-static ~ .swiper-button-next,
.slider-static-triple .slider-static ~ .swiper-button-prev,
.slider-static-triple .slider-static ~ .swiper-button-next {
  display: none !important;
}
.slider-static-dual .slider-static + .slider-controls,
.slider-static-triple .slider-static + .slider-controls {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 1920px) {
  #page-top .section-header {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-top .section-header {
    margin-top: 5.2083333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-top .section-header {
    margin-top: calc(87.5 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  #page-top .section-header {
    margin-top: calc(50 / 390 * 100vw);
  }
}
#page-people .section-header {
  margin: auto;
}
@media screen and (min-width: 1920px) {
  #page-people .section-header {
    width: 764px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-people .section-header {
    width: 39.7916666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-people .section-header {
    width: calc(835.625 / 1400 * 100vw);
    transform: translateX(calc(65.625 / 1400 * 100vw));
  }
}
@media (max-width: 767px) {
  #page-people .section-header {
    width: calc(350 / 390 * 100vw);
    transform: translateY(calc(-12 / 390 * 100vw));
  }
}
.section-header_catch {
  font-weight: 500;
}
@media screen and (min-width: 1920px) {
  .section-header_catch {
    font-size: 18px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .section-header_catch {
    font-size: max(10px, 0.9375vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section-header_catch {
    font-size: max(12px, 16.40625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .section-header_catch {
    font-size: max(10px, 13 / 390 * 100vw);
    line-height: calc(23.4 / 390 * 100vw);
  }
}
#page-top .section-header_catch {
  color: #0057BE;
}
@media screen and (min-width: 1920px) {
  .section-header_lead {
    font-size: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .section-header_lead {
    font-size: max(10px, 2.0833333333vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section-header_lead {
    font-size: max(12px, 37.1875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .section-header_lead {
    font-size: max(10px, 28 / 390 * 100vw);
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1920px) {
  #page-top .section-header_lead {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-top .section-header_lead {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-top .section-header_lead {
    margin-top: calc(35 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  #page-top .section-header_lead {
    margin-top: calc(30 / 390 * 100vw);
  }
}
.section-header_text {
  font-weight: 500;
}
@media screen and (min-width: 1920px) {
  .section-header_text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .section-header_text {
    font-size: max(10px, 0.9375vw);
  }
}
@media screen and (min-width: 1920px) {
  .section-header_text {
    line-height: 39.6px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .section-header_text {
    line-height: 2.0625vw;
  }
}
@media screen and (min-width: 1920px) {
  .section-header_text {
    max-width: 850px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .section-header_text {
    max-width: 44.2708333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section-header_text {
    font-size: max(12px, 15.3125 / 1400 * 100vw);
    line-height: calc(30.625 / 1400 * 100vw);
    max-width: calc(765.625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .section-header_text {
    font-size: max(10px, 13 / 390 * 100vw);
    line-height: calc(28 / 390 * 100vw);
    letter-spacing: -0.001em;
  }
}
@media screen and (min-width: 1920px) {
  #page-top .top-people .section-header_text, #page-top .top-solution .section-header_text, #page-people .section-header_text {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-top .top-people .section-header_text, #page-top .top-solution .section-header_text, #page-people .section-header_text {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-top .top-people .section-header_text, #page-top .top-solution .section-header_text, #page-people .section-header_text {
    margin-top: calc(65.625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  #page-top .top-people .section-header_text, #page-top .top-solution .section-header_text, #page-people .section-header_text {
    margin-top: calc(40 / 390 * 100vw);
  }
}
#page-top .top-architectureInner .section-header_text {
  color: #F1F3F5;
}
@media screen and (min-width: 1920px) {
  #page-top .top-architectureInner .section-header_text {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  #page-top .top-architectureInner .section-header_text {
    margin-top: 3.125vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #page-top .top-architectureInner .section-header_text {
    margin-top: calc(54.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  #page-top .top-architectureInner .section-header_text {
    margin-top: calc(50 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_section .section-header_text {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_section .section-header_text {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_section .section-header_text {
    margin-top: calc(32.8125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_section .section-header_text {
    margin-top: calc(40 / 390 * 100vw);
  }
}
@media (max-width: 767px) {
  .page-fjd .section-header_text {
    margin-top: calc(20 / 390 * 100vw);
  }
}
@media (max-width: 767px) {
  .fmag .section-header_text {
    margin-top: calc(30 / 390 * 100vw);
  }
}
.fjd-projectInner .section-header_text {
  color: #FFF;
}
@media screen and (min-width: 1920px) {
  .fjd-projectInner .section-header_text {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .fjd-projectInner .section-header_text {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .fjd-projectInner .section-header_text {
    margin-top: calc(32.8125 / 1400 * 100vw);
  }
}
.archive-head .section-header_text {
  position: relative;
}
@media screen and (min-width: 1920px) {
  .archive-head .section-header_text {
    margin-left: 30px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-head .section-header_text {
    margin-left: 1.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .archive-head .section-header_text {
    padding-left: 30px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-head .section-header_text {
    padding-left: 1.5625vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-head .section-header_text {
    margin-left: calc(21.875 / 1400 * 100vw);
    padding-left: calc(21.875 / 1400 * 100vw);
  }
}
@media (min-width: 768px) {
  .archive-head .section-header_text:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #818B9A;
    position: absolute;
    left: 0;
  }
}
@media (min-width: 768px) {
  .section-header_text.with-image {
    display: flex;
  }
}
.section-header_text.with-image .image {
  height: auto;
}
@media screen and (min-width: 1920px) {
  .section-header_text.with-image .image {
    width: 160px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .section-header_text.with-image .image {
    width: 8.3333333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .section-header_text.with-image .image {
    margin-left: 100px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .section-header_text.with-image .image {
    margin-left: 5.2083333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .section-header_text.with-image .image {
    width: calc(175 / 1400 * 100vw);
    margin-left: calc(78.75 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .section-header_text.with-image .image {
    width: calc(160 / 390 * 100vw);
    height: auto;
    margin-top: calc(30 / 390 * 100vw);
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.sub-page_header {
  margin: auto;
}
@media screen and (min-width: 1920px) {
  .sub-page_header {
    padding-top: 130px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_header {
    padding-top: 6.7708333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_header {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_header {
    padding-bottom: 6.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_header {
    width: 1640px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_header {
    width: 85.4166666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_header {
    padding: calc(87.5 / 1400 * 100vw) 0;
    width: calc(1268.75 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_header {
    padding: calc(16 / 390 * 100vw) 0 calc(50 / 390 * 100vw);
    width: calc(370 / 390 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_sectionHead {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .archive-head .sub-page_sectionHead {
    display: flex;
    align-items: flex-end;
  }
}
.sub-page_sectionInner {
  margin: auto;
  position: relative;
}
@media screen and (min-width: 1920px) {
  .sub-page_sectionInner {
    width: 1520px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_sectionInner {
    width: 79.1666666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_sectionInner {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_sectionInner {
    padding-top: 4.1666666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_sectionInner {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_sectionInner {
    padding-bottom: 4.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_sectionInner {
    width: calc(1225 / 1400 * 100vw);
    padding-top: calc(65.625 / 1400 * 100vw);
    padding-bottom: calc(65.625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_sectionInner {
    width: calc(350 / 390 * 100vw);
    padding-top: calc(40 / 390 * 100vw);
    padding-bottom: calc(40 / 390 * 100vw);
  }
}
#page-architect .sub-page_sectionInner {
  width: 100%;
}
.sub-page_sectionWrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.sub-page_articleList {
  display: grid;
}
@media screen and (min-width: 1920px) {
  .sub-page_articleList {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_articleList {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_articleList {
    gap: 31px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_articleList {
    gap: 1.6145833333vw;
  }
}
@media (min-width: 768px) {
  .sub-page_articleList {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_articleList {
    margin-top: calc(43.75 / 1400 * 100vw);
    gap: calc(28.4375 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_articleList {
    margin-top: calc(20 / 390 * 100vw);
    grid-template-columns: repeat(2, 1fr);
    gap: calc(16 / 390 * 100vw);
  }
}
.sub-page_articleList .slider-cardItem {
  width: auto;
  min-width: auto;
  margin-right: 0;
}
.sub-page_articleItem {
  display: block;
  position: relative;
  height: initial;
}
@media (min-width: 768px) {
  .hideItem-4 .sub-page_articleItem:nth-child(n+4) {
    display: none;
  }
}
@media (max-width: 767px) {
  .hideItem-4 .sub-page_articleItem:nth-child(n+3) {
    display: none;
  }
}
.sub-page #contents-wrap {
  display: block;
}

.sub-page-wrapper {
  position: relative;
  margin: auto;
  display: flex;
  justify-content: space-between;
  width: 1250px;
}
@media screen and (min-width: 1920px) {
  .sub-page-wrapper {
    gap: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page-wrapper {
    gap: 4.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page-wrapper {
    width: calc(1225 / 1400 * 100vw);
    gap: calc(65.625 / 1400 * 100vw);
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .sub-page-wrapper {
    flex-direction: column;
    width: calc(350 / 390 * 100vw);
  }
}
.sub-page-wrapper #side + #main {
  padding: 0;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page-wrapper #side + #main {
    width: calc(743.75 / 1400 * 100vw);
  }
}

.sub-page_section {
  position: relative;
}
@media screen and (min-width: 1920px) {
  .sub-page_section {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_section {
    padding-top: 4.1666666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_section {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_section {
    margin-top: 6.25vw;
  }
}
.sub-page_section:first-child {
  margin-top: 0;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_section {
    margin-top: calc(95.15625 / 1400 * 100vw);
    padding-top: calc(63.4375 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_section {
    margin-top: calc(60 / 390 * 100vw);
    padding-top: calc(40 / 390 * 100vw);
  }
}
.sub-page_section.download {
  padding-top: 0;
}
@media screen and (min-width: 1920px) {
  .column_contents .sub-page_section.download {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .column_contents .sub-page_section.download {
    margin-top: 6.25vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .column_contents .sub-page_section.download {
    margin-top: calc(95.15625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .column_contents .sub-page_section.download {
    margin-top: calc(60 / 390 * 100vw);
  }
}
.sub-page_section.fmag {
  padding-top: 0;
}
@media screen and (min-width: 1920px) {
  .column_contents .sub-page_section.fmag {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .column_contents .sub-page_section.fmag {
    margin-top: 6.25vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .column_contents .sub-page_section.fmag {
    margin-top: calc(95.15625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .column_contents .sub-page_section.fmag {
    margin-top: calc(60 / 390 * 100vw);
  }
}
.sub-page_section.fjd-toTop {
  padding-top: 0;
}
@media screen and (min-width: 1920px) {
  .sub-page_section.fjd-toTop {
    margin-top: 0px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_section.fjd-toTop {
    margin-top: 0vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_section.fjd-toTop {
    margin-top: calc(0 / 1400 * 100vw);
  }
}

@media screen and (min-width: 1920px) {
  .main + .fmag {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .main + .fmag {
    margin-top: 6.25vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .main + .fmag {
    margin-top: calc(95.15625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .main + .fmag {
    margin-top: calc(60 / 390 * 100vw);
  }
}

.sub-page_section.download + .sub-page_section.fmag {
  margin-top: 0;
}
@media (max-width: 767px) {
  .sub-page_section.download + .sub-page_section.fmag {
    margin-top: calc(40 / 390 * 100vw);
  }
}

.mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  background-color: rgba(48, 50, 52, 0.92);
  z-index: 999;
  display: none;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.mobile-nav_inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-nav_link {
  display: flex;
  flex-direction: column;
  gap: calc(16 / 390 * 100vw);
  padding: calc(30 / 390 * 100vw) 0;
}
.mobile-nav_item {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.mobile-nav_item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.mobile-nav_list {
  padding: 0 calc(34 / 390 * 100vw);
}
.mobile-nav_text {
  color: #818B9A;
  display: block;
  text-align: center;
  font-size: max(10px, 24 / 390 * 100vw);
}
.mobile-nav_text-ja {
  color: #fff;
  display: block;
  text-align: center;
  font-size: max(10px, 13 / 390 * 100vw);
}

@media screen and (min-width: 1920px) {
  .archive {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive {
    padding-top: 3.125vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive {
    padding-top: calc(47.03125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive {
    padding-top: calc(40 / 390 * 100vw);
  }
}
.archive-head {
  margin: auto;
}
@media screen and (min-width: 1920px) {
  .archive-head {
    width: 1520px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-head {
    width: 79.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-head {
    width: calc(1225 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive-head {
    width: calc(350 / 390 * 100vw);
  }
}
.archive-body {
  position: relative;
}
@media screen and (min-width: 1920px) {
  .archive-body {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-body {
    padding-bottom: 5.2083333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-body {
    padding-bottom: calc(65.625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive-body {
    padding-bottom: calc(80 / 390 * 100vw);
  }
}
.archive-body:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-color: #F1F3F5;
}
@media screen and (min-width: 1920px) {
  .archive-body:before {
    top: 400px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-body:before {
    top: 20.8333333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-body:before {
    top: calc(328.125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive-body:before {
    top: calc(250 / 390 * 100vw);
  }
}
.archive-bodyInner {
  margin: auto;
  position: relative;
}
@media screen and (min-width: 1920px) {
  .archive-bodyInner {
    width: 1520px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-bodyInner {
    width: 79.1666666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .archive-bodyInner {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-bodyInner {
    padding-top: 1.0416666667vw;
  }
}
@media screen and (min-width: 1920px) {
  .archive-bodyInner {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-bodyInner {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-bodyInner {
    width: calc(1225 / 1400 * 100vw);
    padding-top: calc(21.875 / 1400 * 100vw);
    margin-top: calc(63.4375 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive-bodyInner {
    width: calc(350 / 390 * 100vw);
    padding-top: calc(20 / 390 * 100vw);
    margin-top: calc(40 / 390 * 100vw);
  }
}
.archive-info {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 1920px) {
  .archive-info {
    font-size: 24px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-info {
    font-size: max(10px, 1.25vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-info {
    font-size: max(12px, 19.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive-info {
    font-size: max(10px, 16 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .archive-info_text {
    font-size: 24px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive-info_text {
    font-size: max(10px, 1.25vw);
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-info_text {
    font-size: max(12px, 19.6875 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive-info_text {
    font-size: max(10px, 16 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .archive .btn-more-m {
    margin-top: 35px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .archive .btn-more-m {
    margin-top: 1.8229166667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive .btn-more-m {
    margin-top: calc(32.8125 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive .btn-more-m {
    margin-top: calc(20 / 390 * 100vw);
  }
}

.archive-info {
  margin-top: 0;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .archive-info {
    margin-top: calc(0 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .archive-info {
    margin-top: calc(0 / 390 * 100vw);
  }
}

.archive-info .btn-more-m {
  margin-left: auto;
  margin-right: auto;
}

.fjd-toTop .btn-more-m {
  margin: auto;
}

@media (max-width: 767px) {
  .fjd-spBtn a {
    margin: calc(40 / 390 * 100vw) auto 0;
  }
}

.sub-page_section {
  position: relative;
}
@media screen and (min-width: 1920px) {
  .sub-page_section {
    padding-top: 0px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_section {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_section {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_section {
    margin-top: 6.25vw;
  }
}
.sub-page_section:first-child {
  margin-top: 0;
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_section {
    margin-top: calc(95.15625 / 1400 * 100vw);
    padding-top: calc(0 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_section {
    margin-top: calc(60 / 390 * 100vw);
    padding-top: calc(0 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .sub-page_section.fmag {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_section.fmag {
    margin-top: 6.25vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_section.fmag {
    margin-top: calc(95.15625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_section.fmag {
    margin-top: calc(60 / 390 * 100vw);
  }
}

@media screen and (min-width: 1920px) {
  .sub-page_sectionInner {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .sub-page_sectionInner {
    padding-bottom: 0vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sub-page_sectionInner {
    padding-bottom: calc(0 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .sub-page_sectionInner {
    padding-bottom: calc(0 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .fmag .sub-page_sectionInner {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .fmag .sub-page_sectionInner {
    padding-bottom: 4.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .fmag .sub-page_sectionInner {
    padding-bottom: calc(65.625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .fmag .sub-page_sectionInner {
    padding-bottom: calc(10 / 390 * 100vw);
  }
}
@media screen and (min-width: 1920px) {
  .download .sub-page_sectionInner {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1919px) {
  .download .sub-page_sectionInner {
    padding-bottom: 4.1666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .download .sub-page_sectionInner {
    padding-bottom: calc(65.625 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .download .sub-page_sectionInner {
    padding-bottom: calc(10 / 390 * 100vw);
  }
}

@media (min-width: 768px) {
  .link-effect {
    transition: 0.5s;
  }
  .link-effect:hover {
    opacity: 0.7;
  }
}