@charset "UTF-8";
@import url("reset.css");
/* ---------------------------------------------------------- */
/*     レイアウト  */
/* ---------------------------------------------------------- */
/*: common ::::::::::::::::::::::::::::::::::::::::::::::::::*/
body {
  font: 14px Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", "Lucida Grande", Verdana, sans-serif;
  color: #333333;
  _display: inline;
  _zoom: 1;
}

a {
  color: #333333;
  text-decoration: none;
}
boxlinklist a:hover {
  color: #1588D8;
  text-decoration: underline;
}

/* Large desktop */
@media (min-width: 1200px) {
  .container {
    width: 1080px;
  }
}
/*: #header ::::::::::::::::::::::::::::::::::::::::::::::::::*/
#header {
  margin: 10px 0 20px;
}
@media (max-width: 767px) {
  #header {
    margin-bottom: 0;
  }
}
#header .logo {
  margin: 15px 0 0;
  float: left;
}
@media (max-width: 767px) {
  #header .logo img {
    width: 105px;
    height: auto;
  }
}
@media (max-width: 375px) and (max-width: 375px) {
  #header .navbar-50th {
    padding: 3px 5px !important;
    margin-right: 5px !important;
  }
  #header .navbar-50th img {
    height: 18px !important;
  }
}
#header .logo-50th {
  margin: 0px 0 0;
}
@media (max-width: 767px) {
  #header .logo-50th {
    width: 155px !important;
    margin: 10px 0 0 !important;
  }
}
@media (max-width: 375px) {
  #header .logo-50th {
    width: 130px !important;
    margin: 5px 0 0 !important;
  }
}
#header .logo-50th .img-box {
  position: relative;
  width: 100%;
  height: auto;
}
#header .logo-50th .img-box .img-logo {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
}
#header .logo-50th .img-box .img-50th {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
}
#header .logo-50th .img-box .img-50th img {
  position: absolute;
  bottom: 0;
}
#header .logo-50th .img-box .img-50th img:hover {
  opacity: 0.6;
}
#header .logo-50th .ratio:before {
  content: "";
  display: block;
  padding-top: 24%;
}
#header .no-margin {
  margin-top: 0px;
}
#header h1 {
  font-size: 79%;
  margin-bottom: 10px;
  text-align: right;
}
#header ul.head-nav {
  font-size: 86%;
  margin: 10px 0 0 auto;
  text-align: right;
}
#header ul.head-nav li {
  display: inline;
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
  margin: 0 0 0 10px;
}
#header ul.head-nav li:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
}
#header ul.head-nav li a.blank {
  background: url(/wp-content/uploads/c_4k/icon-blink_01.png) right 0.2em no-repeat !important;
}
#header ul.head-nav li a.blank:hover {
  background: url(/wp-content/uploads/c_4k/icon-blink_05.png) right 0.2em no-repeat !important;
}
#header button {
  background: #999;
  margin-bottom: 15px !important;
  color: #FFF;
  font-size: 108%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#header button.collapsed {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #555;
}
#header button.h-nav {
  margin-right: 0;
  background: #205DB0;
}
#header button.h-nav img {
  height: 25px;
  width: auto;
  padding: 5px 10px 5px 5px;
}
#header button.h-nav.is-open {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#header button.h-search img {
  height: 25px;
  width: auto;
}
#header #search #cse-search-box {
  width: 100%;
  padding: 5px;
  background: #E8ECE9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#header #search #cse-search-box .input-box {
  display: block;
  border: 1px solid #CCC;
  width: calc(100% - 63px);
  height: 22px;
  padding: 3px;
  font-size: 115%;
}
#header #search #cse-search-box .input-box:focus {
  outline: none;
}
#header #search #cse-search-box .input-box:-internal-autofill-selected {
  background: #FFF !important;
}
#header #search #cse-search-box .search-btn {
  display: block;
  background: url("../img_common/btn_search.gif") no-repeat 0 0;
  width: 60px;
  height: 22px;
  margin-left: 3px;
  border: none;
}
@media (min-width: 1200px) {
  #header #search {
    width: 33.33333333% !important;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  #header #search {
    width: 41.66666667% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #header #search {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  #header #search #cse-search-box {
    margin-bottom: 15px;
  }
  #header #search #cse-search-box .input-box {
    width: calc(100% - 80px);
    height: 40px;
  }
  #header #search #cse-search-box .search-btn {
    background: url("../img_common_sp/btn_search_sp.gif") no-repeat 0 0;
    background-size: 70px 40px;
    width: 70px;
    height: 40px;
    margin-left: 10px;
  }
}
#header #cse-search-form {
  background: #E8ECE9;
  padding: 5px;
  margin: 0 0 0 auto;
}
@media (min-width: 1200px) {
  #header #cse-search-form {
    width: 230px;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  #header #cse-search-form {
    width: 270px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #header #cse-search-form {
    width: 250px;
  }
}
@media (max-width: 767px) {
  #header #cse-search-form {
    margin: 0 -15px 0 !important;
    padding: 10px !important;
  }
}
#header #cse-search-form .cse .gsc-control-cse,
#header #cse-search-form .gsc-control-cse {
  margin: 0 !important;
  padding: 0 !important;
  width: 30px !important;
}
#header #cse-search-form .gsc-input {
  width: 100% !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 767px) {
  #header #cse-search-form .gsc-input {
    height: 40px !important;
    font-size: 115%;
  }
}
#header #cse-search-form td.gsc-clear-button .gsc-clear-button {
  display: none !important;
  margin: 0;
  padding: 0;
}
#header #cse-search-form input.gsc-search-button {
  background: url(/wp-content/uploads/c_4k/btn_search.gif) no-repeat 0 0 !important;
  border: none;
  width: 58px;
  height: 22px;
  text-indent: -9999px;
  display: block;
  padding: 0;
  margin: 0 0 0 3px !important;
}
#header #cse-search-form input.gsc-search-button:active {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#header #cse-search-form input.gsc-search-button:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media (max-width: 767px) {
  #header #cse-search-form input.gsc-search-button {
    background: url(../img_common_sp/btn_search_sp.gif) no-repeat 0 0 !important;
    background-size: 70px 40px !important;
    width: 70px !important;
    height: 40px !important;
    margin: 0 0 0 10px !important;
  }
}
#header #cse-search-form td.gsc-branding-text .gsc-branding-text,
#header #cse-search-form td.gsc-branding-img .gsc-branding-img {
  display: none !important;
}
#header #cse-search-form form.gsc-search-box {
  margin: 0;
  padding: 0;
}

/*: #navi ::::::::::::::::::::::::::::::::::::::::::::::::::*/
#navi {
  background: url(/wp-content/uploads/c_4k/navi_bg.jpg) top repeat-x;
  border: none;
  border-radius: 0 !important;
  border-top: 1px solid #FFF !important;
  margin: 0;
  padding: 0;
  z-index: 100;
  min-height: 44px !important;
}
@media (max-width: 767px) {
  #navi {
    background: #333;
    opacity: 0.95;
    filter: alpha(opacity=95);
  }
}
#navi .list-navi {
  border-right: 1px solid #4B7DC2;
  min-height: 44px !important;
  position: relative;
}
@media (max-width: 767px) {
  #navi .list-navi {
    border: none;
  }
}
#navi .list-navi > li {
  border-left: 1px solid #4B7DC2;
  padding: 0;
  position: static;
}
@media (max-width: 767px) {
  #navi .list-navi > li {
    border: none;
    overflow: hidden;
    border-bottom: 1px solid #70897C !important;
  }
}
#navi .list-navi > li > a {
  display: block;
  height: 44px;
  padding: 14px;
}
#navi .list-navi > li > a:hover {
  background: #103A75;
}
@media (max-width: 767px) {
  #navi .list-navi > li > a {
    background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat 95% center;
  }
  #navi .list-navi > li > a:hover {
    background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat 95% center;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  #navi .list-navi > li > a.dropdown-toggle {
    background: url(../img_common_sp/i_open.png) no-repeat 97% center;
  }
}
#navi .list-navi > li.active > a.dropdown-toggle {
  background: url(../img_common_sp/i_close.png) no-repeat 97% center;
}
#navi .list-navi > li.product .dropdown-menu {
  padding: 15px 30px 5px !important;
}
#navi .list-navi > li .dropdown-menu {
  background: #333;
  opacity: 0.95;
  filter: alpha(opacity=95);
  border-radius: 0 !important;
  color: #FFF;
  margin: 0 !important;
  padding: 15px 30px 25px;
  width: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu {
    position: relative;
    padding: 0;
  }
}
#navi .list-navi > li .dropdown-menu #maker {
  margin: -10px 0 0 0;
}
@media (min-width: 768px) {
  #navi .list-navi > li .dropdown-menu #maker {
    position: relative;
    right: -25px;
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #maker {
    margin: 0 !important;
    padding: 0 !important;
  }
}
#navi .list-navi > li .dropdown-menu #maker .maker-list {
  background: #141414;
  padding: 10px 30px;
}
@media (min-width: 768px) {
  #navi .list-navi > li .dropdown-menu #maker .maker-list {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #maker .maker-list {
    background: none;
    padding: 0;
  }
}
#navi .list-navi > li .dropdown-menu #maker .maker-list h1 {
  padding: 15px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #maker .maker-list h1 {
    padding: 0 !important;
    background: url(/wp-content/uploads/c_4k/arrow_08_top_white_l.png) no-repeat 97% center;
  }
  #navi .list-navi > li .dropdown-menu #maker .maker-list h1.collapsed {
    background: url(/wp-content/uploads/c_4k/arrow_08_bottom_white_l.png) no-repeat 97% center;
  }
  #navi .list-navi > li .dropdown-menu #maker .maker-list h1.collapsed img {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  #navi .list-navi > li .dropdown-menu #maker .maker-list h1 img {
    margin: 0 auto 0 0 !important;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media (min-width: 768px) {
  #navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open.in, #navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open.collapsing {
    padding: 0;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open ul {
    margin: 0 !important;
    padding: 0 !important;
  }
}
#navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open ul li {
  margin: 0 0 8px;
  padding: 0;
}
#navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open ul li a {
  background: url(/wp-content/uploads/c_4k/p-navi_arrow.gif) no-repeat left 7px;
  color: #C8C8C8;
  display: block;
  font-size: 93%;
  padding-left: 12px;
}
#navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open ul li a:hover {
  color: #FFF;
  text-decoration: none;
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open ul li {
    margin: 3px 0 0;
    white-space: nowrap;
  }
  #navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open ul li a {
    background: url(/wp-content/uploads/c_4k/p-navi_arrow.gif) no-repeat 10px center #141414;
    color: #C8C8C8;
    display: block;
    font-weight: bold;
    line-height: 1.2em;
    padding: 15px 15px 15px 20px;
  }
  #navi .list-navi > li .dropdown-menu #maker .maker-list #maker-list-open ul li a:hover {
    color: #FFF;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #category {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #category .category-list {
    padding: 0;
    margin-bottom: 15px;
  }
  #navi .list-navi > li .dropdown-menu #category .category-list > .row > div {
    margin: 0 !important;
    padding: 0 !important;
  }
}
#navi .list-navi > li .dropdown-menu #category .category-list h1 {
  padding: 10px 10px 10px 0;
  margin: 0 0 15px 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  #navi .list-navi > li .dropdown-menu #category .category-list h1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #category .category-list h1 {
    padding: 0 !important;
    margin: 15px 0 10px !important;
    background: url(/wp-content/uploads/c_4k/arrow_08_top_white_l.png) no-repeat 97% center;
  }
  #navi .list-navi > li .dropdown-menu #category .category-list h1.collapsed {
    background: url(/wp-content/uploads/c_4k/arrow_08_bottom_white_l.png) no-repeat 97% center;
  }
  #navi .list-navi > li .dropdown-menu #category .category-list h1.collapsed img {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  #navi .list-navi > li .dropdown-menu #category .category-list h1 img {
    margin: 0 auto 0 0 !important;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
#navi .list-navi > li .dropdown-menu #category .category-list ul {
  overflow: hidden;
}
@media (min-width: 768px) {
  #navi .list-navi > li .dropdown-menu #category .category-list ul {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #navi .list-navi > li .dropdown-menu #category .category-list ul {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #category .category-list ul {
    margin: 0 !important;
    padding: 0 !important;
  }
  #navi .list-navi > li .dropdown-menu #category .category-list ul.in, #navi .list-navi > li .dropdown-menu #category .category-list ul.collapsing {
    padding: 0;
    margin: 0;
  }
}
#navi .list-navi > li .dropdown-menu #category .category-list ul li {
  margin: 0 0 8px;
  padding: 0;
}
#navi .list-navi > li .dropdown-menu #category .category-list ul li a {
  background: url(/wp-content/uploads/c_4k/p-navi_arrow.gif) no-repeat left 7px;
  color: #C8C8C8;
  display: block;
  font-size: 93%;
  padding-left: 12px;
}
#navi .list-navi > li .dropdown-menu #category .category-list ul li a:hover {
  color: #FFF;
  text-decoration: none;
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu #category .category-list ul li {
    margin: 3px 0 0;
    white-space: nowrap;
  }
  #navi .list-navi > li .dropdown-menu #category .category-list ul li a {
    background: url(/wp-content/uploads/c_4k/p-navi_arrow.gif) no-repeat 10px center #141414;
    color: #C8C8C8;
    display: block;
    font-weight: bold;
    line-height: 1.2em;
    padding: 15px 15px 15px 20px;
  }
  #navi .list-navi > li .dropdown-menu #category .category-list ul li a:hover {
    color: #FFF;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
}
#navi .list-navi > li .dropdown-menu .dropdown-menu-list li {
  margin-top: 10px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #navi .list-navi > li .dropdown-menu .dropdown-menu-list li {
    margin-top: 3px;
  }
}
#navi .list-navi > li .dropdown-menu .dropdown-menu-list li a {
  background: url(/wp-content/uploads/c_4k/p-navi_arrow.gif) no-repeat 10px center #141414;
  color: #C8C8C8;
  display: block;
  font-weight: bold;
  line-height: 1.2em;
  padding: 15px 15px 15px 20px;
}
#navi .list-navi > li .dropdown-menu .dropdown-menu-list li a:hover {
  color: #FFF;
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#navi .other {
  margin: 20px 0;
}
#navi .other ul {
  margin-bottom: 20px;
}
#navi .other ul.mininav li {
  background: url(/wp-content/uploads/c_4k/arrow_02.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
  margin-bottom: 5px;
}
#navi .other ul.mininav li a {
  color: #FFF;
}
#navi .other .nav-contacts-xs {
  text-align: center;
}
#navi .other .nav-contacts-xs .nav-btn-contact {
  margin-bottom: 10px;
  position: relative;
}
#navi .other .nav-contacts-xs .nav-btn-contact a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) no-repeat bottom right #EC4151;
  color: #FFF;
  display: block;
  font-weight: bold;
  font-size: 129%;
  padding: 10px;
}
#navi .other .nav-contacts-xs .nav-btn-contact a:before {
  content: url(/wp-content/uploads/c_4k/icon_document_white.png);
  margin-right: 5px;
  vertical-align: middle;
}
#navi .other .nav-contacts-xs .nav-btn-contact a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#navi .other .nav-contacts-xs .nav-btn-support {
  margin-bottom: 10px;
}
#navi .other .nav-contacts-xs .nav-btn-support a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_pink.png) no-repeat right bottom #FFF;
  border: 2px solid #E9A5AD;
  color: #EB4050;
  display: block;
  font-weight: bold;
  font-size: 115%;
  padding: 5px;
  margin-top: 10px;
}
#navi .other .nav-contacts-xs .nav-btn-support a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#navi .other .nav-contacts-xs p {
  color: #FFF;
  font-size: 86%;
  margin-bottom: 5px;
}
#navi .other .nav-contacts-xs p.tel {
  color: #FFF;
  font-weight: bold;
  font-size: 129%;
}
#navi .other .nav-contacts-xs p.tel a {
  color: #FFF;
  font-weight: bold;
}
#navi .other .nav-contacts-xs p.tel img {
  margin-right: 5px;
}

@media (min-width: 768px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
/*: #wrap ::::::::::::::::::::::::::::::::::::::::::::::::::*/
#wrap {
  background: #F4F6F5;
  padding: 35px 0 55px 0;
  /*zoom:35%;*/
  /*font-size: 35%;*/
}
#wrap .wrap-inner {
  margin: 0px auto;
  zoom: 1;
  overflow: hidden;
}
#wrap h1 {
  font-size: 200%;
  font-weight: bold;
  margin: 0 0 15px 0 !important;
  line-height: 1.3em;
}
@media (max-width: 767px) {
  #wrap h1 {
    text-align: center;
    font-size: 129% !important;
  }
}
#wrap h2 {
  font-size: 143%;
  color: #1C5AB0;
  font-weight: bold;
  margin: 0 0 15px 0;
}

/*: #content ::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media (max-width: 992px) {
  #contents {
    margin-bottom: 40px !important;
  }
}

.page-top {
  background: url(/wp-content/uploads/c_4k/pagetop_arrow.gif) left 0.3em no-repeat;
  float: right;
  padding: 0 0 0 20px;
  zoom: 1;
  overflow: hidden;
}

ul.news-list li {
  background: #FFF;
  margin: 0 0 3px 0;
  padding: 7px 10px;
  color: #999999;
}
ul.news-list li img {
  vertical-align: middle;
}
ul.news-list li img.icon-nl {
  margin: 0 5px 0 0;
}
ul.news-list li img.icon-pdf {
  margin: 0 0 0 5px;
}
ul.news-list li img.pickup {
  margin: 0 5px 0 0;
}
ul.news-list li .date {
  font-size: 86%;
  color: #999999;
}
@media (min-width: 993px) {
  ul.news-list li .date {
    margin-right: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  ul.news-list li .date {
    font-size: 100%;
  }
}
@media (min-width: 993px) {
  ul.news-list li .info-title {
    margin-right: 0;
    padding-right: 10px;
  }
}
ul.news-list li .icon-pdf img {
  vertical-align: middle;
  padding: 0 0 0 5px;
}
ul.news-list li .icon-new img {
  vertical-align: middle;
  padding: 0 0 0 5px;
}

/*: #side-navi ::::::::::::::::::::::::::::::::::::::::::::::::::*/
#wrap #side-navi {
  font-size: 86%;
}
#wrap #side-navi .link-box:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#wrap #side-navi a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
@media (max-width: 992px) {
  #wrap #side-navi {
    text-align: center;
  }
}
#wrap #side-navi .content-menu {
  margin: 0 0 20px;
}
#wrap #side-navi .content-menu ul {
  border: 2px solid #CFCFCF;
  background: #FFF;
}
#wrap #side-navi .content-menu ul li {
  border-top: 1px solid #D1D1D1;
}
#wrap #side-navi .content-menu ul li.header {
  background: #E8E8E8 !important;
  font-weight: bold;
}
#wrap #side-navi .content-menu ul li a {
  color: #333333;
  text-decoration: underline;
  display: block;
  padding: 10px 20px 15px 20px;
  background: url(/wp-content/uploads/c_4k/arrow_01.png) 220px center no-repeat;
}
#wrap #side-navi .content-menu ul li:first-child {
  border: none !important;
}
#wrap #side-navi .content-menu ul li:hover {
  background: #E8E8E8 url(/wp-content/uploads/c_4k/arrow_01.png) 220px center no-repeat !important;
}
#wrap #side-navi .content-menu ul li.pdf {
  font-size: 116.6666666667%;
}
#wrap #side-navi .content-menu ul li.pdf a {
  background: url(/wp-content/uploads/c_4k/icon_side_pdf.gif) 20px center no-repeat !important;
  padding: 10px 20px 10px 65px;
}
#wrap #side-navi .content-menu ul li.pdf:hover {
  background: #E8E8E8 !important;
}
#wrap #side-navi .content-menu ul li.page {
  font-size: 116.6666666667%;
}
#wrap #side-navi .side-mailmagazine {
  background: url(/wp-content/uploads/c_4k/bk-line_01.gif) top repeat-x !important;
  margin: 0 0 30px !important;
  padding: 25px 0 0 !important;
}
#wrap #side-navi .side-mailmagazine h2 {
  text-align: center;
  margin: 0 0 20px;
}
#wrap #side-navi .side-mailmagazine .bnr a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_rightblue.png) no-repeat right bottom #FFF;
  border: 2px solid #99A8B3;
  display: block;
  padding: 15px;
}
@media (max-width: 767px) {
  #wrap #side-navi .side-mailmagazine .bnr a {
    padding: 20px;
  }
}
#wrap #side-navi .side-mailmagazine .bnr a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#wrap #side-navi .side-mailmagazine p {
  padding: 0 0 10px;
}
@media (max-width: 767px) {
  #wrap #side-navi .side-mailmagazine p {
    font-size: 108%;
  }
}
#wrap #side-navi .side-introduce {
  margin-bottom: 10px;
}
#wrap #side-navi .side-introduce h2 {
  margin: 0;
  padding: 20px 0;
  background: url(/wp-content/uploads/c_4k/bk-line_01.gif) top repeat-x !important;
}
#wrap #side-navi .side-introduce p {
  margin: 0 0 10px;
}
#wrap #side-navi .side-introduce .tel {
  font-size: 172%;
  font-weight: bold;
  margin: 0 0 0 5px;
}
#wrap #side-navi .side-introduce .bnr {
  background: url(/wp-content/uploads/c_4k/bg_shadow.png) no-repeat bottom center;
  padding-bottom: 23px;
}
#wrap #side-navi .side-introduce .bnr a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) no-repeat right bottom #EC4151;
  display: block;
  padding: 25px;
}
#wrap #side-navi .side-introduce .bnr a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#wrap #side-navi .side-introduce .bnr.support a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_pink.png) no-repeat right bottom #FFF;
  background-color: #fff;
  border: 2px solid #E9A5AD;
  padding: 15px;
}
@media (max-width: 767px) {
  #wrap #side-navi .side-introduce .bnr.support a {
    padding: 20px;
  }
}
#wrap #side-navi .side-introduce .link {
  margin-bottom: 0;
}
#wrap #side-navi .side-introduce .link a {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
  color: #1588D8;
  padding-left: 10px;
}
#wrap #side-navi .side-introduce .link a:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
  padding-left: 10px;
  color: #333333 !important;
}
#wrap #side-navi .side-introduce .link2 {
  margin-bottom: 0;
  text-align: center;
}
#wrap #side-navi .side-introduce .link2 a {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
  color: #1588D8;
  font-size: 115%;
  padding-left: 10px;
  text-decoration: underline !important;
}
#wrap #side-navi .side-introduce .link2 a:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
  padding-left: 10px;
  color: #333333 !important;
}
#wrap #side-navi .side-info {
  margin: 0 0 30px 0;
}
#wrap #side-navi .side-info h2 {
  margin: 0;
}
#wrap #side-navi .side-info ul {
  width: 218px;
  border-left: #C5C7C6 1px solid;
  border-right: #C5C7C6 1px solid;
  border-bottom: #C5C7C6 1px solid;
  padding: 5px 10px;
}
#wrap #side-navi .side-info ul li:first-child {
  background: none !important;
}
#wrap #side-navi .side-info ul li {
  background: url(/wp-content/uploads/c_4k/bk-line_02.gif) top repeat-x;
  padding: 10px 0;
}
#wrap #side-navi .side-info ul a {
  text-decoration: underline;
}
#wrap #side-navi .side-topics .free-txt {
  font-size: 93%;
}
#wrap #side-navi .side-topics .title {
  font-size: 122% !important;
  line-height: 1.5em;
}
@media (max-width: 992px) {
  #wrap #side-navi .side-topics {
    text-align: left;
  }
  #wrap #side-navi .side-topics p {
    font-size: 108% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #wrap #side-navi .side-topics .img {
    padding: 10px 10px 0 25px;
  }
}
#wrap #side-navi .side-social {
  margin-top: 20px;
  margin-bottom: 20px;
}
#wrap #side-navi .side-social ul li {
  margin-bottom: 10px;
}
#wrap #side-navi .side-social ul li a {
  background: #FFF;
  display: block;
  width: 100%;
  position: relative;
  max-height: 55px;
}
#wrap #side-navi .side-other {
  margin: 0 0 20px 0;
  padding: 0;
}
#wrap #side-navi .side-other a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#wrap #side-navi h2.side-report-h2 {
  text-align: center;
  padding: 20px 10px;
  margin: 0;
  background: url(/wp-content/uploads/c_4k/bk-line_01.gif) top repeat-x !important;
}
#wrap #side-navi .side-report {
  margin-bottom: 30px;
}
#wrap #side-navi .side-report ul li {
  margin-bottom: 5px;
}
#wrap #side-navi .side-report ul li a {
  background: #FFF;
  display: block;
  padding: 10px;
}
#wrap #side-navi .side-report ul li a .title {
  display: block;
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 5px;
}
#wrap #side-navi .side-report ul li a .title .place {
  font-size: 90%;
  font-weight: normal;
}
@media (max-width: 767px) {
  #wrap #side-navi .side-report ul li a .title {
    font-size: 115% !important;
  }
}
#wrap #side-navi .side-report ul li a .txt {
  display: block;
  font-size: 93%;
}
@media (max-width: 767px) {
  #wrap #side-navi .side-report ul li a .txt {
    font-size: 115% !important;
  }
}
#wrap #side-navi .side-report ul li a .date {
  color: #1B59B0;
  display: block;
  font-size: 93%;
}
@media (max-width: 767px) {
  #wrap #side-navi .side-report ul li a .date {
    font-size: 93% !important;
  }
}
#wrap #side-navi .side-report ul li a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#wrap #side-navi .side-report ul li a.new {
  background: url(/wp-content/uploads/c_4k/icon_new.png) no-repeat right top #FFF;
}
#wrap #side-navi .side-report .list a {
  background: #7E919E;
  color: #FFF;
  display: block;
  text-align: center;
  padding: 10px;
  line-height: 1em;
}
#wrap #side-navi .side-report .list a span {
  background: url(/wp-content/uploads/c_4k/arrow_02.png) right 0.45em no-repeat;
  padding: 0 12px 0 0;
}
#wrap #side-navi .side-report .list a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
}
#wrap #side-navi .side-event {
  margin-bottom: 10px;
}
#wrap #side-navi .side-event .box-event {
  margin-bottom: 10px;
}
#wrap #side-navi .side-event .box-event a img {
  border: 1px solid #FFF;
  margin: -1px;
}
#wrap #side-navi .side-event .box-event a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#wrap #side-navi .side-showcase ul {
  margin-bottom: 10px;
}
#wrap #side-navi .side-showcase ul li.btn-showcase {
  background: url(/wp-content/uploads/c_4k/side_shadow.png) no-repeat bottom center;
  padding-bottom: 25px;
}
#wrap #side-navi .side-showcase ul li.btn-showcase a {
  background: url(/wp-content/uploads/c_4k/side_showcase_bg.png) repeat-y left top #C3CBD1;
  color: #FFF;
  display: block;
  overflow: hidden;
  padding: 15px 10px;
  position: relative;
}
#wrap #side-navi .side-showcase ul li.btn-showcase a img {
  float: left;
  margin-right: 15px;
}
#wrap #side-navi .side-showcase ul li.btn-showcase a:after {
  content: url(/wp-content/uploads/c_4k/bk_btnarrow.gif);
  position: absolute;
  bottom: 0;
  right: 5px;
}
@media (max-width: 767px) {
  #wrap #side-navi .side-showcase ul li.btn-showcase a {
    width: 100%;
    padding: 15px;
  }
}
#wrap #side-navi .side-showcase ul li.btn-showcase a .title {
  display: block;
  font-weight: bold;
  font-size: 122%;
}
#wrap #side-navi .side-showcase ul li.btn-showcase a .txt {
  font-size: 100%;
  overflow: hidden;
  display: block;
}
#wrap #side-navi .side-showcase ul li.btn-showcase a:hover {
  text-decoration: none;
}
#wrap #side-navi .side-showcase ul li.btn-showcase:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#wrap #side-navi .side-promotion {
  margin-bottom: 10px;
}
#wrap #side-navi .side-promotion .box-promotion {
  margin-bottom: 10px;
}
#wrap #side-navi .side-promotion .box-promotion a img {
  border: 1px solid #FFF;
  margin: -1px;
}
#wrap #side-navi .side-promotion .box-promotion a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*: #footer ::::::::::::::::::::::::::::::::::::::::::::::::::*/
.bottom-social {
  margin-top: 30px;
  background: #E4E9E7;
  padding: 10px;
}
.bottom-social .row {
  margin: 0 -5px;
}
.bottom-social .row > div {
  padding: 0 5px;
}
.bottom-social a {
  border: 1px solid #E6E6E6;
  display: block;
  background: #FFF;
}
.bottom-social a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
@media (min-width: 768px) {
  .bottom-social a {
    padding: 15px;
    position: relative;
  }
  .bottom-social a:after {
    content: "";
    width: 13px;
    height: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 12px;
  }
  .bottom-social .instagram a:after {
    background: url("../img_common/bnr_instagram_blank.jpg") no-repeat;
  }
  .bottom-social .twitter a:after {
    background: url("../img_common/bnr_twitter_blank.gif") no-repeat;
  }
  .bottom-social .youtube a:after {
    background: url("../img_common/bnr_youtube_blank.gif") no-repeat;
  }
}

#footer {
  background: #2E3038;
  color: #FFF;
}
#footer .footer-navi {
  background: #E8ECE9;
  font-size: 86%;
  padding: 16px 0;
}
@media (max-width: 767px) {
  #footer .footer-navi ul {
    text-align: center;
    margin-bottom: 10px;
  }
}
#footer .footer-navi ul li {
  display: inline;
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
  margin: 0 13px 0 0;
  white-space: nowrap;
}
#footer .footer-navi ul li:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
}
@media (max-width: 767px) {
  #footer .footer-navi ul li {
    line-height: 2em;
    font-size: 108%;
  }
}
@media (max-width: 767px) {
  #footer .footer-navi .page-top {
    background: none;
    float: none !important;
    text-align: center;
    margin: 0 -15px -15px;
    padding: 0;
  }
  #footer .footer-navi .page-top a {
    background: #C0C0C0;
    display: block;
    padding: 10px;
    width: 100%;
  }
  #footer .footer-navi .page-top a:before {
    content: url(/wp-content/uploads/c_4k/pagetop_arrow.gif);
    margin-right: 5px;
  }
  #footer .footer-navi .page-top a:hover {
    color: #333333;
    text-decoration: none;
  }
}
#footer .footer-link {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  #footer .footer-link {
    padding-bottom: 0;
  }
}
#footer .footer-link a {
  color: #FFF;
}
#footer .footer-link h2 {
  font-weight: bold;
  margin: 13px 0 10px 0;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  #footer .footer-link h2 {
    text-align: center !important;
    font-size: 115%;
  }
}
#footer .footer-link h3 {
  font-size: 115%;
  font-weight: bold;
  margin: 0 0 10px 0;
}
@media (max-width: 767px) {
  #footer .footer-link h3 {
    background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat right center;
    margin: 0;
  }
  #footer .footer-link h3 a {
    border-top: 1px solid #43454C;
    display: block;
    margin: 0 -15px;
    padding: 15px;
  }
  #footer .footer-link h3 a:hover {
    background: #474952;
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  #footer .footer-link h3.visible-xs {
    background: url(../img_common_sp/i_close.png) no-repeat right center !important;
  }
  #footer .footer-link h3.visible-xs.collapsed {
    background: url(../img_common_sp/i_open.png) no-repeat right center !important;
  }
}
#footer .footer-link p {
  font-size: 86%;
  color: #8A8E91;
  margin: 0 0 25px 0;
}
@media (max-width: 767px) {
  #footer .footer-link p {
    text-align: center !important;
    font-size: 108%;
  }
}
#footer .footer-link .navbar-collapse {
  padding: 0 !important;
  margin: 0 0 15px !important;
}
@media (max-width: 767px) {
  #footer .footer-link .navbar-collapse ul.f-menu {
    margin: 0 !important;
  }
  #footer .footer-link .navbar-collapse ul.f-menu li {
    text-align: left !important;
    background: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #footer .footer-link .navbar-collapse ul.f-menu li {
    display: block !important;
  }
}
@media (max-width: 767px) {
  #footer .footer-link .navbar-collapse ul.f-menu li a {
    background: url(/wp-content/uploads/c_4k/p-navi_arrow.gif) no-repeat 10px center;
    display: block;
    overflow: hidden;
    padding: 15px 15px 15px 20px !important;
    margin-bottom: 0 !important;
  }
  #footer .footer-link .navbar-collapse ul.f-menu li a:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
}
#footer .footer-link ul.f-menu {
  margin: 0 0 20px 0;
  font-size: 93%;
  font-weight: bold;
}
@media (max-width: 767px) {
  #footer .footer-link ul.f-menu {
    text-align: center;
    margin-left: 15px;
  }
}
#footer .footer-link ul.f-menu li {
  margin: 0 0 10px 0;
  color: #CCCCCC;
  white-space: nowrap;
  background: url(/wp-content/uploads/c_4k/arrow_02.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
}
@media (max-width: 767px) {
  #footer .footer-link ul.f-menu li {
    display: inline;
    margin-right: 15px;
  }
}
#footer .footer-link ul.f-menu li a {
  color: #CCCCCC;
}
#footer .footer-link ul.f-menu li a.blank {
  background: url(/wp-content/uploads/c_4k/icon-blink_02.png) right 0.2em no-repeat !important;
}
#footer .footer-link ul.f-sub {
  margin: 0 0 20px 0;
}
#footer .footer-link ul.f-sub li {
  color: #8A8E91;
  font-size: 86%;
  margin: 0 0 10px 0;
  background: url(/wp-content/uploads/c_4k/arrow_03.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
}
#footer .footer-link ul.f-sub li a {
  color: #8A8E91;
}
@media (max-width: 767px) {
  #footer .footer-link ul.f-sub li {
    background: none;
    font-size: 93%;
    margin: 3px 0 0;
    padding: 0;
    white-space: nowrap;
  }
  #footer .footer-link ul.f-sub li a {
    background: url(/wp-content/uploads/c_4k/p-navi_arrow.gif) no-repeat 10px center #141414;
    color: #C8C8C8;
    display: block;
    font-weight: bold;
    line-height: 1.2em;
    padding: 15px 15px 15px 20px;
  }
  #footer .footer-link ul.f-sub li a:hover {
    color: #FFF;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
}
#footer .footer-copy {
  background: #FFF;
  color: #333333;
  font-size: 79%;
  padding: 30px 0;
  text-align: center;
}
#footer .footer-copy p {
  margin: 13px 0 0 0;
}

/*: promotion ::::::::::::::::::::::::::::::::::::::::::::::::::*/
#promotion-sp {
  /* 　#header
  -----------------------------------*/
  /* 　.link-list
  -----------------------------------*/
  /* 　#footer
  -----------------------------------*/
}
#promotion-sp #header-promotion {
  background: #FFF;
  margin: 0 !important;
  padding: 15px 0 !important;
}
#promotion-sp #header-promotion .logo {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#promotion-sp #header-promotion .logo img {
  width: auto !important;
}
@media (max-width: 767px) {
  #promotion-sp #header-promotion .logo img {
    margin: 0 auto 10px;
  }
}
#promotion-sp #header-promotion .logo-50th {
  margin: 0px 80px 0 0;
}
@media (max-width: 767px) {
  #promotion-sp #header-promotion .logo-50th {
    width: 155px !important;
    margin: 0 auto 10px !important;
  }
}
#promotion-sp #header-promotion .logo-50th .img-box {
  position: relative;
  width: 100%;
  height: auto;
}
#promotion-sp #header-promotion .logo-50th .img-box .img-logo {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
}
#promotion-sp #header-promotion .logo-50th .img-box .img-50th {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
}
#promotion-sp #header-promotion .logo-50th .img-box .img-50th img {
  position: absolute;
  bottom: 0;
}
#promotion-sp #header-promotion .logo-50th .img-box .img-50th img:hover {
  opacity: 0.6;
}
#promotion-sp #header-promotion .logo-50th .ratio:before {
  content: "";
  display: block;
  padding-top: 20%;
}
@media (min-width: 768px) {
  #promotion-sp #header-promotion .h-contents {
    display: -webkit-flex; /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end; /* Safari */
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  #promotion-sp #header-promotion .h-contents {
    text-align: center !important;
  }
}
#promotion-sp #header-promotion .h-contents h1 {
  font-size: 86%;
  line-height: 1.5em;
  max-width: 380px;
}
#promotion-sp #header-promotion .h-contents .back {
  margin-left: 10px;
}
#promotion-sp #header-promotion .h-contents .back a {
  background: url(/wp-content/uploads/c_4k/arrow_04.gif) left 0.2em no-repeat;
  color: #1588D8;
  padding-left: 18px;
}
#promotion-sp #wrap-promotion {
  position: relative;
}
#promotion-sp .link-list-promotion {
  padding-bottom: 55px;
}
@media (min-width: 546px) {
  #promotion-sp .link-list-promotion ul li {
    display: inline;
    margin-right: 25px;
    white-space: nowrap;
  }
  #promotion-sp .link-list-promotion ul li:last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #promotion-sp .link-list-promotion ul {
    text-align: center;
  }
}
@media (max-width: 545px) {
  #promotion-sp .link-list-promotion ul {
    text-align: center;
  }
  #promotion-sp .link-list-promotion ul li {
    display: block;
    width: 150px;
    margin: 0 auto 5px;
    text-align: left;
  }
}
#promotion-sp #footer-promotion {
  background: #FFF;
  border-top: 1px solid #E6E6E6;
  color: #333;
  padding: 30px 0 20px;
}
@media (max-width: 767px) {
  #promotion-sp #footer-promotion .logo {
    text-align: center;
    margin-bottom: 10px;
  }
}
#promotion-sp #footer-promotion .f-contents {
  font-size: 79%;
  text-align: right;
}
@media (max-width: 767px) {
  #promotion-sp #footer-promotion .f-contents {
    text-align: center;
  }
}

/*: 共通 ::::::::::::::::::::::::::::::::::::::::::::::::::*/
.entry-social {
  overflow: hidden;
}
@media (max-width: 767px) {
  .entry-social {
    margin-bottom: 30px;
  }
}
@media (min-width: 767px) {
  .entry-social li {
    float: right;
    width: auto !important;
    padding: 0 0 0 10px;
  }
}
@media (max-width: 767px) {
  .entry-social li {
    text-align: center;
    border: 1px solid #FFF;
    background: #ebebeb;
    padding: 10px;
    height: 40px;
  }
}

.pic-large {
  background: #000;
  position: relative;
  overflow: hidden;
  display: block;
}
.pic-large:after {
  content: url(/wp-content/uploads/c_4k/icon_zoom.gif);
  position: absolute;
  bottom: -8px;
  right: -1px;
  z-index: 1;
}
.pic-large:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#cboxContent {
  margin: 15px 15px 5px 5px;
  -webkit-box-shadow: 0 0 5px 0 #000;
          box-shadow: 0 0 5px 0 #000;
}
#cboxContent #cboxLoadedContent {
  border: 1px #333 solid;
}
#cboxContent #cboxClose {
  background: url(../js/colorbox/images/controls_type2.png) no-repeat top center;
  width: 30px;
  height: 29px;
  top: -15px;
  right: -15px;
}
#cboxContent #cboxClose:hover {
  background-position: bottom center;
}

/* 　PDF用枠
-----------------------------------*/
.catalog-dl .catalog-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.catalog-dl .catalog-btn .link-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.catalog-dl .catalog-btn .btn-dl {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.catalog-dl .btn-dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0px 30px 10px !important;
}
.catalog-dl .btn-dl a {
  background: #f2f2f2 url(/wp-content/uploads/c_4k/icon_document_blue.png) 0.8em no-repeat;
  padding: 10px 15px 10px 40px;
  font-size: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.catalog-dl .btn-dl a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
}
.catalog-dl .pdf-frame {
  position: relative;
  width: 100%;
  padding-top: 125.348189415%;
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 5px 1px #333 inset;
          box-shadow: 0px 0px 5px 1px #333 inset;
}
.catalog-dl .pdf-frame:before, .catalog-dl .pdf-frame:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 7px;
  z-index: 5;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .catalog-dl .pdf-frame:before, .catalog-dl .pdf-frame:after {
    width: 97.4%;
  }
}
.catalog-dl .pdf-frame:before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(transparent));
  background: -webkit-linear-gradient(top, #333, transparent);
  background: linear-gradient(to bottom, #333, transparent);
}
.catalog-dl .pdf-frame:after {
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#333), to(transparent));
  background: -webkit-linear-gradient(bottom, #333, transparent);
  background: linear-gradient(to top, #333, transparent);
}
.catalog-dl .pdf-frame .pdfbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
  background: #44484A;
  text-align: center;
  padding: 15px 20px;
}
.catalog-dl .pdf-frame .pdfbox img {
  margin-bottom: 15px;
  -webkit-box-shadow: 1px 1px 3px 1px #333;
          box-shadow: 1px 1px 3px 1px #333;
  max-width: 100%;
  height: auto;
}
.catalog-dl .pdf-frame.horizontal {
  padding-top: 68%;
}
.catalog-dl embed {
  display: block;
  margin: 0 auto 30px;
  height: 880px;
}
@media (max-width: 767px) and (min-width: 576px) {
  .catalog-dl embed.horizontal {
    height: 480px;
  }
}
@media (max-width: 575px) {
  .catalog-dl embed.horizontal {
    height: 250px;
  }
}
@media (min-width: 768px) {
  .catalog-dl .catalog-btn {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .catalog-dl .catalog-btn .link-arrow {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .catalog-dl .catalog-btn .link-arrow {
    display: inline-block;
    margin: 0 auto 15px;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .catalog-dl .catalog-btn .btn-dl {
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0 !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .catalog-dl .btn-dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0px 30px 0px !important;
  }
  .catalog-dl embed {
    height: 480px;
  }
}

/* 　見出し
-----------------------------------*/
.h-type1 {
  background: #93ABBE !important;
  color: #FFF !important;
  font-size: 108% !important;
  padding: 8px !important;
}
@media (max-width: 767px) {
  .h-type1 {
    text-align: center;
    line-height: 1.5em;
    margin: 0 -15px;
  }
}
.h-type1.type-red {
  background: #F49B86 !important;
}

.h-type2 {
  border-bottom: #CAD2CC 1px solid;
  font-size: 108%;
  padding-bottom: 10px;
}

.h-type3 {
  color: #EB4050;
  font-size: 143%;
}

.h-type4 {
  font-size: 108%;
  font-weight: bold;
}

.h-type5 {
  font-size: 108%;
  font-weight: bold;
  color: #1C5AB0;
}

.h-type6 {
  background: url(/wp-content/uploads/c_4k/bk_blue.gif);
  color: #FFF !important;
  font-weight: normal !important;
  font-size: 115% !important;
  margin: 0 !important;
  padding: 10px;
  text-align: center;
}

.h-type7 {
  background: #000;
  color: #FFF !important;
  padding: 10px 15px;
  font-weight: normal !important;
  font-size: 122% !important;
}
@media (max-width: 767px) {
  .h-type7 {
    text-align: center;
  }
}

.h-type8 {
  color: #000;
  font-size: 179%;
  font-weight: bold;
  line-height: 1.3em;
  border-left: 10px solid #1C5AB0;
  padding: 0 0 0 15px;
  margin: 0 0 15px;
}
.h-type8 span {
  font-size: 80%;
  line-height: 1.3em;
}
@media (max-width: 767px) {
  .h-type8 {
    font-size: 129%;
  }
}

.h-type9 {
  background: #1A59AF;
  color: #FFFFFF !important;
  font-size: 100% !important;
  padding: 7px 10px;
  font-weight: normal !important;
}

.h-type10 {
  background: #F2F2F2;
  border-top: 1px solid #CAD2CC;
  font-weight: bold;
  font-size: 115%;
  overflow: auto;
  padding: 12px 10px;
}
@media (max-width: 767px) {
  .h-type10 {
    text-align: center;
  }
}

.h-type11 {
  border-bottom: 2px solid #1C5AB0;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 115%;
}

.h-type12 {
  border-bottom: 2px solid #1C5AB0;
  padding-bottom: 5px;
}

.h-type13 {
  color: #000;
  font-size: 115%;
  font-weight: bold;
  display: inline-block;
  line-height: 1.7em;
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  vertical-align: middle;
  text-decoration: none;
}
.h-type13:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #278FCF;
  margin-right: 10px;
}
.h-type13 span {
  font-size: 100%;
  font-weight: normal;
}
.h-type13.type13-black:before {
  background-color: #333;
}
.h-type13.type13-small {
  line-height: 1.3em;
}
.h-type13.type13-small:before {
  width: 0.6em;
  height: 0.6em;
  margin-left: calc(-0.6em - 10px);
}
@media (min-width: 768px) {
  .h-type13:before {
    width: 1.25em;
    height: 1.25em;
    margin-left: calc(-1.25em - 10px);
  }
  .h-type13 span img {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .h-type13 {
    padding-left: calc(1em + 10px);
  }
  .h-type13:before {
    width: 1em;
    height: 1em;
    margin-left: calc(-1em - 10px);
  }
  .h-type13 span img {
    height: 1em !important;
    width: auto;
  }
  .h-type13.type13-small-xs {
    font-size: 100%;
    line-height: 1.3em;
    margin: 0 0 5px;
  }
  .h-type13.type13-small-xs:before {
    width: 15px;
    height: 15px;
  }
}

/*　テキストカラー
-----------------------------------*/
.blue {
  color: #1C5AB0 !important;
}

.key {
  color: #EB4050 !important;
}

.gray {
  color: #999999 !important;
}

.red {
  color: red !important;
}

.black {
  color: black !important;
}

.border {
  border: 1px solid #e9e9e9;
}

.color-link a {
  color: #1588D8;
  text-decoration: underline;
}

.color-link a:hover {
  text-decoration: none;
}

.normal {
  font-weight: normal !important;
}

@media (min-width: 768px) {
  .normal-lg {
    font-weight: normal !important;
  }
}
.bold {
  font-weight: bold !important;
}

.through {
  text-decoration: line-through;
}

.through-key {
  text-decoration: line-through;
  color: #EB4050 !important;
}

.through-gray {
  text-decoration: line-through;
  color: #999999 !important;
}

/*　文章の位置
-----------------------------------*/
.txt-r {
  text-align: right;
}

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

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

@media (max-width: 767px) {
  .txt-r-xs {
    text-align: right;
  }
  .txt-l-xs {
    text-align: left;
  }
  .txt-c-xs {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .right-block-pc {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .center-block-xs {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}
/*　文章の省略【XSのみ】
-----------------------------------*/
@media (max-width: 767px) {
  .omission {
    margin: 3px 0 !important;
    height: 2.6em;
    display: block;
    overflow: hidden;
  }
}
/*　文章の長体
-----------------------------------*/
@media (min-width: 768px) {
  .txt-narrow_pc {
    letter-spacing: -0.03em;
    -webkit-transform: scale(0.95, 1);
            transform: scale(0.95, 1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
/*　サイズ
-----------------------------------*/
.font10 {
  font-size: 72% !important;
}

.font11 {
  font-size: 79% !important;
}

.font12 {
  font-size: 86% !important;
}

.font13 {
  font-size: 93% !important;
}

.font14 {
  font-size: 100% !important;
}

.font15 {
  font-size: 108% !important;
}

.font16 {
  font-size: 115% !important;
}

.font17 {
  font-size: 122% !important;
}

.font18 {
  font-size: 129% !important;
}

.font19 {
  font-size: 136% !important;
}

.font20 {
  font-size: 143% !important;
}

.font21 {
  font-size: 150% !important;
}

.font22 {
  font-size: 158% !important;
}

.font23 {
  font-size: 165% !important;
}

.font24 {
  font-size: 172% !important;
}

.font25 {
  font-size: 179% !important;
}

.font26 {
  font-size: 186% !important;
}

.font27 {
  font-size: 193% !important;
}

.font28 {
  font-size: 200% !important;
}

.font29 {
  font-size: 207% !important;
}

.font30 {
  font-size: 214% !important;
}

@media (max-width: 767px) {
  .font11-xs {
    font-size: 79% !important;
  }
  .font12-xs {
    font-size: 86% !important;
  }
  .font13-xs {
    font-size: 93% !important;
  }
  .font15-xs {
    font-size: 108% !important;
  }
  .font16-xs {
    font-size: 115% !important;
  }
  .font17-xs {
    font-size: 122% !important;
  }
  .font18-xs {
    font-size: 129% !important;
  }
  .font19-xs {
    font-size: 136% !important;
  }
  .font20-xs {
    font-size: 143% !important;
  }
}
.line100 {
  line-height: 1em;
}

.line110 {
  line-height: 1.1em;
}

.line120 {
  line-height: 1.2em;
}

.line130 {
  line-height: 1.3em;
}

.line150 {
  line-height: 1.5em;
}

/*　ボタン
-----------------------------------*/
.btn-previous, .btn-next {
  background: #999999;
  color: #FFFFFF;
  font-weight: bold;
  padding: 8px 15px;
  display: inline-block;
  margin: 0 0 0 0;
}
.btn-previous a, .btn-next a {
  color: #FFFFFF;
}

.btn-type1 a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) #000000 right bottom no-repeat;
  padding: 8px;
  display: block;
  color: #FFFFFF !important;
  font-size: 100%;
}
.btn-type1 a:hover {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) #1588D8 right bottom no-repeat;
  text-decoration: none;
}

.btn-type2 a {
  background: #f2f2f2 url(/wp-content/uploads/c_4k/arrow_01_on.png) 0.8em no-repeat;
  padding: 10px 15px 10px 20px;
  font-size: 100%;
}
.btn-type2 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
}

.btn-type3 a {
  background: url(/wp-content/uploads/c_4k/arrow_01.png) right center no-repeat #F2F2F2;
  border-right: #F2F2F2 solid 20px;
  padding: 10px 15px 10px 20px;
}
@media (max-width: 767px) {
  .btn-type3 a {
    display: block;
  }
}
.btn-type3 a:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) right center no-repeat #F2F2F2;
  opacity: 0.7;
  filter: alpha(opacity=70);
  text-decoration: none;
}

.btn-type4 a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_pink_l.png) #EC4150 right bottom no-repeat;
  color: #FFF !important;
  display: block;
  font-size: 179%;
  font-weight: bold;
  line-height: 1.3em;
  padding: 25px;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .btn-type4 a {
    font-size: 143%;
  }
}
.btn-type4 a.blank {
  background: url(/wp-content/uploads/c_4k/icon-blink_04.png) #EC4150 98% 90% no-repeat;
  padding: 25px;
}
.btn-type4 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none !important;
}
.btn-type4.small a {
  padding: 15px;
  line-height: 1em;
  font-size: 143%;
}

.btn-type5 a {
  background: #FFF;
  border: #999999 2px solid;
  color: #999999;
  display: block;
  text-align: center;
  padding: 7px 30px;
}
.btn-type5 a:hover {
  background: #999999;
  color: #FFF;
  text-decoration: none;
}
@media (max-width: 767px) {
  .btn-type5 a:after {
    content: url(/wp-content/uploads/c_4k/arrow_03.png);
    display: inline;
    margin-left: 5px;
  }
}

.btn-type6 a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) #088fcd right bottom no-repeat;
  padding: 8px;
  display: block;
  color: #FFFFFF !important;
  font-size: 100%;
}
.btn-type6 a:hover {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) #1588D8 right bottom no-repeat;
  text-decoration: none;
}

.btn-type7 a {
  background: url(/wp-content/uploads/c_4k/arrow_02.png) no-repeat 15px center #000;
  padding: 10px 30px 10px 30px;
  color: #FFFFFF !important;
  font-size: 100%;
}
.btn-type7 a:hover {
  background-color: #1588D8;
  text-decoration: none;
}
@media (max-width: 767px) {
  .btn-type7 a {
    display: block;
  }
}

.btn-type8 {
  text-align: center;
}
.btn-type8 a {
  background: url(/wp-content/uploads/c_4k/arrow_01.png) no-repeat 10px center #FFF;
  padding: 7px 10px 7px 20px;
  display: block;
  border: 2px solid #F2F2F2;
}
.btn-type8 a:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) no-repeat 10px center #F2F2F2;
  border: 2px solid #F2F2F2;
  text-decoration: none;
}

.btn-type9 {
  text-align: center;
  border: 2px solid #F00;
  background: #FDD;
  padding: 15px;
}
.btn-type9 a {
  font-size: 115%;
  font-weight: bold;
  color: #F00;
  text-decoration: underline;
}
.btn-type9 a:before {
  content: "";
  background: url(/wp-content/uploads/c_4k/arrow_04.gif) no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 7px;
}
.btn-type9:hover a {
  text-decoration: none;
}

.btn-type10, .btn-type10-full {
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
}
.btn-type10 a, .btn-type10-full a {
  background: url(/wp-content/uploads/c_4k/bk_btnmark_on.png) #EC4150 right bottom no-repeat;
  color: #FFF !important;
  display: block;
  font-size: 143%;
  font-weight: bold;
  line-height: 1.2em;
  padding: 20px;
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin-top: 1px;
  border-bottom: 5px solid #C12C39;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-shadow: 1px 2px 0px #C12C39;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .btn-type10 a, .btn-type10-full a {
    font-size: 129%;
  }
}
.btn-type10 a.blank, .btn-type10-full a.blank {
  background: url(/wp-content/uploads/c_4k/icon-blink_04.png) #EC4150 98% 90% no-repeat;
}
.btn-type10 a:hover, .btn-type10-full a:hover {
  margin-top: 5px;
  border-bottom-width: 1px;
  text-decoration: none !important;
}
.btn-type10.small a, .btn-type10-full.small a {
  padding: 15px;
  line-height: 1em;
  font-size: 129%;
}

.btn-type10 {
  max-width: 80%;
}

.btn-type10.none > *, .btn-type10-full.none > * {
  background: #777;
  color: #AAA !important;
  display: block;
  font-size: 143%;
  font-weight: bold;
  line-height: 1.2em;
  padding: 20px;
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin-top: 1px;
  border-bottom: 5px solid #555;
}
@media (max-width: 767px) {
  .btn-type10.none > *, .btn-type10-full.none > * {
    font-size: 129%;
  }
}
.btn-type10.none a:hover, .btn-type10-full.none a:hover {
  margin-top: 0px;
  border-bottom-width: 5px;
  text-decoration: none !important;
}

.btn-type11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.btn-type11 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.btn-type11 a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url("../img_common/arrow_01_on.png") no-repeat center center #F2F2F2;
  border-radius: 0.5em;
  margin-left: 0.5em;
}

@media (max-width: 767px) {
  .btn-type1-sp {
    padding: 10px 15px;
  }
  .btn-type1-sp a {
    background: url(/wp-content/uploads/c_4k/arrow_01.png) no-repeat 95% center #FFF;
    border: 1px solid #E7E7E7;
    display: block;
    font-size: 115%;
    text-align: center;
    padding: 10px;
  }
  .btn-type1-sp a:hover {
    background-image: url(/wp-content/uploads/c_4k/arrow_01_on.png);
    text-decoration: none;
  }
  .btn-type1-sp.gray a {
    background-color: #EEE;
  }
  .btn-type1-sp.open a {
    background-image: url(../img_common_sp/i_close_black.png);
  }
  .btn-type1-sp.open.collapsed a {
    background-image: url(../img_common_sp/i_open_black.png);
  }
}

.btn-blank a {
  background: #f2f2f2 url(/wp-content/uploads/c_4k/icon-blink_03.png) 0.8em no-repeat;
  padding: 10px 15px 10px 30px;
  font-size: 100%;
}
.btn-blank a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
}

.btn-contact a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_pink.png) #EC4150 right bottom no-repeat;
  color: #FFF !important;
  display: block;
  font-size: 115%;
  font-weight: bold;
  padding: 8px 15px;
  position: relative;
  text-align: center;
}
.btn-contact a:before {
  content: url(/wp-content/uploads/c_4k/icon_contact.gif);
  margin-right: 10px;
}
.btn-contact a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
}
.btn-contact.large {
  font-size: 179%;
}
@media (min-width: 993px) {
  .btn-contact.large {
    width: 790px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .btn-contact.large {
    font-size: 129%;
    line-height: 1.5em;
  }
}
.btn-contact.large a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_pink_l.png) #EC4150 right bottom no-repeat;
  padding: 20px;
}
.btn-contact.large a:before {
  content: url(/wp-content/uploads/c_4k/icon_contact_l.png);
}
@media (max-width: 767px) {
  .btn-contact.large a:before {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 15px;
    height: 28px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .btn-contact.large a {
    padding: 10px;
  }
}
.btn-contact.small a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_pink.png) no-repeat right bottom #EC4150;
  font-size: 122% !important;
  line-height: 1.3em !important;
  padding: 5px 20px 5px 55px;
}
.btn-contact.small a:before {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 15px;
  margin: auto;
  height: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-contact.small a:before {
    left: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-contact.small a {
    margin: 0 !important;
    padding: 5px 15px 5px 35px;
  }
}

.btn-contact-sm {
  background-color: rgba(0, 0, 0, 0.8) !important;
  text-align: center;
  padding: 15px;
}
@media (max-width: 767px) {
  .btn-contact-sm {
    padding: 15px;
  }
}
.btn-contact-sm a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow_pink_l.png) no-repeat right bottom #EC4150;
  color: #FFF;
  display: block;
  font-weight: bold;
  font-size: 115%;
  line-height: 1.3em;
  padding: 20px;
}
@media (max-width: 767px) {
  .btn-contact-sm a {
    padding: 15px;
  }
}
.btn-contact-sm a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.btn-contact-sm a:before {
  content: url(/wp-content/uploads/c_4k/icon_contact.gif);
  margin-right: 5px;
  vertical-align: middle;
}

/* ボタンリスト */
.btn-list1 {
  font-size: 115%;
  margin-right: -15px;
  overflow: hidden;
  text-align: center;
  width: 735px;
}
.btn-list1 li {
  float: left;
  margin-right: 15px;
  width: 230px;
}
.btn-list1 li a {
  background: #F2F2F2 url(/wp-content/uploads/c_4k/arrow_08.png) no-repeat 15px center;
  display: block;
  padding: 10px 30px;
}
.btn-list1 li a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.btn-list2 {
  font-size: 115%;
  margin-right: -15px;
  overflow: hidden;
  text-align: center;
  width: 735px;
}
.btn-list2 li {
  float: left;
  margin-right: 15px;
  width: 168px;
}
.btn-list2 li a {
  background: #F2F2F2 url(/wp-content/uploads/c_4k/arrow_08.png) no-repeat 15px center;
  display: block;
  padding: 10px 30px;
}
.btn-list2 li a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.btn-list2-sp {
  overflow: hidden;
  text-align: center;
}
.btn-list2-sp li {
  margin-bottom: 10px;
}
.btn-list2-sp li a {
  background: #F2F2F2 url(/wp-content/uploads/c_4k/arrow_08.png) no-repeat 15px center;
  display: block;
  padding: 10px 30px;
}
.btn-list2-sp li a:hover {
  background: #1C5AB0 url(/wp-content/uploads/c_4k/arrow_08_bottom_white_l.png) no-repeat 15px center !important;
  color: #FFF !important;
  text-decoration: none;
}

.btn-list3 {
  font-size: 115%;
  overflow: hidden;
  text-align: center;
}
.btn-list3 li {
  float: left;
  margin-right: 10px;
}
.btn-list3 li a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) no-repeat right bottom #1C5AB0;
  color: #FFF !important;
  display: block;
  padding: 10px 30px;
  text-decoration: none;
}
.btn-list3 li a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.btn-list4 {
  overflow: hidden;
}
.btn-list4 li {
  margin-bottom: 5px;
}
.btn-list4 li a {
  background: #F2F2F2 url(/wp-content/uploads/c_4k/arrow_08.png) no-repeat 15px center;
  display: block;
  padding: 10px 30px;
}
@media (max-width: 767px) {
  .btn-list4 li a {
    background: #F2F2F2 url(/wp-content/uploads/c_4k/arrow_08.png) no-repeat 12px center;
    padding: 10px 15px 10px 30px;
    line-height: 1.2em;
  }
}
.btn-list4 li a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*　ボックス
-----------------------------------*/
/* 背景がグレー */
.box-type1 {
  background: #F2F2F2;
  padding: 15px;
}

/* 背景なし、ラインのみ。 */
.box-type2 {
  padding: 15px;
  border: 1px solid #999999;
}

/* 内側15pxのみ */
.box-type3 {
  padding: 0 15px;
}

/* 内側30pxのみ */
.box-type4 {
  padding: 0 30px;
}

/* 内側30px（SP時は15px）　背景は白　影付き */
.box-type5 {
  background: #FFF url(../../showcase/img/box-shadow-b.gif) bottom center no-repeat;
  padding: 30px 30px 40px;
}
@media (max-width: 767px) {
  .box-type5 {
    padding: 15px 15px 25px;
  }
}

/* グレー　角丸　*/
.box-type6 {
  background: #F2F2F2;
  padding: 15px;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

.box-video {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.box-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* contents 白地・内側30px */
.box-contents {
  background: #FFF;
  border: #e6e6e6 1px solid;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 30px;
}
@media (max-width: 767px) {
  .box-contents {
    padding: 15px;
  }
}

/* お問合わせ */
.box-contact {
  background: #FFF;
  border: #E6E6E6 1px solid;
  overflow: hidden;
  padding: 20px;
}
@media (max-width: 767px) {
  .box-contact {
    text-align: center;
  }
}
.box-contact h2 {
  color: #575757 !important;
  font-weight: bold;
  font-size: 143%;
  background: url(/wp-content/uploads/c_4k/bk-line_03.gif) bottom repeat-x;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.box-contact .tel {
  font-size: 214%;
  font-weight: bold;
}
@media (max-width: 767px) {
  .box-contact .tel {
    font-size: 179% !important;
  }
}
.box-contact .tel img {
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.box-contact .note {
  font-size: 86%;
}
@media (max-width: 767px) {
  .box-contact .note {
    margin-bottom: 15px;
  }
}
.box-contact .btn-contact a {
  padding: 15px;
}
.box-contact.type2 {
  background: none;
  border: none;
  padding: 0;
  text-align: center;
}
.box-contact.type2 p {
  display: inline;
  margin: 0 5px;
}
@media (max-width: 767px) {
  .box-contact.type2 p {
    display: block;
    font-size: 93%;
  }
}
@media (min-width: 993px) {
  .box-contact.type3 .title {
    text-align: left;
    background: url(/wp-content/uploads/c_4k/bk-line_03_y.png) repeat-y right;
    line-height: 1.5em;
    padding: 5px 0;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .box-list-type1 li {
    width: 100%;
  }
}
.box-list-type1 li .box-list-in {
  background: #FFF;
  border: 1px solid #E6E6E6;
  padding-bottom: 10px;
  position: relative;
}
.box-list-type1 li .box-list-in.link-box-blank .box-inner {
  background: url(/wp-content/uploads/c_4k/icon-blink_01.png) no-repeat 96% bottom #FFF;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .box-list-type1 li .box-list-in {
    height: auto;
  }
}
@media (max-width: 767px) {
  .box-list-type1 li .box-list-in {
    /*width: 240px;*/
    margin: 0 auto;
  }
}
.box-list-type1 li .box-list-in.link-box:hover, .box-list-type1 li .box-list-in.link-box-blank:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
@media (max-width: 767px) {
  .box-list-type1 li .box-list-in .img {
    padding-right: 0;
    margin-right: 0;
  }
  .box-list-type1 li .box-list-in .img img {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .box-list-type1 li .box-list-in .inner {
    padding-left: 0;
    margin-left: 0;
  }
}
.box-list-type1 li .box-list-in .box-inner {
  padding: 10px 10px 0;
}
.box-list-type1 li .box-list-in .box-inner .title {
  font-weight: bold;
  font-size: 108% !important;
  line-height: 120%;
  margin: 0 !important;
  padding: 0;
  color: #000 !important;
}
.box-list-type1 li .box-list-in .box-inner .title a:hover {
  color: #1588D8 !important;
  text-decoration: none;
}
.box-list-type1 li .box-list-in .box-inner p {
  font-size: 79%;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .box-list-type1 li .box-list-in .box-inner p {
    margin: 5px 0 0;
  }
}
.box-list-type1 li .box-list-in .box-inner .free-txt {
  font-size: 86%;
  margin-bottom: 5px;
}
.box-list-type1 li .box-list-in .box-inner .pickup-blink {
  text-align: right;
  margin-top: 10px;
}
.box-list-type1 li .box-list-in .box-inner .pickup-blink img {
  border: none;
}

@media (max-width: 767px) {
  .box-list-type2 {
    border-top: 1px solid #E6E6E6;
  }
}
.box-list-type2 li {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .box-list-type2 li {
    /*width: 240px;*/
    margin: 0 !important;
    padding: 0 !important;
  }
}
.box-list-type2 li .box-list-in {
  background: #FFF;
  border: 1px solid #E6E6E6;
  padding-bottom: 10px;
  position: relative;
}
.box-list-type2 li .box-list-in.link-box-blank .box-inner {
  background: url(/wp-content/uploads/c_4k/icon-blink_01.png) no-repeat 96% bottom #FFF;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .box-list-type2 li .box-list-in {
    /*width: 240px;*/
    margin: 0;
  }
}
.box-list-type2 li .box-list-in:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
@media (max-width: 767px) {
  .box-list-type2 li .box-list-in .img img {
    padding: 5px 5px !important;
  }
}
.box-list-type2 li .box-list-in .box-inner {
  padding: 10px 10px 0;
}
.box-list-type2 li .box-list-in .box-inner .title {
  font-weight: bold;
  font-size: 108% !important;
  line-height: 120%;
  margin: 0 !important;
  padding: 0;
  color: #000 !important;
}
.box-list-type2 li .box-list-in .box-inner .title a:hover {
  color: #1588D8 !important;
  text-decoration: none;
}
.box-list-type2 li .box-list-in .box-inner p {
  font-size: 79%;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .box-list-type2 li .box-list-in .box-inner p {
    margin: 5px 0 0;
  }
}
.box-list-type2 li .box-list-in .box-inner .free-txt {
  font-size: 86%;
  margin-bottom: 5px;
}
.box-list-type2 li .box-list-in .box-inner .pickup-blink {
  text-align: right;
  margin-top: 10px;
}
.box-list-type2 li .box-list-in .box-inner .pickup-blink img {
  border: none;
}

.box-list-type3 li {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .box-list-type3 li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url(/wp-content/uploads/c_4k/bk-line_03.gif) bottom repeat-x;
  }
}
.box-list-type3 li .box-list-in .img {
  padding-right: 0;
  margin-right: 0;
  texchecked-align: center;
}
@media (max-width: 767px) {
  .box-list-type3 li .box-list-in .img img {
    margin-bottom: 5px;
  }
}
.box-list-type3 li .box-list-in .img a {
  color: #1588D8;
  background: url(/wp-content/uploads/c_4k/arrow_01.png) right 0.45em no-repeat;
  padding: 0 8px 0 0;
}
.box-list-type3 li .box-list-in .inner .box-inner .title {
  font-weight: bold;
  font-size: 108% !important;
  line-height: 120%;
  margin: 0 !important;
  padding: 0;
  color: #000 !important;
}
.box-list-type3 li .box-list-in .inner .box-inner .title a:hover {
  color: #1588D8 !important;
  text-decoration: none;
}
.box-list-type3 li .box-list-in .inner .box-inner p {
  display: inline;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .box-list-type3 li .box-list-in .inner .box-inner p {
    margin: 5px 0 0;
    font-size: 86%;
    line-height: 70% !important;
  }
}
.box-list-type3 li .box-list-in .inner .box-inner p a {
  color: #1588D8;
  background: url(/wp-content/uploads/c_4k/arrow_01.png) right 0.45em no-repeat;
  padding: 0 8px 0 0;
}
.box-list-type3 li:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.box-list-type4 > li {
  line-height: 1.5em;
  margin-bottom: 20px;
}
.box-list-type4 > li .box-list-in {
  background: #FFF;
  border: 1px solid #E6E6E6;
  padding-bottom: 10px;
}
.box-list-type4 > li .box-list-in.link-box-blank .box-inner {
  background: url(/wp-content/uploads/c_4k/icon-blink_01.png) no-repeat 96% bottom #FFF;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .box-list-type4 > li .box-list-in {
    margin: 0;
  }
}
.box-list-type4 > li .box-list-in:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.box-list-type4 > li .box-list-in .box-inner {
  padding: 10px 10px 0;
}
.box-list-type4 > li .box-list-in .box-inner .title {
  font-weight: bold;
  font-size: 108% !important;
  line-height: 120%;
  margin: 0 !important;
  padding: 0;
  color: #000 !important;
}
.box-list-type4 > li .box-list-in .box-inner .title a:hover {
  color: #1588D8 !important;
  text-decoration: none;
}
.box-list-type4 > li .box-list-in .box-inner p {
  font-size: 79%;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .box-list-type4 > li .box-list-in .box-inner p {
    margin: 5px 0 0;
  }
}
.box-list-type4 > li .box-list-in .box-inner .free-txt {
  font-size: 86%;
  margin-bottom: 5px;
}
.box-list-type4 > li .box-list-in .box-inner .pickup-blink {
  text-align: right;
  margin-top: 10px;
}
.box-list-type4 > li .box-list-in .box-inner .pickup-blink img {
  border: none;
}

.box-list-type5 li {
  background: #F5F5F5;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 7px 10px;
}
.box-list-type5 li a {
  color: #1588D8;
}
.box-list-type5 li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.box-list-type6 {
  text-align: center;
}
.box-list-type6 li {
  background: #FFF;
  border: 1px solid #E6E6E6;
}
.box-list-type6 li:hover .detail .btn-type1 a {
  background: url(/wp-content/uploads/c_4k/bk_btnarrow.gif) #1588D8 right bottom no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.box-list-type6 li .img {
  padding-top: 15px;
}
.box-list-type6 li .detail {
  padding-top: 15px;
}
.box-list-type6 li .detail h2 {
  color: #333333 !important;
  font-weight: bold;
  font-size: 108% !important;
  line-height: 1em !important;
  margin-bottom: 10px !important;
}
.box-list-type6 li .detail p {
  font-size: 79%;
  line-height: 1.5em;
  color: #999999;
}
.box-list-type6 li .detail .btn-type1 {
  padding: 3px !important;
  margin: 15px;
  font-size: 93%;
}
.box-list-type6 li.contact .detail h2 {
  color: #EB4050 !important;
}
.box-list-type6 li.contact .detail .btn-type1 a {
  background-color: #EB4050 !important;
}

.box-attention {
  border: 1px solid #F00;
  text-align: center;
  padding: 10px;
  color: #F00;
  background: #FDD;
  margin-bottom: 40px !important;
  font-size: 115% !important;
}
.box-attention:before {
  content: url("../img_common/arrow_01.png");
  margin-right: 5px;
  vertical-align: middle;
}
.box-attention a {
  color: #F00;
}

.info-bottom-link {
  width: auto !important;
  margin: 0 0 30px !important;
}
.info-bottom-link .row .info-bottom-link-box {
  margin-bottom: 1px;
}
.info-bottom-link .row .info-bottom-link-box .info-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.info-bottom-link .row .info-bottom-link-box p {
  color: #666;
  margin-bottom: 5px;
}
.info-bottom-link .row .info-bottom-link-box a {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) no-repeat left center;
  padding-left: 10px;
  font-size: 93%;
}
.info-bottom-link .row .info-bottom-link-box .link-box, .info-bottom-link .row .info-bottom-link-box .link-box-blank, .info-bottom-link .row .info-bottom-link-box .link_box {
  padding: 20px;
  background: #F2F2F2;
}

/*　外部リンク
-----------------------------------*/
a.blank {
  background: url(/wp-content/uploads/c_4k/icon-blink_03.png) right 0.2em no-repeat;
  padding: 0 20px 0 0;
}

/*　アンカーリンク対策
-----------------------------------*/
.anchor {
  padding-top: 50px !important;
  margin-top: -50px !important;
  display: block !important;
}

/*　リンク
-----------------------------------*/
.link-arrow {
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
}
.link-arrow:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
}

.link-arrow-r {
  background: url(/wp-content/uploads/c_4k/arrow_01.png) right 0.45em no-repeat;
  padding: 0 8px 0 0;
}
.link-arrow-r:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) right 0.45em no-repeat;
}

.link-arrow02:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
}

.link-opacity:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.link-opacity02:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.link-anchor {
  display: block;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .link-anchor {
    padding-bottom: 0;
  }
}

/*　img-float
-----------------------------------*/
.img-l {
  float: left;
  margin: 0 20px 20px 0;
}

.img-l-sp {
  float: left;
  margin: 0 20px 20px 0;
}
@media (max-width: 767px) {
  .img-l-sp {
    float: none;
    margin-bottom: 15px;
    text-align: center;
  }
  .img-l-sp img {
    margin: 0 auto !important;
    display: block !important;
    max-width: 100%;
  }
}

.img-r {
  float: right;
  margin: 0 0 20px 20px;
}

.img-r-sp {
  float: right;
  margin: 0 0 20px 20px;
}
@media (max-width: 767px) {
  .img-r-sp {
    float: none;
    margin: 0 0 15px;
    text-align: center;
  }
  .img-r-sp img {
    margin: 0 auto !important;
    display: block !important;
    max-width: 100%;
  }
}

.img-c {
  text-align: center !important;
  margin: 0 0 20px 10px;
}

/*　画像コンテンツ全面（スマホのみ）
-----------------------------------*/
@media (max-width: 767px) {
  .img-all {
    margin: 0 -15px;
  }
}

/*　float
-----------------------------------*/
.float-l {
  float: left;
}

.float-r {
  float: right;
}

.float-none {
  float: none;
}

@media (max-width: 767px) {
  .float-none-xs {
    float: none;
  }
}
/* overflow
-----------------------------------*/
.of-hide {
  overflow: hidden;
}

/*　img-float
-----------------------------------*/
.vertical-middle {
  vertical-align: middle;
}

/*　sharp
-----------------------------------*/
.img-snap {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* ---------　.clearfix ------------------------------ */
.clearfix {
  zoom: 1;
  overflow: hidden;
}

.clear-all {
  clear: both;
}

*:after {
  display: block;
  clear: both;
}

.clear-l {
  clear: left;
}

.clear-r {
  clear: right;
}

/* ---------　.block ------------------------------ */
.block {
  display: block;
}

@media (max-width: 767px) {
  .block-xs {
    display: block;
  }
}

.inline-block {
  display: inline-block;
}

/* ---------　column ------------------------------ */
.column3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.column3 > div {
  width: 33.3333333333%;
  padding: 0 15px;
}

@media (min-width: 768px) {
  .column3-pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
  }
  .column3-pc > div {
    width: 33.3333333333%;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .column1-xs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .column1-xs > div {
    width: 100％;
    padding: 0;
    margin-bottom: 30px;
  }
  .column3-xs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
  }
  .column3-xs > div {
    width: 33.3333333333%;
    padding: 0 15px;
  }
}
/* ---------　.flex-box ------------------------------ */
.flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .flex-box-pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-left-pc {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .flex-right-pc {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .flex-center-pc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex-column-pc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-between-pc {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .order1-pc {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .order2-pc {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .order3-pc {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .order4-pc {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .order5-pc {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
}
@media (max-width: 767px) {
  .flex-box-xs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .flex-left-xs {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .flex-right-xs {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .flex-center-xs {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex-column-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-between-xs {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .order1-xs {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .order2-xs {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .order3-xs {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .order4-xs {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .order5-xs {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
}
/* --------- list ------------------------------ */
ul.type1 {
  list-style: disc;
  padding-left: 25px;
}
@media (max-width: 767px) {
  ul.type1.none-xs {
    list-style: none;
    padding-left: 0;
  }
}

ul.type2 a {
  background: url(/wp-content/uploads/c_4k/arrow_01.png) left 0.45em no-repeat;
  padding: 0 0 0 8px;
}

ul.type2 a:hover {
  background: url(/wp-content/uploads/c_4k/arrow_01_on.png) left 0.45em no-repeat;
}

/*※用*/
ul.type3 {
  margin-left: 1em;
}

ul.type3 li {
  text-indent: -1em;
}

ul.type4 li, ul[class*=type4-] li {
  padding-left: calc(1em + 5px);
}
ul.type4 li:before, ul[class*=type4-] li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background: #333;
  float: left;
  margin-left: calc(-1em - 5px);
  margin-right: 5px;
}
ul.type4 li + li, ul[class*=type4-] li + li {
  margin-top: 1em;
}
ul.type4[class*=-blue] li:before, ul[class*=type4-][class*=-blue] li:before {
  background-color: #278FCF;
}
ul.type4[class*=-purple] li:before, ul[class*=type4-][class*=-purple] li:before {
  background-color: #4A33B3;
}

ol.type1 {
  list-style: decimal;
  padding-left: 30px;
}

.link-list-type1 li {
  display: inline;
  margin-right: 10px;
}
.link-list-type1 li a {
  color: #1588D8;
  background: url(/wp-content/uploads/c_4k/arrow_03.png) no-repeat left center;
  padding-left: 10px;
}
.link-list-type1 li a:hover {
  background-image: url(/wp-content/uploads/c_4k/arrow_01_on.png);
}
@media (max-width: 767px) {
  .link-list-type1 {
    text-align: center !important;
  }
}

/*　ボーダー
-----------------------------------*/
.b-dot {
  background: url(/wp-content/uploads/c_4k/bk-line_02.gif) top repeat-x;
  padding: 20px 0 0 0;
}

.line-dot-b {
  background: url(/wp-content/uploads/c_4k/bk-line_02.gif) bottom repeat-x;
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

/* マーク
-----------------------------------*/
.mark-new {
  background: #900;
  padding: 1px 4px;
  color: #FFF;
  font-weight: bold;
  border-radius: 5px;
  font-size: 0.7em;
  margin-left: 5px;
}

.new-entry {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}

/* マーク
-----------------------------------*/
.mark-pdf a {
  background: url(/wp-content/uploads/c_4k/icon_side_pdf.gif) left center no-repeat !important;
  padding: 10px 20px 10px 35px;
  line-height: 2em;
}

/*画像右上にマーク*/
.icon-system {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* 埋め込み動画
-----------------------------------*/
.video-iframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /*16:9*/
  overflow: hidden;
}
.video-iframe iframe, .video-iframe video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.video-iframe.vga {
  padding-top: 75%; /*4:3*/
}

/* ---------　.space ------------------------------ */
.space00t {
  margin-top: 0 !important;
}

.space05t {
  margin-top: 5px !important;
}

.space10t {
  margin-top: 10px !important;
}

.space15t {
  margin-top: 15px !important;
}

.space20t {
  margin-top: 20px !important;
}

.space25t {
  margin-top: 25px !important;
}

.space30t {
  margin-top: 30px !important;
}

.space40t {
  margin-top: 40px !important;
}

.space50t {
  margin-top: 50px !important;
}

.space60t {
  margin-top: 60px !important;
}

.space-60t {
  margin-top: -60px !important;
}

.space00b {
  margin-bottom: 0 !important;
}

.space05b {
  margin-bottom: 5px !important;
}

.space10b {
  margin-bottom: 10px !important;
}

.space15b {
  margin-bottom: 15px !important;
}

.space20b {
  margin-bottom: 20px !important;
}

.space25b {
  margin-bottom: 25px !important;
}

.space30b {
  margin-bottom: 30px !important;
}

.space35b {
  margin-bottom: 35px !important;
}

.space40b {
  margin-bottom: 40px !important;
}

.space45b {
  margin-bottom: 45px !important;
}

.space50b {
  margin-bottom: 50px !important;
}

.space55b {
  margin-bottom: 55px !important;
}

.space60b {
  margin-bottom: 60px !important;
}

.space65b {
  margin-bottom: 65px !important;
}

.space70b {
  margin-bottom: 70px !important;
}

.space75b {
  margin-bottom: 75px !important;
}

.space80b {
  margin-bottom: 80px !important;
}

.space00l {
  margin-left: 0 !important;
}

.space05l {
  margin-left: 5px !important;
}

.space10l {
  margin-left: 10px !important;
}

.space15l {
  margin-left: 15px !important;
}

.space20l {
  margin-left: 20px !important;
}

.space30l {
  margin-left: 30px !important;
}

.space00r {
  margin-right: 0 !important;
}

.space10r {
  margin-right: 10px !important;
}

.space15r {
  margin-right: 15px !important;
}

.space20r {
  margin-right: 20px !important;
}

.space30r {
  margin-right: 30px !important;
}

.space40r {
  margin-right: 40px !important;
}

@media (max-width: 767px) {
  .space00t-xs {
    margin-top: 0 !important;
  }
  .space15t-xs {
    margin-top: 15px !important;
  }
  .space30t-xs {
    margin-top: 30px !important;
  }
  .space00b-xs {
    margin-bottom: 0 !important;
  }
  .space05b-xs {
    margin-bottom: 5px !important;
  }
  .space10b-xs {
    margin-bottom: 10px !important;
  }
  .space15b-xs {
    margin-bottom: 15px !important;
  }
  .space20b-xs {
    margin-bottom: 20px !important;
  }
  .space30b-xs {
    margin-bottom: 30px !important;
  }
  .space60b-xs {
    margin-bottom: 60px !important;
  }
  .space00l-xs {
    margin-left: 0 !important;
  }
  .space05l-xs {
    margin-left: 5px !important;
  }
  .space10l-xs {
    margin-left: 10px !important;
  }
  .space15l-xs {
    margin-left: 15px !important;
  }
  .space00r-xs {
    margin-right: 0 !important;
  }
  .space05r-xs {
    margin-right: 5px !important;
  }
  .space10r-xs {
    margin-right: 10px !important;
  }
  .space15r-xs {
    margin-right: 15px !important;
  }
}
/* ---------　width ------------------------------ */
.wF {
  width: 100%;
}

.w30 {
  width: 30%;
}

.w33 {
  width: 33.3333333333%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

@media (min-width: 768px) {
  .wF-pc {
    width: 100%;
  }
  .w30-pc {
    width: 30%;
  }
  .w33-pc {
    width: 33.3333333333%;
  }
  .w40-pc {
    width: 40%;
  }
  .w50-pc {
    width: 50%;
  }
  .w55-pc {
    width: 55%;
  }
  .w60-pc {
    width: 60%;
  }
  .w65-pc {
    width: 65%;
  }
  .w70-pc {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .wF-xs {
    width: 100%;
  }
  .w30-xs {
    width: 30%;
  }
  .w33-xs {
    width: 33.3333333333%;
  }
  .w40-xs {
    width: 40%;
  }
  .w50-xs {
    width: 50%;
  }
  .w55-xs {
    width: 55%;
  }
  .w60-xs {
    width: 60%;
  }
  .w65-pc {
    width: 65%;
  }
  .w70-xs {
    width: 70%;
  }
}
/* ---------　table ------------------------------ */
#contents table, #contents th, #contents td {
  border: 1px solid #999999;
  padding: 8px 8px;
}

#contents table {
  margin: 0 0 10px 0;
}
#contents table th {
  background: #F0F0F0;
  color: #333333;
}
#contents table th.type1 {
  background: #2E3038;
  color: #FFF;
}
#contents table .none {
  background: none !important;
  border: none !important;
}

/* ラインなしタイプ */
#contents table.type2 {
  border: none !important;
}
#contents table.type2 th {
  background: #FFF;
  border: none !important;
  color: #666;
  font-weight: bold;
  padding: 15px;
}
#contents table.type2 th.type1 {
  background: #2E3038;
  color: #FFF;
}
#contents table.type2 th.type2 {
  background: #F0F0F0;
  color: #666;
  font-weight: bold;
}
#contents table.type2 th.type3 {
  background: url(/wp-content/uploads/c_4k/bk_blue.gif);
  color: #FFF;
}
#contents table.type2 td {
  border: none !important;
  padding: 15px;
}
#contents table.type2 td.type1 {
  background: #EEF4FC;
}
#contents table.type2 td.type2 {
  background: #F0F0F0;
}
#contents table.type2 td.type3 {
  background: #D6E4F8;
}
#contents table.type2 .none {
  background: none !important;
  border: none !important;
}

/* ラインなしタイプ */
table.type3 {
  width: 100%;
}
table.type3 tr:nth-child(even) {
  background: #ECF0F3;
}
table.type3 th {
  background: #666;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
}
table.type3 td {
  padding: 10px;
}
@media (max-width: 767px) {
  table.type3 tr {
    display: block;
  }
  table.type3 th {
    display: block;
  }
  table.type3 td {
    display: block;
    padding: 2px 10px;
  }
}

/* レスポンシブtable */
table.type4 {
  width: 100%;
  border-bottom: none !important;
}
table.type4 tr {
  border-right: none !important;
  border-top: none !important;
  border-left: none !important;
}
table.type4 tr th {
  background: #F0F0F0;
  border-top: none !important;
  border-left: none !important;
  width: 25%;
  height: 100%;
  padding: 10px;
  font-size: 93%;
  color: #545454;
  vertical-align: middle;
}
@media (max-width: 767px) {
  table.type4 tr th {
    border-right: none !important;
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0;
  }
}
table.type4 tr td {
  border-right: none !important;
  border-top: none !important;
  border-left: none !important;
  width: 100%;
  padding: 10px;
  font-size: 100%;
}
@media (max-width: 767px) {
  table.type4 tr td {
    display: block;
    width: 100%;
    text-align: center;
  }
}
table.type4 tr.lastrow {
  border-bottom: 1px solid #999;
}
table.type4 tr.lastrow td {
  border-bottom: none !important;
}

/* レスポンシブtable (スマホの時にスクロールするタイプ) */
.t-type5-scroll {
  overflow: auto;
  white-space: nowrap;
}

.t-type5-scroll::-webkit-scrollbar {
  height: 5px;
}

.t-type5-scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.t-type5-scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

table.type5 {
  width: 100%;
  border-collapse: collapse;
}
table.type5 tr {
  border: solid 1px #999;
}
table.type5 tr th {
  background: #F0F0F0;
  border: solid 1px #999;
  height: 100%;
  padding: 10px;
  vertical-align: middle;
  color: #545454;
  font-size: 93%;
  line-height: 1.2em;
}
table.type5 tr th.t-type5-h-type01 {
  background: #555 !important;
  color: #FFF !important;
}
table.type5 tr td {
  border: solid 1px #999;
  padding: 10px;
  font-size: 100%;
  text-align: center;
  line-height: 1.2em;
}

/* スマホ対応テーブル */
dl.type3 {
  border-bottom: 1px solid #999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 1px;
  /*赤いテーブル*/
}
dl.type3 > dt {
  background: #F0F0F0;
  border: 1px solid #999;
  border-bottom: none;
  width: 25%;
  padding: 10px;
  font-size: 93%;
  color: #545454;
}
@media (max-width: 767px) {
  dl.type3 > dt {
    width: 100% !important;
    text-align: center;
    padding: 5px 0;
  }
}
dl.type3 > dt.th-type1 {
  background: #9FA0A0;
  color: #FFF;
  font-weight: bold;
  padding: 5px 10px;
  width: 100%;
}
dl.type3 > dd {
  border: 1px solid #999;
  border-left: none;
  border-bottom: none;
  width: 75%;
  padding: 10px;
  font-size: 100%;
}
@media (max-width: 767px) {
  dl.type3 > dd {
    border-left: 1px solid #999;
    width: 100% !important;
    text-align: center;
  }
}
dl.type3.type-red dt {
  background: #FDEBE7;
}
dl.type3.type-red dt.th-type1 {
  background: #F49B86;
}

/* //width指定なしテーブル */
dl.type4 {
  border-bottom: 1px solid #999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 1px;
}
dl.type4 dt {
  background: #F0F0F0;
  border: 1px solid #999;
  border-bottom: none;
  padding: 10px;
  font-size: 93%;
  color: #545454;
}
@media (max-width: 767px) {
  dl.type4 dt {
    width: 100% !important;
    text-align: center;
    padding: 5px 0;
  }
}
dl.type4 dd {
  border: 1px solid #999;
  border-left: none;
  border-bottom: none;
  padding: 10px;
  font-size: 100%;
}
dl.type4 dd.vertical-center {
  /* dtが2行以上の場合、ddを上下中央にする */
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  dl.type4 dd.vertical-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 767px) {
  dl.type4 dd {
    width: 100% !important;
    border-left: 1px solid #999;
    text-align: center;
  }
}

/* //javascriptでwidth動的指定 背景ナシ */
dl.dltype5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
dl.dltype5 dt {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px;
  width: 8%;
}
dl.dltype5 dt.nowrap {
  white-space: nowrap;
}
dl.dltype5.dt10 dt {
  width: 10%;
}
dl.dltype5.dt15 dt {
  width: 15%;
}
dl.dltype5.dt20 dt {
  width: 20%;
}
dl.dltype5.dt25 dt {
  width: 25%;
}
dl.dltype5.dt30 dt {
  width: 30%;
}
dl.dltype5.dt35 dt {
  width: 35%;
}
dl.dltype5 dd {
  padding: 0 5px;
  text-align: left;
}
@media (max-width: 767px) {
  dl.dltype5 dt {
    width: 15%;
  }
  dl.dltype5.dt10 dt {
    width: 20%;
  }
  dl.dltype5.dt15 dt {
    width: 22%;
  }
  dl.dltype5.dt20 dt {
    width: 25%;
  }
  dl.dltype5.dt25 dt {
    width: 30%;
  }
}
@media (max-width: 575px) {
  dl.dltype5 dt {
    width: 20%;
  }
  dl.dltype5.dt10 dt {
    width: 25%;
  }
  dl.dltype5.dt15 dt {
    width: 27%;
  }
  dl.dltype5.dt20 dt {
    width: 30%;
  }
  dl.dltype5.dt25 dt {
    width: 37%;
  }
  dl.dltype5.nowrap dt {
    white-space: nowrap;
  }
  dl.dltype5 dt {
    margin-left: -5px;
  }
  dl.dltype5 dd {
    padding: 0;
    margin-right: -10px;
  }
}

.backtotop {
  position: fixed;
  right: 15px;
  bottom: 20px;
  z-index: 9000;
  display: none;
}
.backtotop a {
  display: block;
  color: #777777;
  padding: 14px 6px;
  margin: 0;
  background-color: #DDDDDD;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.backtotop:hover {
  opacity: 0.8;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1-5 {
  width: 20%;
  float: left;
}

.col-xs-2-5 {
  width: 40%;
  float: left;
}

.col-xs-3-5 {
  width: 60%;
  float: left;
}

.col-xs-4-5 {
  width: 80%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
  .col-sm-2-5 {
    width: 40%;
    float: left;
  }
  .col-sm-3-5 {
    width: 60%;
    float: left;
  }
  .col-sm-4-5 {
    width: 80%;
    float: left;
  }
  .col-sm-pull-1-5 {
    right: 20%;
  }
  .col-sm-pull-2-5 {
    right: 40%;
  }
  .col-sm-pull-3-5 {
    right: 60%;
  }
  .col-sm-pull-4-5 {
    right: 80%;
  }
  .col-sm-push-1-5 {
    left: 20%;
  }
  .col-sm-push-2-5 {
    left: 40%;
  }
  .col-sm-push-3-5 {
    left: 60%;
  }
  .col-sm-push-4-5 {
    left: 80%;
  }
}
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
  .col-md-2-5 {
    width: 40%;
    float: left;
  }
  .col-md-3-5 {
    width: 60%;
    float: left;
  }
  .col-md-4-5 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
  .col-lg-2-5 {
    width: 40%;
    float: left;
  }
  .col-lg-3-5 {
    width: 60%;
    float: left;
  }
  .col-lg-4-5 {
    width: 80%;
    float: left;
  }
}
/* 　Width
-----------------------------------*/
.w05 {
  width: 5% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w1_6 {
  width: 16.6666666667% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w1_3 {
  width: 33.3333333333% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w2_3 {
  width: 66.6666666667% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.flex_frame-itv10, [class*="-itv10 "], [class*=-itv10-], [class$=-itv10] {
  margin-left: -5px;
  margin-right: -5px;
}

.flex_frame-itv10 > *, [class*="-itv10 "] > *, [class*=-itv10-] > *, [class$=-itv10] > * {
  padding-left: 5px;
  padding-right: 5px;
}

.flex_frame-itv20, [class*="-itv20 "], [class*=-itv20-], [class$=-itv20] {
  margin-left: -10px;
  margin-right: -10px;
}

.flex_frame-itv20 > *, [class*="-itv20 "] > *, [class*=-itv20-] > *, [class$=-itv20] > * {
  padding-left: 10px;
  padding-right: 10px;
}

.flex_frame-itv30, [class*="-itv30 "], [class*=-itv30-], [class$=-itv30] {
  margin-left: -15px;
  margin-right: -15px;
}

.flex_frame-itv30 > *, [class*="-itv30 "] > *, [class*=-itv30-] > *, [class$=-itv30] > * {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .w05_xl, .w10_xl, .w15_xl, .w1_6_xl, .w20_xl, .w25_xl, .w30_xl, .w1_3_xl, .w40_xl, .w45_xl, .w50_xl, .w55_xl, .w60_xl, .w2_3_xl, .w70_xl, .w75_xl, .w80_xl, .w90_xl, .w100_xl {
    width: 100%;
  }
  .w05_lg, .w10_lg, .w15_lg, .w1_6_lg, .w20_lg, .w25_lg, .w30_lg, .w1_3_lg, .w40_lg, .w45_lg, .w50_lg, .w55_lg, .w60_lg, .w2_3_lg, .w70_lg, .w75_lg, .w80_lg, .w90_lg, .w100_lg {
    width: 100%;
  }
  /* ----------------------- */
  .w05_pc {
    width: 5%;
  }
  .w10_pc {
    width: 10%;
  }
  .w15_pc {
    width: 15%;
  }
  .w1_6_pc {
    width: 16.6666666667%;
  }
  .w20_pc {
    width: 20%;
  }
  .w25_pc {
    width: 25%;
  }
  .w30_pc {
    width: 30%;
  }
  .w1_3_pc {
    width: 33.3333333333%;
  }
  .w40_pc {
    width: 40%;
  }
  .w45_pc {
    width: 45%;
  }
  .w50_pc {
    width: 50%;
  }
  .w55_pc {
    width: 55%;
  }
  .w60_pc {
    width: 60%;
  }
  .w2_3_pc {
    width: 66.6666666667%;
  }
  .w70_pc {
    width: 70%;
  }
  .w75_pc {
    width: 75%;
  }
  .w80_pc {
    width: 80%;
  }
  .w90_pc {
    width: 90%;
  }
  .w100_pc {
    width: 100%;
  }
  .flex_frame-itv10_pc, [class*=flex_frame][class*="-itv10_pc "], [class*=flex_frame][class*=-itv10_pc-], [class*=flex_frame][class$=-itv10_pc] {
    margin-left: -5px;
    margin-right: -5px;
  }
  .flex_frame-itv10_pc > *, [class*=flex_frame][class*="-itv10_pc "] > *, [class*=flex_frame][class*=-itv10_pc-] > *, [class*=flex_frame][class$=-itv10_pc] > * {
    padding-left: 5px;
    padding-right: 5px;
  }
  .flex_frame-itv20_pc, [class*=flex_frame][class*="-itv20_pc "], [class*=flex_frame][class*=-itv20_pc-], [class*=flex_frame][class$=-itv20_pc] {
    margin-left: -10px;
    margin-right: -10px;
  }
  .flex_frame-itv20_pc > *, [class*=flex_frame][class*="-itv20_pc "] > *, [class*=flex_frame][class*=-itv20_pc-] > *, [class*=flex_frame][class$=-itv20_pc] > * {
    padding-left: 10px;
    padding-right: 10px;
  }
  .flex_frame-itv30_pc, [class*=flex_frame][class*="-itv30_pc "], [class*=flex_frame][class*=-itv30_pc-], [class*=flex_frame][class$=-itv30_pc] {
    margin-left: -15px;
    margin-right: -15px;
  }
  .flex_frame-itv30_pc > *, [class*=flex_frame][class*="-itv30_pc "] > *, [class*=flex_frame][class*=-itv30_pc-] > *, [class*=flex_frame][class$=-itv30_pc] > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .w05_xl, .w10_xl, .w15_xl, .w1_6_xl, .w20_xl, .w25_xl, .w30_xl, .w1_3_xl, .w40_xl, .w45_xl, .w50_xl, .w55_xl, .w60_xl, .w2_3_xl, .w70_xl, .w75_xl, .w80_xl, .w90_xl, .w100_xl {
    width: 100%;
  }
  /* ----------------------- */
  .w05_lg {
    width: 5%;
  }
  .w10_lg {
    width: 10%;
  }
  .w15_lg {
    width: 15%;
  }
  .w1_6_lg {
    width: 16.6666666667%;
  }
  .w20_lg {
    width: 20%;
  }
  .w25_lg {
    width: 25%;
  }
  .w30_lg {
    width: 30%;
  }
  .w1_3_lg {
    width: 33.3333333333%;
  }
  .w40_lg {
    width: 40%;
  }
  .w45_lg {
    width: 45%;
  }
  .w50_lg {
    width: 50%;
  }
  .w55_lg {
    width: 55%;
  }
  .w60_lg {
    width: 60%;
  }
  .w2_3_lg {
    width: 66.6666666667%;
  }
  .w70_lg {
    width: 70%;
  }
  .w75_lg {
    width: 75%;
  }
  .w80_lg {
    width: 80%;
  }
  .w90_lg {
    width: 90%;
  }
  .w100_lg {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .w05_xl {
    width: 5%;
  }
  .w10_xl {
    width: 10%;
  }
  .w15_xl {
    width: 15%;
  }
  .w1_6_xl {
    width: 16.6666666667%;
  }
  .w20_xl {
    width: 20%;
  }
  .w25_xl {
    width: 25%;
  }
  .w30_xl {
    width: 30%;
  }
  .w1_3_xl {
    width: 33.3333333333%;
  }
  .w40_xl {
    width: 40%;
  }
  .w45_xl {
    width: 45%;
  }
  .w50_xl {
    width: 50%;
  }
  .w55_xl {
    width: 55%;
  }
  .w60_xl {
    width: 60%;
  }
  .w2_3_xl {
    width: 66.6666666667%;
  }
  .w70_xl {
    width: 70%;
  }
  .w75_xl {
    width: 75%;
  }
  .w80_xl {
    width: 80%;
  }
  .w90_xl {
    width: 90%;
  }
  .w100_xl {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w05_pc, .w10_pc, .w15_pc, .w1_6_pc, .w20_pc, .w25_pc, .w30_pc, .w1_3_pc, .w40_pc, .w45_pc, .w50_pc, .w55_pc, .w60_pc, .w2_3_pc, .w70_pc, .w75_pc, .w80_pc, .w90_pc {
    width: 100%;
  }
  .w05_sp {
    width: 5%;
  }
  .w10_sp {
    width: 10%;
  }
  .w15_sp {
    width: 15%;
  }
  .w1_6_sp {
    width: 16.6666666667%;
  }
  .w20_sp {
    width: 20%;
  }
  .w25_sp {
    width: 25%;
  }
  .w30_sp {
    width: 30%;
  }
  .w1_3_sp {
    width: 33.3333333333%;
  }
  .w40_sp {
    width: 40%;
  }
  .w45_sp {
    width: 45%;
  }
  .w50_sp {
    width: 50%;
  }
  .w55_sp {
    width: 55%;
  }
  .w60_sp {
    width: 60%;
  }
  .w2_3_sp {
    width: 66.6666666667%;
  }
  .w70_sp {
    width: 70%;
  }
  .w75_sp {
    width: 75%;
  }
  .w80_sp {
    width: 80%;
  }
  .w90_sp {
    width: 90%;
  }
  .w100_sp {
    width: 100%;
  }
  .flex_frame-itv10_sp, [class*=flex_frame][class*="-itv10_sp "], [class*=flex_frame][class*=-itv10_sp-], [class*=flex_frame][class$=-itv10_sp] {
    margin-left: -5px;
    margin-right: -5px;
  }
  .flex_frame-itv10_sp > *, [class*=flex_frame][class*="-itv10_sp "] > *, [class*=flex_frame][class*=-itv10_sp-] > *, [class*=flex_frame][class$=-itv10_sp] > * {
    padding-left: 5px;
    padding-right: 5px;
  }
  .flex_frame-itv20_sp, [class*=flex_frame][class*="-itv20_sp "], [class*=flex_frame][class*=-itv20_sp-], [class*=flex_frame][class$=-itv20_sp] {
    margin-left: -10px;
    margin-right: -10px;
  }
  .flex_frame-itv20_sp > *, [class*=flex_frame][class*="-itv20_sp "] > *, [class*=flex_frame][class*=-itv20_sp-] > *, [class*=flex_frame][class$=-itv20_sp] > * {
    padding-left: 10px;
    padding-right: 10px;
  }
  .flex_frame-itv30_sp, [class*=flex_frame][class*="-itv30_sp "], [class*=flex_frame][class*=-itv30_sp-], [class*=flex_frame][class$=-itv30_sp] {
    margin-left: -15px;
    margin-right: -15px;
  }
  .flex_frame-itv30_sp > *, [class*=flex_frame][class*="-itv30_sp "] > *, [class*=flex_frame][class*=-itv30_sp-] > *, [class*=flex_frame][class$=-itv30_sp] > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* 　Flex Responsive
-----------------------------------*/
.flex_frame, [class*=flex_frame] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex_frame-center, [class*=flex_frame][class*="-center "], [class*=flex_frame][class*=-center-], [class*=flex_frame][class$=-center] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex_frame-right, [class*=flex_frame][class*="-right "], [class*=flex_frame][class*=-right-], [class*=flex_frame][class$=-right] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex_frame-middle, [class*=flex_frame][class*="-middle "], [class*=flex_frame][class*=-middle-], [class*=flex_frame][class$=-middle] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex_frame-bottom, [class*=flex_frame][class*="-bottom "], [class*=flex_frame][class*=-bottom-], [class*=flex_frame][class$=-bottom] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex_frame-top, [class*=flex_frame][class*="-top "], [class*=flex_frame][class*=-top-], [class*=flex_frame][class$=-top] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex_frame-between, [class*=flex_frame][class*="-between "], [class*=flex_frame][class*=-between-], [class*=flex_frame][class$=-between] {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex_frame-around, [class*=flex_frame][class*="-around "], [class*=flex_frame][class*=-around-], [class*=flex_frame][class$=-around] {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

@media (min-width: 769px) {
  .flex_frame-center_pc, [class*=flex_frame][class*="-center_pc "], [class*=flex_frame][class*=-center_pc-], [class*=flex_frame][class$=-center_pc] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex_frame-right_pc, [class*=flex_frame][class*="-right_pc "], [class*=flex_frame][class*=-right_pc-], [class*=flex_frame][class$=-right_pc] {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .flex_frame-left_pc, [class*=flex_frame][class*="-left_pc "], [class*=flex_frame][class*=-left_pc-], [class*=flex_frame][class$=-left_pc] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .flex_frame-between_pc, [class*=flex_frame][class*="-between_pc "], [class*=flex_frame][class*=-between_pc-], [class*=flex_frame][class$=-between_pc] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .flex_frame-around_pc, [class*=flex_frame][class*="-around_pc "], [class*=flex_frame][class*=-around_pc-], [class*=flex_frame][class$=-around_pc] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .flex_frame-middle_pc, [class*=flex_frame][class*="-middle_pc "], [class*=flex_frame][class*=-middle_pc-], [class*=flex_frame][class$=-middle_pc] {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex_frame-bottom_pc, [class*=flex_frame][class*="-bottom_pc "], [class*=flex_frame][class*=-bottom_pc-], [class*=flex_frame][class$=-bottom_pc] {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .flex_frame-top_pc, [class*=flex_frame][class*="-top_pc "], [class*=flex_frame][class$=-top_pc] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .flex_frame-center_sp, [class*=flex_frame][class*="-center_sp "], [class*=flex_frame][class*=-center_sp-], [class*=flex_frame][class$=-center_sp] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex_frame-right_sp, [class*=flex_frame][class*="-right_sp "], [class*=flex_frame][class*=-right_sp-], [class*=flex_frame][class$=-right_sp] {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .flex_frame-left_sp, [class*=flex_frame][class*="-left_sp "], [class*=flex_frame][class*=-left_sp-], [class*=flex_frame][class$=-left_sp] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .flex_frame-between_sp, [class*=flex_frame][class*="-between_sp "], [class*=flex_frame][class*=-between_sp-], [class*=flex_frame][class$=-between_sp] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .flex_frame-around_sp, [class*=flex_frame][class*="-around_sp "], [class*=flex_frame][class*=-around_sp-], [class*=flex_frame][class$=-around_sp] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .flex_frame-middle_sp, [class*=flex_frame][class*="-middle_sp "], [class*=flex_frame][class*=-middle_sp-], [class*=flex_frame][class$=-middle_sp] {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .flex_frame-bottom_sp, [class*=flex_frame][class*="-bottom_sp "], [class*=flex_frame][class*=-bottom_sp-], [class*=flex_frame][class$=-bottom_sp] {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .flex_frame-top_sp, [class*=flex_frame][class*="-top_sp "], [class*=flex_frame][class*=-top_sp-], [class*=flex_frame][class$=-top_sp] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.link-box:hover,
.link-box:hover img,
.link-box-blank:hover,
.link-box-blank:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

a.link_box:after {
  content: "";
  display: block;
  background: #FFF;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
a.link_box:hover:after {
  opacity: 0.3;
}

.link_box:not(a) {
  position: relative;
}
.link_box:not(a) a:after {
  content: "";
  display: block;
  background: #FFF;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  z-index: 2;
}
.link_box:not(a) a:hover:after {
  opacity: 0.3;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}