@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: 400px;
}
@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;
}
#contents #main_visual .point_enterprise h2.addmenu {
  padding: 66px 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;
}
#main_visual.productservice {
  background-color: #88b5cc;
  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以下用 */
}

/* 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;
}
.areawrap.englishservice {
    background-color: #0c274f;
    background-image: url("../../service/global/img/imagechange_mv09eng_h400.png");
    background-repeat: no-repeat;
    background-position: center 22px;
}

@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_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;
  height: 94px !important;
}
#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;
    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("../../../common2/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("../../../common2/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: 0.75em;
}
header .inner {
    width: initial;
    padding: 0;
}
header .info {
    display: none;
}
header .logo {
    position: absolute;
    height: 66px;
}
header .logo img {
    height: 66px;
}
#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;
}

/* 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("../../common2/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("../../common2/img/contactarrow_wht_eng.png");
}
@media screen and (max-width: 680px) {
.contactlink_inv dd.contactarrow.engFeel h3 {
	background-image: url("../../common2/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;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #dddddd;
  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("../../common2/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("../../common2/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;
}
.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("../../common2/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;
}
@media screen and (max-width: 680px) {
  #flow dl {
    padding-top: 30px;
    padding-left: 0;
  }
}
#flow dl dt {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  width: 130px;
}


@media screen and (max-width: 680px) {
  #flow dl dt {
  margin: 0 auto;
  font-size: 1.4em;
  width: 100%;
}
}
#flow dl dd {
  margin-left: 0;
}
#flow ul {
  margin-top: 15px;
  padding-left: 15px;
}
@media screen and (max-width: 680px) {
#flow ul {
  margin: 0 auto;
  padding-left: 5%;
  width: 75%;
}
}
#flow ul li {
	font-size: 0.9em;
	line-height: 1.3;
	list-style: outside none disc;
	margin-bottom: 10px;
	width: 100%;
}
@media screen and (max-width: 680px) {
#flow ul li {
	font-size: 1em;
}
}
@media screen and (max-width: 680px) {
#flow dl {
  background: rgba(0, 0, 0, 0) url("../../common2/img/flow_arrow_down_tr.png") no-repeat scroll center 0;
  float: none;
  margin-bottom: 36px;
  padding-top: 30px;
  width: 100%;
}
#flow dl:first-child {
  padding-top: 0;
}
#flow dl:last-child {
  width: auto !important;
}
}

/* add iconimage */
#flow.iconimage dl{
  background-position: 0 50px;
}
@media screen and (max-width: 680px) {
#flow.iconimage dl {
  background-position: center 0;
}
}
#flow.iconimage dl dt {
  width: 100%;
  font-size: 1.3em;
}
#flow.iconimage figure {
  margin: 0 15%;
}
@media screen and (max-width: 680px) {
#flow.iconimage figure {
  margin: 0 auto;
  width: 30%;
}
}
#flow.iconimage img, #flow3.iconimage img {
  width: 100%;
}
#flow.iconimage ul {
  margin-top: 5px;
}
@media screen and (max-width: 680px) {
#flow.iconimage ul {
  width: 100%;
}
}
#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("../../common2/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;
}

#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;
}

.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("../../common2/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("../../common2/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("../../common2/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("../../common2/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;
}
.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;
}
}