@charset "utf-8";

body {
  font-family: "ヒラギノ角ゴ Pro W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: 16px;
  letter-spacing: 2.4px;
}

ul, ol, li, dl, dt, dd {
  list-style: none;
}


#wrapper {
  width: 100%;
  height: 100%;
}

#wrapper a, a:hover {
  text-decoration: none;
  cursor: pointer;
}

#wrapper main img {
  width: 100%;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

/* JS操作Class */
.js-bg-fixed {
  overflow-y: hidden;
}

/* メインビジュアルスライダー */
.top-inner {
  position: relative;
}
@media screen and (min-width:641px) {
  .top-inner {
    max-width: 1366px;
    margin: 80px auto 120px;
  }
}
@media screen and (max-width:768px) {
  .top-inner {
    margin: 50px auto 90px;
  }
}

/* スライダー再生停止ボタン、ページャー */
.slideStop{
  width: 23px;
  height: 23px;
  background-color: #cfcfcf;
  position: absolute;
  bottom: -48px;
  right: 12.9%;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer;
}
.slideStop span {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.slideStop span::before {
  content: "";
  width: 3px;
  height: 9px;
  background-color: #000;
  margin-right: 3px;
}
.slideStop span::after {
  content: "";
  width: 3px;
  height: 9px;
  background-color: #000;
}
.slideStop.js-stop-on span::before {
    content: "";
    border-left: 7px solid #000;
    border-top: 5px solid #cfcfcf;
    border-bottom: 5px solid #cfcfcf;
    width: 0;
    height: 0;
    margin-left: 5px;
    background-color: #cfcfcf;
}
.slideStop.js-stop-on span::after {
  display: none;
}
.slick-dots {
  bottom: -45px;
}
@media screen and (max-width: 640px) {
  .slideStop{
    bottom: -35px;
  }
  .slick-dots {
    bottom: -30px;
  }
}


/* Page Top Button */
.o-toTop {
  position: fixed;
  right: 0;
  z-index: 130;
  display: none;
  background-color: #ffe04e;
  line-height: 0;
  outline: none;
}

@media (min-width:769px) {
  .o-toTop {
    padding: 22px;
    bottom: 72px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .o-toTop:hover {
    opacity: .7;
  }
}

@media (max-width:768px) {
  .o-toTop {
    text-align: center;
    box-sizing: border-box;
    padding: 22px;
    bottom: 54px;
  }
  .o-toTop img {
    width: 100%;
  }
  .o-toTop:hover {
    opacity: 1;
  }
}
@media (max-width:640px) {
  .o-toTop {
    padding: 4.8vw;
    bottom: 18vw;
  }
  .o-toTop img {
    width: 8vw!important;
  }
}


/* header */
#header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 80px;
  z-index: 800;
  background-color: #fff;
}

.header-inner {
  max-width: 1025px;
  width: 90%;
  height: 80px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-link {
  position: relative;
  padding-left: 20px;
}

.header-link:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 11px;
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/header-arrow.png");
  background-position: center center;
}

.header-menu li:not(:last-child) {
  margin-right: 38px;
}

#header a, #header a:link, #header a:visited {
  color: #282828;
}


/* footer */
#id_ContentsAddthis *{
  letter-spacing: normal!important;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
#gl_footer{
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: normal;
}

/* main */
.main-bg, .bg-cream {
  background-color: #f9f6eb;
}

.bg-grey {
  background-color: #f7f7f7;
}

.topbottom-inner {
  max-width: 1027px;
  margin: 0 auto;
  padding-bottom: 80px;
}


.topbottom-subtxt {
  margin: 80px 0 30px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

.subtxt-orange {
  font-size: 30px;
  color:#ff6657;
}

.topbottom-txt {
  text-align: center;
  font-size: 46px;
  color:#ff6657;
  font-weight: bold;
}

.contents-inner {
  position: relative;
  max-width: 1027px;
  margin: 0 auto;
  padding: 65px 20px 80px;
}

.contents-title {
  font-size: 38px;
  text-align: center;
  font-weight: bold;
}

.contents-title sup {
  color:#ff6657;
  font-size: 120%;
  position: relative;
  top: 0.4em;
}

.remote-image {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1008px;
  margin: 0 auto;
}

.remote-l, .remote-r {
  width: 50%;
  margin-bottom: 48px;
}

.remote-txt {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 329px;
  margin: 0 auto 17px;
  padding: 7px;
  color: #fff;
  border-radius: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}
.remote-r .remote-txt {
  letter-spacing: 0.1em;
}

.remotebg-b:before, .remotebg-o:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.remotebg-b {
  background: #5372c3;
}

.remotebg-b:before {
  border-top: 15px solid #5372c3;
}

.remotebg-o {
  background: #e98f4d;
}

.remotebg-o:before {
  border-top: 15px solid #e98f4d;
}

.remote-cap {
  font-size: 18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  letter-spacing: 0.13em;
}

.remote-title {
  margin-top: 0px;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
}

.remote-image sup {
  font-size: 124%;
  position: relative;
  top: 13px;
}
.remote-l sup {
  color: #5372c3;
}
.remote-r sup {
  color: #e98f4d;
}

.user-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 32px;
}

.user-list li {
  position: relative;
  width: 49%;
  margin-top: 32px;
  letter-spacing: 1.2px;
}

.bottom-img {
  max-width: 1000px;
  margin: 102px auto 0;
}

.contents-list {
  margin: 45px 0 50px;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1.1;
}

.contents-list li {
  position: relative;
  margin-bottom: 9px;
  padding-left: 58px;
  letter-spacing: 1.2px;
  letter-spacing: 0.1em;
  line-height: 1.5;
}

.contents-list li:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 30px;
  width: 12px;
  height: 12px;
  border: 2px solid #ff6657;
  border-radius: 100%;
}

.service-title {
  font-size: 38px;
  text-align: center;
  font-weight: bold;
}

.service-img {
  max-width: 402px;
  margin: 0 auto;
}

.service-subtxt {
  display: block;
  margin-bottom: 8px;
  font-size: 22px;
}

.vr-img {
  position: relative;
  margin-top: 150px;
}

.vr-infogroup {
  position: absolute;
  top: -70px;
  left: 4.5%;
}

.vr-infogroup li {
  position: relative;
  width: 215px;
  min-height: 149px;
  background: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/vrlistbg.png") no-repeat center center;
  background-size: 100%;
  text-align: center;
}

.vr-infogroup li p {
  position: absolute;
  top: 47%;
  left: 50%;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.vr-infogroup li:not(:first-child) {
  margin-left: 20px;
}

.vr-movie .ricoh-theta-spherical-image {
  margin-left: auto;
  margin-right: auto;
}

.vrfeature li {
  position: relative;
  max-width: 320px;
  width: 320px;
  height: 161px;
  text-align: center;
  font-size: 20px;
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/vrboxbg.png");
  background-color: #fff;
  background-repeat: no-repeat;
}

.vrfeature p {
  width: 100%;
  font-weight: bold;
}

.vrcase-icon {
  width: 88px;
  color: #fff;
  font-size: 18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  text-align: center;
  background: #029fdc;
}

.vrcase-txt {
  margin: 16px 0;
  font-size: 20px;
  font-weight: bold;
}

.vrcase-subtxt {
  display: block;
  font-size: 18px;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

.coming-soon .vrcase-icon, .coming-soon .vrcase-txt{
  opacity: 0;
}

.theta-box {
  width: 100%;
  margin-top: 64px;
}

.servicetitle-list {
  max-width: 385px;
  margin: 0 auto 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.servicetitle-list li {
  margin-bottom: 10px;
  padding: 8px 10px;
  color: #fff;
  background-color: #ffc000;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

.servicetitle-list li:not(:first-child) {
  margin-left: 10px;
}

.recofeature-list-title {
  padding: 10px;
  color: #fff;
  font-size: 20px;
  background: #ffc000;
  text-align: center;
}

.recofeature li {
  position: relative;
  width: 320px;
  min-height: 200px;
  border: 2px solid #ffc000;
}
.recofeature li p{
  font-weight: bold;
}

.recofeature-list {
  width: 80%;
  padding-top: 46px;
  line-height: 1.8;
  margin: auto;
}

.icon-y span {
  display: inline-block;
  padding-left: 10px;
  font-size: 19px;
  letter-spacing: 0.02em;
}

.icon-y:before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: 12px;
  background-color: #ffc000;
  border-radius: 100%;
  vertical-align: top;
}

.example-inner {
  margin-top: 62px;
  text-align: center;
}


.example-list {
  margin-top: 38px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.example-list li {
  padding: 15px;
}

.iconlist-blue li {
  margin-top: 16px;
  margin-right: 8px;
  padding: 5px;
  color: #029fdc;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  border: 1px solid #029fdc;
  background-color: #fff;
  text-align: center;
}
.iconlist-blue .kerning{
  letter-spacing: 0.15em;
}

.lowcost-inner {
  margin-top: 128px;
  margin-bottom: 54px;
  text-align: center;
}

.lowcost-title {
  position: relative;
  max-width: 562px;
  margin: 0 auto;
}

.lowcost-title:before {
  display: block;
  content: "";
  position: absolute;
  top: -60px;
  left: 50%;
  width: 75px;
  height: 64px;
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/lowcost-arrow.png");
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.package-title {
  color: #ffb400;
  font-size: 34px;
}

.package-box {
  margin-top: 64px;
  padding: 60px 20px;
  border: 6px solid #ffb400;
}

.package-txt {
  margin: 48px 0;
  font-size: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1.6;
  text-align: center;
}

.packfeature {
  max-width: 666px;
  margin: 48px auto 72px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#studio .packfeature {
  margin-top: 10px;
}

.packfeature li {
  position: relative;
  width: 204px;
  min-height: 111px;
  background-color: #fff;
  border: 4px solid #000;
  text-align: center;
}

.packfeature p {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
}

.check-list, .zoomcheck-list {
  width: 55%;
  margin-top: 40px;
  text-align: left;
}

.zoomcheck-list {
  width: 100%;
}

.zoomimg {
  margin-top: 40px;
}

.check-list li, .zoomcheck-list li {
  position: relative;
  padding-left: 40px;
  font-size: 20px;
  font-weight: bold;
}

.check-list li:before, .zoomcheck-list li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 29px;
  height: 29px;
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/check-icon.png");
  background-repeat: no-repeat;
}
.check-list li:not(:last-child) {
  margin-bottom: 24px;
}

.production-movie {
  position: relative;
  margin: 52px auto 0;
  text-align: center;
}

.production-movie video {
  max-width: 960px;
  width: 100%;
  cursor: pointer;
}

.servicetitle04 .service-txt span {
  color: #2d8cff;
}

.servicetitle04 .service-txt span sup {
  font-size: 42px;
  vertical-align: baseline;
}
#zoom .service-txt {
  font-size: 32px;
  line-height: 1.3;
}
#zoom .service-txt sup{
  font-size: 120%;
  position: relative;
  top: 0.1em;
  vertical-align: baseline;
}

.pagebottom-txt {
  max-width: 1008px;
  width: 100%;
  margin: 0 auto 30px;
  font-size: 14px;
  box-sizing: border-box;
}

/* footer */
/*.l-footer {
  background-color: #5b5b5b;
}

.o-footer {
  font-family: 'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', sans-serif;
  letter-spacing: normal;
}

.o-footer-links {
  display: -ms-flexbox;
  display: flex;
}

.o-footer-links_item {
  padding-right: 6px;
  font-size: 13px;
  line-height: 18px;
}

.o-footer a, .o-footer a:link, .o-footer a:visited, .o-footer-copy {
  color: #fff !important;
}

.o-footer-links_item:not(:first-child) {
  padding-left: 6px;
}

.o-footer-links_item:not(:first-child) {
  border-left: 2px solid #fff;
}

.o-footer-copy {
  margin-left: auto;
  font-size: 12px;
}*/

/* clm */
.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-end {
  justify-content: flex-end;
}
.iconlist-blue.flex-end{
  margin-right: 100px!important;
}
.clm2-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.clm3-list {
  margin-top: 80px;
  margin-bottom: 47px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* position */
.posi-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/* Inquiry box */
.vrservice-box, .production-box, .zoom-box, .theta-box {
  display: table;
  width: 100%;
  color: #fff;
  background: #029fdc;
}

.vrservice-box {
  margin: 40px auto;
  font-size: 28px;
  background: #029fdc;
  font-weight: bold;
}

.production-box {
  margin-top: 40px;
  font-size: 20px;
  background: #fdb60a;
}

.zoom-box {
  margin-top: 40px;
  font-size: 20px;
  background: #2d8cff;
}

.theta-box {
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/thetabox-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.service-boxl, .service-boxr, .production-boxl, .production-boxr, .zoom-boxl, .zoom-boxr, .theta-boxl, .theta-boxr {
  display: table-cell;
  padding: 40px;
  vertical-align: middle;
}

.production-boxl, .zoom-boxl, .theta-boxl {
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1.6;
}
.service-boxl p, .production-boxr p{
  font-weight: bold;
}

.theta-boxl {
  padding-right: 0;
  font-size: 20px;
}

.theta-box-subtxt {
  width: 45%;
  margin-top: 20px;
  border: 1px solid #fff;
  font-size: 14px;
  text-align: center;
}

.production-boxr p, .zoom-boxr p {
  margin-bottom: 20px;
  font-size: 28px;
}
.zoom-boxr p {
  font-weight: bold;
}

.theta-boxr img {
  display: block;
  max-width: 324px;
  margin: 0 auto 20px;
}

.other-servicelist {
  margin-top: 80px;
}

.other-servicelist .other-service:not(:last-child) {
  margin-bottom: 40px;
}

.other-service {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 26px 24px 24px 24px;
  box-sizing: border-box;
}

.other-service .contents-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 13px 0 0;
}

.other-service .contents-list li:before {
  left: 0;
}

.other-service .link-btn {
  margin-left: 0;
}
.other-service h4{
  font-weight: bold;
}
.other-service .contents-list li{
  line-height: 1.8;
}
.other-service .contents-list li:before{
  top: 0.5em;
}
.other-service .other-service-title{
  font-weight: bold;
}
.other-service .olink, .other-service .olink:visited {
  background: #eb5050;
}

/* linkbtn */
.link-btn {
  display: block;
  position: relative;
  max-width: 480px;
  margin: 0 auto;
  padding: 27px 0 23px;
  font-size: 22px;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 2px;
  font-weight: bold;
}

.link-btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 22.5%;
  width: 47px;
  height: 47px;
}

.ylink, .ylink:visited {
  background: #ffe04e;
  color: #000 !important;
}

.olink, .olink:visited {
  background: #ff6657;
  color: #fff !important;
}

.blink, .blink:visited {
  background: #fff;
  color: #029fdc !important;
}

.wylink, .wylink:visited {
  background: #fff;
  color: #fdb60a !important;
}

.skyblink, .skyblink:visited {
  background: #fff;
  color: #2d8cff !important;
}

.wblink, .wblink:visited {
  background: #029fdc;
  color: #fff !important;
}

.olink:before, .wblink:before {
  left: 11%;
  background: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/arrow-whiter.png") no-repeat;
}
.modal-anchor:before {
  background: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/arrow-whiter-anchor.png") no-repeat;
}

.ylink:before {
  left: 8%;
  background: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/arrow-blackb.png") no-repeat;
}

.blink:before {
  left: 8%;
  background: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/arrow-bluer.png") no-repeat;
}

.wylink:before {
  left: 8%;
  background: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/arrow-oranger.png") no-repeat;
}

.skyblink:before {
  left: 8%;
  background: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/arrow-skybluer.png") no-repeat;
}


.olink span, .ylink span, .blink span, .skyblink span, .wblink span {
  display: block;
  margin-left: 80px;
}
.wylink.product-link span, .wblink.product-link span {
  display: block;
  margin-left: 30px;
}
.olink.product-link span {
  display: block;
  margin-left: 40px;
}

/* servicetitle */
.servicetitle01, .servicetitle02, .servicetitle03, .servicetitle04, .servicetitle05 {
  background-repeat: no-repeat;
  background-position: right -4px;
}

.servicetitle01 {
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/servicetitle01.png") ;
  border-top: 4px solid #d6e7f2;
}

.servicetitle01 .contents-inner, .servicetitle02 .contents-inner, .servicetitle03 .contents-inner, .servicetitle04 .contents-inner, .servicetitle05 .contents-inner {
  max-width: 1008px;
  margin: 0 auto;
}

.servicetitle02 {
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/servicetitle02.png") ;
  border-top: 4px solid #fff2de;
}

.servicetitle03 {
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/servicetitle03.png") ;
  border-top: 4px solid #d6e7f2;
}

.servicetitle03 .contents-inner {
  padding-top: 170px;
}

.servicetitle04 {
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/servicetitle04.png") ;
  border-top: 4px solid #ffedd1;
}

.servicetitle05 {
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/servicetitle05.png") ;
  border-top: 4px solid #d9e4f9;
  border-bottom: 4px solid #d9e4f9;
}

/* modal */
area,area:focus {
  border:none;
  outline:none;
}

.modal-box {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.modal-bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.3);
  cursor: pointer;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
}

.modal-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45%;
  height: 80%;
  padding: 40px 0;
  background: #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  box-sizing: border-box;
  overflow: scroll;
}

.modal-inner .modal-close {
  display: block;
  margin: 10px;
  padding: 2px 5px 2px 30px;
  color: #8f8f8f;
  text-align: center;
  background-image: url("/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/modalclose.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 8px center;
  border: 1px solid #8f8f8f;
  border-radius: 5px;
}

.modal-contents {
  width: 80%;
  margin: 0 auto 40px;
}

#wrapper .modal-contents img {
  display: block;
  width: 80%;
  margin: 10px auto;
}
#wrapper .modal-contents img.movie-archive {
  width: 100%;
}

.modal-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 24px;
  border-bottom: 2px solid #8f8f8f;
}

.modal-contents .iconlist-blue {
  width: 80%;
  margin: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.modal-contents .iconlist-blue li {
  margin-top: 10px;
  margin-right: 6px;
  text-align: left;
}

.modal-txt {
  width: 80%;
  margin: 20px auto 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

.modal-inquiry {
  width: 85%;
  margin: auto;
  padding: 30px 20px;
  text-align: center;
  border: 2px solid #ea7962;
  box-sizing: border-box;
}

.modal-inquiry .link-btn {
  width: 80%;
  padding: 15px;
  font-size: 18px;
}

.modal-inquiry .link-btn:before {
  width: 30px;
  height: 30px;
}

.modal-inquiry .link-btn span {
  margin-left: 0;
}

.modal-inquiry .olink:before {
  background-size: 30px;
}

.modallink-list li:nth-child(2) {
  margin-top: 30px;
}

.modal-inquiry p {
  margin-bottom: 20px;
  font-size: 22px;
}

/* 汎用Class */
.bg-yellow{
  background-color: #ffc000!important;
}
.bg-blue{
  background-color: #029fdc!important;
}

@media screen and (min-width: 1024px) {

  .other-service .contents-list li {
    width: 44.5%;
    margin-bottom: 0;
    padding-left: 30px;
  }

  .other-servicel {
    max-width: 352px;
    width: 352px;
  }

  /*.o-footer {
    display: -ms-flexbox;
    display: flex;
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 0 34px;
  }*/
}

@media screen and (min-width: 769px) {
  #wrapper a:hover, #wrapper video:hover {
    opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  }
}

@media screen and (max-width: 640px) {
  #wrapper {
    font-size: 4.4vw;
  }

  #wrapper .pc_only {
    display: none;
  }

  #wrapper .sp_only {
    display: block;
  }

  .main-bg {
    margin-top: 50px;
  }

  .flex-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .iconlist-blue.flex-end{
    margin-right: 0!important;
  }

  .clm3-list {
    margin-top: 40px;
    margin-bottom: 27px;
  }

  .clm3-list li {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .clm3-list li:not(:first-child) {
    margin-top: 20px;
  }

  .contents-inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .top-innerbg {
    margin-top: 50px;
  }

  .topbottom-subtxt {
    margin: 60px 0 30px;
    font-size: 5.4vw;
  }

  .topbottom-txt {
    font-size: 7.5vw;
  }

  .user-list li {
    width: 100%;
    margin-top: 0;
  }

  .user-list li:nth-child(n+2) {
    margin-top: 32px;
  }

  .remote-l, .remote-r {
    width: 100%;
  }

  .remote-r {
    margin-bottom: 0;
  }

  .remote-title {
    margin-bottom: 40px;
    font-size: 8vw;
  }

  .remote-txt {
    width: 100%;
    padding: 5px 0;
    font-size: 4.2vw;
  }


  #service01 .contents-inner, #service02 .contents-inner, #service03 .contents-inner, #service04 .contents-inner {
    padding: 60px 0;
  }

  .contents-title, .service-title {
    font-size: 7.5vw;
    /* line-height: 1; */
  }

  .service-subtxt {
    font-size: 4.5vw;
  }

  .contents-list {
    width: 92%;
    margin: 40px auto 40px 0;
  }
  .contents-list li:before {
    top: 1.8vw;
    left: 6.5vw;
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
  }
  .lowcost-inner {
    margin-bottom: 40px;
  }

  .topbottom-inner .link-btn, #service01 .link-btn, #service02 .link-btn, #service03 .link-btn, #service04 .link-btn {
    width: 90%;
  }

  .topbottom-inner {
    margin-top: 70px;
  }

  .topbottom-inner .bottom-img {
    width: 90%;
    margin-top: 50px;
  }

  .sp-scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    margin-bottom: 30px;
  }

  #wrapper .sp-scroll .bottom-img img {
    width: 750px;
    padding-left: 5px;
  }

  .modal-inner {
    width: 90%;
    padding: 40px 20px 30px 20px;
  }

  .modal-contents, .modal-inquiry, .modal-inner .link-btn {
    width: 100% !important;
  }

  .modal-title, .modal-inquiry p {
    font-size: 5vw;
  }

  .modal-inner .modal-close {
    font-size: 14px;
    background-size: 14px;
    background-position: 10px 4px;
  }

  .modal-txt {
    font-size: 14px;
  }
  .vr-img{
    margin-top: 40vw;
  }
  .vr-infogroup {
    width: 100%;
    top: -34.666666666666664vw;
    left: 0;
  }

  .vr-infogroup li {
    width: 49%;
    min-height: 32.1875vw;
  }

  .vr-infogroup li:not(:first-child) {
    margin-left: 0;
  }

  .vr-infogroup li:nth-child(even) {
    margin-left: 2%;
  }

  .vr-infogroup li p {
    font-size: 3.2vw;
  }


  .vrcase-icon, .vrcase-subtxt {
    font-size: 14px;
  }

  .vrcase-txt {
    font-size: 18px;
  }
  .vrservice-box, .production-box, .zoom-box {
    display: block;
  }
  .ricoh-theta-tour-image {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .coming-soon .vrcase-icon, .coming-soon .vrcase-txt {
    display: none;
  }
  .package-img{
    width: 100%;
  }
  .service-boxl, .service-boxr, .production-boxl, .production-boxr, .zoom-boxl, .zoom-boxr, .theta-boxl, .theta-boxr {
    display: block;
    padding: 20px 15px;
  }

  .theta-box {
    margin-top: 30px;
  }

  .theta-box-subtxt {
    width: 100%;
  }

  .servicetitle-list {
    margin: 20px auto 20px;
  }

  .servicetitle-list li {
    font-size: 14px;
    padding: 5px;
  }

  .recofeature-list-title {
    font-size: 5.43vw;
  }

  .recofeature-list {
    width: 90%;
    font-size: 4.7vw;
  }
  .recofeature li {
    min-height: auto;
  }
  .recofeature .recofeature-list {
    padding-top: 8%;
    padding-bottom: 8%;
  }


  .icon-y:before {
    margin-top: 3.2vw;
  }

  .package-txt {
    margin: 48px 0;
    font-size: 5vw;
  }

  .example-list li.bg-grey {
    width: 100%;
  }

  .packfeature {
    margin-bottom: 0;
  }

  .recofeature li:not(:first-child), .packfeature li:not(:first-child) {
    margin-top: 20px;
  }

  .zoomimage-list li {
    width: 80%;
  }

  .check-list, .zoomcheck-list {
    width: 100%;
    margin-bottom: 48px;
  }

  .check-list li, .zoomcheck-list li {
    padding-left: 8.5vw;
    font-size: 4.26vw;
  }

  .check-list li:before, .zoomcheck-list li:before {
    width: 5.3vw;
    height: 5.3vw;
    background-size: 5.3vw;
    top: 10%;
  }

  .other-servicer {
    margin-top: 10px;
  }

  .other-service-title {
    font-size: 5.5vw;
    padding: 20px 0;
  }

  .other-service .contents-list li {
    width: 100%;
    margin-bottom: 2.66vw;
    padding-left: 9vw;
  }

  .servicetitle01, .servicetitle02, .servicetitle04 {
    background-size: 70%;
  }

  .servicetitle03 {
    background-size: 90%;
  }

  .servicetitle03 .contents-inner {
    padding-top: 80px;
  }

  .servicetitle05 {
    background-size: 40%;
  }

  .link-btn {
    width: 100%;
    padding: 18px 0;
    font-size: 4.5vw;
  }

  .link-btn:before {
    top: 30%;
    width: 23px;
    height: 23px;
  }

  .modal-inquiry .link-btn {
    box-sizing: border-box;
    padding: 5%;
    font-size: 4.5vw;
  }
  .modal-inquiry .link-btn:before {
    width: 22px;
    height: 22px;
    background-size: 22px;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
  }
  .modal-inquiry .link-btn span {
    margin-left: 5%;
  }

  .olink span, .ylink span, .blink span, .skyblink span, .wblink span {
    margin-left: 30px;
  }
  .wylink.product-link span, .wblink.product-link span, .olink.product-link span {
    margin-left: 15px;
  }

  .olink:before, .ylink:before, .blink:before, .wylink:before, .skyblink:before, .wblink:before {
    left: 4%;
    background-size: 23px;
  }

  .pagebottom-txt {
    padding: 0 4vw;
    margin-bottom: 40px;
    box-sizing: border-box;
  }

  /*.l-footer {
    padding: 7.73333vw 4vw 6.66667vw;
  }

  .o-footer-copy {
    margin-top: 4vw;
    font-size: 3.2vw;
  }*/
}

@media screen and (min-width: 641px) and (max-width: 1080px){
  .pagebottom-txt {
    padding: 0 20px;
  }
  /*.l-footer{
    padding: 0 20px;
  }*/
}
@media screen and (min-width: 641px) and (max-width: 1023px){

  .contents-inner {
    padding-top: 100px;
  }

  .header-inner {
    width: 95%;
  }
  .header-logo{
    margin-right: 20px;
  }
  .header-menu li:not(:last-child) {
    margin-right: 3.76vw;
  }
  .header-menu li {
    white-space: nowrap;
  }

  .clm3-list li {
    width: 32%;
  }

  .modal-inner {
    width: 70%;
  }

  .remote-l, .remote-r {
    width: 48%;
  }

  .remote-r {
    margin-left: 2%;
  }

  .remote-txt {
    width: 90%;
  }

  .recofeature .icon-y {
    position: relative;
  }
  .recofeature .icon-y:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .icon-y span {
    width: 95%;
    padding-left: 15px;
  }

  .recofeature-list-title {
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 70px;
  }

  .recofeature-list {
    padding-top: 46px;
  }

  .recofeature li {
    box-sizing: border-box;
  }

  .recofeature li:nth-child(2) .recofeature-list {
    padding-bottom: 24px;
  }


  .ricoh-theta-iframe, .ricoh-theta-tour-image {
    min-height: 208px !important;
  }

  .iconlist-blue li {
    font-size: 12px;
  }

  .other-servicel {
    width: 45%;
  }

  .other-service .contents-list li {
    width: 100%;
    padding-left: 30px;
  }

  .service-boxl, .service-boxr, .production-boxl, .production-boxr, .zoom-boxl, .zoom-boxr, .theta-boxl, .theta-boxr {
    padding: 40px 20px;
  }

  .servicetitle01, .servicetitle02, .servicetitle03 {
    background-size: 50%;
  }

  .olink span, .ylink span, .blink span, .skyblink span, .wblink span {
    margin-left: 60px;
    font-size: 18px;
  }
  .wylink.product-link span, .wblink.product-link span, .olink.product-link span {
    margin-left: 20px;
    font-size: 18px;
  }

  .olink:before, .ylink:before, .blink:before, .wylink:before, .skyblink:before, .wblink:before {
    left: 4%;
    background-size: 85%;
  }
  .remote-image.flex-box{
    align-items: flex-start;
  }
  .vr-img {
    margin-top: 80px;
  }
  .vr-infogroup {
    width: 90%;
  }
  .vr-infogroup li p {
    font-size: 1.5vw;
  }
  .vrfeature li {
    min-height: 118px;
    background-size: contain;
  }
  .ricoh-theta-iframe, .ricoh-theta-tour-image {
    min-height: 208px !important;
  }
  .packfeature li{
    width: 31%;
  }
  .check-list {
    margin-top: 0;
  }
  .pagebottom-txt {
    padding: 0 20px;
  }
  /*.l-footer{
    padding: 10px 20px 10px;
  }*/
}


@media screen and (min-width: 768px) and (max-width: 928px){
  .header-menu li {
    font-size: 1.724vw;
  }
}

@media screen and (min-width:641px) {
  #wrapper .pc_only {
    display: block;
  }
  #wrapper .sp_only {
    display: none;
  }
  .service-boxr, .production-boxr, .theta-boxr {
    width: 55%;
  }

  .recofeature li:nth-child(2) .recofeature-list {
    margin-top: -28px;
  }

  .package-txt {
    margin: 48px 0;
    font-size: 20px;
  }

  .zoomcheck-list li {
    font-size: 24px;
  }

  .zoom-boxr {
    width: 52.4%;
  }

  .other-service {
    display: table;
    max-width: 1008px;
  }

  .other-servicel, .other-servicer {
    display: table-cell;
    vertical-align: top;
  }

  .other-servicer {
    padding-top: 13px;
    padding-left: 39px;
  }

  .other-txt {
    font-size: 20px;
  }

  .other-service-title {
    margin: 10px 0 37px;
    font-size: 28px;
  }
}

@media screen and (max-width:768px) {
  #header {
    height: 50px;
  }

  .header-inner {
    width: 90%;
    height: 50px;
  }

  .header-logo {
    width: 75px;
  }

  .spmenu-btn {
    margin-left: auto;
    position: relative;
    width: 25px;
    height: 16px;
    outline: none;
    cursor: pointer;
    background: #fff;
  }

  .spmenu-btn span {
    position: absolute;
    left: 0;
    display: block;
    width: 25px;
    height: 2px;
    background-color: #ff6657;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
  }

  .spmenu-btn span:first-child {
    top: 0;
  }

  .spmenu-btn span:nth-child(2) {
    top: calc(50% - 1px);
  }

  .spmenu-btn span:nth-child(3) {
    top: calc(100% - 2px);
  }

  .spmenu-btn.active span:first-child {
    top: calc(50% - 1px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  .spmenu-btn.active span:nth-child(2) {
    opacity: 0;
  }

  .spmenu-btn.active span:nth-child(3) {
    top: calc(50% - 1px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .header-menu {
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 1;
    width: 100vw;
    height: 50px;
    transition: all .1s linear;
  }

  .header-menu li {
    width: 100%;
    transition: all .3s linear;
    transform: translateX(100vw);
  }
  .header-menu a:hover {
    opacity: 1!important;
  }

  .header-menu li:not(:last-child) {
    margin-right: 0;
  }

  .header-link {
    display: block;
    width: 100%;
    background: #ff6657;
    padding: 20px 0;
    text-align: center;
  }

  .header-menu.active{
    bottom: 0;
    background: rgba(0,0,0,0.7);
    display: block;
    height: auto;
  }
  .header-menu.active li{
    transform: translateX(0);
  }
}

@media screen and (max-width:320px) {
  .olink, .ylink, .blink, .wylink, .skyblink, .wblink {
    letter-spacing: 0.01em;
  }
}

/* その他微調整 */
#wrapper .tablet_only{
  display: none;
}
@media screen and (min-width:641px) and (max-width:1008px) {
  .vrfeature li {
    height: 16vw;
    background-image:
      url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/vrboxbg.png),
      url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/vrboxbg.png);
    background-size: cover, cover;
    background-position: top left, top right;
  }
}

@media screen and (min-width:641px) and (max-width:768px) {
  #wrapper .tablet_only{
    display: block;
  }
  .vrfeature p {
    width: 95%;
  }

}
.is_middle_screen{
  display: none;
}
@media screen and (min-width:641px) and (max-width:700px) {
  .is_middle_screen{
    display: block;
  }
  .is_middle_screen_none{
    display: none;
  }
  .coming-soon .vrcase-txt {
    margin-bottom: 41px;
  }
  .iconlist-blue li {
    height: 44px;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width:500px) and (max-width:640px) {
  .contents-list li {
    padding-left: 15vw;
  }
  .contents-list li:before {
    border-width: 4px;
  }
}

/* IE11対応 */
.isIe #wrapper .other-service-04 .other-servicer .flex-box{
  display: block;
}



/***** 画像テキスト化対応 *****/

/* 汎用Class */
.fc_ff6657{
  color: #ff6657;
}
.fc_5372c3{
  color: #5372c3;
}
.fc_e98f4d{
  color: #e98f4d;
}
.fc_2d8cff{
  color: #2d8cff;
}
.line-marker{
  background: linear-gradient(transparent 0%, #ffe04e 0%);
}
.line-marker-half{
  background: linear-gradient(transparent 60%, #ffe04e 60%);
}
.al-c{
  text-align: center;
}
.js-fadein{
  opacity : 0;
  transition: all 1s;
}

/* Main Slider */

.main-slider{ /* ロード時のちらつき防止 */
  opacity: 0;
  transition: opacity .3s linear;
}
.main-slider.slick-initialized{
  opacity: 1;
}
.main-slider *{
  font-weight: bold;
}

.main01 .main-text{
  position: absolute;
}
.main01 .main-sub-title{
  font-size: 24px;
  line-height: 1;
  padding-top: 2px;
}
.main01 .main-sub-title span{
  font-size: 18px;
  color: #fff;
  background-color: #ff6657;
  padding: 4px 10px;
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: 18px;
}
.main01 .main-sub-title span + span{
  margin-left: 10px;
}
.main01 h1{
  font-size: 67.31px;
  margin-top: 58px;
  letter-spacing: 0.07em;
}
.main01 h1 .fs_small{
  font-size: 88.887238151834794%;
}
.main01 h1 .line-marker-half{
  background: linear-gradient(transparent 65%, #ffe04e 60%);
  padding: 0 0.05em 0.08em 0.05em;
}
.main01 .main-point{
  font-size: 24px;
  text-align: center;
  margin-top: 65px;
  margin-left: -24px;
}
.main01 .main-point .main-point-box{
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover!important;
  float: left;
  letter-spacing: 0.01em;
  padding-top: 2px;
  line-height: 1.25;
}
.main01 .main-point .main-point-promo{
  width: 360px;
  height: 129px;
  background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/main-point-promo.png) no-repeat;
  margin-right: 2px;
  padding-left: 10px;
}
.main01 .main-point .main-point-com{
  width: 368px;
  height: 129px;
  background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/main-point-com.png) no-repeat;
  padding-left: 25px;
}

.main02 .main-inner,
.main03 .main-inner{
  width: 1008px;
  height: 512px;
  margin: auto;
  position: relative;
}
.main02 .main-img,
.main03 .main-img{
  width: 565px;
  padding-top: 92px;
}
.main02 .main-text,
.main03 .main-text{
  position: absolute;
  top: 44px;
  right: -4px;
}
.main02 h1,
.main03 h1{
  font-size: 50px;
  line-height: 1.35;
  letter-spacing: 0.13em;
  margin-bottom: 30px;
  color: #000;
}
.main02 h1 .kerning,
.main03 h1 .kerning{
  display: inline-block;
  margin-left: -0.6em;
  letter-spacing: 0.11em;
  font-size: 43.07px;
}
.main02 h1 .line-marker-half,
.main03 h1 .line-marker-half{
  background: linear-gradient(transparent 50%, #ede6cc 50%);
  padding-left: 0.1em;
  padding-bottom: 0.05em;
  margin-left: -0.09em;
}
.main02 .case-list,
.main03 .case-list{
  margin-bottom: 42px;
  line-height: 2.1;
  letter-spacing: 0.1em;
  font-size: 16px;
  color: #000;
}
.main02 .fukidashi,
.main03 .fukidashi{
  width: 316px;
  height: 34px;
  line-height: 34px;
  position: relative;
  background-color: #5372c3;
  color: #fff;
  text-align: center;
  font-size: 20px;
  border-radius: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
  box-sizing: border-box;
  padding-left: 0.28em;
}
.main02 .fukidashi:after,
.main03 .fukidashi:after{
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #5372c3;
}
.main02 .main-sub-text,
.main03 .main-sub-text{
  font-size: 34.31px;
  line-height: 1.04;
  letter-spacing: 0.1em;
  color: #030303;
}
.main02 .main-sub-text .fs_small,
.main03 .main-sub-text .fs_small{
  font-size: 24px;
  letter-spacing: 0.11em;
}
.main02 .double_quotes,
.main03 .double_quotes{
  font-size: 135.733022442436607%;
  position: relative;
  top: 7px;
}

.main03 .main-img{
  width: 551px;
  padding-top: 50px;
  float: right;
}
.main03 .main-text{
  left: 4px;
}
.main03 h1 .ml-minus{
  display: inline-block;
  margin-left: -0.45em;
}
.main03 .case-list{
  margin-bottom: 37px;
  line-height: 1.9;
}
.main03 .main-point{
  margin-left: -4px;
}
.main03 .fukidashi{
  width: 395px;
  background-color: #e98f4d;
}
.main03 .fukidashi:after{
  border-top: 15px solid #e98f4d;
}
.main03 .main-sub-text{
  text-align: center;
  display: inline-block;
}
@media screen and (min-width:641px) {
  .main01 .main-text{
    top: 80px;
    left: 200px;
  }
  .main02 .case-list span.pc_only,
  .main03 .case-list span.pc_only{
    display: inline!important;
  }
}
@media screen and (min-width:641px) and (max-width:1365px) {
  .main01 .main-sub-title{
    font-size: 1.7569546120058566vw;
    padding-top: 0.14641288433382138vw;
  }
  .main01 .main-sub-title span{
    font-size: 1.3177159590043925vw;
    padding: 0.29282576866764276vw 0.7320644216691069vw;
    top: -0.14641288433382138vw;
    margin-left: 1.3177159590043925vw;
  }
  .main01 .main-sub-title span + span{
    margin-left: 0.7320644216691069vw;
  }
  .main01 h1{
    font-size: 4.927525622254759vw;
    margin-top: 4.24597364568082vw;
  }
  .main01 .main-text{
    top: 5.856515373352855vw;
    left: 14.641288433382138vw;
  }
  .main01 .main-point{
    font-size: 1.7569546120058566vw;
    margin-top: 4.758418740849195vw;
    margin-left: -0.1.7569546120058566vw;
  }
  .main01 .main-point .main-point-box{
    padding-top: 0.14641288433382138vw;
  }
  .main01 .main-point .main-point-promo{
    width: 26.35431918008785vw;
    height: 9.443631039531478vw;
    margin-right: 0.14641288433382138vw;
    padding-left: 0.7320644216691069vw;
  }
  .main01 .main-point .main-point-com{
    width: 26.939970717423133vw;
    height: 9.443631039531478vw;
    padding-left: 1.8301610541727673vw;
  }

  .main02 .main-inner,
  .main03 .main-inner{
    width: 73.79209370424597vw;
    height: 37.48169838945827vw;
  }
  .main02 .main-img,
  .main03 .main-img{
    width: 41.36163982430454vw;
    padding-top: 6.734992679355783vw;
  }
  .main02 .main-text,
  .main03 .main-text{
    position: absolute;
    top: 3.22108345534407vw;
    right: -0.29282576866764276vw;
  }
  .main02 h1,
  .main03 h1{
    font-size: 3.6603221083455346vw;
    margin-bottom: 2.1961932650073206vw;
  }
  .main02 h1 .kerning,
  .main03 h1 .kerning{
    font-size: 3.1530014641288435vw;
  }
  .main02 .case-list,
  .main03 .case-list{
    margin-bottom: 3.074670571010249vw;
    font-size: 1.171303074670571vw;
  }
  .main02 .fukidashi,
  .main03 .fukidashi{
    width: 23.133235724743777vw;
    height: 2.4890190336749636vw;
    line-height: 2.4890190336749636vw;
    font-size: 1.4641288433382138vw;
    border-radius: 1.4641288433382138vw;
    margin-bottom: 0.8784773060029283vw;
  }
  .main02 .fukidashi:after,
  .main03 .fukidashi:after{
    bottom: -0.5856515373352855vw;
    border-left: 1.0980966325036603vw solid transparent;
    border-right: 1.0980966325036603vw solid transparent;
    border-top: 1.0980966325036603vw solid #5372c3;
  }
  .main02 .main-sub-text,
  .main03 .main-sub-text{
    font-size: 2.511713030746706vw;
  }
  .main02 .main-sub-text .fs_small,
  .main03 .main-sub-text .fs_small{
    font-size: 1.7569546120058566vw;
  }
  .main02 .double_quotes,
  .main03 .double_quotes{
    top: 0.5124450951683748vw;
  }

  .main03 .main-img{
    width: 40.33674963396779vw;
    padding-top: 3.6603221083455346vw;
  }
  .main03 .main-text{
    left: 0.29282576866764276vw;
  }
  .main03 .case-list{
    margin-bottom: 2.7086383601756956vw;
  }
  .main03 .main-point{
    margin-left: -0.29282576866764276vw;
  }
  .main03 .fukidashi{
    width: 28.916544655929723vw;
  }
  .main03 .fukidashi:after{
    border-top: 1.0980966325036603vw solid #e98f4d;
  }
}
@media screen and (min-width:641px) and (max-width:768px) {
  .main02 .main-inner{
    width: 80%;
  }
}
@media screen and (max-width:640px) {
  .main01 .main-text{
    width: 100%;
  }
  .main01 .main-sub-title{
    font-size: 3.8734374999999996vw;
    padding-top: 0px;
    width: 64vw;
    margin: 7.65625vw auto 0;
    text-align: center;
  }
  .main01 .main-sub-title span{
    font-size: 3.1968750000000004vw;
    padding: 0.9375vw 2.03125vw;
    top: 2.8125vw;
    margin-left: 0px;
  }
  .main01 .main-sub-title span + span{
    margin-left: 1.5625vw;
  }
  .main01 h1{
    width: 92.65625vw;
    margin: 9.0625vw auto 0;
  }
  .main01 .main-point{
    font-size: 4.003125vw;
    margin-top: 6.40625vw;
    margin-left: 3.125vw;
  }
  .main01 .main-point .main-point-box{
    letter-spacing: -0.05em;
    padding-top: 2.34375vw;
  }
  .main01 .main-point .main-point-promo{
    width: 43.59375vw;
    height: 20vw;
    margin-right: 2.65625vw;
    padding-left: 1.5625vw;
    background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/main-point-promo_sp.png) no-repeat;
  }
  .main01 .main-point .main-point-com{
    width: 46.25vw;
    height: 20vw;
    padding-left: 3.4375vw;
    background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/main-point-com_sp.png) no-repeat;
  }

  .main02 .main-inner,
  .main03 .main-inner{
    width: 100%;
    height: 80vw;
  }
  .main02 .main-img,
  .main03 .main-img{
    width: 49.375vw;
    padding-top: 35.46875vw;
  }
  .main02 .main-text,
  .main03 .main-text{
    width: 100%;
    top: 8.28125vw;
    left: 3.28125vw;
  }
  .main02 h1,
  .main03 h1{
    font-size: 7.8125vw;
    line-height: 1.35;
    letter-spacing: 0.13em;
    margin-bottom: 4.6875vw;
  }
  .main02 h1 .kerning,
  .main03 h1 .kerning{
    margin-left: -0.6em;
    letter-spacing: 0.11em;
    font-size: 6.7296875vw;
  }
  .main02 .case-list,
  .main03 .case-list{
    line-height: 1.6;
    font-size: 2.5vw;
    position: absolute;
    top: 2.96875vw;
    right: 3.125vw;
  }
  .main02 .main-point,
  .main03 .main-point {
    position: absolute;
    top: 32.1875vw;
    right: 5.625vw;
  }
  .main02 .fukidashi,
  .main03 .fukidashi{
    width: 49.375vw;
    height: 5.3125vw;
    line-height: 5.3125vw;
    font-size: 3.125vw;
    border-radius: 3.125vw;
    letter-spacing: 0.1em;
    margin-bottom: 1.875vw;
  }
  .main02 .fukidashi:after,
  .main03 .fukidashi:after{
    bottom: -1.25vw;
    border-left: 2.34375vw solid transparent;
    border-right: 2.34375vw solid transparent;
    border-top: 2.34375vw solid #5372c3;
  }
  .main02 .main-sub-text,
  .main03 .main-sub-text{
    font-size: 5.3609375vw;
    line-height: 1.03;
    letter-spacing: 0.1em;
  }
  .main02 .main-sub-text .fs_small,
  .main03 .main-sub-text .fs_small{
    font-size: 3.75vw;
    letter-spacing: 0.11em;
  }
  .main02 .double_quotes,
  .main03 .double_quotes{
    top: 1.40625vw;
  }

  .main03 .main-img{
    width: 45.15625vw;
    padding-top: 35.3vw;
    float: none;
  }
  .main03 .case-list{
    top: 0.78125vw;
    right: 7.8125vw;
  }
  .main03 .case-list .sp_only.dsp_inline{
    display: inline!important;
  }
  .main03 .main-point {
    right: auto;
    left: 39.53125vw;
  }
  .main03 .fukidashi{
    width: 57.03125vw;
    letter-spacing: -0.01em;
  }
  .main03 .fukidashi:after{
    border-top: 2.34375vw solid #e98f4d;
  }
  .main03 .main-sub-text{
    letter-spacing: -0.005em;
    margin-left: 0.78125vw;
  }
  .main03 .main-sub-text .fs_small{
    letter-spacing: 0.12em;
    margin-left: 1.4vw;
  }
}
@media screen and (max-width:360px) {
  .main02 .case-list,
  .main03 .case-list {
    font-size: 10px;
    transform: scale(0.8);
    transform-origin: 90% 0;
  }
}


/* remote-image */
#section-summary .contents-inner{
  max-width: 1036px;
}
.remote-image{
  height: 736px;
  position: relative;
}
.remote-img *{
  font-weight: bold;
}
.remote-img{
  width: 599px;
  height: 571px;
  background-size: cover!important;
  position: absolute;
  bottom: 0;
}
.remote-img.remote-img-promo{
  background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/remote_promo.png?1) no-repeat;
  left: 0;
  z-index: 2;
}
.remote-img.remote-img-com{
  background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/remote_com.png?1) no-repeat;
  right: 0;
  z-index: 1;
}
.remote-img .remote-img-title{
  font-size: 20px;
  text-align: left;
  position: absolute;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
.remote-img.remote-img-promo .remote-img-title{
  top: 15px;
  left: 19px;
}
.remote-img.remote-img-com .remote-img-title{
  right: 17px;
  bottom: 22px;
  text-align: right;
}
.remote-img .remote-img-title .line-marker-half{
  font-size: 200%;
  padding-left: 0.1em;
  padding-bottom: 0.05em;
  margin-left: -0.09em;
  letter-spacing: 0.05em;
}
.remote-img.remote-img-promo .remote-img-title .line-marker-half{
  background: linear-gradient(transparent 50%, #f9f6eb 50%);
}
.remote-img.remote-img-com .remote-img-title .line-marker-half{
  background: linear-gradient(transparent 50%, #f9f6eb 50%);
}
.remote-img .remote-img-elem{
  width: 212px;
  text-align: left;
  position: absolute;
}
.remote-img .remote-img-elem01{
  width: 212px;
  top: 113px;
  left: 36px;
}
.remote-img .remote-img-elem02{
  width: 200px;
  top: 47px;
  left: 305px;
}
.remote-img .remote-img-elem03{
  width: 160px;
  top: 338px;
  left: 26px;
}
.remote-img .remote-img-elem04{
  width: 212px;
  top: 307px;
  left: 216px;
}
.remote-img .remote-img-elem05{
  width: 212px;
  top: 59px;
  left: 145px;
}
.remote-img .remote-img-elem06{
  width: 230px;
  top: 18px;
  left: 363px;
}
.remote-img .remote-img-elem07{
  width: 252px;
  top: 306px;
  left: 47px;
}
.remote-img .remote-img-elem08{
  width: 212px;
  top: 287px;
  left: 373px;
}
.remote-img .remote-img-elem .modal-open{
  display: block;
}
.remote-img .remote-img-elem01 .modal-open{
  width: 167px;
  margin: 0 auto 22px 25px;
}
.remote-img .remote-img-elem02 .modal-open{
  width: 184px;
  margin: 0 auto 24px 21px;
}
.remote-img .remote-img-elem03 .modal-open{
  width: 143px;
  margin: 0 auto 23px 13px;
}
.remote-img .remote-img-elem04 .modal-open{
  width: 166px;
  margin: 0 auto 22px 37px;
}
.remote-img .remote-img-elem05 .modal-open{
  width: 149px;
  margin: 0 auto 22px 49px;
}
.remote-img .remote-img-elem06 .modal-open{
  width: 187px;
  margin: 15px auto 0px 24px;
}
.remote-img .remote-img-elem07 .modal-open{
  width: 158px;
  margin: 0 auto 22px 65px;
}
.remote-img .remote-img-elem08 .modal-open{
  width: 268px;
  margin: 10px auto 0px -50px;
}
.remote-img .remote-img-elem h5{
  font-size: 12px;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
}
.remote-img .remote-img-elem07 h5{
  margin-bottom: 7px;
}
.remote-img .remote-img-elem p{
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
.remote-img .remote-img-elem02 p{
  margin-left: -0.2em;
  letter-spacing: 0.06em;
}
.remote-img .remote-img-elem04 p{
  letter-spacing: 0.03em;
}
.remote-img .remote-img-elem06 p{
  letter-spacing: 0.01em;
}
.remote-img .remote-img-elem07 p{
  letter-spacing: 0.004em;
}

@media screen and (min-width:641px) and (max-width:1048px) {
  #section-summary .contents-inner{
    padding: 7.633587786259542vw 1.9083969465648856vw;
  }
  .remote-image{
    height: 70.22900763358778vw;
  }
  .remote-image h3{
    padding-bottom: 5vw;
  }
  .remote-img{
    width: 57.156488549618324vw;
    height: 54.48473282442748vw;
  }
  .remote-img .remote-img-title{
    font-size: 1.9083969465648856vw;
  }
  .remote-img.remote-img-promo .remote-img-title{
    top: 1.4312977099236641vw;
    left: 1.8129770992366414vw;
  }
  .remote-img.remote-img-com .remote-img-title{
    right: 1.6221374045801529vw;
    bottom: 2.099236641221374vw;
  }
  .remote-img .remote-img-elem01{
    width: 20.229007633587788vw;
    top: 10.782442748091604vw;
    left: 3.435114503816794vw;
  }
  .remote-img .remote-img-elem02{
    width: 19.083969465648856vw;
    top: 4.484732824427481vw;
    left: 29.103053435114507vw;
  }
  .remote-img .remote-img-elem03{
    width: 15.267175572519085vw;
    top: 32.25190839694657vw;
    left: 2.480916030534351vw;
  }
  .remote-img .remote-img-elem04{
    width: 20.229007633587788vw;
    top: 29.293893129770993vw;
    left: 20.610687022900766vw;
  }
  .remote-img .remote-img-elem05{
    width: 20.229007633587788vw;
    top: 5.629770992366413vw;
    left: 13.83587786259542vw;
  }
  .remote-img .remote-img-elem06{
    width: 21.946564885496183vw;
    top: 1.717557251908397vw;
    left: 34.637404580152676vw;
  }
  .remote-img .remote-img-elem07{
    width: 24.045801526717558vw;
    top: 29.19847328244275vw;
    left: 4.484732824427481vw;
  }
  .remote-img .remote-img-elem08{
    width: 20.229007633587788vw;
    top: 27.385496183206108vw;
    left: 35.591603053435115vw;
  }
  .remote-img .remote-img-elem01 .modal-open{
    width: 15.935114503816795vw;
    margin: 0 auto 1.5267175572519085vw 2.385496183206107vw;
  }
  .remote-img .remote-img-elem02 .modal-open{
    width: 17.557251908396946vw;
    margin: 0 auto 1.6221374045801529vw 2.00381679389313vw;
  }
  .remote-img .remote-img-elem03 .modal-open{
    width: 13.645038167938932vw;
    margin: 0 auto 1.6221374045801529vw 1.2404580152671756vw;
  }
  .remote-img .remote-img-elem04 .modal-open{
    width: 15.83969465648855vw;
    margin: 0 auto 1.5267175572519085vw 3.530534351145038vw;
  }
  .remote-img .remote-img-elem05 .modal-open{
    width: 14.217557251908397vw;
    margin: 0 auto 1.5267175572519085vw 4.675572519083969vw;
  }
  .remote-img .remote-img-elem06 .modal-open{
    width: 17.84351145038168vw;
    margin: 1.4312977099236641vw auto 0px 2.290076335877863vw;
  }
  .remote-img .remote-img-elem07 .modal-open{
    width: 15.076335877862597vw;
    margin: 0 auto 1.5267175572519085vw 6.202290076335879vw;
  }
  .remote-img .remote-img-elem08 .modal-open{
    width: 25.572519083969468vw;
    margin: 0.9541984732824428vw auto 0px -4.770992366412214vw;
  }
  .remote-img .remote-img-elem h5{
    font-size: 1.1450381679389314vw;
    margin-bottom: 0.4770992366412214vw;
  }
  .remote-img .remote-img-elem07 h5{
    margin-bottom: 0.66793893129771;
  }
  .remote-img .remote-img-elem p{
    font-size: 1.5vw;
  }
}

@media screen and (min-width:641px) and (max-width:873px) {
  .remote-image{
    height: 74vw;
  }
  .remote-txt {
    margin: 0 auto 1.9473081328751431vw;
    padding: 0.8018327605956471vw;
    border-radius: 2.290950744558992vw;
    font-size: 1.8327605956471935vw;
  }
  .remotebg-b:before, .remotebg-o:before {
    bottom: -0.9163802978235968vw;
    border-left: 1.7182130584192439vw solid transparent;
    border-right: 1.7182130584192439vw solid transparent;
  }
  .remote-cap {
    font-size: 2.0618556701030926vw;
  }
  .remote-title {
    font-size: 3.2073310423825885vw;
  }
  .remote-img h5{
    font-size: 10px;
    transform: scale(0.9);
    transform-origin: 0 center;
    white-space: nowrap;
  }
}
@media screen and (min-width:641px) and (max-width:768px) {
  .remote-img h5{
    transform: scale(0.8);
  }
}
@media screen and (min-width:641px) and (max-width:690px) {
  .remote-img h5{
    transform: scale(0.7);
  }
}
@media screen and (max-width:640px) {
  .remote-txt {
    width: 84%;
    padding: 0.78125vw 0;
    font-size: 3.7vw;
    margin: 0 auto 3.4vw;
    border-radius: 3.125vw;
  }
  .remotebg-b:before, .remotebg-o:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -1.2vw;
    border-left: 3.5vw solid transparent;
    border-right: 3.5vw solid transparent;
  }
  .remotebg-b:before {
    border-top: 3.5vw solid #5372c3;
  }
  .remotebg-o:before {
    border-top: 3.5vw solid #e98f4d;
  }
  .remote-cap {
    font-size: 3.75vw;
    letter-spacing: 0.13em;
  }
  .remote-title {
    margin-top: -1.25vw;
    margin-bottom: 6.25vw;
    font-size: 5.5vw;
  }
  .remote-title sup {
    top: 3.125vw;
  }
  .remote-l {
    margin-bottom: 9.6875vw;
  }
  .remote-r {
    margin-bottom: 5vw;
  }
  .remote-image{
    height: auto;
  }
  .remote-img{
    width: 90vw;
    height: 108.90625vw;
    margin: auto;
    position: relative;
  }
  .remote-img.remote-img-promo{
    background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/sp_remote_promo.png?1) no-repeat;
  }
  .remote-img.remote-img-com{
    background: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/sp_remote_com.png?1) no-repeat;
  }
  .remote-img .remote-img-title{
    font-size: 3.125vw;
  }
  .remote-img.remote-img-promo .remote-img-title{
    top: 2.34375vw;
    left: 2.96875vw;
  }
  .remote-img.remote-img-com .remote-img-title{
    right: auto;
    bottom: auto;
    top: 2.34375vw;
    left: 2.96875vw;
    text-align: left;
  }
  .remote-img .remote-img-elem01{
    width: 33.125vw;
    top: 17.65625vw;
    left: 4.375vw;
  }
  .remote-img .remote-img-elem02{
    width: 44.0625vw;
    top: 7.65625vw;
    left: 45vw;
  }
  .remote-img .remote-img-elem03{
    width: 42vw;
    top: 64.84375vw;
    left: 2.8125vw;
  }
  .remote-img .remote-img-elem04{
    width: 42.5vw;
    top: 56.40625vw;
    left: 46.09375vw;
  }
  .remote-img .remote-img-elem05{
    width: 39.0625vw;
    top: 17.5vw;
    left: 4.375vw;
  }
  .remote-img .remote-img-elem06{
    width: 39.0625vw;
    top: 0;
    left: 48.59375vw;
  }
  .remote-img .remote-img-elem07{
    width: 39.375vw;
    top: 59.0625vw;
    left: 2.8125vw;
  }
  .remote-img .remote-img-elem08{
    width: 39.375vw;
    top: 58.125vw;
    left: 48.28125vw;
  }
  .remote-img .remote-img-elem01 .modal-open{
    width: 31.71875vw;
    margin: 0 auto 3.28125vw 1.25vw;
  }
  .remote-img .remote-img-elem02 .modal-open{
    width: 32.65625vw;
    margin: 0 auto 3.90625vw 3.28125vw;
  }
  .remote-img .remote-img-elem03 .modal-open{
    width: 24.53125vw;
    margin: 0 auto 3.59375vw 6.09375vw;
  }
  .remote-img .remote-img-elem04 .modal-open{
    width: 27.96875vw;
    margin: 0 auto 3.4375vw 6.25vw;
  }
  .remote-img .remote-img-elem05 .modal-open{
    width: 25.625vw;
    margin: 0 auto 2.1875vw 4.375vw;
  }
  .remote-img .remote-img-elem06 .modal-open{
    width: 29.21875vw;
    margin: 4.21875vw auto 0px 6.25vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .remote-img .remote-img-elem07 .modal-open{
    width: 24.6875vw;
    margin: 0 auto 1.71875vw 5.9375vw;
  }
  .remote-img .remote-img-elem08 .modal-open{
    width: 38.75vw;
    margin: 0px auto 0px -1.40625vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .remote-img .remote-img-elem h5{
    font-size: 3.125vw; /****/
    margin-bottom: 1.4vw;
    line-height: 1.2;
  }
  .remote-img .remote-img-elem06 h5{
    margin-top: 31.09375vw;
  }
  .remote-img .remote-img-elem08 h5{
    margin-top: 26.25vw;
  }
  .remote-img .remote-img-elem p{
    font-size: 3.75vw;
    line-height: 1.333;
  }
}

/* Flow */
.topbottom-flow{
  margin: 80px 6px auto;
}
.topbottom-flow .flow{
  width: 328px;
  height: 352px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.topbottom-flow .flow:nth-of-type(1){
  background-image: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/flow01.png);
}
.topbottom-flow .flow:nth-of-type(2){
  background-image: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/flow02.png);
}
.topbottom-flow .flow:nth-of-type(3){
  background-image: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/flow03.png);
}
.topbottom-flow .flow-txt{
  font-weight: bold;
  font-size: 22px;
  margin-top: 205px;
}
@media screen and (min-width:641px) and (max-width:1027px) {
  .topbottom-flow{
    margin: 7.789678675754626vw 0.5842259006815969vw auto;
  }
  .topbottom-flow .flow{
    width: 31.937682570593964vw;
    height: 34.27458617332035vw;
  }
  .topbottom-flow .flow-txt{
    font-size: 2.142161635832522vw;
    margin-top: 19.96105160662123vw;
  }
}
@media screen and (max-width:640px) {
  .topbottom-flow{
    margin: 7.789678675754626vw 0.5842259006815969vw auto;
  }
  .topbottom-flow .flow{
    margin: auto;
    width: 70%;
    height: 74.3vw;
  }
  .topbottom-flow .flow + .flow{
    margin-top: 5.33vw;
  }
  .topbottom-flow .flow-txt{
    font-size: 5vw;
    margin-top: 43vw;
  }
}
@media screen and (max-width:320px) {
  .topbottom-flow .flow{
    margin: auto;
  }
  .topbottom-flow .flow + .flow{
    margin-top: 20px;
  }
  .topbottom-flow .flow-txt{
    font-size: 5vw;
  }
}


/* recofeature */
.example-title {
  font-size: 26px;
  font-weight: bold;
}
.example-title .baroon{
  position:relative;
  width:134px;
  padding: 7px 0;
  text-align:center;
  border:2px solid #FFA800;
  color:#ffa800;
  font-size:19px;
  border-radius:34px;
  display: block;
  box-sizing: border-box;
  font-weight: normal!important;
  margin: 0 auto 20px;
}
.example-title .baroon:after,.example-title .baroon:before{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  top:100%;
  left:50%;
}
.example-title .baroon:after{
  border-color: rgba(255, 255, 255, 0);
  border-top-width:10px;
  border-bottom-width:10px;
  border-left-width:9px;
  border-right-width:9px;
  margin-left: -9px;
  border-top-color:#FFFFFF;
}
.example-title .baroon:before{
  border-color: rgba(255, 168, 0, 0);
  border-top-width:10px;
  border-bottom-width:10px;
  border-left-width:10px;
  border-right-width:10px;
  margin-left: -10px;
  margin-top: 2px;
  border-top-color:#FFA800;
}
#recofeature .lowcost-title{
  font-size: 24px;
  font-weight: bold;
}
#recofeature .lowcost-title span{
  /* display: block; */
}
#recofeature .lowcost-title .strong{
  font-size: 34px;
}
#recofeature .lowcost-title .line-marker-half{
  background: linear-gradient(transparent 60%, #ffc000 60%);
  padding: 0 0.1em  0.1em;
}
#recofeature .iconlist-blue li{
  font-size: 18px;
}
@media screen and (min-width:641px) and (max-width:1008px) {
  #recofeature .iconlist-blue li{
    font-size: 1.7vw;
    padding: 0.5vw;
    letter-spacing: 0.08em;
    height: auto;
  }
}
@media screen and (max-width:640px) {
  #recofeature .lowcost-title{
    font-size: 22px;
  }
  #recofeature .lowcost-title .strong{
    font-size: 26px;
  }
}



/* zoom */
.example-title {
  font-size: 26px;
  font-weight: bold;
}
#zoom .service-img{
  text-align: center;
}
#zoom .baroon{
  position:relative;
  width:100%;
  padding: 7px 0;
  text-align:center;
  border:2px solid #2d8cff;
  color:#2d8cff;
  font-size:19px;
  border-radius:34px;
  display: block;
  box-sizing: border-box;
  font-weight: normal!important;
  margin: 0 auto 20px;
  display: inline-block;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  background-color: #fff;
}
#zoom .baroon:after, #zoom .baroon:before{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  top:100%;
  left:50%;
}
#zoom .baroon:after{
  border-color: rgba(255, 255, 255, 0);
  border-top-width:10px;
  border-bottom-width:10px;
  border-left-width:9px;
  border-right-width:9px;
  margin-left: -9px;
  border-top-color:#FFFFFF;
}
#zoom .baroon:before{
  border-color: rgba(255, 168, 0, 0);
  border-top-width:10px;
  border-bottom-width:10px;
  border-left-width:10px;
  border-right-width:10px;
  margin-left: -10px;
  margin-top: 2px;
  border-top-color:#2d8cff;
}
#zoom .zoomimage-list li{
  position: relative;
  width: 320px;
  height: 320px;
  background-repeat: no-repeat;
  background-size: cover;
}
#zoom .zoomimage-list li:nth-of-type(1){
  background-image: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/zoomimg01.png);
}
#zoom .zoomimage-list li:nth-of-type(2){
  background-image: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/zoomimg02.png);
}
#zoom .zoomimage-list li:nth-of-type(3){
  background-image: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/zoomimg03.png);
}
#zoom .zoomimage-list li span{
  margin-top: 76px;
  margin-left: 49px;
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
  display: block;
}
@media  screen and (min-width:641px){
  #zoom .zoomimg{
    position: relative;
    width: 989px;
    margin-left: auto;
    margin-right: auto;
  }
  #zoom .zoomimg-tree{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 488px;
  }
  #zoom .zoomimg-tree p{
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 152px;
    height: 111px;
    border: solid 3px #2d8dff;
    text-align: center;
    background-color: #fff;
    line-height: 1;
    box-sizing: border-box;
  }
  #zoom .zoomimg-tree01 p:nth-of-type(1){
    line-height: 1.5;
  }
  #zoom .zoomimg-tree01 p:nth-of-type(2),
  #zoom .zoomimg-tree01 p:nth-of-type(3){
    letter-spacing: 0.03em;
  }
  #zoom .zoomimg-tree02 p:nth-of-type(3){
    letter-spacing: 0.03em;
  }
  #zoom .zoomimg-tree01{
    position: absolute;
    bottom: 0px;
  }
  #zoom .zoomimg-tree02{
    position: absolute;
    bottom: 0px;
    right: 0;
  }
}
@media  screen and (min-width:641px) and (max-width:1024px) {
  #zoom .zoomimage-list li{
    width: 31.25vw;
    height: 31.25vw;
  }
  #zoom .zoomimage-list li span{
    margin-top: 7.421875vw;
    margin-left: 4.78515625vw;
    font-size: 2.1484375vw;
  }
  #zoom .zoomimg{
    width: 96.58203125vw;
  }
  #zoom .zoomimg-tree{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 47.65625vw;
  }
  #zoom .zoomimg-tree p{
    font-size: 1.7578125vw;
    width: 14.84375vw;
    height: 10.83984375vw;
    border: solid 0.29296875vw #2d8dff;
  }
}
@media  screen and (max-width:640px) {
  #zoom .service-img {
    max-width: 90%;
  }
  #zoom .service-txt {
    font-size: 7.5vw;
    line-height: 1.1;
  }
  #zoom .zoomimage-list li{
    width: 70vw;
    height: 70vw;
  }
  #zoom .zoomimage-list li + li{
    margin-top: 5vw;
  }
  #zoom .zoomimage-list li span{
    margin-top: 16vw;
    margin-left: 10vw;
    font-size: 5.15625vw;
    letter-spacing: 0.04em;
  }
  #zoom .baroon {
    padding: 7px 0;
    border: 2px solid #2d8cff;
    font-size: 4vw;
    border-radius: 5.3125vw;
    margin: 0 auto 20px;
  }
  #zoom .zoomimg{
    position: relative;
  }
  #zoom .zoomimg-tree{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  #zoom .zoomimg-tree p{
    font-size: 3.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100%/3.2);
    height: 17.65625vw;
    border: solid 0.625vw #2d8dff;
    text-align: center;
    background-color: #fff;
    line-height: 1;
    box-sizing: border-box;
    font-feature-settings: "palt";
  }
  #zoom .zoomimg-tree01 p:nth-of-type(1){
    line-height: 1.5;
  }
  #zoom .zoomimg-tree02 p:nth-of-type(3){
    letter-spacing: 0.03em;
  }
  #zoom .zoomimg-tree01{
    position: absolute;
    top: -3px;
  }
  #zoom .zoomimg-tree02{
    position: absolute;
    bottom: -3px;
  }
}



/* MAP */
.bottom-img {
  margin: 58px auto 0;
}
.map-guide{
  text-align: center;
  margin: 60px auto 0;
  position: relative;
  font-weight: bold;
}
.map-guide p{
  width: auto;
  border-bottom: solid 6px #ff6657;
  font-size: 18px;
  letter-spacing: 0.1em;
  display: inline-block;
  line-height: 1.2;
  font-weight: bold;
}
.map-guide p:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 13.5px 0 13.5px;
  border-color: #ff6557 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.map-guide .map-guide-fukidashi{
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
@media screen and (max-width:567px) {
  .bottom-img {
    margin: 9.0625vw auto 0;
  }
  .map-guide{
    margin: 14vw auto 0;
  }
  .map-guide p{
    border-bottom: solid 0.9375vw #ff6657;
    font-size: 3.8125vw;
  }
  .map-guide p:after{
    border-width: 1.875vw 2.109375vw 0 2.109375vw;
    bottom: -1.5625vw;
  
  }
  .map-guide .map-guide-fukidashi{
    width: 13vw;
    margin-right: 1vw;
    position: relative;
    top: -1vw;
    letter-spacing: normal;
  }
}


/* モーダルテキスト対応 */
.bottom-img{
  position: relative;
}
.map-fukidashi{
  display: block;
  position: absolute;
  text-align: center;
}
#wrapper .sp-scroll .bottom-img .map-fukidashi img{
  width: 100%;
  vertical-align: bottom;
  padding: 0;
}
.map-text{
  font-size: 11px;
  letter-spacing: normal;
  color: #000;
  padding-right: 10px;
  line-height: 1.2;
  position: absolute;
  display: block;
  font-weight: bold;
}
.map-text:after{
  content: "";
  display: block;
  width: 6px;
  height: 9px;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/special/remote-solution/img/map-text-arrow.svg);
  background-repeat: no-repeat;
  background-size: 6px 9px;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  right: 0;
}
.map01-fukidashi01{
  width: 170px;
  top: 76px;
  left: 3px;
}
.map01-fukidashi02{
  width: 175px;
  top: 21px;
  left: 323px;
}
.map01-fukidashi03{
  width: 156.5px;
  top: 1px;
  left: 532px;
}
.map01-fukidashi04{
  width: 173px;
  top: 27px;
  right: 2px;
}
.map01-fukidashi05{
  width: 172px;
  bottom: 8px;
  left: 117px;
}
.map01-fukidashi06{
  width: 158.5px;
  bottom: 7px;
  right: 221px;
}
.map01-fukidashi07{
  width: 158.5px;
  bottom: 6px;
  right: 81px;
}
.map01-fukidashi01 .map-text{
  bottom: 20px;
  left: 45px;
}
.map01-fukidashi02 .map-text{
  bottom: 30px;
  left: 55px;
}
.map01-fukidashi03 .map-text{
  bottom: 35px;
  left: 36px;
}
.map01-fukidashi04 .map-text{
  bottom: 30px;
  left: 42px;
}
.map01-fukidashi05 .map-text{
  bottom: 25px;
  left: 29px;
}
.map01-fukidashi06 .map-text{
  bottom: 22px;
  left: 31px;
}
.map01-fukidashi07 .map-text{
  bottom: 25px;
  left: 39px;
}

.map02-fukidashi01{
  width: 162px;
  top: 5px;
  left: 0px;
}
.map02-fukidashi02{
  width: 163px;
  top: 35px;
  left: 171px;
}
.map02-fukidashi03{
  width: 163px;
  top: 0px;
  left: 838px;
}
.map02-fukidashi04{
  width: 180px;
  bottom: 9px;
  left: 22px;
}
.map02-fukidashi05{
  width: 160px;
  bottom: 133px;
  left: 339px;
}
.map02-fukidashi06{
  width: 179px;
  bottom: 4px;
  left: 693px;
}
.map02-fukidashi01 .map-text{
  bottom: 32px;
  left: 59px;
}
.map02-fukidashi02 .map-text{
  bottom: 23px;
  left: 46px;
}
.map02-fukidashi03 .map-text{
  bottom: 34px;
  left: 28px;
  white-space: nowrap;
}
.map02-fukidashi04 .map-text{
  bottom: 22px;
  left: 39px;
}
.map02-fukidashi05 .map-text{
  bottom: 19px;
  left: 37px;
}
.map02-fukidashi06 .map-text{
  bottom: 27px;
  left: 46px;
}

.map03-fukidashi01{
  width: 177px;
  top: 0px;
  left: 179px;
}
.map03-fukidashi02{
  width: 178px;
  top: 5px;
  left: 816px;
}
.map03-fukidashi03{
  width: 166px;
  top: 144px;
  left: 2px;
}
.map03-fukidashi04{
  width: 194px;
  top: 253px;
  left: 145px;
}
.map03-fukidashi05{
  width: 177px;
  bottom: 5px;
  left: 1px;
}
.map03-fukidashi06{
  width: 176px;
  bottom: 6px;
  left: 181px;
}
.map03-fukidashi07{
  width: 174px;
  bottom: 7px;
  left: 365px;
}
.map03-fukidashi08{
  width: 161px;
  bottom: 23px;
  left: 728px;
}
.map03-fukidashi01 .map-text{
  bottom: 34px;
  left: 55px;
}
.map03-fukidashi02 .map-text{
  bottom: 29px;
  left: 64px;
}
.map03-fukidashi03 .map-text{
  bottom: 41px;
  left: 50px;
}
.map03-fukidashi04 .map-text{
  bottom: 22px;
  left: 54px;
}
.map03-fukidashi05 .map-text{
  bottom: 25px;
  left: 39px;
}
.map03-fukidashi06 .map-text{
  bottom: 27px;
  left: 39px;
}
.map03-fukidashi07 .map-text{
  bottom: 23px;
  left: 33px;
}
.map03-fukidashi08 .map-text{
  bottom: 27px;
  left: 31px;
}

.map04-fukidashi01{
  width: 180px;
  top: 47px;
  left: 120px;
}
.map04-fukidashi02{
  width: 175px;
  top: 6px;
  left: 710px;
  z-index: 10;
}
.map04-fukidashi03{
  width: 161px;
  top: 104px;
  left: 838px;
}
.map04-fukidashi04{
  width: 192px;
  bottom: 5px;
  left: 171px;
}
.map04-fukidashi05{
  width: 175px;
  bottom: 5px;
  left: 588px;
}
.map04-fukidashi01 .map-text{
  bottom: 32px;
  left: 60px;
}
.map04-fukidashi02 .map-text{
  bottom: 27px;
  left: 45px;
}
.map04-fukidashi03 .map-text{
  bottom: 26px;
  left: 38px;
}
.map04-fukidashi04 .map-text{
  bottom: 25px;
  left: 54px;
}
.map04-fukidashi05 .map-text{
  bottom: 31px;
  left: 30px;
}

.isIe .map-text:after{
  /* margin-top: -10px; */
}

@media screen and (max-width:1040px) {
  .map-text{
    font-size: 1.0576923076923077vw;
    padding-right: 0.9615384615384616vw;
  }
  .map-text:after{
    width: 0.576923076923077vw;
    height: 0.8653846153846154vw;
    background-size: 0.576923076923077vw 0.8653846153846154vw;
  }
  .map01-fukidashi01{
    width: 16.346153846153847vw;
    top: 7.307692307692308vw;
    left: 0.2884615384615385vw;
  }
  .map01-fukidashi02{
    width: 16.826923076923077vw;
    top: 2.019230769230769vw;
    left: 31.05769230769231vw;
  }
  .map01-fukidashi03{
    width: 15.048076923076923vw;
    top: 0.09615384615384616vw;
    left: 51.15384615384615vw;
  }
  .map01-fukidashi04{
    width: 16.634615384615387vw;
    top: 2.5961538461538463vw;
    right: 0.19230769230769232vw;
  }
  .map01-fukidashi05{
    width: 16.53846153846154vw;
    bottom: 0.7692307692307693vw;
    left: 11.25vw;
  }
  .map01-fukidashi06{
    width: 15.240384615384617vw;
    bottom: 0.6730769230769231vw;
    right: 21.25vw;
  }
  .map01-fukidashi07{
    width: 15.240384615384617vw;
    bottom: 0.576923076923077vw;
    right: 7.788461538461539vw;
  }
  .map01-fukidashi01 .map-text{
    bottom: 1.9230769230769231vw;
    left: 4.3269230769230775vw;
  }
  .map01-fukidashi02 .map-text{
    bottom: 2.8846153846153846vw;
    left: 5.288461538461538vw;
  }
  .map01-fukidashi03 .map-text{
    bottom: 3.3653846153846154vw;
    left: 3.4615384615384617vw;
  }
  .map01-fukidashi04 .map-text{
    bottom: 2.8846153846153846vw;
    left: 4.038461538461538vw;
    white-space: nowrap;
  }
  .map01-fukidashi05 .map-text{
    bottom: 2.403846153846154vw;
    left: 2.7884615384615388vw;
  }
  .map01-fukidashi06 .map-text{
    bottom: 2.1153846153846154vw;
    left: 2.980769230769231vw;
  }
  .map01-fukidashi07 .map-text{
    bottom: 2.403846153846154vw;
    left: 3.75vw;
  }

  .map02-fukidashi01{
    width: 15.576923076923078vw;
    top: 0.4807692307692308vw;
    left: 0px;
  }
  .map02-fukidashi02{
    width: 15.673076923076923vw;
    top: 3.3653846153846154vw;
    left: 16.442307692307693vw;
  }
  .map02-fukidashi03{
    width: 15.673076923076923vw;
    top: 0px;
    left: 80.57692307692308vw;
  }
  .map02-fukidashi04{
    width: 17.30769230769231vw;
    bottom: 0.8653846153846154vw;
    left: 2.1153846153846154vw;
  }
  .map02-fukidashi05{
    width: 15.384615384615385vw;
    bottom: 12.788461538461538vw;
    left: 32.59615384615385vw;
  }
  .map02-fukidashi06{
    width: 17.211538461538463vw;
    bottom: 0.38461538461538464vw;
    left: 66.63461538461539vw;
  }
  .map02-fukidashi01 .map-text{
    bottom: 3.076923076923077vw;
    left: 5.673076923076923vw;
  }
  .map02-fukidashi02 .map-text{
    bottom: 2.2115384615384617vw;
    left: 4.423076923076923vw;
  }
  .map02-fukidashi03 .map-text{
    bottom: 3.2692307692307696vw;
    left: 2.6923076923076925vw;
  }
  .map02-fukidashi04 .map-text{
    bottom: 2.1153846153846154vw;
    left: 3.75vw;
  }
  .map02-fukidashi05 .map-text{
    bottom: 1.826923076923077vw;
    left: 3.557692307692308vw;
  }
  .map02-fukidashi06 .map-text{
    bottom: 2.5961538461538463vw;
    left: 4.423076923076923vw;
  }
  
  .map03-fukidashi01{
    width: 17.01923076923077vw;
    top: 0px;
    left: 17.211538461538463vw;
  }
  .map03-fukidashi02{
    width: 17.115384615384617vw;
    top: 0.4807692307692308vw;
    left: 78.46153846153847vw;
  }
  .map03-fukidashi03{
    width: 15.961538461538462vw;
    top: 13.846153846153847vw;
    left: 0.19230769230769232vw;
  }
  .map03-fukidashi04{
    width: 18.653846153846153vw;
    top: 24.326923076923077vw;
    left: 13.942307692307693vw;
  }
  .map03-fukidashi05{
    width: 17.01923076923077vw;
    bottom: 0.4807692307692308vw;
    left: 0.09615384615384616vw;
  }
  .map03-fukidashi06{
    width: 16.923076923076923vw;
    bottom: 0.576923076923077vw;
    left: 17.403846153846153vw;
  }
  .map03-fukidashi07{
    width: 16.73076923076923vw;
    bottom: 0.6730769230769231vw;
    left: 35.09615384615385vw;
  }
  .map03-fukidashi08{
    width: 15.480769230769232vw;
    bottom: 2.2115384615384617vw;
    left: 70vw;
  }
  .map03-fukidashi01 .map-text{
    bottom: 3.2692307692307696vw;
    left: 5.288461538461538vw;
  }
  .map03-fukidashi02 .map-text{
    bottom: 2.7884615384615388vw;
    left: 6.153846153846154vw;
  }
  .map03-fukidashi03 .map-text{
    bottom: 3.9423076923076925vw;
    left: 4.807692307692308vw;
  }
  .map03-fukidashi04 .map-text{
    bottom: 2.1153846153846154vw;
    left: 5.1923076923076925vw;
  }
  .map03-fukidashi05 .map-text{
    bottom: 2.403846153846154vw;
    left: 3.75vw;
  }
  .map03-fukidashi06 .map-text{
    bottom: 2.5961538461538463vw;
    left: 3.75vw;
  }
  .map03-fukidashi07 .map-text{
    bottom: 2.2115384615384617vw;
    left: 3.1730769230769234vw;
  }
  .map03-fukidashi08 .map-text{
    bottom: 2.5961538461538463vw;
    left: 2.980769230769231vw;
  }
  
  .map04-fukidashi01{
    width: 17.30769230769231vw;
    top: 4.519230769230769vw;
    left: 11.538461538461538vw;
  }
  .map04-fukidashi02{
    width: 16.826923076923077vw;
    top: 0.576923076923077vw;
    left: 68.26923076923077vw;
  }
  .map04-fukidashi03{
    width: 15.480769230769232vw;
    top: 10vw;
    left: 80.57692307692308vw;
  }
  .map04-fukidashi04{
    width: 18.461538461538463vw;
    bottom: 0.4807692307692308vw;
    left: 16.442307692307693vw;
  }
  .map04-fukidashi05{
    width: 16.826923076923077vw;
    bottom: 0.4807692307692308vw;
    left: 56.53846153846154vw;
  }
  .map04-fukidashi01 .map-text{
    bottom: 3.076923076923077vw;
    left: 5.769230769230769vw;
  }
  .map04-fukidashi02 .map-text{
    bottom: 2.5961538461538463vw;
    left: 4.3269230769230775vw;
  }
  .map04-fukidashi03 .map-text{
    bottom: 2.5vw;
    left: 3.653846153846154vw;
  }
  .map04-fukidashi04 .map-text{
    bottom: 2.403846153846154vw;
    left: 5.1923076923076925vw;
  }
  .map04-fukidashi05 .map-text{
    bottom: 2.980769230769231vw;
    left: 2.8846153846153846vw;
  }

  .isIe .map-text:after{
    /* margin-top: -0.9615384615384616vw; */
  }
}
@media screen and (min-width:641px) and (max-width:760px) {
  /* .isChrome .map01-fukidashi05 .map-text{
    left: 0.5vw;
  }
  .isChrome .map01-fukidashi06 .map-text{
    left: 1vw;
  }
  .isChrome .map02-fukidashi06 .map-text{
    left: 3vw;
  } */
}
@media screen and (max-width:640px) {
  .map-text{
    font-size: 8px;
    padding-right: 7px;
    font-weight: bold;
  }
  .map-text:after{
    width: 4px;
    height: 7px;
    background-size: 4px 7px;
    transform: translateY(-40%);
  }

  .map01-fukidashi01{
    width: 129px;
    top: 57px;
    left: 6px;
  }
  .map01-fukidashi02{
    width: 132px;
    top: 15px;
    left: 247px;
  }
  .map01-fukidashi03{
    width: 118px;
    top: 0px;
    left: 403px;
  }
  .map01-fukidashi04{
    width: 129px;
    top: 21px;
    right: auto;
    left: 624px;
  }
  .map01-fukidashi05{
    width: 131px;
    bottom: 7px;
    left: 92px;
  }
  .map01-fukidashi06{
    width: 120px;
    bottom: 6px;
    right: auto;
    left: 469px;
  }
  .map01-fukidashi07{
    width: 120px;
    bottom: 6px;
    right: auto;
    left: 575px;
  }
  .map01-fukidashi01 .map-text{
    bottom: 15px;
    left: 35px;
  }
  .map01-fukidashi02 .map-text{
    bottom: 23px;
    left: 41px;
  }
  .map01-fukidashi03 .map-text{
    bottom: 26px;
    left: 30px;
  }
  .map01-fukidashi04 .map-text{
    bottom: 23px;
    left: 32px;
  }
  .map01-fukidashi05 .map-text{
    bottom: 19px;
    left: 23px;
  }
  .map01-fukidashi06 .map-text{
    bottom: 18px;
    left: 25px;
  }
  .map01-fukidashi07 .map-text{
    bottom: 19px;
    left: 31px;
  }

  .map02-fukidashi01{
    width: 124px;
    top: 3px;
    left: 5px;
  }
  .map02-fukidashi02{
    width: 123px;
    top: 26px;
    left: 133px;
  }
  .map02-fukidashi03{
    width: 121px;
    top: 0px;
    left: 635px;
  }
  .map02-fukidashi04{
    width: 137px;
    bottom: 7px;
    left: 21px;
  }
  .map02-fukidashi05{
    width: 122px;
    bottom: 100px;
    left: 258px;
  }
  .map02-fukidashi06{
    width: 140px;
    bottom: 4px;
    left: 522px;
  }
  .map02-fukidashi01 .map-text{
    bottom: 24px;
    left: 45px;
  }
  .map02-fukidashi02 .map-text{
    bottom: 17px;
    left: 37px;
  }
  .map02-fukidashi03 .map-text{
    bottom: 23px;
    left: 23px;
  }
  .map02-fukidashi04 .map-text{
    bottom: 15px;
    left: 32px;
  }
  .map02-fukidashi05 .map-text{
    bottom: 14px;
    left: 31px;
  }
  .map02-fukidashi06 .map-text{
    bottom: 21px;
    left: 39px;
  }

  .map03-fukidashi01{
    width: 133px;
    top: 0px;
    left: 140px;
  }
  .map03-fukidashi02{
    width: 133px;
    top: 4px;
    left: 618px;
  }
  .map03-fukidashi03{
    width: 121px;
    top: 110px;
    left: 9px;
  }
  .map03-fukidashi04{
    width: 146px;
    top: 191px;
    left: 112px;
  }
  .map03-fukidashi05{
    width: 132px;
    bottom: 6px;
    left: 6px;
  }
  .map03-fukidashi06{
    width: 134px;
    bottom: 6px;
    left: 140px;
  }
  .map03-fukidashi07{
    width: 135px;
    bottom: 5px;
    left: 276px;
  }
  .map03-fukidashi08{
    width: 122px;
    bottom: 19px;
    left: 549px;
  }
  .map03-fukidashi01 .map-text{
    bottom: 24px;
    left: 43px;
  }
  .map03-fukidashi02 .map-text{
    bottom: 20px;
    left: 45px;
  }
  .map03-fukidashi03 .map-text{
    bottom: 28px;
    left: 37px;
  }
  .map03-fukidashi04 .map-text{
    bottom: 15px;
    left: 43px;
  }
  .map03-fukidashi05 .map-text{
    bottom: 16px;
    left: 31px;
  }
  .map03-fukidashi06 .map-text{
    bottom: 19px;
    left: 32px;
  }
  .map03-fukidashi07 .map-text{
    bottom: 16px;
    left: 28px;
  }
  .map03-fukidashi08 .map-text{
    bottom: 20px;
    left: 25px;
  }

  .map04-fukidashi01{
    width: 137px;
    top: 33px;
    left: 95px;
  }
  .map04-fukidashi02{
    width: 135px;
    top: 3px;
    left: 534px;
    
  }
  .map04-fukidashi03{
    width: 123px;
    top: 78px;
    left: 633px;
  }
  .map04-fukidashi04{
    width: 147px;
    bottom: 5px;
    left: 131px;
  }
  .map04-fukidashi05{
    width: 133px;
    bottom: 5px;
    left: 446px;
  }
  .map04-fukidashi01 .map-text{
    bottom: 23px;
    left: 46px;
  }
  .map04-fukidashi02 .map-text{
    bottom: 20px;
    left: 40px;
  }
  .map04-fukidashi03 .map-text{
    bottom: 18px;
    left: 31px;
  }
  .map04-fukidashi04 .map-text{
    bottom: 19px;
    left: 43px;
  }
  .map04-fukidashi05 .map-text{
    bottom: 24px;
    left: 25px;
  }
  

  .isIe .map-text:after{
    margin-top: -0.9615384615384616vw;
  }
}

/* お問い合わせボタン追加 */
#studio figure{
  margin-bottom: 54px;
}



/* モーダルスワイプ対応 */

@media screen and (min-width:641px) {
  .map-swipe-arrow{
    display: none;
  }
}
@media screen and (max-width:640px) {
  .map-swipe-arrow{
    position: absolute;
    bottom: 240px;
    width: 25px!important;
  }
  .map-swipe-arrow-right{
    display: block;
    right: 0;
  }
  .map-swipe-arrow-left{
    left: 0;
    display: none;
  }
}


a.header-link{
  font-weight: bold;
}

@media screen and (max-width:640px) {
  .contents-list li {
    line-height: 1.8;
    padding-left: 17vw;
  }
  .contents-list li:before {
    top: 1.4vw;
    border: 0.8vw solid #ff6657;
  }
  #recofeature .iconlist-blue li {
    font-size: 4.266666666666667vw;
    padding: 1.3333333333333333vw;
  }
  .other-service .contents-list li:before {
    top: 1vw;
  }
}



.vrcase-movie {
  width: 480px;
}
.coming-soon{
  width:100%;
  margin-left: 48px;
}
.coming-soon .vrcase-movie {
  background-color: #d6e7f2;
  font-style: italic;
  font-weight: bold;
  height: 280px;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #029fdc;
}

@media screen and (min-width:641px) and (max-width:1048px) {
  .vrcase-movie {
    width: 100%;
  }
  .coming-soon{
    margin-left: 0;
    width: 50%;
    box-sizing: border-box;
  }
  .vrcase li:first-child {
    width: 50%;
    padding-right: 3%;
    box-sizing: border-box;
  }
}
@media screen and (max-width:640px) {
  .subtxt-orange {
    font-size: 8vw;
  }
  .icon-y span {
    font-size: 5vw;
  }
  .icon-y:before {
    width: 2.6666666666666665vw;
    height: 2.6666666666666665vw;
  }
  .vrcase-movie {
    width: 100%;
  }
  .coming-soon{
    width: 100%;
    margin-left: 0;
  }
  .coming-soon .vrcase-movie {
    height: 52vw;
    font-size: 7vw;
  }
  .other-service .contents-list {
    width: 100%;
    margin: 6vw 0 0;
  }
  .other-servicelist {
    margin-top: 60px;
  }
  .other-service .link-btn {
      margin-left: auto;
  }
  .packfeature p {
    font-size: 4.8vw;
  }
  .packfeature li {
    min-height: 29.6vw;
    border: 1.0666666666666667vw solid #000;
  }
  .vrservice-box {
    font-size: 7vw;
  }
  .vrcase-icon, .vrcase-subtxt {
    font-size: 3.7333333333333334vw;
  }
  .vrcase-icon{
    width: 23.466666666666665vw;
  }
  .vrcase-txt {
    font-size: 4.8vw;
  }
  .production-boxr p, .zoom-boxr p {
    font-size: 7vw;
  }
  .pagebottom-txt {
    font-size: 3.73vw;
  }
  .production-box, .zoom-box {
    font-size: 5.2vw;
  }
  .example-title {
    font-size: 6.933333333333334vw;
  }
  .example-title .baroon {
    width: 35.733333333333334vw;
    padding: 1.8666666666666667vw 0;
    border: 0.5333333333333333vw solid #FFA800;
    font-size: 5.066666666666666vw;
    border-radius: 9.066666666666666vw;
    margin: 0 auto 5.333333333333333vw;
  }
  .vrfeature li {
    max-width: 85.33333333333333vw;
    width: 85.33333333333333vw;
    height: 42.93333333333333vw;
    font-size: 5.333333333333333vw;
    background-size: cover;
  }
  /*.o-footer-links_item {
    padding-right: 1.6vw;
    font-size: 3.2vw;
    line-height: 18px;
  }*/
}

/* .vrcase li:first-child {
  width: 49%;
  margin-right: 2%;
} */