/* [SP / PC] --------------------------------------------------------------
/* FONT : SERVICE DETAIL / CASE DETAIL
------------------------------------------------------------------------ */
#contents.serviceDetail #main section h2,
#contents.caseDetail #main section h2,
.nps #contents.npsCaseDetail #main section h2 {
  font-size: 18px;
  line-height: 30px;
}
#contents.serviceDetail #main section h2,
#contents.serviceDetail #main section h3,
#contents.serviceDetail #main section h4,
#contents.serviceDetail #main section h5,
#contents.serviceDetail #main section h6,
#contents.caseDetail #main section h2,
#contents.caseDetail #main section h3,
#contents.caseDetail #main section h4,
#contents.caseDetail #main section h5,
#contents.caseDetail #main section h6,
.nps #contents.npsCaseDetail #main section h2,
.nps #contents.npsCaseDetail #main section h3 {
  font-weight: bold;
}
#contents.serviceDetail #main .inquiry .tell p,
#contents.caseDetail #main .inquiry .tell p,
#contents.accessibility #main .inquiry .tell p,
.nps #contents.npsCaseDetail #main .inquiry .tell p {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
}
#contents.serviceDetail #main .inquiry .tell p span,
#contents.caseDetail #main .inquiry .tell p span,
#contents.accessibility #main .inquiry .tell p span,
.nps #contents.npsCaseDetail #main .inquiry .tell p span {
  font-size: 25px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}
#contents.serviceDetail #main .inquiry .mail p .button,
#contents.caseDetail #main .inquiry .mail p .button,
#contents.accessibility #main .inquiry .mail p .button,
.nps #contents.npsCaseDetail #main .inquiry .mail p .button {
  color: #06c !important;
}

/* [SP / PC] --------------------------------------------------------------
/* FONT : ABOUT / RECRUIT / CONTACT / RECRUIT / PRIVACY / PARTNER
/* / PRIVACYPOLICY / SITEPOLICY
------------------------------------------------------------------------ */
#contents.about #main section h2,
#contents.recruit #main section h2,
#contents.contact #main section h2,
#contents.privacy #main section h2,
#contents.partner #main section h2,
#contents.privacypolicy #main section h2,
#contents.accessibility #main section h2,
#contents.sitepolicy #main section h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* FONT : ABOUT
------------------------------------------------------------------------ */
#contents.about #main .greeting {
  line-height: 24px;
}
#contents.about #main .outline dt, #contents.about #main .outline dd {
  line-height: 24px;
}

/* [SP] -------------------------------------------------------------------
/* FONT : ABOUT
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #main .outline dt {
    font-weight: bold;
    line-height: 20px !important;
  }
  #main .outline dd {
    line-height: 20px !important;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
#contents.about #main .greeting div {
  background-image: url("/about/images/img_04.jpg");
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 261px 330px;
}

#contents.about #main {
  position: relative;
}
#contents.about #about_navi {
  position: absolute;
  top: 0;
  right: 0;
}
#contents.about #about_navi li {
  display: block;
  float: left;
}
#contents.about #about_navi li a, #about_navi li span {
  display: block;
  border: 1px solid #ccc;
  padding: .3em 2.5em;
  line-height: 2em;
  border-radius: 5px;
  margin: 0 .5em;
  text-decoration: none;
}
#contents.about #about_navi li.active span {
  background: #eee;
}
#contents.about #about_navi li a {
  text-decoration: none;
}

#contents.about #about_navi li a:hover {
  background: #ccc;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.about #main h1 {
    margin: 0 0 23px;
  }
  #contents.about #main .greeting {
    margin: 0 0 20px;
  }
  #contents.about #main .greeting h2 {
    margin: 0 0 16px;
  }
  #contents.about #main .greeting div {
    background-position: center 0;
    padding: 350px 0 0;
  }
  #contents.about #main .greeting div p {
    margin: 0 0 10px;
  }
  #contents.about #main .greeting p {
    margin: 9px 0 0;
  }
  #contents.about #main .outline {
    margin: 0 0 22px;
  }
  #contents.about #main .outline h2 {
    margin: 0 0 13px;
  }
  #contents.about #main .outline dl {
    margin: 0 0 16px;
  }
  #contents.about #main .map h2 {
    margin: 0 0 16px;
  }
  #contents.about #main .map #googlemap {
    width: 100%;
    height: 145px;
  }
  #contents.about #about_navi {
  position: relative;
  top: 0;
  right: 0;
  }
  #contents.about #about_navi li {
    display: block;
    float: left;
    width:50%;
    margin-bottom: 10px;
  }
  #contents.about #about_navi ul {
    margin-bottom:1em;
  }
  #contents.about #about_navi li a, #contents.about #about_navi li span {
    padding: .3em .5em;
    text-align: center;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.about #main h1 {
    margin: 0 0 33px;
  }
  #contents.about #main .greeting {
    margin: 0 0 50px;
  }
  #contents.about #main .greeting h2 {
    margin: 0 0 30px;
  }
  #contents.about #main .greeting div {
    margin: 0 0 29px;
    padding: 0 0 0 280px;
    background-position: 0 6px;
  }
  #contents.about #main .greeting div p {
    margin: 0 0 11px;
    text-align: left;
  }
  #contents.about #main .greeting p {
    text-align: right;
  }
  #contents.about #main .outline {
    margin: 0 0 36px;
  }
  #contents.about #main .outline h2 {
    margin: 0 0 26px;
  }
  #contents.about #main .map h2 {
    margin: 0 0 36px;
  }
  #contents.about #main .map #googlemap {
    width: 970px;
    height: 500px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : EVENT
------------------------------------------------------------------------ */
#contents.event #main div p {
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.event #main section div h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.event #main section div h2 a {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.eventArchive #main section div h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
#contents.eventArchive #main section div h2 a {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}
#contents.event #main section p {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.event #main section.abstract p {
  font-size: 100%;
}
#contents.event #main section.program dt h4 {
  font-size: 125%;
  font-weight: bold;
  line-height:1.5;
}
#contents.event #main section.program dt span {
  font-weight: bold;
}
#contents.event #main section.program dd p.speaker {
  font-weight: bold;
  line-height:1.3;
  margin:.5em 0;
}
#contents.event #main .tag-seminar{
  padding:.3em .6em;
  border-radius:3px;
  font-size:85%;
  background:#1baadd;
  color:#fff;
  font-weight:bold;
}
#contents.event #main .tag-event{
  padding:.3em .6em;
  border-radius:3px;
  font-size:85%;
  background:#58b42f;
  color:#fff;
  font-weight:bold;
}
#contents.event #main section.appli .full p {
    text-align: center !important;
}
#contents.event #main section.appli .full p.thanks {
    font-size: 1.2em !important;
    font-weight: bold !important;
    line-height: 1.6em !important;
    margin-bottom: 20px;
}
#contents.event #main section.appli .full .mailmag {
    padding: 20px 0px;
    border: 1px solid #505050;
}
#contents.event #main section.appli .full .mailmag p {
    margin-bottom: 15px;
}
#contents.event #main section.appli .full .mailmag p span {
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin-bottom: 10px;
}



/* [SP] -------------------------------------------------------------------
/* LAYOUT : EVENT

------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.event #main h1 {
    margin: 0 0 23px;
  }
  #contents.event #main div {
    display: none;
  }
  #contents.event #main section {
    margin: 0 0 16px;
    padding: 0 0 14px;
    border-bottom: 1px solid #ececec;
  }
  #contents.event #main section h2 {
    margin: 0 0 11px;
  }
  #contents.event #main section div {
    display: block;
    margin: 0 0 10px;
  }
  #contents.event #main table#event-table {
    width:100%;
  }
  #contents.event #main th {
    display: block;
    margin: 0 0 10px;
  }
  #contents.event #main td {
    display: block;
    margin: 0 0 10px;
  }
  #contents.event #main .img img {
    height: auto;
    width: 100%;
  }
  #contents.event #main section.abstract,
  #contents.event #main section.overview {
    height: auto;
    width: 100%;
  }
  #contents.event #main section.appli a{
    margin:0 auto;
    text-align:center;
    width:100%;
    background-color:#0066cc;
  }
  #contents.event #main section.appli a:hover{
    background-color:#0080ff;
  }
  #contents.event #main section.program dt{
    border-top: 1px solid #ececec;
    margin:16px 0 8px 0;
    padding-top:8px;
  }
  #contents.event #main section.program dt:first-child{
    border-top: 0;
  }
  #contents.event #main section.program dd{
    margin:8px 0 16px 0;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : EVENT
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.event #main h1 {
    margin: 0 0 33px;
  }
  #contents.event #main div {
    margin: 0 0 12px;
  }
  #contents.event #main div dl {
    display: inline-block;
    display: block;
  }
  #contents.event #main div dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.event #main div dl {
    height: 1%;
  }
  #contents.event #main div dl dt {
    float: left;
    width: 290px;
  }
  #contents.event #main div dl dd {
    float: right;
    width: 680px;
  }
  #contents.event #main section {
    display: inline-block;
    display: block;
  }
  #contents.event #main section:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.event #main section {
    height: 1%;
  }
  #contents.event #main section {
    margin: 0;
    padding: 25px 0 24px;
    border-top: 1px solid #ececec;
  }
  #contents.event #main section div h2 {
    margin: 0 0 8px;
  }
  #contents.event #main section div p {
    float: none;
    width: auto;
    padding: 0;
    border-top: none;
  }
  #contents.event #main section p {
    /*padding: 25px 0 24px;*/
  }
  #contents.event #main section .ts{
    width:380px;
    float:left;
  }
  #contents.eventArchive #main section .ts{
    width: 180px;
  }
  #contents.event #main section .ts p{
    text-align:right;
    padding:0 1em;
  }
  #contents.event #main section .abstract{
    width:600px;
    float:left;
  }
  #contents.eventArchive #main section .abstract{
    width:500px;
    float:left;
  }
  #contents.eventArchive #main section .serviceList{
    width:290px;
    float:left;
    padding:0 10px;
  }
  #contents.event #main section .abstract .place{
    margin:0 0 8px;
  }
  #contents.event #main table {
    margin:0 auto;
  }
  #contents.event #main th {
    display: table-cell;
    margin: 0 0 10px;
    padding:8px 20px;
    text-align:left;
    width:120px;
    padding:.5em;
    border:1px solid #ccc;
  }
  #contents.event #main td {
    display: table-cell;
    margin: 0 0 10px;
    padding:.5em;
    border:1px solid #ccc;
  }
  #contents.event #main .img img {
    height: auto;
    width: 100%;
  }
  #contents.event #main section.abstract p,
  #contents.event #main section.overview {
    margin:0 auto;
    float:none;
    width: 900px;
  }
  #contents.event #main section.appli{
    margin:1.5em auto;
    text-align:center;
  } 
  #contents.event #main section.appli a{
    margin:0 auto;
    width: 16em;
    font-size:210%;
    line-height:2.5;
    height:2.5em;
    background-color:#0066cc;
  }
  #contents.event #main section.appli a:hover{
    background-color:#0080ff;
  }
  #contents.event #main section.program p {
    float:none;
    width: 100%;
    padding:0;
    border:0;
  }
  #contents.event #main section.program dt{
    padding:.75em 0 0 0;
    border-top: 1px solid #ececec;
  }
  #contents.event #main section.program dt:first-child{
    border-top: 0;
  }
  #contents.event #main section.program dd{  
    margin:16px 0 24px 100px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : RECRUIT
------------------------------------------------------------------------ */
#contents.recruit #main .occupational section h3 {
  color: #09c;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.recruit #main .occupational section div dt {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.recruit #main .occupational section div dd {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.recruit #main .inquiry {
  border-top: 1px solid #ececec;
}
#contents.recruit #main .inquiry dl dt {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.recruit #main .inquiry dl dd a {
  color: #06c !important;
}



/* [SP] -------------------------------------------------------------------
/* FONT : RECRUIT
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.recruit #main .essential dt {
    font-weight: bold;
  }
}
/* [SP] -------------------------------------------------------------------
/* LAYOUT : RECRUIT
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.recruit #main h1 {
    margin: 0 0 24px;
  }
  #contents.recruit #main .occupational {
    padding: 0 0 13px;
  }
  #contents.recruit #main .occupational h2 {
    margin: 0 0 21px;
  }
  #contents.recruit #main .occupational section {
    margin: 0 0 14px;
    border-bottom: 1px solid #ececec;
  }
  #contents.recruit #main .occupational section h3 {
    margin: 0 0 9px;
  }
  #contents.recruit #main .occupational section dl {
    margin: 0 0 14px;
  }
  #contents.recruit #main .occupational section dt {
    margin: 0 0 10px;
  }
  #contents.recruit #main .essential h2 {
    margin: 0 0 23px;
  }
  #contents.recruit #main .essential dl {
    margin: 0 0 13px;
  }
  #contents.recruit #main .message {
    padding: 0 0 23px;
  }
  #contents.recruit #main .message h2 {
    margin: 0 0 21px;
  }
  #contents.recruit #main .message p {
    margin-bottom: 1em;
    line-height: 1.;
  }
  #contents.recruit #main .message .img {
    float: right;
    padding: 0 0 15px 15px;
  }
  #contents.recruit #main .message .img img {
    width: 175px;
  }
  #contents.recruit #main .appeal {
    padding: 0 0 23px;
  }
  #contents.recruit #main .appeal h2 {
    margin: 0 0 26px;
  }
  #contents.recruit #main .appeal ul {
    list-style-type: disc;
    margin-left: 2em;
  }
  #contents.recruit #main .appeal li {
    margin-bottom: 1em;
  }
  #contents.recruit #main .company-seeks {
    padding: 0 0 23px;
  }
  #contents.recruit #main .company-seeks h2 {
    margin: 0 0 26px;
  }
  #contents.recruit #main .company-seeks ul {
    list-style-type: disc;
    margin-left: 2em;
  }
  #contents.recruit #main .company-seeks li {
    margin-bottom: 1em;
  }
  #contents.recruit #main .appeal .flowImg img {
    width: 100%;
    max-width: 100%;
  }
  #contents.recruit #main .panorama {
    padding: 0 0 23px;
  }
  #contents.recruit #main .panorama h2 {
    margin: 0 0 26px;
  }
  #contents.recruit #main .panorama img {
    width:100%;
    max-width:100%;
  }

  #contents.recruitItem #main section {
    margin: 0 0 16px;
    padding: 0 0 14px;
    border-bottom: 1px solid #ececec;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : RECRUIT
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.recruit #main h1 {
    margin: 0 0 34px;
  }
  #contents.recruit #main .abstract {
    margin: 13px 0 36px 0;
  }
  #contents.recruit #main .occupational {
    margin: 0 0 26px;
  }
  #contents.recruit #main .occupational h2 {
    margin: 0 0 36px;
  }
  #contents.recruit #main .occupational section {
    display: table;
  }
  #contents.recruit #main .occupational section h3 {
    display: table-cell;
    width: 240px;
    vertical-align: top;
    padding: 25px 0 0;
    border-top: 1px solid #ececec;
  }
  #contents.recruit #main .occupational section div {
    display: table-cell;
    width: 750px;
    vertical-align: top;
  }
  #contents.recruit #main .occupational section div dl {
    display: table;
    padding: 25px 0;
    border-top: 1px solid #ececec;
  }
  #contents.recruit #main .occupational section div dt {
    display: table-cell;
    width: 120px;
    padding-left:20px;
    vertical-align: top;
  }
  #contents.recruit #main .occupational section div dd {
    display: table-cell;
    width: 630px;
    vertical-align: top;
  }
  #contents.recruit #main .occupational section div dd li {
    margin: 0 0 0 14px;
    text-indent: -14px;
  }
  #contents.recruit #main .occupational section div dd li:before {
    content: '・';
  }
  #contents.recruit #main .essential {
    padding: 0 0 40px;
  }
  #contents.recruit #main .essential h2 {
    margin: 0 0 26px;
  }
  #contents.recruit #main .message {
    padding: 0 0 40px;
  }
  #contents.recruit #main .message h2 {
    margin: 0 0 26px;
  }
  #contents.recruit #main .message p {
    margin-bottom: 1em;
    line-height: 1.6;
  }
  #contents.recruit #main .message .img {
    float: right;
    padding: 0 0 20px 20px;
  }
  #contents.recruit #main .appeal {
    padding: 0 0 40px;
  }
  #contents.recruit #main .appeal h2 {
    margin: 0 0 26px;
  }
  #contents.recruit #main .appeal ul {
    list-style-type: disc;
    margin-left: 3em;
  }
  #contents.recruit #main .appeal li {
    margin-bottom: 1em;
  }
  #contents.recruit #main .company-seeks {
    padding: 0 0 40px;
  }
  #contents.recruit #main .company-seeks h2 {
    margin: 0 0 26px;
  }
  #contents.recruit #main .company-seeks ul {
    list-style-type: disc;
    margin-left: 3em;
  }
  #contents.recruit #main .company-seeks li {
    margin-bottom: 1em;
  }
  #contents.recruit #main .panorama {
    padding: 0 0 40px;
  }
  #contents.recruit #main .panorama h2 {
    margin: 0 0 26px;
  }
  

  #contents.recruitItem #main h1 {
    margin: 0 0 33px;
  }
  #contents.recruitItem #main section {
    width:680px;
    float:right;
  }
  #contents.recruitItem #main aside {
    width:290px
    float:left
  }
  #contents.recruitItem #main aside:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.recruitItem #main aside {
    height: 1%;
  }
  #contents.recruitItem #main th {
    white-space:nowrap;
    padding:.5em .5em;
    text-align:right;
  }
  #contents.recruitItem #main td {
    padding:.5em;
  }
  #contents.recruitItem #main td ul {
    list-style-type:circle;
    margin-left:1em;
  }
  #contents.recruitItem #main #formbtn{
    margin-top:2em;
    margin-left:290px;
  }

  #contents.recruitForm #main h1 {
    margin: 0 0 33px;
  }
  #contents.recruitForm #main section {
    width:680px;
    float:right;
  }
  #contents.recruitForm #main aside {
    width:290px
    float:left
  }
  #contents.recruitForm #main aside:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.recruitForm #main aside {
    height: 1%;
  }
  #contents.recruitForm #main table{
    width:700px;
    margin:2em auto;
    border:1px solid #cdcdcd;
  }
  #contents.recruitForm #main th {
    white-space:nowrap;
    padding:.5em .5em;
    text-align:right;
    vertical-align:top;
    width:10em;
  }
  #contents.recruitForm #main td {
    padding:.5em;
  }
  #contents.recruitForm #main td ul {
    list-style-type:circle;
    margin-left:1em;
  }
  #contents.recruitForm #main #formbtn{
    margin-top:2em;
    width:700px;
    margin:0 auto;
    text-align:center;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : CONTACT
------------------------------------------------------------------------ */
#contents.contact #main .inquiryOther li dt {
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
#contents.contact #main .inquiryOther li dd {
  line-height: 24px;
}
#contents.contact #main .inquiryOther li dd a {
  color: #999999;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : CONTACT
------------------------------------------------------------------------ */
#contents.contact #main .inquiryOther ul {
  display: inline-block;
  display: block;
}
#contents.contact #main .inquiryOther ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html #contents.contact #main .inquiryOther ul {
  height: 1%;
}
#contents.contact #main .inquiryOther li {
  padding: 25px 0 30px;
  border: 1px solid #ececec;
}
#contents.contact #main .inquiryOther li dt {
  text-align: center;
}
#contents.contact #main .inquiryOther li dd {
  margin: 9px 0 0;
  padding: 0 30px;
}
#contents.contact #main .inquiryOther li .detail {
  margin: 14px 0 0;
  text-align: center;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : CONTACT
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.contact #main h1 {
    margin: 0 0 27px;
  }
  #contents.contact #main .inquiryService {
    display: none;
  }
  #contents.contact #main .inquiry {
    margin: 0 0 26px;
  }
  #contents.contact #main .inquiryOther h2 {
    margin: 0 0 26px;
  }
  #contents.contact #main .inquiryOther li {
    margin: 0 0 10px;
  }
  #contents.contact #main .inquiryOther li .detail a {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    text-align: center;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : CONTACT
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.contact #main h1 {
    margin: 0 0 37px;
  }
  #contents.contact #main .inquiryOther h2 {
    margin: 0 0 11px;
  }
  #contents.contact #main .inquiryOther li {
    float: left;
    width: 318px;
    margin: 15px 0 0 15px;
  }
  #contents.contact #main .inquiryOther li:first-child {
    margin: 15px 0 0;
  }
  #contents.contact #main .inquiryOther li .detail a {
    width: 240px;
    margin: 0 auto;
    text-align: left;
    text-align: center;
  }
  #contents.contact #main .inquiry {
    display: none;
  }
  #contents.contact #main .inquiryService {
    margin: 0 0 56px;
  }
  #contents.contact #main .inquiryService h2 {
    margin: 0 0 26px;
  }
  #contents.contact #main .inquiryService div {
    padding: 30px 0;
    border: 1px solid #ececec;
    text-align: center;
  }
  #contents.contact #main .inquiryService div ul {
    width: 560px; /* 720px */
    margin: 0 auto;
    text-align: left;
  }
  #contents.contact #main .inquiryService .inquiry {
    display: block;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : SITEMAP
------------------------------------------------------------------------ */
#contents.sitemap a {
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  text-align: left;
}
#contents.sitemap a:hover {
  color: white;
}
#contents.sitemap a.ac {
  color: #cccccc;
}
#contents.sitemap li a {
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  text-align: left;
}
#contents.sitemap li li a {
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  text-align: left;
}
#contents.sitemap .nav2 span {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  text-align: left;
}
#contents.sitemap .nav2 li li a {
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  text-align: left;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SITEMAP
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.sitemap h1 {
    margin: 0 0 24px;
  }
  #contents.sitemap nav {
    padding: 0 0 10px;
    display: inline-block;
    display: block;
  }
  #contents.sitemap nav:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.sitemap nav {
    height: 1%;
  }
  #contents.sitemap nav li {
    margin: 0 0 10px;
  }
  #contents.sitemap nav li span {
    display: block;
    margin: 0 0 10px;
  }
  #contents.sitemap nav .nav0 {
    float: left;
    width: 50%;
  }
  #contents.sitemap nav .nav0 ul {
    padding: 0 10px 0 0;
  }
  #contents.sitemap nav .nav1 {
    float: left;
    width: 50%;
  }
  #contents.sitemap nav .nav1 ul {
    margin: 0 0 20px;
  }
  #contents.sitemap nav .nav2 {
    padding: 10px 0 0;
    clear: both;
  }
  #contents.sitemap nav .nav2 li span {
    display: block;
    margin: 4px 0 10px;
  }
  #contents.sitemap nav .nav2 li ul {
    margin: 0 0 20px;
  }
  #contents.sitemap .nav3 {
    padding: 18px 0 0;
  }
  #contents.sitemap .nav3 li {
    margin: 0 0 10px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SITEMAP
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.sitemap li {
    margin: 0 0 10px;
  }
  #contents.sitemap nav {
    padding: 36px 0 30px;
    display: inline-block;
    display: block;
  }
  #contents.sitemap nav:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.sitemap nav {
    height: 1%;
  }
  #contents.sitemap nav li span {
    display: block;
    margin: 0 0 10px;
  }
  #contents.sitemap nav .nav0 {
    float: left;
    width: 200px;
  }
  #contents.sitemap nav .nav1 {
    float: left;
    width: 590px;
  }
  #contents.sitemap nav .nav1 ul {
    float: left;
    width: 195px;
    margin: 0 0 10px;
  }
  #contents.sitemap nav .nav2 {
    float: left;
    width: 200px;
  }
  #contents.sitemap nav .nav2 li span {
    display: block;
    margin: 4px 0 10px;
  }
  #contents.sitemap nav .nav2 li ul {
    margin: 0 0 24px;
  }
  #contents.sitemap .nav3 {
    padding: 18px 0 0;
  }
  #contents.sitemap .nav3 div {
    display: table;
    width: 100%;
    padding: 26px 0 0;
  }
  #contents.sitemap .nav3 div p {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }
  #contents.sitemap .nav3 div p img {
    width: 348px;
    height: 18px;
  }
  #contents.sitemap .nav3 div p small br {
    display: none;
  }
  #contents.sitemap .nav3 div .copyright {
    text-align: right;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : PARTNER
------------------------------------------------------------------------ */
#contents.partner #main section p {
  line-height: 24px;
}
#contents.partner #main section dd {
  line-height: 24px;
}
#contents.partner #main .inq dt {
  color: #fff;
}
#contents.partner #main .inq dd a {
  color: #06c !important;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : PARTNER
------------------------------------------------------------------------ */
#contents.partner #main .list div {
  border-top: 1px solid #ececec;
}
#contents.partner #main .list dl {
  border-bottom: 1px solid #ececec;
}
#contents.partner #main .inq {
  width: 100%;
}
#contents.partner #main .inq dl {
  min-height: 110px;
  background-color: #0066cc;
}
#contents.partner #main .inq dl dt {
  padding: 14px 0 15px;
  text-align: center;
}
#contents.partner #main .inq dl dd {
  text-align: center;
}
#contents.partner #main .inq dl dd .button {
  width: 200px;
  margin: 0 auto;
  text-align: left;
  background-color: white !important;
  text-align: center !important;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : PARTNER
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.partner #main h1 {
    margin: 0 0 35px;
  }
  #contents.partner #main .text {
    margin: 0 0 31px;
  }
  #contents.partner #main .text h2 {
    margin: 0 0 11px;
  }
  #contents.partner #main .text p {
    margin: 0 0 9px;
  }
  #contents.partner #main .list h2 {
    margin: 0 0 16px;
  }
  #contents.partner #main .list dl dt {
    padding: 28px 0 16px;
    text-align: center;
  }
  #contents.partner #main .list dl dd {
    padding: 0 0 26px;
  }
  #contents.partner #main .inq {
    margin: 30px 0 0;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : PARTNER
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.partner #main h1 {
    margin: 0 0 35px;
  }
  #contents.partner #main .text {
    margin: 0 0 51px;
  }
  #contents.partner #main .text h2 {
    margin: 0 0 21px;
  }
  #contents.partner #main .text p {
    margin: 0 0 19px;
  }
  #contents.partner #main .list h2 {
    margin: 0 0 27px;
  }
  #contents.partner #main .list h2 br {
    display: none;
  }
  #contents.partner #main .list dl {
    display: table;
    height: 99px;
  }
  #contents.partner #main .list dl dt {
    display: table-cell;
    width: 207px;
    vertical-align: top;
    text-align: center;
    vertical-align: middle;
  }
  #contents.partner #main .list dl dd {
    display: table-cell;
    width: 750px;
    vertical-align: top;
    padding: 0 0 0 33px;
    vertical-align: middle;
  }
  #contents.partner #main .inq {
    margin: 40px 0 0;
  }
  #contents.partner #main .inq dl {
    width: 350px;
    margin: 0 auto;
    text-align: left;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : SITEPOLICY
------------------------------------------------------------------------ */
#contents.sitepolicy #main section p, #contents.sitepolicy #main section li {
  line-height: 24px;
}
#contents.sitepolicy #main .inq dt {
  color: #fff;
}
#contents.sitepolicy #main .inq dd a {
  color: #06c !important;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : SITEPOLICY
------------------------------------------------------------------------ */
#contents.sitepolicy #main section ol li {
  list-style: decimal;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SITEPOLICY
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.sitepolicy #main h1 {
    margin: 0 0 35px;
  }
  #contents.sitepolicy #main section {
    margin: 0 0 30px;
  }
  #contents.sitepolicy #main section h2 {
    margin: 0 0 11px;
  }
  #contents.sitepolicy #main section ol {
    margin: 19px 0 19px 20px;
  }
  #contents.sitepolicy #main .inquiryService {
    width: 100%;
    background-color: #0066cc;
    text-align: center;
  }
  #contents.sitepolicy #main .inquiryService .mail {
    min-height: 100px;
    padding: 14px 0 0;
  }
  #contents.sitepolicy #main .inquiryService .mail p {
    padding: 42px 0 0;
    background-image: url("/common/images/inq_ico_01.png");
    background-color: transparent;
    background-position: 50% 0%;
    background-repeat: no-repeat;
  }
  #contents.sitepolicy #main .inquiryService .mail p .button {
    width: 200px;
    background-color: white !important;
  }
}
/* [PC] -------------------------------------------------------------------
/* SLAYOUT : SITEPOLICY
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.sitepolicy #main h1 {
    margin: 0 0 34px;
  }
  #contents.sitepolicy #main section {
    margin: 0 0 50px;
  }
  #contents.sitepolicy #main section h2 {
    margin: 0 0 21px;
  }
  #contents.sitepolicy #main section ol {
    margin: 19px 0 19px 20px;
  }
  #contents.sitepolicy #main .inquiryService {
    text-align: center;
  }
  #contents.sitepolicy #main .inquiryService .inq.tell-mail {
    width: 392px;
    margin: 0 auto;
    text-align: left;
  }
  #contents.sitepolicy #main .inquiryService .inq.tell-mail ul {
    width: 392px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : accessibility
------------------------------------------------------------------------ */
#contents.accessibility #main section p, #contents.accessibility #main section li {
  line-height: 24px;
}
#contents.accessibility #main .inq dt {
  color: #fff;
}
#contents.accessibility #main .inq dd a {
  color: #06c !important;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : accessibility
------------------------------------------------------------------------ */
#contents.accessibility #main section ol li {
  list-style: decimal;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : accessibility
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.accessibility #main h1 {
    margin: 0 0 35px;
  }
  #contents.accessibility #main section {
    margin: 0 0 30px;
  }
  #contents.accessibility #main section h2 {
    margin: 0 0 11px;
  }
  #contents.accessibility #main section ol {
    margin: 19px 0 19px 20px;
  }
  #contents.accessibility #main .inquiryService {
    width: 100%;
    background-color: #0066cc;
    text-align: center;
  }
  #contents.accessibility #main .inquiryService .mail {
    min-height: 100px;
    padding: 14px 0 0;
  }
  #contents.accessibility #main .inquiryService .mail p {
    padding: 42px 0 0;
    background-image: url("/common/images/inq_ico_01.png");
    background-color: transparent;
    background-position: 50% 0%;
    background-repeat: no-repeat;
  }
  #contents.accessibility #main .inquiryService .mail p .button {
    width: 200px;
    background-color: white !important;
  }
  #contents.accessibility #main .tbl_tr{
    margin-bottom:1em;
  }
  #contents.accessibility #main .tbl_tr:nth-child(1){
    display:none
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(1):before{
    content:"細分箇条：";
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(2):before{
    content:"達成基準：";
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(3):before{
    content:"等級：";
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(4):before{
    content:"適用：";
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(5):before{
    content:"適合：";
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(6):before{
    content:"備考：";
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : accessibility
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.accessibility #main h1 {
    margin: 0 0 34px;
  }
  #contents.accessibility #main section {
    margin: 0 0 50px;
  }
  #contents.accessibility #main section h2 {
    margin: 0 0 21px;
  }
  #contents.accessibility #main section ol {
    margin: 19px 0 19px 20px;
  }
  #contents.accessibility #main .inquiryService {
    text-align: center;
  }
  #contents.accessibility #main .inquiryService .inq.tell-mail {
    width: 350px;
    margin: 0 auto;
    text-align: left;
  }
  #contents.accessibility #main .inquiryService .inq.tell-mail ul {
    width: 350px;
  }
  #contents.accessibility #main .tbl{
    display:table;
  }
  #contents.accessibility #main .tbl_td{
    display:table-cell;
    border-bottom:1px solid #999;
  }
  #contents.accessibility #main .tbl_tr:nth-child(1) .tbl_td{
    font-weight:bold;
    background:#ddd;
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(1){
    width:4.5em;
    padding:.2em;
    background:#ddd;
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(2){
    width:22.5em;
    padding:.2em
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(3){
    width:3em;
    padding:.2em;
    text-align:center;
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(4){
    width:3em;
    padding:.2em;
    text-align:center;
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(5){
    width:4em;
    padding:.2em;
    text-align:center;
  }
  #contents.accessibility #main .tbl_tr .tbl_td:nth-child(6){
    width:12em;
    padding:.2em;
  }
}

/* [SP / PC] --------------------------------------------------------------
/* FONT : PRIVACYPOLICY
------------------------------------------------------------------------ */
#contents.privacypolicy #main p, #contents.privacypolicy #main li {
  line-height: 24px;
}
#contents.privacypolicy #main .inq dt {
  color: #fff;
}
#contents.privacypolicy #main .inq dd a {
  color: #06c !important;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : PRIVACYPOLICY
------------------------------------------------------------------------ */
#contents.privacypolicy #main ol li {
  list-style: decimal;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : PRIVACYPOLICY
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.privacypolicy #main h1 {
    margin: 0 0 35px;
  }
  #contents.privacypolicy #main h2 {
    margin: 0 0 11px;
  }
  #contents.privacypolicy #main p {
    margin: 0 0 9px;
  }
  #contents.privacypolicy #main ol {
    margin: 29px 0 19px 20px;
  }
  #contents.privacypolicy #main .date {
    margin: 0 0 14px;
    padding: 20px 0 14px;
    text-align: right;
    border-bottom: 1px solid #ececec;
  }
  #contents.privacypolicy #main .inquiryService {
    width: 100%;
    margin: 30px 0 135px 0;
    background-color: #0066cc;
    text-align: center;
  }
  #contents.privacypolicy #main .inquiryService .mail {
    min-height: 100px;
    padding: 14px 0 0;
  }
  #contents.privacypolicy #main .inquiryService .mail p {
    padding: 42px 0 0;
    background-image: url("/common/images/inq_ico_01.png");
    background-color: transparent;
    background-position: 50% 0%;
    background-repeat: no-repeat;
  }
  #contents.privacypolicy #main .inquiryService .mail p .button {
    width: 200px;
    background-color: white !important;
  }
  #contents.privacypolicy #main .inq.tell-mail ul li {
    float: left;
    width: 100% !important;
    margin: 0 0 0 0 !important;
    background-color: #0066cc;
  }
  #contents.privacypolicy #main .inq.tell-mail {
    padding-bottom: 0px !important;
  }
  
}
/* [PC] -------------------------------------------------------------------
/* SLAYOUT : PRIVACYPOLICY
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.privacypolicy #main h1 {
    margin: 0 0 34px;
  }
  #contents.privacypolicy #main h2 {
    margin: 0 0 21px;
  }
  #contents.privacypolicy #main p {
    margin: 0 0 19px;
  }
  #contents.privacypolicy #main ol {
    margin: 49px 0 19px 20px;
  }
  #contents.privacypolicy #main li {
    margin: 0 0 10px;
  }
  #contents.privacypolicy #main .date {
    margin: 0 0 24px;
    padding: 30px 0 24px;
    text-align: right;
    border-bottom: 1px solid #ececec;
  }
  #contents.privacypolicy #main .inquiryService {
    margin: 55px 0 0;
    text-align: center;
  }
  #contents.privacypolicy #main .inquiryService .inq.tell-mail {
    width: 350px;
    margin: 0 auto;
    text-align: left;
  }
  #contents.privacypolicy #main .inquiryService .inq.tell-mail ul {
    width: 100%;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : PRIVACY
------------------------------------------------------------------------ */
#contents.privacy #main p, #contents.privacy #main li {
  line-height: 24px;
}
#contents.privacy #main .inq dt {
  color: #fff;
}
#contents.privacy #main .inq dd a {
  color: #06c !important;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : PRIVACY
------------------------------------------------------------------------ */
#contents.privacy #main ol li {
  list-style: decimal;
}
#contents.privacy #main ol li li {
  list-style: none;
  text-indent: -20px;
}
#contents.privacy #main .p {
  background-image: url("/privacy/images/img_00.png");
  background-color: transparent;
  background-position: right bottom;
  background-repeat: no-repeat;
}
#contents.privacy_contact #main h1 {
    margin: 0 0 34px;
}
#contents.privacy_contact table{
  margin:0 auto;
}
#contents.privacy_contact table th{
  vertical-align:top;
  text-align:right;
  padding:.5em .8em;
}
#contents.privacy_contact table td{
  padding:.5em 0;
}


#contents.privacy dl, #contents.privacy ol, #contents.privacy ul {
  padding: 0 1.5em;
}

#contents.privacy ul {
  padding: 0 1.5em;
}

#contents.privacy #main ol ul li {
  list-style-type: disc;
  padding: 0 1.5em;
  margin-left: 2.5em;
}

#contents.privacy #main .pdfdl {
    background: url("/common/images/pdficon_large.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    line-height: 3em;
    margin: 0 0;
    margin-left: 1em;
    padding: 0.8em 0 0.8em 3em;
}





/* [SP] -------------------------------------------------------------------
/* LAYOUT : PRIVACY
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.privacy #main h1 {
    margin: 0 0 34px;
  }
  #contents.privacy #main ol {
    margin: 0 0 0 20px;
  }
  #contents.privacy #main ol li {
    margin: 0 0 20px;
  }
  #contents.privacy #main ol li dl {
    margin: 20px 0 0;
  }
  #contents.privacy #main ol li li {
    margin: 0;
  }
  #contents.privacy #main .date {
    margin: 0 0 14px;
    padding: 20px 0 14px;
    text-align: right;
    border-bottom: 1px solid #ececec;
  }
  #contents.privacy #main .p {
    padding: 0 80px 0 0;
  }
  #contents.privacy #main .inquiryService {
    width: 100%;
    margin: 30px 0 0;
    background-color: #0066cc;
    text-align: center;
  }
  #contents.privacy #main .inquiryService .mail {
    min-height: 100px;
    padding: 14px 0 0;
  }
  #contents.privacy #main .inquiryService .mail p {
    padding: 42px 0 0;
    background-image: url("/common/images/inq_ico_01.png");
    background-color: transparent;
    background-position: 50% 0%;
    background-repeat: no-repeat;
  }
  #contents.privacy #main .inquiryService .mail p .button {
    width: 200px;
    background-color: white !important;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : PRIVACY
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.privacy #main h1 {
    margin: 0 0 34px;
  }
  #contents.privacy #main ol {
    margin: 0 0 0 20px;
  }
  #contents.privacy #main ol li {
    margin: 0 0 20px;
  }
  #contents.privacy #main ol li dl {
    margin: 15px 0;
  }
  #contents.privacy #main ol li li {
    margin: 0;
  }
  #contents.privacy #main .date {
    margin: 0 0 24px;
    padding: 30px 0 24px;
    text-align: right;
    border-bottom: 1px solid #ececec;
  }
  #contents.privacy #main .inquiryService {
    margin: 55px 0 0;
    text-align: center;
  }
  #contents.privacy #main .inquiryService .inq.tell-mail {
    width: 350px;
    margin: 0 auto;
    text-align: left;
  }
  #contents.privacy #main .inquiryService .inq.tell-mail ul {
    width: 350px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : NEWS
------------------------------------------------------------------------ */
#contents.news aside li a,
#contents.newsDetail aside li a {
  color: #999999;
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* FONT : NEWS DETAIL
------------------------------------------------------------------------ */
#contents.newsDetail .enter p, #contents.newsDetail .enter dt, #contents.newsDetail .enter dd {
  line-height: 24px;
}
#contents.newsDetail .enter header .date {
  font-size: 13px;
}
#contents.newsDetail .enter header h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
#contents.newsDetail .enter section h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
#contents.newsDetail .enter section h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
#contents.newsDetail .enter section .imgs li span {
  font-size: 10px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
}
#contents.newsDetail .enter a {
  color: #999999;
}

/* [PC] -------------------------------------------------------------------
/* LAYOUT : NEWS / NEWS DETAIL
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.news,
  #contents.newsDetail {
    display: inline-block;
    display: block;
  }
  #contents.news:after,
  #contents.newsDetail:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.news, * html
  #contents.newsDetail {
    height: 1%;
  }
  #contents.news .enter,
  #contents.newsDetail .enter {
    float: right;
    width: 750px;
  }
  #contents.news aside,
  #contents.newsDetail aside {
    margin: 30px 0 0;
    float: left;
    width: 240px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : NEWS
------------------------------------------------------------------------ */
#contents.news .enter dl {
  padding: 15px 0 0;
  border-bottom: 1px solid #ececec;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : NEWS
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.news h1 {
    margin: 0 0 17px;
  }
  #contents.news .enter dl dd {
    padding: 0 0 9px;
  }
  #contents.news aside {
    margin: 20px 0 0;
  }
  #contents.news aside li {
    text-align: center;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : NEWS
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.news .enter dl dd {
    padding: 0 0 19px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : NEWS DETAIL


------------------------------------------------------------------------ */
#contents.newsDetail .enter ol {
  margin: 0 0 0 22px;
}
#contents.newsDetail .enter ol li {
  list-style: decimal;
}
#contents.newsDetail .enter .box .social{
/*  background-color: #ececec;*/
  font-size: 0;
  margin-bottom: 40px;
/*  padding: 13px 20px 0;*/
  text-align: right;
  zoom: 1;
}
#contents.newsDetail .enter .box .social:after{
  clear: both;
  content: ' ';
  display: block;
  height: 0;
  visibility: hidden;
}

#contents.newsDetail .enter .box .social li{
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
}


/* [SP] -------------------------------------------------------------------
/* LAYOUT : NEWS DETAIL
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.newsDetail h1 {
    margin: 0 0 25px;
  }
  #contents.newsDetail .enter header {
    margin: 0 0 18px;
  }
  #contents.newsDetail .enter header h2 {
    margin: 0 0 18px;
  }
  #contents.newsDetail .enter header .date {
    margin: 0 0 2px;
  }
  #contents.newsDetail .enter header P {
    margin: 0 0 20px;
  }
  #contents.newsDetail .enter section {
    margin: 0 0 28px;
  }
  #contents.newsDetail .enter section h3 {
    margin: 0 0 19px;
  }
  #contents.newsDetail .enter section P {
    margin: 0 0 18px;
  }
  #contents.newsDetail .enter section .imgs li img {
    width: 100%;
    height: auto;
  }
  #contents.newsDetail .enter .reference dl {
    margin: 0 0 4px;
  }
  #contents.newsDetail .enter .address h3 {
    margin: 0 0 4px;
    text-align: left;
  }
  #contents.newsDetail aside li {
    text-align: center;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : NEWS DETAIL
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
/*
  #contents.newsDetail .enter header {
    margin: 0 0 28px;
    padding: 30px 0 0;
  }
*/
  #contents.newsDetail .enter header {
    margin: 0 0 28px;
    padding: 0;
  }
  #contents.newsDetail .enter header h2 {
    margin: 0 0 18px;
  }
  #contents.newsDetail .enter header .date {
    margin: 0;
  }
  #contents.newsDetail .enter header P {
    margin: 0 0 20px;
  }
  #contents.newsDetail .enter section {
    margin: 0 0 28px;
  }
  #contents.newsDetail .enter section h3 {
    margin: 0 0 19px;
  }
  #contents.newsDetail .enter section P {
    margin: 0 0 18px;
  }
  #contents.newsDetail .enter section .imgs {
    display: table;
    width: 100%;
  }
  #contents.newsDetail .enter section .imgs li {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    text-align: center;
    vertical-align: middle;
  }
  #contents.newsDetail .enter section .imgs li img {
    width: 100%;
    height: auto;
  }
  #contents.newsDetail .enter section .imgs li span {
    display: block;
    text-align: left;
  }
  #contents.newsDetail .enter .reference dl {
    margin: 0 0 4px;
  }
  #contents.newsDetail .enter .about {
    margin: 0 0 48px;
  }
  #contents.newsDetail .enter .address {
    text-align: right;
  }
  #contents.newsDetail .enter .address h3 {
    margin: 0 0 4px;
    text-align: right;
  }
  #contents.newsDetail aside {
    margin: 48px 0 0;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : SERVICE INDEX
------------------------------------------------------------------------ */
#contents.service #main #serviceList h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}
#contents.service #main #serviceList section p {
  color: #09c;
  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
}
#contents.service #main #serviceList section .icon {
  color: #fff;
  font-weight: bold;
}
#contents.service #main #serviceList section dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
#contents.service #main #serviceList section dd {
  font-size: 13px;
  font-weight: normal;
  line-height: 23px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : SERVICE INDEX
------------------------------------------------------------------------ */
#contents.service #main #buttonGroup ul {
  display: inline-block;
  display: block;
}
#contents.service #main #buttonGroup ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html #contents.service #main #buttonGroup ul {
  height: 1%;
}
#contents.service #main #serviceList h2 {
  width: 986px;
  margin: 10px 0 15px;
  border: 2px solid #333;
}
#contents.service #main #serviceList section {
  position: relative;
  border: 1px solid #ececec;
}
#contents.service #main #serviceList section h3 {
  text-align: center;
  vertical-align: middle;
}
#contents.service #main #serviceList section h3 img {
  position: relative;
}
#contents.service #main #serviceList section .icon {
  padding: 2px 7px;
  background-color: #333333;
}
#contents.service #main #serviceList section dl dt {
  min-height: 43px;
}
#contents.service #main #serviceList section dl dd {
  padding: 0 20px;
}
#contents.service #main #serviceList section dl .detail {
  min-height: 66px;
  padding: 0;
  text-align: center;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SERVICE INDEX
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.service #main #buttonGroup {
    margin: 25px 0 0;
  }
  #contents.service #main #buttonGroup ul {
    width: 100%;
  }
  #contents.service #main #buttonGroup li {
    width: 100%;
    margin: 0 0 10px;
  }
  #contents.service #main #buttonGroup li:nth-child(odd) {
    margin: 0 4% 10px 0;
  }
  #contents.service #main #buttonGroup a {
    width: 100%;
    height: 40px;
  }
  #contents.service #main .bnr {
    margin: 30px 0 0;
  }
  #contents.service #main .bnr img {
    width: 100%;
  }
  #contents.service #main #serviceList h2 {
    width: 100% !important;
  }
  #contents.service #main #serviceList h2 span {
    display: inline-block;
    padding: 7px 0 4px 10px;
  }
  #contents.service #main #serviceList section {
    width: 100%;
    margin: 0 0 10px;
  }
  #contents.service #main #serviceList section h3 {
    display: table;
    width: 100%;
    height: 180px;
  }
  #contents.service #main #serviceList section h3 span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 180px;
    text-align: center;
    vertical-align: middle;
  }
  #contents.service #main #serviceList section .icon {
    position: absolute;
    top: -1px;
    left: -1px;
  }
  #contents.service #main #serviceList section dl .detail {
    margin: 10px 0 0;
  }
  #contents.service #main #serviceList section dl .detail a {
    width: 42%;
    height: 40px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SERVICE INDEX
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.service #main {
    position: relative;
    left: 8px;
    width: 1005px;
    margin: 0 auto;
    text-align: left;
  }
  #contents.service #main #buttonGroup {
    margin: 35px 0 20px;
  }
  #contents.service #main #buttonGroup ul {
    height: 40px;
  }
  #contents.service #main #buttonGroup li {
    float: left;
    width: 270px;
    height: 40px;
    margin: 0 0 0 10px;
  }
  #contents.service #main #buttonGroup li:first-child {
    float: left;
    width: 150px;
    margin: 0;
  }
  #contents.service #main #buttonGroup a {
    width: 100%;
    height: 40px;
  }
  #contents.service #main .bnr {
    margin: 36px 0 0;
  }
  #contents.service #main #serviceList h2 {
    width: 966px !important;
    padding: 12px 0 9px 20px;
  }
  #contents.service #main #serviceList section {
    width: 318px;
    margin: 0 15px 15px 0;
  }
  #contents.service #main #serviceList section h3 {
    display: table-cell;
    width: 318px;
    height: 180px;
  }
  #contents.service #main #serviceList section .icon {
    position: absolute;
    top: 0;
    left: 0;
  }
  #contents.service #main #serviceList section dl dd {
    min-height: 95px;
  }
  #contents.service #main #serviceList section dl .detail a {
    width: 120px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : CASE INDEX
------------------------------------------------------------------------ */
#contents.case #main section dl dt,
#contents.nps-case #main section dl dt {
  color: #09c;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.case #main section dl dt span,
#contents.nps-case #main section dl dt span {
  color: #333333;
}
#contents.case #main section dl dt a,
#contents.nps-case #main section dl dt a {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.case #main section dl dd,
#contents.nps-case #main section dl dd {
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.case #main section .related dt,
#contents.nps-case #main section .related dt,
#contents.campaign01 #main section .related dt {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.case #main section .related dd a,
#contents.nps-case #main section .related dd a,
#contents.campaign01 #main section .related dd a {
  color: #999999;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : CASE INDEX
------------------------------------------------------------------------ */
#contents.case #main section,
#contents.nps-case #main section {
  display: table;
  border: 1px solid #ececec;
}
#contents.case #main section h2 span,
#contents.nps-case #main section h2 span {
  display: none;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : CASE INDEX
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.case #main h1,
  #contents.nps-case #main h1 {
    margin: 0 0 25px;
  }
  #contents.case #main section,
  #contents.nps-case #main section {
    width: 100%;
    margin: 0 0 10px;
  }
  #contents.case #main section h2,
  #contents.nps-case #main section h2 {
    display: table-row;
    width: 100%;
  }
  #contents.case #main section h2 a,
  #contents.nps-case #main section h2 a {
    display: table-cell;
    width: 100%;
    height: 138px;
    text-align: center;
    vertical-align: middle;
  }
  #contents.case #main section h2 a img,
  #contents.nps-case #main section h2 a img {
    width: 120px;
    height: auto;
  }
  #contents.case #main section h2 a .logo2,
  #contents.nps-case #main section h2 a .logo2 {
    position: relative;
    top: 3px;
  }
  #contents.case #main section div,
  #contents.nps-case #main section div {
    border-top: 1px solid #ececec;
    padding: 16px;
  }
  #contents.case #main section div dt span,
  #contents.nps-case #main section div dt span {
    display: inline-block;
    margin: 8px 0 0;
  }
  #contents.case #main section div dd,
  #contents.nps-case #main section div dd {
    display: none;
  }
  #contents.case #main section div .related,
  #contents.nps-case #main section div .related,
  #contents.campaign01 #main section div .related {
    display: none;
  }
  #contents.case #main section.simple div,
  #contents.nps-case #main section.simple div,
  #contents.campaign01 #main section.simple div {
    border-top: none;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : CASE INDEX
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.case #main h1,
  #contents.nps-case #main h1 {
    margin: 0 0 38px;
  }
  #contents.case #main section,
  #contents.nps-case #main section {
    margin: 0 0 20px;
  }
  #contents.case #main section.simple div,
  #contents.nps-case #main section.simple div {
    display: table-cell;
    width: 988px;
    vertical-align: top;
  }
  #contents.case #main section.simple div dl,
  #contents.nps-case #main section.simple div dl {
    float: left;
    width: 798px;
  }
  #contents.case #main section h2,
  #contents.nps-case #main section h2 {
    display: table-cell;
    width: 198px;
    vertical-align: top;
    border-right: 1px solid #ececec;
    text-align: center;
    vertical-align: middle;
  }
  #contents.case #main section h2 a img,
  #contents.nps-case #main section h2 a img {
    width: 150px;
    height: auto;
  }
  #contents.case #main section div,
  #contents.nps-case #main section div {
    display: table-cell;
    width: 788px;
    vertical-align: top;
  }
  #contents.case #main section dl,
  #contents.nps-case #main section dl {
    float: left;
    width: 600px;
  }
  #contents.case #main section dl dt,
  #contents.nps-case #main section dl dt {
    padding: 18px 37px 5px;
  }
  #contents.case #main section dl dt span,
  #contents.nps-case #main section dl dt span {
    display: inline-block;
    padding: 12px 0 0;
  }
  #contents.case #main section dl dd,
  #contents.nps-case #main section dl dd {
    padding: 0 37px 17px;
  }
  #contents.case #main section .related,
  #contents.nps-case #main section .related,
  #contents.campaign01 #main section .related {
    float: left;
    width: 188px !important;
  }
  #contents.case #main section .related dt,
  #contents.nps-case #main section .related dt,
  #contents.campaign01 #main section .related dt {
    padding: 18px 37px 4px 0;
  }
  #contents.case #main section .related dd,
  #contents.nps-case #main section .related dd,
  #contents.campaign01 #main section .related dd {
    padding: 0 37px 17px 0;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
#contents.caseDetail #main .introduces section dl dt,
#contents.serviceDetail #main .related section dl dt,
#contents.accessibility #main .related section dl dt,
.nps #contents.npsCaseDetail #main .introduces section dl dt,
#contents.campaign01 #main .introduces section dl dt,
#contents.campaign01 #main .related section dl dt {
  color: #09c;
  font-size: 12px;
  font-weight: normal;
  line-height: 27px;
  text-align: left;
}
#contents.caseDetail #main .introduces section dl dt a,
#contents.serviceDetail #main .related section dl dt a,
#contents.accessibility #main .related section dl dt a,
.nps #contents.npsCaseDetail #main .introduces section dl dt a,
#contents.campaign01 #main .introduces section dl dt a,
#contents.campaign01 #main .related section dl dt a {
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
}
#contents.caseDetail #main .introduces section dl dd,
#contents.serviceDetail #main .related section dl dd,
#contents.accessibility #main .related section dl dd,
.nps #contents.npsCaseDetail #main .introduces section dl dd,
#contents.campaign01 #main .introduces section dl dd,
#contents.campaign01 #main .related section dl dd {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}

#contents.serviceDetail #main .related section dl dt a {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

/* [SP] -------------------------------------------------------------------
/* FONT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.caseDetail #main .introduces section dl dt,
  #contents.serviceDetail #main .related section dl dt,
  #contents.accessibility #main .related section dl dt,
  .nps #contents.npsCaseDetail #main .introduces section dl dt,
  #contents.campaign01 #main .introduces section dl dt,
  #contents.campaign01 #main .related section dl dt {
    line-height: 24px;
  }
  #contents.caseDetail #main .introduces section dl dt a,
  #contents.serviceDetail #main .related section dl dt a,
  #contents.accessibility #main .related section dl dt a,
  .nps #contents.npsCaseDetail #main .introduces section dl dt a,
  #contents.campaign01 #main .introduces section dl dt a,
  #contents.campaign01 #main .related section dl dt a {
    line-height: 24px;
  }
}
/* [SP] -------------------------------------------------------------------
/* LAYOUT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .related section,
  #contents.campaign01 #main .related section {
    margin: 0 0 10px;
  }

  #contents.caseDetail #main .introduces h2 span,
  .nps #contents.npsCaseDetail #main .introduces h2 span,
  #contents.campaign01 #main .introduces h2 span {
    background-size: auto 24px;
  }
  #contents.caseDetail #main .introduces section,
  .nps #contents.npsCaseDetail #main .introduces section,
  #contents.campaign01 #main .introduces section {
    margin: 0 0 10px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.caseDetail #main .introduces,
  #contents.serviceDetail #main .related,
  .nps #contents.npsCaseDetail #main .introduces,
  #contents.campaign01 #main .introduces,
  #contents.campaign01 #main .related {
    margin: 0 0 40px;
  }
  #contents.caseDetail #main .introduces section,
  #contents.serviceDetail #main .related section,
  .nps #contents.npsCaseDetail #main .introduces section,
  #contents.campaign01 #main .introduces section,
  #contents.campaign01 #main .related section {
    margin: 0 0 20px !important;
  }
  #contents.caseDetail #main .introduces section dl,
  #contents.serviceDetail #main .related section dl,
  .nps #contents.npsCaseDetail #main .introduces section dl,
  #contents.campaign01 #main .introduces section dl,
  #contents.campaign01 #main .related section dl {
    display: table-cell;
    width: 569px;
    vertical-align: top;
  }
  #contents.caseDetail #main .introduces section dl dt,
  #contents.serviceDetail #main .related section dl dt,
  .nps #contents.npsCaseDetail #main .introduces section dl dt,
  #contents.campaign01 #main .introduces section dl dt,
  #contents.campaign01 #main .related section dl dt {
    padding: 13px 27px 1px;
  }
  #contents.caseDetail #main .introduces section dl dd,
  #contents.serviceDetail #main .related section dl dd,
  .nps #contents.npsCaseDetail #main .introduces section dl dd,
  #contents.campaign01 #main .introduces section dl dd,
  #contents.campaign01 #main .related section dl dd {
    padding: 0 27px 32px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL / CASE DETAIL
------------------------------------------------------------------------ */
#contents.serviceDetail #main section h2,
#contents.caseDetail #main section h2,
.nps #contents.npsCaseDetail #main section h2 {
  border: 2px solid #333333;
}
#contents.serviceDetail #main section h2 span,
#contents.caseDetail #main section h2 span,
.nps #contents.npsCaseDetail #main section h2 span {
  display: block;
  min-height: 30px;
}
#contents.serviceDetail #main .feature h2 span,
#contents.serviceDetail #main .effective h2 span,
#contents.caseDetail #main .feature h2 span,
#contents.caseDetail #main .effective h2 span,
.nps #contents.npsCaseDetail #main .feature h2 span,
.nps #contents.npsCaseDetail #main .effective h2 span {
  background-image: url("/service/images/tit_ico_00.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .function h2 span,
#contents.serviceDetail #main .outline h2 span,
#contents.serviceDetail #main .introduction h2 span,
#contents.serviceDetail #main .serviceContents h2 span,
#contents.serviceDetail #main .image h2 span,
#contents.serviceDetail #main .dataArea h2 span,
#contents.serviceDetail #main .functionOutline h2 span,
#contents.serviceDetail #main .potoraCustomer h2 span,
#contents.caseDetail #main .function h2 span,
#contents.caseDetail #main .outline h2 span,
#contents.caseDetail #main .introduction h2 span,
#contents.caseDetail #main .serviceContents h2 span,
#contents.caseDetail #main .image h2 span,
#contents.caseDetail #main .dataArea h2 span,
#contents.caseDetail #main .functionOutline h2 span,
.nps #contents.npsCaseDetail #main .function h2 span,
.nps #contents.npsCaseDetail #main .outline h2 span,
.nps #contents.npsCaseDetail #main .introduction h2 span,
.nps #contents.npsCaseDetail #main .serviceContents h2 span,
.nps #contents.npsCaseDetail #main .image h2 span,
.nps #contents.npsCaseDetail #main .dataArea h2 span,
.nps #contents.npsCaseDetail #main .functionOutline h2 span {
  background-image: url("/service/images/tit_ico_01.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .price h2 span,
#contents.serviceDetail #main .charge h2 span,
#contents.caseDetail #main .price h2 span,
#contents.caseDetail #main .charge h2 span,
.nps #contents.npsCaseDetail #main .price h2 span,
.nps #contents.npsCaseDetail #main .charge h2 span {
  background-image: url("/service/images/tit_ico_02.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .profile h2 span,
#contents.caseDetail #main .profile h2 span,
.nps #contents.npsCaseDetail #main .profile h2 span {
  background-image: url("/service/images/tit_ico_05.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .case h2 span,
#contents.caseDetail #main .case h2 span,
.nps #contents.npsCaseDetail #main .case h2 span {
  background-image: url("/service/images/tit_ico_04.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .related h2 span,
#contents.caseDetail #main .related h2 span,
.nps #contents.npsCaseDetail #main .related h2 span {
  background-image: url("/service/images/tit_ico_03.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .introduces h2 span,
#contents.caseDetail #main .introduces h2 span,
.nps #contents.npsCaseDetail #main .introduces h2 span {
  background-image: url("/service/images/tit_ico_06.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .scene h2 span,
#contents.serviceDetail #main .use h2 span,
#contents.serviceDetail #main .reference h2 span,
#contents.caseDetail #main .scene h2 span,
#contents.caseDetail #main .use h2 span,
#contents.caseDetail #main .reference h2 span,
.nps #contents.npsCaseDetail #main .scene h2 span,
.nps #contents.npsCaseDetail #main .use h2 span,
.nps #contents.npsCaseDetail #main .reference h2 span {
  background-image: url("/service/images/tit_ico_07.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .flow h2 span,
#contents.caseDetail #main .flow h2 span,
.nps #contents.npsCaseDetail #main .flow h2 span {
  background-image: url("/service/images/tit_ico_08.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .consultant-int h2 span,
#contents.caseDetail #main .consultant-int h2 span,
.nps #contents.npsCaseDetail #main .consultant-int h2 span {
  background-image: url("/service/images/tit_ico_09.png");
  background-color: white;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .case section, #contents.serviceDetail #main .related section, #contents.serviceDetail #main .introduces section,
#contents.caseDetail #main .case section,
#contents.caseDetail #main .related section,
#contents.caseDetail #main .introduces section,
.nps #contents.npsCaseDetail #main .case section,
.nps #contents.npsCaseDetail #main .related section,
.nps #contents.npsCaseDetail #main .introduces section,
#contents.campaign01 #main .related section,
#contents.campaign01 #main .introduces section {
  border: 1px solid #ececec;
}
#contents.serviceDetail #side p,
#contents.caseDetail #side p,
#contents.accessibility #side p,
.nps #contents.npsCaseDetail #side p {
  margin: 35px 0 0;
}
#contents.serviceDetail #side p img,
#contents.caseDetail #side p img,
#contents.accessibility #side p img,
.nps #contents.npsCaseDetail #side p img {
  width: 230px;
  height: auto;
}

#contents.solutionconsulting #main section h2 span {
  padding: 0 !important;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL / CASE DETAIL
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main,
  #contents.caseDetail #main,
  #contents.accessibility #main,
  .nps #contents.npsCaseDetail #main {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ececec;
  }
  #contents.serviceDetail #main section h2,
  #contents.caseDetail #main section h2,
  .nps #contents.npsCaseDetail #main section h2 {
    margin: 0 0 20px;
    padding: 8px 9px;
  }
  #contents.serviceDetail #main section h2 span,
  #contents.caseDetail #main section h2 span,
  #contents.accessibility #main section h2 span,
  .nps #contents.npsCaseDetail #main section h2 span {
    padding: 0 0 0 31px;
  }
  #contents.serviceDetail #main section section,
  #contents.caseDetail #main section section,
  #contents.accessibility #main section section,
  .nps #contents.npsCaseDetail #main section section {
    margin: 0;
  }
  #contents.serviceDetail #main .scene h2,
  #contents.serviceDetail #main .use h2,
  #contents.serviceDetail #main .reference h2,
  #contents.caseDetail #main .scene h2,
  #contents.caseDetail #main .use h2,
  #contents.caseDetail #main .reference h2,
  .nps #contents.npsCaseDetail #main .scene h2,
  .nps #contents.npsCaseDetail #main .use h2,
  .nps #contents.npsCaseDetail #main .reference h2 {
    padding: 8px 9px 8px 6px;
  }
  #contents.serviceDetail #main .scene h2 span,
  #contents.serviceDetail #main .use h2 span,
  #contents.serviceDetail #main .reference h2 span,
  #contents.caseDetail #main .scene h2 span,
  #contents.caseDetail #main .use h2 span,
  #contents.caseDetail #main .reference h2 span,
  .nps #contents.npsCaseDetail #main .scene h2 span,
  .nps #contents.npsCaseDetail #main .use h2 span,
  .nps #contents.npsCaseDetail #main .reference h2 span {
    padding: 0 0 0 35px;
  }
  #contents.serviceDetail #main .feature h2 span,
  #contents.caseDetail #main .feature h2 span,
  .nps #contents.npsCaseDetail #main .feature h2 span {
    background-size: auto 27px;
  }
  #contents.serviceDetail #main .function h2 span,
  #contents.caseDetail #main .function h2 span,
  .nps #contents.npsCaseDetail #main .function h2 span {
    background-size: auto 25px;
  }
  #contents.serviceDetail #main .price h2 span,
  #contents.caseDetail #main .price h2 span,
  .nps #contents.npsCaseDetail #main .price h2 span {
    background-size: auto 25px;
  }
  #contents.serviceDetail #main .profile h2 span,
  #contents.caseDetail #main .profile h2 span,
  .nps #contents.npsCaseDetail #main .profile h2 span {
    background-size: auto 26px;
  }
  #contents.serviceDetail #main .related h2 span,
  #contents.caseDetail #main .related h2 span,
  .nps #contents.npsCaseDetail #main .related h2 span,
  #contents.campaign01  #main .related h2 span {
    background-size: auto 30px;
  }
  #contents.serviceDetail #main .scene h2 span,
  #contents.serviceDetail #main .use h2 span,
  #contents.caseDetail #main .scene h2 span,
  #contents.caseDetail #main .use h2 span,
  .nps #contents.npsCaseDetail #main .scene h2 span,
  .nps #contents.npsCaseDetail #main .use h2 span {
    background-size: 29px auto;
  }
  #contents.serviceDetail #main .case section h3, #contents.serviceDetail #main .case section h4, #contents.serviceDetail #main .related section h3, #contents.serviceDetail #main .related section h4, #contents.serviceDetail #main .introduces section h3, #contents.serviceDetail #main .introduces section h4,
  #contents.caseDetail #main .case section h3,
  #contents.caseDetail #main .case section h4,
  #contents.caseDetail #main .related section h3,
  #contents.caseDetail #main .related section h4,
  #contents.caseDetail #main .introduces section h3,
  #contents.caseDetail #main .introduces section h4,
  .nps #contents.npsCaseDetail #main .case section h3,
  .nps #contents.npsCaseDetail #main .case section h4,
  .nps #contents.npsCaseDetail #main .related section h3,
  .nps #contents.npsCaseDetail #main .related section h4,
  .nps #contents.npsCaseDetail #main .introduces section h3,
  .nps #contents.npsCaseDetail #main .introduces section h4 ,
  #contents.campaign01  #main .related section h3,
  #contents.campaign01  #main .related section h4,
  #contents.campaign01  #main .introduces section h3,
  #contents.campaign01  #main .introduces section h4 {
    min-height: 98px;
    border-bottom: 1px solid #ececec;
  }
  #contents.serviceDetail #main .case section h3, #contents.serviceDetail #main .case section h4, #contents.serviceDetail #main .related section h3, #contents.serviceDetail #main .related section h4, #contents.serviceDetail #main .introduces section h3, #contents.serviceDetail #main .introduces section h4,
  #contents.caseDetail #main .case section h3,
  #contents.caseDetail #main .case section h4,
  #contents.caseDetail #main .related section h3,
  #contents.caseDetail #main .related section h4,
  #contents.caseDetail #main .introduces section h3,
  #contents.caseDetail #main .introduces section h4,
  .nps #contents.npsCaseDetail #main .case section h3,
  .nps #contents.npsCaseDetail #main .case section h4,
  .nps #contents.npsCaseDetail #main .related section h3,
  .nps #contents.npsCaseDetail #main .related section h4,
  .nps #contents.npsCaseDetail #main .introduces section h3,
  .nps #contents.npsCaseDetail #main .introduces section h4,
  #contents.campaign01 #main .related section h3,
  #contents.campaign01 #main .related section h4,
  #contents.campaign01 #main .introduces section h3,
  #contents.campaign01 #main .introduces section h4 {
    display: table;
    width: 100%;
  }
  #contents.serviceDetail #main .case section h3 a, #contents.serviceDetail #main .case section h3 span, #contents.serviceDetail #main .case section h4 a, #contents.serviceDetail #main .case section h4 span, #contents.serviceDetail #main .related section h3 a, #contents.serviceDetail #main .related section h3 span, #contents.serviceDetail #main .related section h4 a, #contents.serviceDetail #main .related section h4 span, #contents.serviceDetail #main .introduces section h3 a, #contents.serviceDetail #main .introduces section h3 span, #contents.serviceDetail #main .introduces section h4 a, #contents.serviceDetail #main .introduces section h4 span,
  #contents.caseDetail #main .case section h3 a,
  #contents.caseDetail #main .case section h3 span,
  #contents.caseDetail #main .case section h4 a,
  #contents.caseDetail #main .case section h4 span,
  #contents.caseDetail #main .related section h3 a,
  #contents.caseDetail #main .related section h3 span,
  #contents.caseDetail #main .related section h4 a,
  #contents.caseDetail #main .related section h4 span,
  #contents.caseDetail #main .introduces section h3 a,
  #contents.caseDetail #main .introduces section h3 span,
  #contents.caseDetail #main .introduces section h4 a,
  #contents.caseDetail #main .introduces section h4 span,
  .nps #contents.npsCaseDetail #main .case section h3 a,
  .nps #contents.npsCaseDetail #main .case section h3 span,
  .nps #contents.npsCaseDetail #main .case section h4 a,
  .nps #contents.npsCaseDetail #main .case section h4 span,
  .nps #contents.npsCaseDetail #main .related section h3 a,
  .nps #contents.npsCaseDetail #main .related section h3 span,
  .nps #contents.npsCaseDetail #main .related section h4 a,
  .nps #contents.npsCaseDetail #main .related section h4 span,
  .nps #contents.npsCaseDetail #main .introduces section h3 a,
  .nps #contents.npsCaseDetail #main .introduces section h3 span,
  .nps #contents.npsCaseDetail #main .introduces section h4 a,
  .nps #contents.npsCaseDetail #main .introduces section h4 span,
  #contents.campaign01 #main .related section h3 a,
  #contents.campaign01 #main .related section h3 span,
  #contents.campaign01 #main .related section h4 a,
  #contents.campaign01 #main .related section h4 span,
  #contents.campaign01 #main .introduces section h3 a,
  #contents.campaign01 #main .introduces section h3 span,
  #contents.campaign01 #main .introduces section h4 a,
  #contents.campaign01 #main .introduces section h4 span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 98px;
    text-align: center;
    vertical-align: middle;
  }
  #contents.serviceDetail #main .case section dt, #contents.serviceDetail #main .related section dt, #contents.serviceDetail #main .introduces section dt,
  #contents.caseDetail #main .case section dt,
  #contents.caseDetail #main .related section dt,
  #contents.caseDetail #main .introduces section dt,
  .nps #contents.npsCaseDetail #main .case section dt,
  .nps #contents.npsCaseDetail #main .related section dt,
  .nps #contents.npsCaseDetail #main .introduces section dt,
  #contents.campaign01 #main .related section dt,
  #contents.campaign01 #main .introduces section dt {
    padding: 14px 20px 7px;
  }
  #contents.serviceDetail #main .case section dd, #contents.serviceDetail #main .related section dd, #contents.serviceDetail #main .introduces section dd,
  #contents.caseDetail #main .case section dd,
  #contents.caseDetail #main .related section dd,
  #contents.caseDetail #main .introduces section dd,
  .nps #contents.npsCaseDetail #main .case section dd,
  .nps #contents.npsCaseDetail #main .related section dd,
  .nps #contents.npsCaseDetail #main .introduces section dd,
  #contents.campaign01 #main .related section dd,
  #contents.campaign01 #main .introduces section dd {
    padding: 0 20px 14px;
  }
  #contents.serviceDetail #main .inq,
  #contents.caseDetail #main .inq,
  .nps #contents.npsCaseDetail #main .inq {
    display: none;
  }
  #contents.serviceDetail #side p,
  #contents.caseDetail #side p,
  #contents.accessibility #side p,
  .nps #contents.npsCaseDetail #side p {
    text-align: center;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL / CASE DETAIL
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail,
  #contents.caseDetail,
  #contents.accessibility,
  .nps #contents.npsCaseDetail {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    display: block;
  }
  #contents.serviceDetail:after,
  #contents.caseDetail:after,
  #contents.accessibility:after,
  .nps #contents.npsCaseDetail:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.serviceDetail, * html
  #contents.caseDetail, * html
  #contents.accessibility, * html
  .nps #contents.npsCaseDetail {
    height: 1%;
  }
  #contents.serviceDetail #main,
  #contents.caseDetail #main,
  #contents.accessibility #main,
  .nps #contents.npsCaseDetail #main {
    float: left;
    width: 720px;
  }
  #contents.serviceDetail #main section,
  #contents.caseDetail #main section,
  #contents.accessibility #main section,
  .nps #contents.npsCaseDetail #main section {
    margin: 0 0 40px;
  }
  #contents.serviceDetail #main section h2,
  #contents.caseDetail #main section h2,
  .nps #contents.npsCaseDetail #main section h2 {
    margin: 0 0 40px;
    padding: 11px 18px;
  }
  #contents.serviceDetail #main section h2 span,
  #contents.caseDetail #main section h2 span,
  #contents.accessibility #main section h2 span,
  .nps #contents.npsCaseDetail #main section h2 span {
    padding: 0 0 0 36px;
  }
  #contents.serviceDetail #main .scene h2,
  #contents.serviceDetail #main .use h2,
  #contents.serviceDetail #main .reference h2,
  #contents.caseDetail #main .scene h2,
  #contents.caseDetail #main .use h2,
  #contents.caseDetail #main .reference h2,
  .nps #contents.npsCaseDetail #main .scene h2,
  .nps #contents.npsCaseDetail #main .use h2,
  .nps #contents.npsCaseDetail #main .reference h2 {
    padding: 11px 18px 11px 12px;
  }
  #contents.serviceDetail #main .scene h2 span,
  #contents.serviceDetail #main .use h2 span,
  #contents.serviceDetail #main .reference h2 span,
  #contents.caseDetail #main .scene h2 span,
  #contents.caseDetail #main .use h2 span,
  #contents.caseDetail #main .reference h2 span,
  .nps #contents.npsCaseDetail #main .scene h2 span,
  .nps #contents.npsCaseDetail #main .use h2 span,
  .nps #contents.npsCaseDetail #main .reference h2 span {
    padding: 0 0 0 42px;
  }
  #contents.serviceDetail #main .case section, #contents.serviceDetail #main .related section, #contents.serviceDetail #main .profile section, #contents.serviceDetail #main .introduces section,
  #contents.caseDetail #main .case section,
  #contents.caseDetail #main .related section,
  #contents.caseDetail #main .profile section,
  #contents.caseDetail #main .introduces section,
  .nps #contents.npsCaseDetail #main .case section,
  .nps #contents.npsCaseDetail #main .related section,
  .nps #contents.npsCaseDetail #main .profile section,
  .nps #contents.npsCaseDetail #main .introduces section,
  #contents.campaign01 #main .related section,
  #contents.campaign01 #main .introduces section {
    display: table;
    margin: 0;
  }
  #contents.serviceDetail #main .case section h3, #contents.serviceDetail #main .case section h4, #contents.serviceDetail #main .related section h3, #contents.serviceDetail #main .related section h4, #contents.serviceDetail #main .profile section h3, #contents.serviceDetail #main .profile section h4, #contents.serviceDetail #main .introduces section h3, #contents.serviceDetail #main .introduces section h4,
  #contents.caseDetail #main .case section h3,
  #contents.caseDetail #main .case section h4,
  #contents.caseDetail #main .related section h3,
  #contents.caseDetail #main .related section h4,
  #contents.caseDetail #main .profile section h3,
  #contents.caseDetail #main .profile section h4,
  #contents.caseDetail #main .introduces section h3,
  #contents.caseDetail #main .introduces section h4,
  .nps #contents.npsCaseDetail #main .case section h3,
  .nps #contents.npsCaseDetail #main .case section h4,
  .nps #contents.npsCaseDetail #main .related section h3,
  .nps #contents.npsCaseDetail #main .related section h4,
  .nps #contents.npsCaseDetail #main .profile section h3,
  .nps #contents.npsCaseDetail #main .profile section h4,
  .nps #contents.npsCaseDetail #main .introduces section h3,
  .nps #contents.npsCaseDetail #main .introduces section h4,
  #contents.campaign01 #main .related section h3,
  #contents.campaign01 #main .related section h4,
  #contents.campaign01 #main .introduces section h3,
  #contents.campaign01 #main .introduces section h4 {
    text-align: center;



    vertical-align: middle;
  }
  #contents.serviceDetail #main .case section, #contents.serviceDetail #main .related section, #contents.serviceDetail #main .introduces section,
  #contents.caseDetail #main .case section,
  #contents.caseDetail #main .related section,
  #contents.caseDetail #main .introduces section,
  .nps #contents.npsCaseDetail #main .case section,
  .nps #contents.npsCaseDetail #main .related section,
  .nps #contents.npsCaseDetail #main .introduces section,
  #contents.campaign01 #main .related section,
  #contents.campaign01 #main .introduces section {
    min-height: 150px;
  }
  #contents.serviceDetail #main .case section h3, #contents.serviceDetail #main .case section h4, #contents.serviceDetail #main .related section h3, #contents.serviceDetail #main .related section h4, #contents.serviceDetail #main .introduces section h3, #contents.serviceDetail #main .introduces section h4,
  #contents.caseDetail #main .case section h3,
  #contents.caseDetail #main .case section h4,
  #contents.caseDetail #main .related section h3,
  #contents.caseDetail #main .related section h4,
  #contents.caseDetail #main .introduces section h3,
  #contents.caseDetail #main .introduces section h4,
  .nps #contents.npsCaseDetail #main .case section h3,
  .nps #contents.npsCaseDetail #main .case section h4,
  .nps #contents.npsCaseDetail #main .related section h3,
  .nps #contents.npsCaseDetail #main .related section h4,
  .nps #contents.npsCaseDetail #main .introduces section h3,
  .nps #contents.npsCaseDetail #main .introduces section h4,
  #contents.campaign01 #main .related section h3,
  #contents.campaign01 #main .related section h4,
  #contents.campaign01 #main .introduces section h3,
  #contents.campaign01 #main .introduces section h4 {
    display: table-cell;
    width: 150px;
    vertical-align: top;
    border-right: 1px solid #ececec;
  }
  #contents.serviceDetail #main .case section h3 a, #contents.serviceDetail #main .case section h3 span, #contents.serviceDetail #main .case section h4 a, #contents.serviceDetail #main .case section h4 span, #contents.serviceDetail #main .related section h3 a, #contents.serviceDetail #main .related section h3 span, #contents.serviceDetail #main .related section h4 a, #contents.serviceDetail #main .related section h4 span, #contents.serviceDetail #main .introduces section h3 a, #contents.serviceDetail #main .introduces section h3 span, #contents.serviceDetail #main .introduces section h4 a, #contents.serviceDetail #main .introduces section h4 span,
  #contents.caseDetail #main .case section h3 a,
  #contents.caseDetail #main .case section h3 span,
  #contents.caseDetail #main .case section h4 a,
  #contents.caseDetail #main .case section h4 span,
  #contents.caseDetail #main .related section h3 a,
  #contents.caseDetail #main .related section h3 span,
  #contents.caseDetail #main .related section h4 a,
  #contents.caseDetail #main .related section h4 span,
  #contents.caseDetail #main .introduces section h3 a,
  #contents.caseDetail #main .introduces section h3 span,
  #contents.caseDetail #main .introduces section h4 a,
  #contents.caseDetail #main .introduces section h4 span,
  .nps #contents.npsCaseDetail #main .case section h3 a,
  .nps #contents.npsCaseDetail #main .case section h3 span,
  .nps #contents.npsCaseDetail #main .case section h4 a,
  .nps #contents.npsCaseDetail #main .case section h4 span,
  .nps #contents.npsCaseDetail #main .related section h3 a,
  .nps #contents.npsCaseDetail #main .related section h3 span,
  .nps #contents.npsCaseDetail #main .related section h4 a,
  .nps #contents.npsCaseDetail #main .related section h4 span,
  .nps #contents.npsCaseDetail #main .introduces section h3 a,
  .nps #contents.npsCaseDetail #main .introduces section h3 span,
  .nps #contents.npsCaseDetail #main .introduces section h4 a,
  .nps #contents.npsCaseDetail #main .introduces section h4 span,
  #contents.campaign01 #main .related section h3 a,
  #contents.campaign01 #main .related section h3 span,
  #contents.campaign01 #main .related section h4 a,
  #contents.campaign01 #main .related section h4 span,
  #contents.campaign01 #main .introduces section h3 a,
  #contents.campaign01 #main .introduces section h3 span,
  #contents.campaign01 #main .introduces section h4 a,
  #contents.campaign01 #main .introduces section h4 span {
    display: table-cell;
    width: 148px;
    vertical-align: top;
    height: 148px;
    text-align: center;
    vertical-align: middle;
  }
  #contents.serviceDetail #main .inq,
  #contents.caseDetail #main .inq,
  #contents.accessibility #main .inq,
  .nps #contents.npsCaseDetail #main .inq {
    padding: 40px 0 0;
    border-top: 1px solid #ececec;
  }
  #contents.serviceDetail #side,
  #contents.caseDetail #side,
  #contents.accessibility #side,
  .nps #contents.npsCaseDetail #side {
    float: right;
    width: 230px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
#contents.caseDetail #main .introduces section dl dt,
#contents.serviceDetail #main .related section dl dt,
.nps #contents.npsCaseDetail #main .introduces section dl dt,
#contents.campaign01 #main .introduces section dl dt,
#contents.campaign01 #main .related section dl dt {
  color: #09c;
  font-size: 12px;
  font-weight: normal;
  line-height: 27px;
  text-align: left;
}
#contents.caseDetail #main .introduces section dl dt a,
#contents.serviceDetail #main .related section dl dt a,
.nps #contents.npsCaseDetail #main .introduces section dl dt a,
#contents.campaign01 #main .introduces section dl dt a,
#contents.campaign01 #main .related section dl dt a {
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
}
#contents.caseDetail #main .introduces section dl dd,
#contents.serviceDetail #main .related section dl dd,
.nps #contents.npsCaseDetail #main .introduces section dl dd,
#contents.campaign01 #main .introduces section dl dd,
#contents.campaign01 #main .related section dl dd {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}

#contents.serviceDetail #main .related section dl dt a {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

/* [SP] -------------------------------------------------------------------
/* FONT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.caseDetail #main .introduces section dl dt,
  #contents.serviceDetail #main .related section dl dt,
  .nps #contents.npsCaseDetail #main .introduces section dl dt,
  #contents.campaign01 #main .introduces section dl dt,
  #contents.campaign01 #main .related section dl dt {
    line-height: 24px;
  }
  #contents.caseDetail #main .introduces section dl dt a,
  #contents.serviceDetail #main .related section dl dt a,
  .nps #contents.npsCaseDetail #main .introduces section dl dt a,
  #contents.campaign01 #main .introduces section dl dt a,
  #contents.campaign01 #main .related section dl dt a {
    line-height: 24px;
  }
}
/* [SP] -------------------------------------------------------------------
/* LAYOUT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .related section {
    margin: 0 0 10px;
  }

  #contents.caseDetail #main .introduces h2 span,
  .nps #contents.npsCaseDetail #main .introduces h2 span {
    background-size: auto 24px;
  }
  #contents.caseDetail #main .introduces section,
  .nps #contents.npsCaseDetail #main .introduces section {
    margin: 0 0 10px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : INTRODUCES / RELATED
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.caseDetail #main .introduces,
  #contents.serviceDetail #main .related,
  .nps #contents.npsCaseDetail #main .introduces,
  #contents.campaign01 #main .introduces,
  #contents.campaign01 #main .related {
    margin: 0 0 40px;
  }
  #contents.caseDetail #main .introduces section,
  #contents.serviceDetail #main .related section,
  .nps #contents.npsCaseDetail #main .introduces section,
  #contents.campaign01 #main .introduces section,
  #contents.campaign01 #main .related section {
    margin: 0 auto 20px auto !important;
  }
  #contents.caseDetail #main .introduces section dl,
  #contents.serviceDetail #main .related section dl,
  .nps #contents.npsCaseDetail #main .introduces section dl,
  #contents.campaign01 #main .introduces section dl,
  #contents.campaign01 #main .related section dl {
    display: table-cell;
    width: 569px;
    vertical-align: top;
  }
  #contents.caseDetail #main .introduces section dl dt,
  #contents.serviceDetail #main .related section dl dt,
  .nps #contents.npsCaseDetail #main .introduces section dl dt,
  #contents.campaign01 #main .introduces section dl dt,
  #contents.campaign01 #main .related section dl dt {
    padding: 13px 27px 1px;
  }
  #contents.caseDetail #main .introduces section dl dd,
  #contents.serviceDetail #main .related section dl dd,
  .nps #contents.npsCaseDetail #main .introduces section dl dd,
  #contents.campaign01 #main .introduces section dl dd,
  #contents.campaign01 #main .related section dl dd {
    padding: 0 27px 32px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL / CASE DETAIL
------------------------------------------------------------------------ */
.nps #contents.npsCaseDetail #main #caseContents .outline h2,
.nps #contents.npsCaseDetail #main #caseContents .effect h2,
.nps #contents.npsCaseDetail #main #caseContents .comment h2 {
  margin: 0;
  padding: 0;
  border: none;
}
.nps #contents.npsCaseDetail #main #caseContents .effect ul li span {
  font-weight: bold !important;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL / CASE DETAIL
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  .nps #contents.npsCaseDetail #main #caseContents {
    padding: 20px 19px 0;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit {
    margin: 0 0 15px;
    padding: 0 0 17px;
    border-bottom: 1px solid #ececec;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit h1 {
    display: table;
    width: 100%;
    margin: 0 0 16px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit h1 span {
    display: table-cell;
    height: 138px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit h1 img {
    height: 50px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit h1 a, .nps #contents.npsCaseDetail #main #caseContents .tit h1 span {
    border: 1px solid #ececec;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit p {
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit p a {
    display: inline-block;
    margin: 10px 0 0;
    color: #999999;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
  }
  .nps #contents.npsCaseDetail #main #caseContents .lead {
    margin: 0 0 8px;
    color: #0099cc;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
  }
  .nps #contents.npsCaseDetail #main #caseContents .outline,
  .nps #contents.npsCaseDetail #main #caseContents .effect,
  .nps #contents.npsCaseDetail #main #caseContents .comment {
    margin: 0 0 8px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .outline h2,
  .nps #contents.npsCaseDetail #main #caseContents .effect h2,
  .nps #contents.npsCaseDetail #main #caseContents .comment h2 {
    margin: 0 0 8px;
    padding: 0;
    border: none;
  }
  .nps #contents.npsCaseDetail #main #caseContents .outline p,
  .nps #contents.npsCaseDetail #main #caseContents .effect p,
  .nps #contents.npsCaseDetail #main #caseContents .comment p {
    font-size: 14px;
    line-height: 26px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .effect ul {
    display: table;
    margin: -10px 0 0 !important;
  }
  .nps #contents.npsCaseDetail #main #caseContents .effect ul li {
    display: table-row;
    width: 100%;
    height: 60px !important;
    line-height: 20px;
    font-weight: bold;
  }
  .nps #contents.npsCaseDetail #main #caseContents .effect ul li span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 60px !important;
    padding: 0 0 0 60px;
    background-image: url("/common/images/ico_check.png");
    background-color: transparent;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
  }
  .nps #contents.npsCaseDetail #main #caseContents .comment {
    margin: 0 0 24px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .introduces .logo {
    height: 65px;
    width: auto !important;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL / CASE DETAIL
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  .nps #contents.npsCaseDetail {
    width: 100%;
  }
  .nps #contents.npsCaseDetail #side {
    display: none;
  }

  .nps #contents.npsCaseDetail #main {
    width: 100%;
    float: none;
  }
  .nps #contents.npsCaseDetail #main #caseContents.case001 .tit {
    padding: 0 0 13px;
  }
  .nps #contents.npsCaseDetail #main #caseContents.case001 .tit p {
    padding: 16px 0 0 16px;
  }
  .nps #contents.npsCaseDetail #main #caseContents.case002 .tit {
    padding: 0 0 14px;
  }
  .nps #contents.npsCaseDetail #main #caseContents.case002 .tit p {
    padding: 9px 0 0 16px;
  }
  .nps #contents.npsCaseDetail #main #caseContents.case003 .tit {
    padding: 0 0 9px;
  }
  .nps #contents.npsCaseDetail #main #caseContents.case003 .tit p {
    padding: 7px 0 0 16px;
  }
  .nps #contents.npsCaseDetail #main #caseContents {
    width: 990px;
    margin: 0 auto;
    text-align: left;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit {
    margin: 0 0 30px;
    border-bottom: 1px solid #5c5c5c;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit h1 {
    display: inline-block;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit p {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 23px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .tit p a {
    font-size: 14px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .lead {
    margin: 0 0 47px;
    color: #286684;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
  }
  .nps #contents.npsCaseDetail #main #caseContents .inner {
    padding: 0 40px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .outline p,
  .nps #contents.npsCaseDetail #main #caseContents .effect p,
  .nps #contents.npsCaseDetail #main #caseContents .comment p {
    font-size: 14px;
    line-height: 26px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .outline h2 {
    margin: 0 0 4px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .effect h2 {
    margin: 0 0 23px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .effect ul {
    margin: 0 0 24px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .effect ul li {
    margin: 0 0 20px;
    padding: 0 0 0 55px;
    background-image: url("/service/nps/images/ico_01.png");
    background-color: white;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    line-height: 40px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .comment h2 {
    margin: 0 0 16px;
    padding: 0 0 0 50px;
    background-image: url("/service/nps/images/ico_00.png");
    background-color: white;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    line-height: 32px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .introduces {
    margin: 0 0 50px;
  }
  .nps #contents.npsCaseDetail #main #caseContents .introduces section h3 a {
    width: 149px;
    height: 152px;
    line-height: 0;
  }
  .nps #contents.npsCaseDetail #main #caseContents .introduces dl {
    width: 840px;
  }
  .nps #contents.npsCaseDetail #main .tell-mail {
    padding: 0;
    border-top: none;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : PROFILE
------------------------------------------------------------------------ */
#contents.caseDetail #main .profile section dl dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.caseDetail #main .profile section dl dt a {
  color: #999999;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
}
#contents.caseDetail #main .profile section dl dt span {
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
}
#contents.caseDetail #main .profile section dl dd {
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : PROFILE
------------------------------------------------------------------------ */
/* [SP] -------------------------------------------------------------------
/* LAYOUT : PROFILE
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.caseDetail #main .profile {
    margin: 0 0 33px;
  }
  #contents.caseDetail #main .profile section h3 {
    display: table;
    width: 100%;
    margin: 0 0 13px;
  }
  #contents.caseDetail #main .profile section h3 a, #contents.caseDetail #main .profile section h3 span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 138px;
    border: 1px solid #ececec;
    text-align: center;
    vertical-align: middle;
  }
  #contents.caseDetail #main .profile section h3 img {
    width: 120px;
    height: auto;
  }
  #contents.caseDetail #main .profile section dt {
    margin: 0 0 9px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : PROFILE
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.caseDetail #main .profile {
    margin: 0 0 54px;
  }
  #contents.caseDetail #main .profile section h3 {
    display: table-cell;
    width: 150px;
    vertical-align: top;
  }
  #contents.caseDetail #main .profile section h3 a, #contents.caseDetail #main .profile section h3 span {
    display: table-cell;
    width: 148px;
    vertical-align: top;
    height: 148px;
    border: 1px solid #ececec;
    text-align: center;
    vertical-align: middle;
  }
  #contents.caseDetail #main .profile section h3 img {
    width: 120px;
    height: auto;
  }
  #contents.caseDetail #main .profile section dl {
    display: table-cell;
    width: 569px;
    vertical-align: top;
  }
  #contents.caseDetail #main .profile section dl dt {
    margin: -6px 0 0;
    padding: 0 0 0 30px;
  }
  #contents.caseDetail #main .profile section dl dd {
    padding: 5px 0 0 30px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : CASE DETAIL
------------------------------------------------------------------------ */
#contents.caseDetail #main header h2 {
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.caseDetail #main header dt {
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.caseDetail #main header dd a {
  color: #999999;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
}
#contents.caseDetail #main .description h2 {
  color: #09c;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.caseDetail #main .description h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.caseDetail #main .description p, #contents.caseDetail #main .description dd {
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
}
#contents.caseDetail #main .description dt {
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.caseDetail #main .description div dd {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  text-align: left;
}
#contents.caseDetail #main .description .boxList dl dd {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  text-align: left;
}
#contents.caseDetail #main .description .boxMessage div dl dd {
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
}
/*for docomo start*/
#contents.caseDetail.case011 #main .description dt {
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
}
#contents.caseDetail.case011 #main .description .boxMessage div dl dd {
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
/*for docomo start*/
#contents.caseDetail #main .description .boxMessage li, #contents.caseDetail #main .description .boxMessage li span, #contents.caseDetail #main .description .boxMessage p, #contents.caseDetail #main .description .boxMessage p span {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  text-align: left;
}
#contents.caseDetail #main .description ol li {
  line-height: 24px;
}
#contents.caseDetail #main .description section p span {
  font-weight: bold;
}
#contents.caseDetail #main .description .checkList li {
  font-weight: bold;
}
#contents.caseDetail #side #subNav li{
  margin-bottom:13px;
}
#contents.caseDetail #side #subNav li a{
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  text-align: left;
  text-decoration: none;
}
#contents.caseDetail #side #subNav li a span{
  color: #999999;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
}
#contents.caseDetail #side #subNav li a:hover{
  color: #333333;
}
#contents.caseDetail #side #subNav li a:hover span{
  color: #333333;
}

#contents.case001 #main .description .d4 p {
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
}
#contents.case001 #main .description .d4 div p {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  text-align: left;
}

/* [SP] -------------------------------------------------------------------
/* FONT : CASE DETAIL
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.caseDetail #main .description h3 {
    line-height: 28px;
  }
  #contents.caseDetail #main .description .checkList li {
    line-height: 20px;
  }
  #contents.caseDetail #side #subNav li a,
  #contents.accessibility #side #subNav li a {
    color: #fff;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 24px;
  }
  #contents.caseDetail #side #subNav li a {
    color: #999;
  }
  #contents.caseDetail #side #subNav li a:hover,
  #contents.accessibility #side #subNav li a:hover {
    color: #fff !important;
  }
  #contents.caseDetail #side #subNav li a:hover {
    color: #333 !important;
  }
  #contents.caseDetail #side #subNav li a:hover span,
  #contents.accessibility #side #subNav li a:hover span {
    color: #fff;
  }
  #contents.caseDetail #side #subNav li a:hover span {
    color: #333;
  }
  #contents.caseDetail #side #subNav li a span
  #contents.accessibility #side #subNav li a span {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : CASE DETAIL
------------------------------------------------------------------------ */
#contents.caseDetail #main header {
  border-bottom: 1px solid #ececec;
}
#contents.caseDetail #main header h1 {
  display: table;
}
#contents.caseDetail #main header h1 a, #contents.caseDetail #main header h1 span {
  border: 1px solid #ececec;
}
#contents.caseDetail #main .description header {
  border-bottom: none;
}
#contents.caseDetail #main .description h2 {
  margin: 0;
  padding: 0;
  border: none;
}

#contents.caseDetail #main header h1 img {
  width: 120px;
  height: auto;
}

#contents.case011 #main header h1 img {
  width: 127px;
  height: 26px;
}

#contents.case012 #main header h1 img {
  width: 127px;
  height: 33px;
}

#contents.case011 .boxMessage dl dd span img {
  width: 127px;
  height: 26px;
}

#contents.case012 .boxMessage dl dt span img {
  width: 127px;
  height: 33px;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : CASE DETAIL
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.caseDetail .boxList {
    margin: 0 0 21px;
  }
  #contents.caseDetail .boxList div {
    width: 100%;
  }
  #contents.caseDetail .boxList div ul {
    margin: 14px 0 0;
    width: 100%;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxList div ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxList div ul {
    height: 1%;
  }
  #contents.caseDetail .boxList div ul li {
    float: left;
    width: 48%;
    margin: 0 0 0 2%;
  }
  #contents.caseDetail .boxList div ul li:first-child {
    margin: 0;
  }
  #contents.caseDetail .boxList div ul li dl {
    margin: 0;
  }
  #contents.caseDetail .boxList dl {
    margin: 17px 0 0;
  }

  #contents.caseDetail .boxPlain {
    margin: 0 0 18px;
  }

  #contents.caseDetail .boxImg {
    margin: 0 0 16px;
  }
  #contents.caseDetail .boxImg div .img {
    margin: 13px 0 0;
  }

  #contents.caseDetail .boxDl {
    margin: 0 0 16px;
  }
  #contents.caseDetail .boxDl div dl {
    margin: 13px 0 0;
  }

  #contents.caseDetail .boxMessage {
    margin: 6px 0 24px;
  }
  #contents.caseDetail .boxMessage div p {
    width: 54%;
    margin: 0 0 8px;
  }
  #contents.caseDetail .boxMessage div dl dt {
    margin: 0 0 8px;
  }
  #contents.caseDetail .boxMessage div ul {
    margin: 14px 0 0;
    width: 100%;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxMessage div ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxMessage div ul {
    height: 1%;
  }
  #contents.caseDetail .boxMessage div ul li {
    float: left;
    width: 48%;
    margin: 0 0 0 2%;
  }
  #contents.caseDetail .boxMessage div ul li:first-child {
    margin: 0;
  }
  #contents.caseDetail .boxMessage div ul li dl {
    margin: 0;
  }

  #contents.case011 .boxMessage ul {
    margin: 14px 0 17px !important;
  }
  #contents.case011 .boxMessage dt img {
    width: 127px !important;
    height: 26px !important;
  }
  #contents.caseDetail.case011 .boxMessage div ul li {
    float: none;
    width: 95%;
    margin: 0 0 0 2%;
  }
  
  #contents.case012 .boxMessage p {
    margin: 14px 0 17px !important;
  }

  #contents.caseDetail .checkList {
    display: table;
    margin: -10px 0 0 !important;
  }
  #contents.caseDetail .checkList li {
    display: table-row;
    width: 100%;
    height: 60px !important;
  }
  #contents.caseDetail .checkList li span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 60px !important;
    padding: 0 0 0 60px;
    background-image: url("/common/images/ico_check.png");
    background-color: transparent;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
  }

  #contents.caseDetail #main header {
    margin: 0 0 15px;
    padding: 0 0 17px;
  }
  #contents.caseDetail #main header .img {
    margin: 14px 0 0;
  }
  #contents.caseDetail #main .description header {
    margin: 0;
    padding: 0;
  }

  #contents.case007 #main .description .d1 dt img {
    width: 50%;
    height: auto;
  }
  #contents.case007 #main .description .d2 dt img {
    width: 50%;
    height: auto;
  }

  #contents.caseDetail #main .description header {
    margin: 0 0 22px;
  }

  #contents.case003 #main .description header,
  #contents.case007 #main .description header {
    margin: 0 0 18px;
  }

  #contents.case004 #main .description header,
  #contents.case005 #main .description header {
    margin: 0 0 17px;
  }

  #contents.case006 #main .description header {
    margin: 0 0 21px;
  }

  #contents.case008 #main .description header,
  #contents.case009 #main .description header,
  #contents.case010 #main .description header,
  #contents.case011 #main .description header,
  #contents.case012 #main .description header {
    margin: 0 0 8px;
  }

  #contents.caseDetail #main .description header h2 {
    margin: 0 0 8px;
  }

  #contents.case008 #main .description header h2,
  #contents.case009 #main .description header h2,
  #contents.case010 #main .description header h2,
  #contents.case011 #main .description header h2,
  #contents.case012 #main .description header h2 {
    margin: 0;
  }

  #contents.case001 #main .description .d0 {
    margin: 0 0 22px;
  }
  #contents.case001 #main .description .d1 {
    margin: 0 0 20px;
  }
  #contents.case001 #main .description .d2 {
    margin: 0 0 12px;
  }
  #contents.case001 #main .description .d3 {
    margin: 0 0 22px;
  }
  #contents.case001 #main .description .d4 {
    margin: 0 0 24px;
  }
  #contents.case001 #main .description .d4 div {
    margin: 14px 0 0;
  }
  #contents.case001 #main .description .d4 p {
    margin: 17px 0 0;
  }
  #contents.case001 #main .description .d4 div p {
    margin: 0 0 8px;
  }

  #contents.case002 #main .description .d0 {
    margin: 0 0 18px;
  }
  #contents.case002 #main .description .d1 {
    margin: 0 0 18px;
  }
  #contents.case002 #main .description .d2 {
    margin: 0 0 12px;
  }
  #contents.case002 #main .description .d3 {
    margin: 0 0 24px;
  }

  #contents.case003 #main .description .d0 {
    margin: 0 0 15px;
  }
  #contents.case003 #main .description .d1 {
    margin: 0 0 23px;
  }

  #contents.case004 #main .description .d0 {
    margin: 0 0 18px;
  }
  #contents.case004 #main .description .d1 {
    margin: 0 0 18px;
  }
  #contents.case004 #main .description .d2 {
    margin: 0 0 25px;
  }

  #contents.case005 #main .description header p {
    margin: 7px 0 0;
  }
  #contents.case005 #main .description .d0 {
    margin: 0 0 18px;
  }
  #contents.case005 #main .description .d1 {
    margin: 0 0 18px;
  }
  #contents.case005 #main .description .d2 {
    margin: 0 0 20px;
  }
  #contents.case005 #main .description .d3 {
    margin: 0 0 27px;
  }

  #contents.case006 #main .description .d0 {
    margin: 0 0 18px;
  }
  #contents.case006 #main .description .d1 {
    margin: 0 0 21px;
  }
  #contents.case006 #main .description .d2 {
    margin: 0 0 22px;
  }
  #contents.case006 #main .description .d3 {
    margin: 0 0 22px;
  }
  #contents.case006 #main .description .d4 {
    margin: 0 0 24px;
  }

  #contents.case007 #main .description header p {
    margin: 7px 0 0;
  }
  #contents.case007 #main .description .d0 {
    margin: 0 0 21px;
  }
  #contents.case007 #main .description .d1 {
    margin: 0 0 21px;
  }
  #contents.case007 #main .description .d2 {
    margin: 0 0 22px;
  }
  #contents.case007 #main .description .d3 {
    margin: 0 0 18px;
  }
  #contents.case007 #main .description .d4 {
    margin: 0 0 23px;
  }
  #contents.case007 #main .description .d0 div p,
  #contents.case007 #main .description .d2 div p {
    margin: 0;
  }
  #contents.case007 #main .description .d0 p,
  #contents.case007 #main .description .d2 p {
    margin: 12px 0 0;
  }

  #contents.simple #main .description .d0 {
    margin: 0 0 9px;
  }
  #contents.simple #main .description .d1 {
    margin: 0 0 8px;
  }
  #contents.simple #main .description .d2 {
    margin: 0 0 15px;
  }
  #contents.simple #main .description .d3 {
    margin: 0 0 23px;
  }

  #contents.case011 #main .description .d0 {
    margin: 0 0 8px;
  }
  #contents.case011 #main .description .d1 {
    margin: 0 0 8px;
  }
  #contents.case011 #main .description .d2 {
    margin: 0 0 0;
  }
  #contents.case011 #main .description .d3 {
    margin: 0 0 24px;
  }

  #contents.case012 #main .description .d0 {
    margin: 0 0 8px;
  }
  #contents.case012 #main .description .d1 {
    margin: 0 0 8px;
  }
  #contents.case012 #main .description .d2 {
    margin: 0 0 8px;
  }
  #contents.case012 #main .description .d3 {
    margin: 0 0 0;
  }
  #contents.case012 #main .description .d4 {
    margin: 0 0 24px;
  }

  #contents.caseDetail #main header {
    width: 100%;
  }
  #contents.caseDetail #main header h1 {
    width: 100%;
    margin: 0 0 16px;
  }
  #contents.caseDetail #main header h1 a, #contents.caseDetail #main header h1 span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 138px;
    text-align: center;
    vertical-align: middle;
  }
  #contents.caseDetail #main header h2 {
    margin: 0 0 10px;
  }
  #contents.caseDetail #main header dt {
    margin: 0 0 1px;
  }
  #contents.caseDetail #main section img {
    width: 100%;
  }
  /*for docomo start*/
  #contents.caseDetail.case011 #main section.boxMessage dd img {
    width: 127px;
  }
  /*for docomo end*/
  #contents.caseDetail #main .description header dl {
    margin: 14px 0 0;
  }
  #contents.caseDetail #main .description h3 {
    margin: 0 0 8px;
  }
  #contents.caseDetail #side #subNav
  #contents.accessibility #side #subNav {
    margin: 13px 0 0;
  }
  #contents.caseDetail #side #subNav li a
  #contents.accessibility #side #subNav li a {
    display: block;
    width: 94%;
    padding: 16px 3%;
    background-image: url("/common/images/sp_nav_bg.png");
    background-color: #999999;
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
  #contents.caseDetail #side #subNav li a span
  #contents.accessibility #side #subNav li a span {
    display: inline-block;
    padding: 0 34px 0 0;
  }
  #contents.caseDetail #side #subNav li ul
  #contents.accessibility #side #subNav li ul {
    display: none;
    margin: 13px 0 10px;
  }
  #contents.caseDetail #side #subNav li li
  #contents.accessibility #side #subNav li li {
    margin: 0 9px 4px;
  }

  #contents.caseDetail #main .description ol {
    margin: 8px 0 0 20px;
  }
  #contents.caseDetail #main .description ol li {
    list-style: decimal;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : CASE DETAIL
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.case001 #main .description header div dt img {
    width: 345px;
    height: 200px;
  }
  #contents.case001 #main .description .d0 div li dd img {
    width: 170px;
    height: 200px;
  }
  #contents.case001 #main .description .d0 dd img {
    width: 720px;
    height: 340px;
  }
  #contents.case001 #main .description .d2 div .img img {
    width: 345px;
    height: 235px;
  }
  #contents.case001 #main .description .d3 div .img img {
    width: 345px;
    height: 255px;
  }
  #contents.case001 #main .description .d4 div p img {
    width: 150px;
    height: 150px;
  }

  #contents.case002 #main .description header div dt img {
    width: 345px;
    height: auto;
  }
  #contents.case002 #main .description .d1 div .img img {
    width: 345px;
    height: 196px;
  }
  #contents.case002 #main .description .d2 div .img img {
    width: 345px;
    height: 149px;
  }

  #contents.case003 #main .description header div p img {
    width: 345px;
    height: 405px;
  }
  #contents.case003 #main .description .d0 p img {
    width: 720px;
    height: 477px;
  }
  #contents.case003 #main .description .d1 p img {
    width: 720px;
    height: 431px;
  }

  #contents.case004 #main .description header div p img {
    width: 345px;
    height: 164px;
  }

  #contents.case005 #main .description .d3 p img {
    width: 720px;
    height: 448px;
  }

  #contents.case006 #main .description header div p img {
    width: 345px;
    height: 286px;
  }
  #contents.case006 #main .description .d1 dt img {
    width: 345px;
    height: 259px;
  }
  #contents.case006 #main .description .d2 dt img {
    width: 345px;
    height: 504px;
  }
  #contents.case006 #main .description .d3 div li dd img {
    width: 170px;
    height: 200px;
  }

  #contents.case007 #main .description .d0 dt img {
    width: 345px;
    height: 242px;
  }
  #contents.case007 #main .description .d1 dt img {
    width: 180px;
    height: auto;
  }
  #contents.case007 #main .description .d2 dt img {
    width: 180px;
    height: auto;
  }
  #contents.case007 #main .description .d4 div p img {
    width: 150px;
    height: 108px;
  }

  #contents.caseDetail #main header {
    padding: 0 0 40px;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail #main header:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail #main header {
    height: 1%;
  }
  #contents.caseDetail #main header div {
    float: right;
    width: 540px;
  }
  #contents.caseDetail #main header h2 {
    margin: -4px 0 10px;
  }
  #contents.caseDetail #main header dt {
    margin: 0 0 2px;
  }
  #contents.caseDetail #main header dd {
    margin: 0 0 4px;
  }
  #contents.caseDetail #main header h1 {
    float: left;
    width: 150px;
  }
  #contents.caseDetail #main header h1 a, #contents.caseDetail #main header h1 span {
    display: table-cell;
    width: 148px;
    vertical-align: top;
    height: 148px;
    text-align: center;
    vertical-align: middle;
  }

  #contents.simple #main header h1 {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }

  #contents.caseDetail #main .description {
    margin: 34px 0 54px;
  }
  #contents.caseDetail #main .description h2 {
    margin: 0 0 4px;
  }
  #contents.caseDetail #main .description h3 {
    margin: 0 0 30px;
  }
  #contents.caseDetail #main .description header {
    width: 720px;
    padding: 0;
  }
  #contents.caseDetail #main .description header div {
    width: 720px;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail #main .description header div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail #main .description header div {
    height: 1%;
  }
  #contents.caseDetail #main .description header div p {
    float: left;
    width: 345px;
  }
  #contents.caseDetail #main .description header div dl {
    float: right;
    width: 345px;
  }
  #contents.caseDetail #main .description header div dl dt {
    margin: 0 0 2px;
  }
  #contents.caseDetail #main .description header div p.img {
    float: right;
    width: 345px;
    margin: 0 0 7px;
  }
  #contents.caseDetail #side #inquiry {
    margin: 0 0 22px;
  }
  #contents.caseDetail #side #subNav li
  #contents.accessibility #side #subNav li {
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #ececec;
  }
  #contents.caseDetail #side #subNav li:first-child
  #contents.accessibility #side #subNav li:first-child {
    border-top: none;
  }

  #contents.case001 #main .description header,
  #contents.case002 #main .description header,
  #contents.case003 #main .description header,
  #contents.case006 #main .description header,
  #contents.case007 #main .description header {
    margin: 0 0 50px;
  }

  #contents.case004 #main .description header,
  #contents.case005 #main .description header {
    margin: 0 0 42px;
  }

  #contents.caseDetail #main .description header h2 {
    margin: 0 0 34px;
  }

  #contents.case005 #main .description header h2,
  #contents.case007 #main .description header h2 {
    margin: 0 0 27px;
  }

  #contents.case008 #main .description header h2,
  #contents.case009 #main .description header h2,
  #contents.case010 #main .description header h2,
  #contents.case011 #main .description header h2,
  #contents.case012 #main .description header h2 {
    margin: 0 0 30px;
  }

  #contents.case001 #main .description .d0 {
    margin: 0 0 54px;
  }
  #contents.case001 #main .description .d1 {
    margin: 0 0 52px;
  }
  #contents.case001 #main .description .d2 {
    margin: 0 0 51px;
  }
  #contents.case001 #main .description .d3 {
    margin: 0 0 51px;
  }
  #contents.case001 #main .description .d4 {
    margin: 0;
  }
  #contents.case001 #main .description .d4 p {
    margin: 17px 0 0;
  }
  #contents.case001 #main .description .d4 div p {
    margin: 0;
  }

  #contents.case002 #main .description .d0, #contents.case002 #main .description .d1, #contents.case002 #main .description .d2 {
    margin: 0 0 50px;
  }
  #contents.case002 #main .description .d3 {
    margin: 0;
  }
  #contents.case002 #main .description .d1 div p,
  #contents.case002 #main .description .d2 div p {
    margin: 0;
  }
  #contents.case002 #main .description .d1 p,
  #contents.case002 #main .description .d2 p {
    margin: 27px 0 0;
  }

  #contents.case003 #main .description .d0 {
    margin: 0 0 34px;
  }
  #contents.case003 #main .description .d1 {
    margin: 0;
  }

  #contents.case004 #main .description .d0, #contents.case004 #main .description .d1 {
    margin: 0 0 50px;
  }
  #contents.case004 #main .description .d2 {
    margin: 0;
  }

  #contents.case005 #main .description .d0, #contents.case005 #main .description .d1, #contents.case005 #main .description .d2 {
    margin: 0 0 50px;
  }
  #contents.case005 #main .description .d3 {
    margin: 0;
  }

  #contents.case006 #main .description .d0, #contents.case006 #main .description .d1 {
    margin: 0 0 50px;
  }
  #contents.case006 #main .description .d2 {
    margin: 0 0 53px;
  }
  #contents.case006 #main .description .d3 {
    margin: 0 0 50px;
  }
  #contents.case006 #main .description .d4 {
    margin: 0;
  }

  #contents.case007 #main .description .d0 {
    margin: 0 0 50px;
  }
  #contents.case007 #main .description .d1 {
    margin: 0 0 54px;
  }
  #contents.case007 #main .description .d2 {
    margin: 0 0 50px;
  }
  #contents.case007 #main .description .d3 {
    margin: 0 0 50px;
  }
  #contents.case007 #main .description .d4 {
    margin: 0;
  }
  #contents.case007 #main .description .d0 div p,
  #contents.case007 #main .description .d2 div p {
    margin: 0;
  }
  #contents.case007 #main .description .d0 p,
  #contents.case007 #main .description .d2 p {
    margin: 27px 0 0;
  }

  #contents.caseDetail .boxList {
    margin: 0 0 52px;
  }
  #contents.caseDetail .boxList div {
    margin: 18px 0 0;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxList div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxList div {
    height: 1%;
  }
  #contents.caseDetail .boxList div p {
    float: left;
    width: 345px;
  }
  #contents.caseDetail .boxList div ul {
    float: right;
    width: 360px;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxList div ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxList div ul {
    height: 1%;
  }
  #contents.caseDetail .boxList div ul li {
    float: right;
    width: 170px;
  }
  #contents.caseDetail .boxList div ul li:first-child {
    float: left;
    width: 180px;
  }
  #contents.caseDetail .boxList dd img {
    width: 720px;
    height: 340px;
  }

  #contents.case001 .boxList div {
    margin: 18px 0 23px;
  }

  #contents.caseDetail .boxDl {
    margin: 0 0 48px;
  }
  #contents.caseDetail .boxDl div {
    margin: 18px 0 0;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxDl div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxDl div {
    height: 1%;
  }
  #contents.caseDetail .boxDl div p {
    float: left;
    width: 345px;
  }
  #contents.caseDetail .boxDl div dl {
    float: right;
    width: 345px;
  }
  #contents.caseDetail .boxDl div dl dt {
    margin: 0 0 2px;
  }

  #contents.caseDetail .boxImg {
    margin: 0 0 48px;
  }
  #contents.caseDetail .boxImg div {
    margin: 18px 0 0;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxImg div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxImg div {
    height: 1%;
  }
  #contents.caseDetail .boxImg div p {
    float: left;
    width: 345px;
  }
  #contents.caseDetail .boxImg div .img {
    float: right;
    width: 345px;
  }

  #contents.caseDetail .boxMessage div {
    padding: 6px 0 0;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxMessage div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxMessage div {
    height: 1%;
  }
  #contents.caseDetail .boxMessage div p {
    float: left;
    width: 180px;
  }
  #contents.caseDetail .boxMessage div p img {
    width: 150px;
    height: auto;
  }
  #contents.caseDetail .boxMessage div p span {
    display: inline-block;
    width: 150px;
  }
  #contents.caseDetail .boxMessage div ul {
    float: left;
    width: 360px;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .boxMessage div ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .boxMessage div ul {
    height: 1%;
  }
  #contents.caseDetail .boxMessage div ul li {
    float: left;
    width: 170px;
  }
  #contents.caseDetail .boxMessage div ul li:first-child {
    float: left;
    width: 180px;
  }
  #contents.caseDetail .boxMessage div ul li img {
    width: 170px;
    height: auto;
  }
  #contents.caseDetail .boxMessage div ul li span {
    display: inline-block;
    width: 170px;
  }
  /*for docomo start*/
    #contents.caseDetail .boxMessage div ul li {
    width: 340px;
  }
  #contents.caseDetail .boxMessage div ul li img {
    width: 340px;
    height: auto;
  }
  #contents.caseDetail .boxMessage div ul li span {
    display: inline-block;
    width: 340px;
  }
  
  #contents.caseDetail .d1 div ul {
    float: left;
    width: 100%;
    display: inline-block;
    display: block;
  }
  #contents.caseDetail .d1 div ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.caseDetail .d1 div ul {
    height: 1%;
  }
  #contents.caseDetail .d1 div ul li {
    float: left;
    width: 350px;
  }
  #contents.caseDetail .d1 div ul li:first-child {
    float: left;
    width: 360px;
  }
  #contents.caseDetail .d1 div ul li img {
    width: 350px;
    height: auto;
  }
  #contents.caseDetail .d1 div ul li span {
    display: inline-block;
    width: 350px;
  }
  #contents.caseDetail .d1 div ul li .note {
    font-size:80%;
  }
  /*for docomo end*/
  #contents.caseDetail .boxMessage div dl {
    float: left;
    width: 540px;
  }
  #contents.caseDetail .boxMessage div dl dt {
    margin: -4px 0 13px;
  }

  #contents.caseDetail .checkList li {
    height: 40px;
    margin: 0 0 20px;
    padding: 0 0 0 60px;
    background-image: url("/common/images/pc_ico_check.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
  }

  #contents.case010 #main div dl,
  #contents.case011 #main div dl {
    float: left;
    width: 360px !important;
  }

  #contents.caseDetail #main .description ol {
    margin: 8px 0 0 20px;
  }
  #contents.caseDetail #main .description ol li {
    list-style: decimal;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : FUNCTION
------------------------------------------------------------------------ */
#contents.serviceDetail #main .function section h3 span,
#contents.serviceDetail #main .function section h5 span,
#contents.serviceDetail #main .function section h6 span {
  font-size: 18px;
  font-weight: bold;
  line-height: 120px;
  text-align: center;
}
#contents.serviceDetail #main .function section h3 .br,
#contents.serviceDetail #main .function section h3 .br2,
#contents.serviceDetail #main .function section h5 .br,
#contents.serviceDetail #main .function section h5 .br2
#contents.serviceDetail #main .function section h6 .br,
#contents.serviceDetail #main .function section h6 .br2 {
  line-height: 28px;
}
#contents.serviceDetail #main .function section dl dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.serviceDetail #main .function section dl dd {
  line-height: 30px;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : FUNCTION
------------------------------------------------------------------------ */
#contents.serviceDetail #main .function section h3 span,
#contents.serviceDetail #main .function section h5 span,
#contents.serviceDetail #main .function section h6 span {
  display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background-color: #ffcc00;
}
#contents.serviceDetail #main .function section h3 .br,
#contents.serviceDetail #main .function section h5 .br,
#contents.serviceDetail #main .function section h6 .br {
  width: 80px;
  height: 88px;
  padding: 30px 20px 0;
}
#contents.serviceDetail #main .function section h3 .br2,
#contents.serviceDetail #main .function section h5 .br2,
#contents.serviceDetail #main .function section h6 .br2 {
  width: 100px;
  height: 88px;
  padding: 30px 10px 0;
}
#contents.serviceDetail #main .function section dl dd ul {
  margin: 0 0 0 14px;
}
#contents.serviceDetail #main .function section dl dd ul li {
  list-style: disc;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : FUNCTION
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .function section {
    margin: 0 0 21px;
  }
  #contents.serviceDetail #main .function section h3,
  #contents.serviceDetail #main .function section h5,
  #contents.serviceDetail #main .function section h6 {
    text-align: center;
  }
  #contents.serviceDetail #main .function section dl {
    margin: 12px 0 0;
  }
  #contents.serviceDetail #main .function section dl dt {
    margin: 0 0 7px;
    text-align: center;
  }
  #contents.serviceDetail #main .function section p {
    margin: 12px 0 0;
  }

  #contents.slc #main .function h2 + p {
    margin: 0 0 20px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : FUNCTION
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main .function {
    margin: 0 0 40px;
  }
  #contents.serviceDetail #main .function section {
    display: table;
    padding: 0 0 10px;
  }
  #contents.serviceDetail #main .function section h3,
  #contents.serviceDetail #main .function section h5,
  #contents.serviceDetail #main .function section h6 {
    display: table-cell;
    width: 160px;
    vertical-align: top;
  }
  #contents.serviceDetail #main .function section dl {
    display: table-cell;
    width: 560px;
    vertical-align: top;
  }
  #contents.serviceDetail #main .function section dl dt {
    padding: 0 0 6px;
  }

  #contents.slc #main .function h2 + p {
    margin: 0 0 40px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : PRICE
------------------------------------------------------------------------ */
#contents.serviceDetail #main .price section h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-align: left;
}
#contents.serviceDetail #main .price section h4 {
  font-weight: bold;
}
#contents.serviceDetail #main .price section p {
  line-height: 30px;
}
#contents.serviceDetail #main .price section p span {
  font-size: 13px;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
}
#contents.serviceDetail #main .price section dt, #contents.serviceDetail #main .price section dd {
  line-height: 30px;
}
#contents.serviceDetail #main .price section div p {
  line-height: 20px;
}
#contents.serviceDetail #main .price section div p span {
  line-height: 20px;
}

#contents.buzzfinder #main .price li {
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.buzzfinder #main .price p {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : PRICE
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .price {
    margin: 0 0 26px;
  }
  #contents.serviceDetail #main .price section h3 {
    margin: 0 0 11px;
  }
  #contents.serviceDetail #main .price section dl {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ececec;
    text-align: center;
  }
  #contents.serviceDetail #main .price section dl dt {
    padding: 12px 20px;
    background-color: #f8f8f8;
  }
  #contents.serviceDetail #main .price section dl dd {
    padding: 16px 20px;
  }
  #contents.serviceDetail #main .price section div {
    margin: 0 0 20px;
  }
  #contents.serviceDetail #main .price section div p {
    margin: -4px 0 0;
  }

  #contents.buzzfinder #main .price section h3 {
    margin: 0 0 15px;
  }
  #contents.buzzfinder #main .price section h4 {
    margin: 0 0 16px;
  }
  #contents.buzzfinder #main .price section p {
    margin: -5px 0 8px;
  }
  #contents.buzzfinder #main .price ul {
    margin: -5px 0 12px;
  }
  #contents.buzzfinder #main .price li {
    margin: 0 0 0 24px;
    text-indent: -24px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : PRICE
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main .price {
    margin: 0 0 51px;
  }
  #contents.serviceDetail #main .price section {
    margin: 0;
  }
  #contents.serviceDetail #main .price section h3 {
    margin: 0 0 16px;
  }
  #contents.serviceDetail #main .price section div {
    margin: 21px 0 33px;
    border-top: 1px solid #ececec;
  }
  #contents.serviceDetail #main .price section div p {
    margin: 10px 0 0;
  }
  #contents.serviceDetail #main .price section dl {
    display: table;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;

  }
  #contents.serviceDetail #main .price section dl dt {
    display: table-cell;
    width: 100px;
    vertical-align: top;
    padding: 14px 20px;
    background-color: #f8f8f8;
  }
  #contents.serviceDetail #main .price section dl dd {
    display: table-cell;
    width: 538px;
    vertical-align: top;
    padding: 14px 20px;
  }
  #contents.serviceDetail #main .price .option dd br {
    display: none;
  }

  #contents.buzzfinder #main .price {
    margin: 0 0 56px;
  }
  #contents.buzzfinder #main .price section h3 {
    margin: 0 0 26px;
  }
  #contents.buzzfinder #main .price section h4 {
    margin: 0 0 16px;
  }
  #contents.buzzfinder #main .price section p {
    margin: -5px 0 18px;
  }
  #contents.buzzfinder #main .price section div {
    margin: 0 0 33px;
  }
  #contents.buzzfinder #main .price section dl dt {
    display: table-cell;
    width: 140px;
    vertical-align: top;
  }
  #contents.buzzfinder #main .price section dl dd {
    display: table-cell;
    width: 498px;
    vertical-align: top;
  }
  #contents.buzzfinder #main .price .basic {
    margin: 0 0 54px;
  }
  #contents.buzzfinder #main .price ul {
    margin: -8px 0 21px;
  }
  #contents.buzzfinder #main .price li {
    margin: 0 0 0 24px;
    text-indent: -24px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : FEATURE
------------------------------------------------------------------------ */
#contents.serviceDetail #main .feature section h3,
#contents.serviceDetail #main .feature section h6 {
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
#contents.serviceDetail #main .feature section p {
  font-size: 15px;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : FEATURE
------------------------------------------------------------------------ */
#contents.serviceDetail #main .feature section h3 span,
#contents.serviceDetail #main .feature section h6 span {
  display: block;
  min-height: 60px;
  padding: 19px 0 0 78px;
}
#contents.serviceDetail #main .feature section h3 .two,
#contents.serviceDetail #main .feature section h6 .two {
  padding: 6px 0 0 78px;
}
#contents.serviceDetail #main .feature .p0 h3,
#contents.serviceDetail #main .feature .p0 h6 {
  background-image: url("/common/images/poi_00.png");
  background-color: white;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .feature .p1 h3,
#contents.serviceDetail #main .feature .p1 h6 {
  background-image: url("/common/images/poi_01.png");
  background-color: white;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .feature .p2 h3,
#contents.serviceDetail #main .feature .p2 h6 {
  background-image: url("/common/images/poi_02.png");
  background-color: white;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .feature .p3 h3,
#contents.serviceDetail #main .feature .p3 h6 {
  background-image: url("/common/images/poi_03.png");
  background-color: white;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : FEATURE
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .feature {
    margin: 0 0 23px;
  }
  #contents.serviceDetail #main .feature section {
    margin: 0 0 17px;
  }
  #contents.serviceDetail #main .feature section h3 span,
  #contents.serviceDetail #main .feature section h6 span {
    background-size: 60px 60px;
  }
  #contents.serviceDetail #main .feature section p {
    padding: 8px 0 0;
  }

}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : FEATURE
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main .feature {
    margin: 0 0 50px;
  }
  #contents.serviceDetail #main .feature section {
    display: table;
    margin: 0 0 37px;
  }
  #contents.serviceDetail #main .feature section h3,
  #contents.serviceDetail #main .feature section h6 {
    display: table-cell;
    width: 290px;
    vertical-align: top;
  }
  #contents.serviceDetail #main .feature section p {
    padding: 3px 0 0;
    display: table-cell;
    width: 430px;
    vertical-align: top;
  }

}
/* [SP / PC] --------------------------------------------------------------
/* FONT : CASE
------------------------------------------------------------------------ */
#contents.serviceDetail #main .case section dl dt {
  color: #999;
  font-size: 12px;
  font-weight: normal;
  line-height: 27px;
  text-align: left;
}
#contents.serviceDetail #main .case section dl dt a {
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
}
#contents.serviceDetail #main .case section dl dd {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.serviceDetail #main .case section p {
  color: #09c;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.serviceDetail #main .case section p a {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.serviceDetail #main .case section p span {
  color: #333333;
}
#contents.serviceDetail #main .case section .pro dt {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.serviceDetail #main .case section .pro dd a {
  color: #999999;
}

/* [SP] -------------------------------------------------------------------
/* FONT : CASE
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .case section dl dt {
    line-height: 24px;
  }
  #contents.serviceDetail #main .case section dl dt a {
    line-height: 24px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : CASE
------------------------------------------------------------------------ */
/* [SP] -------------------------------------------------------------------
/* LAYOUT : CASE
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .case {
    margin: 0 0 30px;
  }
  #contents.serviceDetail #main .case h2 span {
    background-size: auto 26px;
  }
  #contents.serviceDetail #main .case section {
    margin: 0 0 10px !important;
  }
  #contents.serviceDetail #main .case section h3 a,
  #contents.serviceDetail #main .case section h3 span,
  #contents.serviceDetail #main .case section h4 a,
  #contents.serviceDetail #main .case section h4 span
  #contents.serviceDetail #main .case section h6 a,
  #contents.serviceDetail #main .case section h6 span {
    height: 138px;
  }
  #contents.serviceDetail #main .case section h3 img,
  #contents.serviceDetail #main .case section h4 img,
  #contents.serviceDetail #main .case section h6 img {
    width: 120px;
    height: auto;
  }
  #contents.serviceDetail #main .case section h3 .logo2,
  #contents.serviceDetail #main .case section h4 .logo2,
  #contents.serviceDetail #main .case section h6 .logo2 {
    position: relative;
    top: 3px;
  }
  #contents.serviceDetail #main .case section p {
    padding: 16px;
  }
  #contents.serviceDetail #main .case section p a {
    margin: 8px 0 0;
  }
  #contents.serviceDetail #main .case .simple h3,
  #contents.serviceDetail #main .case .simple h6 {
    display: none;
  }
  /* [SP] case011*/
  .caseDetail.case011 #main .d1 .pc {
    display: none;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : CASE
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main .case {
    margin: 0 0 60px;
  }
  #contents.serviceDetail #main .case section {
    margin: 0 0 20px !important;
  }
  #contents.serviceDetail #main .case section h3,
  #contents.serviceDetail #main .case section h4,
  #contents.serviceDetail #main .case section h6 {
    text-align: center;
    vertical-align: middle;
  }
  #contents.serviceDetail #main .case section h3 img,
  #contents.serviceDetail #main .case section h4 img,
  #contents.serviceDetail #main .case section h6 img {
    width: 120px;
    height: auto;
  }
  #contents.serviceDetail #main .case section p {
    display: table-cell;
    width: 515px;
    vertical-align: top;
    padding: 15px 27px;
  }
  #contents.serviceDetail #main .case section p span {
    display: inline-block;
    margin: 10px 0 0;
  }
  #contents.serviceDetail #main .case section .pro {
    padding: 15px 27px;
  }
  #contents.serviceDetail #main .case section .pro dt {
    margin: 0 0 8px;
  }
  #contents.serviceDetail #main .case .simple {
    display: block;
    min-height: 100%;
  }
  #contents.serviceDetail #main .case .simple h3,
  #contents.serviceDetail #main .case .simple h6 {
    display: none;
  }
  #contents.serviceDetail #main .case .simple p {
    width: 100%;
  }
  /* [PC] case011*/
  .caseDetail.case011 #main .d1 .sp {
    display: none;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : ABOUT
------------------------------------------------------------------------ */
#contents.serviceDetail #main .about p {
  line-height: 24px;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
/* [SP] -------------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .about h3 {
    display: table;
    width: 100%;
    border: 1px solid #ececec;
  }
  #contents.serviceDetail #main .about h3 span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 98px;
    text-align: center;
    vertical-align: middle;
  }
  #contents.serviceDetail #main .about h3 img {
    width: auto;
    height: 65px;
  }
  #contents.serviceDetail #main .about p {
    padding: 14px 0;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main .about {
    display: table;
    height: 150px;
    margin: 30px 0 0;
  }
  #contents.serviceDetail #main .about h3 {
    display: table-cell;
    width: 148px;
    vertical-align: top;
    border: 1px solid #ececec;
    text-align: center;
    vertical-align: middle;
  }
  #contents.serviceDetail #main .about h3 img {
    width: 100px;
    height: auto;
  }
  #contents.serviceDetail #main .about p {
    display: table-cell;
    width: 509px;
    vertical-align: top;
    padding: 0 30px;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : FLOW
------------------------------------------------------------------------ */
#contents.serviceDetail #main .flow dt {
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : FLOW
------------------------------------------------------------------------ */
#contents.serviceDetail #main .flow dl {
  min-height: 60px;
  padding: 0 0 0 80px;
}
#contents.serviceDetail #main .flow .f0, #contents.serviceDetail #main .flow .f1 {
  background-image: url("/common/images/num_arr.png");
  background-color: transparent;
  background-position: 16px 100%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .flow .f0 dl {
  background-image: url("/common/images/num1.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .flow .f1 dl {
  background-image: url("/common/images/num2.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .flow .f2 dl {
  background-image: url("/common/images/num3.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .flow .f3 dl {
  background-image: url("/common/images/num4.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}

#contents.solutionconsulting #main .flow .f2 {
  background-image: url("/common/images/num_arr.png");
  background-color: transparent;
  background-position: 16px 100%;
  background-repeat: no-repeat;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : FLOW
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main .flow {
    margin: 0 0 17px !important;
  }
  #contents.serviceDetail #main .flow div {
    margin: 0 0 13px;
    padding: 0 0 34px;
    background-size: 27px auto;
  }
  #contents.serviceDetail #main .flow div.f2 {
    margin: 0;
    padding: 0;
  }
  #contents.serviceDetail #main .flow dl {
    background-size: 60px 60px;
  }

  #contents.buzzfinder #main .flow p {
    margin: 0 0 15px;
  }

  #contents.solutionconsulting #main .flow div.f2 {
    margin: 0 0 13px;
    padding: 0 0 34px;
  }
  #contents.solutionconsulting #main .flow div.f3 {
    margin: 0;
    padding: 0;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : FLOW
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main .flow {
    margin: 0 0 47px !important;
  }
  #contents.serviceDetail #main .flow div {
    margin: 0 0 23px;
    padding: 0 0 44px;
  }
  #contents.serviceDetail #main .flow div.f2 {
    margin: 0;
    padding: 0;
  }

  #contents.buzzfinder #main .flow p {
    margin: 0 0 24px;
  }
  #contents.buzzfinder #main .flow dt {
    padding: 7px 0 0;
  }

  #contents.solutionconsulting #main .flow div.f2 {
    margin: 0 0 23px;
    padding: 0 0 44px;
  }
  #contents.solutionconsulting #main .flow div.f3 {
    margin: 0;
    padding: 0;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* FONT : SERVICE DETAIL
------------------------------------------------------------------------ */
#contents.serviceDetail p, #contents.serviceDetail dt, #contents.serviceDetail dd, #contents.serviceDetail li,
#contents.accessibility p, #contents.accessibility dt, #contents.accessibility dd, #contents.accessibility li {
  line-height: 24px;
}
#contents.serviceDetail #main h1 span {
  color: #09c;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.serviceDetail #main p a {
  color: #999999;
}
#contents.serviceDetail #main header h2 {
  color: #09c;
}
#contents.serviceDetail #main .outline section h3 h3, #contents.serviceDetail #main .outline section h3 dt,
#contents.serviceDetail #main .use h3 h3,
#contents.serviceDetail #main .use h3 dt,
#contents.serviceDetail #main .effective h3,
#contents.serviceDetail #main .effective dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.serviceDetail #main .outline section h3 a,
#contents.serviceDetail #main .use h3 a,
#contents.serviceDetail #main .effective a {
  color: #999999;
}
#contents.serviceDetail #main .functionOutline h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.serviceDetail #main .staff dt {
  font-weight: bold;
}
#contents.accessibility #side #subNav li span
#contents.serviceDetail #side #subNav li span {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

/* [SP / PC] globalsite */
#contents.globalsite #main .serviceContents h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}


/* [SP / PC] solutionconsulting */
#contents.solutionconsulting #main h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.solutionconsulting #main .lead {
  color: #39c;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
#contents.solutionconsulting #main .case dt {
  font-weight: bold;
}

/* [SP] -------------------------------------------------------------------
/* FONT : SERVICE DETAIL
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main header h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    text-align: left;
  }
  #contents.serviceDetail #side #subNav li span
  #contents.accessibility #side #subNav li span {
    color: #fff;
  }

  /* [SP] buzzfinder */
  #contents.buzzfinder #main header div p {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
  }
}
/* [PC] -------------------------------------------------------------------
/* FONT : SERVICE DETAIL
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main header h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    text-align: left;
  }

  /* [PC] buzzfinder */
  #contents.buzzfinder #main header div p {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL
------------------------------------------------------------------------ */
#contents.serviceDetail #main h1 span {
  display: block;
}
#contents.serviceDetail #main header h2 {
  border: 1px solid #ececec;
}
#contents.serviceDetail #main header ul li span {
  display: block;
  padding: 73px 0 0;
  background-image: url("/common/images/ico_check.png");
  background-color: white;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
#contents.serviceDetail #main .staff img {
  border: 1px solid #ececec;
}
#contents.serviceDetail #main .table ul {
  margin: 0 0 0 14px;
}
#contents.serviceDetail #main .table ul li {
  list-style: disc;
}

/* [SP / PC] buzzfinder */
#contents.buzzfinder header div {
  border: 1px solid #ececec;
}
#contents.buzzfinder header div p {
  background-image: url("/service/buzzfinder/images/img_04.png");
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#contents.buzzfinder .use ul {
  margin: 0 0 0 14px;
}
#contents.buzzfinder .use ul li {
  list-style: disc;
}
#contents.buzzfinder .use ul li ul {
  margin: 0 0 0 4px;
}
#contents.buzzfinder .use ul li li {
  list-style: none;
}
#contents.buzzfinder .use ul li li:before {
  content: ' - ';
}
#contents.buzzfinder .use .img0 {
  margin: 22px 0;
}
#contents.buzzfinder .use .img1 {
  margin: 22px 0;
}
#contents.buzzfinder .use .img2 {
  margin: 22px 0;
}


/* [SP / PC] solutionconsulting */
#contents.solutionconsulting #main .case section {
  margin: 0 0 27px !important;
}
#contents.solutionconsulting #main .case dt {
  margin: 0 0 10px;
}
#contents.solutionconsulting #main .case ul {
  margin: 0 0 0 14px;
}
#contents.solutionconsulting #main .case ul li {
  list-style: disc;
}
#contents.solutionconsulting #main .function ul {
  margin: 0 0 0 14px;
}
#contents.solutionconsulting #main .function ul li {
  list-style: disc;
}

/* [SP / PC] webconsulting */
#contents.webconsulting #main .img0 img,
#contents.webconsulting #main .img1 img {
  width: 100%;
  height: auto;
}

/* [SP / PC] globalsite */
#contents.globalsite #main .reference p img {
  width: 100%;
  height: auto;
}
#contents.globalsite #main .image ul {
  display: inline-block;
  display: block;
}
#contents.globalsite #main .image ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html #contents.globalsite #main .image ul {
  height: 1%;
}
#contents.globalsite #main .image ul li img {
  border: 1px solid #ececec;
}

/* [SP / PC] crmdata */
#contents.crmdata #main .dataArea p img {
  width: 100%;
  height: auto;
}

/* [SP / PC] nps */
.nps #contents {
  padding: 0;
}
.nps #contents #main {
  width: 100%;
}
.nps #contents #main header {
  position: fixed;
  top: 156px;
  width: 100%;
  color: white;
  text-align: center;
}
.nps #contents #main header section {
  margin: 0;
  padding: 0;
  border: none;
}
.nps #contents #main header .inner {
  display: block;
}
.nps #contents #main header .tit {
  background-color: #073b55;
  text-align: center;
}
.nps #contents #main header .tit h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}
.nps #contents #main header .tit h1 span {
  font-size: 13px;
  font-weight: normal;
}
.nps #contents #main header .tit h1 .reg {
  font-size: 16px;
}
.nps #contents #main header .tit #tab ul li a {
  display: block;
  background-color: #286684;
  border-radius: 6px;
  color: white;
  font-size: 14px;
  font-weight: normal;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
}
.nps #contents #main header .tit #tab ul li a:hover {
  background-color: #00a0e9 !important;
  color: white !important;
}
.nps #contents #main header .tit #tab ul li .ac {
  background-color: #00a0e9 !important;
  color: white !important;
}
.nps #contents #main #tabFixed {
  position: relative;
  top: 0;
  z-index: 2;
}
.nps #contents #main #contentWrap {
  position: relative;
  top: 0;
  z-index: 1;
}
.nps #contents #main footer p {
  font-size: 10px;
}
.nps #contents #main .case-top {
  border: none;
}

.nps #contents.nps-top #main .box section h2,
.nps #contents.nps-detail #main .box section h2,
.nps #contents.nps-column #main .box section h2 {
  border-bottom: 1px solid #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
.nps #contents.nps-top #main .box section h2 .reg,
.nps #contents.nps-detail #main .box section h2 .reg,
.nps #contents.nps-column #main .box section h2 .reg {
  font-size: 14px;
}

.nps #contents.nps-top #main .lead {
  width: 100%;
  background-color: #0d6d9d;
}
.nps #contents.nps-top #main .lead .inner {
  position: relative;
}
.nps #contents.nps-top #main .lead #inquiry {
  background-color: white;
  color: #0166cc;
}
.nps #contents.nps-top #main .lead #inquiry a {
  background-color: #0166cc;
  color: white !important;
}
.nps #contents.nps-top #main .lead #inquiry .tell {
  background-image: url("/common/images/inq_ico_02.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.nps #contents.nps-top #main .lead .about h2 {
  color: #f5c620;
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}
.nps #contents.nps-top #main .lead .about ul li {
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  text-align: left;
}
.nps #contents.nps-top #main .lead .about ul li span {
  display: block;
}
.nps #contents.nps-top #main .lead .about ul li.i0 span {
  background-image: url("/service/nps/images/ico_02.png");
  background-color: transparent;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.nps #contents.nps-top #main .lead .about ul li.i1 span {
  background-image: url("/service/nps/images/ico_03.png");
  background-color: transparent;
  background-position: 19px 50%;
  background-repeat: no-repeat;
}
.nps #contents.nps-top #main .lead .about ul li.i2 span {
  background-image: url("/service/nps/images/ico_04.png");
  background-color: transparent;
  background-position: 23px 50%;
  background-repeat: no-repeat;
}
.nps #contents.nps-top #main .box .sec0 .process p {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
.nps #contents.nps-top #main .box .sec1 div {
  border: 1px solid #c4cbcf;
  border-radius: 6px;
}
.nps #contents.nps-top #main .box .sec1 div p {
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
}
.nps #contents.nps-top #main .box .sec1 div p span {
  color: #0d6d9d;
  font-weight: bold;
}
.nps #contents.nps-top #main .box .sec1 div figure {
  text-align: center;
}
.nps #contents.nps-top #main .box .sec1 div figure figcaption {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}
.nps #contents.nps-top #main .box .sec2 figure figcaption {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
.nps #contents.nps-top #main .box h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
.nps #contents.nps-top #main .process-flow ul li, .nps #contents.nps-top #main .process-flow ul img {
  line-height: 0;
  font-size: 0;
}
.nps #contents.nps-top #main .process-flow p {
  border: 1px solid #c4cbcf;
  border-radius: 6px;
  color: #0d6d9d;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}

.nps #contents.nps-detail #main .box .sec0 .checkList {
  border: 1px solid #c4cbcf;
  border-radius: 6px;
}
.nps #contents.nps-detail #main .box .sec0 .checkList li span {
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}
.nps #contents.nps-detail #main .box .sec0 p {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
.nps #contents.nps-detail #main .box .sec0 .satmetrixpro dt {
  background-color: #e65026;
  color: white;
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.nps #contents.nps-detail #main .box .sec0 .satmetrixpro dt span {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li dl dt {
  background-color: transparent;
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
.nps #contents.nps-detail #main .box .sec1 .checkList {
  border: 1px solid #c4cbcf;
  border-radius: 6px;
}
.nps #contents.nps-detail #main .box .sec1 .checkList li span {
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}
.nps #contents.nps-detail #main .box .sec2 p {
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
}
.nps #contents.nps-detail #main .box .sec2 .function ul li dl dt {
  background-color: #e65026;
  border-left: 1px solid #c4cbcf;
  border-top: 1px solid #c4cbcf;
  border-right: 1px solid #c4cbcf;
  border-radius: 6px 6px 0 0;
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
.nps #contents.nps-detail #main .box .sec2 .function ul li dl dd {
  border-left: 1px solid #c4cbcf;
  border-bottom: 1px solid #c4cbcf;
  border-right: 1px solid #c4cbcf;
  border-radius: 0 0 6px 6px;
}
.nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dt, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dt {
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
.nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dd, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dd {
  border: none;
  border-radius: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
.nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd li, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd li {
  list-style: disc;
}
.nps #contents.nps-detail #main .box .sec2 .function ul li.f2 dd, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
.nps #contents.nps-detail #main .box .sec2 .function ul div p {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
}
.nps #contents.nps-detail #main h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}

.nps #contents.nps-column #main .box .date {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  text-align: right;
}
.nps #contents.nps-column #main .box .header h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
.nps #contents.nps-column #main .box .header p {
  line-height: 26px;
}
.nps #contents.nps-column #main .box section p, .nps #contents.nps-column #main .box section dd {
  line-height: 26px;
}
.nps #contents.nps-column #main .box .sec0 dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
}
.nps #contents.nps-column #main .box .sec0 dd dt {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.nps #contents.nps-column #main .box .sec0 dd .t0 dt {
  background-image: url("/service/nps/column/images/ico_00.png");
  background-color: transparent;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.nps #contents.nps-column #main .box .sec0 dd .t1 dt {
  background-image: url("/service/nps/column/images/ico_01.png");
  background-color: transparent;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.nps #contents.nps-column #main .box .sec0 dd .t2 dt {
  background-image: url("/service/nps/column/images/ico_02.png");
  background-color: transparent;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.nps #contents.nps-column #main .box .sec0 dd li dd {
  line-height: 23px;
}
.nps #contents.nps-column #main .box .sec2 figure figcaption {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}
.nps #contents.nps-column #main .box .sec4 p span {
  font-size: 10px;
}
.nps #contents.nps-column #main .box .sec4 .checkList {
  border: 1px solid #c4cbcf;
  border-radius: 6px;
}
.nps #contents.nps-column #main .box .sec4 .checkList li span {
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.serviceDetail #main h1 {
    margin: 0 0 26px;
  }
  #contents.serviceDetail #main header {
    margin: 0 0 30px;
  }
  #contents.serviceDetail #main header h2 {
    margin: 0 0 20px;
    padding: 11px 10px;
  }
  #contents.serviceDetail #main header img {
    width: 100%;
    height: auto;
  }
  #contents.serviceDetail #main header ul {
    margin: 17px 0 0;
    border: 1px solid #ececec;
  }
  #contents.serviceDetail #main header ul li {
    padding: 14px 10px 9px;
    border-top: 1px solid #ececec;
  }
  #contents.serviceDetail #main header ul li:first-child {
    border-top: none;
  }
  #contents.serviceDetail #main header ul li span {
    background-size: 60px 60px;
  }
  #contents.serviceDetail #main .staff {
    margin: 14px 0 0;
  }
  #contents.serviceDetail #main .staff div p {
    margin: 0 0 8px;
  }
  #contents.serviceDetail #main .staff dl {
    margin: 0 0 24px;
  }
  #contents.serviceDetail #main .staff dt {
    margin: 0 0 9px;
  }
  #contents.serviceDetail #main .outline {
    margin: 0 0 24px;
  }
  #contents.serviceDetail #main .outline section {
    margin: 16px 0 0;
  }
  #contents.serviceDetail #main .outline section h3 {
    margin: 0 0 10px;
  }
  #contents.serviceDetail #main .outline section .img img {
    width: 100%;
    height: auto;
  }
  #contents.serviceDetail #main .outline section span {
    display: inline-block;
    margin: 8px 0 0;
  }
  #contents.serviceDetail #main .table {
    width: 100%;
    margin: 0 0 20px;
  }
  #contents.serviceDetail #main .table dl {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ececec;
  }
  #contents.serviceDetail #main .table dt {
    padding: 12px 20px;
    background-color: #f8f8f8;
  }
  #contents.serviceDetail #main .table dd {
    padding: 16px 20px;
  }
  #contents.serviceDetail #main .photo {
    margin: 0 0 7px;
  }
  #contents.serviceDetail #main .photo .img {
    margin: 14px 0 0;
  }
  #contents.serviceDetail #main .photo .img img {
    width: 50%;
    height: auto;
  }
  #contents.serviceDetail #main .effective {
    margin: 0 0 24px;
  }
  #contents.serviceDetail #main .effective h2 + p {
    margin: 0 0 20px;
  }
  #contents.serviceDetail #main .effective h3 {
    margin: 0 0 23px;
  }
  #contents.serviceDetail #main .effective dl {
    margin: -7px 0 0;
  }
  #contents.serviceDetail #main .effective dt {
    margin: 0 0 8px;
  }
  #contents.serviceDetail #main .effective dd {
    margin: 0 0 17px;
  }
  #contents.serviceDetail #main .effective section {
    margin: 0 0 17px;
  }
  #contents.serviceDetail #main .effective section img {
    width: 100%;
    height: auto;
  }
  #contents.serviceDetail #main .use {
    margin: 0 0 26px;
  }
  #contents.serviceDetail #main .use section {
    margin: 0 0 18px;
  }
  #contents.serviceDetail #main .charge {
    margin: 0 0 26px;
  }
  #contents.serviceDetail #main .charge p {
    margin: -5px 0 0;
  }
  #contents.serviceDetail #main .functionOutline {
    margin: 0 0 23px;
  }
  #contents.serviceDetail #main .functionOutline section {
    margin: 0 0 8px;
  }
  #contents.serviceDetail #main .functionOutline h3 {
    margin: 0 0 7px;
  }
  #contents.serviceDetail #main .functionOutline .img {
    margin: 14px 0 0;
  }
  #contents.serviceDetail #main .functionOutline img {
    width: 100%;
    height: auto;
  }
  #contents.serviceDetail #side #inquiry {
    margin: 0 0 16px;
  }
  #contents.serviceDetail #side #subNav li span
  #contents.accessibility #side #subNav li span {
    display: block;
    width: 94%;
    padding: 16px 3%;
    background-image: url("/common/images/sp_arr_00.png");
    background-color: #999999;
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: 21px 21px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
  #contents.serviceDetail #side #subNav li ul
  #contents.accessibility #side #subNav li ul {
    display: none;
    margin: 13px 0 10px;
  }
  #contents.serviceDetail #side #subNav li li
  #contents.accessibility #side #subNav li li {
    margin: 0 9px 4px;
  }

  /* [SP] buzzfinder */
  #contents.buzzfinder #main header .img {
    margin: 19px 0 8px;
  }
  #contents.buzzfinder #main header .img img {
    width: 100%;
    height: auto;
  }
  #contents.buzzfinder #main header div {
    display: table;
    margin: 14px 0 0;
    padding: 10px;
  }
  #contents.buzzfinder #main header div p {
    display: table-row;
    width: 100%;
    height: 80px;
  }
  #contents.buzzfinder #main header div p span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 80px;
    padding: 0 0 0 95px;
    vertical-align: middle;
  }
  #contents.buzzfinder #main .use p img {
    width: 100%;
    height: auto;
  }
  
  /* [SP] socialstudio */
  #contents.socialstudio #main header #header_inner {
    background: #D0F8FF;
    padding: 10px;
    border-radius: 10px;
  }
  #contents.socialstudio #main header #header_inner h3{
    font-size: 140%;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  #contents.socialstudio #main header #header_inner .header_abs{
    margin:0;
    padding:0;
  }
  #contents.socialstudio #main header #header_inner .header_abs .points{
    margin:0;
    padding:0;
    width:100%;
  }
  #contents.socialstudio #main header #header_inner .points ul {
	  margin:17px 29px 0 0;
	}
  #contents.socialstudio #main header #header_inner .points li {
	  background: #FFB554;
	  border-radius: 0.5em;
	  padding: 0.7em;
	  line-height: 1em;
	  margin: 0.8em 0;
	  font-weight: bold;
	  width:100%;
	}
  #contents.socialstudio #main header #header_inner .img {
    margin: 8px 0 8px;
    text-align:center;
  }
  #contents.socialstudio #main header #header_inner .img img {
    width: 75%;
    height: auto;
  }
  #contents.socialstudio #main header #header_inner div {
    display: table;
    margin: 14px 0 0;
    padding: 10px;
  }
  #contents.socialstudio #main header #header_inner div p {
    display: table-row;
    width: 100%;
    height: 80px;
  }
  #contents.socialstudio #main header #header_inner div p span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    height: 80px;
    padding: 0 0 0 95px;
    vertical-align: middle;
  }
  #contents.socialstudio #main .contact1 {
    margin-bottom: 2em;
  }
  #contents.socialstudio #main .contact1 .contact_btn {
    background: #0066cc;
    text-align: center;
    height: 4.7em;
  }
  #contents.socialstudio #main .contact1 .contact_btn a {
    line-height: 4em;
    width: 70%;
    height: 1em;
    background: #fff;
    padding: 0.6em 3em;
    text-decoration: none;
    color: #0066cc;
    font-weight: bold;
    font-size: 115%;
    border-radius: 5px;
  }
  #contents.socialstudio #main .osusume_points ul {
    list-style-type: disc;
    margin: 0 2em;
  }
  #contents.socialstudio #main .osusume_points ul li {
    margin-bottom: 0.5em;
    font-weight: bold;
  }
  #contents.socialstudio #main .feature #blog_rss {
    border: 1px solid #ccc;
    padding: 0.5em;
  }
  #contents.socialstudio #main .feature #blog_rss h4 {
    font-size: 90%;
  }
  #contents.socialstudio #main .feature #blog_rss h5 {
    font-size: 125%;
    margin-bottom: 0.5em;
  }  
  #contents.socialstudio #main .feature #feed dd {
    padding-bottom: 1em;
  }
  #contents.socialstudio #main .feature #feed dd span{
    display:block;
  }
  #contents.socialstudio #main .feature .mansai {
    border: 1px solid #ddd;
    padding: 1em;
    margin-bottom: 1em;
  }
  #contents.socialstudio #main .feature section h3 {
    margin-bottom: 0;
  }
  #contents.socialstudio #main .feature section .figure_img {
    margin-top:13px;
    text-align:center;
  }
  #contents.socialstudio #main .feature section .figure_img img{
    width:75%;
  }
  #contents.socialstudio #main .use p img {
    width: 100%;
    height: auto;
  }
  #contents.socialstudio #subNav,
  #contents.socialstudio .twitter-timeline{
    display:none !important;
  }

  /* [SP] pointsolution */
  #contents.pointsolution #main .scene {
    margin: 0 0 24px;
  }
  #contents.pointsolution #main .scene p img {
    width: 100%;
    height: auto;
  }

  /* [SP] webaccessibility */
  #contents.webaccessibility #main .serviceContents {
    margin: 0 0 21px;
  }
  #contents.webaccessibility #main .serviceContents p img {
    width: 100%;
    height: auto;
  }
  #contents.webaccessibility #main .serviceContents p {
    margin: -5px 0 0;
  }
  #contents.webaccessibility #main .serviceContents .img {
    margin: 20px 0 0;
  }
  #contents.webaccessibility #main .image {
    margin: 0 0 25px;
  }
  #contents.webaccessibility #main .image p img {
    width: 50%;
    height: auto;
  }

  /* [SP] globalsite */
  #contents.globalsite #main .serviceContents {
    margin: 0 0 24px;
  }
  #contents.globalsite #main .serviceContents p {
    margin: -5px 0 18px;
  }
  #contents.globalsite #main .serviceContents section {
    margin: 0 0 19px;
  }
  #contents.globalsite #main .serviceContents section p {
    margin: 0 0 13px;
  }
  #contents.globalsite #main .reference {
    margin: 0 0 19px;
  }
  #contents.globalsite #main .reference p {
    margin: -8px 0 0;
  }
  #contents.globalsite #main .image {
    margin: 0 0 10px;
  }
  #contents.globalsite #main .image ul li {
    margin: 0 0 13px;
  }


  /* [SP] solutionconsulting */
  #contents.solutionconsulting #main .header {
    margin: 0 0 17px;
  }
  #contents.solutionconsulting #main .header p {
    margin: 0 0 8px;
  }
  #contents.solutionconsulting #main h3 {
    margin: 0 0 8px;
  }
  #contents.solutionconsulting #main .img img {
    width: 100%;
    height: auto;
  }
  #contents.solutionconsulting #main .img0 {
    margin: 10px 0 14px !important;
  }
  #contents.solutionconsulting #main .img1 {
    margin: 10px 0 0 !important;
  }
  #contents.solutionconsulting #main .img2 {
    margin: 10px 0 0;
  }
  #contents.solutionconsulting #main .web-solution section, #contents.solutionconsulting #main .voc section, #contents.solutionconsulting #main .sp-solution section {
    margin: 0 0 17px;
  }
  #contents.solutionconsulting #main .plan p {
    margin: 0 0 14px;
  }
  #contents.solutionconsulting #main .related {
    margin: 0 0 30px !important;
  }
  #contents.solutionconsulting #main .sp-solution .case section {
    margin: 0 0 17px !important;
  }
  #contents.solutionconsulting #main .sp-solution .related {
    margin: 0 0 10px !important;
  }

  /* [SP] webconsulting */
  #contents.webconsulting #main section {
    margin: 0 0 20px;
  }
  #contents.webconsulting #main section section {
    margin: 0;
  }
  #contents.webconsulting #main .introduction {
    margin: 0 0 30px;
  }
  #contents.webconsulting #main .introduction p {
    margin: 0 0 14px;
  }
  #contents.webconsulting #main .introduction .table {
    margin: 0 0 20px;
  }
  #contents.webconsulting #main .image {
    margin: 0 0 23px;
  }
  #contents.webconsulting #main .related {
    margin: 0 0 30px;
  }
  #contents.webconsulting #main .img0 {
    margin: 16px 0 3px;
  }
  #contents.webconsulting #main .img1 {
    margin: 16px 0 3px;
  }

  /* [SP] crmdata */
  #contents.crmdata #main header {
    margin: 0 0 23px;
  }
  #contents.crmdata #main .about {
    margin: 20px 0;
  }
  #contents.crmdata #main .dataArea {
    margin: 0 0 23px;
  }
  #contents.crmdata #main .dataArea p {
    margin: 0 0 14px;
  }

  /* [SP] nps */
  .nps #contents #main header .inner {
    padding: 4px 0 15px;
    border-top: none;
  }
  .nps #contents #main header .tit {
    padding: 0;
  }
  .nps #contents #main header .tit h1 {
    margin: 0 0 9px;
    padding: 0 10px;
  }
  .nps #contents #main header .tit #tab {
    width: 100%;
    padding: 0;
    border-top: none;
    text-align: left;
  }
  .nps #contents #main header .tit #tab ul {
    display: table;
    width: 98%;
    padding: 0 0 0 2%;
  }
  .nps #contents #main header .tit #tab ul li {
    display: table-cell;
    width: 25%;
  }
  .nps #contents #main header .tit #tab ul li a {
    width: 92%;
  }
  .nps #contents #main .case-top {
    padding: 20px 19px 0;
  }
  .nps #contents #main .tell-mail, .nps #contents #main footer {
    display: none;
  }

  .nps #contents.nps-top #main header,
  .nps #contents.nps-detail #main header,
  .nps #contents.nps-column #main header {
    margin: 0;
  }
  .nps #contents.nps-top #main #contentWrap,
  .nps #contents.nps-detail #main #contentWrap,
  .nps #contents.nps-column #main #contentWrap {
    margin: 18px 0 0;
  }
  .nps #contents.nps-top #main .box section h2,
  .nps #contents.nps-detail #main .box section h2,
  .nps #contents.nps-column #main .box section h2 {
    padding: 0 10px 9px;
  }
  .nps #contents.nps-top #side,
  .nps #contents.nps-detail #side,
  .nps #contents.nps-column #side {
    margin: 40px 0 0;
    padding: 0 19px;
  }

  .nps #contents.nps-top #main .lead {
    margin: 0 0 18px;
    padding: 20px 0 7px;
  }
  .nps #contents.nps-top #main .lead .about {
    padding: 0 10px;
  }
  .nps #contents.nps-top #main .lead .about h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    text-align: left;
  }
  .nps #contents.nps-top #main .lead .about ul li {
    margin: 20px 0 0;
  }
  .nps #contents.nps-top #main .lead .about ul li span {
    background-position: 50% 0 !important;
  }
  .nps #contents.nps-top #main .lead .about ul li span br {
    display: none;
  }
  .nps #contents.nps-top #main .lead .about ul li.i0 span {
    padding: 75px 0 0;
  }
  .nps #contents.nps-top #main .lead .about ul li.i1 span {
    padding: 103px 0 0;
  }
  .nps #contents.nps-top #main .lead .about ul li.i2 span {
    padding: 123px 0 0;
  }
  .nps #contents.nps-top #main .lead #inquiry {
    display: none;
  }
  .nps #contents.nps-top #main #contentWrap {
    margin: 0;
  }
  .nps #contents.nps-top #main .box .sec0 {
    margin: 0 0 16px;
  }
  .nps #contents.nps-top #main .box .sec0 .inner {
    padding: 0 10px;
  }
  .nps #contents.nps-top #main .box .sec0 .process h3 {
    margin: 0 0 18px;
  }
  .nps #contents.nps-top #main .box .sec0 .process p {
    text-align: left;
  }
  .nps #contents.nps-top #main .box .sec0 .process p br {
    display: none;
  }
  .nps #contents.nps-top #main .box .sec1 {
    margin: 0 auto 26px;
  }
  .nps #contents.nps-top #main .box .sec1 img {
    width: 100%;
  }
  .nps #contents.nps-top #main .box .sec1 div {
    margin: 10px 10px 0;
    padding: 12px 18px;
  }
  .nps #contents.nps-top #main .box .sec1 div figure figcaption {
    margin: 5px 0 14px;
  }
  .nps #contents.nps-top #main .box .sec2 img {
    width: 100%;
  }
  .nps #contents.nps-top #main .box .sec2 figure {
    margin: 18px 0 0;
    padding: 0 10px;
  }
  .nps #contents.nps-top #main .box .sec2 figure figcaption {
    margin: 0 0 7px;
    text-align: left;
  }
  .nps #contents.nps-top #main .process-flow {
    margin: 0 auto 24px;
  }
  .nps #contents.nps-top #main .process-flow img {
    width: 100%;
  }
  .nps #contents.nps-top #main .process-flow p {
    margin: 25px 10px 0;
    padding: 11px 15px 10px;
  }

  .nps #contents.nps-detail #main .box section .wrap {
    padding: 0 10px;
  }
  .nps #contents.nps-detail #main .box .sec0 {
    margin: 0 0 26px;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList {
    width: 100%;
    margin: 20px 0 5px;
    text-align: center;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList img {
    width: auto;
    height: 34px;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList p {
    display: inline;
    width: auto;
    margin: 0 auto;
  }
  .nps #contents.nps-detail #main .box .sec0 p {
    text-align: left;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro {
    margin: 7px 0 25px;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro dt {
    margin: 0 0 25px;
    padding: 7px 0 4px;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul {
    border-top: 2px solid #dcdcdc;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li {
    border-bottom: 2px solid #dcdcdc;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li dt {
    margin: 0;
    padding: 20px 0 6px;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li dt img {
    width: 70px;
    height: 70px;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li dd {
    padding: 0 0 15px;
    text-align: center;
  }
  .nps #contents.nps-detail #main .box .sec1 section {
    margin: 0 0 25px;
  }
  .nps #contents.nps-detail #main .box .sec1 section p {
    margin: 20px 0;
  }
  .nps #contents.nps-detail #main .box .sec1 section p img {
    width: 100%;
  }
  .nps #contents.nps-detail #main .box .sec1 .wrap {
    margin: 21px 0 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .wrap {
    margin: 20px 0 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .inner {
    padding: 18px 0 0;
  }
  .nps #contents.nps-detail #main .box .sec2 h3 {
    text-align: center;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li {
    margin: 0 0 24px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li dl {
    margin: 0 0 9px;
    padding: 0 0 40px;
    background-image: url("/service/nps/detail/images/ico_03.png");
    background-color: transparent;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 52px auto;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li dl dd {
    padding: 14px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dl {
    margin: 0;
    padding: 0;
    background: none;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl dt, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dl dt {
    padding: 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl dd, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dl dd {
    padding: 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd {
    padding: 14px 14px 9px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl {
    margin: 0 0 5px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dt, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd dt {
    margin: 0 0 10px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd li, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd li {
    margin: 0 0 0 24px;
  }
  .nps #contents.nps-detail #main .box .checkList {
    padding: 25px;
  }
  .nps #contents.nps-detail #main .box .checkList li span {
    display: inline-block;
    padding: 6px 0 30px 60px;
    background-image: url("/common/images/ico_check.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
  }

  .nps #contents.nps-column #main .box .date {
    margin: 0 0 20px;
    padding: 0 10px;
  }
  .nps #contents.nps-column #main .box .header {
    padding: 0 10px 25px;
  }
  .nps #contents.nps-column #main .box .header h2 {
    margin: 0 0 20px;
    text-align: left;
  }
  .nps #contents.nps-column #main .box .header h2 br {
    display: none;
  }
  .nps #contents.nps-column #main .box section .inner {
    padding: 20px 10px 25px;
  }
  .nps #contents.nps-column #main .box section .img {
    margin: 15px 0 0;
  }
  .nps #contents.nps-column #main .box section .img img {
    width: 100%;
  }
  .nps #contents.nps-column #main .box .sec0 .img {
    margin: 20px 0;
  }
  .nps #contents.nps-column #main .box .sec0 dt {
    margin: 0 0 10px;
  }
  .nps #contents.nps-column #main .box .sec0 dd li {
    margin: 0 0 15px;
    padding: 15px;
    background-color: #dbe9f0;
    border-radius: 6px;
  }
  .nps #contents.nps-column #main .box .sec0 dd li dt {
    margin: 0;
    padding: 90px 0 5px;
  }
  .nps #contents.nps-column #main .box .sec2 figure {
    margin: 20px 0 0;
  }
  .nps #contents.nps-column #main .box .sec4 .inner {
    padding: 20px 10px 0 !important;
  }
  .nps #contents.nps-column #main .box .sec4 .checkList {
    margin: 20px 0 0;
    padding: 25px;
  }
  .nps #contents.nps-column #main .box .sec4 .checkList li span {
    display: inline-block;
    padding: 6px 0 30px 60px;
    background-image: url("/common/images/ico_check.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
  }
  .nps #contents.nps-column #main .box .sec4 .checkList + p {
    margin: 15px 0 20px;
    text-align: right;
  }
  .nps #contents.nps-column #main .box .sec4 .img {
    display: none;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SERVICE DETAIL
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.serviceDetail #main h1 {
    margin: 0 0 35px;
  }
  #contents.serviceDetail #main header {
    margin: 0 0 60px;
  }
  #contents.serviceDetail #main header h2 {
    padding: 11px 15px 10px;
  }
  #contents.serviceDetail #main header h2 .hide {
    display: none;
  }
  #contents.serviceDetail #main header ul {
    display: inline-block;
    display: block;
  }
  #contents.serviceDetail #main header ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.serviceDetail #main header ul {
    height: 1%;
  }
  #contents.serviceDetail #main header ul li {
    float: left;
    width: 188px;
    min-height: 169px;
    margin: 0 0 0 15px;
    padding: 14px 20px 15px;
    border: 1px solid #ececec;
  }
  #contents.serviceDetail #main header ul li:first-child {
    margin: 0;
  }
  #contents.serviceDetail #main .table {
    width: 100%;
    margin: 0 0 30px;
    border-top: 1px solid #ececec;
  }
  #contents.serviceDetail #main .table dl {
    display: table;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
  }
  #contents.serviceDetail #main .table dt {
    display: table-cell;
    width: 30%;
    vertical-align: top;
    padding: 14px 20px;
    background-color: #f8f8f8;
    border-right: 1px solid #ececec;
  }
  #contents.serviceDetail #main .table dd {
    display: table-cell;
    width: 70%;
    vertical-align: top;
    padding: 14px 20px;
  }
  #contents.serviceDetail #main .staff {
    margin: 34px 0 0;
  }
  #contents.serviceDetail #main .staff div {
    display: inline-block;
    display: block;
  }
  #contents.serviceDetail #main .staff div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.serviceDetail #main .staff div {
    height: 1%;
  }
  #contents.serviceDetail #main .staff div p {
    float: left;
    width: 180px;
  }
  #contents.serviceDetail #main .staff div dl {
    float: left;
    width: 540px;
    margin: -5px 0 33px;
  }
  #contents.serviceDetail #main .staff dl {
    margin: 0 0 33px;
  }
  #contents.serviceDetail #main .staff dt {
    margin: 0 0 9px;
  }
  #contents.serviceDetail #main .outline section {
    margin: 36px 0 0;
  }
  #contents.serviceDetail #main .outline section h3 {
    margin: 0 0 17px;
  }
  #contents.serviceDetail #main .outline section .img img {
    width: 100%;
    height: auto;
  }
  #contents.serviceDetail #main .outline section span {
    display: inline-block;
    margin: 8px 0 0;
  }
  #contents.serviceDetail #main .photo {
    margin: 0 0 28px;
    display: inline-block;
    display: block;
  }
  #contents.serviceDetail #main .photo:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html #contents.serviceDetail #main .photo {
    height: 1%;
  }
  #contents.serviceDetail #main .photo p {
    float: left;
    width: 425px;
  }
  #contents.serviceDetail #main .photo .img {
    float: right;
    width: 295px;
    text-align: right;
  }
  #contents.serviceDetail #main .photo .img img {
    width: 266px;
    height: auto;
  }
  #contents.serviceDetail #main .effective {
    margin: 0 0 52px;
  }
  #contents.serviceDetail #main .effective h2 + p {
    margin: 0 0 40px;
  }
  #contents.serviceDetail #main .effective section {
    margin: 0 0 36px;
  }
  #contents.serviceDetail #main .effective h3 {
    margin: 0 0 33px;
  }
  #contents.serviceDetail #main .effective dl {
    margin: -7px 0 0;
  }
  #contents.serviceDetail #main .effective dt {
    margin: 0 0 8px;
  }
  #contents.serviceDetail #main .effective dd {
    margin: 0 0 27px;
  }

  #contents.serviceDetail #main .use {
    margin: 0 0 56px;
  }
  #contents.serviceDetail #main .use section {
    margin: 0 0 27px;
  }
  #contents.serviceDetail #main .charge {
    margin: 0 0 54px;
  }
  #contents.serviceDetail #main .charge p {
    margin: -5px 0 0;
  }
  #contents.serviceDetail #main .functionOutline {
    margin: 0 0 54px;
  }
  #contents.serviceDetail #main .functionOutline section {
    margin: 0 0 36px;
  }
  #contents.serviceDetail #main .functionOutline h3 {
    margin: 0 0 18px;
  }
  #contents.serviceDetail #main .functionOutline .img {
    margin: 24px 0 0;
  }
  #contents.serviceDetail #side #inquiry,
  #contents.accessibility #side #inquiry {
    margin: 0 0 34px;
  }
  #contents.serviceDetail #side #subNav li span,
  #contents.accessibility #side #subNav li span {
    display: block;
    margin: 0 0 5px;
  }
  #contents.serviceDetail #side #subNav li ul,
  #contents.accessibility #side #subNav li ul {
    margin: 0 0 20px;
  }
  #contents.serviceDetail #side #subNav li li,
  #contents.accessibility #side #subNav li li {
    margin: 0 0 4px 2px;
  }

  /* [PC] mobileweb */
  #contents.mobileweb #main h1 {
    background-image: url("/common/images/s_logo_02.png");
    background-color: transparent;
    background-position: 100% 27px;
    background-repeat: no-repeat;
  }
  #contents.mobileweb #main header .img {
    margin: 28px 0 21px;
    text-align: center;
  }
  #contents.mobileweb #main header .img img {
    width: 700px;
    height: 324px;
  }

  /* [PC] mw_app */
  #contents.mw_app #main h1 {
    background-image: url("/common/images/s_logo_07.png");
    background-color: transparent;
    background-position: 100% 22px;
    background-repeat: no-repeat;
  }
  #contents.mw_app #main header .img {
    margin: 28px 0 21px;
    text-align: center;
  }
  #contents.mw_app #main header .img img {
    width: 700px;
    height:auto;
  }

  /* [PC] buzzfinder */
  #contents.buzzfinder #main h1 {
    background-image: url("/common/images/s_logo_01.png");
    background-color: transparent;
    background-position: 100% 22px;
    background-repeat: no-repeat;
  }
  #contents.buzzfinder #main header .img {
    margin: 28px 0;
  }
  #contents.buzzfinder #main header .img img {
    width: 100%;
    height: auto;
  }
  #contents.buzzfinder #main header div {
    margin: 34px 0 0;
    padding: 20px 35px;
  }
  #contents.buzzfinder #main header div p {
    height: 70px;
    padding: 10px 0 0 105px;
  }
  #contents.buzzfinder #main .use p img {
    width: 720px;
    height: auto;
  }
  
  /* [PC] socialstudio */
  #contents.socialstudio #main header {
    margin: 0 0 30px;
  }
  #contents.socialstudio #main header h2{
    margin: 0 0 25px;
  }
  #contents.socialstudio #main header #header_inner {
    background: #D0F8FF;
    padding: 15px;
    border-radius: 10px;
    margin: 0 0 30px;
  }
  #contents.socialstudio #main header #header_inner h3{
    font-size: 140%;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  #contents.socialstudio #main header #header_inner .header_abs{
    margin:0;
    padding:0;
  }
  #contents.socialstudio #main header #header_inner .header_abs .points{
    margin:0;
    padding:0;
    width: 50%;
    float: left;
  }
  #contents.socialstudio #main header #header_inner .points ul {
	  margin:17px 20px 0 20px;
	}
  #contents.socialstudio #main header #header_inner .points li {
    background: #FFB554;
    border-radius: 0.5em;
    padding: 0.7em;
    line-height: 1em;
    margin: 0.3em 0;
    font-weight: bold;
    width: 100%;
    min-height: 1em;
  }
  #contents.socialstudio #main header #header_inner .points li:first-child{
    margin: 0.3em 0;
  }
  #contents.socialstudio #main header #header_inner .points a:hover li{
    background:#FFCB89;
  }
  #contents.socialstudio #main header #header_inner .img {
    margin: 8px 0 8px;
    text-align: center;
    width: 320px;
  }
  #contents.socialstudio #main header #header_inner .img img {
    width: 220px;
    height: auto;
  }
  #contents.socialstudio #main header #header_inner div {
    display: table;
    margin: 14px 0 0;
    padding: 10px;
  }
  #contents.socialstudio #main header #header_inner div p {
    display: table-row;
    width: 100%;
    height: 80px;
  }
  #contents.socialstudio #main .contact1 {
    margin-bottom: 2em;

  }
  #contents.socialstudio #main .contact1 .contact_btn {
    background: #0066cc;
    text-align: center;
    height: 7em;
  }
  #contents.socialstudio #main .contact1 .contact_btn a {
    line-height: 5.6em;
    width: 70%;
    height: 1em;
    background: #fff;
    padding: 1.2em 10em;
    text-decoration: none;
    color: #0066cc;
    font-weight: bold;
    font-size: 125%;
    border-radius: 5px;
  }
  #contents.socialstudio #main .osusume_points ul {
    list-style-type: disc;
    margin: 0 2em;
  }
  #contents.socialstudio #main .osusume_points ul li {
    margin-bottom: 0.7em;
    font-weight: bold;
    font-size:120%;
  }
  #contents.socialstudio #main .feature {
    margin: 0 0 20px;
  }
  #contents.socialstudio #main .feature .mansai {
    border: 1px solid #ddd;
    padding: 1em;
    margin-bottom: 1em;
  }
  #contents.socialstudio #main .feature section h3 {
    margin-bottom: 0;
    display: block;
    width: 700px;
    font-size: 145%;
  }
  #contents.socialstudio #main .feature section h3 span {
    min-height: 45px;
  }
  #contents.socialstudio #main .feature section .figure_img {
    margin-top:13px;
    text-align:center;
  }
  #contents.socialstudio #main .feature section p {
    padding: 3px 0 0;
    display: block;
    width: 630px;
    vertical-align: top;
    padding-left: 77px;
  }
  #contents.socialstudio #main .feature #blog_rss {
    border: 1px solid #ddd;
    padding: 1em;
    width:690px;
  }
  #contents.socialstudio #main .feature #blog_rss h4{
    font-size: 85%;
  }
  #contents.socialstudio #main .feature #blog_rss h5{
    font-size: 120%;
    margin: 0.6em 0;
  }
  #contents.socialstudio #main .use p img {
    width: 720px;
    height: auto;
  }

  /* [PC] solutionconsulting */
  #contents.solutionconsulting #main h2 {
    margin: 0 0 33px !important;
  }
  #contents.solutionconsulting #main .header {
    margin: 0 0 42px;
  }
  #contents.solutionconsulting #main .header p {
    margin: 0 0 18px;
  }
  #contents.solutionconsulting #main h3 {
    margin: 0 0 18px;
  }
  #contents.solutionconsulting #main .img {
    text-align: center;
  }
  #contents.solutionconsulting #main .img0 {
    margin: 5px 0 21px;
  }
  #contents.solutionconsulting #main .img0 img {
    width: 620px;
    height: 288px;
  }
  #contents.solutionconsulting #main .img1 {
    margin: 9px 0 1px;
  }
  #contents.solutionconsulting #main .img1 img {
    width: 620px;
    height: 357px;
  }
  #contents.solutionconsulting #main .img2 {
    margin: 14px 0 0;
  }
  #contents.solutionconsulting #main .img2 img {
    width: 595px;
    height: 414px;
  }
  #contents.solutionconsulting #main .web-solution section, #contents.solutionconsulting #main .voc section, #contents.solutionconsulting #main .sp-solution section {
    margin: 0 0 53px;
  }
  #contents.solutionconsulting #main .plan p {
    margin: 0 0 24px;
  }

  /* [PC] webconsulting */
  #contents.webconsulting #main .img0 {
    margin: 16px 0 0;
  }
  #contents.webconsulting #main .img1 {
    margin: 16px 0 0;
  }

  /* [PC] pointsolution */
  #contents.pointsolution #main .scene p {
    text-align: center;
  }

  /* [PC] webaccessibility */
  #contents.webaccessibility #main .serviceContents .img {
    margin: 20px 0 0;
    text-align: center;
  }
  
  /* [PC] potorao2o */
  #contents.potorao2o #main .potoraCustomer .img {
    margin-top:1em;
  }
  #contents.potorao2o #main .potoraCustomer img {
    height:200px;
    margin:0 3px;
    float:left;
  }
  #contents.potorao2o #main .charge dl {
    margin:1em 0;
  }
  #contents.potorao2o #main .charge dt {
    width:300px;
    float:left;
    font-weight:bold;
  }
  #contents.potorao2o #main .charge dd {
    width:420px;
    float:left;
  }
  #contents.potorao2o #main .related .logo8 {
    width:115px;
  }

  /* [PC] globalsite */
  #contents.globalsite #main .serviceContents {
    margin: 0 0 54px;
  }
  #contents.globalsite #main .serviceContents p {
    margin: -5px 0 28px;
  }
  #contents.globalsite #main .serviceContents section {
    margin: 0 0 29px;
  }
  #contents.globalsite #main .serviceContents section p {
    margin: 0 0 23px;
  }
  #contents.globalsite #main .image {
    margin: 0 0 51px;
  }
  #contents.globalsite #main .image ul li {
    float: left;
    width: 229px;
  }
  #contents.globalsite #main .reference {
    margin: 0 0 46px;
  }
  #contents.globalsite #main .reference p {
    margin: -15px 0 0;
  }


  /* [PC] crmdata */
  #contents.crmdata #main header {
    margin: 0 0 53px;
  }
  #contents.crmdata #main header p {
    margin: 30px 0 0;
  }
  #contents.crmdata #main .about {
    margin: 30px 0;
  }
  #contents.crmdata #main .dataArea {
    margin: 0 0 39px;
  }
  #contents.crmdata #main .dataArea p {
    margin: 0 0 14px;
  }

  /* [PC] nps */
  .nps #contents {
    padding: 0;
  }
  .nps #contents #main {
    text-align: center;
  }
  .nps #contents #main header .inner {
    width: 990px;
    margin: 0 auto;
    text-align: left;
  }
  .nps #contents #main header .tit {
    width: 100%;
    display: inline-block;
    display: block;
  }
  .nps #contents #main header .tit:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .nps #contents #main header .tit {
    height: 1%;
  }
  .nps #contents #main header .tit h1 {
    float: left;
    width: 286px;
    margin: 17px 0 0;
  }
  .nps #contents #main header .tit #tab {
    float: left;
    width: 704px;
    margin: 28px 0;
  }
  .nps #contents #main header .tit #tab ul {
    display: inline-block;
    display: block;
  }
  .nps #contents #main header .tit #tab ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .nps #contents #main header .tit #tab ul {
    height: 1%;
  }
  .nps #contents #main header .tit #tab ul li {
    float: left;
    width: 171px;
    padding: 0 0 0 5px;
  }
  .nps #contents #main header .tit #tab ul li a {
    width: 171px;
    height: 46px;
  }
  .nps #contents #main .tell-mail {
    width: 720px;
    margin: 0 auto;
    text-align: left;
  }
  .nps #contents #main footer {
    padding: 44px 0;
  }
  .nps #contents #main .case-top {
    width: 990px;
    margin: 56px auto 40px;
    text-align: left;
  }

  .nps #contents.nps-top #main header,
  .nps #contents.nps-detail #main header,
  .nps #contents.nps-column #main header {
    margin: 0 0 54px;
  }
  .nps #contents.nps-top #main .box section,
  .nps #contents.nps-detail #main .box section,
  .nps #contents.nps-column #main .box section {
    width: 990px;
    margin: 0 auto;
    text-align: left;
  }
  .nps #contents.nps-top #main .box section h2,
  .nps #contents.nps-detail #main .box section h2,
  .nps #contents.nps-column #main .box section h2 {
    padding: 0 0 13px;
  }
  .nps #contents.nps-top #side,
  .nps #contents.nps-detail #side,
  .nps #contents.nps-column #side {
    display: none;
  }

  .nps #contents.nps-case #side {
    display: none;
  }

  .nps #contents.nps-top #main header {
    margin: 0;
  }
  .nps #contents.nps-top #main .lead {
    margin: 0 0 32px;
  }
  .nps #contents.nps-top #main .lead .inner {
    width: 990px;
    margin: 0 auto;
    text-align: left;
  }
  .nps #contents.nps-top #main .lead #inquiry {
    width: 230px;
    position: absolute;
    top: 30px;
    left: 760px;
  }
  .nps #contents.nps-top #main .lead .about {
    padding: 50px 0;
  }
  .nps #contents.nps-top #main .lead .about ul {
    margin: 40px 0 0 10px;
  }
  .nps #contents.nps-top #main .lead .about ul li span {
    padding: 0 0 0 170px;
  }
  .nps #contents.nps-top #main .lead .about ul li.i0 {
    margin: 0 0 20px;
  }
  .nps #contents.nps-top #main .lead .about ul li.i0 span {
    min-height: 80px;
  }
  .nps #contents.nps-top #main .lead .about ul li.i1 {
    margin: 0 0 30px;
  }
  .nps #contents.nps-top #main .lead .about ul li.i1 span {
    min-height: 88px;
    line-height: 88px;
  }
  .nps #contents.nps-top #main .lead .about ul li.i2 span {
    min-height: 85px;
    padding: 25px 0 0 170px;
  }
  .nps #contents.nps-top #main .box section .inner {
    padding: 0 40px;
  }
  .nps #contents.nps-top #main .box .sec0 {
    margin: 0 auto 32px;
  }
  .nps #contents.nps-top #main .box .sec0 .process {
    width: 100%;
    margin: 0;
  }
  .nps #contents.nps-top #main .box .sec1 {
    margin: 56px auto;
  }
  .nps #contents.nps-top #main .box .sec1 div {
    margin: 40px 96px 0;
    padding: 35px 50px 34px;
  }
  .nps #contents.nps-top #main .box .sec1 div p {
    margin: 0 0 36px;
  }
  .nps #contents.nps-top #main .box .sec1 div figure figcaption {
    margin: 0 0 13px;
  }
  .nps #contents.nps-top #main .box .sec2 {
    margin: 0 auto 45px;
  }
  .nps #contents.nps-top #main .box .sec2 figure {
    margin: 34px 0 0;
  }
  .nps #contents.nps-top #main .box .sec2 figure figcaption {
    margin: 0 0 33px;
  }
  .nps #contents.nps-top #main .process-flow {
    width: 100%;
    margin: 0 auto 50px;
    background-image: url("/service/nps/images/bg_01.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: repeat-x;
  }
  .nps #contents.nps-top #main .process-flow p {
    width: 734px;
    margin: 0 auto;
    text-align: left;
    margin: 41px auto 0;
    padding: 15px 0 14px;
    text-align: center;
  }

  .nps #contents.nps-detail #main .box .sec0 {
    margin: 0 auto 66px;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList {
    display: inline-block;
    display: block;
    width: 990px;
    margin: 40px 0 0;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .nps #contents.nps-detail #main .box .sec0 .flowList {
    height: 1%;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList p {
    float: left;
    display: inline;
    width: 142px;
    margin: 0;
    text-align: right;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList p:first-child {
    width: 138px;
  }
  .nps #contents.nps-detail #main .box .sec0 .flowList p img {
    width: 138px;
    height: 65px;
  }
  .nps #contents.nps-detail #main .box .sec0 p {
    margin: 28px 0 21px;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro {
    width: 100%;
    text-align: center;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro dt {
    width: 472px;
    margin: 0 auto;
    text-align: left;
    margin: 0 auto 42px;
    padding: 25px 0 24px;
    text-align: center;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro dd {
    border-left: 1px solid #e1e1e1;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul {
    display: inline-block;
    display: block;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul {
    height: 1%;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li {
    float: left;
    width: 328px;
    padding: 10px 0 35px;
    border-right: 1px solid #e1e1e1;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li dl dt {
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li dl dt img {
    display: inline-block;
    width: 70px;
    height: 70px;
  }
  .nps #contents.nps-detail #main .box .sec0 .satmetrixpro ul li dl dd {
    border-left: none;
  }
  .nps #contents.nps-detail #main .box .sec0 .checkList {
    margin: 30px 96px 0;
    padding: 24px 24px 0;
  }
  .nps #contents.nps-detail #main .box .sec0 .checkList li span {
    display: inline-block;
    padding: 6px 0 30px 60px;
    background-image: url("/common/images/ico_check.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
  }
  .nps #contents.nps-detail #main .box .sec1 h2 {
    margin: 0 0 51px;
  }
  .nps #contents.nps-detail #main .box .sec1 section {
    width: 100%;
  }
  .nps #contents.nps-detail #main .box .sec1 section .inner {
    margin: 0 0 55px;
    padding: 0 40px;
  }
  .nps #contents.nps-detail #main .box .sec1 section h3 {
    padding: 0 0 30px;
  }
  .nps #contents.nps-detail #main .box .sec1 section p img {
    width: 990px;
  }
  .nps #contents.nps-detail #main .box .sec1 .checkList {
    margin: 30px 16px 0;
    padding: 24px 24px 0;
  }
  .nps #contents.nps-detail #main .box .sec1 .checkList li span {
    display: inline-block;
    padding: 6px 0 30px 60px;
    background-image: url("/common/images/ico_check.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
  }
  .nps #contents.nps-detail #main .box .sec2 p {
    margin: 45px 0 28px;
    padding: 0 40px;
  }
  .nps #contents.nps-detail #main .box .sec2 section {
    width: 100%;
  }
  .nps #contents.nps-detail #main .box .sec2 section .inner {
    margin: 0 0 55px;
    padding: 0 40px;
  }
  .nps #contents.nps-detail #main .box .sec2 h3 {
    margin: 0 0 24px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function {
    margin: 0 40px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li {
    margin: 0 0 43px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li dl {
    margin: 0 0 8px;
    padding: 0 0 42px;
    background-image: url("/service/nps/detail/images/ico_03.png");
    background-color: transparent;
    background-position: 50% 100%;
    background-repeat: no-repeat;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li dl dt {
    padding: 8px 0 6px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li dl dd {
    padding: 26px 40px 24px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dl {
    margin: 0;
    padding: 0;
    background: none;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl dt, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dl dt {
    padding: 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl dd, .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dl dd {
    padding: 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd {
    padding: 26px 40px 5px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dl {
    padding: 0 0 19px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f0 dd dd {
    padding: 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd {
    padding: 26px 40px 19px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dt, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd dt {
    margin: 0 0 6px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd dd, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd dd {
    padding: 0;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul li.f1 dd li, .nps #contents.nps-detail #main .box .sec2 .function ul li.f3 dd li {
    margin: 0 0 5px 24px;
  }
  .nps #contents.nps-detail #main .box .sec2 .function ul div p {
    padding: 0;
  }

  .nps #contents.nps-column #main .box .date {
    width: 990px;
    margin: -20px auto 58px;
  }
  .nps #contents.nps-column #main .box .header {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 49px;
  }
  .nps #contents.nps-column #main .box .header h2 {


    margin: 0 0 42px;
  }
  .nps #contents.nps-column #main .box .header p {
    padding: 0 40px;
  }
  .nps #contents.nps-column #main .box section .inner {
    padding: 33px 40px 0;
  }
  .nps #contents.nps-column #main .box section .img {
    text-align: center;
  }
  .nps #contents.nps-column #main .box .sec0 {
    padding: 0 0 4px;
  }
  .nps #contents.nps-column #main .box .sec0 .img {
    margin: 39px 0 43px;
  }
  .nps #contents.nps-column #main .box .sec0 dl {
    margin: 0 0 44px;
  }
  .nps #contents.nps-column #main .box .sec0 dt {
    margin: 0 0 16px;
  }
  .nps #contents.nps-column #main .box .sec0 dd ul {
    display: inline-block;
    display: block;
  }
  .nps #contents.nps-column #main .box .sec0 dd ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .nps #contents.nps-column #main .box .sec0 dd ul {
    height: 1%;
  }
  .nps #contents.nps-column #main .box .sec0 dd li {
    float: left;
    width: 250px;
    margin: 0 0 0 20px;
    padding: 28px 20px 25px;
    background-color: #dbe9f0;
    border-radius: 6px;
  }
  .nps #contents.nps-column #main .box .sec0 dd li:first-child {
    margin: 0;
  }
  .nps #contents.nps-column #main .box .sec0 dd li dl {
    margin: 0;
  }
  .nps #contents.nps-column #main .box .sec0 dd li dt {
    margin: 0;
    padding: 90px 0 5px;
  }
  .nps #contents.nps-column #main .box .sec0 dd li dd {
    min-height: 92px;
  }
  .nps #contents.nps-column #main .box .sec1 {
    padding: 0 0 40px;
  }
  .nps #contents.nps-column #main .box .sec2 {
    padding: 0 0 38px;
  }
  .nps #contents.nps-column #main .box .sec2 figure {
    margin: 43px 0 0;
  }
  .nps #contents.nps-column #main .box .sec2 figcaption {
    margin: 0 0 13px;
  }
  .nps #contents.nps-column #main .box .sec3 {
    padding: 0 0 28px;
  }
  .nps #contents.nps-column #main .box .sec3 .img {
    margin: 43px 0 0;
  }
  .nps #contents.nps-column #main .box .sec4 {
    padding: 0 0 57px;
  }
  .nps #contents.nps-column #main .box .sec4 p span {
    position: relative;
    top: -5px;
    display: inline-block;
  }
  .nps #contents.nps-column #main .box .sec4 .checkList {
    margin: 49px 56px 45px;
    padding: 24px 24px 0;
  }
  .nps #contents.nps-column #main .box .sec4 .checkList li span {
    display: inline-block;
    padding: 6px 0 30px 60px;
    background-image: url("/common/images/ico_check.png");
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
  }
  .nps #contents.nps-column #main .box .sec4 .checkList + p {
    /*
    @include _m(0 56px 39px);
    text-align: right;
    */
    display: none;
  }
  .nps #contents.nps-column #main .box .sec4 .img {
    margin: 0 0 55px;
    text-align: center;
  }
}

@charset "UTF-8";
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT SERVICE SMS
------------------------------------------------------------------------ */
#contents.sms #main #buttonGroup { margin: 0 0 40px 0; overflow:hidden; }
#contents.sms #main #buttonGroup ul {
    display: inline-block;
    display: block;
}
#contents.sms #main #buttonGroup ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
* html #contents.sms #main #buttonGroup ul {
    height: 1%;
}
#contents.serviceDetail #main .smsCommon section {
    margin-bottom: 45px;
}
#contents.serviceDetail #main .smsCommon h2 span {
    background-image: url("/service/images/tit_ico_01.png");
    background-color: white;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}
#contents.serviceDetail #main .smsCommon h3,
#contents.serviceDetail #main .feature h3
{
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
}
#contents.serviceDetail #main .smsCommon p {
    margin-bottom: 24px;
}
#contents.serviceDetail #main .feature h3 {

}
#contents.serviceDetail #main .effective p.img {
    margin: 20px 0;
}
#contents.serviceDetail #main .smsList h4 {
    margin-bottom: 15px;
    font-size: 120%;
    font-weight: bold;
}
#contents.serviceDetail #main .smsList dl {
    margin: 0;
    padding: 5px 0;
    width: 100%;
    border-bottom: dotted 1px #CCCCCC;
}
#contents.serviceDetail #main .smsList dl.smsFirst {
    border-top: dotted 1px #CCCCCC;
}
#contents.serviceDetail #main .smsList dt,
#contents.serviceDetail #main .smsList dd {
    padding: 0 10px;
    font-size: 90%;
}
#contents.serviceDetail #main .smsExplain {
    font-size:90%;
}
#contents.serviceDetail #main .smsCommon .smsCaption {
    padding: 8px 10px;
    font-size:83%;
}
#contents.serviceDetail #main .smsCommon .smsCaption ul {
    width: auto;
    padding-left: 1em;
    text-indent:  -1em;
}
#contents.serviceDetail #main .smsCommon .smsCaption ul li {
    width: auto;
    margin: 2px 0;
    line-height: 150%;
}
#contents.serviceDetail #main .smsCommon .smsCaption ul li:before {
    content: "※";
}

/* [SP / PC] --------------------------------------------------------------
/* COLOR SERVICE SMS
------------------------------------------------------------------------ */
#contents.serviceDetail #main .smsCommon h3,
#contents.serviceDetail #main .smsCommon .smsExplain h4,
#contents.serviceDetail #main .effective h3,
#contents.serviceDetail #main .feature h3,
.smsList h4  {
    color: #09c;
}
#contents.serviceDetail #main .smsList,
#contents.serviceDetail #main .smsCaption{
    background-color: #F8F8F8;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SERVICE SMS
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
    #contents.sms .smsMainPC { display:none; }
    #contents.sms #main #buttonGroup {
    }
    #contents.sms #main #buttonGroup ul {
        margin: 25px 0 0;
        width: 100%;
    }
    #contents.sms #main #buttonGroup li {
        width: 100%;
        margin: 0 0 10px;
    }
    #contents.sms #main #buttonGroup li:nth-child(odd) {
        margin: 0 4% 10px 0;
    }
    #contents.sms #main #buttonGroup a {
        width: 100%;
        height: 40px;
    }
    #contents.sms #main .smsCommon ul {
        width: 100%;
    }
    #contents.sms #main .smsCommon li {
        width: 100%;
        margin: 0 0 20px;
    }
    #contents.sms #main .smsCommon li img,
    #contents.sms #main .smsCommon p.img img,
    #contents.sms #main .effective p.img img,
    #contents.sms #main .sms2col img
    {
        width: 100%;
        height: auto;
    }
    #contents.sms #main .smsCommon .smsNavi {
        display: none;
    }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SERVICE SMS
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
    #contents.sms #main { }
    #contents.sms .smsMainSP { display:none; }
    #contents.sms #main #buttonGroup { }
    #contents.sms #main #buttonGroup ul { height: 40px; }
    #contents.sms #main #buttonGroup li {
        float: left;
        width: 172px;
        height: 40px;
        margin: 0 0 0 10px;
}
    #contents.sms #main #buttonGroup li:first-child {
        float: left;
        width: 172px;
        margin: 0;
    }
    #contents.sms #main #buttonGroup a {
        width: 100%;
        height: 40px;
    }
    #contents.sms #main .smsCommon {
        margin: 0 0 51px 0;
    }
    #contents.sms #main .smsCommon ul {
        width: 100%;
        display: inline-block;
        display: block;
    }
    #contents.sms #main .smsCommon ul:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    * html #contents.sms #main .smsCommon ul {
        height: 1%;
    }
    #contents.sms #main .smsCommon li {
        float: left;
        width: 47%;
        margin: 0 6% 30px 0;
    }
    #contents.sms #main .smsCommon li.odd {
        margin: 0 0 30px;
    }
    #contents.sms #main .smsCommon .smsNavi {
        display: block;
        width: 100%;
        margin-bottom:55px;
    }
    #contents.sms #main .smsCommon .smsNavi:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    #contents.sms #main .smsCommon .smsNavi li {
        float: left;
        width: auto;
        margin: 0 15px 5px 0;
    }
    #contents.sms #main .feature:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    .sms2col {
        float: left;
        width:48%;
    }
    .sms2colLeft {
        margin:0 3% 30px 0;
    }
    .sms2colRight {
        margin:0 0 30px 0;
    }
    #contents.serviceDetail #main .smsList dl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    #contents.serviceDetail #main .smsList dl dt {
        float: left;
        width: 200px;
        margin: 0;
    }
    #contents.serviceDetail #main .smsList dl dd {
        float: left;
        width: 470px;
        margin: 0;
    }
}

/* 10/06追加 */
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT SERVICE SMS
------------------------------------------------------------------------ */
#contents.sms #main .smsCommon #function01 h3,
#contents.sms #main .smsCommon #function02 h3,
#contents.sms #main .smsCommon #function03 h3,
#contents.sms #main .smsCommon #solution01 h3,
#contents.sms #main .smsCommon #solution02 h3,
#contents.sms #main .smsCommon #solution03 h3,
#contents.sms #main .smsCommon #solution04 h3,
#contents.sms #main .smsCommon #solution05 h3,
#contents.sms #main .smsCommon #scene01 h3,
#contents.sms #main .smsCommon #scene02 h3,
#contents.sms #main .smsCommon #scene03 h3,
#contents.sms #main .smsCommon #scene04 h3,
#contents.sms #main .smsCommon #scene05 h3,
#contents.sms #main .smsCommon #scene06 h3,
#contents.sms #main .smsCommon #scene07 h3,
#contents.sms #main .smsCommon #scene08 h3,
#contents.sms #main .smsCommon #scene09 h3,
#contents.sms #main .smsCommon #scene10 h3,
#contents.sms #main .smsCommon #scene11 h3,
#contents.sms #main .smsCommon #scene12 h3,
#contents.sms #main .smsCommon #scene13 h3
{
    padding-top: 15px; border-top: solid 1px #09c;
}


/* [SP / PC] --------------------------------------------------------------
/* FONT : CAMPAIGN01
------------------------------------------------------------------------ */
#contents.campaign01 #main section dl dt {
  color: #09c;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.campaign01 #main section dl dt span {
  color: #333333;
}
#contents.campaign01 #main section dl dt a {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.campaign01 #main section dl dd {
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
}
#contents.campaign01 #main section .related dt {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}
#contents.campaign01 #main section .related dd a {
  color: #999999;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : CAMPAIGN01
------------------------------------------------------------------------ */
#contents.campaign01 #main section {
  /*display: table;
  border: 1px solid #ececec;*/
}
#contents.campaign01 #main section h2 span {
  /*display: none;*/
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : CAMPAIGN01
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #contents.campaign01 #eyecatch video{
    display:none;
  }
  #contents.campaign01 #main h1 {
    margin: 0 0 25px;
  }
  #contents.campaign01 #main section {
    width: 100%;
    margin: 0 0 10px;
  }
  #contents.campaign01 #main section h2 {
    width: 100%;
    font-size:125%;
    margin:1.5em 0 1em 0;
  }
  #contents.campaign01 #main section h2 a {
    width: 100%;
    height: 138px;
    text-align: center;
    vertical-align: middle;
  }
  #contents.campaign01 #main section h2 a img {
    width: 120px;
    height: auto;
  }
  #contents.campaign01 #main section h2 a .logo2 {
    position: relative;
    top: 3px;
  }
  #contents.campaign01 #main section div {
    border-top: 1px solid #ececec;
    padding: 5px 16px;
  }
  #contents.campaign01 #main section div dt span {
    display: inline-block;
    margin: 8px 0 0;
  }
  #contents.campaign01 #main section div dd {
    display: none;
  }
  #contents.campaign01 #main section div .related {
    display: none;
  }
  #contents.campaign01 #main section.simple div {
    border-top: none;
  }
  #contents.campaign01 #eyecatch{
    height:90px !important;
    padding:0 !important;
  }
  #contents.campaign01 #eyecatch img,
  #contents.campaign01 #main .aboutbf img,
  #contents.campaign01 #main .form_btn img {
    width:100%;
  }
  #contents.campaign01 #main .aboutbf .clearfix h3{
    font-size:125%;
    font-weight:bold;
    margin:0 0 .75em 0;
    background:#09c;
    padding:1em;
    color:#fff;
    text-align:center;
  }
  #contents.campaign01 #main .useCase .clearfix div{
    text-align:center;
  }
  #contents.campaign01 #main .useCase .clearfix h3{
    font-weight:bold;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : CAMPAIGN01
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #contents.campaign01 {
    padding-top:0;
  }
  #contents.campaign01 #main h1 {
    margin: 0 0 38px;
  }
  #contents.campaign01 #eyecatch{
    display:block;
    height:400px;
    overflow:hidden;
    position:relative;
  }
  #contents.campaign01 #eyecatch video{
    display:inline-block;
    min-width:100%;
    min-height:100%;
    z-index:-100;
  }
  #contents.campaign01 #eyecatch div{
    position:absolute;
    min-width:90%;
    min-height:100%;
    top:0;
    left:5%;
    color:#fff;
    /*background:rgba(0,0,0,0.1);*/
  }
  #contents.campaign01 #eyecatch h1{
    position:relative;
    top:14px;
    left:156px;
    padding:.5em;
    text-align:left;
    font-size:400%;
    font-weight:bold;
    line-height:1em;
    display:block;
    text-align:left;
    width:12em;
    background:rgba(0, 0, 0, 0.3);
  }
  #contents.campaign01 #eyecatch p{
    position:relative;
    top:14px;
    left:156px;
    padding:.6em;
    text-align:left;
    display:block;
    text-align:left;
    width:60em;
    background:rgba(0, 0, 0, 0.3);
  }
  #contents.campaign01 #main section {
    margin: 0 0 20px;
  }
  #contents.campaign01 #main section{
	width:800px;
    margin: 40px auto;
  }
  #contents.campaign01 #main section.simple div {
    display: table-cell;
    width: 988px;
    vertical-align: top;
  }
  #contents.campaign01 #main section.simple div dl {
    float: left;
    width: 798px;
  }
  #contents.campaign01 #main section h2 {
    vertical-align: top;
    border-bottom: 2px solid #ececec;
    vertical-align: middle;
    font-size:150%;
    margin:20px auto;
    padding:0 0 .3em;
  }
  #contents.campaign01 #main section h2 a img {
    width: 150px;
    height: auto;
  }
  #contents.campaign01 #main section div {
/*    display: table-cell;
    width: 788px;
    vertical-align: top;*/
  }
  #contents.campaign01 #main section dl {
    float: left;
    width: 600px;
  }
  #contents.campaign01 #main section dl dt {
    padding: 18px 37px 5px;
  }
  #contents.campaign01 #main section dl dt span {
    display: inline-block;
    padding: 12px 0 0;
  }
  #contents.campaign01 #main section dl dd {
    padding: 0 37px 17px;
  }
  #contents.campaign01 #main section .related {
    float: left;
    width: 188px !important;
  }
  #contents.campaign01 #main section .related dt {
    padding: 18px 37px 4px 0;
  }
  #contents.campaign01 #main section .related dd {
    padding: 0 37px 17px 0;
  }
  #contents.campaign01 #main section.overview{
    width:950px;
    text-align:center;
    margin:10px auto;
  }
  #contents.campaign01 #main section.overview p{
    font-size:125%;
    line-height:1.4;
  }
  #contents.campaign01 #main .cpinfo{
    display:table;
  }
  #contents.campaign01 #main .cpinfo .tbl_tr{
    margin:1.5em 0;
  }
  #contents.campaign01 #main .cpinfo .tbl_th,
  #contents.campaign01 #main .cpinfo .tbl_td{
    display:table-cell;
  }
  #contents.campaign01 #main .cpinfo .tbl_th{
    width:16em;
    font-weight:bold;
  }
  #contents.campaign01 #main .cpinfo ul{
    list-style:disc outside none;
    margin-left:1em;
  }
  #contents.campaign01 #main .cpinfo ol{
    list-style:decimal outside none;
    margin-left:1em;
  }
  #contents.campaign01 #main .aboutbf .clearfix div{
    float:left;
    width:380px;
    padding:10px;
    margin:15px 0;
  }
  #contents.campaign01 #main .aboutbf .clearfix h3{
    font-size:125%;
    font-weight:bold;
    margin:0 0 .75em 0;
    background:#09c;
    padding:1em;
    color:#fff;
    text-align:center;
  }
  #contents.campaign01 #main .aboutbf .clearfix ul{
    list-style:disc outside none;
    margin:0 0 0 2em;
  }
  #contents.campaign01 #main .aboutbf .clearfix li{
    margin:0 0 .5em 0;
  }
  #contents.campaign01 #main .figure01{
    text-align:center;
  }
  #contents.campaign01 #main .form_btn{
    text-align:center;
  }
  #contents.campaign01 #main .form_btn a img{
    border:0;
  }
  #contents.campaign01 #main .form_btn p{
    font-size:175%;
    font-weight:bold;
    margin:1em 0 0;
    color:#09c;
  }
  #contents.campaign01 #main .useCase .clearfix div{
    float:left;
    width:190px;
    padding:5px;
    margin:0;
  }
  #contents.campaign01 #main .useCase .clearfix p{
    margin:12px 0;
  }
  #contents.campaign01 #main .useCase .clearfix h3{
    margin:10px 0;
  }
  #contents.campaign01 #main .useCase .clearfix div img{
    width:160px;
  }
  /* balloon-4 bottom-left */
.balloon-4-bottom-left {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 70px;
	color: #F6F6F6;
	line-height: 70px;
	text-align: center;
	background: #19283C;
	border-radius: 60%;
}
.balloon-4-bottom-left:before {
	content: "";
	position: absolute;
	bottom: -10px; left: 20px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #19283C;
	border-radius: 0 30px 0 30px;
	z-index: -1;
}
.balloon-4-bottom-left:after {
	content: "";
	position: absolute;
	bottom: -5px; left: 30px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 0 30px 0 30px;
	z-index: -1;
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
	    -ms-transform: rotate(30deg);
	     -o-transform: rotate(30deg);
	        transform: rotate(30deg);
}
/* balloon-4 bottom-right */
.balloon-4-bottom-right {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 70px;
	color: #F6F6F6;
	line-height: 70px;
	text-align: center;
	background: #19283C;
	border-radius: 60%;
}
.balloon-4-bottom-right:before {
	content: "";
	position: absolute;
	bottom: -10px; right: 20px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #19283C;
	border-radius: 30px 0 30px 0;
	z-index: -1;
}
.balloon-4-bottom-right:after {
	content: "";
	position: absolute;
	bottom: -5px; right: 30px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 30px 0 30px 0;
	z-index: -1;
	-webkit-transform: rotate(-30deg);
	   -moz-transform: rotate(-30deg);
	    -ms-transform: rotate(-30deg);
	     -o-transform: rotate(-30deg);
	        transform: rotate(-30deg);
}
}

/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : SERVICE - ExactTarget Marketing Cloud
------------------------------------------------------------------------ */
.sfmc #contents {
  padding: 0;
}
.sfmc #contents #main {
  width: 100%;
}
.sfmc #contents #main header {
  position: fixed;
  top: 156px;
  width: 100%;
  color: white;
  text-align: center;
}
.sfmc #contents #main header section {
  margin: 0;
  padding: 0;
  border: none;
}
.sfmc #contents #main header .inner {
  display: block;
}
.sfmc #contents #main header .tit {
  background-color: #ea5413;
  text-align: center;
}
.sfmc #contents #main header .tit h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}
.sfmc #contents #main header .tit h1 span {
  font-size: 13px;
  font-weight: normal;
}
.sfmc #contents #main header .tit h1 .reg {
  font-size: 16px;
}
.sfmc #contents #main header .tit #tab ul li a, .sfmc #contents #main header .tit #tab ul li .ico {
  display: block;
  background-color: #f8981d;
  border-radius: 6px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
}
.sfmc #contents #main header .tit #tab ul li a:hover, .sfmc #contents #main header .tit #tab ul li .ico:hover {
  background-color: white !important;
  color: #f8981d !important;
}
.sfmc #contents #main header .tit #tab ul li .ac {
  background-color: white !important;
  color: #f8981d !important;
}
.sfmc #contents #main header .tit #tab ul .contact a, .sfmc #contents #main header .tit #tab ul .contact .ico, .sfmc #contents #main header .tit #tab ul .tell a, .sfmc #contents #main header .tit #tab ul .tell .ico {
  background-color: transparent;
  border-radius: 0;
  font-size: 15px;
  font-weight: bold;
}
.sfmc #contents #main header .tit #tab ul .contact a:hover, .sfmc #contents #main header .tit #tab ul .contact .ico:hover, .sfmc #contents #main header .tit #tab ul .tell a:hover, .sfmc #contents #main header .tit #tab ul .tell .ico:hover {
  background-color: transparent !important;
  color: white !important;
}
.sfmc #contents #main header .tit #tab ul .contact {
  background-image: url("/service/sfmc/images/ico_00.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.sfmc #contents #main header .tit #tab ul .tell {
  background-image: url("/service/sfmc/images/ico_01.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.sfmc #contents #main #tabFixed {
  position: relative;
  top: 0;
  z-index: 2;
}
.sfmc #contents #main #contentWrap {
  position: relative;
  top: 0;
  z-index: 1;
}
.sfmc #contents #main .box h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  border-bottom: 1px solid #5c5c5c;
}

.sfmc #contents.sfmc-top #main .lead {
  width: 100%;
  background-color: #f8981d;
  color: #fff;
}
.sfmc #contents.sfmc-top #main .lead .inner {
  position: relative;
}
.sfmc #contents.sfmc-top #main .lead .about h2 {
  font-weight: bold;
}
.sfmc #contents.sfmc-top #main .lead .about h2 span {
  display: inline-block;
}
.sfmc #contents.sfmc-top #main .lead .about ul li {
  background-image: url("/service/sfmc/images/ico_02.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  font-weight: bold;
}
.sfmc #contents.sfmc-top #main .lead #inquiry {
  background-color: white;
  color: #0166cc;
}
.sfmc #contents.sfmc-top #main .lead #inquiry a {
  background-color: #0166cc;
  color: white !important;
}
.sfmc #contents.sfmc-top #main .lead #inquiry .tell {
  background-image: url("/common/images/inq_ico_02.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-top #main .box .sec0 dt {
  position: relative;
}
.sfmc #contents.sfmc-top #main .box .sec0 dt a {
  color: #0079c2;
  font-size: 14px;
  text-decoration: underline;
}
.sfmc #contents.sfmc-top #main .box .sec0 dt a:hover {
  color: #0079c2 !important;
  text-decoration: none;
}
.sfmc #contents.sfmc-top #main .box .sec0 dt a span {
  padding: 0 0 0 14px;
  background-image: url("/service/sfmc/images/arr_01.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-top #main .box .sec0 dd span {
  display: block;
  background-color: #ea5413;
  color: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 42px;
  text-align: center;
  text-decoration: none;
}
.sfmc #contents.sfmc-top #main .box .sec0 dd span:hover {
  background-color: #ea5413 !important;
  color: white !important;
}
.sfmc #contents.sfmc-top #main .box .sec1 ul li dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.sfmc #contents.sfmc-top #main .box .sec1 ul li dd li {
  list-style: disc;
  font-weight: bold;
}
.sfmc #contents.sfmc-top #main .box .sec1 ul li dd p a span {
  background-image: url("/service/sfmc/images/ico_06.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: 19px 19px;
}
.sfmc #contents.sfmc-top #main .box .sec1 ul .p1 dt {
  background-image: url("/service/sfmc/images/ico_03.png");
  background-color: transparent;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-top #main .box .sec1 ul .p2 dt {
  background-image: url("/service/sfmc/images/ico_04.png");
  background-color: transparent;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-top #main .box .sec1 ul .p3 dt {
  background-image: url("/service/sfmc/images/ico_05.png");
  background-color: transparent;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-top #main .box .sec1 ul .p3 p {
  font-weight: bold;
}

.sfmc #contents.sfmc-detail #main .box section header {
  position: relative !important;
  top: 0 !important;
  text-align: left;
  color: #333333 !important;
}
.sfmc #contents.sfmc-detail #main .box section header h3 {
  color: #ea5413;
  font-weight: bold;
  text-align: center;
}
.sfmc #contents.sfmc-detail #main .box section header h3 span {
  display: block;
  color: #000;
}
.sfmc #contents.sfmc-detail #main .box section header p {
  text-align: center;
}
.sfmc #contents.sfmc-detail #main .box section header ul li {
  text-align: left;
}
.sfmc #contents.sfmc-detail #main .box section header ul li dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s0 {
  background-image: url("/service/sfmc/detail/images/ico_00.png");
  background-color: transparent;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s1 {
  background-image: url("/service/sfmc/detail/images/ico_01.png");
  background-color: transparent;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s2 {
  background-image: url("/service/sfmc/detail/images/ico_02.png");
  background-color: transparent;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s3 {
  background-image: url("/service/sfmc/detail/images/ico_03.png");
  background-color: transparent;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s0 dt {
  color: #f8981d;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s1 dt {
  color: #79c462;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s2 dt {
  color: #25b4ea;
}
.sfmc #contents.sfmc-detail #main .box section header ul .s3 dt {
  color: #b37cc5;
}
.sfmc #contents.sfmc-detail #main .box section section h3 {
  border: 1px solid #c4cbcf;
  border-radius: 6px;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.sfmc #contents.sfmc-detail #main .box section section h3 span {
  display: inline-block;
}
.sfmc #contents.sfmc-detail #main .box section .sec0 h3 {
  color: #79c462;
}
.sfmc #contents.sfmc-detail #main .box section .sec1 h3 {
  color: #b37cc5;
}
.sfmc #contents.sfmc-detail #main .box section .sec2 h3 {
  color: #25b4ea;
}
.sfmc #contents.sfmc-detail #main .box section .sec0 h3 span {
  background-image: url("/service/sfmc/detail/images/ico_01.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section .sec1 h3 span {
  background-image: url("/service/sfmc/detail/images/ico_03.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section .sec2 h3 span {
  background-image: url("/service/sfmc/detail/images/ico_02.png");
  background-color: transparent;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section .sec2 dl {
  font-size: 16px;
  line-height: 25px;
}
.sfmc #contents.sfmc-detail #main .box section .sec2 ul li dt {
  color: #fff;
}
.sfmc #contents.sfmc-detail #main .box section .sec2 ul li dt span {
  background: #19a0d9;
}
.sfmc #contents.sfmc-detail #main .box section footer h3 {
  color: #000;
  font-weight: bold;
}
.sfmc #contents.sfmc-detail #main .box section footer ul li:first-child dl {
  background-image: url("/service/sfmc/detail/images/ico_04.png");
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section footer ul li:first-child dt {
  color: #e4728f;
}
.sfmc #contents.sfmc-detail #main .box section footer ul li dl {
  background-image: url("/service/sfmc/detail/images/ico_05.png");
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.sfmc #contents.sfmc-detail #main .box section footer ul li dt {
  color: #83ccbf;
  font-weight: bold;
}
.sfmc #contents.sfmc-detail #main .box section footer ul li dt span {
  display: block;
  font-size: 10px;
}
.sfmc #contents.sfmc-detail #main .box section footer ul li dd {
  color: #333333;
  font-weight: bold;
}
.sfmc #contents.sfmc-detail #main .box section footer ul li p {
  font-size: 14px;
  line-height: 24px;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SERVICE - ExactTarget Marketing Cloud
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  .sfmc #contents #main header .inner {
    padding: 4px 0 16px;
    border-top: none;
  }
  .sfmc #contents #main header .tit {
    padding: 0;
  }
  .sfmc #contents #main header .tit h1 {
    margin: 0 0 9px;
    padding: 0 10px;
  }
  .sfmc #contents #main header .tit #tab {
    width: 100%;
    padding: 0;
    border-top: none;
    text-align: left;
  }
  .sfmc #contents #main header .tit #tab ul {
    display: inline-block;
    display: block;
    width: 98%;
    padding: 0 0 0 2%;
    /*
    .contact, .tell{
    	display: inline-block;
    	float: none;
    	width: auto;
    	margin: 0 4% 0 0;
    	background-position: 0% 50%;
    	a, .ico{
    		text-align: left;
    	}
    }
    .contact{
    	@include _bgS(20px auto);
    	a{ padding: 0 0 0 24px; }
    }
    .tell{
    	@include _bgS(16px auto);
    	.ico{ padding: 0 0 0 18px; }
    }
    */
  }
  .sfmc #contents #main header .tit #tab ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents #main header .tit #tab ul {
    height: 1%;
  }
  .sfmc #contents #main header .tit #tab ul li {
    float: left;
    width: 48%;
    margin: 0 0 0 2%;
  }
  .sfmc #contents #main header .tit #tab ul li:first-child {
    margin: 0;
  }
  .sfmc #contents #main header .tit #tab ul .contact, .sfmc #contents #main header .tit #tab ul .tell {
    display: none;
  }
  .sfmc #contents #main .case-top {
    padding: 20px 19px 0;
  }
  .sfmc #contents #main .tell-mail, .sfmc #contents #main footer {
    display: none;
  }

  .sfmc #contents.sfmc-top #main .lead #inquiry {
    display: none;
  }
  .sfmc #contents.sfmc-top #main .lead .about {
    padding: 17px 0 20px;
  }
  .sfmc #contents.sfmc-top #main .lead .about h2 {
    margin: 0 0 17px;
    padding: 0 10px;
    font-size: 22px;
    line-height: 30px;
  }
  .sfmc #contents.sfmc-top #main .lead .about h2 span {
    padding: 9px 0 0;
    font-size: 16px;
    line-height: 22px;
  }
  .sfmc #contents.sfmc-top #main .lead .about ul {
    padding: 0 10px 15px;
  }
  .sfmc #contents.sfmc-top #main .lead .about ul li {
    min-height: 40px;
    margin: 0 0 10px;
    padding: 7px 0 0 40px;
    background-position: 0 0;
    background-size: 33px auto;
    font-size: 16px;
    line-height: 22px;
  }
  .sfmc #contents.sfmc-top #main .lead .about .youtube {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0;
  }
  .sfmc #contents.sfmc-top #main .lead .about .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .sfmc #contents.sfmc-top #main .box {
    padding: 12px 10px 0;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 {
    padding: 0 0 30px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 h2 {
    margin: 0 0 15px;
    padding: 0 0 6px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner {
    padding: 0 15px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner dt img {
    width: 100%;
    height: auto;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li {
    padding: 80px 0 0;
    background-image: url("/service/sfmc/images/sp_arr_00.png");
    background-color: transparent;
    background-position: 50% 30px;
    background-repeat: no-repeat;
    background-size: 30px auto;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li:first-child {
    padding: 0;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li dt {
    position: relative;
    margin: 0 0 10px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li dt a {
    position: relative;
    display: block;
    margin: -38px 0 0;
    text-align: center;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li .link {
    margin: 0 0 25px;
    text-align: center;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li ul {
    margin: 0 0 18px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li li {
    margin: 0 0 0 20px;
    padding: 0;
    background: none;
    list-style: disc;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner li dd + dd {
    margin: 0 17%;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 {
    padding: 0 0 30px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul {
    margin: 15px 0 0;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li {
    margin: 0 0 15px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dt {
    margin: 0 0 5px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd {
    padding: 20px;
    border: 1px solid #c4cbcf;
    border-radius: 6px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd ul {
    margin: 0 0 5px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd li {
    margin: 0 0 9px 16px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd p a span {
    display: inline-block;
    min-height: 20px;
    padding: 0 0 0 27px;
    background-size: 20px auto;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul .p1 dt, .sfmc #contents.sfmc-top #main .box .sec1 ul .p2 dt, .sfmc #contents.sfmc-top #main .box .sec1 ul .p3 dt {
    min-height: 55px;
    padding: 5px 0 0 65px;
    background-size: 55px auto;
  }

  .sfmc #contents.sfmc-detail #main .box section {
    padding: 27px 10px 0;
  }
  .sfmc #contents.sfmc-detail #main .box section header {
    padding: 16px 0 10px;
  }
  .sfmc #contents.sfmc-detail #main .box section header h3 {
    margin: 0 0 7px;
    font-size: 10px;
    line-height: 14px;
  }
  .sfmc #contents.sfmc-detail #main .box section header h3 span {
    margin: 6px 0 0;
    font-size: 16px;
    line-height: 22px;
  }
  .sfmc #contents.sfmc-detail #main .box section header p {
    margin: 0 0 26px;
    font-size: 10px;
    line-height: 14px;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul li {
    min-height: 80px;
    margin: 0 0 16px;
    padding: 6px 0 0 95px;
    background-size: 79px 79px;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul li dt {
    margin: 0 0 6px;
  }
  .sfmc #contents.sfmc-detail #main .box section section {
    padding: 0;
  }
  .sfmc #contents.sfmc-detail #main .box section section h3 {
    padding: 5px 8px;
  }
  .sfmc #contents.sfmc-detail #main .box section section h3 span {
    min-height: 34px;
    padding: 0 0 0 42px;
    background-size: 34px 34px;
    line-height: 34px;
  }
  .sfmc #contents.sfmc-detail #main .box section section .youtube {
    position: relative;
    width: 100%;
    margin: 20px 0 0;
    padding: 56% 0 0;
  }
  .sfmc #contents.sfmc-detail #main .box section section .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .sfmc #contents.sfmc-detail #main .box .sec0, .sfmc #contents.sfmc-detail #main .box .sec1 {
    margin: 0 0 25px;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 {
    padding: 0 0 30px;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 dl {
    margin: 15px 0 3px;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 dl dt img {
    width: 165px;
    height: auto;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 ul {
    margin: 23px 0 0;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 ul li {
    margin: 0 0 13px;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 ul li dl {
    width: 100%;
    margin: 0;
    display: inline-block;
    display: block;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 ul li dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents.sfmc-detail #main .box .sec2 ul li dl {
    height: 1%;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 ul li dl dt {
    float: left;
    width: 40%;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 ul li dl dt span {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
  }
  .sfmc #contents.sfmc-detail #main .box .sec2 ul li dl dd {
    float: right;
    width: 56%;
  }
  .sfmc #contents.sfmc-detail #main .box footer {
    display: block;
    padding: 20px 0 0;
    border-top: 1px solid #888;
  }
  .sfmc #contents.sfmc-detail #main .box footer h3 {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }
  .sfmc #contents.sfmc-detail #main .box footer p {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul {
    margin: 24px 0 0;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul li {
    margin: 0 0 26px;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul li:first-child dl {
    background-position: 6px 50% !important;
    background-size: 77px auto;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul li dl {
    margin: 0 0 9px;
    padding: 0 0 0 100px;
    background-position: 12px 100% !important;
    background-size: 61px auto;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul li dl dt {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 20px;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul li dl dt span {
    line-height: 12px;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul li dl dd {
    font-size: 10px;
    line-height: 16px;
  }
  .sfmc #contents.sfmc-detail #main .box footer ul li p {
    text-align: left;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SERVICE - ExactTarget Marketing Cloud
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  .sfmc #contents {
    padding: 0;
  }
  .sfmc #contents #main {
    text-align: center;
  }
  .sfmc #contents #main header .inner {
    width: 990px;
    margin: 0 auto;
    text-align: left;
  }
  .sfmc #contents #main header .tit {
    width: 100%;
    display: inline-block;
    display: block;
  }
  .sfmc #contents #main header .tit:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents #main header .tit {
    height: 1%;
  }
  .sfmc #contents #main header .tit h1 {
    float: left;
    width: 418px;
    margin: 17px 0 0;
  }
  .sfmc #contents #main header .tit #tab {
    float: left;
    width: 572px;
    margin: 28px 0;
  }
  .sfmc #contents #main header .tit #tab ul {
    display: inline-block;
    display: block;
  }
  .sfmc #contents #main header .tit #tab ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents #main header .tit #tab ul {
    height: 1%;
  }
  .sfmc #contents #main header .tit #tab ul li {
    float: left;
    width: 129px;
    margin: 0 0 0 5px;
  }
  .sfmc #contents #main header .tit #tab ul li:first-child {
    margin: 0;
  }
  .sfmc #contents #main header .tit #tab ul li a {
    width: 129px;
    height: 46px;
  }
  .sfmc #contents #main header .tit #tab ul .contact a, .sfmc #contents #main header .tit #tab ul .contact .ico, .sfmc #contents #main header .tit #tab ul .tell a, .sfmc #contents #main header .tit #tab ul .tell .ico {
    text-align: left;
  }
  .sfmc #contents #main header .tit #tab ul .contact {
    float: left;
    width: 123px;
    margin: 0 0 0 31px;
  }
  .sfmc #contents #main header .tit #tab ul .contact a {
    width: 123px;
    height: 46px;
  }
  .sfmc #contents #main header .tit #tab ul .contact a span,
  .sfmc #contents #main header .tit #tab ul .contact .ico span {
    padding: 0 0 0 23px;
  }
  .sfmc #contents #main header .tit #tab ul .tell {
    float: left;
    width: 134px;
    margin: 0 0 0 16px;
  }
  .sfmc #contents #main header .tit #tab ul .tell .ico {
    float: left;
    width: 134px;
  }
  .sfmc #contents #main header .tit #tab ul .tell .ico span {
    padding: 0 0 0 20px;
  }
  .sfmc #contents #main .box {
    width: 990px;
    margin: 0 auto;
    text-align: left;
  }
  .sfmc #contents #main .box h2 {
    padding: 0 0 13px;
  }
  .sfmc #contents #main .tell-mail {
    width: 720px;
    margin: 0 auto;
    text-align: left;
  }
  .sfmc #contents #main footer {
    padding: 44px 0;
  }
  .sfmc #contents #main .case-top {
    width: 990px;
    margin: 56px auto 40px;
    text-align: left;
  }
  .sfmc #contents #side {
    display: none;
  }

  .sfmc #contents.sfmc-top #main {
    padding: 0 0 60px;
  }
  .sfmc #contents.sfmc-top #main .lead {
    padding: 0 0 45px;
  }
  .sfmc #contents.sfmc-top #main .lead .inner {
    width: 990px;
    margin: 0 auto;
    text-align: left;
  }
  .sfmc #contents.sfmc-top #main .lead #inquiry {
    width: 230px;
    position: absolute;
    top: 30px;
    left: 760px;
  }
  .sfmc #contents.sfmc-top #main .lead .about {
    padding: 40px 0 0;
  }
  .sfmc #contents.sfmc-top #main .lead .about h2 {
    margin: 0 0 15px;
    font-size: 32px;
    line-height: 50px;
  }
  .sfmc #contents.sfmc-top #main .lead .about h2 span {
    padding: 3px 0 0;
    font-size: 20px;
    line-height: 30px;
  }
  .sfmc #contents.sfmc-top #main .lead .about ul {
    margin: 0 0 18px;
  }
  .sfmc #contents.sfmc-top #main .lead .about ul li {
    margin: 0 0 13px;
    padding: 0 0 0 50px;
    background-size: 40px 40px;
    font-size: 18px;
    line-height: 42px;
  }
  .sfmc #contents.sfmc-top #main .lead .about iframe {
    width: 645px;
    height: 363px;
    margin: 0 172px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 {
    padding: 44px 0 58px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 .inner {
    padding: 40px 41px 0;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul {
    width: 908px;
    display: inline-block;
    display: block;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents.sfmc-top #main .box .sec0 ul {
    height: 1%;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul li {
    float: left;
    width: 270px;
    padding: 0 0 0 48px;
    background-image: url("/service/sfmc/images/pc_arr_00.png");
    background-color: transparent;
    background-position: 17px 120px;
    background-repeat: no-repeat;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul li:first-child {
    padding: 0;
    background: none;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dl {
    width: 270px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dt {
    height: 270px;
    overflow: hidden;
    margin: 0 0 12px;
    text-align: center;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dt img {
    width: 270px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dt a {
    position: relative;
    top: -39px;
    display: inline-block;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dd {
    margin: 0 0 18px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dd ul {
    width: auto;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dd ul li {
    float: none;
    width: auto;
    margin: 0 0 0 16px;
    padding: 0;
    background: none;
    list-style: disc;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dd ul li:first-child {
    margin: 0 0 0 16px;
  }
  .sfmc #contents.sfmc-top #main .box .sec0 ul dd span {
    width: auto;
    height: 42px;
    margin: 0 48px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 {
    padding: 0 0 30px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 .inner {
    padding: 57px 90px 0;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li {
    margin: 0 0 20px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl {
    display: inline-block;
    display: block;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents.sfmc-top #main .box .sec1 ul li dl {
    height: 1%;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dt {
    float: left;
    width: 304px;
    min-height: 54px;
    padding: 0 0 0 72px;
    background-size: 54px 54px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd {
    float: left;
    width: 434px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd .bgr {
    background-image: url("/service/sfmc/images/pc_bg_02.png");
    background-color: transparent;
    background-position: left top;
    background-repeat: repeat-y;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd .bgt {
    background-image: url("/service/sfmc/images/pc_bg_00.png");
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd .bgb {
    background-image: url("/service/sfmc/images/pc_bg_01.png");
    background-color: transparent;
    background-position: left bottom;
    background-repeat: no-repeat;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd .bgb {
    padding: 28px 31px 19px 43px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd ul {
    padding: 0 0 5px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd li {
    margin: 0 0 10px 17px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd p a {
    display: inline-block;
    min-height: 19px;
    margin: 0 0 11px;
    line-height: 19px;
    text-decoration: none;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd p a:hover {
    text-decoration: underline;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul li dl dd p a span {
    display: inline-block;
    min-height: 19px;
    padding: 0 0 0 27px;
    line-height: 19px;
  }
  .sfmc #contents.sfmc-top #main .box .sec1 ul .p3 dl dd .bgb {
    padding: 28px 31px 31px 43px;
  }

  .sfmc #contents.sfmc-detail #main {
    padding: 0 0 60px;
  }
  .sfmc #contents.sfmc-detail #main .box {
    padding: 37px 0 0;
  }
  .sfmc #contents.sfmc-detail #main .box section header {
    padding: 36px 0 30px;
  }
  .sfmc #contents.sfmc-detail #main .box section header h3 {
    margin: 0 0 11px;
    font-size: 18px;
    line-height: 25px;
  }
  .sfmc #contents.sfmc-detail #main .box section header h3 br {
    display: none;
  }
  .sfmc #contents.sfmc-detail #main .box section header h3 span {
    margin: 11px 0 0;
    font-size: 28px;
  }
  .sfmc #contents.sfmc-detail #main .box section header p {
    margin: 0 0 34px;
    font-size: 14px;
    line-height: 24px;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul {
    margin: 0 77px;
    display: inline-block;
    display: block;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents.sfmc-detail #main .box section header ul {
    height: 1%;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul li {
    float: left;
    width: 398px;
    min-height: 140px;
    background-size: 79px 79px;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul li dl {
    padding: 5px 0 0 94px;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul li dt {
    margin: 0 0 7px;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul .s0, .sfmc #contents.sfmc-detail #main .box section header ul .s2 {
    margin: 0;
  }
  .sfmc #contents.sfmc-detail #main .box section header ul .s1, .sfmc #contents.sfmc-detail #main .box section header ul .s3 {
    margin: 0 0 0 40px;
  }
  .sfmc #contents.sfmc-detail #main .box section section {
    padding: 0 40px;
  }
  .sfmc #contents.sfmc-detail #main .box section section h3 {
    padding: 8px 12px;
  }
  .sfmc #contents.sfmc-detail #main .box section section h3 span {
    min-height: 47px;
    line-height: 47px;
    padding: 0 0 0 60px;
    background-size: 47px 47px;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec0, .sfmc #contents.sfmc-detail #main .box section .sec1, .sfmc #contents.sfmc-detail #main .box section .sec2 {
    margin: 0 0 55px;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec0 .youtube, .sfmc #contents.sfmc-detail #main .box section .sec1 .youtube, .sfmc #contents.sfmc-detail #main .box section .sec2 .youtube {
    width: 100%;
    margin: 40px 0 0;
    text-align: center;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec0 .youtube iframe, .sfmc #contents.sfmc-detail #main .box section .sec1 .youtube iframe, .sfmc #contents.sfmc-detail #main .box section .sec2 .youtube iframe {
    width: 645px;
    height: 363px;
    margin: 0 auto;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 {
    margin: 0 0 35px;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 dl {
    padding: 30px 0 33px;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 dt {
    margin: 0 0 7px;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 dt img {
    width: 206px;
    height: auto;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 ul {
    margin: 0 0 10px;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 ul li {
    margin: 0 0 13px;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 ul li dl {
    padding: 0;
    display: inline-block;
    display: block;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 ul li dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents.sfmc-detail #main .box section .sec2 ul li dl {
    height: 1%;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 ul li dl dt {
    float: left;
    width: 135px;
    margin: 0;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 ul li dl dt span {
    display: inline-block;
    width: 135px;
    line-height: 37px;
    text-align: center;
  }
  .sfmc #contents.sfmc-detail #main .box section .sec2 ul li dl dd {
    float: right;
    width: 760px;
    line-height: 37px;
  }
  .sfmc #contents.sfmc-detail #main .box section footer {
    padding: 40px 0 45px !important;
    border-top: 1px solid #888;
  }
  .sfmc #contents.sfmc-detail #main .box section footer h3 {
    margin: 0 0 12px;
    font-size: 22px;
    text-align: center;
  }
  .sfmc #contents.sfmc-detail #main .box section footer h3 br {
    display: none;
  }
  .sfmc #contents.sfmc-detail #main .box section footer p {
    font-size: 14px;
    text-align: center;
  }
  .sfmc #contents.sfmc-detail #main .box section footer p br {
    display: none;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul {
    margin: 62px 80px 0;
    display: inline-block;
    display: block;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  * html .sfmc #contents.sfmc-detail #main .box section footer ul {
    height: 1%;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul li {
    float: left;
    width: 415px;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul li:first-child dl {
    background-position: 0 50%;
    background-size: 96px auto;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul li dl {
    margin: 0 0 15px;
    padding: 0 0 0 125px;
    background-position: 0 100%;
    background-size: 76px auto;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul li dl dt {
    margin: 0 0 4px;
    font-size: 20px;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul li dl dd {
    font-size: 14px;
    line-height: 20px;
  }
  .sfmc #contents.sfmc-detail #main .box section footer ul li p {
    width: 385px;
    text-align: left;
  }
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : SERVICE - Service Column
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
.nps #contents.nps-column-detail #main .box .article-detail-header {
  margin: 55px auto 0 auto;
  padding: 0 10px 25px;
  text-align: left;
  padding:20px 10px 25px;
}
.article-detail-header h1{
}
.article-detail-header .timestamp{
  font-size:100%;
}
.nps #contents.nps-column-list .header{
  width:100%;
  margin:30px auto 0;
  text-align:left; 
}
.nps #contents.nps-column-list .header h2{
  font-size:125%;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  margin-bottom:1em;
  padding: 0 10px 9px;
}

.nps #contents.nps-column-detail #main .box .gotolist{
  margin:15px;
}

.nps #contents.nps-column-detail #main .box section {
  text-align: left;
}
.nps #contents.nps-column-list #main .box section{
  width:100%;
}

.nps #contents.nps-column-detail #main .box section.article-detail{
  margin-top:0;
}
.detail-body{
  padding:20px 10px 25px;
}
.detail-body p{
  line-height:1.8;
  font-size:100%;
  margin-bottom:1.2em;
  text-indent:1em;
}
.detail-body.en p{
  line-height:1.7;
  font-size:100%;
  font-family:"Verdana";
  margin-bottom:1.4em;
  text-indent:0;
}
.bq{
  background:#efefef;
  display:block;
  padding:1em;
  border-radius:10px;
  border:2px dotted #ccc;
}

.article-detail ol{
  margin-top:1em;
}
.article-detail li{
  list-style-type:disc;
  margin-bottom:1em;
  margin-left:4em;
}
.nps #contents.nps-column-detail #main .box section.author{
  padding:1em;
  margin:10px;
  border:1px solid #ccc;
}
.author-img{
  float:left;
}
.author-img img{
  width:98px;
  margin-right:10px;
  border:1px solid #ccc;
}
.absimg .author-abs{

}
.abs .author-abs{
  width:100%;
}
#contents.nps-column-list .article-img{
  display:none;
}
#contents.nps-column-list .article-img img{
  width:98px;
  margin-right:10px;
  border:1px solid #ccc;
}
#contents.nps-column-list .absimg{
  padding:10px;
}

#contents.nps-column-list .absimg .article-abs{
  position:relative;
  float:left;
  width:100%;
}
#contents.nps-column-list .abs .article-abs{
  position:relative;
  width:100%;
}
#contents.nps-column-list .timestamp{
  font-size:100%;
}
#contents.nps-column-list .article-abs h2 a{
  font-size:125%;
  margin:0.5em 0;
  line-height:1.3em;
}
#contents.nps-column-list .article-abs p{
  margin-top:.7em;
}

.author-abs h2{
  font-size:125%;
  line-height:1.3em;
}
.author-abs p{
  margin-top:.3em;
}

.article-social{
  margin-top:8px;
  width:100%;
  text-align:left;
  padding:0;
}
.social-body{
  padding:10px;
}

.article-social .fb-share-button,
.article-social .tw-share,
.article-social .hb-share,
.article-social .in-share{
  display:inline-block;
}
.article-social .fb-share-button{
  line-height:.3;
  margin-right:4px;
}
.article-social .tw-share{
  line-height:1.5;
}
.article-social .hb-share{
  margin-right:4px
}
.article-social .in-share{
  margin-right:4px;
  line-height:1;
  vertical-align:bottom;
}
.fb-cmt iframe{
  width:90% !important;
}
.fb-cmt-body{
  padding:10px;
}
.fb-cmt .fb_iframe_widget,
.fb-cmt .fb_iframe_widget span,
.fb-cmt .fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}
.nps #contents.nps-column #main .box section.columnPageNav,
.nps #contents.nps-column-detail #main .box section.columnPageNav{
  padding:1em;
  margin:1em auto 30px auto;
  text-align:center;
}

.nps #contents.nps-column #main .box section.article-detail-list,
.nps #contents.nps-column-detail #main .box section.article-detail-list{
  margin-top:2em;
}

h3.secTitle{
  font-size:125%;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  margin-bottom:1em;
  padding: 0 10px 9px;
}

.article-detail-list ul{
  padding:10px;
}
.article-detail-list li{
  margin-bottom:1em;
}
.article-detail-list .list-ts{
  margin-right:1em;
  display:block;
  width:100%;
}
.article-detail-list h4{
  display:inline-block;
}
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : SERVICE - Service Column
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
.nps #contents.nps-column-detail aside#side{
  display:none;
}
.nps #contents.nps-column-detail #main .box .article-detail-header {
  width: 990px;
  position:relative;
  margin: 25px auto 0 auto;
  text-align: left;
  padding: 0;
}
.article-detail-header h1{
  width: 880px;
}
.article-detail-header .timestamp{
  position:absolute;
  top:0;
  right:0;
  font-size:130%;
}

.nps #contents.nps-column-list .header{
  width:990px;
  margin:50px auto 0;
  text-align:left; 
}
.nps #contents.nps-column-list .header h2{
  font-size:125%;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  margin-bottom:1em;
  padding-bottom:.3em;
}

.nps #contents.nps-column-detail #main .box .gotolist{
  margin:15px auto;
}

.nps #contents.nps-column-list #main .box section,
.nps #contents.nps-column-detail #main .box section {
  width: 990px;
  margin: 0 auto;
  text-align: left;
}

.nps #contents.nps-column-list #main .box section.article-list{
  margin-top:40px;
}
.article-list li{
  margin-bottom:40px;
}
#contents.nps-column-list .article-img{
  display:block;
  float:left;
}
#contents.nps-column-list .article-img img{
  width:98px;
  margin-right:10px;
  border:1px solid #ccc;
}
#contents.nps-column-list .absimg .article-abs{
  position:relative;
  float:left;
  width:880px;
}
#contents.nps-column-list .abs .article-abs{
  position:relative;

  width:100%;
}
#contents.nps-column-list .timestamp{
  position:absolute;
  top:0;
  right:0;
  font-size:130%;
}
#contents.nps-column-list .article-abs h2 a{
  font-size:150%;
  line-height:1.3em;
  margin:0;
}
#contents.nps-column-list .article-abs p{
  margin-top:.3em;
}

.nps .columnPageNav a{
  font-size:85%;
}

.nps #contents.nps-column-detail #main .box section.article-detail{
  margin-top:40px;
}
.detail-body{
  margin-left:240px;
  padding:0;
}
.detail-body p{
  line-height:1.8;
  font-size:100%;
  margin-bottom:1.2em;
  text-indent:1em;
}
.detail-body.en p{
  line-height:1.7;
  font-size:100%;
  font-family:"Verdana";
  margin-bottom:1.4em;
  text-indent:0;
}
.detail-body p.note{
  font-size:85%;
  text-indent:0;
}
.bq{
  background:#efefef;
  display:block;
  padding:1em;
  border-radius:10px;
  border:2px dotted #ccc;
}

.article-detail ol{
  margin-top:1em;
}
.article-detail li{
  list-style-type:disc;
  margin-bottom:1em;
  margin-left:4em;
}
.nps #contents.nps-column-detail #main .box section.author{
  margin:1em auto 30px auto;
}
.author-body{
  padding:1em;
  margin-left:240px;
  border:1px solid #ccc;
}
.author-img{
  float:left;
}
.author-img img{
  width:98px;
  margin-right:10px;
  border:1px solid #ccc;
}
.absimg .author-abs{
  position:relative;
  float:left;
  width:610px;
}
.abs .author-abs{
  position:relative;
  width:100%;
}

.absimg h2{
  width:770px;
}
.abs h2{
  width:870px;
}
.author-abs h2{
  font-size:125%;
  line-height:1.3em;
}
.author-abs p{
  margin-top:.3em;
}
.absimg .author-abs h2{
  width:100%;
}

.article-social{
  margin-top:8px;
  width:100%;
  text-align:left;
  padding:0;
}
.nps-column-detail .social-body{
  margin-left:240px;
}
.nps-column-list .social-body{
  margin-left:0;
}
.article-social .fb-share-button,
.article-social .tw-share,
.article-social .hb-share,
.article-social .in-share{
  display:inline-block;
}
.article-social .fb-share-button{
  line-height:.3;
  margin-right:4px;
}
.article-social .tw-share{
  line-height:1.5;
}
.article-social .hb-share{
  margin-right:4px
}
.article-social .in-share{
  margin-right:4px;
  line-height:1;
  vertical-align:bottom;
}

.nps #contents.nps-column #main .box section.columnPageNav,
.nps #contents.nps-column-detail #main .box section.columnPageNav{
  padding:1em;
  margin:1em auto 30px auto;
  text-align:center;
}

.nps #contents.nps-column #main .box section.article-detail-list,
.nps #contents.nps-column-detail #main .box section.article-detail-list{
  margin-top:2em;
  margin-bottom:60px;
}

h3.secTitle{
  font-size:125%;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  margin-bottom:1em;
  padding-bottom:.3em;
}
.article-detail-list ul{
  padding:0 10px;
}
.article-detail-list li{
  margin-bottom:1em;
}
.article-detail-list .list-ts{
  margin-right:1em;
  display:inline;
  width:auto;
}
.article-detail-list h4{
  display:inline-block;
}
}

/* SMS ABTEST 20141126 */
#main .inq.tell-mail.sms_ab_b ul li{
  width:720px;
}

#main .inq.tell-mail.sms_ab_b ul .mail p.contact_text{
  color: #fff;
  font-size: 18px;
  background-image:none;
  padding-top:15px;
}

#main .inq.tell-mail.sms_ab_b ul .mail p .button{
  width:500px;
  font-size:18px;
  height:60px;
  line-height:60px;
}

/*
#main .inq.tell-mail.sms_ab_b ul .mail p a{
  background:url('/service/sms/images/contact_bg_arrow.png') no-repeat 127px 13px;
}*/
#main .inq.tell-mail.sms_ab_b ul li:hover{
  background:#0099dd;
}

#main .inq.tell-mail.sms_ab_b ul a{
  text-decoration:none;
}

#main .inq.tell-mail.sms_ab_b ul .mail p.contact_link{
  background-image: none;
  padding-bottom: 25px;
  padding-top: 25px;
}

#main .inq.tell-mail.sms_ab_b .contact_tel{
  font-size:16px;
  text-align:center;
  padding-top:8px;
}

#contents.serviceDetail #side #inquiry.side_inquiry_design141217:hover{
    background-color:#008dff;
}

#contents #side #inquiry.side_inquiry_design141217 .web a{
  padding:30px 8px;
  font-size:18px;
}


#contents.serviceDetail #side #inquiry.side_inquiry_design141217 .tel p{
  margin:4px 0 0 0;
}

#contents.serviceDetail #side #inquiry.side_inquiry_design141217 .tel h4{
  margin:22px 0 0 0;
}





/* campaign02 lp/sl201501/ */
#contents.campaign02{
    padding: 15px 0 110px;
}
#contents.campaign02 #main{
    width:inherit;
}
.campaign02 .section_inner {
    margin: 0 auto;
    width: 990px;
}
.campaign02 #overview .point {
    float: left;
    margin: 15px;
    width: 300px;
}
.campaign02 #overview .point h3 {
    border: 3px solid #00a99d;
    border-radius: 10px;
    font-size: 200%;
    line-height: 1.2;
    padding: 14px;
    text-align: center;
}
.campaign02 #overview .point p {
    font-size: 125%;
    line-height: 1.4;
    padding: 13px 20px;
}
.campaign02 #contact01 div {
    text-align: center;
}
.campaign02 #contact01 a {
    background: url("/lp/sl201501/images/contact01_btn_default.png") no-repeat;
    display: inline-block;
    height: 110px;
    width: 910px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
.campaign02 #contact01 a:hover {
    background: url("/lp/sl201501/images/contact01_btn_hover.png") no-repeat;
    display: inline-block;
    height: 110px;
    width: 910px;
}
.campaign02 #troubles {
    border-top: 1px solid #ccc;
    margin: 30px 0 0;
    padding: 40px 0;
    background:#eee;
    box-shadow: 0px 0px 6px #ccc inset;
}
.campaign02 #troubles h4 {
    font-size: 210%;
    line-height: 1.3;
    text-align: center;
}
.campaign02 #troubles h4 span {
    display: block;
    font-size: 70%;
}
.campaign02 #troubles .img {
    float: left;
    width: 300px;
}
.campaign02 #troubles .trubleList {
    float: left;
    width: 690px;
}
.campaign02 #troubles .trubleList ul {
    margin: 60px 0;
}
.campaign02 #troubles .trubleList li {
    background: url("/lp/sl201501/images/checkpoint01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 170%;
    height: 33px;
    margin: 16px 0;
    padding: 10px 0 0 40px;
}
.campaign02 #troubles cite {
    display: block;
    font-size: 85%;
    font-style: normal;
    text-align: right;
}
.campaign02 #solutions {
    border-top: 1px solid #ccc;
    box-shadow: 0 0 15px #ccc;
    padding: 50px 35px;
    background:#fff;
}
.campaign02 #solutions h4 {
    font-size: 210%;
    line-height: 1.3;
    text-align: center;
    margin-bottom:50px;
}
.campaign02 #solutions .abs h4 {
    font-size: 125%;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    line-height:1.4;
}
.campaign02 #solutions .solution {
    margin: 30px auto;
    width: 880px;
}
.campaign02 #solutions .solution .brand {
    border: 1px solid #aaa;
    border-radius: 10px;
    float: left;
    height: 95px;
    width: 230px;
}
.campaign02 #solutions .solution .abs {
    background: none repeat scroll 0 0 rgba(238, 236, 225, 0.6);
    border-radius: 5px;
    float: left;
    margin-left: 30px;
    padding: 20px;
    width: 575px;
}
.campaign02 #solutions .solution.dtm .brand h3 {
    font-size: 160%;
    line-height: 1.3;
    margin: 19px 0 0;
    text-align: center;
}
.campaign02 #solutions .solution.bf .brand h3 {
    margin: 33px 0 0;
    text-align: center;
}
.campaign02 #solutions .solution.slc .brand h3 {
    font-size: 140%;
    line-height: 1.3;
    margin: 20px 0 0;
    text-align: center;
}
.campaign02 #contact02 {
    padding: 80px;
    background:#009cdb;
}
.campaign02 #contact02 h4 {
    font-size: 280%;
    margin-bottom: 25px;
    text-align: center;
    color:#fff;
}
.campaign02 #contact02 .abs {
    padding:20px 0;
}
.campaign02 #contact02 .abs span {
    display: block;
    font-size: 130%;
    text-align: center;
    color:#fff;
}
.campaign02 #contact02 .abs h3 {
    color: #fff;
    font-size: 220%;
    margin: 15px 0 20px;
    text-align: center;
    font-weight:bold;
    text-decoration: underline;
}
.campaign02 #contact02 .abs p {
    font-size: 160%;
    text-align: center;
    color:#fff;
}
.campaign02 #contact02 .abs div{
    text-align: center;
    margin: 35px auto;
}
.campaign02 #contact02 a {
    background: url("/lp/sl201501/images/contact02_btn_default_bgBlue.png") no-repeat;
    display: inline-block;
    height: 94px;
    width: 900px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
.campaign02 #contact02 a:hover {
    background: url("/lp/sl201501/images/contact02_btn_hover_bgBlue.png") no-repeat;
    display: inline-block;
    height: 94px;
    width: 900px;
}



/* campaign03 lp/sms201502_ / */
#contents.campaign03{
    padding: 15px 0 110px;
}
#contents.campaign03 #main{
    width:inherit;
}
.campaign03 .section_inner {
    margin: 0 auto;
    width: 990px;
}
.campaign03 #overview .eyecatch  {
    margin-bottom:20px;
}
.campaign03 #overview .point {
    border: 3px solid #8dc21f;
    border-radius: 10px;
    float: left;
    margin: 12px;
    width: 300px;
    height:130px;
}
.campaign03 #overview .point span {
    color: #333;
    display: block;
    font-size: 140%;
    margin-top: 15px;
    text-align: center;
}

.campaign03 #overview .point h3 {
    display: table-cell;
    font-size: 200%;
    height: 68px;
    line-height: 1.2;
    padding: 14px;
    text-align: center;
    vertical-align: middle;
    width: 270px;
}
.campaign03 #overview .point p {
    font-size: 125%;
    line-height: 1.4;
    padding: 13px 20px;
}
.campaign03 #contact01 {
    margin-top: 20px;
}
.campaign03 #contact01 div {
    text-align: center;
}
.campaign03 #contact01 h3 {
    font-size: 170%;
    line-height: 1.4;
}
.campaign03 #contact01 a {
    background: url("/lp/sms201502/images/contact01_btn_default.png") no-repeat;
    display: inline-block;
    height: 110px;
    width: 910px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
.campaign03 #contact01 a:hover {
    background: url("/lp/sms201502/images/contact01_btn_hover.png") no-repeat;
    display: inline-block;
    height: 110px;
    width: 910px;
}
.campaign03 #services {
    border-top: 1px solid #ccc;
    margin: 30px 0 0;
    padding: 40px 0;
    background:#eee;
    box-shadow: 0px 0px 6px #ccc inset;
}
.campaign03 #services h4 {
    font-size: 210%;
    line-height: 1.3;
    text-align: center;
}
.campaign03 #services .service {
    margin: 45px 0;
}
.campaign03 #services .service h5 {
    float: left;
    font-size: 180%;
    width: 450px;
    margin-top: 14px;
}
.campaign03 #services .service p {
    display: block;
    float: left;
    font-size: 125%;
    line-height: 1.4;
    width: 510px;
    padding-left: 30px;
    background: url("/lp/sms201502/images/bg_arrow.png") no-repeat 0px;
}
.campaign03 #services .service.link {
    text-align:right;
}
.campaign03 #services .service.link a{
    font-size:125%;
}
.campaign03 #situations {
    border-top: 1px solid #ccc;
    box-shadow: 0 0 15px #ccc;
    padding: 50px 35px;
    background:#fff;
}
.campaign03 #situations h4 {
    font-size: 210%;
    line-height: 1.3;
    text-align: center;
    margin-bottom:50px;
}
.campaign03 #situations .situation {
    border: 1px solid #dedede;
    border-radius: 5px;
    float: left;
    margin: 10px;
    width: 308px;
}
.campaign03 #situations .situation h5 {
    font-size: 135%;
    margin: 10px 0;
    text-align: center;
}
.campaign03 #situations .situation .img {
    text-align: center;
}
.campaign03 #situations .link {
    margin: 15px auto 0 auto;
    width: 990px;
    text-align: right;
}
.campaign03 #situations .link a{
    font-size:125%;
}
.campaign03 #contact02 {
    padding: 80px;
    background:#009cdb;
}
.campaign03 #contact02 h4 {
    font-size: 280%;
    margin-bottom: 25px;
    text-align: center;
    color:#fff;
}
.campaign03 #contact02 .abs {
    padding:20px 0;
}
.campaign03 #contact02 .abs span {
    display: block;
    font-size: 130%;
    text-align: center;
    color:#fff;
}
.campaign03 #contact02 .abs h3 {
    color: #fff;
    font-size: 220%;
    margin: 15px 0 20px;
    text-align: center;
    font-weight:bold;
    text-decoration: underline;
}
.campaign03 #contact02 .abs p {
    font-size: 160%;
    text-align: center;
    color:#fff;
}
.campaign03 #contact02 .abs div{
    text-align: center;
    margin: 35px auto;
}
.campaign03 #contact02 a {
    background: url("/lp/sl201501/images/contact02_btn_default_bgBlue.png") no-repeat;
    display: inline-block;
    height: 94px;
    width: 900px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
.campaign03 #contact02 a:hover {
    background: url("/lp/sl201501/images/contact02_btn_hover_bgBlue.png") no-repeat;
    display: inline-block;
    height: 94px;
    width: 900px;
}


/* pardot_form01 */

.pardot_form01 section {
    margin-bottom: 20px;
}
.pardot_form01 #form_title,
.pardot_form01 #form_description{
    margin: 0 auto 20px auto;
    width: 740px;
}



/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : ABOUT MEDIA
------------------------------------------------------------------------ */
.module-media-list .box {
    display: none;
}
.module-media-list .box:nth-child(-n+10) {
    display: table-row;
}
.module-media-list .mediaReadMore {
    background: #7d7d7d url("/tpl-201605-images/icon_read-more.png") no-repeat scroll 14px center;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 100%;
    margin: 0 auto;
    padding: 13px 0 10px 28px;
    text-align: center;
    text-decoration: none;
    width: 192px;
}
#media h2 {
    margin-bottom: 15px;
}
#media #about_media_navi ul {
    margin-bottom: 15px;
    background-color: #eee;
    padding: 10px 20px;
}
#media #about_media_navi ul li {
    float: left;
    margin-right: 40px;
}
#media #about_media_navi ul li a:hover {
    text-decoration: none;
}
#media #media-table .media-textBox a:nth-child(2) {
    z-index: 1;
    margin-top: -50px;
}
#media #media-table .media-textBox .text_only {
    line-height: 24px;
}

/* [SP] -------------------------------------------------------------------
/* LAYOUT : ABOUT MEDIA
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #media h2 {
    margin-bottom: 10px;
  }
  #media #media-table th {
    display:none;
  }
  #media #media-table td {
    display: block;
  }
  #media #media-table .media-publish {
    margin: 0 0 10px;
    padding: 0.5em;
    border: 1px solid #ccc;
    vertical-align: middle;
  }
  #media #media-table .media-textBox a:nth-child(2) {
    background-image:url("/about/images/blank-btn_off.png");
    background-repeat:no-repeat;
    background-position: right bottom;
    padding-right: 18px;
  }
  #media #media-table .media-textBox a:nth-child(2):hover {
    background-image:url("/about/images/blank-btn_on.png");
  }
  #media #media-table .media-serviceList {
    margin-top:5px;
    margin-bottom: 15px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : ABOUT MEDIA
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #media #contents.about #main h1 {
    margin: 0 0 20px;
  }
  #media #about_navi {
	position: static !important;
    margin: 0 0 30px;
  }
  #media #about_navi ul li:nth-child(1) a {
	margin-left:0px !important;
  }
  #media #about_navi ul span {
	margin-right:0px !important;
  }
  #media #about_navi ul li a,
  #media #about_navi ul li span {
	width:114.8px !important;
	text-align:center;
  }
  #media #media-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:15px;
  }
  #media #media-table th {
    text-align:left;
    font-weight:bold;
  }
  #media #media-table td {
    display: table-cell;
    margin: 0 0 10px;
    padding: 1em;
    border: 1px solid #ccc;
    vertical-align: middle;
  }
  #media #media-table .media-publish {
    width: 12%;
    text-align:center;
  }
  #media #media-table .media-date {
    width: 14%;
    text-align:center;
  }
  #media #media-table .media-textBox {
    width: 54%;
    padding:0;
  }
  #media #media-table .media-textBox a {
    display:block;
    padding:25px;
  }
  #media #media-table .media-textBox a:hover {
    background-color: rgb(250, 250, 250);
  }
  /*#media #media-table .media-textBox a:nth-child(2) {
    background-image:url("/about/images/blank-btn_off.png");
    background-repeat:no-repeat;
    background-position: right 12pt bottom 12pt;
  }
  #media #media-table .media-textBox a:nth-child(2):hover {
    background-image:url("/about/images/blank-btn_on.png");
    background-repeat:no-repeat;
  }*/
  #media #media-table .media-textBox a:nth-child(2):after {
    content: "";
    background-image: url("/about/images/blank-btn_off.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 15px;
    height: 20px;
    position: absolute;
  }
  #media #media-table .media-textBox a:nth-child(2):hover:after {
    background-image: url("/about/images/blank-btn_on.png");
  }
  #media #media-table .media-textBox span {
    display:block;
    padding:25px;
  }
  #media #media-table .media-textBox .text_only {
    display:block;
    padding:25px;
    z-index: 1;
    margin-top: -50px;
  }
  #media #media-table .media-serviceList {
    width: 19%;
  }
  #media #media-table .media-serviceList span {
    display:none;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : ABOUT MAP
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #company #contents.about #main h1 {
    margin: 0 0 20px;
  }
  #company #about_navi.about_navi_map {
    position: static !important;
    margin: 0 0 30px;
  }
  #company #about_navi.about_navi_map ul li:nth-child(1) a {
    margin-left:0px !important;
  }
  #company #about_navi.about_navi_map ul li:nth-child(5) a {
    margin-right:0px !important;
  }
  #company #about_navi.about_navi_map ul li a,
  #company #about_navi.about_navi_map ul li span {
    width:114.8px !important;
    text-align:center;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : ABOUT MESSAGE
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #message #contents.about #main h1 {
    margin: 0 0 20px;
  }
  #message #about_navi {
    position: static !important;
    margin: 0 0 30px;
  }
  #message #about_navi ul li:nth-child(1) a {
    margin-left:0px !important;
  }
  #message #about_navi ul li:nth-child(5) a {
    margin-right:0px !important;
  }
  #message #about_navi ul li a,
  #message #about_navi ul li span {
    width:114.8px !important;
    text-align:center;
  }
}
/* [SP / PC] --------------------------------------------------------------
/* LAYOUT : ABOUT COMPANY
------------------------------------------------------------------------ */
#company .history dd span {
    font-weight:bold;
}
#company .certification dd ul {
    list-style: disc;
    padding-left:20px;
}
#company .history dd ul {
    list-style: disc;
    padding-left:20px;
}
/* [SP] -------------------------------------------------------------------
/* LAYOUT : ABOUT COMPANY
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #company .certification dd .mark {
    text-align: center !important;
    margin-top: 10px;
  } 
  #company .certification dd .mark img:nth-child(1) {
    width: 170px;
    border: 1px solid #000;
    padding: 3px;
  }
  #company .certification dd .mark img:nth-child(2) {
    width: 70px;
    padding: 10px;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : ABOUT COMPANY
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #company #contents.about #main h1 {
    margin: 0 0 20px;
  }
  #company #about_navi.about_navi_company {
    position: static !important;
    margin: 0 0 30px;
  }
  #company #about_navi.about_navi_company ul li:nth-child(1) a {
    margin-left:0px !important;
  }
  #company #about_navi.about_navi_company ul li:nth-child(5) a {
    margin-right:0px !important;
  }
  #company #about_navi.about_navi_company ul li a,
  #company #about_navi.about_navi_company ul li span {
    width:114.8px !important;
    text-align:center;
  }
  #company .certification dd .mark {
    text-align: right !important;
    margin-top: -40px;
  } 
  #company .certification dd .mark img:nth-child(1) {
    width: 170px;
    border: 1px solid #000;
    padding: 3px;
  }
  #company .certification dd .mark img:nth-child(2) {
    width: 70px;
    padding: 10px;
  }
}
/* [SP] -------------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #company .about_top h2 {
    text-align: center !important;
    font-size: 25px !important;
    color: #0c357f;
    padding: 30px 0;
    line-height: 34px !important;
  }
  #company .about_top .sub {
    font-size: 16px !important;
    text-align: center !important;
    padding-bottom: 0px;
    font-weight: bold;
  }
  #company .about_top .lead {
    padding-bottom: 30px;
  }
  #company .about_top .lead p {
    width: 100%;
    padding: 25px 0;
    line-height: 2em;
    font-size: 15px;
  }
  #company .about_top .lead img {
    width: 100%;
    padding: 0;
  }
  #company .about_top .category {
    border-top: 2px solid #0c357f;
    padding-bottom: 30px;
  }
  #company .about_top .category h3 {
    font-size: 20px !important;
    color: #0c357f;
    padding: 30px 0;
    font-weight: bold;
  }
  #company .about_top #cate01 p,
  #company .about_top #cate02 p,
  #company .about_top #cate03 p {
    width: 100%;
    line-height: 1.8em;	
  }
  #company .about_top #cate01 img,
  #company .about_top #cate02 img,
  #company .about_top #cate03 img {
    width: 100%;
    margin: 20px 0 0;
  }
  #company .about_top #cate01 ul,
  #company .about_top #cate02 ul,
  #company .about_top #cate03 ul#cate03_outline {
    padding: 5px;
    clear: both;
    text-align: center;
  }
  #company .about_top #cate01 ul li a,
  #company .about_top #cate02 ul li a,
  #company .about_top #cate03 ul li a {
    transition: 0.5s ;
  }
  #company .about_top #cate01 ul li,
  #company .about_top #cate01 ul li a {
    background-color: #fff;
    font-size: 15px;
	  
  }
  #company .about_top #cate02 ul li,
  #company .about_top #cate02 ul li a {
    background-color: #fff;
    font-size: 15px;
  }
  #company .about_top #cate03 ul li,
  #company .about_top #cate03 ul li a {
    background-color: #fff;
    font-size: 15px;
  }
  #company .about_top #cate01 ul {
    border: 5px solid #eba814;
    background-color: #fff2bc;
  }
  #company .about_top #cate01 ul li:nth-child(1),
  #company .about_top #cate01 ul li:nth-child(2),
  #company .about_top #cate01 ul li:nth-child(3) a,
  #company .about_top #cate01 ul li:nth-child(4) a {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 5px solid #eba814;
    font-weight: bold;
    color: #eba814;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }
  #company .about_top #cate01 ul li:nth-child(1):before, 
  #company .about_top #cate01 ul li:nth-child(2):before, 
  #company .about_top #cate01 ul li a:before {
    color: #eba814;
    content: "\0025b6";
    position: absolute;
    top: 15%;
    left: 3%;
  }
  #company .about_top #cate01 ul li:nth-child(3) a:hover,
  #company .about_top #cate01 ul li:nth-child(4) a:hover {
    color: #fff !important;
    background-color: #eba814;
  }
  #company .about_top #cate01 ul li a:hover:before {
    color: #fff !important;
    transition: 0.5s ;
  }
  #company .about_top #cate01 ul li:nth-child(1) {
    background-image: url(/about/images/logo_01.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate01 ul li:nth-child(2) {
    background-image: url(/about/images/logo_02.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate01 ul li:nth-child(3) a {
    background-image: url(/about/images/logo_03.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate01 ul li:nth-child(4) a {
    background-image: url(/about/images/logo_04.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
  }
  #company .about_top #cate02 ul {
    padding:5px;
    border: 5px solid #99a421;
    background-color: #f3f7c4;
  }
  #company .about_top #cate02 ul li a {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #99a421;
    font-weight: bold;
    color: #99a421;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    display:block;
  }
  #company .about_top #cate02 ul li a:before {
    color: #99a421;
    content: "\0025b6";
    position: absolute;
    top: 15%;
    left: 3%;
  }
  #company .about_top #cate02 ul li a:hover {
    color: #fff !important;
    background-color: #99a421;
  }
  #company .about_top #cate02 ul li a:hover:before {
    color: #fff !important;
    transition: 0.5s ;
  }
  #company .about_top #cate02 ul li:nth-child(1) a {
    background-image: url(/about/images/logo_05.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate02 ul li:nth-child(2) a {
    background-image: url(/about/images/logo_06.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate02 ul li:nth-child(3) a {
    background-image: url(/about/images/logo_07.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate02 ul li:nth-child(4) a {
    background-image: url(/about/images/logo_08.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate02 ul li:nth-child(5) a {
    background-image: url(/about/images/logo_09.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
  }
  #company .about_top #cate02 ul li:nth-child(6) a {
    background-image: url(/about/images/logo_10.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
  }
  #company .about_top #cate03 ul#cate03_outline {
    padding:5px;
    border: 5px solid #0d769f;
    background-color: #d5dde0;
  }
  #company .about_top #cate03 ul li:nth-child(1) a:before,
  #company .about_top #cate03 ul li:nth-child(2):before {
    color: #0d769f;
    content: "\0025b6";
    position: absolute;
    top: 15%;
    left: 3%;
  }
  #company .about_top #cate03 ul li a:hover {
    color: #fff !important;
    background-color: #0d769f;
  }
  #company .about_top #cate03 ul li a:hover:before {
    color: #fff !important;
    transition: 0.5s ;
  }
  #company .about_top #cate03 ul li.sfmc a {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_11.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
    display:block;
  }
  #company .about_top #cate03 ul li.dmp {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_12.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin-bottom:5px;
    display:block;
  }
  #company .about_top #cate03 ul li.omni {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    text-decoration: none;
  }
  #company .about_top #cate03 ul li ul li:nth-child(1):before {
    color: #0d769f;
    content: "\0025b6";
    position: absolute;
    top: 13%;
    left: 2%;
  }
  #company .about_top #cate03 ul li ul li:nth-child(2):before,
  #company .about_top #cate03 ul li ul li:nth-child(3) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(4) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(5):before,
  #company .about_top #cate03 ul li ul li:nth-child(6) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(7) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(8) a:before {
    color: #0d769f;
    content: "\0025b6";
    position: absolute;
    top: 15%;
    left: 3%;
  }
  #company .about_top #cate03 ul li ul li:nth-child(1) {
    padding: 2% 0 2% 23%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 4px solid #fff;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_13.png);
    background-repeat: no-repeat;
    background-position: 9% 46%;
    background-size: 13%;
    margin: 10px 0 5px;
    display:block;
  }
  #company .about_top #cate03 ul li ul li:nth-child(2) {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_14.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin: 0 10px 5px;
    display:block;
  }
  #company .about_top #cate03 ul li ul li:nth-child(3) a {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_15.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin: 0 10px 5px;
    display:block;
  }
  #company .about_top #cate03 ul li ul li:nth-child(4) a {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_16.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin: 0 10px 5px;
    display:block;
  }
  #company .about_top #cate03 ul li ul li:nth-child(5) {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_17.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin: 0 10px 5px;
    display:block;
  }
  #company .about_top #cate03 ul li ul li:nth-child(6) a {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_18.png);
    background-repeat: no-repeat;
    background-position: 10% 43%;
    background-size: 13%;
    margin: 0 10px 5px;
    display:block;
  }
  #company .about_top #cate03 ul li ul li:nth-child(7) a {
    padding: 2% 0 2% 24%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_20.png);
    background-repeat: no-repeat;
    background-position: 12% 48%;
    background-size: 10%;
    margin: 0 10px 10px;
    display: block;
  }
}
/* [PC] -------------------------------------------------------------------
/* LAYOUT : ABOUT
------------------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {
  #company #contents.about #main h1 {
    margin: 0 0 20px;
  }
  #company #about_navi.about_navi_top {
    position: static !important;
    margin: 0 0 30px;
  }
  #company #about_navi.about_navi_top ul li.active span {
    margin-left:0px !important;
  }
  #company #about_navi.about_navi_top ul li:nth-child(5) a {
    margin-right:0px !important;
  }
  #company #about_navi.about_navi_top ul li a,
  #company #about_navi.about_navi_top ul li span {
    width:114.8px !important;
    text-align:center;
  }
  #company .about_top h2 {
    text-align: center !important;
    font-size: 30px !important;
    color: #0c357f;
    padding: 30px 0;
  }
  #company .about_top .sub {
    font-size: 16px !important;
    text-align: center !important;
    padding-bottom: 40px;
    font-weight: bold;
  }
  #company .about_top .lead {
    padding-bottom: 30px;
  }
  #company .about_top .lead p {
    float: left;
    width: 50%;
    padding: 25px 0;
    line-height: 2em;
    font-size: 15px;
  }
  #company .about_top .lead img {
    float: left;
    width: 50%;
    padding: 0;
  }
  #company .about_top .category {
    border-top: 2px solid #0c357f;
    padding-bottom: 30px;
  }
  #company .about_top .category h3 {
    font-size: 20px !important;
    color: #0c357f;
    padding: 30px 0;
    font-weight: bold;
  }
  #company .about_top #cate01 p,
  #company .about_top #cate02 p,
  #company .about_top #cate03 p {
    float: left;
    width: 50%;
    line-height: 1.8em;	
  }
  #company .about_top #cate01 img,
  #company .about_top #cate02 img,
  #company .about_top #cate03 img {
    float: left;
    width: 50%;
  }
  #company .about_top #cate01 ul,
  #company .about_top #cate02 ul,
  #company .about_top #cate03 ul#cate03_outline {
    padding-top: 10px ;
    clear: both;
    text-align: center;
  }
  #company .about_top #cate01 ul li a,
  #company .about_top #cate02 ul li a,
  #company .about_top #cate03 ul li a {
    transition: 0.5s ;
  }
  #company .about_top #cate01 ul li,
  #company .about_top #cate01 ul li a {
    background-color: #fff;
    font-size: 15px;
	  
  }
  #company .about_top #cate02 ul li,
  #company .about_top #cate02 ul li a {
    background-color: #fff;
    font-size: 15px;
  }
  #company .about_top #cate03 ul li,
  #company .about_top #cate03 ul li a {
    background-color: #fff;
    font-size: 15px;
  }
  #company .about_top #cate01 ul {
    border: 5px solid #eba814;
    height: 209px;
    background-color: #fff2bc;
  }
  #company .about_top #cate01 ul li:nth-child(1),
  #company .about_top #cate01 ul li:nth-child(2),
  #company .about_top #cate01 ul li:nth-child(3) a,
  #company .about_top #cate01 ul li:nth-child(4) a {
    float: left;
    padding: 20px 0 20px 140px;
    width: 328px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #eba814;
    margin: 5px;
    font-weight: bold;
    color: #eba814;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
  }
  #company .about_top #cate01 ul li:nth-child(1),
  #company .about_top #cate01 ul li:nth-child(3) a {
    margin-left: 12px;
  }
  #company .about_top #cate01 ul li:nth-child(1):before, 
  #company .about_top #cate01 ul li:nth-child(2):before, 
  #company .about_top #cate01 ul li a:before {
    color: #eba814;
    content: "\0025b6";
    position: absolute;
    top: 20px;
    left: 10px;
  }
  #company .about_top #cate01 ul li:nth-child(3) a:hover,
  #company .about_top #cate01 ul li:nth-child(4) a:hover {
    color: #fff !important;
    background-color: #eba814;
  }
  #company .about_top #cate01 ul li a:hover:before {
    color: #fff !important;
    transition: 0.5s ;
  }
  #company .about_top #cate01 ul li:nth-child(1) {
    background-image: url(/about/images/logo_01.png);
    background-repeat: no-repeat;
    background-position: 45px 10px;
    background-size: 70px;
  }
  #company .about_top #cate01 ul li:nth-child(2) {
    background-image: url(/about/images/logo_02.png);
    background-repeat: no-repeat;
    background-position: 45px 10px;
    background-size: 70px;
  }
  #company .about_top #cate01 ul li:nth-child(3) a {
    background-image: url(/about/images/logo_03.png);
    background-repeat: no-repeat;
    background-position: 40px 5px;
    background-size: 80px;
  }
  #company .about_top #cate01 ul li:nth-child(4) a {
    background-image: url(/about/images/logo_04.png);
    background-repeat: no-repeat;
    background-position: 40px 12px;
    background-size: 75px;
  }
  #company .about_top #cate02 img {
    padding-top: 28px;
  }
  #company .about_top #cate02 ul {
    border: 5px solid #99a421;
    height: 310px;
    background-color: #f3f7c4;
  }
  #company .about_top #cate02 ul li a {
    float: left;
    padding: 20px 0 20px 140px;
    width: 328px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #99a421;
    margin: 5px;
    font-weight: bold;
    color: #99a421;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
  }
  #company .about_top #cate02 ul li a:before {
    color: #99a421;
    content: "\0025b6";
    position: absolute;
    top: 20px;
    left: 10px;
  }
  #company .about_top #cate02 ul li a:hover {
    color: #fff !important;
    background-color: #99a421;
  }
  #company .about_top #cate02 ul li a:hover:before {
    color: #fff !important;
    transition: 0.5s ;
  }
  #company .about_top #cate02 ul li:nth-child(odd) a {
    margin-left: 12px;
  }
  #company .about_top #cate02 ul li:nth-child(1) a {
    background-image: url(/about/images/logo_05.png);
    background-repeat: no-repeat;
    background-position: 40px 20px;
    background-size: 80px;
  }
  #company .about_top #cate02 ul li:nth-child(2) a {
    background-image: url(/about/images/logo_06.png);
    background-repeat: no-repeat;
    background-position: 40px 15px;
    background-size: 80px;
  }
  #company .about_top #cate02 ul li:nth-child(3) a {
    background-image: url(/about/images/logo_07.png);
    background-repeat: no-repeat;
    background-position: 40px 15px;
    background-size: 80px;
  }
  #company .about_top #cate02 ul li:nth-child(4) a {
    background-image: url(/about/images/logo_08.png);
    background-repeat: no-repeat;
    background-position: 40px 20px;
    background-size: 80px;
  }
  #company .about_top #cate02 ul li:nth-child(5) a {
    background-image: url(/about/images/logo_09.png);
    background-repeat: no-repeat;
    background-position: 40px 10px;
    background-size: 80px;
  }
  #company .about_top #cate02 ul li:nth-child(6) a {
    background-image: url(/about/images/logo_10.png);
    background-repeat: no-repeat;
    background-position: 50px 15px;
    background-size: 60px;
  }
  #company .about_top #cate03 img {
    padding-top: 40px;
  }
  #company .about_top #cate03 ul#cate03_outline {
    border: 5px solid #0d769f;
    height: 552px;
    background-color: #d5dde0;
  }
  #company .about_top #cate03 ul li:nth-child(1) a:before,
  #company .about_top #cate03 ul li:nth-child(2):before {
    color: #0d769f;
    content: "\0025b6";
    position: absolute;
    top: 20px;
    left: 10px;
  }
  #company .about_top #cate03 ul li a:hover {
    color: #fff !important;
    background-color: #0d769f;
  }
  #company .about_top #cate03 ul li a:hover:before {
    color: #fff !important;
    transition: 0.5s ;
  }
  #company .about_top #cate03 ul li.sfmc a {
    float: left;
    padding: 20px 0 20px 140px;
    width: 328px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_11.png);
    background-repeat: no-repeat;
    background-position: 45px 18px;
    background-size: 70px;
  }
  #company .about_top #cate03 ul li.dmp {
    float: left;
    padding: 20px 0 20px 140px;
    width: 328px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_12.png);
    background-repeat: no-repeat;
    background-position: 50px 15px;
    background-size: 60px;
  }
  #company .about_top #cate03 ul li.sfmc a {
    margin-left: 12px;
  }
  #company .about_top #cate03 ul li.omni {
    float: left;
    padding: 15px;
    margin: 5px 0 0 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    font-weight: bold;
    color: #0d769f;
    text-decoration: none;
    width: 920px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(1),
  #company .about_top #cate03 ul li ul li:nth-child(2),
  #company .about_top #cate03 ul li ul li:nth-child(3) a,
  #company .about_top #cate03 ul li ul li:nth-child(4) a,
  #company .about_top #cate03 ul li ul li:nth-child(5),
  #company .about_top #cate03 ul li ul li:nth-child(6) a,
  #company .about_top #cate03 ul li ul li:nth-child(7) a,
  #company .about_top #cate03 ul li ul li:nth-child(8) a {
    width: 304px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(1):before {
    color: #0d769f;
    content: "\0025b6";
    position: absolute;
    top: 20px;
    left: -14px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(2):before,
  #company .about_top #cate03 ul li ul li:nth-child(3) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(4) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(5):before,
  #company .about_top #cate03 ul li ul li:nth-child(6) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(7) a:before,
  #company .about_top #cate03 ul li ul li:nth-child(8) a:before {
    color: #0d769f;
    content: "\0025b6";
    position: absolute;
    top: 20px;
    left: 10px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(1) {
    float: left;
    padding: 20px 50px 20px 118px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 4px solid #fff;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_13.png);
    background-repeat: no-repeat;
    background-position: 17px 3px;
    background-size: 80px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(2) {
    float: left;
    padding: 20px 0 20px 140px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_14.png);
    background-repeat: no-repeat;
    background-position: 40px 5px;
    background-size: 80px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(3) a {
    float: left;
    padding: 20px 0 20px 140px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_15.png);
    background-repeat: no-repeat;
    background-position: 43px 3px;
    background-size: 80px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(4) a {
    float: left;
    padding: 20px 0 20px 140px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_16.png);
    background-repeat: no-repeat;
    background-position: 50px 15px;
    background-size: 60px;
  }
   #company .about_top #cate03 ul li ul li:nth-child(5) {
    float: left;
    padding: 20px 0 20px 140px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_17.png);
    background-repeat: no-repeat;
    background-position: 50px 15px;
    background-size: 60px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(6) a {
    float: left;
    padding: 20px 0 20px 140px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_18.png);
    background-repeat: no-repeat;
    background-position: 35px 18px;
    background-size: 85px;
  }
  #company .about_top #cate03 ul li ul li:nth-child(7) a {
    float: left;
    padding: 20px 0 20px 140px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 4px solid #0d769f;
    margin: 5px;
    font-weight: bold;
    color: #0d769f;
    line-height: 48px;
    text-decoration: none;
    text-align: left;
    position:relative;
    top:0;
    left:0;
    background-image: url(/about/images/logo_20.png);
    background-repeat: no-repeat;
    background-position: 55px 15px;
    background-size: 50px;
  }
}