@charset "UTF-8";
/*================================================================
共通
================================================================*/
.p-global-nav {
  white-space: nowrap;
}

.p-global-nav .menu-item {
  margin-left: 15px;
}

.p-global-nav .menu-item a {
  padding: 0;
}

/*  ヘッダーのボタン位置調整*/
.header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-info .svg-inline--fa {
  margin-left: 20px;
  color: #fff;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.header-info .svg-inline--fa:hover {
  color: #ffbefa;
}

.header-info .fa-facebook {
  margin: 0;
}

/* ヘッダーのボタン調整 */
.c-btn {
  padding: 8px 8px 5px 8px;
  vertical-align: middle;
  margin-right: 20px;
  border-radius: 0;
  font-size: 15px;
}

.b-btn {
  width: 126px;
  margin-right: 0;
  border: 2px;
}

.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
}

.fab {
  color: #fff !important;
}

h2 {
  white-space: nowrap;
  border: none !important;
}

h2::after {
  display: none !important;
}

/* トップページ最上部のpadding除去 */
.p-section-front-page-content {
  padding-top: 0;
}

.flag-box {
  margin-top: 0 !important;
}

#n2-ss-6-arrow-next {
  border-radius: 50% !important;
  padding: 0 !important;
  border: 1px solid #fff !important;
  background: transparent !important;
  right: -9px !important;
}

#n2-ss-6-arrow-previous {
  border-radius: 50% !important;
  padding: 0 !important;
  border: 1px solid #fff !important;
  background: transparent !important;
  left: -19px !important;
}

/* スライダーの背景透過 */
.n2-ss-slider-2 {
  background-color: transparent !important;
}

@media screen and (max-width: 639px) {
  .n2-ss-slider-3 {
    height: 100px !important;
  }
}

/* スライダーの横幅 */
.n2-ss-slider-pane-single {
  max-width: 450px;
  margin: 50px auto !important;
}

@media screen and (max-width: 639px) {
  .n2-ss-slider-pane-single {
    margin: 0 auto !important;
  }
}

.n2-ss-slide {
  border-radius: 0px !important;
}

@media screen and (max-width: 639px) {
  .n2-ss-slide {
    width: 40px !important;
    height: 30px !important;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.flex {
  margin-top: 0 !important;
  padding: 2.5% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 639px) {
  .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.flex > * {
  width: 40%;
  background: #fff;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .flex > * {
    width: 95%;
    margin: 0 auto;
  }
}

.flex > * {
  border: 3px solid #5d4662;
  width: 682px;
  height: 247px;
  position: relative;
}

.flex > *:nth-child(2) {
  border-left: none;
}

@media screen and (max-width: 639px) {
  .flex > * {
    width: 95%;
  }
  .flex > *:nth-child(2) {
    border: 3px solid #5d4662;
    border-top: none;
  }
}

.flex p {
  margin: 62px 0 23px;
}

@media screen and (max-width: 639px) {
  .flex p {
    white-space: nowrap;
    font-size: 13px;
  }
}

.flex p::before {
  content: "";
  display: block;
  width: 12px;
  height: 119px;
  background-color: #5f4864;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10%;
}

.flex .time {
  font-size: 15px;
  margin-top: 10px;
}

.flex a {
  font-size: 30px;
  text-decoration: none;
  font-weight: bold;
  color: #5f4864;
}

@media screen and (max-width: 639px) {
  .flex a {
    font-size: 24px;
  }
}

.btn--purple,
a.btn--purple {
  display: block;
  padding: 0 3%;
  margin: 10px auto;
  text-align: center;
  width: 237px;
  color: #fff;
  background-color: #5f4864;
  font-size: 19px;
}

.btn--purple:hover,
a.btn--purple:hover {
  color: #fff;
  background: #5f4864;
}

a.btn--radius {
  border-radius: 100vh;
}

.table2 td:nth-child(1) {
  background: transparent linear-gradient(94deg, #4157ff 0%, #a040e6 22%, #c335b3 47%, #fcf5a5 100%) 0% 0% no-repeat padding-box;
}

@media screen and (max-width: 639px) {
  .table2 td:nth-child(1) {
    display: block;
  }
}

.table2 td:nth-child(2) {
  background: #4484eb 0% 0% no-repeat padding-box;
}

@media screen and (max-width: 639px) {
  .table2 td:nth-child(2) {
    display: block;
    margin-top: 9px;
  }
}

.my-white {
  color: #fff;
}

.l-header__content {
  background-color: #5d4662;
}

/* トップページ最上部のpadding除去 */
.p-section-front-page-content {
  padding-top: 0;
}

.btn-flat-border {
  position: fixed;
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  right: 60px;
  top: 170px;
  z-index: 10000;
  background-color: #5f4864;
  opacity: 0.8;
}

@media screen and (max-width: 639px) {
  .btn-flat-border {
    display: none;
  }
}

.btn-flat-border:hover {
  background: #fff;
  color: #5f4864;
}

.l-overlay-widget-area {
  border-radius: 10px;
}

.l-overlay-widget-area {
  width: 100%;
}

#flag-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 1;
}

#flag-menu li {
  display: inline;
  padding: 0;
  margin: 0;
}

#flag-menu li a {
  display: block;
  border: 1px solid #1c1c1d;
  background-color: #fff;
  padding: 3px 10px;
  text-decoration: none;
  color: #333;
  width: 350px;
  margin: 2px 0px;
  text-align: left;
  font-size: 14px;
}

#flag-menu li a:hover {
  border: 1px solid #8593a9;
  background-color: #9eb7dd;
}

#flag-menu li a img {
  margin-right: 5px;
}

#flag-menu .simple_square_btn2 {
  margin: 10px auto;
  display: block;
  position: relative;
  width: 160px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #1B1B1B;
  background: #fff;
  border: 1px solid #1B1B1B;
}

#flag-menu .simple_square_btn2:hover {
  background: #9eb7dd;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.has-text-align-center {
  white-space: nowrap;
}

.smb-btn {
  border-color: #5d4662 !important;
}

.l-footer {
  background-color: #5f4864;
  color: #fff;
}

.l-footer .svg-inline--fa {
  color: #fff;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.l-footer .svg-inline--fa:hover {
  color: #ffbefa;
}

.l-footer .c-widget__title {
  display: block;
  text-align: left;
}

.l-footer .c-widget__title::before {
  text-align: left;
  display: none;
}

.l-footer .c-row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 639px) {
  .l-footer .c-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/*================================================================
トップページの指定
================================================================*/
.top-head {
  font: normal normal 900 72px/98px Avenir;
}

.top-image-under {
  font: normal normal 900 25px/34px Avenir;
  padding: 0 !important;
  background: black;
  background: -webkit-gradient(linear, left top, right top, from(#5d5d5d), color-stop(83%, #b294c6));
  background: linear-gradient(90deg, #5d5d5d 0%, #b294c6 83%);
}

.top-image-under .has-text-align-left {
  padding: 0 !important;
}

.smb-section__subtitle {
  color: #5d4662;
}

.slug-top .wp-block-group {
  margin-top: 0;
}

.slug-top .has-text-align-left {
  padding-left: 100px;
}

@media screen and (max-width: 639px) {
  .slug-top .has-text-align-left {
    padding: 0;
  }
}

.slug-top .has-background {
  padding: 0;
}

.slug-top .breadcrumb {
  display: none;
}

.slug-top .covid {
  padding: 0;
}

.slug-top .covid .smb-btn {
  padding: 7px 10px;
}

.slug-top .covid .wp-block-columns {
  margin-bottom: 28px;
}

.slug-top .top-heading-text .has-text-align-center {
  font: normal normal 900 24px/34px Avenir;
  position: relative;
  padding: 0 55px;
}

@media screen and (max-width: 639px) {
  .slug-top .top-heading-text .has-text-align-center {
    font-size: 14px;
  }
}

.slug-top .top-heading-text .has-text-align-center:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  left: 34%;
  background-color: #b9a1bc;
}

.slug-top .top-heading-text .has-text-align-center::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  right: 34%;
  background-color: #b9a1bc;
}

.slug-top .top-heading-about-text .has-text-align-center {
  font: normal normal 900 24px/34px Avenir;
  position: relative;
  padding: 0 55px;
}

@media screen and (max-width: 639px) {
  .slug-top .top-heading-about-text .has-text-align-center {
    font-size: 14px;
  }
}

.slug-top .top-heading-about-text .has-text-align-center:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  left: 25%;
  background-color: #b9a1bc;
}

.slug-top .top-heading-about-text .has-text-align-center::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  right: 25%;
  background-color: #b9a1bc;
}

.slug-top .c-entries {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.slug-top .c-entries__item {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 19% !important;
          flex: 0 1 19% !important;
  margin-left: 25px;
}

.slug-top .c-entry-summary__title {
  font-size: 15px;
}

.slug-top .c-entry-summary__content {
  display: none;
}

.slug-top .c-entry-summary__term {
  display: none;
}

.slug-top .c-entry-summary__meta .c-meta__item--author {
  display: none;
}

.slug-top .c-meta {
  text-align: left;
}

@media (min-width: 64em) {
  .slug-top .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-top .smb-recent-posts .c-entries--panel .c-entries__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    max-width: 25%;
    width: 265px;
  }
}

.slug-top .total-support .sme-font-size {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

@media screen and (max-width: 639px) {
  .slug-top .total-support .sme-font-size {
    font-size: 18px !important;
  }
}

.slug-top .total-support .c-container {
  max-width: 928px !important;
}

.slug-top .meet-classee h2 {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.slug-top .meet-classee .wp-block-column:nth-child(2) {
  margin-left: 90px;
}

@media screen and (max-width: 639px) {
  .slug-top .meet-classee .wp-block-column:nth-child(2) {
    margin: 20px 0;
  }
}

.slug-top .meet-classee .meet-image {
  position: relative;
}

@media screen and (max-width: 639px) {
  .slug-top .meet-classee .meet-image {
    max-width: 93%;
    display: block;
    margin: 0 auto;
  }
}

.slug-top .meet-classee .meet-image::before {
  content: "";
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #3f4348;
  left: 3%;
  top: 7%;
  z-index: -1;
}

@media screen and (max-width: 639px) {
  .slug-top .meet-classee .meet-image::before {
    left: 3em;
    width: 90%;
    height: 90%;
  }
}

.slug-top .meet-classee .meet-image:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 106%;
  padding: 10px;
  background-color: #f4f0f4;
  left: 5%;
  top: -2em;
  z-index: -2;
}

@media screen and (max-width: 1024px) {
  .slug-top .meet-classee .meet-image:after {
    width: 90%;
    height: 90%;
  }
}

.slug-top .sustainability {
  background-image: url(http://tes-site.hakuogu.com/wp-content/uploads/2021/01/12ddb024a3297fec42ec6395ff22a45a.png);
}

.slug-top .sustainability-image .sme-font-size {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

@media screen and (max-width: 1024px) {
  .slug-top .sustainability-image .sme-font-size {
    font-size: 25px !important;
  }
}

.slug-top .sustainability-image .wp-block-image:nth-child(1) {
  position: relative;
}

.slug-top .sustainability-image .wp-block-image:nth-child(2) {
  width: 90%;
  margin: 0 auto;
  margin-top: -4em !important;
}

.slug-top .sustainability-image .wp-block-image:nth-child(3) {
  position: relative;
}

.slug-top .sustainability-image .wp-block-image:nth-child(4) {
  width: 100%;
  margin: 0 auto;
  margin-top: -2em !important;
}

/*================================================================
japan(各国トップ）
================================================================*/
.slug-japan .japan-top .sme-font-size {
  font: normal normal 900 65px/89px Avenir;
}

.slug-japan .japan-title {
  font: normal normal normal Century !important;
}

.slug-japan .breadcrumb {
  display: none;
}

.slug-japan .japan-top-image {
  position: relative;
}

.slug-japan .japan-top-image img {
  margin: 0 80px 10px 0;
}

.slug-japan .japan-top-image .smb-media-text__title {
  text-align: center;
  background-color: #5f4864;
  font: normal normal normal Century;
}

.slug-japan .japan-top {
  padding-bottom: 0;
}

@media screen and (max-width: 639px) {
  .slug-japan .japan-top {
    padding-bottom: 45px;
  }
}

.slug-japan .japan-top .has-text-align-center {
  padding: 0;
}

.slug-japan .japan-top-title .sme-font-size {
  font: normal normal normal 50px/75px Hiragino Mincho ProN;
}

.slug-japan .country-news-title .has-text-align-center {
  font: normal normal 900 20px/34px Avenir;
  position: relative;
  padding: 0 55px;
}

@media screen and (max-width: 639px) {
  .slug-japan .country-news-title .has-text-align-center {
    font-size: 14px;
  }
}

.slug-japan .country-news-title .has-text-align-center:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 2px;
  left: 0%;
  background-color: #4a4a4a;
}

.slug-japan .country-news-title .has-text-align-center::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 2px;
  right: 0%;
  background-color: #4a4a4a;
}

.slug-japan .japan-image {
  position: relative;
}

.slug-japan .japan-image::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #3f4348;
  left: 5em;
  top: 3em;
  z-index: -1;
}

@media screen and (min-width: 640px) {
  .slug-japan .japan-image::before {
    width: 90%;
    height: 90%;
  }
}

.slug-japan .japan-image:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 90%;
  padding: 10px;
  background-color: #f4f0f4;
  left: 6em;
  top: -2em;
  z-index: -2;
}

@media screen and (min-width: 640px) {
  .slug-japan .japan-image:after {
    width: 90%;
    height: 90%;
  }
}

.slug-japan .c-entry-summary__title {
  font-size: 15px;
}

.slug-japan .c-entry-summary__term {
  display: none;
}

.slug-japan .c-entry-summary__meta .c-meta__item--author {
  display: none;
}

.slug-japan .japan-guide .sme-font-size {
  font: normal normal normal 50px/75px Hiragino Mincho ProN;
}

.slug-japan .japan-guide .country-block-title .has-text-align-center {
  font: normal normal 900 24px/34px Avenir;
  letter-spacing: 0.2em;
  position: relative;
  padding: 0 55px;
}

@media screen and (max-width: 639px) {
  .slug-japan .japan-guide .country-block-title .has-text-align-center {
    font-size: 14px;
  }
}

.slug-japan .japan-guide .country-block-title .has-text-align-center:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  left: 15%;
  background-color: #b9a1bc;
}

.slug-japan .japan-guide .country-block-title .has-text-align-center::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  right: 15%;
  background-color: #b9a1bc;
}

.slug-japan .japan-guide .japan-image {
  position: relative;
}

.slug-japan .japan-guide .japan-image::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #3f4348;
  left: 5em;
  top: 3em;
  z-index: -1;
}

@media screen and (min-width: 640px) {
  .slug-japan .japan-guide .japan-image::before {
    width: 90%;
    height: 90%;
  }
}

.slug-japan .japan-guide .japan-image:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 90%;
  padding: 10px;
  background-color: #f4f0f4;
  left: 6em;
  top: -2em;
  z-index: -2;
}

@media screen and (min-width: 640px) {
  .slug-japan .japan-guide .japan-image:after {
    width: 90%;
    height: 90%;
  }
}

/*================================================================
news 投稿一覧
================================================================*/
.blog {
  background-color: #eee;
}

.blog .l-contents__inner {
  padding-top: 0;
}

.blog .c-entry__content:nth-child(2) {
  background-color: #fff;
  padding: 100px;
}

@media screen and (max-width: 639px) {
  .blog .c-entry__content:nth-child(2) {
    padding: 0;
  }
}

.blog .alignfull {
  margin-top: 0;
}

.blog .breadcrumb {
  display: none;
}

.blog .c-breadcrumbs {
  margin: 0 !important;
}

@media screen and (max-width: 1024px) {
  .blog .post-nav {
    overflow: scroll;
  }
}

.blog .post-nav ul {
  display: table;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  text-align: center;
  border-collapse: separate;
  border-spacing: 10px;
}

.blog .post-nav ul li {
  display: table-cell;
  width: 200px;
  min-width: 50px;
}

.blog .post-nav ul li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  text-decoration: none;
  color: #aaa;
  white-space: nowrap;
}

@media screen and (max-width: 639px) {
  .blog .post-nav ul li a {
    padding: 0;
  }
}

.blog .post-nav ul li a:hover {
  background-color: #e9e9e9;
  color: #fff;
}

.blog .post-nav ul li.current {
  font-weight: bold;
}

.blog .post-nav ul li.current a {
  border-bottom: 5px solid #00b0f0;
  color: #00b0f0;
}

.blog .news-search .smb-section__body {
  width: 70%;
  margin: 0 auto;
}

.blog .wp-block-search__button-outside {
  margin: 0 200px;
}

@media screen and (max-width: 639px) {
  .blog .wp-block-search__button-outside {
    margin: 0 auto;
  }
}

.blog .c-entries--rich-media {
  padding: 20px;
}

@media (min-width: 64em) {
  .blog .c-entries__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    max-width: 25%;
    width: 265px;
  }
}

.blog .c-entry-summary__title {
  font-size: 15px;
}

.blog .c-entry-summary__meta .c-meta__item--author {
  display: none;
}

.blog .c-meta {
  text-align: left;
}

/*================================================================
about
================================================================*/
.slug-about .wp-block-group {
  margin-top: 0;
}

.slug-about .breadcrumb {
  display: none;
}

.slug-about .wp-image-378 {
  position: relative;
}

.slug-about .wp-image-378::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #3f4348;
  left: 6em;
  top: 4em;
  z-index: -1;
}

@media screen and (min-width: 640px) {
  .slug-about .wp-image-378::before {
    width: 90%;
    height: 90%;
  }
}

.slug-about .wp-image-378:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 106%;
  padding: 10px;
  background-color: #f4f0f4;
  left: 45px;
  top: -41px;
  z-index: -2;
}

@media screen and (min-width: 640px) {
  .slug-about .wp-image-378:after {
    width: 90%;
    height: 90%;
  }
}

.slug-about .company-information .table,
.slug-about .company-information td,
.slug-about .company-information th {
  border: none;
  border-bottom: 1px dashed #707070;
}

.slug-about .frame_set {
  background-color: #fff !important;
}

.slug-about .partners-companies-title .has-text-align-center {
  font: normal normal 900 24px/34px Avenir;
  position: relative;
  padding: 0 55px;
}

@media screen and (max-width: 639px) {
  .slug-about .partners-companies-title .has-text-align-center {
    font-size: 14px;
  }
}

.slug-about .partners-companies-title .has-text-align-center:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 2px;
  background-color: black;
  left: 0%;
  background-color: #b9a1bc;
}

.slug-about .partners-companies-title .has-text-align-center::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30%;
  height: 2px;
  background-color: black;
  right: 0%;
  background-color: #b9a1bc;
}

.slug-about .about-card {
  background-color: #fff;
  padding: 20px;
}

@media (min-width: 64em) {
  .slug-about .blog .p-archive .c-entries--rich-media .c-entries__item,
  .slug-about .blog .p-archive .c-entries--panel .c-entries__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    max-width: 25%;
  }
}

.slug-about .cta {
  margin-top: 0;
}

/*================================================================
service
================================================================*/
.slug-service .wp-block-group {
  margin-top: 0;
}

.slug-service .breadcrumb {
  display: none;
}

.slug-service h2 {
  margin-bottom: 0;
}

/*================================================================
sustainability
================================================================*/
.slug-sustainability .sustainability-top-title {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.slug-sustainability .breadcrumb {
  display: none;
}

.slug-sustainability .smb-step__item {
  position: relative;
}

.slug-sustainability .smb-step__item .sustainability-column {
  position: absolute;
  top: 0;
  right: 0;
  width: 37%;
}

.slug-sustainability .smb-step__item .sme-font-size {
  font-family: "Avenir", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}

.slug-sustainability .sustainability-sub-title .has-text-align-center {
  font: normal normal 900 20px/34px Avenir;
  position: relative;
  padding: 0 55px;
}

@media screen and (max-width: 639px) {
  .slug-sustainability .sustainability-sub-title .has-text-align-center {
    font-size: 14px;
  }
}

.slug-sustainability .sustainability-sub-title .has-text-align-center:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  left: 5%;
  background-color: #b9a1bc;
}

.slug-sustainability .sustainability-sub-title .has-text-align-center::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  right: 5%;
  background-color: #b9a1bc;
}

/*================================================================
real-estate
================================================================*/
.slug-real-estate h2 {
  background-color: transparent !important;
}

.slug-real-estate .l-contents {
  background-image: url(http://tes-site.hakuogu.com/wp-content/uploads/2021/01/12ddb024a3297fec42ec6395ff22a45a.png);
}

.slug-real-estate .breadcrumb {
  display: none;
}

.slug-real-estate .properties1 {
  margin-left: 0;
  border: 1px solid #333;
}

.slug-real-estate .properties1:nth-child(1) {
  padding: 20px;
}

@media screen and (max-width: 639px) {
  .slug-real-estate .properties1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.slug-real-estate .properties2 {
  border: 1px solid #333;
  padding: 0px;
  margin: 0;
}

@media screen and (max-width: 639px) {
  .slug-real-estate .properties2 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.slug-real-estate .properties2 .wp-block-image {
  height: 100%;
}

.slug-real-estate .properties2 img {
  height: 100%;
}

.slug-real-estate .low-column {
  padding: 20px;
  border: 1px solid #333;
}

/*================================================================
people-office
================================================================*/
.slug-people-office .breadcrumb {
  background-color: #b9a1bc;
  color: #fff;
}

.slug-people-office .has-text-align-right {
  background: transparent !important;
}

.slug-people-office .sme-font-size {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

@media screen and (max-width: 1024px) {
  .slug-people-office .sme-font-size {
    font-size: 25px !important;
  }
}

@media screen and (max-width: 639px) {
  .slug-people-office .our-agents-box1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media screen and (max-width: 639px) {
  .slug-people-office .our-agents-box2 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.slug-people-office .namecard {
  padding: 20px;
  border: 1px solid #333;
}

.slug-people-office .has-text-align-left {
  background-color: transparent !important;
}

.slug-people-office .ouragents_image {
  position: relative;
}

.slug-people-office .ouragents_image::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #3f4348;
  left: 1em;
  top: 1em;
  z-index: -1;
}

.slug-people-office .ouragents_image:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 106%;
  padding: 10px;
  background-color: #f4f0f4;
  left: 2em;
  top: -2em;
  z-index: -2;
}

.slug-people-office a {
  text-decoration: none;
}

.slug-people-office .my-navy {
  color: #0079ba;
}

.slug-people-office .my-pink {
  color: #cf2e92;
}

.slug-people-office .my-blue {
  color: #1877f2;
}

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

@media screen and (max-width: 1024px) {
  .consulting {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .consulting .face {
    margin: 0 auto;
  }
}

.consulting .namecard {
  margin-left: 20px;
  /*名刺の区切れ目がわかるような線*/
  border: 1px solid #4a4a4a;
  position: relative;
  /*名刺の大きさ（縦横比さえ合ってれば良いと思います）*/
  width: 50%;
  height: 301px;
  /*名刺の余白*/
  padding: 38px;
  /*装飾*/
  color: #4a4a4a;
}

@media screen and (max-width: 1024px) {
  .consulting .namecard {
    width: 100%;
    margin: 0 auto;
    height: 180px;
    padding: 10px;
  }
}

.consulting .name {
  margin-left: 1em;
}

.consulting .name-1 {
  /*文字の装飾*/
  font-size: 25px;
  position: relative;
  /*微妙にずれてるのを修正*/
  margin-top: -0.5rem;
  margin-left: -0.25rem;
}

@media screen and (max-width: 639px) {
  .consulting .name-1 {
    font-size: 15px;
  }
}

.consulting .name-1::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 49px;
  background-color: #5d4662;
  position: absolute;
  top: 8px;
  left: -15px;
}

.consulting .name-2 {
  /*文字の装飾*/
  font-size: 15px;
  /*微妙にずれてるのを修正*/
  margin-top: -0.5rem;
  margin-left: -0.25rem;
}

.consulting .position {
  /*文字の装飾*/
  font-size: 18px;
  /*微妙にずれてるのを修正*/
  margin-top: 25px;
  margin-left: -0.25rem;
}

.consulting .namecard img {
  width: 4rem;
  position: absolute;
  top: 31px;
  right: 30px;
}

@media screen and (max-width: 639px) {
  .consulting .namecard img {
    width: 3rem;
  }
}

.consulting .information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*余白*/
  margin-top: 3.5rem;
}

@media screen and (max-width: 1024px) {
  .consulting .information {
    margin-top: 0;
  }
}

.consulting .sns-icon {
  /*flexboxにして縦並びにしています*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  /*装飾*/
  font-size: 0.8rem;
}

@media screen and (max-width: 639px) {
  .consulting .sns-icon {
    font-size: .5rem;
  }
  .consulting .sns-icon a {
    height: auto;
  }
}

.consulting .sns-icon span {
  margin-top: 0.25rem;
  margin-left: 20px;
}

.consulting .my-blue {
  color: #0077b5;
}

.consulting .my-pink {
  color: #d93177;
}

.consulting .my-skyblue {
  color: #3b5998;
}

.consulting .contact i {
  /*SNSなどのアイコンの位置調整*/
  width: 1.25rem;
}

.consulting .contact {
  /*flexboxにして縦並びにしています*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*装飾*/
  font-size: 0.8rem;
}

@media screen and (max-width: 639px) {
  .consulting .contact {
    font-size: .5rem;
  }
}

/*================================================================
area gide
================================================================*/
.slug-osaka,
.slug-hyogo,
.slug-nara,
.slug-wakayama,
.slug-kyoto,
.slug-tokyo,
.slug-shiga {
  background-color: #eee;
}

.slug-osaka .living-guide-top .sme-font-size,
.slug-hyogo .living-guide-top .sme-font-size,
.slug-nara .living-guide-top .sme-font-size,
.slug-wakayama .living-guide-top .sme-font-size,
.slug-kyoto .living-guide-top .sme-font-size,
.slug-tokyo .living-guide-top .sme-font-size,
.slug-shiga .living-guide-top .sme-font-size {
  font: normal normal Avenir;
}

.slug-osaka .breadcrumb,
.slug-hyogo .breadcrumb,
.slug-nara .breadcrumb,
.slug-wakayama .breadcrumb,
.slug-kyoto .breadcrumb,
.slug-tokyo .breadcrumb,
.slug-shiga .breadcrumb {
  display: none;
}

.slug-osaka .wp-block-group,
.slug-hyogo .wp-block-group,
.slug-nara .wp-block-group,
.slug-wakayama .wp-block-group,
.slug-kyoto .wp-block-group,
.slug-tokyo .wp-block-group,
.slug-shiga .wp-block-group {
  margin: 0 !important;
}

.slug-osaka .area-navi,
.slug-hyogo .area-navi,
.slug-nara .area-navi,
.slug-wakayama .area-navi,
.slug-kyoto .area-navi,
.slug-tokyo .area-navi,
.slug-shiga .area-navi {
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .slug-osaka .area-nav,
  .slug-hyogo .area-nav,
  .slug-nara .area-nav,
  .slug-wakayama .area-nav,
  .slug-kyoto .area-nav,
  .slug-tokyo .area-nav,
  .slug-shiga .area-nav {
    overflow: scroll;
  }
}

.slug-osaka .area-nav ul,
.slug-hyogo .area-nav ul,
.slug-nara .area-nav ul,
.slug-wakayama .area-nav ul,
.slug-kyoto .area-nav ul,
.slug-tokyo .area-nav ul,
.slug-shiga .area-nav ul {
  display: table;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  text-align: center;
  border-collapse: separate;
  border-spacing: 10px;
}

.slug-osaka .area-nav ul li,
.slug-hyogo .area-nav ul li,
.slug-nara .area-nav ul li,
.slug-wakayama .area-nav ul li,
.slug-kyoto .area-nav ul li,
.slug-tokyo .area-nav ul li,
.slug-shiga .area-nav ul li {
  display: table-cell;
  width: 200px;
  min-width: 50px;
  border: 1px solid #5f4864;
  white-space: nowrap;
  background-color: #fff;
}

.slug-osaka .area-nav ul li a,
.slug-hyogo .area-nav ul li a,
.slug-nara .area-nav ul li a,
.slug-wakayama .area-nav ul li a,
.slug-kyoto .area-nav ul li a,
.slug-tokyo .area-nav ul li a,
.slug-shiga .area-nav ul li a {
  display: block;
  width: 100%;
  min-width: 90px;
  padding: 5px 0;
  text-decoration: none;
  color: #aaa;
}

@media screen and (max-width: 1024px) {
  .slug-osaka .area-nav ul li a,
  .slug-hyogo .area-nav ul li a,
  .slug-nara .area-nav ul li a,
  .slug-wakayama .area-nav ul li a,
  .slug-kyoto .area-nav ul li a,
  .slug-tokyo .area-nav ul li a,
  .slug-shiga .area-nav ul li a {
    padding: 0;
  }
}

.slug-osaka .area-nav ul li a:hover,
.slug-hyogo .area-nav ul li a:hover,
.slug-nara .area-nav ul li a:hover,
.slug-wakayama .area-nav ul li a:hover,
.slug-kyoto .area-nav ul li a:hover,
.slug-tokyo .area-nav ul li a:hover,
.slug-shiga .area-nav ul li a:hover {
  background-color: #5f4864;
  color: #fff;
}

.slug-osaka .area-nav ul li.current,
.slug-hyogo .area-nav ul li.current,
.slug-nara .area-nav ul li.current,
.slug-wakayama .area-nav ul li.current,
.slug-kyoto .area-nav ul li.current,
.slug-tokyo .area-nav ul li.current,
.slug-shiga .area-nav ul li.current {
  font-weight: bold;
}

.slug-osaka .area-nav ul li.current a,
.slug-hyogo .area-nav ul li.current a,
.slug-nara .area-nav ul li.current a,
.slug-wakayama .area-nav ul li.current a,
.slug-kyoto .area-nav ul li.current a,
.slug-tokyo .area-nav ul li.current a,
.slug-shiga .area-nav ul li.current a {
  border-bottom: 5px solid #00b0f0;
  color: #00b0f0;
}

.slug-osaka .l-contents__inner,
.slug-hyogo .l-contents__inner,
.slug-nara .l-contents__inner,
.slug-wakayama .l-contents__inner,
.slug-kyoto .l-contents__inner,
.slug-tokyo .l-contents__inner,
.slug-shiga .l-contents__inner {
  margin: 0 auto;
}

.slug-osaka .c-entry__body .smb-section__body,
.slug-hyogo .c-entry__body .smb-section__body,
.slug-nara .c-entry__body .smb-section__body,
.slug-wakayama .c-entry__body .smb-section__body,
.slug-kyoto .c-entry__body .smb-section__body,
.slug-tokyo .c-entry__body .smb-section__body,
.slug-shiga .c-entry__body .smb-section__body {
  background-color: #fff;
  padding: 140px;
}

@media screen and (max-width: 639px) {
  .slug-osaka .c-entry__body .smb-section__body,
  .slug-hyogo .c-entry__body .smb-section__body,
  .slug-nara .c-entry__body .smb-section__body,
  .slug-wakayama .c-entry__body .smb-section__body,
  .slug-kyoto .c-entry__body .smb-section__body,
  .slug-tokyo .c-entry__body .smb-section__body,
  .slug-shiga .c-entry__body .smb-section__body {
    padding: 0;
  }
}

.slug-osaka .sme-bg-color,
.slug-hyogo .sme-bg-color,
.slug-nara .sme-bg-color,
.slug-wakayama .sme-bg-color,
.slug-kyoto .sme-bg-color,
.slug-tokyo .sme-bg-color,
.slug-shiga .sme-bg-color {
  padding: 0 70px 0;
}

@media screen and (max-width: 639px) {
  .slug-osaka .wp-block-advgb-image,
  .slug-hyogo .wp-block-advgb-image,
  .slug-nara .wp-block-advgb-image,
  .slug-wakayama .wp-block-advgb-image,
  .slug-kyoto .wp-block-advgb-image,
  .slug-tokyo .wp-block-advgb-image,
  .slug-shiga .wp-block-advgb-image {
    width: 100%;
  }
}

.slug-osaka .c-entry-summary__title,
.slug-hyogo .c-entry-summary__title,
.slug-nara .c-entry-summary__title,
.slug-wakayama .c-entry-summary__title,
.slug-kyoto .c-entry-summary__title,
.slug-tokyo .c-entry-summary__title,
.slug-shiga .c-entry-summary__title {
  font-size: 15px;
}

.slug-osaka .c-entry-summary__content,
.slug-hyogo .c-entry-summary__content,
.slug-nara .c-entry-summary__content,
.slug-wakayama .c-entry-summary__content,
.slug-kyoto .c-entry-summary__content,
.slug-tokyo .c-entry-summary__content,
.slug-shiga .c-entry-summary__content {
  display: none;
}

.slug-osaka .c-entry-summary__term,
.slug-hyogo .c-entry-summary__term,
.slug-nara .c-entry-summary__term,
.slug-wakayama .c-entry-summary__term,
.slug-kyoto .c-entry-summary__term,
.slug-tokyo .c-entry-summary__term,
.slug-shiga .c-entry-summary__term {
  display: none;
}

.slug-osaka .c-entry-summary__meta .c-meta__item--author,
.slug-hyogo .c-entry-summary__meta .c-meta__item--author,
.slug-nara .c-entry-summary__meta .c-meta__item--author,
.slug-wakayama .c-entry-summary__meta .c-meta__item--author,
.slug-kyoto .c-entry-summary__meta .c-meta__item--author,
.slug-tokyo .c-entry-summary__meta .c-meta__item--author,
.slug-shiga .c-entry-summary__meta .c-meta__item--author {
  display: none;
}

.slug-osaka .c-meta,
.slug-hyogo .c-meta,
.slug-nara .c-meta,
.slug-wakayama .c-meta,
.slug-kyoto .c-meta,
.slug-tokyo .c-meta,
.slug-shiga .c-meta {
  text-align: left;
}

@media (min-width: 64em) {
  .slug-osaka .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-osaka .smb-recent-posts .c-entries--panel .c-entries__item,
  .slug-hyogo .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-hyogo .smb-recent-posts .c-entries--panel .c-entries__item,
  .slug-nara .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-nara .smb-recent-posts .c-entries--panel .c-entries__item,
  .slug-wakayama .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-wakayama .smb-recent-posts .c-entries--panel .c-entries__item,
  .slug-kyoto .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-kyoto .smb-recent-posts .c-entries--panel .c-entries__item,
  .slug-tokyo .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-tokyo .smb-recent-posts .c-entries--panel .c-entries__item,
  .slug-shiga .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-shiga .smb-recent-posts .c-entries--panel .c-entries__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    max-width: 25%;
    width: 265px;
  }
}

.slug-osaka .c-entry__title,
.slug-hyogo .c-entry__title,
.slug-nara .c-entry__title,
.slug-wakayama .c-entry__title,
.slug-kyoto .c-entry__title,
.slug-tokyo .c-entry__title,
.slug-shiga .c-entry__title,
.slug-consulting-details .c-entry__title {
  display: none;
}

/*================================================================
consulting-details
================================================================*/
.slug-consulting-details {
  /* 任意マーク */
  /* フォーム入力項目 */
  /* 送信ボタン */
  /* 送信ボタンホバー */
}

.slug-consulting-details .wp-block-snow-monkey-blocks-section {
  padding-top: 0;
}

.slug-consulting-details .consulting-top-image,
.slug-consulting-details .breadcrumbs {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.slug-consulting-details .consulting-top-text {
  margin-left: 10px;
}

.slug-consulting-details .consulting-top-image {
  padding: 0;
}

.slug-consulting-details .consulting-top-image .quotation {
  -webkit-filter: invert(11%) sepia(71%) saturate(5170%) hue-rotate(293deg) brightness(87%) contrast(111%);
          filter: invert(11%) sepia(71%) saturate(5170%) hue-rotate(293deg) brightness(87%) contrast(111%);
}

.slug-consulting-details .consulting-top-section {
  padding-bottom: 0;
}

@media (min-width: 64em) {
  .slug-consulting-details .smb-recent-posts .c-entries--rich-media .c-entries__item,
  .slug-consulting-details .smb-recent-posts .c-entries--panel .c-entries__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33%;
            flex: 0 1 33%;
    max-width: 33%;
  }
}

.slug-consulting-details .breadcrumb {
  display: none;
}

.slug-consulting-details form {
  border: 1px solid;
  padding: 22px;
}

.slug-consulting-details .must {
  background: #ff1a00;
}

.slug-consulting-details .free {
  background: #999;
}

.slug-consulting-details .must {
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 10px;
  padding: 5px 10px;
  letter-spacing: 0.2em;
}

.slug-consulting-details .wpcf7 input[type="text"],
.slug-consulting-details .wpcf7 input[type="email"],
.slug-consulting-details .wpcf7 input[type="tel"],
.slug-consulting-details .wpcf7 input[type="select"],
.slug-consulting-details .wpcf7 textarea {
  width: 100%;
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 4px;
  background: #f8f8f8 0% 0% no-repeat padding-box;
}

.slug-consulting-details input.sub-btn {
  width: 300px;
  height: 60px;
  background: #5d4662;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.2em;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slug-consulting-details input.sub-btn:hover {
  background: #fff;
  color: #f90;
}

.slug-consulting-details .center {
  text-align: center;
}

/*================================================================
contact
================================================================*/
.slug-contact {
  /* 任意マーク */
  /* フォーム入力項目 */
  /* 送信ボタン */
  /* 送信ボタンホバー */
}

.slug-contact .breadcrumb {
  display: none;
}

.slug-contact .wp-block-group {
  margin-top: 0;
}

.slug-contact .wp-block-snow-monkey-blocks-section {
  margin-top: 0;
}

.slug-contact .free {
  background: #999;
}

.slug-contact .wpcf7 input[type="text"],
.slug-contact .wpcf7 input[type="email"],
.slug-contact .wpcf7 input[type="tel"],
.slug-contact .wpcf7 input[type="select"],
.slug-contact .wpcf7 textarea {
  width: 100%;
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 9px;
}

.slug-contact input.sub-btn {
  width: 300px;
  height: 60px;
  background: #5d4662;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.2em;
  border-radius: 27px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slug-contact input.sub-btn:hover {
  background: #fff;
  color: #f90;
}

.slug-contact .center {
  text-align: center;
}

/*================================================================
relocation
================================================================*/
.slug-relocation .breadcrumb {
  display: none;
}

.slug-relocation .wp-block-group {
  margin-top: 0;
}

.slug-relocation .smb-step__item__title {
  position: relative;
}

.slug-relocation .sub-title {
  position: absolute;
  top: 63px;
  left: 800px;
}

.slug-relocation .smb-step__body .sme-font-size {
  font-family: "Avenir", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}

.slug-relocation .sustainability-sub-title .has-text-align-center {
  font: normal normal 900 24px/34px Avenir;
  position: relative;
  padding: 0 55px;
}

@media screen and (max-width: 639px) {
  .slug-relocation .sustainability-sub-title .has-text-align-center {
    font-size: 14px;
  }
}

.slug-relocation .sustainability-sub-title .has-text-align-center:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  left: 25%;
  background-color: #b9a1bc;
}

.slug-relocation .sustainability-sub-title .has-text-align-center::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1em;
  height: 2px;
  background-color: black;
  right: 25%;
  background-color: #b9a1bc;
}

/*================================================================
sidebar-widget（投稿ページサイドバーのカード）
================================================================*/
.side-card {
  padding: 20px;
  background: #f8f8f8 0% 0% no-repeat padding-box;
}

.side-card .card__tag {
  width: 235px;
  margin: 30px 0;
  border-bottom: 1px solid;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.side-card .card__tag li {
  list-style: none;
  white-space: nowrap;
  margin-top: 5px;
}

.side-card .card__tag a {
  padding: 3px;
  border: 1px solid;
  margin-right: 10px;
}

.card__footer .address {
  margin-bottom: 20px;
}

.l-sidebar-widget-area a {
  text-decoration: none;
}

.l-sidebar-widget-area .my-navy {
  color: #0079ba;
}

.l-sidebar-widget-area .my-pink {
  color: #cf2e92;
}

.l-sidebar-widget-area .my-blue {
  color: #1877f2;
}

/*================================================================
投稿用テンプレート
================================================================*/
.post-template .l-contents {
  background-color: #eee;
}

.post-template .l-contents__main {
  background-color: #fff;
  padding: 25px;
}

.post-template .l-sidebar-widget-area {
  background-color: #fff;
  padding: 25px;
}

/*================================================================
パンくず
================================================================*/
.breadcrumbs {
  background-color: #b9a1bc;
  margin-top: 0 !important;
  height: 40px;
  color: #fff;
}

.breadcrumbs a {
  text-decoration: none;
  color: #5d4662;
}

.breadcrumbs .post-page {
  color: #fff;
}

/*================================================================
トップへ戻るボタン
================================================================*/
.c-page-top {
  background-color: transparent;
  right: 60px !important;
  bottom: 83px !important;
}

@media screen and (max-width: 639px) {
  .c-page-top {
    right: 33px !important;
    bottom: 54px !important;
  }
}

#page-top a {
  background: url(http://tes-site.hakuogu.com/wp-content/uploads/2021/02/674696499132dac041b42def7c1b4594.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  background-position: center center;
  background-size: cover;
  display: inline-block;
}

#page-top a .svg-inline--fa {
  display: none;
}

@media screen and (max-width: 639px) {
  #page-top a {
    width: 70px;
    height: 70px;
  }
}

/*================================================================
//個別投稿ページの上部コンテンツ
================================================================*/
.single-post .wp-block-group {
  margin-top: 0;
}

.single-post .c-container {
  margin: 0 auto;
  padding: 0;
  max-width: none;
}

.single-post .l-contents__inner {
  margin: 20px;
}

.single-post .breadcrumb {
  display: none;
}

@media screen and (max-width: 1024px) {
  .single-post .post-nav {
    overflow: scroll;
  }
}

.single-post .post-nav ul {
  display: table;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  text-align: center;
  border-collapse: separate;
  border-spacing: 10px;
}

.single-post .post-nav ul li {
  display: table-cell;
  width: 200px;
  min-width: 50px;
}

.single-post .post-nav ul li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  text-decoration: none;
  color: #aaa;
  white-space: nowrap;
}

@media screen and (max-width: 639px) {
  .single-post .post-nav ul li a {
    padding: 0;
  }
}

.single-post .post-nav ul li a:hover {
  background-color: #e9e9e9;
  color: #fff;
}

.single-post .post-nav ul li.current {
  font-weight: bold;
}

.single-post .post-nav ul li.current a {
  border-bottom: 5px solid #00b0f0;
  color: #00b0f0;
}

.single-post .c-entry__meta {
  display: none;
}
/*# sourceMappingURL=style.css.map */