@charset "utf-8";
/*	clearfix
----------------------------------------------- */
.clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px; /*¥*/ /*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear {
  clear: both;
}
/*----------------------------------------------- */
html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: aliased;
}
/* box-sizing */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* box-sizing */
body {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}
/*
section, article {
 display: block;
 float: left;
 width: 100%;
}
article {
    width: 96%;
    padding: 3em 2%;
}
*/
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}
h1 {
  font-size: 28px;
  font-weight: 100;
  text-align: center;
}
h2 {
  font-size: 18px;
  font-weight: 100;
  text-align: center;
}
p {
  margin-top: 0;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 10px;
}
img {
  vertical-align: bottom;
  border: 0;
}
.imgbanner img {
  width: 100%;
}
a {
  color: #006699;
}
a:hover {
  text-decoration: none;
  -o-transition: color 0.25s ease-in;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
a:hover img {
  opacity: 0.8;
}
.flexslider .slides a:hover img {
  opacity: 0.96;
}
.sdw {
  text-shadow: 2px 2px 1px #282828, -2px 2px 1px #282828, 2px -2px 1px #282828, -2px -2px 1px #282828;
}
/*
a:visited {
    color: #a8a8a8;
}
*/
header h1 a:hover img {
  opacity: 1;
}
#main_visual {
  clear: both;
  margin: 0 auto;
  background-color: #6f9ed1;
  text-align: center;
  width: 100%;
}
#main_visual img {
  width: 960px;
}
#main_visual {
  clear: both;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 320px;
}
@media screen and (max-width: 680px) {
  #main_visual {
    height: 260px;
  }
}
#main_visual.kenkoupoint {
  background-color: #6f9ed1;
  background-image: url("../../service/point/market/img/kenkou_mvsbg.jpg");
  background-position: 56% center;
  background-repeat: no-repeat;
  width: 100%;
}
@media screen and (max-width: 680px) {
  #main_visual.kenkoupoint {
    min-width: inherit;
  }
}
#main_visual.renkeipointtop, #main_visual.renkeipoint {
  background-color: #f5f5f5;
  background-image: url("../../service/point/img/renkeipoint_imagebgline.jpg");
  background-position: 57% center;
  background-repeat: no-repeat;
  width: 100%;
}
@media screen and (max-width: 680px) {
  #main_visual.renkeipointtop, #main_visual.renkeipoint {
    min-width: inherit;
    background-position: 66% center;
  }
}
#main_visual.campaignbox {
  background-color: #b73585;
  background-image: url("../../service/camp/img/bg_campaignbox.gif");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
/*
 *
 * add0704 BEGIN
 *
 */
#main_visual.point_enterprise {
  background-color: #3b434b;
  background-image: url("../../service/point/img/mainvisual_pointenterprise2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#contents #main_visual h2.addmenu {
  text-shadow: 2px 2px 1px #3b434b, -2px 2px 1px #3b434b, 2px -2px 1px #3b434b, -2px -2px 1px #3b434b;
  padding: 120px 0 0;
}
#contents #main_visual .point_enterprise h2.addmenu {
  padding: 100px 0 0;
  text-align: center;
}
@media screen and (max-width: 680px) {
  #contents #main_visual .point_enterprise h2.addmenu {
    padding: 36px 0 0;
    text-align: center;
  }
}
/*
 *
 * add0704 END
 *
 */
#main_visual.contact {
  background-color: #55995e;
  height: 110px !important;
}
#contents #main_visual.productservice h2 {
  font-weight: normal;
  padding-top: 35px;
  text-shadow: none;
}
#main_visual .inner {
  margin: 0 auto;
  padding: 0;
  max-width: 960px;
  width: 100%;
}
#contents #main_visual h2 {
  /* color: #282828; */
  color: #ffffff;
  font-size: 2.8em;
  font-weight: bold;
  margin: 0;
  padding: 106px 0 0 5%;
  text-align: left;
  /* text-shadow: 1px 2px 1px #666666, -2px 2px 1px #df8416, 2px -2px 1px #df8416, -2px -1px 1px #df8416; */
  /* text-shadow: 1px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -1px 1px #ffffff; */
  /* text-shadow: 1px 2px 1px #ba2133, -2px 2px 1px #ba2133, 2px -2px 1px #ba2133, -2px -1px 1px #ba2133; */
}
@media screen and (max-width: 680px) {
  #contents #main_visual h2 {
    padding: 80px 0 0;
    font-size: 1.8em;
    text-align: center;
  }
}
/* 2nd階層用 */
#contents #main_visual.campaignbox.layer_2nd {
  height: 110px;
}
#contents #main_visual.layer_2nd h2 {
  /*  color: #cc3366; */
  color: #ffffff;
  font-size: 2.6em;
  padding: 16px 0 0 40px;
}
@media screen and (max-width: 680px) {
  #contents #main_visual.layer_2nd h2 {
    font-size: 1.6em;
    padding-left: 10px;
    text-align: left;
  }
}
#contents h2.main_catch.layer_2nd img {
  width: 350px;
}
@media screen and (max-width: 680px) {
  #contents h2.main_catch.layer_2nd img {
    width: 300px;
  }
}
/*#contents h2.main_catch.layer_2nd {
  background-position: right -5px;
  background-repeat: no-repeat;
  background-size: 22% auto;
  font-size: 2.8em;
  text-shadow: 1px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -1px 1px #ffffff;
}*/
#contents h2.main_catch.layer_2nd {
  background-position: center 160px;
  background-repeat: no-repeat;
  background-size: 220px auto;
  font-size: 2.8em;
  text-shadow: 1px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -1px 1px #ffffff;
}
@media screen and (max-width: 680px) {
  #contents h2.main_catch.layer_2nd {
    font-size: 1.8em;
    background-size: 160px auto;
    background-position: center 170px;
  }
}
.main_catch_icon {
  margin: -30px auto 0;
  width: 220px;
}
.main_catch_icon figure {
  margin: 10px 0;
  width: 100%;
}
.main_catch_icon figure img {
  width: 100%;
}
#contents h3.layer_2nd {
  font-size: 1.8em;
  font-weight: bold;
  padding: 10px 10px 8px;
}
@media screen and (max-width: 680px) {
  #contents h3.layer_2nd {
    font-size: 1.2em;
  }
}
#main_visual h2 img {
  margin-left: -22px;
  max-width: 540px;
  width: 65%;
}
#main_visual p img {
  float: right;
  position: relative;
  height: 300px;
}
#contents #main_visual.imagemainvisual h2 img {
  margin-left: 0;
  max-width: 960px;
  width: 100%;
}
.separatetop {
  background: rgba(0, 0, 0, 0) url("../img/section_line960_tr.png") no-repeat scroll center top;
  /*border-top: 1px solid #ffffff;*/
  width: 100%;
}
.separate_none {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
/* section bgcolor BEGIN */
.bg_or {
  background-color: rgba(238, 187, 106, 0.2);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1aeebb6a, EndColorStr=#1aeebb6a); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1aeebb6a, EndColorStr=#1aeebb6a); /* IE 7以下用 */
}
.bg_gr {
  background-color: rgba(102, 204, 102, 0.1);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a66cc66, EndColorStr=#1a66cc66); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a66cc66, EndColorStr=#1a66cc66); /* IE 7以下用 */
}
.bg_gr2 {
  /* background-color: rgba(233, 242, 227, 0.7);*/
  background-color: rgba(174, 196, 151, 0.2);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1aaec396, EndColorStr=#1aaec396); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1aaec396, EndColorStr=#1aaec396); /* IE 7以下用 */
}
.bg_bl {
  background-color: rgba(51, 102, 204, 0.1);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a3366cc, EndColorStr=#1a3366cc); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a3366cc, EndColorStr=#1a3366cc); /* IE 7以下用 */
}
.bg_bl2 {
  background-color: rgba(68, 107, 153, 0.1);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a436A98, EndColorStr=#1a436A98); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a436A98, EndColorStr=#1a436A98); /* IE 7以下用 */
}
.bg_bg {
  background-color: rgba(100, 40, 0, 0.1);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a642800, EndColorStr=#1a642800); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a642800, EndColorStr=#1a642800); /* IE 7以下用 */
}
.bg_cr {
  background-color: rgba(247, 247, 216, 0.3);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1af7f7d8, EndColorStr=#1af7f7d8); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1af7f7d8, EndColorStr=#1af7f7d8); /* IE 7以下用 */
}
.bg_cr2 {
  background-color: rgba(247, 247, 216, 0.4);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1af7f7d8, EndColorStr=#1af7f7d8); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1af7f7d8, EndColorStr=#1af7f7d8); /* IE 7以下用 */
}
.bg_br {
  background-color: rgba(196, 155, 94, 0.1);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1acc9966, EndColorStr=#1acc9966); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1acc9966, EndColorStr=#1acc9966); /* IE 7以下用 */
}
.bg_br2 {
  background-color: rgba(196, 155, 94, 0.3);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1acc9966, EndColorStr=#1acc9966); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1acc9966, EndColorStr=#1acc9966); /* IE 7以下用 */
}
.bg_navy {
  background-color: rgba(19, 49, 94, 0.65);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a13315e, EndColorStr=#1a13315e); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1a13315e, EndColorStr=#1a13315e); /* IE 7以下用 */
}
.bg_wht {
  background-color: rgba(255, 255, 255, 1);
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1affffff, EndColorStr=#1affffff); /* IE 8以上用 */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#1affffff, EndColorStr=#1affffff); /* IE 7以下用 */
}
/* section bgcolor END */
#contents section.catcharea div.inner {
  padding: 0 10px 40px;
}
@media screen and (max-width: 680px) {
  #contents section.catcharea div.inner {
    padding: 0 10px 25px;
  }
}
#contents section div.inner {
  padding: 0 10px 0px;
}
#contents section ul.pickup_service div.inner {
  padding: 0 0 40px;
}
@media screen and (max-width: 680px) {
  #contents section ul.pickup_service div.inner {
    padding: 0 0 20px;
  }
}
/*-----

product service menu BEGIN

-----*/
.servicelist {
  padding: 0 0 30px;
}
#contents section.servicelist div.inner {
  padding: 0 10px 10px;
}
#contents section.servicelist.areawrap .semitransparent {
  background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
  padding: 0 10px 30px;
}
#contents section.servicelist h2 {
  padding-top: 50px;
}
@media screen and (max-width: 680px) {
  #contents section.servicelist h2 {
    margin-top: -50px;
    padding-top: 110px;
    font-weight: bold;
  }
}
.servicelist.areawrap {
  border-radius: 10px;
  margin: 0 auto 30px;
  max-width: 1120px;
  padding: 0 0 30px;
}
.servicelist h1 {
  background-color: #333;
  /*  background-image: linear-gradient(rgb(90, 90, 90) 0%, rgb(51, 51, 51) 100%); */
  background-image: linear-gradient(rgb(80, 80, 80) 0%, rgb(28, 28, 28) 100%);
  color: #fff;
  font-size: 1.1em;
  line-height: 1em;
  padding: 5px 5px 3px;
  text-shadow: none;
  border-radius: 0 0 4px 4px;
  margin-bottom: 0;
}
.servicelist .pointbusinessmodel {
  margin-top: 20px
}
.servicelist .pointbusinessmodel .inner {
  margin: 0px auto 15px;
  width: 960px;
  background-color: #253d3e;
  display: block;
  border-bottom: 1px solid #666;
  border-top: 1px solid #333;
  border-radius: 5px;
}
#contents .shortcut .inner {
  border-radius: 4px;
  max-width: 1120px;
  padding-bottom: 5px;
}
#contents .shortcut .solution_bg {
  background-color: #78b381;
  margin-bottom: 0;
  padding-bottom: 4px;
}
#contents .shortcut h2 {
  border-top: 1px solid #78b381;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.1em;
  margin-bottom: 3px;
  padding: 5px 0 0;
}
.shortcut ul.solution {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.shortcut .solution li {
  float: left;
  width: 25%;
}
@media screen and (max-width: 680px) {
  .shortcut .solution li {
    width: 50%;
  }
}
.shortcut .solution li a {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #78b381;
  box-shadow: none;
  display: block;
  line-height: 1.4em;
  margin-bottom: 0;
  padding: 12px 6px;
  text-align: center;
  width: 100%;
  border-radius: 5px;
}
.shortcut .solution li a {
  background-image: url("../../img/pointService_bg03.gif");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
@media screen and (max-width: 680px) {
  .shortcut .solution li a {
    background-size: 16px auto;
  }
}
.shortcut .solution li a em {
  color: #006699;
  font-size: 1.1em;
  font-weight: bold;
}
#contents .shortcut .withcontact h2 {
  border: medium none;
}
#contents .shortcut .withcontact a {
  border-color: inherit;
  border-radius: 5px;
}
@media screen and (max-width: 680px) {
  #contents .shortcut .withcontact a {
    text-align: left;
  }
}
#contents .shortcut .withcontact a:hover {
  opacity: 0.9;
}
#main_visual.products {
  height: 110px !important;
  background-color: #88b5cc;
}
#main_visual.case {
  height: 110px !important;
  background-color: #78b381;
}
#main_visual.contact {
  background-color: #55995e;
  height: 110px !important;
}
#contents .servicelist section.areawrap div.inner {
  padding: 0;
}
#contents .servicelist section.catcharea div.inner, #contents .servicelist section.areawrap div.inner {
  padding-bottom: 0;
}
#contents #main_visual.products h2, #contents #main_visual.case h2, #contents #main_visual.contact h2 {
  color: #ffffff;
  font-size: 2.2em;
  margin: 0;
  padding: 38px 0 0 68px;
  text-align: left;
}
@media screen and (max-width: 680px) {
  #contents #main_visual.products h2, #contents #main_visual.case h2, #contents #main_visual.contact h2 {
    font-size: 1.8em;
    padding: 38px 0;
    text-align: center;
  }
}
.servicelist section {
  margin: 0 auto;
  max-width: 1120px;
  float: none;
}
.servicelist section .inner {
  margin: 0 auto;
  width: 960px;
}
.servicelist section .inner p {
  line-height: 1.5em;
  margin-bottom: 10px;
  text-shadow: none;
}
.servicelist section h1 {
  background-color: #333;
  background-image: linear-gradient(rgb(80, 80, 80) 0%, rgb(28, 28, 28) 100%);
  color: #fff;
  font-size: 1.1em;
  line-height: 1em;
  padding: 5px 5px 3px 10px;
  text-shadow: none;
  text-align: left;
}
.servicelist section h2 {
  color: #ffffff;
  font-size: 2.8em;
  font-weight: normal;
  line-height: 100%;
  margin: 30px 0 0;
  text-align: center;
  text-shadow: none;
  padding-top: 0 !important;
}
#contents .servicelist h2.maintitle {
  padding: 8px 0 !important;
}
#contents .servicelist .col_2.pickup_service li {
  background-color: inherit;
  float: left;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 1.5%;
  padding: 0;
  width: 49%;
}
#contents .servicelist .col_2.pickup_service li:nth-child(2n) {
  margin-right: 0;
}
@media screen and (max-width: 680px) {
  #contents .servicelist .col_2.pickup_service li {
    margin: 0 0 10px;
    width: 100%;
  }
}
#contents .servicelist .col_3.pickup_service li {
  background-color: inherit;
  float: left;
  margin-bottom: 15px;
  margin-left: 1.4%;
  margin-right: 0;
  padding: 0;
  width: 31.5%;
}
@media screen and (max-width: 680px) {
  #contents .servicelist .col_3.pickup_service li {
    margin: 0 0 10px;
    width: 100%;
  }
}
.servicelist .pickup_service li a {
  background-color: #fff;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  border-right: 1px solid #cccccc;
  box-shadow: none;
  display: block;
  text-decoration: none;
  width: 100%;
}
.servicelist .pickup_service li a {
  background-image: url("../../img/pointService_bg03.gif");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 12px auto;
}
@media screen and (max-width: 680px) {
  .servicelist .pickup_service li a {
    background-size: 16px auto;
  }
}
@media screen and (max-width: 680px) {
  .servicelist section h1 {
    text-align: center;
  }
  #main_visual.products h2 {
    font-size: 1.8em;
    padding: 45px 0 0;
    text-align: center;
  }
  #contents .servicelist h2.maintitle {
    width: 100% !important;
    font-size: 1em !important;
  }
  .servicelist .pickup_service {
    margin: 0 auto;
    width: 90%;
  }
  .servicelist .pickup_service h3 {
    font-size: 1.3em !important;
  }
  .servicelist .pickup_service li {
    padding-left: 0;
  }
  .servicelist .pickup_service li a {
    margin: 0 auto;
    width: 100%;
  }
  .servicelist .areawrap.narrow {
    padding: 0 15px;
  }
}
.servicelist .pickup_service li a:hover {
  background-color: #fef9e4;
  color: #3399aa;
  text-decoration: none;
}
#contents .servicelist h2.maintitle {
  background-color: inherit;
  border-radius: 0;
  color: #454545;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0;
  opacity: 1;
  padding: 20px 0 12px !important;
  width: 100%;
}
@media screen and (max-width: 680px) {
  #contents .servicelist h2.maintitle {
    font-size: 1em !important;
    width: 100% !important;
  }
}
.servicelist .pickup_service h3 {
  background-position: center 15px;
  background-repeat: no-repeat;
  border-left: medium none;
  color: #006699;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2em;
  min-height: 60px;
  padding: 90px 10px 0;
  text-align: center;
}
@media screen and (max-width: 680px) {
  .servicelist .pickup_service h3 {
    padding: 110px 10px 0;
  }
}
.servicelist .pickup_service p {
  color: #555;
  font-size: 1em;
  margin: 0 10px 5px;
  text-align: left;
}
.servicelist .areawrap {
  padding-bottom: 15px;
}
@media screen and (max-width: 680px) {
  #contents .servicelist .areawrap .inner {
    padding: 0 10px;
  }
}
.servicelist .areawrap.narrow {
  background-color: #305052;
  border-radius: 0 0 3px 3px;
  margin-top: -10px;
}
.servicelist .narrow .inner {
  background-color: #253d3e;
  border-bottom: 1px solid #777;
  border-top: 1px solid #333;
  display: block;
  margin: 0 auto 15px;
  width: 960px;
}
.areawrap.point {
  background-color: #305052;
  background-image: url("../../service/img/imagebg_point_1d3234_030050052.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.areawrap.koukan {
  background-color: #baaca1;
  background-image: url("../../service/img/imagebg_koukan_baaca1_186172161.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.areawrap.camp {
  background-color: #766f76;
  background-image: url("../../service/camp/img/bg_campaignbox.gif");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.areawrap.cms {
  background-color: #d9ebff;
  background-image: url("../../service/img/imagebg_magento_d9ebff_217235255b.png");
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (max-width: 680px) {}
.icon_crmmap h3 {
  background-image: url("../../img/icon_checkmark.png");
}
.icon_point h3 {
  background-image: url("../../img/index_thumb_01.png");
}
.icon_customer h3 {
  background-image: url("../../img/index_thumb_member2.png");
}
.icon_chain h3 {
  background-image: url("../../img/index_thumb_chain.png");
}
.icon_chain2 h3 {
  background-image: url("../../img/index_thumb_chain2.png");
}
.icon_analysis h3 {
  background-image: url("../../img/index_thumb_06.png");
}
.icon_karte h3 {
  background-image: url("../../img/index_thumb_karte.png");
}
.icon_achievement h3 {
  background-image: url("../../img/index_thumb_achievement.png");
}
.icon_pointsite h3 {
  background-image: url("../../img/index_thumb_pointsite.png");
}
.icon_exchange h3 {
  background-image: url("../../img/index_thumb_04.png");
}
.icon_challenge h3 {
  background-image: url("../../img/index_thumb_challenge.png");
}
.icon_weblottery h3 {
  background-image: url("../../img/index_thumb_08.png");
}
.icon_serial h3 {
  background-image: url("../../img/icon_serialimage.png");
}
.icon_serial2 h3 {
  background-image: url("../../img/icon_serialimage02.png");
}
.icon_open h3 {
  background-image: url("../../img/index_thumb_09.png");
}
.icon_point h3 {
  background-image: url("../../img/icon_pointcoin.png");
}
.icon_pointmark h3 {
  background-image: url("../../img/icon_point.png");
}
.icon_pointapp h3 {
  background-image: url("../../img/icon_pointapp.png");
}
.icon_pointenterprise h3 {
  background-image: url("../../img/icon_pointEnterprise.png");
}
.icon_largescale h3 {
  background-image: url("../../img/index_thumb_07.png");
}
.icon_magento h3 {
  background-image: url("../../img/index_thumb_05.png");
}
.icon_store h3 {
  background-image: url("../../img/index_thumb_store.png");
}
.icon_cms h3 {
  background-image: url("../../img/index_thumb_cms.png");
}
.icon_site h3 {
  background-image: url("../../img/index_thumb_site.png");
}
.icon_pointerminal h3 {
  background-image: url("../../img/index_thumb_03.png");
}
.icon_renkei h3 {
  background-image: url("../../img/index_thumb_renkei.png");
}
.icon_gasdenki h3 {
  background-image: url("../../img/index_thumb_gasdenki.png");
}
.icon_bank h3 {
  background-image: url("../../img/index_thumb_bank.png");
}
.icon_kenkou h3 {
  background-image: url("../../img/index_thumb_kenkou2.png");
}
.icon_recochoku h3 {
  background-image: url("../../img/index_thumb_recochoku.png");
}
.icon_b2b h3 {
  background-image: url("../../img/index_thumb_b2b.png");
}
.icon_sitetrans h3 {
  background-image: url("../../img/index_thumb_sitetrans.png");
}
.icon_doctrans h3 {
  background-image: url("../../img/index_thumb_doctrans.png");
}
.icon_englishservice h3 {
  background-image: url("../../img/index_thumb_e-learning.png");
}
.icon_callcenter h3 {
  background-image: url("../../img/index_thumb_callcenter.png");
}
.icon_incentive h3 {
  background-image: url("../../img/icon_incentive2.png");
}
.icon_dummy h3 {
  /* background-image: url("../../img/index_thumb_dummy.png"); */
}
.icon_api h3 {
  background-image: url("../../img/icon_api.png");
}
.icon_stamp h3 {
  background-image: url("../../img/icon_stamp.png");
}
.icon_webdesign h3 {
  background-image: url("../../img/icon_webdesign640.png");
}
.pickup_service h3 {
  background-repeat: no-repeat;
  background-size: 60px auto;
}
@media screen and (max-width: 680px) {
  .pickup_service h3 {
    background-size: 80px auto;
  }
}
.servicelist .shortcut {
  background-color: #78b381;
  border-top: 1px solid #dddddd;
  margin-top: 3px;
}
.servicelist .shortcut_bg {
  background-color: #78b381;
  margin-bottom: 0;
  padding-bottom: 0;
}
#contents .servicelist section.shortcut h2 {
  border-top: medium none;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.2em;
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
}
.servicelist .shortcut ul {
  list-style: outside none none !important;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 680px) {
  .servicelist .shortcut ul {
    margin-left: 0;
  }
}
.servicelist .shortcut li {
  float: left;
  margin-right: 1%;
  width: 32.6%;
}
.servicelist .shortcut li:nth-child(3n) {
  margin-right: 0;
}
.servicelist .shortcut li a {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #78b381;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
  display: block;
  line-height: 1.4em;
  margin-bottom: 5px;
  padding: 20px 6px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  color: #006699;
}
@media screen and (max-width: 680px) {
  .servicelist .shortcut li {
    margin-right: 0;
    width: 100%;
  }
  .servicelist .shortcut li a {
    width: 100%;
  }
}
.servicelist .shortcut li a em {
  font-size: 1.1em;
  font-style: normal;
  font-weight: bold;
}
.servicelist .separate {
  background: rgba(0, 0, 0, 0) url("../../img/section_line.gif") no-repeat scroll center top;
  height: 35px;
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
@media screen and (max-width: 680px) {
  .servicelist .separate {
    width: 100%;
  }
}
/**/
/* productservice new */
/**/
#main_visual.productservice {
  background-color: #88b5cc;
}
#menu-wrap {
  width: 100%;
  height: 34px;
  /*  box-shadow: 0 1px 10px #333; */
  background: #88b5cc;
  margin: 0 auto;
}
@media screen and (max-width: 680px) {
  #menu-wrap {
    height: auto;
  }
}
#menu {
  list-style-type: none;
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px;
  padding: 0;
}
#menu li {
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  height: 30px;
  display: inline-table;
}
@media screen and (min-width: 681px) and (max-width: 980px) {
  #menu li:first-child {
    margin-left: 10px;
    width: 20%;
  }
  #menu li {
    width: 19%;
  }
}
@media screen and (max-width: 680px) {
  #menu li {
    width: 50%;
    height: auto;
  }
}
#menu li a {
  color: #ffffff;
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  height: 34px;
  line-height: 1;
  padding: 3px 10px;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 680px) {
  #menu li a {
    display: block;
    font-size: 1em;
    height: auto;
    padding: 15px 10px;
  }
}
#menu li a:hover {
  background: #3b434b;
}
.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  box-shadow: 0 1px 10px #333333;
}
@media screen and (max-width: 680px) {
  .fixed {
    position: absolute;
    box-shadow: none;
  }
}
/*-----

product service menu END

-----*/
#contents h2 {
  font-size: 2.4em;
  line-height: 1.2em;
  padding: 60px 0 30px;
  color: #282828;
}
@media screen and (min-width: 681px) and (max-width: 980px) {
  #contents h2 {
    padding: 60px 10px 30px;
  }
}
@media screen and (max-width: 680px) {
  #contents h2 {
    font-size: 1.5em;
    padding-top: 50px;
  }
}
#contents h2.maintitle {
  background-color: #339933;
  border-radius: 5px;
  color: #ffffff;
  font-size: 2em;
  line-height: 1.2em;
  margin: -40px auto 18px;
  opacity: 0.8;
  padding: 10px 0 6px;
  width: 90%;
}
@media screen and (max-width: 680px) {
  #contents h2.maintitle {
    font-size: 1.2em;
    padding: 6px 3px 5px;
    margin: -28px auto 10px;
    width: 100%;
    opacity: 0.9;
  }
}
#contents h2.main_catch {
  font-size: 2.4em;
  padding-bottom: 10px;
  padding-top: 40px;
}
@media screen and (max-width: 680px) {
  #contents h2.main_catch {
    font-size: 1.5em;
  }
}
h2 img.icon {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 128px;
}
#contents p img {
  width: 90%;
}
#contents p.pageicon {
  margin: -20px auto 0;
  width: 25%;
}
#contents img.mx640 {
  max-width: 640px;
}
.col_2, .col_3, .col_4, .col_5 {
  margin: 0 auto;
  max-width: 960px;
  dislpay: block;
  clear: both;
  overflow: hidden;
  width: 100%;
  padding-left: 0;
  padding-bottom: 5px;
}
ul.col_2, ul.col_3, ul.col_4, ul.col_5 {
  margin: 0 auto;
  padding-left: 0;
}
.col_2 li, .col_3 li, .col_4 li, .col_5 li {
  margin: 0 1.1% 1% 0;
  list-style: none;
  float: left; /*    background-color: #ffffff; */
  padding: 15px 5px 10px;
}
.col_2 li {
  width: 49.4%;
  background-color: #ffffff;
}
.col_3 li {
  width: 32.6%;
  background-color: #ffffff;
}
.col_4 li {
  width: 24.1%;
  background-color: #ffffff;
}
.col_5 li {
  width: 19%;
  background-color: #ffffff;
}
@media screen and (max-width: 680px) {
  .col_2 li, .col_3 li, .col_4 li, .col_5 li {
    text-align: center;
    margin-bottom: 10px;
    float: left;
    list-style: outside none none;
    margin: 0 2% 2% 0;
    width: 49%;
  }
  .col_2 li:nth-child(2n) {
    margin-right: 0;
  }
  .col_3 li:nth-child(2n) {
    margin-right: 0;
  }
  .col_4 li:nth-child(2n) {
    margin-right: 0;
  }
  .col_5 li:nth-child(2n) {
    margin-right: 0;
  }
  .col_2.spsingle li, .col_3.spsingle li, .col_4.spsingle li, .col_5.spsingle li {
    list-style: outside none none !important;
    margin: 0 1% 4% 0 !important;
    width: 100% !important;
  }
}
.col_2 li a, .col_3 li a, .col_4 li a, .col_5 li a {
  border: 1px solid #b2ccd9;
  display: block;
  padding: 2px;
  color: #4d4d4d;
  text-decoration: none;
}
.col_2 li a:hover, .col_3 li a:hover, .col_4 li a:hover, .col_5 li a:hover {
  border: 1px solid #0090da;
  opacity: 0.9;
}
.col_2 li h3, .col_3 li h3, .col_4 li h3, .col_5 li h3 {
  border: none;
  padding: 0;
}
.col_2 li figure, .col_3 li figure, .col_4 li figure, .col_5 li figure {
  line-height: 0;
  margin: 0 auto 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 3px 3px 0 0;
  text-align: center;
}
.col_2 figure img, .col_3 figure img, .col_4 figure img, .col_5 figure img {
  width: 60%;
  margin-bottom: 0;
}
.col_2.imagehalf figure img, .col_3.imagehalf figure img, .col_4.imagehalf figure img, .col_5.imagehalf figure img {
  width: 50%;
}
.col_2 li .item, .col_3 li .item, .col_4 li .item, .col_5 li .item {
  border: 0 none;
  color: #333333;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 10px 0 10px;
  padding-left: 0;
  text-align: center;
}
@media screen and (max-width: 680px) {
  .col_2 li .item, .col_3 li .item, .col_4 li .item, .col_5 li .item {
    font-size: 1.2em;
    line-height: 1.1em;
  }
}
.col_2.typetxt li .item, .col_3.typetxt li .item, .col_4.typetxt li .item {
  padding: 20px 0 15px;
}
.col_2.txtL .item, .col_3.txtL .item, .col_4.txtL .item {
  font-size: 1.8em;
}
.col_2.flow .flowmark, .col_3.flow .flowmark {
  background-image: url("../img/arrow_kr_s.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  display: inline-block;
  width: 4% !important;
}
.col_3.flow li {
  width: 29.2%;
  background-color: #ffffff;
  border-radius: 10px;
}
.col_2.flow li {
  width: 46%;
  background-color: #ffffff;
  border-radius: 10px;
}
.col_2.flow li:nth-child(2n), .col_3.flow li:nth-child(3n), .col_4.flow li:nth-child(4n) {
  margin-right: 1.1%;
}
.col_3.flow li:nth-child(5) {
  margin-right: 0;
}
.col_3.flow li h3 {
  background-color: rgba(0, 0, 0, 0);
  font-weight: bold;
  margin: 0;
  padding: 5px;
  width: 100%;
}
.col_2.iconanddescription {
  padding-bottom: 0;
}
.col_2.iconanddescription li {
  width: 25% !important;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}
.col_2.iconanddescription li img {
  margin-top: -30px;
  width: 160px;
}
.col_2.iconanddescription li:nth-child(2n) {
  width: 72% !important;
  margin-bottom: 0;
}
.col_2.iconanddescription li:nth-child(2n) p {
  text-align: left;
}
.roundwrap {
  background-color: #ffffff;
  border: 1px solid #339933;
  border-radius: 2em;
  color: #339933;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding: 8px 0px;
  text-align: center;
}
@media screen and (max-width: 680px) {
  .col_2.iconanddescription li {
    width: 100% !important;
  }
  .col_2.iconanddescription li img {
    width: 50% !important;
  }
  .col_2.iconanddescription li:nth-child(2n) {
    width: 100% !important;
    padding-top: 0;
  }
}
@media screen and (max-width: 680px) {
  .roundwrap {
    border-radius: 6px;
  }
}
#contents h2.roundwrap {
  border-radius: 10px;
  padding: 10px 0 8px;
  font-size: 1.4em;
}
.typetxt .item {
  /* background-image: url("../img/bg_bluegrd.png"); */
  background-position: 0 -20px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 !important;
  padding: 20px 0 15px;
  width: 100%;
}
.col_2 p, .col_3 p, .col_4 p, .col_5 p {
  padding: 0;
  text-align: left;
}
.col_2 li .summary, .col_3 li .summary, .col_4 li .summary, .col_5 li .summary {
  display: inline-block;
  font-weight: normal;
  line-height: 1.3em;
  margin: 0;
  padding: 0 5px 10px;
  text-align: left;
  width: 100%;
}
.col_2.menu li, .col_3.menu li, .col_4.menu li, .col_5.menu li {
  border-right: 1px solid #cccccc;
  margin: 0 0 15px;
  padding: 15px 2% 0;
  width: 33%;
}
@media screen and (max-width: 680px) {
  .col_2.menu li, .col_3.menu li, .col_4.menu li, .col_5.menu li {
    border-right: medium none;
  }
}
.col_2.menu li .summary, .col_3.menu li .summary, .col_4.menu li .summary, .col_5.menu li .summary {
  font-size: 1em;
}
.col_2.menu figure img, .col_3.menu figure img, .col_4.menu figure img, .col_5.menu figure img {
  width: 80px;
}
@media screen and (max-width: 680px) {
  .col_2.menu figure img, .col_3.menu figure img, .col_4.menu figure img, .col_5.menu figure img {
    width: 25%;
  }
}
.col_2.menu li a, .col_3.menu li a, .col_4.menu li a, .col_5.menu li a {
  border: none;
}
.col_2.menu li:nth-child(2n) .col_3.menu li:nth-child(3n), .col_4.menu li:nth-child(4n), .col_5.menu li:nth-child(5n) {
  border-right: none;
}
.col_2.menu li:nth-child(3) .col_3.menu li:nth-child(4), .col_4.menu li:nth-child(5), .col_5.menu li:nth-child(6) {
  border-left: 1px solid #cccccc;
}
.menuitem {
  background-color: #003366;
  border: medium none;
  border-radius: 5px;
  color: #ffffff;
  padding: 3px 10px 0;
}
.col_2.menu li a:hover, .col_3.menu li a:hover, .col_4.menu li a:hover, .col_5.menu li a:hover {
  background-color: #fef9e4;
  color: #3399aa;
}
.col_2 li:nth-child(2n), .col_3 li:nth-child(3n), .col_4 li:nth-child(4n), .col_5 li:nth-child(5n) {
  margin-right: 0;
}
.col_2.iconlist li, .col_3.iconlist li, .col_4.iconlist li, .col_5.iconlist li {
  float: left;
}
.col_2.iconlist li {
  width: 48%;
}
.col_3.iconlist li {
  width: 32%;
}
.col_4.iconlist li {
  width: 24%;
}
.col_5.iconlist li {
  width: 19%;
}
@media screen and (max-width: 680px) {
  .col_2.iconlist li, .col_3.iconlist li, .col_4.iconlist li, .col_5.iconlist li {
    font-size: 0.94em;
    width: 32%;
    line-height: 1em;
    margin-right: 2%;
  }
}
.col_2.iconlist li figure, .col_3.iconlist li figure, .col_4.iconlist li figure, .col_5.iconlist li figure {
  margin-bottom: 0;
  width: 50%;
  max-width: 80px;
}
@media screen and (max-width: 680px) {
  .col_2.iconlist li figure, .col_3.iconlist li figure, .col_4.iconlist li figure, .col_5.iconlist li figure {
    width: 56%;
  }
}
.col_2.iconlist li p.summary, .col_3.iconlist li p.summary, .col_4.iconlist li p.summary, .col_5.iconlist li p.summary {
  line-height: 1em;
  font-size: 1em;
}
.col_2.iconimage figure img, .col_3.iconimage figure img, .col_4.iconimage figure img, .col_5.iconimage figure img {
  width: 50%;
}
@media screen and (max-width : 680px) {
  .col_2.iconimage.linkset figure img, .col_3.iconimage.linkset figure img, .col_4.iconimage.linkset figure img, .col_5.iconimage.linkset figure img {
    width: 60%;
  }
  .col_2.iconimage figure img, .col_3.iconimage figure img, .col_4.iconimage figure img, .col_5.iconimage figure img {
    width: 80%;
  }
}
.type_step2, .type_step3, .type_step4, .type_step5 {
  display: inline-block;
  max-width: 940px;
  width: 100%;
}
.type_step3 h2, .type_step3 h4, .type_step4 h4 {
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 0;
  text-align: center;
}
.type_step2 dl, .type_step3 dl, .type_step4 dl, .type_step5 dl {
  background-color: #ffffff;
  border-radius: 4px;
  clear: none;
  display: block;
  float: left;
  margin: 0 1.2% 10px 0;
  padding: 10px 10px 0;
}
.type_step2 dl {
  width: 49.2%;
}
.type_step3 dl {
  width: 32.4%;
}
.type_step4 dl {
  width: 24.1%;
}
.type_step5 dl {
  width: 19%;
}
.type_step2 dl:nth-child(2n) {
  margin-right: 0;
}
.type_step3 dl:nth-child(3n) {
  margin-right: 0;
}
.type_step4 dl:nth-child(4n) {
  margin-right: 0;
}
.type_step5 dl:nth-child(5n) {
  margin-right: 0;
}
.type_step2 dt, .type_step3 dt, .type_step4 dt, .type_step5 dt {
  float: left;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.type_step2 dt img, .type_step3 dt img, .type_step4 dt img, .type_step5 dt img {
  width: 100%;
}
.type_step2 dd, .type_step3 dd, .type_step4 dd, .type_step5 dd {
  border-bottom: none;
  clear: left;
  margin: 0;
  width: 100%;
}
.type_step2 dd p, .type_step3 dd p, .type_step4 dd p, .type_step5 dd p {
  padding: 0;
  text-align: left;
  line-height: 1.3em;
  width: 100%;
}
.type_step2 .stepno, .type_step3 .stepno, .type_step4 .stepno, .type_step5 .stepno {
  background-color: #339933;
  border-radius: 1.6em;
  color: #ffffff;
  display: block;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 2em;
  text-align: center;
  width: 2em;
  float: none;
  margin: 0 auto 10px;
}
.type_step2 .stepname, .type_step3 .stepname, .type_step4 .stepname, .type_step5 .stepname {
  border: medium none;
  color: #339933;
  display: inline-block;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 5px 0 8px;
}
/* wrap-line */
.wrapline li {
  border: 1px solid #dddddd;
  border-radius: 4px;
}
/* separate-line*/
.col_2.separateline li, .col_3.separateline li, .col_4.separateline li, .col_5.separateline li {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.col_2.separateline li:nth-child(2n), .col_3.separateline li:nth-child(3n), .col_4.separateline li:nth-child(4n), .col_5.separateline li:nth-child(5n) {
  border-right: medium none;
}
@media screen and (max-width: 680px) {
  /* separate-line*/
  .col_2.separateline li, .col_3.separateline li, .col_4.separateline li, .col_5.separateline li {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
  }
  .col_2.separateline li:nth-child(2n), .col_3.separateline li:nth-child(3n), .col_4.separateline li:nth-child(4n), .col_5.separateline li:nth-child(5n) {
    border-right: 1px solid #dddddd;
  }
  .col_2.separateline li:nth-child(2n), .col_3.separateline li:nth-child(2n), .col_4.separateline li:nth-child(2n), .col_5.separateline li:nth-child(2n) {
    border-right: medium none;
  }
}
/* feature3 */
.feature3 {
  margin: 0 auto 0px;
  width: 100%;
}
.feature3 dt {
  font-size: 1.6em;
  line-height: 1.3em;
  margin: 0 auto 5px;
  padding-top: 5px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 680px) {
  .feature3 dt {
    font-size: 1.4em;
  }
}
.feature3 dl {
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 10px;
  width: 32.2%;
}
.feature3 dl:nth-child(3n-1) {
  margin: 0 10px 0 10px;
}
.feature3 dd {
  margin: 0;
  padding-left: 10px;
}
.feature3 dl dt {
  border-top: medium none;
  /*  color: #3366cc; */
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
  border: 0px solid #6699dd;
  border-radius: 4px;
}
@media screen and (max-width: 680px) {
  .feature3 dl dt {
    border-radius: 6px;
  }
}
.feature3 dl dt img {
  margin-bottom: 5px;
  width: 230px;
}
.feature3 dl dd {
  margin: 0;
}
.feature3 dl dd ul {
  margin: 5px 0 0;
  padding: 0;
}
.feature3 dl dd ul li {
  width: 100%;
  list-style: none;
  line-height: 1.5em;
  margin: 0 auto;
}
.feature3.feature3-txt dd dt {
  background-color: #ffffff;
}
/* feature3b */
.feature3b {
  margin: 0 auto 0px;
  width: 100%;
}
.feature3b dt {
  font-size: 1.6em;
  line-height: 1.3em;
  margin: 0 auto 5px;
  padding-top: 5px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 680px) {
  .feature3b dt {
    font-size: 1.4em;
  }
}
.feature3b dl {
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 10px;
  width: 48.2%;
}
.feature3b dl:nth-child(3n-1) {
  margin: 0 10px 0 10px;
}
.feature3b dd {
  margin: 0;
  padding-left: 10px;
}
.feature3b dl dt {
  border-top: medium none;
  /*  color: #3366cc; */
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
  border: 0px solid #6699dd;
  border-radius: 4px;
}
@media screen and (max-width: 680px) {
  .feature3b dl dt {
    border-radius: 6px;
  }
}
.feature3b dl dt img {
  margin-bottom: 5px;
  width: 400px;
}
.feature3b dl dd {
  margin: 0;
}
.feature3b dl dd ul {
  margin: 5px 0 0;
  padding: 0;
}
.feature3b dl dd ul li {
  width: 100%;
  list-style: none;
  line-height: 1.5em;
  margin: 0 auto;
}
.feature3b.feature3-txt dd dt {
  background-color: #ffffff;
}
/* imagedescription */
.imagedescription dt {
  float: left;
  width: 33%;
  text-align: center;
}
.imagedescription dt img {
  width: 100%;
}
.imagedescription dd {
  float: right;
  margin-left: 0;
  padding: 20px 0;
  width: 66%;
}
.imagedescription dd ul {
  padding-left: 25px;
}
.imagedescription dd img {
  width: 50%;
}
@media screen and (max-width: 680px) {
  .imagedescription dl {
    margin: 0;
  }
  .imagedescription dt {
    float: none;
    margin: 0 auto;
    width: 80%;
  }
  .imagedescription dd {
    float: none;
    margin-left: 0;
    padding: 10px 0;
    width: 100%;
  }
  .imagedescription dd img {
    width: 100%;
  }
}
/* imagedescription2 */
.imagedescription2 dt {
  float: left;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  width: 20%;
}
.imagedescription2 dt img {
  width: 100%;
}
.imagedescription2 dd {
  float: right;
  margin-left: 0;
  padding: 20px 0;
  width: 76%;
}
.imagedescription2 dd ul {
  padding-left: 25px;
}
.imagedescription2 dd img {
  width: 50%;
}
/*.imagedescription2 dd li {
  border: 1px solid #666666;
  display: inline-block;
  line-height: 1em;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
  width: 24%;
}*/
.imagedescription2 dd li {
  border: 1px solid #666666;
  display: block;
  float: left;
  line-height: 1em;
  margin-bottom: 5px;
  margin-right: 1%;
  padding: 5px 20px;
  text-align: center;
}
.imagedescription2 dd li.half {
  width: 48.7%;
}
@media screen and (max-width: 680px) {
  .imagedescription2 {
    margin-top: -20px;
    margin-bottom: 40px;
  }
  .imagedescription2 dl {
    margin: 0;
  }
  .imagedescription2 dt {
    float: none;
    margin: 30px auto 0;
    text-align: center;
    width: 80%;
  }
  .imagedescription2 dt img {
    width: 70%;
  }
  .imagedescription2 dd {
    float: none;
    margin-left: 0;
    padding: 10px 0;
    width: 100%;
  }
  .imagedescription2 dd ul {
    padding-left: 0;
  }
  .imagedescription2 dd li {
    width: 49%;
  }
  .imagedescription2 dd li.half {
    width: 100%;
  }
  .imagedescription2 dd img {
    width: 80%;
  }
}
#contents .transform64 p img {
  width: 100%;
}
.transform64 div:first-child {
  float: left;
  border: 2px solid #3366cc;
  width: 60%;
  border-radius: 5px;
}
.transform64 div:first-child p {
  margin-bottom: 0;
}
.transform64 .linking {
  display: block;
  float: left;
  margin-top: 130px;
  width: 5%;
}
.transform64 .linking p {
  background-color: #3366cc;
  color: #ffffff;
  display: inline-block;
  width: 100%;
  line-height: 1.2em;
  padding: 5px;
  text-align: center;
}
.transform64 div:last-child {
  float: right;
  border: 2px solid #3366cc;
  width: 35%;
  border-radius: 5px;
}
.transform64 div:last-child h3 {
  background-color: #3366cc;
  border: medium none;
  color: #ffffff;
  padding: 2px 0 0;
  text-align: center;
  margin-bottom: 5px;
}
.transform64 div:last-child p {
  padding: 5px 10px;
  text-align: left;
}
.transform64 div:last-child li {
  margin-bottom: 10px;
}
.transform64 div:last-child a {
  display: block;
  text-decoration: underline;
  background-color: #ffffff;
  font-size: 1.3em;
  padding: 10px;
  width: 90%;
}
@media screen and (max-width: 680px) {
  .transform64 div:first-child {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  .transform64 .linking {
    border: none;
    display: block;
    float: none;
    margin: 0 auto;
    width: 30px;
    text-align: center;
  }
  .transform64 .linking p {
    margin-bottom: 0;
    text-align: center;
    width: 2em;
  }
  .transform64 div:last-child {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  .transform64 div:last-child h3 {
    border: medium none;
    font-size: 1.2em;
    padding: 2px 0;
    text-align: center;
  }
  .transform64 div:last-child p {
    padding: 5px 10px;
    text-align: left;
  }
  .transform64 div:last-child li {
    margin-bottom: 10px;
  }
}
.flexslider {
  border-color: #7e98cc;
  border-radius: 0;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  margin: 0;
}
.flex-control-nav {
  bottom: -5px;
}
.flex-control-paging li a.flex-active {
  background: rgba(51, 102, 204, 0.9) none repeat scroll 0 0;
}
.flex-control-paging li a {
  background: rgba(197, 197, 197, 0.9) none repeat scroll 0 0;
}
.flex-control-paging li a:hover {
  background: rgba(255, 191, 0, 0.9) none repeat scroll 0 0;
}
.catcharea .summary {
  font-size: 1.2em;
  margin-bottom: 0;
}
table {
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 30px;
}
table th, table td {
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 10px;
}
table th {
  background-color: #ffffff;
  text-align: left;
  padding: 3px 10px;
}
table td {
  background-color: #ffffff;
  text-align: left;
}
table .mainitem {
  font-weight: bold;
  font-size: 1.2em;
}
#page-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  float: right;
}
#page-top a {
  background: #3366cc;
  text-decoration: none;
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  display: block;
  border-radius: 30px;
  line-height: 60px;
  opacity: 0.5;
  font-size: 1em;
}
#page-top a:hover {
  text-decoration: none;
  background: #3366cc;
  opacity: 0.9;
}
@media screen and (min-width: 681px) {
  #page-top a {
    background: #3366cc url("../../../common3/img/page-top.png") no-repeat scroll center center;
    border-radius: 35px;
    color: #ffffff;
    display: block;
    font-size: 1em;
    height: 65px;
    line-height: 60px;
    opacity: 0.7;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    width: 65px;
  }
}
#page-top a:hover {
  background: #3366cc url("../../../common3/img/page-top.png") no-repeat scroll center center;
  opacity: 0.9;
}
@media screen and (max-width: 680px) {
  #page-top a {
    opacity: 0.7;
  }
  #page-top a:hover {
    background: #3366cc none repeat scroll 0 0;
  }
}
address {
  font-style: normal;
}
.flexslider {
  border: medium none;
  margin: 0 auto;
  width: 960px;
}
#side {
  display: none;
}
#main {
  width: 100%;
}
table {
  width: 80%;
}
section p {
  font-size: 1.1em;
  margin-bottom: 5px;
  text-align: center;
}
.flex-control-paging li a.flex-active {
  background: rgba(128, 128, 128, 0.9) none repeat scroll 0 0;
}
.copyright p small {
  color: #666666;
  line-height: 1.2em;
}
.contactform {
  color: #ffffff;
  font-weight: normal;
  margin: 0 auto;
  max-width: 600px;
  padding: 40px 0 30px;
  text-align: center;
  width: 80%;
}
.contactform a {
  background-color: #3366cc;
  color: #ffffff;
  text-decoration: none;
  display: block;
  border-radius: 5px;
}
.contactform h4 {
  font-size: 2em;
  font-weight: normal;
  margin: 5px 0 15px;
  padding: 20px 0 0;
}
.contactform:hover {
  opacity: 0.9;
}
.contactform h4 {
  margin: 5px 0 15px;
}
.contactform em {
  display: block;
  font-size: 1.4em;
  padding: 3px 0 10px;
  font-weight: bold;
  line-height: 1.2em;
}
@media screen and (max-width: 680px) {
  body {
    font-size: 16px;
  }
  header {
    margin: 0 auto;
    width: 100%;
  }
  .headerline h1 {
    width: 100%;
    padding: 3px 60px 1px 10px;
    font-size: 14px;
  }
  header .inner {
    width: initial;
    padding: 0;
  }
  header .info {
    display: none;
  }
  header .logo {
    position: absolute;
    height: 66px;
  }
  header .logo img {
    height: auto;
  }
  #global_navi ul li {
    width: 33%;
    padding: 0.5px;
    margin: 0;
    box-sizing: border-box;
  }
  #main_visual img {
    width: 100%;
  }
  #main_visual.kenkoupoint {
    background-position: 64% -10px;
    height: 260px;
    position: relative;
  }
  #main_visual .inner {
    width: 100%;
  }
  #main_visual h2 {
    padding: 24px 0 0;
  }
  #main_visual h2 img {
    width: 100%;
    max-width: 640px;
    margin-left: 0;
  }
  #contents p img {
    width: 100%;
  }
  .col_2 li:nth-child(2n), .col_3 li:nth-child(3n), .col_4 li:nth-child(4n), .col_5 li:nth-child(5n) {
    margin-right: 2%;
  }
  .col_2 li:nth-child(2n), .col_3 li:nth-child(2n), .col_4 li:nth-child(2n), .col_5 li:nth-child(2n) {
    margin-right: 0;
  }
  .col_3.iconlist li:nth-child(2n), .col_4.iconlist li:nth-child(2n), .col_5.iconlist li:nth-child(2n) {
    margin-right: 2%;
  }
  .col_2.iconlist li:nth-child(3n), .col_3.iconlist li:nth-child(3n), .col_4.iconlist li:nth-child(3n), .col_5.iconlist li:nth-child(3n) {
    margin-right: 0;
  }
  /*
.clinic_info .col_2 li .item,
.clinic_info .col_3 li .item,
.clinic_info .col_4 li .item {
    font-size: 1.1em;
}
.clinic_info .col_2 li:nth-child(2n),
.clinic_info .col_3 li:nth-child(2n),
.clinic_info .col_4 li:nth-child(2n) {
    margin-right: 0;
}
*/
  .col_2.typetxt li .item, .col_3.typetxt li .item, .col_4.typetxt li .item, .col_5.typetxt li .item {
    padding: 0.75em 0;
  }
  .col_2.txtL .item, .col_3.txtL .item, .col_4.txtL .item, .col_5.txtL .item {
    font-size: 1.4em;
  }
  h2.kenkouProposal {
    font-size: 1.4em !important;
  }
  .col_2.flow li, .col_3.flow li {
    width: 100%;
    padding-bottom: 10px;
  }
  .col_2.flow .flowmark, .col_3.flow .flowmark {
    background-image: url("../img/arrow_kb_s.png");
    width: 100% !important;
  }
  .col_3.flow li h3 {
    margin: 0 auto;
    width: 100%;
  }
  .col_2 li img, .col_3 li img, .col_4 li img, .col_5 li img {
    width: 80%;
  }
  .roundwrap {
    font-size: 1.4em;
  }
  .type_step2, .type_step3, .type_step4, .type_step5 {
    display: inline-block;
    width: 100%;
  }
  .type_step2 dl, .type_step3 dl, .type_step4 dl, .type_step5 dl {
    width: 100%;
    margin: 0 2% 10px 0;
  }
  .type_step2 .stepname, .type_step3 .stepname, .type_step4 .stepname, .type_step5 .stepname {
    font-size: 1.2em;
  }
  .feature3 dl {
    height: auto;
    width: 100%;
    margin: 10px 0 15px;
  }
  .feature3 dl:nth-child(3n-1) {
    margin: 0;
  }
  .feature3 dl dt img {
    width: 60%;
  }
  .feature3 dd {
    margin: 0;
    padding-left: 0;
    width: 100%;
  }
  .feature3 dl dd ul {
    padding: 0;
  }
  .feature3 dl dd ul li {
    width: 100%;
    text-align: left;
  }
  .feature3b dl {
    height: auto;
    width: 100%;
    margin: 10px 0 15px;
  }
  .feature3b dl:nth-child(3n-1) {
    margin: 0;
  }
  .feature3b dl dt img {
    width: 60%;
  }
  .feature3b dd {
    margin: 0;
    padding-left: 0;
    width: 100%;
  }
  .feature3b dl dd ul {
    padding: 0;
  }
  .feature3b dl dd ul li {
    width: 100%;
    text-align: left;
  }
  .catcharea .summary {
    font-size: 1em;
  }
  .contactform a {
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 5px;
  }
  .contactform h4 {
    font-size: 1.6em;
  }
  .contactform span {
    font-size: 1em;
    line-height: 1.3em;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  section p {
    text-align: left;
    font-size: 1em;
    margin: 0 auto 10px;
  }
  table {
    border: none;
  }
  table thead {
    display: none;
  }
  table tr {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
  table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 10px;
    text-align: right;
  }
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: normal;
  }
  .flex-control-nav {
    bottom: -30px;
  }
  .flexslider {
    margin: 0 0 30px;
  }
  /* z-index up */
  .z-up {
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
    position: absolute;
  }
  /* z-index down */
  .z-down {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
    position: absolute;
  }
  .toggle {
    display: inline !important;
  }
}
.col_2 li.spnone, .col_3 li.spnone, .col_4 li.spnone, .col_5 li.spnone {
  background-color: #f0f0f0;
  opacity: 0.3;
}
@media screen and (max-width: 680px) {
  .col_2 li.spnone, .col_3 li.spnone, .col_4 li.spnone, .col_5 li.spnone {
    display: none;
  }
}
.col_2.linkset li, .col_3.linkset li, .col_4.linkset li, .col_5.linkset li {
  padding: 0;
}
.col_2.linkset li a, .col_3.linkset li a, .col_4.linkset li a, .col_5.linkset li a {
  padding: 15px 5px 10px;
  border: 1px solid #e3b374;
}
.col_2.linkset li .item, .col_3.linkset li .item, .col_4.linkset li .item, .col_5.linkset li .item {
  font-size: 1.6em;
  margin-bottom: 20px;
}
.col_5.linkset li .item {
  font-size: 1.4em;
}
@media screen and (max-width : 680px) {
  .col_2.linkset li .item, .col_3.linkset li .item, .col_4.linkset li .item, .col_5.linkset li .item {
    font-size: 1.4em;
  }
}
.col_2.linkset .linkbtn, .col_3.linkset .linkbtn, .col_4.linkset .linkbtn, .col_5.linkset .linkbtn {
  background-color: #ee791e;
  border: 1px solid #ff6600;
  border-radius: 3px;
  color: #ffffff;
  font-size: 1.2em;
  padding: 10px 0;
  text-shadow: none;
  text-align: center;
  line-height: 1.2em;
}
@media screen and (max-width : 680px) {
  .col_2.linkset .linkbtn, .col_3.linkset .linkbtn, .col_4.linkset .linkbtn, .col_5.linkset .linkbtn {
    text-align: center;
    font-size: 1em;
    padding: 15px 0;
  }
  .col_2.linkset, .col_3.linkset, .col_4.linkset, .col_5.linkset {
    margin: 0 auto;
    width: 90%;
  }
}
.col_2.linkset li.current, .col_3.linkset li.current, .col_4.linkset li.current, .col_5.linkset li.current {
  border: 3px solid #e3b374;
  background-color: #fef9e4;
}
.col_2.linkset li.current figure, .col_3.linkset li.current figure, .col_4.linkset li.current figure, .col_5.linkset li.current figure {
  margin-top: 10px;
}
.col_2.smalllink li .item, .col_3.smalllink li .item, .col_4.smalllink li .item, .col_5.smalllink li .item {
  font-size: 1.2em;
  margin: 0 0 10px;
}
.col_2.smalllink li .summary, .col_3.smalllink li .summary, .col_4.smalllink li .summary, .col_5.smalllink li .summary {
  font-size: 1em;
  padding-bottom: 5px;
}
.col_2.smalllink li .linkbtn, .col_3.smalllink li .linkbtn, .col_4.smalllink li .linkbtn, .col_5.smalllink li .linkbtn {
  font-size: 1em;
}
.col_2.smalllink li a, .col_3.smalllink li a, .col_4.smalllink li a, .col_5.smalllink li a {
  /*  padding-bottom: 0; */
}
.col_2.iconimage.smalllink figure img, .col_3.iconimage.smalllink figure img, .col_4.iconimage.smalllink figure img, .col_5.iconimage.smalllink figure img {
  width: 50%;
}
/*
 *
 * add0407 BEGIN
 *
 */
.col_2 figure img.full, .col_3 figure img.full, .col_4 figure img.full, .col_5 figure img.full {
  width: 100%;
}
.col_2 figure img.wide70, .col_3 figure img.wide70, .col_4 figure img.wide70, .col_5 figure img.wide70 {
  width: 70%;
}
.col_2 figure img.wide80, .col_3 figure img.wide80, .col_4 figure img.wide80, .col_5 figure img.wide80 {
  width: 80%;
}
.col_2 figure img.wide90, .col_3 figure img.wide90, .col_4 figure img.wide90, .col_5 figure img.wide90 {
  width: 90%;
}
@media screen and (max-width: 680px) {
  .col_2 figure img.wide70, .col_3 figure img.wide70, .col_4 figure img.wide70, .col_5 figure img.wide70, .col_2 figure img.wide80, .col_3 figure img.wide80, .col_4 figure img.wide80, .col_5 figure img.wide80, .col_2 figure img.wide90, .col_3 figure img.wide90, .col_4 figure img.wide90, .col_5 figure img.wide90 {
    width: 100%;
  }
}
@media screen and (max-width: 680px) {
  .col_2.topic2 li, .col_3.topic2 li, .col_4.topic2 li, .col_5.topic2 li {
    padding: 0;
  }
}
@media screen and (max-width: 680px) {
  .col_2.topic2_inv li, .col_3.topic2_inv li, .col_4.topic2_inv li, .col_5.topic2_inv li {
    padding: 0;
  }
}
.col_2.topic2 li .item, .col_3.topic2 li .item, .col_4.topic2 li .item, .col_5.topic2 li .item {
  background-color: #ffffff;
  border: 1px solid #3b434b;
  border-radius: 4px;
  color: #333333;
  font-size: 1.6em;
  line-height: 1.3;
  padding: 20px 0 16px;
}
@media screen and (max-width: 680px) {
  .col_2.topic2 li .item, .col_3.topic2 li .item, .col_4.topic2 li .item, .col_5.topic2 li .item {
    margin: 0;
  }
}
.col_2.topic2_inv li .item, .col_3.topic2_inv li .item, .col_4.topic2_inv li .item, .col_5.topic2_inv li .item {
  background-color: #3b434b;
  background-image: url("../../img/icon_checkmark.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 64px auto;
  border-radius: 4px;
  color: #ffffff;
  font-size: 1.6em;
  line-height: 1.3;
  padding: 20px 0 16px;
}
@media screen and (max-width: 680px) {
  .col_2.topic2_inv li .item, .col_3.topic2_inv li .item, .col_4.topic2_inv li .item, .col_5.topic2_inv li .item {
    margin: 0;
  }
}
.col_2.topic3 li, .col_3.topic3 li, .col_4.topic3 li, .col_5.topic3 li {
  border-radius: 4px;
}
.col_2.topic3 li .item, .col_3.topic3 li .item, .col_4.topic3 li .item, .col_5.topic3 li .item {
  display: block !important;
  font-size: 1.4em !important;
  padding: 20px 3px;
  text-align: center;
}
.col_2.iconimage figure img.smaller, .col_3.iconimage figure img.smaller, .col_4.iconimage figure img.smaller, .col_5.iconimage figure img.smaller {
  width: 20%; /* base 25% */
}
@media screen and (max-width: 680px) {
  .col_2.spimgsmaller figure img, .col_3.spimgsmaller figure img, .col_4.spimgsmaller figure img, .col_5.spimgsmaller figure img {
    width: 60%;
  }
}
@media screen and (max-width: 680px) {
  .col_2.spsingle li, .col_3.spsingle li, .col_4.spsingle li, .col_5.spsingle li {
    list-style: outside none none !important;
    margin: 0 0 4% 0 !important;
    padding: 15px 10px;
    width: 100% !important;
  }
}
/*
 *
 * add0407 END
 *
 */
@media screen and (max-width : 480px) {
  #contents h2.maintitle {
    font-size: 1.2em;
  }
  .contactform {
    width: 95%;
  }
}
/* column_gap */
.column_gap p {
  /* Safari Chrome */
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  /* Firefox */
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  /* CSS */
  column-count: 3;
  column-gap: 30px;
  text-align: left;
}
/*
目的から探す
*/
.purpose {
  clear: both;
  width: 960px;
  margin: 0 auto;
  line-height: 1.3;
  margin-bottom: 10px;
}
.purpose dt {
  padding: 5px;
  text-shadow: none;
  color: #FFF;
  background-color: #FE6821;
  background-image: -moz-linear-gradient(rgb(254, 104, 33) 0%, rgb(252, 146, 58) 100%);
  background-image: -webkit-gradient(50% 0%, 50% 100%, color-stop(0, rgb(254, 104, 33)), color-stop(1, rgb(252, 146, 58)));
  background-image: -webkit-linear-gradient(rgb(254, 104, 33) 0%, rgb(252, 146, 58) 100%);
  background-image: -o-linear-gradient(rgb(254, 104, 33) 0%, rgb(252, 146, 58) 100%);
  background-image: -ms-linear-gradient(rgb(254, 104, 33) 0%, rgb(252, 146, 58) 100%);
  background-image: linear-gradient(rgb(254, 104, 33) 0%, rgb(252, 146, 58) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffe6821,endColorstr=#fffc923a)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffe6821, endColorstr=#fffc923a);
}
.purpose dd a {
  float: left;
  padding: 10px 20px 0 10px;
  text-decoration: none;
  color: #333;
}
.purpose01 a, .purpose05 a {
  width: 161px;
}
.purpose02 a, .purpose03 a, .purpose04 a {
  width: 160px;
}
.purpose01 a, .purpose02 a, .purpose03 a, .purpose04 a {
  border-right: solid 2px #CCC;
}
.purpose dd a:hover {
  background-color: #FFF8EA;
}
.purpose h2 {
  font-size: 1.1em;
  font-weight: bold;
  word-break: break-all;
  color: #039;
}
.purpose h2 em {
  font-size: 1.5em;
  font-style: normal;
}
.contact_link_salestel {
  text-align: center;
  margin-bottom: 20px;
}
.contact_link_salestel img {
  max-width: 700px;
  width: 80%;
}
@media screen and (max-width: 680px) {
  .contact_link_salestel img {
    width: 100%;
  }
}
.contactmassage {
  margin: 20px auto;
  padding-left: 10px;
  width: 70%;
}
.contactmassage li {
  border-bottom: 1px dotted #999999;
  color: #ea7a2f;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
@media screen and (max-width: 680px) {
  .contactmassage {
    width: 87%;
  }
  .contactmassage li {
    font-size: 1.2em;
  }
}
.parallax {
  padding-bottom: 40px;
  padding-top: 40px;
}
@media screen and (max-width: 680px) {
  .parallax {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.scrolltothetop {
	margin-top: 0;
	background-color: #3686ce;
}
/* contactlink BEGIN */
.contactlink {
  background-color: #e4e8eb;
  background-image: none;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #dddddd;
  padding: 10px 0;
}
#contents section.contactlink div.inner {
  padding: 0 10px;
}
#contents section.contactlink dl {
  background-color: #ffffff;
  border: 2px solid #cccccc;
  padding: 0 0 15px;
  width: 100%;
  border-radius: 5px;
  margin-top: 5px;
}
@media screen and (max-width: 680px) {
  #contents section.contactlink dl {
    margin-bottom: 15px;
    padding: 0;
  }
}
@media screen and (max-width: 680px) {
  .contactlink dl {
    margin-bottom: 0;
  }
}
.contactlink dt {
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 15px;
  margin-top: 0;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 680px) {
  .contactlink dt {
    font-size: 1.4em;
  }
}
.contactlink dd.info h3 {
  background-color: #003366;
  color: #ffffff;
  line-height: 1.2em;
}
.contactlink dd.contactarrow {
  float: left;
  margin: 0 1% 0 2%;
  width: 18%;
}
.contactlink dd.contactarrow h3 {
  background-image: url("../../common3/img/contactarrow.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-left: medium none;
  font-size: 1.4em;
  font-weight: normal;
  height: 156px;
  line-height: 1.4;
  margin: 0;
  text-indent: -9999px;
}
.contactlink_inv dd.contactarrow.engFeel h3 {
  background-image: url("../../common3/img/contactarrow_wht_eng.png");
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd.contactarrow.engFeel h3 {
    background-image: url("../../common3/img/contactarrow_wht_below_eng.png");
  }
}
.contactlink dd.contact1 {
  border-left: 1px dotted #999999;
  float: left;
  margin: 0;
  padding: 0 6px;
  text-align: center;
  width: 40%;
}
.contactlink dd.contact2 {
  border-left: 1px dotted #999999;
  float: left;
  margin: 0;
  padding: 0 6px;
  text-align: center;
  width: 38%;
}
@media screen and (max-width: 680px) {
  .contactlink dd.contact1, .contactlink dd.contact2 {
    border-left: medium none;
    float: none;
    margin: 0 auto 30px;
    padding: 0;
    width: 90%;
  }
}
.contactlink dd.contact1 p.btn {
  margin: 0 3%;
}
.contactlink dl dt:first-child + dd {
  border-left: none;
}
@media screen and (max-width: 680px) {
  .contactlink dl dt:first-child + dd {
    display: none;
  }
}
#contents .contactlink h2 {
  color: #333333;
  font-size: 2.8em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 680px) {
  #contents .contactlink h2 {
    font-size: 1.8em;
  }
}
#contents .contactlink h2.catch {
  font-size: 2.6em;
  margin-bottom: 0;
  padding: 20px 0 0;
}
@media screen and (max-width: 680px) {
  #contents .contactlink h2.catch {
    font-size: 1.8em;
  }
}
#contents .contactlink dt p {
  font-size: 1.6em;
}
@media screen and (max-width: 680px) {
  #contents .contactlink dt p {
    font-size: 1.1em;
    text-align: center;
  }
}
#contents .contactlink dt h3.name {
  border: medium none;
  color: #333333;
  font-size: 2.2em;
  font-weight: bold;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 680px) {
  #contents .contactlink dt h3.name {
    font-size: 1.5em;
  }
}
.contactlink dd h3 {
  border: medium none;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 10px 0 10px;
  padding: 0;
  color: #333333;
}
@media screen and (max-width: 680px) {
  .contactlink dd h3 {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
    margin: 0 0 10px;
  }
}
.contactlink dd p {
  display: block;
  line-height: 1.3em;
  text-decoration: none;
}
@media screen and (max-width: 680px) {
  .contactlink dd p {
    margin-bottom: 0;
  }
}
.contactlink dd p.btn a {
  background-color: #ea8800;
  border-radius: 4px;
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  padding: 1.3em 0;
  text-decoration: none;
  width: 100%;
  text-align: center;
  line-height: 1.2em;
}
@media screen and (max-width: 680px) {
  .contactlink dd p.btn a {
    font-size: 1.3em;
    padding: 1.5em 0;
  }
}
.contactlink dd p.btn a:hover {
  opacity: 0.9;
}
.contactlink dd p.tel {
  font-size: 2em;
}
@media screen and (max-width: 680px) {
  .contactlink dd p.tel {
    font-size: 2em;
  }
}
.contactlink dd p.tel a {
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 680px) {
  .contactlink dd p {
    text-align: center;
  }
  .contactlink dd p.tel a {
    text-align: center;
  }
}
.contactlink.wht {
  background-color: #ffffff;
  border: medium none;
  margin-top: 40px;
}
#contents section.contactlink.wht dl {
  border: medium none;
}
.contactlink.formonly dd.contact1 {
  width: 78%;
}
/* contactlink.inv */
/* contactlink_inv BEGIN */
.contactlink_inv {
  background-color: #3b434b;
  background-image: none;
  padding: 10px 0;
}
#contents section.contactlink_inv div.inner {
  padding: 0 10px;
}
#contents .contactlink_inv h2 {
  font-size: 1.8em;
  font-weight: normal;
  padding: 0;
  color: #ffffff;
  margin-top: 30px;
}
@media screen and (max-width: 680px) {
  #contents .contactlink_inv h2 {
    font-size: 1.2em;
  }
}
#contents .contactlink_inv h2.catch {
  font-size: 2.6em;
  margin-bottom: 0;
  padding: 20px 0 0;
}
@media screen and (max-width: 680px) {
  #contents .contactlink_inv h2.catch {
    font-size: 1.8em;
  }
}
#contents .contactlink_inv h3 {
  border: medium none;
  color: #ffffff;
  font-size: 2.8em;
  font-weight: bold;
  line-height: 1.1em;
  margin: 0;
  padding: 0 0 10px;
  text-align: center;
}
@media screen and (max-width: 680px) {
  #contents .contactlink_inv h3 {
    font-size: 1.8em;
    margin: 20px 0;
  }
}
#contents .contactlink_inv h3.simple {
  padding-top: 40px;
  line-height: 1.3em;
}
@media screen and (max-width: 680px) {
  #contents .contactlink_inv h3.simple {
    padding-top: 15px;
  }
}
#contents .contactlink_inv h4 {
  color: #ffffff;
  font-size: 1.3em;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media screen and (max-width: 680px) {
  #contents .contactlink_inv h4 {
    font-size: 1.2em;
    border-top: 1px dotted #999999;
    padding-top: 10px;
  }
}
#contents section.contactlink_inv dl {
  background-color: #ffffff;
  border: 2px solid #cccccc;
  padding: 0 0 15px;
  width: 100%;
  border-radius: 5px;
  margin-top: 5px;
}
@media screen and (max-width: 680px) {
  #contents section.contactlink_inv dl {
    margin-bottom: 0;
    padding: 0;
  }
}
@media screen and (max-width: 680px) {
  .contactlink_inv dl {
    margin-bottom: 0;
  }
}
.contactlink_inv dt {
  line-height: 1.2em;
  margin-bottom: 15px;
  margin-top: 0;
  text-align: center;
  color: #ffffff;
  font-size: 1.8em;
  font-weight: normal;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dt {
    font-size: 1.4em;
    display: none;
  }
}
.contactlink_inv dd.info h3 {
  background-color: #003366;
  color: #ffffff;
  line-height: 1.2em;
}
.contactlink_inv dd.contactarrow {
  float: left;
  margin: 0 1% 0 2%;
  width: 18%;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd.contactarrow {
    float: none;
    margin: 0 auto;
    width: 140px;
  }
}
.contactlink_inv dd.contactarrow h3 {
  background-image: url("../../common3/img/contactarrow_wht.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-left: medium none;
  font-size: 1.4em;
  font-weight: normal;
  height: 156px;
  line-height: 1.4;
  margin: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd.contactarrow h3 {
    background-image: url("../../common3/img/contactarrow_wht_below.png");
    height: 160px;
    background-size: 140px auto;
  }
}
.contactlink_inv dd.contact1 {
  border-left: 1px dotted #8b939b;
  float: left;
  margin: 0;
  padding: 0 6px;
  text-align: center;
  width: 40%;
}
.contactlink_inv dd.contact2 {
  border-left: 1px dotted #8b939b;
  float: left;
  margin: 0;
  padding: 0 6px;
  text-align: center;
  width: 38%;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd.contact1, .contactlink_inv dd.contact2 {
    border-left: medium none;
    float: none;
    margin: 0 auto 30px;
    padding: 0;
    width: 90%;
  }
}
.contactlink_inv dd.contact1 p.btn {
  margin: 0 3%;
}
.contactlink_inv dl dt:first-child + dd {
  border-left: none;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dl dt:first-child + dd {
    display: block;
  }
}
#contents .contactlink_inv dt p {
  font-size: 1.6em;
}
@media screen and (max-width: 680px) {
  #contents .contactlink_inv dt p {
    font-size: 1.1em;
    text-align: center;
  }
}
#contents .contactlink_inv dt h3.name {
  border: medium none;
  color: #333333;
  font-size: 2.2em;
  font-weight: bold;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 680px) {
  #contents .contactlink_inv dt h3.name {
    font-size: 1.5em;
  }
}
.contactlink_inv dd h3 {
  border: medium none;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2em;
  margin: 10px 0 10px;
  padding: 0;
  color: #ffffff;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd h3 {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
    margin: 0 0 10px;
  }
}
.contactlink_inv dd p {
  display: block;
  line-height: 1.3em;
  text-decoration: none;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd p {
    margin-bottom: 0;
  }
}
.contactlink_inv dd p.btn a {
  background-color: #ea8800;
  border-radius: 4px;
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  padding: 1.3em 0;
  text-decoration: none;
  width: 100%;
  text-align: center;
  line-height: 1.2em;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd p.btn a {
    font-size: 1.3em;
    padding: 1.5em 0;
  }
}
.contactlink_inv dd p.btn a:hover {
  opacity: 0.9;
}
.contactlink_inv dd p.tel {
  font-size: 2em;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd p.tel {
    font-size: 1.8em;
  }
}
.contactlink_inv dd p.tel a {
  text-align: center;
  text-decoration: none;
  color: #66ccff;
}
@media screen and (max-width: 680px) {
  .contactlink_inv dd p {
    text-align: center;
  }
  .contactlink_inv dd p.tel a {
    text-align: center;
  }
}
.contactlink_inv.wht {
  background-color: #ffffff;
  border: medium none;
  margin-top: 40px;
}
#contents section.contactlink_inv.wht dl {
  border: medium none;
}
.contactlink_inv.formonly dd.contact1 {
  width: 78%;
}
/* contactlink.inv */
.contactlink_inv {
  background-color: #3b434b;
}
#contents section.contactlink_inv dl {
  border: none;
  background-color: inherit;
  border-radius: 0;
}
.contactlink_inv dd h3 {
  color: #ffffff;
}
.contactlink_inv p {
	color: #ffffff;
	text-align: center;
}
.contactlink_inv dd p.tel a {
  color: #66ccff;
}
#contents .contactlink.inv h2 {
  color: #ffffff;
  margin-top: 30px;
}
/* contactlink END */
/* contactlink END */
/* flow */
#flow {
  display: inline;
  margin-left: 0;
}
#flow dl {
  background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow_tr.png") no-repeat scroll 0 30px;
  float: left;
  margin-bottom: 10px;
  padding-left: 15px;
  width: 19%;
}
#flow dl:first-child {
  background-image: none;
}
#flow dl:last-child {
  width: 19% !important;
}
#flow dl dt {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  width: 130px;
}
#flow dl dd {
  margin-left: 0;
}
#flow ul {
  margin-top: 15px;
  padding-left: 15px;
  min-height: 4em;
}
#flow ul li {
  font-size: 0.9em;
  line-height: 1.3;
  list-style: outside none disc;
  margin-bottom: 10px;
  width: 100%;
}
/* add iconimage */
#flow.iconimage dl {
  background-position: 0 50px;
}
#flow.iconimage dl dt {
  width: 100%;
  font-size: 1.3em;
}
#flow.iconimage figure {
  margin: 0 15%;
}
#flow.iconimage img, #flow3.iconimage img, #flow4.iconimage img {
  width: 100%;
}
#flow.iconimage ul {
  margin-top: 5px;
}
#flow.iconimage ul li {
  font-size: 1.1em;
}
#flow3 {
  display: block;
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
#flow3 dl {
  background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow.png") no-repeat scroll right center;
  float: left;
  margin-bottom: 30px;
  width: 33%;
}
#flow3 dl dt {
  font-size: 1.3em;
  /*  font-weight: bold; */
  line-height: 2;
  text-align: center;
  width: 180px;
  margin-left: -10px;
}
#flow3 dl dd {
  margin-left: 0;
}
#flow3 ul li {
  font-size: 12px;
  line-height: 1.3;
  list-style: outside none disc;
  margin-bottom: 10px;
  width: 200px;
}
#flow3 p {
  border-bottom: 1px dotted #5d6366;
  font-size: 1.2em;
  margin-left: -20px;
  text-align: center;
  width: 680px;
}
#flow4 {
  display: block;
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
#flow4 dl {
  background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow.png") no-repeat scroll right+1% center;
  float: left;
  margin-bottom: 30px;
  width: 25%;
}
#flow4 dl:last-child {
	background: none;
}
#flow4 dl dt {
  font-size: 1.3em;
  /*  font-weight: bold; */
  line-height: 2;
  text-align: center;
  width: 94%;
  margin-left: -10px;
  margin-bottom: 20px;
  line-height: 1.1em;
}
#flow4 dl dd {
	margin-left: 0;
	width: 90%;
	padding: 0.5em;
	font-size: 0.9em;
	line-height: 1.3;
}
#flow4 ul li {
  font-size: 12px;
  line-height: 1.3;
  list-style: outside none disc;
  margin-bottom: 10px;
  width: 24%;
}
#flow4 p {
  border-bottom: 1px dotted #5d6366;
  font-size: 1.2em;
  margin-left: -20px;
  text-align: center;
  width: 90%;
}
/**/
@media screen and (max-width: 680px) {
  #flow dl dt, #flow3 dl dt, #flow4 dl dt {
    margin: 0 auto 10px;
    font-size: 1.4em;
    width: 100%;
  }
}
@media screen and (max-width: 680px) {
  #flow ul, #flow3 ul, #flow4 ul {
    margin: 0 auto;
    padding-left: 5%;
    width: 75%;
  }
}
@media screen and (max-width: 680px) {
  #flow ul li, #flow3 ul li, #flow4 ul li {
    font-size: 1em;
  }
}
@media screen and (max-width: 680px) {
  #flow dl, #flow3 dl, #flow4 dl {
    background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow_down_tr.png") no-repeat scroll center 0;
    float: none;
    margin-bottom: 20px;
    padding-left: 0;
    padding-top: 30px;
    width: 100%;
  }
  #flow dl:first-child, #flow3 dl:first-child, #flow4 dl:first-child {
    padding-top: 0;
    background-image: none;
  }
  #flow dl:last-child, #flow3 dl:last-child, #flow4 dl:last-child {
    width: auto !important;
    background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow_down_tr.png") no-repeat scroll center 0;
  }
}
@media screen and (max-width: 680px) {
  #flow.iconimage dl, #flow3.iconimage dl, #flow4.iconimage dl {
    background-position: center 0;
  }
}
@media screen and (max-width: 680px) {
  #flow.iconimage figure, #flow3.iconimage figure, #flow4.iconimage figure {
    margin: 0 auto;
    width: 30%;
  }
}
@media screen and (max-width: 680px) {
  #flow.iconimage ul, #flow3.iconimage ul, #flow4.iconimage ul {
    width: 100%;
  }
}
/**/
#flow_pattern01 {
  clear: both;
  float: none;
  margin: 0 auto;
}
#flow_pattern01 ol {
  display: block;
  list-style-type: decimal;
  padding-left: 0;
}
#flow_pattern01 li {
  background-image: url("../../service/img/down_arrow_s.gif");
  background-position: 120px bottom;
  background-repeat: no-repeat;
  border-left: 1px solid #e1efdf;
  border-top: 1px solid #ccc;
  clear: right;
  line-height: 1.5em;
  list-style-type: decimal;
  margin-bottom: 15px;
  margin-left: 30px;
  padding-bottom: 5px;
  padding-left: 5px;
}
@media screen and (max-width: 680px) {
  #flow_pattern01 li {
    background-position: 5% bottom;
  }
}
#flow_pattern01 h4 {
  background-color: #e1efdf;
  color: #000000;
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.3em;
  margin: 5px 0;
  padding: 10px;
  text-shadow: none;
  width: 35%;
  text-align: center;
}
#flow_pattern01 p {
  float: right;
  line-height: 1.3em;
  margin: 5px 0;
  width: 62%;
  text-align: left;
}
/* Backgrounds */
.bg-holder {
  width: 100%;
  height: 80%;
  /*  background-size: cover; */
  /*  background-position: 50% 50%; */
  color: #fff;
}
/*.bg-holder .content {
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}*/
.bg-holder h2, .bg-holder p {
  text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff;
}
.bg_wood {
  /*    background-image: url('../img/retina_wood_hr@2X.png'); / * subtlepatterns.comの背景パターン* / */
  background-image: url("../img/retina_wood_hr@2Xb.png");
  ; /* subtlepatterns.comの背景パターン */
  /*    background-repeat: no-repeat; */
  background-color: #e6cca7;
}
#contents .bg-holder .parallax h2 {
  padding-top: 10px;
}
@media screen and (max-width: 680px) {
  #contents .bg-holder .parallax h2 {
    padding-top: 35px;
    padding-bottom: 15px;
  }
  .bg_wood {
    background-image: url('../img/retina_wood_hr.png'); /* subtlepatterns.comの背景パターン */
    background-color: #e6cca7;
  }
}
.bg_function {
  background-image: url('../img/sneaker_mesh_fabric_3@2X.png'); /* subtlepatterns.comの背景パターン */
  /*    background-repeat: no-repeat; */
  background-color: #f9f5ef;
}
@media screen and (max-width: 680px) {
  .bg_function {
    background-image: url('../img/sneaker_mesh_fabric_3.png'); /* subtlepatterns.comの背景パターン */
    background-color: #f9f5ef;
  }
}
.bg_slash {
  background-image: url('../img/imagebg_bgslash.jpg'); /* subtlepatterns.comの背景パターン */
  background-color: #f7efed;
}
.bg_tenpo {
  /* background-image: url('../img/imagebg_bgtenpo.jpg'); */ /* subtlepatterns.comの背景パターン */
  background-color: #f7efed;
}
.bg_tenpo2 {
  background-image: url('../img/imagebg_bgtenpo2.jpg'); /* subtlepatterns.comの背景パターン */
  background-color: #f7efed;
}
div.usable_devices {
  margin-bottom: -35px;
  text-align: center;
}
@media screen and (max-width: 680px) {
  div.usable_devices {
    margin-bottom: -48px;
  }
}
div.usable_devices p {
  background-color: #339933;
  border-radius: 2em;
  color: #ffffff;
  display: inline-block;
  font-size: 1.1em;
  line-height: 1em;
  margin: 0 auto;
  padding: 6px 35px;
}
@media screen and (max-width: 680px) {
  div.usable_devices p {
    font-size: 1em;
    line-height: 1.2em;
    border-radius: 3em;
  }
}
div.usable_devices2 {
  margin-bottom: -16px;
  text-align: center;
}
@media screen and (max-width: 680px) {
  div.usable_devices2 {
    margin-bottom: 3px;
  }
}
div.usable_devices2 p {
  background-color: #339933;
  border-radius: 2em;
  color: #ffffff;
  display: inline-block;
  font-size: 1.1em;
  line-height: 1em;
  margin: 0 auto;
  padding: 6px 35px;
}
@media screen and (max-width: 680px) {
  div.usable_devices2 p {
    font-size: 1em;
    line-height: 1.2em;
    border-radius: 3em;
  }
}
.backto {
  float: left;
  margin-top: 5px;
}
.f_blk {
  color: #000000 !important;
}
.f_base {
	text-shadow: none !important;
	color: inherit !important;
}
.col_4.topicpickup {
  background-color: #f7f3f8;
  border: 1px solid #f4f0f5;
  padding: 0 10px;
}
.col_4.topicpickup li {
  border: 1px solid #c4adb7;
  border-radius: 3px;
  margin-top: 10px;
  padding: 8px 5px 2px;
}
.col_4.topicpickup li p {
  line-height: 1.4em;
  text-align: center;
}
/* catchimage */
.catchimage200 {
  margin: 0 auto;
  padding-bottom: 10px;
  width: 200px;
}
@media screen and (max-width: 680px) {
  .catchimage200 {
    width: 40%;
  }
}
.catchimage200 > img {
  width: 100%;
}
.overlap30 {
  margin-top: -30px;
}
/* ITEM centered */
.centeralign {
  text-align: center;
}
.centeralign .inner {
  display: inline-block;
}
.centeralign figure {
  display: inline-block;
}
/* case_view */
.col_3.case_view {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 10px;
}
@media screen and (max-width: 680px) {
  .col_3.case_view {
    margin-bottom: 50px;
  }
}
.col_3.case_view a {
  border: none;
}
@media screen and (max-width: 680px) {
  .col_3.case_view a {
    border: medium none;
    margin: 0 auto;
    width: 60%;
  }
}
.col_3.case_view img {
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
.col_3.case_view h4 {
  font-size: 1.4em;
  margin-bottom: 15px;
}
@media screen and (max-width: 680px) {
  .col_3.case_view h4 {
    font-size: 1.2em;
    margin-bottom: 20px;
  }
}
.col_3.case_view li ul li {
  background-color: #282828;
  color: #ffffff;
  margin-right: 3px;
  padding: 5px 10px;
  width: inherit;
  border-radius: 3px;
}
.col_3.case_view ul {
  padding: 0;
}
.col_3.case_view > li:first-child {
  width: 22%;
}
@media screen and (max-width: 680px) {
  .col_3.case_view > li:first-child {
    width: 100%;
  }
}
.col_3.case_view > li:nth-child(2) {
  width: 30%;
}
@media screen and (max-width: 680px) {
  .col_3.case_view > li:nth-child(2) {
    padding: 0;
    width: 100%;
  }
}
.col_3.case_view > li:nth-child(2) img {
  width: 100%;
}
@media screen and (max-width: 680px) {
  .col_3.case_view > li:nth-child(2) img {
    margin: 0 auto;
    width: 70%;
  }
}
.col_3.case_view > li:last-child {
  width: 40%;
}
@media screen and (max-width: 680px) {
  .col_3.case_view > li:last-child {
    width: 100%;
  }
}
.effect {
  /*	margin: 50px 50px 50px 50px; */
  list-style-type: none;
  overflow: hidden;
}
.effect li, .effect p, .effect dl {
  /*	margin: 50px 20px 50px 20px;*/
  /*	float: left; */
  transition: .8s;
}
.effect figure {
  /*	margin: 50px 20px 50px 20px;*/
  /*	float: left; */
  transition: .8s;
}
/* zoom */
.effect-zm {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
}
.zm {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}
/* zoom2 */
.effect-zm2 {
  transform: scale(0, 0) rotateY(180deg);
  -webkit-transform: scale(0, 0) rotateY(180deg);
}
.zm2 {
  transform: scale(1, 1) rotateY(360deg);
  -webkit-transform: scale(1, 1) rotateY(360deg);
}
/* fade-in */
.effect-fi {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
}
.fi {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
/* right-move */
.effect-sR {
  opacity: 0;
  transform: translate(60px, 0);
  -webkit-transform: translate(60px, 0);
}
.sR {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.effect-siR {
  opacity: 0;
  transform: translate(200px, 0);
  -webkit-transform: translate(200px, 0);
}
.siR {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.effect-siL {
  opacity: 0;
  transform: translate(-200px, 0);
  -webkit-transform: translate(-200px, 0);
}
.siL {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
/* ページ下部）サービスTOPへ戻る */
.toptoservice {
  margin: 20px auto;
  text-align: center;
  width: 80%;
}
@media screen and (max-width: 680px) {
  .toptoservice {
    width: 90%;
  }
}
.toptoservice > a {
  border: 1px solid #ffffff;
  border-radius: 3em;
  color: #b73585;
  display: block;
  font-size: 1.2em;
  padding: 10px;
  text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff;
  /*  box-shadow:rgba(238, 238, 238, 0.360784) 0px 0px 24px 20px;
  -webkit-box-shadow:rgba(238, 238, 238, 0.360784) 0px 0px 24px 20px;
  -moz-box-shadow:rgba(238, 238, 238, 0.360784) 0px 0px 24px 20px;*/
  box-shadow: rgba(238, 238, 238, 0.360784) 0px 0px 20px 16px;
  -webkit-box-shadow: rgba(238, 238, 238, 0.360784) 0px 0px 20px 16px;
  -moz-box-shadow: rgba(238, 238, 238, 0.360784) 0px 0px 20px 16px;
}
@media screen and (max-width: 680px) {
  .toptoservice > a {
    border-radius: 4em;
    line-height: 1.2em;
    padding: 10px 10%;
    font-size: 1.1em;
  }
}
.toptoservice > a:hover {
  background-color: #ffffff;
}
.toptoservice img {
  vertical-align: middle;
  width: 300px !important;
}
.col_3.stepflow li {
  background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow.png") no-repeat scroll left center;
  border-radius: 10px;
  width: 32%;
}
.col_3.stepflow li:first-child {
  background: none;
}
@media screen and (max-width: 680px) {
  .col_3.stepflow li {
    background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow_down.png") no-repeat scroll center 0;
    float: none;
    margin-bottom: 36px;
    padding-top: 30px;
    width: 100%;
  }
}
.col_2.stepflow li figure, .col_3.stepflow li figure, .col_4.stepflow li figure, .col_5.stepflow li figure {
  border-radius: 3px 3px 0 0;
  line-height: 0;
  margin: 0 auto 5px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
.col_2.stepflow figure img, .col_3.stepflow figure img, .col_4.stepflow figure img, .col_5.stepflow figure img {
  margin-bottom: 0;
  width: 60%;
}
.stepflow li p {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}
.stepflow li p:first-child {
  border: 1px solid #cccccc;
  border-radius: 2em;
  margin-bottom: 5px;
}
.col_2.stepflow li .summary, .col_3.stepflow li .summary, .col_4.stepflow li .summary, .col_5.stepflow li .summary {
  text-align: center;
  font-size: 1.1em;
}
@media screen and (max-width: 680px) {
  .col_2.stepflow li .summary, .col_3.stepflow li .summary, .col_4.stepflow li .summary, .col_5.stepflow li .summary {
    font-size: 1.1em;
  }
}
.iconL figure img {
  width: 80% !important;
}
@media screen and (max-width: 680px) {
  .iconL figure img {
    width: 80% !important;
  }
}
.servicelogo {
  display: inline;
}
.servicelogo figure {
  margin: 10px 0 -10px;
  text-align: center;
}
.col_5.stepflow li {
  background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow.png") no-repeat scroll 0 65px;
  border-radius: 10px;
  width: 19%;
}
.col_5.stepflow li:first-child {
  background: none;
}
@media screen and (max-width: 680px) {
  .col_5.stepflow li {
    background: rgba(0, 0, 0, 0) url("../../common3/img/flow_arrow_down.png") no-repeat scroll center 0;
    float: none;
    margin-bottom: 36px;
    padding-top: 30px;
    width: 100%;
  }
}
.inv_org {
  background-color: #cc6600;
  color: #ffffff;
  padding: 0 10px;
}
.section_bottomseparate {
  margin-bottom: 1px !important;
}
/* responsive table BEGIN */
table.row-head {
  border-collapse: collapse;
  vertical-align: middle;
  width: 90%;
}
table.row-head th, .row-head td {
  border: 1px solid #dbe1e8;
  padding: 8px;
}
table.row-head th {
  background: #f9fafc;
}
table.row-head label {
  line-height: 34px;
  margin: 0;
}
@media only screen and (max-width: 800px) {
  table.row-head thead {
    display: none;
  }
  table.row-head tr, .row-head td {
    display: block;
    width: auto;
  }
  table.row-head tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    padding: 8px 8px 0;
  }
  table.row-head td {
    border: none;
    border-bottom: 1px solid #dbe1e8;
    display: flex;
    justify-content: space-between;
    text-align: right;
  }
  table.row-head td:last-child {
    border-bottom: none;
  }
  table.row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 20px;
    /* white-space: nowrap; */
    white-space: normal;
    width: 50%;
    min-width: 50%;
  }
  table.row-head td.bt-area::before {
    display: none;
  }
  table.row-head td.bt-area a {
    background: #007aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 40px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
  }
  table.row-head td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
  }
  table.row-head.header-check tr {
    padding-left: 40px;
    position: relative;
  }
  table.row-head.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
  }
  table.row-head.header-check td:first-child::before {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  table.row-head.minimum tr {
    margin-bottom: 5px;
  }
}
table.row-head.minimum td {
  text-align: left;
  display: block;
  margin-bottom: 2px;
}
table.row-head {
  border-top: none;
  border-right: none;
}
table.simple td:first-child {
  background-color: #f9fafc;
}
table.simple_row-head td {
  text-align: left;
}
table.row-head tr th:first-child {
  width: 50%;
}
table.row-head tr th:last-child {
  width: 20%;
}
.col_2_row-head h3 {
  color: #000000;
}
.col_2_row-head table {
  margin: 0;
  width: 100%;
}
.col_2_row-head table td {
  text-align: left;
}
/* responsive table END */
/* news BEGIN */
#contents.news #main_visual {
  background-color: #ef8230;
  background-image: url("../img/bg_for_news.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 110px;
}
#contents.news #main_visual h2 {
  text-shadow: 1px 1px 1px #ef8230, -1px 1px 1px #ef8230, 1px -1px 1px #ef8230, -1px -1px 1px #ef8230;
  color: #ffffff;
  margin-left: 10px;
  padding-top: 34px;
  padding-left: 25px;
}
@media screen and (max-width: 680px) {
  #contents.news #main_visual h2 {
    margin-left: 0;
    padding-left: 0;
  }
}
#contents.news .inner img {
  max-width: 100%;
}
.newicon {
  float: left;
  padding: 2px 5px;
  display: block;
  line-height: 1;
  background-color: #953735;
  color: #ffffff;
  margin-right: 5px;
}
/* news END */
#contents .pagecatcharea h2 {
  padding-bottom: 0px;
}
@media screen and (max-width: 680px) {
  #contents .pagecatcharea h2 {
    font-size: 1.8em;
  }
}
#contents .pagecatcharea p {
  font-size: 1.4em;
}
@media screen and (max-width: 680px) {
  #contents .pagecatcharea p {
    font-size: 1.1em;
  }
}
#contents .pagecatcharea strong {
  font-size: 1.2em;
}
@media screen and (max-width: 680px) {
  #contents .pagecatcharea strong {
    font-size: 1.1em;
  }
}
#contents .pagecatcharea figure {
  text-align: center;
}
@media screen and (max-width: 680px) {
  #contents .pagecatcharea figure {
    margin: 0;
  }
}
.blinking {
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.kerning005 {
  letter-spacing: -0.05em;
}
/* NEW ribbon */
.new_ribbon_header {
  position: relative;
}
.new_ribbon {
  position: absolute;
  right: -5px;
  top: -30px;
  z-index: 1;
  overflow: hidden;
  width: 56px;
  height: 56px;
  text-align: right;
}
.new_ribbon::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 3px;
  width: 10px;
  border-top-left-radius: 3px;
}
.new_ribbon_header .new_ribbon {
  top: -3px;
  left: -3px;
}
.movieimage .new_ribbon--standard_line .new_ribbon__text.narration::before {
  content: "";
  background-image: URL(../../common3/img/diagonal_withNarration.png);
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  top: 34px;
  left: 84px;
  transform: translate(-50%, -50%) rotate(45deg) translateY(-11px);
}
.new_ribbon.new_ribbon--standard_line::before, .new_ribbon.new_ribbon--standard_line::after {
  /* background-color: #005977; */
  background-color: #AA4500;
}
.new_ribbon__text {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 20px;
  transform: translate(-50%, -50%) rotate(-45deg) translateY(-11px);
  width: 184px;
  display: block;
  box-shadow: none;
  position: absolute;
  top: 50%;
  left: 50%;
}
.new_ribbon--standard_line .new_ribbon__text {
  /*background-color: #007FAA;*/
  /*background-color: #ff5e00;*/
  background-color: #0090d7;
}
.new_ribbon::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index: -1;
  width: 3px;
  height: 10px;
  border-bottom-right-radius: 3px;
}
.new_ribbon.new_ribbon--standard_line::before, .new_ribbon.new_ribbon--standard_line::after {
  /*background-color: #005977;*/
  /*background-color: #AA4500;*/
  background-color: #035882;
}
@media screen and (max-width: 680px) {
  .info_boxseries {
    padding-top: 100px;
  }
}
#contents .info_boxseries .inner {
  padding: 0 !important;
  position: relative !important;
}
.info_boxseries a {
  width: 380px;
  background-color: #ffffff;
  display: block;
  padding: 12px 3px 10px 95px;
  border-radius: 4px;
  position: absolute;
  right: 20px;
  background-image: url("../../img/icon_osusume.png");
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: 10px 20px;
  min-height: 130px;
  border: 10px solid #3b434b;
  margin-top: -40px;
  transition: none;
  line-height: 1.3;
  outline: none;
}
@media screen and (max-width: 680px) {
  .info_boxseries a {
    width: 94%;
    padding: 12px 3px 10px 80px;
    background-size: 60px;
    left: 3%;
    right: 3%;
    background-position: 10px 10px;
  }
}
.info_boxseries a:hover {
  background-color: #069;
  color: #ffffff;
}
.info_boxseries .title {
  font-weight: bold;
  font-size: 1.4em;
  display: block;
  margin-bottom: 5px;
}
.info_boxseries .title em {
  font-size: 0.8em;
  display: block;
}
.info_boxseries .description {}
.info_boxseries .btn {
  background-color: #069;
  color: #ffffff;
  padding: 0px 8px;
  margin-left: 5px;
}
@media screen and (max-width: 680px) {
  .info_boxseries .btn {
    display: block;
    padding: 10px;
    text-align: center;
    width: 80%;
    min-width: 9em;
  }
}
.info_boxseries a:hover .btn {
  background-color: #ffffff;
  color: #069;
}
.info_boxseries + .contactlink_inv {
  padding-top: 70px !important;
}
@media screen and (max-width: 680px) {
  .info_boxseries + .contactlink_inv {
    padding-top: 50px !important;
    margin-top: 100px !important;
  }
}
.contactlink.single .contact1, .contactlink_inv.single .contact1 {
	width: 70%;
}
#contents {
	min-height: 80vh;
	position: relative;
}
.casepage #main_visual.casepage + section.separatetop, .casepage #main_visual.casepage + div.sildecontainer + section.separatetop, .casepage #main_visual.casepage + section.separatetop + section.separatetop {
	background: none;
}
.casepage #main_visual.casepage + section.separatetop + section.separatetop .casecontents h2.main_catch {
	margin: 20px auto 10px;
}

.ss360-suggests {
	border-top: 1px solid #444444;
	padding-top: 5px;
	padding-right: 2px;
	box-shadow: none !important;
	margin: 0 !important;
}
#ss360-layer .ss360-ac-c, #ss360-layer .ss360-ac-c--hover:focus, #ss360-layer .ss360-ac-c--hover:hover {
	color: #1f63bf !important;
}
.ss360-custom-search .ss360-custom-search__searchbox {
	padding: 0 8px 0 14px !important;
}
.ss360-suggests__content {
	margin-left: 5px;
}
.ss360-suggests__snippet {
	font-size: 13px;
	line-height: 1.3;
}

.dspinlineblock, .dib {
	display: inline-block;
	line-height: 1.3;
}

/* 2022.10.07 security_action logo */
#footer ul.mark.logo202202 {
	width: auto;
	display: flex;
	gap: 15px;
	justify-content: center;
}
#footer ul.mark.logo202202 li.p {
	float: none;
	margin: 0;
	padding: 0;
}
#footer ul.mark.logo202202 li.isms {
	float: none;
	margin-right: 0;
}
.emnobr em {
	display: inline-block;
}
.footerarea .mark li img {
	transition: .3s;
}
.footerarea .mark li:hover img {
	transform: scale(1.2);
	transition: .3s;
}
/* 2022.10.07 security_action logo */

#footer_nav .group ul li a.column span {
	background-color: #369;
	color: #c2eeff;
	font-size: .76em;
	border-radius: 3px;
	margin-right: 3px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}
.movmark {
	position: absolute;
	right: 0;
	bottom: 0;
	left: inherit;
	top: inherit;
	background-color: rgba(134, 134, 134, 0.5);
	padding-top: 30px;
	width: 30px;
	z-index: 3;
  border: none;
}
.movmark::before {
	width: 15px;
	height: 15px;
	animation: inherit;
	border: solid #fff;
	border-width: 0 0 2px 2px;
	content: "";
	display: inline-block;
	margin: auto;
	position: absolute;
	top: 7px;
	right: 7px;
	left: 0;
	transform: rotate(-135deg);
}
.movmark span {
	display: none;
}
#footer_nav .group.leftline ul {
	margin: 0;
	padding: 4px 10px 0 8px;
	border-left: 6px solid #6A6A6A;
}
#footer_nav.switchtarget h3 a {
	color: #ceecff;
	padding: 10px;
	display: block;
	padding: 60px 20px 10px;
}
#footer_nav.switchtarget .group.active h3 a {
	padding: 10px;
}
#footer_nav.switchtarget .group h3.category {
	background-color: #33569e;
	padding: 0px;
	position: relative;
	margin: 10px 5px 10px;
}
#footer_nav.switchtarget .group h3.category:hover {
	opacity: .9;
}
#footer_nav.switchtarget .group.active h3 {
	background-color: transparent;
	border: none;
	font-size: 1.2em;
}
#footer_nav.switchtarget .group.leftline {
	border-left: 5px solid #333 !important;
	margin-top: 12px;
}
#footer_nav.switchtarget .group .top_offset {
	margin-top: 58px !important;
}
#footer_nav .leftline h3 {
	background-color: #6a6a6a;
	color: #fff;
	margin: 0;
	border: none;
}
#footer_nav.switchtarget .group h3.category::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	opacity: .8;
	pointer-events: none;
}
#footer_nav.switchtarget .group h3.category.crm::before {
	content: "";
	background-image: url(../../img/img_crm-w640.jpg);
	background-position-y: 87%;
	background-size: 130%;
}
#footer_nav.switchtarget .group h3.category.payment::before {
	content: "";
	background-image: url(../../column/img/img_creditcardimage.jpg);
	background-position-y: -70%;
	background-size: 140%;
	background-position-x: 100%;
}
#footer_nav.switchtarget .group h3.category.dx::before {
	content: "";
	background-image: url(../../column/img/img_shopping_street.jpg);
	background-size: cover;
	background-position-y: 88%;

}