@charset "UTF-8";
/*************************************************
CSS
/cmn_v2/css/reset.css

15.06.30
update:15.09.30
*************************************************/
html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

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

ul, ol {
  list-style: none;
}

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

hr {
  display: block;
  margin: 0;
  padding: 0;
  height: 1px;
  border: 0;
}

input, select {
  vertical-align: middle;
}

blockquote, q {
  quotes: none;
}

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

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

/*************************************************
CSS
/cmn_v2/css/common.css

15.06.30
update:15.09.30
*************************************************/
/* ------------------------- TOC
Setting
Wrapper
Contents
Heading
Table
Hr
Form
-------------------------- */
/* ============================================================ Setting */
html {
  height: 100%;
}

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
  height: 100%;
  color: #333;
  background: #fff;
  font-size: 16px;
  font-family: Arial, sans-serif;
}

a,
a:link {
  color: #00c;
  text-decoration: none;
}

a:visited {
  color: #90c;
  text-decoration: none;
}

a:hover,
a:active {
  color: #00c;
  text-decoration: underline;
}

a img, a:link img, a:visited img, a:hover img, a:active img {
  border: none;
  text-decoration: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

img {
  -ms-interpolation-mode: bicubic;
}

p {
  margin-top: 8px;
}

.clm> p:first-child {
  margin-top: 0;
}

ul {
  padding-top: 8px;
  padding-left: 32px;
  list-style: disc;
}

ul li {
  margin-top: 8px;
}

ol {
  padding-top: 8px;
  padding-left: 32px;
  list-style: decimal;
}

ol li {
  margin-top: 8px;
}

.clm> ul:first-child,
.clm> ol:first-child {
  padding-top: 0;
}

.clm> ul:first-child> li:first-child,
.clm> ol:first-child> li:first-child {
  margin-top: 0;
}

/* @media */
@media (max-width: 640px) {
  ul li {
    -webkit-background-size: 3px 3px;
            background-size: 3px 3px;
  }
}

dl dd {
  margin-left: 32px;
}

blockquote {
  margin-left: 40px;
}

ins {
  background-color: #ff9;
  color: #000;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/*
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #999999; }
*/
/* ============================== Clearfix */
.clr:before,
.clr:after {
  content: "";
  display: table;
}

.clr:after {
  clear: both;
}

.clr {
  zoom: 1;
}

/* ============================== Multi */
.ofz {
  overflow: hidden;
  zoom: 1;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* ============================== Hide Text */
.hide {
  position: absolute;
  left: -9999px;
}

/* ============================================================ Wrapper */
/* ============================================================ Contents */
#contents {
  z-index: 1;
  padding-bottom: 48px;
}

.cnt_max {
  max-width: 1024px;
  margin: 0 auto;
}

/* @media */
@media (max-width: 640px) {
  #contents {
    z-index: 1;
    padding-bottom: 24px;
  }
}

/* ============================== Section */
.sct_bg00 {
  padding: 0;
  background: #fff;
}

.sct_bg01 {
  padding: 8px 0;
  background: #fff;
}

.sct_bg02 {
  padding: 8px 0;
  background: rgba(243, 243, 243, 0.4);
}

h1+ .sct_bg00,
h1+ .sct_bg01,
h1+ .sct_bg02 {
  padding-top: 0;
}

/* @media */
/* ============================================================ Heading */
h1 {
  overflow: hidden;
  max-width: 1008px;
  margin: 16px auto 0;
  padding: 0 8px;
  font-size: 30px;
  font-weight: bold;
}

h2 {
  overflow: hidden;
  font-size: 26px;
  font-weight: bold;
}

h3 {
  overflow: hidden;
  margin-top: 16px;
  font-size: 22px;
  font-weight: bold;
}

h4 {
  overflow: hidden;
  margin-top: 16px;
  font-size: 22px;
  font-weight: bold;
  color: #717171;
}

h5 {
  overflow: hidden;
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
}

h6 {
  overflow: hidden;
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
  color: #717171;
}

/* RSS */
h1 .hd_rss,
h2 .hd_rss,
h3 .hd_rss,
h4 .hd_rss,
h5 .hd_rss,
h6 .hd_rss {
  display: block;
  float: right;
  height: 16px;
  margin-top: 8px;
  margin-right: 4px;
  padding-left: 20px;
  background: url(../Images/icon_s_rss_03.png) 0 0 no-repeat;
  font-size: 12px;
  font-weight: normal;
}

/* ============================== Page category */
.page_cate {
  max-width: 1008px;
  margin: 16px auto -8px;
  padding: 0 8px;
  font-size: 20px;
}

/* @media */
@media (max-width: 640px) {
  h1 {
    font-size: 24px;
    margin: 8px 0 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 18px;
  }
  /* RSS */
  h1 .hd_rss,
  h2 .hd_rss,
  h3 .hd_rss,
  h4 .hd_rss,
  h5 .hd_rss,
  h6 .hd_rss {
    background-image: url(../Images/icon_m_rss_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px;
  }
  /* ============================== Page category */
  .page_cate {
    margin: 8px auto -8px;
    font-size: 18px;
  }
}

/* ============================================================ Table */
table.nml {
  width: 100%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

table.nml th,
table.nml td {
  padding: 8px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  vertical-align: top;
  font-size: 14px;
}

table.nml thead th,
table.nml thead td {
  padding: 8px;
  background: #c9c9c9;
  text-align: left;
}

table.nml tbody th {
  background: #dedede;
  text-align: left;
}

table.nml tbody td {
  background: #fff;
}

.tbl_ico {
  display: none;
}

.tbl_wrapper {
  display: none;
}

/* @media */
@media (max-width: 640px) {
  .smallTable.hidden {
    display: none;
  }
  .tbl_ico {
    display: block;
  }
  .tbl_ico img {
    width: 100%;
    height: auto;
  }
  .tbl_wrapper {
    width: 1024px;
    margin-top: 50px;
    padding: 0 15px;
  }
  .tbl_btn {
    margin-bottom: 20px;
  }
}

/* ============================================================ Hr */
hr {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 8px;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

hr:after {
  content: "";
  display: block;
  border-top: 1px solid #c9c9c9;
}

.clm hr {
  padding: 0;
}

hr.hr01:after {
  border-top: 1px dashed #c9c9c9;
}

hr.hr02:after {
  border-top: 1px solid #666;
}

/* ============================================================ smallImage */
.img_ico {
  display: none;
}

.img_wrapper {
  display: none;
}

/* @media */
@media (max-width: 640px) {
  .img_ico {
    display: block;
  }
  .smallImageTrigger {
    text-align: center;
  }
  .smallImageTrigger a {
    padding: 3px 10px 3px 24px;
    display: inline-block;
    background: #f3f3f3 url(../Images/icon_s_zoom_01.png) no-repeat;
    font-size: 14px;
    border-radius: 5px;
  }
  .img_wrapper {
    width: 1024px;
    margin-top: 50px;
    padding: 0 15px;
  }
  .img_btn {
    margin-bottom: 20px;
  }
}

/* ============================================================ Form */
input, button, textarea, select {
  -webkit-appearance: none;
          appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

/* ============================== Radio,Checkbox */
input:focus+ label {
  outline: solid 1px #4bbdcd;
}

input.nml[type=radio] {
  -webkit-appearance: radio;
          appearance: radio;
}

input.nml[type=checkbox] {
  -webkit-appearance: checkbox;
          appearance: checkbox;
}

input.nml[type=radio],
input.nml[type=checkbox] {
  display: inline-block;
}

input.nml[type=radio]+ label,
input.nml[type=checkbox]+ label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

@media (min-width: 1px) {
  input.nml[type=radio],
  input.nml[type=checkbox] {
    position: absolute;
    opacity: 0;
    margin: 0;
  }
  input.nml[type=radio]+ label,
  input.nml[type=checkbox]+ label {
    padding-left: 34px;
  }
  input.nml[type=radio]+ label::before,
  input.nml[type=checkbox]+ label::before {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 0.7em;
    left: 0;
    content: "";
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  input.nml[type=radio]+ label::before {
    border: 2px solid #999;
    -webkit-border-radius: 12px;
            border-radius: 12px;
  }
  input.nml[type=checkbox]+ label::before {
    border: 2px solid #999;
    -webkit-border-radius: 6px;
            border-radius: 6px;
  }
  /* checked */
  input.nml[type=radio]:checked+ label::before {
    border: 2px solid #4bbdcd;
  }
  input.nml[type=checkbox]:checked+ label::before {
    border: 2px solid #4bbdcd;
  }
  input.nml[type=radio]:checked+ label::after,
  input.nml[type=checkbox]:checked+ label::after {
    display: block;
    position: absolute;
    top: 0.7em;
    content: "";
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  input.nml[type=radio]:checked+ label::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    left: 5px;
    background: #4bbdcd;
    border-radius: 7px;
  }
  input.nml[type=checkbox]:checked+ label::after {
    width: 12px;
    height: 6px;
    margin-top: -4px;
    left: 6px;
    border-left: 3px solid #4bbdcd;
    border-bottom: 3px solid #4bbdcd;
        -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

/* error,requisite */
.err_box {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f8ccc9;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.req_box {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fef5f4;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* ============================== Submit */
/* ============================== Text */
input.nml[type=text] {
  padding: 7px 8px;
  font-size: 16px;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* error,requisite */
input.nml.err[type=text] {
  background: #f8ccc9;
  border: 1px solid #ed171f;
}

input.nml.req[type=text] {
  background: #fef5f4;
  border: 1px solid #f8ccc9;
}

/* ============================== Select */
/* error,requisite */
.slct_nml.err> .selector {
  background-color: #f8ccc9;
  border: 1px solid #ed171f;
}

.slct_nml.req> .selector {
  background-color: #fef5f4;
  border: 1px solid #f8ccc9;
}

/* ============================== Textarea */
textarea.nml {
  padding: 8px;
  font-size: 16px;
  font-family: inherit;
  background: #fff;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* error,requisite */
textarea.nml.err {
  background: #f8ccc9;
  border: 1px solid #ed171f;
}

textarea.nml.req {
  background: #fef5f4;
  border: 1px solid #f8ccc9;
}

/*************************************************
CSS
/cmn_v2/css/column.css

15.06.30
update:15.09.30
*************************************************/
/* ============================== Clearfix */
.clm1:before,
.clm1:after,
.clm1_small:before,
.clm1_small:after {
  content: "";
  display: table;
}

.clm1:after,
.clm1_small:after {
  clear: both;
}

.clm1,
.clm1_small {
  zoom: 1;
}

/* ============================================================ Column Module */
/* clm1 */
.clm1 {
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* clm1_small */
.clm1_small {
  width: 75%;
  margin: 0 auto;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* clm */
.clm {
  width: 100%;
  float: left;
  padding: 8px;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.clm2> .clm {
  width: 50%;
}

.clm3> .clm {
  width: 33.333%;
}

.clm4> .clm {
  width: 25%;
}

.clm5> .clm {
  width: 20%;
}

.clm6> .clm {
  width: 16.666%;
}

/* ============================================================ Media Queries */
@media (max-width: 640px) {
  .rsp_break_clm1> .clm {
    width: 100%;
  }
  .rsp_break_clm2> .clm {
    width: 50%;
  }
}

/*************************************************
CSS
/cmn_v2/css/gl_header.css

15.06.30
update:15.09.30
*************************************************/
/* ------------------------- TOC
Global Header
Media Queries
-------------------------- */
/* ============================== Clearfix */
.gl_nv_lst {
  position: relative;
}

.dropdown-off {
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  width: 5px;
  height: 40px;
  content: attr(dropdown-off);
}

.gl_nv_lst:after {
  content: "";
  display: table;
}

.gl_nv_lst:after {
  clear: both;
}

.gl_nv_lst {
  zoom: 1;
}

/* ============================================================ Global Header */
#gl_header .gl_hd p {
  margin-top: 0;
}

#gl_header .gl_hd ul,
#gl_header .gl_hd ol,
#gl_header .gl_hd ul li,
#gl_header .gl_hd ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gl_header.hd_line {
  margin-bottom: 40px;
  border-bottom: 1px solid #dedede;
}

#gl_header .gl_hd {
  max-width: 100%;
  padding: 0 8px;
}

#gl_header .gl_hd .inner {
  display: table;
  margin: 0 auto;
  width: 100%;
  max-width: 1008px;
}

#gl_header .hd_lg {
  display: table-cell;
  width: 140px;
  padding: 16px 0;
  vertical-align: middle;
}

#gl_header .hd_lg a {
  display: block;
  width: 140px;
  height: 48px;
  background: url(../../user/img/hd_logo.png) 0 0 no-repeat;
  text-indent: -9999px;
}

#gl_header .hd_name {
  display: table-cell;
  padding: 16px 24px 16px 32px;
  vertical-align: middle;
  font-weight: bold;
}

#gl_header .hd_name .hd_name_inner {
  display: inline-block;
  min-width: 230px;
  max-width: 328px;
  line-height: 1.25;
}

/* ============================== Header Utility */
#gl_header .hd_ut {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0;
  text-align: right;
}

#gl_header .hd_ut .hd_ut_country {
  display: inline-block;
  padding: 2px 0 3px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

/* hd_ut_lang_select */
#gl_header .hd_ut .hd_ut_lang_select {
  display: inline-block;
  margin-left: 3px;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang {
  display: inline-block;
  padding: 2px 0 3px 11px;
  background: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/hd_ut_lang.png) 0 50% no-repeat;
  border-right: 1px solid #dedede;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang .txt {
  display: inline-block;
  padding-right: 21px;
  background: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/hd_ut_lang_arrowdown.png) 100% 50% no-repeat;
  color: #666;
  font-size: 14px;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang:hover .txt {
  text-decoration: underline;
}

#gl_header .hd_ut .hd_ut_lang_select span.hd_ut_lang .txt {
  padding-right: 10px;
  background: none;
}

#gl_header .hd_ut .hd_ut_lang_select span.hd_ut_lang:hover .txt {
  text-decoration: none;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst {
  position: relative;
  z-index: 10;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul {
  display: none;
  position: absolute;
  right: 0;
     -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li {
  border-bottom: 1px solid #c9c9c9;
  text-align: left;
  white-space: nowrap;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li:last-child {
  border-bottom: none;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a {
  display: block;
  padding: 8px 8px 8px 11px;
  background: #f3f3f3;
  color: #333;
  font-size: 14px;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a:hover {
  background: #dedede;
  text-decoration: none;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a.act,
#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul li a.act:hover {
  background: #999;
  color: #fff;
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang.open {
  background: #f3f3f3;
  border-right: 1px solid #f3f3f3;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
     -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang.open .txt {
  background-image: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/hd_ut_lang_arrowup.png);
}

#gl_header .hd_ut .hd_ut_lang_select .hd_ut_lang_lst ul.open {
  display: block;
}

#gl_header .hd_ut .hd_ut_change {
  display: inline-block;
  padding: 2px 24px 3px 8px;
  background: url(../../user/img/hd_ut_change.png) 100% 50% no-repeat;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}

#gl_header .hd_ut .hd_ut_parent {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 3px;
  background-position: 0 50%;
  font-size: 14px;
}

#gl_header .hd_ut .hd_ut_btn a {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 8px;
  background: #6c7074;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

#gl_header .hd_ut .hd_ut_btn a:hover {
  background-color: #888b8e;
}

/* for small window */
#gl_header .gl_nv_btn,
#gl_header .gl_nv_s .hd_ut_s,
#gl_header .gl_nv_s .hd_ut_parent,
#gl_header .gl_nv_s .hd_ut_btn {
  display: none;
}

/* ============================== Global Navigation */
#gl_header #gl_nv {
  background: #303233;
  position: relative;
  z-index: 4;
}

#gl_header #gl_nv .gl_nv_lst,
#gl_header #gl_nv .gl_nv_lst li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gl_header #gl_nv .gl_nv_lst {
  max-width: 1024px;
  margin: 0 auto;
}

#gl_header #gl_nv .gl_nv_lst li {
  float: left;
}

#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn {
  position: relative;
  display: block;
  height: 29px;
  padding: 11px 16px 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  z-index: 4;
}

#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.open {
  background: #c9c9c9;
  color: #000;
}

#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act {
  background: #6c7074;
  color: #fff;
}

#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act.open {
  background: #c9c9c9;
  color: #000;
}

#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn:hover {
  background: #c9c9c9;
  color: #000;
  text-decoration: none;
}

#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn:hover:after,
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.open:after,
#gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act:hover:after {
  content: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/hd_gl_nv_arr_02.png);
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  line-height: 0;
  z-index: 3;
}

/* Search */
#gl_header #gl_nv .gl_nv_lst li.gl_nv_src {
  float: right;
  padding-top: 8px;
  padding-right: 8px;
}

#gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_middle {
  display: none;
}

#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_inp {
  overflow: hidden;
  margin-top: 0;
}

#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_txt {
  display: block;
  float: left;
  width: 150px;
  height: 22px;
  margin: 0;
  padding: 2px 8px 0 8px;
  border: none;
  font-size: 14px;
  background: #fff;
  -webkit-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

#gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_btn {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin: 0;
  border: none;
  background: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/gl_nv_src_btn.png) 50% 50% no-repeat #fff;
  text-indent: -9999px;
  line-height: 1px;
  -webkit-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

/* Mega Drop Down Wrapper */
#gl_header #gl_nv .drop_down_wrp {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}

#gl_header #gl_nv .drop_down_wrp.open {
  opacity: 1;
  -webkit-transition: all 0.6s;
          transition: all 0.6s;
}

/* Mega Drop Down */
#gl_header #gl_nv .drop_down {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 8px 24px 8px;
  z-index: 2;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#gl_header #gl_nv .drop_down.open {
  display: block;
}

#gl_header #gl_nv .drop_down> .inner {
  display: none;
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 24px;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#gl_header #gl_nv .drop_down> .inner.open {
  display: block;
  animation: show 1s ease 0s;
}

@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -18px);
            transform: translate(0, -18px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate(0, -18px);
            transform: translate(0, -18px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}

#gl_header #gl_nv .drop_down> .inner .dd_main {
  padding: 16px 0;
  background: #fff;
}

#gl_header #gl_nv .drop_down .drp_ft {
  padding: 16px;
  border-top: 1px solid #dedede;
  background: #f3f3f3;
}

#gl_header #gl_nv .drop_down .drp_ft ul {
  padding-top: 0;
  padding-left: 0;
  list-style: none;
}

#gl_header #gl_nv .drop_down .drp_ft ul li {
  margin-top: 0;
}

#gl_header #gl_nv .drop_down .drp_ft p {
  margin-top: 0;
}

/* tab_sct */
#gl_header #gl_nv .drop_down .tab_sct .tab_ttl {
  overflow: hidden;
  background: #fff;
  border: none;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li {
  padding: 0;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  background: #f3f3f3;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li.act {
  background: #fff;
  border-bottom: 1px solid #fff;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li:last-child {
  border-right: none;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li a {
  display: block;
  padding: 8px 16px;
  color: #666;
  font-weight: bold;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li.act a {
  color: #333;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li:first-child a {
  -webkit-border-radius: 4px 0 0 0;
          border-radius: 4px 0 0 0;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li:last-child a {
  -webkit-border-radius: 0 4px 0 0;
          border-radius: 0 4px 0 0;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_ttl li a:hover {
  text-decoration: none;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_dtl {
  display: none;
  padding: 16px 0;
  background: #fff;
  border: none;
  -webkit-border-radius: 0;
          border-radius: 0;
}

#gl_header #gl_nv .drop_down .tab_sct .tab_dtl.act {
  display: block;
}

/* clm1 */
#gl_header #gl_nv .drop_down .clm1 .clm {
  padding: 0 16px;
  border-right: 1px solid #dedede;
}

#gl_header #gl_nv .drop_down .clm1 .clm:last-child {
  border-right: none;
}

/* ============================== Header Bread Crumb */
#gl_header .hd_brd_crmb {
  display: table;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 16px 0 10px;
  border-bottom: 1px solid #c9c9c9;
}

#gl_header .hd_brd_crmb p {
  margin-top: 0;
}

#gl_header .hd_brd_crmb ul,
#gl_header .hd_brd_crmb ol,
#gl_header .hd_brd_crmb ul li,
#gl_header .hd_brd_crmb ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gl_header .hd_brd_crmb ul {
  display: table-cell;
  overflow: hidden;
  padding: 4px 8px 6px;
  vertical-align: middle;
}

#gl_header .hd_brd_crmb ul li {
  float: left;
  margin-right: 4px;
  font-size: 14px;
}

#gl_header .hd_brd_crmb ul li:after {
  content: ">";
}

#gl_header .hd_brd_crmb ul li.act:after {
  content: "";
}

#gl_header .hd_brd_crmb ul li a,
#gl_header .hd_brd_crmb ul li span {
  padding: 0 4px 0 0;
}

#gl_header .hd_brd_crmb .hd_shr_sct {
  display: table-cell;
  padding: 0 8px;
  white-space: nowrap;
  vertical-align: top;
  text-align: right;
}

#gl_header .hd_brd_crmb .hd_shr_sct .ttl {
  display: inline-block;
  margin-right: 2px;
  color: #717171;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

#gl_header .hd_brd_crmb .hd_shr_sct .dtl {
  display: inline-block;
  vertical-align: middle;
}

/* ============================================================ Media Queries */
@media (max-width: 726px) {
  /* ============================================================ Global Header */
  /* ============================== Global Navigation */
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn {
    padding: 11px 8px 0;
  }
}

@media (max-width: 640px) {
  /* ============================================================ Global Header */
  #gl_header {
    border-bottom: 1px solid #6c7074;
    position: relative;
  }
  #gl_header.hd_line {
    margin-bottom: 20px;
  }
  #gl_header .hd_lg {
    padding: 10px 0 8px;
    width: 75px;
  }
  #gl_header .hd_lg a {
    width: 75px;
    height: 26px;
    background: url(../../user/img/hd_logo_s.png) 0 0 no-repeat;
    -webkit-background-size: 75px 26px;
            background-size: 75px 26px;
  }
  #gl_header .hd_name {
    padding: 10px 8px 8px 16px;
    font-size: 12px;
  }
  #gl_header .hd_name .hd_name_inner {
    min-width: 0;
  }
  #gl_header .hd_ut .hd_ut_country {
    margin-right: 46px;
    font-size: 10px;
  }
  #gl_header .hd_ut .hd_ut_lang_select {
    display: none;
  }
  #gl_header .hd_ut .hd_ut_change {
    display: none;
  }
  #gl_header .hd_ut .hd_ut_parent {
    display: none;
  }
  #gl_header .hd_ut .hd_ut_btn {
    display: none;
  }
  #gl_header .gl_nv_btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    background: url(../../user/img/hd_gl_nv_btn.png) 0 0 no-repeat;
    -webkit-background-size: 44px 44px;
            background-size: 44px 44px;
  }
  #gl_header .gl_nv_btn.open {
    background: url(../../user/img/hd_gl_nv_btn_on.png) 0 0 no-repeat #303233;
    -webkit-background-size: 44px 44px;
            background-size: 44px 44px;
  }
  #gl_header .gl_nv_s {
    position: absolute;
    top: 44px;
    left: 0;
    display: none;
    width: 100%;
    z-index: 9999;
  }
  #gl_header .gl_nv_s.open {
    display: block;
  }
  #gl_header .gl_nv_s a:hover {
    text-decoration: none;
  }
  #gl_header .gl_nv_s .hd_ut_s {
    display: table;
    width: 100%;
    border-top: 1px solid #6c7074;
    background: #f3f3f3;
  }
  #gl_header .gl_nv_s .hd_ut_s .hd_ut_lang {
    display: table-cell;
    width: 50%;
  }
  #gl_header .gl_nv_s .hd_ut_s .hd_ut_lang select {
    width: 100%;
    margin: 0;
    padding: 16px 40px 16px 8px;
    border: none;
    border-right: 1px solid #6c7074;
    color: #666;
    font-size: 12px;
    background: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/hd_ut_lang_s.png) 100% 50% no-repeat;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-background-size: 40px 40px;
            background-size: 40px 40px;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #gl_header .gl_nv_s .hd_ut_s .hd_ut_lang:last-child select {
    border-right: none;
  }
  #gl_header .gl_nv_s .hd_ut_s .hd_ut_change {
    display: table-cell;
    width: 50%;
    padding: 16px 40px 16px 8px;
    color: #666;
    font-size: 12px;
    background: url(../../user/img/hd_ut_change_s.png) 100% 50% no-repeat;
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #gl_header .gl_nv_s .hd_ut_parent {
    display: block;
    padding: 16px 32px 16px 8px;
    border-top: 1px solid #6c7074;
    color: #666;
    font-size: 12px;
    background: url(/-/Media/Ricoh/Common/cmn_v2/img/icon_l_newwindow_01.png) 100% 50% no-repeat #f3f3f3;
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px;
  }
  #gl_header .gl_nv_s .hd_ut_btn {
    display: block;
    margin-top: 0;
  }
  #gl_header .gl_nv_s .hd_ut_btn a {
    display: block;
    padding: 16px 32px 16px 8px;
    border-top: 1px solid #6c7074;
    color: #666;
    font-size: 12px;
    background: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/hd_gl_nv_arr_01.png) 100% 50% no-repeat #f3f3f3;
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px;
  }
  /* ============================== Global Navigation */
  #gl_header #gl_nv .gl_nv_lst li,
  #gl_header #gl_nv .gl_nv_lst li.gl_nv_src {
    float: none;
    border-bottom: 1px solid #6c7074;
  }
  #gl_header #gl_nv .gl_nv_lst li.gl_nv_src {
    position: relative;
    width: 100%;
    padding: 16px 32px 16px 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_txt {
    width: 100%;
    height: 30px;
  }
  #gl_header #gl_nv .gl_nv_lst li.gl_nv_src .gl_nv_src_btn {
    position: absolute;
    top: 16px;
    right: 8px;
    width: 32px;
    height: 32px;
    background-image: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/gl_nv_src_btn_s.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px;
  }
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn {
    height: auto;
  }
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn,
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.open,
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act,
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn:hover,
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act:hover {
    display: block;
    padding: 14px 32px 14px 8px;
    color: #fff;
    font-size: 16px;
    border: none;
    background: url(/-/Media/Ricoh/Common/cmn_v2/img/gl_header/hd_gl_nv_arr_01_w.png) 100% 50% no-repeat;
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px;
  }
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn:hover:after,
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.open:after,
  #gl_header #gl_nv .gl_nv_lst li a.gl_nv_lst_mn.act:hover:after {
    content: "";
  }
  #gl_header #gl_nv .drop_down.open {
    display: none;
  }
  /* search */
  #gl_header #gl_nv .gl_nv_lst li.gl_nv_src.dsp_middle {
    display: none;
  }
  /* reset */
  .dropdown-off {
    display: none;
  }
  #gl_header #gl_nv .drop_down_wrp,
  #gl_header #gl_nv .drop_down_wrp.open {
    display: none;
  }
  /* ============================== Header Bread Crumb */
  #gl_header .hd_brd_crmb {
    display: none;
  }
}

/*************************************************
CSS
/cmn_v2/css/gl_footer.css

15.06.30
update:15.09.30
*************************************************/
/* ------------------------- TOC
Global Footer
Media Queries
-------------------------- */
/* ============================================================ Global Footer */
#gl_footer {
  padding-bottom: 40px;
  border-top: 2px solid #dedede;
  border-bottom: 4px solid #cf142b;
  background: #f3f3f3;
}

/* ============================== Footer Relation */
.ft_rlt {
  background: #f3f3f3;
}

#gl_footer .ft_rlt {
  max-width: 1008px;
  margin: 0 auto;
  padding: 0 8px;
}

#gl_footer .ft_rlt .ft_rlt_inr {
  padding: 16px 0;
  border-bottom: 1px solid #c9c9c9;
}

#gl_footer .ft_rlt .ft_rlt_inr .ft_rlt_ttl {
  font-size: 20px;
  font-weight: bold;
}

/* ============================== Footer Bread Crumb  */
#gl_footer .ft_brd_crmb {
  max-width: 1024px;
  margin: 0 auto;
}

#gl_footer .ft_brd_crmb p {
  margin-top: 0;
}

#gl_footer .ft_brd_crmb ul,
#gl_footer .ft_brd_crmb ol,
#gl_footer .ft_brd_crmb ul li,
#gl_footer .ft_brd_crmb ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gl_footer .ft_brd_crmb .ft_brd_crmb_lst {
  overflow: hidden;
  margin: 0 8px;
  padding: 16px 0;
  border-bottom: 1px solid #c9c9c9;
}

#gl_footer .ft_brd_crmb .ft_brd_crmb_lst li {
  float: left;
  margin-right: 6px;
  font-size: 14px;
}

#gl_footer .ft_brd_crmb .ft_brd_crmb_lst li:after {
  content: ">";
}

#gl_footer .ft_brd_crmb .ft_brd_crmb_lst li.act:after {
  content: "";
}

#gl_footer .ft_brd_crmb .ft_brd_crmb_lst li a,
#gl_footer .ft_brd_crmb .ft_brd_crmb_lst li span {
  padding: 0 6px 0 0;
}

/* ============================== Footer Local Navigation */
#gl_footer .ft_lc_nv {
  max-width: 1024px;
  margin: 0 auto;
}

#gl_footer .ft_lc_nv .ft_lc_nv_lst {
  overflow: hidden;
  margin: 0 8px;
  padding: 24px 0 16px;
  list-style: none;
  border-bottom: 1px solid #c9c9c9;
}

#gl_footer .ft_lc_nv .ft_lc_nv_lst li {
  float: left;
  width: 33.333%;
  margin-top: 0;
  margin-bottom: 8px;
}

#gl_footer .ft_lc_nv .ft_lc_nv_lst li a,
#gl_footer .ft_lc_nv .ft_lc_nv_lst li span {
  display: inline-block;
  padding-left: 24px;
  background: url(../Images/icon_s_right_01.png) 0 -0.2em no-repeat;
}

#gl_footer .ft_lc_nv .ft_lc_nv_lst li.act a,
#gl_footer .ft_lc_nv .ft_lc_nv_lst li.act span {
  color: #333;
}

/* ============================== Footer Direct Navigation */
#gl_footer .ft_dr_nv {
  max-width: 1008px;
  margin: 0 auto;
  padding: 0 8px;
}

#gl_footer .ft_dr_nv .ft_dr_nv_inr {
  padding: 24px 0 16px;
  border-bottom: 1px solid #c9c9c9;
}

#gl_footer .ft_dr_nv .ft_dr_nv_inr .ft_dr_nv_ttl {
  font-size: 20px;
  font-weight: bold;
}

/* ============================== Footer Utility */
#gl_footer .ft_ut {
  width: 100%;
}

#gl_footer> *+ .ft_ut {
  margin-top: -1px;
  border-top: 1px solid #c9c9c9;
}

#gl_footer .ft_ut p {
  margin-top: 0;
}

#gl_footer .ft_ut ul,
#gl_footer .ft_ut ol,
#gl_footer .ft_ut ul li,
#gl_footer .ft_ut ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gl_footer .ft_ut .ft_ut_inr {
  overflow: hidden;
  max-width: 1008px;
  margin: 0 auto;
  padding: 24px 8px 0;
}

#gl_footer .ft_ut .ft_ut_inr .ft_ut_lst {
  float: left;
  overflow: hidden;
}

#gl_footer .ft_ut .ft_ut_inr .ft_ut_lst li {
  float: left;
  margin-bottom: 8px;
  border-right: 1px solid #dedede;
}

#gl_footer .ft_ut .ft_ut_inr .ft_ut_lst li:first-child {
  border-left: 1px solid #dedede;
}

#gl_footer .ft_ut .ft_ut_inr .ft_ut_lst li a {
  display: block;
  padding: 0 16px;
  color: #666;
  font-size: 14px;
  line-height: 1.2;
}

#gl_footer .ft_ut .ft_ut_inr .ft_pg_top {
  float: right;
  padding: 0 8px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

#gl_footer .ft_ut .ft_ut_inr .ft_pg_top a {
  display: block;
  padding: 0 8px 0 32px;
  background: url(../img/icon_s_up_01.png) 0 50% no-repeat;
}

/* ============================== Footer Connect */
#gl_footer .ft_cnct {
  max-width: 1008px;
  margin: 16px auto 0;
  padding: 0 8px;
}

#gl_footer .ft_cnct p {
  margin-top: 0;
}

#gl_footer .ft_cnct ul,
#gl_footer .ft_cnct ol,
#gl_footer .ft_cnct ul li,
#gl_footer .ft_cnct ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gl_footer .ft_cnct .ft_cnct_ttl {
  float: left;
  margin-right: 40px;
  font-weight: bold;
  overflow: hidden;
}

#gl_footer .ft_cnct .ft_cnct_lst {
  overflow: hidden;
}

#gl_footer .ft_cnct .ft_cnct_lst li {
  display: inline-block;
  margin: 0 16px 8px 0;
}

#gl_footer .ft_cnct .ft_cnct_lst li img {
  vertical-align: bottom;
}

#gl_footer .ft_cnct .ft_cnct_lst li.ft_cnct_lst_more {
  vertical-align: middle;
  font-size: 14px;
}

/* ============================== Footer Copy */
#gl_footer .ft_copy {
  max-width: 1008px;
  margin: 16px auto 0;
  padding: 0 8px;
  color: #999;
  font-size: 12px;
}

/* ============================================================ Media Queries */
@media (max-width: 640px) {
  #gl_footer {
    padding-bottom: 16px;
    border-bottom: 8px solid #cf142b;
  }
  /* ============================== Footer Bread Crumb */
  #gl_footer .ft_brd_crmb .ft_brd_crmb_lst {
    border-bottom: 1px solid #dedede;
  }
  #gl_footer .ft_brd_crmb .ft_brd_crmb_lst li {
    margin-right: 3px;
  }
  #gl_footer .ft_brd_crmb .ft_brd_crmb_lst li a,
  #gl_footer .ft_brd_crmb .ft_brd_crmb_lst li span {
    padding: 0 3px 0 0;
  }
  /* ============================== Footer Local Navigation */
  #gl_footer .ft_lc_nv {
    border: none;
  }
  #gl_footer .ft_lc_nv .ft_lc_nv_lst {
    padding: 0;
    border-bottom: none;
  }
  #gl_footer .ft_lc_nv .ft_lc_nv_lst li {
    float: none;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #dedede;
  }
  #gl_footer .ft_lc_nv .ft_lc_nv_lst li a,
  #gl_footer .ft_lc_nv .ft_lc_nv_lst li span {
    display: block;
    padding: 16px 32px 16px 8px;
    background: url(../Images/icon_l_right_01.png) 100% 50% no-repeat;
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px;
  }
  /* ============================== Footer Direct Navigation */
  #gl_footer .ft_dr_nv {
    display: none;
  }
  /* ============================== Footer Utility */
  #gl_footer> *+ .ft_ut {
    margin-top: 0;
    border: none;
  }
  #gl_footer .ft_ut .ft_ut_inr {
    width: 100%;
    padding: 0;
  }
  #gl_footer .ft_ut .ft_ut_inr .ft_ut_lst {
    float: none;
    margin: 0 8px;
    padding: 24px 0 4px;
    border-left: none;
  }
  #gl_footer .ft_ut .ft_ut_inr .ft_ut_lst li {
    margin-bottom: 20px;
  }
  #gl_footer .ft_ut .ft_ut_inr .ft_ut_lst li:first-child {
    border-left: none;
  }
  #gl_footer .ft_ut .ft_ut_inr .ft_ut_lst li:last-child {
    border: none;
  }
  #gl_footer .ft_ut .ft_ut_inr .ft_ut_lst li a {
    padding: 0 8px;
    font-size: 14px;
  }
  #gl_footer .ft_ut .ft_ut_inr .ft_pg_top {
    float: none;
    border: none;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #dedede;
    text-align: right;
  }
  #gl_footer .ft_ut .ft_ut_inr .ft_pg_top a {
    display: inline-block;
    padding: 12px 8px 12px 32px;
    font-size: 14px;
    text-align: right;
    background-image: url(../../user/img/icon_l_up_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px;
  }
  /* ============================== Footer Connect */
  #gl_footer .ft_cnct {
    margin-top: 24px;
  }
  #gl_footer .ft_cnct .ft_cnct_ttl {
    float: none;
    margin-right: 0;
  }
  #gl_footer .ft_cnct .ft_cnct_lst {
    margin-top: 12px;
  }
  #gl_footer .ft_cnct .ft_cnct_lst li {
    margin: 0 12px 6px 0;
  }
  #gl_footer .ft_cnct .ft_cnct_lst li.ft_cnct_lst_more {
    display: block;
  }
  /* ============================== Footer Copy */
  #gl_footer .ft_copy {
    margin-top: 12px;
    text-align: center;
  }
}

/*************************************************
CSS
/cmn_v2/css/icon.css

15.06.30
update:15.09.30
*************************************************/
/* pdf */
.pdf {
  background-image: url(../Images/icon_s_pdf_01.png) !important;
}

/* file */
.file {
  background-image: url(../Images/icon_s_file_01.png) !important;
}

.file_w {
  background-image: url(../Images/icon_s_file_02.png) !important;
}

.file_f {
  background-image: url(../Images/icon_s_file_03.png) !important;
}

.file_fw {
  background-image: url(../Images/icon_s_file_04.png) !important;
}

.file_l {
  background-image: url(../Images/icon_m_file_01.png) !important;
}

.file_lw {
  background-image: url(../Images/icon_m_file_02.png) !important;
}

.file_lf {
  background-image: url(../Images/icon_m_file_03.png) !important;
}

.file_lfw {
  background-image: url(../Images/icon_m_file_04.png) !important;
}

/* download */
.download {
  background-image: url(../Images/icon_s_download_01.png) !important;
}

.download_w {
  background-image: url(../Images/icon_s_download_02.png) !important;
}

.download_f {
  background-image: url(../Images/icon_s_download_03.png) !important;
}

.download_fw {
  background-image: url(../Images/icon_s_download_04.png) !important;
}

.download_l {
  background-image: url(../Images/icon_m_download_01.png) !important;
}

.download_lw {
  background-image: url(../Images/icon_m_download_02.png) !important;
}

.download_lf {
  background-image: url(../Images/icon_m_download_03.png) !important;
}

.download_lfw {
  background-image: url(../Images/icon_m_download_04.png) !important;
}

/* right */
.right {
  background-image: url(../Images/icon_s_right_01.png) !important;
}

.right_w {
  background-image: url(../Images/icon_s_right_02.png) !important;
}

.right_f {
  background-image: url(../Images/icon_s_right_03.png) !important;
}

.right_fw {
  background-image: url(../Images/icon_s_right_04.png) !important;
}

.right_l {
  background-image: url(../Images/icon_m_right_01.png) !important;
}

.right_lw {
  background-image: url(../Images/icon_m_right_02.png) !important;
}

.right_lf {
  background-image: url(../Images/icon_m_right_03.png) !important;
}

.right_lfw {
  background-image: url(../Images/icon_m_right_04.png) !important;
}

/* left */
.left {
  background-image: url(../img/icon_s_left_01.png) !important;
}

.left_w {
  background-image: url(../Images/icon_s_left_02.png) !important;
}

.left_f {
  background-image: url(../Images/icon_s_left_03.png) !important;
}

.left_fw {
  background-image: url(../Images/icon_s_left_04.png) !important;
}

.left_l {
  background-image: url(../Images/icon_m_left_01.png) !important;
}

.left_lw {
  background-image: url(../Images/icon_m_left_02.png) !important;
}

.left_lf {
  background-image: url(../Images/icon_m_left_03.png) !important;
}

.left_lfw {
  background-image: url(../Images/icon_m_left_04.png) !important;
}

/* down */
.down {
  background-image: url(../Images/icon_s_down_01.png) !important;
}

.down_w {
  background-image: url(../Images/icon_s_down_02.png) !important;
}

.down_f {
  background-image: url(../Images/icon_s_down_03.png) !important;
}

.down_fw {
  background-image: url(../Images/icon_s_down_04.png) !important;
}

.down_l {
  background-image: url(../Images/icon_m_down_01.png) !important;
}

.down_lw {
  background-image: url(../Images/icon_m_down_02.png) !important;
}

.down_lf {
  background-image: url(../Images/icon_m_down_03.png) !important;
}

.down_lfw {
  background-image: url(../Images/icon_m_down_04.png) !important;
}

/* up */
.up {
  background-image: url(../img/icon_s_up_01.png) !important;
}

.up_w {
  background-image: url(../Images/icon_s_up_02.png) !important;
}

.up_f {
  background-image: url(../Images/icon_s_up_03.png) !important;
}

.up_fw {
  background-image: url(../Images/icon_s_up_04.png) !important;
}

.up_l {
  background-image: url(../Images/icon_m_up_01.png) !important;
}

.up_lw {
  background-image: url(../Images/icon_m_up_02.png) !important;
}

.up_lf {
  background-image: url(../Images/icon_m_up_03.png) !important;
}

.up_lfw {
  background-image: url(../Images/icon_m_up_04.png) !important;
}

/* last */
.last {
  background-image: url(../Images/icon_s_last_01.png) !important;
}

.last_w {
  background-image: url(../Images/icon_s_last_02.png) !important;
}

.last_f {
  background-image: url(../Images/icon_s_last_03.png) !important;
}

.last_fw {
  background-image: url(../Images/icon_s_last_04.png) !important;
}

.last_l {
  background-image: url(../Images/icon_m_last_01.png) !important;
}

.last_lw {
  background-image: url(../Images/icon_m_last_02.png) !important;
}

.last_lf {
  background-image: url(../Images/icon_m_last_03.png) !important;
}

.last_lfw {
  background-image: url(../Images/icon_m_last_04.png) !important;
}

/* first */
.first {
  background-image: url(../Images/icon_s_first_01.png) !important;
}

.first_w {
  background-image: url(../Images/icon_s_first_02.png) !important;
}

.first_f {
  background-image: url(../Images/icon_s_first_03.png) !important;
}

.first_fw {
  background-image: url(../Images/icon_s_first_04.png) !important;
}

.first_l {
  background-image: url(../Images/icon_m_first_01.png) !important;
}

.first_lw {
  background-image: url(../Images/icon_m_first_02.png) !important;
}

.first_lf {
  background-image: url(../Images/icon_m_first_03.png) !important;
}

.first_lfw {
  background-image: url(../Images/icon_m_first_04.png) !important;
}

/* newwindow */
.newwindow {
  background-image: url(../Images/icon_s_newwindow_01.png) !important;
}

.newwindow_w {
  background-image: url(../Images/icon_s_newwindow_02.png) !important;
}

.newwindow_f {
  background-image: url(../Images/icon_s_newwindow_03.png) !important;
}

.newwindow_fw {
  background-image: url(../Images/icon_s_newwindow_04.png) !important;
}

.newwindow_l {
  background-image: url(../Images/icon_m_newwindow_01.png) !important;
}

.newwindow_lw {
  background-image: url(../Images/icon_m_newwindow_02.png) !important;
}

.newwindow_lf {
  background-image: url(../Images/icon_m_newwindow_03.png) !important;
}

.newwindow_lfw {
  background-image: url(../Images/icon_m_newwindow_04.png) !important;
}

/* back */
.back {
  background-image: url(../Images/icon_s_back_01.png) !important;
}

.back_w {
  background-image: url(../Images/icon_s_back_02.png) !important;
}

.back_f {
  background-image: url(../Images/icon_s_back_03.png) !important;
}

.back_fw {
  background-image: url(../Images/icon_s_back_04.png) !important;
}

.back_l {
  background-image: url(../Images/icon_m_back_01.png) !important;
}

.back_lw {
  background-image: url(../Images/icon_m_back_02.png) !important;
}

.back_lf {
  background-image: url(../Images/icon_m_back_03.png) !important;
}

.back_lfw {
  background-image: url(../Images/icon_m_back_04.png) !important;
}

/* country */
.country {
  background-image: url(../Images/icon_s_country_01.png) !important;
}

.country_w {
  background-image: url(../Images/icon_s_country_02.png) !important;
}

.country_f {
  background-image: url(../Images/icon_s_country_03.png) !important;
}

.country_fw {
  background-image: url(../Images/icon_s_country_04.png) !important;
}

.country_l {
  background-image: url(../Images/icon_m_country_01.png) !important;
}

.country_lw {
  background-image: url(../Images/icon_m_country_02.png) !important;
}

.country_lf {
  background-image: url(../Images/icon_m_country_03.png) !important;
}

.country_lfw {
  background-image: url(../Images/icon_m_country_04.png) !important;
}

/* accordiondown */
.accordiondown {
  background-image: url(../Images/icon_s_accordiondown_01.png) !important;
}

.accordiondown_w {
  background-image: url(../Images/icon_s_accordiondown_02.png) !important;
}

.accordiondown_f {
  background-image: url(../Images/icon_s_accordiondown_03.png) !important;
}

.accordiondown_fw {
  background-image: url(../Images/icon_s_accordiondown_04.png) !important;
}

.accordiondown_l {
  background-image: url(../Images/icon_m_accordiondown_01.png) !important;
}

.accordiondown_lw {
  background-image: url(../Images/icon_m_accordiondown_02.png) !important;
}

.accordiondown_lf {
  background-image: url(../Images/icon_m_accordiondown_03.png) !important;
}

.accordiondown_lfw {
  background-image: url(../Images/icon_m_accordiondown_04.png) !important;
}

/* accordionup */
.accordionup {
  background-image: url(../Images/icon_s_accordionup_01.png) !important;
}

.accordionup_w {
  background-image: url(../Images/icon_s_accordionup_02.png) !important;
}

.accordionup_f {
  background-image: url(../Images/icon_s_accordionup_03.png) !important;
}

.accordionup_fw {
  background-image: url(../Images/icon_s_accordionup_04.png) !important;
}

.accordionup_l {
  background-image: url(../Images/icon_m_accordionup_01.png) !important;
}

.accordionup_lw {
  background-image: url(../Images/icon_m_accordionup_02.png) !important;
}

.accordionup_lf {
  background-image: url(../Images/icon_m_accordionup_03.png) !important;
}

.accordionup_lfw {
  background-image: url(../Images/icon_m_accordionup_04.png) !important;
}

/* zoom */
.zoom {
  background-image: url(../Images/icon_s_zoom_01.png) !important;
}

.zoom_w {
  background-image: url(../Images/icon_s_zoom_02.png) !important;
}

.zoom_f {
  background-image: url(../Images/icon_s_zoom_03.png) !important;
}

.zoom_fw {
  background-image: url(../Images/icon_s_zoom_04.png) !important;
}

.zoom_l {
  background-image: url(../Images/icon_m_zoom_01.png) !important;
}

.zoom_lw {
  background-image: url(../Images/icon_m_zoom_02.png) !important;
}

.zoom_lf {
  background-image: url(../Images/icon_m_zoom_03.png) !important;
}

.zoom_lfw {
  background-image: url(../Images/icon_m_zoom_04.png) !important;
}

/* close */
.close {
  background-image: url(../Images/icon_s_close_01.png) !important;
}

.close_w {
  background-image: url(../Images/icon_s_close_02.png) !important;
}

.close_f {
  background-image: url(../Images/icon_s_close_03.png) !important;
}

.close_fw {
  background-image: url(../Images/icon_s_close_04.png) !important;
}

.close_l {
  background-image: url(../Images/icon_m_close_01.png) !important;
}

.close_lw {
  background-image: url(../Images/icon_m_close_02.png) !important;
}

.close_lf {
  background-image: url(../Images/icon_m_close_03.png) !important;
}

.close_lfw {
  background-image: url(../Images/icon_m_close_04.png) !important;
}

/* descending */
.descending {
  background-image: url(../Images/icon_s_descending_01.png) !important;
}

.descending_w {
  background-image: url(../Images/icon_s_descending_02.png) !important;
}

.descending_f {
  background-image: url(../Images/icon_s_descending_03.png) !important;
}

.descending_fw {
  background-image: url(../Images/icon_s_descending_04.png) !important;
}

.descending_l {
  background-image: url(../Images/icon_m_descending_01.png) !important;
}

.descending_lw {
  background-image: url(../Images/icon_m_descending_02.png) !important;
}

.descending_lf {
  background-image: url(../Images/icon_m_descending_03.png) !important;
}

.descending_lfw {
  background-image: url(../Images/icon_m_descending_04.png) !important;
}

/* ascending */
.ascending {
  background-image: url(../Images/icon_s_ascending_01.png) !important;
}

.ascending_w {
  background-image: url(../Images/icon_s_ascending_02.png) !important;
}

.ascending_f {
  background-image: url(../Images/icon_s_ascending_03.png) !important;
}

.ascending_fw {
  background-image: url(../Images/icon_s_ascending_04.png) !important;
}

.ascending_l {
  background-image: url(../Images/icon_m_ascending_01.png) !important;
}

.ascending_lw {
  background-image: url(../Images/icon_m_ascending_02.png) !important;
}

.ascending_lf {
  background-image: url(../Images/icon_m_ascending_03.png) !important;
}

.ascending_lfw {
  background-image: url(../Images/icon_m_ascending_04.png) !important;
}

/* menu */
.menu {
  background-image: url(../Images/icon_s_menu_01.png) !important;
}

.menu_w {
  background-image: url(../Images/icon_s_menu_02.png) !important;
}

.menu_f {
  background-image: url(../Images/icon_s_menu_03.png) !important;
}

.menu_fw {
  background-image: url(../Images/icon_s_menu_04.png) !important;
}

.menu_l {
  background-image: url(../Images/icon_m_menu_01.png) !important;
}

.menu_lw {
  background-image: url(../Images/icon_m_menu_02.png) !important;
}

.menu_lf {
  background-image: url(../Images/icon_m_menu_03.png) !important;
}

.menu_lfw {
  background-image: url(../Images/icon_m_menu_04.png) !important;
}

/* cart */
.cart {
  background-image: url(../Images/icon_s_cart_01.png) !important;
}

.cart_w {
  background-image: url(../Images/icon_s_cart_02.png) !important;
}

.cart_f {
  background-image: url(../Images/icon_s_cart_03.png) !important;
}

.cart_fw {
  background-image: url(../Images/icon_s_cart_04.png) !important;
}

.cart_l {
  background-image: url(../Images/icon_m_cart_01.png) !important;
}

.cart_lw {
  background-image: url(../Images/icon_m_cart_02.png) !important;
}

.cart_lf {
  background-image: url(../Images/icon_m_cart_03.png) !important;
}

.cart_lfw {
  background-image: url(../Images/icon_m_cart_04.png) !important;
}

/* incart */
.incart {
  background-image: url(../Images/icon_s_incart_01.png) !important;
}

.incart_w {
  background-image: url(../Images/icon_s_incart_02.png) !important;
}

.incart_f {
  background-image: url(../Images/icon_s_incart_03.png) !important;
}

.incart_fw {
  background-image: url(../Images/icon_s_incart_04.png) !important;
}

.incart_l {
  background-image: url(../Images/icon_m_incart_01.png) !important;
}

.incart_lw {
  background-image: url(../Images/icon_m_incart_02.png) !important;
}

.incart_lf {
  background-image: url(../Images/icon_m_incart_03.png) !important;
}

.incart_lfw {
  background-image: url(../Images/icon_m_incart_04.png) !important;
}

/* telephone */
.telephone {
  background-image: url(../Images/icon_s_telephone_01.png) !important;
}

.telephone_w {
  background-image: url(../Images/icon_s_telephone_02.png) !important;
}

.telephone_f {
  background-image: url(../Images/icon_s_telephone_03.png) !important;
}

.telephone_fw {
  background-image: url(../Images/icon_s_telephone_04.png) !important;
}

.telephone_l {
  background-image: url(../Images/icon_m_telephone_01.png) !important;
}

.telephone_lw {
  background-image: url(../Images/icon_m_telephone_02.png) !important;
}

.telephone_lf {
  background-image: url(../Images/icon_m_telephone_03.png) !important;
}

.telephone_lfw {
  background-image: url(../Images/icon_m_telephone_04.png) !important;
}

/* mail */
.mail {
  background-image: url(../Images/icon_s_mail_01.png) !important;
}

.mail_w {
  background-image: url(../Images/icon_s_mail_02.png) !important;
}

.mail_f {
  background-image: url(../Images/icon_s_mail_03.png) !important;
}

.mail_fw {
  background-image: url(../Images/icon_s_mail_04.png) !important;
}

.mail_l {
  background-image: url(../Images/icon_m_mail_01.png) !important;
}

.mail_lw {
  background-image: url(../Images/icon_m_mail_02.png) !important;
}

.mail_lf {
  background-image: url(../Images/icon_m_mail_03.png) !important;
}

.mail_lfw {
  background-image: url(../Images/icon_m_mail_04.png) !important;
}

/* search */
.search {
  background-image: url(../Images/icon_s_search_01.png) !important;
}

.search_w {
  background-image: url(../Images/icon_s_search_02.png) !important;
}

.search_f {
  background-image: url(../Images/icon_s_search_03.png) !important;
}

.search_fw {
  background-image: url(../Images/icon_s_search_04.png) !important;
}

.search_l {
  background-image: url(../Images/icon_m_search_01.png) !important;
}

.search_lw {
  background-image: url(../Images/icon_m_search_02.png) !important;
}

.search_lf {
  background-image: url(../Images/icon_m_search_03.png) !important;
}

.search_lfw {
  background-image: url(../Images/icon_m_search_04.png) !important;
}

/* rss */
.rss {
  background-image: url(../Images/icon_s_rss_01.png) !important;
}

.rss_w {
  background-image: url(../Images/icon_s_rss_02.png) !important;
}

.rss_f {
  background-image: url(../Images/icon_s_rss_03.png) !important;
}

.rss_fw {
  background-image: url(../Images/icon_s_rss_04.png) !important;
}

.rss_l {
  background-image: url(../Images/icon_m_rss_01.png) !important;
}

.rss_lw {
  background-image: url(../Images/icon_m_rss_02.png) !important;
}

.rss_lf {
  background-image: url(../Images/icon_m_rss_03.png) !important;
}

.rss_lfw {
  background-image: url(../Images/icon_m_rss_04.png) !important;
}

/* video */
.video {
  background-image: url(../Images/icon_s_video_01.png) !important;
}

.video_w {
  background-image: url(../Images/icon_s_video_02.png) !important;
}

.video_f {
  background-image: url(../Images/icon_s_video_03.png) !important;
}

.video_fw {
  background-image: url(../Images/icon_s_video_04.png) !important;
}

.video_l {
  background-image: url(../Images/icon_m_video_01.png) !important;
}

.video_lw {
  background-image: url(../Images/icon_m_video_02.png) !important;
}

.video_lf {
  background-image: url(../Images/icon_m_video_03.png) !important;
}

.video_lfw {
  background-image: url(../Images/icon_m_video_04.png) !important;
}

/* map */
.map {
  background-image: url(../Images/icon_s_map_01.png) !important;
}

.map_w {
  background-image: url(../Images/icon_s_map_02.png) !important;
}

.map_f {
  background-image: url(../Images/icon_s_map_03.png) !important;
}

.map_fw {
  background-image: url(../Images/icon_s_map_04.png) !important;
}

.map_l {
  background-image: url(../Images/icon_m_map_01.png) !important;
}

.map_lw {
  background-image: url(../Images/icon_m_map_02.png) !important;
}

.map_lf {
  background-image: url(../Images/icon_m_map_03.png) !important;
}

.map_lfw {
  background-image: url(../Images/icon_m_map_04.png) !important;
}

/* print */
.print {
  background-image: url(../Images/icon_s_print_01.png) !important;
}

.print_w {
  background-image: url(../Images/icon_s_print_02.png) !important;
}

.print_f {
  background-image: url(../Images/icon_s_print_03.png) !important;
}

.print_fw {
  background-image: url(../Images/icon_s_print_04.png) !important;
}

.print_l {
  background-image: url(../Images/icon_m_print_01.png) !important;
}

.print_lw {
  background-image: url(../Images/icon_m_print_02.png) !important;
}

.print_lf {
  background-image: url(../Images/icon_m_print_03.png) !important;
}

.print_lfw {
  background-image: url(../Images/icon_m_print_04.png) !important;
}

/* narrow */
.narrow {
  background-image: url(../Images/icon_s_narrow_01.png) !important;
}

.narrow_w {
  background-image: url(../Images/icon_s_narrow_02.png) !important;
}

.narrow_f {
  background-image: url(../Images/icon_s_narrow_03.png) !important;
}

.narrow_fw {
  background-image: url(../Images/icon_s_narrow_04.png) !important;
}

.narrow_l {
  background-image: url(../Images/icon_m_narrow_01.png) !important;
}

.narrow_lw {
  background-image: url(../Images/icon_m_narrow_02.png) !important;
}

.narrow_lf {
  background-image: url(../Images/icon_m_narrow_03.png) !important;
}

.narrow_lfw {
  background-image: url(../Images/icon_m_narrow_04.png) !important;
}

/* share */
.share {
  background-image: url(../Images/icon_s_share_01.png) !important;
}

.share_w {
  background-image: url(../Images/icon_s_share_02.png) !important;
}

.share_f {
  background-image: url(../Images/icon_s_share_03.png) !important;
}

.share_fw {
  background-image: url(../Images/icon_s_share_04.png) !important;
}

.share_l {
  background-image: url(../Images/icon_m_share_01.png) !important;
}

.share_lw {
  background-image: url(../Images/icon_m_share_02.png) !important;
}

.share_lf {
  background-image: url(../Images/icon_m_share_03.png) !important;
}

.share_lfw {
  background-image: url(../Images/icon_m_share_04.png) !important;
}

/* alert */
.alert {
  background-image: url(../Images/icon_s_alert_01.png) !important;
}

.alert_w {
  background-image: url(../Images/icon_s_alert_02.png) !important;
}

.alert_f {
  background-image: url(../Images/icon_s_alert_03.png) !important;
}

.alert_fw {
  background-image: url(../Images/icon_s_alert_04.png) !important;
}

.alert_l {
  background-image: url(../Images/icon_m_alert_01.png) !important;
}

.alert_lw {
  background-image: url(../Images/icon_m_alert_02.png) !important;
}

.alert_lf {
  background-image: url(../Images/icon_m_alert_03.png) !important;
}

.alert_lfw {
  background-image: url(../Images/icon_m_alert_04.png) !important;
}

/* information */
.information {
  background-image: url(../Images/icon_s_information_01.png) !important;
}

.information_w {
  background-image: url(../Images/icon_s_information_02.png) !important;
}

.information_f {
  background-image: url(../Images/icon_s_information_03.png) !important;
}

.information_fw {
  background-image: url(../Images/icon_s_information_04.png) !important;
}

.information_l {
  background-image: url(../Images/icon_m_information_01.png) !important;
}

.information_lw {
  background-image: url(../Images/icon_m_information_02.png) !important;
}

.information_lf {
  background-image: url(../Images/icon_m_information_03.png) !important;
}

.information_lfw {
  background-image: url(../Images/icon_m_information_04.png) !important;
}

/* @media */
@media (max-width: 640px) {
  /* pdf */
  .pdf {
    background-image: url(../Images/icon_m_pdf_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* file */
  .file {
    background-image: url(../Images/icon_m_file_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .file_w {
    background-image: url(../Images/icon_m_file_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .file_f {
    background-image: url(../Images/icon_m_file_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .file_fw {
    background-image: url(../Images/icon_m_file_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .file_l {
    background-image: url(../Images/icon_l_file_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .file_lw {
    background-image: url(../Images/icon_l_file_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .file_lf {
    background-image: url(../Images/icon_l_file_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .file_lfw {
    background-image: url(../Images/icon_l_file_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* download */
  .download {
    background-image: url(../Images/icon_m_download_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .download_w {
    background-image: url(../Images/icon_m_download_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .download_f {
    background-image: url(../Images/icon_m_download_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .download_fw {
    background-image: url(../Images/icon_m_download_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .download_l {
    background-image: url(../Images/icon_l_download_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .download_lw {
    background-image: url(../Images/icon_l_download_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .download_lf {
    background-image: url(../Images/icon_l_download_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .download_lfw {
    background-image: url(../Images/icon_l_download_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* right */
  .right {
    background-image: url(../Images/icon_m_right_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .right_w {
    background-image: url(../Images/icon_m_right_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .right_f {
    background-image: url(../Images/icon_m_right_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .right_fw {
    background-image: url(../Images/icon_m_right_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .right_l {
    background-image: url(../Images/icon_l_right_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .right_lw {
    background-image: url(../Images/icon_l_right_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .right_lf {
    background-image: url(../Images/icon_l_right_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .right_lfw {
    background-image: url(../Images/icon_l_right_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* left */
  .left {
    background-image: url(../Images/icon_m_left_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .left_w {
    background-image: url(../Images/icon_m_left_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .left_f {
    background-image: url(../Images/icon_m_left_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .left_fw {
    background-image: url(../Images/icon_m_left_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .left_l {
    background-image: url(../Images/icon_l_left_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .left_lw {
    background-image: url(../Images/icon_l_left_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .left_lf {
    background-image: url(../Images/icon_l_left_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .left_lfw {
    background-image: url(../Images/icon_l_left_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* down */
  .down {
    background-image: url(../Images/icon_m_down_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .down_w {
    background-image: url(../Images/icon_m_down_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .down_f {
    background-image: url(../Images/icon_m_down_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .down_fw {
    background-image: url(../Images/icon_m_down_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .down_l {
    background-image: url(../Images/icon_l_down_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .down_lw {
    background-image: url(../Images/icon_l_down_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .down_lf {
    background-image: url(../Images/icon_l_down_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .down_lfw {
    background-image: url(../Images/icon_l_down_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* up */
  .up {
    background-image: url(../Images/icon_m_up_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .up_w {
    background-image: url(../Images/icon_m_up_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .up_f {
    background-image: url(../Images/icon_m_up_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .up_fw {
    background-image: url(../Images/icon_m_up_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .up_l {
    background-image: url(../../user/img/icon_l_up_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .up_lw {
    background-image: url(../Images/icon_l_up_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .up_lf {
    background-image: url(../Images/icon_l_up_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .up_lfw {
    background-image: url(../Images/icon_l_up_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* last */
  .last {
    background-image: url(../Images/icon_m_last_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .last_w {
    background-image: url(../Images/icon_m_last_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .last_f {
    background-image: url(../Images/icon_m_last_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .last_fw {
    background-image: url(../Images/icon_m_last_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .last_l {
    background-image: url(../Images/icon_l_last_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .last_lw {
    background-image: url(../Images/icon_l_last_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .last_lf {
    background-image: url(../Images/icon_l_last_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .last_lfw {
    background-image: url(../Images/icon_l_last_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* first */
  .first {
    background-image: url(../Images/icon_m_first_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .first_w {
    background-image: url(../Images/icon_m_first_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .first_f {
    background-image: url(../Images/icon_m_first_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .first_fw {
    background-image: url(../Images/icon_m_first_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .first_l {
    background-image: url(../Images/icon_l_first_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .first_lw {
    background-image: url(../Images/icon_l_first_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .first_lf {
    background-image: url(../Images/icon_l_first_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .first_lfw {
    background-image: url(../Images/icon_l_first_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* newwindow */
  .newwindow {
    background-image: url(../Images/icon_m_newwindow_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .newwindow_w {
    background-image: url(../Images/icon_m_newwindow_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .newwindow_f {
    background-image: url(../Images/icon_m_newwindow_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .newwindow_fw {
    background-image: url(../Images/icon_m_newwindow_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .newwindow_l {
    background-image: url(../Images/icon_l_newwindow_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .newwindow_lw {
    background-image: url(../Images/icon_l_newwindow_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .newwindow_lf {
    background-image: url(../Images/icon_l_newwindow_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .newwindow_lfw {
    background-image: url(../Images/icon_l_newwindow_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* back */
  .back {
    background-image: url(../Images/icon_m_back_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .back_w {
    background-image: url(../Images/icon_m_back_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .back_f {
    background-image: url(../Images/icon_m_back_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .back_fw {
    background-image: url(../Images/icon_m_back_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .back_l {
    background-image: url(../Images/icon_l_back_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .back_lw {
    background-image: url(../Images/icon_l_back_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .back_lf {
    background-image: url(../Images/icon_l_back_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .back_lfw {
    background-image: url(../Images/icon_l_back_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* country */
  .country {
    background-image: url(../Images/icon_m_country_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .country_w {
    background-image: url(../Images/icon_m_country_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .country_f {
    background-image: url(../Images/icon_m_country_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .country_fw {
    background-image: url(../Images/icon_m_country_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .country_l {
    background-image: url(../Images/icon_l_country_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .country_lw {
    background-image: url(../Images/icon_l_country_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .country_lf {
    background-image: url(../Images/icon_l_country_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .country_lfw {
    background-image: url(../Images/icon_l_country_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* accordiondown */
  .accordiondown {
    background-image: url(../Images/icon_m_accordiondown_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .accordiondown_w {
    background-image: url(../Images/icon_m_accordiondown_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .accordiondown_f {
    background-image: url(../Images/icon_m_accordiondown_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .accordiondown_fw {
    background-image: url(../Images/icon_m_accordiondown_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .accordiondown_l {
    background-image: url(../Images/icon_l_accordiondown_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .accordiondown_lw {
    background-image: url(../Images/icon_l_accordiondown_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .accordiondown_lf {
    background-image: url(../Images/icon_l_accordiondown_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .accordiondown_lfw {
    background-image: url(../Images/icon_l_accordiondown_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* accordionup */
  .accordionup {
    background-image: url(../Images/icon_m_accordionup_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .accordionup_w {
    background-image: url(../Images/icon_m_accordionup_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .accordionup_f {
    background-image: url(../Images/icon_m_accordionup_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .accordionup_fw {
    background-image: url(../Images/icon_m_accordionup_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .accordionup_l {
    background-image: url(../Images/icon_l_accordionup_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .accordionup_lw {
    background-image: url(../Images/icon_l_accordionup_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .accordionup_lf {
    background-image: url(../Images/icon_l_accordionup_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .accordionup_lfw {
    background-image: url(../Images/icon_l_accordionup_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* zoom */
  .zoom {
    background-image: url(../Images/icon_m_zoom_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .zoom_w {
    background-image: url(../Images/icon_m_zoom_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .zoom_f {
    background-image: url(../Images/icon_m_zoom_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .zoom_fw {
    background-image: url(../Images/icon_m_zoom_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .zoom_l {
    background-image: url(../Images/icon_l_zoom_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .zoom_lw {
    background-image: url(../Images/icon_l_zoom_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .zoom_lf {
    background-image: url(../Images/icon_l_zoom_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .zoom_lfw {
    background-image: url(../Images/icon_l_zoom_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* close */
  .close {
    background-image: url(../Images/icon_m_close_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .close_w {
    background-image: url(../Images/icon_m_close_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .close_f {
    background-image: url(../Images/icon_m_close_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .close_fw {
    background-image: url(../Images/icon_m_close_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .close_l {
    background-image: url(../Images/icon_l_close_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .close_lw {
    background-image: url(../Images/icon_l_close_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .close_lf {
    background-image: url(../Images/icon_l_close_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .close_lfw {
    background-image: url(../Images/icon_l_close_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* descending */
  .descending {
    background-image: url(../Images/icon_m_descending_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .descending_w {
    background-image: url(../Images/icon_m_descending_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .descending_f {
    background-image: url(../Images/icon_m_descending_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .descending_fw {
    background-image: url(../Images/icon_m_descending_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .descending_l {
    background-image: url(../Images/icon_l_descending_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .descending_lw {
    background-image: url(../Images/icon_l_descending_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .descending_lf {
    background-image: url(../Images/icon_l_descending_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .descending_lfw {
    background-image: url(../Images/icon_l_descending_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* ascending */
  .ascending {
    background-image: url(../Images/icon_m_ascending_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .ascending_w {
    background-image: url(../Images/icon_m_ascending_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .ascending_f {
    background-image: url(../Images/icon_m_ascending_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .ascending_fw {
    background-image: url(../Images/icon_m_ascending_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .ascending_l {
    background-image: url(../Images/icon_l_ascending_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .ascending_lw {
    background-image: url(../Images/icon_l_ascending_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .ascending_lf {
    background-image: url(../Images/icon_l_ascending_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .ascending_lfw {
    background-image: url(../Images/icon_l_ascending_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* menu */
  .menu {
    background-image: url(../Images/icon_m_menu_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .menu_w {
    background-image: url(../Images/icon_m_menu_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .menu_f {
    background-image: url(../Images/icon_m_menu_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .menu_fw {
    background-image: url(../Images/icon_m_menu_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .menu_l {
    background-image: url(../Images/icon_l_menu_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .menu_lw {
    background-image: url(../Images/icon_l_menu_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .menu_lf {
    background-image: url(../Images/icon_l_menu_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .menu_lfw {
    background-image: url(../Images/icon_l_menu_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* cart */
  .cart {
    background-image: url(../Images/icon_m_cart_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .cart_w {
    background-image: url(../Images/icon_m_cart_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .cart_f {
    background-image: url(../Images/icon_m_cart_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .cart_fw {
    background-image: url(../Images/icon_m_cart_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .cart_l {
    background-image: url(../Images/icon_l_cart_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .cart_lw {
    background-image: url(../Images/icon_l_cart_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .cart_lf {
    background-image: url(../Images/icon_l_cart_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .cart_lfw {
    background-image: url(../Images/icon_l_cart_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* incart */
  .incart {
    background-image: url(../Images/icon_m_incart_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .incart_w {
    background-image: url(../Images/icon_m_incart_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .incart_f {
    background-image: url(../Images/icon_m_incart_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .incart_fw {
    background-image: url(../Images/icon_m_incart_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .incart_l {
    background-image: url(../Images/icon_l_incart_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .incart_lw {
    background-image: url(../Images/icon_l_incart_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .incart_lf {
    background-image: url(../Images/icon_l_incart_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .incart_lfw {
    background-image: url(../Images/icon_l_incart_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* telephone */
  .telephone {
    background-image: url(../Images/icon_m_telephone_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .telephone_w {
    background-image: url(../Images/icon_m_telephone_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .telephone_f {
    background-image: url(../Images/icon_m_telephone_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .telephone_fw {
    background-image: url(../Images/icon_m_telephone_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .telephone_l {
    background-image: url(../Images/icon_l_telephone_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .telephone_lw {
    background-image: url(../Images/icon_l_telephone_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .telephone_lf {
    background-image: url(../Images/icon_l_telephone_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .telephone_lfw {
    background-image: url(../Images/icon_l_telephone_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* mail */
  .mail {
    background-image: url(../Images/icon_m_mail_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .mail_w {
    background-image: url(../Images/icon_m_mail_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .mail_f {
    background-image: url(../Images/icon_m_mail_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .mail_fw {
    background-image: url(../Images/icon_m_mail_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .mail_l {
    background-image: url(../Images/icon_l_mail_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .mail_lw {
    background-image: url(../Images/icon_l_mail_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .mail_lf {
    background-image: url(../Images/icon_l_mail_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .mail_lfw {
    background-image: url(../Images/icon_l_mail_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* search */
  .search {
    background-image: url(../Images/icon_m_search_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .search_w {
    background-image: url(../Images/icon_m_search_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .search_f {
    background-image: url(../Images/icon_m_search_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .search_fw {
    background-image: url(../Images/icon_m_search_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .search_l {
    background-image: url(../Images/icon_l_search_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .search_lw {
    background-image: url(../Images/icon_l_search_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .search_lf {
    background-image: url(../Images/icon_l_search_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .search_lfw {
    background-image: url(../Images/icon_l_search_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* rss */
  .rss {
    background-image: url(../Images/icon_m_rss_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .rss_w {
    background-image: url(../Images/icon_m_rss_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .rss_f {
    background-image: url(../Images/icon_m_rss_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .rss_fw {
    background-image: url(../Images/icon_m_rss_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .rss_l {
    background-image: url(../Images/icon_l_rss_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .rss_lw {
    background-image: url(../Images/icon_l_rss_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .rss_lf {
    background-image: url(../Images/icon_l_rss_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .rss_lfw {
    background-image: url(../Images/icon_l_rss_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* video */
  .video {
    background-image: url(../Images/icon_m_video_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .video_w {
    background-image: url(../Images/icon_m_video_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .video_f {
    background-image: url(../Images/icon_m_video_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .video_fw {
    background-image: url(../Images/icon_m_video_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .video_l {
    background-image: url(../Images/icon_l_video_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .video_lw {
    background-image: url(../Images/icon_l_video_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .video_lf {
    background-image: url(../Images/icon_l_video_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .video_lfw {
    background-image: url(../Images/icon_l_video_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* map */
  .map {
    background-image: url(../Images/icon_m_map_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .map_w {
    background-image: url(../Images/icon_m_map_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .map_f {
    background-image: url(../Images/icon_m_map_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .map_fw {
    background-image: url(../Images/icon_m_map_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .map_l {
    background-image: url(../Images/icon_l_map_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .map_lw {
    background-image: url(../Images/icon_l_map_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .map_lf {
    background-image: url(../Images/icon_l_map_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .map_lfw {
    background-image: url(../Images/icon_l_map_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* print */
  .print {
    background-image: url(../Images/icon_m_print_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .print_w {
    background-image: url(../Images/icon_m_print_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .print_f {
    background-image: url(../Images/icon_m_print_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .print_fw {
    background-image: url(../Images/icon_m_print_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .print_l {
    background-image: url(../Images/icon_l_print_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .print_lw {
    background-image: url(../Images/icon_l_print_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .print_lf {
    background-image: url(../Images/icon_l_print_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .print_lfw {
    background-image: url(../Images/icon_l_print_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* narrow */
  .narrow {
    background-image: url(../Images/icon_m_narrow_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .narrow_w {
    background-image: url(../Images/icon_m_narrow_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .narrow_f {
    background-image: url(../Images/icon_m_narrow_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .narrow_fw {
    background-image: url(../Images/icon_m_narrow_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .narrow_l {
    background-image: url(../Images/icon_l_narrow_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .narrow_lw {
    background-image: url(../Images/icon_l_narrow_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .narrow_lf {
    background-image: url(../Images/icon_l_narrow_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .narrow_lfw {
    background-image: url(../Images/icon_l_narrow_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* share */
  .share {
    background-image: url(../Images/icon_m_share_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .share_w {
    background-image: url(../Images/icon_m_share_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .share_f {
    background-image: url(../Images/icon_m_share_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .share_fw {
    background-image: url(../Images/icon_m_share_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .share_l {
    background-image: url(../Images/icon_l_share_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .share_lw {
    background-image: url(../Images/icon_l_share_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .share_lf {
    background-image: url(../Images/icon_l_share_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .share_lfw {
    background-image: url(../Images/icon_l_share_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* alert */
  .alert {
    background-image: url(../Images/icon_m_alert_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .alert_w {
    background-image: url(../Images/icon_m_alert_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .alert_f {
    background-image: url(../Images/icon_m_alert_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .alert_fw {
    background-image: url(../Images/icon_m_alert_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .alert_l {
    background-image: url(../Images/icon_l_alert_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .alert_lw {
    background-image: url(../Images/icon_l_alert_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .alert_lf {
    background-image: url(../Images/icon_l_alert_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .alert_lfw {
    background-image: url(../Images/icon_l_alert_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  /* information */
  .information {
    background-image: url(../Images/icon_m_information_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .information_w {
    background-image: url(../Images/icon_m_information_02.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .information_f {
    background-image: url(../Images/icon_m_information_03.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .information_fw {
    background-image: url(../Images/icon_m_information_04.png);
    -webkit-background-size: 16px 16px;
            background-size: 16px 16px !important;
  }
  .information_l {
    background-image: url(../Images/icon_l_information_01.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .information_lw {
    background-image: url(../Images/icon_l_information_02.png);
    -webkit-background-size: 32px 32px;
            background-size: 32px 32px !important;
  }
  .information_lf {
    background-image: url(../Images/icon_l_information_03.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
  .information_lfw {
    background-image: url(../Images/icon_l_information_04.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px !important;
  }
}

/*************************************************
CSS
/cmn_v2/css/component_migration.css

18.07.19
update:18.07.19
*************************************************/
/* ============================== Icon */
.ico_nml,
.ico_end,
.ico_nml_f,
.ico_end_f,
.ico_nml_l,
.ico_end_l,
.ico_nml_lf,
.ico_end_lf {
  display: inline-block;
  background-repeat: no-repeat;
}

.ico_nml {
  padding-left: 24px;
  background-position: 0 -0.15em;
}

.ico_end {
  padding-right: 24px;
  background-position: 100% -0.15em;
}

.ico_nml_f {
  padding-left: 24px;
  background-position: 0 0.15em;
}

.ico_end_f {
  padding-right: 24px;
  background-position: 100% 0.15em;
}

.ico_nml_l {
  padding: 4px 0 4px 32px;
  background-position: -8px -8px;
}

.ico_end_l {
  padding: 4px 40px 4px 0;
  background-position: 100% -8px;
}

.ico_nml_lf {
  padding: 6px 0 6px 40px;
  background-position: 0 0;
}

.ico_end_lf {
  padding: 6px 40px 6px 0;
  background-position: 100% 0;
}

/* button */
.icon .ico_end,
.icon .ico_end_f,
.icon .ico_end_l,
.icon .ico_end_lf {
  background-position: 100% 50%;
}

/* @media */
@media (max-width: 640px) {
  .ico_nml_l {
    padding: 0 0 0 24px;
    background-position: -4px -4px;
  }
  .ico_end_l {
    padding: 0 32px 0 0;
    background-position: 100% -4px;
  }
  .ico_nml_lf {
    padding: 2px 0 2px 32px;
  }
  .ico_end_lf {
    padding: 2px 32px 2px 0;
  }
}

/* ============================== List Style None */
ul.lst_style_n,
ol.lst_style_n {
  padding-left: 0;
  list-style: none;
}

/* ============================================================ Label Icon */
.lb_ico {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: normal;
}

/* category */
.lb_ico.cate01 {
  background: #dedede;
  color: #333;
}

.lb_ico.cate02 {
  background: #666;
  color: #fff;
}

.lb_ico.cate03 {
  background: #cf142b;
  color: #fff;
}

/*************************************************
Sitecore Components

18.07.19
*************************************************/
/* ============================== Hero Image */
.cp-HeroImage {
  /*---------------------------------------------------------------------------------------
  # Main Visual Module
  ----------------------------------------------------------------------------------------*/
  /*============================
  #slider, .main_vi_device
  ============================*/
  /*============================
  .mv-device
  ============================*/
  /*for Media Queries*/
  /*--------------------------
  mv_device background-color
  --------------------------*/
  /*top(width 1366px)*/
  /*--------------------------
  mv_device balloon
  --------------------------*/
  /*top(width 1366px)*/
  /*--------------------------
  mv_device button
  --------------------------*/
}

.cp-HeroImage ul {
  padding: 0;
}

.cp-HeroImage li {
  margin-top: auto;
}

.cp-HeroImage .mv_device #slider li {
  position: relative;
  overflow: hidden;
}

.cp-HeroImage .mv_device .bxsld_wrapper img {
  max-width: 1008px !important;
}

.cp-HeroImage .main_vi_hm .mv_device .bxsld_wrapper img {
  max-width: 1366px !important;
}

.cp-HeroImage .main_vi_hm .mv_device .bxsld_controls-pager-auto {
  line-height: 1.4;
}

.cp-HeroImage .mv_device .main_vi_device {
  display: table !important;
  background: transparent;
  padding: 0;
  width: 100%;
}

.cp-HeroImage .mv_device_link:hover {
  text-decoration: none;
}

.cp-HeroImage .mv_device_wrap {
  max-width: 100%;
}

.cp-HeroImage .mv_device_img {
  position: absolute;
  left: 50%;
  margin-left: -504px;
  display: block;
}

.cp-HeroImage .main_vi_hm .mv_device_img {
  margin-left: -683px;
}

.cp-HeroImage .mv_device_txt_area {
  height: 252px;
  position: relative;
}

.cp-HeroImage .main_vi_hm .mv_device_txt_area {
  max-width: 1056px;
  margin: 0 auto;
  height: 546px;
}

.cp-HeroImage .mv_device_txt_wrap {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 504px;
  min-width: 370px;
  height: 100%;
}

.cp-HeroImage .main_vi_hm .mv_device_txt_wrap {
  top: 60px;
  left: 0;
  max-width: 651px;
  min-width: 504px;
}

.cp-HeroImage .mv_device_txt_inner {
  padding: 33px 28px;
  box-sizing: border-box;
}

.cp-HeroImage .main_vi_hm .mv_device_txt_inner {
  padding: 31px 15px 30px 30px;
}

.cp-HeroImage .mv_device_txt_column {
  display: table-cell;
  vertical-align: top;
  max-width: 560px;
  padding-left: 18px;
  color: #fff;
}

.cp-HeroImage .mv_device_txt_column p {
  margin-top: 8px;
}

.cp-HeroImage .mv_device_txt_column p:first-child {
  margin-top: 0;
}

.cp-HeroImage .mv_device_txt_ttl {
  font-size: 34px;
  line-height: 1.058;
}

.cp-HeroImage .main_vi_hm .mv_device_txt_ttl {
  font-size: 46px;
}

.cp-HeroImage .mv_device_txt_sub {
  line-height: 1.25;
}

.cp-HeroImage .main_vi_hm .mv_device_txt_sub {
  font-size: 18px;
  line-height: 1.333;
}

@media (max-width: 640px) {
  .cp-HeroImage .mv_device_wrap {
    padding: 0;
  }
  .cp-HeroImage .mv_device .mv_device_img {
    position: static;
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .cp-HeroImage .mv_device_txt_area {
    position: static;
    height: auto !important;
  }
  .cp-HeroImage .mv_device_txt_wrap {
    position: static;
    width: 100%;
    min-width: 100% !important;
    top: 0;
  }
  .cp-HeroImage .mv_device_txt_inner {
    max-width: 100%;
    top: 0;
    padding: 16px 20px !important;
  }
  .cp-HeroImage .mv_device_txt_inner .mv_device_txt_column {
    display: block;
    max-width: 100%;
    padding-left: 0;
  }
  .cp-HeroImage .mv_device_txt_ttl {
    font-size: 24px !important;
  }
  .cp-HeroImage .mv_device_txt_sub {
    font-size: 16px !important;
  }
}

.cp-HeroImage .mv_device_txt_wrap.mv_device_txt_bgcolor_white {
  background-color: rgba(255, 255, 255, 0.9);
}

.cp-HeroImage .mv_device_txt_wrap.mv_device_txt_bgcolor_red {
  background-color: rgba(207, 20, 43, 0.9);
}

.cp-HeroImage .mv_device_txt_wrap.mv_device_txt_bgcolor_navy {
  background-color: rgba(10, 60, 100, 0.9);
}

.cp-HeroImage .mv_device_txt_wrap.mv_device_txt_bgcolor_blue {
  background-color: rgba(50, 120, 200, 0.9);
}

.cp-HeroImage .mv_device_txt_wrap.mv_device_txt_bgcolor_black {
  background-color: rgba(0, 0, 0, 0.8);
}

.cp-HeroImage .mv_device_txt_wrap.mv_device_txt_bgcolor_green {
  background-color: rgba(60, 160, 70, 0.9);
}

.cp-HeroImage .mv_device_txt_wrap.mv_device_txt_bgcolor_gray {
  background-color: rgba(150, 150, 150, 0.9);
}

.cp-HeroImage .main_vi_hm .mv_device_txt_wrap {
  background-color: transparent;
}

.cp-HeroImage .main_vi_hm .mv_device_txt_bgcolor_white .mv_device_txt_inner {
  background-color: rgba(255, 255, 255, 0.9);
}

.cp-HeroImage .main_vi_hm .mv_device_txt_bgcolor_red .mv_device_txt_inner {
  background-color: rgba(207, 20, 43, 0.9);
}

.cp-HeroImage .main_vi_hm .mv_device_txt_bgcolor_navy .mv_device_txt_inner {
  background-color: rgba(10, 60, 100, 0.9);
}

.cp-HeroImage .main_vi_hm .mv_device_txt_bgcolor_blue .mv_device_txt_inner {
  background-color: rgba(50, 120, 200, 0.9);
}

.cp-HeroImage .main_vi_hm .mv_device_txt_bgcolor_black .mv_device_txt_inner {
  background-color: rgba(0, 0, 0, 0.8);
}

.cp-HeroImage .main_vi_hm .mv_device_txt_bgcolor_green .mv_device_txt_inner {
  background-color: rgba(60, 160, 70, 0.9);
}

.cp-HeroImage .main_vi_hm .mv_device_txt_bgcolor_gray .mv_device_txt_inner {
  background-color: rgba(150, 150, 150, 0.9);
}

@media (max-width: 640px) {
  .cp-HeroImage .mv_device_txt_inner {
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_white {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_red {
    background-color: rgba(207, 20, 43, 0.9);
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_navy {
    background-color: rgba(10, 60, 100, 0.9);
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_blue {
    background-color: rgba(50, 120, 200, 0.9);
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_black {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_green {
    background-color: rgba(60, 160, 70, 0.9);
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_gray {
    background-color: rgba(150, 150, 150, 0.9);
  }
  .cp-HeroImage .main_vi_hm .mv_device_txt_wrap.mv_device_txt_bgcolor_n {
    background-color: white;
  }
  .cp-HeroImage .mv_device_txt_bgcolor_n .mv_device_txt_column {
    color: #333;
  }
}

.cp-HeroImage .mv_device_txt_inner .mv_device_balloon {
  width: 57px;
  height: 57px;
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-image: url("../Images/balloon/mv_balloon_red.svg");
  background-size: 57px 57px;
  background-position: 0 2px;
}

.cp-HeroImage .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_black {
  background-image: url("../Images/balloon/mv_balloon_black.svg") !important;
}

.cp-HeroImage .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_blue {
  background-image: url("../Images/balloon/mv_balloon_blue.svg") !important;
}

.cp-HeroImage .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_gray {
  background-image: url("../Images/balloon/mv_balloon_gray.svg") !important;
}

.cp-HeroImage .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_green {
  background-image: url("../Images/balloon/mv_balloon_green.svg") !important;
}

.cp-HeroImage .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_navy {
  background-image: url("../Images/balloon/mv_balloon_navy.svg") !important;
}

.cp-HeroImage .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_white {
  background-image: url("../Images/balloon/mv_balloon_white.svg") !important;
}

.cp-HeroImage .main_vi_hm .mv_device_txt_inner .mv_device_balloon {
  width: 88px;
  height: 88px;
  background-size: 86px 86px;
}

@media (max-width: 640px) {
  .cp-HeroImage .mv_device_txt_inner .mv_device_balloon {
    display: none;
  }
}

.cp-HeroImage .mv_device_txt_btn_box {
  margin-top: 16px;
}

.cp-HeroImage .mv_device_txt_btn {
  position: relative;
  display: inline-block;
  padding: 8px 32px 8px 16px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 4px;
  box-sizing: border-box;
  background-position: 95% 45%;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 180px;
  background-color: #666;
  color: #fff;
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_04.png);
  background-size: 16px;
}

.cp-HeroImage .mv_device_txt_btn:hover {
  background-color: #333;
}

.cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_de {
  background-color: #dedede;
  color: #333;
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_03.png);
}

.cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_de:hover {
  background-color: #f3f3f3;
}

.cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_ff {
  background-color: #fff;
  color: #333;
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_03.png);
}

.cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_ff:hover {
  background-color: #dedede;
}

.cp-HeroImage .mv_device_txt_btn.mv_device_ico_newwindow {
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_04.png);
}

.cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_de.mv_device_ico_newwindow {
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_03.png);
}

.cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_ff.mv_device_ico_newwindow {
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_03.png);
}

@media (max-width: 640px) {
  .cp-HeroImage .mv_device_txt_bgcolor_n .mv_device_txt_btn {
    background-color: #666;
    color: #fff;
    background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_04.png);
  }
  .cp-HeroImage .mv_device_txt_bgcolor_n .mv_device_txt_btn.mv_device_ico_newwindow {
    background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_04.png);
  }
  .cp-HeroImage .mv_device_txt_btn:hover {
    background-color: #666;
  }
  .cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_de:hover {
    background-color: #dedede;
  }
  .cp-HeroImage .mv_device_txt_btn.mv_device_txt_btn_ff:hover {
    background-color: #fff;
  }
}

/* ============================== Main Visual Image */
.cp-MainVisualImage {
  /* @media */
}

.cp-MainVisualImage .main_vi {
  max-width: 1008px;
  margin: 8px auto;
  padding: 0 8px;
}

.cp-MainVisualImage .main_vi> p:first-child {
  margin-top: 0;
}

.cp-MainVisualImage .main_vi .main_vi_img img {
  display: block;
  width: 100%;
}

.cp-MainVisualImage .main_vi .main_vi_img.img_bd {
  border: 1px solid #c9c9c9;
  overflow: hidden;
}

.cp-MainVisualImage .main_vi .main_vi_img.img_bd img {
  margin: -1px 0;
}

.cp-MainVisualImage .main_vi .main_vi_img .main_vi_sp {
  display: none;
}

@media (max-width: 640px) {
  .cp-MainVisualImage .main_vi {
    padding: 0;
  }
  .cp-MainVisualImage .main_vi .main_vi_img .main_vi_pc {
    display: none;
  }
  .cp-MainVisualImage .main_vi .main_vi_img .main_vi_pc:last-child {
    display: block;
  }
  .cp-MainVisualImage .main_vi .main_vi_img .main_vi_sp {
    display: block;
  }
}

/* ============================== Main Visual Text Overlay */
.cp-MainVisualTextOverlay {
  /*---------------------------------------------------------------------------------------
  # Main Visual Module
  ----------------------------------------------------------------------------------------*/
  /*============================
  #slider, .main_vi_device
  ============================*/
  /*============================
  .mv-device
  ============================*/
  /*for Media Queries*/
  /*--------------------------
  mv_device background-color
  --------------------------*/
  /*--------------------------
  mv_device balloon
  --------------------------*/
  /*--------------------------
  mv_device button
  --------------------------*/
}

.cp-MainVisualTextOverlay ul {
  padding: 0;
}

.cp-MainVisualTextOverlay li {
  margin-top: auto;
}

.cp-MainVisualTextOverlay .clm {
  padding: 0 8px;
}

@media (max-width: 640px) {
  .cp-MainVisualTextOverlay .clm {
    padding: 0;
  }
}

.cp-MainVisualTextOverlay .mv_device #slider li {
  position: relative;
  overflow: hidden;
}

.cp-MainVisualTextOverlay .mv_device .bxsld_wrapper img {
  max-width: 1008px !important;
}

.cp-MainVisualTextOverlay .mv_device .main_vi_device {
  display: table !important;
  background: transparent;
  padding: 0;
  width: 100%;
}

.cp-MainVisualTextOverlay .mv_device_link:hover {
  text-decoration: none;
}

.cp-MainVisualTextOverlay .mv_device_wrap {
  max-width: 100%;
}

.cp-MainVisualTextOverlay .mv_device_img {
  position: absolute;
  left: 50%;
  margin-left: -504px;
  display: block;
}

.cp-MainVisualTextOverlay .mv_device_txt_area {
  height: 252px;
  position: relative;
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 504px;
  min-width: 370px;
  height: 100%;
}

.cp-MainVisualTextOverlay .mv_device_txt_inner {
  padding: 33px 28px;
  box-sizing: border-box;
}

.cp-MainVisualTextOverlay .mv_device_txt_column {
  display: table-cell;
  vertical-align: top;
  max-width: 560px;
  padding-left: 18px;
  color: #fff;
}

.cp-MainVisualTextOverlay .mv_device_txt_column p {
  margin-top: 8px;
}

.cp-MainVisualTextOverlay .mv_device_txt_column p:first-child {
  margin-top: 0;
}

.cp-MainVisualTextOverlay .mv_device_txt_ttl {
  font-size: 34px;
  line-height: 1.058;
}

.cp-MainVisualTextOverlay .mv_device_txt_sub {
  line-height: 1.25;
}

@media (max-width: 640px) {
  .cp-MainVisualTextOverlay .mv_device_wrap {
    padding: 0;
  }
  .cp-MainVisualTextOverlay .mv_device .mv_device_img {
    position: static;
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_area {
    position: static;
    height: auto !important;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_wrap {
    position: static;
    width: 100%;
    min-width: 100% !important;
    top: 0;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_inner {
    max-width: 100%;
    top: 0;
    padding: 16px 20px !important;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_txt_column {
    display: block;
    max-width: 100%;
    padding-left: 0;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_ttl {
    font-size: 24px !important;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_sub {
    font-size: 16px !important;
  }
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap.mv_device_txt_bgcolor_white {
  background-color: rgba(255, 255, 255, 0.9);
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap.mv_device_txt_bgcolor_red {
  background-color: rgba(207, 20, 43, 0.9);
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap.mv_device_txt_bgcolor_navy {
  background-color: rgba(10, 60, 100, 0.9);
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap.mv_device_txt_bgcolor_blue {
  background-color: rgba(50, 120, 200, 0.9);
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap.mv_device_txt_bgcolor_black {
  background-color: rgba(0, 0, 0, 0.8);
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap.mv_device_txt_bgcolor_green {
  background-color: rgba(60, 160, 70, 0.9);
}

.cp-MainVisualTextOverlay .mv_device_txt_wrap.mv_device_txt_bgcolor_gray {
  background-color: rgba(150, 150, 150, 0.9);
}

@media (max-width: 640px) {
  .cp-MainVisualTextOverlay .mv_device_txt_inner {
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_bgcolor_n .mv_device_txt_column {
    color: #333;
  }
}

.cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon {
  width: 57px;
  height: 57px;
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-image: url("../Images/balloon/mv_balloon_red.svg");
  background-size: 57px 57px;
  background-position: 0 2px;
}

.cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_black {
  background-image: url("../Images/balloon/mv_balloon_black.svg") !important;
}

.cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_blue {
  background-image: url("../Images/balloon/mv_balloon_blue.svg") !important;
}

.cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_gray {
  background-image: url("../Images/balloon/mv_balloon_gray.svg") !important;
}

.cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_green {
  background-image: url("../Images/balloon/mv_balloon_green.svg") !important;
}

.cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_navy {
  background-image: url("../Images/balloon/mv_balloon_navy.svg") !important;
}

.cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon.mv_device_balloon_white {
  background-image: url("../Images/balloon/mv_balloon_white.svg") !important;
}

@media (max-width: 640px) {
  .cp-MainVisualTextOverlay .mv_device_txt_inner .mv_device_balloon {
    display: none;
  }
}

.cp-MainVisualTextOverlay .mv_device_txt_btn_box {
  margin-top: 16px;
}

.cp-MainVisualTextOverlay .mv_device_txt_btn {
  position: relative;
  display: inline-block;
  padding: 8px 32px 8px 16px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 4px;
  box-sizing: border-box;
  background-position: 95% 45%;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 180px;
  background-color: #666;
  color: #fff;
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_04.png);
  background-size: 16px;
}

.cp-MainVisualTextOverlay .mv_device_txt_btn:hover {
  background-color: #333;
}

.cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_de {
  background-color: #dedede;
  color: #333;
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_03.png);
}

.cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_de:hover {
  background-color: #f3f3f3;
}

.cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_ff {
  background-color: #fff;
  color: #333;
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_03.png);
}

.cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_ff:hover {
  background-color: #dedede;
}

.cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_ico_newwindow {
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_04.png);
}

.cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_de.mv_device_ico_newwindow {
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_03.png);
}

.cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_ff.mv_device_ico_newwindow {
  background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_03.png);
}

@media (max-width: 640px) {
  .cp-MainVisualTextOverlay .mv_device_txt_bgcolor_n .mv_device_txt_btn {
    background-color: #666;
    color: #fff;
    background-image: url(/-/Media/ScAssets/System/Images/icon_m_right_04.png);
  }
  .cp-MainVisualTextOverlay .mv_device_txt_bgcolor_n .mv_device_txt_btn.mv_device_ico_newwindow {
    background-image: url(/-/Media/ScAssets/System/Images/icon_m_newwindow_04.png);
  }
  .cp-MainVisualTextOverlay .mv_device_txt_btn:hover {
    background-color: #666;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_de:hover {
    background-color: #dedede;
  }
  .cp-MainVisualTextOverlay .mv_device_txt_btn.mv_device_txt_btn_ff:hover {
    background-color: #fff;
  }
}

/* ============================== Main Visual + Carousel */
.cp-MainVisualCarousel {
  /* @media */
}

.cp-MainVisualCarousel .main_vi {
  max-width: 1008px;
  margin: 8px auto;
  padding: 0 8px;
}

.cp-MainVisualCarousel .main_vi> p:first-child {
  margin-top: 0;
}

.cp-MainVisualCarousel .main_vi .main_vi_img img {
  display: block;
}

.cp-MainVisualCarousel .main_vi .main_vi_img.img_bd {
  border: 1px solid #c9c9c9;
  overflow: hidden;
}

.cp-MainVisualCarousel .main_vi .main_vi_img.img_bd img {
  margin: -1px 0;
}

.cp-MainVisualCarousel #slider {
  padding-top: 0;
  padding-left: 0;
  list-style: none;
}

.cp-MainVisualCarousel .main_vi_device {
  display: none;
}

.cp-MainVisualCarousel #slider li {
  margin-top: 0;
}

.cp-MainVisualCarousel .main_vi .main_vi_img .main_vi_sp {
  display: none;
}

@media (max-width: 640px) {
  .cp-MainVisualCarousel .main_vi {
    padding: 0;
  }
  .cp-MainVisualCarousel .main_vi_device {
    display: block;
    padding: 16px 20px;
    background: #666;
  }
  .cp-MainVisualCarousel .main_vi_device p {
    margin-top: 8px;
  }
  .cp-MainVisualCarousel .main_vi_device p:first-child {
    margin-top: 0;
  }
  .cp-MainVisualCarousel .main_vi_device .main_vi_dvc_lead {
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
  }
  .cp-MainVisualCarousel .main_vi_device .main_vi_dvc_txt {
    line-height: 1.2;
    color: #fff;
  }
  .cp-MainVisualCarousel .main_vi_device .main_vi_dvc_btn a {
    position: relative;
    display: inline-block;
    padding: 8px 32px 8px 16px;
    background: #c2c2c2;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    line-height: 1.2;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .cp-MainVisualCarousel .main_vi_device .main_vi_dvc_btn a:after {
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    background: url(../Images/icon_m_right_03.png) 0 0 no-repeat;
    background-size: contain;
  }
  .cp-MainVisualCarousel .main_vi .main_vi_img .main_vi_pc {
    display: none;
  }
  .cp-MainVisualCarousel .main_vi .main_vi_img .main_vi_pc:last-child {
    display: block;
  }
  .cp-MainVisualCarousel .main_vi .main_vi_img .main_vi_sp {
    display: block;
  }
}

/* ============================== Button Area */
.cp-ButtonArea {
  overflow: hidden;
  min-height: 32px;
  float: right;
  display: block;
  text-align: right;
}

/* ============================== Heading1 */
.cp-Heading1 h1 {
  overflow: hidden;
  max-width: 1008px;
  margin: 16px auto 8px;
  padding: 0 8px;
  font-size: 30px;
  font-weight: bold;
}

.cp-Heading1 h1 .lb_ico {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  margin-left: 16px;
}

/* @media */
@media (max-width: 640px) {
  .cp-Heading1 h1 {
    font-size: 24px;
    margin: 8px 0 0;
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* ============================== Heading Title <h1> + Category Title */
.cp-Heading1AndCategoryTitle h1 {
  overflow: hidden;
  max-width: 1008px;
  margin: 16px auto 8px;
  padding: 0;
  font-size: 30px;
  font-weight: bold;
}

.cp-Heading1AndCategoryTitle h1 .lb_ico {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  margin-left: 16px;
}

.cp-Heading1AndCategoryTitle .page_cate {
  max-width: 1008px;
  margin: 16px auto -8px;
  padding: 0;
  font-size: 20px;
}

.cp-Heading1AndCategoryTitle .fs_i {
  font-style: italic;
}

/* @media */
@media (max-width: 640px) {
  .cp-Heading1AndCategoryTitle h1 {
    font-size: 24px;
    margin: 8px 0 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  .cp-Heading1AndCategoryTitle .page_cate {
    margin: 8px auto -8px;
    font-size: 18px;
  }
}

/* ============================== Area Link Horizontal Layout */
.cp-AreaLinkHorizontalLayout .thumb_mn {
  display: block;
  overflow: hidden;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat #fff;
  position: relative;
}

.cp-AreaLinkHorizontalLayout a.thumb_mn[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-AreaLinkHorizontalLayout .thumb_mn .inner {
  overflow: hidden;
  padding: 16px 24px 16px 16px;
}

.cp-AreaLinkHorizontalLayout .thumb_mn .img {
  float: left;
  width: 50%;
  margin-right: 16px;
}

.cp-AreaLinkHorizontalLayout .thumb_mn .img.fl_r {
  margin-right: 0;
  margin-left: 16px;
}

.cp-AreaLinkHorizontalLayout .thumb_mn .img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.cp-AreaLinkHorizontalLayout .thumb_mn .dtl {
  overflow: hidden;
}

.cp-AreaLinkHorizontalLayout .thumb_mn .dtl .ttl {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
}

.cp-AreaLinkHorizontalLayout .thumb_mn .dtl p:first-child {
  margin-top: 0;
}

.cp-AreaLinkHorizontalLayout a.thumb_mn:hover {
  text-decoration: none;
}

.cp-AreaLinkHorizontalLayout a.thumb_mn:hover .dtl .ttl {
  text-decoration: underline;
}

.cp-AreaLinkHorizontalLayout .cmp_mtc01 {
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.cp-AreaLinkHorizontalLayout .iconPR-tr {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
}

.cp-AreaLinkHorizontalLayout .iconPR-tr_new {
  background-image: url(../Images/cmn_jp_v1/icon-thumb_mn-new_r.png);
}

.cp-AreaLinkHorizontalLayout .img-w20p .img {
  width: 20%;
}

.cp-AreaLinkHorizontalLayout .img-w25p .img {
  width: 25%;
}

.cp-AreaLinkHorizontalLayout .img-w30p .img {
  width: 30%;
}

.cp-AreaLinkHorizontalLayout .img-w40p .img {
  width: 40%;
}

.cp-AreaLinkHorizontalLayout .img-w50p .img {
  width: 50%;
}

.cp-AreaLinkHorizontalLayout .img-w60p .img {
  width: 60%;
}

.cp-AreaLinkHorizontalLayout .img-w70p .img {
  width: 70%;
}

.cp-AreaLinkHorizontalLayout .img-w75p .img {
  width: 75%;
}

.cp-AreaLinkHorizontalLayout .img-w80p .img {
  width: 80%;
}

.cp-AreaLinkHorizontalLayout .img-w80 .img {
  width: 80px;
}

.cp-AreaLinkHorizontalLayout .img-w120 .img {
  width: 120px;
}

.cp-AreaLinkHorizontalLayout .img-w160 .img {
  width: 160px;
}

.cp-AreaLinkHorizontalLayout .img-w200 .img {
  width: 200px;
}

.cp-AreaLinkHorizontalLayout .img-w240 .img {
  width: 240px;
}

/* ============================== Area Link Vertical Layout */
.cp-AreaLinkVerticalLayout {
  /* @media */
}

.cp-AreaLinkVerticalLayout .image_mn {
  display: block;
}

.cp-AreaLinkVerticalLayout .image_mn .img img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}

.cp-AreaLinkVerticalLayout .image_mn .dtl {
  padding: 16px 24px 16px 16px;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat #fff;
}

.cp-AreaLinkVerticalLayout a.image_mn[target="_blank"] .dtl {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-AreaLinkVerticalLayout .image_mn .img+ .dtl {
  border-top: 1px solid #dedede;
}

.cp-AreaLinkVerticalLayout .image_mn .dtl .ttl {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
}

.cp-AreaLinkVerticalLayout .image_mn .dtl p:first-child {
  margin-top: 0;
}

.cp-AreaLinkVerticalLayout .image_mn:hover {
  text-decoration: none;
}

.cp-AreaLinkVerticalLayout .image_mn:hover .dtl .ttl {
  text-decoration: underline;
}

.cp-AreaLinkVerticalLayout .cmp_mtc01 {
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.cp-AreaLinkVerticalLayout.isBorderless .image_mn .img+ .dtl,
.cp-AreaLinkVerticalLayout.isBorderless .cmp_mtc01 {
  border: none;
}

@media (max-width: 640px) {
  .cp-AreaLinkVerticalLayout .image_mn .dtl {
    background-image: url(../Images/icon_m_right_01.png);
    background-size: 24px 24px;
  }
}

/* ============================== Text Link (Vertical Layout + Image) */
.cp-TextLinkVerticalLayout .cmp_mtc01 {
  border: 1px solid #dedede;
  box-sizing: border-box;
  background: #fff;
}

.cp-TextLinkVerticalLayout .cmp_mtc01 .dtl {
  padding: 0 16px 16px 16px;
}

.cp-TextLinkVerticalLayout.bd_n .cmp_mtc01 {
  border: none;
}

.cp-TextLinkVerticalLayout.bd_n .cmp_mtc01 .dtl {
  padding: 0;
}

.cp-TextLinkVerticalLayout ul.lst_style_n a.ico_nml {
  background-image: url(../Images/icon_s_right_01.png);
}

.cp-TextLinkVerticalLayout ul.lst_style_n a[target="_blank"].ico_nml {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-TextLinkVerticalLayout .tlSame01 img {
  width: 100%;
}

/* ============================== Text Link (Horizontal Layout + Image) */
.cp-TextLinkHorizontalLayout {
  /* =============== Contents Divide */
}

.cp-TextLinkHorizontalLayout .thumb_txt {
  overflow: hidden;
}

.cp-TextLinkHorizontalLayout .thumb_txt .img_l,
.cp-TextLinkHorizontalLayout .thumb_txt .img_r {
  width: 50%;
}

.cp-TextLinkHorizontalLayout .thumb_txt .img_l {
  float: left;
  margin-right: 16px;
}

.cp-TextLinkHorizontalLayout .thumb_txt .img_r {
  float: right;
  margin-left: 16px;
}

.cp-TextLinkHorizontalLayout .thumb_txt .img_l img,
.cp-TextLinkHorizontalLayout .thumb_txt .img_r img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cp-TextLinkHorizontalLayout .thumb_txt .dtl {
  overflow: hidden;
}

.cp-TextLinkHorizontalLayout .thumb_txt .dtl .ttl {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
}

.cp-TextLinkHorizontalLayout .thumb_txt .dtl p:first-child {
  margin-top: 0;
}

.cp-TextLinkHorizontalLayout .thumb_txt .dtl ul:first-child {
  padding-top: 0;
}

.cp-TextLinkHorizontalLayout .thumb_txt .dtl ul:first-child li:first-child {
  margin-top: 0;
}

.cp-TextLinkHorizontalLayout .thumb_txt.divide01 {
  border-top: 1px solid #ccc;
  padding-top: 16px;
}

.cp-TextLinkHorizontalLayout .thumb_txt.divide02 {
  border-right: 1px solid #ccc;
  padding-right: 16px;
}

.cp-TextLinkHorizontalLayout .thumb_txt.divide02_n {
  padding-right: 17px;
}

.cp-TextLinkHorizontalLayout .caption {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

.cp-TextLinkHorizontalLayout .img-w20p .img_l {
  width: 20%;
}

.cp-TextLinkHorizontalLayout .img-w25p .img_l {
  width: 25%;
}

.cp-TextLinkHorizontalLayout .img-w30p .img_l {
  width: 30%;
}

.cp-TextLinkHorizontalLayout .img-w40p .img_l {
  width: 40%;
}

.cp-TextLinkHorizontalLayout .img-w50p .img_l {
  width: 50%;
}

.cp-TextLinkHorizontalLayout .img-w60p .img_l {
  width: 60%;
}

.cp-TextLinkHorizontalLayout .img-w70p .img_l {
  width: 70%;
}

.cp-TextLinkHorizontalLayout .img-w75p .img_l {
  width: 75%;
}

.cp-TextLinkHorizontalLayout .img-w80p .img_l {
  width: 80%;
}

.cp-TextLinkHorizontalLayout .img-w80 .img_l {
  width: 80px;
}

.cp-TextLinkHorizontalLayout .img-w120 .img_l {
  width: 120px;
}

.cp-TextLinkHorizontalLayout .img-w160 .img_l {
  width: 160px;
}

.cp-TextLinkHorizontalLayout .img-w200 .img_l {
  width: 200px;
}

.cp-TextLinkHorizontalLayout .img-w240 .img_l {
  width: 240px;
}

.cp-TextLinkHorizontalLayout .img-w20p .img_r {
  width: 20%;
}

.cp-TextLinkHorizontalLayout .img-w25p .img_r {
  width: 25%;
}

.cp-TextLinkHorizontalLayout .img-w30p .img_r {
  width: 30%;
}

.cp-TextLinkHorizontalLayout .img-w40p .img_r {
  width: 40%;
}

.cp-TextLinkHorizontalLayout .img-w50p .img_r {
  width: 50%;
}

.cp-TextLinkHorizontalLayout .img-w60p .img_r {
  width: 60%;
}

.cp-TextLinkHorizontalLayout .img-w70p .img_r {
  width: 70%;
}

.cp-TextLinkHorizontalLayout .img-w75p .img_r {
  width: 75%;
}

.cp-TextLinkHorizontalLayout .img-w80p .img_r {
  width: 80%;
}

.cp-TextLinkHorizontalLayout .img-w80 .img_r {
  width: 80px;
}

.cp-TextLinkHorizontalLayout .img-w120 .img_r {
  width: 120px;
}

.cp-TextLinkHorizontalLayout .img-w160 .img_r {
  width: 160px;
}

.cp-TextLinkHorizontalLayout .img-w200 .img_r {
  width: 200px;
}

.cp-TextLinkHorizontalLayout .img-w240 .img_r {
  width: 240px;
}

@media (max-width: 640px) {
  .cp-TextLinkHorizontalLayout .thumb_txt.divide02,
  .cp-TextLinkHorizontalLayout .thumb_txt.divide02_n {
    border-right: none;
    border-top: 1px solid #ccc;
    padding-top: 16px;
    padding-right: 0;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w20p .img_l {
    width: 20%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w25p .img_l {
    width: 25%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w30p .img_l {
    width: 30%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w40p .img_l {
    width: 40%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w50p .img_l {
    width: 50%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w60p .img_l {
    width: 60%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w70p .img_l {
    width: 70%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w75p .img_l {
    width: 75%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w80p .img_l {
    width: 80%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w80 .img_l {
    width: 80px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w120 .img_l {
    width: 120px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w160 .img_l {
    width: 160px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w200 .img_l {
    width: 200px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w240 .img_l {
    width: 240px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w20p .img_r {
    width: 20%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w25p .img_r {
    width: 25%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w30p .img_r {
    width: 30%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w40p .img_r {
    width: 40%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w50p .img_r {
    width: 50%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w60p .img_r {
    width: 60%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w70p .img_r {
    width: 70%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w75p .img_r {
    width: 75%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w80p .img_r {
    width: 80%;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w80 .img_r {
    width: 80px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w120 .img_r {
    width: 120px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w160 .img_r {
    width: 160px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w200 .img_r {
    width: 200px;
  }
  .cp-TextLinkHorizontalLayout .img-sp-w240 .img_r {
    width: 240px;
  }
}

.cp-TextLinkHorizontalLayout a.ico_nml {
  background-image: url(../Images/icon_s_right_01.png);
}

.cp-TextLinkHorizontalLayout a.ico_nml[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

/* ============================== TText Link (List) */
.cp-TextLinkList ul li a {
  background-image: url(../Images/icon_s_right_01.png);
}

.cp-TextLinkList ul li a[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-TextLinkList.isInline .clm {
  margin-top: 8px;
  padding: 0 0 0 8px;
}

.cp-TextLinkList.isInline ul {
  letter-spacing: -1em;
}

.cp-TextLinkList.isInline ul li {
  margin-top: 0;
  display: inline-block;
  letter-spacing: normal;
  padding: 0 8px 8px 0;
  vertical-align: top;
  box-sizing: border-box;
}

.cp-TextLinkList .item-w25p ul li {
  width: 25%;
}

.cp-TextLinkList .item-w33p ul li {
  width: 33.3333%;
}

.cp-TextLinkList .item-w50p ul li {
  width: 50%;
}

/* ============================== Banner Link */
.cp-BannerLink {
  /* @media */
}

.cp-BannerLink img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #a3a8b0;
}

.cp-BannerLink .banner_mn {
  display: block;
  position: relative;
  border: 1px solid #a3a8b0;
}

.cp-BannerLink.isBorderless img {
  border: none;
}

.cp-BannerLink.isBorderless .banner_mn {
  border: none;
}

.cp-BannerLink .banner_mn img {
  display: block;
  width: 100%;
  height: auto;
}

.cp-BannerLink .banner_mn .bn_ico,
.cp-BannerLink .banner_mn .bn_ico_l {
  display: block;
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../Images/icon_s_right_03.png);
}

.cp-BannerLink .banner_mn .bn_ico_l {
  width: 32px;
  height: 32px;
}

.cp-BannerLink .banner_mn[target="_blank"] .bn_ico,
.cp-BannerLink .banner_mn[target="_blank"] .bn_ico_l {
  background-image: url(../Images/icon_s_newwindow_03.png);
}

@media (max-width: 640px) {
  .cp-BannerLink .banner_mn .bn_ico,
  .cp-BannerLink .banner_mn .bn_ico_l {
    bottom: 3px;
    right: 3px;
  }
  .cp-BannerLink .banner_mn .bn_ico_l {
    width: 24px;
    height: 24px;
  }
}

/* ============================== Contents Navigation - Page Top */
.cp-ContentsNavigationPageTop {
  /* @media */
}

.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_ttl {
  display: none;
  margin-top: 0;
}

.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst {
  overflow: hidden;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  list-style: none;
  background: #fff;
  border-left: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li {
  margin-top: 0;
  padding: 0;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a,
.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li span {
  display: block;
  padding: 8px 24px 8px 16px;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat;
}

.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li span {
  background: none;
}

.cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a.act {
  background-color: #f3f3f3;
  color: #333;
}

@media (max-width: 640px) {
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_ttl {
    display: block;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_ttl a {
    display: block;
    position: relative;
    padding: 7px 32px 7px 16px;
    border: 2px solid #c9c9c9;
    color: #333;
    background: #fff;
    border-radius: 4px;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_ttl a:after {
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    background: url(../Images/icon_l_accordiondown_03.png) 0 0 no-repeat;
    background-size: contain;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_ttl.open a {
    border-bottom: none;
    background: #f3f3f3;
    border-radius: 4px 4px 0 0;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_ttl.open a:after {
    background-image: url(../Images/icon_l_accordionup_03.png);
    background-size: contain;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst {
    display: none;
    border: 2px solid #c9c9c9;
    border-radius: 0 0 4px 4px;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst.open {
    display: block;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li {
    border-width: 2px 2px 0 0;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li:nth-child(even) {
    border-right: none;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li:nth-child(1),
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li:nth-child(2) {
    border-top: none;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a {
    padding-right: 32px;
    background-image: url(../Images/icon_l_right_01.png);
    background-size: 32px 32px;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a[target="_blank"] {
    background-image: url(../Images/icon_l_newwindow_01.png);
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a.right {
    background-image: url(../Images/icon_l_right_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a.left {
    background-image: url(../Images/icon_l_left_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a.pdf {
    background-image: url(../Images/icon_s_pdf_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a.newwindow {
    background-image: url(../Images/icon_l_newwindow_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a.download {
    background-image: url(../Images/icon_l_download_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageTop .contents_nv .cnt_nv_lst li a.zoom {
    background-image: url(../Images/icon_l_zoom_01.png) !important;
    background-size: 32px 32px !important;
  }
}

/* ============================== Contents Navigation - Page Bottom */
.cp-ContentsNavigationPageBottom {
  /* @media */
}

.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_ttl {
  display: none;
  margin-top: 0;
}

.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst {
  overflow: hidden;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  list-style: none;
  background: #fff;
  border-left: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li {
  margin-top: 0;
  padding: 0;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a,
.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li span {
  display: block;
  padding: 8px 24px 8px 16px;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat;
}

.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li span {
  background: none;
}

.cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a.act {
  background-color: #f3f3f3;
  color: #333;
}

@media (max-width: 640px) {
  .cp-ContentsNavigationPageBottom {
    /* bottom */
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_ttl {
    display: block;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_ttl a {
    display: block;
    position: relative;
    padding: 7px 32px 7px 16px;
    border: 2px solid #c9c9c9;
    color: #333;
    background: #fff;
    border-radius: 4px;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_ttl a:after {
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    background: url(../Images/icon_l_accordiondown_03.png) 0 0 no-repeat;
    background-size: contain;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_ttl.open a {
    border-bottom: none;
    background: #f3f3f3;
    border-radius: 4px 4px 0 0;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_ttl.open a:after {
    background-image: url(../Images/icon_l_accordionup_03.png);
    background-size: contain;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst {
    display: none;
    border: 2px solid #c9c9c9;
    border-radius: 0 0 4px 4px;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst.open {
    display: block;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li {
    border-width: 2px 2px 0 0;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li:nth-child(even) {
    border-right: none;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li:nth-child(1),
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li:nth-child(2) {
    border-top: none;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a {
    padding-right: 32px;
    background-image: url(../Images/icon_l_right_01.png);
    background-size: 32px 32px;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a[target="_blank"] {
    background-image: url(../Images/icon_s_newwindow_01.png);
  }
  .cp-ContentsNavigationPageBottom .contents_nv.btm .cnt_nv_ttl {
    display: none;
  }
  .cp-ContentsNavigationPageBottom .contents_nv.btm .cnt_nv_lst {
    display: block;
    border-radius: 4px;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a.right {
    background-image: url(../Images/icon_l_right_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a.left {
    background-image: url(../Images/icon_l_left_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a.pdf {
    background-image: url(../Images/icon_s_pdf_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a.newwindow {
    background-image: url(../Images/icon_l_newwindow_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a.download {
    background-image: url(../Images/icon_l_download_01.png) !important;
    background-size: 32px 32px !important;
  }
  .cp-ContentsNavigationPageBottom .contents_nv .cnt_nv_lst li a.zoom {
    background-image: url(../Images/icon_l_zoom_01.png) !important;
    background-size: 32px 32px !important;
  }
}

/* ============================== Anchor Link */
.cp-AnchorLink .page_anc {
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  list-style: none;
}

.cp-AnchorLink .page_anc li {
  float: left;
  margin-top: 0;
  margin-bottom: 8px;
  border-left: 1px solid #dedede;
}

.cp-AnchorLink .page_anc li:last-child {
  border-right: 1px solid #dedede;
}

.cp-AnchorLink .page_anc li a {
  display: block;
  padding: 8px 16px 8px 32px;
  font-size: 14px;
  background: url(../Images/icon_s_down_01.png) 8px 50% no-repeat;
}

.cp-AnchorLink.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

/* ============================== News List */
.cp-NewsList {
  /* @media */
}

.cp-NewsList .news_sct {
  margin-top: 16px;
  border-top: 1px solid #c9c9c9;
}

.cp-NewsList .news_sct .news_lst {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #c9c9c9;
}

.cp-NewsList .news_sct .news_lst:hover {
  text-decoration: none;
}

.cp-NewsList .news_sct a.news_lst {
  padding: 8px 32px 8px 0;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat;
}

.cp-NewsList .news_sct a.news_lst[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-NewsList .news_sct dl {
  overflow: hidden;
}

.cp-NewsList .news_sct dl .news_lst_day {
  float: left;
  font-weight: bold;
}

.cp-NewsList .news_sct dl .news_lst_cate {
  float: left;
  margin-left: 0;
}

.cp-NewsList .news_sct dl .news_lst_dtl {
  float: left;
  margin-left: 0;
}

.cp-NewsList .news_sct a.news_lst:hover dl .news_lst_dtl {
  text-decoration: underline;
}

.cp-NewsList .news_sct dl .news_lst_dtl .ttl {
  margin-top: 0;
  font-weight: bold;
}

.cp-NewsList .news_sct dl .news_lst_dtl .txt {
  margin-top: 0;
}

@media (max-width: 640px) {
  .cp-NewsList .news_sct a.news_lst {
    background-image: url(../Images/icon_m_right_01.png);
    background-size: 24px 24px;
  }
  .cp-NewsList .news_sct a.news_lst[target="_blank"] {
    background-image: url(../Images/icon_m_newwindow_01.png);
  }
  .cp-NewsList .news_sct a.news_lst.right {
    background-image: url(../Images/icon_m_right_01.png) !important;
  }
  .cp-NewsList .news_sct a.news_lst.left {
    background-image: url(../Images/icon_m_left_01.png) !important;
  }
  .cp-NewsList .news_sct a.news_lst.newwindow {
    background-image: url(../Images/icon_m_newwindow_01.png) !important;
  }
  .cp-NewsList .news_sct a.news_lst.download {
    background-image: url(../Images/icon_m_download_01.png) !important;
  }
  .cp-NewsList .news_sct a.news_lst.zoom {
    background-image: url(../Images/icon_m_zoom_01.png) !important;
  }
  .cp-NewsList .news_sct dl .news_lst_dtl {
    clear: both;
  }
}

/* ============================== News List (Display Child Item) */
.cp-NewsList5item {
  /* @media */
}

.cp-NewsList5item .news_sct {
  margin-top: 16px;
  border-top: 1px solid #c9c9c9;
}

.cp-NewsList5item .news_sct .news_lst {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #c9c9c9;
}

.cp-NewsList5item .news_sct .news_lst:hover {
  text-decoration: none;
}

.cp-NewsList5item .news_sct a.news_lst {
  padding: 8px 32px 8px 0;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat;
}

.cp-NewsList5item .news_sct a.news_lst[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-NewsList5item .news_sct dl {
  overflow: hidden;
}

.cp-NewsList5item .news_sct dl .news_lst_day {
  float: left;
  font-weight: bold;
}

.cp-NewsList5item .news_sct dl .news_lst_cate {
  float: left;
  margin-left: 0;
}

.cp-NewsList5item .news_sct dl .news_lst_dtl {
  float: left;
  margin-left: 0;
}

.cp-NewsList5item .news_sct a.news_lst:hover dl .news_lst_dtl {
  text-decoration: underline;
}

.cp-NewsList5item .news_sct dl .news_lst_dtl .ttl {
  margin-top: 0;
  font-weight: bold;
}

.cp-NewsList5item .news_sct dl .news_lst_dtl .txt {
  margin-top: 0;
}

@media (max-width: 640px) {
  .cp-NewsList5item .news_sct a.news_lst {
    background-image: url(../Images/icon_m_right_01.png);
    background-size: 24px 24px;
  }
  .cp-NewsList5item .news_sct a.news_lst[target="_blank"] {
    background-image: url(../Images/icon_m_newwindow_01.png);
  }
  .cp-NewsList5item .news_sct a.news_lst.right {
    background-image: url(../Images/icon_m_right_01.png) !important;
  }
  .cp-NewsList5item .news_sct a.news_lst.left {
    background-image: url(../Images/icon_m_left_01.png) !important;
  }
  .cp-NewsList5item .news_sct a.news_lst.newwindow {
    background-image: url(../Images/icon_m_newwindow_01.png) !important;
  }
  .cp-NewsList5item .news_sct a.news_lst.download {
    background-image: url(../Images/icon_m_download_01.png) !important;
  }
  .cp-NewsList5item .news_sct a.news_lst.zoom {
    background-image: url(../Images/icon_m_zoom_01.png) !important;
  }
  .cp-NewsList5item .news_sct dl .news_lst_dtl {
    clear: both;
  }
}

/* ============================== Heading + Text */
.cp-HeadingWithText h2,
.cp-HeadingWithText h3,
.cp-HeadingWithText h4,
.cp-HeadingWithText h5,
.cp-HeadingWithText h6 {
  padding: 5px 10px;
}

.cp-HeadingWithText.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-HeadingWithText h2:not([class]),
.cp-HeadingWithText h3:not([class]),
.cp-HeadingWithText h4:not([class]),
.cp-HeadingWithText h5:not([class]),
.cp-HeadingWithText h6:not([class]) {
  padding: 0;
}

/* ============================== Heading(Link) */
.cp-HeadingLink h2,
.cp-HeadingLink h3,
.cp-HeadingLink h4,
.cp-HeadingLink h5,
.cp-HeadingLink h6 {
  display: block;
  padding: 8px 48px 8px 16px;
  font-weight: bold;
  background: url(../Images/icon_m_right_01.png) 100% 50% no-repeat #f3f3f3;
}

.cp-HeadingLink a[target="_blank"] h2,
.cp-HeadingLink a[target="_blank"] h3,
.cp-HeadingLink a[target="_blank"] h4,
.cp-HeadingLink a[target="_blank"] h5,
.cp-HeadingLink a[target="_blank"] h6 {
  background: url(../Images/icon_m_newwindow_01.png) 100% 50% no-repeat #f3f3f3;
}

.cp-HeadingLink.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

/* ============================== List */
.cp-List.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

/* ============================== Number List */
.cp-NumberList.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

/* ============================== List + Text */
.cp-ListText.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-ListText ul li a {
  min-height: 1em;
  background-image: url(../Images/icon_s_right_01.png);
}

.cp-ListText ul li a[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

/* ============================== Annotation */
.cp-Annotation.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-Annotation .ant {
  font-size: 14px;
}

.cp-Annotation dl.inline dt {
  float: left;
  clear: left;
  padding-top: 8px;
}

.cp-Annotation dl.inline dt:first-child {
  padding-top: 0;
}

.cp-Annotation dl.inline dd {
  margin-left: 0;
  overflow: hidden;
  padding-top: 8px;
}

.cp-Annotation dl.inline dd:nth-child(2) {
  padding-top: 0;
}

/* ============================== Annotation With Number */
.cp-AnnotationWithNumber {
  font-size: 14px;
  counter-reset: ant_counter;
}

.cp-AnnotationWithNumber.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-AnnotationWithNumber ol {
  padding-left: 0;
}

.cp-AnnotationWithNumber li {
  padding-left: 2em;
  list-style-type: none;
  position: relative;
  counter-increment: ant_counter;
}

.cp-AnnotationWithNumber li::before {
  content: "*" counter(ant_counter);
  position: absolute;
  left: 0;
}

/* ============================== Accordion */
.cp-Accordion {
  /* @media */
}

.cp-Accordion .accordion_sct .acd_ttl {
  position: relative;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 4px 4px 4px 4px;
}

.cp-Accordion .accordion_sct .acd_ttl.open {
  background: #f3f3f3;
  border-radius: 4px 4px 0 0;
}

.cp-Accordion .accordion_sct .acd_ttl a {
  position: relative;
  display: block;
  padding: 8px 32px 8px 16px;
  color: #000;
}

.cp-Accordion .accordion_sct .acd_ttl a:after {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  background: url(../Images/icon_s_accordiondown_03.png) 0 0 no-repeat;
  background-size: contain;
}

.cp-Accordion .accordion_sct .acd_ttl.open a:after {
  background-image: url(../Images/icon_s_accordionup_03.png);
  background-size: contain;
}

.cp-Accordion.isIconLeft .accordion_sct .acd_ttl a {
  padding: 8px 16px 8px 32px;
}

.cp-Accordion.isIconLeft .accordion_sct .acd_ttl a:after {
  left: 8px;
}

.cp-Accordion .accordion_sct .acd_dtl {
  display: none;
  padding: 8px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.cp-Accordion .accordion_sct .acd_dtl.open {
  display: block;
}

.cp-Accordion.isBorderless .acd_ttl,
.cp-Accordion.isBorderless .acd_dtl {
  border: none;
}

.cp-Accordion.isTitleBgWhite .accordion_sct .acd_ttl {
  background-color: #fff;
}

.cp-Accordion.isTitleOpenBgWhite .accordion_sct .acd_ttl.open {
  background-color: #fff;
}

.cp-Accordion.isContentBgWhite .accordion_sct .acd_dtl {
  background-color: #fff;
}

.cp-Accordion.isTitleBgGray .accordion_sct .acd_ttl {
  background-color: #f3f3f3;
}

.cp-Accordion.isTitleOpenBgGray .accordion_sct .acd_ttl.open {
  background-color: #f3f3f3;
}

.cp-Accordion.isContentBgGray .accordion_sct .acd_dtl {
  background-color: #f3f3f3;
}

.cp-Accordion.isTitleBgTransparent .accordion_sct .acd_ttl {
  background-color: transparent;
}

.cp-Accordion.isTitleOpenBgTransparent .accordion_sct .acd_ttl.open {
  background-color: transparent;
}

.cp-Accordion.isContentBgTransparent .accordion_sct .acd_dtl {
  background-color: transparent;
}

@media (max-width: 640px) {
  .cp-Accordion .accordion_sct .acd_ttl a:after {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-image: url(../Images/icon_l_accordiondown_03.png);
  }
  .cp-Accordion .accordion_sct .acd_ttl.open a:after {
    background-image: url(../Images/icon_l_accordionup_03.png);
  }
  .cp-Accordion.isIconLeft .accordion_sct .acd_ttl a {
    padding: 8px 16px 8px 42px;
  }
  .cp-Accordion.isIconLeft .accordion_sct .acd_ttl a:after {
    left: 8px;
  }
}

.cp-Accordion .accordionDetail> *:first-child {
  margin-top: 0;
}

/* ============================== Image */
.cp-Image figure {
  display: inline-block;
}

.cp-Image figure img {
  vertical-align: top;
  max-width: 100%;
}

.cp-Image figcaption {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

.cp-Image.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

/* ============================== Movie */
.cp-Movie {
  /* ============================================================*
  youtubeモーダル再生アイコン/ホバーアクション
  *============================================================ */
}

.cp-Movie p {
  margin-top: 0;
}

.cp-Movie figure {
  display: inline-block;
}

.cp-Movie figcaption {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

.cp-Movie.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

@media (max-width: 640px) {
  .cp-Movie figure {
    display: block;
  }
}

.cp-Movie .jp_movie_box {
  display: inline-block;
  position: relative;
  background: #000;
  vertical-align: bottom;
  line-height: 0;
}

.cp-Movie .jp_movie_box:after {
  content: url("../Images/ex_component/icon_movie_01.png");
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.cp-Movie .jp_movie_box .jp_mov_img {
  transition: 0.3s ease-in-out;
}

.cp-Movie .jp_movie_box:hover> .jp_mov_img {
  opacity: 0.6 !important;
}

.cp-Movie .newWinModalYoutube_iframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.cp-Movie .newWinModalYoutube_iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ============================== Border Section */
/* ============================== Step Horizontal Layout */
.cp-StepHorizontalLayout {
  /* extend common/components */
  /* horizontal */
  /* v2 override */
}

.cp-StepHorizontalLayout img {
  vertical-align: bottom;
}

.cp-StepHorizontalLayout .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-StepHorizontalLayout .jp_theme_01 .jp_point_area,
.cp-StepHorizontalLayout .jp_theme_01 .jp_step_ul li {
  background-color: #e9f2f4;
}

.cp-StepHorizontalLayout .jp_theme_02 .jp_point_area,
.cp-StepHorizontalLayout .jp_theme_02 .jp_step_ul li {
  background-color: #f2f3e2;
}

.cp-StepHorizontalLayout .jp_theme_03 .jp_point_area,
.cp-StepHorizontalLayout .jp_theme_03 .jp_step_ul li {
  background-color: #fdf3dc;
}

.cp-StepHorizontalLayout .jp_theme_04 .jp_point_area,
.cp-StepHorizontalLayout .jp_theme_04 .jp_step_ul li {
  background-color: #f2f5fb;
}

.cp-StepHorizontalLayout .jp_theme_05 .jp_point_area,
.cp-StepHorizontalLayout .jp_theme_05 .jp_step_ul li {
  background-color: #fbebea;
}

.cp-StepHorizontalLayout .jp_theme_01 .jp_pt_ttl {
  color: #217892;
}

.cp-StepHorizontalLayout .jp_theme_02 .jp_pt_ttl {
  color: #536b3d;
}

.cp-StepHorizontalLayout .jp_theme_03 .jp_pt_ttl {
  color: #a57503;
}

.cp-StepHorizontalLayout .jp_theme_04 .jp_pt_ttl {
  color: #527083;
}

.cp-StepHorizontalLayout .jp_theme_05 .jp_pt_ttl {
  color: #b04537;
}

.cp-StepHorizontalLayout .jp_theme_01 .jp_pt_ttl_label {
  background-color: #217892;
}

.cp-StepHorizontalLayout .jp_theme_02 .jp_pt_ttl_label {
  background-color: #536b3d;
}

.cp-StepHorizontalLayout .jp_theme_03 .jp_pt_ttl_label {
  background-color: #a57503;
}

.cp-StepHorizontalLayout .jp_theme_04 .jp_pt_ttl_label {
  background-color: #527083;
}

.cp-StepHorizontalLayout .jp_theme_05 .jp_pt_ttl_label {
  background-color: #b04537;
}

.cp-StepHorizontalLayout .jp_point_sct {
  padding: 16px;
}

.cp-StepHorizontalLayout .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-StepHorizontalLayout .jp_point_sct .jp_pt_txtarea {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.cp-StepHorizontalLayout .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .cp-StepHorizontalLayout .jp_point_sct .jp_pt_txtarea {
    width: 100%;
  }
  .cp-StepHorizontalLayout .jp_pt_img.img_r {
    padding-top: 8px;
    padding-left: 0;
    width: 100%;
  }
  .cp-StepHorizontalLayout .jp_pt_img.img_l {
    padding-top: 8px;
    padding-right: 0;
    width: 100%;
  }
}

.cp-StepHorizontalLayout .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-StepHorizontalLayout .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #fff;
  font-size: 18px;
  background-color: #666;
}

.cp-StepHorizontalLayout .jp_step_horizon:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-StepHorizontalLayout .jp_step_box {
  float: left;
  width: 48.5%;
  padding-right: 3%;
  background-image: url("../Images/ex_component/icon_arrow_col00.png");
  background-position: right 1% center;
  background-size: 16px 41px;
  background-repeat: no-repeat;
}

.cp-StepHorizontalLayout .jp_theme_01.jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col01.png");
}

.cp-StepHorizontalLayout .jp_theme_02.jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col02.png");
}

.cp-StepHorizontalLayout .jp_theme_03.jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col03.png");
}

.cp-StepHorizontalLayout .jp_theme_04.jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col04.png");
}

.cp-StepHorizontalLayout .jp_theme_05.jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col05.png");
}

.cp-StepHorizontalLayout .jp_step_box:last-child {
  padding-right: 0;
  background-image: none !important;
}

.cp-StepHorizontalLayout .jp_step_horizon.clm3 .jp_step_box {
  width: 31.333%;
}

.cp-StepHorizontalLayout .jp_step_horizon.clm4 .jp_step_box {
  width: 22.75%;
}

.cp-StepHorizontalLayout .jp_step_horizon.clm5 .jp_step_box {
  width: 17.6%;
}

.cp-StepHorizontalLayout .jp_step_horizon.clm6 .jp_step_box {
  width: 14.166%;
}

.cp-StepHorizontalLayout .jp_step_horizon .jp_step_box .jp_point_area {
  padding: 8px;
}

@media (max-width: 640px) {
  .cp-StepHorizontalLayout .jp_step_box {
    width: 100% !important;
    float: none;
    padding-right: 0;
    padding-bottom: 32px;
    background-image: url("../Images/ex_component/icon_arrow_col00_down.png");
    background-repeat: no-repeat;
    background-size: 41px 16px;
    background-position: center bottom 2%;
  }
  .cp-StepHorizontalLayout .jp_theme_01.jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col01_down.png");
  }
  .cp-StepHorizontalLayout .jp_theme_02.jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col02_down.png");
  }
  .cp-StepHorizontalLayout .jp_theme_03.jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col03_down.png");
  }
  .cp-StepHorizontalLayout .jp_theme_04.jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col04_down.png");
  }
  .cp-StepHorizontalLayout .jp_theme_05.jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col05_down.png");
  }
  .cp-StepHorizontalLayout .jp_step_box:last-child {
    padding: 0;
  }
}

.cp-StepHorizontalLayout .isBgWhite .jp_step_box .jp_point_area {
  background-color: #fff;
}

.cp-StepHorizontalLayout p {
  margin-top: 0;
}

/* ============================== Step Vertical Layout */
.cp-StepVerticalLayout {
  /* extend common/components */
  /* vertical */
}

.cp-StepVerticalLayout img {
  vertical-align: bottom;
}

.cp-StepVerticalLayout .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-StepVerticalLayout .jp_theme_01 .jp_point_area,
.cp-StepVerticalLayout .jp_theme_01 .jp_step_ul li {
  background-color: #e9f2f4;
}

.cp-StepVerticalLayout .jp_theme_02 .jp_point_area,
.cp-StepVerticalLayout .jp_theme_02 .jp_step_ul li {
  background-color: #f2f3e2;
}

.cp-StepVerticalLayout .jp_theme_03 .jp_point_area,
.cp-StepVerticalLayout .jp_theme_03 .jp_step_ul li {
  background-color: #fdf3dc;
}

.cp-StepVerticalLayout .jp_theme_04 .jp_point_area,
.cp-StepVerticalLayout .jp_theme_04 .jp_step_ul li {
  background-color: #f2f5fb;
}

.cp-StepVerticalLayout .jp_theme_05 .jp_point_area,
.cp-StepVerticalLayout .jp_theme_05 .jp_step_ul li {
  background-color: #fbebea;
}

.cp-StepVerticalLayout .jp_theme_01 .jp_pt_ttl {
  color: #217892;
}

.cp-StepVerticalLayout .jp_theme_02 .jp_pt_ttl {
  color: #536b3d;
}

.cp-StepVerticalLayout .jp_theme_03 .jp_pt_ttl {
  color: #a57503;
}

.cp-StepVerticalLayout .jp_theme_04 .jp_pt_ttl {
  color: #527083;
}

.cp-StepVerticalLayout .jp_theme_05 .jp_pt_ttl {
  color: #b04537;
}

.cp-StepVerticalLayout .jp_theme_01 .jp_pt_ttl_label {
  background-color: #217892;
}

.cp-StepVerticalLayout .jp_theme_02 .jp_pt_ttl_label {
  background-color: #536b3d;
}

.cp-StepVerticalLayout .jp_theme_03 .jp_pt_ttl_label {
  background-color: #a57503;
}

.cp-StepVerticalLayout .jp_theme_04 .jp_pt_ttl_label {
  background-color: #527083;
}

.cp-StepVerticalLayout .jp_theme_05 .jp_pt_ttl_label {
  background-color: #b04537;
}

.cp-StepVerticalLayout .jp_point_sct {
  padding: 16px;
}

.cp-StepVerticalLayout .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-StepVerticalLayout .jp_point_sct .jp_pt_txtarea {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.cp-StepVerticalLayout .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
}

.cp-StepVerticalLayout .jp_pt_img.img_r {
  padding-left: 8px;
  padding-top: 0;
  width: 50%;
  float: right;
}

.cp-StepVerticalLayout .jp_pt_img.img_l {
  padding-right: 8px;
  padding-top: 0;
  width: 50%;
  float: left;
}

@media (max-width: 640px) {
  .cp-StepVerticalLayout .jp_point_sct .jp_pt_txtarea {
    width: 100%;
  }
  .cp-StepVerticalLayout .jp_pt_img.img_r {
    padding-top: 8px;
    padding-left: 0;
    width: 100%;
  }
  .cp-StepVerticalLayout .jp_pt_img.img_l {
    padding-top: 8px;
    padding-right: 0;
    width: 100%;
  }
}

.cp-StepVerticalLayout .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-StepVerticalLayout .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #fff;
  font-size: 18px;
  background-color: #666;
}

.cp-StepVerticalLayout .jp_step_vertical .jp_step_box .jp_point_area {
  display: table;
}

.cp-StepVerticalLayout .jp_step_vertical .jp_step_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-StepVerticalLayout .jp_step_vertical .jp_step_box {
  padding-bottom: 32px;
  width: 100%;
  padding-right: 0;
  background-image: url("../Images/ex_component/icon_arrow_col00_down.png");
  background-repeat: no-repeat;
  background-size: 41px 16px;
  background-position: center bottom 8px;
}

.cp-StepVerticalLayout .jp_step_vertical .jp_step_box:last-child {
  padding-bottom: 0;
  background-image: none;
}

.cp-StepVerticalLayout .jp_step_vertical .jp_step_box .jp_point_area .jp_pt_ttl_label,
.cp-StepVerticalLayout .jp_step_vertical .jp_step_box .jp_point_area .jp_point_sct {
  display: table-cell;
  table-layout: fixed;
}

.cp-StepVerticalLayout .jp_step_vertical .jp_step_box .jp_point_area .jp_pt_ttl_label {
  width: 14%;
  min-width: 100px;
  vertical-align: top;
}

.cp-StepVerticalLayout .jp_theme_01.jp_step_vertical .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col01_down.png");
}

.cp-StepVerticalLayout .jp_theme_02.jp_step_vertical .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col02_down.png");
}

.cp-StepVerticalLayout .jp_theme_03.jp_step_vertical .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col03_down.png");
}

.cp-StepVerticalLayout .jp_theme_04.jp_step_vertical .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col04_down.png");
}

.cp-StepVerticalLayout .jp_theme_05.jp_step_vertical .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col05_down.png");
}

.cp-StepVerticalLayout .isBgWhite .jp_step_box .jp_point_area {
  background-color: #fff;
}

.cp-StepVerticalLayout .jp_step_box .clm {
  padding: 8px;
}

.cp-StepVerticalLayout p {
  margin-top: 0;
}

/* ============================== Common Header */
.cp-CommonHeader {
  /* ============================== Image Menu */
  /* @media */
}

.cp-CommonHeader ul, .cp-CommonHeader ol {
  list-style: none;
}

.cp-CommonHeader ul {
  padding-top: 0;
  padding-left: 0;
}

.cp-CommonHeader ul li {
  margin-top: 0;
}

.cp-CommonHeader .image_mn {
  display: block;
}

.cp-CommonHeader .image_mn .img img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}

.cp-CommonHeader .image_mn .dtl {
  padding: 16px 24px 16px 16px;
  background: url(../img/icon_s_right_01.png) 100% 50% no-repeat #fff;
}

.cp-CommonHeader .image_mn .img+ .dtl {
  border-top: 1px solid #dedede;
}

.cp-CommonHeader .image_mn .dtl .ttl {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
}

.cp-CommonHeader .image_mn:hover {
  text-decoration: none;
}

.cp-CommonHeader .image_mn:hover .dtl .ttl {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .cp-CommonHeader .image_mn .dtl {
    background-image: url(../img/icon_m_right_01.png);
    background-size: 24px 24px;
  }
}

/* ============================== Breadcrumbs */
.cp-BreadcrumbsHeader {
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
  padding: 16px 8px;
  border-bottom: 1px solid #c9c9c9;
  box-sizing: border-box;
}

.cp-BreadcrumbsHeader p {
  margin-top: 0;
}

.cp-BreadcrumbsHeader ul,
.cp-BreadcrumbsHeader ol,
.cp-BreadcrumbsHeader ul li,
.cp-BreadcrumbsHeader ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cp-BreadcrumbsHeader ul li {
  float: left;
  margin-right: 6px;
  font-size: 14px;
}

.cp-BreadcrumbsHeader ul li:after {
  content: ">";
}

.cp-BreadcrumbsHeader ul li.act:after {
  content: "";
}

.cp-BreadcrumbsHeader ul li a,
.cp-BreadcrumbsHeader ul li span {
  padding: 0 6px 0 0;
}

.cp-BreadcrumbsHeader ul {
  float: left;
  margin-top: 4px;
}

@media (max-width: 640px) {
  .cp-BreadcrumbsHeader {
    display: none;
  }
}

/* ============================== Common Footer */
.cp-CommonFooter ul {
  padding: 0;
}

.cp-CommonFooter ul,
.cp-CommonFooter ol {
  list-style: none;
}

.cp-CommonFooter h3 {
  margin-top: 0;
}

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

.cp-CommonFooter .l-container_full {
  width: 100%;
}

.cp-CommonFooter .l-container_common {
  box-sizing: border-box;
  max-width: 1024px;
  margin: auto;
  padding: 0 8px 40px 8px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-container_common {
    width: 92%;
    padding: 0;
    padding-bottom: 30px;
  }
}

.cp-CommonFooter.l-footer_container .l-container_common {
  padding-bottom: 0;
}

.cp-CommonFooter.l-footer_container .ft_ut .ft_ut_inr .ft_pg_top a {
  color: #000 !important;
}

.cp-CommonFooter.l-footer_container .ft_brd_crmb_lst li a {
  color: #000 !important;
}

.cp-CommonFooter.l-footer_container .ft_cnct_lst_more a {
  color: #000;
}

.cp-CommonFooter .l-footer_bread li {
  font-size: 13px !important;
}

.cp-CommonFooter .l-footer_list {
  display: flex;
  flex-wrap: wrap;
}

.cp-CommonFooter .l-footer_list.is-nocurrent {
  margin-top: 25px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list.is-nocurrent {
    margin-top: 0;
  }
}

.cp-CommonFooter .l-footer_list--box {
  width: 25%;
  margin-bottom: 45px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list--box {
    width: 100%;
    margin-bottom: 0;
  }
}

.cp-CommonFooter .l-footer_list--box.is-twocolumn {
  width: 50%;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list--box.is-twocolumn {
    width: 100%;
  }
}

.cp-CommonFooter .l-footer_list--box.is-under {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list--box.is-under {
    margin-bottom: 0;
  }
}

.cp-CommonFooter .l-footer_list--heading {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list--heading {
    font-weight: normal;
    position: relative;
    margin-bottom: 0;
    margin-left: 0 !important;
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #dedede;
    background: url(../Images/plus.svg) 98% center no-repeat;
    background-size: 14px;
  }
}

.cp-CommonFooter .l-footer_list--heading.is-arrow {
  position: relative;
  margin-left: 16px;
}

.cp-CommonFooter .l-footer_list--heading.is-arrow:before {
  position: absolute;
  top: 0;
  left: -20px;
  width: 12px;
  height: 16px;
  content: "";
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_right_01.png) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list--heading.is-arrow:before {
    background: none;
  }
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list--heading.is-show {
    margin-bottom: 15px;
    background: url(../Images/minus.svg) 98% center no-repeat;
    background-size: 12px auto;
  }
}

.cp-CommonFooter .l-footer_list--heading.is-show:before {
  transform: rotate(0);
}

.cp-CommonFooter .l-footer_list ul {
  width: 100%;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list ul {
    display: none;
    box-sizing: border-box;
    margin-top: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list ul.is-nonparent {
    display: block;
    margin-top: 0;
    padding-left: 0;
  }
}

.cp-CommonFooter .l-footer_list ul.is-noheading {
  margin-top: 34px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list ul.is-noheading {
    margin-top: 0;
  }
}

.cp-CommonFooter .l-footer_list ul.is-firstnone {
  position: relative;
  display: inline-block;
  width: 49.5%;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list ul.is-firstnone {
    display: block;
    width: 100%;
  }
}

.cp-CommonFooter .l-footer_list ul.is-firstnone:before {
  font-size: 14px;
  position: static;
  width: 100%;
  height: auto;
  content: "分野別";
  background: none;
}

.cp-CommonFooter .l-footer_list ul.is-firstnone li:first-child {
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list ul.is-firstnone li:first-child {
    margin-top: 15px;
  }
}

.cp-CommonFooter .l-footer_list ul.is-secondnone {
  position: relative;
  display: inline-block;
  width: 49%;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list ul.is-secondnone {
    display: block;
    width: 100%;
  }
}

.cp-CommonFooter .l-footer_list ul.is-secondnone:before {
  font-size: 14px;
  position: static;
  width: 100%;
  height: auto;
  content: "製品別";
  background: none;
}

.cp-CommonFooter .l-footer_list ul.is-secondnone li:first-child {
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list ul.is-secondnone li:first-child {
    margin-top: 15px;
  }
}

.cp-CommonFooter .l-footer_list li {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  margin: 0 20px 13px -5px;
  padding-left: 20px;
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_right_01.png) left 1px no-repeat;
  background-size: 14px !important;
}

@media screen and (max-width: 640px) {
  .cp-CommonFooter .l-footer_list li {
    margin: 0 0 13px 0;
    padding: 15px;
    border-bottom: 1px solid #dedede;
    background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_m_right_01.png) right center no-repeat;
    background-size: 24px !important;
  }
}

.cp-CommonFooter .l-footer_list li:hover {
  text-decoration: underline;
}

.cp-CommonFooter .l-footer_list a {
  color: #000 !important;
}

.cp-CommonFooter .l-footer_current {
  font-size: 12px;
  position: relative;
  display: block;
  margin: 30px 0 30px 10px;
  color: #000 !important;
}

.cp-CommonFooter .l-footer_current:before {
  position: absolute;
  top: -2px;
  left: -15px;
  width: 12px;
  height: 16px;
  content: "";
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_right_01.png) center center no-repeat;
  background-size: cover;
}

/* ============================== Emergency Info */
.cp-EmergencyInfo {
  border: 1px solid #dedede;
  box-sizing: border-box;
  padding: 8px;
  /* @media */
}

.cp-EmergencyInfo .thumb_mn {
  padding-right: 24px;
  display: block;
  overflow: hidden;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat #fff;
}

.cp-EmergencyInfo a.thumb_mn:hover {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .cp-EmergencyInfo .thumb_mn {
    background-image: url(../Images/icon_m_right_01.png);
    background-size: 24px 24px;
  }
}

/* ============================== Free HTML */
/* ============================== News Card Item */
.cp-NewsCardItem {
  /* ===== 新着エリアリンク化 */
  /* ============================== Image Menu */
  /* @media */
}

.cp-NewsCardItem dl dd {
  margin-left: 0;
}

.cp-NewsCardItem dd> *:first-child {
  margin-top: 0;
}

.cp-NewsCardItem .clm1 .clm {
  /* ============================== Component Match */
}

.cp-NewsCardItem .clm1 .clm .img {
  position: relative;
}

.cp-NewsCardItem .clm1 .clm .img::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
}

.cp-NewsCardItem .clm1 .clm a:hover .img::before {
  background-color: rgba(0, 0, 0, 0.1);
}

.cp-NewsCardItem .clm1 .clm .dtl {
  background-color: #f3f3f3;
  color: #000;
  position: relative;
}

.cp-NewsCardItem .clm1 .clm a:hover .dtl {
  background-color: #fff;
}

.cp-NewsCardItem .clm1 .clm dt {
  font-size: 80%;
  font-weight: bold;
  margin-bottom: 4px;
}

.cp-NewsCardItem .clm1 .clm dd {
  font-size: 14px;
}

.cp-NewsCardItem .clm1 .clm .cate01 {
  background-color: #666;
  color: #fff;
  line-height: 1.2;
  margin: 0;
  position: absolute;
  top: -1px;
  right: 0;
}

.cp-NewsCardItem .clm1 .clm a:hover .cate01 {
  background-color: #cf142b;
}

.cp-NewsCardItem .clm1 .clm .cmp_mtc01 {
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.cp-NewsCardItem .image_mn {
  display: block;
}

.cp-NewsCardItem .image_mn .img img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}

.cp-NewsCardItem .image_mn .dtl {
  padding: 16px 24px 16px 16px;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat #fff;
}

.cp-NewsCardItem .image_mn[target="_blank"] .dtl {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-NewsCardItem .image_mn .img+ .dtl {
  border-top: 1px solid #dedede;
}

.cp-NewsCardItem .image_mn .dtl .ttl {
  font-size: 18px;
  font-weight: bold;
}

.cp-NewsCardItem .image_mn:hover {
  text-decoration: none;
}

.cp-NewsCardItem .image_mn:hover .dtl .ttl {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .cp-NewsCardItem .image_mn .dtl {
    background-image: url(../Images/icon_m_right_01.png);
    background-size: 24px 24px;
  }
  .cp-NewsCardItem .image_mn[target="_blank"] .dtl {
    background-image: url(../Images/icon_m_newwindow_01.png);
  }
  .cp-NewsCardItem .image_mn .dtl.right {
    background-image: url(../Images/icon_m_right_01.png) !important;
  }
  .cp-NewsCardItem .image_mn .dtl.left {
    background-image: url(../Images/icon_m_left_01.png) !important;
  }
  .cp-NewsCardItem .image_mn .dtl.newwindow {
    background-image: url(../Images/icon_m_newwindow_01.png) !important;
  }
  .cp-NewsCardItem .image_mn .dtl.download {
    background-image: url(../Images/icon_m_download_01.png) !important;
  }
  .cp-NewsCardItem .image_mn .dtl.zoom {
    background-image: url(../Images/icon_m_zoom_01.png) !important;
  }
}

/* ============================== News Date */
.cp-NewsDate {
  margin-top: 40px;
  font-size: 18px;
}

.cp-NewsDate dt {
  font-weight: bold;
}

.cp-NewsDate dd {
  margin-left: 0;
}

/* ============================== Link Button */
.cp-LinkButton.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-LinkButton .mv_device_txt_btn {
  position: relative;
  display: inline-block;
  padding: 8px 32px 8px 16px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 4px;
  box-sizing: border-box;
  background-position: 95% 45%;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 180px;
  background-color: #666;
  color: #fff;
  background-image: url(../Images/icon_m_right_04.png);
  background-size: 16px;
  text-align: left;
}

.cp-LinkButton .mv_device_txt_btn:hover {
  background-color: #333;
}

.cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_de {
  background-color: #dedede;
  color: #333;
  background-image: url(../Images/icon_m_right_03.png);
}

.cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_de:hover {
  background-color: #f3f3f3;
}

.cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_ff {
  background-color: #fff;
  color: #333;
  background-image: url(../Images/icon_m_right_03.png);
}

.cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_ff:hover {
  background-color: #dedede;
}

.cp-LinkButton .mv_device_txt_btn[target="_blank"] {
  background-image: url(../Images/icon_m_newwindow_04.png);
}

.cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_de[target="_blank"] {
  background-image: url(../Images/icon_m_newwindow_03.png);
}

.cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_ff[target="_blank"] {
  background-image: url(../Images/icon_m_newwindow_03.png);
}

@media (max-width: 640px) {
  .cp-LinkButton .mv_device_txt_bgcolor_n .mv_device_txt_btn {
    background-color: #666;
    color: #fff;
    background-image: url(../Images/icon_m_right_04.png);
  }
  .cp-LinkButton .mv_device_txt_bgcolor_n .mv_device_txt_btn[target="_blank"] {
    background-image: url(../Images/icon_m_newwindow_04.png);
  }
  .cp-LinkButton .mv_device_txt_btn:hover {
    background-color: #666;
  }
  .cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_de:hover {
    background-color: #dedede;
  }
  .cp-LinkButton .mv_device_txt_btn.mv_device_txt_btn_ff:hover {
    background-color: #fff;
  }
}

/* ============================== Section */
.cp-Section {
  position: relative;
  overflow: hidden;
  padding: 24px 0;
}

.cp-Section .section-bgimage {
  position: absolute;
  top: 0;
  left: -999px;
  right: -999px;
  margin: 0 auto;
  z-index: -1;
  width: 100vw;
  min-width: 1666px;
}

.cp-Section .section-bgimage img {
  width: 100%;
}

.cp-Section.jp_theme_00 {
  background-color: #f3f3f3;
}

.cp-Section.jp_theme_01 {
  background-color: #e9f2f4;
}

.cp-Section.jp_theme_02 {
  background-color: #f2f3e2;
}

.cp-Section.jp_theme_03 {
  background-color: #fdf3dc;
}

.cp-Section.jp_theme_04 {
  background-color: #f2f5fb;
}

.cp-Section.jp_theme_05 {
  background-color: #fbebea;
}

/* ============================== Important Notice */
.cp-ImportantNotice .important_news {
  border: solid 1px #d9d9d9;
  padding: 18px 20px;
  margin: 8px 8px 16px 8px;
}

.cp-ImportantNotice .important_news dl {
  width: 100%;
  display: table;
  margin-bottom: 8px;
}

.cp-ImportantNotice .important_news dl:last-child {
  margin-bottom: 0;
}

.cp-ImportantNotice .important_news dt,
.cp-ImportantNotice .important_news dd {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  word-break: break-all;
}

.cp-ImportantNotice .important_news dt {
  width: 10%;
  white-space: nowrap;
  padding-right: 1em;
}

@media (max-width: 640px) {
  .cp-ImportantNotice .important_news dt,
  .cp-ImportantNotice .important_news dd {
    display: block;
  }
  .cp-ImportantNotice .important_news dd {
    margin-left: 0;
  }
}

/* ============================== Heading1 + LocalNavi */
.cp-Heading1WithLocalNavi {
  /*---------------------------------------------------------------------------------------
  # Local Navi Set
  ----------------------------------------------------------------------------------------*/
  /*Local Navi Set for PC*/
  /*for Media Queries*/
  /*Local Navi Set for TB*/
  /*Local Navi Set for SP*/
  /*for Media Queries*/
}

.cp-Heading1WithLocalNavi ul {
  padding: 0;
  list-style-type: none;
}

.cp-Heading1WithLocalNavi li {
  margin-top: auto;
}

.cp-Heading1WithLocalNavi::after {
  content: "";
  display: block;
  clear: both;
}

.cp-Heading1WithLocalNavi .local_nv_set,
.cp-Heading1WithLocalNavi .local_nv_set div,
.cp-Heading1WithLocalNavi .local_nv_set p,
.cp-Heading1WithLocalNavi .local_nv_set ul,
.cp-Heading1WithLocalNavi .local_nv_set li,
.cp-Heading1WithLocalNavi .local_nv_set a,
.cp-Heading1WithLocalNavi .local_nv_set span {
  box-sizing: border-box;
}

.cp-Heading1WithLocalNavi .local_nv_set .local_nv_ttl {
  font-weight: bold;
  font-size: 28px;
}

.cp-Heading1WithLocalNavi .local_nv_set {
  position: relative;
  width: 100%;
  background: #fff;
}

.cp-Heading1WithLocalNavi .local_nv_set .local_nv {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #fff;
  background: #fff;
  transition: all 0.3s;
}

.cp-Heading1WithLocalNavi .local_nv_set .local_nv.fixed {
  position: fixed;
  top: 0;
  margin: 0;
  border-bottom: 1px solid #dedede;
  z-index: 99;
}

.cp-Heading1WithLocalNavi .local_nv_set .local_nv .local_menu ul li a span {
  color: #333;
}

.cp-Heading1WithLocalNavi .local_nv_set .local_nv .local_menu ul li a:hover {
  text-decoration: none;
}

.cp-Heading1WithLocalNavi .local_nv_sp {
  display: none;
}

.cp-Heading1WithLocalNavi .local_nv_pc {
  min-height: 76px;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv {
  margin: 0 0 13px 0;
  padding: 15px 0 4px 0;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv .cnt_max {
  display: table;
  max-width: 1024px;
  padding: 0 8px;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_nv_ttl,
.cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu {
  display: table-cell;
  vertical-align: top;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv_ttl {
  padding-right: 32px;
  width: auto;
  white-space: nowrap;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu {
  width: auto;
  max-width: 100%;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul {
  width: 100%;
  font-size: 0;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li {
  display: inline-block;
  margin-bottom: 9px;
  vertical-align: top;
}

.cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li a span {
  padding-left: 18px;
  background: url(../Images/products/icon_s_anchor.png) 0 center no-repeat;
  font-size: 14px;
}

@media (min-width: 1200px) {
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul.items-clm2 li {
    width: 50%;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul.items-clm3 li {
    width: 33.3333%;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul.items-clm4 li {
    width: 25%;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li.item-w20p {
    width: 20%;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li.item-w25p {
    width: 25%;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li.item-w30p {
    width: 30%;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li.item-w35p {
    width: 35%;
  }
}

@media (min-width: 641px) and (max-width: 1199px) {
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li {
    margin-right: 18px;
    width: auto;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv .local_menu ul li a span {
    padding-left: 14px;
    font-size: 13px;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .cp-Heading1WithLocalNavi .local_nv_pc .local_nv_ttl {
    padding-right: 16px;
    font-size: 19px;
  }
}

@media (max-width: 640px) {
  .cp-Heading1WithLocalNavi #contents {
    padding-top: 0;
  }
  .cp-Heading1WithLocalNavi .local_nv_pc,
  .cp-Heading1WithLocalNavi .local_nv_pc.fixed {
    display: none;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp {
    display: block;
    height: 52px;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_nv_ttl,
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu,
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu ul li a {
    display: block;
    width: 100%;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_nv_ttl,
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu ul li a {
    padding: 0 10px;
    cursor: pointer;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_nv_ttl span,
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu ul li a span {
    display: block;
    background: url(../Images/products/icon_anchor.png) right center no-repeat;
    background-size: 16px 10px;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_nv_ttl span {
    padding-top: 7px;
    height: 52px;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_nv_ttl span.local_close {
    background: url(../Images/products/icon_anchor_close.png) right center no-repeat;
    background-size: 16px 10px;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu {
    display: none;
    position: absolute;
    top: 52px;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu ul li a span {
    padding: 15px 20px 14px 0;
    font-size: 16px;
    line-height: 1.0;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu ul {
    border-top: 1px solid #c9c9c9;
  }
  .cp-Heading1WithLocalNavi .local_nv_sp .local_nv .local_menu ul li {
    border-bottom: 1px solid #c9c9c9;
    background: #dedede;
  }
}

/* ============================== Tab */
.cp-Tab {
  /* ============================== Tab Section */
  /* tab,accordion */
  /* @media */
}

.cp-Tab .tab_sct .tab_ttl {
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #dedede;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}

.cp-Tab .tab_sct .tab_ttl li {
  margin: 0;
  padding: 0;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background: #f3f3f3;
}

.cp-Tab .tab_sct .tab_ttl li.act {
  background: #fff;
  border-bottom: 1px solid #fff;
}

.cp-Tab .tab_sct .tab_ttl li:last-child {
  border-right: none;
}

.cp-Tab .tab_sct .tab_ttl li a {
  display: block;
  padding: 8px 16px;
  color: #6c7074;
  font-weight: bold;
}

.cp-Tab .tab_sct .tab_ttl li.act a {
  color: #333;
}

.cp-Tab .tab_sct .tab_ttl li:first-child a {
  border-radius: 3px 0 0 0;
}

.cp-Tab .tab_sct .tab_ttl li:last-child a {
  border-radius: 0 3px 0 0;
}

.cp-Tab .tab_sct .tab_dtl {
  display: none;
  padding: 8px;
  background: #fff;
  border: 1px solid #dedede;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.cp-Tab .tab_sct .tab_dtl.act {
  display: block;
}

.cp-Tab .tab_acd_ttl {
  display: none;
}

.cp-Tab .tab_acd_ttl a {
  display: block;
  padding: 8px 24px 8px 8px;
  color: #000;
}

.cp-Tab .tab_acd_ttl a.acd_ttl_lnk {
  margin-right: 24px;
  padding-right: 8px;
}

.cp-Tab .tab_acd_ttl a.acd_ttl_btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 100%;
  padding: 0;
  border-left: 1px solid #dedede;
  text-indent: -9999px;
}

.cp-Tab .tab_acd_dtl {
  display: none;
  padding: 16px 16px 32px;
  background: #f3f3f3;
  border: 1px solid #dedede;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.cp-Tab .tab_acd_dtl.act {
  display: block;
}

.cp-Tab.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

@media (max-width: 640px) {
  .cp-Tab .tab_ttl {
    display: none;
  }
  .cp-Tab .tab_dtl {
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .cp-Tab .tab_acd_ttl {
    display: block;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #dedede;
    background: url(../Images/icon_m_accordiondown_01.png) 100% 50% no-repeat #f3f3f3;
    background-size: 24px 24px;
    border-radius: 4px 4px 4px 4px;
  }
  .cp-Tab .tab_acd_ttl.act {
    background-color: #fff;
    background-image: url(../Images/icon_m_accordionup_01.png);
    background-size: 24px 24px;
    border-radius: 4px 4px 0 0;
  }
}

/* ============================== Frame Border */
.cp-FrameBorder.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-FrameBorder .FrameBorderInr {
  padding: 8px;
  border: 4px solid #dedede;
}

/* ============================== Infomatin Area */
.cp-InfomatinArea .reinforcement_nv {
  padding: 24px;
  border: 4px solid #dedede;
}

.cp-InfomatinArea ul {
  padding: 0;
  list-style-type: none;
}

.cp-InfomatinArea li {
  margin-top: auto;
}

.cp-InfomatinArea a.ico_nml {
  background-image: url(../Images/icon_s_right_01.png);
}

.cp-InfomatinArea a.ico_nml[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

/* ============================== Office Information */
.cp-OfficeInformation a[href^="tel:"] {
  color: inherit;
  pointer-events: none;
}

.cp-OfficeInformation .dial {
  font-family: Verdana, sans-serif;
}

.cp-OfficeInformation .contact_sct .dial {
  font-size: 2em;
  font-weight: bold;
}

.cp-OfficeInformation .dial rt {
  font-size: 12px;
  font-weight: normal;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.cp-OfficeInformation .dial a.ico_nml_lf {
  background-position: left center;
  padding-top: 0;
  padding-bottom: 0;
}

.cp-OfficeInformation .dial img {
  width: auto;
  height: 1em;
  vertical-align: center;
  margin-right: 0.25em;
}

.cp-OfficeInformation .dial_notice {
  color: #cf142b;
}

.cp-OfficeInformation .dial_notice, .cp-OfficeInformation .dial_hours {
  text-indent: -1.25em;
  padding-left: 1.25em;
}

.cp-OfficeInformation .dial_notice img, .cp-OfficeInformation .dial_hours img {
  width: auto;
  height: 1em;
  vertical-align: text-top;
  margin-right: 0.25em;
}

.cp-OfficeInformation ul.dial:before, .cp-OfficeInformation ul.dial:after {
  content: " ";
  display: table;
}

.cp-OfficeInformation ul.dial:after {
  clear: both;
}

.cp-OfficeInformation ul.dial> li {
  padding-right: 1em;
  float: left;
}

.cp-OfficeInformation ul.dial> li:last-child {
  padding-right: 0;
}

.cp-OfficeInformation p.ant1, .cp-OfficeInformation ul.ant1> li, .cp-OfficeInformation dl.ant1> dd {
  text-indent: -1em;
  padding-left: 1em;
}

.cp-OfficeInformation p.ant2, .cp-OfficeInformation ul.ant2> li, .cp-OfficeInformation dl.ant2> dd {
  text-indent: -2em;
  padding-left: 2em;
}

.cp-OfficeInformation dl.inline {
  display: block;
}

.cp-OfficeInformation dl.inline:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-OfficeInformation dl.inline dt {
  margin-right: 0.5em;
  float: left;
}

.cp-OfficeInformation dl.inline dd {
  overflow: hidden;
}

@media (max-width: 640px) {
  .cp-OfficeInformation a[href^="tel:"] {
    color: #00c;
    pointer-events: auto;
  }
  .cp-OfficeInformation .dial rt {
    font-size: 8px;
  }
  .cp-OfficeInformation ul.dial> li {
    padding-right: 0;
    float: none;
  }
}

.cp-OfficeInformation ul {
  padding: 0;
  list-style-type: none;
}

.cp-OfficeInformation li {
  margin-top: auto;
}

.cp-OfficeInformation .hd05 {
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
}

.cp-OfficeInformation .fw_b {
  font-weight: bold;
}

.cp-OfficeInformation .cmp_mtc01 {
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.cp-OfficeInformation .divisionName {
  font-weight: bold;
  margin-top: 8px;
}

/* ============================== Button */
.cp-Button {
  /* Conversion high,medium */
  /* Action high,medium */
  /* Disable */
  /* Special */
  /* @media */
  /* icon position */
  /* @media */
}

.cp-Button.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-Button .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-Button .button.fs16 {
  padding: 11px 16px 10px;
}

.cp-Button .button.fs14 {
  padding: 12px 16px 12px;
}

.cp-Button .button.icon {
  padding: 6px 8px 5px 16px;
  background-position: 100% 50%;
}

.cp-Button .button.icon.fs16 {
  padding: 7px 8px 6px 16px;
}

.cp-Button .button.icon.fs14 {
  padding: 8px 8px 8px 16px;
}

.cp-Button .button:hover {
  text-decoration: none;
}

.cp-Button .button.cnv01 {
  background-color: #0d63dc;
  color: #fff;
}

.cp-Button .button.cnv01:hover {
  background-color: #0b51b3;
}

.cp-Button .button.cnv02 {
  background-color: #c1def5;
  color: #333;
}

.cp-Button .button.cnv02:hover {
  background-color: #e3f1fa;
  padding: 8px 14px 7px;
  border: 2px solid #c1def5;
}

.cp-Button .button.cnv02.fs16:hover {
  padding: 9px 14px 8px;
}

.cp-Button .button.cnv02.fs14:hover {
  padding: 10px 14px 10px;
}

.cp-Button .button.act01 {
  background-color: #666;
  color: #fff;
}

.cp-Button .button.act01:hover {
  background-color: #333;
}

.cp-Button .button.act02 {
  background-color: #dedede;
  color: #333;
}

.cp-Button .button.act02:hover {
  background-color: #f3f3f3;
  padding: 8px 14px 7px;
  border: 2px solid #dedede;
}

.cp-Button .button.act02.fs16:hover {
  padding: 9px 14px 8px;
}

.cp-Button .button.act02.fs14:hover {
  padding: 10px 14px 10px;
}

.cp-Button .button.dis01 {
  background-color: #f3f3f3;
  color: #c9c9c9;
  padding: 9px 15px 8px;
  border: 1px solid #dedede;
}

.cp-Button .button.dis01.fs16 {
  padding: 10px 16px 9px;
}

.cp-Button .button.dis01.fs14 {
  padding: 11px 16px 11px;
}

.cp-Button .button.spe01 {
  background-color: #ff6112;
  color: #fff;
}

.cp-Button .button.spe01:hover {
  background-color: #e65400;
}

.cp-Button .button.spe02 {
  background-color: #7e9e00;
  color: #fff;
}

.cp-Button .button.spe02:hover {
  background-color: #648200;
}

@media (max-width: 640px) {
  .cp-Button .button.icon {
    padding: 10px 16px 9px;
  }
  .cp-Button .button.icon.fs16 {
    padding: 11px 16px 10px;
  }
  .cp-Button .button.icon.fs14 {
    padding: 12px 16px 12px;
  }
}

.cp-Button .ico_end_l {
  padding: 6px 40px 6px 0;
  background-position: right -4px top 50%;
}

.cp-Button .ico_nml_l {
  padding: 6px 10px 6px 34px;
  background-position: -8px -8px;
}

.cp-Button .ico_nml_lf {
  padding: 6px 10px 6px 40px;
  background-position: 0 0;
}

.cp-Button .ico_end_lf {
  padding: 6px 50px 6px 0;
  background-position: right 10px top 50%;
}

.cp-Button .ico_end_l.pdf {
  padding: 6px 40px 6px 10px;
  background-position: right 12px top 50%;
}

.cp-Button .ico_nml_l.pdf {
  padding: 6px 6px 6px 20px;
  background-position: left -6px top 50%;
}

@media (max-width: 640px) {
  .cp-Button .ico_end_l {
    padding: 2px 32px 2px 0;
    background-position: right 0 top 50%;
  }
  .cp-Button .ico_nml_l {
    padding: 2px 0 2px 32px;
    background-position: 0 50%;
  }
  .cp-Button .ico_nml_lf {
    padding: 2px 0 2px 32px;
    background-position: 0 50%;
  }
  .cp-Button .ico_end_lf {
    padding: 2px 32px 2px 0;
    background-position: right 0 top 50%;
  }
  .cp-Button .ico_end_l.pdf {
    padding: 2px 38px 2px 20px;
    background-position: right 12px top 50%;
  }
  .cp-Button .ico_nml_l.pdf {
    padding: 2px 0 2px 20px;
    background-position: left -6px top 50%;
  }
}

/* ============================== Office Detail */
.cp-OfficeDetail ul.lst_reset,
.cp-OfficeDetail ol.lst_reset {
  padding-top: 0;
  padding-left: 0;
  list-style: none;
}

.cp-OfficeDetail ul.lst_reset li,
.cp-OfficeDetail ol.lst_reset li {
  margin-top: 0;
}

.cp-OfficeDetail dl.inline {
  padding-bottom: 8px;
}

.cp-OfficeDetail dl.inline:after {
  height: 0;
  display: block;
  clear: both;
  content: ".";
  visibility: hidden;
}

.cp-OfficeDetail dl.inline dt {
  float: left;
  margin-right: 0.5em;
}

.cp-OfficeDetail dl.inline dd {
  margin-left: 0;
  overflow: hidden;
}

@media (max-width: 640px) {
  .cp-OfficeDetail .map_root .hd01 {
    font-size: 16px;
  }
  .cp-OfficeDetail .map_root_ttl {
    vertical-align: baseline;
    background-image: url(/-/Media/ScAssets/System/Images/icon_s_accordiondown_03.png);
    background-position: 100% 0.15em;
  }
  .cp-OfficeDetail .map_root_ttl:hover {
    text-decoration: none;
  }
  .cp-OfficeDetail .map_root_ttl.open {
    background-image: url(/-/Media/ScAssets/System/Images/icon_s_accordionup_03.png);
  }
  .cp-OfficeDetail .map_root_detail {
    display: none;
  }
  .cp-OfficeDetail #map {
    height: 380px;
  }
}

@media (min-width: 641px) {
  .cp-OfficeDetail .map_root_detail {
    display: block !important;
  }
  .cp-OfficeDetail .map_root_ttl {
    display: none;
  }
}

/* ============================== Map */
.cp-Map #map {
  height: 570px;
  margin: 8px 0;
}

@media (max-width: 640px) {
  .cp-Map #map {
    margin: 0;
    height: 380px;
  }
}

@media (min-width: 641px) {
  .cp-Map .map_root_detail {
    display: block !important;
  }
  .cp-Map .map_root_ttl {
    display: none;
  }
}

.cp-Map #map div {
  max-width: 100% !important;
  max-height: 100% !important;
}

/* ============================== Map Utility Button */
.cp-MapUtilityButton {
  /* @media */
}

.cp-MapUtilityButton .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-MapUtilityButton .button.icon.fs14 {
  padding: 8px 8px 8px 16px;
}

.cp-MapUtilityButton .button.act01 {
  background-color: #666;
  color: #fff;
}

.cp-MapUtilityButton .button.act01:hover {
  background-color: #333;
}

.cp-MapUtilityButton .button.icon {
  padding: 6px 8px 5px 16px;
  background-position: 100% 50%;
}

@media (max-width: 640px) {
  .cp-MapUtilityButton .button.icon.fs14 {
    padding: 12px 16px 12px;
  }
}

/* ============================== Footer Social */
.cp-FooterSocial {
  /* @media */
}

.cp-FooterSocial .share_sct {
  overflow: hidden;
  margin: 8px 0;
  padding: 16px 0 0;
  border-top: 2px solid #dedede;
}

.cp-FooterSocial .share_sct .ttl {
  float: left;
  margin-top: 8px;
  margin-right: 6px;
  color: #717171;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

.cp-FooterSocial .share_sct .dtl {
  float: left;
}

@media (max-width: 640px) {
  .cp-FooterSocial .share_sct {
    padding: 16px 16px 40px;
  }
  .cp-FooterSocial .share_sct .ttl {
    float: none;
    margin-top: 0;
  }
  .cp-FooterSocial .share_sct .dtl {
    margin-top: 16px;
  }
}

.cp-ButtonArea .cp-FooterSocial .share_sct {
  margin: 0;
  padding: 0;
  border: none;
}

/* ============================== Sub Contents Navigation */
.cp-SubContentsNavigation {
  /* ============================== Sub Contents Navigation */
  /* @media */
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_ttl a {
  display: block;
  position: relative;
  padding: 7px 8px 7px 16px;
  font-size: 18px;
  border: 1px solid #c9c9c9;
  color: #333;
  background: #fff;
  border-radius: 4px;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_ttl a:after {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  background: url(../Images/icon_s_accordiondown_03.png) 0 0 no-repeat;
  background-size: contain;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_ttl.open a {
  border-bottom: none;
  background: #f3f3f3;
  border-radius: 4px 4px 0 0;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_ttl.open a:after {
  background-image: url(../Images/icon_s_accordionup_03.png);
  background-size: contain;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst {
  display: none;
  overflow: hidden;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst.open {
  display: block;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst li {
  margin-top: 0;
  padding: 0;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst.clm2 li:nth-child(2n),
.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst.clm3 li:nth-child(3n),
.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst.clm4 li:nth-child(4n),
.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst.clm5 li:nth-child(5n),
.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst.clm6 li:nth-child(6n) {
  border-right: none;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst li a {
  display: block;
  padding: 8px 24px 8px 16px;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst li span {
  display: block;
  padding: 8px 24px 8px 16px;
}

.cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst li a.act {
  background-color: #f3f3f3;
  color: #333;
}

@media (max-width: 640px) {
  .cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_ttl a:after {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-image: url(../Images/icon_l_accordiondown_03.png);
    background-size: contain;
  }
  .cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_ttl.open a:after {
    background-image: url(../Images/icon_l_accordionup_03.png);
    background-size: contain;
  }
  .cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst li {
    border-right: none;
  }
  .cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst li a {
    display: block;
    padding-right: 32px;
    background-image: url(../Images/icon_l_right_01.png);
    background-size: 32px 32px;
  }
  .cp-SubContentsNavigation .sub_contents_nv .sub_cnt_nv_lst li span {
    display: block;
    padding-right: 32px;
  }
}

/* ============================== Sub Contents Navigation Page Bottom */
.cp-SubContentsNavigationPageBottom {
  /* @media */
}

.cp-SubContentsNavigationPageBottom.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn {
  padding: 12px 16px;
  list-style: none;
  background: #f3f3f3;
  border-top: 1px solid #cfcfcf;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li {
  width: 50%;
  margin-top: 0;
  font-size: 18px;
  box-sizing: border-box;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li a {
  display: inline-block;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li.fl_l {
  padding-right: 8px;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li.fl_l a {
  padding-left: 24px;
  background: url(../Images/icon_s_left_03.png) 0 50% no-repeat;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li.fl_r {
  padding-left: 8px;
  text-align: right;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li.fl_r a {
  padding-right: 24px;
  background: url(../Images/icon_s_right_03.png) 100% 50% no-repeat;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_lst {
  margin-top: 16px;
  padding-top: 0;
  padding-left: 0;
  list-style: none;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_lst li {
  margin-top: 0;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_lst li a {
  display: inline-block;
  padding-left: 24px;
  background: url(../Images/icon_s_right_01.png) 0 -0.2em no-repeat;
}

.cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_lst li a.act {
  color: #333;
}

@media (max-width: 640px) {
  .cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li.fl_l a {
    padding-left: 32px;
    background-image: url(../Images/icon_l_left_03.png);
    background-size: 24px 24px;
  }
  .cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_mn li.fl_r a {
    padding-right: 32px;
    background-image: url(../Images/icon_l_right_03.png);
    background-size: 24px 24px;
  }
  .cp-SubContentsNavigationPageBottom .sub_contents_nv_btm .sub_cnt_nv_btm_lst li a {
    padding-left: 32px;
    background-image: url(../Images/icon_l_right_01.png);
    background-size: 32px 32px;
  }
}

/* ============================== Products List */
.cp-ProductsList {
  /* ============================== Reinforcement Navigation */
  /* ============================== Button */
  /* Action high,medium */
  /* ============================== Accordion Section */
  /* @media */
  /* ============================================================ Menu */
  /* ============================== Thumb Menu */
  /* @media */
  /* ============================================================ Box */
  /* ============================== Component Match */
  /* ============================================================*
  * 要素内アイコン絶対配置
  *============================================================ */
  /* ============================== Accordion Section */
  /* ===============================================
  # resultNum
  =============================================== */
  /* ===============================================
  # notFound
  =============================================== */
  /* ===============================================
  # checkList
  =============================================== */
  /* ===============================================
  # proSpecList
  =============================================== */
  /* ===============================================
  # decoration
  =============================================== */
  /* ===============================================
  # accordion
  =============================================== */
  /* ===============================================
                                       # added style
  =============================================== */
  /* ===============================================
# searchDetail_price
=============================================== */
  /* ===============================================
# searchDetail_speed
=============================================== */
  /* ===============================================
# searchDetail-spec
=============================================== */
  /* ===============================================
# kateLabel
=============================================== */
}

.cp-ProductsList ul {
  padding: 0;
  list-style-type: none;
}

.cp-ProductsList li {
  margin-top: 0;
}

.cp-ProductsList p {
  margin-top: 0;
}

.cp-ProductsList .fc_ee9 {
  color: #ee9193 !important;
}

.cp-ProductsList .ml12 {
  margin-left: 12px !important;
}

.cp-ProductsList .ml4 {
  margin-left: 4px !important;
}

.cp-ProductsList .mr4 {
  margin-right: 4px !important;
}

.cp-ProductsList .reinforcement_nv {
  padding: 16px 16px 24px;
  border: 4px solid #dedede;
}

.cp-ProductsList .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-ProductsList .button:hover {
  text-decoration: none;
}

.cp-ProductsList .button.act01 {
  background-color: #666;
  color: #fff;
}

.cp-ProductsList .button.act01:hover {
  background-color: #333;
}

.cp-ProductsList .accordion_sct .acd_ttl {
  position: relative;
  border: 1px solid #c9c9c9;
  background: url(../Images/icon_s_accordiondown_01.png) 100% 50% no-repeat #fff;
  border-radius: 4px 4px 4px 4px;
}

.cp-ProductsList .accordion_sct .acd_ttl.open {
  border: 1px solid #c9c9c9;
  background: url(../Images/icon_s_accordionup_01.png) 100% 50% no-repeat #f3f3f3;
  border-radius: 4px 4px 0 0;
}

.cp-ProductsList .accordion_sct .acd_ttl a {
  position: relative;
  display: block;
  padding: 8px 32px 8px 16px;
  color: #000;
}

.cp-ProductsList .accordion_sct .acd_ttl a:after {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -8px;
  background: url(../Images/icon_s_accordiondown_03.png) 0 0 no-repeat;
  background-size: contain;
}

.cp-ProductsList .accordion_sct .acd_ttl.open a:after {
  background-image: url(../Images/icon_s_accordionup_03.png);
  background-size: contain;
}

.cp-ProductsList .accordion_sct .acd_ttl a.acd_ttl_lnk {
  margin-right: 24px;
  padding-right: 8px;
}

.cp-ProductsList .accordion_sct .acd_ttl a.acd_ttl_btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 100%;
  padding: 0;
  border-left: 1px solid #c9c9c9;
  text-indent: -9999px;
}

.cp-ProductsList .accordion_sct .acd_dtl {
  display: none;
  padding: 16px 16px 32px;
  background: #f3f3f3;
  border: 1px solid #c9c9c9;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.cp-ProductsList .accordion_sct .acd_dtl.open {
  display: block;
}

@media (max-width: 640px) {
  .cp-ProductsList .accordion_sct .acd_ttl a:after {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-image: url(../Images/icon_l_accordiondown_03.png);
  }
  .cp-ProductsList .accordion_sct .acd_ttl.open a:after {
    background-image: url(../Images/icon_l_accordionup_03.png);
  }
}

.cp-ProductsList .thumb_mn {
  display: block;
  overflow: hidden;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat #fff;
}

.cp-ProductsList .thumb_mn .inner {
  overflow: hidden;
  padding: 16px 24px 16px 16px;
}

.cp-ProductsList .thumb_mn .img {
  float: left;
  width: 50%;
  margin-right: 16px;
}

.cp-ProductsList .thumb_mn .img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.cp-ProductsList .thumb_mn .dtl {
  overflow: hidden;
}

.cp-ProductsList .thumb_mn .dtl .ttl {
  font-size: 18px;
  font-weight: bold;
}

.cp-ProductsList a.thumb_mn:hover {
  text-decoration: none;
}

.cp-ProductsList a.thumb_mn:hover .dtl .ttl {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .cp-ProductsList .thumb_mn {
    background-image: url(../Images/icon_m_right_01.png);
    background-size: 24px 24px;
  }
}

.cp-ProductsList .cmp_mtc01 {
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.cp-ProductsList .iconPR {
  position: relative;
}

.cp-ProductsList .iconPR-tr {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
}

.cp-ProductsList .iconPR-tr_new {
  background-image: url(../Images/cmn_jp_v1/icon-thumb_mn-new_r.png);
}

.cp-ProductsList .accordion_sct .acd_ttl02 {
  position: relative;
  border: 1px solid #c9c9c9;
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_accordiondown_03.png) 1% 50% no-repeat #fff;
  border-radius: 4px 4px 4px 4px;
  padding-left: 25px;
}

.cp-ProductsList .accordion_sct .acd_ttl02 a::after {
  display: none;
}

.cp-ProductsList .accordion_sct .acd_ttl02.open {
  border: 1px solid #c9c9c9;
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_accordionup_03.png) 1% 50% no-repeat #fff;
  border-radius: 4px 4px 0 0;
}

.cp-ProductsList .accordion_sct .acd_dtl02 {
  display: none;
  padding: 16px 16px 32px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.cp-ProductsList .resultNum {
  border: 2px solid #c9c9c9;
  padding: 10px 16px 9px;
  box-sizing: border-box;
}

.cp-ProductsList .resultNum-num {
  display: inline-block;
  padding: 0 5px;
}

.cp-ProductsList .resultNum-down {
  background-position: 100% 0.5em;
}

.cp-ProductsList .resultNum a, .cp-ProductsList .resultNum a:hover, .cp-ProductsList .resultNum a:visited {
  text-decoration: none;
  color: #333;
}

.cp-ProductsList .notFound {
  padding: 8px;
  font-size: 18px;
  font-weight: bold;
}

.cp-ProductsList .checkList {
  display: table;
  /*width: 100%;*/
}

.cp-ProductsList .checkList-input {
  display: table-cell;
}

.cp-ProductsList .checkList-icon {
  display: table-cell;
  text-align: right;
}

.cp-ProductsList .checkList-icon-questionIcon {
  margin-left: 8px;
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background-color: #c9c9c9;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 0.3em;
  font-size: 16px;
  border-radius: 5px 5px 5px 5px;
}

.cp-ProductsList a.checkList-icon-questionIcon,
.cp-ProductsList a.checkList-icon-questionIcon:visited,
.cp-ProductsList a.checkList-icon-questionIcon:hover {
  color: #fff;
  text-decoration: none;
}

.cp-ProductsList .proSpecList {
  letter-spacing: -0.40em;
}

.cp-ProductsList .proSpecList-icon {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  margin: 0 5px 5px 0;
  padding: 3px 5px;
  font-size: 14px;
  letter-spacing: normal;
}

.cp-ProductsList .proSpecList-icon_01 {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  color: #333;
}

.cp-ProductsList .proSpecCircleIcon {
  display: inline-block;
  text-align: center;
  width: 23px;
  height: 23px;
  margin: 0 5px 5px 0;
  border-radius: 12px;
  /* width,heightの半分 */
  background-color: #ffc;
  border: 1px solid #c9c9c9;
  font-weight: bold;
  color: #333;
  letter-spacing: 0;
}

.cp-ProductsList .ttl_result {
  font-size: 16px;
  font-weight: bold;
  color: #444;
  text-decoration: none;
}

.cp-ProductsList .checkListHr {
  border-top: 2px dotted #ccc;
}

.cp-ProductsList .selAreaCol {
  border: 1px solid #c9c9c9;
  background-color: #fff;
}

@media (min-width: 1px) {
  .cp-ProductsList input.nml[type=checkbox]:checked+ label::before {
    background-color: #fff;
  }
}

.cp-ProductsList .accordion_sct .acd_ttl02 {
  position: relative;
  border: 1px solid #c9c9c9;
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_m_accordiondown_03.png) 2.25% 50% no-repeat #fff;
  background-size: 20px auto;
  -webkit-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
  padding: 16px 16px 16px 3.5%;
}

.cp-ProductsList .accordion_sct .acd_ttl02.open {
  border: 1px solid #c9c9c9;
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_m_accordionup_03.png) 2.25% 50% no-repeat #fff;
  background-size: 20px auto;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

@media (max-width: 640px) {
  .cp-ProductsList .accordion_sct .acd_ttl02 {
    background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_m_accordiondown_03.png) 4% 50% no-repeat #fff;
    background-size: 20px auto;
    padding: 8px 10px 7px 6.0%;
  }
  .cp-ProductsList .accordion_sct .acd_ttl02.open {
    background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_m_accordionup_03.png) 4% 50% no-repeat #fff;
    background-size: 20px auto;
    padding: 8px 10px 7px 6.0%;
  }
}

.cp-ProductsList .searchDetail_price {
  margin-top: 15px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}

.cp-ProductsList .searchDetail_speed {
  display: table;
  margin-top: 15px;
  color: #333;
}

.cp-ProductsList .searchDetail_speed-txt {
  line-height: 1.3;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.cp-ProductsList .searchDetail_speed-value-icon_color {
  background: transparent url(/-/Media/ScAssets/System/Images/icon-speed-color.png) left center no-repeat;
}

.cp-ProductsList .searchDetail_speed-value-icon_mono {
  background: transparent url(/-/Media/ScAssets/System/Images/icon-speed-black.png) left center no-repeat;
}

.cp-ProductsList .searchDetail_speed-value-icon {
  padding-left: 30px;
  display: inline-block;
  min-height: 22px;
  line-height: 1.6;
}

.cp-ProductsList .searchDetail_speed-value_w> * {
  margin-right: 15px;
}

.cp-ProductsList .searchDetail-spec {
  letter-spacing: -0.40em;
}

.cp-ProductsList .searchDetail-spec-icon {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  margin: 0 5px 5px 0;
  padding: 3px 5px;
  font-size: 14px;
  letter-spacing: normal;
}

.cp-ProductsList .searchDetail-spec-icon_01 {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  color: #333;
}

.cp-ProductsList .searchDetail-spec-icon_02 {
  padding: 0;
  line-height: 1;
}

.cp-ProductsList .searchDetail-spec-icon_02 img {
  vertical-align: top;
}

.cp-ProductsList .clm5 .searchDetail-spec-icon_02 {
  margin: 0 0 5px 0;
  padding: 0 5px 0 0;
  width: 50%;
  box-sizing: border-box;
}

.cp-ProductsList .clm5 .searchDetail-spec-icon_02 img {
  width: 100%;
}

.cp-ProductsList .searchDetail-spec-circleIcon {
  display: inline-block;
  text-align: center;
  width: 23px;
  height: 23px;
  margin: 0 5px 5px 0;
  -webkit-border-radius: 12px;
  /* width,heightの半分 */
     -moz-border-radius: 12px;
          border-radius: 12px;
  background-color: #ffc;
  border: 1px solid #c9c9c9;
  font-weight: bold;
  color: #333;
  letter-spacing: 0;
}

.cp-ProductsList .searchDetail-kateLabel {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  margin-bottom: 16px;
  padding: 3px 5px;
  font-size: 14px;
  letter-spacing: normal;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cp-ProductsList .searchDetail-kateLabel_01 {
  background-color: #a675b0;
}

.cp-ProductsList .searchDetail-kateLabel_02 {
  background-color: #5185c5;
}

.cp-ProductsList .searchDetail-kateLabel_03 {
  background-color: #e06273;
}

.cp-ProductsList .searchDetail-kateLabel_04 {
  background-color: #ea5504;
}

.cp-ProductsList .searchDetail-ttl_result {
  font-size: 20px;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  margin-top: 0;
}

@media (max-width: 640px) {
  .cp-ProductsList .searchDetail-ttl_result {
    font-size: 18px;
  }
  .cp-ProductsList .searchDetail_price {
    font-size: 18px;
  }
}

/* ============================== Page Top */
.cp-PageTop {
  display: none;
  position: fixed;
  right: 8px;
  bottom: 8px;
  z-index: 100;
  /*for Media Queries*/
}

.cp-PageTop a {
  display: block;
  float: right;
  width: 50px;
  height: 50px;
  background: url(../Images/icon_pagetop.png) center center no-repeat;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .cp-PageTop {
    right: 0;
  }
  .cp-PageTop a {
    width: 52px;
    height: 52px;
  }
}

/* ============================== Device Info */
.cp-DeviceInfo {
  /* ============================== Caption */
  /* ============================== Display */
  /* ============================== Border */
  /* ============================================================*
  * 要素内アイコン絶対配置
  *============================================================ */
  /* ============================== ttl_balloon */
  /* ============================== fade_img */
  /* -----------------------------
  # .ico_lst
  # .ico_lst_AddWrap
  # 製品topアイコン表示
  -------------------------------- */
  /* -----------------------------
  # .fade_subimg
  # .fade_subimg_productAddWrap
  # 製品カット切替のカレント表示
  -------------------------------- */
}

.cp-DeviceInfo::after {
  content: "";
  display: block;
  clear: both;
}

.cp-DeviceInfo ul {
  padding: 0;
}

.cp-DeviceInfo li {
  margin-top: 0;
  list-style-type: none;
}

.cp-DeviceInfo p {
  margin-top: 0;
}

.cp-DeviceInfo .caption {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

.cp-DeviceInfo .dt_row {
  display: table-row;
}

.cp-DeviceInfo .dt_hgroup {
  display: table-header-group;
}

.cp-DeviceInfo .bb2 {
  border-bottom: 2px solid #ddd !important;
  box-sizing: border-box;
}

.cp-DeviceInfo .iconPR {
  position: relative;
}

.cp-DeviceInfo .iconPR-tr {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  z-index: 1;
}

.cp-DeviceInfo .iconPR-tr_new {
  background-image: url(/-/Media/ScAssets/System/Images/cmn_jp_v1/icon-thumb_mn-new_r.png);
}

.cp-DeviceInfo .ttl_balloon {
  min-height: 48px;
  font-size: 30px;
  padding-left: 60px;
  position: relative;
}

.cp-DeviceInfo .ttl_balloon .ico_ball {
  width: 48px;
  height: 48px;
  background-image: url(/-/Media/ScAssets/System/Images/cmn_jp_v1/ttl_balloon.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
}

.cp-DeviceInfo .bg_530 {
  background-color: #53001a !important;
}

.cp-DeviceInfo .bg_2d4 {
  background-color: #2d4d5a !important;
}

.cp-DeviceInfo .bg_1a5 {
  background-color: #1a5300 !important;
}

.cp-DeviceInfo .bg_001 {
  background-color: #001a53 !important;
}

.cp-DeviceInfo .bg_400 {
  background-color: #4000ff !important;
}

.cp-DeviceInfo .bg_660 {
  background-color: #660d00 !important;
}

.cp-DeviceInfo .bg_002 {
  background-color: #002740 !important;
}

.cp-DeviceInfo .bg_005 {
  background-color: #00531a !important;
}

.cp-DeviceInfo .bg_1a0 {
  background-color: #1a0053 !important;
}

.cp-DeviceInfo .bg_ff6 {
  background-color: #f60 !important;
}

.cp-DeviceInfo .bg_b3f {
  background-color: #b3ff00 !important;
}

.cp-DeviceInfo .bg_004 {
  background-color: #004dff !important;
}

.cp-DeviceInfo .bg_ff4 {
  background-color: #ff4000 !important;
}

.cp-DeviceInfo ul.fade_mainimg {
  min-height: 376px;
  margin-bottom: 8px;
  position: relative;
}

.cp-DeviceInfo ul.fade_mainimg li {
  display: block;
}

.cp-DeviceInfo ul.fade_mainimg li img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}

.cp-DeviceInfo ul.fade_mainimg01 {
  margin-bottom: 8px;
  position: relative;
}

.cp-DeviceInfo ul.fade_mainimg01 li {
  display: block;
}

.cp-DeviceInfo ul.fade_mainimg01 li img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}

.cp-DeviceInfo ul.fade_mainimg01 li:first-child img {
  z-index: 1;
}

.cp-DeviceInfo ul.fade_subimg {
  overflow: hidden;
}

.cp-DeviceInfo ul.fade_subimg li {
  border: solid 1px #cac9c4;
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
}

.cp-DeviceInfo ul.fade_subimg li.on {
  pointer-events: none;
}

.cp-DeviceInfo ul.fade_subimg li img {
  width: auto;
  vertical-align: top;
}

.cp-DeviceInfo ul.fade_subimg li.on img {
  opacity: 0.60;
  -ms-filter: "alpha(opacity=60)";
}

@media (max-width: 640px) {
  .cp-DeviceInfo {
    /* ============================== fade_img */
  }
  .cp-DeviceInfo ul.fade_mainimg {
    min-height: initial;
    min-height: auto;
  }
  .cp-DeviceInfo ul.fade_mainimg li img {
    width: 100%;
    height: auto;
  }
  .cp-DeviceInfo ul.fade_mainimg01 {
    min-height: initial;
    min-height: auto;
  }
  .cp-DeviceInfo ul.fade_mainimg01 li img {
    width: 100%;
    height: auto;
  }
  .cp-DeviceInfo ul.fade_subimg {
    text-align: center;
  }
  .cp-DeviceInfo ul.fade_subimg li {
    display: inline-block;
    float: none;
    background-color: #c9c9c9;
    border: none;
    padding: 16px 0 0 16px;
    opacity: 0;
    cursor: pointer;
    border-radius: 4px;
  }
  .cp-DeviceInfo ul.fade_subimg li.on {
    background-color: #cf142b;
  }
  .cp-DeviceInfo ul.fade_subimg li img {
    display: none;
  }
}

.cp-DeviceInfo .ico_lst_AddWrap .ico_lst_body {
  margin-right: 5px;
}

.cp-DeviceInfo .ico_lst_AddWrap .ico_lst_tit {
  border-left: 2px solid #ff992b;
  padding-left: 4px;
  font-size: 10px;
  font-weight: bold;
}

.cp-DeviceInfo .ico_lst_AddWrap .ico_lst_sec {
  padding-top: 4px;
}

.cp-DeviceInfo .ico_lst_AddWrap .ico_lst_sec li {
  padding-right: 2px;
}

.cp-DeviceInfo .ico_lst_AddWrap .ico_lst_sec> img {
  max-width: 100%;
}

.cp-DeviceInfo ul.fade_subimg_productAddWrap li {
  width: 16.8%;
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding-right: 1%;
}

.cp-DeviceInfo ul.fade_subimg_productAddWrap li.fade_subimg-last {
  width: 15.8%;
  padding-right: 0;
}

.cp-DeviceInfo ul.fade_subimg_productAddWrap li span {
  border: solid 2px #ddd;
  display: block;
}

.cp-DeviceInfo ul.fade_subimg_productAddWrap li span img {
  width: 100%;
}

.cp-DeviceInfo ul.fade_subimg_productAddWrap li.on span {
  border: solid 2px #cf142b;
}

@media (max-width: 640px) {
  .cp-DeviceInfo ul.fade_subimg_productAddWrap li,
  .cp-DeviceInfo ul.fade_subimg_productAddWrap li.on {
    border: none;
    width: auto;
    padding: 16px 0 0 16px;
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .cp-DeviceInfo ul.fade_subimg_productAddWrap li.fade_subimg-last {
    width: auto;
  }
  .cp-DeviceInfo ul.fade_subimg_productAddWrap li span,
  .cp-DeviceInfo ul.fade_subimg_productAddWrap li.on span {
    border: none;
  }
}

.cp-DeviceInfo ul.ico_lst li .spec-label {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 75px;
  height: 41px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  background-color: #f7f7f7;
  font-size: 11px;
  line-height: 1.2;
  overflow: hidden;
}

.cp-DeviceInfo ul.ico_lst li .spec-label> span {
  margin: 0;
  position: absolute;
  right: 3px;
  bottom: 2px;
  line-height: 1;
  text-align: left;
  font-size: 11px;
}

/* ============================== QA */
.cp-QA {
  /* @media */
}

.cp-QA .accordion_sct .acd_ttl {
  position: relative;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 4px 4px 4px 4px;
}

.cp-QA .accordion_sct .acd_ttl.open {
  background: #f3f3f3;
  border-radius: 4px 4px 0 0;
}

.cp-QA .accordion_sct .acd_ttl a {
  position: relative;
  display: block;
  padding: 8px 16px 8px 32px;
  color: #000;
}

.cp-QA .accordion_sct .acd_ttl a:after {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  background: url(../Images/icon_s_accordiondown_03.png) 0 0 no-repeat;
  background-size: contain;
}

.cp-QA .accordion_sct .acd_ttl.open a:after {
  background-image: url(../Images/icon_s_accordionup_03.png);
  background-size: contain;
}

.cp-QA .accordion_sct .acd_dtl {
  display: none;
  padding: 8px;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.cp-QA .accordion_sct .acd_dtl.open {
  display: block;
}

.cp-QA.isBorderless .acd_ttl,
.cp-QA.isBorderless .acd_dtl {
  border: none;
}

.cp-QA.isTitleBgWhite .accordion_sct .acd_ttl {
  background-color: #fff;
}

.cp-QA.isTitleOpenBgWhite .accordion_sct .acd_ttl.open {
  background-color: #fff;
}

.cp-QA.isContentBgWhite .accordion_sct .acd_dtl {
  background-color: #fff;
}

.cp-QA.isTitleBgGray .accordion_sct .acd_ttl {
  background-color: #f3f3f3;
}

.cp-QA.isTitleOpenBgGray .accordion_sct .acd_ttl.open {
  background-color: #f3f3f3;
}

.cp-QA.isContentBgGray .accordion_sct .acd_dtl {
  background-color: #f3f3f3;
}

.cp-QA.isTitleBgTransparent .accordion_sct .acd_ttl {
  background-color: transparent;
}

.cp-QA.isTitleOpenBgTransparent .accordion_sct .acd_ttl.open {
  background-color: transparent;
}

.cp-QA.isContentBgTransparent .accordion_sct .acd_dtl {
  background-color: transparent;
}

@media (max-width: 640px) {
  .cp-QA .accordion_sct .acd_ttl a:after {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-image: url(../Images/icon_l_accordiondown_03.png);
  }
  .cp-QA .accordion_sct .acd_ttl.open a:after {
    background-image: url(../Images/icon_l_accordionup_03.png);
  }
  .cp-QA .accordion_sct .acd_ttl a {
    padding: 8px 16px 8px 42px;
  }
}

.cp-QA .accordionDetail> *:first-child {
  margin-top: 0;
}

/* ============================== Conversions */
.cp-Conversions {
  /* ============================== Contact Section */
  /* @media */
  /* Conversion high,medium */
}

.cp-Conversions .contact_sct {
  overflow: hidden;
  padding: 16px;
  border: 2px solid #c1def5;
  background: #e8effb;
}

.cp-Conversions .contact_sct .contact_sct_img {
  float: left;
  margin-right: 16px;
}

.cp-Conversions .contact_sct .contact_sct_img img {
  vertical-align: bottom;
  width: 100%;
}

.cp-Conversions .contact_sct .contact_sct_dtl {
  overflow: hidden;
}

.cp-Conversions .contact_sct .contact_sct_ttl {
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

@media (max-width: 640px) {
  .cp-Conversions .contact_sct .contact_sct_img {
    float: none;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .cp-Conversions .contact_sct .contact_sct_ttl {
    font-size: 18px;
  }
  .cp-Conversions .contact_sct.rsp_horizontal .contact_sct_img {
    float: left;
    margin-right: 16px;
    margin-bottom: 0;
  }
}

.cp-Conversions .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-Conversions .button.icon {
  padding: 6px 8px 5px 16px;
  background-position: 100% 50%;
}

.cp-Conversions .button:hover {
  text-decoration: none;
}

.cp-Conversions .button.cnv01 {
  background-color: #0d63dc;
  color: #fff;
}

.cp-Conversions .button.cnv01:hover {
  background-color: #0b51b3;
}

.cp-Conversions .button.cnv02 {
  background-color: #c1def5;
  color: #333;
}

.cp-Conversions .button.cnv02:hover {
  background-color: #e3f1fa;
  border: 2px solid #c1def5;
}

.cp-Conversions .button.act01 {
  background-color: #666;
  color: #fff;
}

.cp-Conversions .button.act01:hover {
  background-color: #333;
}

.cp-Conversions .button.act02 {
  background-color: #dedede;
  color: #333;
}

.cp-Conversions .button.act02:hover {
  background-color: #f3f3f3;
  border: 2px solid #dedede;
}

.cp-Conversions .button.dis01 {
  background-color: #f3f3f3;
  color: #c9c9c9;
  border: 1px solid #dedede;
}

.cp-Conversions .button.spe01 {
  background-color: #ff6112;
  color: #fff;
}

.cp-Conversions .button.spe01:hover {
  background-color: #e65400;
}

.cp-Conversions .button.spe02 {
  background-color: #7e9e00;
  color: #fff;
}

.cp-Conversions .button.spe02:hover {
  background-color: #648200;
}

.cp-Conversions.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

/* ============================== Table */
.cp-Table {
  /* -----------------------------
  # .table.nml
  # .table.nml_scrollAddWrap
  # スモールスクリーン時に横スクロールさせる
  -------------------------------- */
}

.cp-Table.isPaddingTopNone .clm1 .clm {
  padding-top: 0;
}

.cp-Table .ant {
  font-size: 14px;
}

.cp-Table .scrollBar.noVisual {
  display: none;
}

@media (max-width: 640px) {
  .cp-Table .nml_scrollAddWrap {
    overflow: hidden;
    margin: 0 -3px 0;
    padding: 0 3px;
  }
  .cp-Table .nml_scrollAddWrap table thead th:first-child,
  .cp-Table .nml_scrollAddWrap table tbody th {
    min-width: 20%;
  }
  .cp-Table table.nml_scroll {
    margin-bottom: 10px;
  }
  .cp-Table table.nml_scroll th {
    white-space: nowrap;
  }
  .cp-Table table.nml_scroll th,
  .cp-Table table.nml_scroll td {
    font-size: 12px;
    word-break: normal;
  }
  .cp-Table .scrollBar {
    margin: -5px 0 10px 0;
    height: 8px;
    background-color: #c9c9c9;
    position: relative;
    border-radius: 100px;
    z-index: 0;
    overflow: hidden;
  }
  .cp-Table .scrollBar:before, .cp-Table .scrollBar:after {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 8px;
    top: 0;
    z-index: 10;
    background: url(../Images/cmn_jp_v1/scrollBar-01.png) left top no-repeat;
    background-size: 10px 8px;
  }
  .cp-Table .scrollBar:after {
    right: 0;
    background-position: -5px 0;
  }
  .cp-Table .scrollBar:before {
    left: 0;
    background-position: 0 0;
  }
  .cp-Table .scrollBarC {
    background-color: #666;
    position: absolute;
    height: 8px;
    border-radius: 100px;
    z-index: 5;
    top: 0;
    left: 0;
  }
  .cp-Table .scrollBar.noVisual {
    height: 0 !important;
  }
  .cp-Table .scrollBar.noVisual * {
    height: 0 !important;
  }
}

.cp-RichText {
  /* -----------------------------
  # .table.nml
  # .table.nml_scrollAddWrap
  # スモールスクリーン時に横スクロールさせる
  -------------------------------- */
}

.cp-RichText table {
  width: 100%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

.cp-RichText table th,
.cp-RichText table td {
  padding: 8px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  vertical-align: top;
  font-size: 14px;
}

.cp-RichText table thead th,
.cp-RichText table thead td {
  padding: 8px;
  background: #c9c9c9;
  text-align: left;
}

.cp-RichText table tbody th {
  background: #dedede;
  text-align: left;
}

.cp-RichText table tbody td {
  background: #fff;
}

.cp-RichText caption {
  margin-bottom: 8px;
  font-size: 14px;
}

.cp-RichText th> *:first-child,
.cp-RichText td> *:first-child {
  margin-top: 0;
}

.cp-RichText .scrollBar.noVisual {
  display: none;
}

@media (max-width: 640px) {
  .cp-RichText .nml_scrollAddWrap {
    overflow: hidden;
    margin: 0 -3px 0;
    padding: 0 3px;
  }
  .cp-RichText .nml_scrollAddWrap table thead th:first-child,
  .cp-RichText .nml_scrollAddWrap table tbody th {
    min-width: 20%;
  }
  .cp-RichText table.nml_scroll {
    margin-bottom: 10px;
  }
  .cp-RichText table.nml_scroll th {
    white-space: nowrap;
  }
  .cp-RichText table.nml_scroll th,
  .cp-RichText table.nml_scroll td {
    font-size: 12px;
    word-break: normal;
  }
  .cp-RichText .scrollBar {
    margin: -5px 0 10px 0;
    height: 8px;
    background-color: #c9c9c9;
    position: relative;
    border-radius: 100px;
    z-index: 0;
    overflow: hidden;
  }
  .cp-RichText .scrollBar:before, .cp-RichText .scrollBar:after {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 8px;
    top: 0;
    z-index: 10;
    background: url(../Images/cmn_jp_v1/scrollBar-01.png) left top no-repeat;
    background-size: 10px 8px;
  }
  .cp-RichText .scrollBar:after {
    right: 0;
    background-position: -5px 0;
  }
  .cp-RichText .scrollBar:before {
    left: 0;
    background-position: 0 0;
  }
  .cp-RichText .scrollBarC {
    background-color: #666;
    position: absolute;
    height: 8px;
    border-radius: 100px;
    z-index: 5;
    top: 0;
    left: 0;
  }
  .cp-RichText .scrollBar.noVisual {
    height: 0 !important;
  }
  .cp-RichText .scrollBar.noVisual * {
    height: 0 !important;
  }
}

/* ============================== RichText */
/* ============================== Case Article */
.cp-CaseArticle {
  /* ============================== Thumb Text */
  /* @media */
  /* ============================== Banner Menu */
  /* @media */
  /* ============================== Tag List */
}

.cp-CaseArticle .thumb_txt {
  overflow: hidden;
}

.cp-CaseArticle .thumb_txt .img_l {
  float: left;
  margin-right: 16px;
}

.cp-CaseArticle .thumb_txt .img_l img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cp-CaseArticle .thumb_txt .dtl {
  overflow: hidden;
}

.cp-CaseArticle .thumb_txt .dtl .ttl {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
}

.cp-CaseArticle .thumb_txt .dtl p:first-child {
  margin-top: 0;
}

.cp-CaseArticle .thumb_txt .dtl ul:first-child {
  padding-top: 0;
}

.cp-CaseArticle .thumb_txt .dtl ul:first-child li:first-child {
  margin-top: 0;
}

@media (max-width: 640px) {
  .cp-CaseArticle {
    /* vertical layout */
  }
  .cp-CaseArticle .thumb_txt .img_l {
    float: none;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 16px;
  }
}

.cp-CaseArticle .banner_mn {
  display: block;
  position: relative;
  border: 1px solid #a3a8b0;
}

.cp-CaseArticle .banner_mn img {
  display: block;
  width: 100%;
  height: auto;
}

.cp-CaseArticle .banner_mn .bn_ico,
.cp-CaseArticle .banner_mn .bn_ico_l {
  display: block;
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.cp-CaseArticle .banner_mn .bn_ico_l {
  width: 32px;
  height: 32px;
}

@media (max-width: 640px) {
  .cp-CaseArticle .banner_mn .bn_ico,
  .cp-CaseArticle .banner_mn .bn_ico_l {
    bottom: 3px;
    right: 3px;
  }
  .cp-CaseArticle .banner_mn .bn_ico_l {
    width: 24px;
    height: 24px;
  }
}

.cp-CaseArticle .banner_mn .bn_ico,
.cp-CaseArticle .banner_mn .bn_ico_l {
  background-image: url(../Images/icon_s_right_03.png);
}

.cp-CaseArticle .banner_mn[target="_blank"] .bn_ico,
.cp-CaseArticle .banner_mn[target="_blank"] .bn_ico_l {
  background-image: url(../Images/icon_s_newwindow_03.png);
}

.cp-CaseArticle .tag_lst {
  overflow: hidden;
  margin-bottom: -8px;
  padding-left: 0;
  list-style: none;
}

.cp-CaseArticle .tag_lst li {
  float: left;
  margin: 0 8px 8px 0;
  padding: 2px 16px;
  border: 1px solid #c9c9c9;
  background: #fff;
  color: #333;
  font-size: 14px;
}

.cp-CaseArticle .iconPR-tr {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
}

.cp-CaseArticle .iconPR-tr_new {
  background-image: url(../Images/cmn_jp_v1/icon-thumb_mn-new_r.png);
}

/* ============================== Case Module */
/* ============================== Products Search Module */
/* ============================== Case Contents */
.cp-CaseContents h2+ div {
  margin-top: 16px;
}

.cp-CaseContents ul {
  padding-top: 0;
}

.cp-CaseContents li {
  margin-top: 0;
}

/* ============================== Image Area 2clm */
/* ============================== Paragraph + Image */
.cp-ParagraphWithImage {
  /* ============================== Thumb Text */
  /* @media */
}

.cp-ParagraphWithImage .thumb_txt {
  overflow: hidden;
}

.cp-ParagraphWithImage .thumb_txt .img_r {
  width: 50%;
  float: right;
  margin-left: 16px;
}

.cp-ParagraphWithImage .thumb_txt .img_r img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cp-ParagraphWithImage .thumb_txt .dtl {
  overflow: hidden;
}

.cp-ParagraphWithImage .thumb_txt .dtl p:first-child {
  margin-top: 0;
}

.cp-ParagraphWithImage .thumb_txt .dtl ul:first-child {
  padding-top: 0;
}

.cp-ParagraphWithImage .thumb_txt .dtl ul:first-child li:first-child {
  margin-top: 0;
}

@media (max-width: 640px) {
  .cp-ParagraphWithImage {
    /* vertical layout */
    /* horizontal layout */
  }
  .cp-ParagraphWithImage .thumb_txt .img_r {
    float: none;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 16px;
  }
  .cp-ParagraphWithImage .thumb_txt.rsp_horizontal .img_r {
    margin-bottom: 0;
  }
  .cp-ParagraphWithImage .thumb_txt.rsp_horizontal .img_r {
    float: right;
    margin-left: 16px;
  }
}

.cp-ParagraphWithImage .ant {
  font-size: 14px;
}

/* ============================== Customer Profile */
.cp-CustomerProfile a[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-CustomerProfile p {
  margin-top: 0;
}

.cp-CustomerProfile .reinforcement_nv {
  padding: 16px 16px 24px;
  border: 4px solid #dedede;
}

.cp-CustomerProfile .thumb_txt {
  overflow: hidden;
}

.cp-CustomerProfile .thumb_txt .img_l {
  float: left;
  width: 50%;
  margin-right: 16px;
}

.cp-CustomerProfile .thumb_txt .img_r {
  float: right;
  width: 50%;
  margin-left: 16px;
}

.cp-CustomerProfile .thumb_txt .img_l img,
.cp-CustomerProfile .thumb_txt .img_r img {
  display: block;
  width: 100%;
  height: auto;
}

.cp-CustomerProfile .thumb_txt .dtl {
  overflow: hidden;
}

.cp-CustomerProfile .thumb_txt .dtl .ttl {
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 640px) {
  .cp-CustomerProfile .rsp_fl_n, .cp-CustomerProfile .rsp_break_fl_l, .cp-CustomerProfile .rsp_break_fl_r {
    float: none !important;
  }
  .cp-CustomerProfile .rsp_w50p {
    width: 50% !important;
    max-width: 50% !important;
  }
}

/* ============================== Introduction product */
.cp-IntroductionProduct {
  /* Conversion high,medium */
  /* @media */
  /* @media */
}

.cp-IntroductionProduct .reinforcement_nv {
  padding: 16px;
  border: 4px solid #dedede;
}

.cp-IntroductionProduct .thumb_txt {
  overflow: hidden;
}

.cp-IntroductionProduct .thumb_txt .img_l {
  float: left;
  width: 50%;
  margin-right: 16px;
}

.cp-IntroductionProduct .thumb_txt .img_r {
  float: right;
  width: 50%;
  margin-left: 16px;
}

.cp-IntroductionProduct .thumb_txt .img_l img,
.cp-IntroductionProduct .thumb_txt .img_r img {
  display: block;
  width: 100%;
  height: auto;
}

.cp-IntroductionProduct .thumb_txt .dtl {
  overflow: hidden;
}

.cp-IntroductionProduct .thumb_txt .dtl .ttl {
  font-size: 18px;
  font-weight: bold;
}

.cp-IntroductionProduct .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-IntroductionProduct .button.fs16 {
  padding: 11px 16px 10px;
}

.cp-IntroductionProduct .button.icon {
  padding: 6px 8px 5px 16px;
  background-position: 100% 50%;
}

.cp-IntroductionProduct .button.icon.fs16 {
  padding: 7px 8px 6px 16px;
}

.cp-IntroductionProduct .button:hover {
  text-decoration: none;
}

.cp-IntroductionProduct .button.cnv01 {
  background-color: #0d63dc;
  color: #fff;
}

.cp-IntroductionProduct .button.cnv01:hover {
  background-color: #0b51b3;
}

@media (max-width: 640px) {
  .cp-IntroductionProduct .button.icon {
    padding: 10px 16px 9px;
  }
  .cp-IntroductionProduct .button.icon.fs16 {
    padding: 11px 16px 10px;
  }
}

.cp-IntroductionProduct .banner_mn {
  display: block;
  position: relative;
  border: 1px solid #a3a8b0;
}

.cp-IntroductionProduct .banner_mn img {
  display: block;
  width: 100%;
  height: auto;
}

.cp-IntroductionProduct .banner_mn .bn_ico {
  display: block;
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../Images/icon_s_right_03.png);
}

.cp-IntroductionProduct a[target="_blank"] .banner_mn .bn_ico {
  background-image: url(../Images/icon_s_newwindow_03.png);
}

@media (max-width: 640px) {
  .cp-IntroductionProduct .banner_mn .bn_ico {
    bottom: 3px;
    right: 3px;
  }
}

@media (max-width: 640px) {
  .cp-IntroductionProduct .rsp_w100p {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* ============================== Point (Vertical Layout + Image) */
/* ============================== Point (Vertical Layout Lavel + Image) */
.cp-PointVerticalLayoutWithLabel {
  /* v2 override */
}

.cp-PointVerticalLayoutWithLabel .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_01 .jp_point_area {
  background-color: #e9f2f4;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_02 .jp_point_area {
  background-color: #f2f3e2;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_03 .jp_point_area {
  background-color: #fdf3dc;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_04 .jp_point_area {
  background-color: #f2f5fb;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_05 .jp_point_area {
  background-color: #fbebea;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_01 .jp_pt_ttl {
  color: #217892;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_02 .jp_pt_ttl {
  color: #536b3d;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_03 .jp_pt_ttl {
  color: #a57503;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_04 .jp_pt_ttl {
  color: #527083;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_05 .jp_pt_ttl {
  color: #b04537;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_01 .jp_pt_ttl_label {
  background-color: #217892;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_02 .jp_pt_ttl_label {
  background-color: #536b3d;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_03 .jp_pt_ttl_label {
  background-color: #a57503;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_04 .jp_pt_ttl_label {
  background-color: #527083;
}

.cp-PointVerticalLayoutWithLabel .jp_theme_05 .jp_pt_ttl_label {
  background-color: #b04537;
}

.cp-PointVerticalLayoutWithLabel .jp_point_sct {
  padding: 16px;
}

.cp-PointVerticalLayoutWithLabel .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-PointVerticalLayoutWithLabel .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
}

.cp-PointVerticalLayoutWithLabel .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-PointVerticalLayoutWithLabel .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #fff;
  font-size: 18px;
  background-color: #666;
}

.cp-PointVerticalLayoutWithLabel .isBgWhite .jp_point_area {
  background-color: #fff;
}

.cp-PointVerticalLayoutWithLabel p {
  margin-top: 0;
}

/* ============================== Point (Vertical Layout Lavel + Image) */
.cp-PointVerticalLayoutWithLabel.isPtn01 {
  /* v2 override */
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_01 .jp_point_area {
  background-color: #e9f2f4;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_02 .jp_point_area {
  background-color: #f2f3e2;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_03 .jp_point_area {
  background-color: #fdf3dc;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_04 .jp_point_area {
  background-color: #f2f5fb;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_05 .jp_point_area {
  background-color: #fbebea;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_pt_ttl {
  color: transparent;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_01 .jp_pt_ttl {
  color: transparent;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_02 .jp_pt_ttl {
  color: transparent;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_03 .jp_pt_ttl {
  color: transparent;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_04 .jp_pt_ttl {
  color: transparent;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_05 .jp_pt_ttl {
  color: transparent;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_01 .jp_pt_ttl_label {
  background-color: transparent;
  color: #217892;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_02 .jp_pt_ttl_label {
  background-color: transparent;
  color: #536b3d;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_03 .jp_pt_ttl_label {
  background-color: transparent;
  color: #a57503;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_04 .jp_pt_ttl_label {
  background-color: transparent;
  color: #527083;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_theme_05 .jp_pt_ttl_label {
  background-color: transparent;
  color: #b04537;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_point_sct {
  padding: 16px;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  background-color: transparent;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 .isBgWhite .jp_point_area {
  background-color: #fff;
}

.cp-PointVerticalLayoutWithLabel.isPtn01 p {
  margin-top: 0;
}

/* ============================== Point (Horizontal Layout + Image) */
/* ============================== Point (Vertical Layout Lavel + Image) */
.cp-PointHorizontalLayoutWithLabel {
  /* v2 override */
}

.cp-PointHorizontalLayoutWithLabel .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_01 .jp_point_area {
  background-color: #e9f2f4;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_02 .jp_point_area {
  background-color: #f2f3e2;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_03 .jp_point_area {
  background-color: #fdf3dc;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_04 .jp_point_area {
  background-color: #f2f5fb;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_05 .jp_point_area {
  background-color: #fbebea;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_01 .jp_pt_ttl {
  color: #217892;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_02 .jp_pt_ttl {
  color: #536b3d;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_03 .jp_pt_ttl {
  color: #a57503;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_04 .jp_pt_ttl {
  color: #527083;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_05 .jp_pt_ttl {
  color: #b04537;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_01 .jp_pt_ttl_label {
  background-color: #217892;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_02 .jp_pt_ttl_label {
  background-color: #536b3d;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_03 .jp_pt_ttl_label {
  background-color: #a57503;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_04 .jp_pt_ttl_label {
  background-color: #527083;
}

.cp-PointHorizontalLayoutWithLabel .jp_theme_05 .jp_pt_ttl_label {
  background-color: #b04537;
}

.cp-PointHorizontalLayoutWithLabel .jp_point_sct {
  padding: 16px;
}

.cp-PointHorizontalLayoutWithLabel .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-PointHorizontalLayoutWithLabel .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
}

.cp-PointHorizontalLayoutWithLabel .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-PointHorizontalLayoutWithLabel .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #fff;
  font-size: 18px;
  background-color: #666;
}

.cp-PointHorizontalLayoutWithLabel .isBgWhite .jp_point_area {
  background-color: #fff;
}

.cp-PointHorizontalLayoutWithLabel p {
  margin-top: 0;
}

/* ============================== Point (Vertical Layout Lavel + Image) */
.cp-PointHorizontalLayoutWithLabel.isPtn01 {
  /* v2 override */
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_01 .jp_point_area {
  background-color: #e9f2f4;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_02 .jp_point_area {
  background-color: #f2f3e2;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_03 .jp_point_area {
  background-color: #fdf3dc;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_04 .jp_point_area {
  background-color: #f2f5fb;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_05 .jp_point_area {
  background-color: #fbebea;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_pt_ttl {
  color: transparent;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_01 .jp_pt_ttl {
  color: transparent;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_02 .jp_pt_ttl {
  color: transparent;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_03 .jp_pt_ttl {
  color: transparent;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_04 .jp_pt_ttl {
  color: transparent;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_05 .jp_pt_ttl {
  color: transparent;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_01 .jp_pt_ttl_label {
  background-color: transparent;
  color: #217892;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_02 .jp_pt_ttl_label {
  background-color: transparent;
  color: #536b3d;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_03 .jp_pt_ttl_label {
  background-color: transparent;
  color: #a57503;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_04 .jp_pt_ttl_label {
  background-color: transparent;
  color: #527083;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_theme_05 .jp_pt_ttl_label {
  background-color: transparent;
  color: #b04537;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_point_sct {
  padding: 16px;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  background-color: transparent;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 .isBgWhite .jp_point_area {
  background-color: #fff;
}

.cp-PointHorizontalLayoutWithLabel.isPtn01 p {
  margin-top: 0;
}

/* ============================== Step Arrow Type (Horizontal Layout Lavel + Image) */
.cp-StepArrowTypeHorizontalLayoutWithLabel {
  /* compornents */
  /* ============================================================*
  矢印 横並び
  *============================================================ */
}

.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_01 {
  background-color: #e9f2f4;
  padding: 20px 0;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_02 {
  background-color: #f2f3e2;
  padding: 20px 0;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_03 {
  background-color: #fdf3dc;
  padding: 20px 0;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_04 {
  background-color: #f2f5fb;
  padding: 20px 0;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_05 {
  background-color: #fbebea;
  padding: 20px 0;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_01 .jp_point_area {
  background-color: #e9f2f4;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_02 .jp_point_area {
  background-color: #f2f3e2;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_03 .jp_point_area {
  background-color: #fdf3dc;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_04 .jp_point_area {
  background-color: #f2f5fb;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_05 .jp_point_area {
  background-color: #fbebea;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_01 .jp_point_area,
.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_02 .jp_point_area,
.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_03 .jp_point_area,
.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_04 .jp_point_area,
.cp-StepArrowTypeHorizontalLayoutWithLabel> .jp_theme_05 .jp_point_area {
  background-color: #fff;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_01 .jp_pt_ttl {
  color: #217892;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_02 .jp_pt_ttl {
  color: #536b3d;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_03 .jp_pt_ttl {
  color: #a57503;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_04 .jp_pt_ttl {
  color: #527083;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_05 .jp_pt_ttl {
  color: #b04537;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_point_sct {
  padding: 16px;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_point_sct> p:first-child {
  margin-top: 0;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_point_sct .jp_pt_txtarea {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
  margin-top: auto;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_img.img_r {
  padding-left: 8px;
  padding-top: 0;
  width: 50%;
  float: right;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_img.img_l {
  padding-right: 8px;
  padding-top: 0;
  width: 50%;
  float: left;
}

@media (max-width: 640px) {
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_point_sct .jp_pt_txtarea {
    width: 100%;
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_img.img_r {
    padding-top: 8px;
    padding-left: 0;
    width: 100%;
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_img.img_l {
    padding-top: 8px;
    padding-right: 0;
    width: 100%;
  }
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #fff;
  font-size: 18px;
  background-color: #666;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_pt_ttl_label p {
  margin-top: 0;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_01 .jp_pt_ttl_label {
  background-color: #217892;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_02 .jp_pt_ttl_label {
  background-color: #536b3d;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_03 .jp_pt_ttl_label {
  background-color: #a57503;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_04 .jp_pt_ttl_label {
  background-color: #527083;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_05 .jp_pt_ttl_label {
  background-color: #b04537;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_horizon:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_box {
  float: left;
  width: 48.5%;
  padding-right: 3%;
  background-image: url("../Images/ex_component/icon_arrow_col00.png");
  background-position: right 1% center;
  background-size: 16px 41px;
  background-repeat: no-repeat;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_01.jp_step_horizon .jp_step_box,
.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_01 .jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col01.png");
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_02.jp_step_horizon .jp_step_box,
.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_02 .jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col02.png");
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_03.jp_step_horizon .jp_step_box,
.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_03 .jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col03.png");
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_04.jp_step_horizon .jp_step_box,
.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_04 .jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col04.png");
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_05.jp_step_horizon .jp_step_box,
.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_05 .jp_step_horizon .jp_step_box {
  background-image: url("../Images/ex_component/icon_arrow_col05.png");
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_box:last-child {
  padding-right: 0;
  background-image: none !important;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_horizon.clm3 .jp_step_box {
  width: 31.333%;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_horizon.clm4 .jp_step_box {
  width: 22.75%;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_horizon.clm5 .jp_step_box {
  width: 17.6%;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_horizon.clm6 .jp_step_box {
  width: 14.166%;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_horizon .jp_step_box .jp_point_area {
  padding: 8px;
}

@media (max-width: 640px) {
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_box {
    width: 100% !important;
    float: none;
    padding-right: 0;
    padding-bottom: 32px;
    background-image: url("../Images/ex_component/icon_arrow_col00_down.png");
    background-repeat: no-repeat;
    background-size: 41px 16px;
    background-position: center bottom 2%;
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_01.jp_step_horizon .jp_step_box,
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_01 .jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col01_down.png");
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_02.jp_step_horizon .jp_step_box,
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_02 .jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col02_down.png");
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_03.jp_step_horizon .jp_step_box,
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_03 .jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col03_down.png");
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_04.jp_step_horizon .jp_step_box,
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_04 .jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col04_down.png");
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_05.jp_step_horizon .jp_step_box,
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_theme_05 .jp_step_horizon .jp_step_box {
    background-image: url("../Images/ex_component/icon_arrow_col05_down.png");
  }
  .cp-StepArrowTypeHorizontalLayoutWithLabel .jp_step_box:last-child {
    padding: 0;
  }
}

.cp-StepArrowTypeHorizontalLayoutWithLabel.isBgWhite .jp_point_area {
  background-color: #fff;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel.isBgWhite .jp_theme_01 .jp_point_area {
  background-color: #fff;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel.isBgWhite .jp_theme_02 .jp_point_area {
  background-color: #fff;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel.isBgWhite .jp_theme_03 .jp_point_area {
  background-color: #fff;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel.isBgWhite .jp_theme_04 .jp_point_area {
  background-color: #fff;
}

.cp-StepArrowTypeHorizontalLayoutWithLabel.isBgWhite .jp_theme_05 .jp_point_area {
  background-color: #fff;
}

/* ============================== Step Tale Type (Horizontal Layout) */
.cp-StepTaleTypeHorizontalLayout {
  /* compornents */
  /* ============================================================*
  矢印ボックス
  *============================================================ */
}

.cp-StepTaleTypeHorizontalLayout .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_01 .jp_step_ul li {
  background-color: #e9f2f4;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_02 .jp_step_ul li {
  background-color: #f2f3e2;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_03 .jp_step_ul li {
  background-color: #fdf3dc;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_04 .jp_step_ul li {
  background-color: #f2f5fb;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_05 .jp_step_ul li {
  background-color: #fbebea;
}

.cp-StepTaleTypeHorizontalLayout> .jp_theme_01 .jp_point_area,
.cp-StepTaleTypeHorizontalLayout> .jp_theme_02 .jp_point_area,
.cp-StepTaleTypeHorizontalLayout> .jp_theme_03 .jp_point_area,
.cp-StepTaleTypeHorizontalLayout> .jp_theme_04 .jp_point_area,
.cp-StepTaleTypeHorizontalLayout> .jp_theme_05 .jp_point_area {
  background-color: #fff;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_01 .jp_step_label {
  background-color: #217892;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_02 .jp_step_label {
  background-color: #536b3d;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_03 .jp_step_label {
  background-color: #a57503;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_04 .jp_step_label {
  background-color: #527083;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_05 .jp_step_label {
  background-color: #b04537;
}

.cp-StepTaleTypeHorizontalLayout .jp_point_sct {
  padding: 16px;
}

.cp-StepTaleTypeHorizontalLayout .jp_point_sct> p:first-child {
  margin-top: 0;
}

.cp-StepTaleTypeHorizontalLayout .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-StepTaleTypeHorizontalLayout .jp_point_sct .jp_pt_txtarea {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.cp-StepTaleTypeHorizontalLayout .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
  margin-top: auto;
}

.cp-StepTaleTypeHorizontalLayout .jp_pt_img.img_r {
  padding-left: 8px;
  padding-top: 0;
  width: 50%;
  float: right;
}

.cp-StepTaleTypeHorizontalLayout .jp_pt_img.img_l {
  padding-right: 8px;
  padding-top: 0;
  width: 50%;
  float: left;
}

@media (max-width: 640px) {
  .cp-StepTaleTypeHorizontalLayout .jp_point_sct .jp_pt_txtarea {
    width: 100%;
  }
  .cp-StepTaleTypeHorizontalLayout .jp_pt_img.img_r {
    padding-top: 8px;
    padding-left: 0;
    width: 100%;
  }
  .cp-StepTaleTypeHorizontalLayout .jp_pt_img.img_l {
    padding-top: 8px;
    padding-right: 0;
    width: 100%;
  }
}

.cp-StepTaleTypeHorizontalLayout .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-StepTaleTypeHorizontalLayout .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #fff;
  font-size: 18px;
  background-color: #666;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_ul .jp_point_sct {
  padding: 0;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_label {
  display: inline-block;
  padding: 2px 8px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_label,
.cp-StepTaleTypeHorizontalLayout .jp_probsol_label {
  background-color: #666;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_ul {
  list-style-type: none;
  width: 100%;
  padding: 0;
  display: table;
  background-color: #fff;
  position: relative;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_ul li {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  padding: 16px 16px 16px 24px;
  background-color: #f3f3f3;
  background-image: url("../Images/ex_component/bg_col_00.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_ul li:first-child {
  background-image: none !important;
  padding-left: 16px;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_li2 li {
  width: 50%;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_li3 li {
  width: 33.333%;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_li4 li {
  width: 25%;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_li5 li {
  width: 20%;
}

.cp-StepTaleTypeHorizontalLayout .jp_step_li6 li {
  width: 16.666%;
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_01.isBgWhite .jp_step_ul li {
  background-color: #fff;
  background-image: url("../Images/ex_component/bg_col_01.png");
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_02.isBgWhite .jp_step_ul li {
  background-color: #fff;
  background-image: url("../Images/ex_component/bg_col_02.png");
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_03.isBgWhite .jp_step_ul li {
  background-color: #fff;
  background-image: url("../Images/ex_component/bg_col_03.png");
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_04.isBgWhite .jp_step_ul li {
  background-color: #fff;
  background-image: url("../Images/ex_component/bg_col_04.png");
}

.cp-StepTaleTypeHorizontalLayout.jp_theme_05.isBgWhite .jp_step_ul li {
  background-color: #fff;
  background-image: url("../Images/ex_component/bg_col_05.png");
}

@media (max-width: 640px) {
  .cp-StepTaleTypeHorizontalLayout .jp_step_ul li {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 36px 16px 16px 16px;
    background: #f3f3f3 url("../Images/ex_component/bg_col_00_down.png") center top no-repeat;
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_01 .jp_step_ul li {
    background-image: url("../Images/ex_component/bg_col_00_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_02 .jp_step_ul li {
    background-image: url("../Images/ex_component/bg_col_00_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_03 .jp_step_ul li {
    background-image: url("../Images/ex_component/bg_col_00_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_04 .jp_step_ul li {
    background-image: url("../Images/ex_component/bg_col_00_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_05 .jp_step_ul li {
    background-image: url("../Images/ex_component/bg_col_00_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_01.isBgWhite .jp_step_ul li {
    background-color: #fff;
    background-image: url("../Images/ex_component/bg_col_01_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_02.isBgWhite .jp_step_ul li {
    background-color: #fff;
    background-image: url("../Images/ex_component/bg_col_02_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_03.isBgWhite .jp_step_ul li {
    background-color: #fff;
    background-image: url("../Images/ex_component/bg_col_03_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_04.isBgWhite .jp_step_ul li {
    background-color: #fff;
    background-image: url("../Images/ex_component/bg_col_04_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout.jp_theme_05.isBgWhite .jp_step_ul li {
    background-color: #fff;
    background-image: url("../Images/ex_component/bg_col_05_down.png");
  }
  .cp-StepTaleTypeHorizontalLayout .jp_step_ul li:first-child {
    padding-top: 16px;
  }
}

/* ============================== Solving Problems (Vertical Layout) */
.cp-SolvingProblemsVerticalLayout {
  /* compornents */
  /* ============================================================*
  課題解決
  *============================================================ */
}

.cp-SolvingProblemsVerticalLayout .jp_psbox_solving.jp_theme_01,
.cp-SolvingProblemsVerticalLayout .jp_psbox_probrem.jp_theme_01 {
  background-color: #e9f2f4;
}

.cp-SolvingProblemsVerticalLayout .jp_psbox_solving.jp_theme_02,
.cp-SolvingProblemsVerticalLayout .jp_psbox_probrem.jp_theme_02 {
  background-color: #f2f3e2;
}

.cp-SolvingProblemsVerticalLayout .jp_psbox_solving.jp_theme_03,
.cp-SolvingProblemsVerticalLayout .jp_psbox_probrem.jp_theme_03 {
  background-color: #fdf3dc;
}

.cp-SolvingProblemsVerticalLayout .jp_psbox_solving.jp_theme_04,
.cp-SolvingProblemsVerticalLayout .jp_psbox_probrem.jp_theme_04 {
  background-color: #f2f5fb;
}

.cp-SolvingProblemsVerticalLayout .jp_psbox_solving.jp_theme_05,
.cp-SolvingProblemsVerticalLayout .jp_psbox_probrem.jp_theme_05 {
  background-color: #fbebea;
}

.cp-SolvingProblemsVerticalLayout .jp_probsolvbox .jp_point_area {
  background-color: #fff;
}

.cp-SolvingProblemsVerticalLayout .jp_probsol_label {
  background-color: #666;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_01 .jp_probsol_label {
  background-color: #217892;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_02 .jp_probsol_label {
  background-color: #536b3d;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_03 .jp_probsol_label {
  background-color: #a57503;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_04 .jp_probsol_label {
  background-color: #527083;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_05 .jp_probsol_label {
  background-color: #b04537;
}

.cp-SolvingProblemsVerticalLayout .jp_bg_probrem,
.cp-SolvingProblemsVerticalLayout .jp_probsolvbox {
  position: relative;
}

.cp-SolvingProblemsVerticalLayout .sct_bg01.jp_bg_solving {
  padding-top: 32px;
}

.cp-SolvingProblemsVerticalLayout .jp_probsol_label {
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 20px;
  color: #fff;
  display: inline-block;
}

.cp-SolvingProblemsVerticalLayout .jp_psbox_probrem,
.cp-SolvingProblemsVerticalLayout .jp_psbox_solving {
  padding: 40px 16px 24px;
  background-color: #f3f3f3;
}

.cp-SolvingProblemsVerticalLayout .jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down06.png");
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 24px;
  text-align: center;
}

.cp-SolvingProblemsVerticalLayout .jp_bg_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down00.png");
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 20px;
  text-align: center;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_01.jp_bg_probrem:after,
.cp-SolvingProblemsVerticalLayout .jp_theme_01.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down01.png");
}

.cp-SolvingProblemsVerticalLayout .jp_theme_02.jp_bg_probrem:after,
.cp-SolvingProblemsVerticalLayout .jp_theme_02.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down02.png");
}

.cp-SolvingProblemsVerticalLayout .jp_theme_03.jp_bg_probrem:after,
.cp-SolvingProblemsVerticalLayout .jp_theme_03.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down03.png");
}

.cp-SolvingProblemsVerticalLayout .jp_theme_04.jp_bg_probrem:after,
.cp-SolvingProblemsVerticalLayout .jp_theme_04.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down04.png");
}

.cp-SolvingProblemsVerticalLayout .jp_theme_05.jp_bg_probrem:after,
.cp-SolvingProblemsVerticalLayout .jp_theme_05.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down05.png");
}

.cp-SolvingProblemsVerticalLayout .jp_probsolvbox.clm {
  float: none;
}

.cp-SolvingProblemsVerticalLayout .jp_task_delta {
  height: 64px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: -42px;
  z-index: 1;
  color: #f3f3f3;
  font-size: 64px;
}

.cp-SolvingProblemsVerticalLayout .jp_bg_probrem .jp_task_delta {
  color: #fff;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_01 .jp_task_delta {
  color: #e9f2f4;
  background-color: #e9f2f4;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_02 .jp_task_delta {
  color: #f2f3e2;
  background-color: #f2f3e2;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_03 .jp_task_delta {
  color: #fdf3dc;
  background-color: #fdf3dc;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_04 .jp_task_delta {
  color: #f2f5fb;
  background-color: #f2f5fb;
}

.cp-SolvingProblemsVerticalLayout .jp_theme_05 .jp_task_delta {
  color: #fbebea;
  background-color: #fbebea;
}

.cp-SolvingProblemsVerticalLayout .jp_bg_probrem .jp_task_delta {
  bottom: -20px;
}

/* ============================== Solving Problems (Horizontal Layout) */
.cp-SolvingProblemsHorizontalLayout {
  /* compornents */
  /* ============================================================*
  課題解決
  *============================================================ */
}

.cp-SolvingProblemsHorizontalLayout> .jp_theme_01 {
  background-color: #e9f2f4;
  padding: 20px 0;
}

.cp-SolvingProblemsHorizontalLayout> .jp_theme_02 {
  background-color: #f2f3e2;
  padding: 20px 0;
}

.cp-SolvingProblemsHorizontalLayout> .jp_theme_03 {
  background-color: #fdf3dc;
  padding: 20px 0;
}

.cp-SolvingProblemsHorizontalLayout> .jp_theme_04 {
  background-color: #f2f5fb;
  padding: 20px 0;
}

.cp-SolvingProblemsHorizontalLayout> .jp_theme_05 {
  background-color: #fbebea;
  padding: 20px 0;
}

.cp-SolvingProblemsHorizontalLayout .jp_point_area {
  background-clip: content-box;
  background-color: #f3f3f3;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_01 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout .jp_theme_01 .jp_step_ul li,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_solving.jp_theme_01,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_probrem.jp_theme_01 {
  background-color: #e9f2f4;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_02 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout .jp_theme_02 .jp_step_ul li,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_solving.jp_theme_02,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_probrem.jp_theme_02 {
  background-color: #f2f3e2;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_03 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout .jp_theme_03 .jp_step_ul li,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_solving.jp_theme_03,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_probrem.jp_theme_03 {
  background-color: #fdf3dc;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_04 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout .jp_theme_04 .jp_step_ul li,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_solving.jp_theme_04,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_probrem.jp_theme_04 {
  background-color: #f2f5fb;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_05 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout .jp_theme_05 .jp_step_ul li,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_solving.jp_theme_05,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_probrem.jp_theme_05 {
  background-color: #fbebea;
}

.cp-SolvingProblemsHorizontalLayout> .jp_theme_01 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout> .jp_theme_02 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout> .jp_theme_03 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout> .jp_theme_04 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout> .jp_theme_05 .jp_point_area,
.cp-SolvingProblemsHorizontalLayout .jp_probsolvbox .jp_point_area {
  background-color: #fff;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_01 .jp_pt_ttl {
  color: #217892;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_02 .jp_pt_ttl {
  color: #536b3d;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_03 .jp_pt_ttl {
  color: #a57503;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_04 .jp_pt_ttl {
  color: #527083;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_05 .jp_pt_ttl {
  color: #b04537;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_01 .jp_pt_ttl_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_01 .jp_step_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_01 .jp_probsol_label {
  background-color: #217892;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_02 .jp_pt_ttl_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_02 .jp_step_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_02 .jp_probsol_label {
  background-color: #536b3d;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_03 .jp_pt_ttl_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_03 .jp_step_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_03 .jp_probsol_label {
  background-color: #a57503;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_04 .jp_pt_ttl_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_04 .jp_step_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_04 .jp_probsol_label {
  background-color: #527083;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_05 .jp_pt_ttl_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_05 .jp_step_label,
.cp-SolvingProblemsHorizontalLayout .jp_theme_05 .jp_probsol_label {
  background-color: #b04537;
}

.cp-SolvingProblemsHorizontalLayout .jp_point_sct {
  padding: 16px;
}

.cp-SolvingProblemsHorizontalLayout .jp_point_sct:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cp-SolvingProblemsHorizontalLayout .jp_point_sct .jp_pt_txtarea {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.cp-SolvingProblemsHorizontalLayout .jp_pt_img {
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
}

.cp-SolvingProblemsHorizontalLayout .jp_pt_img.img_r {
  padding-left: 8px;
  padding-top: 0;
  width: 50%;
  float: right;
}

.cp-SolvingProblemsHorizontalLayout .jp_pt_img.img_l {
  padding-right: 8px;
  padding-top: 0;
  width: 50%;
  float: left;
}

@media (max-width: 640px) {
  .cp-SolvingProblemsHorizontalLayout .jp_point_sct .jp_pt_txtarea {
    width: 100%;
  }
  .cp-SolvingProblemsHorizontalLayout .jp_pt_img.img_r {
    padding-top: 8px;
    padding-left: 0;
    width: 100%;
  }
  .cp-SolvingProblemsHorizontalLayout .jp_pt_img.img_l {
    padding-top: 8px;
    padding-right: 0;
    width: 100%;
  }
}

.cp-SolvingProblemsHorizontalLayout .jp_pt_ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  color: #217892;
}

.cp-SolvingProblemsHorizontalLayout .jp_pt_ttl_label {
  padding: 8px 16px;
  color: #fff;
  font-size: 18px;
  background-color: #666;
}

.cp-SolvingProblemsHorizontalLayout .jp_bg_probrem,
.cp-SolvingProblemsHorizontalLayout .jp_probsolvbox {
  position: relative;
}

.cp-SolvingProblemsHorizontalLayout .sct_bg01.jp_bg_solving {
  padding-top: 32px;
}

.cp-SolvingProblemsHorizontalLayout .jp_probsol_label {
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 20px;
  color: #fff;
  display: inline-block;
}

.cp-SolvingProblemsHorizontalLayout .jp_psbox_probrem,
.cp-SolvingProblemsHorizontalLayout .jp_psbox_solving {
  padding: 40px 16px 24px;
  background-color: #f3f3f3;
}

.cp-SolvingProblemsHorizontalLayout .jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down06.png");
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 24px;
  text-align: center;
}

.cp-SolvingProblemsHorizontalLayout .jp_bg_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down00.png");
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 20px;
  text-align: center;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_01.jp_bg_probrem:after,
.cp-SolvingProblemsHorizontalLayout .jp_theme_01.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down01.png");
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_02.jp_bg_probrem:after,
.cp-SolvingProblemsHorizontalLayout .jp_theme_02.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down02.png");
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_03.jp_bg_probrem:after,
.cp-SolvingProblemsHorizontalLayout .jp_theme_03.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down03.png");
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_04.jp_bg_probrem:after,
.cp-SolvingProblemsHorizontalLayout .jp_theme_04.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down04.png");
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_05.jp_bg_probrem:after,
.cp-SolvingProblemsHorizontalLayout .jp_theme_05.jp_psbox_probrem:after {
  content: url("../Images/ex_component/icon_arrow_down05.png");
}

.cp-SolvingProblemsHorizontalLayout .jp_probsolvbox.clm {
  float: none;
}

.cp-SolvingProblemsHorizontalLayout .jp_task_delta {
  height: 64px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: -42px;
  z-index: 1;
  color: #f3f3f3;
  font-size: 64px;
}

.cp-SolvingProblemsHorizontalLayout .jp_bg_probrem .jp_task_delta {
  color: #fff;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_01 .jp_task_delta {
  color: #e9f2f4;
  background-color: #e9f2f4;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_02 .jp_task_delta {
  color: #f2f3e2;
  background-color: #f2f3e2;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_03 .jp_task_delta {
  color: #fdf3dc;
  background-color: #fdf3dc;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_04 .jp_task_delta {
  color: #f2f5fb;
  background-color: #f2f5fb;
}

.cp-SolvingProblemsHorizontalLayout .jp_theme_05 .jp_task_delta {
  color: #fbebea;
  background-color: #fbebea;
}

.cp-SolvingProblemsHorizontalLayout .jp_bg_probrem .jp_task_delta {
  bottom: -20px;
}

/* ============================== Step Up */
.cp-StepUp {
  /* ============================================================*
  step_current
  *============================================================ */
}

.cp-StepUp p {
  margin-top: auto;
}

.cp-StepUp .jp_step_current .clm {
  border-top: 2px solid #dedede;
  border-bottom: 2px solid #dedede;
  background-image: url("../Images/ex_component/arrow_nextstep.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 21px 100%;
  padding: 8px 2% 8px 0;
  position: relative;
  box-sizing: content-box;
}

.cp-StepUp .jp_step_current .clm:first-child:before {
  content: "　";
  background-image: url("../Images/ex_component/jp_step_current_partition.png");
  background-size: contain;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cp-StepUp .jp_step_current .clm:last-child {
  padding-right: 0;
  background-image: none;
}

.cp-StepUp .jp_step_current .clm:last-child:before {
  content: "　";
  background-image: url("../Images/ex_component/jp_step_current_partition.png");
  background-size: contain;
  width: 2px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.cp-StepUp .jp_step_current .clm:last-child .jp_step_current_ttl {
  padding: 0;
}

.cp-StepUp .jp_step_current .jp_step_current_ttl {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.cp-StepUp .jp_step_current .jp_step_current_txt {
  font-size: 14px;
  padding: 0 8px;
  text-align: center;
}

.cp-StepUp .jp_step_current .clm.current {
  background-color: #dedede;
  background-image: url("../Images/ex_component/arrow_nextstep_current.jpg");
  background-repeat: no-repeat;
}

.cp-StepUp .jp_step_current.clm6 .clm {
  width: 15%;
}

.cp-StepUp .jp_step_current.clm5 .clm {
  width: 18.4%;
}

.cp-StepUp .jp_step_current.clm4 .clm {
  width: 23.5%;
}

.cp-StepUp .jp_step_current.clm3 .clm {
  width: 32%;
}

.cp-StepUp .jp_step_current.clm2 .clm {
  width: 49%;
}

@media (max-width: 640px) {
  .cp-StepUp .jp_step_current .jp_step_current_txt {
    display: none;
  }
  .cp-StepUp .jp_step_current .clm {
    background-size: auto;
  }
  .cp-StepUp .jp_step_current.clm6 .jp_step_current_ttl {
    font-size: 12px;
  }
}

/* ============================== Sub Contents Navigation */
.cp-SubContentsNavigation {
  /* ============================== Contents Navigation */
  /* @media */
  /* ============================================================*
  sub_contents_nv
  *============================================================ */
}

.cp-SubContentsNavigation ul {
  padding: 0;
  list-style-type: none;
}

.cp-SubContentsNavigation p,
.cp-SubContentsNavigation li {
  margin-top: auto;
}

.cp-SubContentsNavigation .contents_nv .cnt_nv_ttl {
  display: none;
}

.cp-SubContentsNavigation .contents_nv .cnt_nv_lst {
  overflow: hidden;
  width: 100%;
  background: #fff;
  border-left: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}

.cp-SubContentsNavigation .contents_nv .cnt_nv_lst li {
  padding: 0;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.cp-SubContentsNavigation .contents_nv .cnt_nv_lst li a,
.cp-SubContentsNavigation .contents_nv .cnt_nv_lst li span {
  display: block;
  padding: 8px 24px 8px 16px;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat;
}

.cp-SubContentsNavigation .contents_nv .cnt_nv_lst li span {
  background: none;
}

.cp-SubContentsNavigation .contents_nv .cnt_nv_lst li a.act {
  background-color: #f3f3f3;
  color: #333;
}

@media (max-width: 640px) {
  .cp-SubContentsNavigation {
    /* bottom */
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_ttl {
    display: block;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_ttl a {
    display: block;
    padding: 7px 32px 7px 16px;
    border: 2px solid #c9c9c9;
    color: #333;
    background: url(../Images/icon_l_accordiondown_01.png) 100% 50% no-repeat #fff;
    background-size: 32px 32px;
    border-radius: 4px;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_ttl.open a {
    border-bottom: none;
    background: url(../Images/icon_l_accordionup_01.png) 100% 50% no-repeat #f3f3f3;
    background-size: 32px 32px;
    border-radius: 4px 4px 0 0;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_lst {
    display: none;
    border: 2px solid #c9c9c9;
    border-radius: 0 0 4px 4px;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_lst.open {
    display: block;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_lst li {
    border-width: 2px 2px 0 0;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_lst li:nth-child(even) {
    border-right: none;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_lst li:nth-child(1),
  .cp-SubContentsNavigation .contents_nv .cnt_nv_lst li:nth-child(2) {
    border-top: none;
  }
  .cp-SubContentsNavigation .contents_nv .cnt_nv_lst li a {
    padding-right: 32px;
    background-image: url(../Images/icon_l_right_01.png);
    background-size: 32px 32px;
  }
  .cp-SubContentsNavigation .contents_nv.btm .cnt_nv_ttl {
    display: none;
  }
  .cp-SubContentsNavigation .contents_nv.btm .cnt_nv_lst {
    display: block;
    border-radius: 4px;
  }
}

.cp-SubContentsNavigation .jp_sub_contents_nv {
  padding-top: 8px;
  display: table;
}

.cp-SubContentsNavigation .jp_sub_contents_nv.contents_nv .clm {
  padding: 8px 0 8px 8px;
}

.cp-SubContentsNavigation .jp_sub_contents_nv.contents_nv .clm a {
  padding: 0 8px 0 24px;
  background-image: url("/-/Media/ScAssets/System/Images/cmn_v1/icon_s_right_03.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0 center;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  line-height: 24px;
  width: 1024px;
  border-right: 1px solid #dedede;
}

.cp-SubContentsNavigation .jp_sub_contents_nv .clm2 .clm:nth-child(2n) a,
.cp-SubContentsNavigation .jp_sub_contents_nv .clm3 .clm:nth-child(3n) a,
.cp-SubContentsNavigation .jp_sub_contents_nv .clm4 .clm:nth-child(4n) a,
.cp-SubContentsNavigation .jp_sub_contents_nv .clm5 .clm:nth-child(5n) a,
.cp-SubContentsNavigation .jp_sub_contents_nv .clm6 .clm:nth-child(6n) a {
  border-right: none;
}

.cp-SubContentsNavigation .contents_nv.jp_sub_contents_nv .cnt_nv_ttl a {
  border: none;
  border-bottom: 2px solid #dedede;
  border-radius: 0;
  background-color: #fff;
}

.cp-SubContentsNavigation .contents_nv.jp_sub_contents_nv .cnt_nv_lst {
  border-left: none;
  border-bottom: none;
}

.cp-SubContentsNavigation .contents_nv.jp_sub_contents_nv .cnt_nv_lst li {
  border-top: none;
  border-right: none;
}

@media (max-width: 640px) {
  .cp-SubContentsNavigation .jp_sub_contents_nv {
    padding-top: 0;
    width: 96%;
    margin: 0 auto;
  }
  .cp-SubContentsNavigation .jp_sub_contents_nv.contents_nv .clm a {
    border-right: none;
  }
  .cp-SubContentsNavigation .contents_nv.jp_sub_contents_nv .cnt_nv_ttl a {
    padding: 7px 0 7px 7px;
    background-position: 101.75% center;
  }
  .cp-SubContentsNavigation .jp_sub_contents_nv.contents_nv .clm {
    border-bottom: 2px solid #dedede;
  }
  .cp-SubContentsNavigation .jp_sub_contents_nv .clm:first-child {
    border-top: 2px solid #dedede;
  }
  .cp-SubContentsNavigation .contents_nv.jp_sub_contents_nv .cnt_nv_lst {
    border: none;
  }
}

/* ============================== Top Page Footer */
.cp-TopPageFooter ul {
  padding: 0;
}

.cp-TopPageFooter ul,
.cp-TopPageFooter ol {
  list-style: none;
}

.cp-TopPageFooter h3 {
  margin-top: 0;
}

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

.cp-TopPageFooter .l-container_full {
  width: 100%;
}

.cp-TopPageFooter .l-container_common {
  box-sizing: border-box;
  max-width: 1024px;
  margin: auto;
  padding: 0 8px 40px 8px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-container_common {
    width: 92%;
    padding: 0;
    padding-bottom: 30px;
  }
}

.cp-TopPageFooter.l-footer_container {
  border-top: 0 !important;
}

.cp-TopPageFooter.l-footer_container .l-container_common {
  padding-bottom: 0;
}

.cp-TopPageFooter.l-footer_container .ft_ut .ft_ut_inr .ft_pg_top a {
  color: #000 !important;
}

.cp-TopPageFooter.l-footer_container .ft_brd_crmb_lst li a {
  color: #000 !important;
}

.cp-TopPageFooter.l-footer_container .ft_cnct_lst_more a {
  color: #000;
}

.cp-TopPageFooter .l-footer_bread li {
  font-size: 13px !important;
}

.cp-TopPageFooter .l-footer_list {
  display: flex;
  flex-wrap: wrap;
}

.cp-TopPageFooter .l-footer_list.is-nocurrent {
  margin-top: 25px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list.is-nocurrent {
    margin-top: 0;
  }
}

.cp-TopPageFooter .l-footer_list--box {
  width: 25%;
  margin-bottom: 45px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list--box {
    width: 100%;
    margin-bottom: 0;
  }
}

.cp-TopPageFooter .l-footer_list--box.is-twocolumn {
  width: 50%;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list--box.is-twocolumn {
    width: 100%;
  }
}

.cp-TopPageFooter .l-footer_list--box.is-under {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list--box.is-under {
    margin-bottom: 0;
  }
}

.cp-TopPageFooter .l-footer_list--heading {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list--heading {
    font-weight: normal;
    position: relative;
    margin-bottom: 0;
    margin-left: 0 !important;
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #dedede;
    background: url(../Images/plus.svg) 98% center no-repeat;
    background-size: 14px;
  }
}

.cp-TopPageFooter .l-footer_list--heading.is-arrow {
  position: relative;
  margin-left: 16px;
}

.cp-TopPageFooter .l-footer_list--heading.is-arrow:before {
  position: absolute;
  top: 0;
  left: -20px;
  width: 12px;
  height: 16px;
  content: "";
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_right_01.png) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list--heading.is-arrow:before {
    background: none;
  }
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list--heading.is-show {
    margin-bottom: 15px;
    background: url(../Images/minus.svg) 98% center no-repeat;
    background-size: 12px auto;
  }
}

.cp-TopPageFooter .l-footer_list--heading.is-show:before {
  transform: rotate(0);
}

.cp-TopPageFooter .l-footer_list ul {
  width: 100%;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list ul {
    display: none;
    box-sizing: border-box;
    margin-top: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list ul.is-nonparent {
    display: block;
    margin-top: 0;
    padding-left: 0;
  }
}

.cp-TopPageFooter .l-footer_list ul.is-noheading {
  margin-top: 34px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list ul.is-noheading {
    margin-top: 0;
  }
}

.cp-TopPageFooter .l-footer_list ul.is-firstnone {
  position: relative;
  display: inline-block;
  width: 49.5%;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list ul.is-firstnone {
    display: block;
    width: 100%;
  }
}

.cp-TopPageFooter .l-footer_list ul.is-firstnone:before {
  font-size: 14px;
  position: static;
  width: 100%;
  height: auto;
  content: "分野別";
  background: none;
}

.cp-TopPageFooter .l-footer_list ul.is-firstnone li:first-child {
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list ul.is-firstnone li:first-child {
    margin-top: 15px;
  }
}

.cp-TopPageFooter .l-footer_list ul.is-secondnone {
  position: relative;
  display: inline-block;
  width: 49%;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list ul.is-secondnone {
    display: block;
    width: 100%;
  }
}

.cp-TopPageFooter .l-footer_list ul.is-secondnone:before {
  font-size: 14px;
  position: static;
  width: 100%;
  height: auto;
  content: "製品別";
  background: none;
}

.cp-TopPageFooter .l-footer_list ul.is-secondnone li:first-child {
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list ul.is-secondnone li:first-child {
    margin-top: 15px;
  }
}

.cp-TopPageFooter .l-footer_list li {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  margin: 0 20px 13px -5px;
  padding-left: 20px;
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_right_01.png) left 1px no-repeat;
  background-size: 14px !important;
}

@media screen and (max-width: 640px) {
  .cp-TopPageFooter .l-footer_list li {
    margin: 0 0 13px 0;
    padding: 15px;
    border-bottom: 1px solid #dedede;
    background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_m_right_01.png) right center no-repeat;
    background-size: 24px !important;
  }
}

.cp-TopPageFooter .l-footer_list li:hover {
  text-decoration: underline;
}

.cp-TopPageFooter .l-footer_list a {
  color: #000 !important;
}

.cp-TopPageFooter .l-footer_current {
  font-size: 12px;
  position: relative;
  display: block;
  margin: 30px 0 30px 10px;
  color: #000 !important;
}

.cp-TopPageFooter .l-footer_current:before {
  position: absolute;
  top: -2px;
  left: -15px;
  width: 12px;
  height: 16px;
  content: "";
  background: url(/-/Media/ScAssets/System/Images/cmn_v1/icon_s_right_01.png) center center no-repeat;
  background-size: cover;
}

/* ============================== Vote Module */
.cp-VoteModule {
  /* Action high,medium */
}

.cp-VoteModule .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-VoteModule .button.icon {
  padding: 6px 8px 5px 16px;
  background-position: 100% 50%;
}

.cp-VoteModule .button:hover {
  text-decoration: none;
}

.cp-VoteModule .button.act01 {
  background-color: #666;
  color: #fff;
}

.cp-VoteModule .button.act01:hover {
  background-color: #333;
}

/* ============================== Paragraph */
.cp-Paragraph.textIndent p {
  text-indent: 1em;
}

/* ============================== Condition Search */
.cp-ConditionSearch {
  /* ============================== Component Match */
  /* ============================== Thumb Text */
  /* ============================== Thumb Menu */
  /* @media */
  /* Action high,medium */
  /* Disable */
  /* ============================== 製品選択 */
}

.cp-ConditionSearch .cmp_mtc01 {
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.cp-ConditionSearch .thumb_txt {
  overflow: hidden;
}

.cp-ConditionSearch .thumb_txt .img_l {
  float: left;
  margin-right: 16px;
}

.cp-ConditionSearch .thumb_txt .img_l img {
  display: block;
  width: 100%;
  height: auto;
}

.cp-ConditionSearch .thumb_txt .dtl {
  overflow: hidden;
}

.cp-ConditionSearch .thumb_txt .dtl .ttl {
  font-size: 18px;
  font-weight: bold;
}

.cp-ConditionSearch .thumb_mn {
  display: block;
  overflow: hidden;
  background: url(../Images/icon_s_right_01.png) 100% 50% no-repeat #fff;
}

.cp-ConditionSearch .thumb_mn .inner {
  overflow: hidden;
  padding: 16px 24px 16px 16px;
}

.cp-ConditionSearch .thumb_mn .img {
  float: left;
  width: 50%;
  margin-right: 16px;
}

.cp-ConditionSearch .thumb_mn .img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.cp-ConditionSearch .thumb_mn .dtl {
  overflow: hidden;
}

.cp-ConditionSearch .thumb_mn .dtl .ttl {
  font-size: 18px;
  font-weight: bold;
}

.cp-ConditionSearch a.thumb_mn:hover {
  text-decoration: none;
}

.cp-ConditionSearch a.thumb_mn:hover .dtl .ttl {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .cp-ConditionSearch .thumb_mn {
    background-image: url(../Images/icon_m_right_01.png);
    -webkit-background-size: 24px 24px;
            background-size: 24px 24px;
  }
}

.cp-ConditionSearch .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-ConditionSearch .button.act01 {
  background-color: #666;
  color: #fff;
}

.cp-ConditionSearch .button.act01:hover {
  background-color: #333;
}

.cp-ConditionSearch .button.act01.fs16:hover {
  padding: 9px 14px 8px;
}

.cp-ConditionSearch .button.act01.fs14:hover {
  padding: 10px 14px 10px;
}

.cp-ConditionSearch .button.dis01 {
  background-color: #f3f3f3;
  color: #c9c9c9;
  padding: 9px 15px 8px;
  border: 1px solid #dedede;
}

.cp-ConditionSearch .button.dis01.fs16 {
  padding: 10px 16px 9px;
}

.cp-ConditionSearch .button.dis01.fs14 {
  padding: 11px 16px 11px;
}

.cp-ConditionSearch .selector {
  margin: 8px 0;
}

.cp-ConditionSearch .selector.disabled {
  color: #c9c9c9;
  background-color: #f3f3f3;
  border-color: #dedede;
}

.cp-ConditionSearch .selector span {
  height: 30px;
  font-size: 12px;
  line-height: 30px;
}

.cp-ConditionSearch .selector select {
  height: 30px;
}

.cp-ConditionSearch .button {
  width: 50%;
  max-width: 180px;
}

.cp-ConditionSearch .button.act01 {
  cursor: pointer;
}

.cp-ConditionSearch.isBorderNone .cmp_mtc01 {
  border: none;
}

.cp-ConditionSearch .img-w20p .img_l {
  width: 20%;
}

.cp-ConditionSearch .img-w25p .img_l {
  width: 25%;
}

.cp-ConditionSearch .img-w30p .img_l {
  width: 30%;
}

.cp-ConditionSearch .img-w40p .img_l {
  width: 40%;
}

.cp-ConditionSearch .img-w50p .img_l {
  width: 50%;
}

/* ============================== Simple Header */
.cp-SimpleHeader #gl_header .hd_ut .areaNameLink .hd_ut_country {
  color: #00c;
}

.cp-SimpleHeader #gl_header .hd_ut .areaNameLink .hd_ut_country:hover {
  opacity: 1;
  text-decoration: underline;
}

/* ============================== Target ID */
/* ============================== 2clm Layout */
.cp-2clmLayout.isNoPadding> .clm1.clm2 {
  margin-right: -8px;
  margin-left: -8px;
  width: auto;
}

.cp-2clmLayout .clm1.clm2 {
  display: flex;
  flex-wrap: wrap;
}

.cp-2clmLayout .clm1.clm2 .clm {
  flex-basis: 0;
  flex-grow: 1;
}

.cp-2clmLayout .clm1.clm2 .col-3 {
  max-width: 25%;
}

.cp-2clmLayout .clm1.clm2 .col-4 {
  max-width: 33.3333%;
}

.cp-2clmLayout .clm1.clm2 .col-5 {
  max-width: 41.6666%;
}

.cp-2clmLayout .clm1.clm2 .col-6 {
  max-width: 50%;
}

.cp-2clmLayout .clm1.clm2 .col-7 {
  max-width: 58.3333%;
}

.cp-2clmLayout .clm1.clm2 .col-8 {
  max-width: 66.6666%;
}

.cp-2clmLayout .clm1.clm2 .col-9 {
  max-width: 75%;
}

.cp-2clmLayout.jp_theme_00 {
  background-color: #f3f3f3;
}

.cp-2clmLayout.jp_theme_01 {
  background-color: #e9f2f4;
}

.cp-2clmLayout.jp_theme_02 {
  background-color: #f2f3e2;
}

.cp-2clmLayout.jp_theme_03 {
  background-color: #fdf3dc;
}

.cp-2clmLayout.jp_theme_04 {
  background-color: #f2f5fb;
}

.cp-2clmLayout.jp_theme_05 {
  background-color: #fbebea;
}

/* @media */
@media (max-width: 640px) {
  .cp-2clmLayout.rsp_break_clm1 .clm1.clm2 .clm.col-3, .cp-2clmLayout.rsp_break_clm1 .clm1.clm2 .clm.col-4, .cp-2clmLayout.rsp_break_clm1 .clm1.clm2 .clm.col-5, .cp-2clmLayout.rsp_break_clm1 .clm1.clm2 .clm.col-6, .cp-2clmLayout.rsp_break_clm1 .clm1.clm2 .clm.col-7, .cp-2clmLayout.rsp_break_clm1 .clm1.clm2 .clm.col-8, .cp-2clmLayout.rsp_break_clm1 .clm1.clm2 .clm.col-9 {
    max-width: 100%;
    width: 100%;
  }
  .cp-2clmLayout.rsp_break_clm2 .clm1.clm2 .clm.col-3, .cp-2clmLayout.rsp_break_clm2 .clm1.clm2 .clm.col-4, .cp-2clmLayout.rsp_break_clm2 .clm1.clm2 .clm.col-5, .cp-2clmLayout.rsp_break_clm2 .clm1.clm2 .clm.col-6, .cp-2clmLayout.rsp_break_clm2 .clm1.clm2 .clm.col-7, .cp-2clmLayout.rsp_break_clm2 .clm1.clm2 .clm.col-8, .cp-2clmLayout.rsp_break_clm2 .clm1.clm2 .clm.col-9 {
    max-width: 50%;
    width: 50%;
  }
  .cp-2clmLayout .clm1.clm2 {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-2clmLayout .clm1.clm2 .clm {
    flex-basis: 100%;
    max-width: 100%;
  }
  .cp-2clmLayout .clm1.clm2 .col-3 {
    max-width: 25%;
  }
  .cp-2clmLayout .clm1.clm2 .col-4 {
    max-width: 33.3333%;
  }
  .cp-2clmLayout .clm1.clm2 .col-5 {
    max-width: 41.6666%;
  }
  .cp-2clmLayout .clm1.clm2 .col-6 {
    max-width: 50%;
  }
  .cp-2clmLayout .clm1.clm2 .col-7 {
    max-width: 58.3333%;
  }
  .cp-2clmLayout .clm1.clm2 .col-8 {
    max-width: 66.6666%;
  }
  .cp-2clmLayout .clm1.clm2 .col-9 {
    max-width: 75%;
  }
}

.cp-2clmLayout .cp-Movie .jp_mov_img {
  width: 100%;
}

.cp-2clmLayout .cp-Movie.cnt_max {
  max-width: none;
  margin: auto;
}

.cp-2clmLayout .cp-Movie .clm1 {
  width: auto;
}

.cp-2clmLayout .cp-Movie .clm {
  width: auto;
  float: none;
  padding: 0;
}

.cp-2clmLayout .cp-Image.cnt_max {
  max-width: none;
  margin: auto;
}

.cp-2clmLayout .cp-Image .clm1 {
  width: auto;
}

.cp-2clmLayout .cp-Image .clm {
  width: auto;
  float: none;
  padding: 0;
}

/* ============================== Footer Local Navi */
.cp-FooterLocalNavi .ft_lc_nv_lst-wrap {
  overflow: hidden;
  margin: 0;
  padding: 16px 0 8px;
  border-bottom: 1px solid #c9c9c9;
}

.cp-FooterLocalNavi ul li a {
  display: inline-block;
  background-repeat: no-repeat;
  padding-left: 24px;
  background-color: transparent;
  background-position: 0 -0.15em;
  background-image: url(../Images/icon_s_right_01.png);
}

.cp-FooterLocalNavi ul li a[target="_blank"] {
  background-image: url(../Images/icon_s_newwindow_01.png);
}

.cp-FooterLocalNavi .clm {
  margin-top: 8px;
  padding: 0 0 0 8px;
}

.cp-FooterLocalNavi ul {
  letter-spacing: -1em;
}

.cp-FooterLocalNavi ul li {
  margin-top: 0;
  margin-bottom: 8px;
  display: block;
  letter-spacing: normal;
  padding: 0 8px 8px 0;
  vertical-align: top;
  box-sizing: border-box;
}

.cp-FooterLocalNavi.isInline .clm {
  margin-top: 8px;
  padding: 0 0 0 8px;
}

.cp-FooterLocalNavi.isInline ul {
  letter-spacing: -1em;
}

.cp-FooterLocalNavi.isInline ul li {
  margin-top: 0;
  margin-bottom: 8px;
  display: inline-block;
  letter-spacing: normal;
  padding: 0 8px 8px 0;
  vertical-align: top;
  box-sizing: border-box;
}

.cp-FooterLocalNavi .item-w25p ul li {
  width: 25%;
}

.cp-FooterLocalNavi .item-w33p ul li {
  width: 33.3333%;
}

.cp-FooterLocalNavi .item-w50p ul li {
  width: 50%;
}

@media (max-width: 640px) {
  .cp-FooterLocalNavi .clm {
    margin-top: 0;
    padding: 0 0 0 8px;
  }
  .cp-FooterLocalNavi .ft_lc_nv_lst-wrap {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
  .cp-FooterLocalNavi ul li {
    float: none;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #dedede;
  }
  .cp-FooterLocalNavi ul li a {
    display: block;
    padding: 16px 32px 16px 8px;
    background-image: url(../Images/icon_l_right_01.png);
    background-position: 100% 50%;
    background-size: 32px 32px;
  }
  .cp-FooterLocalNavi.isInline .clm {
    margin-top: 0;
    padding: 0 0 0 8px;
  }
  .cp-FooterLocalNavi.isInline .item-w25p ul li {
    display: block;
    width: 100%;
  }
  .cp-FooterLocalNavi.isInline .item-w33p ul li {
    display: block;
    width: 100%;
  }
  .cp-FooterLocalNavi.isInline .item-w50p ul li {
    display: block;
    width: 100%;
  }
}

/* ============================== Questionnaire */
.cp-Questionnaire {
  /* title */
  /* Action high,medium */
  /* ============================================================ Form */
  /* ============================== Radio,Checkbox */
}

.cp-Questionnaire ul {
  list-style: none;
  padding: 0 !important;
}

.cp-Questionnaire ul li {
  margin-top: 0;
  padding: 8px !important;
}

.cp-Questionnaire .isInline li {
  display: inline-block;
}

.cp-Questionnaire .fm_ttl {
  margin-right: 4px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
}

.cp-Questionnaire .button {
  display: inline-block;
  margin: 0;
  padding: 10px 16px 9px;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  border-radius: 8px;
  box-sizing: border-box;
     -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
}

.cp-Questionnaire .button.act01 {
  background-color: #666;
  color: #fff;
}

.cp-Questionnaire .button.act01:hover {
  background-color: #333;
}

.cp-Questionnaire .button.act01.fs16:hover {
  padding: 9px 14px 8px;
}

.cp-Questionnaire .button.act01.fs14:hover {
  padding: 10px 14px 10px;
}

.cp-Questionnaire input, .cp-Questionnaire button, .cp-Questionnaire select {
  -webkit-appearance: none;
          appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.cp-Questionnaire input:focus+ label {
  outline: solid 1px #4bbdcd;
}

.cp-Questionnaire input.nml[type=radio] {
  -webkit-appearance: radio;
          appearance: radio;
}

.cp-Questionnaire input.nml[type=checkbox] {
  -webkit-appearance: checkbox;
          appearance: checkbox;
}

.cp-Questionnaire input.nml[type=radio],
.cp-Questionnaire input.nml[type=checkbox] {
  display: inline-block;
}

.cp-Questionnaire input.nml[type=radio]+ label,
.cp-Questionnaire input.nml[type=checkbox]+ label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 100%;
}

@media (min-width: 1px) {
  .cp-Questionnaire {
    /* checked */
  }
  .cp-Questionnaire input.nml[type=radio],
  .cp-Questionnaire input.nml[type=checkbox] {
    position: absolute;
    opacity: 0;
    margin: 0;
  }
  .cp-Questionnaire input.nml[type=radio]+ label,
  .cp-Questionnaire input.nml[type=checkbox]+ label {
    padding-left: 34px;
  }
  .cp-Questionnaire input.nml[type=radio]+ label::before,
  .cp-Questionnaire input.nml[type=checkbox]+ label::before {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 0.7em;
    left: 0;
    content: "";
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cp-Questionnaire input.nml[type=radio]+ label::before {
    border: 2px solid #999;
    -webkit-border-radius: 12px;
            border-radius: 12px;
  }
  .cp-Questionnaire input.nml[type=checkbox]+ label::before {
    border: 2px solid #999;
    -webkit-border-radius: 6px;
            border-radius: 6px;
  }
  .cp-Questionnaire input.nml[type=radio]:checked+ label::before {
    border: 2px solid #4bbdcd;
  }
  .cp-Questionnaire input.nml[type=checkbox]:checked+ label::before {
    border: 2px solid #4bbdcd;
  }
  .cp-Questionnaire input.nml[type=radio]:checked+ label::after,
  .cp-Questionnaire input.nml[type=checkbox]:checked+ label::after {
    display: block;
    position: absolute;
    top: 0.7em;
    content: "";
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cp-Questionnaire input.nml[type=radio]:checked+ label::after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    left: 5px;
    background: #4bbdcd;
    border-radius: 7px;
  }
  .cp-Questionnaire input.nml[type=checkbox]:checked+ label::after {
    width: 12px;
    height: 6px;
    margin-top: -4px;
    left: 6px;
    border-left: 3px solid #4bbdcd;
    border-bottom: 3px solid #4bbdcd;
        -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.cp-BreadcrumbsFooter {
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}

.cp-BreadcrumbsFooter p {
  margin-top: 0;
}

.cp-BreadcrumbsFooter ul,
.cp-BreadcrumbsFooter ol,
.cp-BreadcrumbsFooter ul li,
.cp-BreadcrumbsFooter ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cp-BreadcrumbsFooter ul li {
  float: left;
  margin-right: 6px;
  font-size: 14px;
}

.cp-BreadcrumbsFooter ul li:after {
  content: ">";
}

.cp-BreadcrumbsFooter ul li.act:after {
  content: "";
}

.cp-BreadcrumbsFooter ul li a,
.cp-BreadcrumbsFooter ul li span {
  padding: 0 6px 0 0;
}

.cp-BreadcrumbsFooter ul {
  border-bottom: 1px solid #c9c9c9;
  overflow: hidden;
  margin: 0 8px;
  padding: 16px 0;
}

/* ============================== ThreeColumnLayout */
.cp-ThreeColumnLayout.isNoPadding> .row {
  margin-right: -8px;
  margin-left: -8px;
}

.cp-ThreeColumnLayout .row {
  display: flex;
  flex-wrap: wrap;
}

.cp-ThreeColumnLayout .row> .clm {
  float: none !important;
  flex-basis: 0;
  flex-grow: 1;
}

.cp-ThreeColumnLayout .row .col-3 {
  max-width: 25%;
}

.cp-ThreeColumnLayout .row .col-4 {
  max-width: 33.3333%;
}

.cp-ThreeColumnLayout .row .col-6 {
  max-width: 50%;
}

.cp-ThreeColumnLayout.jp_theme_00 {
  background-color: #f3f3f3;
}

.cp-ThreeColumnLayout.jp_theme_01 {
  background-color: #e9f2f4;
}

.cp-ThreeColumnLayout.jp_theme_02 {
  background-color: #f2f3e2;
}

.cp-ThreeColumnLayout.jp_theme_03 {
  background-color: #fdf3dc;
}

.cp-ThreeColumnLayout.jp_theme_04 {
  background-color: #f2f5fb;
}

.cp-ThreeColumnLayout.jp_theme_05 {
  background-color: #fbebea;
}

/* @media */
@media (max-width: 640px) {
  .cp-ThreeColumnLayout .row {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-ThreeColumnLayout .row> .clm {
    flex-basis: auto;
    max-width: 100%;
  }
  .cp-ThreeColumnLayout .row .col-sm-6 {
    max-width: 50%;
  }
  .cp-ThreeColumnLayout .row .col-sm-12 {
    max-width: 100%;
  }
}

.cp-ThreeColumnLayout .cp-Movie .jp_mov_img {
  width: 100%;
}

.cp-ThreeColumnLayout .cp-Movie.cnt_max {
  max-width: none;
  margin: auto;
}

.cp-ThreeColumnLayout .cp-Movie .clm1 {
  width: auto;
}

.cp-ThreeColumnLayout .cp-Movie .clm {
  width: auto;
  float: none;
  padding: 0;
}

.cp-ThreeColumnLayout .cp-Image.cnt_max {
  max-width: none;
  margin: auto;
}

.cp-ThreeColumnLayout .cp-Image .clm1 {
  width: auto;
}

.cp-ThreeColumnLayout .cp-Image .clm {
  width: auto;
  float: none;
  padding: 0;
}

/* ============================== FourColumnLayout */
.cp-FourColumnLayout.isNoPadding> .row {
  margin-right: -8px;
  margin-left: -8px;
}

.cp-FourColumnLayout .row {
  display: flex;
  flex-wrap: wrap;
}

.cp-FourColumnLayout .row> .clm {
  float: none !important;
  max-width: 25%;
}

.cp-FourColumnLayout.jp_theme_00 {
  background-color: #f3f3f3;
}

.cp-FourColumnLayout.jp_theme_01 {
  background-color: #e9f2f4;
}

.cp-FourColumnLayout.jp_theme_02 {
  background-color: #f2f3e2;
}

.cp-FourColumnLayout.jp_theme_03 {
  background-color: #fdf3dc;
}

.cp-FourColumnLayout.jp_theme_04 {
  background-color: #f2f5fb;
}

.cp-FourColumnLayout.jp_theme_05 {
  background-color: #fbebea;
}

/* @media */
@media (max-width: 640px) {
  .cp-FourColumnLayout.rsp_break_clm2 .row {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-FourColumnLayout.rsp_break_clm2 .row> .clm {
    max-width: 50%;
  }
  .cp-FourColumnLayout.rsp_break_clm1 .row {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-FourColumnLayout.rsp_break_clm1 .row> .clm {
    max-width: 100%;
  }
  .cp-FourColumnLayout .row {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-FourColumnLayout .row> .clm {
    max-width: 100%;
  }
}

.cp-FourColumnLayout .cp-Movie .jp_mov_img {
  width: 100%;
}

.cp-FourColumnLayout .cp-Movie.cnt_max {
  max-width: none;
  margin: auto;
}

.cp-FourColumnLayout .cp-Movie .clm1 {
  width: auto;
}

.cp-FourColumnLayout .cp-Movie .clm {
  width: auto;
  float: none;
  padding: 0;
}

.cp-FourColumnLayout .cp-Image.cnt_max {
  max-width: none;
  margin: auto;
}

.cp-FourColumnLayout .cp-Image .clm1 {
  width: auto;
}

.cp-FourColumnLayout .cp-Image .clm {
  width: auto;
  float: none;
  padding: 0;
}

/*************************************************
CSS
/cmn_v2/css/option.css

15.06.30
update:15.09.30
*************************************************/
/* ------------------------- TOC
Almighty
 - Display
 - Float
 - Clear
 - Width
 - Margin
 - Padding
 - Text-align
 - Vertical-align
 - Background Color
 - Border
 - Font

Media Queries
 - Display
 - Float
 - Clear
 - Width
 - Margin
 - Padding
 - Text-align
 - Vertical-align
 - Background Color
 - Border
 - Font
-------------------------- */
/* ============================================================ Almighty */
/* ============================== Display */
.dsp_b {
  display: block !important;
}

.dsp_l {
  display: inline !important;
}

.dsp_lb {
  display: inline-block !important;
}

.dsp_n {
  display: none !important;
}

/* ============================== Float */
.fl_l {
  float: left !important;
}

.fl_r {
  float: right !important;
}

.fl_n {
  float: none !important;
}

/* ============================== Clear */
.clr_b {
  clear: both !important;
}

/* ============================== Width */
.w10p {
  width: 10% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w15p {
  width: 15% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w20p {
  width: 20% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w25p {
  width: 25% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w30p {
  width: 30% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w35p {
  width: 35% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w40p {
  width: 40% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w45p {
  width: 45% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w50p {
  width: 50% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w55p {
  width: 55% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w60p {
  width: 60% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w65p {
  width: 65% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w70p {
  width: 70% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w75p {
  width: 75% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w80p {
  width: 80% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w85p {
  width: 85% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w90p {
  width: 90% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w95p {
  width: 95% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w100p {
  width: 100% !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w80 {
  width: 80px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w120 {
  width: 120px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w160 {
  width: 160px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w200 {
  width: 200px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w240 {
  width: 240px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w256 {
  width: 256px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w280 {
  width: 280px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w320 {
  width: 320px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w400 {
  width: 400px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w480 {
  width: 480px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.w512 {
  width: 512px !important;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw80 {
  max-width: 80px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw120 {
  max-width: 120px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw160 {
  max-width: 160px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw200 {
  max-width: 200px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw240 {
  max-width: 240px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw256 {
  max-width: 256px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw280 {
  max-width: 280px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw320 {
  max-width: 320px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw400 {
  max-width: 400px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw480 {
  max-width: 480px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mw512 {
  max-width: 512px !important;
  width: 100%;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ============================== Margin */
.mg0 {
  margin: 0 !important;
}

.mg8 {
  margin: 8px !important;
}

.mg16 {
  margin: 16px !important;
}

.mg24 {
  margin: 24px !important;
}

.mg32 {
  margin: 32px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg48 {
  margin: 48px !important;
}

.mg56 {
  margin: 56px !important;
}

.mg64 {
  margin: 64px !important;
}

.mg72 {
  margin: 72px !important;
}

.mg80 {
  margin: 80px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.ml80 {
  margin-left: 80px !important;
}

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

.mr8 {
  margin-right: 8px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mr80 {
  margin-right: 80px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mg0at {
  margin: 0 auto 0 auto !important;
}

.mglrat {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mglr8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

/* ============================== Padding */
.pd0 {
  padding: 0 !important;
}

.pd8 {
  padding: 8px !important;
}

.pd16 {
  padding: 16px !important;
}

.pd24 {
  padding: 24px !important;
}

.pd32 {
  padding: 32px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd48 {
  padding: 48px !important;
}

.pd56 {
  padding: 56px !important;
}

.pd64 {
  padding: 64px !important;
}

.pd72 {
  padding: 72px !important;
}

.pd80 {
  padding: 80px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pr80 {
  padding-right: 80px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pdlr0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pdlr8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* ============================== Text-align */
.al_l {
  text-align: left !important;
}

.al_r {
  text-align: right !important;
}

.al_c {
  text-align: center !important;
}

/* ============================== Vertical-align */
.val_t {
  vertical-align: top !important;
}

.val_m {
  vertical-align: middle !important;
}

.val_b {
  vertical-align: bottom !important;
}

/* ============================== Background Color */
.bg_e99 {
  background-color: #ee9193 !important;
}

.bg_fb5 {
  background-color: #f8bf56 !important;
}

.bg_bd4 {
  background-color: #b7d24e !important;
}

.bg_4bc {
  background-color: #4bbdcd !important;
}

.bg_7be {
  background-color: #74bde7 !important;
}

.bg_e67 {
  background-color: #e36d76 !important;
}

.bg_ca8 {
  background-color: #c5a983 !important;
}

.bg_796 {
  background-color: #759b6b !important;
}

.bg_398 {
  background-color: #38958e !important;
}

.bg_49a {
  background-color: #4e92ab !important;
}

.bg_00 {
  background-color: #000 !important;
}

.bg_33 {
  background-color: #333 !important;
}

.bg_66 {
  background-color: #666 !important;
}

.bg_99 {
  background-color: #999 !important;
}

.bg_c9 {
  background-color: #c9c9c9 !important;
}

.bg_de {
  background-color: #dedede !important;
}

.bg_f3 {
  background-color: #f3f3f3 !important;
}

.bg_ff {
  background-color: #fff !important;
}

/* ============================== Border */
.bd_1sl_c9 {
  border: 1px solid  #c9c9c9 !important;
}

.bd_1ds_c9 {
  border: 1px dashed #c9c9c9 !important;
}

.bd_1sl_66 {
  border: 1px solid  #666 !important;
}

.bd_2sl_99 {
  border: 2px solid  #999 !important;
}

/* none */
.bd_n {
  border: none !important;
}

.bdt_n {
  border-top: none !important;
}

.bdl_n {
  border-left: none !important;
}

.bdr_n {
  border-right: none !important;
}

.bdb_n {
  border-bottom: none !important;
}

/* radius */
.bdr4 {
  -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
}

.bdr8 {
  -webkit-border-radius: 8px !important;
          border-radius: 8px !important;
}

/* ============================== Font */
/* size */
.fs10 {
  font-size: 10px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fs32 {
  font-size: 32px !important;
}

.fs34 {
  font-size: 34px !important;
}

.fs36 {
  font-size: 36px !important;
}

.fs38 {
  font-size: 38px !important;
}

.fs40 {
  font-size: 40px !important;
}

.fs_xs {
  font-size: 60% !important;
}

.fs_s {
  font-size: 80% !important;
}

.fs_l {
  font-size: 120% !important;
}

.fs_xl {
  font-size: 140% !important;
}

/* color */
.fc_c12 {
  color: #cf142b !important;
}

.fc_71 {
  color: #717171 !important;
}

.fc_e99 {
  color: #ee9193 !important;
}

.fc_fb5 {
  color: #f8bf56 !important;
}

.fc_bd4 {
  color: #b7d24e !important;
}

.fc_4bc {
  color: #4bbdcd !important;
}

.fc_7be {
  color: #74bde7 !important;
}

.fc_e67 {
  color: #e36d76 !important;
}

.fc_ca8 {
  color: #c5a983 !important;
}

.fc_796 {
  color: #759b6b !important;
}

.fc_398 {
  color: #38958e !important;
}

.fc_49a {
  color: #4e92ab !important;
}

.fc_e11 {
  color: #ed171f !important;
}

.fc_00 {
  color: #000 !important;
}

.fc_33 {
  color: #333 !important;
}

.fc_66 {
  color: #666 !important;
}

.fc_99 {
  color: #999 !important;
}

.fc_c9 {
  color: #c9c9c9 !important;
}

.fc_de {
  color: #dedede !important;
}

.fc_f3 {
  color: #f3f3f3 !important;
}

.fc_ff {
  color: #fff !important;
}

/* decoration */
.txt_dc_u {
  text-decoration: underline !important;
}

a.txt_dc_u:hover {
  text-decoration: underline !important;
}

/* word-break */
.wb_nml {
  word-break: normal !important;
}

.wb_ball {
  word-break: break-all !important;
}

/* nowrap */
.nowrap {
  white-space: nowrap !important;
}

/* ============================================================ Media Queries */
@media (max-width: 640px) {
  /* ============================== Display */
  .rsp_dsp_b {
    display: block !important;
  }
  .rsp_dsp_l {
    display: inline !important;
  }
  .rsp_dsp_lb {
    display: inline-block !important;
  }
  .rsp_dsp_n {
    display: none !important;
  }
  /* ============================== Float */
  .rsp_fl_l {
    float: left !important;
  }
  .rsp_fl_r {
    float: right !important;
  }
  .rsp_fl_n {
    float: none !important;
  }
  /* ============================== Clear */
  .rsp_clr_b {
    clear: both !important;
  }
  /* ============================== Width */
  .rsp_w10p {
    width: 10% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w15p {
    width: 15% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w20p {
    width: 20% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w25p {
    width: 25% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w30p {
    width: 30% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w35p {
    width: 35% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w40p {
    width: 40% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w45p {
    width: 45% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w50p {
    width: 50% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w55p {
    width: 55% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w60p {
    width: 60% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w65p {
    width: 65% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w70p {
    width: 70% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w75p {
    width: 75% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w80p {
    width: 80% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w85p {
    width: 85% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w90p {
    width: 90% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w95p {
    width: 95% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w100p {
    width: 100% !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w80 {
    width: 80px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w120 {
    width: 120px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w160 {
    width: 160px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w200 {
    width: 200px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w240 {
    width: 240px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w256 {
    width: 256px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w280 {
    width: 280px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w320 {
    width: 320px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w400 {
    width: 400px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w480 {
    width: 480px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_w512 {
    width: 512px !important;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw80 {
    max-width: 80px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw120 {
    max-width: 120px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw160 {
    max-width: 160px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw200 {
    max-width: 200px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw240 {
    max-width: 240px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw256 {
    max-width: 256px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw280 {
    max-width: 280px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw320 {
    max-width: 320px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw400 {
    max-width: 400px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw480 {
    max-width: 480px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .rsp_mw512 {
    max-width: 512px !important;
    width: 100%;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  /* ============================== Margin */
  .rsp_mg0 {
    margin: 0 !important;
  }
  .rsp_mg8 {
    margin: 8px !important;
  }
  .rsp_mg16 {
    margin: 16px !important;
  }
  .rsp_mg24 {
    margin: 24px !important;
  }
  .rsp_mg32 {
    margin: 32px !important;
  }
  .rsp_mg40 {
    margin: 40px !important;
  }
  .rsp_mg48 {
    margin: 48px !important;
  }
  .rsp_mg56 {
    margin: 56px !important;
  }
  .rsp_mg64 {
    margin: 64px !important;
  }
  .rsp_mg72 {
    margin: 72px !important;
  }
  .rsp_mg80 {
    margin: 80px !important;
  }
  .rsp_mt0 {
    margin-top: 0 !important;
  }
  .rsp_mt8 {
    margin-top: 8px !important;
  }
  .rsp_mt16 {
    margin-top: 16px !important;
  }
  .rsp_mt24 {
    margin-top: 24px !important;
  }
  .rsp_mt32 {
    margin-top: 32px !important;
  }
  .rsp_mt40 {
    margin-top: 40px !important;
  }
  .rsp_mt48 {
    margin-top: 48px !important;
  }
  .rsp_mt56 {
    margin-top: 56px !important;
  }
  .rsp_mt64 {
    margin-top: 64px !important;
  }
  .rsp_mt72 {
    margin-top: 72px !important;
  }
  .rsp_mt80 {
    margin-top: 80px !important;
  }
  .rsp_ml0 {
    margin-left: 0 !important;
  }
  .rsp_ml8 {
    margin-left: 8px !important;
  }
  .rsp_ml16 {
    margin-left: 16px !important;
  }
  .rsp_ml24 {
    margin-left: 24px !important;
  }
  .rsp_ml32 {
    margin-left: 32px !important;
  }
  .rsp_ml40 {
    margin-left: 40px !important;
  }
  .rsp_ml48 {
    margin-left: 48px !important;
  }
  .rsp_ml56 {
    margin-left: 56px !important;
  }
  .rsp_ml64 {
    margin-left: 64px !important;
  }
  .rsp_ml72 {
    margin-left: 72px !important;
  }
  .rsp_ml80 {
    margin-left: 80px !important;
  }
  .rsp_mr0 {
    margin-right: 0 !important;
  }
  .rsp_mr8 {
    margin-right: 8px !important;
  }
  .rsp_mr16 {
    margin-right: 16px !important;
  }
  .rsp_mr24 {
    margin-right: 24px !important;
  }
  .rsp_mr32 {
    margin-right: 32px !important;
  }
  .rsp_mr40 {
    margin-right: 40px !important;
  }
  .rsp_mr48 {
    margin-right: 48px !important;
  }
  .rsp_mr56 {
    margin-right: 56px !important;
  }
  .rsp_mr64 {
    margin-right: 64px !important;
  }
  .rsp_mr72 {
    margin-right: 72px !important;
  }
  .rsp_mr80 {
    margin-right: 80px !important;
  }
  .rsp_mb0 {
    margin-bottom: 0 !important;
  }
  .rsp_mb8 {
    margin-bottom: 8px !important;
  }
  .rsp_mb16 {
    margin-bottom: 16px !important;
  }
  .rsp_mb24 {
    margin-bottom: 24px !important;
  }
  .rsp_mb32 {
    margin-bottom: 32px !important;
  }
  .rsp_mb40 {
    margin-bottom: 40px !important;
  }
  .rsp_mb48 {
    margin-bottom: 48px !important;
  }
  .rsp_mb56 {
    margin-bottom: 56px !important;
  }
  .rsp_mb64 {
    margin-bottom: 64px !important;
  }
  .rsp_mb72 {
    margin-bottom: 72px !important;
  }
  .rsp_mb80 {
    margin-bottom: 80px !important;
  }
  .rsp_mg0at {
    margin: 0 auto 0 auto !important;
  }
  .rsp_mglrat {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .rsp_mglr8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  /* ============================== Padding */
  .rsp_pd0 {
    padding: 0 !important;
  }
  .rsp_pd8 {
    padding: 8px !important;
  }
  .rsp_pd16 {
    padding: 16px !important;
  }
  .rsp_pd24 {
    padding: 24px !important;
  }
  .rsp_pd32 {
    padding: 32px !important;
  }
  .rsp_pd40 {
    padding: 40px !important;
  }
  .rsp_pd48 {
    padding: 48px !important;
  }
  .rsp_pd56 {
    padding: 56px !important;
  }
  .rsp_pd64 {
    padding: 64px !important;
  }
  .rsp_pd72 {
    padding: 72px !important;
  }
  .rsp_pd80 {
    padding: 80px !important;
  }
  .rsp_pt0 {
    padding-top: 0 !important;
  }
  .rsp_pt8 {
    padding-top: 8px !important;
  }
  .rsp_pt16 {
    padding-top: 16px !important;
  }
  .rsp_pt24 {
    padding-top: 24px !important;
  }
  .rsp_pt32 {
    padding-top: 32px !important;
  }
  .rsp_pt40 {
    padding-top: 40px !important;
  }
  .rsp_pt48 {
    padding-top: 48px !important;
  }
  .rsp_pt56 {
    padding-top: 56px !important;
  }
  .rsp_pt64 {
    padding-top: 64px !important;
  }
  .rsp_pt72 {
    padding-top: 72px !important;
  }
  .rsp_pt80 {
    padding-top: 80px !important;
  }
  .rsp_pl0 {
    padding-left: 0 !important;
  }
  .rsp_pl8 {
    padding-left: 8px !important;
  }
  .rsp_pl16 {
    padding-left: 16px !important;
  }
  .rsp_pl24 {
    padding-left: 24px !important;
  }
  .rsp_pl32 {
    padding-left: 32px !important;
  }
  .rsp_pl40 {
    padding-left: 40px !important;
  }
  .rsp_pl48 {
    padding-left: 48px !important;
  }
  .rsp_pl56 {
    padding-left: 56px !important;
  }
  .rsp_pl64 {
    padding-left: 64px !important;
  }
  .rsp_pl72 {
    padding-left: 72px !important;
  }
  .rsp_pl80 {
    padding-left: 80px !important;
  }
  .rsp_pr0 {
    padding-right: 0 !important;
  }
  .rsp_pr8 {
    padding-right: 8px !important;
  }
  .rsp_pr16 {
    padding-right: 16px !important;
  }
  .rsp_pr24 {
    padding-right: 24px !important;
  }
  .rsp_pr32 {
    padding-right: 32px !important;
  }
  .rsp_pr40 {
    padding-right: 40px !important;
  }
  .rsp_pr48 {
    padding-right: 48px !important;
  }
  .rsp_pr56 {
    padding-right: 56px !important;
  }
  .rsp_pr64 {
    padding-right: 64px !important;
  }
  .rsp_pr72 {
    padding-right: 72px !important;
  }
  .rsp_pr80 {
    padding-right: 80px !important;
  }
  .rsp_pb0 {
    padding-bottom: 0 !important;
  }
  .rsp_pb8 {
    padding-bottom: 8px !important;
  }
  .rsp_pb16 {
    padding-bottom: 16px !important;
  }
  .rsp_pb24 {
    padding-bottom: 24px !important;
  }
  .rsp_pb32 {
    padding-bottom: 32px !important;
  }
  .rsp_pb40 {
    padding-bottom: 40px !important;
  }
  .rsp_pb48 {
    padding-bottom: 48px !important;
  }
  .rsp_pb56 {
    padding-bottom: 56px !important;
  }
  .rsp_pb64 {
    padding-bottom: 64px !important;
  }
  .rsp_pb72 {
    padding-bottom: 72px !important;
  }
  .rsp_pb80 {
    padding-bottom: 80px !important;
  }
  .rsp_pdlr0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rsp_pdlr8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  /* ============================== Text-align */
  .rsp_al_l {
    text-align: left !important;
  }
  .rsp_al_r {
    text-align: right !important;
  }
  .rsp_al_c {
    text-align: center !important;
  }
  /* ============================== Vertical-align */
  .rsp_val_t {
    vertical-align: top !important;
  }
  .rsp_val_m {
    vertical-align: middle !important;
  }
  .rsp_val_b {
    vertical-align: bottom !important;
  }
  /* ============================== Background Color */
  .rsp_bg_e99 {
    background-color: #ee9193 !important;
  }
  .rsp_bg_fb5 {
    background-color: #f8bf56 !important;
  }
  .rsp_bg_bd4 {
    background-color: #b7d24e !important;
  }
  .rsp_bg_4bc {
    background-color: #4bbdcd !important;
  }
  .rsp_bg_7be {
    background-color: #74bde7 !important;
  }
  .rsp_bg_e67 {
    background-color: #e36d76 !important;
  }
  .rsp_bg_ca8 {
    background-color: #c5a983 !important;
  }
  .rsp_bg_796 {
    background-color: #759b6b !important;
  }
  .rsp_bg_398 {
    background-color: #38958e !important;
  }
  .rsp_bg_49a {
    background-color: #4e92ab !important;
  }
  .rsp_bg_00 {
    background-color: #000 !important;
  }
  .rsp_bg_33 {
    background-color: #333 !important;
  }
  .rsp_bg_66 {
    background-color: #666 !important;
  }
  .rsp_bg_99 {
    background-color: #999 !important;
  }
  .rsp_bg_c9 {
    background-color: #c9c9c9 !important;
  }
  .rsp_bg_de {
    background-color: #dedede !important;
  }
  .rsp_bg_f3 {
    background-color: #f3f3f3 !important;
  }
  .rsp_bg_ff {
    background-color: #fff !important;
  }
  /* ============================== Border */
  .rsp_bd_1sl_c9 {
    border: 1px solid  #c9c9c9 !important;
  }
  .rsp_bd_1ds_c9 {
    border: 1px dashed #c9c9c9 !important;
  }
  .rsp_bd_1sl_66 {
    border: 1px solid  #666 !important;
  }
  .rsp_bd_2sl_99 {
    border: 1px solid  #999 !important;
  }
  /* none */
  .rsp_bd_n {
    border: none !important;
  }
  .rsp_bdt_n {
    border-top: none !important;
  }
  .rsp_bdl_n {
    border-left: none !important;
  }
  .rsp_bdr_n {
    border-right: none !important;
  }
  .rsp_bdb_n {
    border-bottom: none !important;
  }
  /* radius */
  .rsp_bdr4 {
    -webkit-border-radius: 4px !important;
            border-radius: 4px !important;
  }
  .rsp_bdr8 {
    -webkit-border-radius: 8px !important;
            border-radius: 8px !important;
  }
  /* ============================== Font */
  /* size */
  .rsp_fs10 {
    font-size: 10px !important;
  }
  .rsp_fs12 {
    font-size: 12px !important;
  }
  .rsp_fs14 {
    font-size: 14px !important;
  }
  .rsp_fs16 {
    font-size: 16px !important;
  }
  .rsp_fs18 {
    font-size: 18px !important;
  }
  .rsp_fs20 {
    font-size: 20px !important;
  }
  .rsp_fs22 {
    font-size: 22px !important;
  }
  .rsp_fs24 {
    font-size: 24px !important;
  }
  .rsp_fs26 {
    font-size: 26px !important;
  }
  .rsp_fs28 {
    font-size: 28px !important;
  }
  .rsp_fs30 {
    font-size: 30px !important;
  }
  .rsp_fs32 {
    font-size: 32px !important;
  }
  .rsp_fs34 {
    font-size: 34px !important;
  }
  .rsp_fs36 {
    font-size: 36px !important;
  }
  .rsp_fs38 {
    font-size: 38px !important;
  }
  .rsp_fs40 {
    font-size: 40px !important;
  }
  .rsp_fs_xs {
    font-size: 60% !important;
  }
  .rsp_fs_s {
    font-size: 80% !important;
  }
  .rsp_fs_l {
    font-size: 120% !important;
  }
  .rsp_fs_xl {
    font-size: 140% !important;
  }
  /* color */
  .rsp_fc_c12 {
    color: #cf142b !important;
  }
  .rsp_fc_71 {
    color: #717171 !important;
  }
  .rsp_fc_e99 {
    color: #ee9193 !important;
  }
  .rsp_fc_fb5 {
    color: #f8bf56 !important;
  }
  .rsp_fc_bd4 {
    color: #b7d24e !important;
  }
  .rsp_fc_4bc {
    color: #4bbdcd !important;
  }
  .rsp_fc_7be {
    color: #74bde7 !important;
  }
  .rsp_fc_e67 {
    color: #e36d76 !important;
  }
  .rsp_fc_ca8 {
    color: #c5a983 !important;
  }
  .rsp_fc_796 {
    color: #759b6b !important;
  }
  .rsp_fc_398 {
    color: #38958e !important;
  }
  .rsp_fc_49a {
    color: #4e92ab !important;
  }
  .rsp_fc_e11 {
    color: #ed171f !important;
  }
  .rsp_fc_00 {
    color: #000 !important;
  }
  .rsp_fc_33 {
    color: #333 !important;
  }
  .rsp_fc_66 {
    color: #666 !important;
  }
  .rsp_fc_99 {
    color: #999 !important;
  }
  .rsp_fc_c9 {
    color: #c9c9c9 !important;
  }
  .rsp_fc_de {
    color: #dedede !important;
  }
  .rsp_fc_f3 {
    color: #f3f3f3 !important;
  }
  .rsp_fc_ff {
    color: #fff !important;
  }
  /* decoration */
  .rsp_txt_dc_u {
    text-decoration: underline !important;
  }
  a.rsp_txt_dc_u:hover {
    text-decoration: underline !important;
  }
  /* word-break */
  .rsp_wb_nml {
    word-break: normal !important;
  }
  .rsp_wb_ball {
    word-break: break-all !important;
  }
  /* nowrap */
  .nowrap {
    white-space: nowrap !important;
  }
}