@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background-color: transparent; }

body {
line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
display: block; }

ul {
list-style: none; }

blockquote, q {
quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
content: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
background: transparent; }

ins {
  background-color: #ffff99;
  color: black;
text-decoration: none; }

mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
font-weight: bold; }

del {
text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted black;
cursor: help; }

table {
  border-collapse: collapse;
border-spacing: 0; }

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

input, select {
vertical-align: middle; }

input:focus {
outline: none; }

img {
vertical-align: bottom; }

.mb0 {
margin-bottom: 0px !important; }

.mb1 {
margin-bottom: 1px !important; }

.mb2 {
margin-bottom: 2px !important; }

.mb3 {
margin-bottom: 3px !important; }

.mb4 {
margin-bottom: 4px !important; }

.mb5 {
margin-bottom: 5px !important; }

.mb6 {
margin-bottom: 6px !important; }

.mb7 {
margin-bottom: 7px !important; }

.mb8 {
margin-bottom: 8px !important; }

.mb9 {
margin-bottom: 9px !important; }

.mb10 {
margin-bottom: 10px !important; }

.mb11 {
margin-bottom: 11px !important; }

.mb12 {
margin-bottom: 12px !important; }

.mb13 {
margin-bottom: 13px !important; }

.mb14 {
margin-bottom: 14px !important; }

.mb15 {
margin-bottom: 15px !important; }

.mb16 {
margin-bottom: 16px !important; }

.mb17 {
margin-bottom: 17px !important; }

.mb18 {
margin-bottom: 18px !important; }

.mb19 {
margin-bottom: 19px !important; }

.mb20 {
margin-bottom: 20px !important; }

.mb21 {
margin-bottom: 21px !important; }

.mb22 {
margin-bottom: 22px !important; }

.mb23 {
margin-bottom: 23px !important; }

.mb24 {
margin-bottom: 24px !important; }

.mb25 {
margin-bottom: 25px !important; }

.mb26 {
margin-bottom: 26px !important; }

.mb27 {
margin-bottom: 27px !important; }

.mb28 {
margin-bottom: 28px !important; }

.mb29 {
margin-bottom: 29px !important; }

.mb30 {
margin-bottom: 30px !important; }

.mb31 {
margin-bottom: 31px !important; }

.mb32 {
margin-bottom: 32px !important; }

.mb33 {
margin-bottom: 33px !important; }

.mb34 {
margin-bottom: 34px !important; }

.mb35 {
margin-bottom: 35px !important; }

.mb36 {
margin-bottom: 36px !important; }

.mb37 {
margin-bottom: 37px !important; }

.mb38 {
margin-bottom: 38px !important; }

.mb39 {
margin-bottom: 39px !important; }

.mb40 {
margin-bottom: 40px !important; }

.mb41 {
margin-bottom: 41px !important; }

.mb42 {
margin-bottom: 42px !important; }

.mb43 {
margin-bottom: 43px !important; }

.mb44 {
margin-bottom: 44px !important; }

.mb45 {
margin-bottom: 45px !important; }

.mb46 {
margin-bottom: 46px !important; }

.mb47 {
margin-bottom: 47px !important; }

.mb48 {
margin-bottom: 48px !important; }

.mb49 {
margin-bottom: 49px !important; }

.mb50 {
margin-bottom: 50px !important; }

.mb51 {
margin-bottom: 51px !important; }

.mb52 {
margin-bottom: 52px !important; }

.mb53 {
margin-bottom: 53px !important; }

.mb54 {
margin-bottom: 54px !important; }

.mb55 {
margin-bottom: 55px !important; }

.mb56 {
margin-bottom: 56px !important; }

.mb57 {
margin-bottom: 57px !important; }

.mb58 {
margin-bottom: 58px !important; }

.mb59 {
margin-bottom: 59px !important; }

.mb60 {
margin-bottom: 60px !important; }

.mb61 {
margin-bottom: 61px !important; }

.mb62 {
margin-bottom: 62px !important; }

.mb63 {
margin-bottom: 63px !important; }

.mb64 {
margin-bottom: 64px !important; }

.mb65 {
margin-bottom: 65px !important; }

.mb66 {
margin-bottom: 66px !important; }

.mb67 {
margin-bottom: 67px !important; }

.mb68 {
margin-bottom: 68px !important; }

.mb69 {
margin-bottom: 69px !important; }

.mb70 {
margin-bottom: 70px !important; }

.mb71 {
margin-bottom: 71px !important; }

.mb72 {
margin-bottom: 72px !important; }

.mb73 {
margin-bottom: 73px !important; }

.mb74 {
margin-bottom: 74px !important; }

.mb75 {
margin-bottom: 75px !important; }

.mb76 {
margin-bottom: 76px !important; }

.mb77 {
margin-bottom: 77px !important; }

.mb78 {
margin-bottom: 78px !important; }

.mb79 {
margin-bottom: 79px !important; }

.mb80 {
margin-bottom: 80px !important; }

.mb81 {
margin-bottom: 81px !important; }

.mb82 {
margin-bottom: 82px !important; }

.mb83 {
margin-bottom: 83px !important; }

.mb84 {
margin-bottom: 84px !important; }

.mb85 {
margin-bottom: 85px !important; }

.mb86 {
margin-bottom: 86px !important; }

.mb87 {
margin-bottom: 87px !important; }

.mb88 {
margin-bottom: 88px !important; }

.mb89 {
margin-bottom: 89px !important; }

.mb90 {
margin-bottom: 90px !important; }

.mb91 {
margin-bottom: 91px !important; }

.mb92 {
margin-bottom: 92px !important; }

.mb93 {
margin-bottom: 93px !important; }

.mb94 {
margin-bottom: 94px !important; }

.mb95 {
margin-bottom: 95px !important; }

.mb96 {
margin-bottom: 96px !important; }

.mb97 {
margin-bottom: 97px !important; }

.mb98 {
margin-bottom: 98px !important; }

.mb99 {
margin-bottom: 99px !important; }

.mb100 {
margin-bottom: 100px !important; }

.mr0 {
margin-right: 0px !important; }

.mr5 {
margin-right: 5px; }

.mr10 {
margin-right: 10px; }

.mr15 {
margin-right: 15px; }

.mr20 {
margin-right: 20px; }

.mr25 {
margin-right: 25px; }

.mr30 {
margin-right: 30px; }

.mr35 {
margin-right: 35px; }

.mr40 {
margin-right: 40px; }

.mr45 {
margin-right: 45px; }

.mr50 {
margin-right: 50px; }

.mr55 {
margin-right: 55px; }

.mr60 {
margin-right: 60px; }

.mr65 {
margin-right: 65px; }

.mr70 {
margin-right: 70px; }

.mr75 {
margin-right: 75px; }

.mr80 {
margin-right: 80px; }

.mr85 {
margin-right: 85px; }

.mr90 {
margin-right: 90px; }

.mr95 {
margin-right: 95px; }

.mr100 {
margin-right: 100px; }

.ml0 {
margin-left: 0px; }

.ml5 {
margin-left: 5px; }

.ml10 {
margin-left: 10px; }

.ml15 {
margin-left: 15px; }

.ml20 {
margin-left: 20px; }

.ml25 {
margin-left: 25px; }

.ml30 {
margin-left: 30px; }

.ml35 {
margin-left: 35px; }

.ml40 {
margin-left: 40px; }

.ml45 {
margin-left: 45px; }

.ml50 {
margin-left: 50px; }

.ml55 {
margin-left: 55px; }

.ml60 {
margin-left: 60px; }

.ml65 {
margin-left: 65px; }

.ml70 {
margin-left: 70px; }

.ml75 {
margin-left: 75px; }

.ml80 {
margin-left: 80px; }

.ml85 {
margin-left: 85px; }

.ml90 {
margin-left: 90px; }

.ml95 {
margin-left: 95px; }

.ml100 {
margin-left: 100px; }

.pb0 {
padding-bottom: 0px !important; }

.pb1 {
padding-bottom: 1px !important; }

.pb2 {
padding-bottom: 2px !important; }

.pb3 {
padding-bottom: 3px !important; }

.pb4 {
padding-bottom: 4px !important; }

.pb5 {
padding-bottom: 5px !important; }

.pb6 {
padding-bottom: 6px !important; }

.pb7 {
padding-bottom: 7px !important; }

.pb8 {
padding-bottom: 8px !important; }

.pb9 {
padding-bottom: 9px !important; }

.pb10 {
padding-bottom: 10px !important; }

.pb11 {
padding-bottom: 11px !important; }

.pb12 {
padding-bottom: 12px !important; }

.pb13 {
padding-bottom: 13px !important; }

.pb14 {
padding-bottom: 14px !important; }

.pb15 {
padding-bottom: 15px !important; }

.pb16 {
padding-bottom: 16px !important; }

.pb17 {
padding-bottom: 17px !important; }

.pb18 {
padding-bottom: 18px !important; }

.pb19 {
padding-bottom: 19px !important; }

.pb20 {
padding-bottom: 20px !important; }

.pb21 {
padding-bottom: 21px !important; }

.pb22 {
padding-bottom: 22px !important; }

.pb23 {
padding-bottom: 23px !important; }

.pb24 {
padding-bottom: 24px !important; }

.pb25 {
padding-bottom: 25px !important; }

.pb26 {
padding-bottom: 26px !important; }

.pb27 {
padding-bottom: 27px !important; }

.pb28 {
padding-bottom: 28px !important; }

.pb29 {
padding-bottom: 29px !important; }

.pb30 {
padding-bottom: 30px !important; }

.pb31 {
padding-bottom: 31px !important; }

.pb32 {
padding-bottom: 32px !important; }

.pb33 {
padding-bottom: 33px !important; }

.pb34 {
padding-bottom: 34px !important; }

.pb35 {
padding-bottom: 35px !important; }

.pb36 {
padding-bottom: 36px !important; }

.pb37 {
padding-bottom: 37px !important; }

.pb38 {
padding-bottom: 38px !important; }

.pb39 {
padding-bottom: 39px !important; }

.pb40 {
padding-bottom: 40px !important; }

.pb41 {
padding-bottom: 41px !important; }

.pb42 {
padding-bottom: 42px !important; }

.pb43 {
padding-bottom: 43px !important; }

.pb44 {
padding-bottom: 44px !important; }

.pb45 {
padding-bottom: 45px !important; }

.pb46 {
padding-bottom: 46px !important; }

.pb47 {
padding-bottom: 47px !important; }

.pb48 {
padding-bottom: 48px !important; }

.pb49 {
padding-bottom: 49px !important; }

.pb50 {
padding-bottom: 50px !important; }

.pb51 {
padding-bottom: 51px !important; }

.pb52 {
padding-bottom: 52px !important; }

.pb53 {
padding-bottom: 53px !important; }

.pb54 {
padding-bottom: 54px !important; }

.pb55 {
padding-bottom: 55px !important; }

.pb56 {
padding-bottom: 56px !important; }

.pb57 {
padding-bottom: 57px !important; }

.pb58 {
padding-bottom: 58px !important; }

.pb59 {
padding-bottom: 59px !important; }

.pb60 {
padding-bottom: 60px !important; }

.pb61 {
padding-bottom: 61px !important; }

.pb62 {
padding-bottom: 62px !important; }

.pb63 {
padding-bottom: 63px !important; }

.pb64 {
padding-bottom: 64px !important; }

.pb65 {
padding-bottom: 65px !important; }

.pb66 {
padding-bottom: 66px !important; }

.pb67 {
padding-bottom: 67px !important; }

.pb68 {
padding-bottom: 68px !important; }

.pb69 {
padding-bottom: 69px !important; }

.pb70 {
padding-bottom: 70px !important; }

.pb71 {
padding-bottom: 71px !important; }

.pb72 {
padding-bottom: 72px !important; }

.pb73 {
padding-bottom: 73px !important; }

.pb74 {
padding-bottom: 74px !important; }

.pb75 {
padding-bottom: 75px !important; }

.pb76 {
padding-bottom: 76px !important; }

.pb77 {
padding-bottom: 77px !important; }

.pb78 {
padding-bottom: 78px !important; }

.pb79 {
padding-bottom: 79px !important; }

.pb80 {
padding-bottom: 80px !important; }

.pb81 {
padding-bottom: 81px !important; }

.pb82 {
padding-bottom: 82px !important; }

.pb83 {
padding-bottom: 83px !important; }

.pb84 {
padding-bottom: 84px !important; }

.pb85 {
padding-bottom: 85px !important; }

.pb86 {
padding-bottom: 86px !important; }

.pb87 {
padding-bottom: 87px !important; }

.pb88 {
padding-bottom: 88px !important; }

.pb89 {
padding-bottom: 89px !important; }

.pb90 {
padding-bottom: 90px !important; }

.pb91 {
padding-bottom: 91px !important; }

.pb92 {
padding-bottom: 92px !important; }

.pb93 {
padding-bottom: 93px !important; }

.pb94 {
padding-bottom: 94px !important; }

.pb95 {
padding-bottom: 95px !important; }

.pb96 {
padding-bottom: 96px !important; }

.pb97 {
padding-bottom: 97px !important; }

.pb98 {
padding-bottom: 98px !important; }

.pb99 {
padding-bottom: 99px !important; }

.pb100 {
padding-bottom: 100px !important; }

.pb101 {
padding-bottom: 101px !important; }

.pb102 {
padding-bottom: 102px !important; }

.pb103 {
padding-bottom: 103px !important; }

.pb104 {
padding-bottom: 104px !important; }

.pb105 {
padding-bottom: 105px !important; }

.pb106 {
padding-bottom: 106px !important; }

.pb107 {
padding-bottom: 107px !important; }

.pb108 {
padding-bottom: 108px !important; }

.pb109 {
padding-bottom: 109px !important; }

.pb110 {
padding-bottom: 110px !important; }

.pb111 {
padding-bottom: 111px !important; }

.pb112 {
padding-bottom: 112px !important; }

.pb113 {
padding-bottom: 113px !important; }

.pb114 {
padding-bottom: 114px !important; }

.pb115 {
padding-bottom: 115px !important; }

.pb116 {
padding-bottom: 116px !important; }

.pb117 {
padding-bottom: 117px !important; }

.pb118 {
padding-bottom: 118px !important; }

.pb119 {
padding-bottom: 119px !important; }

.pb120 {
padding-bottom: 120px !important; }

.pb121 {
padding-bottom: 121px !important; }

.pb122 {
padding-bottom: 122px !important; }

.pb123 {
padding-bottom: 123px !important; }

.pb124 {
padding-bottom: 124px !important; }

.pb125 {
padding-bottom: 125px !important; }

.pb126 {
padding-bottom: 126px !important; }

.pb127 {
padding-bottom: 127px !important; }

.pb128 {
padding-bottom: 128px !important; }

.pb129 {
padding-bottom: 129px !important; }

.pb130 {
padding-bottom: 130px !important; }

.op a img, .op2 {
  -webkit-transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0;
  -moz-transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0;
  -o-transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0;
transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0; }

.op a img:hover, .op2:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-backface-visibility: hidden;
backface-visibility: hidden; }

.tar {
text-align: right; }

.tac {
text-align: center; }

.flL {
float: left; }

.flR {
float: right; }

.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
overflow: hidden; }

.clearfix {
  _height: 1px;
  min-height: 1px;
  height: auto;
overflow: hidden; }

html, body {
  height: 100%;
text-align: center; }

body, th, td, h1, h2, h3, h4, h5, h6, pre, input, textarea, option, div, p, dt, dd, li, address {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #000000;
-webkit-font-smoothing: antialiased; }

body{
/*  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*/
font-family: Arial, sans-serif;
}

a {
  color: #0000cc;
text-decoration: none; }

a:visited {
  color: #9900cc;
text-decoration: none; }

a:hover {
  color: #0000cc;
text-decoration: none; }

article {
text-align: left; }

::selection {
  background: black;
color: white; }

::-moz-selection {
  background: black;
color: white; }

.tdu {
text-decoration: underline; }

.show_sp {
display: none !important; }

body {
color: #333333; }

.p_index #wrapper .header {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
margin-bottom: 0px; }
.p_index #wrapper .header .hd_box {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 8px;
padding-left: 8px; }
.p_index #wrapper .header .hd_box .inner {
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 15px;
}
.p_index #wrapper .header .hd_box .inner .box_l {
float: left; }
.p_index #wrapper .header .hd_box .inner .box_l img{
  margin-top: 16.5px
}
.p_index #wrapper .header .hd_box .inner .box_r {
  float: right;
  /*padding-right: 6px; */
}
.p_index #wrapper .header .hd_box .inner .box_r ul li {
  float: left;
  margin-left: 11px;
width: 271px; }
.p_index #wrapper .header .hd_box .inner .box_r ul li:first-child{
margin-left: 0; }
.p_index #wrapper .header .hd_box .inner .box_r ul li a {
  width: 100%;
  padding: 30px 0;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  display: block; 
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.p_index #wrapper .header .hd_box .inner .box_r ul li a.btn_dl{
  background-color: #f8bf56;
  color: #333333;
}
.p_index #wrapper .header .hd_box .inner .box_r ul li a.btn_contact {
  background-color: #74bde7;
  color: #333333;
}
.p_index #wrapper .header .hd_box .inner .box_r ul li a.btn_dl:hover{
  background-color: #fde0aa;
}
.p_index #wrapper .header .hd_box .inner .box_r ul li a.btn_contact:hover{
  background-color: #c1def5;
}
.p_index #wrapper .header .hd_box .inner .box_r ul li:first-child a span:before{
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/ico03.png);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  margin-top: -10px;
}

.p_index #wrapper .main_area {
width: 100%; }
.p_index #wrapper .main_area h1 {
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 55px;
  color: #666666;
  font-size: 36px;
font-weight: bold; }
.p_index #wrapper .main_area h1 span {
display: block; }
.p_index #wrapper .main_area h1 span.txt01 {
  color: #42acd2;
  font-size: 22px;
  margin-bottom: 28px;
  line-height: 37px;
letter-spacing: -1px; }
.p_index #wrapper .main_area h1 span.txt02 {
  line-height: 44px;
letter-spacing: -1px; }
.p_index #wrapper .main_area h1 span.txt02 span {
display: inline; }
.p_index #wrapper .main_area h1 span.txt02 span.kai {
  color: #f08200; 
font-size:120%;}
.p_index #wrapper .main_area h1 span.txt02 span.int {
letter-spacing: -1.7px; }
.p_index #wrapper .main_area .main_pic p {
  max-width: 980px;
  margin-left: auto;
margin-right: auto; }
.p_index #wrapper .main_area .main_pic p img {
width: 100%; }

.p_index #wrapper .main_area .recommend_box {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 8px;
  padding-left: 8px; 
margin-top:85px; }
.p_index #wrapper .main_area .recommend_box .inner {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/bg_block.gif);
  background-repeat: repeat;
  padding-top: 44px;
  padding-bottom: 44px;
margin-bottom: 54px; }
.p_index #wrapper .main_area .recommend_box .inner .ttl {
  text-align: center;
  margin-bottom: 45px;
  font-size: 30px;
  color: #f29734;
font-weight: bold; }
.p_index #wrapper .main_area .recommend_box .inner ul {
  width: 95%;
  margin-left: auto;
margin-right: auto; }
.p_index #wrapper .main_area .recommend_box .inner ul li {
margin-bottom: 18px; }
.p_index #wrapper .main_area .recommend_box .inner ul li dl {
display: table; }
.p_index #wrapper .main_area .recommend_box .inner ul li dl dd {
  padding-right: 6px;
  display: table-cell;
  padding-top: 2px;
vertical-align: top; }
.p_index #wrapper .main_area .recommend_box .inner ul li dl dt {
  font-size: 18px;
  display: table-cell;
  font-weight: bold;
  color: #333333;
  text-align: left;
  line-height: 24px;
letter-spacing: -0.2px }
.p_index #wrapper .main_area .recommend_box .inner ul li dl dt span {
  color: #42acd3;
  border-bottom: 1px solid #42acd3;
  padding-bottom: 4px;
  font-size: 20px;
padding-left: 1px; }

.p_index #wrapper .main_area .box01 {
  width: 100%;
  background-color: #f5f5f5;
  margin-bottom: 100px;
  padding-top: 94px;
padding-bottom: 81px; }
.p_index #wrapper .main_area .box01 h2 {
  text-align: center;
  color: #666666;
  font-size: 26px;
  margin-bottom: 36px;
font-weight: bold; }
.p_index #wrapper .main_area .box01 ul {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 26px;
  padding-right: 8px;
padding-left: 8px; }
.p_index #wrapper .main_area .box01 ul li {
  float: left;
  padding-top: 23px;
  padding-bottom: 36px;
  width: 22.85%;
  margin-left: 2.82%;
  border-top: 3px solid #e1e1e1;
border-bottom: 3px solid #e1e1e1; }
.p_index #wrapper .main_area .box01 ul li:first-child {
margin-left: 0 !important; }
.p_index #wrapper .main_area .box01 ul li h3 {
  color: #666666;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  line-height: 25px;
margin-bottom: 11px; }
.p_index #wrapper .main_area .box01 ul li dl {
width: 100%; }
.p_index #wrapper .main_area .box01 ul li dl dt {
  text-align: center;
  margin-bottom: 19px;
  padding-right:20px;
padding-left:20px; }
.p_index #wrapper .main_area .box01 ul li dl dt img {
width:100%; }
.p_index #wrapper .main_area .box01 ul li dl dd {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  color: #333333;
  font-size: 14px;
  line-height: 24px;
text-align: left !important; }
.p_index #wrapper .main_area .box01 ul li dl dd span {
color: #42acd3; }
.p_index #wrapper .main_area .box01 p.btn {
  width: 584px;
  margin-left: auto;
  margin-right: auto;
text-align: center; }
.p_index #wrapper .main_area .box01 p.btn a {
  text-decoration: none;
  font-size: 30px;
  width: 100%;
  color: #333333;
  padding: 30px 0;
  background-color: #f8bf56;
  border-radius: 8px;
  display: block;
  font-weight: bold;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
transition-duration: 0.3s; }
.p_index #wrapper .main_area .box01 p.btn a:hover{
  background-color: #fde0aa;
}
.p_index #wrapper .main_area .box01 p.txt{
  font-size: 18px;
  line-height: 27px;
  color: #333333;
  margin-bottom: 24px;
  text-align: center;
}
.p_index #wrapper .main_area .box02 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 84px;
  padding-right: 8px;
padding-left: 8px; }
.p_index #wrapper .main_area .box02 h2 {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 13px;
  color: #333333;
  font-size: 25px;
  font-weight: bold;
  text-align: left;
margin-bottom: 55px; }
.p_index #wrapper .main_area .box02 h2 span {
  padding-left: 10px;
border-left: 4px solid #fcb200; }
.p_index #wrapper .main_area .box02 .inner {
width: 100%; }
.p_index #wrapper .main_area .box02 .inner.bd_bt {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 57px;
padding-bottom: 60px; }
.p_index #wrapper .main_area .box02 .inner h3 {
  font-size: 18px;
  font-weight: bold;
  color: #42acd3;
  margin-bottom: 29px;
  text-align: left;
letter-spacing: 0.5px; }
.p_index #wrapper .main_area .box02 .inner p {
  font-size: 14px;
  line-height: 28px;
  color: #333333;
text-align: left; }
.p_index #wrapper .main_area .box02 .inner .box_l {
  float: left;
  width: 61%;
margin-bottom: 35px; }
.p_index #wrapper .main_area .box02 .inner .box_r {
  float: right;
  width: 35.95%;
  position: relative;
top: 4px; }

.p_index #wrapper .main_area .box03 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 82px;
  padding-top: 20px;
  padding-right: 8px;
padding-left: 8px; }
.p_index #wrapper .main_area .box03 h2 {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 13px;
  color: #333333;
  font-size: 25px;
  font-weight: bold;
  text-align: left;
margin-bottom: 25px; }
.p_index #wrapper .main_area .box03 h2 span {
  padding-left: 10px;
border-left: 4px solid #fcb200; }
.p_index #wrapper .main_area .box03 p {
  color: #333333;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 51px;
text-align: left; }
.p_index #wrapper .main_area .box02 p.btn,
.p_index #wrapper .main_area .box03 p.btn{
  width: 584px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 34px;
  margin-bottom: 0;
}
.p_index #wrapper .main_area .box02 p.btn a,
.p_index #wrapper .main_area .box03 p.btn a{
  text-decoration: none;
  font-size: 30px;
  width: 100%;
  color: #333333;
  padding: 30px 0;
  background-color: #4bbdcd;
  border-radius: 8px;
  display: block;
  font-weight: bold;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.p_index #wrapper .main_area .box02 p.btn a:hover,
.p_index #wrapper .main_area .box03 p.btn a:hover{
  background-color: #b5dfe8;
}
.p_index #wrapper .main_area .box03 .table_box {
  width: 100%;
  border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd; }
.p_index #wrapper .main_area .box03 .table_box .table {
width: 100%; }
.p_index #wrapper .main_area .box03 .table_box .table ul {
  display: table;
width: 100%; }
.p_index #wrapper .main_area .box03 .table_box .table ul li {
  width: 50%;
  display: table-cell;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
vertical-align: top; }
.p_index #wrapper .main_area .box03 .table_box .table ul li h3 {
  font-size: 19px;
  color: #42acd3;
  text-align: left;
  padding-top: 39px;
  padding-left: 26px;
font-weight: bold; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl {
  padding-left: 40px;
  padding-top: 31px;
  padding-bottom: 27px;
display: table; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl dt {
  display: table-cell;
  padding-right: 44px;
  max-width: 130px;
vertical-align: top; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl dt img {
width: 92px; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl dd {
  display: table-cell;
  max-width: 200px;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
color: #333333; }
.p_index #wrapper .main_area .box03 .table_box .table.table02 ul li h3 {
padding-top: 44px; }
.p_index #wrapper .main_area .box03 .table_box .table.table02 ul li dl {
padding-bottom: 37px; }
.p_index #wrapper .main_area .box03 .link_txt {
  margin-top: 17px;
margin-left: 7px; }
.p_index #wrapper .main_area .box03 .link_txt a {
  font-size: 18px;
  color: #0000d0;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/icon_link.gif);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 19px;
letter-spacing: 0.5px; }
.p_index #wrapper .main_area .box03 .link_txt a:hover {
text-decoration: underline; }

.p_index #wrapper .main_area .box04 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 87px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 50px;
margin-bottom: 29px; }
.p_index #wrapper .main_area .box04 h2 {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 13px;
  color: #333333;
  font-size: 25px;
  font-weight: bold;
  text-align: left;
margin-bottom: 32px; }
.p_index #wrapper .main_area .box04 h2 span {
  padding-left: 10px;
border-left: 4px solid #fcb200; }
.p_index #wrapper .main_area .box04 .inner {
display: block; }
.p_index #wrapper .main_area .box04 .box_l {
  display: table-cell;
  vertical-align: top;
  padding-right: 75px;
  padding-top: 16px;
padding-left: 20px; }
.p_index #wrapper .main_area .box04 .box_r {
  display: table-cell;
  vertical-align: top;
padding-top: 16px; }
.p_index #wrapper .main_area .box04 .box_r dl {
margin-bottom: 33px; }
.p_index #wrapper .main_area .box04 .box_r dl dt {
  font-size: 18px;
  margin-bottom: 10px;
text-align: left; }
.p_index #wrapper .main_area .box04 .box_r dl dd {
text-align: left; }
.p_index #wrapper .main_area .box04 .box_r dl dd a {
  font-size: 18px;
  color: #0000d0;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/icon_link.gif);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
letter-spacing: 0.5px; }
.p_index #wrapper .main_area .box04 .box_r dl dd a:hover {
text-decoration: underline; }

.btn_box {
  background-color: #fff1d8;
padding: 30px 0 60px;}
.btn_box_inner {
  max-width: 980px;
  padding: 0 8px;
  margin-left: auto;
  margin-right: auto;
}
.btn_box p.txt{
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 20px;
}
.btn_box ul {
  width: 100%;
overflow: hidden; }
.btn_box ul li {
  width: 49%;
  margin-left: 2%;
float: left; }
.btn_box ul li:first-child {
margin-left: 0 !important; }
.btn_box ul li a {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  padding: 30px 0;
  display: block;
  text-decoration: none;
  border-radius: 8px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn_box ul li a.btn_nw{
  background-color: #b7d24e;
  color: #333333;
}
.btn_box ul li a.btn_contact{
  background-color: #74bde7;
  color: #333333;
}
.btn_box ul li a.btn_nw:hover{
  background-color: #d7ddb1;
}
.btn_box ul li a.btn_contact:hover{
  background-color: #c1def5;
}
.p_index #wrapper .footer {
  height: 50px;
  background-color: #5b5b5b;
padding: 25px 20px 0px 20px; }
.p_index #wrapper .footer .box_l {
float: left; }
.p_index #wrapper .footer .box_l ul li {
  font-size: 12px;
  float: left;
  color: #fff;
  font-weight: bold;
height: 15px; }
.p_index #wrapper .footer .box_l ul li a {
  color: #fff;
line-height: 15px; }
.p_index #wrapper .footer .box_l ul li a:visited {
color: #fff; }
.p_index #wrapper .footer .box_l ul li a:link {
color: #fff; }
.p_index #wrapper .footer .box_l ul li a:hover {
  color: #fff;
text-decoration: underline; }
.p_index #wrapper .footer .box_l ul li a:active {
color: #fff; }
.p_index #wrapper .footer .box_l ul li:first-child {
border-right: 1px solid #fff; }
.p_index #wrapper .footer .box_l ul li.pr {
padding-right: 5px; }
.p_index #wrapper .footer .box_l ul li.pl {
padding-left: 5px; }
.p_index #wrapper .footer .box_r {
  float: right;
  font-size: 10px;
  color: #fff;
font-weight: bold; }

@media only screen and (max-width: 640px) {
  .fixed {
  position: fixed;
  bottom: 0px;
z-index: 100;}
.show_pc {
display: none !important; }

.show_sp {
display: block !important; }

img.show_sp {
width: 100%; }

.p_index #wrapper .header {
  width: 100%;
  padding: 10px 8px 8px;
  box-sizing: border-box;
border-bottom: 1px solid #d9d9d9; }
.p_index #wrapper .header .hd_box {
  width: 100%;
  padding-left: 0px;
padding-right: 0px; }
.p_index #wrapper .header .hd_box .inner {
  padding-top: 0;
padding-bottom: 0; }
.p_index #wrapper .header .hd_box .inner .box_l {
  text-align: left;
  margin-bottom: 0px;
float: none; }
.p_index #wrapper .header .hd_box .inner .box_l img {
width: 75px; }
.p_index #wrapper .header .hd_box .inner .box_r {
  float: none;
padding-right: 0; }
.p_index #wrapper .header .hd_box .inner .box_r ul li {
  width: 100%;
margin-left: 0; }
.p_index #wrapper .header .hd_box .inner .box_r ul li:first-child {
  width: 100%;
  margin-left: 0 !important;
margin-bottom: 10px; }
.p_index #wrapper .header .hd_box .inner .box_r ul li:first-child a span:before{
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/sp/ico03.png);
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.p_index #wrapper .main_area h1 {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  color: #666666;
  font-size: 20px;
margin-bottom: 17px; }
.p_index #wrapper .main_area h1 span {
text-align: left; }
.p_index #wrapper .main_area h1 span.txt01 {
  color: #42acd2;
  font-size: 13px;
  margin-bottom: 10px;
  line-height: 21px;
  font-weight: bold;
  letter-spacing: -0.5px;
text-align:center;}
.p_index #wrapper .main_area h1 span.txt01 span {
border-bottom: 0px solid #42acd2; }
.p_index #wrapper .main_area h1 span.txt02 {
  line-height: 28px; 
text-align:center;}
.p_index #wrapper .main_area .main_pic {
  width: 100%;
margin-bottom: 21px; }
.p_index #wrapper .main_area .recommend_box {
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 0px;
margin-top: 40px; }
.p_index #wrapper .main_area .recommend_box .ttl {
  font-size: 18px;
  color: #f08200;
  margin-bottom: 23px;
  font-weight: bold;
letter-spacing: 0.5px; }
.p_index #wrapper .main_area .recommend_box .inner {
  width: 100%;
  height: auto;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 0px solid #d9d9d9;
  border-right: 0px solid #d9d9d9;
  padding-top: 13px;
  padding-bottom: 11px;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/bg_block.gif);
  background-repeat: repeat;
margin-bottom: 0; }
.p_index #wrapper .main_area .recommend_box .inner ul {
  width: 286px;
  margin-left: auto;
margin-right: auto; }
.p_index #wrapper .main_area .recommend_box .inner ul li {
margin-bottom: 14px; }
.p_index #wrapper .main_area .recommend_box .inner ul li dl {
display: table; }
.p_index #wrapper .main_area .recommend_box .inner ul li dl dd {
  padding-right: 7px;
  display: table-cell;
  width: 23px;
  vertical-align: top;
padding-top: 3px; }
.p_index #wrapper .main_area .recommend_box .inner ul li dl dt {
  font-size: 15px;
  line-height: 26px;
  display: table-cell;
  font-weight: bold;
  color: #333333;
  vertical-align: top;
  text-align: left; 
letter-spacing: 0px;}
.p_index #wrapper .main_area .recommend_box .inner ul li dl dt span {
  color: #42acd3;
  border-bottom: 1px solid #42acd3;
  padding-bottom: 3px;
  font-size: 17px;
padding-left: 0; }

.p_index #wrapper .main_area .box01 {
  margin-bottom: 34px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 34px;
padding-bottom: 16px; }
.p_index #wrapper .main_area .box01 h2 {
  font-size: 18px;
  line-height: 30px;
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
margin-bottom: 19px; }
.p_index #wrapper .main_area .box01 ul {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0;
margin-bottom: 19px; }
.p_index #wrapper .main_area .box01 ul li {
  width: 100%;
  padding: 30px 0 30px;
  border-top: 3px solid #dddddd;
  border-bottom: 0px solid #dddddd;
margin-left: 0; }
.p_index #wrapper .main_area .box01 ul li:first-child{
  border-top: 3px solid #dddddd;
}
.p_index #wrapper .main_area .box01 ul li:last-child{
  padding: 30px 0 0 0;
}
.p_index #wrapper .main_area .box01 ul li h3 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 9px;
  font-size: 20px;
line-height: 24px; }
.p_index #wrapper .main_area .box01 ul li h3 span {
font-size: 16px; }
.p_index #wrapper .main_area .box01 ul li dl {
width: 100%; }
.p_index #wrapper .main_area .box01 ul li dl dt {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
margin-bottom: 8px; }
.p_index #wrapper .main_area .box01 ul li dl dt img {
width: 100%; }
.p_index #wrapper .main_area .box01 ul li dl dd {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
text-align: left; }
.p_index #wrapper .main_area .box01 p.txt{
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 19px;
  text-align: left;
}
.p_index #wrapper .main_area .box01 p.btn {
width: 87.5%; }
.p_index #wrapper .main_area .box01 p.btn a {
  font-size: 18px;
padding: 15px 0; }
.p_index #wrapper .main_area .box01 p.btn a span span:before{
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/sp/ico02.png);
  -webkit-background-size: 17px 17px;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
}

.p_index #wrapper .main_area .box02 {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
  padding-right: 0px;
padding-left: 0px; }
.p_index #wrapper .main_area .box02 .box_ttl {
  padding-bottom: 13px;
  border-bottom: 1px solid #dddddd;
margin-bottom: 16px; }
.p_index #wrapper .main_area .box02 .box_ttl h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 12px;
  border-left: 4px solid #fcb200;
  line-height: 24px;
  padding-bottom: 0px;
  border-bottom: 0px;
margin-bottom: 0px; }
.p_index #wrapper .main_area .box02 .box_ttl h2 span {
  border-left: 0px;
padding-left: 0px; }
.p_index #wrapper .main_area .box02 .inner {
width: 100%; }
.p_index #wrapper .main_area .box02 .inner.bd_bt {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 41px !important;
padding-bottom: 30px; }
.p_index #wrapper .main_area .box02 .inner h3 {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 24px;
  color: #42acd3;
  font-weight: bold;
  text-align: left;
letter-spacing: 0px; }
.p_index #wrapper .main_area .box02 .inner .box_r {
  margin-bottom: 13px;
  float: none;
width: 100%; }
.p_index #wrapper .main_area .box02 .inner .box_l {
  float: none;
  width: 100%;
margin-bottom: 0px; }
.p_index #wrapper .main_area .box02 .inner p {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  text-align: left;
margin-bottom: 12px; }

.p_index #wrapper .main_area .box03 {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
  padding-right: 0px;
padding-left: 0px; }
.p_index #wrapper .main_area .box03 .box_ttl {
  padding-bottom: 13px;
  border-bottom: 1px solid #dddddd;
margin-bottom: 15px; }
.p_index #wrapper .main_area .box03 .box_ttl h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 12px;
  border-left: 4px solid #fcb200;
  line-height: 24px;
  padding-bottom: 0px;
  border-bottom: 0px;
margin-bottom: 0px; }
.p_index #wrapper .main_area .box03 .box_ttl h2 span {
  border-left: 0px;
  padding-left: 0px;
letter-spacing: 0.5px; }
.p_index #wrapper .main_area .box02 p,
.p_index #wrapper .main_area .box03 p{
  color: #333333;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px;
  text-align: left;
padding-bottom: 4px; }
.p_index #wrapper .main_area .box02 p.btn,
.p_index #wrapper .main_area .box03 p.btn{
  width: 100%;
  margin-top: 28px;
}
.p_index #wrapper .main_area .box02 p.btn a,
.p_index #wrapper .main_area .box03 p.btn a{
  font-size: 18px;
  padding: 14px 0;
}
.p_index #wrapper .main_area .box03 .table_box {
  width: 100%;
  border-top: 0px;
border-left: 0px; }
.p_index #wrapper .main_area .box03 .table_box .table {
width: 100%; }
.p_index #wrapper .main_area .box03 .table_box .table ul {
  width: 100%;
display: block; }
.p_index #wrapper .main_area .box03 .table_box .table ul li {
  width: 100%;
  border-top: 1px solid #dddddd;
  padding-top: 25px;
  padding-bottom: 25px;
  display: block;
  border-bottom: 0px;
border-right: 0px; }
.p_index #wrapper .main_area .box03 .table_box .table ul li.bdt_n{
border-top: none; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
display: block; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl dt {
  display: block;
  width: 100%;
  padding-right: 0;
  max-width: 100%;
  text-align: center;
margin-bottom: 21px; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl dd {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 23px;
max-width: 100%; }
.p_index #wrapper .main_area .box03 .table_box .table ul li dl dd span {
  color: #42acd3;
  font-weight: bold;
  font-size: 16px;
line-height: 24px; }
.p_index #wrapper .main_area .box03 .table_box .table.table02 ul li dl {
padding-bottom: 0; }
.p_index #wrapper .main_area .box03 .link_txt {
  margin-top: 6px;
margin-left: 1px; }
.p_index #wrapper .main_area .box03 .link_txt a {
  letter-spacing: 0.5px;
  display: block;
  line-height: 20px;
  background-position: 0 4px;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/sp/icon_link.gif);
font-size: 14px; }

.p_index #wrapper .main_area .box04 {
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0;
border-bottom: 0px solid #dddddd; }
.p_index #wrapper .main_area .box04 .box_l{
  padding: 0;
}
.p_index #wrapper .main_area .box04 .box_l img{
  width: 100%;
}
.p_index #wrapper .main_area .box04 .box_ttl {
  padding-bottom: 13px;
  border-bottom: 1px solid #dddddd;
margin-bottom: 33px; }
.p_index #wrapper .main_area .box04 .box_ttl h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 12px;
  border-left: 4px solid #fcb200;
  line-height: 24px;
  padding-bottom: 0px;
  border-bottom: 0px;
margin-bottom: 0px; }
.p_index #wrapper .main_area .box04 .box_ttl h2 span {
  border-left: 0px;
  padding-left: 0px;
letter-spacing: 0.5px; }
.p_index #wrapper .main_area .box04 .box_r {
  padding-top: 0;
  display: block;
margin-top: 12px; }
.p_index #wrapper .main_area .box04 .box_r dl dt {
  margin-bottom: 7px;
font-size: 14px; }
.p_index #wrapper .main_area .box04 .box_r dl dd a {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/sp/icon_link.gif);
  background-position: 0 4px;
  letter-spacing: 0.5px;
  display: block;
  line-height: 21px;
font-size: 16px; }
.btn_box{
  padding-top:20px;
  padding-bottom:20px;
}
.btn_box_inner{
  height: auto;
}
.btn_box p.txt{
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.btn_box ul{
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.btn_box ul li {
  width: 100%;
  float: left;
  display: table;
margin-left: 0;}
.btn_box ul li a {
  font-weight: bold;
  background-color: #005fe0;
  text-decoration: none;
  border-radius: 8px;
  font-size: 18px;
  line-height: 25px;
  padding: 14px 0;
vertical-align: middle;}
.download_box{
  width: 100%;
  background-color: #f7f7f7;
  border-top: 1px solid #e0e0e0;
  box-shadow: 0px 1px 4px 0px #ebebeb inset;
  padding-top: 20px;
  padding-bottom: 20px;
  height: auto;
}
.download_box ul{
  width: 87.5%;
  margin-left: auto;
  margin-right: auto;
}
.download_box ul li {
  width: 100%;
  float: none;
  margin-left: 0;
margin-top: 7px; }
.download_box ul li:first-child {
margin-top: 0;}
.download_box ul li a {
  color: #333333;
  font-weight: bold;
  background-color: #f8bf56;
  display: block;
  text-decoration: none;
  border-radius: 8px;
  font-size: 18px;
  line-height: 25px;
padding: 14px 0;}
.download_box ul li a:hover{
  background-color: #fde0aa;
}



.p_index #wrapper .footer {
  background-color: #5b5b5b;
  padding-left: 6.25%;
  padding-right: 6.25%;
  padding-top: 27px;
padding-bottom: 25px; }
.p_index #wrapper .footer .box_l {
float: none; }
.p_index #wrapper .footer .box_l ul {
margin-bottom: 12px; }
.p_index #wrapper .footer .box_l ul li:first-child {
border-right: 1px solid #fff; }
.p_index #wrapper .footer .box_l ul li.pr {
padding-right: 4px; }
.p_index #wrapper .footer .box_l ul li.pl {
padding-left: 4px; }
.p_index #wrapper .footer .box_l ul li {
  font-size: 12px;
  color: #fff;
  float: left;
height: 15px; }
.p_index #wrapper .footer .box_l ul li a {
  text-decoration: underline;
  color: #fff;
  line-height: 15px;
  position: relative;
top: -1px; }
.p_index #wrapper .footer .box_l ul li a:visited {
color: #fff; }
.p_index #wrapper .footer .box_r {
  font-size: 10px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  letter-spacing: -1px;
float: none; } }


/*--------------20170601LP追加要素分------------*/
/*MV*/
.mv_area{
  width: 100%;
  padding: 70px 0;
  position: relative;
}
.mv_max{
  max-width: 980px;
  margin: 0 auto;
}
.mv_area {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/special/point/img/background01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
height: 100%; }
.bxshadow{
box-shadow: 1px 5px 5px rgba(0,0,0,0.2); }

/*追加ボタン*/
.p_index #wrapper .main_area .download_btn_area {
margin-bottom: 54px; }
.p_index #wrapper .main_area .download_btn_area p.btn {
  width: 584px;
  margin-left: auto;
  margin-right: auto;
text-align: center; }
.p_index #wrapper .main_area .download_btn_area p.btn a {
  text-decoration: none;
  font-size: 30px;
  width: 100%;
  color: #333333;
  padding: 30px 0;
  background-color: #f8bf56;
  border-radius: 8px;
  display: block;
  font-weight: bold;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
transition-duration: 0.3s; }
.p_index #wrapper .main_area .download_btn_area p.btn a:hover{
  background-color: #fde0aa;
}
.p_index #wrapper .main_area .download_btn_area p.txt {
  font-size: 18px;
  line-height: 27px;
  color: #333333;
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .mv_area {
padding: 30px 0; }
}

/*アイコン用クラス*/
.icon{
  display: inline-block;
  background-repeat: no-repeat;
  padding: 0 0 0 40px;
  background-position: -4px center;
}
.icon_header{
  padding: 0 0 0 24px;
  background-position: -6px center;
  background-size: 32px 32px;
}
.icon.download{
  background-image: url("/-/Media/Ricoh/common/cmn_v1/img/icon_m_download_01.png") !important;
}
.icon.newwindow{
  background-image: url("/-/Media/Ricoh/common/cmn_v1/img/icon_m_newwindow_01.png") !important;
}
.icon.mail{
  background-image: url("/-/Media/Ricoh/common/cmn_v1/img/icon_m_mail_01.png") !important;
}

/*---ブレイクポイント768px用---*/
/*ヘッダーのボタン用*/
@media only screen and (max-width: 768px) {
  .p_index #wrapper .header .hd_box .inner .box_r{
width:75% }
.p_index #wrapper .header .hd_box .inner .box_r ul li {
  width: 49%;
margin-left: 2%;}
.p_index #wrapper .header .hd_box .inner .box_r ul li a{
padding: 30px 0; }
}
.show_pc_s{
display: none; }
@media only screen and (max-width: 768px) {
  .show_pc_s{
display: block; }
.p_index #wrapper .header .hd_box .inner .box_l img{
margin-top: 34.5px; }
}
@media only screen and (max-width: 640px) {
  .show_pc_s{
display: none; }
}

/*ページ下部コンバージョンエリア用*/
@media only screen and (max-width: 768px) {
  .btn_box ul{
margin: 0 auto; }
.btn_box ul li{
  width: 100%;
  float: none;
  margin-left: 0;
margin-top: 20px; }
.btn_box ul li:first-child{
margin-top: 0; }
}
@media only screen and (max-width: 640px) {
  .btn_box_inner{
padding: 0; }
.btn_box ul{
width: 87.5%; }
.p_index #wrapper .header .hd_box .inner .box_l img{
  margin-top: 0;
}
}