@charset "UTF-8";
/* reset
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

button:focus {
  outline: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="text"],
input[type="search"],
input[type="submit"],
input[type="reset"] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
}

input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

button:focus {
  outline: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="text"],
input[type="search"],
input[type="submit"],
input[type="reset"] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
}

input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

/* base
----------------------------------------------------------*/
html {
  height: 100%;
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.85;
  color: #000;
  -webkit-text-size-adjust: 100%;
}

.wr-contents {
  font-size: 114.285714%;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

a {
  text-decoration: none;
  color: #000;
}
a:hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}

.wr-img-hover img {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wr-img-hover:hover {
  opacity: 1;
}
.wr-img-hover:hover img {
  opacity: 0.8;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.wr-img-hover:hover .wr-hover-text {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}

.wr-wrapper {
  overflow: hidden;
}

.wr-col3:after,
.wr-col2:after {
  content: "";
  clear: both;
  display: block;
}

.wr-hide {
  display: none;
}

.wr-f-league {
  font-family: 'League Spartan', sans-serif;
}

.wr-fl-l {
  float: left;
}

.wr-fl-r {
  float: right;
}

.wr-txt-l {
  text-align: left;
}

.wr-txt-c {
  text-align: center;
}

.wr-txt-r {
  text-align: right;
}

.wr-fw-b {
  font-weight: bold;
}

.wr-bg-yellow {
  background: #fdd000;
}

.wr-bg-gray {
  background: #efefef;
}

.wr-bg-gray02 {
  background: #eaeaea;
}

.wr-bg-gray03 {
  /* background: #fafaf8; */
  background: #f5f4f0;
}

.wr-bg-gray04 {
  background: #eee;
}

.wr-bg-gray05 {
  background: #f5f4f0;
}

.wr-bg-black {
  background: #000;
}

.wr-overflow-hidden {
  overflow: hidden;
}

.wr-transition {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media (min-width: 751px) {
  .wr-sp-mode {
    display: none !important;
  }
}
@media only screen and (max-width: 750px) {
  .wr-pc-mode {
    display: none !important;
  }

  .wr-fl-l,
  .wr-fl-r {
    float: none;
  }
}
/* contents parts
----------------------------------------------------------*/
.wr-btn-b,
.wr-btn-b02,
.wr-btn-g01,
.wr-btn-g02,
.wr-btn-g03,
.wr-btn-g03,
.wr-btn-g04,
.wr-btn-g05,
.wr-btn-g06,
.wr-btn-g07,
.wr-btn-y,
.wr-btn-p {
  background: #fdd000;
}
.wr-btn-gray {
  background: #A2A2A2;
}
.wr-btn-b a,
.wr-btn-b02 a,
.wr-btn-g01 a,
.wr-btn-g02 a,
.wr-btn-g03 a,
.wr-btn-g03 a,
.wr-btn-g04 a,
.wr-btn-g05 a,
.wr-btn-g06 a,
.wr-btn-g07 a,
.wr-btn-y a,
.wr-btn-p a,
.wr-btn-gray a {
  display: block;
  position: relative;
}
.wr-btn-b a:after,
.wr-btn-y a:after,
.wr-btn-p a:after,
.wr-btn-b02 a:after,
.wr-btn-g01 a:after,
.wr-btn-g02 a:after,
.wr-btn-g03 a:after,
.wr-btn-g03 a:after,
.wr-btn-g04 a:after,
.wr-btn-g05 a:after,
.wr-btn-g06 a:after,
.wr-btn-g07 a:after,
.wr-btn-gray a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: #939393;
}
.wr-btn-b a:after {
  background: #585858;
}
.wr-btn-y a:after {
  background: #F8DE68;
}
.wr-btn-p a:after {
  background: #E68EC7;
}
.wr-btn-b a .wr-box,
.wr-btn-b02 a .wr-box,
.wr-btn-g01 a .wr-box,
.wr-btn-g02 a .wr-box,
.wr-btn-g03 a .wr-box,
.wr-btn-g03 a .wr-box,
.wr-btn-g04 a .wr-box,
.wr-btn-g05 a .wr-box,
.wr-btn-g06 a .wr-box,
.wr-btn-g07 a .wr-box,
.wr-btn-y a .wr-box,
.wr-btn-p a .wr-box,
.wr-btn-gray a .wr-box {
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 751px) {
  .wr-btn-b a:hover,
  .wr-btn-b02 a:hover,
  .wr-btn-g01 a:hover,
  .wr-btn-g02 a:hover,
  .wr-btn-g03 a:hover,
  .wr-btn-g03 a:hover,
  .wr-btn-g04 a:hover,
  .wr-btn-g05 a:hover,
  .wr-btn-g06 a:hover,
  .wr-btn-g07 a:hover,
  .wr-btn-y a:hover,
  .wr-btn-p a:hover,
  .wr-btn-gray a:hover {
    opacity: 1;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #fff;
  }
  .wr-btn-y a:hover {
    color: #000000;
  }
  .wr-btn-b a:hover:after,
  .wr-btn-b02 a:hover:after,
  .wr-btn-g01 a:hover:after,
  .wr-btn-g02 a:hover:after,
  .wr-btn-g03 a:hover:after,
  .wr-btn-g03 a:hover:after,
  .wr-btn-g04 a:hover:after,
  .wr-btn-g05 a:hover:after,
  .wr-btn-g06 a:hover:after,
  .wr-btn-g07 a:hover:after,
  .wr-btn-y a:hover:after,
  .wr-btn-p a:hover:after,
  .wr-btn-gray a:hover:after {
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    width: 100%;
  }
  .wr-btn-b a:hover .wr-label,
  .wr-btn-b02 a:hover .wr-label,
  .wr-btn-g01 a:hover .wr-label,
  .wr-btn-g02 a:hover .wr-label,
  .wr-btn-g03 a:hover .wr-label,
  .wr-btn-g03 a:hover .wr-label,
  .wr-btn-g04 a:hover .wr-label,
  .wr-btn-g05 a:hover .wr-label,
  .wr-btn-g06 a:hover .wr-label,
  .wr-btn-g07 a:hover .wr-label,
  .wr-btn-y a:hover .wr-label,
  .wr-btn-p a:hover .wr-label,
  .wr-btn-gray a:hover .wr-label {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #fff;
  }
  .wr-btn-b a:hover .wr-label div:after,
  .wr-btn-b02 a:hover .wr-label div:after,
  .wr-btn-g01 a:hover .wr-label div:after,
  .wr-btn-g02 a:hover .wr-label div:after,
  .wr-btn-g03 a:hover .wr-label div:after,
  .wr-btn-g03 a:hover .wr-label div:after,
  .wr-btn-g04 a:hover .wr-label div:after,
  .wr-btn-g05 a:hover .wr-label div:after,
  .wr-btn-g06 a:hover .wr-label div:after,
  .wr-btn-g07 a:hover .wr-label div:after,
  .wr-btn-y a:hover .wr-label div:after,
  .wr-btn-p a:hover .wr-label div:after,
  .wr-btn-gray a:hover .wr-label div:after {
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    width: 100%;
  }
}
.wr-btn-b {
  /* background: #000; */
  background: #333;
}
.wr-btn-b a {
  color: #fff;
}
.wr-btn-b a:after {
  background: #595757;
}

.wr-btn-b02 {
  background: #231815;
}
.wr-btn-b02 a {
  color: #fff;
}
.wr-btn-b02 a:after {
  background: #595757;
}

.wr-btn-g01 {
  background: #333333;
}
.wr-btn-g01 a {
  color: #fff;
}

.wr-btn-g02 {
  /* background: #727171; */
  background: #6c6c6c;
}
.wr-btn-g02 a {
  color: #fff;
}

.wr-btn-g03 {
  background: #b5b5b6;
}
.wr-btn-g03 a {
  color: #fff;
}

.wr-btn-g04 {
  background: #efefef;
}

.wr-btn-g05 {
  background: #dcdddd;
}

.wr-btn-g06 {
  background: #9fa0a0;
}
.wr-btn-g06 p {
  color: #fff;
}

.wr-btn-g07 {
  background: #f6f7f7;
}

.wr-btn-p {
  background: #ec407a;
}
.wr-btn-p a {
  color: #fff;
}

.wr-word-list {
  font-size: 0;
}
.wr-word-list.wr-gray a {
  background: #c9caca;
  color: #231815;
}
.wr-word-list.wr-gray a:after {
  background: #000;
}
.wr-word-list.wr-gray p {
  color: #231815;
}
.wr-word-list.wr-gray .wr-current {
  opacity: 1;
  color: #fff;
}
.wr-word-list.wr-gray .wr-current:after {
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  width: 100%;
}
.wr-word-list.wr-gray .wr-current p {
  color: #fff;
}
.wr-word-list li {
  display: inline-block;
  margin: 0 8px 9px 0;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-word-list a {
  position: relative;
  display: block;
  padding: 5px 16px 5px;
  background: #3e3a39;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  line-height: 1.4;
}
.wr-word-list a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: #000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wr-word-list a:hover {
  opacity: 1;
}
.wr-word-list p {
  position: relative;
  z-index: 2;
  color: #fff;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-word-list a {
    padding: 7px 16px 3px;
  }
}
@media only screen and (min-width: 751px) {
  .wr-word-list.wr-gray a:hover p {
    color: #fff;
  }
  .wr-word-list a:hover {
    opacity: 1;
    color: #fff;
  }
  .wr-word-list a:hover:after {
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    width: 100%;
  }
}
.wr-ttl01 {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.7;
  font-weight: bold;
}
.wr-ttl01 span {
  letter-spacing: 0.2em;
}
.wr-ttl01 small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
}

.wr-ttl02 {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.7;
  font-weight: bold;
}
.wr-ttl02 span {
  letter-spacing: 0.2em;
}
.wr-ttl02 small {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}

.wr-arrow-circle {
  width: 30px;
  height: 30px;
  border: 2px solid #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}

/* .wr-bg-bar {
  padding-top: 7px;
  background-image: url(/common/img/common/bg-bar.png);
  background-repeat: no-repeat;
  background-position: top center;
} */

@media only screen and (max-width: 750px) {
  .wr-ttl01 {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .wr-ttl01 small {
    font-size: 11px;
    font-size: 1.1rem;
  }

  .wr-ttl02 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-ttl02 small {
    font-size: 11px;
    font-size: 1.1rem;
  }

  /* .wr-bg-bar {
    padding-top: 5px;
    background-image: url(/common/img/common/bg-bar-sp.png);
    -moz-background-size: auto 5px;
    -o-background-size: auto 5px;
    -webkit-background-size: auto 5px;
    background-size: auto 5px;
  } */
}
/* header
----------------------------------------------------------*/
.wr-customize-support .wr-global-header {
  top: 32px;
}

.wr-load-overlay,
.wr-search-overlay,
.wr-modal-overlay,
.wr-menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  height: 100%;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
  background: rgba(0, 0, 0, 0.4);
}

.wr-search-overlay,
.wr-modal-overlay {
  z-index: 999999;
}

.wr-load-overlay {
  display: block;
  z-index: 1000000;
}

@media only screen {
  .wr-global-header.wr-fix {
    position: fixed;
  }
}
.wr-global-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #fff;
  font-weight: 500;
  /* border-bottom: 1px solid #dcdddd; */
}
.wr-global-header.wr-fix .wr-head {
  width: 210px;
}
.wr-global-header.wr-fix .wr-logo a {
  padding: 12px 0 12px;
}
.wr-global-header.wr-fix .wr-logo img {
  width: 130px;
}
.wr-global-header.wr-fix .wr-contact {
  display: table-cell;
  float: none;
  width: 145px;
  background: none;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 54pxs;
  text-align: left;
  font-weight: bold;
}
.wr-global-header.wr-fix .wr-contact a:hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.5;
  color: #000;
}
.wr-global-header.wr-fix .wr-contact a:hover .box:before {
  opacity: 1;
}
.wr-global-header.wr-fix .wr-contact a:after {
  display: none;
}
.wr-global-header.wr-fix .wr-contact .wr-box:before {
  content: "/";
  display: inline-block;
  vertical-align: top;
  margin: 0 18px 0 2px;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-global-header.wr-fix .wr-contact i {
  display: none;
}
.wr-global-header.wr-fix .wr-sub-menu {
  position: absolute;
  top: -500%;
  z-index: -1;
  opacity: 0;
}
.wr-global-header.wr-fix .wr-global-nav .wr-main-link {
  font-size: 13px;
  font-size: 1.3rem;
}
.wr-global-header.wr-fix .wr-global-nav .wr-main-link > a {
  line-height: 54px;
}
.wr-global-header.wr-fix .wr-global-nav .wr-mega-menu {
  top: 54px;
}
.wr-global-header .wr-header-wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wr-global-header .wr-head {
  display: table-cell;
  width: 290px;
  vertical-align: top;
}
/* .wr-global-header .wr-logo {
  background: #fdd000;
  text-align: center;
}
.wr-global-header .wr-logo a {
  padding: 24px 0 24px;
  display: block;
}
.wr-global-header .wr-logo img {
  width: 160px;
} */
.wr-global-header .wr-btn-menu {
  display: none;
}
.wr-global-header .wr-nav-wrap {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}
.wr-global-header .wr-sub-link .wr-link-list {
  margin: 8px 0 0;
  text-align: right;
}
.wr-global-header .wr-sub-link .wr-link-list ul {
  display: inline-block;
  vertical-align: top;
}
/* .wr-global-header .wr-sub-link .wr-link-list ul:after {
  content: "/";
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 22px;
  color: #c9caca;
} */
.wr-global-header .wr-sub-link .wr-link-list li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 13px;
}
.wr-global-header .wr-sub-link .wr-link-list .wr-link {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 17px;
  font-weight: bold;
}
.wr-global-header .wr-sub-link .wr-link-list .wr-lang-link a {
  color: #c9caca;
}
.wr-global-header .wr-sub-link .wr-link-list .wr-lang-link a:hover {
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  color: #231815;
  opacity: 1;
}
.wr-global-header .wr-sub-link .wr-link-list .wr-lang-link .wr-current a {
  color: #231815;
}
.wr-global-header .wr-sub-link .wr-link-box {
  margin: 0 0 0 19px;
}
.wr-global-header .wr-sub-link .wr-search-box .wr-btn-search {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 5px 0 0 0;
  background: none;
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #727171;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  line-height: 1;
}
.wr-global-header .wr-sub-link .wr-search-box .wr-text-box {
  width: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-global-header .wr-sub-link .wr-search-box .wr-search-text-box {
  display: inline-block;
  width: 160px;
  margin: 1px 0 0 5px;
  vertical-align: top;
}
.wr-global-header .wr-sub-link .wr-search-box #srch-01 .srch-input {
  display: block;
  height: 24px;
  width: 100%;
  margin: 0;
  padding: 0px 8px;
  border: 1px solid #c9caca;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: top;
  box-sizing: border-box;
  font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* IE 10+ */
}
.wr-global-header .wr-sub-link .wr-search-box #srch-01 .srch-input.wr-focus {
  background: #fff;
}
.wr-global-header .wr-sub-link .wr-search-box #srch-01 .srch-input:placeholder-shown {
  font-size: 13px;
  color: #595757;
}
.wr-global-header .wr-sub-link .wr-search-box #srch-01 .srch-input::-webkit-input-placeholder {
  font-size: 13px;
  color: #595757;
}
.wr-global-header .wr-sub-link .wr-search-box #srch-01 .srch-input::-moz-placeholder {
  font-size: 13px;
  color: #595757;
  opacity: 1;
}
.wr-global-header .wr-sub-link .wr-search-box #srch-01 .srch-input:-ms-input-placeholder {
  font-size: 14px;
}
.wr-global-header .wr-sub-link .wr-search-box #gsc-i-id1 {
  display: block;
  height: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0px 8px !important;
  border: 1px solid #c9caca !important;
  background: #fff url(/common/img/common/txt-search-head-pc.png) 8px center no-repeat !important;
  font-family: 'FontAwesome';
  font-size: 16px !important;
  font-size: 1.6rem !important;
  vertical-align: top !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wr-global-header .wr-sub-link .wr-search-box #gsc-i-id1.wr-focus {
  background: #fff !important;
}
.wr-global-header .wr-sub-link .wr-search-box .gsc-search-box {
  position: relative;
}
.wr-global-header .wr-sub-link .wr-search-box .gsc-search-button {
  display: none !important;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 74px;
  width: 73px;
  vertical-align: top;
}
.wr-global-header .wr-sub-link .wr-search-box form.gsc-search-box {
  margin: 0;
}
.wr-global-header .wr-sub-link .wr-search-box table.gsc-search-box {
  margin: 0;
}
.wr-global-header .wr-sub-link .wr-search-box input.gsc-search-button,
.wr-global-header .wr-sub-link .wr-search-box input.gsc-search-button:hover,
.wr-global-header .wr-sub-link .wr-search-box input.gsc-search-button:focus {
  height: 17px;
  width: 73px;
  padding: 0 0 0 5px;
  margin: 0;
  background: #fdd000 url(/common/img/common/icon-search.png) center center no-repeat;
  border: 1px solid #c9caca;
  border-left: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
  font-family: 'FontAwesome' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  color: #000;
  font-size: 26px !important;
  font-size: 2.6rem !important;
  text-indent: -9999px;
}
.wr-global-header .wr-sub-link .wr-search-box .gsc-control-cse {
  padding: 0 !important;
  background: none;
  border: none;
  font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wr-global-header .wr-sub-link .wr-search-box .gsc-input-box {
  height: 17px !important;
  border: 0 !important;
  background: none;
  box-shadow: none !important;
}
.wr-global-header .wr-sub-link .wr-search-box .gsc-input {
  padding: 0;
}
.wr-global-header .wr-sub-link .wr-search-box #gs_tti50 {
  padding: 0;
  vertical-align: top;
}
.wr-global-header .wr-sub-link .wr-search-box table.gsc-search-box td {
  vertical-align: top;
}
.wr-global-header .wr-sub-link .wr-search-box table.gsc-search-box td .gsst_a {
  padding: 0;
}
.wr-global-header .wr-sub-link .wr-search-box .gsst_b {
  padding: 0 !important;
}
.wr-global-header .wr-sub-link .wr-search-box .gsst_b a {
  vertical-align: middle;
}
.wr-global-header .wr-sub-link .wr-contact {
  width: 208px;
  margin: 0 0 0 36px;
  background: #fdd000;
  text-align: center;
}
.wr-global-header .wr-sub-link .wr-contact a {
  position: relative;
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 38px;
}
.wr-global-header .wr-sub-link .wr-contact .wr-fa-envelope {
  margin: 11px 8px 0 -26px;
  vertical-align: top;
  font-size: 15px;
  font-size: 1.5rem;
}
.wr-global-header .wr-sub-link .wr-contact .wr-fa-chevron-right {
  position: absolute;
  top: 50%;
  right: 19px;
  margin: -6px 0 0;
  font-size: 10px;
  font-size: 1rem;
}
.wr-global-header .wr-global-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto;
}
.wr-global-header .wr-global-nav .wr-link-wrap {
  display: table-cell;
  padding: 0;
}
.wr-global-header .wr-global-nav .wr-link {
  text-align: center;
  font-size: 0;
  padding: 0 3px 0 0;
}
.wr-global-header .wr-global-nav .wr-main-link {
  display: inline-block;
  margin: 0;
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: top;
}
.wr-global-header .wr-global-nav .wr-main-link.wr-current > a:after {
  width: 100%;
}
.wr-global-header .wr-global-nav .wr-main-link > a {
  position: relative;
  display: block;
  padding: 0 13px 0 14px;
  line-height: 54px;
  text-align: center;
  color: #000;
  letter-spacing: 0.02em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}
.wr-global-header .wr-global-nav .wr-main-link > a:hover {
  opacity: 1;
}
.wr-global-header .wr-global-nav .wr-main-link > a:hover:after {
  width: 100%;
}
.wr-global-header .wr-global-nav .wr-main-link > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 4px;
  background: #fdd000;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wr-global-header .wr-global-nav .wr-main-link > span {
  display: block;
  padding: 0 13px;
  text-align: center;
  letter-spacing: 0.07em;
}
.wr-global-header .wr-global-nav .wr-mega-menu {
  display: none;
  position: absolute;
  top: 130px;
  left: 0;
  z-index: 99999;
  width: 100%;
  padding: 0 20px;
  min-height: 470px;
  background: #efefef;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 66px 0 30px;
}
.wr-global-header .wr-global-nav .wr-mega-menu a:hover {
  text-decoration: none;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  color: #8ea8c0;
}
.wr-global-header .wr-global-nav .wr-mega-menu h2 {
  margin: 0 0 47px;
  padding: 13px 0 0;
  border-top: 1px solid #231815;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 {
  width: 29.41667%;
  margin: 0 7.91667% 0 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 h2 {
  margin: 0 0 24px;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li {
  border-top: 1px solid #231815;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li:first-child {
  border-top: none;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li a {
  position: relative;
  display: block;
  padding: 27px 20px 27px 57px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 19px;
  width: 20px;
  height: 20px;
  margin: -12px 0 0;
  margin: -7px 0 0;
  background: url(/common/img/common/icon-arrow.png) no-repeat;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 .wr-cat a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 1;
  height: 34px;
  width: 30px;
  background: url(/common/img/common/icon-search-cat.png) no-repeat;
  -moz-background-size: 30px 34px;
  -o-background-size: 30px 34px;
  -webkit-background-size: 30px 34px;
  background-size: 30px 34px;
  margin: -15px 0 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 .wr-series a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 1;
  height: 34px;
  width: 33px;
  background: url(/common/img/common/icon-search-series.png) no-repeat;
  -moz-background-size: 33px 34px;
  -o-background-size: 33px 34px;
  -webkit-background-size: 33px 34px;
  background-size: 33px 34px;
  margin: -15px 0 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 .wr-service a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 1;
  height: 36px;
  width: 33px;
  background: url(/common/img/common/icon-search-service.png) no-repeat;
  -moz-background-size: 33px 36px;
  -o-background-size: 33px 36px;
  -webkit-background-size: 33px 36px;
  background-size: 33px 36px;
  margin: -18px 0 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link02 {
  width: 19.75%;
  margin: 0 7.91667% 0 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 {
  width: 35%;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 ul {
  width: 102.38095%;
  font-size: 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 li {
  display: inline-block;
  width: 32.09302%;
  margin: 0 0.93023% 0.93023% 0;
  vertical-align: top;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 a {
  display: block;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 a:hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 .wp-img-box {
  position: relative;
  padding: 70.28986% 0 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 .wp-img-box div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 .wp-img-box p {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  background: #fff;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 .wp-img-box span {
  display: table-cell;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 .wp-img-box img {
  display: inline-block;
  max-height: 70px;
}

.wr-global-header .wr-sub-link .wr-search-box #gsc-i-id1::-webkit-input-placeholder {
  font-size: 0;
}

#gsc-i-id2::-webkit-input-placeholder {
  font-size: 0;
}

#gsc-i-id3::-webkit-input-placeholder {
  font-size: 0;
}

.wr-global-header .wr-sub-link .wr-search-box #gsc-i-id1:-ms-input-placeholder {
  font-size: 0;
}

#gsc-i-id2:-ms-input-placeholder {
  font-size: 0;
}

#gsc-i-id3:-ms-input-placeholder {
  font-size: 0;
}

.wr-global-header .wr-sub-link .wr-search-box #gsc-i-id1::-moz-placeholder {
  font-size: 0;
}

#gsc-i-id2::-moz-placeholder {
  font-size: 0;
}

#gsc-i-id3::-moz-placeholder {
  font-size: 0;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-global-header .wr-sub-link .wr-link-list .wr-link {
    margin-top: 3px;
  }
  .wr-global-header .wr-logo a {
    padding-top: 26px;
  }
  .wr-global-header .wr-sub-link .wr-contact a {
    padding: 12px 0px 9px 0px;
    line-height: 1.5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-global-header .wr-sub-link .wr-contact .wr-fa-envelope {
    margin: 0 9px 0 -11px;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li a {
    padding: 32px 20px 22px 57px;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-01 .srch-input {
    padding-top: 1px;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-link {
    overflow: hidden;
    height: 54px;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-main-link > a {
    padding-top: 6px;
    line-height: 48px !important;
  }
}
.gs-result .gs-title {
  text-align: left;
}

@media print, screen and (max-width: 1260px) {
  .wr-global-header .wr-global-nav .wr-main-link {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media print, screen and (max-width: 1240px) {
  .wr-global-header.wr-fix .wr-contact {
    width: 120px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .wr-global-header.wr-fix .wr-contact .wr-box:before {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-main-link {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media print, screen and (max-width: 1210px) {
  .wr-global-header .wr-global-nav .wr-main-link > a {
    padding: 0 10px;
  }
}
@media print, screen and (max-width: 1160px) {
  .wr-global-header .wr-head {
    width: 260px;
  }
  .wr-global-header .wr-global-nav .wr-main-link {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media print, screen and (max-width: 1120px) {
  .wr-global-header.wr-fix .wr-head {
    width: 180px;
  }
  .wr-global-header.wr-fix .wr-contact {
    width: 120px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .wr-global-header.wr-fix .wr-contact .wr-box:before {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 15px 0 0;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-main-link {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media print, screen and (max-width: 1080px) {
  .wr-global-header .wr-head {
    width: 240px;
  }
  .wr-global-header .wr-global-nav .wr-main-link {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media print, screen and (max-width: 1040px) {
  .wr-global-header.wr-fix .wr-contact {
    width: 105px;
  }
}
@media print, screen and (max-width: 1010px) {
  .wr-global-header .wr-global-nav .wr-main-link > a {
    padding: 0 8px;
    letter-spacing: normal;
  }
}
@media print, screen and (max-width: 980px) {
  .wr-global-header.wr-fix .wr-head {
    width: 160px;
  }
  .wr-global-header.wr-fix .wr-contact {
    font-size: 10px;
    font-size: 1rem;
  }
  .wr-global-header.wr-fix .wr-contact .box:before {
    font-size: 11px;
    font-size: 1.1rem;
    margin: 0 10px 0 0;
  }
  .wr-global-header.wr-fix .wr-global-nav .main-link {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media print, screen and (max-width: 970px) {
  .wr-global-header .wr-head {
    width: 220px;
  }
  .wr-global-header .wr-global-nav .wr-main-link {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media print, screen and (max-width: 950px) {
  .wr-global-header .wr-sub-link .wr-contact {
    width: 200px;
    margin-left: 20px;
  }
  .wr-global-header .wr-sub-link .wr-search-box .wr-search-text-box {
    width: 145px;
  }
  .wr-global-header .wr-sub-link .wr-link-box {
    margin-left: 10px;
  }
  .wr-global-header .wr-global-nav .wr-main-link > a {
    padding: 0 5px;
  }
}
@media print, screen and (max-width: 920px) {
  .wr-global-header.wr-fix .wr-contact {
    width: 85px;
  }
  .wr-global-header.wr-fix .wr-contact .wr-box:before {
    margin-right: 6px;
  }
}
@media print, screen and (max-width: 890px) {
  .wr-global-header.wr-fix .wr-contact {
    font-size: 9px;
    font-size: 0.9rem;
  }
  .wr-global-header.wr-fix .wr-contact .wr-box:before {
    font-size: 10px;
    font-size: 1rem;
    margin: 0 6px 0 0;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-main-link {
    font-size: 9px;
    font-size: 0.9rem;
  }
  .wr-global-header .wr-head {
    width: 200px;
  }
  .wr-global-header .wr-global-nav .wr-main-link {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media print, screen and (max-width: 800px) {
  .wr-global-header .wr-sub-link .wr-contact {
    width: 160px;
  }
}
@media print, screen and (max-width: 790px) {
  .wr-global-header .wr-head {
    width: 190px;
  }
  .wr-global-header .wr-global-nav .wr-main-link {
    font-size: 9px;
    font-size: 0.9rem;
  }
  .wr-global-header.wr-fix .wr-head {
    width: 120px;
  }
}
@media only screen and (max-width: 750px) {
  .wr-global-header.wr-fix {
    position: fixed;
  }
  .wr-global-header.wr-fix .wr-head {
    width: 100%;
  }
  .wr-global-header.wr-fix .wr-logo {
    width: 140px;
  }
  .wr-global-header.wr-fix .wr-logo a {
    padding: 17px 0 17px;
  }
  .wr-global-header.wr-fix .wr-logo img {
    width: 98px;
  }
  .wr-global-header.wr-fix .wr-contact {
    display: block;
    float: none;
    width: 80%;
    background: #fdd000;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 37px;
    text-align: center;
  }
  .wr-global-header.wr-fix .wr-contact a:hover {
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0.5;
    color: #000;
  }
  .wr-global-header.wr-fix .wr-contact a:hover .box:before {
    opacity: 1;
  }
  .wr-global-header.wr-fix .wr-contact a:after {
    display: block;
  }
  .wr-global-header.wr-fix .wr-contact .wr-box:before {
    display: none;
  }
  .wr-global-header.wr-fix .wr-contact i {
    display: inline-block;
  }
  .wr-global-header.wr-fix .wr-sub-menu {
    position: relative;
    top: inherit;
    z-index: 1;
    opacity: 1;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-main-link {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-main-link > a {
    line-height: 1.4;
  }
  .wr-global-header.wr-fix .wr-global-nav .wr-mega-menu {
    top: inherit;
  }
  .wr-global-header .wr-head {
    height: 60px;
  }
  .wr-global-header .wr-header-wrap {
    overflow: auto;
  }
  .wr-global-header .wr-header-wrap > div {
    min-width: inherit;
  }
  /* .wr-global-header .wr-logo {
    width: 140px;
    background: #fdd000;
    text-align: center;
  }
  .wr-global-header .wr-logo a {
    padding: 17px 0 17px;
    display: block;
  }
  .wr-global-header .wr-logo img {
    width: 98px;
  } */
  .wr-global-header .wr-btn-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 6px;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  .wr-global-header .wr-btn-menu span {
    display: block;
    background: #000;
    width: 30px;
    height: 2px;
    position: absolute;
    transition: all .4s;/*アニメーションの設定*/
    right: 14px;
  }
  .wr-global-header .wr-btn-menu span.wr-bar01 {
    /* top: 24px; */
    top: 19px;
  }
  .wr-global-header .wr-btn-menu.wr-on span.wr-bar01 {
    transform: translateY(11px) rotate(-45deg);
  }
  .wr-global-header .wr-btn-menu span.wr-bar02 {
    /* top: 34px; */
    top: 39px;
  }
  .wr-global-header .wr-btn-menu.wr-on span.wr-bar02 {
    transform: translateY(-8px) rotate(45deg);
  }
  .wr-global-header .wr-btn-menu span.wr-bar03 {
    top: 29px;
  }
  .wr-global-header .wr-btn-menu.wr-on span.wr-bar03 {
    opacity: 0;
  }
  .wr-global-header .wr-nav-wrap {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    width: 100%;
    background: #efefef;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .wr-global-header .wr-sub-link {
    padding: 0 0 18px;
  }
  .wr-global-header .wr-sub-link .wr-link-list {
    margin: 0;
    padding: 34px 0 0;
    border-top: 1px solid #c9caca;
    text-align: center;
  }
  .wr-global-header .wr-sub-link .wr-link-list ul:after {
    display: none;
  }
  .wr-global-header .wr-sub-link .wr-link-list li {
    margin: 0;
  }
  .wr-global-header .wr-sub-link .wr-link-list .wr-link {
    margin: 0 21px 0 40px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-global-header .wr-sub-link .wr-link-list .wr-lang-link a {
    color: #c9caca;
  }
  .wr-global-header .wr-sub-link .wr-link-list .wr-lang-link a:hover {
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    color: #231815;
    opacity: 1;
  }
  /* .wr-global-header .wr-sub-link .wr-link-list .wr-lang-link li:first-child:after {
    content: "/";
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0;
    color: #231815;
  } */
  .wr-global-header .wr-sub-link .wr-link-box {
    margin: 0 0 16px;
    text-align: center;
  }
  .wr-global-header .wr-sub-link .wr-search-box {
    position: relative;
    width: 80%;
    margin: 0 auto 16px;
  }
  .wr-global-header .wr-sub-link .wr-search-box .wr-btn-search {
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
    width: 33px;
    background: #fdd000;
    border: 1px solid #c9caca;
    border-left: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0;
    border-radius: 0 2px 2px 0;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-global-header .wr-sub-link .wr-search-box .wr-text-box {
    display: block;
    height: 34px;
    width: 100%;
    padding: 0 33px 0 11px;
    border: 1px solid #c9caca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: top;
  }
  .wr-global-header .wr-sub-link .wr-search-box .wr-text-box::-webkit-input-placeholder {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-global-header .wr-sub-link .wr-search-box .wr-text-box:-ms-input-placeholder {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-global-header .wr-sub-link .wr-search-box .wr-text-box::-moz-placeholder {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-global-header .wr-sub-link .wr-search-box .wr-search-text-box {
    display: block;
    width: 100%;
    margin-top: 0;
    vertical-align: top;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 {
    position: relative;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 .srch-input {
    display: block;
    height: 34px;
    margin: 0;
    padding: 0 33px 0 11px;
    border: 1px solid #c9caca;
    background: #fff;
    -webkit-background-size: auto 13px;
    background-size: auto 13px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: top;
    font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width: 100%;
    /* IE 10+ */
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 .srch-input.wr-focus {
    background: #fff;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 .srch-input:placeholder-shown {
    font-size: 13px;
    color: #727171;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 .srch-input::-webkit-input-placeholder {
    font-size: 13px;
    color: #727171;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 .srch-input::-moz-placeholder {
    font-size: 13px;
    color: #727171;
    opacity: 1;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 .srch-input:-ms-input-placeholder {
    font-size: 14px;
  }
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 .srch-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
    background: #fdd000 url(/common/img/common/icon-search.png) center center no-repeat;
    border: 1px solid #c9caca;
    -moz-background-size: 10px 10px;
    -o-background-size: 10px 10px;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    border-left: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0;
    border-radius: 0 2px 2px 0;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    color: #000;
    font-size: 26px;
    font-size: 2.6rem;
    text-indent: -9999px;
  }
  .wr-global-header .wr-sub-link .wr-search-box #gsc-i-id1,
  .wr-global-header .wr-sub-link .wr-search-box #gsc-i-id2 {
    display: block;
    height: 34px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 33px 0 11px !important;
    border: 1px solid #c9caca !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(/common/img/common/txt-search-sp.png) 11px center no-repeat !important;
    -webkit-background-size: auto 13px !important;
    background-size: auto 13px !important;
    font-family: 'FontAwesome';
    font-size: 16px !important;
    font-size: 1.6rem !important;
    vertical-align: top !important;
  }
  .wr-global-header .wr-sub-link .wr-search-box #gsc-i-id1.wr-focus,
  .wr-global-header .wr-sub-link .wr-search-box #gsc-i-id2.wr-focus {
    background: #fff !important;
  }
  .wr-global-header .wr-sub-link .wr-search-box .gsc-search-box {
    position: relative;
  }
  .wr-global-header .wr-sub-link .wr-search-box .gsc-search-button {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 34px;
    width: 34px;
    vertical-align: top;
  }
  .wr-global-header .wr-sub-link .wr-search-box form.gsc-search-box {
    margin: 0;
  }
  .wr-global-header .wr-sub-link .wr-search-box table.gsc-search-box {
    margin: 0;
  }
  .wr-global-header .wr-sub-link .wr-search-box input.gsc-search-button,
  .wr-global-header .wr-sub-link .wr-search-box input.gsc-search-button:hover,
  .wr-global-header .wr-sub-link .wr-search-box input.gsc-search-button:focus {
    height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
    background: #fdd000 url(/common/img/common/icon-search.png) center center no-repeat;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    border: 1px solid #c9caca;
    border-left: none !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0;
    border-radius: 0 2px 2px 0;
    font-family: 'FontAwesome' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    color: #000;
    font-size: 26px !important;
    font-size: 2.6rem !important;
    text-indent: -9999px;
  }
  .wr-global-header .wr-sub-link .wr-search-box .gsc-control-cse {
    padding: 0 !important;
    background: none;
    border: none;
    font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .wr-global-header .wr-sub-link .wr-search-box .gsc-input-box {
    height: 34px !important;
    border: 0 !important;
    background: none;
    box-shadow: none !important;
  }
  .wr-global-header .wr-sub-link .wr-search-box .gsc-input {
    padding: 0;
  }
  .wr-global-header .wr-sub-link .wr-search-box #gs_tti50,
  .wr-global-header .wr-sub-link .wr-search-box #gs_tti51 {
    padding: 0;
  }
  .wr-global-header .wr-sub-link .wr-search-box .gsst_b {
    padding: 0 !important;
  }
  .wr-global-header .wr-sub-link .wr-search-box .gsc-results-wrapper-overlay {
    top: 70px !important;
    height: 75%;
    width: 93.75%;
    left: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -46.875%;
  }
  .wr-global-header .wr-sub-link .wr-contact {
    width: 80%;
    margin: 35px auto;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }
  .wr-global-header .wr-sub-link .wr-contact a {
    line-height: 37px;
  }
  .wr-global-header .wr-sub-link .wr-contact .wr-fa-envelope {
    margin: 0 9px 0 -11px;
    vertical-align: baseline;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wr-global-header .wr-sub-link .wr-contact .wr-fa-chevron-right {
    position: absolute;
    top: 50%;
    right: 19px;
    margin: -6px 0 0;
    font-size: 10px;
    font-size: 1rem;
  }
  .wr-global-header .wr-global-nav {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .wr-global-header .wr-global-nav .wr-link {
    display: block;
    margin: 0 0 0;
    padding: 0;
    font-size: 0;
    text-align: right;
  }
  .wr-global-header .wr-global-nav .wr-link-wrap {
    display: block;
    padding: 0;
    height: 100%;
  }
  .wr-global-header .wr-global-nav .wr-main-link {
    display: block;
    margin: 0;
    border-bottom: 1px solid #c9caca;
    font-size: 15px;
    font-size: 1.5rem;
    white-space: inherit;
  }
  .wr-global-header .wr-global-nav .wr-main-link.wr-current > a {
    color: #fff;
  }
  .wr-global-header .wr-global-nav .wr-main-link.wr-current > a:after {
    display: none;
  }
  .wr-global-header .wr-global-nav .wr-main-link.wr-current > a:hover:after {
    display: none;
  }
  .wr-global-header .wr-global-nav .wr-main-link > a {
    padding: 16px 9.86667% 17px 8px;
    line-height: 1.4 !important;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.02em;
  }
  .wr-global-header .wr-global-nav .wr-main-link > a:hover {
    text-decoration: none;
    opacity: 1;
  }
  .wr-global-header .wr-global-nav .wr-main-link > a:after {
    display: none;
  }
  .wr-global-header .wr-global-nav .wr-main-link > span {
    display: block;
    padding: 0 13px;
    text-align: center;
    letter-spacing: 0.07em;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu {
    display: none;
    position: inherit;
    top: inherit;
    left: inherit;
    min-height: inherit;
    width: 100%;
    padding: 0;
    background: #f7f8f8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-inner {
    padding: 0;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu a:hover {
    color: #fff;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 {
    width: 100%;
    margin: 0;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 h2 {
    display: none;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li {
    border-top: 1px solid #c9caca;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li:first-child {
    border-top: 1px solid #c9caca;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li a {
    padding: 13px 8% 11px 16.8%;
    letter-spacing: 0.02em;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li a:after {
    display: none;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li a .wr-arrow-circle {
    display: none;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 li a:hover {
    opacity: 1;
    color: #000;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 .wr-series a:before,
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 .wr-cat a:before,
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link01 .wr-service a:before {
    display: none;
  }
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link02,
  .wr-global-header .wr-global-nav .wr-mega-menu .wr-sub-link03 {
    display: none;
    width: 100%;
    margin: 0;
  }
  .wr-global-header .wr-global-nav .wr-toggle-btn > a {
    padding-right: 40px;
  }
  .wr-global-header .wr-global-nav .wr-toggle-btn > a:after {
    content: "\f107";
    display: inline-block;
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    height: auto;
    width: auto;
    background: none;
    margin: 0 0 0 21px;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .wr-global-header .wr-global-nav .wr-toggle-btn > a:hover:after {
    width: auto;
  }
  .wr-global-header .wr-global-nav .wr-toggle-btn > a.on:after {
    content: "\f106";
  }
}
@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-global-header .wr-sub-link .wr-search-box #srch-02 {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
/* footer
----------------------------------------------------------*/
.wr-global-footer .wr-foot01 {
  padding: 125px 0 26px;
  background-color: #231815;
  color: #FFF;
  text-align: center;
}
.wr-global-footer .wr-foot01 .wr-logo,
.wr-global-footer .wr-foot01 h1 {
  width: 205px;
  margin: 0 auto 120px;
}
.wr-global-footer .wr-foot01 .wr-logo a,
.wr-global-footer .wr-foot01 h1 a {
  display: block;
}
.wr-global-footer .wr-foot01 ul {
  margin: 0 0 37px;
}
.wr-global-footer .wr-foot01 li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
}
.wr-global-footer .wr-foot01 li:first-child:before {
  display: none;
}
.wr-global-footer .wr-foot01 li:before {
  content: "|";
  padding: 0 13px 0 10px;
}
.wr-global-footer .wr-foot01 li a {
  color: #FFF;
  /* opacity: 1; */
}
.wr-global-footer .wr-foot01 li a:hover {
  text-decoration: underline;
}
.wr-global-footer .wr-foot01 .wr-copyright {
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0.104em;
}
.wr-global-footer .wr-foot02 {
  padding: 60px 0 70px;
}
.wr-global-footer .wr-foot02 ul {
  font-size: 0;
  text-align: center;
}
.wr-global-footer .wr-foot02 li {
  display: inline-block;
  margin: 0 24px;
  vertical-align: top;
}
.wr-global-footer .wr-foot02 li a {
  display: block;
}
.wr-global-footer .wr-foot02 li img {
  max-height: 80px;
}

@media only screen and (max-width: 750px) {
  .wr-global-footer .wr-foot01 {
    padding: 56px 5.33333% 19px;
  }
  .wr-global-footer .wr-foot01 .wr-logo,
  .wr-global-footer .wr-foot01 h1 {
    width: 120px;
    margin: 0 auto 50px;
  }
  .wr-global-footer .wr-foot01 ul {
    margin: 0 0 12px;
  }
  .wr-global-footer .wr-foot01 li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .wr-global-footer .wr-foot01 li:first-child:before {
    display: none;
  }
  .wr-global-footer .wr-foot01 li:before {
    content: "|";
    padding: 0 13px 0 10px;
  }
  .wr-global-footer .wr-foot01 li a {
    color: #FFF;
    opacity: 1;
  }
  .wr-global-footer .wr-foot01 li a:hover {
    text-decoration: underline;
  }
  .wr-global-footer .wr-foot01 .wr-copyright {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.104em;
  }
  .wr-global-footer .wr-foot02 {
    padding: 30px 0 30px;
  }
  .wr-global-footer .wr-foot02 li {
    margin: 0 8px;
  }
  .wr-global-footer .wr-foot02 li img {
    max-height: 56px;
  }
}
/* contents
----------------------------------------------------------*/
.wr-loadingBar {
  width: 0;
  height: 4px;
  background: #FDD000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000001;
  transition: all 0.2s linear 0s;
}

.wr-pagetop {
  background: none;
  display: none;
  overflow: hidden;
  position: fixed;
  right: 35px;
  bottom: 14px;
  z-index: 9999;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 1;
  box-shadow: 2px 2px 4px #ccc;
  transition: all 0.5s;
}
.wr-pagetop:hover {
  opacity: 0.6;
}
.wr-pagetop a {
  background: url(/common/img/common/btn-pagetop.png) no-repeat;
  -moz-background-size: 45px 45px;
  -o-background-size: 45px 45px;
  -webkit-background-size: 45px 45px;
  background-size: 45px 45px;
}
.wr-pagetop a i {
  display: none;
}
.wr-pagetop a:after {
  display: none;
}
.wr-pagetop .wr-box {
  position: relative;
  height: 45px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wr-pagetop .wr-fa {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: -9px 0 0;
}


.wr-page-ttl {
  text-align: center;
  padding: 43px 20px 36px;
}
.wr-page-ttl.wr-bd-b {
  border-bottom: 1px solid #d6d7d7;
}
.wr-page-ttl .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.wr-page-ttl .wr-ttl {
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.8;
  font-weight: bold;
}
.wr-page-ttl .wr-ttl span {
  letter-spacing: 0.2em;
}
.wr-page-ttl .wr-ttl small {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
}

/* .wr-topic-pass {
  background: #c9caca;
  padding: 0 20px;
}
.wr-topic-pass .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 0 15px;
}
.wr-topic-pass ul {
  font-size: 0;
}
.wr-topic-pass li {
  display: inline-block;
  vertical-align: top;
  vertical-align: baseline\9;
  color: #595757;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.wr-topic-pass li:before {
  content: "―";
  padding: 0 4px 0 3px;
}
.wr-topic-pass li:first-child {
  letter-spacing: 0.1em;
}
.wr-topic-pass li:first-child:before {
  display: none;
}
.wr-topic-pass li a {
  color: #595757;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-topic-pass li {
    vertical-align: baseline;
  }
} */
.wr-search-area {
  padding: 0 20px;
  text-align: center;
}
.wr-search-area .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 0 90px;
}
.wr-search-area .wr-search-box {
  position: relative;
  max-width: 816px;
  margin: 0 auto;
  text-align: left;
}
.wr-search-area .wr-search-box .wr-text-box {
  display: block;
  height: 74px !important;
  width: 100% !important;
  padding: 0 73px 0 25px !important;
  border: 1px solid #c9caca !important;
  background: #fff !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-family: 'FontAwesome';
  font-size: 16px !important;
  font-size: 1.6rem !important;
  vertical-align: top !important;
}
.wr-search-area .wr-search-box #srch-03 {
  position: relative;
}
.wr-search-area .wr-search-box #srch-03 .srch-input {
  display: block;
  height: 74px;
  width: 100%;
  margin: 0;
  padding: 0 73px 0 31px;
  border: 1px solid #c9caca;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  vertical-align: top;
  font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* IE 10+ */
}
.wr-search-area .wr-search-box #srch-03 .srch-input.wr-focus {
  background: #fff;
}
.wr-search-area .wr-search-box #srch-03 .srch-input .srch-input ::-webkit-input-placeholder {
  color: #727171;
  letter-spacing: 2.65px;
}
.wr-search-area .wr-search-box #srch-03 .srch-input .srch-input :-ms-input-placeholder {
  color: #727171;
  letter-spacing: 2.65px;
}
.wr-search-area .wr-search-box #srch-03 .srch-input .srch-input ::-moz-placeholder {
  color: #727171;
  letter-spacing: 2.65px;
}
.wr-search-area .wr-search-box #srch-03 .srch-input:placeholder-shown {
  font-size: 14px;
}
.wr-search-area .wr-search-box #srch-03 .srch-input::-webkit-input-placeholder {
  font-size: 14px;
}
.wr-search-area .wr-search-box #srch-03 .srch-input::-moz-placeholder {
  font-size: 14px;
  opacity: 1;
}
.wr-search-area .wr-search-box #srch-03 .srch-input:-ms-input-placeholder {
  font-size: 14px;
}
.wr-search-area .wr-search-box #srch-03 .srch-button {
  position: relative;
  z-index: 3;
  height: 74px;
  width: 73px;
  padding: 0 0 0 5px;
  margin: 0;
  background: #fdd000 url(/common/img/common/icon-search.png) center center no-repeat;
  border: 1px solid #c9caca;
  border-left: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
  font-family: 'FontAwesome' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  color: #000;
  font-size: 26px !important;
  font-size: 2.6rem !important;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.wr-search-area .wr-search-box #srch-03 .srch-button::before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 74px;
  width: 72px;
  background: url(/common/img/common/icon-search-w.png) center center no-repeat;
}
.wr-search-area .wr-search-box #srch-03 .srch-button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: #000;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}
.wr-search-area .wr-search-box #gsc-i-id2,
.wr-search-area .wr-search-box #gsc-i-id3 {
  display: block;
  height: 74px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 73px 0 25px !important;
  border: 1px solid #c9caca !important;
  background: #fff url(/common/img/common/txt-search-pc.png) 32px center no-repeat !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-family: 'FontAwesome';
  font-size: 16px !important;
  font-size: 1.6rem !important;
  vertical-align: top !important;
}
.wr-search-area .wr-search-box #gsc-i-id2.wr-focus,
.wr-search-area .wr-search-box #gsc-i-id3.wr-focus {
  background: #fff !important;
}
.wr-search-area .wr-search-box .gsc-search-box {
  position: relative;
}
.wr-search-area .wr-search-box .gsc-search-button {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: #fdd000;
  height: 74px;
  width: 73px;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
  vertical-align: top;
}
.wr-search-area .wr-search-box .gsc-search-button:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 74px;
  width: 72px;
  background: url(/common/img/common/icon-search-w.png) center center no-repeat;
}
.wr-search-area .wr-search-box .gsc-search-button:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: #000;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}
.wr-search-area .wr-search-box form.gsc-search-box {
  margin: 0;
}
.wr-search-area .wr-search-box table.gsc-search-box {
  margin: 0;
}
.wr-search-area .wr-search-box input.gsc-search-button,
.wr-search-area .wr-search-box input.gsc-search-button:hover,
.wr-search-area .wr-search-box input.gsc-search-button:focus {
  position: relative;
  z-index: 3;
  height: 74px;
  width: 73px;
  padding: 0 0 0 5px;
  margin: 0;
  background: url(/common/img/common/icon-search.png) center center no-repeat;
  border: 1px solid #c9caca;
  border-left: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
  font-family: 'FontAwesome' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  color: #000;
  font-size: 26px !important;
  font-size: 2.6rem !important;
  text-indent: -9999px;
}
.wr-search-area .wr-search-box .gsc-control-cse {
  padding: 0 !important;
  background: none;
  border: none;
  font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wr-search-area .wr-search-box .gsc-input-box {
  height: 74px !important;
  border: 0 !important;
  background: none;
  box-shadow: none !important;
}
.wr-search-area .wr-search-box .gsc-input {
  padding: 0;
}
.wr-search-area .wr-search-box #gs_tti51,
.wr-search-area .wr-search-box #gs_tti52 {
  padding: 0;
}
.wr-search-area .wr-search-box .gsst_b {
  padding: 0 !important;
}
.wr-search-area h3 {
  margin: 0 0 30px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.wr-search-area .wr-word-list li {
  margin: 0 7px 8px 0;
}
.wr-search-area .wr-word-list a {
  padding: 7px 20px 6px;
  letter-spacing: 0.1em;
}

.gsc-result .gs-title {
  height: auto !important;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-search-area .wr-word-list a {
    padding: 9px 20px 4px;
  }

  .wr-search-area .wr-search-box #srch-03 .srch-input {
    padding-top: 2px;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  .gsc-branding {
    display: none !important;
  }
}
@media only screen and (min-width: 751px) {
  .wr-search-area .wr-search-box #srch-03 .srch-button:hover {
    opacity: 1;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #fff;
  }
  .wr-search-area .wr-search-box #srch-03 .srch-button:hover:before {
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1;
  }
  .wr-search-area .wr-search-box #srch-03 .srch-button:hover:after {
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    width: 100%;
  }

  .wr-search-area .wr-search-box .gsc-search-button:hover {
    opacity: 1;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #fff;
  }
  .wr-search-area .wr-search-box .gsc-search-button:hover:before {
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1;
  }
  .wr-search-area .wr-search-box .gsc-search-button:hover:after {
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    width: 100%;
  }
  .wr-search-area .wr-search-box .gsc-search-button:hover input.gsc-search-button,
  .wr-search-area .wr-search-box .gsc-search-button:hover input.gsc-search-button:hover,
  .wr-search-area .wr-search-box .gsc-search-button:hover input.gsc-search-button:focus {
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0;
  }
}
/* .wr-contact-area {
  background: url(/common/img/common/bg-contact.png) no-repeat top center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 434px;
  padding: 0 20px;
  color: #fff;
  text-align: center;
}
.wr-contact-area .wr-inner {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 99px 0 0 0;
}
.wr-contact-area .wr-ttl01 {
  margin: 0 0 30px;
}
.wr-contact-area .wr-ttl01 span {
  letter-spacing: .21em;
}
.wr-contact-area p {
  letter-spacing: .1em;
  margin: 0 0 49px;
}
.wr-contact-area .wr-btn-y {
  overflow: hidden;
  margin: 0 auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  max-width: 810px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .06em;
  line-height: 78px;
}
.wr-contact-area .wr-btn-y a {
  display: block;
  position: relative;
}
.wr-contact-area .wr-btn-y a .wr-box {
  position: relative;
  z-index: 2;
  padding: 0 50px 0;
}
.wr-contact-area .wr-btn-y a .wr-fa-paper-plane {
  margin: 0 17px 0 8px;
  font-size: 22px;
  font-size: 2.2rem;
}
.wr-contact-area .wr-btn-y a .wr-fa-chevron-right {
  position: absolute;
  top: 36%;
  right: 31px;
  font-size: 19px;
  font-size: 1.9rem;
} */

.wr-modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  padding: 23px;
}

.wr-modal {
  height: 100%;
  background: #fff;
  max-width: 1554px;
  margin: 0 auto;
}
.wr-modal .wr-head {
  position: relative;
  padding: 42px 90px 40px 3.66795%;
  border-bottom: 1px solid #dcdddd;
}
.wr-modal .wr-head h2 {
  display: inline-block;
  margin: 0 2.84293% 0 0;
  vertical-align: baseline;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.2;
  font-weight: bold;
}
.wr-modal .wr-head h2 img {
  height: 46px;
}
.wr-modal .wr-head .wr-link {
  display: inline-block;
  vertical-align: baseline;
  font-size: 17px;
  font-size: 1.7rem;
  cursor: pointer;
}
.wr-modal .wr-head .wr-link a {
  color: #9fa0a0;
}
.wr-modal .wr-head .wr-link .wr-fa {
  margin: 0 10px 0 0;
}
.wr-modal .wr-btn-modal-close {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 1;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
}
.wr-modal .wr-link-area {
  overflow: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.wr-modal .wr-inner {
  overflow: hidden;
  width: 81.33848%;
  margin: 0 0 0 8.10811%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.wr-modal .wr-inner a {
  color: #595757;
}
.wr-modal .wr-inner .wr-current {
  color: #231815;
  font-weight: bold;
}
.wr-modal .wr-inner .wr-current span {
  border-bottom: 2px solid #fdd000;
}
.wr-modal .wr-inner span {
  display: inline-block;
  padding: 0 0 2px;
}
.wr-modal .wr-inner .wr-link-wrap {
  margin: 35px 0 0;
}
.wr-modal .wr-inner .wr-top {
  margin-top: 37px;
  font-weight: bold;
}
.wr-modal .wr-inner .wr-link-list {
  position: relative;
  padding: 23px 0 0;
  border-top: 1px solid #dcdddd;
}
.wr-modal .wr-inner .wr-link-list + .wr-link-list {
  margin-top: 30px;
}
.wr-modal .wr-inner .wr-link-list .wr-modal-line01 {
  position: absolute;
  top: -1px;
  left: 166px;
  z-index: 1;
  height: 1px;
  width: 70px;
  background: #fff;
}
.wr-modal .wr-inner .wr-link-list .wr-modal-line02 {
  position: absolute;
  top: -1px;
  left: 616px;
  z-index: 1;
  height: 1px;
  width: 70px;
  background: #fff;
}
.wr-modal .wr-inner .wr-link-list .wr-link01 {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wr-modal .wr-inner .wr-link-list .wr-main-link {
  display: table-cell;
  width: 166px;
  padding: 0 70px 30px 0;
  font-weight: bold;
  vertical-align: top;
}
.wr-modal .wr-inner .wr-link-list .wr-main-link p {
  width: 166px;
}
.wr-modal .wr-inner .wr-link-list .wr-main-link a {
  display: inline-block;
}
.wr-modal .wr-inner .wr-link-list .wr-sub-link-list01 {
  display: table-cell;
  vertical-align: top;
}
.wr-modal .wr-inner .wr-link-list .wr-link02 {
  display: table;
}
.wr-modal .wr-inner .wr-link-list .wr-link02.wr-no-link01 {
  padding: 0 0 0 236px;
}
.wr-modal .wr-inner .wr-link-list .wr-sub-link {
  display: table-cell;
  width: 380px;
  padding: 0 70px 30px 0;
  vertical-align: top;
  font-weight: bold;
}
.wr-modal .wr-inner .wr-link-list .wr-sub-link-list02 {
  display: table-cell;
  padding: 0 0 29px;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
}
.wr-modal .wr-inner .wr-link-list .wr-sub-link-list02 p + p {
  margin-top: 7px;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-modal .wr-inner .wr-current span {
    padding: 0;
    margin-bottom: 2px;
  }

  .wr-modal .wr-head h2 {
    vertical-align: middle;
  }
  .wr-modal .wr-head .wr-link {
    margin-bottom: 1px;
    vertical-align: bottom;
  }
}
@media print, screen and (max-width: 1250px) {
  .wr-modal .wr-inner .wr-link-list .wr-modal-line01 {
    left: 140px;
    width: 60px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-modal-line02 {
    left: 500px;
    width: 60px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-main-link {
    width: 140px;
    padding: 0 60px 30px 0;
  }
  .wr-modal .wr-inner .wr-link-list .wr-main-link p {
    width: 140px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link {
    width: 300px;
    padding: 0 60px 30px 0;
  }
}
@media print, screen and (max-width: 1100px) {
  .wr-modal .wr-inner .wr-link-list .wr-modal-line02 {
    left: 450px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link {
    width: 250px;
  }
}
@media print, screen and (max-width: 1250px) {
  .wr-modal .wr-inner .wr-link-list .wr-modal-line01 {
    left: 120px;
    width: 50px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-modal-line02 {
    left: 400px;
    width: 50px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-main-link {
    width: 120px;
    padding: 0 50px 30px 0;
  }
  .wr-modal .wr-inner .wr-link-list .wr-main-link p {
    width: 120px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link {
    width: 230px;
    padding: 0 50px 30px 0;
  }
}
@media print, screen and (max-width: 950px) {
  .wr-modal .wr-inner {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px) {
  .wr-pagetop {
    right: 6px;
    bottom: 10px;
  }
  .wr-pagetop a {
    background: url(/common/img/common/btn-pagetop.png) no-repeat;
    -moz-background-size: 45px 45px;
    -o-background-size: 45px 45px;
    -webkit-background-size: 45px 45px;
    background-size: 45px 45px;
  }
  .wr-pagetop a:hover {
    opacity: 1;
  }
  .wr-pagetop .wr-box {
    opacity: 0;
  }

  .wr-page-ttl {
    text-align: center;
    padding: 29px 5.33333% 37px;
  }
  .wr-page-ttl .wr-ttl {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
  }
  .wr-page-ttl .wr-ttl span {
    letter-spacing: 0.2em;
  }
  .wr-page-ttl .wr-ttl small {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.08em;
  }

  .wr-topic-pass {
    padding: 0 5.33333%;
  }
  .wr-topic-pass li:before {
    display: none;
  }
  .wr-topic-pass li:after {
    content: "―";
    padding: 0 4px 0 3px;
  }
  .wr-topic-pass li:last-child:after {
    display: none;
  }

  .wr-search-area {
    padding: 0 5.33333%;
  }
  .wr-search-area .wr-inner {
    padding: 53px 0 53px;
  }
  .wr-search-area .wr-search-box {
    margin: 0 auto;
  }
  .wr-search-area .wr-search-box .wr-btn-search {
    height: 34px !important;
    width: 31px !important;
    padding: 0 0 1px 3px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .wr-search-area .wr-search-box .wr-text-box {
    height: 34px !important;
    padding: 0 33px 0 16px !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    vertical-align: top;
  }
  .wr-search-area .wr-search-box .wr-text-box::-webkit-input-placeholder {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-search-area .wr-search-box .wr-text-box:-ms-input-placeholder {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-search-area .wr-search-box .wr-text-box::-moz-placeholder {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-search-area .wr-search-box #srch-03 .srch-input {
    display: block;
    height: 34px;
    width: 100%;
    margin: 0;
    padding: 6px 33px 0 11px;
    border: 1px solid #c9caca;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-background-size: auto 13px;
    background-size: auto 13px;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: top;
  }
  .wr-search-area .wr-search-box #srch-03 .srch-button {
    height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
    background: #fdd000 url(/common/img/common/icon-search.png) center center no-repeat;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    border: 1px solid #c9caca;
    border-left: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0;
    border-radius: 0 2px 2px 0;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    color: #000;
    font-size: 26px;
    font-size: 2.6rem;
    text-indent: -9999px;
    cursor: pointer;
  }
  .wr-search-area .wr-search-box #gsc-i-id2,
  .wr-search-area .wr-search-box #gsc-i-id3 {
    display: block;
    height: 34px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 33px 0 11px !important;
    border: 1px solid #c9caca !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(/common/img/common/txt-search-sp.png) 11px center no-repeat !important;
    -webkit-background-size: auto 13px !important;
    background-size: auto 13px !important;
    font-family: 'FontAwesome';
    font-size: 16px !important;
    font-size: 1.6rem !important;
    vertical-align: top !important;
  }
  .wr-search-area .wr-search-box #gsc-i-id2.wr-focus,
  .wr-search-area .wr-search-box #gsc-i-id3.wr-focus {
    background: #fff !important;
  }
  .wr-search-area .wr-search-box .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 0;
  }
  .wr-search-area .wr-search-box .gsc-search-box {
    position: relative;
  }
  .wr-search-area .wr-search-box .gsc-search-button {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 34px;
    width: 34px;
    vertical-align: top;
  }
  .wr-search-area .wr-search-box form.gsc-search-box {
    margin: 0;
  }
  .wr-search-area .wr-search-box table.gsc-search-box {
    margin: 0;
  }
  .wr-search-area .wr-search-box input.gsc-search-button,
  .wr-search-area .wr-search-box input.gsc-search-button:hover,
  .wr-search-area .wr-search-box input.gsc-search-button:focus {
    height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
    background: #fdd000 url(/common/img/common/icon-search.png) center center no-repeat;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    border: 1px solid #c9caca;
    border-left: none !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0;
    border-radius: 0 2px 2px 0;
    font-family: 'FontAwesome' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    color: #000;
    font-size: 26px !important;
    font-size: 2.6rem !important;
    text-indent: -9999px;
  }
  .wr-search-area .wr-search-box .gsc-control-cse {
    padding: 0 !important;
    background: none;
    border: none;
    font-family: Roboto, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .wr-search-area .wr-search-box .gsc-input-box {
    height: 34px !important;
    border: 0 !important;
    background: none;
    box-shadow: none !important;
  }
  .wr-search-area .wr-search-box .gsc-input {
    padding: 0;
  }
  .wr-search-area .wr-search-box #gs_tti50,
  .wr-search-area .wr-search-box #gs_tti51 {
    padding: 0;
  }
  .wr-search-area .wr-search-box .gsst_b {
    padding: 0 !important;
  }
  .wr-search-area .wr-search-box .gsc-results-wrapper-overlay {
    top: 70px !important;
    height: 75%;
    width: 93.75%;
    left: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -46.875%;
  }
  .wr-search-area h3 {
    margin: 0 0 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-search-area .wr-word-list li {
    margin: 0 7px 14px 0;
  }
  .wr-search-area .wr-word-list a {
    padding: 6px 12px 4px;
  }

  /* .wr-contact-area {
    background: url(/common/img/common/bg-contact-sp.png) no-repeat top center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: auto;
    padding: 0 5.33333%;
  }
  .wr-contact-area .wr-inner {
    padding: 49px 0 56px;
  }
  .wr-contact-area .wr-ttl01 {
    margin: 0 0 23px;
  }
  .wr-contact-area p {
    margin: 0 0 38px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.45;
  }
  .wr-contact-area .wr-btn-y {
    overflow: hidden;
    margin: 0 auto;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: .06em;
    line-height: 48px;
  }
  .wr-contact-area .wr-btn-y a .wr-box {
    padding: 0 50px 0;
  }
  .wr-contact-area .wr-btn-y a .wr-fa-paper-plane {
    margin: 0 15px 0 -5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-contact-area .wr-btn-y a .wr-fa-chevron-right {
    position: absolute;
    top: 50%;
    right: 14px;
    font-size: 11px;
    font-size: 1.1rem;
    margin: -5px 0 0;
  } */

  .wr-modal-wrap {
    padding: 91px 0 0;
  }

  .wr-modal {
    height: 100%;
    background: none;
    max-width: 1554px;
    margin: 0 auto;
  }
  .wr-modal .wr-head {
    position: relative;
    padding: 20px 5.33333% 11px;
    border-bottom: none;
    text-align: center;
    background: #fff;
  }
  .wr-modal .wr-head h2 {
    display: block;
    margin: 0 0 4px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .wr-modal .wr-head h2 img {
    height: 31px;
  }
  .wr-modal .wr-head .wr-link {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wr-modal .wr-head .wr-link .wr-fa {
    margin: 0 9px 0 -15px;
  }
  .wr-modal .wr-btn-modal-close {
    position: absolute;
    top: -70px;
    right: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fdd000 url(/common/img/common/icon-close.png) no-repeat center center;
    -moz-background-size: 13px 13px;
    -o-background-size: 13px 13px;
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
  }
  .wr-modal .wr-btn-modal-close .wr-fa {
    display: none;
  }
  .wr-modal .wr-btn-modal-close a {
    display: block;
    height: 50px;
    width: 50px;
  }
  .wr-modal .wr-inner {
    overflow: hidden;
    width: 100%;
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .wr-modal .wr-inner span {
    display: inline-block;
    padding: 0 0 2px;
  }
  .wr-modal .wr-inner .wr-link-wrap {
    margin: 0;
  }
  .wr-modal .wr-inner .wr-top {
    margin-top: 0;
  }
  .wr-modal .wr-inner .wr-top a {
    display: block;
    background: #efefef;
    padding: 12px 34px 10px 19px;
  }
  .wr-modal .wr-inner .wr-top a:hover {
    opacity: 1;
  }
  .wr-modal .wr-inner .wr-link-list {
    padding: 0;
    border-top: none;
  }
  .wr-modal .wr-inner .wr-link-list + .wr-link-list {
    margin-top: 0;
  }
  .wr-modal .wr-inner .wr-link-list .wr-modal-line01 {
    display: none;
  }
  .wr-modal .wr-inner .wr-link-list .wr-modal-line02 {
    display: none;
  }
  .wr-modal .wr-inner .wr-link-list .wr-link01 {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .wr-modal .wr-inner .wr-link-list .wr-main-link {
    display: block;
    width: 100%;
    padding: 0 0;
  }
  .wr-modal .wr-inner .wr-link-list .wr-main-link a {
    display: block;
    background: #efefef;
    padding: 12px 34px 10px 19px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-main-link p {
    width: auto;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link-list01 {
    display: block;
    display: none;
  }
  .wr-modal .wr-inner .wr-link-list .wr-link02 {
    display: block;
  }
  .wr-modal .wr-inner .wr-link-list .wr-link02.wr-no-link01 {
    padding: 0;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link {
    display: block;
    width: 100%;
    padding: 0 0 0;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link a {
    background: #f7f8f8;
    padding: 12px 34px 10px 39px;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link-list02 {
    display: block;
    display: none;
    padding: 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link-list02 p + p {
    margin-top: 0;
  }
  .wr-modal .wr-inner .wr-link-list .wr-sub-link-list02 a {
    background: #fff;
    padding: 12px 34px 10px 59px;
  }
  .wr-modal .wr-inner .wr-link-list a {
    position: relative;
    display: block;
    border-top: 1px  solid #c9caca;
  }
  .wr-modal .wr-inner .wr-link-list a:hover {
    opacity: 1;
  }
  .wr-modal .wr-toggle-btn a:after {
    content: "\f107";
    position: absolute;
    top: 50%;
    right: 21px;
    z-index: 1;
    margin: -14px 0 0 0;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .wr-modal .wr-toggle-btn a.on:after {
    content: "\f106";
  }
}
/* top page
----------------------------------------------------------*/
/* .wr-main-slider a {
  display: block;
}
.wr-main-slider .wr-sp-img {
  display: none;
}
.wr-main-slider p img {
  width: 100%;
} */

.wr-emergency-news {
  padding: 0 20px;
}
.wr-emergency-news .wr-inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 23px 0 29px;
}
.wr-emergency-news a {
  display: block;
}
.wr-emergency-news dl {
  position: relative;
  line-height: 1.5;
}
.wr-emergency-news dt {
  position: absolute;
  color: #000;
  padding-top: 2px;
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}
.wr-emergency-news dt:after {
  content: "/";
  padding: 0 0 0 29px;
}
.wr-emergency-news dd {
  padding: 0 25px 0 126px;
  font-weight: bold;
  letter-spacing: 0.063em;
}
.wr-emergency-news .wr-btn-emergency-close {
  position: absolute;
  top: 50%;
  right: -7px;
  z-index: 1;
  margin: -16px 0 0;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
  color: #b5b5b6;
}
.wr-emergency-news .wr-btn-emergency-close:hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}

.wr-pick-up-area {
  padding: 0 110px;
  background: #f7f8f8;
  margin-bottom: 40px;
}
/* .wr-pick-up-area.wr-product {
  background: #fff;
} */
.wr-pick-up-area.wr-product .wr-pick-up-slider {
  width: 103.33333%;
}
.wr-pick-up-area.wr-product .wr-slide {
  float: left;
  width: 20.96774%;
  margin: 0 3.3871% 0 0;
}
.wr-pick-up-area.wr-product.wr-bg-gray {
  background: #efefef;
}
.wr-pick-up-area.wr-product.wr-bg-gray02 {
  background: #eaeaea;
}
.wr-pick-up-area.wr-product.wr-bg-gray03 {
  background: #f7f8f8;
}
.wr-pick-up-area.wr-product.wr-bg-gray04 {
  background: #eee;
}
.wr-pick-up-area .wr-inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 43px 0 28px;
}
.wr-pick-up-area .wr-ttl01 {
  margin: 0 0 36px;
}
.wr-pick-up-area .wr-arrow-wrap {
  margin: 36px 0 0;
}

.wr-pick-up-slider .wr-slide {
  width: 25%;
}
.wr-pick-up-slider .wr-slide a {
  display: block;
}
.wr-pick-up-slider .wr-img-hover:hover .wr-img-box {
  opacity: 0.8;
}
.wr-pick-up-slider .wr-img-hover:hover img {
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.wr-pick-up-slider .wr-img-box {
  position: relative;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wr-pick-up-slider .wr-cat {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  min-width: 150px;
  padding: 9px 10px 7px;
  background: #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 9px;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.24em;
}
.wr-pick-up-slider h3 {
  padding: 8px 12% 0 0;
  font-weight: bold;
  line-height: 1.6;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-pick-up-slider .wr-blank h3:after {
  content: "\f08e";
  display: inline-block;
  margin: 2px 0 0 7px;
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9fa0a0;
  vertical-align: top;
}

.wr-service-products-area {
  padding: 43px 0 0;
}
.wr-service-products-area .wr-ttl01 {
  margin: 0 0 36px;
}
.wr-service-products-area .wr-bg-yellow {
  text-align: right;
}
.wr-service-products-area .wr-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wr-service-products-area .wr-bg-yellow {
  display: table-cell;
  width: 60%;
  text-align: right;
  vertical-align: top;
}
.wr-service-products-area .wr-bg-yellow .box-inner {
  padding: 87px 6.66667% 81px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wr-service-products-area .wr-bg-yellow h3 {
  margin: 0;
}
.wr-service-products-area .wr-bg-gray {
  display: table-cell;
  vertical-align: top;
}
.wr-service-products-area .wr-bg-gray .box-inner {
  padding: 87px 10% 81px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wr-service-products-area .wr-bg-gray .wr-text-box {
  max-width: 330px;
}
.wr-service-products-area .wr-text-box {
  display: inline-block;
  max-width: 630px;
  width: 100%;
  vertical-align: top;
  text-align: left;
}
.wr-service-products-area h3 {
  margin: 0 0 32px;
  padding: 0 0 13px;
  border-bottom: 1px solid #000;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-service-products-area .wr-link-list {
  margin: 0 0 25px;
}
.wr-service-products-area .wr-link-list li {
  border-top: 1px solid #231815;
  text-align: left;
}
.wr-service-products-area .wr-link-list li a {
  position: relative;
  display: block;
  padding: 23px 40px 20px 92px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.015em;
}
.wr-service-products-area .wr-link-list li a:after {
  content: "";
  position: absolute;
  top: 28px;
  right: 19px;
  width: 26px;
  height: 26px;
  background: url(/common/img/common/icon-arrow-l.png) no-repeat;
  -moz-background-size: 26px 26px;
  -o-background-size: 26px 26px;
  -webkit-background-size: 26px 26px;
  background-size: 26px 26px;
}
.wr-service-products-area .wr-link-list .wr-cat a:before {
  content: "";
  position: absolute;
  top: 19px;
  left: 19px;
  z-index: 1;
  height: 57px;
  width: 51px;
  background: url(/common/img/common/icon-search-cat.png) no-repeat;
  -moz-background-size: 51px 57px;
  -o-background-size: 51px 57px;
  -webkit-background-size: 51px 57px;
  background-size: 51px 57px;
}
.wr-service-products-area .wr-link-list .wr-series a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  z-index: 1;
  height: 40px;
  width: 38px;
  background: url(/common/img/common/icon-search-series.png) no-repeat;
  -moz-background-size: 38px 40px;
  -o-background-size: 38px 40px;
  -webkit-background-size: 38px 40px;
  background-size: 38px 40px;
  margin: -20px 0 0;
}
.wr-service-products-area .wr-link-list .wr-service a:before {
  content: "";
  position: absolute;
  top: 19px;
  left: 20px;
  z-index: 1;
  height: 56px;
  width: 52px;
  background: url(/common/img/common/icon-search-service.png) no-repeat;
  -moz-background-size: 52px 56px;
  -o-background-size: 52px 56px;
  -webkit-background-size: 52px 56px;
  background-size: 52px 56px;
}
.wr-service-products-area .wr-word-list {
  margin: 22px 0 0 20px;
}
.wr-service-products-area .wr-word-list a {
  padding: 6px 21px 6px;
  letter-spacing: 0.065em;
}
.wr-service-products-area .wr-img-list {
  width: 102%;
  font-size: 0;
}
.wr-service-products-area .wr-img-list .wr-link {
  display: inline-block;
  width: 31.96078%;
  margin: 0 0.98039% 0.98039% 0;
  vertical-align: top;
}
.wr-service-products-area .wr-img-list a {
  display: block;
}
.wr-service-products-area .wr-img-list .wp-img-box {
  position: relative;
  padding: 100% 0 0;
}
.wr-service-products-area .wr-img-list .wp-img-box div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wr-service-products-area .wr-img-list .wp-img-box p {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  background: #fff;
}
.wr-service-products-area .wr-img-list .wp-img-box span {
  display: table-cell;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-service-products-area .wr-img-list .wp-img-box img {
  display: inline-block;
  max-height: 100px;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-service-products-area .wr-link-list li a {
    padding-top: 28px;
  }

  .wr-service-products-area .wr-word-list a {
    padding-top: 9px;
    padding-bottom: 3px;
  }
}
.wr-topics-area {
  padding: 43px 0 0;
}
.wr-topics-area > .wr-ttl01 {
  margin: 0 0 36px;
}
.wr-topics-area .wr-topics-img {
  height: 330px;
  background-position: top center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.wr-link-list-area {
  padding: 43px 110px 62px;
}
.wr-link-list-area.wr-top-wide {
  padding-top: 55px;
}
.wr-link-list-area.wr-case {
  padding: 43px 20px 50px;
}
.wr-link-list-area.wr-case .wr-inner {
  max-width: 1200px;
}
.wr-link-list-area.wr-bg-black {
  padding: 77px 110px 65px;
  color: #fff;
}
.wr-link-list-area.wr-bg-black .wr-ttl02 {
  margin: 0 0 37px;
}
.wr-link-list-area.wr-bg-black a {
  color: #fff;
}
.wr-link-list-area.wr-bg-black .wr-slide .wr-ttl {
  margin: 0 0 11px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: normal;
}
.wr-link-list-area .wr-ttl01 {
  margin: 0 0 36px;
}
.wr-link-list-area .wr-inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
}
.wr-link-list-area .wr-head {
  padding: 0 0 26px;
  margin: 0 0 44px;
  border-bottom: 1px solid #000;
}
.wr-link-list-area .wr-slider-wrap {
  width: 103.33333%;
}
.wr-link-list-area .wr-slider-wrap.wr-col6 {
  width: 100.58333%;
}
.wr-link-list-area .wr-slider-wrap.wr-col6 .wr-slide {
  width: 16.07291%;
  margin: 0 7px 0 0;
}
.wr-link-list-area .wr-slider-wrap.wr-col6 .wp-img-box {
  position: relative;
  padding: 100% 0 0;
}
.wr-link-list-area .wr-slider-wrap.wr-col6 .wp-img-box div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wr-link-list-area .wr-slider-wrap.wr-col6 .wp-img-box p {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  background: #fff;
}
.wr-link-list-area .wr-slider-wrap.wr-col6 .wp-img-box span {
  display: table-cell;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-link-list-area .wr-slider-wrap.wr-col6 .wp-img-box img {
  display: inline-block;
  max-height: 100px;
}
.wr-link-list-area .wr-slide {
  width: 21.77419%;
  margin: 0 40px 0 0;
}
.wr-link-list-area .wr-slide .wr-img {
  margin: 0 0 18px;
}
.wr-link-list-area .wr-slide .wr-main-img {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 18px;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
}
.wr-link-list-area .wr-slide .wr-main-img p {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-link-list-area .wr-slide .wr-main-img img {
  display: inline-block;
  max-height: 100px;
}
.wr-link-list-area .wr-slide .wr-data {
  margin: 0 0 16px;
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}
.wr-link-list-area .wr-slide .wr-data span {
  font-style: normal;
}
.wr-link-list-area .wr-slide .wr-data span:before {
  content: "/";
  padding: 0 12px 0 8px;
}
.wr-link-list-area .wr-slide .wr-ttl {
  margin: 0 0 7px;
  font-weight: bold;
  line-height: 1.6;
  font-size: 1.4rem;
  letter-spacing: 0.03em;
}
.wr-link-list-area .wr-slide a {
  display: block;
}
.wr-link-list-area .wr-slide .wr-label {
  display: inline-block;
  padding: 3px 20px 3px;
  margin: 0 3px 6px 0;
  min-width: 73px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
}
.wr-link-list-area .wr-slide .wr-white {
  background: none;
  border: 1px solid #fff;
}
.wr-link-list-area .wr-slide .wr-yellow {
  background: #fdd000;
}
.wr-link-list-area .wr-slide .wr-black {
  background: #000;
  color: #fff;
}
.wr-link-list-area .wr-slide .wr-key-words li {
  display: inline;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
}
.wr-link-list-area .wr-slide .wr-key-words li:before {
  content: "|";
  padding: 0 2px;
}
.wr-link-list-area .wr-slide .wr-key-words li:first-child:before {
  display: none;
}
.wr-link-list-area .wr-arrow-wrap {
  margin: 41px 0 0;
}
.wr-link-list-area .wr-link-more {
  position: absolute;
  top: 16px;
  right: 0;
  z-index: 1;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-link-list-area .wr-link-more .wr-fa {
  margin: 0 0 0 18px;
  font-size: 28px;
  vertical-align: middle;
}
.wr-link-list-area .slick-prev,
.wr-link-list-area .slick-next {
  top: 41px;
  background: #DEDDD9;
}
.wr-link-list-area .slick-next {
  margin-right: 3.33333%;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-link-list-area .wr-slide .wr-label {
    padding: 4px 20px 2px;
    vertical-align: baseline;
  }
  .wr-link-list-area .wr-slide .wr-label.wr-white, .wr-link-list-area .wr-slide .wr-label.wr-yellow {
    padding: 6px 20px 2px;
  }

  .wr-link-list-area .wr-slide .wr-data {
    vertical-align: baseline;
  }
  .wr-link-list-area .wr-slide .wr-data span {
    display: inline-block;
    vertical-align: baseline;
    margin: 1px 0 0;
  }
}
@media only screen and (max-width: 750px) {
  /* .wr-main-slider .wr-pc-img {
    display: none;
  }
  .wr-main-slider .wr-sp-img {
    display: block;
  } */

  .wr-emergency-news {
    padding: 0 5.33333%;
  }
  .wr-emergency-news .wr-wr-inner {
    padding: 20px 0 20px;
  }
  .wr-emergency-news dt {
    position: relative;
    margin: 0 0 5px;
  }
  .wr-emergency-news dt:after {
    display: none;
  }
  .wr-emergency-news dd {
    padding: 0;
  }
  .wr-emergency-news .wr-btn-emergency-close {
    top: 15px;
    right: 0;
    margin: 0;
    font-size: 25px;
  }

  .wr-pick-up-area {
    margin: 0 -20px 40px;
    padding: 0 20px;
  }
  .wr-pick-up-area.wr-product .wr-pick-up-slider {
    width: 100%;
  }
  .wr-pick-up-area.wr-product .wr-slide {
    width: 25%;
    margin: 0;
    padding: 0 22px;
  }
  .wr-pick-up-area.wr-product .wr-inner {
    overflow: hidden;
  }
  .wr-pick-up-area .wr-inner {
    padding: 45px 0 52px;
  }
  .wr-pick-up-area .wr-ttl01 {
    margin: 0 0 22px;
  }
  .wr-pick-up-area .wr-arrow-wrap {
    margin: 36px 0 0;
  }

  .wr-pick-up-slider .wr-slide {
    width: 25%;
    padding: 0 22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-pick-up-slider .wr-slide a {
    display: block;
  }
  .wr-pick-up-slider .wr-img-box {
    overflow: inherit;
    text-align: center;
    margin: 0 0 32px;
  }
  .wr-pick-up-slider .wr-img-box p {
    overflow: hidden;
  }
  .wr-pick-up-slider .wr-img-box div {
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
  }
  .wr-pick-up-slider .wr-cat {
    display: inline-block;
    position: relative;
    bottom: inherit;
    right: inherit;
    min-width: 108px;
  }
  .wr-pick-up-slider h3 {
    padding: 0;
    font-weight: normal;
    line-height: 1.5;
    font-size: 13px;
    font-size: 1.3rem;
  }

  .wr-service-products-area {
    padding: 45px 0 0;
  }
  .wr-service-products-area .wr-ttl01 {
    margin: 0 0 23px;
  }
  .wr-service-products-area .wr-bg-yellow {
    text-align: right;
  }
  .wr-service-products-area .wr-inner {
    display: block;
  }
  .wr-service-products-area .wr-bg-yellow {
    display: block;
    width: 100%;
  }
  .wr-service-products-area .wr-bg-yellow .box-inner {
    padding: 44px 5.33333% 32px;
  }
  .wr-service-products-area .wr-bg-yellow h3 {
    margin: 0;
    text-align: center;
  }
  .wr-service-products-area .wr-bg-gray {
    display: block;
    width: 100%;
  }
  .wr-service-products-area .wr-bg-gray .box-inner {
    padding: 45px 5.33333% 26px;
  }
  .wr-service-products-area .wr-bg-gray h3 {
    width: 89.33333%;
    margin-left: auto;
    margin-right: auto;
  }
  .wr-service-products-area .wr-bg-gray .text-box {
    max-width: inherit;
  }
  .wr-service-products-area .wr-bg-gray br {
    display: none;
  }
  .wr-service-products-area .wr-text-box {
    display: block;
    max-width: inherit;
  }
  .wr-service-products-area h3 {
    margin: 0 0 23px;
    padding: 0 0 16px;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
  }
  .wr-service-products-area .wr-link-list {
    margin: 0 0 6px;
  }
  .wr-service-products-area .wr-link-list li {
    text-align: left;
  }
  .wr-service-products-area .wr-link-list li a {
    position: relative;
    display: block;
    padding: 23px 24px 21px 57px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.09em;
  }
  .wr-service-products-area .wr-link-list li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 1;
    width: 16px;
    height: 16px;
    margin: -6px 0 0;
    background: url(/common/img/common/icon-arrow.png) no-repeat top left;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
  .wr-service-products-area .wr-link-list .wr-arrow-circle {
    display: none;
  }
  .wr-service-products-area .wr-link-list .wr-cat a:before {
    left: 11px;
    height: 33px;
    width: 30px;
    background: url(/common/img/common/icon-search-cat.png) no-repeat;
    -moz-background-size: 30px 33px;
    -o-background-size: 30px 33px;
    -webkit-background-size: 30px 33px;
    background-size: 30px 33px;
  }
  .wr-service-products-area .wr-link-list .wr-series a:before {
    left: 2px;
    height: 32px;
    width: 30px;
    background: url(/common/img/common/icon-search-series.png) no-repeat;
    -moz-background-size: 30px 32px;
    -o-background-size: 30px 32px;
    -webkit-background-size: 30px 32px;
    background-size: 30px 32px;
    margin: -15px 0 0;
  }
  .wr-service-products-area .wr-link-list .wr-service a:before {
    top: 20px;
    left: 11px;
    height: 33px;
    width: 31px;
    background: url(/common/img/common/icon-search-service.png) no-repeat;
    -moz-background-size: 31px 33px;
    -o-background-size: 31px 33px;
    -webkit-background-size: 31px 33px;
    background-size: 31px 33px;
  }
  .wr-service-products-area .wr-word-list {
    margin: 6px 0 0;
    padding: 0 0 0 6.56716%;
  }
  .wr-service-products-area .wr-word-list li {
    margin: 0 8px 14px 0;
  }
  .wr-service-products-area .wr-word-list a {
    padding: 5px 15px 6px;
    letter-spacing: 0.065em;
  }
  .wr-service-products-area .wr-img-list {
    width: 100%;
    font-size: 0;
  }
  .wr-service-products-area .wr-img-list .wr-link {
    display: inline-block;
    width: 38.4%;
    margin: 0 8px 0;
    vertical-align: top;
  }

  .wr-topics-area {
    padding: 45px 0 0;
  }
  .wr-topics-area > .wr-ttl01 {
    margin: 0 0 22px;
  }
  .wr-topics-area .wr-topics-img {
    height: auto;
    padding: 34.66667% 0 0;
  }

  .wr-link-list-area {
    padding: 45px 5.33333% 52px;
  }
  .wr-link-list-area.wr-top-wide {
    padding-top: 50px;
  }
  .wr-link-list-area.wr-case {
    padding: 45px 0 52px;
  }
  .wr-link-list-area.wr-case .wr-wr-slide {
    border-top: none;
  }
  .wr-link-list-area.wr-case .wr-wr-slide a {
    padding: 0;
  }
  .wr-link-list-area.wr-case .wr-link-more {
    border-top: none;
    padding: 28px 0 0;
  }
  .wr-link-list-area.wr-case .wr-slide a {
    padding: 0;
  }
  .wr-link-list-area.wr-bg-black {
    padding: 51px 5.33333% 55px;
    color: #fff;
  }
  .wr-link-list-area.wr-bg-black .wr-ttl02 {
    margin: 0 0 7px;
  }
  .wr-link-list-area.wr-bg-black a {
    color: #fff;
  }
  .wr-link-list-area.wr-bg-black .wr-slide {
    display: none;
  }
  .wr-link-list-area.wr-bg-black .wr-slide:nth-child(2), .wr-link-list-area.wr-bg-black .wr-slide:nth-child(3), .wr-link-list-area.wr-bg-black .wr-slide:nth-child(4) {
    display: none;
  }
  .wr-link-list-area.wr-bg-black .wr-slide:first-child {
    display: block;
  }
  .wr-link-list-area.wr-bg-black .wr-slide .wr-ttl {
    margin: 0 0 11px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: normal;
  }
  .wr-link-list-area.wr-bg-black .wr-btn-more {
    background: #A2A2A2;
    overflow: hidden;
    margin: 9px 0 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width: 303px;
    margin: 30px auto 0;
  }
  .wr-link-list-area.wr-bg-black .wr-btn-more .wr-fa:before {
    content: "+";
    font-size: 25px;
  }
  .wr-link-list-area.wr-bg-black .wr-btn-more .wr-box {
    position: relative;
    padding: 12px 0 11px;
    text-align: center;
  }
  .wr-link-list-area.wr-bg-black .wr-btn-more .wr-fa {
    position: absolute;
    top: 50%;
    right: 23px;
    z-index: 1;
    margin: -13px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-link-list-area .wr-ttl01 {
    margin: 0 0 24px;
  }
  .wr-link-list-area .wr-head {
    padding: 0 0 17px;
    margin: 0;
  }
  .wr-link-list-area .wr-slider-wrap {
    width: 100%;
  }
  .wr-link-list-area .wr-slider-wrap.wr-col6 {
    width: 100%;
  }
  .wr-link-list-area .wr-slider-wrap.wr-col6 .wr-slide {
    width: 38.4%;
    margin: 0 8px 0;
    padding: 0;
    border-top: none;
  }
  .wr-link-list-area .wr-slider-wrap.wr-col6 .wr-slide img {
    width: 100%;
  }
  .wr-link-list-area .wr-slide {
    display: none;
    width: 100%;
    margin: 0 40px 0 0;
    border-top: 1px solid #b5b5b6;
  }
  .wr-link-list-area .wr-slide:first-child {
    border-top: none;
  }
  .wr-link-list-area .wr-slide:nth-child(1), .wr-link-list-area .wr-slide:nth-child(2), .wr-link-list-area .wr-slide:nth-child(3), .wr-link-list-area .wr-slide:nth-child(4) {
    display: block;
  }
  .wr-link-list-area .wr-slide .wr-data {
    margin: 0 0 4px;
    letter-spacing: 0.05em;
  }
  .wr-link-list-area .wr-slide .wr-img {
    margin: 0 0 28px;
  }
  .wr-link-list-area .wr-slide .wr-img img {
    width: 100%;
  }
  .wr-link-list-area .wr-slide .wr-main-img {
    margin: 0 0 28px;
  }
  .wr-link-list-area .wr-slide .wr-main-img p {
    height: 120px;
  }
  .wr-link-list-area .wr-slide .wr-ttl {
    margin: 0 0 2px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.03em;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-link-list-area .wr-slide a {
    padding: 17px 0 15px;
  }
  .wr-link-list-area .wr-slide .wr-label {
    padding: 3px 16px 3px;
    min-width: 73px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .wr-link-list-area .wr-slide .wr-yellow {
    background: #fdd000;
  }
  .wr-link-list-area .wr-slide .wr-black {
    background: #000;
    color: #fff;
  }
  .wr-link-list-area .wr-slide .wr-key-words {
    margin: 6px 0 0;
  }
  .wr-link-list-area .wr-arrow-wrap {
    margin: 41px 0 0;
  }
  .wr-link-list-area .wr-link-more {
    position: relative;
    top: inherit;
    right: inherit;
    padding: 22px 0 0;
    border-top: 1px solid #231815;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wr-link-list-area .wr-link-more .wr-fa {
    margin: 0 0 0 18px;
    font-size: 28px;
    vertical-align: middle;
  }
}
/* tabs */
.js-tab-contents {
  display: none;
}

.js-tab-contents.current {
  display: block;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide:focus {
  outline: none;
}
.slick-slide a:focus {
  outline: none;
}
.slick-slide a:hover {
  outline: none;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  top: 64px;
  z-index: 9;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
  text-align: center;
  border-radius: 2px;
}

.slick-prev {
  left: -98px;
  padding: 0 1px 0 0;
}

.slick-next {
  right: -98px;
  padding: 0 0 0 2px;
}

.slick-prev:hover,
.slick-next:hover {
  color: #fff;
  outline: none;
  background: #000;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #fff;
}

.wr-bg-black .slick-prev,
.wr-bg-black .slick-next {
  color: #fff;
  /* border: 2px solid #fff; */
}
.wr-bg-black .slick-prev:before,
.wr-bg-black .slick-next:before {
  color: #000;
}
.wr-bg-black .slick-prev:hover,
.wr-bg-black .slick-next:hover {
  background: #000;
  color: #fff;
}
.wr-bg-black .slick-prev:hover:before,
.wr-bg-black .slick-next:hover:before {
  color: #fff;
}

.wr-bg-black .slick-prev.slick-disabled,
.wr-bg-black .slick-next.slick-disabled {
  /* border-color: #595757; */
}
.wr-bg-black .slick-prev.slick-disabled:hover,
.wr-bg-black .slick-next.slick-disabled:hover {
  /* background: none; */
}
.wr-bg-black .slick-prev.slick-disabled:hover:before,
.wr-bg-black .slick-next.slick-disabled:hover:before {
  color: #595757;
}
.wr-bg-black .slick-prev.slick-disabled:before,
.wr-bg-black .slick-next.slick-disabled:before {
  color: #595757;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  cursor: default;
  /* border-color: #dcdddd; */
  background-color: #F6F6F6;
}
.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover {
  /* background: none; */
  background-color: #F6F6F6;
}
.slick-prev.slick-disabled:hover:before,
.slick-next.slick-disabled:hover:before {
  color: #dcdddd;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  color: #dcdddd;
}

.slick-prev:before,
.slick-next:before {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -1px;
}

.slick-prev {
  float: left;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "\f104";
}

.slick-next {
  float: right;
}

.slick-next:before {
  content: "\f105";
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff,endColorstr=#B3000000);
  background: rgba(0, 0, 0, 0.4);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  background: #fff;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxCurrent {
  padding: 5px;
}

#cboxTitle {
  display: none;
}

#cboxCurrent {
  display: none !important;
}

#cboxTopLeft {
  width: 50px;
  height: 50px;
}

#cboxTopRight {
  width: 50px;
  height: 50px;
}

#cboxBottomLeft {
  width: 50px;
  height: 50px;
}

#cboxBottomRight {
  width: 50px;
  height: 50px;
}

#cboxMiddleLeft {
  width: 50px;
}

#cboxMiddleRight {
  width: 50px;
}

#cboxTopCenter {
  height: 50px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  display: none !important;
}

#cboxNext {
  display: none !important;
}

#cboxClose {
  position: absolute;
  top: 0;
  right: -44px;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
}
#cboxClose:before {
  content: "\f00d";
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
@media print, screen and (max-width: 768px) {
  #cboxClose {
    right: -33px;
  }
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 20px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 20px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #dcdddd;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fdd000;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fdd000;
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/* search
----------------------------------------------------------*/
.wr-search-link-area {
  overflow: hidden;
  padding: 37px 20px 0;
}
.wr-search-link-area.wr-single {
  padding: 58px 20px 56px;
}
.wr-search-link-area.wr-single .wr-article-list {
  width: 102.29885%;
}
.wr-search-link-area.wr-single .wr-article-list .wr-list-ttl {
  width: 97.75281%;
  margin: 0 0 26px;
}
.wr-search-link-area.wr-single .wr-article-list .wr-list-ttl h2 {
  font-size: 26px;
  font-size: 2.6rem;
}
.wr-search-link-area.wr-single .wr-article-list .wr-list-ttl .wr-small {
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.wr-search-link-area.wr-single .wr-article-list article {
  width: 31.46067%;
  margin: 0 1.68539% 2.13483% 0;
}
.wr-search-link-area.wr-single .wr-article-list article .wr-img-box span {
  letter-spacing: 5px;
}
.wr-search-link-area.wr-single .wr-article-list article .wr-img-box span img {
  max-height: 100px;
}
.wr-search-link-area .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.wr-search-link-area .wr-search-box {
  margin: 0 0 38px;
}
.wr-search-link-area .wr-search-box.wr-fix:before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
}
.wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle {
  position: fixed;
  top: 188px;
  right: 50%;
  height: 60px;
  width: 60px;
  z-index: 99998;
  margin: 0 -30px 0 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-open,
.wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-fa-minus,
.wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-close {
  display: none;
}
.wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-box {
  height: 60px;
  padding: 0;
}
.wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-fa-plus {
  display: block;
  right: 0;
  width: 100%;
  text-align: center;
}
.wr-search-link-area .wr-search-area-toggle {
  overflow: hidden;
  width: 100%;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}
.wr-search-link-area .wr-search-area-toggle.wr-on .wr-fa-plus,
.wr-search-link-area .wr-search-area-toggle.wr-on .wr-open {
  display: none;
}
.wr-search-link-area .wr-search-area-toggle.wr-on .wr-fa-minus,
.wr-search-link-area .wr-search-area-toggle.wr-on .wr-close {
  display: block;
}
.wr-search-link-area .wr-search-area-toggle .wr-box {
  position: relative;
  padding: 16px 49px 17px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.wr-search-link-area .wr-search-area-toggle .wr-fa {
  position: absolute;
  top: 50%;
  right: 31px;
  z-index: 1;
  margin: -7px 0 0;
}
.wr-search-link-area .wr-search-area-toggle .wr-fa-minus,
.wr-search-link-area .wr-search-area-toggle .wr-close {
  display: none;
}
.wr-search-link-area .wr-search-select-area {
  display: none;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-top: none;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0;
  border-radius: 0 0 4px 4px;
}
.wr-search-link-area .wr-tab-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  padding: 45px 5% 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
}
.wr-search-link-area .wr-tab-list li {
  opacity: 0.3;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  line-height: 1.2;
}
.wr-search-link-area .wr-tab-list li.wr-current, .wr-search-link-area .wr-tab-list li:hover {
  opacity: 1;
}
.wr-search-link-area .wr-tab-list li.wr-current p:after, .wr-search-link-area .wr-tab-list li:hover p:after {
  width: 100%;
}
.wr-search-link-area .wr-tab-list p {
  position: relative;
  height: 50px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.wr-search-link-area .wr-tab-list p:after {
  content: "";
  position: absolute;
  bottom: -1px;
  z-index: 1;
  left: 0;
  height: 3px;
  width: 0;
  background: #fdd000;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.wr-search-link-area .wr-tab-list .wr-cat p:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 31px;
  width: 27px;
  background: url(/common/img/common/icon-search-cat.png) no-repeat;
  -moz-background-size: 27px 31px;
  -o-background-size: 27px 31px;
  -webkit-background-size: 27px 31px;
  background-size: 27px 31px;
  margin: 5px 6px 0 -8px;
}
.wr-search-link-area .wr-tab-list .wr-series p:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 31px;
  width: 27px;
  background: url(/common/img/common/icon-search-series.png) no-repeat;
  -moz-background-size: 27px 31px;
  -o-background-size: 27px 31px;
  -webkit-background-size: 27px 31px;
  background-size: 27px 31px;
  margin: 0px 8px 0 -10px;
}
.wr-search-link-area .wr-tab-list .wr-service p:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 31px;
  width: 27px;
  background: url(/common/img/common/icon-search-service.png) no-repeat;
  -moz-background-size: 27px 31px;
  -o-background-size: 27px 31px;
  -webkit-background-size: 27px 31px;
  background-size: 27px 31px;
  margin: 1px 9px 7px -4px;
}
.wr-search-link-area .wr-toggle-elm.wr-cat {
  padding: 30px 0 10px;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-word-list {
  margin: 7px 0 32px;
  text-align: center;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-word-list .wr-current a {
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #fff;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-word-list .wr-current a:after {
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  width: 100%;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-toggle-elm {
  display: none;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list {
  margin: 40px 0 43px;
  text-align: center;
  font-size: 0;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn {
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin: 0 7px 7px;
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn .wr-box {
  padding: 16px 0 15px;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-g03 {
  width: 200px;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-g03 .wr-fa {
  margin: 0 12px 0 -1px;
  font-size: 18px;
  font-size: 1.8rem;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-y {
  width: 400px;
}
.wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-y .wr-fa {
  margin: 0 17px 0px -12px;
  font-size: 20px;
  font-size: 2rem;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list {
  width: 86.81135%;
  margin: 0 0 0 7.01169%;
  padding: 65px 0 95px;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list ul {
  font-size: 0;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list li {
  display: inline-block;
  width: 16.34615%;
  margin: 0 0.19231% 2px 0;
  vertical-align: top;
  cursor: pointer;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list li:hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list .wr-img {
  border: 1px solid #efefef;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list .wp-img-box {
  position: relative;
  padding: 100% 0 0;
  border: 1px solid #efefef;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list .wp-img-box div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list .wp-img-box p {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  background: #fff;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list .wp-img-box span {
  display: table-cell;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list .wp-img-box img {
  display: inline-block;
  max-height: 100px;
}
.wr-search-link-area .wr-toggle-elm.wr-service {
  padding: 66px 0 109px;
}
.wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-l {
  width: 56.76127%;
  margin: 0 0 0 4.92487%;
}
.wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-l li {
  width: 15.29412%;
  margin: 0 1.17647% 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
.wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-r {
  width: 29.21536%;
  margin: 0 4.09015% 0 0;
}
.wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-r li {
  width: 29.71429%;
  margin: 0 2.85714% 8px 0;
  border-bottom: 1px solid #ccc;
}
.wr-search-link-area .wr-toggle-elm.wr-service li {
  overflow: hidden;
  display: inline-block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  vertical-align: top;
  line-height: 38px;
  text-align: center;
  font-weight: bold;
}
.wr-search-link-area .wr-toggle-elm.wr-service .wr-btn-g06 {
  overflow: hidden;
  margin: 20px 0 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  max-width: 220px;
  text-align: center;
  line-height: 38px;
  border-bottom: 1px solid #8b8c8c;
}
.wr-search-link-area .wr-toggle-wrap {
  border-bottom: 1px solid #dcdcdc;
}
.wr-search-link-area .wr-toggle-btn {
  opacity: 0.3;
  position: relative;
  padding: 16px 80px 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.wr-search-link-area .wr-toggle-btn.wr-on {
  opacity: 1;
}
.wr-search-link-area .wr-toggle-btn.wr-on .wr-fa-angle-up {
  display: block;
}
.wr-search-link-area .wr-toggle-btn.wr-on .wr-fa-angle-down {
  display: none;
}
.wr-search-link-area .wr-toggle-btn:hover {
  opacity: 1;
}
.wr-search-link-area .wr-toggle-btn .wr-fa {
  position: absolute;
  top: 50%;
  right: 63px;
  z-index: 1;
  margin: -11px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wr-search-link-area .wr-toggle-btn .wr-fa-angle-up {
  display: none;
}
.wr-search-link-area .wr-toggle-btn .wr-fa-angle-up:before {
  display: inline-block;
  margin: -1px 0 0;
  vertical-align: top;
}
.wr-search-link-area .wr-toggle-btn .wr-arrow-circle {
  height: 21px;
  width: 21px;
}
.wr-search-link-area .wr-article-list {
  width: 108.33333%;
}
.wr-search-link-area .wr-article-list .wr-list-ttl {
  width: 92.30769%;
  margin: 0 0 47px;
}
.wr-search-link-area .wr-article-list .wr-list-ttl h2 {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.wr-search-link-area .wr-article-list article {
  float: left;
  height: 418px;
  width: 21.46154%;
  margin: 0 2.15385% 28px 0;
}
.wr-search-link-area .wr-article-list article.wr-lg {
  width: 45.07692%;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-col2 {
  border-top: 6px solid #fdd000;
  padding: 51px 0 0;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-fl-l {
  width: 36.68942%;
  margin: 0 0 0 7.16724%;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-fl-r {
  width: 41.63823%;
  margin: 0 7.16724% 0 0;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-text-box {
  padding: 0;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-img-box span {
  height: 290px;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-img-box span img {
  max-height: 300px;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-cat-list {
  padding: 0 0 20px;
  text-align: left;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-cat-list li {
  background: #fdd000;
  color: #000;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-ttl {
  padding: 0 0 23px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-lead {
  font-size: 13px;
  font-size: 1.35rem;
  line-height: 1.6;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-lead p {
  line-height: 1.72;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-key-words:before {
  width: 51px;
  margin: 31px 0 21px 3px;
}
.wr-search-link-area .wr-article-list article.wr-lg .wr-key-words li {
  line-height: 1.9;
}
.wr-search-link-area .wr-article-list article a {
  display: block;
  height: 100%;
  background: #f7f8f8;
}
.wr-search-link-area .wr-article-list article a:hover {
  opacity: 1;
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 0 1px #fdd000;
}
.wr-search-link-area .wr-article-list article .wr-img-box {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
  overflow: hidden;
}
.wr-search-link-area .wr-article-list article .wr-img-box span {
  display: table-cell;
  height: 108px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-search-link-area .wr-article-list article .wr-img-box img {
  max-height: 90px;
}
.wr-search-link-area .wr-article-list article .wr-bottom {
  overflow: hidden;
}
.wr-search-link-area .wr-article-list article .wr-text-box {
  overflow: hidden;
  padding: 0 11.46953%;
  height: 290px;
}
.wr-search-link-area .wr-article-list article .wr-cat-list {
  text-align: center;
  padding: 32px 0 15px;
  line-height: 1.4;
  font-size: 0;
}
.wr-search-link-area .wr-article-list article .wr-cat-list li {
  display: inline-block;
  padding: 3px 18px 3px;
  margin: 0 4px 6px;
  min-width: 73px;
  background: #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}
.wr-search-link-area .wr-article-list article .wr-ttl {
  padding: 17px 0 12px;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.07em;
  line-height: 1.2;
  font-weight: bold;
}
.wr-search-link-area .wr-article-list article .wr-lead {
  overflow: hidden;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.7;
}
.wr-search-link-area .wr-article-list article .wr-lead.wr-hide-text {
  position: relative;
}
.wr-search-link-area .wr-article-list article .wr-lead.wr-hide-text:after {
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 0 0 6px;
  background: #f7f8f8;
}
.wr-search-link-area .wr-article-list article .wr-key-words {
  padding: 0 0 20px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
}
.wr-search-link-area .wr-article-list article .wr-key-words:before {
  content: "";
  display: block;
  height: 1px;
  width: 63px;
  margin: 14px auto 12px;
  background: #b9baba;
}
.wr-search-link-area .wr-article-list article .wr-key-words li {
  display: inline;
  line-height: 1.8;
  letter-spacing: 0.07em;
}
.wr-search-link-area .wr-article-list article .wr-key-words li:before {
  content: "/";
  padding: 0 2px;
}
.wr-search-link-area .wr-article-list article .wr-key-words li:first-child:before {
  display: none;
}
.wr-search-link-area .wr-article-list .wr-post-no-text,
.wr-search-link-area #wr-article-maker-list .wr-post-no-text  {
  width: 92.30769%;
  margin: 0 0 38px;
  padding: 46px 1.66667% 44px;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.wr-search-link-area .wr-search-a .wr-search-select-area {
  display: block;
}

.wr-search-tab-area {
  margin: 0 0 60px;
  background: #fff;
}
.wr-search-tab-area + .wr-article-list article {
  display: none;
}
.wr-search-tab-area .wr-search-tab-btn {
  overflow: hidden;
  padding: 30px 4.91667% 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  border: 1px solid #dcdcdc;
}
.wr-search-tab-area .wr-search-tab-btn li {
  position: relative;
  float: left;
  width: 50%;
  opacity: 0.5;
  text-align: center;
  cursor: pointer;
}
.wr-search-tab-area .wr-search-tab-btn li img {
  vertical-align: middle;
}
.wr-search-tab-area .wr-search-tab-btn li:hover {
  opacity: 1;
}
.wr-search-tab-area .wr-search-tab-btn li:before {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 3px;
  width: 100%;
  background: #fed000;
}
.wr-search-tab-area .wr-search-tab-btn .current {
  opacity: 1;
}
.wr-search-tab-area .wr-search-tab-btn .current:before {
  display: block;
}
.wr-search-tab-area .wr-search-tab-btn .wr-table-cell {
  height: 64px;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
.wr-search-tab-area .wr-search-tab-btn .icon-solution {
  width: 28px;
  margin: 0px 9px 1px -4px;
}
.wr-search-tab-area .wr-search-tab-btn .icon-service {
  width: 30px;
  margin: 0 8px 0 -4px;
}
.wr-search-tab-area .wr-table-wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wr-search-tab-area .wr-table-cell {
  display: table-cell;
}
.wr-search-tab-area .wr-tab-solution-box {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0;
  border-radius: 0 0 4px 4px;
  border: 1px solid #dcdcdc;
  border-top: none;
  padding: 66px 4.91667% 105px;
}
.wr-search-tab-area .wr-solution-link-list {
  width: 101.85185%;
  line-height: 1.4;
  font-size: 0;
}
.wr-search-tab-area .wr-solution-link-list li {
  display: inline-block;
  width: 32%;
  margin: 0 1.09091% 1.09091% 0;
  vertical-align: top;
}
.wr-search-tab-area .wr-solution-link-list a {
  display: block;
  background: #efefef;
  border-bottom: 1px solid #d0d0d0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.wr-search-tab-area .wr-solution-link-list .wr-table-cell {
  padding: 0 10px;
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.wr-search-tab-area .wr-solution-link-list p {
  position: relative;
  z-index: 2;
}
.wr-search-tab-area .wr-sp-toggle-btn {
  display: none;
}

/* search b */
.wr-search-b-head {
  padding: 1px 0;
}
.wr-search-b-head .wr-search-b-ttl-wrap.wr-post-set {
  margin: 0;
  padding: 40px 20px 24px;
}
.wr-search-b-head .wr-search-b-ttl-wrap.wr-post-set .wr-search-b-ttl {
  margin: 0;
  padding: 0 0 12px;
  border-bottom: 1px solid #221714;
}
.wr-search-b-head .wp-search-page-post .wr-text-set .wr-text-box {
  max-width: 1200px;
}
.wr-search-b-head .wp-search-page-post .wr-post-set:first-child {
  margin-top: 0;
}

.wr-search-link-area.wr-search-b {
  padding: 0;
  margin-top: -10px;
}

.wr-search-b-main-area {
  /* margin: 0 0 48px;
  padding: 48px 0 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #dcdcdc; */
}
.wr-search-b-main-area .wr-word-list .wr-current a {
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #fff;
}
.wr-search-b-main-area .wr-word-list .wr-current a:after {
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  width: 100%;
}
.wr-search-b-main-area .wr-search-b-box-ttl {
  margin: 0 0 17px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
}
.wr-search-b-main-area .wr-search-b-box {
  /* padding: 0 5.09499% 0; */
}
.wr-search-b-main-area .wr-search-b-box + .wr-search-b-box {
  margin-top: 27px;
}
.wr-search-b-main-area .wr-genre-list-wrap {
  /* width: 101.39535%;
  font-size: 0; */
}
.wr-search-b-main-area .wr-genre-list {
  position: relative;
  /* display: inline-block; */
  /* min-height: 74px; */
  /* width: 18.89908%; */
  margin: 0 1.10092% 1.10092% 0;
  background: #efefef;
  /* -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border-bottom: 1px solid #d0d0d0; */
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  /* text-align: center; */
  cursor: pointer;
}
.wr-search-b-main-area .wr-genre-list.wr-current {
  border-color: #e1b000;
}
.wr-search-b-main-area .wr-genre-list.wr-current:before {
  opacity: 1;
}
.wr-search-b-main-area .wr-genre-list:before {
  /* opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  border: 5px solid #FDD000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; */
}
.wr-search-b-main-area .wr-genre-list .wr-list-inner {
  /* padding: 17px 10px 10px; */
}
.wr-search-b-main-area .wr-genre-list .wr-img-box {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wr-search-b-main-area .wr-genre-list .wr-img-box span {
  display: table-cell;
  height: 85px;
  vertical-align: middle;
}
.wr-search-b-main-area .wr-genre-list .wr-img-box img {
  /* max-height: 66px; */
}
.wr-search-b-main-area .wr-genre-list .wr-genre-ttl {
  /* display: table;
  table-layout: fixed;
  width: 100%;
  margin: 4px 0 0; */
}
.wr-search-b-main-area .wr-genre-list .wr-search-word {
  /* display: table-cell;
  height: 34px;
  vertical-align: middle;
  line-height: 1.2;
  font-weight: bold; */
}

@media print {
  article a {
    opacity: 1 !important;
  }

  .wr-search-tab-area + .wr-article-list article {
    display: block;
  }
}
@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-search-link-area .wr-article-list article .wr-cat-list li {
    padding: 5px 18px 1px;
  }

  .wr-search-tab-area .wr-solution-link-list .wr-table-cell {
    padding: 7px 10px 0;
  }

  .wr-search-tab-area .wr-toggle-elm.wr-service .wr-fl-r li {
    line-height: 32px;
  }
  .wr-search-tab-area .wr-toggle-elm.wr-service .wr-fl-r li a {
    padding-top: 6px;
  }
  .wr-search-tab-area .wr-toggle-elm.wr-service .wr-btn-g06 {
    line-height: 32px;
  }
  .wr-search-tab-area .wr-toggle-elm.wr-service .wr-btn-g06 a {
    padding-top: 6px;
  }
}
@media only screen and (min-width: 751px) {
  .wr-search-b-main-area .wr-genre-list:hover {
    border-color: #e1b000;
  }
  .wr-search-b-main-area .wr-genre-list:hover:before {
    opacity: 1;
  }
}
@media only screen and (max-width: 750px) {
  .wr-search-link-area {
    padding: 20px 5.33333% 0;
  }
  .wr-search-link-area.wr-single {
    padding: 50px 5.33333% 35px;
  }
  .wr-search-link-area.wr-single .wr-article-list {
    width: auto;
  }
  .wr-search-link-area.wr-single .wr-article-list .wr-list-ttl {
    width: auto;
  }
  .wr-search-link-area.wr-single .wr-article-list article {
    display: block;
    width: 100%;
    margin: 0 0 25px;
  }
  .wr-search-link-area.wr-single .wr-article-list article .wr-anime-elm {
    opacity: 1;
  }
  .wr-search-link-area .wr-btn-more {
    overflow: hidden;
    margin: 9px 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .wr-search-link-area .wr-btn-more .wr-box {
    position: relative;
    padding: 12px 0 11px;
    text-align: center;
  }
  .wr-search-link-area .wr-btn-more .wr-fa {
    position: absolute;
    top: 50%;
    right: 23px;
    z-index: 1;
    margin: -8px 0 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .wr-search-link-area .wr-search-box {
    margin: 0 0 25px;
  }
  .wr-search-link-area .wr-search-box.wr-fix:before {
    content: "";
    display: block;
    width: 1px;
    height: 60px;
  }
  .wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle {
    position: fixed;
    top: 96px;
    right: 50%;
    height: auto;
    width: 89.33333%;
    z-index: 998;
    margin: 0 -44.66667% 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-open {
    display: block;
  }
  .wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-box {
    height: auto;
    padding: 12px 49px 11px;
  }
  .wr-search-link-area .wr-search-box.wr-fix .wr-search-area-toggle .wr-fa-plus {
    display: block;
    right: 24px;
    width: auto;
    text-align: center;
  }
  .wr-search-link-area .wr-search-area-toggle {
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px;
  }
  .wr-search-link-area .wr-search-area-toggle .wr-box {
    padding: 12px 49px 11px;
  }
  .wr-search-link-area .wr-search-area-toggle .wr-fa {
    right: 24px;
    font-size: 18px;
  }
  .wr-search-link-area .wr-search-area-toggle a:hover {
    opacity: 1;
    color: #000;
  }
  .wr-search-link-area .wr-search-area-toggle a:hover:after {
    width: 0;
  }
  .wr-search-link-area .wr-search-select-area {
    display: none;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-top: none;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0;
    border-radius: 0 0 4px 4px;
  }
  .wr-search-link-area .wr-tab-elm {
    display: block !important;
  }
  .wr-search-link-area .wr-toggle-elm {
    display: none;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat {
    padding: 0;
    border-bottom: 1px solid #c9caca;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-arrow-circle {
    right: 25px;
    margin: -6px 0 0;
    height: auto;
    width: auto;
    border: none;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-toggle-wrap:first-child {
    padding: 4px 0 0;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-word-list {
    padding: 0 15px 0 24px;
    margin: 4px 0 15px;
    text-align: left;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-word-list li {
    margin: 0 6px 8px 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-word-list li a {
    padding: 7px 11px 7px;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-toggle-elm {
    display: none;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list {
    margin: 35px 0 34px;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn .wr-box {
    padding: 12px 0 12px;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-g03 {
    width: 41.74174%;
    margin: 0 4.5045% 0 0;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-g03 .wr-fa {
    margin: 0 12px 0 -8px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-y {
    width: 41.74174%;
  }
  .wr-search-link-area .wr-toggle-elm.wr-cat .wr-btn-list .wr-btn-y .wr-fa {
    margin: 0 13px 0px -15px;
  }
  .wr-search-link-area .wr-toggle-elm.wr-series {
    border-bottom: 1px solid #c9caca;
  }
  .wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list {
    width: 93.09309%;
    margin: 0 0 0 6.00601%;
    padding: 20px 0 8px;
  }
  .wr-search-link-area .wr-toggle-elm.wr-series .wr-series-list li {
    display: inline-block;
    width: 46.12903%;
    margin: 0 3.87097% 3.87097% 0;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service {
    padding: 20px 0 48px;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-l {
    width: 100%;
    margin: 0;
    padding: 0 0 0 9.90991%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-l li {
    width: 27.83333%;
    margin: 0 3.33333% 3% 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-r {
    width: 100%;
    margin: 0;
    padding: 16px 0 0 9.90991%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service .wr-fl-r li {
    width: 27.83333%;
    margin: 0 3.33333% 3% 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service ul {
    font-size: 0;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service li {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-search-link-area .wr-toggle-elm.wr-service .wr-btn-g06 {
    margin: 14px 0 0;
    max-width: 176px;
  }
  .wr-search-link-area .wr-toggle-wrap {
    border-bottom: 1px solid #dcdcdc;
  }
  .wr-search-link-area .wr-toggle-btn {
    opacity: 1;
    padding: 13px 40px 12px 24px;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
  }
  .wr-search-link-area .wr-toggle-btn:after {
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 50%;
    right: 22px;
    margin: -6px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    height: 16px;
    width: 16px;
    background: url(/common/img/common/icon-arrowb.png) no-repeat top right;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
  }
  .wr-search-link-area .wr-toggle-btn a {
    opacity: 0.3;
  }
  .wr-search-link-area .wr-toggle-btn.wr-sp-mode {
    background: #f7f8f8;
    border-bottom: 1px solid #c9caca;
  }
  .wr-search-link-area .wr-toggle-btn.wr-on:after {
    opacity: 1;
    background: url(/common/img/common/icon-arrowt.png) no-repeat top right;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
  }
  .wr-search-link-area .wr-toggle-btn.wr-on a {
    opacity: 1;
  }
  .wr-search-link-area .wr-toggle-btn.wr-on .wr-fa {
    display: none;
  }
  .wr-search-link-area .wr-toggle-btn .wr-fa {
    display: none;
  }
  .wr-search-link-area .wr-article-list {
    width: 100%;
  }
  .wr-search-link-area .wr-article-list .wr-list-ttl {
    width: 100%;
    margin: 0 0 34px;
  }
  .wr-search-link-area .wr-article-list .wr-list-ttl h2 {
    text-align: left;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
  }
  .wr-search-link-area .wr-article-list article {
    float: none;
    width: 100%;
    margin: 0 0 25px;
  }
  .wr-search-link-area .wr-article-list article.wr-lg {
    width: 100%;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-col2 {
    padding: 7.46269%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-fl-l {
    width: 100%;
    margin: 0;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-fl-r {
    width: 100%;
    margin: 0;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-text-box {
    padding: 0;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-img-box span {
    height: 108px;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-img-box span img {
    max-height: 90px;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-cat-list {
    padding: 0 0 23px;
    text-align: left;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-ttl {
    padding: 26px 0 17px;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.6;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-lead {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-key-words:before {
    width: 93px;
    margin: 24px auto 20px;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-key-words li {
    line-height: 1.8;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-cat-list {
    text-align: center;
    padding: 29px 0 18px;
    line-height: 1.4;
  }
  .wr-search-link-area .wr-article-list article.wr-lg .wr-ttl {
    padding: 17px 0 12px;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.6;
  }
  .wr-search-link-area .wr-article-list article a {
    display: block;
    height: 100%;
    background: #f7f8f8;
  }
  .wr-search-link-area .wr-article-list article a:hover {
    opacity: 1;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -moz-box-shadow: 0 0 0 1px #dcdddd;
    -webkit-box-shadow: 0 0 0 1px #dcdddd;
    box-shadow: 0 0 0 1px #dcdddd;
  }
  .wr-search-link-area .wr-article-list article .wr-img-box {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .wr-search-link-area .wr-article-list article .wr-text-box {
    padding: 0 9.55224%;
  }
  .wr-search-link-area .wr-article-list article .wr-cat-list {
    text-align: center;
    padding: 29px 0 18px;
    line-height: 1.4;
  }
  .wr-search-link-area .wr-article-list article .wr-ttl {
    padding: 17px 0 12px;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.6;
  }
  .wr-search-link-area .wr-article-list article .wr-lead {
    overflow: hidden;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-search-link-area .wr-article-list article .wr-lead.wr-hide-text {
    position: relative;
  }
  .wr-search-link-area .wr-article-list article .wr-lead.wr-hide-text:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0 0 6px;
    background: #f7f8f8;
  }
  .wr-search-link-area .wr-article-list article .wr-key-words {
    padding: 0 0 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .wr-search-link-area .wr-article-list article .wr-key-words:before {
    content: "";
    display: block;
    height: 1px;
    width: 63px;
    margin: 23px auto 21px;
    background: #b9baba;
  }
  .wr-search-link-area .wr-article-list article .wr-key-words li {
    display: inline;
    line-height: 1.8;
    letter-spacing: 0.07em;
  }
  .wr-search-link-area .wr-article-list article .wr-key-words li:before {
    content: "/";
    padding: 0 2px;
  }
  .wr-search-link-area .wr-article-list article .wr-key-words li:first-child:before {
    display: none;
  }
  .wr-search-link-area .wr-article-list .wr-post-no-text {
    width: 100%;
    margin: 0 0 20px;
    padding: 30px 5.97015% 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  .wr-search-tab-area {
    margin: 0 0 40px;
    background: none;
  }
  .wr-search-tab-area .js-tab-contents {
    display: none;
    background: #fff;
  }
  .wr-search-tab-area .js-tab-contents + .wr-sp-toggle-btn {
    border-top: 1px solid #dcdcdc;
  }
  .wr-search-tab-area .wr-toggle-elm {
    display: block;
  }
  .wr-search-tab-area .wr-search-tab-btn {
    display: none;
  }
  .wr-search-tab-area .wr-table-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .wr-search-tab-area .wr-table-cell {
    display: table-cell;
  }
  .wr-search-tab-area .wr-tab-solution-box {
    border: none;
    border-top: 1px solid #dcdcdc;
    padding: 0 7.16418% 0;
  }
  .wr-search-tab-area .wr-solution-link-list {
    padding: 20px 0 11px;
    width: auto;
  }
  .wr-search-tab-area .wr-solution-link-list li {
    display: block;
    width: auto;
    margin: 0 0 9px;
  }
  .wr-search-tab-area .wr-solution-link-list .wr-table-cell {
    height: 38px;
  }
  .wr-search-tab-area .wr-sp-tab-ct-wrap {
    overflow: hidden;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .wr-search-tab-area .wr-search-box {
    margin: 0;
  }
  .wr-search-tab-area .wr-search-select-area {
    border: none;
  }
  .wr-search-tab-area .wr-tab-elm-wrap {
    border-top: 1px solid #c9caca;
  }
  .wr-search-tab-area .wr-tab-elm-wrap .wr-tab-elm:last-child .wr-toggle-btn.wr-sp-mode {
    border-bottom: none;
  }
  .wr-search-tab-area .wr-tab-elm-wrap .wr-tab-elm:last-child .wr-toggle-elm {
    border-top: 1px solid #c9caca;
  }
  .wr-search-tab-area .wr-sp-toggle-btn {
    display: block;
    background: #f7f8f8;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
  }
  .wr-search-tab-area .wr-sp-toggle-btn:after {
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 50%;
    right: 22px;
    margin: -6px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    height: 16px;
    width: 16px;
    background: url(/common/img/common/icon-arrowb.png) no-repeat top right;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
  }
  .wr-search-tab-area .wr-sp-toggle-btn.wr-on {
    opacity: 1;
  }
  .wr-search-tab-area .wr-sp-toggle-btn.wr-on:after {
    opacity: 1;
    background: url(/common/img/common/icon-arrowt.png) no-repeat top right;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
  }
  .wr-search-tab-area .wr-sp-toggle-btn.wr-on .wr-fa {
    display: none;
  }

  /* search b */
  .wr-search-b-head .wr-search-b-ttl-wrap.wr-post-set {
    padding: 30px 10.66667% 20px;
  }
  .wr-search-b-head .wr-search-b-ttl-wrap.wr-post-set .wr-search-b-ttl {
    padding: 0 0 12px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .wr-search-b-head .wr-text-box {
    padding: 0 5.97015%;
  }

  .wr-search-link-area.wr-search-b .wr-inner {
    padding: 0 5.33333%;
  }

  .wr-search-b-main-area {
    margin: 0 0 24px;
    padding: 22px 0 17px;
  }
  .wr-search-b-main-area .wr-search-b-box-ttl {
    margin: 0 0 20px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wr-search-b-main-area .wr-search-b-box {
    padding: 0 7.50751% 0;
  }
  .wr-search-b-main-area .wr-search-b-box + .wr-search-b-box {
    margin-top: 12px;
  }
  .wr-search-b-main-area .wr-genre-list-wrap {
    width: 104.8951%;
    font-size: 0;
  }
  .wr-search-b-main-area .wr-genre-list {
    min-height: 102px;
    width: 29.33333%;
    margin: 0 3.33333% 3.33333% 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .wr-search-b-main-area .wr-genre-list:before {
    border: 3px solid #FDD000;
  }
  .wr-search-b-main-area .wr-genre-list .wr-list-inner {
    padding: 9px 3px 5px;
  }
  .wr-search-b-main-area .wr-genre-list .wr-img-box span {
    height: 50px;
  }
  .wr-search-b-main-area .wr-genre-list .wr-img-box img {
    max-height: 38px;
  }
  .wr-search-b-main-area .wr-genre-list .wr-genre-ttl {
    margin: 0;
    line-height: 1.3;
  }
  .wr-search-b-main-area .wr-genre-list .wr-search-word {
    height: 34px;
  }
}
/* col2-ct-box
----------------------------------------------------------*/
.wr-col2-ct-box-wrap {
  overflow: hidden;
  position: relative;
}

.wr-col2-ct-box-main {
  position: relative;
  padding: 0 0 0 290px;
}
.wr-col2-ct-box-main:after {
  content: "";
  position: absolute;
  top: 0;
  left: 290px;
  bottom: 0;
  z-index: 1;
  width: 1px;
  box-shadow: 2px 0 2px 0 rgba(126, 126, 126, 0.3);
  margin: 0 0 0 -1px;
}
.wr-col2-ct-box-main .wr-ir-list .wr-inner,
.wr-col2-ct-box-main .wr-case-study-area .wr-inner,
.wr-col2-ct-box-main .wr-dl-list .wr-inner,
.wr-col2-ct-box-main .wr-search-link-area .wr-inner,
.wr-col2-ct-box-main .wr-contact-info .wr-inner,
.wr-col2-ct-box-main .wr-link-list-area .wr-inner,
.wr-col2-ct-box-main .wr-post-set .wr-inner,
.wr-col2-ct-box-main .wr-pick-up-area .wr-inner {
  max-width: 920px;
}

.fixedsticky {
  position: sticky;
}

.wr-col2-ct-box-side {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 290px;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.wr-col2-ct-box-side.wr-fix {
  position: fixed;
}
.wr-col2-ct-box-side .wr-side-inner {
  overflow: auto;
}
.wr-col2-ct-box-side .wr-side-head {
  padding: 35px 30px 30px;
}
.wr-col2-ct-box-side .wr-side-head-toggle-btn {
  display: none;
}
.wr-col2-ct-box-side .wr-ttl {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.wr-col2-ct-box-side .wr-ttl.wr-lg > span {
  font-size: 28px;
  font-size: 2.8rem;
}
.wr-col2-ct-box-side .wr-ttl > span {
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.25;
  font-weight: bold;
}
.wr-col2-ct-box-side .wr-ttl > span img {
  max-height: 70px;
}
.wr-col2-ct-box-side .wr-ttl .wr-label {
  display: inline-block;
  margin: -10px 0 20px;
  padding: 6px 14px 5px;
  border: 1px solid #727171;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  vertical-align: top;
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #727171;
}
.wr-col2-ct-box-side .wr-ttl a {
  display: block;
}
.wr-col2-ct-box-side .wr-ttl .wr-logo-text {
  display: block;
  margin: 15px 0 0;
  text-align: center;
}
.wr-col2-ct-box-side .wr-btn-p {
  overflow: hidden;
  margin: 24px 0 -4px;
  line-height: 1.7;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wr-col2-ct-box-side .wr-btn-p a {
  padding: 12px 10px 10px;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 0.05em;
}
.wr-col2-ct-box-side .wr-btn-p .wr-icon-before {
  margin: 0 9px 0 -1px;
}
.wr-col2-ct-box-side .wr-btn-p .wr-icon-dl {
  width: 16px;
  margin: 0 -1px 0 9px;
}
.wr-col2-ct-box-side .wr-side-main-elm {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.wr-col2-ct-box-side .wr-side-main-elm.wr-current .wr-main-link {
  background: #fdd000;
}
.wr-col2-ct-box-side .wr-side-main-elm.wr-gray .wr-main-link {
  background: #F7F8F8;
}
.wr-col2-ct-box-side .wr-side-main-elm.wr-sub-menu-on .wr-main-link:after {
  content: "";
  position: absolute;

  top: 50%;
  right: 30px;
  z-index: 1;
  height: 10px;
  width: 5px;
  background: url(/common/img/common/icon-arrowr.png) no-repeat center center;
  -moz-background-size: 5px 10px;
  -o-background-size: 5px 10px;
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
  margin: -5px 0 0;
}
.wr-col2-ct-box-side .wr-side-main-elm.wr-sub-menu-on:hover {
  overflow: inherit;
}
.wr-col2-ct-box-side .wr-side-link-list {
  border-top: 1px solid #ddd;
  line-height: 1.3;
}
.wr-col2-ct-box-side .wr-side-link-list .wr-main-link {
  position: relative;
  display: block;
  padding: 17px 50px 14px 29px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
.wr-col2-ct-box-side .wr-side-link-list .wr-sub-link {
  position: relative;
}
.wr-col2-ct-box-side .wr-pc-sub-menu-box {
  display: none;
  position: absolute;
  top: -10px;
  bottom: -300px;
  left: 290px;
  z-index: 100;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.wr-col2-ct-box-side .wr-pc-sub-menu-box .wr-side-sub-menu-inner {
  display: block;
}
.wr-col2-ct-box-side .wr-side-sub-menu-box {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  top: -10px;
  bottom: -300px;
  left: 290px;
  z-index: 10;
  background: #939083;
  background: rgba(147, 144, 131, 0.95);
}
.wr-col2-ct-box-side .wr-scroll .wr-side-sub-menu-box {
  left: 272px;
}
.wr-col2-ct-box-side .wr-side-sub-menu-inner {
  display: none;
  overflow: auto;
  width: 290px;
  margin-top: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  /* ---------------------------------------- */
  /* display: block !important; */
}
.wr-col2-ct-box-side .wr-side-main-link {
  border-bottom: 1px solid #ddd;
}
.wr-col2-ct-box-side .wr-side-sub-elm {
  line-height: 1.3;
  padding: 8px 35px 8px 35px;
}
.wr-col2-ct-box-side .wr-side-sub-elm + .wr-side-sub-elm {
  margin-top: 15px;
}
.wr-col2-ct-box-side .wr-side-sub-elm.wr-current > .wr-sub-link p:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  z-index: 1;
  height: 4px;
  width: 100%;
  background: #fdd000;
}
.wr-col2-ct-box-side .wr-side-sub-elm a {
  border-bottom: dotted 1px #CBC7BA;
  display: block;
  /* padding: 8px 35px 8px 35px; */
  padding: 0 0 20px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.04em;
}
.wr-col2-ct-box-side .wr-side-sub-elm p {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.wr-col2-ct-box-side .wr-side-sub-elm.wr-sub-menu-on > .wr-sub-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  height: 10px;
  width: 5px;
  background: url(/common/img/common/icon-arrowr-white.png) no-repeat center center;
  -moz-background-size: 5px 10px;
  -o-background-size: 5px 10px;
  -webkit-background-size: 5px 10px;
  background-size: 5px 10px;
  margin: -5px 0 0;
}

.ie .wr-col2-ct-box-side .wr-side-main-elm.wr-sub-menu-on:hover {
  overflow: inherit;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-col2-ct-box-side .wr-btn-p a {
    padding: 16px 10px 7px;
  }
  .wr-col2-ct-box-side .wr-btn-p .wr-icon-dl {
    margin: -3px -1px 0 9px;
  }
  .wr-col2-ct-box-side .wr-side-sub-elm.wr-current p:after {
    bottom: -3px;
  }

  .wr-col2-ct-box-side .wr-ttl .wr-label {
    padding: 8px 14px 3px;
  }
}
@media only screen and (min-width: 751px) {
  .wr-col2-ct-box-main .wr-pick-up-area .wr-inner {
    padding: 34px 0 49px;
  }
  .wr-col2-ct-box-main .wr-pick-up-area .wr-ttl01 {
    margin: 0 0 17px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .wr-col2-ct-box-main .wr-pick-up-area.wr-product .wr-pick-up-slider {
    width: 101.37931%;
  }
  .wr-col2-ct-box-main .wr-pick-up-area.wr-product .wr-slide {
    float: left;
    width: 23.14607%;
    margin: 0 1.68539% 0 0;
  }
  .wr-col2-ct-box-main .wr-pick-up-area.wr-product .wr-pick-up-slider h3 {
    padding: 8px 6% 0 7px;
  }
  .wr-col2-ct-box-main .wr-case-study-area ul {
    width: 108.04598%;
    margin-left: -4.02299%;
  }
  .wr-col2-ct-box-main .wr-case-study-area li {
    width: 42.55319%;
    margin: 0 3.7234% 30px;
  }
  .wr-col2-ct-box-main .wr-link-list-area .wr-head {
    margin: 0 0 27px;
  }
  .wr-col2-ct-box-main .wr-bg-bar {
    /* background-image: url(/common/img/common/bg-bar-s.png); */
  }

  .wr-col2-ct-box-side .wr-side-main-elm.wr-sub-menu-on:hover {
    overflow: inherit;
  }
}
@media only screen and (max-width: 750px) {
  .wr-col2-ct-box-main {
    position: relative;
    padding: 80px 0 0;
  }
  .wr-col2-ct-box-main:after {
    display: none;
  }

  .wr-product-group .wr-col2-ct-box-main {
    padding-top: 120px !important;
  }
  .wr-product-group .wr-col2-ct-box-side.wr-fix .wr-ttl {
    height: 80px;
  }
  .wr-product-group .wr-col2-ct-box-side.wr-fix .wr-ttl > span img {
    max-height: 30px;
  }
  .wr-product-group .wr-col2-ct-box-side.wr-fix .wr-label {
    margin: 1px 0 5px;
    padding: 3px 14px 3px;
    font-size: 10px;
    font-size: 1rem;
  }
  .wr-product-group .wr-col2-ct-box-side .wr-ttl {
    height: 120px;
  }
  .wr-product-group .wr-col2-ct-box-side .wr-ttl a:hover {
    opacity: 1;
  }

  .wr-col2-ct-box-side {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 9997;
    border-bottom: 1px solid #dcdddd;
  }
  .wr-col2-ct-box-side.wr-lg > span {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .wr-col2-ct-box-side .wr-side-inner {
    overflow: visible;
  }
  .wr-col2-ct-box-side #wr-side-head-wrap {
    background: #fff;
  }
  .wr-col2-ct-box-side .wr-side-head {
    position: relative;
    padding: 0 72px 0;
    background: #fff;
  }
  .wr-col2-ct-box-side .wr-side-head-toggle-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 72px;
    z-index: 9;
    display: block;
  }
  .wr-col2-ct-box-side .wr-side-head-toggle-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 1;
    height: 30px;
    width: 30px;
    background: url(/common/img/common/icon-menu-off.png) no-repeat center center;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    margin: -15px 0 0;
  }
  .wr-col2-ct-box-side .wr-side-head-toggle-btn.wr-on:after {
    background: url(/common/img/common/icon-menu-on.png) no-repeat center center;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  .wr-col2-ct-box-side .wr-ttl > span {
    height: 80px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-col2-ct-box-side .wr-ttl > span img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 50px;
  }
  .wr-col2-ct-box-side .wr-ttl .wr-label {
    margin: -1px 0 15px;
  }
  .wr-col2-ct-box-side .wr-ttl .wr-logo-text {
    margin: 7px 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.07em;
  }
  .wr-col2-ct-box-side .wr-logo-text-type > span img {
    max-height: 45px;
  }
  .wr-col2-ct-box-side .wr-side-link-list {
    display: none;
    background: rgba(0, 0, 0, 0.4);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .wr-col2-ct-box-side .wr-side-main-elm {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    background: #EFEFEF;
  }
  .wr-col2-ct-box-side .wr-side-main-elm:hover {
    opacity: 1;
  }
  .wr-col2-ct-box-side .wr-side-main-elm.wr-gray .wr-main-link {
    background: #DCDDDD;
  }
  .wr-col2-ct-box-side .wr-side-main-elm.wr-sub-menu-on .wr-main-link:hover {
    opacity: 1;
  }
  .wr-col2-ct-box-side .wr-side-main-elm.wr-sub-menu-on .wr-main-link:after {
    right: 20px;
    height: 6px;
    width: 10px;
    background: url(/common/img/common/icon-toggle-off.png) no-repeat center center;
    -moz-background-size: 10px 6px;
    -o-background-size: 10px 6px;
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
    margin: -3px 0 0;
  }
  .wr-col2-ct-box-side .wr-side-main-elm.wr-sub-menu-on .wr-main-link.wr-on:after {
    background: url(/common/img/common/icon-toggle-on.png) no-repeat center center;
    -moz-background-size: 10px 6px;
    -o-background-size: 10px 6px;
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
  }
  .wr-col2-ct-box-side .wr-side-link-list .wr-main-link {
    padding: 15px 40px 15px 18px;
  }
  .wr-col2-ct-box-side .wr-side-sub-menu-box {
    display: none;
    opacity: 1;
    position: static;
    background: none;
  }
  .wr-col2-ct-box-side .wr-side-sub-menu-inner {
    display: block !important;
    overflow: visible;
    height: auto !important;
    width: auto;
    margin-top: 0;
    padding: 0 !important;
  }
  .wr-col2-ct-box-side .wr-side-main-link {
    border-bottom: 1px solid #ddd;
  }
  .wr-col2-ct-box-side .wr-side-sub-link-list.wr-menu-lv2 .wr-side-sub-elm a {
    background: #F7F8F8;
    padding: 16px 36px 15px 26px;
  }
  .wr-col2-ct-box-side .wr-side-sub-link-list.wr-menu-lv2 .wr-side-sub-elm.wr-current > .wr-sub-link p {
    border-bottom: 2px solid #fdd000;
    padding-bottom: 2px;
  }
  .wr-col2-ct-box-side .wr-side-sub-link-list.wr-menu-lv2 .wr-side-sub-elm.wr-current > .wr-sub-link p:after {
    display: none;
  }
  .wr-col2-ct-box-side .wr-side-sub-link-list.wr-menu-lv3 .wr-side-sub-elm a {
    background: #EFEFEF;
    padding: 16px 36px 15px 36px;
  }
  .wr-col2-ct-box-side .wr-side-sub-link-list.wr-menu-lv3 .wr-side-sub-elm.wr-current > .wr-sub-link p {
    border-bottom: 2px solid #fdd000;
    padding-bottom: 2px;
  }
  .wr-col2-ct-box-side .wr-side-sub-link-list.wr-menu-lv3 .wr-side-sub-elm.wr-current > .wr-sub-link p:after {
    display: none;
  }
  .wr-col2-ct-box-side .wr-side-sub-elm {
    border-top: 1px solid #ddd;
  }
  .wr-col2-ct-box-side .wr-side-sub-elm + .wr-side-sub-elm {
    margin-top: 0;
  }
  .wr-col2-ct-box-side .wr-side-sub-elm a {
    color: #231815;
    letter-spacing: 0.04em;
  }
  .wr-col2-ct-box-side .wr-side-sub-elm.wr-sub-menu-on > .wr-sub-link:hover {
    opacity: 1;
  }
  .wr-col2-ct-box-side .wr-side-sub-elm.wr-sub-menu-on > .wr-sub-link:after {
    right: 20px;
    height: 6px;
    width: 10px;
    background: url(/common/img/common/icon-toggle-off.png) no-repeat center center;
    -moz-background-size: 10px 6px;
    -o-background-size: 10px 6px;
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
    margin: -3px 0 0;
  }
  .wr-col2-ct-box-side .wr-side-sub-elm.wr-sub-menu-on > .wr-sub-link.wr-on:after {
    background: url(/common/img/common/icon-toggle-on.png) no-repeat center center;
    -moz-background-size: 10px 6px;
    -o-background-size: 10px 6px;
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
  }
}
.wr-side-inner::-webkit-scrollbar {
  width: 4px;
  background: #fff;
}

.wr-side-inner::-webkit-scrollbar:horizontal {
  height: 4px;
}

.wr-side-inner::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
  background: #c9cbca;
}

.wr-side-inner::-webkit-scrollbar-piece {
  background: #fff;
}

.wr-side-inner::-webkit-scrollbar-piece:start {
  background: #fff;
}

.wr-side-inner::-webkit-scrollbar-thumb {
  background: #c9cbca;
}

.wr-side-inner::-webkit-scrollbar-corner {
  background: #c9cbca;
}

.wr-side-sub-menu-inner::-webkit-scrollbar {
  width: 4px;
  background: #fff;
}

.wr-side-sub-menu-inner::-webkit-scrollbar:horizontal {
  height: 4px;
}

.wr-side-sub-menu-inner::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
  background: #c9cbca;
}

.wr-side-sub-menu-inner::-webkit-scrollbar-piece {
  background: #fff;
}

.wr-side-sub-menu-inner::-webkit-scrollbar-piece:start {
  background: #fff;
}

.wr-side-sub-menu-inner::-webkit-scrollbar-thumb {
  background: #c9cbca;
}

.wr-side-sub-menu-inner::-webkit-scrollbar-corner {
  background: #c9cbca;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .wr-col2-ct-box-side .wr-scroll .wr-side-sub-menu-box {
    left: 284px;
  }
}
.wr-side-sub-menu-inner,
.wr-side-inner {
  scrollbar-arrow-color: #c9cbca;
  scrollbar-face-color: #fff;
  scrollbar-3dlight-color: #c9cbca;
  scrollbar-darkshadow-color: #c9cbca;
  scrollbar-highlight-color: #c9cbca;
  scrollbar-shadow-color: #c9cbca;
  scrollbar-track-color: #fff;
}

/* 詳細ページ
----------------------------------------------------------*/
@media only screen {
  .wr-sinlge-page-ttl.wr-fix {
    position: fixed;
  }
}
.wr-sinlge-page-ttl {
  padding: 44px 20px 30px;
  background: #fff;
  min-height: 57px;
}
.wr-sinlge-page-ttl.wr-fix {
  top: 54px;
  left: 0;
  width: 100%;
  z-index: 9998;
  border-bottom: 1px solid #dcdddd;
  padding: 21px 20px 21px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wr-sinlge-page-ttl.wr-fix .wr-ttl {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 35px;
}
.wr-sinlge-page-ttl.wr-fix .wr-ttl span {
  height: 39px;
}
.wr-sinlge-page-ttl.wr-fix .wr-ttl img {
  height: 30px;
  vertical-align: middle;
}
.wr-sinlge-page-ttl.wr-fix .wr-btn-y {
  width: 250px;
}
.wr-sinlge-page-ttl.wr-fix .wr-btn-y a {
  padding: 6px 0 6px;
}
.wr-sinlge-page-ttl.wr-bd-b {
  border-bottom: 1px solid #e4e5e5;
}
.wr-sinlge-page-ttl .wr-inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.wr-sinlge-page-ttl .wr-ttl {
  display: table;
  table-layout: fixed;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 320px 0 0;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.4;
  font-weight: bold;
}
.wr-sinlge-page-ttl .wr-ttl span {
  display: table-cell;
  height: 46px;
  vertical-align: middle;
}
.wr-sinlge-page-ttl .wr-ttl img {
  height: 46px;
}
.wr-sinlge-page-ttl .wr-ttl.small {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
}
.wr-sinlge-page-ttl .wr-btn-y {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 320px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
.wr-sinlge-page-ttl .wr-btn-y a {
  padding: 11px 0 11px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  -webkit-tap-highlight-color: transparent;
}
.wr-sinlge-page-ttl .wr-btn-y .wr-fa {
  position: absolute;
  top: 50%;
  right: 24px;
  margin: -9px 0 0;
  font-size: 17px;
  font-size: 1.7rem;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-sinlge-page-ttl.wr-fix {
    padding: 22px 20px 21px;
  }

  .wr-sinlge-page-ttl .wr-ttl .wr-text {
    padding: 12px 0 0;
  }

  .wr-sinlge-page-ttl .wr-ttl span {
    vertical-align: baseline;
  }

  .wr-sinlge-page-ttl.wr-fix .wr-ttl span {
    height: 37px;
  }

  .wr-sinlge-page-ttl.wr-fix .wr-btn-y a {
    padding: 9px 0px 3px;
  }

  .wr-sinlge-page-ttl .wr-btn-y a {
    padding: 14px 0 8px;
  }
}
.wr-product-info {
  padding: 0 20px;
}
.wr-product-info.wr-news .wr-head, .wr-product-info.wr-seminar .wr-head, .wr-product-info.wr-case .wr-head {
  margin: 0 0 44px;
}
.wr-product-info.wr-news .wr-head h2, .wr-product-info.wr-seminar .wr-head h2, .wr-product-info.wr-case .wr-head h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.6;
}
.wr-product-info.wr-news .wr-head h2 {
  border-bottom: none;
  padding: 0;
}
.wr-product-info.wr-news .wr-head .wr-sub-ttl, .wr-product-info.wr-seminar .wr-head .wr-sub-ttl, .wr-product-info.wr-case .wr-head .wr-sub-ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.85;
}
.wr-product-info.wr-news .wr-info dt {
  width: 131px;
}
.wr-product-info.wr-news .wr-info dt p:after {
  right: 14px;
}
.wr-product-info.wr-seminar .wr-info {
  padding: 44px 340px 7px 0;
}
.wr-product-info .wr-inner {
  max-width: 870px;
  margin: 0 auto;
  padding: 56px 0 21px;
}
.wr-product-info .wr-info {
  position: relative;
  padding: 44px 0 7px 0;
  border-top: 1px solid #231815;
}
.wr-product-info .wr-info dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 6px;
}
.wr-product-info .wr-info dt {
  display: table-cell;
  width: 161px;
  vertical-align: top;
}
.wr-product-info .wr-info dt p {
  position: relative;
}
.wr-product-info .wr-info dt p:after {
  content: "：";
  position: absolute;
  top: 0;
  right: 7px;
  vertical-align: middle;
}
.wr-product-info .wr-info dd {
  display: table-cell;
  vertical-align: top;
}
.wr-product-info .wr-info .wr-cat-list {
  margin: 2px 0 0;
}
.wr-product-info .wr-info .wr-cat-list li > p {
  padding: 1px 17px 1px;
}
.wr-product-info .wr-info .wr-text {
  margin: 13px 0 10px;
}
.wr-product-info .wr-info .wr-text + .wr-text {
  margin-top: 18px;
}
.wr-product-info .wr-info .wr-text a {
  text-decoration: underline;
}
.wr-product-info .wr-info .wr-text a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-product-info .wr-info .wr-btn {
  overflow: hidden;
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
  width: 320px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wr-product-info .wr-info .wr-btn a {
  position: relative;
}
.wr-product-info .wr-info .wr-btn .wr-box {
  padding: 14px 30px 13px 32px;
  font-weight: bold;
}
.wr-product-info .wr-info .wr-btn .wr-fa-check-square-o {
  margin: 0 25px 0 0;
}
.wr-product-info .wr-info .wr-btn .wr-fa-chevron-right {
  position: absolute;
  top: 50%;
  right: 19px;
  z-index: 5;
  margin: -6px 0 0;
  font-size: 10px;
  font-size: 1rem;
}
.wr-product-info .wr-service-word li {
  display: inline;
  vertical-align: top;
}
.wr-product-info .wr-service-word li:before {
  content: "/";
  padding: 0 2px 0 1px;
}
.wr-product-info .wr-service-word li:first-child:before {
  display: none;
}
.wr-product-info .wr-service-word li a {
  text-decoration: underline;
}
.wr-product-info .wr-service-word li a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-product-info .wr-fl-l {
  width: 59.77011%;
  padding: 0;
}
.wr-product-info .wr-fl-r {
  width: 32.64368%;
  padding: 0;
}
.wr-product-info .wr-head {
  margin: 0 0 39px;
  padding: 0 0 0 48px;
  border-left: 4px solid #c9cbca;
  font-weight: bold;
}
.wr-product-info .wr-head h2,
.wr-product-info .wr-head h1 {
  margin: 0;
  /* font-size: 32px;
  font-size: 3.2rem; */
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.6;
  letter-spacing: 0.065em;
}
.wr-product-info .wr-head .wr-sub-ttl,
.wr-product-info .wr-head p {
  margin: 16px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.wr-product-info .wr-head p {
  font-weight: normal;
}
.wr-product-info .wr-head .wr-sub {
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
}
.wr-product-info .wr-main-img {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 35px;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
}
.wr-product-info .wr-main-img p {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-product-info .wr-cat-list {
  margin: 0 0 25px;
  font-size: 0;
}
.wr-product-info .wr-cat-list.yellow li > p {
  background: #fdd000;
  color: #000;
}
.wr-product-info .wr-cat-list li {
  display: inline-block;
  margin: 0 5px 5px 0;
  vertical-align: top;
  font-size: 10px;
  font-size: 1rem;
}
.wr-product-info .wr-cat-list .wr-btn-b {
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.wr-product-info .wr-cat-list .wr-btn-b .wr-box {
  padding: 1px 14px 1px;
}
.wr-product-info .wr-cat-list li > p {
  display: block;
  padding: 1px 14px 1px;
  background: #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.wr-product-info .wr-lead {
  padding: 0 0 0 54px;
  line-height: 1.75;
}
.wr-product-info .wr-key-words {
  margin: 28px 0 30px;
  padding: 0 0 0 54px;
  font-size: 0;
}
.wr-product-info .wr-key-words li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  letter-spacing: 0.05em;
}
.wr-product-info .wr-key-words li:before {
  content: "/";
  margin: 0 11px 0 12px;
}
.wr-product-info .wr-key-words li:first-child:before {
  display: none;
}
.wr-product-info .wr-btn-wrap {
  margin: 0 0 30px;
  line-height: 1.7;
}
.wr-product-info .wr-btn-wrap .wr-icon-before {
  position: absolute;
  top: 50%;
  left: 34px;
  margin: -7px 0 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.wr-product-info .wr-btn-wrap a {
  position: relative;
}
.wr-product-info .wr-btn-wrap .wr-btn {
  overflow: hidden;
  margin: 0 0 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wr-product-info .wr-btn-wrap .wr-box {
  padding: 14px 40px 13px 63px;
  font-weight: bold;
}
.wr-product-info .wr-btn-wrap .wr-fa-chevron-right {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -5px 0 0;
  font-size: 10px;
  font-size: 1rem;
}

.wr-case-study-area {
  padding: 43px 20px 37px;
}
.wr-case-study-area .wr-ttl01 {
  margin: 0 0 29px;
}
.wr-case-study-area .wr-inner {
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
.wr-case-study-area ul {
  font-size: 0;
  text-align: center;
}
.wr-case-study-area li {
  display: inline-block;
  max-width: 400px;
  margin: 0 2.91667% 30px;
  vertical-align: top;
  text-align: left;
}
.wr-case-study-area li .wr-main-img {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 24px;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
}
.wr-case-study-area li .wr-main-img p {
  display: table-cell;
  height: 142px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  letter-spacing: 5px;
}
.wr-case-study-area li .wr-main-img img {
  max-height: 100px;
}
.wr-case-study-area li .wr-ttl {
  margin: 0 0 10px;
  padding: 0 0 0 3px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.wr-case-study-area li a {
  display: block;
}
.wr-case-study-area li .wr-text {
  padding: 0 0 0 3px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}
.wr-case-study-area li .wr-text + .wr-text {
  margin-top: 19px;
}
.wr-case-study-area .wr-arrow-wrap {
  margin: 41px 0 0;
}
.wr-case-study-area .wr-link-more {
  position: absolute;
  top: 18px;
  right: 0;
  z-index: 1;
  font-weight: bold;
}
.wr-case-study-area .wr-link-more .wr-fa {
  margin: 0 0 0 18px;
  font-size: 28px;
  vertical-align: middle;
}

@media only screen and (min-width: 751px) {
  .wr-case-study-area .wr-ttl01 {
    font-size: 20px;
    font-size: 2rem;
  }
  .wr-case-study-area .wr-link-more {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .wr-dl-list.wr-single .wr-ttl01 {
    font-size: 20px;
    font-size: 2rem;
  }
  .wr-dl-list.wr-single .wr-link-more {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 750px) {
  .wr-dl-list.wr-single .wr-ttl01 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.wr-contact-info {
  text-align: center;
}
.wr-contact-info .wr-inner {
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 52px 0 53px;
}
.wr-contact-info h2 {
  margin: 0 0 23px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.wr-contact-info h3 {
  margin: 0 0 14px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.wr-contact-info ul {
  margin: 0 0 22px;
  text-align: center;
  font-size: 0;
}
.wr-contact-info li {
  display: inline-block;
  width: 330px;
  margin: 0 3.66667% 0;
  vertical-align: top;
}
.wr-contact-info .wr-text {
  margin: 0 0 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: left;
  text-align: center;
}
.wr-contact-info .wr-text span {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.wr-contact-info h4 {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 0.02em;
}
.wr-contact-info .wr-btn-b {
  overflow: hidden;
  max-width: 670px;
  margin: 0 auto 23px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 20px;
  font-size: 2rem;
}
.wr-contact-info .wr-btn-b .wr-box {
  position: relative;
  padding: 18px 64px 21px 47px;
  letter-spacing: 0.055em;
}
.wr-contact-info .wr-btn-b .wr-fa-external-link {
  position: absolute;
  top: 50%;
  right: 36px;
  z-index: 1;
  margin: -10px 0 0;
}
.wr-contact-info dl {
  line-height: 29px;
}
.wr-contact-info dt {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.wr-contact-info dt:after {
  content: "/";
  padding: 0 16px 0 15px;
  font-weight: normal;
}
.wr-contact-info dd {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}

.wr-product-info .wr-info .wr-cat-list li > p:not(:target) {
  padding: 3px 17px 0\9;
  margin-top: -4px\9;
}

.wr-product-info .wr-service-word:not(:target) {
  margin: -3px\9;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-product-info .wr-btn-wrap .wr-box {
    padding: 16px 30px 11px 22.5%;
  }

  .wr-product-info .wr-cat-list li > p {
    padding: 5px 14px 0;
    vertical-align: baseline;
  }

  .wr-contact-info dl {
    line-height: 1.1;
  }
  .wr-contact-info dt {
    margin-top: 4px;
  }
  .wr-contact-info .wr-btn-b .wr-box {
    padding-top: 25px;
  }

  .wr-product-info .wr-info dt {
    vertical-align: baseline;
  }
  .wr-product-info .wr-info dd {
    vertical-align: baseline;
  }
  .wr-product-info .wr-info .wr-cat-list li > p {
    display: inline-block;
    padding: 4px 17px 0;
    margin: -2px 0 0;
    line-height: 1.4;
    vertical-align: top;
  }
  .wr-product-info .wr-info .wr-cat-list {
    margin-top: 0;
  }
  .wr-product-info .wr-info .wr-cat-list li {
    margin-top: -4px;
  }

  .wr-product-info .wr-service-word {
    margin: -1px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-product-info .wr-info .wr-cat-list li > p:not(:target) {
    padding: 4px 14px 0\9;
    margin-top: 0;
  }
}
.wr-post-set-wrap {
  overflow: hidden;
}
.wr-post-set-wrap.wr-post-set-ttl-wrap {
  overflow: visible;
  margin-bottom: 22px;
}
.wr-post-set-wrap.wr-post-set-ttl-wrap .wr-post-set {
  /* margin-bottom: 0; */
}
.wr-post-set-wrap.wr-post-set-ttl-wrap .wr-post-set.wr-bg-gray03 .wr-inner {
  padding: 40px 0 40px;
}
/* .wr-post-set-wrap.wr-post-set-ttl-wrap .wr-post-set h2 {
  padding-bottom: 0;
} */
.wr-post-set-wrap hr {
  height: 1px;
  width: 100%;
  background: #c9caca;
  border: none;
  margin: 0 0 80px;
}
.wr-post-set-wrap + .wr-bg-bar {
  margin-top: -52px;
}
.wr-post-set-wrap + .wr-bg-bar.wr-space-top {
  margin-top: 40px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-post-set-wrap.wr-post-set-ttl-wrap .wr-post-set.wr-bg-gray03 .wr-inner {
    padding: 48px 0 32px;
  }
}
.wr-post-set {
  padding: 0 20px;
  margin: 0 0 52px;
}
.wr-post-set:first-child {
  margin-top: 54px;
}
.wr-post-set.wr-bg-gray03 .wr-inner {
  padding: 54px 0 40px;
}
.wr-post-set.wr-bg-gray03:first-child {
  margin-top: 0;
}
.wr-post-set.wr-bg-gray03 + .wr-post-set.wr-bg-gray03 {
  margin-top: -80px;
}
.wr-post-set .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.wr-post-set h2 {
  margin: 0 0 25px;
  padding: 0 0 12px;
  border-bottom: 2px solid #fdd000;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.wr-post-set h2 + h3,
.wr-post-set h2 + h4,
.wr-post-set h2 + h5,
.wr-post-set h2 + ul,
.wr-post-set h2 + ol,
.wr-post-set h2 + p,
.wr-post-set h2 + table,
.wr-post-set h2 + img,
.wr-post-set h2 + div {
  margin-top: 25px;
}
.wr-post-set h3 {
  margin: 0 0 22px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.7;
  font-weight: bold;
  letter-spacing: 0.02em;
  position: relative;
}
.wr-post-set h3:after {
  content: "";
  display: block;
  height: 2px;
  width: 18px;
  background: #D5D5D5;
  margin: 2px 0 0;
  position: absolute;
}
.wr-post-set h4 {
  margin: 0 0 18px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.wr-post-set u {
  text-decoration: underline;
}
.wr-post-set strike {
  text-decoration: line-through;
}
.wr-post-set ul {
  /* margin: 0 0 39px; */
  margin: 10px 0;
}
.wr-post-set ul li {
  position: relative;
  padding: 0 0 0 35px;
  /* padding: 0 0 0 15px; */
  line-height: 1.65;
  /* font-size: 13px; */
  /* font-size: 15px; */
  font-size: 16px;
}
.wr-post-set ul li ul li {
  font-size: 16px;
}
.wr-post-set ul li:before {
  content: '';
  display: inline-block;
  margin: 0 16px 2px -21px;
  height: 5px;
  width: 5px;
  background: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}
.wr-post-set ul li > ul {
  margin: 0;
}
.wr-post-set ul li > ul > li {
  padding: 0 0 0 25px;
}
.wr-post-set ul li > ul > li:before {
  height: 4px;
  width: 4px;
  border: 1px solid #000;
  background: #fff;
}
.wr-post-set ul li > ul > li > ul {
  /* margin: 0 0 0 -27px; */
}
.wr-post-set ul li > ul > li > ul li {
  /* padding: 0 0 0 39px; */
}
.wr-post-set ul li > ul > li > ul li:before {
  height: 6px;
  width: 6px;
  border: none;
  border-radius: 0;
  background: url(/assets/img/common/icon-list-square.png) no-repeat;
  margin: 0 16px 1px -21px;
}
.wr-post-set ul li > ul > li > ul > li > ul > li:before {
  height: 6px;
  width: 6px;
  border: none;
  border-radius: 0;
  background: url(/assets/img/common/icon-list-square-wt.png) no-repeat;
  margin: 0 16px 1px -21px;
}
.wr-post-set ul li > ul > li > ol {
  margin: 0;
}
.wr-post-set ul li > ul > li > ol li {
  padding: 0 0 0 28px;
}
.wr-post-set ul li > ul > li > ol li > li:before {
  min-width: inherit;
}
.wr-post-set ul li > ul > li > ol li:before {
  display: inline-block;
  height: auto;
  width: auto;
  background: none;
  border: none;
  counter-increment: li;
  content: counter(li) ".";
  margin: 0 11px 0 -23px;
}
.wr-post-set ul li > ol > li > ul {
  counter-reset: li;
  margin: 0 0 0 -27px;
}
.wr-post-set ul li > ol > li > ul li {
  padding: 0 0 0 39px;
}
.wr-post-set ul li > ol > li > ul li:before {
  height: 6px;
  width: 6px;
  border: none;
  background: url(/common/img/common/icon-list.png) no-repeat;
  margin: 0 16px 1px -21px;
}
.wr-post-set ul ol {
  margin: 0;
  counter-reset: li;
  list-style: none;
}
.wr-post-set ul ol > li:before {
  min-width: inherit;
}
.wr-post-set ul ol li {
  position: relative;
  padding: 0 0 0 37px;
  line-height: 2;
}
.wr-post-set ul ol li:before {
  display: inline-block;
  height: auto;
  width: auto;
  background: none;
  counter-increment: li;
  content: counter(li) ".";
  margin: 0 11px 0 -23px;
}
.wr-post-set ul ol li ol {
  margin: 0;
}
.wr-post-set ul ol li ol > li:before {
  min-width: inherit;
}
.wr-post-set ul ol li ol li {
  padding: 0 0 0 28px;
}
.wr-post-set ol {
  margin: 0 0 39px;
  counter-reset: li;
  list-style: none;
}
.wr-post-set ol li {
  position: relative;
  padding: 0 0 0 37px;
  line-height: 1.8;
  /* font-size: 13px; */
  font-size: 15px;
}
.wr-post-set ol li:before {
  display: inline-block;
  counter-increment: li;
  content: counter(li) ".";
  margin: 0 11px 0 -23px;
}
.wr-post-set ol li ol {
  counter-reset: li;
  margin: 0;
}
.wr-post-set ol li ol li {
  padding: 0 0 0 28px;
}
.wr-post-set ol ul {
  counter-reset: li;
  margin: 0;
}
.wr-post-set ol ul li {
  position: relative;
  padding: 0 0 0 35px;
  line-height: 2;
}
.wr-post-set ol ul li:before {
  content: '';
  display: inline-block;
  margin: 0 16px 2px -21px;
  height: 5px;
  width: 5px;
  background: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}
.wr-post-set ol ul li > ul {
  counter-reset: li;
  margin: 0;
}
.wr-post-set ol ul li > ul > li {
  padding: 0 0 0 44px;
}
.wr-post-set ol ul li > ul > li:before {
  content: '';
  display: inline-block;
  height: 4px;
  width: 4px;
  margin: 0 16px 2px -21px;
  border: 1px solid #000;
  background: #fff;
}
.wr-post-set ol ul ol {
  margin: 0;
  counter-reset: li;
  list-style: none;
}
.wr-post-set ol ul ol > li:before {
  min-width: inherit;
}
.wr-post-set ol ul ol li {
  position: relative;
  padding: 0 0 0 37px;
  line-height: 2;
}
.wr-post-set ol ul ol li:before {
  display: inline-block;
  height: auto;
  width: auto;
  background: none;
  counter-increment: li;
  content: counter(li) ".";
  margin: 0 11px 0 -23px;
}
.wr-post-set ol ul ol li ol {
  margin: 0;
}
.wr-post-set ol ul ol li ol li {
  padding: 0 0 0 28px;
}
.wr-post-set ol ul ol li ol > li:before {
  min-width: inherit;
}
.wr-post-set b,
.wr-post-set strong {
  font-weight: bold;
}
.wr-post-set table {
  width: 100%;
  table-layout: fixed;
  background: #fafaf8;
}
.wr-post-set table thead {
  background: #f2f2f2;
}
.wr-post-set table thead tr {
  border-bottom: none;
}
.wr-post-set table thead th {
  background: #E6DFC7;
  padding: 27px 24px 28px;
  font-weight: bold;
  text-align: center;
}
.wr-post-set table thead td {
  padding: 27px 24px 28px;
  font-weight: bold;
  text-align: center;
}
.wr-post-set table th {
  border: 2px solid #fff;
  background: #eaeaea;
  text-align: center;
  padding: 16px 24px 12px;
}
.wr-post-set table td {
  border: 2px solid #fff;
  padding: 16px 24px 12px;
}
.wr-post-set .wr-text-box .wr-table-wrap + p,
.wr-post-set .wr-text-box p + p {
  margin-top: 30px;
}
.wr-post-set .wr-text-box .wr-table-wrap + h2,
.wr-post-set .wr-text-box p + h2 {
  margin-top: 38px;
}
.wr-post-set .wr-text-box .wr-table-wrap + h3,
.wr-post-set .wr-text-box p + h3 {
  margin-top: 38px;
}
.wr-post-set .wr-text-box .wr-table-wrap + h4,
.wr-post-set .wr-text-box p + h4 {
  margin-top: 38px;
}
.wr-post-set .wr-text-box a {
  text-decoration: underline;
}
.wr-post-set .wr-text-box a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-post-set .wr-text-box a:visited {
  color: #82141A;
}
.wr-post-set .wr-text-box P + .wr-cap {
  margin-top: 17px;
}
.wr-post-set .wr-text-box .wr-img-center {
  margin: 50px auto 0;
}
.wr-post-set .wr-cap {
  margin: 17px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.wr-post-set .wr-link + .wr-link {
  margin-top: 6px;
}
.wr-post-set .wr-link a {
  padding: 0 0 4px;
  border-bottom: 1px solid #000;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  font-weight: bold;
}
.wr-post-set .wr-link a:hover {
  opacity: 1;
  border-bottom: none;
}
.wr-post-set .wr-link a:visited {
  color: #82141A;
  border-color: #82141A;
}
.wr-post-set .wr-link .wr-fa-angle-right {
  margin: 0 2px 0 27px;
}
.wr-post-set .wr-movie {
  position: relative;
  overflow: hidden;
  padding: 56.25% 0 0;
}
.wr-post-set .wr-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.wr-post-set .wr-no-bd {
  border: none;
  margin-bottom: 0;
}

.wr-text-set .wr-text-box {
  max-width: 960px;
  margin: 0 auto;
}
.wr-text-set .wr-text-box p {
  line-height: 1.9;
}
.wr-text-set .wr-text-box p + p {
  margin-top: 20px;
}
.wr-text-set .wr-text-box li h2,
.wr-text-set .wr-text-box li h3,
.wr-text-set .wr-text-box li h4 {
  display: inline;
}

.wr-text-img-set h2 {
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 0 47px;
}
.wr-text-img-set .wr-text-box {
  width: 66.66667%;
  line-height: 1.9;
}
.wr-text-img-set .wr-text-box p + p {
  margin-top: 26px;
}
.wr-text-img-set .wr-img-box {
  margin: 3px 0 0;
  width: 26.66667%;
}

.wr-text-img-set02 .wr-text-box {
  width: 47.5%;
  line-height: 1.9;
}
.wr-text-img-set02 .wr-text-box p + p {
  margin-top: 26px;
}
.wr-text-img-set02 .wr-img-box {
  width: 47.5%;
  /* text-align: center; */
  text-align: left;
}
.wr-text-img-set02 .wr-cap {
  margin: 17px 0 0;
  text-align: left;
}

.wr-link-set h5 {
  margin: 0 0 18px;
}
.wr-link-set li {
  margin: 0 0 6px;
  letter-spacing: 0.05em;
}
.wr-link-set .wr-fa {
  margin: 0 0 0 9px;
  color: #9a9b9b;
}
.wr-link-set .wr-text-box p {
  line-height: 1.6;
}

.wr-img-list-set01 {
  margin: 0;
}
.wr-img-list-set01 .wr-img {
  margin: 0 0 23px;
  text-align: center;
}
.wr-img-list-set01 h4 {
  max-width: inherit;
  margin: 0 0 13px;
}
.wr-img-list-set01 .wr-text {
  margin: 0 0 12px;
  line-height: 1.75;
  font-size: 15px;
}
.wr-img-list-set01 .wr-text a {
  text-decoration: underline;
}
.wr-img-list-set01 .wr-text a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-img-list-set01 .wr-text a:visited {
  color: #82141A;
}
.wr-img-list-set01 .wr-list-wrap {
  width: 108.33333%;
  font-size: 0;
}
.wr-img-list-set01 .wr-list {
  display: inline-block;
  width: 43.84615%;
  margin: 0 4.61538% 52px 0;
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
}
.wr-img-list-set01 .wr-link + .wr-link {
  margin-top: 12px;
}

.wr-img-list-set02 {
  margin: 0;
}
.wr-img-list-set02 .wr-list-wrap {
  width: 108.33333%;
}
.wr-img-list-set02 .wr-list {
  display: inline-block;
  width: 43.84615%;
  margin: 0 4.61538% 52px 0;
  vertical-align: top;
}
.wr-img-list-set02 .wr-left-img {
  float: left;
  width: 46.49123%;
}
.wr-img-list-set02 .wr-right-text {
  float: right;
  width: 46.49123%;
}
.wr-img-list-set02 .wr-right-text .wr-text {
  font-size: 15px;
}
.wr-img-list-set02 h4 {
  max-width: inherit;
  margin: 0 0 13px;
}
.wr-img-list-set02 .wr-text {
  margin: 0 0 12px;
  line-height: 1.75;
  font-size: 14px;
}
.wr-img-list-set02 .wr-text a {
  text-decoration: underline;
}
.wr-img-list-set02 .wr-text a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-img-list-set02 .wr-text a:visited {
  color: #82141A;
}

.wr-img-list-set03 {
  margin: 0;
}
.wr-img-list-set03 .wr-img {
  margin: 0 0 23px;
  text-align: center;
}
.wr-img-list-set03 h4 {
  max-width: inherit;
  margin: 0 0 13px;
}
.wr-img-list-set03 .wr-text {
  margin: 0 0 12px;
  line-height: 1.75;
}
.wr-img-list-set03 .wr-text a {
  text-decoration: underline;
}
.wr-img-list-set03 .wr-text a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-img-list-set03 .wr-text a:visited {
  color: #82141A;
}
.wr-img-list-set03 .wr-list-wrap {
  width: 108.33333%;
  font-size: 0;
}
.wr-img-list-set03 .wr-list {
  display: inline-block;
  width: 27.69231%;
  margin: 0 4.61538% 52px 0;
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
}
.wr-img-list-set03 .wr-link + .wr-link {
  margin-top: 12px;
}

.wr-img-list-set04 {
  margin: 0;
}
.wr-img-list-set04 .wr-img {
  margin: 0 0 23px;
  text-align: center;
}
.wr-img-list-set04 h4 {
  max-width: inherit;
  margin: 0 0 13px;
}
.wr-img-list-set04 .wr-text {
  margin: 0 0 12px;
  line-height: 1.75;
}
.wr-img-list-set04 .wr-text a {
  text-decoration: underline;
}
.wr-img-list-set04 .wr-text a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-img-list-set04 .wr-text a:visited {
  color: #82141A;
}
.wr-img-list-set04 .wr-list-wrap {
  width: 108.33333%;
  font-size: 0;
}
.wr-img-list-set04 .wr-list {
  display: inline-block;
  width: 20%;
  margin: 0 4.07692% 52px 0;
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
}
.wr-img-list-set04 .wr-link + .wr-link {
  margin-top: 12px;
}

.wr-btn-set {
  margin: 0 0 52px;
}
.wr-btn-set .wr-btn {
  position: relative;
  overflow: hidden;
  max-width: 730px;
  margin: 0 auto 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* text-align: center; */
  text-align: left;
  line-height: 1.4;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  width: 380px;
}
.wr-btn-set .wr-fa {
  margin: 0 10px 0 0;
}
.wr-btn-set .wr-box {
  margin: 0 auto;
  padding: 30px 50px 28px;
}
.wr-btn-set .wr-fa-chevron-right {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 4;
  margin: -6px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.wr-btn-set .wr-col2 {
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.wr-btn-set .wr-col2 .wr-btn {
  display: inline-block;
  margin: 0 3.25% 40px;
  width: 41.66667%;
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: top;
}
.wr-btn-set .wr-col2 .wr-box {
  max-width: 330px;
  padding: 19px 36px 17px;
}
.wr-btn-set .wr-col2 .wr-fa-chevron-right {
  right: 26px;
  font-size: 12px;
  font-size: 1.2rem;
}
.wr-btn-set .wr-col3 {
  text-align: center;
  margin: 0 auto;
}
.wr-btn-set .wr-col3 .wr-btn {
  display: inline-block;
  width: 26.66667%;
  margin: 0 2.41667% 40px;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
}
.wr-btn-set .wr-col3 .wr-box {
  max-width: 180px;
  padding: 17px 30px 15px;
}
.wr-btn-set .wr-col3 .wr-fa-chevron-right {
  right: 20px;
  font-size: 10px;
  font-size: 1rem;
  margin: -5px 0 0;
}

.wr-rss-set a {
  display: block;
}
.wr-rss-set h3 {
  margin: 0 0 47px;
  max-width: inherit;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
}
.wr-rss-set .wr-fl-l {
  width: 21.66667%;
  margin-left: 4.41667%;
}
.wr-rss-set .wr-fl-l:first-child {
  margin-left: 0;
}
.wr-rss-set .wr-data {
  margin: 0 0 14px;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  letter-spacing: 0.06em;
  font-weight: bold;
}
.wr-rss-set .wr-text {
  font-weight: bold;
  line-height: 1.7;
}
.wr-rss-set .wr-fa {
  margin: 0 0 0 13px;
  color: #9a9b9b;
}

.wr-link-list-set01 h2 {
  font-size: 26px;
  font-size: 2.6rem;
  margin: 0 0 29px;
  padding: 0;
  text-align: center;
  border: none;
}
.wr-link-list-set01.wr-bg-gray03 .wr-inner {
  overflow: hidden;
  padding-bottom: 40px;
}
.wr-link-list-set01 ul {
  width: 102.29885%;
  margin: 0 0 40px;
  font-size: 0;
}
.wr-link-list-set01 ul li {
  padding: 0;
}
.wr-link-list-set01 ul li:before {
  display: none;
}
.wr-link-list-set01 li {
  display: inline-block;
  background: #fff;
  width: 31.46067%;
  margin: 0 1.79775% 2.24719% 0;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-link-list-set01 li:before {
  display: none;
}
.wr-link-list-set01 .wr-img-box {
  position: relative;
  overflow: hidden;
  margin: 0 0 20px;
}
.wr-link-list-set01 .wr-img-box a {
  display: block;
}
.wr-link-list-set01 .wr-img-box a:hover {
  opacity: 1;
}
.wr-link-list-set01 .wr-img-box a:hover .wr-icon-hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.wr-link-list-set01 .wr-img-box img {
  width: 100%;
}
.wr-link-list-set01 .wr-img-box .wr-icon-hover,
.wr-link-list-set01 .wr-img-box .wr-icon {
  position: absolute;
  bottom: 8px;
  right: 11px;
  z-index: 1;
  background: #000;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  line-height: 24px;
  color: #fff;
}
.wr-link-list-set01 .wr-img-box .wr-icon-hover {
  opacity: 0;
  z-index: 2;
}
.wr-link-list-set01 .wr-img-box span {
  display: inline-block;
  padding: 0 0 0 9px;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
}
.wr-link-list-set01 .wr-img-box .wr-fa-search-plus {
  width: 24px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
}
.wr-link-list-set01 .wr-text-wrap {
  padding: 0 27px 33px;
}
.wr-link-list-set01 .wr-ttl {
  margin: 0 0 13px;
  padding: 0 0 13px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
}
.wr-link-list-set01 .wr-ttl:after {
  display: none;
}
.wr-link-list-set01 .wr-lead {
  line-height: 1.75;
}

.wr-img-colorbox {
  position: relative;
}
.wr-img-colorbox a {
  display: block;
}
.wr-img-colorbox a:hover {
  opacity: 1;
}
.wr-img-colorbox a:hover .wr-icon-hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.wr-img-colorbox .wr-icon-hover,
.wr-img-colorbox .wr-icon {
  position: absolute;
  bottom: 8px;
  right: 11px;
  z-index: 1;
  background: #000;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  line-height: 24px;
  color: #fff;
}
.wr-img-colorbox .wr-icon-hover {
  opacity: 0;
  z-index: 2;
}
.wr-img-colorbox span {
  display: inline-block;
  padding: 0 0 0 9px;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
}
.wr-img-colorbox .wr-fa-search-plus {
  width: 24px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-btn-set .wr-box {
    padding: 28px 50px 22px;
  }

  .wr-link-list-set01 .wr-img-box span {
    vertical-align: baseline;
  }
}
@media only screen and (min-width: 751px) {
  .wr-text-box > ol > li:before {
    min-width: 24px;
    margin: 0 9px 0 -37px;
  }
  .wr-text-box > ol > li + li {
    margin-top: 19px;
  }
}
@media only screen and (max-width: 750px) {
  .wr-text-box > ol > li + li {
    margin-top: 29px;
  }

  .wr-sinlge-page-ttl {
    padding: 35px 5.33333% 25px;
    background: #fff;
  }
  .wr-sinlge-page-ttl.wr-parts-page {
    padding: 23px 5.33333% 30px;
  }
  .wr-sinlge-page-ttl.wr-fix {
    top: 96px;
    border: none;
    background: none;
    padding: 0 5.33333%;
  }
  .wr-sinlge-page-ttl.wr-fix .wr-ttl {
    display: none;
  }
  .wr-sinlge-page-ttl.wr-fix .wr-btn-y {
    width: 100%;
  }
  .wr-sinlge-page-ttl.wr-fix .wr-btn-y a {
    padding: 11px 0 11px;
  }
  .wr-sinlge-page-ttl .wr-inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }
  .wr-sinlge-page-ttl .wr-ttl {
    margin: 0 0 32px;
    padding: 0 0 0 0;
    font-size: 34px;
    font-size: 3.4rem;
    text-align: center;
  }
  .wr-sinlge-page-ttl .wr-ttl.small {
    margin: 0 0 23px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
  }
  .wr-sinlge-page-ttl .wr-btn-y {
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .wr-sinlge-page-ttl .wr-btn-y a {
    padding: 11px 0 11px;
    font-size: 15px;
    font-size: 1.5rem;
  }

  .wr-product-info {
    padding: 0;
  }
  .wr-product-info.wr-news .wr-inner, .wr-product-info.wr-seminar .wr-inner, .wr-product-info.wr-case .wr-inner {
    padding: 31px 0 22px;
  }
  .wr-product-info.wr-news .wr-head, .wr-product-info.wr-seminar .wr-head, .wr-product-info.wr-case .wr-head {
    width: 89.33333%;
    margin: 0 auto 36px;
  }
  .wr-product-info.wr-news .wr-head h2, .wr-product-info.wr-seminar .wr-head h2, .wr-product-info.wr-case .wr-head h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
  }
  .wr-product-info.wr-news .wr-head .wr-sub-ttl, .wr-product-info.wr-seminar .wr-head .wr-sub-ttl, .wr-product-info.wr-case .wr-head .wr-sub-ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .wr-product-info.wr-news .wr-info dt {
    width: 148px;
  }
  .wr-product-info.wr-news .wr-info dt p:after {
    right: 8px;
  }
  .wr-product-info.wr-seminar .wr-info {
    padding: 24px 0 7px;
  }
  .wr-product-info .wr-inner {
    padding: 43px 0 22px;
  }
  .wr-product-info .wr-info {
    width: 89.33333%;
    padding: 24px 0 7px;
    margin: 0 auto;
  }
  .wr-product-info .wr-info dl {
    margin: 0 0 5px;
  }
  .wr-product-info .wr-info dt {
    width: 10.4em;
  }
  .wr-product-info .wr-info .wr-cat-list {
    margin: 1px 0 0;
  }
  .wr-product-info .wr-info .wr-cat-list li {
    margin: 0 11px 5px 0;
  }
  .wr-product-info .wr-info .wr-cat-list li > p {
    padding: 1px 12px 1px;
  }
  .wr-product-info .wr-info .wr-btn {
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
    margin: 24px 0 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }
  .wr-product-info .wr-info .wr-btn .wr-box {
    padding: 10px 23px 10px;
    text-align: center;
  }
  .wr-product-info .wr-info .wr-btn .wr-fa-check-square-o {
    margin: 0 4px 0 -24px;
  }
  .wr-product-info .wr-info .wr-btn .wr-fa-chevron-right {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -5px 0 0;
    font-size: 9px;
    font-size: 0.9rem;
  }
  .wr-product-info .wr-fl-l {
    width: 78.13333%;
    padding: 0 0 0;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-product-info .wr-fl-r {
    width: 78.13333%;
    padding: 25px 0 0;
    margin: 0 auto;
    border-top: none;
  }
  .wr-product-info .wr-head {
    width: 89.33333%;
    margin: 0 auto 34px;
    padding: 0 0 0 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-product-info .wr-head h2 {
    margin: 0 0 0;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: 0.03em;
  }
  .wr-product-info .wr-head .wr-sub-ttl,
  .wr-product-info .wr-head p {
    margin: 20px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
  }
  .wr-product-info .wr-head .wr-sub {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .wr-product-info .wr-main-img {
    margin: 0 0 24px;
  }
  .wr-product-info .wr-main-img p {
    height: 127px;
  }
  .wr-product-info .wr-cat-list {
    margin: 0 0 18px;
  }
  .wr-product-info .wr-cat-list .wr-btn-b {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
  }
  .wr-product-info .wr-cat-list .wr-btn-b .wr-box {
    padding: 1px 16px 1px;
  }
  .wr-product-info .wr-cat-list li > p {
    padding: 1px 16px 1px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
  }
  .wr-product-info .wr-lead {
    padding: 0;
    line-height: 1.7;
  }
  .wr-product-info .wr-lead:after {
    width: 93px;
    margin: 23px auto 25px;
  }
  .wr-product-info .wr-key-words {
    padding: 0;
    margin: 20px 0 0;
    font-size: 0;
  }
  .wr-product-info .wr-key-words li {
    display: inline;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  .wr-product-info .wr-key-words li:before {
    content: "/";
    margin: 0 12px 0 13px;
  }
  .wr-product-info .wr-key-words li:first-child:before {
    display: none;
  }
  .wr-product-info .wr-btn-wrap {
    margin: 0 0 22px;
    line-height: 1.7;
  }
  .wr-product-info .wr-btn-wrap:after {
    display: none;
  }
  .wr-product-info .wr-btn-wrap:before {
    content: "";
    display: block;
    height: 1px;
    width: 96px;
    background: #9fa0a0;
    margin: 21px auto 22px;
  }
  .wr-product-info .wr-btn-wrap:first-child:before {
    display: none;
  }
  .wr-product-info .wr-btn-wrap .wr-btn {
    margin: 0 0 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .wr-product-info .wr-btn-wrap .wr-btn .wr-box {
    padding: 17px 37px 16px 22.5% !important;
  }
  .wr-product-info .wr-btn-wrap .p-product__inquiryBtn a p.wr-box {
    padding: 14px 20px 14px 20px !important;
  }
  .wr-product-info .wr-btn-wrap .wr-icon-before {
    left: 34px;
    font-size: 17px;
    font-size: 1.7rem;
  }
  .wr-product-info .wr-btn-wrap .wr-fa-chevron-right {
    right: 29px;
    margin: -5px 0 0;
  }

  .wr-case-study-area {
    padding: 42px 5.33333% 51px;
  }
  .wr-case-study-area .wr-ttl01 {
    margin: 0 0 16px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-case-study-area li {
    display: block;
    margin: 0;
    width: 100%;
    max-width: inherit;
  }
  .wr-case-study-area li + li {
    margin-top: 47px;
  }
  .wr-case-study-area li .wr-main-img {
    margin: 0 0 19px;
  }
  .wr-case-study-area li .wr-main-img p {
    height: 110px;
  }
  .wr-case-study-area li .wr-ttl {
    margin: 0 0 8px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wr-case-study-area li .wr-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .wr-case-study-area .wr-link-more {
    position: relative;
    top: inherit;
    right: inherit;
    text-align: center;
    padding: 45px 0 0;
  }

  .wr-contact-info {
    text-align: center;
  }
  .wr-contact-info .wr-inner {
    overflow: hidden;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 51px 5.33333% 48px;
  }
  .wr-contact-info h2 {
    margin: 0 0 24px;
    font-size: 20px;
    font-size: 2rem;
  }
  .wr-contact-info h3 {
    margin: 0 0 4px;
  }
  .wr-contact-info ul {
    margin: 0;
  }
  .wr-contact-info li {
    width: auto;
    max-width: 330px;
  }
  .wr-contact-info .wr-text {
    margin: 0 0 13px;
    line-height: 1.5;
    text-align: center;
  }
  .wr-contact-info .wr-text span {
    text-align: center;
  }
  .wr-contact-info h4 {
    margin: 0 0 20px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .wr-contact-info .wr-btn-b {
    margin: 0 auto 25px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-contact-info .wr-btn-b .wr-box {
    padding: 11px 40px 12px;
  }
  .wr-contact-info .wr-btn-b .wr-fa-external-link {
    right: 21px;
    margin: -5px 0 0;
  }
  .wr-contact-info dl {
    line-height: 24px;
  }
  .wr-contact-info dt {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .wr-contact-info dt:after {
    display: none;
  }

  .wr-post-set-wrap.wr-post-set-ttl-wrap {
    overflow: visible;
    margin-bottom: -4px;
  }
  .wr-post-set-wrap.wr-post-set-ttl-wrap .wr-post-set.wr-bg-gray03 .wr-inner {
    padding: 40px 0 40px;
  }
  .wr-post-set-wrap hr {
    margin: 0 0 40px;
  }
  .wr-post-set-wrap + .wr-bg-bar.wr-space-top {
    margin-top: 8px;
  }

  .wr-post-set {
    padding: 0 5.33333%;
  }
  .wr-post-set.wr-bg-gray03 .wr-inner {
    padding: 40px 0 20px;
  }
  .wr-post-set h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .wr-post-set h2 + h3,
  .wr-post-set h2 + h4,
  .wr-post-set h2 + h5,
  .wr-post-set h2 + ul,
  .wr-post-set h2 + ol,
  .wr-post-set h2 + p,
  .wr-post-set h2 + table,
  .wr-post-set h2 + img,
  .wr-post-set h2 + div {
    margin-top: 25px;
  }
  .wr-post-set h3 {
    max-width: inherit;
    margin: 0 0 14px;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  /* .wr-post-set h3:after {
    content: "";
    display: block;
    height: 2px;
    width: 18px;
    background: #D5D5D5;
    margin: 2px 0 0;
    position: absolute;
  }
  .wr-post-set h3:after {
    display: none;
  } */
  .wr-post-set h4 {
    max-width: inherit;
    margin: 0 0 18px;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 0.02em;
  }
  .wr-post-set ul {
    /* margin: 5px 0 27px; */
    margin: 15px 0;
  }
  .wr-post-set ul li {
    position: relative;
    padding: 0 0 0 21px;
    margin: 0 0 5px;
    line-height: 1.8;
    font-size:1.4rem;
  }
  .wr-post-set ul li:before {
    top: 10px;
    left: 4px;
  }
  .wr-post-set ul li > ul {
    margin: 6px 0 0;
  }
  .wr-post-set ul li > ul > li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ul li > ul > li:before {
    left: 8px;
  }
  .wr-post-set ul li > ul > li > ul {
    margin: 5px 0 0 0;
  }
  .wr-post-set ul li > ul > li > ul li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ul li > ul > li > ul li:before {
    background: url(/common/img/common/icon-list-sp.png) no-repeat;
    -moz-background-size: 6px 6px;
    -o-background-size: 6px 6px;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
  }
  .wr-post-set ul li > ul > li > ol {
    margin: 2px 0 0;
  }
  .wr-post-set ul li > ul > li > ol li {
    padding: 0 0 0 22px;
  }
  .wr-post-set ul li > ul > li > ol li:before {
    background: none;
    margin: 0 9px 0 -21px;
  }
  .wr-post-set ul li > ol > li > ul {
    margin: 5px 0 0 0;
  }
  .wr-post-set ul li > ol > li > ul li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ul li > ol > li > ul li:before {
    background: url(/common/img/common/icon-list-sp.png) no-repeat;
    -moz-background-size: 6px 6px;
    -o-background-size: 6px 6px;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
  }
  .wr-post-set ul ol {
    margin: 5px 0 27px;
  }
  .wr-post-set ul ol li {
    padding: 0 0 0 22px;
    margin: 0 0 1px;
    line-height: 1.8;
  }
  .wr-post-set ul ol li:before {
    margin: 0 9px 0 -21px;
  }
  .wr-post-set ul ol li ol {
    margin: 2px 0 0;
  }
  .wr-post-set ul ol li ol li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ol {
    margin: 5px 0 27px;
  }
  .wr-post-set ol li {
    padding: 0 0 0 22px;
    margin: 0 0 1px;
    line-height: 1.8;
  }
  .wr-post-set ol li:before {
    margin: 0 9px 0 -21px;
  }
  .wr-post-set ol li ol {
    margin: 2px 0 0;
  }
  .wr-post-set ol li ol li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ol ul {
    margin: 5px 0 27px;
  }
  .wr-post-set ol ul li {
    position: relative;
    padding: 0 0 0 21px;
    margin: 0 0 5px;
    line-height: 1.8;
  }
  .wr-post-set ol ul li:before {
    top: 10px;
    left: 4px;
  }
  .wr-post-set ol ul li > ul {
    margin: 6px 0 0;
  }
  .wr-post-set ol ul li > ul > li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ol ul li > ul > li:before {
    left: 8px;
  }
  .wr-post-set ol ul li > ul > li > ul {
    margin: 5px 0 0 0;
  }
  .wr-post-set ol ul li > ul > li > ul li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ol ul li > ul > li > ul li:before {
    background: url(/common/img/common/icon-list-sp.png) no-repeat;
    -moz-background-size: 6px 6px;
    -o-background-size: 6px 6px;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
  }
  .wr-post-set ol ul li > ul > li > ol {
    margin: 2px 0 0;
  }
  .wr-post-set ol ul li > ul > li > ol li {
    padding: 0 0 0 22px;
  }
  .wr-post-set ol ul li > ul > li > ol li:before {
    background: none;
    margin: 0 9px 0 -21px;
  }
  .wr-post-set ol ul li > ol > li > ul {
    margin: 5px 0 0 0;
  }
  .wr-post-set ol ul li > ol > li > ul li {
    padding: 0 0 0 25px;
  }
  .wr-post-set ol ul li > ol > li > ul li:before {
    background: url(/common/img/common/icon-list-sp.png) no-repeat;
    -moz-background-size: 6px 6px;
    -o-background-size: 6px 6px;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
  }
  .wr-post-set ol ul ol {
    margin: 5px 0 27px;
  }
  .wr-post-set ol ul ol li {
    padding: 0 0 0 22px;
    margin: 0 0 1px;
    line-height: 1.8;
  }
  .wr-post-set ol ul ol li:before {
    margin: 0 9px 0 -21px;
  }
  .wr-post-set ol ul ol li ol {
    margin: 2px 0 0;
  }
  .wr-post-set ol ul ol li ol li {
    padding: 0 0 0 25px;
  }
  .wr-post-set table {
    width: 100%;
    table-layout: fixed;
  }
  .wr-post-set table thead tr {
    border-bottom: 1px solid #fff;
  }
  .wr-post-set table thead th {
    width: 100px;
    padding: 13px 5px 12px;
  }
  .wr-post-set table thead td {
    width: 150px;
    padding: 13px 5px 12px;
  }
  .wr-post-set table tr {
    border-bottom: 1px solid #fff;
  }
  .wr-post-set table th {
    padding: 8px 13px 7px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-post-set table td {
    border-left: 1px solid #fff;
    padding: 8px 13px 7px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wr-post-set .wr-cap {
    margin: 9px 0 0;
  }
  .wr-post-set .wr-link a {
    padding: 0 0 8px;
    letter-spacing: 0.13em;
  }
  .wr-post-set .wr-table-wrap {
    position: relative;
  }
  .wr-post-set .wr-table-wrap.wr-no .wr-arrow-l,
  .wr-post-set .wr-table-wrap.wr-no .wr-arrow-r {
    display: none;
  }
  .wr-post-set .wr-table-wrap .wr-arrow-r {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 25px;
    width: 15px;
    background: #fff;
  }
  .wr-post-set .wr-table-wrap .wr-arrow-r:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 7px 5.5px 0;
    border-color: transparent #7f7f7f transparent;
  }
  .wr-post-set .wr-table-wrap .wr-arrow-l {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 25px;
    width: 15px;
    background: #fff;
  }
  .wr-post-set .wr-table-wrap .wr-arrow-l:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 7px;
    border-color: transparent transparent transparent #7f7f7f;
  }
  .wr-post-set .wr-table-inner {
    overflow-x: auto;
    padding-bottom: 25px;
    -webkit-overflow-scrolling: touch;
  }
  .wr-post-set .wr-table-inner::-webkit-scrollbar {
    width: 5px;
  }
  .wr-post-set .wr-table-inner::-webkit-scrollbar:horizontal {
    width: 5px;
  }
  .wr-post-set .wr-table-inner::-webkit-scrollbar-thumb {
    background: #7f7f7f;
    border-radius: 2px;
  }
  .wr-post-set .wr-table-inner::-webkit-scrollbar-thumb:horizontal {
    background: #7f7f7f;
    border-radius: 2px;
  }

  .wr-text-set .wr-text-box p {
    line-height: 1.7;
  }
  .wr-text-set .wr-text-box p + p {
    margin-top: 20px;
  }

  .wr-text-img-set h2 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 25px;
  }
  .wr-text-img-set .wr-text-box {
    width: 100%;
    line-height: 1.75;
  }
  .wr-text-img-set .wr-text-box p + p {
    margin-top: 20px;
  }
  .wr-text-img-set .wr-img-box {
    margin: 42px 0 0;
    width: 100%;
  }
  .wr-text-img-set .wr-img-box img {
    width: 100%;
  }

  .wr-rss-set h3 {
    margin: 0 0 18px;
    max-width: inherit;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wr-rss-set .wr-fl-l {
    width: 100%;
    margin-left: 0;
    margin-bottom: 19px;
  }
  .wr-rss-set .wr-fl-l:first-child {
    margin-left: 0;
  }
  .wr-rss-set .wr-data {
    margin: 0 0 11px;
  }
  .wr-rss-set .wr-fa {
    margin: 0 0 0 8px;
  }

  .wr-img-list-set01 {
    margin: 0;
  }
  .wr-img-list-set01 h4 {
    margin: 0 0 18px;
  }
  .wr-img-list-set01 .wr-text {
    line-height: 1.8;
  }
  .wr-img-list-set01 .wr-list-wrap {
    width: 100%;
  }
  .wr-img-list-set01 .wr-list {
    width: 100%;
    margin: 0 0 52px;
  }
  .wr-img-list-set01 img {
    width: 100%;
  }

  .wr-img-list-set02 {
    margin: 0;
  }
  .wr-img-list-set02 .wr-list-wrap {
    width: 100%;
  }
  .wr-img-list-set02 .wr-list {
    width: 100%;
    margin: 0 0 52px;
  }
  .wr-img-list-set02 .wr-left-img {
    width: 47.16418%;
    margin: 5px 0 0;
  }
  .wr-img-list-set02 .wr-left-img img {
    width: 100%;
  }
  .wr-img-list-set02 .wr-right-text {
    width: 47.16418%;
  }
  .wr-img-list-set02 h4 {
    margin: 0 0 20px;
  }
  .wr-img-list-set02 .wr-text {
    margin: 0 0 18px;
    line-height: 1.8;
  }

  .wr-img-list-set03 {
    margin: 0;
  }
  .wr-img-list-set03 .wr-list-wrap {
    width: 100%;
  }
  .wr-img-list-set03 .wr-img {
    margin: 0 0 34px;
  }
  .wr-img-list-set03 h4 {
    margin: 0 0 18px;
  }
  .wr-img-list-set03 .wr-text {
    line-height: 1.8;
  }
  .wr-img-list-set03 .wr-list {
    width: 100%;
    margin: 0 0 52px;
  }

  .wr-img-list-set04 {
    margin: 0;
  }
  .wr-img-list-set04 .wr-list-wrap {
    width: 100%;
  }
  .wr-img-list-set04 .wr-img {
    width: 77.61194%;
    margin: 0 auto 23px;
  }
  .wr-img-list-set04 .wr-img img {
    width: 100%;
  }
  .wr-img-list-set04 h4 {
    margin: 0 0 17px;
  }
  .wr-img-list-set04 .wr-text {
    line-height: 1.8;
  }
  .wr-img-list-set04 .wr-list {
    width: 100%;
    margin: 0 0 52px;
  }

  .wr-btn-set {
    margin: 0 0 40px;
  }
  .wr-btn-set .wr-btn {
    margin: 0 auto 14px;
    /* text-align: center; */
    line-height: 1.4;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
  }
  .wr-btn-set .wr-icon-before {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 1;
    font-size: 18px;
    font-size: 1.8rem;
    margin: -6px 0 0 0;
  }
  .wr-btn-set .wr-box {
    max-width: inherit;
    padding: 22px 40px 19px;
    line-height: 1.6;
  }
  .wr-btn-set .wr-fa-chevron-right {
    right: 24px;
    margin: -5px 0 0;
    font-size: 9px;
    font-size: 0.9rem;
  }
  .wr-btn-set .wr-col2 {
    text-align: center;
    margin: 0 auto;
  }
  .wr-btn-set .wr-col2 .wr-btn {
    display: block;
    width: 100%;
    margin: 0 0 14px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wr-btn-set .wr-col2 .wr-box {
    max-width: inherit;
    padding: 14px 40px 14px;
  }
  .wr-btn-set .wr-col2 .wr-fa-chevron-right {
    right: 20px;
    font-size: 9px;
    font-size: 0.9rem;
  }
  .wr-btn-set .wr-col3 {
    text-align: center;
    max-width: 1078px;
    margin: 0 auto;
  }
  .wr-btn-set .wr-col3 .wr-btn {
    width: 100%;
    margin: 0 0 14px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wr-btn-set .wr-col3 .wr-box {
    max-width: inherit;
    padding: 14px 40px 14px;
  }
  .wr-btn-set .wr-col3 .wr-fa-chevron-right {
    right: 20px;
    font-size: 9px;
    font-size: 0.9rem;
  }

  .wr-text-img-set02 .wr-text-box {
    width: 100%;
    line-height: 1.9;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-text-img-set02 .wr-text-box p + p {
    margin-top: 26px;
  }
  .wr-text-img-set02 .wr-img-box {
    margin: 32px 0 0;
    width: 100%;
  }
  .wr-text-img-set02 .wr-cap {
    margin: 9px 0 0;
  }

  .wr-link-set h5 {
    margin: 0 0 17px;
    /* font-size: 16px;
    font-size: 1.6rem; */
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .wr-link-set .wr-text-box p {
    margin: 4px 0 0;
    line-height: 1.75;
  }

  .wr-link-list-set01 {
    padding: 0 3.73333%;
  }
  .wr-link-list-set01 h2 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 29px;
  }
  .wr-link-list-set01 ul {
    width: 106.62824%;
  }
  .wr-link-list-set01 ul li {
    padding: 0;
  }
  .wr-link-list-set01 ul li {
    width: 45.13514%;
    margin: 0 4.32432% 5.40541% 0;
  }
  .wr-link-list-set01 .wr-img-box {
    margin: 0 0 18px;
  }
  .wr-link-list-set01 .wr-img-box .wr-icon-hover {
    display: none;
  }
  .wr-link-list-set01 .wr-text-wrap {
    padding: 0 15px 25px;
  }
  .wr-link-list-set01 .wr-ttl {
    margin: 0 0 12px;
    padding: 0 0 12px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .wr-link-list-set01 .wr-lead {
    margin: 0 0 0;
    line-height: 1.6;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .wr-link-list-set01 .wr-link a {
    letter-spacing: 0.1em;
  }
}
/* CONTACT
----------------------------------------------------------*/
.wr-page-link-area {
  padding: 0 20px;
  border-top: 1px solid #e4e5e5;
  border-bottom: 1px solid #e4e5e5;
}
.wr-page-link-area .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0 20px;
}
.wr-page-link-area ul {
  font-size: 0;
  text-align: center;
}
.wr-page-link-area li {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0 5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  vertical-align: top;
  text-align: left;
}
.wr-page-link-area .wr-box {
  padding: 8px 36px 8px 18px;
  letter-spacing: 0.01em;
}
.wr-page-link-area .wr-fa {
  position: absolute;
  top: 50%;
  right: 9px;
  z-index: 1;
  margin: -7px 0 0;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-page-link-area .wr-box {
    padding: 10px 36px 6px 18px;
  }
}
.wr-contact-list {
  padding: 0 20px 40px;
}
.wr-contact-list .wr-inner {
  max-width: 1200px;
  text-align: center;
  padding: 40px 0 42px;
  margin: 0 auto;
  border-top: 1px solid #e4e5e5;
}
.wr-contact-list .wr-inner:first-child {
  border: none;
}
.wr-contact-list h2 {
  display: inline-block;
  padding: 0 4px;
  margin: 0 0 32px;
  border-bottom: 3px solid #fccf00;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.wr-contact-list h2 + .wr-info-box {
  padding-top: 2px;
}
.wr-contact-list h2 + .wr-info-box:before {
  display: none;
}
.wr-contact-list h3 {
  margin: 0 0 9.5px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.wr-contact-list .wr-member {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: .05em;
}
.wr-contact-list .wr-phone {
  margin: 0 0 10px;
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: .07em;
  line-height: 1.2em;
}
.wr-contact-list .wr-mail {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .05em;
}
.wr-contact-list .wr-btn-b {
  overflow: hidden;
  max-width: 360px;
  margin: 17px auto 23px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
.wr-contact-list .wr-btn-b .wr-box {
  position: relative;
  padding: 9px 44px 10px 46px;
  letter-spacing: 0.055em;
}
.wr-contact-list .wr-btn-b .wr-fa-external-link {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  margin: -8px 0 0;
}
.wr-contact-list .wr-info-box {
  display: block;
}
.wr-contact-list .wr-info-box:before {
  content: "";
  display: block;
  height: 1px;
  width: 129px;
  background: #e4e5e5;
  margin: 49px auto 47px;
}
.wr-contact-list .wr-info-box + .wr-info-box:before {
  margin: 41px auto 47px;
}
.wr-contact-list .wr-info-box h3 {
  margin: 0 0 15px;
  line-height: 1.5em;
  letter-spacing: 0.02em;
}
.wr-contact-list .wr-info-box .wr-text-box {
  display: inline-block;
  width: 330px;
  vertical-align: top;
}
.wr-contact-list .wr-info-box .wr-text-box div {
  min-height: 76px;
  margin: 0 5% 11px;
  font-weight: bold;
}
.wr-contact-list .wr-info-box h4 {
  margin: 0 0 11px 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.wr-contact-list .wr-info-box .wr-phone {
  font-size: 28px;
  font-size: 2.8rem;
}
.wr-contact-list .wr-info-box .wr-mail {
  font-size: 16px;
  font-size: 1.6rem;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-contact-list .wr-btn-b .wr-box {
    padding: 13px 44px 6px 46px;
  }

  .wr-contact-list .wr-inner {
    padding: 45px 0 42px;
  }

  .wr-contact-list h2 {
    line-height: 1.4;
  }
}
@media only screen and (max-width: 750px) {
  .wr-page-link-area {
    padding: 0 5.33333%;
  }
  .wr-page-link-area .wr-inner {
    padding: 20px 0 10px;
  }
  .wr-page-link-area ul {
    text-align: left;
  }
  .wr-page-link-area li {
    margin: 0 10px 10px 0;
  }
  .wr-page-link-area .wr-box {
    padding: 8px 30px 6px 5px;
    letter-spacing: 0.04em;
  }
  .wr-page-link-area .wr-fa {
    right: 10px;
  }

  .wr-contact-list {
    padding: 0 0 31px;
  }
  .wr-contact-list .wr-inner {
    padding: 39px 5.33333% 31px;
  }
  .wr-contact-list h2 {
    padding: 0 3px;
    margin: 0 0 25px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
  }
  .wr-contact-list h3 {
    margin: 0 0 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wr-contact-list .wr-member {
    margin: 0 0 9px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .05em;
  }
  .wr-contact-list .wr-phone {
    margin: 0 0 8px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .wr-contact-list .wr-mail {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: .05em;
  }
  .wr-contact-list .wr-btn-b {
    margin: 22px auto 23px;
  }
  .wr-contact-list .wr-btn-b .wr-box {
    padding: 12px 44px 12px 46px;
    letter-spacing: 0.055em;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-contact-list .wr-btn-b .wr-fa-external-link {
    font-size: 63px;
    font-size: 1.6rem;
  }
  .wr-contact-list .wr-info-box {
    display: block;
  }
  .wr-contact-list .wr-info-box:before {
    width: 91px;
    background: #333333;
    margin: 60px auto 56px;
  }
  .wr-contact-list .wr-info-box + .wr-info-box:before {
    margin: 51px auto 55px;
  }
  .wr-contact-list .wr-info-box h3 {
    margin: 0 0 18px;
  }
  .wr-contact-list .wr-info-box .wr-text-box {
    display: block;
    width: auto;
    margin: 0;
    line-height: 1.8;
  }
  .wr-contact-list .wr-info-box .wr-text-box + .wr-text-box {
    margin: 19px 0 0;
  }
  .wr-contact-list .wr-info-box .wr-text-box div {
    min-height: inherit;
    margin: 0 0 6px;
    font-weight: bold;
  }
  .wr-contact-list .wr-info-box h4 {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-contact-list .wr-info-box .wr-phone {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
  }
  .wr-contact-list .wr-info-box .wr-mail {
    margin: -1px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* ダウンロード一覧
----------------------------------------------------------*/
.wr-dl-list {
  background: #eee;
  padding: 45px 20px 80px;
}
.wr-dl-list.wr-bg-white {
  background: #fff;
}
.wr-dl-list.wr-single {
  padding: 43px 20px 60px;
}
.wr-dl-list.wr-single .wr-ttl01 {
  margin: 0 0 29px;
}
.wr-dl-list h3 {
  margin: 0 0 44px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
}
.wr-dl-list .wr-inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.wr-dl-list .wr-dl-elm {
  max-width: 960px;
  margin: 0 auto;
}
.wr-dl-list .wr-dl-elm + .wr-dl-elm:before {
  content: "";
  display: block;
  height: 1px;
  width: 129px;
  background: #9fa0a0;
  margin: 39px auto 40px;
}
.wr-dl-list .wr-img {
  width: 280px;
  margin: 0 auto 15px;
}
.wr-dl-list .wr-img.wr-text {
  display: table;
  table-layout: fixed;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
}
.wr-dl-list .wr-img.wr-text span {
  display: table-cell;
  height: 108px;
  vertical-align: middle;
  padding: 10px 15px;
  text-align: center;
}
.wr-dl-list h4 {
  margin: 0 0 12px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.06em;
}
.wr-dl-list .wr-btn {
  position: relative;
  margin: 0 0 10px;
  line-height: 1.5;
}
.wr-dl-list .wr-btn a {
  display: block;
  background: #f6f7f7;
}
.wr-dl-list .wr-btn a:hover {
  opacity: 1;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-box-shadow: 0 0 0 2px #dcdddd;
  -webkit-box-shadow: 0 0 0 2px #dcdddd;
  box-shadow: 0 0 0 2px #dcdddd;
}
.wr-dl-list .wr-btn .wr-label {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
  width: 150px;
  background: #fdd000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
  border-radius: 4px;
}
.wr-dl-list .wr-btn .wr-label div {
  display: block;
  position: relative;
  padding: 8px 5px 6px;
}
.wr-dl-list .wr-btn .wr-label div:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: #000;
}
.wr-dl-list .wr-btn .wr-label p {
  position: relative;
  z-index: 2;
}
.wr-dl-list .wr-btn .wr-box {
  padding: 22px 40px 24px 195px;
  letter-spacing: 0.006em;
  font-weight: bold;
}
.wr-dl-list .wr-btn .wr-text {
  margin: 14px 0 -5px;
  line-height: 1.8;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
.wr-dl-list .wr-fa-chevron-right {
  position: absolute;
  top: 28px;
  right: 30px;
  z-index: 1;
  font-size: 10px;
  font-size: 1rem;
}
.wr-dl-list .wr-link-more {
  position: absolute;
  top: 16px;
  right: 0;
  z-index: 1;
  font-weight: bold;
}
.wr-dl-list .wr-link-more .wr-fa {
  margin: 0 0 0 18px;
  font-size: 28px;
  vertical-align: middle;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-dl-list .wr-btn .wr-label div {
    padding: 10px 5px 4px;
  }

  .wr-dl-list .wr-btn .wr-box {
    padding: 26px 40px 21px 195px;
  }
}
@media only screen and (max-width: 750px) {
  .wr-dl-list {
    padding: 29px 5.33333% 39px;
  }
  .wr-dl-list.wr-single {
    /* padding: 34px 5.33333% 48px; */
    padding: 34px 0 48px;
  }
  .wr-dl-list.wr-single .wr-ttl01 {
    margin: 0 0 26px;
  }
  .wr-dl-list h3 {
    margin: 0 0 18px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .wr-dl-list .wr-dl-elm + .wr-dl-elm:before {
    width: 95px;
    margin: 30px auto 30px;
  }
  .wr-dl-list .wr-img {
    width: 100%;
    margin: 0 auto 16px;
  }
  .wr-dl-list .wr-img img {
    width: 100%;
  }
  .wr-dl-list .wr-img.wr-text span {
    height: 147px;
  }
  .wr-dl-list h4 {
    margin: 0 0 15px;
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
  .wr-dl-list .wr-btn {
    position: relative;
    margin: 0 0 10px;
    line-height: 1.5;
  }
  .wr-dl-list .wr-btn .wr-label {
    position: relative;
    top: inherit;
    left: inherit;
    width: 110px;
    margin: 0 0 11px;
    font-size: 10px;
    font-size: 1rem;
  }
  .wr-dl-list .wr-btn .wr-label div {
    padding: 3px 5px 1px;
  }
  .wr-dl-list .wr-btn a {
    position: relative;
    padding: 20px 40px 17px 20px;
  }
  .wr-dl-list .wr-btn .wr-box {
    position: static;
    padding: 0;
    letter-spacing: 0.006em;
    font-weight: bold;
  }
  .wr-dl-list .wr-btn .wr-text {
    margin: 10px 0 -2px;
    line-height: 1.8;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }
  .wr-dl-list .wr-fa-chevron-right {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 1;
    margin: -6px 0 0;
    font-size: 10px;
    font-size: 1rem;
  }
  .wr-dl-list .wr-link-more {
    position: relative;
    top: inherit;
    right: inherit;
    text-align: center;
    padding: 12px 0 0;
  }
  .wr-dl-list .wr-link-more .wr-fa {
    margin: 0 0 0 18px;
    font-size: 28px;
    vertical-align: middle;
  }
}
/* イベント・セミナー一覧
----------------------------------------------------------*/
.wr-year-list {
  padding: 0 20px;
}
.wr-year-list .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0 20px;
}
.wr-year-list ul {
  text-align: center;
  font-size: 0;
}
.wr-year-list li {
  display: inline-block;
  margin: 0 0 10px;
  font-weight: bold;
}
.wr-year-list li:last-child {
  border-right: 1px solid #e4e5e5;
}

.wr-event-seminar-list {
  background: #f6f7f7;
  padding: 0 20px;
}
.wr-event-seminar-list .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 47px 0 61px;
}
.wr-event-seminar-list h2 {
  padding: 0 0 40px;
  border-bottom: 1px solid #221714;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.wr-event-seminar-list h2 small {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: normal;
}
.wr-event-seminar-list .wr-article-list {
  margin: 50px 0 0;
}
.wr-event-seminar-list .wr-post-list-inner {
  width: 102.5%;
  font-size: 0;
}
.wr-event-seminar-list article {
  display: inline-block;
  width: 47.64228%;
  margin: 0 2.27642% 2.35772% 0;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-event-seminar-list article a {
  display: block;
  padding: 35px 35px 31px;
  background: #fff;
}
.wr-event-seminar-list article a:hover {
  opacity: 1;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-box-shadow: 0 0 0 2px #dcdddd;
  -webkit-box-shadow: 0 0 0 2px #dcdddd;
  box-shadow: 0 0 0 2px #dcdddd;
}
.wr-event-seminar-list article .wr-head {
  margin: 0 0 11px;
  font-size: 0;
}
.wr-event-seminar-list article .wr-data {
  display: inline-block;
  vertical-align: top;
  border-left: 4px solid #fdd000;
  padding: 0 0 0 12px;
  margin: 0 23px 0 0;
  line-height: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.09em;
}
.wr-event-seminar-list article .wr-cat-list {
  display: inline-block;
  vertical-align: top;
}
.wr-event-seminar-list article .wr-cat-list li {
  display: inline-block;
  padding: 4px 15px 4px;
  margin: 0 7px 7px 0;
  background: #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  vertical-align: top;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
}
.wr-event-seminar-list article h3 {
  margin: 0 0 7px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.wr-event-seminar-list article .wr-text {
  line-height: 1.6;
}
.wr-event-seminar-list article dl {
  position: relative;
}
.wr-event-seminar-list article .wr-place:before {
  content: "";
  display: block;
  height: 1px;
  width: 55px;
  background: #9e9f9f;
  margin: 20px 0 20px;
}
.wr-event-seminar-list article dt {
  position: absolute;
  width: 136px;
}
.wr-event-seminar-list article dd {
  padding: 0 0 0 157px;
}
.wr-event-seminar-list article dd:before {
  content: "：";
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 0 -20px;
}
.wr-event-seminar-list article dd p {
  display: inline;
  vertical-align: top;
}
.wr-event-seminar-list article dd p + p:before {
  content: "/";
  padding: 0 2px 0 1px;
}
.wr-event-seminar-list .wr-post-no-text {
  width: 97.56098%;
  padding: 46px 1.66667% 44px;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}

.wr-post-search-box {
  display: table;
  width: 100%;
  padding: 50px 0 0;
}
.wr-post-search-box .wr-text {
  display: table-cell;
  width: 8.25%;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.wr-post-search-box .wr-text-lg {
  width: 16.66667%;
}
.wr-post-search-box .wr-search-select-wrap {
  display: table-cell;
  width: 91.75%;
  padding: 0;
  vertical-align: top;
  font-size: 0;
}
.wr-post-search-box .wr-search-select {
  display: inline-block;
  width: 21.98002%;
  margin: 0 0 0 1.81653%;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-post-search-box .wr-search-select:first-child {
  margin-left: 0;
}
.wr-post-search-box .wr-search-select-box {
  position: relative;
}
.wr-post-search-box .wr-box-text {
  position: relative;
  background: #fff;
  border: 1px solid #c8c9c9;
  padding: 8px 20px 8px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.2;
  color: #727171;
  cursor: pointer;
}
.wr-post-search-box .wr-box-text:after {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  margin: -6px 0 0 0;
  line-height: 1;
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #413d3c;
}
.wr-post-search-box .wr-box-text.wr-on {
  background: #e9e9e9;
  -moz-box-shadow: 0 0 3px 1px #d3d3d3 inset;
  -webkit-box-shadow: 0 0 3px 1px #d3d3d3 inset;
  box-shadow: 0 0 3px 1px #d3d3d3 inset;
}
.wr-post-search-box .wr-select-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4;
  width: 100%;
  margin: 4px 0 0;
  background: #fff;
  border: 1px solid #c8c9c9;
  padding: 12px 22px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wr-post-search-box .wr-select-list li {
  padding: 4px 0 4px;
  line-height: 1.4;
  cursor: pointer;
}
.wr-post-search-box .wr-select-list li:hover {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}
.wr-post-search-box .wr-color-red {
  color: #82141A;
  font-weight: bold;
}

@-moz-document url-prefix() {
  .wr-box-text {
    font-weight: bold;
  }
}
.wr-event-table {
  padding: 0 20px;
  border-top: 1px solid #e4e5e5;
}
.wr-event-table .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 0 90px;
}
.wr-event-table h2 {
  margin: 0 0 49px;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.wr-event-table h3 {
  margin: 0 0 48px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.wr-event-table h4 {
  margin: 0 0 18px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.wr-event-table u {
  text-decoration: underline;
}
.wr-event-table strike {
  text-decoration: line-through;
}
.wr-event-table ul {
  margin: 0 0 39px;
}
.wr-event-table ul li {
  position: relative;
  padding: 0 0 0 35px;
  line-height: 2;
}
.wr-event-table ul li:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 14px;
  z-index: 1;
  height: 5px;
  width: 5px;
  background: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.wr-event-table ul li > ul {
  margin: 0;
}
.wr-event-table ul li > ul > li {
  padding: 0 0 0 44px;
}
.wr-event-table ul li > ul > li:before {
  left: 19px;
  height: 4px;
  width: 4px;
  border: 1px solid #000;
  background: #fff;
}
.wr-event-table ul li > ul > li > ul {
  margin: 0 0 0 -27px;
}
.wr-event-table ul li > ul > li > ul li {
  padding: 0 0 0 39px;
}
.wr-event-table ul li > ul > li > ul li:before {
  height: 6px;
  width: 6px;
  border: none;
  background: url(/common/img/common/icon-list.png) no-repeat;
}
.wr-event-table ol {
  margin: 0 0 39px;
  counter-reset: li;
  list-style: none;
}
.wr-event-table ol li {
  position: relative;
  padding: 0 0 0 37px;
  line-height: 2;
}
.wr-event-table ol li:before {
  display: inline-block;
  counter-increment: li;
  content: counter(li) ".";
  margin: 0 11px 0 -23px;
}
.wr-event-table ol li ol {
  margin: 0;
}
.wr-event-table ol li ol li {
  padding: 0 0 0 28px;
}
.wr-event-table b,
.wr-event-table strong {
  font-weight: bold;
}
.wr-event-table table {
  width: 100%;
  table-layout: fixed;
  background: #f6f7f7;
}
.wr-event-table tr {
  border-bottom: 2px solid #fff;
}
.wr-event-table th {
  width: 300px;
  background: #eaeaea;
  padding: 16px 24px 17px;
  vertical-align: top;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
}
.wr-event-table td {
  border-left: 2px solid #fff;
  padding: 16px 24px 17px;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
}
.wr-event-table td p + p {
  margin-top: 21px;
}
.wr-event-table td p + h2 {
  margin-top: 49px;
}
.wr-event-table td p + h3 {
  margin-top: 48px;
}
.wr-event-table td p + h4 {
  margin-top: 30px;
}
.wr-event-table td a {
  text-decoration: underline;
}
.wr-event-table td a:hover {
  opacity: 1;
  text-decoration: none;
}
.wr-event-table td P + .wr-cap {
  margin-top: 17px;
}
.wr-event-table td .wr-img-center {
  margin: 50px auto 0;
}
.wr-event-table .wr-map {
  position: relative;
  padding: 52.32558% 0 0;
  margin: 28px 0 18px;
}
.wr-event-table .wr-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100% !important;
  width: 100%;
}
.wr-event-table .wr-map .wr-iframe-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  height: 100% !important;
  width: 100%;
}
.wr-event-table .wr-service-word {
  margin: 0;
}
.wr-event-table .wr-service-word li {
  display: inline;
  vertical-align: top;
  padding: 0;
}
.wr-event-table .wr-service-word li:before {
  content: "/";
  position: relative;
  top: inherit;
  left: inherit;
  height: auto;
  width: auto;
  background: none;
  padding: 0 2px 0 1px;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.wr-event-table .wr-service-word li:first-child:before {
  display: none;
}

.wr-application-btn {
  padding: 0 20px;
}
.wr-application-btn .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0 60px;
}
.wr-application-btn .wr-btn {
  overflow: hidden;
  max-width: 670px;
  margin: 0 auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.wr-application-btn .wr-btn a {
  position: relative;
}
.wr-application-btn .wr-btn .wr-box {
  padding: 19px 40px 21px;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
.wr-application-btn .wr-btn .wr-fa-check-square-o {
  margin: 6px 22px 0 -4px;
  font-size: 30px;
  font-size: 3rem;
  vertical-align: top;
}
.wr-application-btn .wr-btn .wr-fa-chevron-right {
  position: absolute;
  top: 50%;
  right: 26px;
  z-index: 4;
  margin: -8px 0 0;
  font-size: 18px;
  font-size: 1.8rem;
}

.wr-application-btn .wr-btn .wr-box {
  padding: 24px 40px 16px\9;
}
.wr-application-btn .wr-btn .wr-fa-check-square-o:not(:target) {
  margin-top: 2px\9;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-post-search-box .wr-box-text {
    padding: 10px 20px 6px 12px;
  }

  .wr-event-seminar-list article dd {
    vertical-align: baseline;
  }
  .wr-event-seminar-list article dd:before {
    vertical-align: baseline;
  }
  .wr-event-seminar-list article dd .wr-service-word {
    vertical-align: baseline;
  }

  .wr-event-seminar-list article .wr-cat-list li {
    padding: 6px 15px 2px;
    vertical-align: baseline;
  }

  .wr-event-table th,
  .wr-event-table td {
    padding: 19px 24px 14px;
  }

  .wr-application-btn .wr-btn .wr-fa-check-square-o {
    margin-top: 1px;
  }

  .wr-application-btn .wr-btn .wr-box {
    padding: 24px 40px 16px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-application-btn .wr-btn .wr-box {
    padding: 22px 40px 18px\9;
  }
}
@media only screen and (max-width: 750px) {
  .wr-year-list {
    overflow: hidden;
    padding: 0 10.13333%;
  }
  .wr-year-list .wr-inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
    padding: 19px 0 13px;
    text-align: center;
  }
  .wr-year-list ul {
    display: inline-table;
    max-width: 100%;
  }
  .wr-year-list li {
    display: table-cell;
    min-width: 85px;
  }

  .wr-event-seminar-list {
    padding: 0 5.33333%;
  }
  .wr-event-seminar-list .wr-inner {
    padding: 30px 0 10px;
  }
  .wr-event-seminar-list h2 {
    margin: 0 0 28px;
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.03em;
  }
  .wr-event-seminar-list .wr-article-list {
    margin: 20px 0 0;
  }
  .wr-event-seminar-list .wr-post-list-inner {
    width: 100%;
  }
  .wr-event-seminar-list article {
    display: block;
    width: 100%;
    margin: 0 0 20px;
  }
  .wr-event-seminar-list article a {
    padding: 30px 30px 26px;
  }
  .wr-event-seminar-list article a > div {
    height: auto !important;
  }
  .wr-event-seminar-list article .wr-head {
    margin: 0 0 15px;
  }
  .wr-event-seminar-list article .wr-data {
    display: block;
    border-left: 4px solid #fdd000;
    padding: 0 0 0 12px;
    margin: 0 0 15px;
  }
  .wr-event-seminar-list article .wr-cat-list {
    display: block;
  }
  .wr-event-seminar-list article .wr-cat-list li {
    padding: 4px 12px 4px;
    margin: 0 10px 10px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .wr-event-seminar-list article h3 {
    margin: 0 0 20px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.04em;
  }
  .wr-event-seminar-list article dl {
    position: relative;
  }
  .wr-event-seminar-list article .wr-place:before {
    width: 52px;
    margin: 24px 0 24px;
  }
  .wr-event-seminar-list article dt {
    display: inline;
    position: relative;
    width: 136px;
  }
  .wr-event-seminar-list article dd {
    display: inline;
    padding: 0;
  }
  .wr-event-seminar-list article dd:before {
    content: "：";
    display: inline;
    margin: 0;
  }
  .wr-event-seminar-list article dd p {
    display: inline;
    vertical-align: top;
  }
  .wr-event-seminar-list article dd p + p:before {
    content: "/";
    padding: 0 2px 0 1px;
  }
  .wr-event-seminar-list .wr-post-no-text {
    width: 100%;
    padding: 30px 5.97015% 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  .wr-post-search-box {
    padding: 29px 0 0;
    table-layout: fixed;
  }
  .wr-post-search-box .wr-text {
    width: 94px;
    vertical-align: top;
    padding: 4px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-post-search-box .wr-search-select-wrap {
    display: table-cell;
    width: auto;
    padding: 0;
  }
  .wr-post-search-box .wr-search-select {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 9px;
  }
  .wr-post-search-box .wr-select-list-sp {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 32px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c8c9c9;
    font-size: 16px;
  }
  .wr-post-search-box .wr-box-text {
    padding: 7px 20px 7px 6px;
  }
  .wr-post-search-box .wr-box-text:after {
    content: "\f107";
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 1;
    margin: -6px 0 0 0;
    line-height: 1;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #413d3c;
  }

  .wr-event-table {
    padding: 0 5.33333%;
  }
  .wr-event-table .wr-inner {
    padding: 40px 0 40px;
  }
  .wr-event-table h2 {
    margin: 0 0 25px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.5;
  }
  .wr-event-table h3 {
    max-width: inherit;
    margin: 0 0 26px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .wr-event-table h4 {
    max-width: inherit;
    margin: 0 0 18px;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 0.02em;
  }
  .wr-event-table ul {
    margin: 5px 0 27px;
  }
  .wr-event-table ul li {
    position: relative;
    padding: 0 0 0 21px;
    margin: 0 0 5px;
    line-height: 1.8;
  }
  .wr-event-table ul li:before {
    top: 10px;
    left: 4px;
  }
  .wr-event-table ul li > ul {
    margin: 6px 0 0;
  }
  .wr-event-table ul li > ul > li {
    padding: 0 0 0 25px;
  }
  .wr-event-table ul li > ul > li:before {
    left: 8px;
  }
  .wr-event-table ul li > ul > li > ul {
    margin: 5px 0 0 0;
  }
  .wr-event-table ul li > ul > li > ul li {
    padding: 0 0 0 25px;
  }
  .wr-event-table ul li > ul > li > ul li:before {
    background: url(/common/img/common/icon-list-sp.png) no-repeat;
    -moz-background-size: 6px 6px;
    -o-background-size: 6px 6px;
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
  }
  .wr-event-table ol {
    margin: 5px 0 27px;
  }
  .wr-event-table ol li {
    padding: 0 0 0 22px;
    margin: 0 0 1px;
    line-height: 1.8;
  }
  .wr-event-table ol li:before {
    margin: 0 9px 0 -21px;
  }
  .wr-event-table ol li ol {
    margin: 2px 0 0;
  }
  .wr-event-table ol li ol li {
    padding: 0 0 0 25px;
  }
  .wr-event-table table {
    display: block;
    width: 100%;
  }
  .wr-event-table tbody {
    display: block;
  }
  .wr-event-table tr {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  .wr-event-table th {
    display: block;
    width: 100%;
    padding: 10px 17px 10px;
    text-align: center;
  }
  .wr-event-table td {
    display: block;
    width: 100%;
    border-left: none;
    padding: 10px 17px 11px;
    line-height: 1.5;
  }
  .wr-event-table td p + p {
    margin-top: 21px;
  }
  .wr-event-table td p + h2 {
    margin-top: 49px;
  }
  .wr-event-table td p + h3 {
    margin-top: 48px;
  }
  .wr-event-table td p + h4 {
    margin-top: 30px;
  }
  .wr-event-table td a {
    text-decoration: underline;
  }
  .wr-event-table td a:hover {
    opacity: 1;
    text-decoration: none;
  }
  .wr-event-table td P + .wr-cap {
    margin-top: 17px;
  }
  .wr-event-table td .wr-img-center {
    margin: 50px auto 0;
  }
  .wr-event-table .wr-map {
    padding: 80.33333% 0 0;
    margin: 11px 0 9px;
  }

  .wr-application-btn {
    padding: 0 5.33333%;
  }
  .wr-application-btn .wr-inner {
    padding: 40px 0 40px;
  }
  .wr-application-btn .wr-btn {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .wr-application-btn .wr-btn .wr-box {
    padding: 10px 23px 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-application-btn .wr-btn .wr-fa-check-square-o {
    margin: 0 4px 0 -24px;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
  }
  .wr-application-btn .wr-btn .wr-fa-chevron-right {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -5px 0 0;
    font-size: 9px;
    font-size: 0.9rem;
  }
}
/* イベント・セミナー一覧
----------------------------------------------------------*/
.wr-news-campaign-list {
  background: #f6f7f7;
  padding: 0 20px;
}
.wr-news-campaign-list.wr-small-box .wr-inner {
  max-width: 870px;
}
.wr-news-campaign-list .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 47px 0 80px;
}
.wr-news-campaign-list h2 {
  padding: 0 0 40px;
  /* border-bottom: 1px solid #221714; */
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.wr-news-campaign-list h2 small {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: normal;
}
.wr-news-campaign-list .wr-article-list {
  padding: 50px 0 0;
}
.wr-news-campaign-list article {
  margin: 0 0 10px;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-news-campaign-list article a {
  position: relative;
  display: block;
  padding: 26px 40px 14px 28px;
  background: #fff;
}
.wr-news-campaign-list article a:hover {
  opacity: 1;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-box-shadow: 0 0 0 2px #dcdddd;
  -webkit-box-shadow: 0 0 0 2px #dcdddd;
  box-shadow: 0 0 0 2px #dcdddd;
}
.wr-news-campaign-list article .wr-head {
  margin: 0 0 3px;
  font-size: 0;
}
.wr-news-campaign-list article .wr-data {
  display: inline-block;
  vertical-align: top;
  margin: 0 19px 0 0;
  line-height: 20px;
  letter-spacing: 0.09em;
}
.wr-news-campaign-list article .wr-cat-list {
  display: inline-block;
  margin: 0 13px 0 0;
  vertical-align: top;
}
.wr-news-campaign-list article .wr-cat-list li {
  display: inline-block;
  padding: 4px 15px 4px;
  margin: 0 7px 7px 0;
  text-align: center;
  vertical-align: top;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: bold;
}
.wr-news-campaign-list article h3 {
  margin: 0 0 7px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.023em;
}
.wr-news-campaign-list article h3 .wr-fa {
  margin: 0 0 1px 18px;
  font-size: 16px;
  font-size: 1.6rem;
}
.wr-news-campaign-list article .wr-text {
  margin: 0 0 10px;
  line-height: 1.6;
}
.wr-news-campaign-list article dl {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 0.03em;
}
.wr-news-campaign-list article dt {
  display: inline;
}
.wr-news-campaign-list article dt:after {
  content: "：";
}
.wr-news-campaign-list article dd {
  display: inline;
}
.wr-news-campaign-list article dd p {
  display: inline;
  vertical-align: top;
}
.wr-news-campaign-list article dd p + p:before {
  content: "/";
  padding: 0 2px 0 1px;
}
.wr-news-campaign-list article .wr-fa-chevron-right {
  position: absolute;
  top: 50%;
  right: 29px;
  margin: -5px 0 0;
  font-size: 9px;
  font-size: 0.9rem;
}
.wr-news-campaign-list .wr-post-no-text {
  margin: 0 0 10px;
  padding: 46px 1.66667% 44px;
  background: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.wr-news-campaign-list .wr-new-campaign {
  padding: 37px 0 0;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-news-campaign-list article .wr-cat-list li {
    padding: 6px 15px 2px;
  }

  .wr-news-campaign-list article dt,
  .wr-news-campaign-list article dd {
    vertical-align: baseline;
  }
  .wr-news-campaign-list article dt:after,
  .wr-news-campaign-list article dd:after {
    vertical-align: baseline;
  }
  .wr-news-campaign-list article dt p,
  .wr-news-campaign-list article dd p {
    vertical-align: baseline;
  }
}
@media only screen and (max-width: 750px) {
  .wr-news-campaign-list {
    padding: 0 5.33333%;
  }
  .wr-news-campaign-list .wr-inner {
    padding: 30px 0 32px;
  }
  .wr-news-campaign-list h2 {
    padding: 0 0 28px;
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.03em;
  }
  .wr-news-campaign-list .wr-article-list {
    padding: 20px 0 0;
  }
  .wr-news-campaign-list article a {
    padding: 20px 35px 10px 20px;
  }
  .wr-news-campaign-list article .wr-head {
    margin: 0 0 10px;
  }
  .wr-news-campaign-list article .wr-data {
    margin: 0 14px 0 0;
  }
  .wr-news-campaign-list article .wr-cat-list {
    display: inline-block;
    margin: 0 13px 0 0;
    vertical-align: top;
  }
  .wr-news-campaign-list article .wr-cat-list li {
    padding: 4px 11px 4px;
  }
  .wr-news-campaign-list article h3 {
    margin: 0 0 5px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.04em;
  }
  .wr-news-campaign-list article h3 .wr-fa {
    margin: 0 0 1px 7px;
  }
  .wr-news-campaign-list article .wr-text {
    margin: 0 0 8px;
    line-height: 1.6;
  }
  .wr-news-campaign-list article dl {
    position: relative;
    display: block;
    margin: 5px 0 0;
    line-height: 1.6;
    letter-spacing: 0.03em;
  }
  .wr-news-campaign-list article dt {
    display: inline;
  }
  .wr-news-campaign-list article dt:after {
    content: "：";
  }
  .wr-news-campaign-list article dd {
    display: inline;
  }
  .wr-news-campaign-list article dd p {
    display: inline;
    vertical-align: top;
  }
  .wr-news-campaign-list article dd p + p:before {
    content: "/";
    padding: 0 2px 0 1px;
  }
  .wr-news-campaign-list article .wr-fa-chevron-right {
    right: 19px;
  }
  .wr-news-campaign-list .wr-post-no-text {
    padding: 30px 5.97015% 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-news-campaign-list .wr-new-campaign {
    padding: 20px 0 0;
  }
}
/* CASE STUDY
----------------------------------------------------------*/
.wr-case-study-list {
  background: #eee;
  padding: 0 20px;
}
.wr-case-study-list .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 47px 0 80px;
}
.wr-case-study-list h2 {
  padding: 0 0 40px;
  border-bottom: 1px solid #221714;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.wr-case-study-list h2 small {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: normal;
}
.wr-case-study-list .wr-article-list {
  padding: 50px 0 0;
  width: 108.33333%;
}
.wr-case-study-list .wr-article-list article {
  float: left;
  height: 574px;
  width: 29.38462%;
  margin: 0 2.07692% 27px 0;
}
.wr-case-study-list .wr-article-list article a {
  display: block;
  height: 100%;
  background: #f7f8f8;
}
.wr-case-study-list .wr-article-list article a:hover {
  opacity: 1;
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 0 1px #fdd000;
}
.wr-case-study-list .wr-article-list article .wr-img-box {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
  overflow: hidden;
}
.wr-case-study-list .wr-article-list article .wr-img-box span {
  display: table-cell;
  height: 171px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
}
.wr-case-study-list .wr-article-list article .wr-img-box img {
  max-height: 100px;
}
.wr-case-study-list .wr-article-list article .wr-text-box {
  overflow: hidden;
  padding: 0 8.37696%;
  height: 383px;
}
.wr-case-study-list .wr-article-list article .wr-ttl {
  padding: 26px 0 12px;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.03em;
  line-height: 1.5;
  font-weight: bold;
}
.wr-case-study-list .wr-article-list article .wr-lead {
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}
.wr-case-study-list .wr-article-list article .wr-lead.wr-hide-text {
  position: relative;
}
.wr-case-study-list .wr-article-list article .wr-lead.wr-hide-text:after {
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0;
  background: #f7f8f8;
}
.wr-case-study-list .wr-article-list article .wr-lead p + p {
  margin-top: 20px;
}
.wr-case-study-list .wr-article-list article .wr-cat-list {
  padding: 19px 0 0;
  line-height: 1.4;
  font-size: 0;
}
.wr-case-study-list .wr-article-list article .wr-cat-list li {
  display: inline-block;
  padding: 3px 16px 3px;
  margin: 0 6px 6px 0;
  min-width: 73px;
  background: #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}
.wr-case-study-list .wr-article-list article dl {
  position: relative;
  padding: 0 0 20px;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 0.03em;
}
.wr-case-study-list .wr-article-list article dl:before {
  content: "";
  display: block;
  height: 1px;
  width: 63px;
  background: #221714;
  margin: 19px 0 23px;
}
.wr-case-study-list .wr-article-list article dt {
  display: inline;
}
.wr-case-study-list .wr-article-list article dt:after {
  content: "：";
}
.wr-case-study-list .wr-article-list article dd {
  display: inline;
}
.wr-case-study-list .wr-article-list article dd p {
  display: inline;
  vertical-align: top;
}
.wr-case-study-list .wr-article-list article dd p + p:before {
  content: "/";
  padding: 0 2px 0 1px;
}
.wr-case-study-list .wr-article-list .wr-post-no-text {
  width: 92.30769%;
  padding: 46px 1.66667% 44px;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-case-study-list .wr-article-list article .wr-cat-list li {
    padding: 5px 16px 1px;
  }

  .wr-case-study-list .wr-article-list article dt,
  .wr-case-study-list .wr-article-list article dd {
    vertical-align: baseline;
  }
  .wr-case-study-list .wr-article-list article dt:after,
  .wr-case-study-list .wr-article-list article dd:after {
    vertical-align: baseline;
  }
  .wr-case-study-list .wr-article-list article dt p,
  .wr-case-study-list .wr-article-list article dd p {
    vertical-align: baseline;
  }

  .wr-case-study-list .wr-article-list article .wr-lead p + p {
    margin-top: 25px;
  }
}
.wr-case-info {
  padding: 0 20px;
}
.wr-case-info .wr-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 82px 0 2px;
}
.wr-case-info h2 {
  margin: 0 0 31px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.wr-case-info .wr-case-company {
  margin: 0 0 53px;
}
.wr-case-info .wr-case-company .wr-img-box {
  display: table;
  table-layout: fixed;
  width: 29.16667%;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
}
.wr-case-info .wr-case-company .wr-img-box span {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
}
.wr-case-info .wr-case-company .wr-text-box {
  width: 66.66667%;
  margin: -4px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
.wr-case-info .wr-case-company .wr-text-box .wr-text {
  margin: 0 0 10px;
}
.wr-case-info .wr-case-company .wr-link + .wr-link {
  margin-top: 12px;
}
.wr-case-info .wr-case-company .wr-link a {
  padding: 0 0 4px;
  border-bottom: 1px solid #000;
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  font-weight: bold;
}
.wr-case-info .wr-case-company .wr-link a:hover {
  opacity: 1;
  border-bottom: none;
}
.wr-case-info .wr-case-company .wr-link .wr-fa-angle-right {
  margin: 0 2px 0 27px;
}
.wr-case-info .wr-case-service {
  margin: 0 0 53px;
}
.wr-case-info .wr-case-service + .wr-case-service {
  margin-top: -13px;
}
.wr-case-info .wr-case-service a {
  display: block;
}
.wr-case-info .wr-case-service .wr-img-box {
  display: table;
  table-layout: fixed;
  width: 29.16667%;
  border: 1px solid #e4e5e5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'League Spartan', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #dcdddd;
  letter-spacing: 0.05em;
}
.wr-case-info .wr-case-service .wr-img-box span {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
}
.wr-case-info .wr-case-service .wr-img-box img {
  max-height: 100px;
}
.wr-case-info .wr-case-service .wr-text-box {
  width: 66.66667%;
  margin: -4px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
.wr-case-info .wr-case-service .wr-text-box .wr-text {
  margin: 0 0 10px;
}
.wr-case-info .wr-case-service .wr-head {
  margin: 0 0 19px;
  font-size: 0;
}
.wr-case-info .wr-case-service h3 {
  display: inline-block;
  margin: 0 18px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: top;
  font-weight: bold;
  letter-spacing: 0.08em;
}
.wr-case-info .wr-cat-list {
  display: inline-block;
  margin: 4px 0 0;
  line-height: 1.4;
  font-size: 0;
  vertical-align: top;
}
.wr-case-info .wr-cat-list li {
  display: inline-block;
  padding: 3px 16px 3px;
  margin: 0 6px 6px 0;
  min-width: 73px;
  background: #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}
.wr-case-info .wr-case-staff {
  margin: 0 0 53px;
  font-size: 0;
}
.wr-case-info .wr-case-staff .wr-staff-wrap {
  display: inline-block;
  width: 29.375%;
  margin: -4px 3.95833% 40px 0;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-case-info .wr-case-staff .wr-img {
  float: left;
  width: 39.00709%;
}
.wr-case-info .wr-case-staff .wr-text-box {
  float: left;
  width: 49.64539%;
  margin: -4px 0 0 11.34752%;
  line-height: 1.7;
}
.wr-case-info .wr-case-staff p {
  font-size: 12px;
  font-size: 1.2rem;
}
.wr-case-info .wr-case-staff h3 {
  margin: 9px 0 0;
  font-weight: bold;
}

.wr-case-link-list {
  padding: 0 20px;
}
.wr-case-link-list .wr-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 82px 0 49px;
}
.wr-case-link-list h2 {
  margin: 0 0 31px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.wr-case-link-list .wr-list-wrap {
  margin: 0 0 51px;
}
.wr-case-link-list .wr-link + .wr-link {
  margin-top: 10px;
}
.wr-case-link-list .wr-link a {
  position: relative;
  display: block;
  background: #fff;
  padding: 22px 40px 20px 30px;
}
.wr-case-link-list .wr-link a:hover {
  opacity: 1;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-box-shadow: 0 0 0 2px #dcdddd;
  -webkit-box-shadow: 0 0 0 2px #dcdddd;
  box-shadow: 0 0 0 2px #dcdddd;
}
.wr-case-link-list .wr-link h3 {
  margin: 0 0 3px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.wr-case-link-list .wr-link .wr-fa-chevron-right {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -6px 0 0;
  font-size: 10px;
  font-size: 1rem;
}
.wr-case-link-list .wr-link dl {
  letter-spacing: 0.04em;
}
.wr-case-link-list .wr-link dt {
  display: inline;
}
.wr-case-link-list .wr-link dt:after {
  content: "：";
}
.wr-case-link-list .wr-link dd {
  display: inline;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-case-info .wr-cat-list li {
    padding: 5px 16px 1px;
  }
}
@media only screen and (max-width: 750px) {
  .wr-case-study-list {
    padding: 0 5.33333%;
  }
  .wr-case-study-list .wr-inner {
    padding: 20px 0 30px;
  }
  .wr-case-study-list h2 {
    padding: 0 0 28px;
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.03em;
  }
  .wr-case-study-list .wr-article-list {
    padding: 20px 0 0;
    width: 100%;
  }
  .wr-case-study-list .wr-article-list article {
    height: 496px;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .wr-case-study-list .wr-article-list article .wr-img-box span {
    height: 147px;
    padding: 10px;
  }
  .wr-case-study-list .wr-article-list article .wr-text-box {
    overflow: hidden;
    padding: 0 8.95522%;
    height: 329px;
  }
  .wr-case-study-list .wr-article-list article .wr-ttl {
    padding: 24px 0 18px;
  }
  .wr-case-study-list .wr-article-list article .wr-lead p + p {
    margin-top: 20px;
  }
  .wr-case-study-list .wr-article-list article .wr-cat-list {
    padding: 22px 0 0;
  }
  .wr-case-study-list .wr-article-list article .wr-cat-list li {
    padding: 3px 11px 3px;
    margin: 0 10px 10px 0;
  }
  .wr-case-study-list .wr-article-list article dl:before {
    width: 61px;
    margin: 19px 0 27px;
  }
  .wr-case-study-list .wr-article-list .wr-post-no-text {
    width: 100%;
    padding: 30px 5.97015% 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  .wr-case-info {
    padding: 0 5.33333%;
  }
  .wr-case-info .wr-inner {
    padding: 37px 0 8px;
  }
  .wr-case-info h2 {
    margin: 0 0 26px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .wr-case-info .wr-case-company {
    margin: 0 0 42px;
  }
  .wr-case-info .wr-case-company .wr-img-box {
    width: 100%;
    margin: 0 0 27px;
  }
  .wr-case-info .wr-case-company .wr-img-box span {
    height: 149px;
  }
  .wr-case-info .wr-case-company .wr-text-box {
    width: 100%;
    margin: -4px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-case-info .wr-case-company .wr-text-box .wr-text {
    margin: 0 0 15px;
  }
  .wr-case-info .wr-case-company .wr-link + .wr-link {
    margin-top: 12px;
  }
  .wr-case-info .wr-case-company .wr-link a {
    padding: 0 0 7px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
  }
  .wr-case-info .wr-case-service {
    margin: 0 0 32px;
  }
  .wr-case-info .wr-case-service + .wr-case-service {
    margin-top: 35px;
  }
  .wr-case-info .wr-case-service .wr-img-box {
    width: 100%;
    margin: 0 0 26px;
  }
  .wr-case-info .wr-case-service .wr-img-box span {
    height: 146px;
  }
  .wr-case-info .wr-case-service .wr-text-box {
    width: 100%;
    margin: 0 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .wr-case-info .wr-case-service .wr-text-box .wr-text {
    margin: 0 0 10px;
  }
  .wr-case-info .wr-case-service .wr-head {
    margin: 0;
  }
  .wr-case-info .wr-case-service h3 {
    display: block;
    margin: 0 0 25px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .wr-case-info .wr-case-service .wr-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wr-case-info .wr-cat-list {
    display: block;
    margin: 0 0 13px;
    line-height: 1.4;
    font-size: 0;
    vertical-align: top;
  }
  .wr-case-info .wr-cat-list li {
    padding: 3px 12px 3px;
    margin: 0 11px 11px 0;
  }
  .wr-case-info .wr-case-staff {
    margin: 0 0 42px;
  }
  .wr-case-info .wr-case-staff .wr-staff-wrap {
    display: block;
    width: 100%;
    margin: 0 0 30px;
  }
  .wr-case-info .wr-case-staff .wr-img {
    float: left;
    width: 47.16418%;
  }
  .wr-case-info .wr-case-staff .wr-img img {
    width: 100%;
  }
  .wr-case-info .wr-case-staff .wr-text-box {
    float: right;
    width: 46.26866%;
    margin: -4px 0 0;
  }
  .wr-case-info .wr-case-staff h3 {
    margin: 23px 0 0;
  }

  .wr-case-link-list {
    padding: 0 5.33333%;
  }
  .wr-case-link-list .wr-inner {
    padding: 37px 0 13px;
  }
  .wr-case-link-list h2 {
    margin: 0 0 26px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .wr-case-link-list .wr-list-wrap {
    margin: 0 0 35px;
  }
  .wr-case-link-list .wr-link + .wr-link {
    margin-top: 10px;
  }
  .wr-case-link-list .wr-link a {
    padding: 15px 35px 14px 20px;
  }
  .wr-case-link-list .wr-link h3 {
    margin: 0 0 9px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.025em;
  }
  .wr-case-link-list .wr-link .wr-fa-chevron-right {
    right: 13px;
    margin: -5px 0 0;
    font-size: 9px;
    font-size: 0.9rem;
  }
}
/* IR情報
----------------------------------------------------------*/
.wr-page-link-area02 {
  padding: 0 20px;
}
.wr-page-link-area02 .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0 20px;
}
.wr-page-link-area02 ul {
  text-align: center;
  font-size: 0;
}
.wr-page-link-area02 li {
  display: inline-block;
  min-width: 106px;
  margin: 0 0 10px -1px;
  border-right: 1px solid #e4e5e5;
  border-left: 1px solid #e4e5e5;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 32px;
}
.wr-page-link-area02 li a {
  display: block;
  padding: 0 30px;
}

.wr-ir-list {
  background: #f6f7f7;
  padding: 0 20px;
}
.wr-ir-list .wr-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 89px;
}
.wr-ir-list h2 {
  margin: 0 0 50px;
  padding: 0 0 45px;
  border-bottom: 1px solid #221714;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.wr-ir-list .wr-link-inner {
  position: relative;
  padding: 45px 0 0;
}
.wr-ir-list .wr-link + .wr-link {
  margin: 10px 0 0;
}
.wr-ir-list .wr-link a {
  display: block;
  height: 100%;
  padding: 20px 28px 21px;
  background: #fff;
  letter-spacing: 0.015em;
}
.wr-ir-list .wr-link a:hover {
  opacity: 1;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-box-shadow: 0 0 0 2px #dcdddd;
  -webkit-box-shadow: 0 0 0 2px #dcdddd;
  box-shadow: 0 0 0 2px #dcdddd;
}
.wr-ir-list .wr-link a div {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.wr-ir-list .wr-link .data {
  display: table-cell;
  width: 102px;
  line-height: 28.8px;
  vertical-align: top;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.09em;
}
.wr-ir-list .wr-link h3 {
  display: table-cell;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28.8px;
  font-weight: bold;
  vertical-align: top;
}
.wr-ir-list .wr-link h3 .wr-fa {
  margin: 0 0 0 18px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9a9b9b;
}
.wr-ir-list .wr-link-more {
  position: absolute;
  top: 62px;
  right: 0;
  z-index: 1;
  font-weight: bold;
}
.wr-ir-list .wr-link-more .wr-fa {
  margin: 0 0 0 18px;
  font-size: 28px;
  vertical-align: middle;
}

@media print, screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wr-ir-list .wr-link h3 {
    padding-top: 3px;
  }
}
@media only screen and (max-width: 750px) {
  .wr-page-link-area02 {
    padding: 0 5.33333%;
  }
  .wr-page-link-area02 .wr-inner {
    padding: 19px 0 0;
  }
  .wr-page-link-area02 li {
    min-width: 90px;
    margin: 0 0 20px -1px;
  }
  .wr-page-link-area02 li a {
    display: block;
    padding: 0 20px;
  }

  .wr-ir-list {
    padding: 0 5.33333%;
  }
  .wr-ir-list .wr-inner {
    padding: 2px 0 49px;
  }
  .wr-ir-list h2 {
    margin: 0 0 30px;
    padding: 0 0 28px;
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.03em;
  }
  .wr-ir-list .wr-link-inner {
    padding: 28px 0 0;
  }
  .wr-ir-list .wr-link + .wr-link {
    margin: 10px 0 0;
  }
  .wr-ir-list .wr-link a {
    padding: 14px 20px 15px;
  }
  .wr-ir-list .wr-link a div {
    display: block;
  }
  .wr-ir-list .wr-link .data {
    display: block;
    margin: 0 0 4px;
    width: 100%;
    line-height: 1.6;
  }
  .wr-ir-list .wr-link h3 {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .wr-ir-list .wr-link h3 .wr-fa {
    margin: 0 0 0 10px;
  }
  .wr-ir-list .wr-link-more {
    margin: 24px  0 0;
    position: relative;
    top: inherit;
    right: inherit;
    text-align: center;
    z-index: 1;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.04em;
  }
  .wr-ir-list .wr-link-more .wr-fa {
    margin: 0 0 0 18px;
    font-size: 25px;
    vertical-align: middle;
  }
}
.wr-anime-elm {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@-webkit-keyframes fadeInUp {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.wr-fadeIn {
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
.wr-fadeIn.wr-right {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.wr-fadeIn.wr-left {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@media only screen and (max-width: 640px) {
  @-webkit-keyframes fadeInUp {
    0% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transform: none;
    }
    100% {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -webkit-transform: none;
    }
  }
  @keyframes fadeInUp {
    0% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;
    }
    100% {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -moz-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;
    }
  }
  @-webkit-keyframes fadeInRight {
    0% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transform: none;
      transform: none;
    }
    100% {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInRight {
    0% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transform: none;
      transform: none;
    }
    100% {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @-webkit-keyframes fadeInLeft {
    0% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transform: none;
      transform: none;
    }
    100% {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInLeft {
    0% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transform: none;
      transform: none;
    }
    100% {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
}
.wr-fadeIn-ie {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* ABOUT
----------------------------------------------------------*/
.wr-brandmessage .wr-main-img img {
  width: 100%;
}
.wr-brandmessage .wr-lead-text {
  line-height: 2.45;
  font-size: 14px;
  font-size: 1.4rem;
}
.wr-brandmessage .wr-lead01 {
  padding: 160px 20px 204px;
  text-align: center;
}
.wr-brandmessage .wr-lead01 .wr-lead-text {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.25;
  letter-spacing: 0.02em;
}
.wr-brandmessage .wr-lead02 {
  background: #f7f8f8;
  margin: 0 0 324px;
}
.wr-brandmessage .wr-lead02 .wr-ttl {
  position: absolute;
  top: -106px;
  left: 50%;
  z-index: 10;
  margin: 0 0 0 15.33333%;
}
.wr-brandmessage .wr-lead02 .wr-inner {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
  padding: 205px 0 0;
}
.wr-brandmessage .wr-lead02 .wr-img {
  width: 56.6%;
}
.wr-brandmessage .wr-lead02 .wr-lead-text {
  position: absolute;
  top: 69.68011%;
  left: 50%;
  z-index: 10;
  margin: 0 0 0 11.33333%;
  padding: 0 20px 0 0;
  letter-spacing: 0.02em;
}
.wr-brandmessage .wr-lead03 {
  background: #f7f8f8;
  margin: 0 0 268px;
}
.wr-brandmessage .wr-lead03 .wr-ttl {
  position: absolute;
  top: -104px;
  right: 50%;
  z-index: 10;
  margin: 0 15.46667% 0 0;
}
.wr-brandmessage .wr-lead03 .wr-inner {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
  padding: 206px 0 0;
}
.wr-brandmessage .wr-lead03 .wr-img {
  width: 56.6%;
}
.wr-brandmessage .wr-lead03 .wr-lead-text {
  position: absolute;
  top: 60.13889%;
  right: 50%;
  z-index: 10;
  margin: 0 13.8% 0 0;
  padding: 0 0 0 20px;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 768px) {
  .wr-brandmessage .wr-lead-text {
    line-height: 2.45;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 750px) {
  .wr-brandmessage .wr-main-img img {
    width: 100%;
  }
  .wr-brandmessage .wr-lead-text {
    line-height: 2.25;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .wr-brandmessage .wr-lead01 {
    padding: 68px 5.33333% 131px;
  }
  .wr-brandmessage .wr-lead01 .wr-lead-text {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.1;
  }
  .wr-brandmessage .wr-lead02 {
    margin: 0 0 130px;
    background: none;
  }
  .wr-brandmessage .wr-lead02 .wr-ttl {
    top: -71px;
    left: 50%;
    z-index: 10;
    margin: 0 0 0 -24px;
    width: 102.5px;
  }
  .wr-brandmessage .wr-lead02 .wr-inner {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 0 0;
  }
  .wr-brandmessage .wr-lead02 .wr-img {
    background: #f7f8f8;
    padding: 106px 0 0;
    width: 100%;
  }
  .wr-brandmessage .wr-lead02 .wr-lead-text {
    position: relative;
    top: inherit;
    left: inherit;
    z-index: 10;
    margin: 0;
    padding: 0 5.33333% 0;
    letter-spacing: 0.02em;
    text-align: center;
  }
  .wr-brandmessage .wr-lead02 .wr-lead-text span {
    display: block;
    position: relative;
    z-index: 9;
    padding: 43px 0 0;
  }
  .wr-brandmessage .wr-lead02 .wr-lead-text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 260px 0 0;
    background: #f7f8f8;
  }
  .wr-brandmessage .wr-lead03 {
    margin: 0 0 61px;
    background: none;
  }
  .wr-brandmessage .wr-lead03 .wr-ttl {
    top: -70px;
    left: 50%;
    z-index: 10;
    margin: 0 0 0 -19px;
    width: 114px;
  }
  .wr-brandmessage .wr-lead03 .wr-inner {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 0 0;
  }
  .wr-brandmessage .wr-lead03 .wr-img {
    background: #f7f8f8;
    padding: 104px 0 0;
    width: 100%;
  }
  .wr-brandmessage .wr-lead03 .wr-lead-text {
    position: relative;
    top: inherit;
    right: inherit;
    z-index: 10;
    margin: 0;
    padding: 0 5.33333% 0;
    letter-spacing: 0.02em;
    text-align: center;
  }
  .wr-brandmessage .wr-lead03 .wr-lead-text span {
    display: block;
    position: relative;
    z-index: 9;
    padding: 43px 0 0;
  }
  .wr-brandmessage .wr-lead03 .wr-lead-text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 317px 0 0;
    background: #f7f8f8;
  }
}

.slick-dots {
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    margin: 5px;
    line-height: 10px;
}

.slick-dots li button {
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
    background-color: #000;
}
.slick-dots li button:hover {
    cursor: pointer;
}
/* .wr-main-slider .slick-prev,
.wr-main-slider .slick-next {
  top: calc(50% - 30px);
}
.wr-main-slider .slick-prev {
  left: 10px;
}
.wr-main-slider .slick-next {
  right: 10px;
}
.wr-main-slider .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
} */