@charset "UTF-8";
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}

@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}

@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../font/Roboto-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url("../../font/Roboto-Thin.woff") format("woff");
}

/* =========================================================
 Base style
========================================================= */
body {
  background: #f9f9f9;
  word-break: break-all;
  /*font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;*/
  font-family: sans-serif;
  line-break: strict;
  word-break: normal!important;
  word-wrap: break-word;
}

@media screen and (max-width: 991px) {
  body {
    padding-top: 0 !important;
  }
}

a {
  color: #111111;
  transition: all ease-in-out .3s;
}

a:hover {
  color: #2196F3;
}

.single .entry-content a {
  text-decoration: underline;
}

.site-title a {
  font-weight: bold;
}

/* main layout
--------------------------------------------------------- */
.site {
  position: relative;
}

.container {
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
}

@media screen and (max-width: 1199px) {
  .container {
    margin: 0 24px;
  }
}

@media screen and (max-width: 991px) {
  .container {
    margin: 0 16px;
  }
}

@media screen and (max-width: 550px) {
  .container {
    margin: 0 10px;
  }
}

@media screen and (max-width: 991px) {
  .site-content {
    padding: 16px 0 0;
  }
}

.archive .site-content, .search .site-content {
  padding: 24px 0 0;
}

/*------ TOC ------*/
#toc_container {
  margin: 0 0 40px 0;
  padding: 32px;
  width: 100% !important;
}

@media screen and (max-width: 550px) {
  #toc_container {
    padding: 16px;
  }
}

.toc_number {
  display: none;
}

.toc_list li:before {
  content: none !important;
}

/*------ bzb-sns ------*/
#___plusone_0, #___plusone_1 {
  width: 63px !important;
}

/*------ header-snsボタン ------*/
#header-sns {
  display: none;
}

/*------ 記事下twitterウィジェット ------*/
.xeory-social-twitter {
  width: auto;
  display: block;
  text-align: center;
}

/*------ 記事下SNSボタン ------*/
@media screen and (max-width: 767px) {
  .xeory-social-btns > ul > li {
    width: 50% !important;
    padding: 0 !important;
  }
  .xeory-social-btns > ul > li:nth-child(1) > a {
    margin: 0 10px 10px 0;
  }
  .xeory-social-btns > ul > li:nth-child(2) > a {
    margin: 0 0 10px 0;
  }
  .xeory-social-btns > ul > li:nth-child(3) > a {
    margin: 0 10px 0 0;
  }
  .xeory-social-btns > ul > li:nth-child(4) > a {
    margin: 0;
  }
}

/*------ サイドバーSNSボタン ------*/
#secondary .sns-list {
  text-align: center;
  margin: 36px 0 0 0;
}

#secondary .sns-list li {
  border: 0;
  display: inline-block;
  font-size: 18px;
  padding: 0 7px;
}

#secondary .sns-list li a {
  color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  margin-left: 0;
  border-radius: 100%;
}

#secondary .sns-list li a:hover {
  background: #fff;
}

#secondary .sns-list .post-sns-facebook a {
  border: 2px solid #3b5998;
  background: #3b5998;
}

#secondary .sns-list .post-sns-facebook a:hover {
  border: 2px solid #3b5998;
  color: #3b5998;
}

#secondary .sns-list .post-sns-twitter a {
  border: 2px solid #43ccf7;
  background: #43ccf7;
}

#secondary .sns-list .post-sns-twitter a:hover {
  border: 2px solid #43ccf7;
  color: #43ccf7;
}

#secondary .sns-list .post-sns-google a {
  border: 2px solid #d23f2d;
  background: #d23f2d;
}

#secondary .sns-list .post-sns-google a:hover {
  border: 2px solid #d23f2d;
  color: #d23f2d;
}

#secondary .sns-list .post-sns-feedly a {
  border: 2px solid #87c031;
  background: #87c031;
}

#secondary .sns-list .post-sns-feedly a:hover {
  border: 2px solid #87c031;
  color: #87c031;
}

/*------ 404ページの検索フォーム ------*/
.no-results .search-form {
  margin-bottom: 40px;
}

/*------ pagetop ------*/
.pagetop {
  z-index: 100;
}

/*------ sp-navボタン ------*/
.sp-nav-btn {
  position: absolute;
  top: -18px;
  right: 14px;
  overflow: auto;
}

.sp-nav-btn:before {
  display: block;
  font-size: 32px;
  text-align: center;
}

.sp-nav-btn:after {
  content: "MENU";
  font-size: 10px;
  display: block;
  margin: -12px auto 0 auto;
  text-align: center;
}

/*------ sp-nav ------*/
.sp-nav.active {
  display: block;
  z-index: 200;
}

/*------ tooltip ------*/
/* カーソルを重ねる要素 */
.tooltip {
  position: relative;
  /* ツールチップの位置の基準に */
  cursor: pointer;
  /* カーソルを当てたときにポインターに */
}

/* ツールチップのテキスト */
.tooltip-text {
  opacity: 0;
  /* はじめは隠しておく */
  visibility: hidden;
  /* はじめは隠しておく */
  position: absolute;
  /* 絶対配置 */
  left: 50%;
  /* 親に対して中央配置 */
  transform: translateX(-50%);
  top: -30px;
  /* 親要素下からの位置 */
  display: inline-block;
  padding: 5px;
  /* 余白 */
  white-space: nowrap;
  /* テキストを折り返さない */
  font-size: 0.8rem;
  /* フォントサイズ */
  line-height: 1.3;
  /* 行間 */
  background: #333;
  /* 背景色 */
  color: #fff;
  /* 文字色 */
  border-radius: 3px;
  /* 角丸 */
  transition: 0.3s ease-in;
  /* アニメーション */
  z-index: 1000;
}

@media screen and (max-width: 550px) {
  .tooltip-text {
    display: none;
  }
}

/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}

.archive, .search, .error404, .original-category, .page-column {
  background: url(../../images/back-single.png) #fff no-repeat top center;
  background-size: cover;
}

.archive .site-content, .search .site-content, .error404 .site-content, .original-category .site-content, .page-column .site-content {
  padding: 15px 0 127px;
}

.archive .site-content .container, .search .site-content .container, .error404 .site-content .container, .original-category .site-content .container, .page-column .site-content .container {
  max-width: 1080px;
}

@media screen and (min-width: 992px) {
  .archive .site-content .xeory-breadcrumbs, .search .site-content .xeory-breadcrumbs, .error404 .site-content .xeory-breadcrumbs, .original-category .site-content .xeory-breadcrumbs, .page-column .site-content .xeory-breadcrumbs {
    /*margin-bottom: 76px;*/
  }
}

.archive .site-content .content-area .site-main, .search .site-content .content-area .site-main, .error404 .site-content .content-area .site-main, .original-category .site-content .content-area .site-main, .page-column .site-content .content-area .site-main {
  padding-right: 410px;
}

@media screen and (max-width: 991px) {
  .archive .site-content .content-area .site-main, .search .site-content .content-area .site-main, .error404 .site-content .content-area .site-main, .original-category .site-content .content-area .site-main, .page-column .site-content .content-area .site-main {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .archive .site-content .content-area .site-main, .search .site-content .content-area .site-main, .error404 .site-content .content-area .site-main, .original-category .site-content .content-area .site-main, .page-column .site-content .content-area .site-main {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  }
}

.archive .site-content .content-area .site-main .page-header, .search .site-content .content-area .site-main .page-header, .error404 .site-content .content-area .site-main .page-header, .original-category .site-content .content-area .site-main .page-header, .page-column .site-content .content-area .site-main .page-header {
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 24px 40px 35px;
  width: calc(100% + 410px);
  margin-bottom: 56px;
}

@media screen and (max-width: 991px) {
  .archive .site-content .content-area .site-main .page-header, .search .site-content .content-area .site-main .page-header, .error404 .site-content .content-area .site-main .page-header, .original-category .site-content .content-area .site-main .page-header, .page-column .site-content .content-area .site-main .page-header {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .archive .site-content .content-area .site-main .page-header, .search .site-content .content-area .site-main .page-header, .error404 .site-content .content-area .site-main .page-header, .original-category .site-content .content-area .site-main .page-header, .page-column .site-content .content-area .site-main .page-header {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 550px) {
  .archive .site-content .content-area .site-main .page-header, .search .site-content .content-area .site-main .page-header, .error404 .site-content .content-area .site-main .page-header, .original-category .site-content .content-area .site-main .page-header, .page-column .site-content .content-area .site-main .page-header {
    padding: 17px 28px 27px;
  }
}

.archive .site-content .content-area .site-main .page-header .slug, .search .site-content .content-area .site-main .page-header .slug, .error404 .site-content .content-area .site-main .page-header .slug, .original-category .site-content .content-area .site-main .page-header .slug, .page-column .site-content .content-area .site-main .page-header .slug {
  font-size: 44px;
  color: #fff;
  font-family: 'Roboto-Thin';
  font-weight: normal;
  text-transform: uppercase;
}

@media screen and (max-width: 550px) {
  .archive .site-content .content-area .site-main .page-header .slug, .search .site-content .content-area .site-main .page-header .slug, .error404 .site-content .content-area .site-main .page-header .slug, .original-category .site-content .content-area .site-main .page-header .slug, .page-column .site-content .content-area .site-main .page-header .slug {
    font-size: 40px;
  }
}

.archive .site-content .content-area .site-main .page-header .page-title, .search .site-content .content-area .site-main .page-header .page-title, .error404 .site-content .content-area .site-main .page-header .page-title, .original-category .site-content .content-area .site-main .page-header .page-title, .page-column .site-content .content-area .site-main .page-header .page-title {
  font-size: 16px;
  line-height: 27px;
  font-weight: normal;
  color: #ffff;
  position: relative;
  display: inline-block;
  width: 100%;
}

.archive .site-content #secondary, .search .site-content #secondary, .error404 .site-content #secondary, .original-category .site-content #secondary, .page-column .site-content #secondary {
  margin-top: 203px;
}

@media screen and (max-width: 767px) {
  .archive .site-content #secondary, .search .site-content #secondary, .error404 .site-content #secondary, .original-category .site-content #secondary, .page-column .site-content #secondary {
    margin-top: 78px;
  }
}

.archive .entry-content, .search .entry-content, .error404 .entry-content, .original-category .entry-content, .page-column .entry-content {
  padding: 40px;
}

.archive .entry-content a:hover, .search .entry-content a:hover, .error404 .entry-content a:hover, .original-category .entry-content a:hover, .page-column .entry-content a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  .archive .entry-content, .search .entry-content, .error404 .entry-content, .original-category .entry-content, .page-column .entry-content {
    padding: 24px 16px;
  }
}

@media screen and (max-width: 767px) {
  .archive .entry-content, .search .entry-content, .error404 .entry-content, .original-category .entry-content, .page-column .entry-content {
    padding: 24px 14px;
  }
}

.archive .pagination, .search .pagination, .error404 .pagination, .original-category .pagination, .page-column .pagination {
  text-align: center;
  margin-top: 74px;
}

@media screen and (max-width: 991px) {
  .archive .pagination, .search .pagination, .error404 .pagination, .original-category .pagination, .page-column .pagination {
    margin-top: 40px;
  }
}

.archive.post-type-archive .site-content {
  padding-top: 15px;
  padding-bottom: 29px;
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .site-content {
    padding-top: 35px;
    padding-bottom: 55px;
  }
}

.archive.post-type-archive .container {
  max-width: 1080px;
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .container {
    padding: 0 12px;
    margin: 0;
  }
}

.archive.post-type-archive .content-area .site-main {
  padding-right: 0;
  max-width: 1080px;
  margin: 0 auto;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background-color: #ffffff;
  padding-bottom: 100px;
}

@media screen and (max-width: 991px) {
  .archive.post-type-archive .content-area .site-main {
    max-width: 100%;
  }
}

.archive.post-type-archive .content-area .site-main .page-header {
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .content-area .site-main {
    margin-top: 27px;
    padding-bottom: 96px;
  }
}

.archive.post-type-archive .content-area .site-main .row-item {
  padding: 31px 40px 73px;
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .content-area .site-main .row-item {
    padding: 16px 10px 40px;/* 38px 10px 40px */
  }
}

.archive.post-type-archive .content-area .site-main .row-item article {
  padding: 25px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e2e2 !important;
  word-spacing: -6px;
  margin-bottom: 0;
  box-shadow: none;
  overflow: visible!important;
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .content-area .site-main .row-item article {
    padding: 19px 0 16px !important;
  }
}

.archive.post-type-archive .content-area .site-main .row-item article.new .date {
  position: relative;
}

.archive.post-type-archive .content-area .site-main .row-item article.new .date:after {
  content: 'NEW';
  line-height: 22px;
  font-size: 12px;
  width: 40px;
  text-align: center;
  line-height: 19px;
  height: 19px;
  background: #d39206;
  color: #fff;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .row-item article.new .date {
    margin-bottom: 8px;
  }
  .archive.post-type-archive .content-area .site-main .row-item article.new .date:after {
    margin-left: 8px;
    position: relative;
    top: 1px;
  }
}

.archive.post-type-archive .content-area .site-main .row-item article .date,
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt {
  display: inline-block;
  vertical-align: top;
  word-spacing: 0;
}

.archive.post-type-archive .content-area .site-main .row-item article .date {
  width: 152px;
  font-size: 12px;
  line-height: 22px;
  color: #333333;
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .content-area .site-main .row-item article .date {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.archive.post-type-archive .content-area .site-main .row-item article .right-contnt {
  width: calc(100% - 152px);
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .content-area .site-main .row-item article .right-contnt {
    width: 100%;
  }
}

.archive.post-type-archive .content-area .site-main .row-item article .right-contnt a {
  font-size: 16px;
  line-height: 22px;
  color: #64b5f6;
  display: inline-block;
  width: 100%;
  margin-bottom: 9px;
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .content-area .site-main .row-item article .right-contnt a {
    margin-bottom: 8px;
  }
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat {
  position: relative;
  display: inline-block;
  min-width: 240px;
  /*display: flex;*/
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat .news-parent {
  font-size: 12px;
  color: #525252;
  line-height: 22px;
  margin-right: 30px;
  margin-bottom: 0;
  width: auto;
  display: inline-block;
/*  position: relative;
  flex-shrink: 0;*/
}

@media screen and (max-width: 550px) {
  .archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat .news-parent {
    font-size: 15px;
  }
}

.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat .news-parent:before {
  content: '\f054';
  position: relative;
  right: 0;/*
  top: 50%;
  transform: translateY(-50%);*/
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin: 0 8px 0 0;
  font-family: FontAwesome;
}

.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat .news-parent:last-child {
  margin-right: 0;
/*  margin-right: -100px;
  width: calc(100% + 100px );*/
}

.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat  .hover {
  background: rgba(1, 1, 1, 0.9);
  position: absolute;
  left: 0;
  right: 0;
  /*
  left: 14px;
  right: 12px;*/
  top: 24px;
  z-index: 999;
  padding: 17px 0 0;
  display: none;
  transition: all 0.3s;
  width: 240px;
 /* width: calc( 100% - 40px );*/
  max-width: 100%;
}

.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat .news-parent:nth-of-type(2) .hover{
  left: 0;
  right: 0;
  margin: 0 auto;
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat .news-parent:nth-of-type(3) .hover{
  left: initial;
  right: 0;
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat  .hover p {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 20px;
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat  .hover li {
  list-style-type: none;
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat  .hover .news-child {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  display: inline-block;
  width: 100%;
  padding: 12px 40px 12px 32px;

  position: relative;
  margin-bottom: 0;
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .cat  .hover .news-child:hover {
  opacity: 0.8;
}

.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .news-parent:hover .hover {
  display: block;
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt .news-parent ul li a:after {
  content: '\f054';
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: normal;
  margin: 1px 0 0;
  font-family: FontAwesome;
}

.archive.post-type-archive .content-area .site-main .navigation {
  text-align: center;
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary {
  font-size: 18px;
  color: #333333;
  padding-bottom: 60px;
  border-bottom: 1px solid #e2e2e2;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .form-glossary {
    margin-left: -16px;
    width: calc(100% + 32px);
    border: none;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary .top-form {
  border: 0;
  margin: 0;
  background: #F5F5F5;
  padding: 20px 40px 0;
  color: #00306d;
  line-height: 36px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 40px;
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form {
  position: relative;
  word-spacing: -6px;
  background: #F5F5F5;
  padding: 32px 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .form-glossary form {
    padding: 13px 13px 32px;
    display: block;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form * {
  word-spacing: 0;
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form .assistive-text {
  width: 17%;
  display: inline-block;
  vertical-align: middle;
  color: #525252;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .form-glossary form .assistive-text {
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 4px;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form input[type="text"] {
  max-width: 83%;
  width: 100%;
  height: 48px;
  padding: 0 30px;
  line-height: 48px;
  border: 0;
  vertical-align: top;
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form input[type="text"]:-ms-input-placeholder {
  color: #999;
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form input[type="text"]::placeholder {
  color: #999;
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form input[type="text"]:focus {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .form-glossary form input[type="text"] {
    max-width: 100%;
    padding: 0 12px;
    font-size: 14px;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .form-glossary form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 50px;
  bottom: 0;
  color: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  font-size: 0;
  border: 0;
  background: url(../../images/icon-search.png) transparent center no-repeat;
  background-size: 16px auto;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .form-glossary form input[type="submit"] {
    top: 27px;
    right: 7px;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .cat-initial {
  padding: 28px 0 41px 0;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .cat-initial {
    padding-top: 52px;
    padding-bottom: 27px;
    border-top: 1px solid #e2e2e2;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .cat-initial p {
  color: #00306d;
  line-height: 36px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 31px;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .cat-initial p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 34px;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .cat-initial .content {
  word-spacing: -6px;
}

.archive.post-type-archive .content-area .site-main .entry-content .cat-initial .content a {
  word-spacing: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  color: #525252;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .cat-initial .content a {
    margin-bottom: 17px;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .cat-initial .content a:hover {
  text-decoration: none;
  color: #525252;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24);
}

.archive.post-type-archive .content-area .site-main .entry-content .cat-initial .content a.count-zero {
  pointer-events: none;
  box-shadow: none;
  border: 1px solid #cccccc;
  color: #cccccc;
  background: #FFF;
}

.archive.post-type-archive .content-area .site-main .entry-content .initial-1 {
  border-bottom: 1px solid #e2e2e2;
}

.archive.post-type-archive .content-area .site-main .entry-content .initial-1 a {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-weight: 500;
  width: calc((100% - 18px) / 2);
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .initial-1 a {
    font-size: 14px;
  }
}

.archive.post-type-archive .content-area .site-main .entry-content .initial-1 a:nth-of-type(2n) {
  margin-left: 18px;
}

.archive.post-type-archive .content-area .site-main .entry-content .initial-2 a {
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  font-weight: 500;
  width: 52px;
  margin-right: 16px;
  color: #525252;
  margin-bottom: 16px !important;
}

@media screen and (max-width: 991px) {
  .archive.post-type-archive .content-area .site-main .entry-content .initial-2 a {
    width: calc((100% - 80px) / 6);
    margin-right: 16px;
  }
}

@media screen and (max-width: 991px) {
  .archive.post-type-archive .content-area .site-main .entry-content .initial-2 a:nth-of-type(6n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .entry-content .initial-2 a {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
  }
}

@media screen and (max-width: 480px) {
  .archive.post-type-archive .content-area .site-main .entry-content .initial-2 a {
    width: calc((100% - 32px) / 3);
    margin-right: 16px;
  }
}

@media screen and (max-width: 480px) {
  .archive.post-type-archive .content-area .site-main .entry-content .initial-2 a:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 550px) {
  .archive.paged.post-type-archive .content-area .site-main .row-item article:nth-of-type(1) {
    margin-bottom: 0;
  }
}

.archive.paged.post-type-archive .content-area .site-main .row-item article:nth-of-type(1) .date:after {
  content: none;
}

.archive.post-type-archive.post-type-archive-glossary .content-area {
  margin-bottom: 130px;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive.post-type-archive-glossary .content-area {
    margin-bottom: 64px;
  }
}

.archive.post-type-archive.post-type-archive-glossary .content-area .site-main {
  margin-top: 0;
  padding-bottom: 42px;
}

.archive.post-type-archive.post-type-archive-glossary .content-area .site-main .page-header {
  margin-top: 0;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive.post-type-archive-glossary .content-area .site-main .page-header {
    font-size: 40px;
    padding: 17px 28px 27px;
  }
}

@media screen and (max-width: 767px) {
  .archive.post-type-archive.post-type-archive-glossary .content-area .site-main .page-header .slug {
    font-size: 40px;
  }
}

.archive.post-type-archive.post-type-archive-glossary .content-area .site-main .entry-content {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .archive.tax-initial .site-content,
  .search.post-type-archive .site-content {
    padding-bottom: 86px;
  }
}

.archive.tax-initial .content-area,
.search.post-type-archive .content-area {
  margin-bottom: 33px;
}

.archive.tax-initial .content-area .site-main,
.search.post-type-archive .content-area .site-main {
  padding-right: 0;
  max-width: 880px;
  margin: 0 auto;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

@media screen and (max-width: 767px) {
  .archive.tax-initial .content-area .site-main,
  .search.post-type-archive .content-area .site-main {
    padding-bottom: 0;
  }
}

.archive.tax-initial .content-area .site-main .page-header,
.search.post-type-archive .content-area .site-main .page-header {
  width: 100%;
}

.archive.tax-initial .content-area .site-main .entry-content,
.search.post-type-archive .content-area .site-main .entry-content {
  padding-top: 21px;
  padding-bottom: 53px;
}

@media screen and (max-width: 767px) {
  .archive.tax-initial .content-area .site-main .entry-content,
  .search.post-type-archive .content-area .site-main .entry-content {
    padding-top: 56px;
  }
}

.archive.tax-initial .content-area .site-main .entry-content .title,
.search.post-type-archive .content-area .site-main .entry-content .title {
  font-size: 0;
  margin-bottom: 27px;
}

.archive.tax-initial .content-area .site-main .entry-content .title span,
.search.post-type-archive .content-area .site-main .entry-content .title span {
  font-size: 20px;
  line-height: 22px;
  color: #333;
  display: inline-block;
  width: 100%;
}

.archive.tax-initial .content-area .site-main .entry-content h2,
.search.post-type-archive .content-area .site-main .entry-content h2 {
  background: none;
  padding: 0;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 1px;
  color: #00306d;
}

.archive.tax-initial .content-area .site-main .entry-content h2:before,
.search.post-type-archive .content-area .site-main .entry-content h2:before {
  content: '';
  background: #1eb9ee;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.archive.tax-initial .content-area .site-main .entry-content h2 a,
.search.post-type-archive .content-area .site-main .entry-content h2 a {
  color: #00306d;
}

.archive.tax-initial .content-area .site-main .entry-content .initial_content,
.search.post-type-archive .content-area .site-main .entry-content .initial_content {
  margin-bottom: 23px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e2e2e2;
  line-height: 28px;
  font-size: 14px;
  color: #333333;
}

.archive.tax-initial .content-area .site-main .entry-content .initial_content a,
.search.post-type-archive .content-area .site-main .entry-content .initial_content a {
  color: #2581c4;
}

@media screen and (max-width: 767px) {
  .archive.tax-initial .content-area .site-main .entry-content .initial_content,
  .search.post-type-archive .content-area .site-main .entry-content .initial_content {
    margin-bottom: 14px;
    padding-bottom: 17px;
  }
}

.archive.tax-initial .content-area .site-main .select-form,
.search.post-type-archive .content-area .site-main .select-form {
  margin-bottom: 1em;
}

.archive.tax-initial .content-area .site-main .link-more,
.search.post-type-archive .content-area .site-main .link-more {
  text-align: center;
  border: 0 !important;
  padding: 0;
  margin-top: 64px;
}

@media screen and (max-width: 767px) {
  .archive.tax-initial .content-area .site-main .link-more,
  .search.post-type-archive .content-area .site-main .link-more {
    margin-top: 40px;
  }
}

.archive.tax-initial .content-area .site-main .link-more a,
.search.post-type-archive .content-area .site-main .link-more a {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
  display: inline-block;
  max-width: 391px;
  color: #525252;
  height: 48px;
  line-height: 48px;
  width: 100%;
  font-weight: bold;
}

.search.post-type-archive .entry-content .form-glossary {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .search.post-type-archive .entry-content .form-glossary {
    margin-left: -16px !important;
  }
}

.search.post-type-archive .entry-content .select-form {
  text-align: right;
  position: relative;
}

.search.post-type-archive .entry-content .select-form p {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  border: 0 !important;
  padding: 0;
}

.search.post-type-archive .entry-content .select-form select {
  width: 90px;
  height: 35px;
  padding: 0 16px;
  font-size: 14px;
  border: 1px solid #cecece;
  background: #FFF url(../../images/select_button_001.png) no-repeat center right;
}

.search.post-type-archive .entry-content .result-search {
  background: #F5F5F5;
  padding: 32px 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .search.post-type-archive .entry-content .result-search {
    padding: 16px;
  }
}

.search.post-type-archive .entry-content .result-search p {
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.error404 .site-content #secondary {
  margin-top: 0;
}

.error404 .site-content .content-area .site-main .page-header {
  display: none;
}

.comments-area {
  background: #fff;
  padding: 73px 0px 40px 0px;
  border: none;
}

@media screen and (max-width: 767px) {
  .comments-area {
    padding: 0px 0px 40px 0px;
  }
}

.comments-area .comments-header .comments-title {
  padding-bottom: 12px;
  border-bottom: none;
  margin-top: 0;
  position: relative;
  border-top: 1px solid #dedede;
}

@media screen and (max-width: 767px) {
  .comments-area .comments-header .comments-title {
    padding-bottom: 2px;
  }
}

.comments-area .comments-header .comments-title:before {
  content: 'COMMENT';
  width: 100%;
  font-family: Roboto-Thin;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #333333;
  font-weight: 400;
  display: block;
  padding-top: 68px;
  margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
  .comments-area .comments-header .comments-title:before {
    font-size: 48px;
  }
}

@media screen and (max-width: 550px) {
  .comments-area .comments-header .comments-title:before {
    padding-top: 72px;
    margin-bottom: 31px;
  }
}

.comments-area .comments-header .comments-title:after {
  content: '';
  width: 60px;
  height: 1px;
  position: absolute;
  display: block;
  left: 0px;
  right: 0px;
  margin: auto;
  background: #666666;
  bottom: 60px;
}

.comments-area .comments-header .comments-title span {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #333333;
  font-weight: 400;
  letter-spacing: 2.56px;
}

.comments-area .comments-text {
  display: none;
}

.comments-area .comment-list li {
  border-bottom: 0;
}

.comments-area .comment-list li .comment-content p {
  color: #646464;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
}

.comments-area .children {
  background: #fafafa;
  margin-left: 0;
  padding: 30px;
  padding-top: 22px;
  margin-top: 36px;
  padding-left: 38px;
}

@media screen and (max-width: 767px) {
  .comments-area .children {
    padding: 16px;
    padding-left: 32px;
    margin-top: 28px;
    padding-top: 30px;
  }
}

.comments-area .comment-author-image img {
  border-radius: 50%;
  width: 57px;
}

@media screen and (max-width: 550px) {
  .comments-area .comment-author-image {
    margin-left: 4px;
  }
}

.comments-area .comment-author {
  margin-bottom: 5px;
}

@media screen and (max-width: 550px) {
  .comments-area .comment-author .comment-author-content {
    margin-bottom: 4px;
  }
}

.comments-area .comment-author .comment-author-content .fn a {
  font-size: 16px;
  line-height: 33.66px;
}

@media screen and (max-width: 550px) {
  .comments-area .comment-author .commentmetadata {
    margin-top: -8px;
  }
}

.comments-area .comment-author .commentmetadata a {
  color: #222222;
  font-size: 12px;
  font-weight: 400;
  line-height: 34.52px;
}

.comments-area .reply {
  margin-top: 23px;
}

.comments-area .reply a {
  color: #64b5f6;
  font-size: 14px;
  line-height: 27.33px;
}

.comments-area .reply a:before {
  content: '';
}

.comments-area .comment-form .submit {
  border: 0;
  background: #111111;
}

.comments-area .comment-form .submit:hover {
  background: #2196F3;
}

.comments-area .comment-respond {
  margin-bottom: 0;
}

.post-cta {
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: -40px;
  padding: 40px;
  background: #fff;
  border-top: 0;
  padding-top: 68px;
}

@media screen and (max-width: 767px) {
  .post-cta {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -24px;
    margin-top: 71px;
    width: calc(100% + 24px);
    padding: 16px 0px 16px 0px;
  }
}

.post-cta .post-cta-header {
  background: #fff;
  color: #333;
  padding: 0px;
  border: 0;
  font-size: 24px;
  border-top: 6px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  position: relative;
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-header {
    border-top: 4px solid;
  }
}

.post-cta .post-cta-header:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 60px;
  background-color: #666666;
  left: 0px;
  right: 0px;
  bottom: -26px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-header:after {
    width: 104px;
    bottom: -33px;
  }
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-header {
    padding: 0px 0px 0px 0px;
  }
}

.post-cta .post-cta-header .post-cta-title {
  border-left: 3px solid #dedede;
  border-right: 3px solid #dedede;
  padding-top: 45px;
  font-size: 24px;
  line-height: 36px;
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-header .post-cta-title {
    text-align: center;
    line-height: 32px;
    padding: 47px 2px 0px 2px;
  }
  .post-cta .post-cta-header .post-cta-title br {
    display: none;
  }
}

.post-cta .post-cta-body {
  border: 3px solid #dedede;
  border-top: 0px;
  border-bottom: 0px;
}

.post-cta .post-cta-body .post-cta-body-inner {
  background: #fff;
  padding: 58px 38px 37px 37px;
  font-size: 15px;
  line-height: 30px;
  /*font-family: "Yu Gothic";*/
  letter-spacing: 1.5px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-body .post-cta-body-inner {
    padding: 66px 16px 35px 16px;
    text-align: center;
  }
  .post-cta .post-cta-body .post-cta-body-inner p {
    line-height: 32px;
  }
  .post-cta .post-cta-body .post-cta-body-inner p:first-child {
    margin-bottom: 1px;
  }
}

.post-cta .post-cta-body .post-cta-body-inner .post-cta-img {
  margin-bottom: 24px;
  padding-top: 7px;
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-body .post-cta-body-inner .post-cta-img {
    padding-top: 13px;
  }
}

.post-cta .post-cta-body .post-cta-body-inner ul:last-child, .post-cta .post-cta-body .post-cta-body-inner p:last-child {
  margin-bottom: 0;
}

.post-cta .post-cta-content ul {
  padding-left: 20px;
}

.post-cta .post-cta-content ul li {
  list-style: disc;
}

.post-cta .post-cta-content ul li:before {
  content: '';
}

.post-cta .post-cta-content p {
  line-height: 1.8;
  line-height: 30px;
}

.post-cta .post-cta-content ul:last-child, .post-cta .post-cta-content p:last-child {
  margin-bottom: 0;
}

.post-cta .post-cta-content .link-button-orange {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  padding-top: 17px;
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-content .link-button-orange {
    padding-top: 9px;
  }
}

.post-cta .post-cta-content .link-button-orange a {
  background-color: #171717;
  display: inline-block;
  color: #fff !important;
  border-radius: 23px;
  border-bottom: 0px;
  padding: 8px 17px 7px 22px;
  min-width: 263px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: normal;
  /*font-family: "Noto Sans", "Noto Sans JP", "Noto Sans CJK JP", YuGothic, "Custom Yu Gothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

@media only screen and (max-width: 767px) {
  .post-cta .post-cta-content .link-button-orange a {
    max-width: 263px;
  }
}

.post-cta .post-cta-footer {
  background: #fff;
  padding-left: 40px;
  padding-right: 40px;
  border-left: 3px solid #dedede;
  border-right: 3px solid #dedede;
  border-bottom: 3px solid #dedede;
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .post-cta .post-cta-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.post-cta .post-cta-footer .post-cta-btn a {
  background-color: #171717;
  display: inline-block;
  color: #fff !important;
  border-radius: 23px;
  border-bottom: 0px;
  padding: 11px 30px 11px 67px;
  max-width: 263px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: normal;
  box-shadow: none;
  width: unset;
  position: relative;
}

.post-cta .post-cta-footer .post-cta-btn a:before {
  content: "\f18e";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  left: 40px;
}

.post-cta .post-cta-footer .post-cta-btn a:hover {
  color: #fff;
  opacity: 0.8;
}

.entry-content p {
  margin-bottom: 2em;
  line-height: 30px;
  font-size: 15px;
}

@media screen and (max-width: 550px) {
  .entry-content p {
    line-height: 32px;
  }
}

.entry-content h2 {
  margin: 0;
  padding: 18px 20px 16px 37px;
  border-bottom: 0;
  font-size: 24px;
  color: #fff;
  margin-bottom: 32px;
  font-weight: 400;
  line-height: 36px;
  background-color: #c1c8e5;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
}

@media screen and (max-width: 550px) {
  .entry-content h2 {
    font-size: 22px;
    padding: 2px 20px 9px 16px;
    line-height: 32px;
    margin-bottom: 22px;
  }
}

.entry-content .article-inner {
  line-height: 32px;
  font-size: 15px;
}

.entry-content h3 {
  padding: 0px 0 5px 0px;
  border-left: 0;
  border-bottom: 0px solid #f3f3f3;
  position: relative;
  font-size: 22px;
  margin-top: 48px;
  font-weight: normal;
}

@media screen and (max-width: 550px) {
  .entry-content h3 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 25px;
  }
}

.entry-content h3:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -4px;
  left: 0;
  border-radius: 1px;
  background-color: #36d4ed;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
}

.entry-content h4 {
  margin: 0 0 18px;
  padding-left: 0px;
  border-left: 0px solid #111111;
  font-size: 20px;
  font-weight: normal;
}

.entry-content h4:before {
  content: '';
  height: 14px;
  width: 14px;
  background-color: #1eb9ee;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  margin-left: 5px;
}

@media screen and (max-width: 550px) {
  .entry-content h4:before {
    margin-left: 0px;
  }
}

@media screen and (max-width: 550px) {
  .entry-content h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 14px;
  }
}

.entry-content h5 {
  margin: 0 0 12px;
  padding-left: 0;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  font-weight: normal;
}

@media screen and (max-width: 550px) {
  .entry-content h5 {
    font-size: 16px;
  }
}

.entry-content h5:before {
  content: none;
}

.entry-content h6 {
  color: #111111;
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 30px;
  font-weight: normal;
}

@media screen and (max-width: 550px) {
  .entry-content h6 {
    font-size: 14px;
  }
}

.entry-content ul {
  margin-bottom: 45px;
  list-style: disc;
  padding-left: 18px;
}

.entry-content ul li {
  font-size: 15px;
  position: relative;
}

.entry-content ul li ul {
  margin-bottom: 0;
  list-style: disc;
  padding-left: 14px;
}

.entry-content ol {
  margin-bottom: 2em;
  padding-left: 16px;
}

.entry-content dl {
  margin-bottom: 40px;
}

.entry-content dl dt {
  display: inline-block;
  margin: 0 0 1em;
  padding: 12px 21px 11px 21px;
  border: none;
  background-color: #f5f5f5;
  font-size: 15px;
  font-weight: normal;
}

.entry-content dl dd {
  margin: 0;
  font-size: 15px;
}

.entry-content table {
  width: 100% !important;
  margin-bottom: 2em;
}

@media screen and (max-width: 550px) {
  .entry-content table {
    margin-bottom: 40px;
  }
}

.entry-content table th, .entry-content table td {
  border: 1px solid #e5e5e5;
}

@media screen and (max-width: 550px) {
  .entry-content table th, .entry-content table td {
    padding-bottom: 0px;
  }
}

.entry-content table th {
  color: #fff;
  background-color: #0061ff;
  background-image: linear-gradient(to right, #1eb9ee 0%, #1eb9ee 100%);
}

.entry-content table tr:nth-child(odd) td {
  background: none;
}

.entry-content blockquote {
  margin-bottom: 40px;
  padding: 29px 36px 40px 70px;
  border: none;
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .entry-content blockquote {
    padding: 28px 16px 33px 16px;
  }
}

.entry-content blockquote:before {
  top: 22px;
  left: -20px;
  border-radius: 50%;
  background: #ec6a06;
  font-size: 17px;
  width: 38px;
  height: 38px;
  text-align: center;
  color: #fff;
  padding-top: 10px;
}

@media screen and (max-width: 991px) {
  .entry-content blockquote:before {
    top: -20px;
    left: 0px;
    margin: auto;
    right: 0px;
  }
}

.entry-content .attention {
  margin-bottom: 2em;
}

.entry-content .attention ul {
  padding-left: 15px;
}

.entry-content .attention ul li {
  line-height: 32px;
  font-size: 16px;
}

.entry-content .attention ul li:before {
  left: -8px;
  top: 2px;
}

@media screen and (max-width: 767px) {
  .entry-content .attention {
    padding: 16px;
  }
}

.entry-content .a-1 {
  padding: 44px 50px 49px 35px;
  border: 0px solid #c5c5c5;
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .entry-content .a-1 {
    padding: 32px 32px 32px 25px;
  }
}

.entry-content .a-2 {
  padding: 44px 50px 41px 35px;
  border: 0px solid #111111;
  background-color: #f5f5f5;
  margin-bottom: 38px;
}

@media screen and (max-width: 767px) {
  .entry-content .a-2 {
    padding: 32px 32px 32px 25px;
  }
}

.entry-content .a-3 {
  padding: 38px 38px 40px 35px;
  background-color: #fdfdfd;
  min-height: 255px;
  border: 2px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .entry-content .a-3 {
    padding: 43px 32px 32px 25px;
  }
}

.entry-content .a-3 p {
  font-size: 16px;
  line-height: 32px;
}

.entry-content .a-3 .attention-title {
  margin-bottom: 16px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .entry-content .a-3 .attention-title {
    margin-bottom: 7px;
  }
}

.entry-content .attention ul:last-child, .entry-content .attention p:last-child, .entry-content blockquote ul:last-child, .entry-content blockquote p:last-child {
  margin-bottom: 0;
}

.entry-content .link-button-green,
.entry-content .link-button-orange {
  margin-bottom: 32px !important;
  text-align: center;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .entry-content .link-button-green,
  .entry-content .link-button-orange {
    margin-top: 40px;
  }
}

.entry-content .link-button-green a,
.entry-content .link-button-orange a {
  display: inline-block;
  color: #fff !important;
  border-radius: 23px;
  border-bottom: 0px;
  padding: 8px 31px 7px;
  min-width: 263px;
  letter-spacing: normal;
  font-weight: 400;
  /*font-family: "Noto Sans", "Noto Sans JP", "Noto Sans CJK JP", YuGothic, "Custom Yu Gothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

@media only screen and (max-width: 767px) {
  .entry-content .link-button-green a,
  .entry-content .link-button-orange a {
    max-width: 100%;
    max-width: 263px;
  }
}

.entry-content .link-button-green a i,
.entry-content .link-button-orange a i {
  margin-right: 10px;
}

.entry-content .link-button-green:hover a,
.entry-content .link-button-orange:hover a {
  opacity: 0.8;
  text-decoration: none !important;
}

.entry-content .link-button-green a {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background-color: #64b5f6;
}

@media screen and (max-width: 767px) {
  .entry-content .link-button-orange {
    margin-top: 0px;
  }
}

.entry-content .link-button-orange a {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background-color: #171717;
}

.site-footer {
  background: url(../../images/background-home-page.png) #111 no-repeat center;
  background-size: cover;
}

.site-footer .footer-widget-area {
  word-spacing: -6px;
  max-width: 1095px;
  margin: 0 auto;
  position: relative;
  padding: 75px 0 47px;
}

@media screen and (max-width: 1024px) {
  .site-footer .footer-widget-area {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media screen and (max-width: 767px) {
  .site-footer .footer-widget-area {
    padding-top: 103px;
    padding-bottom: 42px;
  }
}

.site-footer .footer-widget-area * {
  word-spacing: 0;
}

.site-footer .footer-widget-area .footer-widget {
  background: transparent;
  border: 0;
}

.site-footer .footer-widget-area .footer-widget .container {
  margin: 0;
}

.site-footer .logo-footer {
   width: 24%;
  /*width: 38%;*/
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 991px) {
  .site-footer .logo-footer {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 740px) {
  .site-footer .logo-footer {
    margin-bottom: 49px;
  }
}

.site-footer .logo-footer img {
  height: 41px;
  position: absolute;
  top: calc(50% + 6px);
  left: 33px;
}

@media screen and (max-width: 991px) {
  .site-footer .logo-footer img {
    position: relative;
    top: auto;
    left: auto;
  }
}

.site-footer .menu-wg {
  /*width: 62%;*/
  width: 76%;
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 991px) {
  .site-footer .menu-wg {
    width: 100%;
  }
}

.site-footer .widget_nav_menu {
  width: calc((100% - 74px) / 3);
  display: inline-block;
  vertical-align: top;
  margin-right: 37px;
}

@media screen and (max-width: 740px) {
  .site-footer .widget_nav_menu {
    width: 100%;
    margin-right: 0;
  }
}

.site-footer .widget_nav_menu:last-child {
  margin-right: 0;
}

.site-footer .widget_nav_menu h3 {
  color: #fff;
  font-weight: normal;
  font-family: 'Roboto-Thin';
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 10px;
  font-size: 16px;
  letter-spacing: 3.84px;
}

@media screen and (max-width: 740px) {
  .site-footer .widget_nav_menu h3 {
    font-size: 24px;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .site-footer .widget_nav_menu .container {
    padding: 20px 0 6px;
  }
}

.site-footer .widget_nav_menu .container ul {
  text-align: center;
}

.site-footer .widget_nav_menu .container ul li {
  margin-right: 0;
  line-height: 1.0;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 740px) {
  .site-footer .widget_nav_menu .container ul li {
    margin-bottom: 1px;
  }
}

.site-footer .widget_nav_menu .container ul li:before {
  content: none;
}

.site-footer .widget_nav_menu .container ul li a {
  padding-right: 1em;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
}

@media screen and (max-width: 740px) {
  .site-footer .widget_nav_menu .container ul li a {
    display: inline-block;
    width: 100%;
    background: rgba(1, 1, 1, 0.5);
    padding: 7px 24px 6px;
    position: relative;
  }
}

.site-footer .widget_nav_menu .container ul li a:before {
  content: '\f054';
  font-family: FontAwesome;
  font-size: 11px;
  vertical-align: text-top;
  line-height: 20px;
  margin-right: 8px;
  color: #fff;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 740px) {
  .site-footer .widget_nav_menu .container ul li a:before {
    position: absolute;
    right: 16px;
    top: 16px;
  }
}

.site-footer .widget_nav_menu .container ul li a:hover {
  color: #64b5f6;
}

.site-footer .widget_nav_menu .container ul li a:hover:before {
  color: #64b5f6;
}

.site-footer .site-info {
  background: transparent;
  text-align: center;
  font-size: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  letter-spacing: 0.8px;
}

.site-footer .site-info .container {
  padding: 16px 0;
}

.site-footer .site-info .container p {
  color: #fff;
}

.site-footer .site-info .container span {
  margin: 0 4px;
  color: #fff;
}

.site-header {
  border: 0;
}

.site-header .site-title img {
  height: 33px;
  width: auto;
}

@media screen and (max-width: 991px) {
  .site-header .site-title img {
    height: 28px;
  }
}

.site-header .site-branding .container {
  padding: 16px 20px;
  position: relative;
  max-width: 100%;
  margin: 0;
  display: flex;
  gap:8px;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .site-header .site-branding .container {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 12px;
    padding-left: 12px;
  }
}

.site-header .menu-menu-header-right-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

@media screen and (max-width: 992px) {
  .site-header .menu-menu-header-right-container {
    display: none;
  }
}

.site-header .menu-menu-header-right-container .tooltip-text {
  top: initial;
  bottom: -30px;
  right: 0;
  left: initial;
  transform: none;
}

.site-header .menu-menu-header-right-container ul {
  word-spacing: -6px;
}

.site-header .menu-menu-header-right-container ul li {
  display: inline-block;
  vertical-align: top;
  word-spacing: 0;
}

.site-header .menu-menu-header-right-container ul li a {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  width: 100%;
  padding: 17px 24px;
  color: #fff;
  background-color: #f6ab00;
}

.site-header .menu-menu-header-right-container ul li:nth-of-type(2) a {
  background: #00306d;
}

.main-navigation {
  background-color: #212121;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
}

.main-navigation .primary-menu {
  margin: 0;
  text-align: center;
}

.main-navigation .primary-menu li {
  padding: 0 24px;
  position: relative;
}

.main-navigation .primary-menu li:before {
  content: none;
}

.main-navigation .primary-menu > li:after {
  content: '';
  position: absolute;
  width: 1px;
  top: 10px;
  height: calc(100% - 20px);
  right: 0;
  background: #FFF;
}

.main-navigation .primary-menu li:last-child:after {
  content: none;
}

.main-navigation .primary-menu li a {
  padding: 9px 0;
  color: #fff;
  font-size: 14px;
  position: relative;
}

.main-navigation .primary-menu li a:after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  width: 0;
  height: 2px;
  background: white;
  transition: all ease-in-out .3s;
  left: 50%;
  right: 50%;
}

.main-navigation .primary-menu li a:hover {
  background: transparent;
  color: #fff;
}

.main-navigation .primary-menu li a:hover:after {
  width: 100%;
  left: 0;
  right: 0;
}

.main-navigation .primary-menu .current-menu-item, .main-navigation .primary-menu .current-menu-parent {
  background: transparent;
}

.main-navigation .primary-menu .current-menu-item a, .main-navigation .primary-menu .current-menu-parent a {
  color: #fff;
}

.main-navigation .primary-menu .current-menu-item > a:after, .main-navigation .primary-menu .current-menu-parent > a:after {
  width: 100%;
  left: 0;
  right: 0;
}

/* SP nav btn
---------------------------------------------------------- */
.sp-nav-btn {
  display: none;
}

.xeory-sp-nav-btn {
  display: none;
  position: absolute;
  margin: auto;
  width: 33px;
  height: 36px;
  font-size: 36px;
  line-height: 36px;
  background: url(../../images/menu-sp.png) no-repeat center;
  background-size: auto 14px;
  text-align: center;
  top: 0;
  right: 12px;
  bottom: 0;
}

.xeory-sp-nav-btn:before {
  content: none;
}

@media screen and (max-width: 991px) {
  .xeory-sp-nav-btn {
    display: block;
  }
}

/* SP nav btn-close
---------------------------------------------------------- */
.sp-nav-inner {
  position: relative;
}

.sp-nav-inner .logo img {
  height: 30px;
  width: auto;
}

.sp-nav-inner .menu-menu-header-right-container {
  margin-top: 83px;
  padding: 0 6px;
  margin-bottom: 31px;
}

.sp-nav-inner .menu-menu-header-right-container ul {
  list-style: none;
}

.sp-nav-inner .menu-menu-header-right-container ul li {
  width: 100%;
  margin-bottom: 16px;
}

.sp-nav-inner .menu-menu-header-right-container ul li a {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border-radius: 24px;
  background-color: #f6ab00;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  width: 100%;
  position: relative;
}

.sp-nav-inner .menu-menu-header-right-container ul li a:after {
  content: '\f0e0';
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  position: absolute;
  right: 24px;
}

.sp-nav-inner .menu-menu-header-right-container ul li a br {
  display: none;
}

.sp-nav-inner .menu-menu-header-right-container ul li:nth-of-type(2) a:after {
  content: '\f019';
  top: 3px;
}

.sp-nav-inner .xeory-spnav-btn-close {
  position: absolute;
  top: 5px;
  right: 0;
  width: 22px;
  height: 18px;
  line-height: 34px;
  text-align: center;
  background: url(../../images/close.png) no-repeat center;
  background-size: auto 18px;
}

.sp-nav-inner .xeory-spnav-btn-close:after {
  content: none;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

.sp-nav-inner .widget_search {
  position: absolute;
  top: 61px;
  left: 0;
  right: 0;
  background: transparent;
  padding: 0;
  margin: 0 !important;
}

.sp-nav-inner .widget_search .search-form {
  margin: 0;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #dedede;
  overflow: hidden;
}

.sp-nav-inner .widget_search .search-form input.search-field {
  padding: 0 12px !important;
  line-height: 34px;
}

.sp-nav-inner .widget_search .search-form input[type=submit] {
  color: #00306d;
  background: none;
  font-size: 16px;
  border: 0;
}

/* SP nav
---------------------------------------------------------- */
.xeory-spnav-wrap {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.xeory-spnav-wrap .sp-nav-inner {
  width: 100%;
  margin: 0 auto;
  background: #fff;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget {
  margin-bottom: 25px;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget h3 {
  color: #333;
  font-weight: normal;
  font-family: 'Roboto-Thin';
  text-transform: uppercase;
  border-bottom: 0;
  padding-bottom: 8px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 5.76px;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div {
  border-top: 0;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul {
  list-style: none;
  padding-top: 0;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul li {
  margin-bottom: 1px;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul li a {
  display: inline-block;
  width: 100%;
  background: rgba(1, 1, 1, 0.86);
  padding: 7px 24px 6px;
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul li a:after {
  content: "\f105";
  font-family: FontAwesome;
  float: right;
  padding-right: 0;
  color: #fff;
  font-size: 16px;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul li a:hover {
  background: #111111;
  color: #fff;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul li a:hover:after {
  color: #fff;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul li:last-child a {
  border: 0;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul .current-menu-item a, .xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul .current-post-parent a {
  background: #111111;
  color: #fff;
}

.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul .current-menu-item a:after, .xeory-spnav-wrap .sp-nav-inner .spnav-widget > div ul .current-post-parent a:after {
  color: #fff;
}

body.noscroll {
  overflow: hidden;
  position: fixed !important;
}

.xeory-spnav-wrap.active {
  display: block;
  opacity: 1;
  animation: fadeIn 0.5s ease 0s 1 normal;
  z-index: 999;
  width: 100%;
  height: 100%;
  padding: 18px 12px;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  right: 0;
  background: url(../../images/bg-sp-menu.png) #fff no-repeat center top 100px;
  background-size: cover;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.pagination .current {
  background: transparent;
  border-bottom: 2px solid #64b5f6;
  color: #333333;
}

.pagination a {
  background: #fff;
}

.pagination a:hover {
  background: transparent;
  color: #333333;
  border-bottom: 2px solid #64b5f6;
}

.pagination a, .pagination span {
  border-bottom: 1px solid #fff;
  font-size: 16px;
  color: #333333;
  padding: 0;
  width: 48px;
  text-align: center;
  line-height: 48px;
  background: transparent;
}

.pagination .prev, .pagination .next {
  width: auto;
}

.pagetop {
  z-index: 10;
}

.pagetop-inner {
  line-height: 44px;
}

@media screen and (max-width: 991px) {
  .pagetop-inner {
    line-height: 33px;
  }
}

.wpcf7-submit {
  width: 60%;
  background: #111111 !important;
}

.wpcf7-submit:hover {
  background: #2196F3 !important;
}

@media screen and (max-width: 550px) {
  .wpcf7-submit {
    width: 100%;
  }
}

.search-form {
  margin-bottom: 40px;
  height: 39px;
}

.search-form input.search-field {
  padding: 8px 48px 8px 8px !important;
  font-weight: normal;
  font-size: 14px;
  border-radius: 0;
}

.search-form input[type=submit] {
  width: 40px;
  padding: 0;
  background: #111111;
  font-family: FontAwesome;
}

.search-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #797979;
}

.search-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #797979;
}

.search-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #797979;
}

.search-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #797979;
}

.search-form input::-webkit-input-selection {
  /* Chrome/Opera/Safari */
  color: #797979;
}

.search-form input::-moz-selection {
  /* Firefox 19+ */
  color: #797979;
}

.search-form input:-ms-input-selection {
  /* IE 10+ */
  color: #797979;
}

.search-form input:-moz-selection {
  /* Firefox 18- */
  color: #797979;
}

.single .xeory-social-btns ul li a:before {
  font-size: 18px;
  margin-right: 8px;
}

.xeory-social-btns > ul > li.item-facebook a:before {
  content: "\f09a";
}

.xeory-breadcrumbs-list .xeory-breadcrumbs-item {
  color: #64b5f6;
  font-size: 12px;
}

.xeory-breadcrumbs-list .xeory-breadcrumbs-item a {
  color: #64b5f6;
}

.xeory-breadcrumbs-list .xeory-breadcrumbs-item:last-child a:hover {
  color: #333333;
}

.xeory-breadcrumbs-list .xeory-breadcrumbs-item-home:before {
  content: none;
}

.xeory-breadcrumbs-item-current:before {
  content: '';
}

.page-header {
  padding: 16px;
  font-size: 24px;
  background: #fff;
  margin: 0 0 30px;
  border: 1px solid #e5e5e5;
  font-weight: bold;
}

@media screen and (max-width: 550px) {
  .page-header {
    font-size: 20px;
    padding: 12px;
  }
}

.entry-header,
.entry-content,
.entry-summary,
.entry-footer,
.post-cta-header,
.post-cta-body-inner,
.post-cta-footer,
.post-author,
.underpost-widget {
  padding-left: 40px;
  padding-right: 40px;
}

.wpcf7-form textarea {
  width: 100% !important;
}

.site-main article,
.page.page-column .site-content #primary .site-main article {
  overflow: hidden;
  margin-bottom: 32px;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
  .site-main article,
  .page.page-column .site-content #primary .site-main article {
    padding: 24px 12px !important;
    margin-bottom: 0;
    box-shadow: none;
    position: relative;
    overflow: hidden !important;
  }
  .site-main article:after,
  .page.page-column .site-content #primary .site-main article:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px;
    background: #dedede;
    height: 1px;
  }
}

/*@media screen and (max-width: 767px) {
  .site-main article:nth-of-type(1),
  .page.page-column .site-content #primary .site-main article:nth-of-type(1) {
    padding-top: 65px !important;
  }
}*/

.site-main article .entry-header,
.page.page-column .site-content #primary .site-main article .entry-header {
  position: relative;
  padding: 0;
  float: left !important;
  margin-bottom: 0 !important;
}

.site-main article .entry-header .cat,
.page.page-column .site-content #primary .site-main article .entry-header .cat {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 8px;
  font-size: 14px;
  color: #fff;
  background: #111111;
}

.site-main article .entry-header .entry-thumbnail,
.page.page-column .site-content #primary .site-main article .entry-header .entry-thumbnail {
  width: 295px !important;
  margin: 0;
  float: none;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
  .site-main article .entry-header .entry-thumbnail,
  .page.page-column .site-content #primary .site-main article .entry-header .entry-thumbnail {
    width: 230px !important;
  }
}

@media screen and (max-width: 550px) {
  .site-main article .entry-header .entry-thumbnail,
  .page.page-column .site-content #primary .site-main article .entry-header .entry-thumbnail {
    width: 108px !important;
  }
}

.site-main article .entry-header .entry-thumbnail a:hover,
.page.page-column .site-content #primary .site-main article .entry-header .entry-thumbnail a:hover {
  opacity: 0.8;
}

.site-main article .entry-content,
.page.page-column .site-content #primary .site-main article .entry-content {
  padding: 14px 44px 14px 20px !important;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .site-main article .entry-content,
  .page.page-column .site-content #primary .site-main article .entry-content {
    padding: 0 0 0 10px !important;
    overflow: hidden !important;
  }
}

.site-main article .entry-content .entry-thumbnail,
.page.page-column .site-content #primary .site-main article .entry-content .entry-thumbnail {
  display: none;
}

.site-main article .entry-content .entry-title,
.page.page-column .site-content #primary .site-main article .entry-content .entry-title {
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
  border-bottom: 0;
  background: #fff;
  line-height: 26px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .site-main article .entry-content .entry-title,
  .page.page-column .site-content #primary .site-main article .entry-content .entry-title {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
    margin-top: -4px;
    margin-left: 0 !important;
    background: transparent;
  }
}

.site-main article .entry-content .entry-title a,
.page.page-column .site-content #primary .site-main article .entry-content .entry-title a {
  color: #333333 !important;
  font-size: inherit;
  line-height: inherit;
}

.site-main article .entry-content .entry-title a:hover,
.page.page-column .site-content #primary .site-main article .entry-content .entry-title a:hover {
  color: #64b5f6 !important;
  text-decoration: none !important;
}

.site-main article .entry-content .cat-date,
.page.page-column .site-content #primary .site-main article .entry-content .cat-date {
  font-size: 12px;
  color: #999999;
  margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
  .site-main article .entry-content .cat-date,
  .page.page-column .site-content #primary .site-main article .entry-content .cat-date {
    line-height: 16px;
  }
}

@media screen and (max-width: 767px) {
  .site-main article .entry-content .cat-date:nth-of-type(1),
  .page.page-column .site-content #primary .site-main article .entry-content .cat-date:nth-of-type(1) {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .site-main article .entry-content .cat-date:nth-of-type(2),
  .page.page-column .site-content #primary .site-main article .entry-content .cat-date:nth-of-type(2) {
    display: none;
  }
}

.site-main article .entry-content .cat-date .cat,
.page.page-column .site-content #primary .site-main article .entry-content .cat-date .cat {
  color: #64b5f6;
}

.site-main article .entry-content .cat-date .date,
.page.page-column .site-content #primary .site-main article .entry-content .cat-date .date {
  float: right;
}

.site-main article .entry-content .cont-str,
.page.page-column .site-content #primary .site-main article .entry-content .cont-str {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.5;
}

.site-main article .entry-content .entry-meta,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta {
  overflow: hidden;
  margin-bottom: 0;
  padding-left: 0;
}

.site-main article .entry-content .entry-meta:before,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta:before {
  content: none;
}

.site-main article .entry-content .entry-meta li,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta li {
  list-style: none;
  display: inline-block;
}

.site-main article .entry-content .entry-meta .date,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta .date {
  line-height: 32px;
}

@media screen and (max-width: 767px) {
  .site-main article .entry-content .entry-meta .date,
  .page.page-column .site-content #primary .site-main article .entry-content .entry-meta .date {
    line-height: 28px;
  }
}

.site-main article .entry-content .entry-meta .more,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta .more {
  float: right;
  background: #111111;
}

.site-main article .entry-content .entry-meta .more a,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta .more a {
  color: #fff;
  display: block;
  padding: 6px 12px;
  font-size: 13px;
}

.site-main article .entry-content .entry-meta .more a:hover,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta .more a:hover {
  background: #2196F3;
}

.site-main article .entry-content .entry-meta .more a:before,
.page.page-column .site-content #primary .site-main article .entry-content .entry-meta .more a:before {
  content: "\f18e";
  font-family: FontAwesome;
  font-size: 16px;
  font-weight: normal;
  padding-right: 5px;
}

.page .site-main article .entry-header {
  margin-bottom: 40px;
}

.page .site-main article .entry-header .entry-thumbnail {
  width: 100%;
  margin-bottom: 24px;
}

.page .bzb-sns-btn {
  display: none;
}

.page-about .widget-area,
.page.page-template-temp-page-one-column .widget-area {
  display: none;
}

.page-about .site-content .content-area .site-main,
.page.page-template-temp-page-one-column .site-content .content-area .site-main {
  padding-right: 0px;
}

.page-about .site-content .content-area .site-main .entry-title {
  display: none;
}
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-title {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin: auto;
  margin-bottom: 35px;
}

.page-about .site-content .content-area .site-main .entry-content,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content {
  background: #fff;
  box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
  padding: 102px 0 90px!important;
  max-width: 1080px;
  margin: auto;
  position: relative;
}

.page-about .site-content .content-area .site-main .entry-content:after {
  content: '';
  background: #ddd;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .page-about .site-content .content-area .site-main .entry-content:after {
    bottom: 18px;
  }
}

.page-about .site-content .content-area .site-main .entry-content .entry-thumbnail,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .entry-thumbnail {
  display: none;
}

.page-about .site-content .content-area .site-main .entry-content h2/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content h2*/ {
  background: none;
  color: inherit;
  max-width: 541px;
  margin: auto;
  text-align: center;
  margin-bottom: 89px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-about .site-content .content-area .site-main .entry-content h2/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content h2*/ {
    display: none;
  }
}

.page-about .site-content .content-area .site-main .entry-content h2.sp/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content h2.sp*/ {
  display: none;
  font-size: 20px;
  margin-top: 53px;
  padding: 0px;
  margin-bottom: 63px;
}

@media screen and (max-width: 767px) {
  .page-about .site-content .content-area .site-main .entry-content h2.sp/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content h2.sp*/ {
    display: block;
  }
}

.page-about .site-content .content-area .site-main .entry-content h2:before/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content h2:before*/ {
  content: '';
  background: #ddd;
  height: 1px;
  width: 200px;
  position: absolute;
  bottom: -38px;
  left: 0px;
  right: 0px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .page-about .site-content .content-area .site-main .entry-content h2:before/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content h2:before*/ {
    bottom: -34px;
    height: 2px;
  }
}

.page-about .site-content .content-area .site-main .entry-content img.about-banner-sp/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .temp-banner-sp*/ {
  display: none;
}

@media screen and (max-width: 767px) {
  .page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .temp-banner-sp {
    display: block;
    margin-bottom: 49px;
    text-align: center;
  }
}

@media screen and (max-width: 375px) {
  .page-about .site-content .content-area .site-main .entry-content img.about-banner-sp {
    display: block;
    margin-bottom: 49px;
  }
}

.page-about .site-content .content-area .site-main .entry-content img.about-banner,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .temp-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 53px;
}

@media screen and (max-width: 375px) {
  .page-about .site-content .content-area .site-main .entry-content img.about-banner/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .temp-banner*/ {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .page-about .site-content .content-area .site-main .entry-content .content/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .content*/ {
    display: none;
  }
}

.page-about .site-content .content-area .site-main .entry-content .content-sp/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .content-sp*/ {
  display: none;
}

@media screen and (max-width: 767px) {
  .page-about .site-content .content-area .site-main .entry-content .content-sp/*,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .content-sp*/ {
    display: block;
  }
}

.page-about .site-content .content-area .site-main .entry-content p,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content p {
  max-width: 710px;
  margin: auto;
  margin-bottom: 22px;
}

.page-about .site-content .content-area .site-main .entry-content .about-logo-top,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .about-logo-top {
  max-width: none !important;
  margin: auto;
  margin-bottom: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.page-about .site-content .content-area .site-main .entry-content .about-logo-top img,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .about-logo-top img {
  display: inline-block;
}

.page-about .site-content .content-area .site-main .entry-content .about-logo-top span,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .about-logo-top span {
  font-size: 26px;
  display: inline-block;
  height: 41px;
  vertical-align: bottom;
  padding-left: 12px;
}

.page.page-template-temp-page-one-column .content {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.page-about .site-content .content-area .site-main .entry-content p:last-child,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .page-about .site-content .content-area .site-main .entry-content .about-logo-top span,
.page.page-template-temp-page-one-column .site-content .content-area .site-main .entry-content .about-logo-top span {
    padding-left: 12px !important;
    position: relative;
    top: -4px;
  }
  .page-about .content,
  .page.page-template-temp-page-one-column .content {
    padding:0 16px;
  }
}



.page-column .site-content .content-area,
.search.search-results .site-content .content-area {
  margin-bottom: 173px;
}

.page-column .site-content .content-area .site-main .page-header .page-title,
.search.search-results .site-content .content-area .site-main .page-header .page-title {
  font-size: 16px;
  line-height: 27px;
  font-weight: normal;
  color: #ffff;
  position: relative;
  display: inline-block;
  width: 100%;
}

.page-column .site-content .content-area .site-main .page-header .page-title span,
.search.search-results .site-content .content-area .site-main .page-header .page-title span {
  width: auto;
}

#secondary {
  width: 360px;
  margin-left: -360px;
}

@media screen and (max-width: 991px) {
  #secondary {
    margin-left: 0px;
    width: 100%;
  }
}

#secondary h3 {
  margin-bottom: 40px;
  padding-top: 21px;
  background: #fff;
  font-size: 18px;
}

#secondary .widget_search {
  margin-top: 5px;
  margin-bottom: 28px;
}

#secondary .widget_search form {
  margin-bottom: 0px;
  border: none;
  height: 36px;
}

#secondary .widget_search form .search-field {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  max-height: 36px;
}

#secondary .widget_search form .search-submit {
  background: transparent;
  color: #00306d;
  font-size: 16px;
  border: none;
  right: -4px;
  bottom: 4px;
}

#secondary .widget_xeory_banner_manager {
/*  background-color: #241916;
  color: #fff;
  position: relative;
  border-top: 2px solid #d00f2b;*/
  margin-bottom: 80px;
}

#secondary .widget_xeory_banner_manager .side-widget-inner {
/*  padding: 30px 30px 36px 30px;*/
}

#secondary .widget_xeory_banner_manager .side-widget-inner .banner-title {
  position: relative;
  margin-top: 21px;
  letter-spacing: 1.5px;
  margin-bottom: 27px;
  font-size: 15px;
  font-weight: 400;
}

#secondary .widget_xeory_banner_manager .side-widget-inner .banner-title:after {
  content: '';
  background: #fff;
  height: 1px;
  width: 30px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: -8px;
}

#secondary .widget_xeory_banner_manager .side-widget-inner .text-big {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 7px;
}

#secondary .widget_xeory_banner_manager .side-widget-inner .text-content {
  text-align: justify;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  padding-left: 3px;
}

#secondary .toc_widget {
  border-top: 0px;
  border: 1px solid #dedede;
  background: #fff;
}

#secondary .toc_widget .side-widget-inner h3 {
  background: #241916;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding-top: 11px;
  padding-bottom: 12px;
  position: relative;
  margin-bottom: 26px;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list {
  margin-left: 30px;
  height: 255px;
  min-height: 255px;
  overflow-y: scroll;
  margin-right: 5px;
  margin-bottom: 0px;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list li a {
  font-size: 15px;
  color: #64b5f6;
  line-height: 25px;
  font-weight: 500;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list li > ul {
  padding-left: 25px;
  padding-top: 20px;
  margin-bottom: 15px;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list li > ul li {
  margin-bottom: 6px;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list li > ul li > a {
  padding-right: 10px;
  font-size: 14px;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list li > ul li > a:hover {
  text-decoration: underline;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list > li a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-right: 15px;
}

#secondary .toc_widget .side-widget-inner .toc_widget_list > li a .toc_depth_1:after {
  content: '';
  background: #dedede;
  height: 1px;
  width: 95%;
  position: absolute;
  bottom: -12px;
  left: 0px;
}

#secondary .toc_widget .side-widget-inner ::-webkit-scrollbar {
  width: 7px;
  height: 152px;
}

#secondary .toc_widget .side-widget-inner ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #c1c1c1;
}

#secondary .widget_nav_menu {
  border-top: 0px;
  border: 1px solid #dedede;
  background: #fff;
  margin-bottom: 32px;
}

#secondary .widget_nav_menu h3 {
  border-top: 2px solid;
  border-image-slice: 1;
  border-top-width: 2px;
  border-image-source: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

#secondary .widget_nav_menu h3:before {
  content: "CATEGORY";
  color: #333333;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 2.4px;
}

#secondary .widget_nav_menu h3 span {
  display: block;
  text-align: center;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-top: 5px;
}

#secondary .widget_nav_menu h3:after {
  content: '';
  width: 296px;
  height: 1px;
  position: absolute;
  background: #dedede;
  display: block;
  left: 0px;
  right: 0px;
  bottom: -20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  #secondary .widget_nav_menu h3:after {
    bottom: -15px;
  }
}

#secondary .widget_nav_menu ul {
  padding: 16px 30px 5px 30px;
}

#secondary .widget_nav_menu ul li {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  line-height: 1.2;
  margin-bottom: 37px;
  position: relative;
  overflow: visible;
  padding: 0px 0px 0px 22px;
}

#secondary .widget_nav_menu ul li:before {
  content: '\f105';
  font-size: 16px;
  position: absolute;
  left: 0px;
  top: -2px;
  color: #999999;
  font-family: FontAwesome;
  font-size: 20px;
}

#secondary .widget_nav_menu ul li:after {
  content: '';
  height: 1px;
  background: #dedede;
  position: absolute;
  bottom: -20px;
  width: 100%;
  left: 0px;
}

#secondary .widget_nav_menu ul li:last-child {
  margin-bottom: 0px;
}

#secondary .widget_nav_menu ul li:last-child:after {
  height: 0px;
}

#secondary .widget_nav_menu ul li a {
  color: #999999;
  font-size: 14px;
}

#secondary .widget_nav_menu ul li a .wpp-thumbnail {
  margin-right: 16px;
  padding-top: 4px;
}

#secondary .widget_nav_menu ul li a.wpp-post-title {
  margin-top: 5px;
}

#secondary .widget_nav_menu ul li a:hover {
  color: #64b5f6;
}

#secondary .recommend_widget {
  border-top: 0px;
  border: 1px solid #dedede;
  background: #fff;
  margin-bottom: 32px;
}

#secondary .recommend_widget h3 {
  border-top: 2px solid;
  border-image-slice: 1;
  border-top-width: 2px;
  border-image-source: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

#secondary .recommend_widget h3:before {
  content: "RECOMMENDED POSTS";
  color: #333333;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 2.4px;
}

#secondary .recommend_widget h3 span {
  display: block;
  text-align: center;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-top: 5px;
}

#secondary .recommend_widget h3:after {
  content: '';
  width: 296px;
  height: 1px;
  position: absolute;
  background: #dedede;
  display: block;
  left: 0px;
  right: 0px;
  bottom: -20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  #secondary .recommend_widget h3:after {
    bottom: -15px;
  }
}

#secondary .recommend_widget ul {
  padding: 16px 30px 5px 30px;
}

#secondary .recommend_widget ul li {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0;
  line-height: 1.2;
  margin-bottom: 37px;
  position: relative;
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
}

#secondary .recommend_widget ul li:after {
  content: '';
  height: 1px;
  background: #dedede;
  position: absolute;
  bottom: -20px;
  width: 100%;
  left: 0px;
}

#secondary .recommend_widget ul li:last-child {
  margin-bottom: 0px;
}

#secondary .recommend_widget ul li:last-child:after {
  height: 0px;
}

#secondary .recommend_widget ul li:hover a:before {
  color: #64b5f6;
}

#secondary .recommend_widget ul li a {
  color: #999999;
  font-size: 14px;
}

#secondary .recommend_widget ul li a .wpp-thumbnail {
  margin-right: 16px;
  padding-top: 4px;
}

#secondary .recommend_widget ul li a.wpp-post-title {
  margin-top: 5px;
}

#secondary .recommend_widget ul li a:hover {
  color: #64b5f6;
}

#secondary .recommend_widget ul li a img {
  margin-right: 16px;
  padding-top: 4px;
}

#secondary .recommend_widget ul li a:first-child {
  min-width: 112px;
  margin-right: 16px;
}

#secondary .popular-posts {
  border-top: 0px;
  border: 1px solid #dedede;
  background: #fff;
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  #secondary .popular-posts {
    margin-bottom: 29px;
  }
}

#secondary .popular-posts h3 {
  border-top: 2px solid;
  border-image-slice: 1;
  border-top-width: 2px;
  border-image-source: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  text-align: center;
  position: relative;
}

#secondary .popular-posts h3:before {
  content: "POPULAR POSTS";
  color: #333333;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 2.4px;
}

#secondary .popular-posts h3 span {
  display: block;
  text-align: center;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-top: 5px;
}

#secondary .popular-posts h3:after {
  content: '';
  width: 296px;
  height: 1px;
  position: absolute;
  background: #dedede;
  display: block;
  left: 0px;
  right: 0px;
  bottom: -20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  #secondary .popular-posts h3:after {
    bottom: -15px;
  }
}

#secondary .popular-posts ul {
  padding: 16px 30px 5px 30px;
}

#secondary .popular-posts ul li {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0;
  line-height: 1.2;
  margin-bottom: 37px;
  position: relative;
  overflow: visible;
}

#secondary .popular-posts ul li:after {
  content: '';
  height: 1px;
  background: #dedede;
  position: absolute;
  bottom: -20px;
  width: 100%;
  left: 0px;
}

#secondary .popular-posts ul li:last-child {
  margin-bottom: 0px;
}

#secondary .popular-posts ul li:last-child:after {
  height: 0px;
}

#secondary .popular-posts ul li:hover a:before {
  color: #64b5f6;
}

#secondary .popular-posts ul li a {
  color: #999999;
  font-size: 14px;
}

#secondary .popular-posts ul li a .wpp-thumbnail {
  margin-right: 16px;
  padding-top: 4px;
  max-width: 112px;
}

#secondary .popular-posts ul li a.wpp-post-title {
  margin-top: 5px;
}

#secondary .popular-posts ul li a:hover {
  color: #64b5f6;
}

#secondary .widget_xeory_postviews, #secondary .widget_xeory_recentviews {
  margin-bottom: 40px;
}

#secondary .widget_xeory_postviews .widget-content ul li, #secondary .widget_xeory_recentviews .widget-content ul li {
  margin-bottom: 12px;
  padding: 0;
}

#secondary .widget_xeory_postviews .widget-content ul li .xeory-subloop-image, #secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-image {
  width: auto;
}

#secondary .widget_xeory_postviews .widget-content ul li .xeory-subloop-content h4, #secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-content h4 {
  line-height: 1.2;
}

#secondary .widget_xeory_postviews .widget-content ul li .xeory-subloop-content h4 a, #secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-content h4 a {
  color: #333333;
  font-size: 14px;
  font-weight: normal;
}

#secondary .widget_xeory_postviews .widget-content ul li .xeory-subloop-content h4 a:hover, #secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-content h4 a:hover {
  color: #111111;
}

#secondary .widget_xeory_postviews .widget-content ul li .xeory-subloop-content .xeory-subloop-meta, #secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-content .xeory-subloop-meta {
  display: none;
}

#secondary .widget_xeory_recentviews h3:before {
  content: "\f11d";
  padding: 6px;
}

#secondary .widget_social_widget h3:before {
  content: "\f087";
  padding: 6px 8px;
}

#secondary .widget_social_widget .xeory-social-btns {
  padding: 0;
  text-align: center;
}

#secondary .widget_social_widget .xeory-social-btns ul {
  margin: 0;
}

#secondary .widget_social_widget .xeory-social-btns ul li {
  width: auto !important;
  padding: 0 10px !important;
  margin: 0;
}

#secondary .widget_social_widget .xeory-social-btns ul li a {
  width: 52px;
  height: 52px;
  padding: 0;
  margin: 0;
  display: inline-block;
  line-height: 52px;
  border-radius: 5px;
}

#secondary .widget_social_widget .xeory-social-btns ul li a:before {
  width: 52px;
  height: 52px;
  font-size: 22px;
  margin: 0;
}

#secondary .widget_social_widget .xeory-social-btns ul li a .xeory-social-name {
  display: none;
}

.single .site-content, .page .site-content {
  padding: 0px 0 0;
  background-image: url("../../images/back-single.png");
  background-position: top right;
  background-color: #fff;
}

.single .site-content .container, .page .site-content .container {
  max-width: 1080px;
}

@media screen and (max-width: 991px) {
  .single .site-content .container, .page .site-content .container {
    margin: 0 12px;
  }
}

.site-content .xeory-breadcrumbs {
  padding: 15px 0px 68px 0px;
}

@media screen and (max-width: 991px) {
  .site-content .xeory-breadcrumbs {
    padding: 15px 0px 23px 0px;
  }
}

.site-content .xeory-breadcrumbs-list {
  margin-bottom: 0px;
}

.site-content .xeory-breadcrumbs-list li.xeory-breadcrumbs-item-home:before {
  content: '';
}

.site-content .xeory-breadcrumbs-list li.xeory-breadcrumbs-item:after {
  color: #64b5f6;
  margin: 0px;
}

.site-content .xeory-breadcrumbs-list li.xeory-breadcrumbs-item-current a {
  text-decoration: underline;
}

.site-content .xeory-breadcrumbs-list li a {
  font-size: 12px;
  color: #64b5f6;
}

@media screen and (max-width: 767px) {
  .site-content .xeory-breadcrumbs-list li a {
    font-size: 11px;
  }
}

.single .site-content .site-main, .page .site-content .site-main {
  padding-right: 410px;
}

@media screen and (max-width: 991px) {
  .single .site-content .site-main, .page .site-content .site-main {
    padding-right: 0px;
  }
}

.single .site-content .site-main article, .page .site-content .site-main article {
  padding: 0px 0px 40px 0px;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main article, .page .site-content .site-main article {
    overflow: visible;
  }
}

.single .site-content .site-main article.hentry, .page .site-content .site-main article.hentry {
  border: 0px;
  background: transparent;
}

.single .site-content .site-main article .entry-header, .page .site-content .site-main article .entry-header {
  float: none !important;
  margin-bottom: 17px !important;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main article .entry-header, .page .site-content .site-main article .entry-header {
    margin-bottom: 11px;
  }
}

.single .site-content .site-main article .entry-header .entry-meta, .page .site-content .site-main article .entry-header .entry-meta {
  height: 31px;
  margin-bottom: 0;
  list-style: none;
  text-align: right;
}

.single .site-content .site-main article .entry-header .entry-meta:before, .page .site-content .site-main article .entry-header .entry-meta:before {
  content: none;
}

.single .site-content .site-main article .entry-header .entry-meta .cat, .page .site-content .site-main article .entry-header .entry-meta .cat {
  padding: 5px 0 0;
  background: none;
}

.single .site-content .site-main article .entry-header .entry-meta .cat a, .page .site-content .site-main article .entry-header .entry-meta .cat a {
  background: none !important;
  color: #64b5f6;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main article .entry-header .entry-meta .cat a, .page .site-content .site-main article .entry-header .entry-meta .cat a {
    font-size: 10px;
  }
}

.single .site-content .site-main article .entry-header .entry-meta .date, .page .site-content .site-main article .entry-header .entry-meta .date {
  line-height: 31px;
  display: inline-block;
}

.single .site-content .site-main article .entry-header .entry-meta .modified, .page .site-content .site-main article .entry-header .entry-meta .modified {
  display: inline-block;
}

.single .site-content .site-main article .entry-header .entry-meta i, .page .site-content .site-main article .entry-header .entry-meta i {
  margin-right: 4px;
}

.single .site-content .site-main article .entry-header .tag{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  color: #999999;
  font-size: 12px;
}

.single .site-content .site-main article .entry-header .tag:before{
  font-family: 'FontAwesome';
    margin-right: 3px;
    content: '\f02c';
}

.single .site-content .site-main article .entry-header .tag a{
  font-size: 12px;
  color: #999999;
}

.single .site-content .site-main article .entry-header h1, .page .site-content .site-main article .entry-header h1 {
  margin: 0 0 42px 0;
  font-size: 24px;
  line-height: 36px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main article .entry-header h1, .page .site-content .site-main article .entry-header h1 {
    font-size: 20px;
    margin: 0px 0px 4px 0px;
    line-height: 32px;
  }
}

.single .site-content .site-main article .bzb-sns-area, .page .site-content .site-main article .bzb-sns-area {
  display: block;
  margin-bottom: 32px;
  padding: 0;
  text-align: center;
}

.single .site-content .site-main article .entry-content, .page .site-content .site-main article .entry-content {
  padding: 0 !important;
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main article .entry-content, .page .site-content .site-main article .entry-content {
    overflow: visible;
  }
}

.single .site-content .site-main article .entry-content a, .page .site-content .site-main article .entry-content a {
  color: #64b5f6;
  text-decoration: none;
}

.single .site-content .site-main article .entry-content a:hover, .page .site-content .site-main article .entry-content a:hover {
  text-decoration: underline;
}

.single .site-content .site-main article .entry-content .entry-thumbnail, .page .site-content .site-main article .entry-content .entry-thumbnail {
  margin: 0 0 39px 0;
  float: none;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main article .entry-content .entry-thumbnail, .page .site-content .site-main article .entry-content .entry-thumbnail {
    margin: 0 0 23px 0;
  }
}

.single .site-content .site-main article .entry-content .bzb-sns-area, .page .site-content .site-main article .entry-content .bzb-sns-area {
  display: none;
}

.single .site-content .site-main article .entry-content .bzb-sns-area .bzb-sns-btn, .page .site-content .site-main article .entry-content .bzb-sns-area .bzb-sns-btn {
  padding-left: 0;
}

.single .site-content .site-main article .entry-content .bzb-sns-area .bzb-sns-btn li, .page .site-content .site-main article .entry-content .bzb-sns-area .bzb-sns-btn li {
  font-size: 12px;
}

.single.single-case .site-content .site-main article .entry-content h2{
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main article .entry-content h2, .page .site-content .site-main article .entry-content h2 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .single.single-case .site-content .site-main article .entry-content h2{
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
    line-height: 25px;
    padding-left: 20px;
  }
  .single.single-case .site-content .site-main article .entry-content h2:before{
    top: 7px;
  }
}

.single.single-case .site-content .site-main article .entry-content h2 span{
  font-size: 18px;
}

@media screen and (max-width: 550px) {
  .single.single-case .site-content .site-main article .entry-content h2 span{
    font-size: 12px;
  }
}

.single .site-content .site-main .entry-footer, .page .site-content .site-main .entry-footer {
  background: #fff;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}

.single .site-content .site-main .entry-footer .bzb-sns-area, .page .site-content .site-main .entry-footer .bzb-sns-area {
  margin: 0 0 0px;
  text-align: center;
  display: none;
}

.single .site-content .site-main .entry-footer .post-footer-list, .page .site-content .site-main .entry-footer .post-footer-list {
  padding-bottom: 0;
}

.single .site-content .site-main .entry-footer .post-footer-list li.tag{
  display: none;
}

.single .site-content .site-main .entry-footer .post-footer-list li, .page .site-content .site-main .entry-footer .post-footer-list li {
  padding-bottom: 1em;
}

.single .site-content .site-main .entry-footer .post-footer-list li:before, .page .site-content .site-main .entry-footer .post-footer-list li:before {
  color: #64b5f6;
}

.single .site-content .site-main .entry-footer .post-footer-list li a, .page .site-content .site-main .entry-footer .post-footer-list li a {
  color: #64b5f6;
  text-decoration: none;
  /*font-family: "Hiragino Kaku Gothic Pro";*/
}

.single .site-content .site-main .entry-footer .post-footer-list li a:hover, .page .site-content .site-main .entry-footer .post-footer-list li a:hover {
  text-decoration: underline;
}

.single .site-content .site-main .entry-footer .post-footer-list .cat:before, .page .site-content .site-main .entry-footer .post-footer-list .cat:before {
  content: "\f115";
  font-size: 18px;
}

.single .site-content .site-main .underpost-widget, .page .site-content .site-main .underpost-widget {
  padding: 40px 0px 40px 0px;
  border: none;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .underpost-widget, .page .site-content .site-main .underpost-widget {
    padding: 24px 0px;
  }
}

.single .site-content .site-main .underpost-widget h3, .page .site-content .site-main .underpost-widget h3 {
  padding-bottom: 12px;
  margin-bottom: 37px;
  border-bottom: none;
  position: relative;
  text-align: center;
  color: #333333;
  letter-spacing: 2.56px;
  font-size: 16px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .underpost-widget h3, .page .site-content .site-main .underpost-widget h3 {
    margin-bottom: 25px;
  }
}

.single .site-content .site-main .underpost-widget h3:before, .page .site-content .site-main .underpost-widget h3:before {
  width: 100%;
  font-family: Roboto-Thin;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #333333;
  font-weight: 400;
  display: block;
  margin-bottom: 25px;
}

@media screen and (max-width: 991px) {
  .single .site-content .site-main .underpost-widget h3:before, .page .site-content .site-main .underpost-widget h3:before {
    font-size: 48px;
  }
}

.single .site-content .site-main .underpost-widget h3:after, .page .site-content .site-main .underpost-widget h3:after {
  content: '';
  width: 60px;
  height: 1px;
  position: absolute;
  display: block;
  left: 0px;
  right: 0px;
  margin: auto;
  background: #666666;
  bottom: 48px;
}

.single .site-content .site-main .underpost-widget h3 span, .page .site-content .site-main .underpost-widget h3 span {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #333333;
  font-weight: 400;
  letter-spacing: 2.56px;
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop {
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li {
  width: calc((100% - 24px)/ 3);
  margin-right: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}

@media screen and (max-width: 550px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li {
    width: 100%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    margin-right: 0px;
    margin-bottom: 15px;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li.tag, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li.tag {
  display: none;
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li:last-child, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li:last-child {
  margin-right: 0px;
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-image, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-image {
  width: 100%;
  margin-right: 0px;
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-image a img, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-image a img {
  max-width: 212px;
}

@media screen and (max-width: 550px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-image a img, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-image a img {
    min-width: 351px;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content {
  width: 100%;
  margin-left: 0px;
  position: relative;
}

@media screen and (max-width: 550px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content {
    padding: 25px 25px 0 20px;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title {
  margin-top: 9px;
}

@media screen and (max-width: 550px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title {
    margin-top: 33px;
    margin-bottom: 19px;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title a, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title a {
  font-size: 14px;
  color: #999999;
  font-weight: 400;
  line-height: 20px;
}

@media screen and (max-width: 550px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title a, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title a {
    color: #333333;
    line-height: 32px;
    font-size: 15px;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title a:hover, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-title a:hover {
  color: #64b5f6;
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta {
  display: none;
}

@media screen and (max-width: 550px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta {
    display: block;
    position: absolute;
    top: 0px;
  }
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .cat, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .cat {
    color: #64b5f6;
    font-size: 14px;
    box-shadow: none;
  }
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date {
    color: #999999;
    font-size: 14px;
    left: 241px;
    top: 31px;
    box-shadow: none;
  }
}

@media screen and (max-width: 360px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date {
    left: 222px;
  }
}

@media screen and (max-width: 344px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date {
    left: 200px;
  }
}

@media screen and (max-width: 320px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop li .xeory-subloop-content .xeory-subloop-meta .date {
    left: 190px;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more {
  height: 58px;
  color: #999999;
  font-size: 15px;
  letter-spacing: 2.49px;
  line-height: 58px;
  border-top: #e2e2e2 1px solid;
  display: block;
  padding-top: 3px;
}

@media screen and (min-width: 551px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more {
    display: none;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:after, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:after {
  content: '\f105';
  font-family: FontAwesome;
  position: absolute;
  right: 21px;
  color: #999999;
  font-size: 20px;
}

@media screen and (min-width: 551px) {
  .single .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:after, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:after {
    display: none;
  }
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:hover, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:hover {
  color: #64b5f6;
}

.single .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:hover:after, .page .site-content .site-main .underpost-widget .widget-content .xeory-subloop .more:hover:after {
  color: #64b5f6;
}

.single .site-content .site-main .widget_xeory_recentviews, .page .site-content .site-main .widget_xeory_recentviews {
  border-top: 1px solid #dedede;
  margin-top: 39px;
  padding-top: 68px;
}

.single .site-content .site-main .widget_xeory_recentviews h3:before, .page .site-content .site-main .widget_xeory_recentviews h3:before {
  content: 'NEW CONTENT';
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .widget_xeory_recentviews h3:before, .page .site-content .site-main .widget_xeory_recentviews h3:before {
    margin-bottom: 31px;
  }
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .widget_xeory_recentviews, .page .site-content .site-main .widget_xeory_recentviews {
    padding-top: 74px;
    padding-bottom: 66px;
  }
}

.single .site-content .site-main .widget_xeory_postviews, .page .site-content .site-main .widget_xeory_postviews {
  border-top: 1px solid #dedede;
  margin-top: 39px;
  padding-top: 68px;
}

.single .site-content .site-main .widget_xeory_postviews h3, .page .site-content .site-main .widget_xeory_postviews h3 {
  font-size: 16px;
}

.single .site-content .site-main .widget_xeory_postviews h3:before, .page .site-content .site-main .widget_xeory_postviews h3:before {
  content: 'NEW CONTENT';
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .widget_xeory_postviews h3:before, .page .site-content .site-main .widget_xeory_postviews h3:before {
    margin-bottom: 31px;
    letter-spacing: -2px;
  }
}

@media screen and (max-width: 370px) {
  .single .site-content .site-main .widget_xeory_postviews h3:before, .page .site-content .site-main .widget_xeory_postviews h3:before {
    font-size: 40px;
    letter-spacing: normal;
  }
}

@media screen and (max-width: 350px) {
  .single .site-content .site-main .widget_xeory_postviews h3:before, .page .site-content .site-main .widget_xeory_postviews h3:before {
    font-size: 35px;
  }
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .widget_xeory_postviews, .page .site-content .site-main .widget_xeory_postviews {
    padding-top: 74px;
    padding-bottom: 66px;
  }
}

.single .site-content .site-main .widget_xeory_related_posts, .page .site-content .site-main .widget_xeory_related_posts {
  padding: 40px 0px 0px 0px;
  border-bottom: 0;
  padding-top: 98px;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .widget_xeory_related_posts, .page .site-content .site-main .widget_xeory_related_posts {
    border-top: 1px solid #dedede;
    padding-top: 74px;
    padding-bottom: 66px;
  }
}

.single .site-content .site-main .widget_xeory_related_posts .xeory-subloop-title, .page .site-content .site-main .widget_xeory_related_posts .xeory-subloop-title {
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
}

.single .site-content .site-main .widget_xeory_related_posts .xeory-subloop-title a, .page .site-content .site-main .widget_xeory_related_posts .xeory-subloop-title a {
  color: #333;
}

.single .site-content .site-main .widget_xeory_related_posts .xeory-subloop-title a:hover, .page .site-content .site-main .widget_xeory_related_posts .xeory-subloop-title a:hover {
  color: #111111;
}

.single .site-content .site-main .widget_xeory_related_posts .xeory-subloop-meta, .page .site-content .site-main .widget_xeory_related_posts .xeory-subloop-meta {
  display: none;
}

.single .site-content .site-main .widget_xeory_related_posts h3:before, .page .site-content .site-main .widget_xeory_related_posts h3:before {
  content: 'RELATED ARTICLE';
}

@media screen and (max-width: 550px) {
  .single .site-content .site-main .widget_xeory_related_posts h3:before, .page .site-content .site-main .widget_xeory_related_posts h3:before {
    letter-spacing: -3px;
    margin-bottom: 31px;
  }
}

@media screen and (max-width: 370px) {
  .single .site-content .site-main .widget_xeory_related_posts h3:before, .page .site-content .site-main .widget_xeory_related_posts h3:before {
    font-size: 40px;
    letter-spacing: normal;
  }
}

@media screen and (max-width: 350px) {
  .single .site-content .site-main .widget_xeory_related_posts h3:before, .page .site-content .site-main .widget_xeory_related_posts h3:before {
    font-size: 35px;
    letter-spacing: normal;
  }
}

.single .site-content .site-main .widget_social_widget, .page .site-content .site-main .widget_social_widget {
  border-bottom: 0;
}

.single .site-content .site-main .widget_social_widget h3:before, .page .site-content .site-main .widget_social_widget h3:before {
  content: "\f087";
}

.single .site-content .site-main .widget_social_widget .xeory-social-twitter, .page .site-content .site-main .widget_social_widget .xeory-social-twitter {
  padding: 0 0 20px;
}

@media screen and (max-width: 991px) {
  .single .site-content .site-main .widget_social_widget .xeory-social-twitter, .page .site-content .site-main .widget_social_widget .xeory-social-twitter {
    margin-bottom: 16px;
  }
}

.single .site-content .site-main .widget_social_widget .xeory-social-twitter iframe, .page .site-content .site-main .widget_social_widget .xeory-social-twitter iframe {
  border: 1px solid #f3f3f3 !important;
}

.single .site-content .site-main .widget_social_widget .xeory-social-twitter iframe .timeline-Widget div, .page .site-content .site-main .widget_social_widget .xeory-social-twitter iframe .timeline-Widget div {
  border-bottom: 1px solid #eeeeee !important;
}

.single .site-content .site-main .widget_social_widget .xeory-social-btns ul li a, .page .site-content .site-main .widget_social_widget .xeory-social-btns ul li a {
  border-radius: 5px;
}

@media screen and (max-width: 340px) {
  .single .site-content .site-main .widget_social_widget .xeory-social-btns ul li a, .page .site-content .site-main .widget_social_widget .xeory-social-btns ul li a {
    padding: 10px;
  }
}

.single .site-content .site-main .widget_social_widget .xeory-social-facebook, .page .site-content .site-main .widget_social_widget .xeory-social-facebook {
  padding: 0 8px 32px;
  width: 100%;
}

.single .site-content .site-main .underpost-tag{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  border: 1px solid #d9d9d9;
  width: 100%;
  padding: 25px 15px 15px 25px;
  margin-top: 80px;
  background-color: #fff;
}

.single .site-content .site-main .underpost-tag .label{
  font-size: 14px;
  background-color: #111111;
  color: #fff;
  font-weight: 600;
  height: 28px;
  width: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.single .site-content .site-main .underpost-tag a{
  border: 1px solid #64b5f6;
  font-size: 12px;
  color: #64b5f6;
  height: 28px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}

.single .site-content .site-main .underpost-tag a:hover{
  opacity: 0.55;
}

.single .site-content .site-main .post-author, .page .site-content .site-main .post-author {
  background: #fff;
  padding: 60px 0px 36px 0px;
  border-bottom: 0;
  border: 0px;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .post-author, .page .site-content .site-main .post-author {
    padding: 0 0px 38px 0px;
    margin-top: 29px;
  }
}

.single .site-content .site-main .post-author .clearfix, .page .site-content .site-main .post-author .clearfix {
  padding: 25px 35px 20px 30px;
  border: 1px solid #ebebeb;
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .single .site-content .site-main .post-author .clearfix, .page .site-content .site-main .post-author .clearfix {
    padding: 16px 16px 34px 16px;
  }
}

.single .site-content .site-main .post-author .clearfix .post-author-img, .page .site-content .site-main .post-author .clearfix .post-author-img {
  padding-top: 7px;
}

.single .site-content .site-main .post-author .clearfix .post-author-img .inner, .page .site-content .site-main .post-author .clearfix .post-author-img .inner {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
}

.single .site-content .site-main .post-author .clearfix .post-author-img .inner img, .page .site-content .site-main .post-author .clearfix .post-author-img .inner img {
  height: 100%;
  max-width: initial;
}

.single .site-content .site-main .post-author .clearfix .post-author-meta, .page .site-content .site-main .post-author .clearfix .post-author-meta {
  font-size: 16px;
  margin-left: 120px;
}

@media only screen and (max-width: 767px) {
  .single .site-content .site-main .post-author .clearfix .post-author-meta, .page .site-content .site-main .post-author .clearfix .post-author-meta {
    padding: 0px 4px 0px 8px;
  }
}

.single .site-content .site-main .post-author .clearfix .post-author-meta p, .page .site-content .site-main .post-author .clearfix .post-author-meta p {
  font-size: 15px;
  line-height: 30px;
}

@media only screen and (max-width: 767px) {
  .single .site-content .site-main .post-author .clearfix .post-author-meta p, .page .site-content .site-main .post-author .clearfix .post-author-meta p {
    text-align: justify;
    font-size: 16px;
    line-height: 26px;
  }
}

.single .site-content .site-main .post-author .clearfix .post-author-meta > h4, .page .site-content .site-main .post-author .clearfix .post-author-meta > h4 {
  margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
  .single .site-content .site-main .post-author .clearfix .post-author-meta > h4, .page .site-content .site-main .post-author .clearfix .post-author-meta > h4 {
    padding-top: 9px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .single .site-content .site-main .post-author .clearfix .post-author-meta, .page .site-content .site-main .post-author .clearfix .post-author-meta {
    margin-left: 0px;
  }
}

.single .site-content .site-main .post-author .clearfix .author, .page .site-content .site-main .post-author .clearfix .author {
  color: #111111;
}

.single .site-content .site-main .post-author .clearfix .author a, .page .site-content .site-main .post-author .clearfix .author a {
  font-weight: 400;
}

.page .site-content .site-main article {
  border-bottom: 1px solid #E5E5E3;
}

/*.single.single-case .site-content .container .xeory-breadcrumbs {
  padding: 15px 0px 74px 0px;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .container .xeory-breadcrumbs {
    padding: 34px 0px 27px 0px;
  }
}*/

.single.single-case .site-content .content-area {
  margin-bottom: 52px;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area {
    margin-bottom: 147px;
  }
}

.single.single-case .site-content .content-area .site-main {
  padding-right: 0;
  margin: 0 auto;
}

.single.single-case .site-content .content-area .site-main article {
  max-width: 880px;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area .site-main article {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article {
    padding: 0 !important;
  }
}

.single.single-case .site-content .content-area .site-main article .slug {
  font-size: 48px;
  color: #fff;
  font-family: 'Roboto-Thin';
  font-weight: normal;
  text-transform: uppercase;
  line-height: 48px;
  letter-spacing: -1px;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area .site-main article .slug {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: 0;
  }
}

.single.single-case .site-content .content-area .site-main article .page-header {
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 44px 40px 47px;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area .site-main article .page-header {
    padding: 22px 27px 26px;
  }
}

.single.single-case .site-content .content-area .site-main article .page-header h1 {
  font-size: 18px;
  line-height: 27px;
  font-weight: normal;
  color: #ffff;
  position: relative;
  display: inline-block;
  width: 100%;
  letter-spacing: 4.32px;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area .site-main article .page-header h1 {
    font-size: 15px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content {
  padding: 62px 40px !important;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area .site-main article .entry-content {
    padding: 60px 12px 30px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content p {
  margin-bottom: 47px;
}

.single.single-case .site-content .content-area .site-main article .entry-content p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content p {
    margin-bottom: 35px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .attention {
  margin-top: -14px;
  padding: 32px 38px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .attention {
    margin-top: -11px;
    padding: 16px 20px;
    margin-bottom: 40px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .block-top {
  padding: 24px 49px;
  background: #f2f5f8;
  word-spacing: -6px;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .block-top {
    padding: 16px 20px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .block-top span {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  text-align: center;
  width: calc((100% - 254px) / 2);
  word-spacing: 0;
  background: #FFF;
  color: #333333;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #dedede;
}


.single.single-case .site-content .content-area .site-main article .entry-content .block-top {
  display: flex;
}
.single.single-case .site-content .content-area .site-main article .entry-content .block-top span {
  min-height: 72px;
  display: flex;
  align-items: center;
}
.single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(1), .single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(3) {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .block-top {
      flex-wrap: wrap;
  }
  .single.single-case .site-content .content-area .site-main article .entry-content .block-top span {
    width: calc(100% - 78px);
    text-align: left;
    padding-left: 40px;
    font-size: 16px;
    min-height: 42px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(1), .single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(3) {
  width: 127px;
  color: #fff;
  background: #07518c;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(1), .single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(3) {
    width: 78px;
    text-align: center;
    padding: 0;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(2),
.single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(3), 
.single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(4) {
  border-width: 1px 1px 1px 0;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(2){
    border-width: 1px 1px 0px 0;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(2), .single.single-case .site-content .content-area .site-main article .entry-content .block-top span:nth-of-type(4) {
  text-align: left;
  letter-spacing: 4.32px;
  padding-left: 28px;
}

.single.single-case .site-content .content-area .site-main article .entry-content h4 {
  margin: 75px 0 60px;
}

@media screen and (max-width: 991px) {
  .single.single-case .site-content .content-area .site-main article .entry-content h4 {
    font-size: 16px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content h4 {
    margin: 56px 0 39px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content h4:before {
  margin-right: 15px;
  margin-left: 0;
}

.single.single-case .site-content .content-area .site-main article .entry-content hr {
  height: 1px;
  width: 100%;
  background: #e2e2e2;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content hr {
    margin-bottom: 72px;
  }
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content p.pc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .single.single-case .site-content .content-area .site-main article .entry-content p.sp {
    display: none;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts {
  margin-top: 100px;
  background: #fff;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts h4 {
  font-size: 16px;
  line-height: 47px;
  height: 47px;
  background: #251916;
  color: #fff;
  text-align: center;
  font-weight: normal;
  margin: 0;
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts h4:before {
  content: none;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul {
  border: 1px solid #dedede;
  border-top: 0;
  padding: 41px 34px 47px 41px;
  list-style: none;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul {
    padding: 32px 14px 48px 14px;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li {
  border-bottom: 1px solid #dedede;
  width: 100%;
  display: inline-block;
  padding-bottom: 24px;
  padding-top: 24px;
  background: #fff;
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li:first-child {
  padding-top: 0px;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li {
     padding-top: 24px;
     padding-bottom: 16px;
  }
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li:first-child {
    padding-top: 0px;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li a {
  display: block;
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li a:hover {
  text-decoration: none;
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li a .thumbnail {
  position: relative;
  float: left;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li a .thumbnail img {
    max-width: 80px;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content {
  position: relative;
  overflow: hidden;
  padding: 5px 0px 0px 25px;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content {
    padding: 0px 0px 0px 16px;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .title {
  color: #64b5f6;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 0px;
  min-height: 45px;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .title {
    font-size: 14px;
    min-height: initial;
    line-height: 20px;
    top: -4px;
    position: relative;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .detail {
  color: #666666;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .detail {
    line-height: normal;
    text-align: left;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .detail .cat {
  margin-bottom: 5px;
  color: #666666;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .detail .cat {
    font-size: 12px;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .detail .date {
  margin-bottom: 5px;
  margin-left: 27px;
  color: #666666;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-related-posts ul li .wrap-content .detail .date {
    font-size: 12px;
    margin-left: 0px;
    display: block;
    margin-top: 3px;
  }
}
.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom {
  margin-top: 120px;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom h4 {
  font-size: 16px;
  line-height: 47px;
  height: 47px;
  background: #241916;
  color: #fff;
  text-align: center;
  font-weight: normal;
  margin: 0;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom h4:before {
  content: none;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul {
  border: 1px solid #dedede;
  border-top: 0;
  padding: 16px 14px 48px 40px;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul {
    padding: 8px 5px 38px 20px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul .content {
  -ms-overflow-y: scroll;
  overflow-y: scroll;
  -ms-overflow-x: hidden;
  overflow-x: hidden;
  max-height: 400px;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul .content {
    max-height: 574px;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul .content::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
  margin-top: 50px;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul .content::-webkit-scrollbar-track {
  background-color: transparent;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul .content::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
  margin-top: 50px;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul .content::-webkit-scrollbar-button {
  display: none;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul li {
  border-bottom: 1px solid #dedede;
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul li {
    padding: 18px 0;
  }
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul li:before {
  content: none;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul li a {
  color: #64b5f6;
  font-size: 16px;
  line-height: 25px;
}

.single.single-case .site-content .content-area .site-main article .entry-content .content-bottom ul li p {
  font-size: 14px;
  line-height: 25px;
  color: #666666;
}

@media only screen and (max-width: 767px) {
  .single .site-content .site-main article:after {
    height: 0px;
    width: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single .site-content .site-main article {
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: visible !important;
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .single .site-content .site-main article .entry-content {
    overflow: visible !important;
  }
}

.single .site-content .site-main article .entry-content .entry-thumbnail {
  display: block !important;
}

.home {
  /*font-family: "Noto Sans CJ Kjp","Noto Sans JP", sans-serif;*/
  font-weight: 100;
}

.home .site-content {
  padding: 0;
}

.home .site-content .container {
  max-width: 1200px;
}

@media screen and (max-width: 1199px) {
  .home .site-content .container {
    margin: 0;
  }
}

.home .site-content .container .content-area {
  margin-bottom: 0;
}

.home .site-content #secondary {
  display: none;
}

.home .site-content .banner {
  background: url(../../images/main-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 30px 0;
}

.home .site-content .banner .slick-prev:before {
  position: relative;
  left: -1px;
}

.home .site-content .banner .slick-next:before {
  position: relative;
  right: -1px;
}

@media screen and (max-width: 767px) {
  .home .site-content .banner {
    min-height: auto;
    padding: 0;
    padding-top: 20px;
  }
}

.home .site-content .banner .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 24px 0;
  margin-top: -32px;
}

@media screen and (max-width: 767px) {
  .home .site-content .banner .container {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    padding: 40px 0px 55px;
    margin-top: 0;
  }
}

.home .site-content .banner .container h2 {
  font-size: 54px;
  line-height: 1.5;
  color: #fff;
  font-weight: normal;
  margin-bottom: 53px;
  position: relative;
}

.home .site-content .banner .container h2:after {
  content: '';
  background: #fff;
  height: 1px;
  bottom: -29px;
  width: 100px;
  left: calc(50% - 50px);
  position: absolute;
}

@media screen and (min-width: 768px) {
  .home .site-content .banner .container h2 br {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .home .site-content .banner .container h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .home .site-content .banner .container h2 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.5px;
    margin-bottom: 36px;
  }
  .home .site-content .banner .container h2:after {
    content: '';
    background: #fff;
    height: 1px;
    bottom: -14px;
    width: 100px;
    left: calc(50% - 50px);
    position: absolute;
  }
}
@media screen and (max-width: 320px) {
  .home .site-content .banner .container h2 {
    font-size: 26px;
  }
  .home .site-content .banner .container p {
    font-size: 16px; /* 14px */
  }
}

.home .site-content .banner .container p {
  font-size: 32px; /*   23px; */
  line-height: 40px;/*   36px;; */
  color: #fff;
  letter-spacing: 4.8px;
  font-family: 'Roboto';
}

@media screen and (max-width: 1024px) {
  .home .site-content .banner .container p {
    line-height: 38px;
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .home .site-content .banner .container p {
    line-height: 28px;
    font-size: 22px;/*   19px;; */
    letter-spacing: normal;
  }
}

.slick-dots li{
  margin: 0;
}

.pickup-slide .slick-arrow{
  width: 30px !important;
  height: 30px !important;
  background-color: rgba(33, 33, 33, 0.5) !important;
  border-radius: 50%;
  z-index: 10;
}


.slick-prev{
  left: calc( (100vw - 660px) / 2 ) !important;
}

@media screen and (max-width: 767px) {
  .slick-prev{
    left: 3px !important;
  }
}

.slick-next{
  right: calc( (100vw - 660px) / 2 ) !important;
}

@media screen and (max-width: 767px) {
  .slick-next{
    right: 3px !important;
  }
  .slick-dots{
    position: relative!important;
    bottom: 3px!important;
  }
}

.slick-slider{
  overflow: visible;
}

.slick-slider .slick-track, .slick-slider .slick-list{
  overflow: visible;
}

@media screen and (max-width: 440px) {
  .slick-prev, .slick-next{
    top: 45%!important;
  }
}

@media screen and (max-width: 340px) {
  .slick-prev, .slick-next{
    top: 40%!important;
  }
}

.slick-prev:before, .slick-next:before{
  font-family: FontAwesome !important;
  font-size: 11px;
  color: #fff;
}

.slick-prev:before{
  content: '\f053' !important;
}

.slick-next:before{
  content: '\f054' !important;
}

.slick-dots li{
  margin: 0 !important;
}

.slick-dots li button:before{
  opacity: 1 !important;
  color: #656565 !important;
}

.slick-dots li.slick-active button:before{
  opacity: 1 !important;
  color: #64b5f6 !important;
}

.home .site-content .banner .pickup {
  margin: auto;
  width: 100%;
}

.home .site-content .banner .pickup > a {
  display: block;
}

@media screen and (max-width: 767px) {
  .home .site-content .banner .pickup {
    position: relative;
    transform: none;
    /* width: 100%; */
    left: auto;
    right: auto;
    bottom: 0;
    max-width: 100%;
    min-width: initial;
  }
}

.home .site-content .banner .pickup:before, .home .site-content .banner .pickup a:after {
  content: '';
  position: absolute;
}

.home .site-content .banner .pickup a {
  position: relative;
  width: 100%;
  margin: 0 40px;
}

@media screen and (max-width: 767px) {
  .home .site-content .banner .pickup a {
    margin: 0 12px;
  }
}

.home .site-content .banner .pickup .content {
  word-spacing: -6px;
  cursor: pointer;
  transition: all ease-in-out .3s;
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
  .home .site-content .banner .pickup .content{
    display: block;
  }
}

.home .site-content .banner .pickup .content:hover {
  opacity: .8;
}

.home .site-content .banner .pickup .images,
.home .site-content .banner .pickup .content-right {
  display: inline-block;
  vertical-align: middle;
  word-spacing: 0;
}

.home .site-content .banner .pickup .content {
  aspect-ratio: 630/354;
  width: 630px;
  max-width: 100%;
  overflow: hidden;
}
.home .site-content .banner .pickup .images {
   width: 100%;
}
.home .site-content .banner .pickup a {
  margin: 0;
  width: 630px;
}

@media screen and (max-width: 767px) {
  .home .site-content .banner .pickup .images {
    max-width: none;
    width: 100%;
  }
}

.home .site-content .banner .pickup .images img{
  height: 100%;
  object-fit: cover;
  aspect-ratio: 630/354;
}

@media screen and (max-width: 767px) {
  .home .site-content .banner .pickup .images img{
    height: auto;
    width: 100%;
  }
}

.home .site-content .banner .pickup .content-right {
  padding: 36px 40px;
  background-color: #fff;
  max-width: 600px;
  width: 50%;
  color:#999;
}

@media screen and (max-width: 767px) {
  .home .site-content .banner .pickup .content-right {
    max-width: none;
    width: 100%;
    padding: 18px;
    font-size: 12px;
  }
}

.home .site-content .banner .pickup .right-row{
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

.home .site-content .banner .pickup .right-row:last-child{
  margin-bottom: 0;
}

.home .site-content .banner .pickup .content-right .fa-chevron-right:before {
  font-size: 12px;
}

.home .site-content .site-main {
  padding: 0;
}

.home .site-content .site-main p {
  color: #333333;
  font-size: 16px;
  margin-bottom: 20px;
}

.home .site-content .site-main p:last-child {
  margin-bottom: 0;
}

.home .site-content .site-main .link-more {
  margin-top: 30px;
}

.home .site-content .site-main .link-more a {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border-radius: 20px;
  background-color: #64b5f6;
  max-width: 260px;
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .link-more a {
    max-width: 320px;
    line-height: 48px;
    height: 48px;
    border-radius: 24px;
  }
}

.home .site-content .site-main .link-more a:after {
  content: '\f054';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  font-family: FontAwesome;
}

.home .site-content .site-main .section {
  padding: 115px 0 120px;
  background: url(../../images/top-about-bg.png) #fff no-repeat center;
  background-size: cover;
  text-align: center;
  margin-left: calc(((100vw - 100%) / 2 ) * -1);
  margin-right: calc(((100vw - 100%) / 2 ) * -1);
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .section {
    padding-bottom: 55px;
  }
}

.home .site-content .site-main .section h2 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 50px;
  position: relative;
  font-weight: normal;
  font-family: 'Roboto-Thin';
  font-weight: 400;
  letter-spacing: 4.8px;
}
.home .site-content .site-main .section.toha h2 {
  font-size: 32px;
}

@media screen and (max-width: 767px){
  .home .site-content .site-main .section.toha h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .section h2 {
    margin-bottom: 35px;
  }
}

.home .site-content .site-main .section h2:after {
  content: '';
  background: #333333;
  height: 1px;
  bottom: -20px;
  width: 60px;
  left: calc(50% - 30px);
  position: absolute;
}

.home .site-content .site-main .toha {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .toha {
    padding-top: 55px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .toha h2:after {
    content: none;
  }
}

.home .site-content .site-main .toha .content p {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .toha .content {
    display: none;
  }
}

.home .site-content .site-main .section.eight-block {
  padding: 0 !important;
}

.home .site-content .site-main .for-block {
  word-spacing: -6px;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.home .site-content .site-main .for-block .block {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  position: relative;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 840px) {
  .home .site-content .site-main .for-block .block {
    padding-top: 50%;
  }
}
@media screen and (max-width: 414px) {
  .home .site-content .site-main .for-block .block.result h6 {
    min-height: 44px;
  }
}
@media screen and (max-width: 375px) {
  .home .site-content .site-main .for-block .block {
    padding-top: 60%;
  }
  .home .site-content .site-main .for-block .block.result p{
    min-height: 100px;
  }
}
@media screen and (max-width: 320px) {
  .home .site-content .site-main .for-block .block.seminar h6 {
    min-height: 44px;
  }
  .home .site-content .site-main .for-block .block {
    padding-top: 80%;
  }
  .home .site-content .site-main .for-block .block.result p{
    min-height: 120px;
  }
  .home .site-content .site-main .for-block .block.q-a p,
  .home .site-content .site-main .for-block .block.seminar p{
    min-height: 140px;
  }
}

.home .site-content .site-main .for-block .block a {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

@media screen and (max-width: 840px) {
  .home .site-content .site-main .for-block .block a {
    padding: 0;
    height: 100%;
  }
}

.home .site-content .site-main .for-block .block a .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 30px;
  width: 100%;
  margin-top: -9px;
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .for-block .block a .content {
    padding: 20px 10px 20px 20px;
    margin-top: -3px;
  }
}

.home .site-content .site-main .for-block .block a:after {
  content: '';
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 0;
  height: 0;
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
}

.home .site-content .site-main .for-block .block h2 {
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0;
  text-align: left;
}

@media screen and (max-width: 991px) {
  .home .site-content .site-main .for-block .block h2 {
    font-size: 32px;
    line-height: 30px;
  }
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .for-block .block h2 {
    margin-bottom: 6px;
  }
}

.home .site-content .site-main .for-block .block h2:after {
  content: none;
}

.home .site-content .site-main .for-block .block h6 {
  font-size: 18px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: normal;
  text-align: left;
}

@media screen and (max-width: 991px) {
  .home .site-content .site-main .for-block .block h6 {
    line-height: 22.5px;
    font-size: 12px;
  }
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .for-block .block h6 {
    margin-bottom: 8px;
  }
}

.home .site-content .site-main .for-block .block p {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  text-align: left;
}

@media screen and (max-width: 991px) {
  .home .site-content .site-main .for-block .block p {
    line-height: 20px;
    font-size: 13px;
    letter-spacing: 2.08px;
  }
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .for-block .block p span {
    display: none;
  }
}

.home .site-content .site-main .for-block .how-to {
  background-color: #2979ff;
}

.home .site-content .site-main .for-block .q-a {
  background: #00BFA5;
}

.home .site-content .site-main .for-block .result {
  background: #c51162;
}

.home .site-content .site-main .for-block .seminar {
  background: #f9a825;
}

@media screen and (max-width: 840px) {
  .home .site-content .site-main .for-block .block.sp {
    display: none;
  }
}

@media screen and (min-width: 841px) {
  .home .site-content .site-main .for-block .block.pc {
    display: none;
  }
}

.home .site-content .site-main .banner-logo {
  padding: 0;
  margin: 58px 0 0;
  margin-left: calc(((100vw - 100%) / 2 ) * -1);
  margin-right: calc(((100vw - 100%) / 2 ) * -1);
  padding-bottom: 120px;
  display: none;
}

@media screen and (max-width: 1024px) {
  .home .site-content .site-main .banner-logo {
    padding: 33px 12px 60px;
  }
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .banner-logo {
    margin-top: 26px;
  }
}

.home .site-content .site-main .banner-logo .content {
  background: url(../../images/banner-cotra.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
  padding: 40px 67px 28px 37px;
  text-align: center;
  max-width: 1200px;
  line-height: 1;
  margin: 0 auto;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .home .site-content .site-main .banner-logo .content {
    padding-top: 33px;
    padding-bottom: 11px;
  }
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .banner-logo .content {
    padding: 33px 20px 11px;
  }
}

.home .site-content .site-main .banner-logo img {
  height: 33px;
}

@media screen and (max-width: 1024px) {
  .home .site-content .site-main .banner-logo img {
    height: 30px;
  }
}

.home .site-content .site-main .banner-logo .image,
.home .site-content .site-main .banner-logo .center,
.home .site-content .site-main .banner-logo .right {
  display: inline-block;
  vertical-align: middle;
}

.home .site-content .site-main .banner-logo .image {
  float: left;
}

@media screen and (max-width: 1024px) {
  .home .site-content .site-main .banner-logo .image {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .banner-logo .image {
    padding-right: 36px;
  }
}

.home .site-content .site-main .banner-logo .center {
  font-size: 32px;
  color: #fff;
  padding-left: 44px;
  padding-right: 10px;
}

.home .site-content .site-main .banner-logo .center b {
  font-weight: normal;
}

.home .site-content .site-main .banner-logo .center i {
  font-style: normal;
}

@media screen and (max-width: 1024px) {
  .home .site-content .site-main .banner-logo .center {
    float: none;
    width: 100%;
    padding: 0;
  }
  .home .site-content .site-main .banner-logo .center b {
    font-size: 28px;
    letter-spacing: 2.76px;
  }
  .home .site-content .site-main .banner-logo .center i {
    font-size: 18px;
  }
  .home .site-content .site-main .banner-logo .center span {
    width: 100%;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0;
    margin: 0;
  }
}

.home .site-content .site-main .banner-logo .right {
  font-size: 18px;
  line-height: 28px;
  padding: 0;
  color: #fff;
  text-align: center;
  float: right;
  margin-top: -12px;
}

@media screen and (max-width: 1024px) {
  .home .site-content .site-main .banner-logo .right {
    float: none;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    letter-spacing: 1.56px;
    padding-top: 9px;
    border-top: 1px solid #fff;
    max-width: 328px;
    margin: 25px auto 0;
  }
  .home .site-content .site-main .banner-logo .right br {
    display: none;
  }
}

.home .site-content .site-main .recent-post {
  background: #f7f7f7;
  padding-top: 107px;
}

@media screen and (max-width: 1024px) {
  .home .site-content .site-main .recent-post {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .recent-post {
    padding-top: 52px;
  }
}

.home .site-content .site-main .recent-post h2 {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0;
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .recent-post h2 {
    font-size: 48px;
    margin-bottom: 37px;
  }
}

.home .site-content .site-main .recent-post h2:after {
  bottom: -18px;
}

.home .site-content .site-main .recent-post span {
  display: inline-block;
  width: 100%;
  font-size: 16px;
}

.home .site-content .site-main .recent-post .content {
  word-spacing: -6px;
  margin-top: 62px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .recent-post .content {
    margin-top: 45px;
  }
}

.home .site-content .site-main .recent-post .content article {
  word-spacing: 0;
  width: calc((100% - 32px) / 4);
  margin-right: 10px;
  vertical-align: top;
  display: inline-block;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  background: #FFF;
  padding: 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 840px) {
  .home .site-content .site-main .recent-post .content article {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
}

.home .site-content .site-main .recent-post .content article:nth-of-type(2n) {
  margin-right: 12px;
}

@media screen and (max-width: 840px) {
  .home .site-content .site-main .recent-post .content article:nth-of-type(2n) {
    margin-right: 0;
  }
}

.home .site-content .site-main .recent-post .content article:nth-of-type(4n) {
  margin-right: 0;
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article {
    width: 100%;
    margin-right: 0;
    box-shadow: none;
    border-bottom: 1px solid #dedede;
    padding-top: 0 !important;
    padding-bottom: 24px;
    margin-bottom: 24px;
    background: transparent;
  }
  .home .site-content .site-main .recent-post .content article:last-child {
    margin-bottom: 0;
  }
}

.home .site-content .site-main .recent-post .content article .entry-header {
  margin-bottom: 0;
}

.home .site-content .site-main .recent-post .content article .entry-header .entry-thumbnail {
  margin-bottom: 0;
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article .entry-header .entry-thumbnail {
    width: 108px;
    float: left;
    margin-right: 8px;
  }
}

.home .site-content .site-main .recent-post .content article .entry-content {
  padding: 15px 32px 7px !important;
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article .entry-content {
    padding: 4px 0 0 0 !important;
  }
}

.home .site-content .site-main .recent-post .content article .entry-content .cat-date {
  overflow: hidden;
  text-align: right;
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article .entry-content .cat-date {
    margin-bottom: 0;
  }
}

.home .site-content .site-main .recent-post .content article .entry-content .cat-date p {
  font-size: 12px;
  margin-bottom: 0;
}

.home .site-content .site-main .recent-post .content article .entry-content .cat-date .cat {
  color: #64b5f6;
  float: left;
}

.home .site-content .site-main .recent-post .content article .entry-content .cat-date .date {
  color: #999999;
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article .entry-content .cat-date .date {
    font-size: 10px;
  }
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article .entry-content .cat-date.pc {
    display: none;
  }
}

@media screen and (min-width: 551px) {
  .home .site-content .site-main .recent-post .content article .entry-content .cat-date.sp {
    display: none;
  }
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-title {
  font-size: 16px;
  line-height: 28px;
  color: #333333;
  text-align: left;
  margin: 5px 0 15px;
  background: transparent;
  min-height: 56px;
}

@media screen and (max-width: 767px) {
  .home .site-content .site-main .recent-post .content article .entry-content .entry-title {
    font-size: 14px;
    line-height: 20px;
    min-height: initial;
  }
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article .entry-content .entry-title {
    margin: -4px 0 -4px;
  }
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-title:hover {
  color: #64b5f6;
  text-decoration: none;
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-title:after {
  content: none;
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-title a {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

@media screen and (max-width: 550px) {
  .home .site-content .site-main .recent-post .content article .entry-content .entry-meta {
    display: none;
  }
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-meta .more {
  width: 100%;
  background: none;
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-meta .more:before {
  content: none;
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-meta .more a {
  font-family: 'Roboto-Thin';
  font-size: 12px;
  padding: 14px 0 13px;
  border-top: 1px solid #e2e2e2;
  background: #fff;
  width: 100%;
  display: inline-block;
  text-align: left;
  position: relative;
  padding-right: 16px;
  color: #999999;
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-meta .more a:hover {
  text-decoration: none;
  color: #64b5f6;
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-meta .more a:before {
  content: '\f054';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #999999;
}

.home .site-content .site-main .recent-post .content article .entry-content .entry-meta .more a:hover:before{
  color: #64b5f6;
}

.home .site-content .site-main .recent-post .link-more {
  margin-top: 30px;
}

/*.page-issues-and-solutions .site-content .container,
.page-case .site-content .container {
  max-width: 1080px;
  margin: 0 auto;
}*/

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .container,
  .page-case .site-content .container {
    /*padding: 0 12px;*/
    max-width: 100%;
  }
}

/*.page-issues-and-solutions .site-content .container .xeory-breadcrumbs,
.page-case .site-content .container .xeory-breadcrumbs {
  padding-bottom: 74px;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .container .xeory-breadcrumbs,
  .page-case .site-content .container .xeory-breadcrumbs {
    padding-bottom: 27px;
    padding-top: 33px;
  }
}*/

.page-issues-and-solutions .site-content .content-area .site-main,
.page-case .site-content .content-area .site-main {
  padding-right: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  margin-bottom: 159px;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main,
  .page-case .site-content .content-area .site-main {
    margin-bottom: 120px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .slug,
.page-case .site-content .content-area .site-main .slug {
  font-size: 44px;
  color: #fff;
  font-family: 'Roboto-Thin';
  font-weight: normal;
  text-transform: uppercase;
  line-height: 48px;
}

.page-case .site-content .content-area .site-main .slug {
  margin-bottom: 4px;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .slug,
  .page-case .site-content .content-area .site-main .slug {
    font-size: 40px;
    line-height: 48px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .page-header,
.page-case .site-content .content-area .site-main .page-header {
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 34px 40px 35px;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .page-header,
  .page-case .site-content .content-area .site-main .page-header {
    padding: 27px 27px 25px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .page-header h1,
.page-case .site-content .content-area .site-main .page-header h1 {
  font-size: 16px;
  line-height: 27px;
  font-weight: normal;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  width: 100%;
  letter-spacing: -0.8px;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .page-header h1,
  .page-case .site-content .content-area .site-main .page-header h1 {
    font-size: 15px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content,
.page-case .site-content .content-area .site-main .entry-content {
  padding: 40px 40px 99px;
}

.page-case .site-content .content-area .site-main .entry-content {
  padding: 63px 40px 99px;
  max-width: 880px;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content,
  .page-case .site-content .content-area .site-main .entry-content {
    padding: 60px 0 98px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block,
.page-case .site-content .content-area .site-main .entry-content .eight-block {
  word-spacing: -6px;
  padding-bottom: 0;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block,
  .page-case .site-content .content-area .site-main .entry-content .eight-block {
    padding-bottom: 17px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block h2,
.page-case .site-content .content-area .site-main .entry-content .eight-block h2 {
  width: 25%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
  background: transparent;
}

@media screen and (max-width: 767px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block h2,
  .page-case .site-content .content-area .site-main .entry-content .eight-block h2 {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 550px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block h2,
  .page-case .site-content .content-area .site-main .entry-content .eight-block h2 {
    width: 50%;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a,
.page-case .site-content .content-area .site-main .entry-content .eight-block a {
  color: #fff;
  position: relative;
  word-spacing: 0;
  min-height: 158px;/* 12.5vw 162.5px */
  background-image: url(../../images/q-bg@2x.png);
  background-repeat: no-repeat;
  background-size: 93px auto;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a:after,
.page-case .site-content .content-area .site-main .entry-content .eight-block a:after {
  content: '';
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 0;
  height: 0;
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content,
.page-case .site-content .content-area .site-main .entry-content .eight-block a .content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 8px;
}

@media screen and (max-width: 767px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content,
  .page-case .site-content .content-area .site-main .entry-content .eight-block a .content {
    padding: 8px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content p,
.page-case .site-content .content-area .site-main .entry-content .eight-block a .content p {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 0;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content p {
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content p,
  .page-case .site-content .content-area .site-main .entry-content .eight-block a .content p {
    font-size: 13px;
    line-height: 22px;
  }
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content p {
    font-size: 15px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content span,
.page-case .site-content .content-area .site-main .entry-content .eight-block a .content span {
  display: inline-block;
  width: 100%;
  padding: 5px 0 0;
  margin: 9px 0 0;
  font-size: 12px;
  line-height: 22px;
  position: relative;
}
.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content span {
  font-size: 14px;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content span:before,
.page-case .site-content .content-area .site-main .entry-content .eight-block a .content span:before {
  content: '';
  background: #FFF;
  left: 12px;
  right: 12px;
  top: 0;
  position: absolute;
  height: 1px;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a .content span,
  .page-case .site-content .content-area .site-main .entry-content .eight-block a .content span {
    margin-top: 8px;
    padding-top: 8px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal {
  position: absolute;
  z-index: 9999;
  display: block;
  background: rgba(1, 1, 1, 0.9);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 66px 0;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal,
  .page-case .site-content .content-area .site-main .entry-content .modal.js-modal {
    padding: 113px 12px 12px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal *,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal * {
  max-width: 880px;
  margin: 0 auto;
  color: #f8f6f6;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal * a,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal * a {
  color: #f8f6f6;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal .js-modal-close,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal .js-modal-close {
  background: url(../../images/close-menu.png) center no-repeat;
  width: 40px;/* 78px */
  height: auto;/* 51px */
  background-size: 78px auto;
  position: absolute;
  right: 40px;
  top: 40px;
  color: transparent;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal .js-modal-close,
  .page-case .site-content .content-area .site-main .entry-content .modal.js-modal .js-modal-close {
    width: 20px;
    height: auto;
    background-size: 41px auto;
    right: 30px;
    top: 27px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal h2,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal h2 {
  color: #fff;
  background: transparent;
  letter-spacing: 1.92px;
  font-size: 24px;
  padding-bottom: 26px;
  border-bottom: 1px solid #fff;
  text-align: center;
  margin-bottom: 34px;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal h2,
  .page-case .site-content .content-area .site-main .entry-content .modal.js-modal h2 {
    font-size: 20px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal ul {
  list-style: none;
  word-spacing: -6px;
  padding: 0;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul li,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal ul li {
  width: calc((100% - 80px) / 2);
  display: inline-block;
  vertical-align: top;
  word-spacing: 0;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul li,
  .page-case .site-content .content-area .site-main .entry-content .modal.js-modal ul li {
    width: calc((100% - 6.25%) / 2);
  }
}

@media screen and (max-width: 550px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul li,
  .page-case .site-content .content-area .site-main .entry-content .modal.js-modal ul li {
    width: 100%;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul li a,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal ul li a {
  padding-top: 17px;
  padding-bottom: 16px;
  border-bottom: 1px solid #fff;
  width: 100%;
  display: inline-block;
  line-height: 32px;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul li a:before,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal ul li a:before {
  content: 'Q.';
  font-size: 18px;
  color: #f8f6f6;
  position: relative;
  margin-right: 5px;
  font-family: 'Roboto-Thin';
  top: 3px;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul li:before,
.page-case .site-content .content-area .site-main .entry-content .modal.js-modal ul li:before {
  content: none;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category,
  .page-case .site-content .content-area .site-main .entry-content .qa_category {
    padding: 0 12px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category h2,
.page-case .site-content .content-area .site-main .entry-content .qa_category h2 {
  margin-bottom: 3px;
  margin-top: 80px;
  font-size: 20px;
  letter-spacing: 1.6px;
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category h2,
  .page-case .site-content .content-area .site-main .entry-content .qa_category h2 {
    margin-top: 47px;
    font-size: 18px;
    line-height: 22px;
    padding: 23px 24px 25px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .qa_detail,
.page-case .site-content .content-area .site-main .entry-content .qa_category .qa_detail {
  margin: 20px 0 0;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .q,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .q {
  font-size: 16px;
  color: #00306d;
  font-weight: 500;
  line-height: 32px;
  padding: 16px 32px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  margin: 0;
  letter-spacing: 1.6px;
  cursor: pointer;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .q:before,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .q:before {
  content: 'Q.';
  font-size: 18px;
  color: #1eb9ee;
  position: absolute;
  margin-right: 12px;
  top: 20px;
  left: 0;
  width: auto;
  height: auto;
  background: transparent;
  font-family: 'Roboto-Thin';
}

@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .q:before,
  .page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .q:before {
    top: 18px;
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .q:after,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .q:after {
  content: '\f054';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: normal;
  margin: 2px 0 0;
  font-family: FontAwesome;
  transition: all 0.3s;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .q.open:after,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .q.open:after {
  transform: rotate(90deg);
  margin-top: -10px;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .a,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .a {
  background: #F5F5F5;
  position: relative;
  overflow: hidden;
  display: none;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .a:before,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .a:before {
  content: 'A.';
  font-size: 22px;
  color: #525252;
  position: absolute;
  top: 18px;
  left: 26px;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .a .padding,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .a .padding {
  padding: 21px 37px 26px 65px;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .a .padding p,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .a .padding p {
  font-size: 14px;
  line-height: 28px;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .a .tooltip,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .a .tooltip {
  margin-bottom: 0;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .qa_category .q-a .a.open,
.page-case .site-content .content-area .site-main .entry-content .qa_category .q-a .a.open {
  height: auto;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal {
  position: fixed;
  overflow-y: scroll;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul:after {
  display: block;
  content: "";
  width: calc((100% - 80px) / 2);
}

@media screen and (max-width: 1200px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul:after {
    width: calc((100% - 6.25%) / 2);
  }
}

.page-issues-and-solutions .site-content .content-area .site-main .entry-content .modal.js-modal ul li {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.page-case .site-content .content-area {
  margin-bottom: 0;
}

.page-case .site-content .content-area .site-main {
  margin-bottom: 0;
  box-shadow: none;
  padding-top: 6px;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main {
    margin-bottom: 160px;
  }
}

.page-case .site-content .content-area .site-main .page-header {
  padding: 48px 40px 44px;
  max-width: 880px;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .page-header {
    padding: 37px 5px 20px 27px;
  }
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .page-header .slug {
    font-size: 40px;
    line-height: 34px;
  }
}

.page-case .site-content .content-area .site-main .page-header h1 {
  letter-spacing: 4.32px;
  font-size: 18px;
  color: #FFFFFF;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .page-header h1 {
    font-size: 15px;
    line-height: 36px;
  }
}

.page-case .site-content .content-area .site-main .entry-content {
  padding: 63px 40px 99px;
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content {
    padding: 60px 12px 20px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .block {
  font-size: 22px;
  line-height: 32px;
  color: #333333;
  background-color: #f2f5f8;
  margin-bottom: 13px;
  padding: 30px 40px 26px 40px;
  text-align: center;
}

.page-case .site-content .content-area .site-main .entry-content .block-text {
  padding: 20px 30px 20px 30px;
  margin-bottom: 7px;
}

@media screen and (max-width: 767px) {
  .page-case .site-content .content-area .site-main .entry-content .block-text {
    padding: 20px 16px 20px 16px;
    margin-bottom: 7px;
  }
}


.page-case .site-content .content-area .site-main .entry-content .block-text p {
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  margin-bottom: 36px;
}

.page-case .site-content .content-area .site-main .entry-content .block-contact {
  text-align: center;
  background: #f5f5f5;
  padding: 39px 16px 46px;
  margin-bottom: 48px;
}

.page-case .site-content .content-area .site-main .entry-content .block-contact p {
  color: #535353;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 21px;
}
.page-case .site-content .content-area .site-main .entry-content .block-contact a {
  background-color: #f6ab00;
  color: #fff;
  max-width: 449px;
  font-size: 18px;
  display: inline-block;
  font-weight: 700;
  height: 56px;
  line-height: 54px;
  width: 100%;
  border-radius: 28px;
  padding-top: 3px;
}
.page-case .site-content .content-area .site-main .entry-content .block-contact a:after {
  content: '\f0e0';
  font-family: FontAwesome;
  font-size: 18px;
  padding-left: 15px;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content .block {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 17px 12px;
  }
}

@media screen and (min-width: 551px) {
  .page-case .site-content .content-area .site-main .entry-content .block br {
    display: none;
  }
}

.page-case .site-content .content-area .site-main .entry-content h2 {
  font-size: 22px;
  line-height: 32px;
  color: #333333;
  background: transparent;
  padding: 0;
  margin-bottom: 30px;
}

.page-case .site-content .content-area .site-main .entry-content h2 .h2-sub {
  font-size: 16px;
  color: #535353;
  padding-left: 10px;
}

.page-case .site-content .content-area .site-main .entry-content h2.notice {
  font-size: 24px;
  color: #1eb7ec;
  margin-bottom: 16px;
}
.page-case .site-content .content-area .site-main .entry-content h2.notice:before {
  content: url("../../images/icon-notice-case.png");
  height: 33px;
  width: 33px;
  position: relative;
  top: 8px;
  background: none;
}

.page-case .site-content .content-area .site-main .entry-content .notice-text {
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  margin-bottom: 51px;
}

@media screen and (max-width: 767px) {
  .page-case .site-content .content-area .site-main .entry-content .notice-text {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .notice-text a {
  color: #64b5f6;
  text-decoration: underline;
}

.page-case .site-content .content-area .site-main .entry-content .block-text a {
  color: #64b5f6;
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content h2 {
    font-size: 16px;
    margin-bottom: 38px;
  }
}

.page-case .site-content .content-area .site-main .entry-content h2:before {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #21B8F1;
  margin-right: 15px;
  position: relative;
  display: inline-block;
}

.page-case .site-content .content-area .site-main .entry-content .number {
  word-spacing: -6px;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 36px;
  margin-bottom: 76px;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content .number {
    padding-bottom: 25px;
    margin-bottom: 70px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .number .block-item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  word-spacing: 0;
  text-align: center;
}

.page-case .site-content .content-area .site-main .entry-content .number .block-item:nth-of-type(1) {
  border-right: 1px solid #d4d4d4;
}
.page-case .site-content .content-area .site-main .entry-content .number .block-item:nth-of-type(1) p:nth-of-type(1) {
  text-indent: -28px;
}
.page-case .site-content .content-area .site-main .entry-content .number .block-item:nth-of-type(2) p:nth-of-type(2) {
  text-indent: -7px;
}
@media screen and (max-width: 767px) {
  .page-case .site-content .content-area .site-main .entry-content .number .block-item:nth-of-type(1) p:nth-of-type(1) {
    text-indent: initial;
  }
  .page-case .site-content .content-area .site-main .entry-content .number .block-item:nth-of-type(2) p:nth-of-type(2) {
    text-indent: -7px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .number .block-item p {
  font-size: 100px;
  color: #00306d;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  font-family: 'Roboto';
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content .number .block-item p {
    font-size: 48px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .number .block-item p i {
  font-size: 20px;
  color: #00306d;
  font-style: normal;
  margin-left: 10px;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content .number .block-item p i {
    font-size: 16px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .number .block-item p.text {
  font-size: 16px;
  line-height: 36px;
  color: #00306d;
  margin-top: 14px;
  letter-spacing: 1.6px;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content .number .block-item p.text {
    font-size: 14px;
    margin-top: 3px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec {
  word-spacing: -6px;
  margin-bottom: 99px;
}

.page-case .site-content .content-area .site-main .entry-content .sec * {
  word-spacing: 0;
}

.page-case .site-content .content-area .site-main .entry-content .sec h2 {
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .page-case .site-content .content-area .site-main .entry-content .sec h2 {
    margin-bottom: 32px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec .item {
  min-height: 120px;
  width: calc(100% / 3);
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 550px) {
  .page-case .site-content .content-area .site-main .entry-content .sec .item {
    width: 50%;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .content {
  position: absolute;
  padding: 10px 16px 10px 40px;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.page-case .site-content .content-area .site-main .entry-content .sec .item .content .wrap-icon {
  width: 51px;
  height: auto;
  display: inline-block;
}

@media screen and (max-width: 550px) {
  .page-case .site-content .content-area .site-main .entry-content .sec .item .content {
    padding: 12px;
    text-align: center;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .content img {
  vertical-align: middle;
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .content span {
  line-height: 36px;
  font-size: 16px;
  padding-left: 12px;
  color: #fff;
  vertical-align: middle;
}

@media screen and (max-width: 550px) {
  .page-case .site-content .content-area .site-main .entry-content .sec .item .content span {
    display: inline-block;
    width: 100%;
    padding: 0;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .hover {
  background: rgba(1, 1, 1, 0.9);
  position: absolute;
  left: 14px;
  right: 12px;
  top: 98px;
  z-index: 999;
  padding: 17px 0 0;
  display: none;
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .page-case .site-content .content-area .site-main .entry-content .sec .item .hover {
    left: -12px;
    right: -12px;
    top: 109px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .hover p {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 20px;
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .hover ul {
  padding: 0;
  margin-bottom: 0;
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .hover ul li:before {
  content: none;
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .hover ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  display: inline-block;
  width: 100%;
  padding: 0 32px;
  position: relative;
}

.page-case .site-content .content-area .site-main .entry-content .sec .item .hover ul li a:after {
  content: '\f054';
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: normal;
  margin: 1px 0 0;
  font-family: FontAwesome;
}

.page-case .site-content .content-area .site-main .entry-content .sec .item:hover .hover {
  display: block;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 h2 {
  background: #241916;
  color: #fff;
  font-size: 16px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  margin-bottom: 0;
  border: 1px solid #dedede;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 h2:before {
  content: none;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .border {
  padding: 35px 16px 35px 40px;
  border: 1px solid #dedede;
}

@media screen and (max-width: 767px) {
  .page-case .site-content .content-area .site-main .entry-content .sec-02 .border {
    padding: 35px 20px 0;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .content {
  padding: 0;
  max-height: 345px;
  -ms-overflow-y: scroll;
  overflow-y: scroll;
  border-top: 0;
  -ms-overflow-x: hidden;
  overflow-x: hidden;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .content::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
  margin-top: 50px;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .content::-webkit-scrollbar-track {
  background-color: transparent;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .content::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
  margin-top: 50px;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .content::-webkit-scrollbar-button {
  display: none;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item {
  box-shadow: none !important;
  width: calc((100% - 75px) / 3);
  margin-right: 32px;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 550px) {
  .page-case .site-content .content-area .site-main .entry-content .sec-02 .item {
    width: 100%;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item p {
  color: #64b5f6;
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 8px;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul {
  padding: 0;
  margin-bottom: 40px;
}

@media screen and (max-width: 550px) {
  .page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul {
    word-spacing: -6px;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul li {
  padding-left: 0;
  font-size: 14px;
  line-height: 24px;
  margin-left: 18px;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul li::marker {
  color: #64b5f6;
  font-size: 10px;
}

@media screen and (max-width: 550px) {
  .page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul li {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    word-spacing: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
  }
  .page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul li:nth-of-type(2n) {
    margin-right: 0;
  }
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul li:before {
  color: #64b5f6;
  top: 3px;
  left: 0;
}

.page-case .site-content .content-area .site-main .entry-content .sec-02 .item ul li a {
  color: #64b5f6;
  font-size: inherit;
  line-height: inherit;
  border-bottom: 1px solid #64b5f6;
  padding-bottom: 2px;
}

.page-flow-of-cc-construction {
  background: #FFF;
}

@media screen and (max-width: 550px) {
  .page-flow-of-cc-construction .site {
    overflow: hidden;
  }
}

/*.page-flow-of-cc-construction .site-content .xeory-breadcrumbs {
  padding-bottom: 76px;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .site-content .xeory-breadcrumbs {
    padding-bottom: 32px;
  }
}
*/
.page-flow-of-cc-construction .site-content .bg-top {
  max-width: 1080px;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .site-content .bg-top {
    max-width: 100%;
  }
}

.page-flow-of-cc-construction .site-content .content-area .slug {
  font-size: 44px;
  color: #fff;
  font-family: 'Roboto-Thin';
  font-weight: normal;
  text-transform: uppercase;
  line-height: 48px;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .site-content .content-area .slug {
    font-size: 40px;
    line-height: 48px;
  }
}

.page-flow-of-cc-construction .site-content .content-area .page-header {
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 34px 40px 35px;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .site-content .content-area .page-header {
    padding: 27px 27px 25px;
  }
}

.page-flow-of-cc-construction .site-content .content-area .page-header h1 {
  font-size: 16px;
  line-height: 27px;
  font-weight: normal;
  color: #ffff;
  position: relative;
  display: inline-block;
  width: 100%;
  letter-spacing: -0.8px;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .site-content .content-area .page-header h1 {
    font-size: 15px;
  }
}

.page-flow-of-cc-construction .cc-index-wrap {
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background-color: #fff;
  margin-top: 60px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding-top: 37px;
  margin-bottom: 80px;
  padding-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-index-wrap {
    margin-left: 0;
    margin-right: 0;
    margin-top: 22px;
    padding-top: 42px;
    margin-bottom: 29px;
  }
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-index-wrap.pc {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .page-flow-of-cc-construction .cc-index-wrap.sp {
    display: none;
  }
}

.page-flow-of-cc-construction .cc-index-wrap.sp .title {
  height: 59px;
  background: #001f5d;
  color: #fff;
  text-align: center;
  line-height: 59px;
  cursor: pointer;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .title span {
  position: relative;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .title span:before {
  content: '';
  background: url(../../images/icon-toc.png) no-repeat center;
  width: 20px;
  height: 19px;
  position: absolute;
  display: inline-block;
  top: calc(50% - 10px);
  left: -33px;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .title .title-hide {
  display: none;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .title .title-hide.open {
  display: inline-block;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .title .title-show.open {
  display: none;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .classification.has_description.open:before {
  transform: rotate(90deg);
}

.page-flow-of-cc-construction .cc-index-wrap.sp .classification.has_description + .classification_detail {
  padding: 9px 16px;
  border: #ccc 1px solid;
  color: #333333;
  text-decoration: none;
  font-size: 13px;
  line-height: 24px;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .classification.has_description + .classification_detail a {
  color: #64b5f6;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .classification.has_description + .classification_detail a:hover {
  opacity: .8;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index {
  display: none;
  overflow-y: scroll;
  max-height: 300px;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner {
  height: auto;
  overflow: visible;
  padding: 24px 18px;
  border: 1px solid #001f5d;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner .classification {
  background: #dee5ed;
  height: 41px;
  line-height: 41px;
  font-size: 15px;
  color: #333333;
  margin: 0 0 16px;
  width: 100%;
  position: relative;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner .classification:before {
  content: "\f054";
  position: absolute;
  right: 9px;
  font-family: FontAwesome;
  width: auto;
  height: auto;
  background: transparent;
  left: auto;
  top: 0px;
  font-size: 10px;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner .index-box {
  margin: 0;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner h2.button {
  border: 0;
  margin: 20px 0 26px;
  padding: 0;
  position: relative;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner h2.button:before {
  content: "\f054";
  position: absolute;
  right: 9px;
  font-family: FontAwesome;
  width: auto;
  height: auto;
  background: transparent;
  left: auto;
  top: 0px;
  font-size: 10px;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner h2.button a {
  font-size: 15px;
  color: #333333;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner h2.button.open:before {
  transform: rotate(90deg);
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner .h3-list {
  display: none;
  padding-top: 0;
  margin-top: -15px;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner h3.button {
  padding-left: 9px !important;
  font-size: 13px;
  line-height: 30px;
}

.page-flow-of-cc-construction .cc-index-wrap.sp .cc-side-index .cc-index-inner h3.button a {
  color: #333333;
  text-decoration: none;
  font-size: 13px;
  line-height: 30px;
}

.page-flow-of-cc-construction .cc-index {
  max-width: 1080px;
  overflow-x: scroll;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-index {
    max-width: 100%;
  }
}

.page-flow-of-cc-construction .cc-index::-webkit-scrollbar {
  background-color: transparent;
  height: 7px;
  margin-top: 50px;
  /* Chrome, Safariのみ対応 */
  width: 154px;
}

.page-flow-of-cc-construction .cc-index::-webkit-scrollbar-track {
  background-color: transparent;
}

.page-flow-of-cc-construction .cc-index::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
  margin-top: 50px;
}

.page-flow-of-cc-construction .cc-index::-webkit-scrollbar-button {
  display: none;
}

.page-flow-of-cc-construction .cc-index .classification_wrap {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-index .classification_wrap {
    width: 100% !important;
  }
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification {
  background: none;
  color: #fff;
  padding: 0 10px;
  margin-bottom: 10px;
  position: relative;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification .classification_detail {
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  z-index: 2;
  left: 0;
  top: 34px;
  right: 0;
  margin: 0 auto;
  width: 320px;
  font-size: 14px;
  line-height: 28px;
  padding: 24px 20px;
  display: none;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification .classification_detail .title {
  margin-bottom: 17px;
  text-align: center;
  border-bottom: #fff 1px solid;
  padding-bottom: 18px;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification .classification_detail a {
  color: #fff;
  text-decoration: underline;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification .classification_detail a:hover {
  opacity: .8;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification.has_description {
  cursor: pointer;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification.has_description:after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 6px;
  display: block;
  width: 12px;
  height: 12px;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #fff;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification:first-child {
  padding-left: 0;
}

.page-flow-of-cc-construction .cc-index .classification_wrap .classification span {
  background-color: #241916;
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}

.page-flow-of-cc-construction .cc-index .cc-index-inner {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: 2px 0 40px;
}

.page-flow-of-cc-construction .cc-index .index-box {
  width: 306px;
  border-right: 1px solid #dedede;
}

.page-flow-of-cc-construction .cc-index .index-box h2 {
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  font-size: 13px;
  text-align: center;
  padding: 0;
  position: relative;
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: normal;
}

.page-flow-of-cc-construction .cc-index .index-box h2:after {
  content: '';
  height: 100%;
  width: 41px;
  height: 32px;
  background-image: url(../../images/flow-arrow-blank.png);
  background-size: contain;
  position: absolute;
  right: -22px;
  z-index: 1;
}

.page-flow-of-cc-construction .cc-index .index-box h2 a {
  color: #fff;
  line-height: 1;
}

.page-flow-of-cc-construction .cc-index .index-box .h3-list {
  padding: 20px 12px;
}

.page-flow-of-cc-construction .cc-index .index-box .h3-list h3 {
  font-size: 14px;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: normal;
}

.page-flow-of-cc-construction .cc-index .index-box .h3-list h3:before {
  display: none;
}

.page-flow-of-cc-construction .cc-index .index-box .h3-list h3 a {
  color: #64b5f6;
  text-decoration: underline;
}

.page-flow-of-cc-construction .entry-content {
  padding: 0;
  overflow: visible;
}

.page-flow-of-cc-construction .cc-content .cc-content-box {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  margin-bottom: 60px;
  position: relative;
}

.page-flow-of-cc-construction .cc-content .cc-content-box:after {
  width: 22px;
  height: 14px;
  content: '\f078';
  font-family: FontAwesome;
  display: block;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  font-size: 24px;
  color: #c1c1c1;
}

.page-flow-of-cc-construction .cc-content h2 {
  font-size: 20px;
  position: relative;
  display: block;
  margin-bottom: 0;
  padding: 17px 30px 7px 32px;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-content h2 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.page-flow-of-cc-construction .cc-content h2:before {
  content: 'VIEW MORE';
  font-family: 'Roboto';
  font-size: 12px;
  right: 91px;
  top: 0;
  bottom: 0;
  height: 9px;
  position: absolute;
  margin: auto;
  line-height: 1;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-content h2:before {
    content: none;
  }
}

.page-flow-of-cc-construction .cc-content h2:after {
  content: '';
  display: block;
  width: 71px;
  height: 71px;
  background-image: url(../../images/flow-open.png);
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-content h2:after {
    right: -7px;
  }
}

.page-flow-of-cc-construction .cc-content h2 .sub-title {
  display: block;
  font-size: 12px;
  line-height: 1;
}

.page-flow-of-cc-construction .cc-content h2.open:after {
  background-image: url(../../images/flow-close.png);
}

.page-flow-of-cc-construction .cc-content .h3-wrap {
  display: none;
  padding: 40px 40px 30px;
  background-color: #ffffff;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction .cc-content .h3-wrap {
    padding: 20px;
  }
}

.page-flow-of-cc-construction .cc-content .h3-wrap h3 {
  margin-bottom: -4px;
  margin-top: 0;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 2.2px;
  color: #00306d;
  border: none;
  margin-top: 20px;
  padding-top: 23px;
  border-top: 1px solid #d2d2d2;
}

.page-flow-of-cc-construction .cc-content .h3-wrap h3:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.page-flow-of-cc-construction .cc-content .h3-wrap h3:before {
  display: none;
}

.page-flow-of-cc-construction .cc-content .h3-wrap p {
  font-size: 14px;
  margin-bottom: 20px;
}

.page-flow-of-cc-construction .cc-content .h3-wrap p a {
  color: #64b5f6;
}

.page-flow-of-cc-construction .cc-content .h3-wrap p a:hover {
  opacity: 0.8;
}

.page-flow-of-cc-construction .cc-content .h3-wrap .download-item {
  margin-bottom: 0;
}

.page-flow-of-cc-construction .cc-content .h3-wrap .download-item .tooltip-text {
  left: 0;
  /* 親に対して中央配置 */
  transform: inherit;
  /* 親に対して中央配置 */
}

.page-flow-of-cc-construction .cc-content .h3-wrap .download-item a {
  color: #64b5f6;
}

.page-flow-of-cc-construction .cc-content .h3-wrap .download-item a:hover {
  opacity: 0.8;
}

.page-flow-of-cc-construction .cc-content h2.underline .title {
  background-image: linear-gradient(transparent 70%, rgba(248, 235, 169, 0.3) 70%);
}

.page-flow-of-cc-construction .cc-content h3.underline span {
  background-image: linear-gradient(transparent 70%, #f8eba9 70%);
}

.page-flow-of-cc-construction .fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.page-flow-of-cc-construction #secondary {
  position: relative;
  z-index: 9998;
}

@media screen and (max-width: 991px) {
  .page-flow-of-cc-construction #secondary {
    display: none;
  }
}

.page-flow-of-cc-construction .cc-side-index {
  background: #FFF;
  padding-bottom: 20px;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner {
  border: 1px solid rgba(222, 222, 222, 0.8);
  padding: 0 32px 32px;
  height: 624px;
  -ms-overflow-y: scroll;
  overflow-y: scroll;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
  margin-top: 50px;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner::-webkit-scrollbar-track {
  background-color: transparent;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
  margin-top: 50px;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner::-webkit-scrollbar-button {
  display: none;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box {
  margin-top: 32px;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box:nth-of-type(1) {
  margin-top: 0;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box .classification {
  height: 47px;
  color: #fff;
  text-align: center;
  line-height: 47px;
  font-size: 16px;
  background: #241916;
  margin-left: -32px;
  width: calc(100% + 64px);
  margin-bottom: 0;
  position: relative;
}

@media screen and (min-width: 992px) {
  .page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box .classification {
    cursor: auto;
  }
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box .classification:before {
  content: '';
  width: 60px;
  height: 1px;
  position: absolute;
  background: #64b5f6;
  left: 0;
  top: 50%;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box .classification + .classification_detail {
  display: none;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box h2.button {
  border-bottom: 1px solid #dedede;
  padding-bottom: 2px;
  margin-top: 23px;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box h2.button a {
  color: #64b5f6;
  font-size: 15px;
  line-height: 25px;
  font-weight: normal;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box .h3-list {
  padding: 10px 0 2px;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box h3.button {
  margin: 0 !important;
  padding: 0 0 0 24px !important;
  line-height: 24px;
}

.page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box h3.button a {
  font-size: 14px;
  line-height: 24px;
  color: #64b5f6;
  font-weight: normal;
  text-decoration: underline;
}

/*header固定*/
.header-description{
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}
.site-header{
  position: fixed;
  width:100%;
  z-index: 5;
  height:108px;
  top: 0;
  transition: .5s;
}

@media screen and (max-width: 991px) {
  .site-header {
    height: 64px;
  }
}
/*.site-header.hide{
  transform: translateY(-100%);
}*/

#page{
  /*margin-top:70px !important;*/
}
@media screen and (max-width: 767px) {
  .header-description{
    display:none;
  }
  .header-description br{
    display:none;
  }
}
@media screen and (max-width: 550px) {
  .site-header .site-branding .container{
    padding-right:55px;
  }
  .header-description{
    display: none;
    font-size: 10px;
    line-height: 1.5;
    color: #7b7b7b;
    padding:0 0 0 135px;
  }
}
.primary-menu > .menu-item{
  font-weight: 100;
}



/* CC構築 PC上部目次スタイル変更 */
.page-flow-of-cc-construction .cc-index .index-box .button {
  background: none;
  display: flex;
  height: 99.6px;/* 80px */
  color: #ffffff;
  align-items: center;
  justify-content: center;

}
.page-flow-of-cc-construction .cc-index {
  max-width: 100%;
  width: 1000px;
}
.page-flow-of-cc-construction .cc-index .index-box {
  width: calc( 100% / 4 );
  height: 99.6px;/* 80px */
  background-color: #f1b503;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border-right: 0;
}
.page-flow-of-cc-construction .cc-index .cc-index-inner {
  flex-wrap: wrap;
      justify-content: left;
}
.page-flow-of-cc-construction .cc-index .index-box:before {
  content: '';
}
.page-flow-of-cc-construction .cc-index .index-box:after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: block;
  width: 12px;
  height: 12px;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #fff;
}

.page-flow-of-cc-construction .bg-num {
  position: absolute;
  top: 0;
  left: 24px;
  right: 0;
  bottom: 0;
  font-size: 64px;
  color: rgba(255,255,255,0.12);
  font-family: 'Roboto-Thin';
}
@media screen and (min-width: 992px) {
  /*CC構造サイド*/
  .page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box .classification:after{
    font-family: "FontAwesome";
    content: '\f107';
    top:0;
    right:17px;
    position: absolute;
  }
  .cc-side-index h2.button {
    display: flex;
    justify-content: space-between;
  }
  .cc-side-index .h2-toggle {
    display: inline-block;
    width: 31px;
    height: 31px;
    background-image: url(../../images/flow-click-open.png);
    background-size: contain;
    cursor: pointer;
    position: relative;
    top: -3px;
  }
  .cc-side-index .open .h2-toggle {
    background-image: url(../../images/flow-click-close.png);
  }
  .page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box .h3-list {
    display: none;
  }

}
.page-flow-of-cc-construction .cc-content h2 {
  cursor: pointer;
}

@media screen and (min-width: 551px) {
  .page-issues-and-solutions .eight-block {
    text-align: center;
  }
}

.page-issues-and-solutions .entry-content .eight-block p:first-of-type {
  padding: 0;
}
@media screen and (max-width: 991px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a {
    min-height: 140px;
  }
}
@media screen and (max-width: 550px) {
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content .eight-block a {
    min-height: 130px;
  }
}

.page-flow-of-cc-construction .site-content .bg-top {
  margin-bottom: 40px;
}


@media screen and (min-width: 992px) {
  .page-flow-of-cc-construction  .site-content .site-main {
    padding-right: 330px;
  }
  .page-flow-of-cc-construction #secondary {
      width: 280px;
      margin-left: -280px;
  }
  .page-flow-of-cc-construction .cc-side-index .cc-index-inner .index-box h2.button {
    display: flex;
    justify-content: space-between;
  }
  .cc-side-index .h2-toggle {
    flex-shrink: 0;
  }
  .page-column .comment_text{
    padding:0 40px 40px;
    width:160%;
    line-height: 30px;
    font-size: 15px;
  }
  .page-column .site-content #secondary{
    margin-top:296px;
  }
}

.page-flow-of-cc-construction .comment_text{
  padding: 40px 0 0;
}
.post-type-archive-glossary .comment_text{
  padding:0 40px 32px;
}

p.introduction {
  line-height: 30px;
  font-size: 15px;
}
.post-type-archive-news .introduction,
.page-flow-of-cc-construction .introduction {
  padding: 0 40px;
}
@media screen and (max-width: 991px) {
  .page-column .comment_text {
    padding: 0 12px 2em;
  }
  .post-type-archive-news .introduction, .page-flow-of-cc-construction .introduction {
    padding: 0 12px;
  }
  .post-type-archive-glossary .comment_text {
    padding: 0 12px 32px;
  }
  .page-issues-and-solutions .site-content .content-area .site-main .entry-content, .page-case .site-content .content-area .site-main .entry-content {
    padding: 40px 0 98px;
  }
/*  .page-column .site-content .content-area .site-main {
    background-color: #ffffff;
  }*/
}
.page-column .site-content .content-area .site-main .page-header {
  margin-bottom: 40px;
}

/*お知らせのカテゴリ*/
.post-type-archive-news .news-categories{
  padding:33px 40px 0;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.post-type-archive-news .news-category{
  padding:24px 8px;
  width: calc( ( 100% - 24px ) / 4 );
  text-align:center;
  color:#fff;
  font-size:15px;
  box-shadow: 0 0 6px 1px #bac1c5;
  position: relative;
  margin-bottom:8px;
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: 700;
  min-height: 100px;
}
.post-type-archive-news .news-category:after{
  content: '';
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 0;
  height: 0;
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
}
.post-type-archive-news .news-category.voice{
  background-color: #ee5787;
}

.post-type-archive-news .news-category.non-voice{
  background-color: #efac06;
}
.post-type-archive-news .news-category.analytics{
  background-color: #8a6ac6;
}

.post-type-archive-news .news-category.case{
  background-color: #ff7e5a;
}
.post-type-archive-news .news-category.seminar{
  background-color: #FFA066;
}
.post-type-archive-news .news-category.other{
  background-color: #448AFF;
  margin-right:0;
}
.post-type-archive-news .news-category.meta{
  background-color: #3F5E90;
  margin-right:0;
}
.post-type-archive-news .news-category.report{
  background-color: #DB89F4;
  margin-right:0;
}
.archive.post-type-archive .content-area .site-main .row-item article{
  display:flex;
}
.terms{
  font-size:11px;
  /*white-space: nowrap;*/
  overflow: hidden;
  margin:0 16px 0 0;
  text-overflow: ellipsis;
}
.terms a{
  display:block;
}
.terms .term{
  padding: 4px;/* padding:12px 4px;  */
  width:120px;
  max-width:100%;
  text-align:center;
  margin-bottom:4px;
}
.terms .term.seminar{
  border: 1px solid #FFA066;
  color: #FFA066;
}
.terms .term.analytics{
  border: 1px solid #8a6ac6;
  color: #8a6ac6;
}
.terms .term.voice{
  border: 1px solid #ee5787;
  color: #ee5787;
}
.terms .term.non-voice{
  border: 1px solid #efac06;
  color: #efac06;
}
.terms .term.other{
  border: 1px solid #448AFF;
  color:#448AFF;
}
.terms .term.case {
  border: 1px solid #ff7e5a;
  color: #ff7e5a;
}
.terms .term.meta {
  border: 1px solid #3F5E90;
  color: #3F5E90;
}
.terms .term.report {
  border: 1px solid #DB89F4;
  color: #DB89F4;
}

.post-type-archive-news .news-category br.tab {
  display: none;
}
.archive.post-type-archive .content-area .site-main .row-item article .right-contnt a{
  font-size:15px;
}
@media screen and (max-width: 991px) {
  .post-type-archive-news .news-category {
    max-width: initial;
    min-height: 86px;
  }
  .post-type-archive-news .news-category br.tab,
  .post-type-archive-news .news-category.seminar br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .archive.post-type-archive .content-area .site-main .row-item article{
    flex-direction: column;
  }
  .terms .term{
    width:180px;
    margin-bottom: 8px;
  }
  .terms .term br {
    display: none;
  }
  .post-type-archive-news .news-category br.tab,
  .post-type-archive-news .news-category.seminar br {
    display: block;
  }
  .post-type-archive-news .news-category {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .post-type-archive-news .news-categories{
    padding:20px 10px 0;
  }
  .post-type-archive-news .news-category.non-voice,
  .post-type-archive-news .news-category.case,
  .post-type-archive-news .news-category.other{
    margin-right:0;
  }
  .post-type-archive-news .news-categories a {
    width: calc( ( 100% - 10px ) / 2 );
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 8px;
  }
}
.page-companyinfo br.sp {
  display: none;
}
@media screen and (max-width: 550px) {
  .page-companyinfo th,
  .page-companyinfo td{
    display: block;
    width: 100%!important;
    height: auto!important;
    min-height: 48px;
  }
  .page.page-companyinfo .site-content #primary .site-main article {
    padding: 24px 0 !important;
  }
  .page-companyinfo br.sp {
    display: block;
  }
}

.page-companyinfo table .tooltip-text {
    right: 0;
    margin: 0 auto;
    text-align: center;
    left: 0;
    transform: none;
}

.page-template-temp-page-one-column .site-main article:after {
  content: none;
}

/* コンタクト置換に伴う調整 */
@media screen and (min-width: 414px) and (max-width: 550px) {
  .home .site-content .site-main .for-block .block.result h2,
  .home .site-content .site-main .for-block .block.result h6 {
      position: relative;
      top: -10px;
  }
}

/* 20210702 フッターロゴ追加 */
#nav_menu-4 {
  margin-right: 0;
}
.footer-logo-area {
  display: flex;
  justify-content: end;
  max-width: 100%;
  margin: 0 -5px 0 auto;
}
.footer-logo-area > * {
  padding: 0 5px;
  flex-shrink:0;
}
.footer-logo-area img {
  width: auto;
  height: 40px;
}
@media screen and (max-width: 800px) {
  .footer-logo-area {
    width: 312px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding-top: 40px;
  }
  .footer-logo-area > * {
    padding: 0 4px 8px;
  }
}

/* 20210702 SNSボタン追加  */

/* 自作SNSボタン */
.share {
  text-align: center;
  background-color: #ffffff;
  padding: 32px 0 60px;
}
.share ul {
  list-style: none;
  display: flex;
  width: 76px;
  margin: 0 auto;
  padding: 0;
}
.share li a {
  display : block;
  padding : 0;
  color : #fff;
  font-size: 18px;
  text-decoration : none;
  text-align : center;
  font-weight: 700;
  margin-top: 0;
  border-radius: 6px;/* 4px */
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.share li a:hover {
  opacity :0.8;
  color : #fff;
}
.share li a:visited{
  color: #fff;
}
.share .tweet a{
  background-color : #1DA1F2;
}
.share .facebook a{
  background-color : #3B5998;
}
.share .hatena a {
  background-color: #00a4de;
  opacity: 1;
}
.hatena a svg {
  position: relative;
  top: -2px;
}
 .share li {
  margin : 0;
  margin-top:12px;
  margin-right: 0;
}
.share {
  margin: 0;
}
.share ul {
  flex-wrap: wrap;
  justify-content: space-between;
}
.share li a span {
  display: none;
}
.share p span {
  font-size: 15px;
  font-family: 'Roboto';
}

@media screen and (min-width: 1201px) {
  .share {
    position: fixed;
    left: 24px;
    top: 335px;
    background-color: transparent;
  }
  .share ul {
    display: block;
  }
  .share > p {
    display: none;
  }
/*  .share li.hatena {
    margin-top: 10px;
  }*/
}

@media screen and (max-width: 1200px) {
  /* CC構築 */
/*  .content-area{
    margin-bottom: 0;
  }*/
  .archive .site-content, .search .site-content, .error404 .site-content, .original-category .site-content, .page-column .site-content {
    padding-bottom: 20px;
  }
  .share {
    position: fixed;
    width: 140px;
    top: initial!important;/* homeで浮かんでこないようにする */
    bottom: 24px;
    left: 24px;
    padding: 0;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    background-color: transparent;
  }
  .share.active {
    opacity: 1;
  }
  .share ul {
    width: auto;
  }
  .share li {
    margin-top: 0;
    margin-right: 10px;
  }
  .share li {
    width: 30px;
    height: 30px;
  }
/*  .share li.hatena img {
    position: relative;
    top: -2px;
  }*/
}

@media screen and (max-width: 991px) {
  .share {
    left: 10px;
    bottom: 10px;
  }
}

@media screen and (max-width: 414px) {
  .share .hatena svg {
    top: -1px;
  }
}
/* フッターロゴの列削除 */

#nav_menu-4 {
  display: none;
}
@media screen and (min-width: 768px) {
  .site-footer .widget_nav_menu {
      width: calc((100% - 37px) / 2);
  }
  #nav_menu-3 {
    margin-right: 0;
  }
}
.footer-logo-area .title {
  font-size: 16px;
  color: #ffffff;
  flex-shrink: 0;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  font-family: 'Roboto';
  letter-spacing: 3.84px;
}

@media screen and (max-width: 800px) {
  .footer-logo-area .title {
    width: 312px;
    text-align: center;
  }
}

/* SPで最下部に表示される目次を非表示 */
@media screen and (max-width: 991px) {
  #secondary .toc_widget {
    display: none;
  }
}

/* サイドバータグウィジェット */
#secondary .sidebar_tag_widget{
  border: 1px solid #dedede;
  padding-bottom: 9px;
  margin-bottom: 32px;
}

#secondary .sidebar_tag_widget ul{
  padding: 0 7px 7px 16px;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

#secondary .sidebar_tag_widget .side-widget-inner h3{
  background: #241916;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding-top: 11px;
  padding-bottom: 12px;
  position: relative;
  margin-bottom: 26px;
}

#secondary .sidebar_tag_widget ul li.hide-tag{
  display: none;
}

#secondary .sidebar_tag_widget ul a{
  border: 1px solid #64b5f6;
  height: 28px;
  color: #64b5f6;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-right: 9px;
  margin-bottom: 9px;
  padding: 0 10px;
}

#secondary .sidebar_tag_widget ul a:hover{
  opacity: 0.55;
}

#secondary .sidebar_tag_widget .show-all-tag{
  max-width: 260px;
  height: 40px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border-radius: 20px;
  background-color: #64b5f6;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
  position: relative;
  line-height: 1;
  margin-bottom: 16px;
  transition: all ease-in-out .3s;
  cursor: pointer;
}

#secondary .sidebar_tag_widget .show-all-tag:hover{
  opacity: 0.8;
}

#secondary .sidebar_tag_widget .show-all-tag:after{
  content: '\f054';
  font-family: FontAwesome;
  font-size: 11px;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  display: flex;
  align-items: center;
  line-height: 1;
}

/* タグだけスラッグ出さない */
.archive.tag .site-content .content-area .site-main .page-header .page-title {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .archive.tag .site-content #secondary {
    margin-top: 142px;
  }
}

/* 共通のヘッダースタイル */
.common-page-header{
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 34px 40px 35px;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 550px) {
  .common-page-header{
    padding: 25px 28px 27px;
  }
}

.common-page-header .slug{
  font-size: 44px;
  color: #fff;
  font-family: 'Roboto-Thin';
  font-weight: normal;
  text-transform: uppercase;
  line-height: 48px;
}

.common-page-header h1 {
  font-size: 16px;
  line-height: 27px;
  font-weight: normal;
  color: #ffff;
  position: relative;
  display: inline-block;
  width: 100%;
  letter-spacing: -0.8px;
}

/* 運営者紹介ページ */
.page-author .site-main{
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

@media screen and (max-width: 550px) {
  .page-author .site-main{
    box-shadow: none;
  }
}

.page-author .site-content .container{
  max-width: 880px;
  margin: 0 auto;
}

@media screen and (max-width: 550px) {
  .page-author .site-content .container{
    margin: 0 12px;
  }
}

.page-author .content-area{
  margin-bottom: 100px;
}

.page-author .site-content .site-main {
  padding-right: 0;
}

.page-author .page-header .page-title{
  letter-spacing: 3.84px;
}

.page-author .author-container{
  padding: 20px 40px 50px;
  background-color: #fff;
}

@media screen and (max-width: 550px) {
  .page-author .author-container{
    background: none;
    padding: 12px 12px 0;
  }
}

.page-author .author-wrap{
  padding: 60px 0 52px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e2e2e2;
}

@media screen and (max-width: 550px) {
  .page-author .author-wrap{
    padding: 48px 0 40px;
  }
}

.page-author .author-wrap:last-child{
  border: none;
}

.page-author .left{
  margin-right: 20px;
  max-width: 132px;
}

@media screen and (max-width: 550px) {
  .page-author .left{
    margin-right: 12px;
  }
}

.page-author .right{
  width: calc( 100% - 152px );
}

.page-author .author-name{
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 10px;
}

@media screen and (max-width: 550px) {
  .page-author .author-name{
    font-size: 16px;
  }
}

.page-author .author-position{
  color: #666666;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 18px;
}

.page-author .author-intro{
  font-size: 14px;
  line-height: 28px;
}
@media screen and (max-width: 550px) {
  .page-author .author-intro{
    margin-top: 26px;
    line-height: 25px;
  }
}

.single .site-content .site-main .post-author .clearfix .post-author-img .inner img{
  object-fit: cover;
}


.single-case .case-explain,
.single-case .case-busines{
  margin-bottom: 100px;
}
.single-case .entry-content .case-explain h2,
.single-case .entry-content .case-busines h2{
  margin-bottom: 16px;
}
.single-case .case-explain .case-explain-inner{
  padding: 40px;
  border: 1px solid #07518c;
  background: #FFF;
}
.single-case .case-busines .case-busines-txt{
  display: none;
}
.single-case .case-explain {
  border-top: #e2e2e2 1px solid;
}
.case-busines-tbl{
  overflow-x: auto;
}
.single-case .entry-content .case-busines table{
  width: 800px !important;
  min-width: 800px;
}
.single-case .case-busines table th{
  background: #F2F5F8;
  color: #07518c;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  padding: 17px 16px;
}
.single-case .case-busines table td{
  padding: 10px 16px;
  font-size: 14px;
  line-height: 21px;
}
.single-case .case-busines table th,.single-case .case-busines table td{
  border: 1px solid #e2eae9;
  width: calc(100% / 3);
}
@media screen and (max-width: 991px) {
  .single-case .entry-content .case-busines table{
    width: 940px !important;
    min-width: 940px;
  }
}
@media screen and (max-width: 767px) {
  .single-case .case-explain,
  .single-case .case-busines{
    margin-bottom: 80px;
  }
  .single-case .entry-content .case-explain h2,
  .single-case .entry-content .case-busines h2{
  }
  .single-case .case-explain .case-explain-inner{
    padding: 32px 24px;
  }
  .single-case .case-busines .case-busines-txt{
    display: block;
    padding: 0;
    margin: 0 0 14px 0 !important;
  }
  .single-case .case-busines .case-busines-txt i{
    font-size: 18px;
  }
}

.single-case .entry-content h2 span {
  font-size: 18px;
}


.form-on-graph {
  position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;
}

.single-case .form-on-graph .cv-area {
  padding: 40px 60px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  background-color: rgba(255,255,255,.9);
  width: 600px;
    max-width: 100%;
  margin: 153px auto 0;
}
.single-case .form-on-graph .label {
  font-size: 20px;
  line-height: 25px;
  text-align: center;
}
.single.single-case .site-content .content-area .site-main article .entry-content p.label {
  margin-bottom: 15px;
}

.single-case .form-on-graph .btn {
    display: flex;
    background-color: #ffffff;
    background-image: linear-gradient(to left, #1eb8ed 0%, #003470 100%);
    color: #ffffff !important;
    font-family: "Noto Sans CJ Kjp";
    font-size: 20px;
    text-align: center;
    position: relative;
    font-weight: 500;
    width: 432px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 62px;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
}
.single-case .form-on-graph .btn:after {
    content: '\f105';
    font-size: 20px;
    position: absolute;
    right: 82px;
    color: #fff;
    font-weight: bold;
    font-family: FontAwesome;
}
.single-case .form-on-graph .btn:hover {
    text-decoration: none !important;
    opacity: 0.8;
}

.single.single-case .site-content .content-area .site-main article .entry-content .form-on-graph .desc {
  margin-bottom: 2px;
  text-align: center;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .single-case .form-on-graph .cv-area {
    margin: 92px auto 0;
    padding: 32px 26px;
  }
  .single.single-case .site-content .content-area .site-main article .entry-content p.label {
    margin-bottom: 5px;
  }
  .single-case .form-on-graph .label {
    font-size: 16px;
  }
  .single-case .form-on-graph .label br {
    display: none;
  }
  .single-case .form-on-graph .btn {
    font-size: 14px;
    padding: 0;
  }
  .single-case .form-on-graph .btn:after{
    position: static;
    margin-left: 16px;
  }
  .single-case .limited-area .btn {
    font-size: 18px;
  }
  .single-case .limited-area {
    padding-bottom: 0;
  }
}

.single-case .section-wrap {
  position: relative;
}

.single-case .limited-area .btn,
.limited-area .title{
    font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
}

/*fix case*/

.page-case .site-content .content-area .site-main .entry-content .number .block-item:nth-of-type(1),
.page-case .site-content .content-area .site-main .entry-content .number{
  border: 0;
}


.single.single-case .site-content .content-area .site-main article .page-header h1,
.single.single-case .site-content .content-area .site-main article .page-header{
  font-size: 22px;
}

.display-none{
  display: none;
}


@media screen and (max-width: 767px) {
  .single.single-case .site-content .content-area .site-main article .page-header h1,
  .single.single-case .site-content .content-area .site-main article .page-header{
    font-size: 18px;
  }
}

/*TOPfont-size調整*/
@media screen and (min-width: 1024px) and (max-width: 1145px) {
  .home .site-content .site-main .for-block .block h2{
    font-size: 40px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .home .site-content .site-main .for-block .block h2{
    font-size: 38px;
  }
  .home .site-content .site-main .for-block .block h6{
    font-size: 16px;
  }
}
@media screen and (max-width: 374px) {
  .home .site-content .site-main .for-block .block h2{
    font-size: 24px;
  }
  .home .site-content .site-main .for-block .block h6{
    font-size: 11px;
  }
  .home .site-content .site-main .for-block .block p{
    font-size: 12px;
  }
}

/* 20220725: グローバルナビゲーションにDCCP追加 */
@media screen and (max-width: 1199px){
  .main-navigation .container {
    margin: 0;
  }
  .main-navigation .primary-menu li:first-child {
    padding-left: 0;
  }
  .main-navigation .primary-menu li:last-child {
    padding-right: 0;
  }
}

.primary-menu .sub-menu {
  background: #00306d;
}
.primary-menu .sub-menu li {
  padding: 0;
}
.primary-menu .sub-menu a {
  background: none;
}

/* 記事詳細にパスワード保護追加 */
.link-to-tplus-form-area .btn {
    display: flex;
    background-color: #ffffff;
    background-image: linear-gradient(to left, #1eb8ed 0%, #003470 100%);
    color: #ffffff !important;
    font-family: "Noto Sans CJ Kjp";
    font-size: 20px;
    text-align: center;
    position: relative;
    font-weight: 500;
    width: 432px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 62px;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
}
.link-to-tplus-form-area .btn:after {
    content: '\f105';
    font-size: 20px;
    position: absolute;
    right: 82px;
    color: #fff;
    font-weight: bold;
    font-family: FontAwesome;
}
.link-to-tplus-form-area .btn:hover {
    text-decoration: none !important;
    opacity: 0.8;
}

.link-to-tplus-form-area .desc {
  margin-bottom: 2px;
  text-align: center;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .link-to-tplus-form-area .btn {
    font-size: 14px;
    padding: 0;
  }
  .link-to-tplus-form-area .btn:after{
    position: static;
    margin-left: 16px;
  }
  .link-to-tplus-form-area .btn {
    font-size: 18px;
  }
}

/** archive report css **/
.archive.post-type-archive-report { overflow: hidden}

.archive.post-type-archive-report .site-content {
  padding: 0px 0 0;
  background-image: url(../../images/back-single.png);
  background-position: top right;
  background-color: #fff;
}

.archive.post-type-archive-report .site-content .content-area .site-main {background-color: transparent;box-shadow: none}
@media screen and (max-width: 550px) {
  .archive.post-type-archive-report .site-content .content-area .site-main {
    margin-top: 0;
    padding-bottom: 0;
  }
  .archive.post-type-archive-report .site-content .content-area .site-main {
   box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
  }
}
.archive.post-type-archive-report .site-main.post-list-main article {}
.archive.post-type-archive-report .site-main.post-list-main article {
  float: left;
  margin-right: 32px;
  width: calc((100% - 32px)/2);
}
@media screen and (max-width: 767px) {
  .archive.post-type-archive-report .site-main.post-list-main article {
    width: 100%;
    margin-right: 0;
  }
}
.archive.post-type-archive-report .site-main.post-list-main article:nth-of-type(2n) {
  margin-right: 0;
}
.archive.post-type-archive-report #secondary .widget_search { display: none }
@media screen and (min-width: 992px) {
  .archive.post-type-archive-report .comment_text{
    padding:0 40px 30px;
    width:160%;
    line-height: 30px;
    font-size: 15px;
  }
  .archive.post-type-archive-report .site-content #secondary{
    margin-top:296px;
  }
}
.archive.post-type-archive-report .site-content .content-area .site-main {
  padding-right: 410px;
}
@media screen and (min-width: 992px) {
  .archive.post-type-archive-report .site-content .content-area .site-main .article-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
  }
}
.archive.post-type-archive-report .site-content .content-area .site-main .page-header{
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 24px 40px 37px;
  width: calc(100% + 410px);
  margin-bottom: 40px;
}
@media screen and (max-width: 550px) {
  .archive.post-type-archive-report .site-content .content-area .site-main .page-header{
    padding: 17px 28px 27px;
  }
}
.archive.post-type-archive-report .comment_text p.introduction {
  color: #383838;
}
@media screen and (max-width: 991px) {
  .archive.post-type-archive-report .comment_text{
    padding: 0 12px 2em;
  }
  .archive.post-type-archive-report .site-content .content-area .site-main {
    padding-right: 0;
  }
  .archive.post-type-archive-report .site-content .content-area .site-main .page-header {
    width: 100%;
  }
}
.archive.post-type-archive-report .site-content #primary .site-main article .entry-content {
  padding: 14px 20px 14px 20px !important;
}
.archive.post-type-archive-report .site-content #primary .site-main article .entry-header {
  float: none;
  width: 100%;
}
.archive.post-type-archive-report .site-content #primary .site-main article .entry-header .entry-thumbnail {
  width: 100% !important;
}
@media screen and (max-width: 550px) {
  .archive.post-type-archive-report .site-content #primary .site-main article .entry-header .entry-thumbnail {
    width: 108px !important;
  }
  .archive.post-type-archive-report .site-content #primary .site-main article .entry-content {
    padding: 0 0 0 8px !important;
  }
  .archive.post-type-archive-report .site-content #primary .site-main article .entry-header {
    float: none;
    width: auto;
  }
  .archive.post-type-archive-report .site-main article .entry-content .entry-title,
  .archive.post-type-archive-report .site-content #primary .site-main article .entry-content .entry-title {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-left: 0 !important;
    background: transparent;
  }
}
.archive.post-type-archive-report .site-main article .entry-content .cat-date,
.archive.post-type-archive-report .site-content #primary .site-main article .entry-content .cat-date {
  font-size: 10px;
  color: #64b5f6;
  text-transform: uppercase;
}
.archive.post-type-archive-report .site-main article .entry-content .cat-date .date,
.archive.post-type-archive-report .site-content #primary .site-main article .entry-content .cat-date .date {
  font-size: 11px;
  color: #999999;
}
.archive.post-type-archive-report .pagination {
  margin-top: 30px;
}

.archive.post-type-archive-report #secondary .popular-posts h3:before,
.single-report #secondary .popular-posts h3:before {
  content: "POPULAR REPORT";
}
.single-report .site-content .xeory-breadcrumbs-list li:nth-child(3) a {
 pointer-events: none;
}
@media screen and (max-width: 767px) {
  .archive.post-type-archive-report .content-area .site-main .navigation {
    margin: 30px;
    padding-bottom: 30px;
  }
  .archive.post-type-archive-report #secondary,
  .single-report #secondary{
    padding-bottom: 160px;
  }
}
/** end - archive report css **/

/** archive interview css **/
.archive.post-type-archive-interview {
  overflow: hidden;
}

.archive.post-type-archive-interview .site-content {
  padding: 0px 0 0;
  background-image: url(../../images/back-single.png);
  background-position: top right;
  background-color: #fff;
}

.archive.post-type-archive-interview .site-content .content-area .site-main {
  background-color: transparent;
  box-shadow: none;
}
@media screen and (max-width: 550px) {
  .archive.post-type-archive-interview .site-content .content-area .site-main {
    margin-top: 0;
    padding-bottom: 0;
  }
  .archive.post-type-archive-interview .site-content .content-area .site-main {
   box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
  }
}
.archive.post-type-archive-interview .site-main.post-list-main article {
  float: left;
  margin-right: 32px;
  width: calc((100% - 32px)/2);
}
@media screen and (max-width: 767px) {
  .archive.post-type-archive-interview .site-main.post-list-main article {
    width: 100%;
    margin-right: 0;
  }
}
.archive.post-type-archive-interview .site-main.post-list-main article:nth-of-type(2n) {
  margin-right: 0;
}
.archive.post-type-archive-interview #secondary .widget_search {
  display: none;
}
@media screen and (min-width: 992px) {
  .archive.post-type-archive-interview .comment_text{
    padding:0 40px 30px;
    width:160%;
    line-height: 30px;
    font-size: 15px;
  }
  .archive.post-type-archive-interview .site-content #secondary{
    margin-top:296px;
  }
}
.archive.post-type-archive-interview .site-content .content-area .site-main {
  padding-right: 410px;
}
@media screen and (min-width: 992px) {
  .archive.post-type-archive-interview .site-content .content-area .site-main .article-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
  }
}
.archive.post-type-archive-interview .site-content .content-area .site-main .page-header{
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 24px 40px 37px;
  width: calc(100% + 410px);
  margin-bottom: 40px;
}
@media screen and (max-width: 550px) {
  .archive.post-type-archive-interview .site-content .content-area .site-main .page-header{
    padding: 17px 28px 27px;
  }
}
.archive.post-type-archive-interview .comment_text p.introduction {
  color: #383838;
}
@media screen and (max-width: 991px) {
  .archive.post-type-archive-interview .comment_text{
    padding: 0 12px 2em;
  }
  .archive.post-type-archive-interview .site-content .content-area .site-main {
    padding-right: 0;
  }
  .archive.post-type-archive-interview .site-content .content-area .site-main .page-header {
    width: 100%;
  }
}
.archive.post-type-archive-interview .site-content #primary .site-main article .entry-content {
  padding: 14px 20px 14px 20px !important;
}
.archive.post-type-archive-interview .site-content #primary .site-main article .entry-header {
  float: none;
  width: 100%;
}
.archive.post-type-archive-interview .site-content #primary .site-main article .entry-header .entry-thumbnail {
  width: 100% !important;
}
@media screen and (max-width: 550px) {
  .archive.post-type-archive-interview .site-content #primary .site-main article .entry-header .entry-thumbnail {
    width: 108px !important;
  }
  .archive.post-type-archive-interview .site-content #primary .site-main article .entry-content {
    padding: 0 0 0 8px !important;
  }
  .archive.post-type-archive-interview .site-content #primary .site-main article .entry-header {
    float: none;
    width: auto;
  }
  .archive.post-type-archive-interview .site-main article .entry-content .entry-title,
  .archive.post-type-archive-interview .site-content #primary .site-main article .entry-content .entry-title {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-left: 0 !important;
    background: transparent;
  }
}
.archive.post-type-archive-interview .site-main article .entry-content .cat-date,
.archive.post-type-archive-interview .site-content #primary .site-main article .entry-content .cat-date {
  font-size: 10px;
  color: #64b5f6;
  text-transform: uppercase;
}
.archive.post-type-archive-interview .site-main article .entry-content .cat-date .date,
.archive.post-type-archive-interview .site-content #primary .site-main article .entry-content .cat-date .date {
  font-size: 11px;
  color: #999999;
}
.archive.post-type-archive-interview .pagination {
  margin-top: 30px;
}

.archive.post-type-archive-interview #secondary .popular-posts h3:before,
.single-interview #secondary .popular-posts h3:before {
  content: "POPULAR INTERVIEW";
}
.single-interview .site-content .xeory-breadcrumbs-list li:nth-child(3) a {
 pointer-events: none;
}
@media screen and (max-width: 767px) {
  .archive.post-type-archive-interview .content-area .site-main .navigation {
    margin: 30px;
    padding-bottom: 30px;
  }
  .archive.post-type-archive-interview #secondary,
  .single-interview #secondary{
    padding-bottom: 160px;
  }
}
/** end - archive interview css **/

.main-navigation .primary-menu li{
  padding: 0 16px;
}

/*お知らせ関連記事*/
.single-news #xeory_related_posts-2{
  display: none;
  visibility: hidden;
  content-visibility: hidden;
}

/*headerTOP改修*/
.header-about{
  margin-left: auto;
  padding-right: 491px;
  white-space: nowrap;
  font-size: clamp(12px, 1.2vw, 18px);
  letter-spacing: 2px;
  cursor: pointer;
}
.header-about a{
  color: #64b5f6;
  text-decoration: underline;
  font-family: 'Noto Sans JP', sans-serif;
}
.header-about a:hover {
  opacity:0.8;
}
.header-about a label{
  font-family: 'Roboto-Regular', sans-serif;
  letter-spacing: 2.4px;
  font-size: inherit;
  line-height: inherit;
}
@media screen and (max-width: 1180px) {
  .header-about{
    padding-right: 306px;
  }
  .site-branding .search-wrap {
    width:180px!important;
  }
}
@media screen and (max-width: 991px) {
  .header-about{
    padding-right: 40px;
    font-size: 16px;
  }
}
@media screen and (max-width: 550px) {
  .header-about{
    padding-right: 0;
  }

  .header-about a{
    position: relative;
    top: -3px;
    right: -7px;
  }
}

/*TOP特設ページ*/
.home .site-content .site-main .section.eight-block{
  padding-top:100px !important;
}
.special_box_inner{
  display: flex;
  justify-content: center;
  gap:60px;
  font-family: 'Noto Sans JP', sans-serif;
  max-width: 1232px;
  padding:0 24px;
  margin:0 auto;
}
.special_box_inner a:hover{
  color: #64b5f6;
}

.special_box .special_text i {
    font-size: 28px;
}
.special_box .sub_title{
  padding:0 0 58px;
}
.special_img{
  margin:0 auto 20px;
  overflow: hidden;
}
.special_img img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.special_text{
  font-size: 24px;
  font-weight: bold;
  color: #00306d;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:20px;
  padding-left: 24px;
}

.special_text:hover{
  color: #64b5f6;
}
.home .site-content .site-main .section.eight-block{
  background-image: none;
  background-color: #f7f7f7;
}

.home .site-content .site-main .section.special_box h2{
  font-size: 32px;
  letter-spacing: 0;
  margin-top: 7px;
  margin-bottom: 41px;
}
@media screen and (max-width: 767px) {
  .special_box_inner{
    flex-direction: column;
  }
  .home .site-content .site-main .section.special_box h2{
    font-size: clamp(36px,5vw,41px);
  }
  .special_box .sub_title{
    padding:0 0 42px;
  }
  .special_text{
    font-size: 20px;
  }
  .special_img{
    margin:0 auto 11px;
  }
  .special_box_inner{
    gap:45px;
  }
  .home .site-content .site-main .section.eight-block{
    padding-top:0 !important;
  }
  .home .site-content .site-main .special_box {
    padding-top:52px;
  }
}


#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button a::after,
#xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button a::after{
  content:none !important;
}

#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button a.mail{
  background-image: url(../../images/mail.png);
  background-size: 22px auto;  
  background-repeat: no-repeat;
  background-position: right 24px center;
  
}

#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button a.light-bulb{
  background-image: url(../../images/light-bulb.png);
  background-size: 15px auto;  
  background-repeat: no-repeat;
  background-position: right 24px center;  
}
#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-button a.earth{
  background-image: url(../../images/earth.png);
  background-size: 22px auto;  
  background-repeat: no-repeat;
  background-position: right 24px center;
}

#xeory-fixed-banner .xfb-cta-wrap .xfb-cta-right .xfb-cta-button a .tooltip-text{
  right: 0;
  left: auto;
}
@media screen and (max-width: 767px) {
  #xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button a{
    font-weight: 400 !important;
    text-align: center;
    display: block;
    padding: 10px 34px 10px 19px!important;
    box-shadow: none !important;
    border:0;
    border-radius: 20px !important;    
  }
  #xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button a.mail{
    background-image: url(../../images/mail.png);
    background-size: 16px auto;  
    background-repeat: no-repeat;
    background-position: right 16px center;
    
  }

  #xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button a.light-bulb{
    background-image: url(../../images/light-bulb.png);
    background-size: 10px auto;  
    background-repeat: no-repeat;
    background-position: right 16px center;  
  }
  #xeory-fixed-banner-sp .xfb-cta-wrap .xfb-cta-button a.earth{
    background-image: url(../../images/earth.png);
    background-size: 16px auto;  
    background-repeat: no-repeat;
    background-position: right 16px center;
  }
}


/** archive case study css - added 20231205 **/
.archive.post-type-archive-case_study { 
  overflow: hidden;
}
.archive.post-type-archive-case_study .site-content {
  padding: 0px 0 0;
  background-image: url(../../images/back-single.png);
  background-position: top right;
  background-color: #fff;
}
.archive.post-type-archive-case_study .site-content .content-area {
  margin-bottom: 114px;
}
.archive.post-type-archive-case_study .site-content .content-area .site-main {
  background-color: transparent;box-shadow: none;
  padding-bottom: 0;
}
@media screen and (max-width: 550px) {
  .archive.post-type-archive-case_study .site-content .content-area .site-main {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.archive.search-results .site-main.search-case-study article,
.archive.post-type-archive-case_study .site-main.post-list-main article {
  float: left;
  margin-right: 30px;
  width: calc((100% - 60px)/3);
  margin-bottom: 48px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .archive.search-results .site-main.search-case-study article,
  .archive.post-type-archive-case_study .site-main.post-list-main article {
    margin-bottom: 30px;
  }
}
.archive.search-results .search-counter,
.archive.post-type-archive-case_study .search-counter {
  text-align: right;
  font-size: 19px;
  margin-bottom: 30px;
  color: #333;
}
.archive.search-results .search-counter .total,
.archive.post-type-archive-case_study .search-counter .total {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .archive.search-results .site-main.search-case-study article,
  .archive.post-type-archive-case_study .site-main.post-list-main article {
    width: 100%;
    margin-right: 0;
  }
}
.archive.search-results .site-main.search-case-study article:nth-of-type(3n),
.archive.post-type-archive-case_study .site-main.post-list-main article:nth-of-type(3n) {
  margin-right: 0;
}
.archive.post-type-archive-case_study #secondary .widget_search { display: none }
@media screen and (min-width: 992px) {
  .archive.search-results .comment_text,
  .archive.post-type-archive-case_study .comment_text {
    padding:0 40px 30px;
    width: 100%;
    line-height: 30px;
    font-size: 15px;
  }
  .archive.post-type-archive-case_study .site-content #secondary{
    margin-top:296px;
  }
}
.archive.post-type-archive-case_study .site-content .content-area .site-main .article-wrap {
  padding-top: 78px;
}
@media screen and (min-width: 992px) {
  .archive.archive.search-results .site-content .content-area .site-main .article-wrap,
  .archive.post-type-archive-case_study .site-content .content-area .site-main .article-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .archive.post-type-archive-case_study .site-content .content-area .site-main .article-wrap {
    padding-top: 10px;
  }
}
.search-results .site-content .content-area .site-main .page-header,
.archive.post-type-archive-case_study .site-content .content-area .site-main .page-header{
  background-color: #1b1b1b;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  padding: 24px 40px 37px;
  width: 100%;
  margin-bottom: 23px;
}
@media screen and (max-width: 550px) {
  .search-results .site-content .content-area .site-main .page-header,
  .archive.post-type-archive-case_study .site-content .content-area .site-main .page-header{
    padding: 17px 28px 27px;
  }
}
.archive.post-type-archive-case_study .comment_text p.introduction {
  color: #383838;
}
@media screen and (max-width: 991px) {
  .archive.post-type-archive-case_study .comment_text{
    padding: 0 12px 2em;
  }
  .archive.post-type-archive-case_study .site-content .content-area .site-main {
    padding-right: 0;
  }
  .archive.post-type-archive-case_study .site-content .content-area .site-main .page-header {
    width: 100%;
  }
}
.archive.search-results .site-content #primary .site-main.search-case-study article .entry-content {
  padding: 23px 25px 50px 25px !important;
  width: 100%;
}
.archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content {
  padding: 23px 25px 50px 25px !important;
}
.archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content {
  padding: 23px 25px 50px 25px !important;
}
.archive.search-results .site-content #primary .site-main.search-case-study article .entry-header,
.archive.post-type-archive-case_study .site-content #primary .site-main article .entry-header {
  float: none;
  width: 100%;
}
@media screen and ( min-width: 991px) {
  .archive.search-results .site-content #primary .site-main.search-case-study article .entry-header,
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-header {
   
  }
}
.archive.search-results .site-content #primary .site-main.search-case-study article .entry-header .entry-thumbnail,
.archive.post-type-archive-case_study .site-content #primary .site-main article .entry-header .entry-thumbnail {
  width: 100% !important;
}
.archive.search-results .site-main article .entry-content .entry-title,
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content .entry-title {
    margin-bottom: 8px;
    color: #333333;
    font-size: inherit;
    line-height: inherit;
    transition: all ease-in-out .3s;
  }
  .archive.search-results .site-main article .entry-content .entry-title:hover,
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content .entry-title:hover {
    color: #64b5f6 !important;
  }
@media screen and (max-width: 767px) {
    .archive.search-results .site-content #primary .site-main.search-case-study article .entry-header .entry-thumbnail img ,
    .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-header .entry-thumbnail img {
     width: 100%; 
    }
    .archive.search-results .site-content #primary .site-main.search-case-study article,
    .archive.post-type-archive-case_study .site-content #primary .site-main article {
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    }
    
}
@media screen and (max-width: 550px) {
  .archive.search-results .site-content #primary .site-main.search-case-study article .entry-header .entry-thumbnail,
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-header .entry-thumbnail {
    
  }
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content {
    padding: 22px 22px !important;
  }
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-header {
    float: none;
  }
  .archive.post-type-archive-case_study .site-main article .entry-content .entry-title,
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content .entry-title {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-left: 0 !important;
    background: transparent;
  }
  .archive.search-results .site-content #primary .site-main.search-case-study article .entry-header .entry-thumbnail img ,
  .archive.post-type-archive-case_study .site-content #primary .site-main article .entry-header .entry-thumbnail img {
   width: 100%; 
  }
}
.archive.post-type-archive-case_study .site-main article .entry-content .cat-date,
.archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content .cat-date {
  font-size: 10px;
  color: #64b5f6;
  text-transform: uppercase;
}
.archive.post-type-archive-case_study .site-main article .entry-content .cat-date .date,
.archive.post-type-archive-case_study .site-content #primary .site-main article .entry-content .cat-date .date {
  font-size: 11px;
  color: #999999;
}
.archive.post-type-archive-case_study .pagination {
  margin-top: 13px;
}

.archive.post-type-archive-case_study #secondary .popular-posts h3:before,
.single-report #secondary .popular-posts h3:before {
  content: "POPULAR REPORT";
}
.single-report .site-content .xeory-breadcrumbs-list li:nth-child(3) a {
 pointer-events: none;
}
.archive.search-results .line-separate,
.archive.post-type-archive-case_study .line-separate {
  height: 1px;
  width: 100%;
  background: #ddd;
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .archive.post-type-archive-case_study .content-area .site-main .navigation {
    margin: 30px;
    padding-bottom: 30px;
  }
  .archive.post-type-archive-case_study #secondary,
  .single-report #secondary{
    padding-bottom: 160px;
  }
  .archive.search-results .site-content #primary .site-main article,
  .archive.post-type-archive-case_study .site-content #primary .site-main article {
    padding: 0 !important;
  }
  .archive.post-type-archive-case_study .line-separate {
    margin-bottom: 10px;
  }
}

.archive.search-results .form_text,
.archive.post-type-archive-case_study .form_text {
  font-size: 12px;
  text-align: right;
  margin-bottom: 0px;
  color: #7A7A7A;
  text-align: right;
  font-style: normal;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 5px;
}
.archive.search-results .group-search,
.archive.post-type-archive-case_study .group-search {
  padding: 0;
}
.archive.search-results .group-search .group-taxonamy,
.archive.post-type-archive-case_study .group-search .group-taxonamy {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.archive.search-results .group-search .group-taxonamy .group-item,
.archive.post-type-archive-case_study .group-search .group-taxonamy .group-item {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
}
@media (max-width: 550px) {
  .archive.search-results .group-search .group-taxonamy .group-item,
  .archive.post-type-archive-case_study .group-search .group-taxonamy .group-item {
    flex-wrap: wrap;
  }
}

.archive.search-results .group-search .group-taxonamy .group-item .collapse-box-title,
.archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-title {
  width: 240px;
  color: #fff;
  padding: 27px 50px;
  font-weight: 700;
  font-size: 15px;
  line-height: 30px;
  position: relative;
  background-color: #c1c8e5;
  background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 550px) {
  .archive.search-results .group-search .group-taxonamy .group-item .collapse-box-title,
  .archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-title {
    width: 100%;
    cursor: pointer;
    text-align: left;
    padding: 22px 18px 18px;
    background-color: #c1c8e5;
    background-image: linear-gradient(to right, #00306d 0%, #1eb9ee 100%);
  }
}
@media (max-width: 550px) {
  .archive.search-results .group-search .group-taxonamy .group-item .collapse-box-title::after,
  .archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-title::after {
    background-image: url(../../images/flow-open.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 71px;
    height: 71px;
    background-size: contain;
    position: absolute;
    right: -4px;
    top: 0;
    content: "";
    transition: transform 0.35s ease-in;
  }
  .archive.search-results .group-search .group-taxonamy .group-item.expanded .collapse-box-title::after,
  .archive.post-type-archive-case_study .group-search .group-taxonamy .group-item.expanded .collapse-box-title::after {
    background-image: url(../../images/flow-close.png);
  }
}
.archive.search-results .group-search .group-taxonamy .group-item .collapse-box-content,
.archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-content {
  width: calc(100% - 156px);
  color: #333;
  padding: 29px 35px 10px;
  list-style: outside none none;
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}
@media (max-width: 550px) {
  
  .archive.search-results .group-search .group-taxonamy .group-item .collapse-box-content,
  .archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-content {
    width: 100%;
    display: none;
    margin: 0;
    padding: 30px 16px 16px;
    transition: max-height ease-in 0.35s;
  }
}
.archive.search-results .group-search .group-taxonamy .group-item .collapse-box-content > label,
.archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-content > label {
  margin-right: 8px;
  margin-left: 8px;
  position: relative;
  margin-bottom: 15px;
  padding: 2px 8px;
  cursor: pointer;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 550px) {
  .archive.search-results .group-search .group-taxonamy .group-item .collapse-box-content > label,
  .archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-content > label {
    margin: 0 20px 12px 0;
    float: left;
    width: unset;
    padding: 2px;
  }
}

.archive.search-results
.group-search
  .group-taxonamy
  .group-item
  .collapse-box-content
  > label.selected,
.archive.post-type-archive-case_study
.group-search
  .group-taxonamy
  .group-item
  .collapse-box-content
  > label.selected {
  color: #383838;
  font-weight: 400;
}
.archive.search-results .group-search .group-taxonamy .group-item .collapse-box-content > label .close,
.archive.post-type-archive-case_study .group-search .group-taxonamy .group-item .collapse-box-content > label .close {
  transition: all ease-in-out 0.3s;
  position: absolute;
  height: 28px;
  width: 28px;
  display: block;
  border-radius: 50%;
  right: -14px;
  top: -14px;
  cursor: pointer;
  background: url(../../images/cs-btn-delete-white.svg) center center no-repeat;
}
.archive.search-results
.group-search
  .group-taxonamy
  .group-item
  .collapse-box-content
  > label
  input[type="checkbox"],
.archive.post-type-archive-case_study
.group-search
  .group-taxonamy
  .group-item
  .collapse-box-content
  > label
  input[type="checkbox"] {
  margin-right: 5px;
}
.archive.search-results .group-search .group-taxonamy .group-item + .group-item,
.archive.post-type-archive-case_study .group-search .group-taxonamy .group-item + .group-item {
  border-top: 1px solid #dedede;
}
@media (max-width: 550px) {
  .archive.search-results .group-search .group-taxonamy .group-item.expanded .collapse-box-content,
  .archive.post-type-archive-case_study .group-search .group-taxonamy .group-item.expanded .collapse-box-content {
    display: block;
  }
}
.archive.search-results .group-search .search-btn,
.archive.post-type-archive-case_study .group-search .search-btn {
  text-align: center;
  margin: 32px 0 73px;
}
@media (max-width: 991px) {
  .archive.search-results .group-search .search-btn,
  .archive.post-type-archive-case_study .group-search .search-btn {
    margin: 32px 0 72px;
  }
}
.archive.search-results .group-search .search-btn label,
.archive.post-type-archive-case_study .group-search .search-btn label {
  display: block;
  text-align: center;
  position: relative;
  max-width: 502px;
  margin: 0 auto;
}
.archive.search-results .group-search .search-btn label::before,
.archive.post-type-archive-case_study .group-search .search-btn label::before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: calc(50% - 100px);
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 0.3s;
  color: #fff !important;
  z-index: 1 !important;
}
.archive.search-results .group-search .search-btn label input[type="submit"],
.archive.post-type-archive-case_study .group-search .search-btn label input[type="submit"] {
  margin: 0 auto;
  width: 100%;
  max-width: 502px;
  height: 52px;
  line-height: 52px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border: 0 none;
  padding: 0 5px;
  border-radius: 60px;
  background: #65B6F5;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
.archive.search-results .group-search .search-btn label:hover::before,
.archive.post-type-archive-case_study .group-search .search-btn label:hover::before {
  color: #fff;
  z-index: 1;
}
.archive.search-results .group-search .search-btn label:hover input,
.archive.post-type-archive-case_study .group-search .search-btn label:hover input {
  opacity: 0.8;
}
.archive.post-type-archive-case_study .site-main article .entry-content .entry-title a {
  font-weight: 500;
  color: #333;
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 991px) {
  .archive.post-type-archive-case_study .site-main article .entry-content .entry-title a {
    font-size: 18px;
    line-height: 26px;
  }
}
.archive.search-results .content-area .site-main.search-case-study {
  max-width: 1080px;
  background: none;
  box-shadow: none;
}

.archive.search-results .content-area .site-main.search-case-study .entry-title::before {
  display: none;
}

.archive.search-results .article-wrap .excerpt,
.archive.post-type-archive-case_study .excerpt {
  color: #333;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  font-family: "Noto Sans JP", sans-serif;
}
.archive.search-results .site-main article .entry-bottom,
.archive.post-type-archive-case_study .site-main article .entry-bottom {
  border-top: 1px dotted #ddd;
  padding: 10px 25px;
}
.archive.search-results .site-main article .entry-bottom p,
.archive.post-type-archive-case_study .site-main article .entry-bottom p {
  color: #818181;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.archive.search-results .site-main article .entry-bottom label,
.archive.post-type-archive-case_study .site-main article .entry-bottom label {    
    min-width: 55px;
    display: inline-block;
}
.archive.search-results .site-main article .entry-bottom span,
.archive.post-type-archive-case_study .site-main article .entry-bottom span{
  color: #1EB3E8;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.archive.search-results .site-main article .entry-header,
.archive.post-type-archive-case_study .site-main article .entry-header {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.archive.search-results .site-main article .term-industry,
.archive.post-type-archive-case_study .site-main article .term-industry {
  position: absolute;
  left: 0;
  top: 0;
  padding: 7px 16px;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}
.archive.search-results .site-main article:hover a,
.archive.post-type-archive-case_study .site-main article:hover a {
  opacity: 1 !important;
}
.archive.post-type-archive-case_study .site-main article:after,
.archive.search-results .site-main article:after {
  display: none !important;
}
.archive.search-results .pagination a,
.archive.post-type-archive-case_study .pagination a {
  border-bottom: transparent;
}

.archive.search-results .pagination a:hover,
.archive.post-type-archive-case_study .pagination a:hover {
  border-bottom: 2px solid #64b5f6;
}

.collapse-box-content label {
  display: block !important;
  position: relative !important;
  padding-left: 24px !important;
  cursor: pointer !important;
}
.collapse-box-content label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.collapse-box-content label .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 15px;
  width: 15px;
  background: #fff;
  border: 2px solid #d9d9d9;
  border-radius: 2px;
}
.collapse-box-content label:hover input ~ .checkmark {
  background-color: #fff;
  border: 2px solid #064A86;
}
.collapse-box-content label input:checked ~ .checkmark {
  background-color: #fff;
  border: 2px solid #064A86;
}
.collapse-box-content label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.collapse-box-content label input:checked ~ .checkmark:after {
  display: block;
}
.collapse-box-content label .checkmark:after {
  left: 3px;
  top: 1px;
  width: 6px;
  height: 7px;
  border: solid #064A86;
  border-width: 0 2px 2px 0px;
  transform: rotate(45deg);
}
.search-results .text-no-result {
  text-align: center;
  color: #dd3333;
}
.search-results .pagination{
  margin-top: 12px;
}
.search-results .site-main.search-case-study {
	padding-bottom: 0px !important;
}
.search-results .site-content .content-area {
  margin-bottom: 86px !important;
}


body.search-results.post-type-archive {
	margin: 0;
	padding: 0;
	max-width: unset;
}
/** end - archive case study css - added 20231205 **/


/*Begin Add download btn to header*/
body{
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  header .header-about{
    font-size: 14px;
  }
}

@media screen and (min-width: 993px) {
  header .header-about{
    padding-right: 518px;
    font-size: 17px;
   
  }
  header .site-branding .search-wrap{
    right: 375px;
    top:18px;
    width: 162px;
  }

  header .site-branding .search-wrap .search-form{
    border-radius: 36px;
    border: 1px solid #C2C2C2;
    background: #FFF;
    overflow: hidden;
    height: 36px;
  }
  header .site-branding .search-wrap .search-form input.search-field{
    padding: 0 16px !important;
    line-height: 32px;

  }
}
.site-header .menu-menu-header-right-container{
  right: 0;
  top:50%;
  transform: translateY(-50%);
}
.site-header .menu-menu-header-right-container ul{
  word-spacing: 0;
  display: flex;
  gap: 16px;
}

@media screen and (min-width: 1367px) {
  .site-header .menu-menu-header-right-container ul{
    padding-right:16px;
  }
}
.site-header .menu-menu-header-right-container ul li a,
.site-header .menu-menu-header-right-container ul li:nth-of-type(2) a{
  line-height: 36px;
  border-radius: 34px;
  border: 1px solid #F6AB00;
  background: #F6AB00;
  width:172px;
  padding: 0;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-menu-header-right-container ul li a b{
  font-weight: normal;
}

@media screen and (min-width: 992px) {
  .menu-menu-header-right-container ul li a b.sp{
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .site-header .site-branding .container{
    padding-top: 14px;
  }
  .site-header .site-title img{
    height: 33px;
  }
  .menu-menu-header-right-container ul li a b.pc{
    display: none;
  }
}
.site-header .menu-menu-header-right-container ul li a:hover{
  opacity: 0.8;
}

.site-header .menu-menu-header-right-container ul li:nth-of-type(2) a:after,
.sp-nav-inner .menu-menu-header-right-container ul li:nth-of-type(2) a:after{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3E%3Cmask id="mask0_2158_1124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"%3E%3Crect width="20" height="20" fill="%23D9D9D9"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_2158_1124)"%3E%3Cpath d="M3.58849 16.25C3.16752 16.25 2.8112 16.1042 2.51953 15.8125C2.22786 15.5208 2.08203 15.1645 2.08203 14.7435V5.25646C2.08203 4.83549 2.22786 4.47917 2.51953 4.1875C2.8112 3.89583 3.16752 3.75 3.58849 3.75H16.4089C16.8299 3.75 17.1862 3.89583 17.4779 4.1875C17.7695 4.47917 17.9154 4.83549 17.9154 5.25646V14.7435C17.9154 15.1645 17.7695 15.5208 17.4779 15.8125C17.1862 16.1042 16.8299 16.25 16.4089 16.25H3.58849ZM9.9987 10.4648L3.33203 6.20187V14.7435C3.33203 14.8184 3.35606 14.8799 3.40411 14.9279C3.45217 14.976 3.51363 15 3.58849 15H16.4089C16.4838 15 16.5452 14.976 16.5933 14.9279C16.6413 14.8799 16.6654 14.8184 16.6654 14.7435V6.20187L9.9987 10.4648ZM9.9987 9.16667L16.5372 5H3.46016L9.9987 9.16667ZM3.33203 6.20187V5V14.7435C3.33203 14.8184 3.35606 14.8799 3.40411 14.9279C3.45217 14.976 3.51363 15 3.58849 15H3.33203V6.20187Z" fill="white"/%3E%3C/g%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.site-header .menu-menu-header-right-container ul li a br{
  display: none;
}

.site-header .menu-menu-header-right-container ul li:nth-of-type(1) a{
  border: 1px solid #CF102B;
  background: #CF102B;
  width: 156px;
}

.site-header .menu-menu-header-right-container ul li:nth-of-type(1) a:after,
.sp-nav-inner .menu-menu-header-right-container ul li.add_download a:after{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><mask id="mask0_14_59" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12"><rect width="12" height="12" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_14_59)"><path d="M6 9.0308L2.5846 5.6154L3.4278 4.7478L5.4 6.72V0H6.6V6.72L8.5722 4.7478L9.4154 5.6154L6 9.0308ZM1.4462 12C1.04207 12 0.7 11.86 0.42 11.58C0.14 11.3 0 10.9579 0 10.5538V8.3846H1.2V10.5538C1.2 10.6154 1.22567 10.6718 1.277 10.723C1.3282 10.7743 1.3846 10.8 1.4462 10.8H10.5538C10.6154 10.8 10.6718 10.7743 10.723 10.723C10.7743 10.6718 10.8 10.6154 10.8 10.5538V8.3846H12V10.5538C12 10.9579 11.86 11.3 11.58 11.58C11.3 11.86 10.9579 12 10.5538 12H1.4462Z" fill="%23ffffff"/></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
}

.sp-nav-inner .menu-menu-header-right-container ul li a{
  display: flex;
  align-items: center;
  justify-content: center;

}
.sp-nav-inner .menu-menu-header-right-container ul li.add_download a{
  background: #CF102B;
}

.sp-nav-inner .menu-menu-header-right-container ul li a::after{
  top:50% !important;
  position: absolute;
  transform: translateY(-50%);
  margin: 0;
}
.sp-nav-inner .menu-menu-header-right-container ul li:nth-of-type(1) a:after{
  width: 18px;
  height: 18px;
  right: 25px;
}

.sp-nav-inner .menu-menu-header-right-container ul li:nth-of-type(2) a:after{
  width: 28px;
  height: 28px;
  right: 20px;
}

@media screen and (max-width: 550px) {
  .header-about a {
    top: 2px;
    right: -5px;
    line-height: 1;
  }

  .xeory-sp-nav-btn{
    width: 37px;
    right: 14px;
    background-size: auto 16px;
  }
}

header .search-btn-header{
  display: none;
}

.header-description{
  font-weight: 400;
}

@media (max-width: 1366px)  and  (min-width: 993px){
  header .search-btn-header{
    display: block;
    position: absolute;
    right: 180px;
    top: 0;
    width: 90px;
    height: 68px;
    text-align: center;
    border-left: 1px solid #C2C2C2;
  }

  header .search-btn-header.active{
    background: #DDDDDD;
  }
  header .search-btn-header .content-btn{
    padding-top: 40px;
    background: url(../../images/search-header.png) no-repeat top 13px center;
    background-size: auto 24px;
  }
  header .search-btn-header b{
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 10px;
  }

  header .site-branding .search-wrap{
    display: none;
  }

  header .site-branding .search-wrap.active{
    display: block;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100% !important;
    left: 0;
    right: 0;
    height: 100vh;
    top: 68px;
    padding:16px;
    z-index: 1;
  }

  .site-header .menu-menu-header-right-container ul li,
  header .search-btn-header{
    width: 90px;
  }

  .site-header .menu-menu-header-right-container{
    top:0;
    transform: none;
  }

  .site-header .menu-menu-header-right-container ul{
    gap: 0;
  }
  .site-header .menu-menu-header-right-container ul li a{
    width: 100% !important;
    border-radius: 0 !important;
    font-size: 10px !important;
    padding-top: 36px !important;
    position: relative;
    height: 68px;
  }
  header.site-header .menu-menu-header-right-container ul li a:after{
    position: absolute;
    width: 100% !important;
    margin: 0 auto !important;
    background-position: center !important;
    background-size: auto 100% !important;
    position:absolute;

  }

  .site-header .menu-menu-header-right-container ul li:nth-of-type(1) a:after{
    background: url(../../images/download-header.png) no-repeat center;
    height: 24px !important;
    top: 12px;
  }
  .site-header .menu-menu-header-right-container ul li:nth-of-type(2) a:after{
    background: url(../../images/mail-header-mail.png) no-repeat center;
    height: 20px !important;
    top: 14px;
  }

  header .header-about{
    padding-right: 260px;
    font-size: 14px;
    letter-spacing: -1.4px;
  }
  .header-description{
    padding-left: 7px;
  }

  header .site-branding .search-wrap .search-form{
    border-radius: 0;
    height: 54px;
    margin-bottom: 0;
    border: 0;
  }

  header .site-branding .search-wrap .search-form input.search-field{
    line-height: 54px;
    font-size: 15px;
  }

  .site-branding .search-form input[type=submit]{
    background: url(../../images/search-header.png) no-repeat top 15px center;
    background-size: 24px auto;
    color: transparent !important;
    width: 58px;
  }
  
}

@media screen and (max-width: 992px) {
  .xeory-sp-nav-btn{
    display: block;
  }
  .site-branding .search-wrap,
  .main-navigation{
    display: none !important;
  }
  header .header-about{
    padding-right: 40px;
  }
  .site-header{
    height: 64px;
  }
  .header-description{
    padding-top: 4px;
    padding-left: 6px;
  }
}
/*End download btn to header*/

/*search page header*/
@media screen and (min-width: 992px) {
  .search-results .site-content .content-area .site-main .page-header{
    width: calc(100% + 410px);
  }
}

@media screen and (max-width: 550px) {
  header .header-about{
    padding-right:0;
  }
}