@charset "UTF-8";


/ font /

.notosans_jp{
  font-family: 'Noto Sans JP', sans-serif;
}
.weight400{
  font-weight:400;
}
.weight500{
  font-weight:500;
}
.weight600{
  font-weight:600;
}
.weight700{
  font-weight:700;
}
.js_isEdge .notosans_jp{
  font-weight:bold;
}

/ header /

#gl_header .hd_brd_crmb {
  border-bottom: none;
}

/ button /

.button.act01{
  width: 280px;
}
@media (max-width: 768px) {
  .button.act01{
    width: 250px;
  }
}
@media (max-width: 640px) {
  .button.act01{
    width: 65%;
    font-size: 16px!important;
  }
}

/ mv /

#mv{
  max-width: 1486px;
  margin: auto;
  width: 100%;
  height: 463px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  text-align: center;
}
#mv.mv_bg{
  background: url(/-/Media/Ricoh/Sites/jp_ricoh/environment/eco_business_center/img/main.jpg?1) no-repeat;
  background-size: cover;
  background-position: center;
}
#mv h1{
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #fff;
  text-shadow:0px 0px 14px rgba(35,37,38,0.43);
  margin-top: 40px;
  max-width: unset;
}
#mv .baroon{
  width: 255px;
  margin: 48px auto 0;
  position: relative;
}
#mv .baroon img{
  width: 100%;
}
@media (max-width: 1180px) {
  #mv{
    height: 38vw;
  }
  #mv h1{
    font-size: 2.88vw;
    margin-top: 4.23728813559322vw;
  }
  #mv .baroon{
    width: 21.610169491525422vw;
    margin-top: 4.067796610169491vw;
  }
}
@media (max-width: 640px) {
  #mv h1{
    font-size: 3.5vw;
    margin-top: 4.6vw;
  }
  #mv .baroon{
    margin-top: 4.8vw;
  }
}

/ intro /

#intro{
  max-width: 1010px;
  margin: 80px auto;
  width: 100%;
  text-align: center;
}
#intro p {
  font-size: 18px;
  line-height: 2.12;
}
#intro .intro_img_bottom{
  width: 912px;
  margin: auto;
}
@media (max-width: 996px) {
  #intro p {
    margin: -5px auto 15px;
  }
}
@media (max-width: 913px) {
  #intro .intro_img_bottom {
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 800px) {
  #intro{
    margin: 80px auto 40px;
  }
  #intro p {
    margin: -1% auto 15px;
    padding: 0 4%;
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 640px) {
  #intro{
    margin: 12vw auto 14vw;
  }
  #intro p {
    font-size: 16px;
    margin: 4% auto;
    padding: 0 5%;
  }
}

/ information /

#information{
  position: relative;
  max-width: 1486px;
  margin: auto;
  margin-bottom: 120px;
}



@media (min-width: 641px) {
  #information .information_wrap{
    width: 1006px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


  #information .information_wrap .information_left{
    width: 330px;
  }
  #information .information_wrap .information_right{
    width: calc(100% - 380px);
  }
}

@media (max-width: 640px) {
  #information .information_wrap{
    width: 100%;
  }

  #information .information_wrap .information_left{
    width: 70%;
    max-width: 330px;
    margin: 0 auto;
  }

  #information .information_wrap .information_right{
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }
}

#information .lb_ico {
  display: inline-block;
  margin-left: 12px;
  margin-right: 4px;
  padding: 2px 8px 1px;
  font-size: 12px;
  font-weight: normal;
  position: relative;
  top: -2px;
}
#information .lb_ico.cate02 {
  background: #333;
  color: #fff;
}
#information .news_sct .news_lst {
  display: block;
  padding: 8px 0 13px;
  padding-left: 20px;
  border-bottom: 1px solid #c9c9c9;
}
#information .news_sct dl dt .day {
  font-size: 17px;
}
#information .news_sct dl dd {
  margin-top: 5px;
  margin-left: 0;
}
#information .notes {
  margin-top: 16px;
  padding-left: 20px;
}
@media (max-width: 640px) {
  #information{
    margin-bottom: 14vw;
  }
  #information .news_sct .news_lst {
    padding-left: 0px;
  }
  #information .notes {
    padding-left: 0px;
  }
}
@media (min-width: 1129px) and (max-width: 1420px) {
  #information .news_sct {
    margin-left: 3vw;
  }
}


/ future /

#future{
  margin: 0 auto 40px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#future .bg_img{
  width: 98%;
  max-width: 1006px;
  position: relative;
  margin: 0 auto 40px;
}

#future .bg_img img{
  width: 100%;
  height: auto;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}

#future .text-area{
  width: 57.491252%;
}
#future .hd02{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

#future .hd02 span{
  font-size: 36px;
}
#future .button.act01{
  margin-top: 1.5vw;
}
@media (min-width: 769px) {
  #future .text-area-inner{
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    margin-top: auto;
    margin-left: 0%;
  }
}
@media (max-width: 1006px){
  #future .hd02{
    font-size: 2.75vw;
  }
  #future .button.act01{
    margin-top: 2vw;
  }
}
@media (max-width: 768px) {
  #future .text-area{
    width: 100%;
    padding: 0 2% 0 4%;
    box-sizing: border-box;
  }
  #future .text-area-inner h2{
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-175%);
    margin-top: auto;
    margin-left: 0%;
  }
  #future .hd02{
    font-size: 2.75vw;
    letter-spacing: -0.07em;
  }

  #future .hd02 span{
    font-size: 3.75vw;
  }

  #future .button.act01{
    margin: 2vw auto 0;
    display: block;
  }
}
@media (max-width: 640px) {
  #future .hd02{
    letter-spacing: -0.07em;
  }
}

/ environmental /

#environmental{
  margin: 0 auto 40px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#environmental .bg_img{
  width: 98%;
  max-width: 1006px;
  position: relative;
  margin: 0 auto 40px;
}

#environmental .bg_img img{
  width: 100%;
  height: auto;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}

#environmental .text-area{
  width: 57.491252%;
}
#environmental .hd02{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

#environmental .hd02 span{
  font-size: 36px;
}
#environmental .button.act01{
  margin-top: 1.5vw;
}
@media (min-width: 769px) {
  #environmental .text-area-inner{
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    margin-top: auto;
    margin-left: 0%;
  }
}
@media (max-width: 1006px){
  #environmental .hd02{
    font-size: 2.75vw;
  }
  #environmental .button.act01{
    margin-top: 2vw;
  }
}
@media (max-width: 768px) {
  #environmental .text-area{
    width: 100%;
    padding: 0 2% 0 4%;
    box-sizing: border-box;
  }
  #environmental .text-area-inner h2{
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-110%);
    margin-top: auto;
    margin-left: 0%;
  }
  #environmental .hd02{
    font-size: 2.75vw;
    letter-spacing: -0.07em;
  }

  #environmental .hd02 span{
    font-size: 3.75vw;
  }

  #environmental .button.act01{
    margin: 2vw auto 0;
    display: block;
  }
}
@media (max-width: 640px) {
  #environmental .hd02{
    letter-spacing: -0.07em;
  }
}

/ concept /

#concept{
  margin: 0 auto 40px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#concept .bg_img{
  width: 98%;
  max-width: 1006px;
  position: relative;
  margin: 0 auto 40px;
}

#concept .bg_img img{
  width: 100%;
  height: auto;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}

#concept .text-area{
  width: 57.491252%;
}
#concept .hd02{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

#concept .hd02 span{
  font-size: 36px;
}
#concept .button.act01{
  margin-top: 1.5vw;
}
@media (min-width: 769px) {
  #concept .text-area-inner{
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    margin-top: auto;
    margin-left: 0%;
  }
}
@media (max-width: 1006px){
  #concept .hd02{
    font-size: 2.75vw;
  }
  #concept .button.act01{
    margin-top: 2vw;
  }
}
@media (max-width: 768px) {
  #concept .text-area{
    width: 100%;
    padding: 0 2% 0 4%;
    box-sizing: border-box;
  }
  #concept .text-area-inner h2{
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-80%);
    margin-top: auto;
    margin-left: 0%;
  }
  #concept .hd02{
    font-size: 2.75vw;
    letter-spacing: -0.07em;
  }

  #concept .hd02 span{
    font-size: 3.75vw;
  }

  #concept .button.act01{
    margin: 2vw auto 0;
    display: block;
  }
}
@media (max-width: 640px) {
  #concept .hd02{
    letter-spacing: -0.07em;
  }

  #concept .text-area-inner h2{
    transform: translateY(-120%);
  }
}


/ facebook /

@media (max-width: 768px) {
  #facebook img{
    width: 100%;
  }
}


/* ============================================================ šøÓÃ¥¯¥é¥¹ */

/* ============================== Line Height */

.lh1_3{
  line-height: 1.3!important;
}

/* ============================== Margin */

.mb12{
  margin-bottom: 12px!important;
}
@media (max-width: 640px) {
  .rsp_ml0 {
    margin-left: 0!important;
  }
}

/* ============================== Width */

.w55p {
    width: 55% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w45p {
    width: 45% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 640px) {
  .rsp_w75p { width: 75% !important; max-width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .rsp_w100p { width: 100% !important; max-width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

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

.is_tablet{
  display: none;
}
@media (max-width: 768px) {
  .is_tablet{
    display: block;
  }
  .tablet_dsp_n{
    display: none;
  }
}
@media (max-width: 640px) {
  .is_tablet{
    display: none;
  }
}

/* ============================== Ó¡Ë¢ */

@media print{
  body {
    -webkit-print-color-adjust: exact;
  }
}