@charset "UTF-8";
body {
  background-color: #e5e8e9;
  font-size: 100%;
  line-height: 1.71;
  font-family: Noto Sans JP, 游ゴシック, ヒラギノ角ゴ Pro, sans-serif;
  letter-spacing: 0em;
  color: #000; }

a:link, a:visited {
  text-decoration: none; }

#oc-wrapper {
  max-width: 1620px;
  margin: 0 auto;
  background-color: #fff; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

h3 {
  background: none;
  height: auto;
  width: auto; }

#oc-siteHeader_2018 {
  min-width: 0; }

.oc-belt_2018 {
  min-width: 0; }

.mod-pagetitle::after {
  margin: 30px 0; }

.page-wrap {
  width: 75%; }

.bgindent {
  text-indent: -9999px; }

.mgauto {
  margin: 0 auto;
  text-align: center; }

.dblock {
  float: left;
  overflow: hidden;
  display: block; }

.linkhover a:hover img {
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  opacity: 0.7;
  zoom: 1; }

.linkhover2 a:hover img {
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  -moz-opacity: 0.9;
  opacity: 0.9;
  zoom: 1; }

#Contents h1, #Contents h2, #Contents h3, #Contents h4 {
  font-weight: normal; }

#Contents a.btn {
  max-width: 100%;
  width: 500px;
  height: 66px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: #d7d9da solid 2px;
  font-size: 0.8rem;
  font-weight: bold;
  color: #2f3138;
  background: url(../../common_assets/img/svg/arrow_icon.svg) no-repeat 50%;
  background-position: right 1.2em center;
  background-size: 0.4em 0.66667em;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
  #Contents a.btn.fs14 {
    font-size: 0.875rem;
    line-height: 1.42857; }
  #Contents a.btn.ex, #Contents a.btn[target="_blank"] {
    background-size: 0.93333em 0.93333em; }
  #Contents a.btn .logo {
    position: absolute;
    left: 1.33333em; }
  #Contents a.btn.noact.ex:hover,#Contents a.btn:hover {
    opacity: 1;
    background-color: #e60039;
    border-color: #e60039;
    color: #fff;
    background-image: url(../../common_assets/img/svg/arrow_icon_w.svg); }

#Contents a.btn.noact:hover,#Contents a.btn .ex .noact:hover{
	    background-image: url(../../common_assets/img/svg/arrow_icon.svg); 
}
    #Contents a.btn.noact.ex:hover,#Contents a.btn:hover.ex{
      background-image: url(../../common_assets/img/svg/newtab_icon_w.svg); }
  #Contents a.btn.noact.ex:hover,#Contents a.btn.noact:hover {
    background-color: #fff;
    border-color: #d7d9da;
    color: #2f3138;
    opacity: .6; }
#Contents .mod-btnlist ul li a {
  font-weight: bold; }

#Contents .mod-kv {
  margin-top: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }
  #Contents .mod-kv .kvInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px;
    height: 360px;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    color: #fff; }
    #Contents .mod-kv .kvInner .kvBox {
      padding: 30px;
      background: rgba(255, 255, 255, 0.9);
      color: #2f3138; }
      #Contents .mod-kv .kvInner .kvBox .title {
        color: #e60039;
        letter-spacing: 0.075em; }
        #Contents .mod-kv .kvInner .kvBox .title .subtitle {
          color: #777777; }
          #Contents .mod-kv .kvInner .kvBox .title .subtitle:before {
            background-color: #777777; }
    #Contents .mod-kv .kvInner .title {
      font-weight: normal;
      font-size: 0.875rem;
      margin-bottom: 0.5em; }
      #Contents .mod-kv .kvInner .title .subtitle {
        font-size: 0.85714rem;
        margin-left: 1rem; }
        #Contents .mod-kv .kvInner .title .subtitle:before {
          content: "";
          display: inline-block;
          width: 1px;
          height: 14px;
          background-color: #fff;
          vertical-align: middle;
          margin-right: 1rem; }
    #Contents .mod-kv .kvInner .copy {
      font-size: 1.5rem;
      line-height: 1.41667; }

#Contents .mod-news {
  margin-top: 60px; }
  #Contents .mod-news .title em {
    font-weight: bold; }
  #Contents .mod-news + .mod-news-cal {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 45px; }
    #Contents .mod-news + .mod-news-cal ul.news {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #Contents .mod-news + .mod-news-cal ul.news:before {
        content: "";
        display: block;
        width: 23.66071%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
      #Contents .mod-news + .mod-news-cal ul.news:after {
        content: "";
        display: block;
        width: 23.66071%; }
      #Contents .mod-news + .mod-news-cal ul.news li.item {
        width: 23.66071%;
        font-size: 0.75em; }
        #Contents .mod-news + .mod-news-cal ul.news li.item span, #Contents .mod-news + .mod-news-cal ul.news li.item a {
          display: block; }
        #Contents .mod-news + .mod-news-cal ul.news li.item img {
          display: block;
          width: 100%; }
        #Contents .mod-news + .mod-news-cal ul.news li.item p {
          text-align: center;
          margin-top: 1em; }

#Contents .mod-overview {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 55px 20px;
  text-align: center;
  font-size: 0.875em; }

#Contents .sectionlabel {
  font-size: 1.125rem;
  font-weight: bold; }

#Contents .mod-vision .vision-title {
  text-align: center;
  font-size: 1.75rem;
  letter-spacing: 0.025em;
  color: #2f3138;
  font-weight: normal; }
  #Contents .mod-vision .vision-title .fv {
    display: block;
    font-size: 1rem;
    letter-spacing: 0.075em;
    color: #e60039;
    margin-bottom: 1em; }
  #Contents .mod-vision .vision-title + .lead {
    font-size: 0.875rem;
    line-height: 1.78571;
    text-align: center;
    margin-top: 15px; }

#Contents .mod-panel .panel a.div {
  font-size: 1em; }

#Contents .mod-panel .panel .div {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 20px 7.33333%;
  background-color: rgba(29, 30, 32, 0.65); }
  #Contents .mod-panel .panel .div .label {
    font-size: 1.375em;
    display: block; }
    #Contents .mod-panel .panel .div .label.exicon {
      padding-right: 1.0em;
      background: url(../img/interior/newtab_icon.png) no-repeat right center;
      background-size: 0.63636em; }
  #Contents .mod-panel .panel .div hr {
    width: 20px;
    border-top: #fff solid 1px; }
  #Contents .mod-panel .panel .div .txt {
    font-size: 0.75em; }

#Contents .mod-panel .left, #Contents .mod-panel .right {
  width: 49.92857%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  #Contents .mod-panel .left.tall, #Contents .mod-panel .right.tall {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #Contents .mod-panel .left.tall .panel, #Contents .mod-panel .right.tall .panel {
      height: auto;
      max-height: none;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  #Contents .mod-panel .left .panel, #Contents .mod-panel .right .panel {
    width: 100%;
    height: 22.85714vw;
    max-height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1px 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f2f3f4; }

#Contents .mod-cases {
  padding: 30px 0 50px; }
  #Contents .mod-cases .sectionlabel {
    margin-bottom: 20px; }
  #Contents .mod-cases ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative; }
    #Contents .mod-cases ul:after {
      content: "";
      display: block;
      width: 30.80357%;
      padding-left: 1.78571%; }
    #Contents .mod-cases ul hr {
      width: 100%;
      margin: 0; }
    #Contents .mod-cases ul li {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      width: 30.80357%;
      padding: 0 1.78571%;
      margin: 20px 0;
      border-left: #e4e4e4 solid 1px; }
      #Contents .mod-cases ul li.dummy {
        border-left: none; }
      #Contents .mod-cases ul li a {
        display: block; }
        #Contents .mod-cases ul li a .label .title:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 1em;
          height: 1em;
          background: url(../../common_assets/img/svg/cap_link_small.svg) no-repeat center;
          background-size: 0.5em;
          margin-top: -0.25em;
          margin-right: .4em; }
        #Contents .mod-cases ul li a[target="_blank"] .label .title:after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 1.16667em;
          height: 1.16667em;
          background: url(../../common_assets/img/svg/newtab_icon.svg) no-repeat center;
          background-size: 1.16667em 1.16667em;
          margin-left: 0.5em;
          bottom: 0.2em;
          position: relative; }
      #Contents .mod-cases ul li .label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0;
        letter-spacing: 0.025em; }
        #Contents .mod-cases ul li .label .copy {
          font-size: 1.125em;
          line-height: 1.44444;
          margin-bottom: 1em;
          font-weight: bold; }
        #Contents .mod-cases ul li .label .title {
          font-size: 0.75em;
          line-height: 1.66667;
          color: #000;
          font-weight: bold; }
        #Contents .mod-cases ul li .label .place {
          font-size: 0.75em;
          line-height: 1.66667;
          color: #909090; }
      #Contents .mod-cases ul li:nth-child(1) {
        width: 65.17857%;
        padding-left: 0;
        border-left: none;
        position: relative; }
        #Contents .mod-cases ul li:nth-child(1) .img {
          width: 61.23288%; }
        #Contents .mod-cases ul li:nth-child(1) .label {
          position: absolute;
          width: 49.31507%;
          bottom: 0;
          right: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 30px;
          background: rgba(255, 255, 255, 0.9); }
      #Contents .mod-cases ul li:nth-child(2) {
        padding-right: 0; }
      #Contents .mod-cases ul li:nth-child(4) {
        border-left: none;
        padding-left: 0; }
      #Contents .mod-cases ul li:nth-child(6) {
        padding-right: 0; }
/*----------------------------------------------------------------------------------------------------------
事例　縦割レイアウト
------------------------------------------------------------------------------------------------------------*/
#Contents.solution-office .spritInner_l{
	width: 1065px;
}

#Contents.solution-office .mod-cases_sprit .spritWapper{
	display: flex;
	justify-content: space-between;
	width: 1120px;
	margin: 0 0 30px 0;
}

#Contents .mod-cases_sprit {
  padding: 30px 0 50px; }
  #Contents .mod-cases_sprit .sectionlabel {
    margin-bottom: 20px; }
  #Contents .mod-cases_sprit ul {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify; }
  #Contents .mod-cases_sprit .spritInner_l{
	  width:760px;
	  display: block;
 }

    #Contents .mod-cases_sprit ul hr {
      width: 100%;
      margin: 0; }
    #Contents .mod-cases_sprit ul li {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin: 0 0 30px 0;
      }
    #Contents .mod-cases_sprit ul li:last-child {
      margin: 0;
      }
      #Contents .mod-cases_sprit ul li.dummy {
        border-left: none; }
      #Contents .mod-cases_sprit .spritInner_l li a {
         position: relative;}
        #Contents .mod-cases_sprit ul li a .label .title:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 1em;
          height: 1em;
          background: url(../../common_assets/img/svg/cap_link_small.svg) no-repeat center;
          background-size: 0.5em;
          margin-top: -0.25em;
          margin-right: .4em; }
        #Contents .mod-cases_sprit ul li a[target="_blank"] .label .title:after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 1.16667em;
          height: 1.16667em;
          background: url(../../common_assets/img/svg/newtab_icon.svg) no-repeat center;
          background-size: 1.16667em 1.16667em;
          margin-left: 0.5em;
          bottom: 0.2em;
          position: relative; }
      #Contents .mod-cases_sprit ul li .label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0;
        letter-spacing: 0.025em; }
        #Contents .mod-cases_sprit ul li .label .copy {
          font-size: 1.125em;
          line-height: 1.44444;
          margin-bottom: 1em;
          font-weight: bold; }
        #Contents .mod-cases_sprit ul li .label .title {
          font-size: 0.75em;
          line-height: 1.66667;
          color: #000;
          font-weight: bold; }
        #Contents .mod-cases_sprit ul li .label .place {
          font-size: 0.75em;
          line-height: 1.66667;
          color: #909090; }
      #Contents .mod-cases_sprit .spritInner_r .sprit_rr {
           width: 310px;}
      #Contents .mod-cases_sprit .spritInner_l li a img{
	       width: 310px;
      }
      #Contents .mod-cases_sprit .spritInner_r li a img{
	       width: 310px;
      }
        #Contents .mod-cases_sprit ul .large:nth-child(1) .img {
          width: 400px;
			display: inline-block;}
        #Contents .mod-cases_sprit ul .large:nth-child(1) .label {
          position: absolute;
          width: 369px;
          bottom: 0;
          left: 365px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 30px;
          background: rgba(255, 255, 255, 0.9); }
      #Contents .mod-cases_sprit ul .sprit_r:nth-child(2):after {
		  content: "";
		  clear: both;
		  display: block;
        }

      #Contents .mod-cases_sprit ul li:nth-child(3) {
		  float: left
        }
      #Contents .mod-cases_sprit ul li:nth-child(4) {
        border-left: none;
        padding-left: 0; }
      #Contents .mod-cases_sprit ul li:nth-child(6) {
        padding-right: 0; }
    #Contents .mod-cases ul.unlarge li:nth-child(1) {
      width: 447px; }
      #Contents .mod-cases_sprit ul.unlarge li:nth-child(1) .img {
        width: 100%; }
      #Contents .mod-cases_sprit ul.unlarge li:nth-child(1) .label {
        position: static;
        width: 100%;
        height: auto;
        display: block;
        padding: 10px 0; }
    #Contents .mod-cases_sprit ul.unlarge li:nth-child(1), #Contents .mod-cases ul.unlarge li:nth-child(5) {
      border-left: none;
      padding-left: 0; }
    #Contents .mod-cases_sprit ul.unlarge li:nth-child(2), #Contents .mod-cases ul.unlarge li:nth-child(6) {
      padding: 0 1.78571%; }
    #Contents .mod-cases_sprit ul.unlarge li:nth-child(3), #Contents .mod-cases ul.unlarge li:nth-child(7) {
      border-right: none;
      padding-right: 0; }

#Contents .mod-cases_sprit ul li .spritInner_l{
	display: flex;
	justify-content: space-between;
	width: 675px;
}

#Contents .mod-cases_sprit ul li a .img{
	width: 310px;
}

#Contents .mod-cases_sprit ul .large a img{
	width: 400px;
}

#Contents .mod-cases_sprit .spritInner_r a{
	display: flex;
	flex-direction: column;
	width: 310px;
}

#Contents .mod-cases_sprit ul .sprit_rr a .label{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    letter-spacing: 0.025em;
}

#Contents .mod-cases_sprit .spritInner_r{
	border-left: 1px solid #cccccc;
	padding: 0 0 0 50px;
	
}


/*------------------------------------------------------------------------------------------------------
　オフィス　事例　width 767px
*/
@media screen and (max-width: 767px) {
#Contents.solution-office .spritInner_l{
	width: 100%;
}

#Contents.solution-office .mod-cases_sprit .spritWapper{
	display: block;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

#Contents .mod-cases_sprit {
  padding: 30px 0 50px; }
  #Contents .mod-cases_sprit .sectionlabel {
    margin-bottom: 20px; }
  #Contents .mod-cases_sprit ul {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify; }
  #Contents .mod-cases_sprit .spritInner_l{
	  width:100%;
	  display: block;
/*	  border-bottom: 1px solid #cccccc;*/
 }

    #Contents .mod-cases_sprit ul hr {
      width: 100%;
      margin: 0; }
    #Contents .mod-cases_sprit ul li {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      margin: 0;
      }
    #Contents .mod-cases_sprit ul li:last-child {
      margin: 0;
      }
      #Contents .mod-cases_sprit ul li.dummy {
        border-left: none; }
      #Contents .mod-cases_sprit .spritInner_l li a {
         position: relative;}
        #Contents .mod-cases_sprit ul li a .label .title:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 1em;
          height: 1em;
          background: url(../../common_assets/img/svg/cap_link_small.svg) no-repeat center;
          background-size: 0.5em;
          margin-top: -0.25em;
          margin-right: .4em; }
        #Contents .mod-cases_sprit ul li a[target="_blank"] .label .title:after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 1.16667em;
          height: 1.16667em;
          background: url(../../common_assets/img/svg/newtab_icon.svg) no-repeat center;
          background-size: 1.16667em 1.16667em;
          margin-left: 0.5em;
          bottom: 0.2em;
          position: relative; }
      #Contents .mod-cases_sprit ul li .label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3.33333vw 0 5.33333vw;
		margin: 0 0 5.33333vw;  
        letter-spacing: 0.025em; }
        #Contents .mod-cases_sprit ul li .label .copy {
          font-size: 1.125em;
          line-height: 1.44444;
          margin-bottom: 1em;
          font-weight: bold; }
        #Contents .mod-cases_sprit ul li .label .title {
          font-size: 3.73333vw;
          line-height: 1.66667;
          color: #000;
          font-weight: bold; }
        #Contents .mod-cases_sprit ul li .label .place {
          font-size: 3.2vw;
          line-height: 1.66667;
          color: #909090; }
      #Contents .mod-cases_sprit .spritInner_r .sprit_rr {
           width: 100%;}
      #Contents .mod-cases_sprit .spritInner_l li a img{
	       width: 100%;
      }
      #Contents .mod-cases_sprit .spritInner_r li a img{
	       width: 100%;
      }
        #Contents .mod-cases_sprit ul .large:nth-child(1) .img {
          width: 100%;
		position: relative;}
        #Contents .mod-cases_sprit ul .large:nth-child(1) .label {
          position: relative;
			left: 0;	
          /*width: 369px;*/
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 3.33333vw 0 5.33333vw;
          background: rgba(255, 255, 255, 0.9); }
      #Contents .mod-cases_sprit ul .sprit_r:nth-child(2):after {
		  content: "";
		  clear: both;
		  display: block;
        }

      #Contents .mod-cases_sprit ul li:nth-child(3) {
		  float: left
        }
      #Contents .mod-cases_sprit ul li:nth-child(4) {
        border-left: none;
        padding-left: 0; }
      #Contents .mod-cases_sprit ul li:nth-child(6) {
        padding-right: 0; }
    #Contents .mod-cases ul.unlarge li:nth-child(1) {
      width: 447px; }
      #Contents .mod-cases_sprit ul.unlarge li:nth-child(1) .img {
        width: 100%; }
      #Contents .mod-cases_sprit ul.unlarge li:nth-child(1) .label {
        position: static;
        width: 100%;
        height: auto;
        display: block;
        padding: 10px 0; }
    #Contents .mod-cases_sprit ul.unlarge li:nth-child(1), #Contents .mod-cases ul.unlarge li:nth-child(5) {
      border-left: none;
      padding-left: 0; }
    #Contents .mod-cases_sprit ul.unlarge li:nth-child(2), #Contents .mod-cases ul.unlarge li:nth-child(6) {
      padding: 0 1.78571%; }
    #Contents .mod-cases_sprit ul.unlarge li:nth-child(3), #Contents .mod-cases ul.unlarge li:nth-child(7) {
      border-right: none;
      padding-right: 0; }

#Contents .mod-cases_sprit ul li .spritInner_l{
	display: block;
	justify-content: space-between;
	width: 100%;
}

#Contents .mod-cases_sprit ul li a .img{
	width: 100%;
	overflow: hidden;
}

#Contents .mod-cases_sprit ul .large a img{
	width: 100%;
}

#Contents .mod-cases_sprit .spritInner_r a{
	display: flex;
	flex-direction: column;
	width: 100%;
}

#Contents .mod-cases_sprit ul .sprit_rr a .label{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.025em;
	padding: 3.33333vw 0 5.33333vw;
    margin: 0 0 5.33333vw;
}

#Contents .mod-cases_sprit .spritInner_r{
	border:none;
    padding: 12% 0 0 0;
	
}

.Sptext {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.8em 1.2em;
    max-width: 100%;
    font-size: 4vw;
    letter-spacing: 0.025em;
}	
	}
	
	
/*--------------------------------------------------------------------------------------------------------*/
    #Contents .mod-cases ul.unlarge li:nth-child(1) {
      width: 30.80357%; }
      #Contents .mod-cases ul.unlarge li:nth-child(1) .img {
        width: 100%; }
      #Contents .mod-cases ul.unlarge li:nth-child(1) .label {
        position: static;
        width: 100%;
        height: auto;
        display: block;
        padding: 10px 0; }
    #Contents .mod-cases ul.unlarge li:nth-child(1), #Contents .mod-cases ul.unlarge li:nth-child(5) {
      border-left: none;
      padding-left: 0; }
    #Contents .mod-cases ul.unlarge li:nth-child(2), #Contents .mod-cases ul.unlarge li:nth-child(6) {
      padding: 0 1.78571%; }
    #Contents .mod-cases ul.unlarge li:nth-child(3), #Contents .mod-cases ul.unlarge li:nth-child(7) {
      border-right: none;
      padding-right: 0; }
  #Contents .mod-cases .mod-link {
    margin-top: 20px; }

#Contents .mod-link a.btn {
  margin: 30px auto 0 auto; }

#Contents .mod-contact {
  padding-top: 50px;
  font-weight: bold; }

#Contents.solution-top .mod-pagetitle {
  margin-bottom: 30px; }

#Contents.solution-top #content-wrap .mod-lead {
  text-align: center;
  font-size: 0.875rem;
  line-height: 2.14286;
  margin-bottom: 75px; }

#Contents.solution-top #content-wrap .mod-panel {
  margin-bottom: 50px; }
  #Contents.solution-top #content-wrap .mod-panel .rack {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    #Contents.solution-top #content-wrap .mod-panel .rack .panel {
      width: 50%;
      margin: 0; }
      #Contents.solution-top #content-wrap .mod-panel .rack .panel a, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow {
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #2f3138;
        padding-left: 80px;
        padding-right: 80px;
        -webkit-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s; }
        #Contents.solution-top #content-wrap .mod-panel .rack .panel a:hover, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow:hover {
          opacity: .6; }
        #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner {
          width: 100%;
          display: block; }
          #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner span, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner span {
            display: block; }
          #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .label, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .label {
            font-size: 0.75rem;
            max-width: 100%; }
          #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .title, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .title {
            font-size: 1.5rem;
            line-height: 1.41667;
            margin: 1em 0;
            max-width: 100%; }
          #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .lead, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .lead {
            font-size: 0.75rem;
            line-height: 1.66667;
            max-width: 100%; }
    #Contents.solution-top #content-wrap .mod-panel .rack:nth-child(2n) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      #Contents.solution-top #content-wrap .mod-panel .rack:nth-child(2n) .panel a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }

#Contents.solution-public .mod-kv {
  background-image: url(../img/public/kv_pc.jpg); }

#Contents.solution-public .mod-vision {
  padding-top: 40px; }
  #Contents.solution-public .mod-vision .vision-title {
    margin-top: 10px; }
  #Contents.solution-public .mod-vision .vision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 80px;
    position: relative; }
    #Contents.solution-public .mod-vision .vision h3 {
      font-size: 1.25rem;
      margin-bottom: 1em; }
      #Contents.solution-public .mod-vision .vision h3 span {
        display: block;
        font-size: 0.75rem; }
    #Contents.solution-public .mod-vision .vision .left, #Contents.solution-public .mod-vision .vision .right {
      width: 50%; }
      #Contents.solution-public .mod-vision .vision .left img, #Contents.solution-public .mod-vision .vision .right img {
        max-width: 89.33333%; }
    #Contents.solution-public .mod-vision .vision:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 1px;
      background-color: #e4e4e4; }
  #Contents.solution-public .mod-vision .mod-bunka {
    padding: 40px 60px; }
    #Contents.solution-public .mod-vision .mod-bunka .sectionlabel {
      margin-bottom: 30px; }
    #Contents.solution-public .mod-vision .mod-bunka ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #Contents.solution-public .mod-vision .mod-bunka ul li {
        width: 32.14286%;
        background: #f2f3f4;
        padding: 20px; }
        #Contents.solution-public .mod-vision .mod-bunka ul li.muse {
          background: #e2eaea; }
        #Contents.solution-public .mod-vision .mod-bunka ul li.seat {
          background: #eae7e2; }
        #Contents.solution-public .mod-vision .mod-bunka ul li img {
          width: 100%; }
        #Contents.solution-public .mod-vision .mod-bunka ul li h3 {
          text-align: center;
          font-size: 1rem;
          padding: 1em; }
        #Contents.solution-public .mod-vision .mod-bunka ul li .txt {
          border-top: #fff solid 2px;
          font-size: 0.75rem;
          padding-top: 1em; }
  #Contents.solution-public .mod-vision #solution-public-other {
    padding-top: 25px; }
    #Contents.solution-public .mod-vision #solution-public-other .sectionlabel {
      margin-bottom: 35px; }

#Contents.solution-public .mod-cases .mod-link a.btn .logo[src*="bp_logo"] {
  width: auto;
  height: 42px;
  top: 50%;
  margin-top: -21px; }

#Contents.solution-public .mod-btnlist {
  margin: 40px 0 60px; }

#Contents.solution-factory .mod-kv {
  background-image: url(../img/factory/logistics/kv_pc.jpg); }

#Contents.solution-factory .mod-vision {
  padding-top: 60px; }
  #Contents.solution-factory .mod-vision .bundle {
    background: url(../img/factory/logistics/future_bg.jpg) no-repeat center 10px; }
  #Contents.solution-factory .mod-vision .vision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    margin-top: 80px;
    padding-bottom: 80px;
    position: relative; }
    #Contents.solution-factory .mod-vision .vision > .img {
      width: 94.64286%;
      margin: 0 auto 40px; }
    #Contents.solution-factory .mod-vision .vision ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #Contents.solution-factory .mod-vision .vision ul li {
        width: 26.78571%;
        background: #eae7e2;
        padding: 1.25rem; }
        #Contents.solution-factory .mod-vision .vision ul li.item01 {
          background: rgba(234, 231, 226, 0.8); }
        #Contents.solution-factory .mod-vision .vision ul li.item02 {
          width: 42.85714%;
          background: rgba(226, 234, 234, 0.8); }
          #Contents.solution-factory .mod-vision .vision ul li.item02 .img:after {
            content: "";
            display: block;
            clear: both; }
          #Contents.solution-factory .mod-vision .vision ul li.item02 .img img {
            float: right;
            width: 38.63636%; }
            #Contents.solution-factory .mod-vision .vision ul li.item02 .img img:first-child {
              float: left;
              width: 59.09091%; }
        #Contents.solution-factory .mod-vision .vision ul li.item03 {
          background: rgba(242, 243, 244, 0.8); }
        #Contents.solution-factory .mod-vision .vision ul li img {
          width: 100%; }
        #Contents.solution-factory .mod-vision .vision ul li h3 {
          text-align: center;
          font-size: 1rem;
          font-weight: bold;
          padding: 0.8em 1em; }
        #Contents.solution-factory .mod-vision .vision ul li .txt {
          border-top: #fff solid 2px;
          font-size: 0.75rem;
          padding-top: 1em; }

#Contents.solution-factory .mod-cases {
  padding-bottom: 15px; }
  #Contents.solution-factory .mod-cases ul li {
    margin-top: 0; }
  #Contents.solution-factory .mod-cases ul + .mod-line {
    margin-bottom: 35px; }
  #Contents.solution-factory .mod-cases .subcategory {
    position: relative;
    font-size: 0.75em; }
    #Contents.solution-factory .mod-cases .subcategory dl {
      width: 48.21429%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      float: left; }
      #Contents.solution-factory .mod-cases .subcategory dl.right {
        float: right; }
      #Contents.solution-factory .mod-cases .subcategory dl:before {
        content: "";
        display: block;
        width: 30.74074%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
      #Contents.solution-factory .mod-cases .subcategory dl:after {
        content: "";
        display: block;
        width: 30.74074%; }
      #Contents.solution-factory .mod-cases .subcategory dl dt {
        width: 100%; }
      #Contents.solution-factory .mod-cases .subcategory dl dd {
        width: 30.74074%;
        margin-bottom: 1.9em; }
        #Contents.solution-factory .mod-cases .subcategory dl dd a {
          display: block; }
          #Contents.solution-factory .mod-cases .subcategory dl dd a.pdf span, #Contents.solution-factory .mod-cases .subcategory dl dd a[href$=".pdf"] span {
            display: block;
            margin-top: 0.5em;
            position: relative; }
            #Contents.solution-factory .mod-cases .subcategory dl dd a.pdf span:after, #Contents.solution-factory .mod-cases .subcategory dl dd a[href$=".pdf"] span:after {
              content: "";
              display: inline-block;
              margin-left: 0.5em;
              width: 1.41667em;
              height: 1.41667em;
              background-position: 50%;
              background-repeat: no-repeat;
              background-size: contain;
              background-image: url(../../common_assets/img/img-icon-pdf@2x.png);
              position: absolute;
              top: 0;
              right: 0; }
    #Contents.solution-factory .mod-cases .subcategory:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 1px;
      background-color: #e4e4e4; }
    #Contents.solution-factory .mod-cases .subcategory:after {
      content: "";
      display: block;
      clear: both; }

#Contents.solution-factory .mod-btnlist {
  margin: 40px 0 60px; }

#Contents.solution-interior .mod-kv {
  background-image: url(../img/interior/kv_pc.jpg); }

#Contents.solution-interior .mod-vision {
  margin-top: 55px; }
  #Contents.solution-interior .mod-vision .vision-title + .lead {
    text-align: center; }
  #Contents.solution-interior .mod-vision .vision {
    padding: 40px 0 60px; }
    #Contents.solution-interior .mod-vision .vision .img {
      max-width: 541px;
      margin: 0 auto; }

#Contents.solution-interior .mod-btnlist {
  margin: 40px 0 60px; }

#Contents.solution-healthcare .mod-kv {
  background-image: url(../img/healthcare/kv_pc.jpg); }

#Contents.solution-healthcare .mod-vision {
  margin-top: 55px; }
  #Contents.solution-healthcare .mod-vision .vision-title + .lead {
    text-align: center; }
  #Contents.solution-healthcare .mod-vision .vision {
    padding: 40px 0 60px; }
    #Contents.solution-healthcare .mod-vision .vision .img {
      max-width: 540px;
      margin: 0 auto; }
    #Contents.solution-healthcare .mod-vision .vision .copy {
      text-align: center;
      margin-top: 40px;
      font-size: 0.875em; }
  #Contents.solution-healthcare .mod-vision .mod-link {
    margin: 45px auto 60px; }
    #Contents.solution-healthcare .mod-vision .mod-link a {
      width: 320px; }

#Contents.solution-healthcare .mod-cases .mod-link a.btn .logo[src*="Mevi"] {
  width: auto;
  height: 46px;
  top: 50%;
  margin-top: -23px; }

#Contents.solution-healthcare .mod-btnlist {
  margin: 40px 0 60px; }

#Contents.solution-municipality .mod-kv {
  background-image: url(../img/municipality/kv_pc.jpg); }

#Contents.solution-municipality .mod-vision {
  margin-top: 55px; }
  #Contents.solution-municipality .mod-vision .vision-title + .lead {
    text-align: center; }
  #Contents.solution-municipality .mod-vision .vision {
    padding: 40px 0 60px; }
    #Contents.solution-municipality .mod-vision .vision .img {
      max-width: 740px;
      margin: 0 auto; }
    #Contents.solution-municipality .mod-vision .vision .mod-link {
      margin: 60px auto 60px; }
      #Contents.solution-municipality .mod-vision .vision .mod-link a {
        width: 320px; }
    #Contents.solution-municipality .mod-vision .vision .copy {
      text-align: center;
      margin-top: 40px;
      font-size: 0.875em; }
  #Contents.solution-municipality .mod-vision .mod-link {
    margin: 45px auto 60px; }
    #Contents.solution-municipality .mod-vision .mod-link a {
      width: 320px; }

#Contents.solution-municipality .mod-cases .mod-link a.btn .logo {
  width: 90px; }

#Contents.solution-municipality .mod-btnlist {
  margin: 40px 0 60px; }

#Contents.solution-laboratory .mod-kv {
  background-image: url(../img/laboratory/kv_pc.jpg); }

#Contents.solution-laboratory .mod-vision {
  margin-top: 55px; }
  #Contents.solution-laboratory .mod-vision .vision-title + .lead {
    text-align: center; }
  #Contents.solution-laboratory .mod-vision .vision {
    padding: 40px 0 60px; }
    #Contents.solution-laboratory .mod-vision .vision ul.mod-slider li.item {
      text-align: center;
      width: 100%;
      background: #f2f3f4;
      padding: 30px; }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider li.item h3 {
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        padding-bottom: 1em;
        max-width: 600px;
        margin: 0 auto; }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider li.item .txt {
        border-top: #fff solid 2px;
        font-size: 0.75rem;
        padding: 1em 0 2em;
        max-width: 740px;
        margin: 0 auto; }
    #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-list {
      max-width: 1120px;
      width: 100%;
      overflow: hidden;
      margin: 0 auto; }
    #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-dots {
      position: absolute;
      width: 100%;
      bottom: -26px;
      padding: 0;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 6px; }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-dots li {
        display: block;
        width: 6px;
        height: 6px;
        margin: 0 9px; }
    #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-arrow {
      position: absolute;
      top: auto;
      bottom: 50%;
      margin-bottom: -20px;
      z-index: 200;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      width: 40px;
      height: 40px;
      text-indent: -9999px;
      margin-top: 0;
      background-image: url(../../common_assets/img/svg/next_arrow.svg);
      background-color: #2f3138; }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-arrow.slick-prev {
        left: 25px;
        margin-right: 0;
        background-size: 8px 8px;
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-arrow.slick-next {
        right: 25px;
        margin-left: 0;
        background-size: 8px 8px;
        background-position: 50%;
        background-repeat: no-repeat; }
    #Contents.solution-laboratory .mod-vision .vision .copy {
      text-align: center;
      margin-top: 75px;
      font-size: 0.875em; }

#Contents.solution-laboratory .mod-btnlist {
  margin: 40px 0 60px; }

#Contents.solution-store .mod-kv {
  background-image: url(../img/commercial/store/kv_pc.jpg); }

#Contents.solution-store .mod-vision {
  margin-top: 55px; }
  #Contents.solution-store .mod-vision .vision-title + .lead {
    text-align: center; }
  #Contents.solution-store .mod-vision .vision {
    padding: 60px 0 60px; }
    #Contents.solution-store .mod-vision .vision ul.mod-slider li.item {
      text-align: center;
      width: 100%;
      background: #f2f3f4;
      padding: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #Contents.solution-store .mod-vision .vision ul.mod-slider li.item .img {
        width: 50%; }
        #Contents.solution-store .mod-vision .vision ul.mod-slider li.item .img:first-child img {
          margin-left: 0; }
        #Contents.solution-store .mod-vision .vision ul.mod-slider li.item .img:first-child:last-child {
          width: 100%; }
        #Contents.solution-store .mod-vision .vision ul.mod-slider li.item .img:last-child img {
          margin-right: 0; }
    #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-list {
      max-width: 1120px;
      width: 100%;
      overflow: hidden;
      margin: 0 auto; }
    #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-dots {
      position: absolute;
      width: 100%;
      bottom: -26px;
      padding: 0;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 6px; }
      #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-dots li {
        display: block;
        width: 6px;
        height: 6px;
        margin: 0 9px; }
    #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-arrow {
      position: absolute;
      top: auto;
      bottom: 50%;
      margin-bottom: -20px;
      z-index: 200;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      width: 40px;
      height: 40px;
      text-indent: -9999px;
      margin-top: 0;
      background-image: url(../../common_assets/img/svg/next_arrow.svg);
      background-color: #2f3138; }
      #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-arrow.slick-prev {
        left: 25px;
        margin-right: 0;
        background-size: 8px 8px;
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-arrow.slick-next {
        right: 25px;
        margin-left: 0;
        background-size: 8px 8px;
        background-position: 50%;
        background-repeat: no-repeat; }
    #Contents.solution-store .mod-vision .vision .copy {
      text-align: center;
      margin-top: 75px;
      font-size: 0.875em; }

#Contents.solution-store .mod-panel .rack .panel {
  background-image: url(../img/commercial/store/panel_01_pc.jpg); }

#Contents.solution-store .mod-btnlist {
  margin: 30px 0 60px; }

#Contents.solution-office .mod-kv {
  background-image: url(../img/office/kv_pc.jpg); }

#Contents.solution-office .mod-vision {
  margin-top: 55px; }
  #Contents.solution-office .mod-vision .vision-title + .lead {
    text-align: center; }
  #Contents.solution-office .mod-vision .vision {
    padding: 55px 0 60px; }
    #Contents.solution-office .mod-vision .vision .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #Contents.solution-office .mod-vision .vision .flex .item {
        width: 49.10714%;
        padding: 35px 30px 30px;
        text-align: center; }
        #Contents.solution-office .mod-vision .vision .flex .item.left {
          background: #e2eaea; }
        #Contents.solution-office .mod-vision .vision .flex .item.right {
          background: #eae7e2; }
        #Contents.solution-office .mod-vision .vision .flex .item h3 {
          font-size: 1.25em;
          padding-bottom: 0.2em;
          font-weight: bold; }
        #Contents.solution-office .mod-vision .vision .flex .item .subtit {
          font-size: 0.75em;
          padding: 0.8em 0;
          border-top: #fff solid 2px;
          font-weight: bold; }
        #Contents.solution-office .mod-vision .vision .flex .item .txt {
          font-size: 0.75em;
          margin-top: 3em; }
    #Contents.solution-office .mod-vision .vision .copy {
      text-align: center;
      margin-top: 50px;
      font-size: 0.875em; }

#Contents.solution-office .mod-panel .rack .panel {
  background-image: url(../img/commercial/store/panel_01_pc.jpg); }

#Contents.solution-office .mod-panel + .bundle > .mod-link {
  display: flex;
  justify-content: center;
  padding: 10px 0 60px; }

#Contents.solution-office .mod-spslider {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 54px; }
  #Contents.solution-office .mod-spslider .sectionlabel {
    margin-bottom: 30px; }
  #Contents.solution-office .mod-spslider ul.slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #Contents.solution-office .mod-spslider ul.slider:before {
      content: "";
      display: block;
      width: 23.66071%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    #Contents.solution-office .mod-spslider ul.slider:after {
      content: "";
      display: block;
      width: 23.66071%; }
    #Contents.solution-office .mod-spslider ul.slider li.item {
      width: 23.66071%;
      font-size: 0.75em; }
      #Contents.solution-office .mod-spslider ul.slider li.item span, #Contents.solution-office .mod-spslider ul.slider li.item a {
        display: block; }
      #Contents.solution-office .mod-spslider ul.slider li.item img {
        display: block;
        width: 100%; }
        #Contents.solution-office .mod-spslider ul.slider li.item img.bdd {
          border: #d7d9da solid 1px; }
      #Contents.solution-office .mod-spslider ul.slider li.item p {
        text-align: center;
        margin-top: 1em; }

#Contents.solution-office .mod-cases {
  padding: 35px 0 50px; }
  #Contents.solution-office .mod-cases .mod-link {
    padding-bottom: 0;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #Contents.solution-office .mod-cases .mod-link a.btn {
      width: 49.10714%;
      margin: 0; }
      #Contents.solution-office .mod-cases .mod-link a.btn .logo[src*="o-design_logo"] {
        width: 90px; }
      #Contents.solution-office .mod-cases .mod-link a.btn .logo[src*="bp_logo"] {
        width: auto;
        height: 42px;
        top: 50%;
        margin-top: -21px; }
/*------------------------------------------------------------------------------------------------------------------------
縦割りボタン
---------------------------------------------------------------------------------------------------------------------------*/
#Contents.solution-office .mod-cases_sprit {
  display: flex;
  flex-direction: column;
  padding: 35px 0 50px; }
  #Contents.solution-office .mod-cases_sprit .mod-link {
	padding: 20px 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #Contents.solution-office .mod-cases_sprit .mod-link a.btn {
      width: 49.10714%;
      margin: 0; }
      #Contents.solution-office .mod-cases_sprit .mod-link a.btn .logo[src*="o-design_logo"] {
        width: 90px; }
      #Contents.solution-office .mod-cases_sprit .mod-link a.btn .logo[src*="bp_logo"] {
        width: auto;
        height: 42px;
        top: 50%;
        margin-top: -21px; }
/*------------------------------------------------------------------------------------------------------------------------*/



#Contents.solution-office .mod-btnlist {
  margin: 40px 0 60px; }

#Contents .mod-btnlist ul li a {
  height: 66px !important; }

@media screen and (max-width: 1160px) {
  #Contents.solution-top #content-wrap .mod-panel .rack .panel a, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow {
    padding-left: 60px;
    padding-right: 60px; }
    #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .label, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .label {
      font-size: 1.03448vw; }
    #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .title, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .title {
      font-size: 2.06897vw; }
    #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .lead, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .lead {
      font-size: 1.03448vw; }
  #Contents.solution-office .mod-cases .mod-link a.btn .forSP {
    display: inline; } }




/**
　width 767px
*/
@media screen and (max-width: 767px) {
  .page-wrap {
    width: 75%; }
  .bgindent {
    text-indent: -9999px; }
  .mgauto {
    margin: 0 auto;
    text-align: center; }
  .dblock {
    float: left;
    overflow: hidden;
    display: block; }
  .linkhover a:hover img {
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    opacity: 0.7;
    zoom: 1; }
  .linkhover2 a:hover img {
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    -moz-opacity: 0.9;
    opacity: 0.9;
    zoom: 1; }
  #Contents a.btn {
    font-size: 4vw; }
    #Contents a.btn.ex, #Contents a.btn[target="_blank"] {
      font-size: 0.8rem;
      background-image: url(../../common_assets/img/svg/newtab_icon.svg);
      background-size: 3.73333vw 3.73333vw; }
    #Contents a.btn .logo {
      position: absolute;
      left: 1.33333em; }
  #Contents .mod-kv {
    margin-top: 0;
    height: 77.33333vw;
    position: relative; }
    #Contents .mod-kv .kvInner {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0;
      height: auto; }
      #Contents .mod-kv .kvInner .kvBox {
        width: 100%;
        padding: 4vw 5.33333vw 5.33333vw; }
      #Contents .mod-kv .kvInner .title {
        font-size: 3.2vw; }
        #Contents .mod-kv .kvInner .title .subtitle {
          font-size: 2.93333vw; }
          #Contents .mod-kv .kvInner .title .subtitle:before {
            height: 2.93333vw; }
      #Contents .mod-kv .kvInner .copy {
        font-size: 4.8vw;
        line-height: 1.33333; }
    #Contents .mod-kv + #content-wrap {
      padding-top: 8vw; }
  #Contents .mod-news .title em {
    font-size: 4.8vw; }
    #Contents .mod-news .title em .category {
      display: block;
      font-size: 3.73333vw; }
  #Contents .mod-news + .mod-news-cal {
    overflow: hidden; }
    #Contents .mod-news + .mod-news-cal ul.news {
      display: block;
      margin: -5.33333vw; }
      #Contents .mod-news + .mod-news-cal ul.news li.item {
        width: 100vw; }
        #Contents .mod-news + .mod-news-cal ul.news li.item > span {
          padding: 5.33333vw; }
          #Contents .mod-news + .mod-news-cal ul.news li.item > span img {
            width: 100%; }
          #Contents .mod-news + .mod-news-cal ul.news li.item > span p {
            font-size: 3.2vw; }
    #Contents .mod-news + .mod-news-cal .slick-dots {
      padding: 0;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 5.33333vw; }
      #Contents .mod-news + .mod-news-cal .slick-dots li {
        display: block; }
    #Contents .mod-news + .mod-news-cal .slick-arrow {
      position: absolute;
      top: auto;
      bottom: 0;
      z-index: 200;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      width: 3.2vw;
      height: 5.33333vw;
      text-indent: -9999px;
      margin-top: 0;
      background-image: url(../../common_assets/img/svg/arrow_icon_middle.svg); }
      #Contents .mod-news + .mod-news-cal .slick-arrow.slick-prev {
        left: 7.33333vw;
        margin-right: 0;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #Contents .mod-news + .mod-news-cal .slick-arrow.slick-next {
        right: 7.33333vw;
        margin-left: 0;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat; }
  #Contents .mod-overview {
    padding: 8.66667vw 5.33333vw;
    font-size: 3.2vw; }
  #Contents .sectionlabel {
    font-size: 4.8vw; }
  #Contents .mod-vision .vision-title {
    font-size: 5.86667vw;
    line-height: 1.31818; }
    #Contents .mod-vision .vision-title .fv {
      font-size: 3.73333vw; }
    #Contents .mod-vision .vision-title + .lead {
      font-size: 3.2vw;
      line-height: 1.78571;
      text-align: left;
      margin-top: 5.33333vw; }
  #Contents .mod-panel .panel .div {
    padding: 1em 16%; }
    #Contents .mod-panel .panel .div .label {
      font-size: 4.8vw; }
    #Contents .mod-panel .panel .div hr {
      width: 5.33333vw;
      border-top: #fff solid 1px;
      margin: 4vw auto 5.33333vw; }
    #Contents .mod-panel .panel .div .txt {
      font-size: 2.93333vw;
      width: 100%; }
  #Contents .mod-panel .left, #Contents .mod-panel .right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    #Contents .mod-panel .left.tall, #Contents .mod-panel .right.tall {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #Contents .mod-panel .left.tall .panel, #Contents .mod-panel .right.tall .panel {
        height: 56vw;
        max-height: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
    #Contents .mod-panel .left .panel, #Contents .mod-panel .right .panel {
      width: 100%;
      height: 56vw;
      max-height: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 1px 0;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #f2f3f4; }
  #Contents .mod-btnlist {
    margin: 10.66667vw auto; }
  #Contents .mod-contact {
    padding-top: 10.66667vw; }
  #Contents.solution-top .mod-pagetitle {
    margin-bottom: 7.33333vw; }
  #Contents.solution-top #content-wrap .mod-lead {
    text-align: left;
    font-size: 3.2vw;
    line-height: 1.83333;
    margin-bottom: 11.33333vw; }
  #Contents.solution-top #content-wrap .mod-panel {
    margin-bottom: 10.66667vw; }
    #Contents.solution-top #content-wrap .mod-panel .rack {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      #Contents.solution-top #content-wrap .mod-panel .rack .panel {
        width: 100%;
        height: 56vw;
        margin: 0; }
        #Contents.solution-top #content-wrap .mod-panel .rack .panel a, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow {
          padding: 5.33333vw; }
          #Contents.solution-top #content-wrap .mod-panel .rack .panel a:hover, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow:hover {
            opacity: 1; }
          #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 100%;
            padding: 0 5.33333vw 0 0 !important; }
            #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .label, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .label {
              font-size: 2.93333vw; }
            #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .title, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .title {
              font-size: 4.8vw;
              line-height: 1.41667;
              margin: 1em 0; }
            #Contents.solution-top #content-wrap .mod-panel .rack .panel a .panelInner .lead, #Contents.solution-top #content-wrap .mod-panel .rack .panel span.arrow .panelInner .lead {
              font-size: 2.93333vw;
              line-height: 1.66667; }
        #Contents.solution-top #content-wrap .mod-panel .rack .panel:nth-child(2n) {
          height: 52vw; }
  #Contents.solution-public .mod-kv {
    background-image: url(../img/public/kv_sp.jpg); }
  #Contents.solution-public .mod-vision {
    padding-top: 6.66667vw; }
    #Contents.solution-public .mod-vision .vision-title {
      margin-top: 1rem; }
    #Contents.solution-public .mod-vision .vision {
      display: block;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      text-align: center;
      margin-top: 10.66667vw;
      margin-bottom: 12vw;
      position: relative; }
      #Contents.solution-public .mod-vision .vision h3 {
        font-size: 5.33333vw;
        margin-bottom: 1em; }
        #Contents.solution-public .mod-vision .vision h3 span {
          display: block;
          font-size: 3.2vw; }
      #Contents.solution-public .mod-vision .vision .left, #Contents.solution-public .mod-vision .vision .right {
        width: 100%; }
      #Contents.solution-public .mod-vision .vision .right {
        margin-top: 9.33333vw; }
      #Contents.solution-public .mod-vision .vision:after {
        display: none; }
    #Contents.solution-public .mod-vision .mod-bunka {
      padding: 10.66667vw 0; }
      #Contents.solution-public .mod-vision .mod-bunka .sectionlabel {
        margin-bottom: 30px; }
      #Contents.solution-public .mod-vision .mod-bunka ul {
        display: block;
        margin: -5.33333vw; }
        #Contents.solution-public .mod-vision .mod-bunka ul li {
          width: 100%;
          padding: 5.33333vw;
          margin-top: 1.33333vw; }
          #Contents.solution-public .mod-vision .mod-bunka ul li:first-child {
            margin-top: 0; }
          #Contents.solution-public .mod-vision .mod-bunka ul li h3 {
            font-size: 4.26667vw; }
          #Contents.solution-public .mod-vision .mod-bunka ul li .txt {
            font-size: 2.93333vw; }
    #Contents.solution-public .mod-vision #solution-public-other {
      padding-top: 10.66667vw; }
      #Contents.solution-public .mod-vision #solution-public-other .sectionlabel {
        margin-bottom: 10vw; }
  #Contents.solution-public .mod-cases {
    padding: 10vw 0; }
    #Contents.solution-public .mod-cases .sectionlabel {
      margin-bottom: 4vw; }
    #Contents.solution-public .mod-cases ul, #Contents.solution-public .mod-cases ul.unlarge {
      display: block; }
      #Contents.solution-public .mod-cases ul hr, #Contents.solution-public .mod-cases ul.unlarge hr {
        display: none; }
      #Contents.solution-public .mod-cases ul li, #Contents.solution-public .mod-cases ul li:first-child, #Contents.solution-public .mod-cases ul.unlarge li, #Contents.solution-public .mod-cases ul.unlarge li:first-child {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 5.33333vw;
        margin: 0 0 5.33333vw;
        border-left: none; }
        #Contents.solution-public .mod-cases ul li.dummy, #Contents.solution-public .mod-cases ul li:first-child.dummy, #Contents.solution-public .mod-cases ul.unlarge li.dummy, #Contents.solution-public .mod-cases ul.unlarge li:first-child.dummy {
          display: none; }
        #Contents.solution-public .mod-cases ul li .img, #Contents.solution-public .mod-cases ul li:first-child .img, #Contents.solution-public .mod-cases ul.unlarge li .img, #Contents.solution-public .mod-cases ul.unlarge li:first-child .img {
          width: 100%;
          position: relative; }
          #Contents.solution-public .mod-cases ul li .img .copy, #Contents.solution-public .mod-cases ul li:first-child .img .copy, #Contents.solution-public .mod-cases ul.unlarge li .img .copy, #Contents.solution-public .mod-cases ul.unlarge li:first-child .img .copy {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.9);
            padding: 0.8em 1.2em;
            max-width: 100%;
            font-size: 4vw;
            letter-spacing: 0.025em; }
        #Contents.solution-public .mod-cases ul li .label, #Contents.solution-public .mod-cases ul li:first-child .label, #Contents.solution-public .mod-cases ul.unlarge li .label, #Contents.solution-public .mod-cases ul.unlarge li:first-child .label {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 3.33333vw 0 0;
          height: auto;
          width: 100%; }
          #Contents.solution-public .mod-cases ul li .label .title, #Contents.solution-public .mod-cases ul li:first-child .label .title, #Contents.solution-public .mod-cases ul.unlarge li .label .title, #Contents.solution-public .mod-cases ul.unlarge li:first-child .label .title {
            font-size: 3.73333vw; }
          #Contents.solution-public .mod-cases ul li .label .place, #Contents.solution-public .mod-cases ul li:first-child .label .place, #Contents.solution-public .mod-cases ul.unlarge li .label .place, #Contents.solution-public .mod-cases ul.unlarge li:first-child .label .place {
            font-size: 3.2vw; }
    #Contents.solution-public .mod-cases .mod-link {
      margin-top: 5.33333vw; }
      #Contents.solution-public .mod-cases .mod-link a.btn .logo {
        left: 4vw;
        width: 16vw; }
        #Contents.solution-public .mod-cases .mod-link a.btn .logo[src*="bp_logo"] {
          width: auto;
          height: 6.66667vw;
          margin-top: -3.33333vw; }
  #Contents.solution-public .mod-btnlist {
    margin: 10.66667vw 0; }
  #Contents.solution-public .mod-contact {
    padding-top: 10.66667vw; }
  #Contents.solution-factory .mod-kv {
    background-image: url(../img/factory/logistics/kv_sp.jpg); }
  #Contents.solution-factory .mod-vision {
    padding-top: 6.66667vw; }
    #Contents.solution-factory .mod-vision .bundle {
      background: url(../img/factory/logistics/future_bg.jpg) no-repeat 55% 50%;
      background-size: auto 183.6vw; }
    #Contents.solution-factory .mod-vision .vision {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      margin-top: 40px;
      padding-bottom: 0;
      position: relative; }
      #Contents.solution-factory .mod-vision .vision > .img {
        width: 29.85075%;
        margin: 0; }
      #Contents.solution-factory .mod-vision .vision ul {
        width: 67.16418%;
        display: block; }
        #Contents.solution-factory .mod-vision .vision ul li {
          width: 100%;
          background: #eae7e2;
          padding: 5.33333vw;
          margin-bottom: 1.33333vw; }
          #Contents.solution-factory .mod-vision .vision ul li.item02 {
            width: 100%;
            background: #e2eaea; }
            #Contents.solution-factory .mod-vision .vision ul li.item02 .img img {
              float: none;
              width: 100%; }
              #Contents.solution-factory .mod-vision .vision ul li.item02 .img img:first-child {
                float: none;
                width: 100%; }
          #Contents.solution-factory .mod-vision .vision ul li.item03 {
            background: #f2f3f4; }
          #Contents.solution-factory .mod-vision .vision ul li img {
            width: 100%; }
          #Contents.solution-factory .mod-vision .vision ul li h3 {
            font-size: 3.73333vw;
            padding: 1em; }
          #Contents.solution-factory .mod-vision .vision ul li .txt {
            font-size: 2.66667vw;
            padding-top: 1em;
            text-align: left; }
  #Contents.solution-factory .mod-cases {
    padding-bottom: 30px; }
    #Contents.solution-factory .mod-cases ul li {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 0 0 5.33333vw;
      margin: 0 0 5.33333vw;
      border-left: none; }
      #Contents.solution-factory .mod-cases ul li .img {
        width: 100%;
        position: relative; }
        #Contents.solution-factory .mod-cases ul li .img .copy {
          position: absolute;
          bottom: 0;
          left: 0;
          background: rgba(255, 255, 255, 0.9);
          padding: 0.8em 1.2em;
          max-width: 83.58209%;
          font-size: 3.73333vw;
          line-height: 1.35714;
          letter-spacing: 0.025em; }
      #Contents.solution-factory .mod-cases ul li .label {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3.33333vw 0 0;
        height: auto;
        width: 100%; }
        #Contents.solution-factory .mod-cases ul li .label .title {
          font-size: 3.73333vw; }
        #Contents.solution-factory .mod-cases ul li .label .place {
          font-size: 3.2vw; }
    #Contents.solution-factory .mod-cases ul + .mod-line {
      margin-bottom: 35px; }
    #Contents.solution-factory .mod-cases .subcategory {
      position: relative;
      display: block;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 3.2vw; }
      #Contents.solution-factory .mod-cases .subcategory dl {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 1rem; }
        #Contents.solution-factory .mod-cases .subcategory dl:before {
          content: "";
          display: block;
          width: 47.01493%;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        #Contents.solution-factory .mod-cases .subcategory dl:after {
          content: "";
          display: block;
          width: 47.01493%; }
        #Contents.solution-factory .mod-cases .subcategory dl dt {
          width: 100%;
          margin-bottom: 1em; }
        #Contents.solution-factory .mod-cases .subcategory dl dd {
          width: 47.01493%;
          margin-bottom: 1.5em; }
          #Contents.solution-factory .mod-cases .subcategory dl dd a {
            display: block; }
          #Contents.solution-factory .mod-cases .subcategory dl dd span {
            display: block;
            margin-top: 0.5em; }
      #Contents.solution-factory .mod-cases .subcategory:after {
        display: none; }
  #Contents.solution-factory .mod-btnlist {
    margin: 10.66667vw auto; }
  #Contents.solution-interior .mod-kv {
    background-image: url(../img/interior/kv_sp.jpg); }
  #Contents.solution-interior .mod-vision {
    margin-top: 7.33333vw; }
    #Contents.solution-interior .mod-vision .vision-title + .lead {
      text-align: center; }
    #Contents.solution-interior .mod-vision .vision {
      padding: 40px 0 60px; }
      #Contents.solution-interior .mod-vision .vision .img {
        max-width: 540px;
        margin: 0 auto; }
      #Contents.solution-interior .mod-vision .vision .copy {
        text-align: center;
        margin-top: 40px; }
  #Contents.solution-healthcare .mod-kv {
    background-image: url(../img/healthcare/kv_sp.jpg); }
  #Contents.solution-healthcare .mod-vision {
    margin-top: 7.33333vw; }
    #Contents.solution-healthcare .mod-vision .vision-title + .lead {
      text-align: center; }
    #Contents.solution-healthcare .mod-vision .vision {
      padding: 5.33333vw 0; }
      #Contents.solution-healthcare .mod-vision .vision .img {
        width: auto;
        margin: -5.33333vw; }
        #Contents.solution-healthcare .mod-vision .vision .img img {
          width: 93.33333vw; }
      #Contents.solution-healthcare .mod-vision .vision .copy {
        text-align: center;
        margin-top: 40px;
        font-size: 3.2vw; }
    #Contents.solution-healthcare .mod-vision .mod-link {
      margin: 45px auto 60px; }
      #Contents.solution-healthcare .mod-vision .mod-link a {
        width: 320px; }
  #Contents.solution-healthcare .mod-cases {
    padding: 10vw 0; }
    #Contents.solution-healthcare .mod-cases .sectionlabel {
      margin-bottom: 4vw; }
    #Contents.solution-healthcare .mod-cases ul {
      display: block; }
      #Contents.solution-healthcare .mod-cases ul hr {
        display: none; }
      #Contents.solution-healthcare .mod-cases ul li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 5.33333vw;
        margin: 0 0 5.33333vw;
        border-left: none; }
        #Contents.solution-healthcare .mod-cases ul li .img {
          width: 100%;
          position: relative; }
          #Contents.solution-healthcare .mod-cases ul li .img .copy {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.9);
            padding: 0.8em 1.2em;
            max-width: 83.58209%;
            font-size: 3.73333vw;
            letter-spacing: 0.025em; }
        #Contents.solution-healthcare .mod-cases ul li .label {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 3.33333vw 0 0;
          height: auto;
          width: 100%; }
          #Contents.solution-healthcare .mod-cases ul li .label .title {
            font-size: 3.73333vw; }
          #Contents.solution-healthcare .mod-cases ul li .label .place {
            font-size: 3.2vw; }
    #Contents.solution-healthcare .mod-cases .mod-link {
      margin-top: 5.33333vw; }
      #Contents.solution-healthcare .mod-cases .mod-link a.btn .logo[src*="Mevi"] {
        left: 4vw;
        height: 6.13333vw;
        margin-top: -3.06667vw;
        width: auto; }
  #Contents.solution-healthcare .mod-btnlist {
    margin: 10.66667vw auto; }
  #Contents.solution-municipality .mod-kv {
    background-image: url(../img/municipality/kv_sp.jpg); }
  #Contents.solution-municipality .mod-vision {
    margin-top: 7.33333vw; }
    #Contents.solution-municipality .mod-vision .vision-title + .lead {
      text-align: center; }
    #Contents.solution-municipality .mod-vision .vision {
      padding: 5.33333vw 0 7.33333vw; }
      #Contents.solution-municipality .mod-vision .vision .img {
        width: auto;
        margin: 7.33333vw auto; }
        #Contents.solution-municipality .mod-vision .vision .img img {
          width: 46.66667vw; }
      #Contents.solution-municipality .mod-vision .vision .mod-link {
        margin: 7.33333vw auto; }
      #Contents.solution-municipality .mod-vision .vision .copy {
        text-align: center;
        margin-top: 7.33333vw;
        font-size: 3.2vw; }
    #Contents.solution-municipality .mod-vision .mod-link {
      margin: 45px auto 60px; }
      #Contents.solution-municipality .mod-vision .mod-link a {
        width: 320px; }
  #Contents.solution-municipality .mod-cases {
    padding: 10vw 0; }
    #Contents.solution-municipality .mod-cases .sectionlabel {
      margin-bottom: 4vw; }
    #Contents.solution-municipality .mod-cases ul {
      display: block; }
      #Contents.solution-municipality .mod-cases ul hr {
        display: none; }
      #Contents.solution-municipality .mod-cases ul li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 5.33333vw;
        margin: 0 0 5.33333vw;
        border-left: none; }
        #Contents.solution-municipality .mod-cases ul li.dummy {
          display: none; }
        #Contents.solution-municipality .mod-cases ul li .img {
          width: 100%;
          position: relative; }
          #Contents.solution-municipality .mod-cases ul li .img .copy {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.9);
            padding: 0.8em 1.2em;
            max-width: 83.58209%;
            font-size: 3.73333vw;
            letter-spacing: 0.025em; }
        #Contents.solution-municipality .mod-cases ul li .label {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 3.33333vw 0 0;
          height: auto;
          width: 100%; }
          #Contents.solution-municipality .mod-cases ul li .label .title {
            font-size: 3.73333vw; }
          #Contents.solution-municipality .mod-cases ul li .label .place {
            font-size: 3.2vw; }
    #Contents.solution-municipality .mod-cases .mod-link {
      margin-top: 5.33333vw; }
      #Contents.solution-municipality .mod-cases .mod-link a.btn .logo {
        left: 4vw;
        width: 15.46667vw; }
  #Contents.solution-municipality .mod-btnlist {
    margin: 10.66667vw auto; }
  #Contents.solution-laboratory .mod-kv {
    background-image: url(../img/laboratory/kv_sp.jpg); }
  #Contents.solution-laboratory .mod-vision {
    margin-top: 7.33333vw; }
    #Contents.solution-laboratory .mod-vision .vision-title + .lead {
      text-align: center; }
    #Contents.solution-laboratory .mod-vision .vision {
      padding: 18.66667vw 0 7.33333vw; }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider li.item {
        margin: 0 5.33333vw;
        padding: 4vw; }
        #Contents.solution-laboratory .mod-vision .vision ul.mod-slider li.item h3 {
          font-size: 3.2vw; }
        #Contents.solution-laboratory .mod-vision .vision ul.mod-slider li.item .txt {
          font-size: 3.2vw;
          text-align: left; }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-dots {
        bottom: 100%;
        margin-bottom: 6.66667vw;
        height: 5.33333vw; }
        #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-dots li {
          display: block; }
      #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-arrow {
        width: 3.2vw;
        height: 5.33333vw;
        bottom: 100%;
        margin-bottom: 6.66667vw;
        height: 5.33333vw;
        background-image: url(../../common_assets/img/svg/arrow_icon_middle.svg);
        background-color: transparent; }
        #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-arrow.slick-prev {
          left: 7.33333vw;
          margin-right: 0;
          background-size: contain;
          background-position: 50%;
          background-repeat: no-repeat;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #Contents.solution-laboratory .mod-vision .vision ul.mod-slider .slick-arrow.slick-next {
          right: 7.33333vw;
          margin-left: 0;
          background-size: contain;
          background-position: 50%;
          background-repeat: no-repeat; }
      #Contents.solution-laboratory .mod-vision .vision .copy {
        text-align: center;
        margin-top: 7.33333vw;
        font-size: 3.2vw; }
    #Contents.solution-laboratory .mod-vision .mod-link {
      margin: 45px auto 60px; }
      #Contents.solution-laboratory .mod-vision .mod-link a {
        width: 320px; }
  #Contents.solution-laboratory .mod-cases {
    padding: 10vw 0; }
    #Contents.solution-laboratory .mod-cases .sectionlabel {
      margin-bottom: 4vw; }
    #Contents.solution-laboratory .mod-cases ul {
      display: block; }
      #Contents.solution-laboratory .mod-cases ul hr {
        display: none; }
      #Contents.solution-laboratory .mod-cases ul li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 5.33333vw;
        margin: 0 0 5.33333vw;
        border-left: none; }
        #Contents.solution-laboratory .mod-cases ul li .img {
          width: 100%;
          position: relative; }
          #Contents.solution-laboratory .mod-cases ul li .img .copy {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.9);
            padding: 0.8em 1.2em;
            max-width: 83.58209%;
            font-size: 3.73333vw;
            letter-spacing: 0.025em; }
        #Contents.solution-laboratory .mod-cases ul li .label {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 3.33333vw 0 0;
          height: auto;
          width: 100%; }
          #Contents.solution-laboratory .mod-cases ul li .label .title {
            font-size: 3.73333vw; }
          #Contents.solution-laboratory .mod-cases ul li .label .place {
            font-size: 3.2vw; }
    #Contents.solution-laboratory .mod-cases .mod-link {
      margin-top: 5.33333vw; }
      #Contents.solution-laboratory .mod-cases .mod-link a.btn .logo {
        left: 4vw;
        width: 15.46667vw; }
  #Contents.solution-laboratory .mod-btnlist {
    margin: 10.66667vw auto; }
  #Contents.solution-store .mod-kv {
    background-image: url(../img/commercial/store/kv_sp.jpg); }
  #Contents.solution-store .mod-vision {
    margin-top: 7.33333vw; }
    #Contents.solution-store .mod-vision .vision-title + .lead {
      text-align: center; }
    #Contents.solution-store .mod-vision .vision {
      padding: 18.66667vw 0 7.33333vw; }
      #Contents.solution-store .mod-vision .vision ul.mod-slider li.item {
        margin: 0 5.33333vw;
        padding: 4vw; }
        #Contents.solution-store .mod-vision .vision ul.mod-slider li.item h3 {
          font-size: 3.2vw; }
        #Contents.solution-store .mod-vision .vision ul.mod-slider li.item .txt {
          font-size: 3.2vw;
          text-align: left; }
      #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-dots {
        bottom: 100%;
        margin-bottom: 6.66667vw;
        height: 5.33333vw; }
        #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-dots li {
          display: block; }
      #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-arrow {
        width: 3.2vw;
        height: 5.33333vw;
        bottom: 100%;
        margin-bottom: 6.66667vw;
        height: 5.33333vw;
        background-image: url(../../common_assets/img/svg/arrow_icon_middle.svg);
        background-color: transparent; }
        #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-arrow.slick-prev {
          left: 7.33333vw;
          margin-right: 0;
          background-size: contain;
          background-position: 50%;
          background-repeat: no-repeat;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #Contents.solution-store .mod-vision .vision ul.mod-slider .slick-arrow.slick-next {
          right: 7.33333vw;
          margin-left: 0;
          background-size: contain;
          background-position: 50%;
          background-repeat: no-repeat; }
      #Contents.solution-store .mod-vision .vision .copy {
        text-align: center;
        margin-top: 7.33333vw;
        font-size: 3.2vw; }
    #Contents.solution-store .mod-vision .mod-link {
      margin: 45px auto 60px; }
      #Contents.solution-store .mod-vision .mod-link a {
        width: 320px; }
  #Contents.solution-store .mod-cases {
    padding: 10vw 0 0; }
    #Contents.solution-store .mod-cases .sectionlabel {
      margin-bottom: 4vw; }
    #Contents.solution-store .mod-cases ul, #Contents.solution-store .mod-cases ul.unlarge {
      display: block; }
      #Contents.solution-store .mod-cases ul hr, #Contents.solution-store .mod-cases ul.unlarge hr {
        display: none; }
      #Contents.solution-store .mod-cases ul li, #Contents.solution-store .mod-cases ul li:nth-child(1), #Contents.solution-store .mod-cases ul.unlarge li, #Contents.solution-store .mod-cases ul.unlarge li:nth-child(1) {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 5.33333vw;
        margin: 0 0 5.33333vw;
        border-left: none; }
        #Contents.solution-store .mod-cases ul li .img, #Contents.solution-store .mod-cases ul li:nth-child(1) .img, #Contents.solution-store .mod-cases ul.unlarge li .img, #Contents.solution-store .mod-cases ul.unlarge li:nth-child(1) .img {
          width: 100%;
          position: relative; }
          #Contents.solution-store .mod-cases ul li .img .copy, #Contents.solution-store .mod-cases ul li:nth-child(1) .img .copy, #Contents.solution-store .mod-cases ul.unlarge li .img .copy, #Contents.solution-store .mod-cases ul.unlarge li:nth-child(1) .img .copy {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.9);
            padding: 0.8em 1.2em;
            max-width: 83.58209%;
            font-size: 3.73333vw;
            letter-spacing: 0.025em; }
        #Contents.solution-store .mod-cases ul li .label, #Contents.solution-store .mod-cases ul li:nth-child(1) .label, #Contents.solution-store .mod-cases ul.unlarge li .label, #Contents.solution-store .mod-cases ul.unlarge li:nth-child(1) .label {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 3.33333vw 0 0;
          height: auto;
          width: 100%; }
          #Contents.solution-store .mod-cases ul li .label .title, #Contents.solution-store .mod-cases ul li:nth-child(1) .label .title, #Contents.solution-store .mod-cases ul.unlarge li .label .title, #Contents.solution-store .mod-cases ul.unlarge li:nth-child(1) .label .title {
            font-size: 3.73333vw; }
          #Contents.solution-store .mod-cases ul li .label .place, #Contents.solution-store .mod-cases ul li:nth-child(1) .label .place, #Contents.solution-store .mod-cases ul.unlarge li .label .place, #Contents.solution-store .mod-cases ul.unlarge li:nth-child(1) .label .place {
            font-size: 3.2vw; }
    #Contents.solution-store .mod-cases .mod-link {
      margin-top: 5.33333vw; }
      #Contents.solution-store .mod-cases .mod-link a.btn .logo {
        left: 4vw;
        width: 15.46667vw; }
  #Contents.solution-store .mod-btnlist {
    margin: 10.66667vw auto; }
  #Contents.solution-office .mod-kv {
    background-image: url(../img/office/kv_sp.jpg); }
  #Contents.solution-office .mod-vision {
    margin-top: 7.33333vw; }
    #Contents.solution-office .mod-vision .vision-title + .lead {
      text-align: center; }
    #Contents.solution-office .mod-vision .vision {
      padding: 5.33333vw 0 7.33333vw;
      margin: 0 -5.33333vw; }
      #Contents.solution-office .mod-vision .vision .flex {
        display: block; }
        #Contents.solution-office .mod-vision .vision .flex .item {
          width: 100%;
          padding: 10.66667vw 5.33333vw; }
          #Contents.solution-office .mod-vision .vision .flex .item.right {
            margin-top: 1.33333vw; }
          #Contents.solution-office .mod-vision .vision .flex .item h3 {
            font-size: 4.8vw; }
          #Contents.solution-office .mod-vision .vision .flex .item .subtit {
            font-size: 3.2vw; }
          #Contents.solution-office .mod-vision .vision .flex .item .txt {
            font-size: 3.2vw;
            margin-top: 5.33333vw;
            text-align: left; }
      #Contents.solution-office .mod-vision .vision .copy {
        text-align: center;
        margin: 7.33333vw 5.33333vw 0;
        font-size: 3.2vw; }
    #Contents.solution-office .mod-vision .mod-link {
      margin: 45px auto 60px; }
      #Contents.solution-office .mod-vision .mod-link a {
        width: 320px; }
  #Contents.solution-office .mod-spslider {
    overflow: hidden; }
    #Contents.solution-office .mod-spslider ul.slider {
      display: block;
      margin: 0 -5.33333vw; }
      #Contents.solution-office .mod-spslider ul.slider li.item {
        width: 100vw;
        padding: 0 5.33333vw; }
        #Contents.solution-office .mod-spslider ul.slider li.item p {
          font-size: 3.2vw; }
        #Contents.solution-office .mod-spslider ul.slider li.item > span {
          padding: 5.33333vw; }
          #Contents.solution-office .mod-spslider ul.slider li.item > span img {
            width: 100%; }
          #Contents.solution-office .mod-spslider ul.slider li.item > span p {
            font-size: 3.2vw; }
    #Contents.solution-office .mod-spslider .slick-dots {
      margin-top: 1rem;
      padding: 0;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 5.33333vw; }
      #Contents.solution-office .mod-spslider .slick-dots li {
        display: block; }
    #Contents.solution-office .mod-spslider .slick-arrow {
      position: absolute;
      top: auto;
      bottom: 0;
      z-index: 200;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      width: 3.2vw;
      height: 5.33333vw;
      text-indent: -9999px;
      margin-top: 0;
      background-image: url(../../common_assets/img/svg/arrow_icon_middle.svg); }
      #Contents.solution-office .mod-spslider .slick-arrow.slick-prev {
        left: 7.33333vw;
        margin-right: 0;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #Contents.solution-office .mod-spslider .slick-arrow.slick-next {
        right: 7.33333vw;
        margin-left: 0;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat; }
  #Contents.solution-office .mod-cases {
    padding: 10vw 0; }
    #Contents.solution-office .mod-cases .sectionlabel {
      margin-bottom: 4vw; }
    #Contents.solution-office .mod-cases ul {
      display: block; }
      #Contents.solution-office .mod-cases ul hr {
        display: none; }
      #Contents.solution-office .mod-cases ul li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 5.33333vw;
        margin: 0 0 5.33333vw;
        border-left: none; }
        #Contents.solution-office .mod-cases ul li .img {
          width: 100%;
          position: relative; }
          #Contents.solution-office .mod-cases ul li .img .copy {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.9);
            padding: 0.8em 1.2em;
            max-width: 83.58209%;
            font-size: 4vw;
            letter-spacing: 0.025em; }
        #Contents.solution-office .mod-cases ul li .label {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 3.33333vw 0 0;
          height: auto;
          width: 100%; }
          #Contents.solution-office .mod-cases ul li .label .title {
            font-size: 3.73333vw; }
          #Contents.solution-office .mod-cases ul li .label .place {
            font-size: 3.2vw; }
    #Contents.solution-office .mod-cases .mod-link {
      margin-top: 5.33333vw;
      display: block; }
      #Contents.solution-office .mod-cases .mod-link a.btn {
        width: 100%;
        text-align: center;
        font-size: 0.9375rem;
        background-position: right 4.8vw center;
        background-size: 1.6vw 2.66667vw;
        margin-top: 4vw; }
        #Contents.solution-office .mod-cases .mod-link a.btn:first-child {
          margin-top: 0;
          background-size: 3.73333vw 3.73333vw; }
        #Contents.solution-office .mod-cases .mod-link a.btn:nth-child(2) {
          background-size: 3.73333vw 3.73333vw; }
        #Contents.solution-office .mod-cases .mod-link a.btn .logo {
          left: 4vw; }
          #Contents.solution-office .mod-cases .mod-link a.btn .logo[src*="o-design_logo"] {
            width: 15.46667vw; }
          #Contents.solution-office .mod-cases .mod-link a.btn .logo[src*="bp_logo"] {
            width: auto;
            height: 6.66667vw;
            margin-top: -3.33333vw; }
  #Contents.solution-office .mod-btnlist {
    margin: 10.66667vw auto; }
  
  #Contents.solution-office .mod-panel + .bundle > .mod-link {
  display: flex;
  flex-direction: column; }
	
 #Contents a.btn.ex, #Contents a.btn[target="_blank"] {
      /*font-size: 0.5rem;*/
	  text-align: center;}
#Contents.solution-office .mod-cases_sprit .mod-link{
  display: flex;
  flex-direction: column;
	padding: 0;}
	#Contents.solution-office .mod-cases_sprit .mod-link a.btn{
	font-size: 12px;
	width: auto;
	padding-left: 87px;
	margin: 0 0 20px 0;
	text-align: center;
	}	
	
  div {
    position: static; }
  @-webkit-keyframes gotoScrollAnimation {
    0% {
      top: 3px; }
    1% {
      top: 3px; }
    100% {
      top: 15px; } }
  @keyframes gotoScrollAnimation {
    0% {
      top: 3px; }
    1% {
      top: 3px; }
    100% {
      top: 15px; } }
  @-webkit-keyframes fade-in {
    0% {
      display: none;
      opacity: 0; }
    1% {
      display: block;
      opacity: 0; }
    100% {
      display: block;
      opacity: 1; } }
  @keyframes fade-in {
    0% {
      display: none;
      opacity: 0; }
    1% {
      display: block;
      opacity: 0; }
    100% {
      display: block;
      opacity: 1; } }
  @-webkit-keyframes fade-out {
    0% {
      display: block;
      opacity: 1; }
    90% {
      display: block;
      opacity: 0; }
    100% {
      display: none;
      opacity: 0; } }
  @keyframes fade-out {
    0% {
      display: block;
      opacity: 1; }
    90% {
      display: block;
      opacity: 0; }
    100% {
      display: none;
      opacity: 0; } } }

@-webkit-keyframes gotoScrollAnimation {
  0% {
    top: 3px; }
  1% {
    top: 3px; }
  100% {
    top: 15px; } }

@keyframes gotoScrollAnimation {
  0% {
    top: 3px; }
  1% {
    top: 3px; }
  100% {
    top: 15px; } }

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-webkit-keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  90% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }

@keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  90% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }