@media print, screen and (min-width: 768px) { .pc-only { display: block !important; }
  .sp-only { display: none !important; } }
.top-lead { font-size: 23px; }

.top-overview__scene--info, .top-overview__scene--education { margin-bottom: 70px; }
.top-overview__scene--education .top-overview__imageTextWrap--text h3, .top-overview__scene--vr .top-overview__imageTextWrap--text h3 { color: #2e6dba; border-color: #2e6dba; }
.top-overview__link dl dt { margin-bottom: 7px; font-size: 16px; color: #034fa0; font-weight: bold; }
.top-overview__link__list { display: flex; flex-wrap: wrap; gap: 10px; }
.top-overview__link__list li { width: calc(calc(100% - 30px) / 4); }
.top-overview__link__list li img { width: 100%; height: auto; }
.top-overview__link__list.col3 li { width: calc(calc(100% - 20px) / 3); }

.top-intro__item--bal1 { left: 50px; top: 130px; z-index: 3; }
.top-intro__item--bal7 { left: 120px; top: 0; z-index: 2; }
.top-intro__item--bal2 { left: 330px; z-index: 3; top: 110px; }
.top-intro__item--bal8 { right: 120px; top: 0; z-index: 2; }
.top-intro__item--bal5 { right: 50px; top: 130px; z-index: 3; }

.top-grid__list--scene { padding-top: 25px; gap: 20px; }
.top-grid__list--scene li { text-align: center; }
.top-grid__list--casestudy { gap: 15px; }
.top-grid__list--casestudy li { width: calc(calc(100% - 15px) / 2); text-align: center; }

.scene-anchor__inner { margin: 0 auto; width: 960px; }
.scene-anchor li .type-link { width: 100%; }
.scene-anchor li:last-child a { border-right: 2px dotted #034FA0; }
.scene-anchor__nav { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.scene-anchor__nav li { flex-grow: 1; }
.scene-anchor__nav li a { display: block; box-sizing: border-box; line-height: 1.3; white-space: nowrap; font-weight: bold; border-left: 2px dotted #034FA0; background: url(/products/bizprojector/spaceproduction/images/common/nav_icn_active_big.png) no-repeat center right 8px; background-size: 12px auto; height: auto; padding: 0 25px 0 25px !important; width: 100%; font-size: 20px; text-align: center; }

.scene_recommend > li { border: 2px solid #005eac; border-radius: 20px; padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; box-sizing: border-box; }
.scene_recommend > li .img { width: 500px; }
.scene_recommend > li .funclist { display: flex; flex-wrap: wrap; width: calc(100% - 500px); gap: 10px 2%; }
.scene_recommend > li .funclist li { width: 49%; background: #005eac; color: #FFF; opacity: .2; border-radius: 9999px; text-align: center; font-weight: bold; padding: 5px; box-sizing: border-box; }
.scene_recommend > li .funclist li.on { opacity: 1; }
.scene_recommend > li .funclist li s { text-decoration: none; }

.scene-grid.scene-grid--col2p { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.scene-grid.scene-grid--col2p > div { width: 440px; }
.scene-grid.scene-grid--col2p > p { flex: 1; text-align: center; }

@media screen and (max-width: 767px) { .pc-only { display: none !important; }
  .sp-only { display: block !important; }
  .top-lead { margin-bottom: 5vw; font-size: 4vw; }
  .top-overview__division { width: 20%; }
  .top-overview__scenes { width: 80%; padding-left: 2vw; box-sizing: border-box; }
  .top-overview__scene { margin-bottom: 10vw !important; }
  .top-overview__imageTextWrap { flex-wrap: wrap; }
  .top-overview__imageTextWrap--image { width: 100%; margin-bottom: 3vw; }
  .top-overview__imageTextWrap--text { width: 100%; }
  .top-overview__imageTextWrap--text p { font-size: 3.2vw; }
  .top-overview__imageTextWrap--text__text { margin-bottom: 3vw; }
  .top-overview__imageTextWrap--text__text h3 { font-size: 3.6vw; padding-left: 2vw; border-left-width: 2vw; margin-bottom: 3vw !important; }
  .top-overview__link { margin-top: 3vw; }
  .top-overview__link dl dt { font-size: 3.4vw; }
  .top-overview__link__list { display: flex; flex-wrap: wrap; margin: 0 !important; gap: 2vw; }
  .top-overview__link__list li { width: calc(50% - 1vw); margin: 0 !important; }
  .top-overview__link__list.col3 li { width: 100%; }
  .top-intro { width: 100%; height: 102vw; margin-bottom: 5vw; }
  .top-intro__item--ill img { width: 140% !important; transform: translateX(-14%); }
  .top-intro__item--bal1 { left: 4vw; top: 0vw; z-index: 3; width: 45vw; }
  .top-intro__item--bal7 { width: 57vw; left: 1vw; top: 25vw; }
  .top-intro__item--bal2 { left: 10vw; top: 53vw; width: 52vw; }
  .top-intro__item--bal8 { width: 58vw; top: 39vw; right: 0; z-index: 4; }
  .top-intro__item--bal5 { right: 0vw; top: 5vw; z-index: 5; width: 41vw; }
  .top-grid { padding: 0 3vw; }
  .top-grid .section__title.section__title--top { margin: 0 0 3vw 0 !important; font-size: 5vw; }
  .top-grid .section__title.section__title--top:before { height: 100%; top: 0; }
  .top-grid .section__text { font-size: 3.6vw; }
  .top-grid__list { padding: 0 !important; }
  .top-grid__list li { width: 33% !important; margin: 0 !important; padding: 0 2vw; box-sizing: border-box; }
  .top-grid__list li span { font-size: 3.2vw; }
  .top-grid__item { width: 100%; }
  .top-grid__item.flL { margin-bottom: 10vw; }
  .top-grid__item.flR .top-grid__list li { width: 48% !important; }
  .top-grid__item.flR .top-grid__list:nth-of-type(2) li img { width: 50%; }
  .scene-anchor { margin-bottom: 10vw !important; }
  .scene-anchor__inner { width: 100%; }
  .scene-anchor__nav li { width: 50%; }
  .scene-anchor__nav li a { font-size: 3vw; padding: 2vw 5vw !important; background-color: #005eac; color: #FFF; border: 1px solid #FFF !important; background-image: none; position: relative; }
  .scene-anchor__nav li a:after { content: ""; width: 1vw; height: 2vw; background: url("/products/bizprojector/spaceproduction/images/common/nav_icn_default.png") no-repeat center center; position: absolute; top: 50%; right: 2vw; transform: translateY(-50%) rotate(90deg); background-size: 100% auto; }
  .scene_recommend > li { padding: 3vw; border-radius: 10px; margin-bottom: 3vw; }
  .scene_recommend > li .img { width: 100%; }
  .scene_recommend > li .funclist { display: flex; flex-wrap: wrap; width: 100%; gap: 2vw 2%; }
  .scene_recommend > li .funclist li { padding: 1vw; font-size: 3.2vw; }
  #contents.responsive .spmb0 { margin-bottom: 0 !important; }
  #contents.responsive .spmb3 { margin-bottom: 3vw !important; }
  #contents.responsive .spmb5 { margin-bottom: 5vw !important; }
  #contents.responsive .spmb7 { margin-bottom: 7vw !important; }
  #contents.responsive .spmb10 { margin-bottom: 10vw !important; }
  #contents.responsive .patt { font-size: 2.8vw !important; }
  #contents.responsive .patt.lts-minus2 { letter-spacing: normal; }
  #contents.responsive .headSection { height: auto; width: 100%; }
  #contents.responsive .headSection .innerBlock { width: 100%; }
  #contents.responsive .headSection .leftArea { float: none; width: auto; }
  #contents.responsive .headSection .leftArea a { vertical-align: middle; }
  #contents.responsive .headSection .leftArea a.bizproLogo { width: 60%; display: inline-block; }
  #contents.responsive .headSection .leftArea a.bizproLogo img { width: 100%; height: auto; }
  #contents.responsive .headSection .ttl { float: none; width: 100%; overflow: visible; }
  #contents.responsive .headSection .ttl h1, #contents.responsive .headSection .ttl p, #contents.responsive .headSection .ttl span { margin-top: 1vw; padding-left: 0; background: none; font-size: 14px !important; }
  #contents.responsive .subSection { width: 100%; }
  #contents.responsive .subSection .subNav .layCol01, #contents.responsive .subSection .subNav .layCol02 { float: none; width: 100%; border: none; }
  .visualSection { margin-bottom: 8vw !important; }
  .visualSection * { box-sizing: border-box; }
  .visualSection__title h2 { width: 100%; }
  .visualSection__title h2 img { width: 100%; height: auto; }
  .visualSection__nav ul { width: 100%; }
  .visualSection__nav ul li { padding: 0; }
  .visualSection__nav ul li:nth-of-type(1) { width: 30%; }
  .visualSection__nav ul li:nth-of-type(2) { width: 30%; }
  .visualSection__nav ul li:nth-of-type(3) { width: 40%; }
  .visualSection__nav a, .visualSection__nav span { padding: 3vw 5vw 3vw 2vw; font-size: 3.2vw; background-size: auto 2vw; background-position: right 2vw center; }
  .section { padding: 5vw 0 10vw 0 !important; }
  .section * { box-sizing: border-box; }
  .section img { width: 100%; height: auto; }
  .section__inner { width: 100%; }
  .section__title { margin: 0 0 3vw 0; font-size: 4.4vw; }
  .section__text { font-size: 3.6vw; margin-bottom: 3vw !important; }
  .subSection.mt70 { margin-top: 3vw !important; }
  .scene-jirei-grid { margin-top: 10vw; flex-wrap: wrap; }
  .scene-jirei-grid .scene-jirei__title-main { padding-left: 4vw; font-size: 5.4vw; margin-bottom: 3vw; }
  .scene-jirei-grid .scene-jirei__title-main::before { height: 100%; top: 0; width: 2vw; }
  .scene-jirei-grid .scene-jirei__title-sub { font-size: 4.4vw; margin-bottom: 2vw; }
  .scene-jirei-grid .scene-jirei__text { font-size: 3.4vw; }
  .scene-jirei-grid .scene-jirei__link { margin: 3vw auto 0 auto; padding: 2vw 0; font-size: 4vw; border-width: .6vw; width: 80%; }
  .scene-jirei-grid__item { width: 100%; }
  .scene-jirei-grid__item.sp-only { margin-bottom: 3vw; }
  .scene-jirei-grid__item .fsL { font-size: 4.4vw; margin-bottom: 3vw !important; }
  .iLink02 { display: inline-block; padding: 0 0 0 4vw; background-size: 3vw auto; font-size: 3.4vw; }
  .linkMovie { padding: 0 0 0 4vw; background-size: 3vw auto; background-position: left center; font-size: 3.4vw; }
  .projectBnr { margin-top: 10vw; }
  /* SCENE */
  .scene__type { padding: 2vw 3vw; font-size: 5vw; margin-top: 0vw; margin-bottom: 5vw; }
  .scene-use { margin-top: 10vw; }
  .scene-use > div { display: flex; flex-wrap: wrap; gap: 3vw; }
  .scene-use__center-title { top: -8vw; margin: 0 auto; padding: 1vw 10vw; min-height: 12vw; max-width: 100%; background-size: auto 100%; }
  .scene-use__center-title p { width: 70vw; height: 100%; line-height: 1.7; font-size: 5vw; border-radius: 3vw; margin: 0 auto; }
  .scene-use__item.scene-use__item--1, .scene-use__item.scene-use__item--2 { width: calc(50% - 1.5vw); background: #EBF5FF; padding-bottom: 10vw; }
  .scene-use__item.scene-use__item--1 .scene-use__box dl dd, .scene-use__item.scene-use__item--2 .scene-use__box dl dd { height: 23vw; }
  .scene-use__item.scene-use__item--3 { background: #EBF5FF; padding-top: 5vw; }
  .scene-use__item.scene-use__item--3 ul li { width: 50%; padding: 0 1vw; }
  .scene-use__item.scene-use__item--3 ul li figure { margin: 0; font-size: 3.2vw; }
  .scene-use__box { padding: 3vw; }
  .scene-use__box dl { margin-right: 0; margin-bottom: 2vw; }
  .scene-use__box dl dt { margin-bottom: 2vw; font-size: 4.4vw; text-align: center; }
  .scene-use__box dl dd { font-size: 3.4vw; }
  .scene-use__box__row { display: flex; flex-wrap: wrap; justify-content: center; }
  .scene-use__box__row dl { margin-right: 0; margin-bottom: 2vw; }
  .scene-use__box__row dl dt { margin-bottom: 2vw; font-size: 4.4vw; text-align: center; }
  .scene-use__box__row dl dd { font-size: 3.4vw; }
  .scene-use__box .patt { margin-top: 1vw !important; text-align: center; }
  .scene-grid { display: flex; flex-wrap: wrap; gap: 3vw; }
  .scene-grid.scene-grid--col2p { gap: 2vw; }
  .scene-grid.scene-grid--col2p > div { width: calc(calc(96% - 4vw) / 2); }
  .scene-grid.scene-grid--col2p > p { width: 4%; flex: unset; }
  .scene-grid.scene-grid--col3 > div { margin: 0; width: 100% !important; float: none; display: flex; flex-wrap: wrap; }
  .scene-grid.scene-grid--col3 > div .scene-grid__title { width: 100%; }
  .scene-grid.scene-grid--col3 > div .scene-grid__main { margin-bottom: 0; }
  .scene-grid.scene-grid--col4 { align-items: flex-start; }
  .scene-grid.scene-grid--col4 > div { margin: 0; width: calc(50% - 1.5vw) !important; float: none; display: flex; flex-wrap: wrap; }
  .scene-grid.scene-grid--col4 > div .scene-grid__title { width: 100%; }
  .scene-grid.scene-grid--col4 > div .scene-grid__image { text-align: center; margin: 0 auto; }
  .scene-grid.scene-grid--col4 > div .scene-grid__main { margin-bottom: 0; }
  .scene-grid__title { font-size: 4vw; }
  .scene-grid__title span { font-size: 3.4vw; }
  .scene-grid__title--line1 { margin-top: 0; padding-top: 0; }
  .scene-grid__item { width: 100%; }
  .scene-grid__image { margin-bottom: 3vw; }
  .scene-grid__image .taR { font-size: 2.6vw; text-align: left; margin-bottom: 0 !important; }
  .scene-grid__bg-title { margin: 0 0 3vw; padding: 2vw; font-size: 4vw; }
  .scene-grid__main-text dl { display: flex; flex-wrap: wrap; }
  .scene-grid__main-text dl dt { background-image: none; background-color: #e5f0fd; width: auto; height: auto; padding: 1vw 3vw; margin-bottom: 1vw; min-width: inherit; }
  .scene-grid__main-text dl dd { padding: 0; margin-top: 1vw; font-size: 3.6vw; }
  .scene-contents { margin: 7vw 0 0; }
  .scene-contents__title { padding-left: 4vw; font-size: 5.4vw; margin-bottom: 3vw; }
  .scene-contents__title::before { height: 100%; top: 0; width: 2vw; }
  .scene-contents__list ul { flex-wrap: wrap; flex-direction: column; gap: 3vw; }
  .scene-contents__list ul li { width: 100%; }
  .scene-contents__list ul li a { padding: 3vw; width: 100%; border-radius: 2vw; display: flex; flex-wrap: wrap; align-items: flex-start; }
  .scene-contents__list ul li a figure { width: 30%; }
  .scene-contents__list ul li a figure figcaption { display: none; }
  .scene-contents__list ul li a .detail { width: 70%; }
  .scene-contents__list ul li a .detail h5 { font-size: 3.8vw; }
  .scene-contents__list ul li a .detail p { font-size: 3.4vw; margin-top: 2vw; }
  .tbl-scWrap { width: 100%; overflow-x: scroll; padding-bottom: 3vw; }
  .tbl-scWrap > table { width: 300vw; }
  .spec-table img[src$=".svg"] { width: 3vw; }
  /* CASESTUDY */
  .casestudy__title { margin-bottom: 3vw; font-size: 6vw; }
  .casestudy__block { margin-bottom: 10vw; }
  .casestudy-grid { padding-top: 5vw; }
  .casestudy-grid .casestudy-grid__item:nth-of-type(1) { width: 30%; }
  .casestudy-grid .casestudy-grid__item:nth-of-type(2) { width: 70%; padding-left: 3vw; margin: 0; }
  .casestudy-grid .casestudy-grid__item .casestudy-case__title { margin-bottom: 2vw; padding: .5vw 2vw; font-size: 3.2vw; }
  .casestudy-grid .casestudy-grid__item .casestudy-case__company { margin-bottom: 2vw; }
  .casestudy-grid .casestudy-grid__item .casestudy-case__company dt { margin-bottom: 2vw; font-size: 4vw; }
  .casestudy-grid .casestudy-grid__item .casestudy-case__company dt span { font-size: 3.6vw; }
  .casestudy-grid .casestudy-grid__item .casestudy-case__company dd { font-size: 3.4vw; }
  .casestudy-grid .casestudy-grid__item .casestudy-type__text { margin-bottom: 2vw; padding: 2vw; font-size: 3.2vw; }
  .casestudy-grid .casestudy-grid__item .casestudy-type__link { flex-wrap: wrap; }
  .casestudy-grid .casestudy-grid__item .casestudy-type__link li { width: 100%; } }