@charset "UTF-8";
.sp {
  display: none;
}

#container {
  width: 100%;
  color: #333333;
  line-height: 1.7;
}

div#wrap-container {
  padding: 0;
  width: 100%;
}

#main-contents {
  width: 100%;
}

h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 auto 15px;
  padding-bottom: 0;
  width: 980px;
}

.br1 {
  display: block;
}

.br1-p {
  display: block;
}

.txt-area1 {
  padding: 0% 0 0% 0%;
  margin: 0% 0% 0% 0%;
  height: 24%;
}

.seihin-cochi {
  width: 300px;
  position: relative;
  padding: 0% 20%;
}

.osusume-b {
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.osusume-bn {
  padding: 26px 0 65px 0;
}

.osusume-txt {
  text-align: center;
  margin: 4% 17% auto;
  padding: 0px 0% 1% 0px;
  display: block;
  font-size: 1.3em;
  color: #004da0;
  border-bottom: 1px solid;
  width: 66%;
  border-bottom-color: #ccc;
}

.osusume-bn a {
  display: block;
  width: 600px;
  margin: 0 auto  4.5%;
}

.osusume-bn a img {
  width: 600px;
}

.seihin-cochi span {
  position: absolute;
  bottom: 10px;
  top: 11px;
  left: 8px;
  width: 458px;
  text-align: center;
  font-size: 1.3em;
  color: #000;
  line-height: 1.5;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.seihin-cochi a {
  display: block;
}

.seihin-cochi img {
  width: 300px;
}

div.menu-area1 a:hover {
  text-decoration: none;
  color: #000000;
  background-color: #a3dcfb9e;
}

.menu-area1 {
  padding: 0px 0 29px 0px;
  margin: 0px 0px 0px 0px;
}

.menu1 {
  font-size: 1em;
  color: #333333;
  margin: 0% 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

.menu-link {
  display: block;
  border: 2px solid #02b9fb;
  border-radius: 0.5em;
  margin: 0 0px 0px 78%;
  padding: 4px 0px 4px 0px;
  width: 195px;
  height: 42px;
  float: right;
  background-color: #FFF;
}

.menu-san {
  margin: 6% 0px 0% 17%;
  padding: 0% 0px 0% 0px;
  width: 15px;
}

.menu1 {
  padding: 0% 0px 0px 57px;
  margin: -19px 0px 0px 0px;
  color: #02b9fb;
  display: block;
}

div.menu-area2 a:hover {
  text-decoration: none;
  color: #000000;
  background-color: #eb68763b;
}

.menu-area2 {
  padding: 0px 0 29px 0px;
  margin: 0px 0px 0px 0px;
}

.menu2 {
  font-size: 1em;
  color: #333333;
  margin: 0% 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

.menu-link2 {
  display: block;
  border: 2px solid #eb6876;
  border-radius: 0.5em;
  margin: 3px 0px 0px 78%;
  padding: 4px 0px 4px 0px;
  width: 195px;
  height: 42px;
  float: right;
  background-color: #FFF;
}

.menu-san2 {
  margin: 6% 0px 0% 17%;
  padding: 0% 0px 0% 0px;
  width: 15px;
}

.menu2 {
  padding: 0% 0px 0px 57px;
  margin: -19px 0px 0px 0px;
  color: #eb6876;
  display: block;
}

div.menu-area3 a:hover {
  text-decoration: none;
  color: #000000;
  background-color: rgba(1, 158, 151, 0.239);
}

.menu-area3 {
  padding: 0px 0 76px 0px;
  margin: 0px 0px 0px 0px;
}

.menu3 {
  font-size: 1em;
  color: #333333;
  margin: 0% 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

.menu-link3 {
  display: block;
  border: 2px solid #019e97;
  border-radius: 0.5em;
  margin: -40px 0px 0px 0%;
  padding: 4px 0px 4px 0px;
  width: 195px;
  height: 42px;
  float: right;
  background-color: #FFF;
}

.menu-san3 {
  margin: 6% 0px 0% 17%;
  padding: 0% 0px 0% 0px;
  width: 15px;
}

.menu3 {
  padding: 0% 0px 0px 57px;
  margin: -19px 0px 0px 0px;
  color: #019e97;
  display: block;
}

.blu-ray-link {
  margin: 0 10px 20px 0;
  text-align: right;
  font-size: 0.9em;
  border: solid 4px #CCFFFF;
}

.blu-ray-link img {
  vertical-align: top;
}

/* ポイント1-3
-------------------------------*/
div.point1-c a:hover {
  text-decoration: none;
  color: #000000;
  background-color: rgba(0, 160, 234, 0.67);
}

.point1-icon {
  padding: 7% 0px 0% 0px;
}

.point1-c {
  padding: 0 4% 0% 0px;
  float: left;
  width: 30.6%;
  display: block;
}

.point1-tx1 {
  font-size: 1.7em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 8px 0px 0px 0px;
  padding: 0px 0 0 0;
  width: 100%;
  display: block;
  text-decoration: none;
  line-height: 1.3;
}

.point1_btn {
  display: block;
  border: 2px solid #00a0ea;
  border-radius: 0.5em;
  margin: 0% 0px 0px 0%;
  padding: 0% 0px 0% 0px;
  width: 100%;
  height: 13.3em;
  text-align: center;
  background-color: #00a0ea;
}

.point1_img {
  margin: 7% 0px 0px 22%;
  padding: 0% 0px 0% 0px;
  display: block;
  width: 52%;
}

.point1-link {
  margin: 0 10px 20px 0;
  text-align: right;
  font-size: 0.9em;
  border: solid 4px #CCFFFF;
}

.point1-link img {
  vertical-align: top;
}

div.point2-c a:hover {
  text-decoration: none;
  color: #000000;
  background-color: #eb6876cc;
}

.point2-icon {
  padding: 7% 0px 0% 0px;
}

.point2-c {
  padding: 0 4% 0px 0px;
  float: left;
  width: 30%;
  display: block;
}

.point2-tx1 {
  font-size: 1.7em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 8px 0px 0px 0px;
  padding: 0px 0 0 0;
  width: 100%;
  display: block;
  text-decoration: none;
  line-height: 1.3;
}

.point2_btn {
  display: block;
  border: 2px solid #eb6876;
  border-radius: 0.5em;
  margin: 0% 0px 0px 0%;
  padding: 0% 0px 0% 0px;
  width: 100%;
  height: 13.3em;
  text-align: center;
  background-color: #eb6876;
}

.point2_img {
  margin: 7% 0px 0px 26%;
  padding: 0% 1px 0% 0px;
  display: block;
  width: 52%;
}

.point2-link {
  margin: 0 10px 20px 0;
  text-align: right;
  font-size: 0.9em;
  border: solid 4px #CCFFFF;
}

.point2-link img {
  vertical-align: top;
}

div.point3-c a:hover {
  text-decoration: none;
  color: #000000;
  background-color: rgba(1, 158, 151, 0.78);
}

.point3-icon {
  padding: 7% 0px 0% 0px;
}

.point3-c {
  padding: 0 0% 0px 0px;
  float: left;
  width: 31.3%;
  display: block;
}

.point3-tx1 {
  font-size: 1.7em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 6px 0px 0px 0px;
  padding: 0px 0 0 0;
  width: 100%;
  display: block;
  text-decoration: none;
  line-height: 1.3;
}

.point3_btn {
  display: block;
  border: 2px solid #019e97;
  border-radius: 0.5em;
  margin: 0% 0px 0px 0%;
  padding: 0% 0px 0% 0px;
  width: 100%;
  height: 13.3em;
  text-align: center;
  background-color: #019e97;
}

.point3_img {
  margin: 7% 0px 0px 24%;
  padding: 0% 1px 0% 0px;
  display: block;
  width: 52%;
}

.point3-link {
  margin: 0 10px 20px 0;
  text-align: right;
  font-size: 0.9em;
  border: solid 4px #CCFFFF;
}

.point3-link img {
  vertical-align: top;
}

.point-t1 {
  width: 100%;
  background-image: url(/static/images/seihin_joho/desk-seiri/bg_point1.gif);
  padding: 3% 3% 0% 0%;
  display: block;
  margin: 0 auto;
  height: 15em;
  background-repeat: no-repeat;
}

.p1_t_img {
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 18%;
  width: 13%;
}

.p-t1 {
  font-size: 2.3em;
  font-weight: bold;
  color: #039fe9;
  margin: 0% 0% 0% 2%;
  padding: 0% 0% 0% 0%;
}

.p1-txt1 {
  padding: 2.4% 0% 0% 13%;
  line-height: 1.8;
  font-size: 1.07em;
}

.c-txt1 {
  margin: 0% 0% 0% 0%;
  padding: 4% 0% 0% 28%;
  color: #FFFFFF;
  width: 100%;
  display: block;
  font-size: 1.08em;
  line-height: 1.4;
}

.c-txt1-1 {
  margin: 0% 0% 0% 0%;
  padding: 7.5% 0% 0% 27.5%;
  color: #FFFFFF;
  width: 100%;
  display: block;
  font-size: 1.08em;
  line-height: 1.4;
}

.point-t2 {
  width: 100%;
  background-image: url(/static/images/seihin_joho/desk-seiri/bg_point2_3.gif);
  padding: 2% 0% 3% 0%;
  display: block;
  margin: 0 auto;
  height: 12em;
  background-repeat: no-repeat;
}

.p1_t_img {
  margin: 0% 0% 0% 0%;
  padding: 0% 0% 0% 18%;
  width: 13%;
}

.p-t2 {
  font-size: 2.3em;
  font-weight: bold;
  color: #eb6775;
  margin: 0% 0% 0% 25px;
  padding: 0% 0% 0% 0%;
}

.p1-txt2 {
  padding: 2.3% 0% 0% 13%;
  line-height: 1.9;
}

.c-txt2 {
  margin: 0% 0% 0% 0%;
  padding: 5% 0% 0% 32%;
  color: #FFFFFF;
  width: 100%;
  display: block;
}

.point-t3 {
  width: 100%;
  background-image: url(/static/images/seihin_joho/desk-seiri/bg_point2_3.gif);
  padding: 3% 0% 3% 0%;
  display: block;
  margin: 0 auto;
  height: 12em;
  background-repeat: no-repeat;
}

.p1_t_img {
  margin: 0% 0% 0% 0%;
  padding: 1% 0% 0% 11%;
  width: 16%;
}

.p-t3 {
  font-size: 2.3em;
  font-weight: bold;
  color: #059b9a;
  margin: 0px 0% 0% 25px;
  padding: 0% 0% 0% 0%;
}

.p1-txt3 {
  padding: 2% 0% 0% 13%;
  line-height: 1.9;
  width: 70%;
}

.c-txt3 {
  margin: 0% 0% 0% 0%;
  padding: 5% 0% 0% 32%;
  color: #FFFFFF;
  width: 100%;
  display: block;
}

.c_img {
  width: 100%;
}

.c_img.other {
  width: 461px;
  height: 295px;
  object-fit: cover;
}

/* タイトルバナー
-------------------------------*/
div#banner-area {
  position: relative;
  background: url(/static/images/seihin_joho/desk-seiri/ttl_deskspace_pc_bg.jpg) repeat-x 0 0;
}

p.title_banner {
  width: 980px;
  margin: 0 auto;
}

/* ポイント（id="point"） */
div#point {
  background-color: #FFFFFF;
}

div#point1 {
  background-color: #e7f2f8;
}

div#point2 {
  background-color: #f9e9ea;
}

div#point3 {
  background-color: #ebf9f9;
}

div#point div.point-inner {
  width: 980px;
  margin: 0 auto;
  padding: 3% 0% 5%;
}

div#point div.point-list {
  background-color: #FFFFFF;
  padding: 0% 0% 0% 0%;
}

#main-contents h2 {
  font-size: 1.8em;
  line-height: 1.1;
  font-weight: bold;
}

div#point div.point-list div.list-left {
  background-color: #FFFFFF;
  width: 100%;
}

div#point div.point-list div.list-left p {
  margin-top: 3%;
  line-height: 1.6;
}

div#point div.point-list div.list-right {
  background-color: #FFFFFF;
  float: right;
  width: 41%;
}

div#point div.point-list div.list-right img {
  width: 100%;
}

div#point div.point-list div.list-top {
  background-color: #FFFFFF;
}

div#point div.point-list div.list-bottom {
  background-color: #FFFFFF;
}

div#point div.point-list div.list-bottom ul {
  padding: 0% 0% 0;
}

div#point div.point-list div.list-bottom li:nth-child(1) {
  width: 30%;
  height: 11em;
  float: left;
  text-align: center;
  background-color: #46a0ff;
}

div#point div.point-list div.list-bottom li:nth-child(2) {
  width: 30%;
  height: 11em;
  float: left;
  text-align: center;
  background-color: #d04215;
}

div#point div.point-list div.list-bottom li:nth-child(3) {
  width: 30%;
  height: 11em;
  float: left;
  text-align: center;
  background-color: #327c67;
}

div#point div.point-list div.list-bottom li:nth-child(1),
div#point div.point-list div.list-bottom li:nth-child(2),
div#point div.point-list div.list-bottom li:nth-child(3) {
  margin-right: 3%;
}

div#point div.point-list div.list-bottom li span {
  display: block;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 5%;
  font-size: 1.2em;
}

div#point div.point-list {
  margin: 0 auto;
}

div#point div.point-list:nth-child(1) {
  margin-bottom: 5%;
}

div.icon-outer {
  position: absolute;
  top: 20px;
  left: 238px;
  width: 348px;
}

div.table-outer {
  position: absolute;
  top: 98px;
  left: 238px;
  width: 348px;
}

div.table-outer.one {
  position: absolute;
  top: 65px;
  left: 238px;
  width: 348px;
}

img.product-img {
  width: 21%;
  float: left;
}

img.product-ill {
  width: 38.5%;
  float: right;
}

/* オススメ */
div#osusume {
  background-color: #FFFFFF;
  padding: 53px 0 41px;
}

div#osusume div.benri {
  margin: 0 auto;
  background-color: #CFE5F2;
  padding: 1em 1.4em 1.4em;
  width: 939px;
  float: none;
}

#main-contents .point1 {
  background-color: #e7f2f8;
  margin-top: 0px;
  width: 980px;
  margin: 0 auto;
  padding: 6% 0% 8%;
}

#main-contents .point1 .title2 {
  font-size: 2.8em;
  line-height: 1.5;
  text-align: center;
}

#main-contents .point1 .inner5 {
  margin: 50px 0 0px 0;
}

#main-contents .point1 .inner5 .item-area,
#main-contents .point1 .inner5 .item-area + .item-area + .item-area,
#main-contents .point1 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area,
#main-contents .point1 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area + .item-area + .item-area {
  margin: 0 0 80px 0;
  padding: 0% 0% 0%;
  float: left;
  width: 47%;
  height: 678px;
  background-color: #FFFFFF;
}

#main-contents .point1 .inner5 .item-area1-1,
#main-contents .point1 .inner5 .item-area1-1 + .item-area1-1 + .item-area1-1,
#main-contents .point1 .inner5 .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1,
#main-contents .point1 .inner5 .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 {
  margin: 0 0 50px 0;
  padding: 0% 0% 0%;
  float: left;
  width: 47%;
  height: 660px;
  background-color: #FFFFFF;
}

#main-contents .point1 .inner5 .item-area1-1 + .item-area1-1,
#main-contents .point1 .inner5 .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1,
#main-contents .point1 .inner5 .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 + .item-area1-1 {
  float: right;
}

#main-contents .point1 .inner5 .item-area + .item-area,
#main-contents .point1 .inner5 .item-area + .item-area + .item-area + .item-area,
#main-contents .point1 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area + .item-area {
  float: right;
}

#main-contents .point1 .inner5 .item-area1-1 .title {
  margin: 0% 0% 0% 0%;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: #00a0ea;
  background-image: URL("/static/images/seihin_joho/desk-seiri/icn_check.png");
  background-repeat: no-repeat;
  background-position: 6% 46%;
  background-size: 19%;
  height: 4.8em;
}

#main-contents .point1 .inner5 .item-area1-1 .type {
  margin: 6% 0 0 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}

#main-contents .point1 .inner5 .item-area1-1 .type img {
  vertical-align: 0px;
  margin-right: 5px;
}

#main-contents .point1 .inner5 .item-area1-1 .caption {
  margin: auto;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 1.7;
  display: block;
  width: 88%;
  padding: 0% 0% 0% 0%;
}

#main-contents .point1 .inner5 .item-area1-1 .fetr {
  margin: 3.3% 0 0 11.5%;
  font-size: 1.1em;
  line-height: 1.5;
  width: 100%;
  position: absolute;
}

#main-contents .point1 .inner5 .item-area1-1 .caption span {
  font-size: 0.9em;
}

#main-contents .point1 .inner5 .item-area1-1 .figure {
  margin: 13px 0 0 0;
  width: 57%;
}

#main-contents .point1 .inner5 .item-area1-1 .figure img {
  width: 100%;
  margin: 14% 0% 0% 37%;
}

#main-contents .point1 .inner5 .item-area .title {
  margin: 0% 0% 0% 0%;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: #00a0ea;
  background-image: URL("/static/images/seihin_joho/desk-seiri/icn_check.png");
  background-repeat: no-repeat;
  background-position: 6% 46%;
  background-size: 19%;
  height: 4.8em;
}

#main-contents .point1 .inner5 .item-area .type {
  margin: 6% 0 0 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}

#main-contents .point1 .inner5 .item-area .type img {
  vertical-align: 0px;
  margin-right: 5px;
}

#main-contents .point1 .inner5 .item-area .caption {
  margin: auto;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 1.7;
  display: block;
  width: 88%;
  padding: 0% 0% 0% 0%;
}

#main-contents .point1 .inner5 .item-area .fetr {
  margin: 3.3% 0 0 11.5%;
  font-size: 1.1em;
  line-height: 1.5;
  width: 100%;
  position: absolute;
}

#main-contents .point1 .inner5 .item-area .caption span {
  font-size: 0.9em;
}

#main-contents .point1 .inner5 .item-area .figure {
  margin: 13px 0 0 0;
  width: 57%;
}

#main-contents .point1 .inner5 .item-area .figure img {
  width: 100%;
  margin: 14% 0% 0% 37%;
}

div.bottom-area1 a:hover {
  text-decoration: none;
  color: #000000;
  background-color: rgba(0, 188, 212, 0.368);
}

#main-contents .point1 .bottom-area1 {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 0;
  width: 12%;
  border: 1px solid #02b9fb;
  -moz-border-radius: 10px;
  height: 2em;
  position: absolute;
  top: 37%;
  left: 73%;
  background-color: #FFFFFF;
}

#main-contents .point1 .bottom-area1 .left-area {
  float: left;
  margin: 25px 0 0 40px;
  width: 470px;
}

#main-contents .point1 .bottom-area1 .left-area .title {
  margin: 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
}

#main-contents .point1 .bottom-area1 .left-area .type {
  margin: 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5;
}

#main-contents .point1 .bottom-area1 .left-area .type img {
  vertical-align: 0px;
  margin-right: 5px;
}

#main-contents .point1 .bottom-area1 .left-area .caption {
  margin: 5px 0 0 0;
  font-size: 1.0em;
  line-height: 1.5;
  width: 96%;
}

#main-contents .point1 .bottom-area1 .right-area {
  float: right;
  margin: 40px 30px 0 0;
  width: 370px;
}

#main-contents .point1 .bottom-area1 .right-area img {
  width: 100%;
}

#main-contents .notice {
  margin: 15px 0 0 30px;
  font-size: 1em;
  line-height: 1.6;
}

#main-contents .point2 {
  background-color: #f9e9ea;
  width: 980px;
  margin: 0 auto;
  padding: 6% 0% 5%;
}

#main-contents .point2 .title2 {
  font-size: 2.8em;
  line-height: 1.5;
  text-align: center;
}

#main-contents .point2 .inner5 {
  margin: 29px 0 0 0;
}

#main-contents .point2 .inner5 .item-area,
#main-contents .point2 .inner5 .item-area + .item-area + .item-area,
#main-contents .point2 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area,
#main-contents .point2 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area + .item-area + .item-area {
  margin: 0 0 44px 0;
  padding: 0% 0% 0%;
  float: left;
  width: 47%;
  height: 45.5em;
  background-color: #FFFFFF;
}

#main-contents .point2 .inner5 .item-area + .item-area,
#main-contents .point2 .inner5 .item-area + .item-area + .item-area + .item-area,
#main-contents .point2 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area + .item-area {
  float: right;
}

#main-contents .point2 .inner5 .item-area .title {
  background-color: #eb6876;
  margin: 0% 0% 0% 0%;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  color: #FFFFFF;
  background-image: URL("/static/images/seihin_joho/desk-seiri/icn_check.png");
  background-repeat: no-repeat;
  background-position: 6% 60%;
  background-size: 19%;
  height: 4.85em;
}

#main-contents .point2 .inner5 .item-area .type {
  margin: 5% 0 0 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}

#main-contents .point2 .inner5 .item-area .type img {
  vertical-align: 0px;
  margin-right: 5px;
}

#main-contents .point2 .inner5 .item-area .caption {
  margin: auto;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 1.7;
  display: block;
  width: 88%;
  padding: 0% 0% 0% 0%;
}

#main-contents .point2 .inner5 .item-area .fetr {
  margin: 3.3% 0 0 11.5%;
  font-size: 1.1em;
  line-height: 1.5;
  width: 100%;
  position: absolute;
}

#main-contents .point2 .inner5 .item-area .caption span {
  font-size: 0.9em;
}

#main-contents .point2 .inner5 .item-area .figure {
  margin: 13px 0 0 0;
  width: 57%;
}

#main-contents .point2 .inner5 .item-area .figure img {
  width: 100%;
  margin: 14% 0% 0% 37%;
}

#main-contents .point2 .bottom-area2 {
  margin: 20px 0 0 0;
  padding: 0 0 30px 0;
  width: 918px;
  border: 3px solid #4294E0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFFFFF;
}

#main-contents .point2 .bottom-area2 .left-area {
  float: left;
  margin: 25px 0 0 40px;
  width: 470px;
}

#main-contents .point2 .bottom-area2 .left-area .title {
  margin: 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
}

#main-contents .point2 .bottom-area2 .left-area .type {
  margin: 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5;
}

#main-contents .point2 .bottom-area2 .left-area .type img {
  vertical-align: 0px;
  margin-right: 5px;
}

#main-contents .point2 .bottom-area2 .left-area .caption {
  margin: 5px 0 0 0;
  font-size: 1.0em;
  line-height: 1.5;
  width: 96%;
}

#main-contents .point2 .bottom-area2 .right-area {
  float: right;
  margin: 40px 30px 0 0;
  width: 370px;
}

#main-contents .point2 .bottom-area2 .right-area img {
  width: 100%;
}

.menu2 {
  padding: 0 3px 0px 59px;
}

#main-contents .point3 {
  background-color: #ebf9f9;
  width: 980px;
  margin: 0 auto;
  padding: 6.4% 0% 0%;
}

#main-contents .point3 .title2 {
  font-size: 2.8em;
  line-height: 1.5;
  text-align: center;
}

#main-contents .point3 .inner5 {
  margin: 29px 0 0 0;
}

#main-contents .point3 .inner5 .item-area,
#main-contents .point3 .inner5 .item-area + .item-area + .item-area,
#main-contents .point3 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area,
#main-contents .point3 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area + .item-area + .item-area {
  margin: 0 0 8% 0;
  padding: 0% 0% 0%;
  float: left;
  width: 47%;
  height: 45.5em;
  background-color: #FFFFFF;
}

#main-contents .point3 .inner5 .item-area + .item-area,
#main-contents .point3 .inner5 .item-area + .item-area + .item-area + .item-area,
#main-contents .point3 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area + .item-area,
#main-contents .point3 .inner5 .item-area + .item-area + .item-area + .item-area + .item-area + .item-area + .item-area + .item-area {
  float: right;
}

#main-contents .point3 .inner5 .item-area .title {
  background-color: #019e97;
  margin: 0% 0% 0% 0%;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  color: #FFFFFF;
  background-image: URL("/static/images/seihin_joho/desk-seiri/icn_check.png");
  background-repeat: no-repeat;
  background-position: 6% 56%;
  background-size: 19%;
  height: 4.7em;
}

#main-contents .point3 .inner5 .item-area .type {
  margin: 4% 0 0 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}

#main-contents .point3 .inner5 .item-area .type img {
  vertical-align: 0px;
  margin-right: 5px;
}

#main-contents .point3 .inner5 .item-area .caption {
  margin: auto;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 1.7;
  display: block;
  width: 88%;
  padding: 0% 0% 0% 0%;
}

#main-contents .point3 .inner5 .item-area .fetr {
  margin: 3.3% 0 0 11.5%;
  font-size: 1.1em;
  line-height: 1.5;
  width: 100%;
  position: absolute;
}

#main-contents .point3 .inner5 .item-area .caption span {
  font-size: 0.9em;
}

#main-contents .point3 .inner5 .item-area .figure {
  margin: 13px 0 0 0;
  width: 57%;
}

#main-contents .point3 .inner5 .item-area .figure img {
  width: 100%;
  margin: 14% 0% 0% 37%;
}

#main-contents .point3 .bottom-area3 {
  margin: 20px 0 0 0;
  padding: 0 0 30px 0;
  width: 918px;
  border: 3px solid #4294E0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFFFFF;
}

#main-contents .point3 .bottom-area3 .left-area {
  float: left;
  margin: 25px 0 0 40px;
  width: 470px;
}

#main-contents .point3 .bottom-area3 .left-area .title {
  margin: 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
}

#main-contents .point3 .bottom-area3 .left-area .type {
  margin: 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5;
}

#main-contents .point3 .bottom-area3 .left-area .type img {
  vertical-align: 0px;
  margin-right: 5px;
}

#main-contents .point3 .bottom-area3 .left-area .caption {
  margin: 5px 0 0 0;
  font-size: 1.0em;
  line-height: 1.5;
  width: 96%;
}

#main-contents .point3 .bottom-area3 .right-area {
  float: right;
  margin: 40px 30px 0 0;
  width: 370px;
}

#main-contents .point3 .bottom-area3 .right-area img {
  width: 100%;
}

.menu3 {
  padding: 0 3px 0px 57px;
}

div #relation-outer {
  width: 100%;
  margin: 0 0 5%;
}

div .relation {
  width: 980px;
  margin: 100px auto 0;
}

.relation h3 {
  font-size: 1.6em;
  text-align: center;
  padding: 11px 0 9px;
  color: #fff;
  background-color: #444444;
}

.relation img {
  width: 230px;
  height: 153px;
  margin: 20px 14px 0 0;
}

.link-img {
  text-align: left;
}

.link-img li {
  display: inline;
}

.link-img li:nth-child(4n) img {
  margin-right: 0;
}

/* clfx */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}