@charset "UTF-8";
/*
 Theme Name: SANGO Child v2
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*--------------------------------------
top-heading
--------------------------------------*/
.entry-content .top-title-container h2 {
  margin: 0;
  font-size: 1em;
  line-height: 1.6;
}

.top-title-h2 {
  color: #333;
  letter-spacing: 0.05em;
}
.top-title-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 20px;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.top-title-icon {
  margin-right: 8px;
  width: 30px;
  height: 30px;
}
.top-title-text {
  margin-right: 16px;
  font-size: clamp(2.4rem, 3vw, 4rem);
  font-weight: 700;
  line-height: 1;
}

/*--------------------------------------
記事見出し-heading
--------------------------------------*/
#entry .entry-content h3 {
  border-color: #aeaeae;
  padding: 4px 0 4px 6px;
  border-left-width: 5px;
}
#entry .entry-content ul {
  background: #f9f9f9;
  border: 0px;
}
#entry .entry-content th,
.entry-content .wp-block-table th {
  border-right: var(--sgb-table-border-width, 1px) solid #e0e0e0;
  border-bottom: var(--sgb-table-border-width, 1px) solid #e0e0e0;
  background: #fffdf7;
}
#entry .entry-content td,
.entry-content .wp-block-table td {
  border-right: var(--sgb-table-border-width, 1px) solid #e0e0e0;
}
#entry .entry-content table {
  border: var(--sgb-table-border-width, 1px) solid #e0e0e0;
}
#entry .entry-content tr:not(:last-child) {
  border-bottom: var(--sgb-table-border-width, 1px) solid #e0e0e0;
}
#entry .entry-content h2 {
  border-bottom: 2px solid #aeaeae;
  padding-bottom: 4px;
}
.top-title-text-ca-tag {
  line-height: 1.5;
}
label.fab-btn.extended-fab.main-c {
  display: none;
}
i.fa.fa-hourglass-half {
  display: none;
}
/*--------------------------------------
header-logo
--------------------------------------*/
@media only screen and (max-width: 768px) {
  #logo img {
    padding: 16px 0 16px 0;
  }
}
@media only screen and (min-width: 769px) {
  #logo img {
    vertical-align: top;
    padding: 12px 6px 12px 0;
  }
}

/*--------------------------------------
btn
--------------------------------------*/
#inner-content .btn {
  transition: background-color 0s;
  padding: 16px;
}
#inner-content .btn,
#inner-footer .btn {
  margin: 0;
  display: block;
  text-align: center;
  margin-right: auto !important;
  margin-left: auto !important;
}

p."center_micro" {
  margin-bottom: 4px;
  text-align: center;
  color: #26A784;
  font-size: 15px;
}
.g-nav-botton p."center_micro" {
  font-size: 12px;
}

body #inner-content .main-bc {
  background-color: #26A784;
}



.main-bc {
background-color: #rgb(38, 167, 132);
    align-items: center;
    border-radius: 40px;
    box-sizing: border-box;
    display: flex
;
    color: #fff;
    cursor: pointer;
    border: 2px solid rgb(38, 167, 132);

    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    justify-content: center;
    line-height: 1;
    max-width: 320px;
    overflow: hidden;
    padding: 19.5px 20px;
    text-align: center;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex!important;
}

.main-bc:hover,
.main-bc:focus {
  background-color: #fff !important;
  box-shadow: unset;
    border: 2px solid rgb(38, 167, 132);
    color:  rgb(38, 167, 132);

}

.center_micro {
  margin-bottom: 0px!important;
  text-align: center;
    color:  rgb(38, 167, 132);

}





/*--------------------------------------
PR sango
--------------------------------------*/
.pr-text {
  margin: 0 0 0 auto;
  display: block;
  background: #bfbfbf;
  padding: 0px 4px 0px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  width: 32px;
  height: 20px;
  text-align: center;
}

.code-block-1 {
  margin-bottom: 4px;
  margin-top: 4px;
  clear: both;
}

@media only screen and (max-width: 768px) {
  .code-block-1 {
    margin-right: 4px;
  }
}

#toc_container,
#ez-toc-container {
  background: unset;
}

/*--------------------------------------
バイラル風アイキャッチ
--------------------------------------*/
.viral {
  position: relative;
  margin: 0;
  background: #000;
  z-index: 0;
}
.v-box {
  text-align: center;
}
.viral img {
  width: 100%;
  display: block;
  opacity: 0.3;
}
.viral h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  color: white;
  font-weight: bold;
  font-size: 1.4em;
  z-index: 1;
}
.viral p {
  position: absolute;
  color: #a9a9a9;
  top: 6%;
  left: 5%;
  margin: 0;
  padding: 0;
  z-index: 1;
}
/*--------------------------------------
この記事を書いた人
--------------------------------------*/

.author_label span {
  background: unset;
}

.author_label span:before {
  border: 0px solid transparent;
}
.author_img img {
  border: solid 1px #dfe2e8;
}
.aut a {
  color: #333;
  font-size: 12px;
}
.pastel-bc,
body #inner-content .pastel-bc {
  background-color: unset;
}

/*--------------------------------------
余白
--------------------------------------*/
@media only screen and (min-width: 769px) {
  .single #content,
  .page #content {
    margin-top: 5em !important;
  }

  .page-template-page-forfront-custum #content {
    margin-top: 0em !important;
  }
}
body.home {
  padding-top: 0px !important;
}
/*--------------------------------------
header-menu
--------------------------------------*/
.header {
  position: relative;
  z-index: 2000;
}

.header {
  color: #000;
  line-height: 1;
}

.header.hide .header_inner {
  top: -114px;
}

.header .u-sp {
  display: block;
}

@media screen and (min-width: 1200px) {
  .header .u-sp {
    display: none !important;
  }
}

.header .u-pc {
  display: none !important;
}

@media screen and (min-width: 1200px) {
  .header .u-pc {
    display: block;
  }
}

.header_inner {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  height: 90px;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 15px;
  position: fixed;
  top: 0;
  transition: 0.28s ease-out;
  width: 100%;
  z-index: 1;
}

@media screen and (min-width: 1200px) {
  .header_inner {
    height: 90px;
    padding: 30px 40px 30px 30px;
  }
}

.header_logo {
  display: block;
  left: calc(50% + 5px);
  max-width: 149px;
  position: absolute;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%);
  width: 100%;
}

.header_logo img {
  box-sizing: border-box;
  display: block;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .header_logo {
    left: 30px;
    max-width: 204px;
    transform: translateY(-50%);
  }
}

.header_nav {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
}

.header_nav .nav_list {
  align-items: flex-end;
  display: none;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: flex-end;
}

@media screen and (min-width: 1200px) {
  .header_nav .nav_list {
    display: flex;
  }
}

.header_nav .nav_list a {
  cursor: pointer;
  display: block;
  transition: 0.15s ease-out;
}

.header_nav .nav_list a:hover {
  opacity: 0.7;
}

.header_nav .nav_list a .nav_label {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.header_nav .nav_list a .nav_label.consumer {
  color: #26a784;
}

.header_nav .nav_list a .nav_label.business {
  color: #ef6e00;
}

.header_nav .nav_list a .nav_text {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 8px;
}

.header_nav .personal_menus {
  align-items: center;
  display: flex;
  height: 56px;
  margin-left: 30px;
  overflow: hidden;
  padding-left: 20px;
  position: relative;
}

.header_nav .personal_menus:before {
  background-color: #969696;
  content: "";
  display: none;
  height: 34px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

@media screen and (min-width: 1200px) {
  .header_nav .personal_menus:before {
    display: block;
  }
}

.header_hamburger_btn {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 10px;
  padding: 10px;
  position: absolute;
  top: calc(50% - 2px);
  transform: translateY(-50%);
}

.header_hamburger_btn:hover {
  cursor: pointer;
}

@media screen and (min-width: 1200px) {
  .header_hamburger_btn {
    display: none;
  }
}

.header_hamburger_btn .inner {
  height: 17px;
  position: relative;
  width: 34px;
}

.header_hamburger_btn .inner .line {
  background-color: #fff;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transition: 0.15s ease-out;
  width: 100%;
}

.header_hamburger_btn .inner .line.line-01 {
  top: 0;
}

.header_hamburger_btn .inner .line.line-02 {
  top: 8px;
}

.header_hamburger_btn .inner .line.line-03 {
  bottom: 0;
}

.header_hamburger_btn .inner.open .line.line-01 {
  top: 50%;
  transform: rotate(35deg);
}

.header_hamburger_btn .inner.open .line.line-02 {
  opacity: 0;
}

.header_hamburger_btn .inner.open .line.line-03 {
  top: 50%;
  transform: rotate(-35deg);
}

.header_hamburger {
  opacity: 0;
  pointer-events: none;
  position: relative;
  transition: 0.1s ease-out;
}

.header_hamburger.open {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.header_hamburger .bg {
  background-color: #1d1d1d;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.header_hamburger .contents {
  height: calc(100vh - 90px);
  margin-top: 90px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 40px;
  position: fixed;
  top: 0;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.header_hamburger .contents::-webkit-scrollbar {
  display: none;
}

.header_hamburger .contents .inner {
  padding: 0 20px;
}

.header_hamburger .contents .inner .case,
.header_hamburger .contents .inner .faq {
  align-items: center;
  background: #3b3b3b;
  border-radius: 16px;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 70px;
  justify-content: center;
  transition: 0.4s ease-out;
  width: 100%;
}

.header_hamburger .contents .inner .case {
  margin-bottom: 16px;
}

.header_hamburger .contents .inner .banner_list {
  margin-top: 16px;
}

.header_hamburger .contents .inner .banner_item {
  border-radius: 16px;
  cursor: pointer;
  display: inline-block;
  height: 190px;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.header_hamburger .contents .inner .banner_item .banner_bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.header_hamburger .contents .inner .banner_item .banner_bg:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.header_hamburger .contents .inner .banner_item .banner_bg > img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.header_hamburger .contents .inner .banner_item .banner_text_area {
  align-items: center;
  display: flex;
  gap: 32px;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 24px;
  position: absolute;
  top: 0;
  width: 100%;
}

.header_hamburger .contents .inner .banner_item .banner_text_area .logo {
  max-width: 62px;
}

.header_hamburger .contents .inner .banner_item .banner_text_area .logo img {
  box-sizing: border-box;
  display: block;
  width: 100%;
}

.header_hamburger
  .contents
  .inner
  .banner_item
  .banner_text_area
  .banner_content {
  width: calc(100% - 94px);
}

.header_hamburger
  .contents
  .inner
  .banner_item
  .banner_text_area
  .banner_title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.header_hamburger
  .contents
  .inner
  .banner_item
  .banner_text_area
  .banner_title.consumer {
  color: #26a784;
}

.header_hamburger
  .contents
  .inner
  .banner_item
  .banner_text_area
  .banner_title.business {
  color: #ef6e00;
}

.header_hamburger .contents .inner .banner_item .banner_text_area .banner_copy {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 12px;
}

/* header-info */
.header-info {
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 1999;
}

@media screen and (max-width: 1199px) {
  .header-info {
    top: 90px;
  }
}

.header-info a {
  border-top: solid 0px rgba(255, 255, 255, 0.3);
  padding: 6px;
  background: linear-gradient(95deg, #26a784, #26a784) !important;
}

/*--------------------------------------
footer
--------------------------------------*/

#footer {
  background: #1d1d1d;
  opacity: 1;
  pointer-events: all;
  position: relative;
  z-index: 500;
}

#footer {
  color: #c1c1c1;
  -webkit-text-size-adjust: 100%;
}

#footer.is-active {
  opacity: 1;
  pointer-events: all;
}

#footer img {
  box-sizing: border-box;
  width: 100%;
}

#footer .footer_container {
  margin: 0 auto;
  padding: 83px 0 24px;
  position: relative;
  width: calc(100% - 40px);
  z-index: 1;
}

@media screen and (min-width: 760px) {
  #footer .footer_container {
    max-width: 1314px;
    padding: 105px 0 24px;
  }
}

#footer .footerFor_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 38px;
}

@media screen and (min-width: 760px) {
  #footer .footerFor_list {
    flex-direction: row;
    gap: 60px;
    justify-content: flex-start;
  }
}

#footer .footerFor_list ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 34px;
  margin-top: 23px;
}

@media screen and (min-width: 760px) {
  #footer .footerFor_list ul {
    flex-direction: row;
    gap: 40px;
    justify-content: flex-start;
  }
}

#footer .footerFor_list ul li a {
  display: block;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: fit-content;
}

@media screen and (min-width: 960px) {
  #footer .footerFor_list ul li a:hover {
    opacity: 0.7;
  }
}

#footer .footerFor_list .footerFor_text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

#footer .footerFor_list .footerFor_detail {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

#footer .footerFor_list .footerFor_name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 8px;
}

#footer .footerFor_list .consumer .footerFor_text {
  color: #26a784;
}

#footer .footerFor_list .business .footerFor_text {
  color: #ef6e00;
}

#footer .footerLink_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 40px;
}

@media screen and (min-width: 760px) {
  #footer .footerLink_list {
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    margin-top: 50px;
  }
}

#footer .footerLink_list li {
  line-height: 1;
}

#footer .footerLink_list li a {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media screen and (min-width: 960px) {
  #footer .footerLink_list li a:hover {
    opacity: 0.7;
  }
}

#footer .footer_privacymark {
  display: block;
  margin-top: 20px;
  max-width: 64px;
  width: 100%;
}

#footer .footer_privacymark img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media screen and (min-width: 760px) {
  #footer .footer_privacymark {
    margin-top: 14px;
  }
}

#footer .footer_logo {
  display: block;
  margin: 17px auto 0;
  max-width: 80px;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}

@media screen and (min-width: 960px) {
  #footer .footer_logo:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 760px) {
  #footer .footer_logo {
    margin: 0;
    position: absolute;
    right: 0;
    top: calc(50% + 29.5px);
    transform: translateY(-50%);
  }
}

#footer .footer_logo img {
  filter: drop-shadow(0 0 17px rgba(0, 0, 0, 0.78));
}

#footer ul.footer_sns {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: center;
  margin-top: 40px;
}

@media screen and (min-width: 760px) {
  #footer ul.footer_sns {
    justify-content: flex-start;
    margin-top: 24px;
  }
}

#footer ul.footer_sns li {
  max-width: 40px;
  width: 33.33%;
}

#footer ul.footer_sns li a {
  display: block;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}

@media screen and (min-width: 960px) {
  #footer ul.footer_sns li a:hover {
    opacity: 0.7;
  }
}

#footer .footer_copy {
  color: #777;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 10px;
  text-align: center;
}

@media screen and (min-width: 760px) {
  #footer .footer_copy {
    margin-top: 16px;
    text-align: left;
  }
}

.toTop {
  background: #2e2e2e;
  cursor: pointer;
  height: 53px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width: 760px) {
  .toTop {
    height: 65px;
  }
}

.toTop .toTop_text {
  align-items: center;
  color: #c1c1c1;
  display: flex;
  font-size: 12px;
  height: 100%;
  margin: 0 auto;
  max-width: 1312px;
  width: calc(100% - 40px);
}

.toTop .toTop_btn {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 53px;
}

@media screen and (min-width: 760px) {
  .toTop .toTop_btn {
    width: 65px;
  }
}

.toTop .toTop_btn:after {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 10px;
  left: calc(50% - 5px);
  position: absolute;
  top: calc(50% + 5px);
  transform: rotate(45deg) translate(-50%, -50%);
  width: 10px;
}

/*--------------------------------------
ナビゲーション
--------------------------------------*/
#g-nav {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s, visibility 0.6s;
}

/*アクティブクラスがついたら表示*/
#g-nav.panelactive {
  opacity: 0.96;
  visibility: visible;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/

.g-nav-botton a {
  background-color: #26A784;
  margin-right: auto;
  margin-left: auto;
  display: block;
  text-align: center;
  max-width: 300px;
  font-size: 14px;
  padding: 16px 20px;
  margin-top: 0px !important;
}

.g-nav-botton {
  margin-top: 48px;
}

.g-nav-text {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 0px;
  margin-top: 10rem;
}

/*リストのレイアウト設定*/
#g-nav li {
  list-style: none;
  text-align: center;
}

#g-nav li a {
  color: #333;
  text-decoration: none;
  padding: 10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
}

/*--------------------------------------
ナビゲーションボタン
--------------------------------------*/
.openbtn {
  position: fixed;
  z-index: 9999;
  top: 8px;
  right: 8px;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
.openbtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .openbtn {
    display: block;
  }
}

/*×に変化*/
.openbtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background-color: #666;
  width: 45%;
}

.openbtn span:nth-of-type(1) {
  top: 15px;
}

.openbtn span:nth-of-type(2) {
  top: 23px;
}

.openbtn span:nth-of-type(3) {
  top: 31px;
}

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

/*--------------------------------------
header
--------------------------------------*/
.header-sub-navi-wrapper {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.header-sub-navi-wrapper li a {
  border: 1px solid #cfcfcf;
  padding: 12px;
  border-radius: 8px;
  color: #333;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  background-color: #fff;
}

.header-sub-navi-wrapper li a:hover {
  border: 1px solid #333;
}

.header-wrapper.wrap {
  display: flex;
  justify-content: space-between;
}

.header-navi-wrapper {
  display: flex;
  align-items: center;
}

#header-navi {
  display: block;
}
@media screen and (max-width: 768px) {
  #header-navi {
    display: none;
  }
}
nav#header-navi {
  padding-top: 62px;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  box-shadow: unset;
}

body {
  padding-top: 62px;
}

.header-sub-navi-wrapper img {
  width: 20px;
  height: auto;
  margin-right: 4px;
}
.header-sub-navi-wrapper p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.header-sp-navi {
  width: 352px;
  margin-right: auto;
  margin-left: auto;
}

#g-nav li a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /* width: 170px; */
}

@media only screen and (max-width: 768px) {
  .header-contact {
    padding: 8px 24px;
    font-size: 16px;
  }
}

/*--------------------------------------
fvの一枚の記事
--------------------------------------*/

.fv-article-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  filter: drop-shadow(0px 22px 80px rgba(0, 0, 0, 0.07))
    drop-shadow(0px 9.19107px 33.4221px rgba(0, 0, 0, 0.0503198))
    drop-shadow(0px 4.91399px 17.869px rgba(0, 0, 0, 0.0417275))
    drop-shadow(0px 2.75474px 10.0172px rgba(0, 0, 0, 0.035))
    drop-shadow(0px 1.46302px 5.32008px rgba(0, 0, 0, 0.0282725))
    drop-shadow(0px 0.608796px 2.21381px rgba(0, 0, 0, 0.0196802));
  background: #fff;
  border-radius: 16px;
}

.fv-article-text,
.fv-article-image {
  flex: 1;
  background: transparent;
}

.fv-article-text {
  padding: 0rem 4rem;
}

.fv-article-image img {
  width: 100%;
  height: auto;
  border-radius: 0px 16px 16px 0px;
  object-fit: cover;
}

.fv-article-text .fv-navi-wrapper {
  list-style-type: none;
}

.fv-navi-wrapper {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.fv-navi-wrapper li a {
  border: 1px solid #cfcfcf;
  padding: 8px 10px;
  border-radius: 6px;
  color: #333;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  background-color: #fff;
  transition: unset;
}
.fv-navi-wrapper img {
  width: 20px;
  height: auto;
  margin-right: 4px;
}
.fv-navi-wrapper p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.fv-navi-wrapper li a:hover {
  border: 1px solid #333;
}

.fv-article-text .fv-title {
  margin: 0;
  margin-bottom: 12px;
}

.fv-navi-wrapper {
  margin-top: 12px;
  margin-bottom: 4px;
}

.fv-article-text a.fv-article-button {
  position: relative;
  max-width: 160px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.1s;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #333;
  padding: 8px 14px;
  margin-top: 16px;
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
  transition: unset;
}
.fv-article-text a.fv-article-button:hover {
  background: #f6f6f6;
}

/*--------------------------------------
カテゴリー
--------------------------------------*/
/* .top-category-ul img {
  width: 32px;
  height: auto;
  margin-right: 8px;
}
.top-category-ul a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 220px;
  color: #333;
  text-decoration: none;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  align-items: center;
  transition: unset;
}
.top-category-ul li {
  list-style: none;
  text-align: center;
  padding: 0px 0;
}

.top-category {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.top-category-ul p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.top-category-ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  padding: 0;
}

.top-category-ul li a:hover {
  border: 1px solid #333;
} */
/*--------------------------------------
目次
--------------------------------------*/
#toc_container .toc_title {
  padding: 0px;
  font-size: 20px;
  color: #333;
}
#toc_container {
    background: #f4f4f4;
  box-shadow: unset;
}

#toc_container .toc_title:before {
  display: none;
}

/*--------------------------------------
サイドバー
--------------------------------------*/

.sidebar .wp-block-search .wp-block-search__button:before {
  color: #333;
}
.sidebar .wp-block-search .wp-block-search__button {
  /* background-color: #fff; */
  background-color: unset;

}

.sidebar .wp-block-search .wp-block-search__button {
  border-bottom: 0px solid #333;
}


.normal-sidebar .widget {
  box-shadow: unset;
  border-radius: unset;
}

.sidebar-main-title {
  font-weight: 700;
}

.sidebar-wrapper {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.sidebar-title-wrapper {
  display: flex;
  align-items: center;
}
.sidebar-title-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px dashed #b9b9b9;
}
.sidebar-title {
  font-size: 14px;
  font-weight: 700;
}
.sidebar-title-wrapper img {
  margin-right: 4px;
}

.sidebar-subtitle-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  margin-top: 8px;
}
.sidebar-subtitle {
  font-size: 14px;
  font-weight: 700;
  margin-right: 12px;
}
.sidebar-subtitle-wrapper img {
  margin-right: 12px;
  margin-left: 8px;
  width: 24px;
}
.sidebar-subtext {
  font-size: 14px;
}
.sidebar-subtext span {
  color: #26A784;
}

a.sidebar-button {
  font-weight: 400;
  font-size: 12px;
  border: 1px solid #333;
  padding: 8px 0px;
  border-radius: 4px;
  color: #333;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 200px;
  margin-top: 16px;
  transition: unset;
}

a.sidebar-button:hover {
  background: #f6f6f6;
}

.sidebar-skill-wrapper .sidebar-skill a {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  transition: unset;
}

.sidebar-skill-wrapper .sidebar-skill a:hover {
  background-color: #fff;
  border: 1px solid #333;
}

.sidebar-skill-wrapper ul {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.sidebar-skill-wrapper li.sidebar-skill {
  width: 48%;
}

.sidebar .widget {
  margin: 0;
}
.sidebar-main-title {
  margin-top: 20px;
  margin-bottom: 12px;
}

.wp-block-search__inside-wrapper {
  margin-bottom: 20px;
}
.sidebar-skill-wrapper {
  margin-bottom: 20px;
}
.widget .wp-block-image img {
  margin-top: 20px;
}

.widget a img:hover {
  filter: brightness(1.05);
}

.skill-img {
  margin-right: 4px;
}
.skill-text {
  color: #333;
}

.line {
  stroke: #333;
  stroke-width: 1;
}

.top-sidebar-icon {
  display: inline-block;
  background-color: #1d1d1d;
  border-radius: 8px;
  padding: 8px; /* 画像が正方形に見えるように適当なパディングを設定 */
}

.top-sidebar-icon img {
  display: block; /* 余計なマージンを削除 */
}

.top-sidebar-icon:hover {
  opacity: 0.7;
}

.sidebar-links {
    display: flex;
    align-items: center;
    gap: 16px;
}

@media (max-width: 768px) {
  .sidebar-links {
    justify-content: center;
  }
}
}

/*--------------------------------------
spride
--------------------------------------*/

.l-inner {
  position: relative;
  box-sizing: content-box;
  max-width: 1200px;
  margin: 0 auto;
}

.l-section {
  border-top: 1px solid #eee;
}

.l-section .l-inner {
  padding-top: 0px;
  padding-bottom: 0px;
}

.c-temp {
  line-height: 1;
}

.c-temp .l-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-temp .text {
  font-size: 2.4rem;
  font-weight: bold;
}

.c-temp .button {
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  width: 12rem;
  padding: 1.6rem 0 1.2rem;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 100px;
  background-color: #fff;
}

.c-footer .l-inner {
  padding-top: 0;
}

.c-footer .text {
  color: #333;
}

.c-info {
  font-size: 1.4rem;
  display: inline-block;
  margin-top: 4rem;
  margin-bottom: 6.4rem;
}

.c-info li {
  position: relative;
  padding-left: 16px;
  color: #fff;
}

.c-info li::before {
  position: absolute;
  top: 0.6em;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 2px;
  content: "";
  background-color: #fff;
}

.c-info li + li {
  margin-top: 0.8rem;
}

.c-title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  display: inline-block;
  min-width: 32rem;
  margin-bottom: 6.4rem;
  vertical-align: top;
  color: #fff;
}

.c-title [class*="ico-"] {
  font-size: 1.3rem;
  line-height: 1;
  display: block;
  width: 10rem;
  margin-bottom: 1.2rem;
  padding: 0.8rem 0 0.6rem;
  text-align: center;
  letter-spacing: 0.05em;
  border-radius: 100px;
}

.c-title .ico-advanced {
  color: #fff;
  background-color: #fff;
}

/* slider */
.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
}

.slide-media img,
.thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.splide {
  z-index: 0;
}

.splide-wrapper {
  position: relative;
}

.splide__arrow > svg {
  display: none;
}

.card04 {
  overflow: hidden;
}

.card04 .splide-a:not(.is-active) .splide__track {
  overflow: visible;
}

.card04 .splide__track {
  overflow: visible;
}

.card04 .splide__arrow--prev,
.card04 .splide__arrow--next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}

.card04 .splide__arrow--prev {
  right: calc(100% - 1.6rem);
}

.card04 .splide__arrow--next {
  left: calc(100% - 1.6rem);
}

.card04 .splide-a:not(.is-active) {
  padding: 0;
}

.card04 .splide-a:not(.is-active) .splide__arrow--prev,
.card04 .splide-a:not(.is-active) .splide__arrow--next {
  display: none;
}

.card04 .splide-a:not(.is-active) .splide__list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.card04 .slide {
  overflow: hidden;
  border-radius: 8px;
  height: 100%;
}

.card04 .slide-media {
  padding-top: 62.5%;
}

.card04 .slide-media img {
  height: calc(100%);
}

.card04 .slide-content {
  background-color: #fff;
  padding: 16px;
  height: 100%;
}

.card04 .slide-date {
  font-size: 1.2rem;
  line-height: 1;
  display: block;
  color: var(--color-theme);
}

.card04 .slide-title {
  line-height: 1.6;
  margin-top: 0;
  margin: 0px;
  padding: 0px;
  border-left-width: 0px;
  border-left-style: none;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
p.slide-text {
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 16px;
}
ul.slide-ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
.slide-ul li {
  font-size: 14px;
  list-style-type: none;
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  font-weight: 700;
  margin-left: 16px;
}

@media only screen and (max-width: 599px) {
  .pc-tab {
    display: none !important;
  }
}

@media only screen and (min-width: 1025px) {
  .tab-sp {
    display: none !important;
  }

  .splide__arrow--prev:hover::before,
  .splide__arrow--next:hover::before {
    transform: scale(1.2);
  }
}

@media only screen and (min-width: 600px) {
  .sp {
    display: none !important;
  }
}

.splide.is-initialized:not(.is-active) .splide__list {
  /* display: block; */
  display: flex;
  flex-direction: row;
}
.card04 .splide-a:not(.is-active) .splide__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.splide__slide {
  color: #333;
}
article.slide {
  border: 1px solid #333;
}

.slide-ul li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../uploads/top/check-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}
button.splide__arrow.splide__arrow--prev {
  display: none;
}
button.splide__arrow.splide__arrow--next {
  display: none;
}

.image-overlay {
  display: flex;
  align-items: center;
}

.image-overlay img {
  display: block;
  width: auto;
  height: 50px !important;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  padding: 12px;
  border-bottom: 1px solid #333;
}

.overlay-number {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  background-color: #e5e5e5;
  height: 50px;
  width: 50px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 91.5px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
}

/*--------------------------------------
fv-image
--------------------------------------*/

.fv-article-image {
  height: 40vh;
  max-height: 500px;
  min-height: 200px;
  display: flex;
  align-items: stretch;
}

.fv-article-image img {
  height: 40vh;
  max-height: 500px;
  min-height: 200px;
  object-fit: cover;
}

.top-title-wrapper {
  display: flex;
}

/*--------------------------------------
記事下CTA
--------------------------------------*/
.contents-last-cta-wrapper {
  /* border: 1px solid #26A784;
  background: #f9fdff; */
  /* border-radius: 4px; */
  /* padding: 12px;
  display: flex;
  justify-content: center;
  margin-right: auto;
  margin-left: auto; */
}

#entry .contents-last-cta-wrapper .contents-last-cta ul {
  background: unset;
  border: 0px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
#entry .contents-last-cta ul {
  list-style-type: none;
}

#entry .contents-last-cta ul li {
  display: flex;
  align-items: center;
}

/*--------------------------------------
パンクズ
--------------------------------------*/
#entry .entry-content #breadcrumb ul {
  background: unset;
  padding: 0px;
}
#breadcrumb a {
  color: #333;
}

/*--------------------------------------
既存のsango装飾変更
--------------------------------------*/
.prnx_tb {
  box-shadow: unset;
}
/*--------------------------------------
tablet sp
--------------------------------------*/
@media only screen and (max-width: 768px) {
  .fv-article-container {
    flex-direction: column-reverse;
    margin-top: 74px;
  }
  .fv-article-image img {
    border-radius: 8px 8px 0px 0px;
    /* width: 100%; */
    height: 200px;
    object-fit: cover;
  }

  .fv-article-image {
    height: 300px;
    object-fit: cover;
    width: 100%;
  }

  .fv-article-container {
    height: auto;
  }

  .fv-article-container {
    filter: unset;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
  }
  #content.page-forfront {
    padding: 0px;
  }
  .fv-article-text {
    padding: 0rem 1rem;
  }
  .fv-navi-wrapper li a {
    border-radius: 4px;
    font-size: 10px;
    padding: 4px 6px;
  }

  .fv-article-text .fv-title {
    font-size: 18px;
    margin-bottom: 8px;
  }

  p.fv-text {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .fv-article-text a.fv-article-button {
    position: relative;
    max-width: 160px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #333;
    padding: 8px 14px;
    margin-top: 4px;
    margin-bottom: 16px;
    margin-right: auto;
    margin-left: auto;
  }

  .fv-navi-wrapper {
    margin-top: 4px;
    margin-bottom: 0px;
  }

  .gb-full-bg {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .top-category-ul {
    justify-content: center;
  }

  .top-title-wrapper {
    display: flex;
  }
  .top-title-icon {
    margin-right: 4px;
    width: 20px;
  }

  .entry-content .top-title-container h2.top-title-h2 {
    font-size: 14px;
  }
  .top-title-text {
    font-size: 24px;
    margin-right: 0px;
    line-height: 1.5;
  }

  .top-title-container {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .sp-none {
    height: 0px !important;
  }

  .footer-logo img {
    width: 100px;
  }

  .footer-company-name {
    font-size: 15px !important;
  }

  .footer-address {
    font-size: 12px !important;
  }

  #breadcrumb {
    margin-top: 62px;
  }

  .code-block-3 nav#breadcrumb {
    display: block !important;
  }

  .viral h1 {
    font-size: 1.2em;
  }
  #content {
    margin-top: 74px;
  }
  .viral {
    margin-top: 62px;
  }

  .widget_media_image {
    display: none;
  }
}

/*--------------------------------------
sp
--------------------------------------*/
@media only screen and (max-width: 400px) {
  .viral h1 {
    font-size: 1em;
    width: 300px;
  }
}

@media only screen and (max-width: 370px) {
  .header-contact {
    display: none;
  }
}

/*--------------------------------------
ここから
--------------------------------------*/
.top-content-custum .wrap {
  margin: 0px;
}

@media only screen and (min-width: 769px) {
  .top-content-custum .wrap {
    margin: 0px;
  }

  #content.top-content-custum {
    padding: 0px !important;
  }
}

@media only screen and (min-width: 1030px) {
  .top-content-custum #inner-content {
    width: 100% !important;
  }
  #content.top-content-custum .entry-content {
    max-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}

button.splide__toggle {
  text-align: center;
  margin-left: auto;
}

/* kokusai */
.contact-sticky-banner p {
  font-size: 17px;
}

.contact-container-kokusai img {
  max-width: 80%;
}

.contact-howto-title {
  max-width: 800px;
}

html .page-forfront .top-pc-margin {
  width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* header-navi */

#header_navi {
  border-bottom: 0.5px solid;
  border-top: 0.5px solid;
  background: #fff;
  box-sizing: border-box;
}
.header_navi_wrapper {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  max-width: 700px;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 2%;
  box-sizing: border-box !important;
}

.header-wrapper.wrap {
  flex-direction: column;
}

.header-wrap {
  display: flex;
  justify-content: space-between;
}

@media only screen and (min-width: 1240px) {
  .header-wrapper {
    width: unset;
  }
}

@media only screen and (min-width: 1240px) {
  .header-wrap {
    width: var(--wp--custom--wrap--width);
  }
}

.header-contact {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.header-contact .arrow-icon {
  width: 16px;
  height: auto;
  margin-left: 8px;
}

.header-wrap {
  margin-right: auto;
  margin-left: auto;
}

.header-contact-wrapper {
  display: flex;
  align-items: center;
}

.header-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.header-contact:first-child {
  background-color: #26A784;
  margin-right: 10px;
}

.header-contact:first-child:hover {
  background-color: #1d3f7a;
}

.header-contact:nth-child(2) {
  background-color: #a29a84;
}

.header-contact:nth-child(2):hover {
  background-color: #8c7f6e;
}
.jp-text {
  color: #5b574a;
  font-size: 16px;
  display: block;
}

.en-text {
  color: #c2bdbb;
  font-size: 12px;
  display: block;
  margin-top: -4px;
}

.nav-link:hover {
  opacity: 0.7;
}

@media only screen and (min-width: 769px) {
  .single #content,
  .page #content {
    margin-top: 5em;
  }
}

body.home {
  padding-top: 48px;
}

.fixed-sidebar .widget {
  border-radius: 0px;
}

@media only screen and (min-width: 769px) {
  .top-left-article {
    width: calc(100% - var(--wp--custom--wrap--side));
    padding-right: var(--wp--custom--wrap--gap);
  }
}

.top-fv .sgb-full-bg__cover {
  opacity: 0.2;
}
/* top-fv-heading */

.top-fv-heading {
  font-size: 40px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-top: 40px;
  margin-bottom: 40px;
}
/* top-heading */
.top-heading-en {
  font-size: 40px;
  text-align: center;
  font-weight: 700;
  color: #3b3a38;
  letter-spacing: 0.05em;
}

.top-heading-ja {
  font-size: 24px;

  text-align: center;
  font-weight: 700;
  color: #3b3a38;
  letter-spacing: 0.1em;
}

.top-movie .top-heading-en {
  color: #fff;
}

.top-movie .top-heading-ja {
  color: #fff;
}

/* ranking*/
.top-ranking .c_linkto_wrap {
  position: relative;
}

/* 1位のスタイル */
.top-ranking .c_linkto_wrap:nth-child(1)::before {
  content: "";
  position: absolute;
  /* top: 8px;
  left: 8px; */
  width: 60px;
  height: 60px;
  background-image: url("./img/ranking1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

/* 2位のスタイル */
.top-ranking .c_linkto_wrap:nth-child(2)::before {
  content: "";
  position: absolute;
  /* top: 8px;
  left: 8px; */
  width: 60px;
  height: 60px;
  background-image: url("./img/ranking2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

/* 3位のスタイル */
.top-ranking .c_linkto_wrap:nth-child(3)::before {
  content: "";
  position: absolute;
  /* top: 8px;
  left: 8px; */
  width: 60px;
  height: 60px;
  background-image: url("./img/ranking3.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

/* rankingpage  */
/* 共通スタイル */
.ranking-page .c_linkto_wrap::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

/* 各ランキングのスタイル */
.ranking-page .c_linkto_wrap:nth-child(1)::before {
  background-image: url("./img/ranking1.svg");
}
.ranking-page .c_linkto_wrap:nth-child(2)::before {
  background-image: url("./img/ranking2.svg");
}
.ranking-page .c_linkto_wrap:nth-child(3)::before {
  background-image: url("./img/ranking3.svg");
}
.ranking-page .c_linkto_wrap:nth-child(4)::before {
  background-image: url("./img/ranking4.svg");
}
.ranking-page .c_linkto_wrap:nth-child(5)::before {
  background-image: url("./img/ranking5.svg");
}
.ranking-page .c_linkto_wrap:nth-child(6)::before {
  background-image: url("./img/ranking6.svg");
}
.ranking-page .c_linkto_wrap:nth-child(7)::before {
  background-image: url("./img/ranking7.svg");
}
.ranking-page .c_linkto_wrap:nth-child(8)::before {
  background-image: url("./img/ranking8.svg");
}
.ranking-page .c_linkto_wrap:nth-child(9)::before {
  background-image: url("./img/ranking9.svg");
}
.ranking-page .c_linkto_wrap:nth-child(10)::before {
  background-image: url("./img/ranking10.svg");
}
.ranking-page .c_linkto_wrap:nth-child(11)::before {
  background-image: url("./img/ranking11.svg");
}
.ranking-page .c_linkto_wrap:nth-child(12)::before {
  background-image: url("./img/ranking12.svg");
}


/* top-fv-btn */
.top-fv-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
}

.top-fv-btn {
  display: flex;
  justify-content: center;
  position: relative;
}

/* btn-周りの線 */
.top-fv-btn.surrounding-line::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 1px solid #a39a84;
  pointer-events: none;
  border-radius: 4px;
}

.top-fv-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 320px;
  height: 60px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.1s;
  background-color: #a39a84;
  border-radius: 4px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #a39a84;
}

.top-fv-btn a:hover {
  background-color: #8c7f6e;
}

.top-fv-btn a .arrow-icon {
  width: 16px;
  height: auto;
  margin-left: 8px;
}

/* もっと見るボタン */
.more-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 60px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #a39a84;
  color: #a39a84;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.1s;
}

.more-link:hover {
  background-color: #f6f6f6;
}

.more-link:after {
  content: "";
  display: block;
  width: 26px;
  height: 16px;
  background-image: url(/wp-content/uploads/top/arrow-button.svg);
  background-size: cover;
  margin-left: 10px;
}

.sidebar-main-title {
  /* border-bottom: 1px solid #333; */
  font-size: 20px;
}

/* トップ検索バー */
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border: 0px solid #949494;
  padding: 0px;
  border-bottom: solid 0px #efefef;
  background: #fff;
  outline: none;
  box-shadow: var(--wp--custom--shadow--medium);
}

button.wp-block-search__button.has-icon.wp-element-button::after {
  content: "\f002";
  font-size: 20px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}

.wp-block-search__button svg {
  display: none;
}

.wp-block-search .wp-block-search__input {
  background: #fff;
  border: 0px solid #7e8993;
  border-radius: 0px;
  flex-grow: 1;
  margin-bottom: 0;
  padding: 12px;
  width: auto;
}

:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: #fff;
  border-width: 0;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
}

.wp-block-search__button {
  background: #fff;
  border: 0px solid #ccc;
  border-radius: 2px;
  box-shadow: unset;
  padding: 6px 10px;
}

.wp-block-search__button::before {
  content: "\f002";
  font-size: 20px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}

.wp-block-search .wp-block-search__button:before {
  color: #333;
}

/*--------------------------------------
top-btn
--------------------------------------*/

.top-btn a {
  align-items: center;
  background-color: #fff;
  border: 2px solid rgb(38, 167, 132);
  align-items: center;
  border-radius: 40px;
  box-sizing: border-box;
  display: flex;
  color: rgb(38, 167, 132);
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  line-height: 1;
  margin: 32px auto 40px;
  max-width: 320px;
  overflow: hidden;
  padding: 19.5px 20px;
  text-align: center;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}

.top-btn a:hover {
  align-items: center;
  background-color: rgb(38, 167, 132);
  color: #fff;
}

.top-btn-ranking a {
  margin: 32px auto 0px;
}

/* sidebar  */
.top-right-sidebar a:hover {
  opacity: 0.7;
}

/* footer */
.inr a {
  color: #2e2e2e;
  text-decoration: none;
}

footer .f_nav li:before {
  content: "";
}

#footer a {
  color: #fff;
}

/* movie */
.entry-content .wp-block-embed {
  margin: 1.5em 0;
  overflow: hidden;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.top-movie-container {
  max-width: 960px;
  margin: 0 auto;
}

.top-movie-wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 0px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  justify-content: space-around;
}

.top-movie-arrow {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.top-movie-arrow-img img {
  width: 160px;
  margin-right: 8px;
}

.top-movie-arrow-text {
  font-size: 18px;
}

.top-ranking .catpost-cards {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.top-movie-wrapper .top-title-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  max-width: 400px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

.top-movie-wrapper .top-title-container .top-heading-en {
  color: #fff;
  margin-bottom: 16px;
}
.top-movie-wrapper .top-title-container .top-heading-ja {
  color: #fff;
  margin-bottom: 24px;
}

/* professional */

.top-professional-background {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #f6f2ec;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.top-professional-container {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 3%);
  display: flex;
  margin: 64px;
  gap: 28px;
  padding: 32px;
}
.top-professional-column {
  width: 50%;
}
.top-professional-small-text {
  font-size: 0.6em;
  font-weight: 400;
}
.top-professional-title {
  font-size: 1.6em;
  margin-bottom: 10px;

  font-weight: 700;
  color: #3b3a38;
}

.top-consultation-background {
  width: 80%;
  height: auto;
  background: url(http://localhost:10300/wp-content/uploads/2025/01/bg_lowinfo-1.jpg)
    no-repeat;
  background-size: cover;
  background-position: center top;
  margin-right: auto;
  margin-left: auto;
  padding: 80px;
}

.top-consultation-container {
  width: 50%;
}

.top-consultation-background .top-title-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;

  flex-direction: column;
  max-width: 100%;
}

.top-consultation-background .top-fv-btn-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
}

.article-professional-bgcontainer {
  background: #fff;
  padding: 24px;
}

.article-professional-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.article-professional-column {
  flex: 1;
  /* margin: 20px; */
}

.article-professional-column img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 16px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
}

.article-professional-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.article-professional-small-text {
  font-size: 16px;
  color: #666;
  font-weight: 400;
}

#fixed_sidebar {
  top: 140px !important;
}

.article-professional-list {
  list-style: none !important;
  line-height: 1.2;
  font-size: 14px;
  padding: 12px;
}

.article-professional-book {
  max-width: 240px;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
}

.article-professional-column:first-child {
  flex: 1.5;
}

.article-professional-column:last-child {
  flex: 2;
}

.article-professional-container {
  gap: 24px;
}

.entry-content .article-professional-bgcontainer p {
  margin: 0px;
}

.article-professional-list {
  background-color: #fffdf7 !important;
}

.article-professional-list li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("http://localhost:10300/wp-content/uploads/2025/01/check_box.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(15%);
  margin-right: 4px;
}

.article-professional-book-text {
  margin-bottom: 4px;
}

#entry .entry-content ul {
      background: #f4f4f4;
}

.entry-content blockquote {
  border: solid 2px var(--sgb-list-border-color, #e8e8e8);
}

.contents-last-cta li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("./img/check_circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(8%);
  margin-right: 4px;
}

/* splide */

.container .splide .splide__slide .post-card {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.container .splide .thumbnail-link {
  display: block;
}

.container .splide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.container .splide .post-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1.6rem 2rem;
  border-radius: 4px;
  color: #000;
  text-decoration: none;
}

.container .splide .content-date {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

.container .splide .content-title {
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  line-height: 1.4;
  /* background: #fff; */
  color: #fff;
  padding: 12px;
  /* border-radius: 2px; */
  text-align: left;
  box-decoration-break: clone;
}

#content {
  margin-top: 4em;
}

.top-consultation .sgb-full-bg__cover {
  opacity: 0.2;
}
.top-ranking .sgb-full-bg__cover {
  opacity: 0.2;
}

.splide__slide .post-card {
  transition: opacity 0.3s ease-out;
  box-shadow: 4px 6px 16px rgba(0, 0, 0, 25%);
}

.post-card-overlay {
  background-color: rgba(255, 255, 255, 0); /* 初期状態では完全透明な白 */
}

.post-card:hover .post-card-overlay {
  background-color: rgba(
    255,
    255,
    255,
    0.2
  ); /* ホバー時に薄い白色のオーバーレイ */
}

@media (max-width: 768px) {
  .post-card:hover .post-card-overlay {
    background-color: rgba(255, 255, 255, 0);
  }
}



div#splide01-track {
  overflow: hidden;
  /* padding: 24px; */
}

.top-professional-list li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(http://localhost:10300/wp-content/uploads/2025/01/check_box.svg);
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(15%);
  margin-right: 4px;
}

.top-professional-list {
  list-style: none !important;
  line-height: 1.2;
  font-size: 16px;
  padding: 12px;
  background: #fffdf7;
  font-weight: 700;
  color: #3b3a38;
}

.top-professional-list02 {
  line-height: 1.5;
  font-size: 16px;
  padding: 18px;
  padding-top: 0px;
  color: #3b3a38;
}

/* モーダルの基本スタイル */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

/* モーダルコンテンツ */
.modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* 閉じるボタンのスタイル */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal {
  display: none;
  position: fixed;
  z-index: 2147483647;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
}

/* モーダルコンテンツ */
.modal-content {
  position: relative;
  max-width: 800px;
}

iframe {
  width: 100%;
  height: 100%;
}

.modal {
  display: none;
  position: fixed;
  z-index: 2147483647;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
}

.modal-content {
  position: relative;
  max-width: 800px;
  margin: auto;
  background: white;
  padding: 20px;
  border-radius: 8px;
}

.iframe-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.modal-content {
  position: fixed; /* 位置を固定 */
  left: 50%; /* 左から50%の位置 */
  top: 50%; /* 上から50%の位置 */
  transform: translate(-50%, -50%); /* 位置を正確に中央に調整 */
  max-width: 800px; /* 最大幅 */
  border: 0px solid;
  box-shadow: unset;
  background: unset;
}

.close {
  color: #fff;
  font-size: 32px;
}

.ytp-autohide {
  cursor: pointer !important;
}

/* header */
@media only screen and (min-width: 1000px) {
  .header-wrap {
    width: var(--wp--custom--wrap--width);
  }

  .inner-header .wrap {
    width: unset;
  }
}

.top-ranking {
  padding-right: var(--wp--custom--wrap--mobile--padding);
  padding-left: var(--wp--custom--wrap--mobile--padding);
}

@media only screen and (max-width: 1200px) {
  .top-consultation-background {
    width: 100%;
  }
}

.sgb-full-bg__content {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.top-category-lists .sgb-full-bg__content {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.cat-name {
  color: #333;
}

.top-movie-arrow img:hover {
  filter: brightness(1.05);
}

.sp {
  display: none;
}
.pc {
  display: block;
}

@media only screen and (max-width: 1000px) {
  footer .inr {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  footer .f_btn {
    flex-direction: column;
    align-content: center;
    align-items: center;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .header-wrap {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .header-contact-wrapper {
    display: none;
  }
  .header-wrap {
    margin-right: auto;
    margin-left: 0;
  }

  #header_navi {
    display: none;
  }

  .top-fv-heading {
            font-size: 6vw;
  }

  .top-movie-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .top-professional-container {
    flex-direction: column;
    align-items: center;
  }

  .top-professional-column {
    width: 100%;
  }

  .top-professional-container {
    margin: 0px;
    gap: 12px;
    padding: 0px;
  }

  .catpost-cards--column-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .top-professional-background {
    width: 60%;
  }

  .top-consultation-background {
    background: none;
  }
  .top-consultation-background {
    padding: 0px;
  }
  .top-consultation-container {
    width: 100%;
    text-align: center;
  }
  .top-consultation-background .top-fv-btn-container {
    justify-content: center;
  }

  .top-ranking {
    padding-right: 0px;
    padding-left: 0px;
  }
  .top-ranking .sgb-full-bg__content {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .top-ranking .top-title-container {
    padding-right: 16px;
    padding-left: 16px;
  }
  .top-ranking .catpost-cards {
    padding-right: 16px;
    padding-left: 16px;
  }
  .top-movie-wrapper .top-title-container {
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

  footer {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 32px;
  }

  footer .f_btn {
    gap: 12px;
  }

  footer .f_seo {
    padding: 0px;
  }

  footer p.f_copy {
    margin-bottom: 100px;
  }
  footer .f_tt {
    width: 100%;
  }
  .viral {
    margin-top: 0px;
  }
  .article-professional-wrapper {
    padding: 0px;
  }

  .article-professional-container {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }

  .article-professional-bgcontainer {
    padding: 0px;
  }
  .article-professional-column {
    width: 100%;
  }

  .contents-last-cta-wrapper {
    border: 0px;
    padding: 0px;
  }

  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

footer .inr .f_left,
footer .inr .f_right {
  max-width: 100%;
}

@media only screen and (max-width: 700px) {
  .top-professional-background {
    width: 100%;
  }
}

.article-professional-wrapper {
  position: relative;
  padding: 24px;
}

.article-professional-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(http://localhost:10300/wp-content/uploads/2025/01/top-fv-bg.jpg);
  opacity: 0.08;
}

.top-category a {
  color: #626262;
  padding: 7px;
  text-decoration: none;
  font-weight: 700;
  list-style: none;
  margin: 0;
  display: block;
  width: 100%;
}

.top-category a:hover {
  background: #efefef;
}

.entry-content ul.top-category {
  list-style-type: none;
}

/*--------------------------------------
footer-link-meishi
--------------------------------------*/

.meishi .meishi_links {
  background: #3e3f40;
  color: #fff;
}

.meishi .meishi_links .meishi_links-inner {
  margin: 0 auto;
  padding: 40px 0;
  width: calc(100% - 40px);
}

.meishi .meishi_links .meishi_links-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 auto;
}

@media screen and (min-width: 960px) {
  .meishi .meishi_links .meishi_links-flex {
    flex-direction: row;
    justify-content: center;
    max-width: 1286px;
  }
}

.meishi .meishi_links .meishi_link {
  border-radius: 16px;
  color: #fff;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 960px) {
  .meishi .meishi_links .meishi_link {
    padding-top: 32.66%;
    width: calc(50% - 23px);
  }
}

.meishi .meishi_links .meishi_link.-green .meishi_link-title {
  color: #26a784;
}

.meishi .meishi_links .meishi_link.-green .meishi_link-bg {
  background: url(https://www.meet-meet.com//_nuxt/assets/img/solution/meishi/link-02.webp);
  background-size: cover;
}

@media screen and (min-width: 960px) {
  .meishi .meishi_links .meishi_link.-green .meishi_link-bg {
    background: url(https://www.meet-meet.com/_nuxt/assets/img/solution/meishi/link-02_pc.webp);
    background-size: cover;
  }
}

.meishi
  .meishi_links
  .meishi_link.-green
  .meishi_link-content
  .meishi_link-btn {
  background: #26a784;
}

@media screen and (min-width: 960px) {
  .meishi .meishi_links .meishi_link:hover .meishi_link-bg {
    transform: scale(1.08);
  }

  .meishi
    .meishi_links
    .meishi_link:hover
    .meishi_link-content
    .meishi_link-btn {
    background: #fff;
    color: #ef6e00;
  }

  .meishi
    .meishi_links
    .meishi_link:hover.-green
    .meishi_link-content
    .meishi_link-btn,
  .meishi .meishi_links .meishi_link:hover.-green .meishi_link-title {
    color: #26a784;
  }
}

.meishi .meishi_links .meishi_link-bg {
  background: url(https://www.meet-meet.com/_nuxt/assets/img/solution/meishi/link-01.webp);
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
}

@media screen and (min-width: 960px) {
  .meishi .meishi_links .meishi_link-bg {
    background: url(https://www.meet-meet.com/_nuxt/assets/img/solution/meishi/link-01_pc.webp);
    background-size: cover;
  }
}

@media screen and (min-width: 960px) {
  .meishi .-sp {
    display: none;
  }
}

.meishi .meishi_links .meishi_link-bg:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.meishi .meishi_links .meishi_link-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  left: 50%;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.meishi .meishi_links .meishi_link-title {
  color: #ef6e00;
  display: block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  .meishi .meishi_links .meishi_link-title {
    font-size: 20px;
  }
}

.meishi .meishi_links .meishi_link-text {
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: 16px;
  text-align: center;
}

@media screen and (min-width: 1450px) {
  .meishi .meishi_links .meishi_link-text {
    font-size: 28px;
  }
}

.meishi .meishi_links .meishi_link-btn {
  align-items: center;
  background: #ef6e00;
  border-radius: 30px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  letter-spacing: 0;
  margin: 24px auto 0;
  text-align: center;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 135px;
}

@media screen and (min-width: 1450px) {
  .meishi .meishi_links .meishi_link-btn {
    font-size: 16px;
    height: 60px;
    margin-top: 40px;
    width: 350px;
  }
}

.meishi_button--comparison,
.meishi_button--main,
.meishi_button--step,
.meishi_button {
  align-items: center;
  background: #ef6e00;
  border: 1px solid #ef6e00;
  border-radius: 40px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  max-width: 100%;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 320px;
}

@media screen and (min-width: 960px) {
  .meishi_button--comparison:hover,
  .meishi_button--main:hover,
  .meishi_button--step:hover,
  .meishi_button:hover {
    background: 0 0;
    border: 1px solid #ef6e00;
    color: #ef6e00;
  }
}

.meishi_button--main {
  height: 50px;
  margin: 16px 0 0;
  width: 160px;
}

@media screen and (min-width: 960px) {
  .meishi_button--main {
    height: 60px;
    margin: 32px 0 0;
    width: 200px;
  }
}

.meishi_button--comparison {
  margin-top: 40px;
}

@media screen and (min-width: 960px) {
  .meishi_button--comparison {
    margin-top: 64px;
  }
}

.meishi_button--step {
  margin-top: 40px;
}

@media screen and (min-width: 960px) {
  .meishi_button--step {
    margin-top: 64px;
  }
}

/*--------------------------------------
余白
--------------------------------------*/

#content {
  margin-top: 5em;
}

/* splide  */
.post-card {
  position: relative;
}

.thumbnail-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.7) 0%,
    /* 下部：黒色70%の不透明度 */ rgba(0, 0, 0, 0.4) 50%,
    /* 中間：黒色40%の不透明度 */ rgba(0, 0, 0, 0) 100% /* 上部：完全な透明 */
  );
  pointer-events: none; /* 画像のクリックを妨げないように */
  z-index: 1; /* オーバーレイを画像の上に配置 */
}

.post-card-overlay {
  z-index: 2; /* テキストをグラデーションの上に配置 */
  position: relative;
}

.content-title {
  position: relative;
  z-index: 2;
}

/* カテゴリーリスト */

.top-category-lists ul {
  display: flex;
  flex-direction: row;
}
.top-category-lists .sgb-full-bg__cover.alignfull {
  background-color: rgba(0, 0, 0, 0.4) !important;
margin-left: 0px;
}

.top-category-lists ul::before {
  content: "カテゴリー　 |　";
  padding: 13px 0px 13px 0px;
  text-decoration: none;
  font-weight: 700;
  list-style: none;
  margin: 0;
  display: block;
  color: #fff;
}





@media screen and (max-width: 1200px) {
  
.top-category-lists ul::before {
  padding: 13px 8px 13px 16px;
  }
}


ul.top-category {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.top-category-lists .top-category a {
  color: #fff;
  padding: 8px;
  text-decoration: none;
  font-weight: 400;
  list-style: none;
  margin: 0;
  display: block;
  width: 100%;
}

/* splide  */

.splide__pagination {
  bottom: -1.5em !important; /* ページネーションの位置調整 */
}

.splide__pagination__page {
  background: #ccc !important; /* 非アクティブなページネーションの色 */
  width: 10px !important; /* サイズ調整 */
  height: 10px !important;
  margin: 0 5px !important; /* 間隔調整 */
  transition: all 0.3s ease;
}

.splide__pagination__page.is-active {
  background: #26a784 !important; /* アクティブなページネーションの色 */
  transform: scale(1.2) !important; /* アクティブ時に少し大きく */
}

/* スライダー要素のスタイル */
.splide__slider {
  position: relative;
}

/* 丸い矢印のスタイル */
.splide__arrows--round .splide__arrow {
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  opacity: 0.8;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.splide__arrows--round .splide__arrow:hover {
  opacity: 1;
  background: #f8f8f8;
}

.splide__arrows--round .splide__arrow svg {
  fill: #333;
  width: 20px;
  height: 20px;
}

/* 矢印の位置調整 */
/* .splide__arrows--round .splide__arrow--prev {
  left: -20px;
}

.splide__arrows--round .splide__arrow--next {
  right: -20px;
} */

/* モバイル対応 */
@media (max-width: 768px) {
  .splide__arrows--round .splide__arrow {
    width: 30px;
    height: 30px;
  }

  .splide__arrows--round .splide__arrow svg {
    width: 15px;
    height: 15px;
  }
}

/* アクセシビリティ修正 - 非表示スライドでもフォーカス可能に */
.splide__slide:not(.is-active) a {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* 非アクティブスライドのリンクがフォーカスされたときの表示を改善 */
.splide__slide:not(.is-active) a:focus {
  outline: 2px solid #26a784;
  outline-offset: 2px;
}

/* hover時の影の調整 */

.catpost-cards--flat .c_linkto_img_wrap {
  box-shadow: none !important;
}
.catpost-cards--flat .c_linkto:hover .c_linkto_img_wrap {
  box-shadow: none !important;
}
/* リンク全体にホバーした際に画像が拡大する */
.c_linkto:hover .c_linkto_img_wrap img {
  transform: scale(1.05);
  transition: transform 0.3s ease-out;
}

.wp-block-search__input {
  box-shadow: none !important;
}

.top-category a:hover {
  background: inherit;
  opacity: 0.7;
}

/* 検索ボタン */
button.wp-block-search__button.has-icon.wp-element-button::after {
  content: "";
  display: none;
}
.wp-block-search__button {
  padding: 4px 12px;
}

input[type="search"] {
  box-shadow: none !important;
}

:where(.wp-block-search__inside-wrapper) {
  border: 1px solid #dedede;
  box-shadow: none !important;
  border-radius: 8px;
}
.wp-block-search__input {
  border-radius: 8px !important;
}
button.wp-block-search__button.has-icon.wp-element-button {
  border-radius: 8px !important;
}

.wp-block-search .wp-block-search__input {
  border: unset;
}


/* シェアボタン */

/* .sns-btn {
    display: flex;
    gap: 12px;
    padding: 0;
    list-style: none;
} */

.sns-dif ul {
        background: #fff;
            display: flex
;
    overflow: inherit;
}
.sns-dif .sns-btn__item img {
    margin: 0px;
}

.sns-btn__item img, .fa-facebook:before {
    height: 24px;
    width: 24px;
}

.sns-dif ul li i {
    font-size: 24px;
}
.sns-dif ul li .fa-line {
       font-size: 24px;
}

.sns-dif ul li a {
    box-shadow: unset;
    transition: unset;
    transition-timing-function: unset;
}
.sns-dif ul li a:hover {
    opacity: 0.7;
    box-shadow: unset;
    transform: unset;
}

li.copy-url.sns-btn__item button:hover {
    opacity: 0.7;

}

@media only screen and (min-width: 481px) {
    .sns-dif ul li a {
       height: 24px;
    width: 24px;
    }
}

.sns-dif ul li button {
    position: relative;
    width: 24px;
    height: 24px;
    margin: 10px;
    padding: 0;
    background: #fff;
    box-shadow: 0 7px 15px -4px rgba(0, 0, 0, 0.15);
    /* transition: all 0.3s;
    transition-timing-function: cubic-bezier(0.51, 0.1, 0.36, 1.68); */
}


.sns-btn__item {
    border-radius: 80px;
    box-shadow: 0px;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0;
    padding: 0;
}

.sns-btn__item a, .sns-btn__item button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 80px; 
    text-decoration: none;
    color: inherit;
    background-color: #fff; /* 背景色を白に設定 */
}

.sns-btn__item i, .sns-btn__item {
    display: block;
}

.copy-url-button {
    border: none; /* ボタンの境界線を消す */
    background: none; /* ボタンの背景を透明にする */
    cursor: pointer; /* カーソルを指にする */
}

.copy-icon, .check-icon {
    font-size: 0.5em; /* アイコンのサイズを調整 */
}

.share_txt {
    display: none;
}

/* ホバー時のスタイル */
/* .sns-btn__item a:hover, .sns-btn__item button:hover {
    background-color: #f4f4f4;
} */


.sns-dif ul {
    padding: 0px;
    }


.sns-dif ul::before {
    content: "Share";
    position: absolute;
    top: 8px;
    left: 0px; /* 左側の余白調整 */
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.sns-dif ul {
    padding-left: 40px; /* 追加：beforeのためのスペース確保 */
}


/* 
@media only screen and (min-width: 769px) {
    .wrap, .single #inner-content, .page:not(.no-bg) #inner-content, .error404 #inner-content {
        width: 100%;
    }
} */

@media only screen and (min-width: 769px) {
   .top-content-custum .wrap, .top-content-custum .single #inner-content, .top-content-custum .page:not(.no-bg) #inner-content, .top-content-custum .error404 #inner-content {
        width: 100%!important;
    }
}



/* test  */
/* 矢印のクリック範囲など */
.button {
  background-color: transparent; /* ボタンの背景を透明にする */
  height: 50px;
  transition: .2s;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 前の矢印 */
.prev::before {
    font-family: FontAwesome;
  content: "\f104"; /* 矢印をAngle Leftに変更 */
  font-size: 24px; /* 矢印のサイズを調整 */
  color: #fff; /* 矢印の色を白に変更 */
  display: block; /* 矢印を表示 */
}
/* 次の矢印 */
.next::before {
   font-family: FontAwesome;
  content: "\f105"; /* 矢印をAngle Rightに変更 */
  font-size: 24px; /* 矢印のサイズを調整 */
  color: #fff; /* 矢印の色を白に変更 */
  display: block; /* 矢印を表示 */
}

/* スライドのサイズ調整 */
.splide__slide img {
  height: auto;
  width: 100%;
}

 .splide__arrow {
    background: #000!important;
    }


    body {
        color: #1d1d1d;
       }


/* グラデーションh2 h3  */

#entry .entry-content h2 {
    position: relative;
    padding-bottom: 4px;
}

#entry .entry-content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #045572, #08193E);
}

#entry .entry-content h2 {
    border-bottom: 0px solid #aeaeae;
}

#entry .entry-content h3 {
    position: relative;
    padding: 4px 0 4px 6px;
    padding-left: 16px; /* 擬似要素分の余白を確保 */
    border-left: none; /* 直接のボーダーは消す */
}

.entry-content h3 {
    position: relative;
    margin: 2.6em 0 0.7em;
    padding: 10px 0 10px 16px; /* 擬似要素分の余白を確保 */
    border-left: none;
    font-size: 1.2em;
    line-height: 1.5;
}

.entry-content h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(to bottom, #045572, #08193E);
}


/* 目次　 */

#toc_container, #ez-toc-container {
    border-top: solid 0px var(--wp--preset--color--sango-main);
}


.sns-btn__title {
    display: none;
  
}

/* この記事を書いた人 */

@media only screen and (min-width: 1030px) {
    .author-info__inner .tb-left {
        border-right: 1px #DEDEDE solid;
    }
}

.author-info__inner .tb {
    border-radius: var(--wp--custom--rounded--medium);
    box-shadow: unset;
     border: 1px #DEDEDE solid;
}

 .box3 {
    background: #f4f4f4!important;
}



/* ここからright-bottom */
/*======================================
  document download
======================================*/
.document-download{
  width: 320px;
  background-color: transparent;
  position: fixed;
  transition: bottom .2s ease;
  right: 32px;
  bottom: -200px;
  z-index: 100;

}
.document-download.show{
  bottom: 24px;
}
.document-download_close{
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 2px solid #26A784;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
}
.document-download_close::before,
.document-download_close::after{
  content: "";
  width: 24px;
  height: 2px;
  background-color:#DD2E1E;
  position: absolute;
  top: 50%;
  left: 50%;
}
.document-download_close::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.document-download_close::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* 右下CTA改善 */

.document-download {
    height: 160px;
    width: 358px;
    background-color: transparent;
    position: fixed;
    transition: bottom .2s ease;
    right: 32px;
    bottom: -200px;
    z-index: 100;
}

.document-download {
  background-color: white;
  border-radius: 8px;
  padding: 32px;
  display: flex;
  align-items: center;
      justify-content: center;
border: 1px solid #ccc;
bottom: -400px;
}
.document-download a {
  padding: 12px;
  letter-spacing: 0.1em;
  border-radius: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 8px;
  text-decoration: none;
  color: white;
}
.document-download a.link-red:hover {
  background-color: #1d3f7a;
}
.document-download a.link-gray:hover {
    background-color: #fff;
	color: #26A784;
	border: 1px solid #26A784;
}

.link-red  {
  margin-bottom: 12px;
	}

.document-download_close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.right-bottom {
  height: 160px;
  width:358px;
}

.microcopy {
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
  color: white;
}

.btn_arrow_right {
    position: relative;
    padding-right: 25px;
    line-height: 1;
}

.btn_arrow_right:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) skew(-45deg);
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}

.microcopy {
    font-size: 12px;
    margin-bottom: 0px;
}

.microcopy-red {
    color: #26A784;
	}

.microcopy-gray {
    color: #26A784;
	}

.link-red {
    background: #26A784;
	font-weight:700;
}

.link-gray {
      background: #26A784;
		font-weight:700;
		border: 1px solid #26A784;
}

.right-bottom {
    position: absolute;
    bottom: 0;
	right:0px;
  z-index:-1;
}

.link-gray::before, .link-gray::after {
    content: "";
    height:4px;
    background-color: #fff;
    position: absolute;
    right: -0px;
}


.btn_arrow_right {
    display: inline-block;
    line-height: 1;
    position: relative;
    width: 20px;
    height: 5px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: skew(45deg);
    margin-left: 5px;
}

@media screen and (max-width: 768px) {
    .document-download {
        width: 320px;
    }
}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
	  background: #fff;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

#sp-fixed-menu li{
 background: #fff;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
    padding: 12px;
    margin: 0;
    border-radius: 300px;
    box-sizing: border-box;
}

/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}

/*メニューをページ下部に固定*/
#sp-fixed-menu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    opacity: 1;
    z-index: 99;
    background: #fff;
    box-sizing: border-box;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul {
    display: flex;
    list-style: none;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    gap: 10px;
	    margin-bottom: 8px;
    margin-top: 8px;
}

#sp-fixed-menu li {
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

#sp-fixed-menu li a {
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
.document-download {
    display: none;
}
	.microcopy {
    font-size: 10px;
    margin-bottom: 0px;
}
}






.document-download.show {
    bottom: 24px;
}

.document-download.hide {
    bottom: -400px; /* 非表示時の位置を明確に設定 */
}

@media (max-width: 768px) {
    .document-download {
        display: none;
    }
    .microcopy {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
   .for-sp {
      display: none;
   }
}




.document-download_close {
    position: absolute;
    top: 8px;
    right: 8px;
}
.document-download_close {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #26A784;
    border-radius: 50%;
    position: absolute;
/*     top: -20px;
    right: -20px; */
     cursor: pointer; 
}

.document-download_close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.document-download_close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.document-download_close::before, .document-download_close::after {
    content: "";
    width: 24px;
    height: 1px;
    background-color: #26A784;
    position: absolute;
    top: 50%;
    left: 50%;
}

#sp-fixed-menu ul {
    display: flex;
    list-style: none;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    gap: 10px;
    margin-bottom: 8px;
    margin-top: 8px;
}
#sp-fixed-menu a {
    text-decoration: none;
}
.microcopy::before {
    content: "\\ ";
}
.microcopy::after {
    content: " /";
}



.button-33-wrapper {
    display: flex;
    gap: 24px;
	}

  .buttons-text {
    font-weight: 700;
    color: #26A784;
    line-height: 1.4;
    margin-bottom: 12px;
    font-size: 20px;
}


.rlmg img {
    box-shadow: unset;
}

@media screen and (max-width: 768px) {
  

.sns-btn.sns-dif {
    margin-right: 16px;
    margin-left: 16px;
}

}
    .sns-dif ul li a {
        height: 24px;
        width: 24px;
    }


    @media screen and (max-width: 300px) {
    .sns-btn.sns-dif {
        display: none;
    }
}


#entry .cta-heading{
    border-bottom: 0px solid #aeaeae;
    position: relative;
    padding-bottom: 4px;
    margin: 2.5em 0 0.7em;
    font-size: 1.4em;
    line-height: 1.6;
        font-weight: bold;
}

#entry .cta-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #045572, #08193E);
}



/* 修正2025/04/ */

a.dfont.cat-name {
    display: none;
}

@media (max-width: 768px) {
    .top-category-lists {
        display: none;
    }
}

.notfound  .input.searchform__input {
    border: solid 1px #efefef !important;
}



input.searchform__input {
	 border: solid 1px #efefef !important;
}


.document-download {
    z-index: 501;
	}


.wp-block-sgb-btn .raised, .wp-block-sgb-btn.btn-raised a, .raised {
    box-shadow: unset;
		}


.c_linkto_wrap:hover {
    transform: translateY(0px);
}


a.raised.accent-bc.btn {
    border-radius: 300px;
	   border: 1px solid #26A784;
}
a.raised.accent-bc.btn:hover {
    border-radius: 300px;
	    border: 1px solid #26A784;
				    
	 color:  #26A784;
}
.accent-bc:hover, .has-sango-accent-background-color:hover, body #inner-content .accent-bc:hover {
   background: #fff;
}

.raised:hover, .raised:focus {
    box-shadow: unset;
}


/* ヘッダーについて、下にスクロールするとヘッダーが消えて上にスクロールするとヘッダーが表示する */

@media (max-width: 768px) {
    .header_inner {
    height: 80px;
    }
	.header-info {
    top: 80px;
}
   }



/* icon */
.top-sidebar-icon img {
    display: block;
    width: auto;
    height: 32px;
}
.top-sidebar-icon {
     background-color: unset;
 }
.top-sidebar-icon img {
    height: 32px;
	 }


/* margin.padding */
#entry footer {
    margin: 1rem 0 0;
}


#sp-fixed-menu li a {
    border-radius: 300px;
	z-index:501;
}

@media only screen and (min-width: 769px) {
    .single #content, .page #content , #content {
        margin-top: 6.4em !important;
    }
	  .page-forfront#content{
        margin-top: 0em !important;
    }
}


#sp-fixed-menu {
    z-index: 998;
}




.splide__arrow--prev, .splide__arrow--next {
    display: block !important;  /* 矢印を常に表示 */
}



.c_linkto:hover .c_linkto_img_wrap img {
    transform: none;
    transition: none;
	opacity:0.7;
	 transition: opacity 0.3s ease-out;
}


.entry-content .c_linkto:hover {
   box-shadow: var(--wp--custom--shadow--solid);
}



/* .entry-content .c_linkto img:hover {
   	opacity:0.7;
	 transition: opacity 0.3s ease-out;
}
 */

.c_linkto_long:hover {
   	opacity:0.7;
	 transition: opacity 0.3s ease-out;
}

.widget a img:hover {
    filter: none;
	 	opacity:0.7;
	 transition: opacity 0.3s ease-out;
}

.c_linkto:hover {
       box-shadow: var(--wp--custom--shadow--solid);
}


a.top-sidebar-icon:hover {
   	opacity:0.7;
	 transition: opacity 0.3s ease-out;
}

body .sidebar .wp-block-categories {
    background-color: unset;
}


.widget_categories ul li a:hover {
    background: unset;
		opacity:0.7;
	 transition: opacity 0.3s ease-out;
}


@media screen and (min-width: 960px) {
    .meishi .meishi_links .meishi_link:hover .meishi_link-bg {
        transform: unset;
    }
}

.sns-dif ul li button {
    box-shadow: unset;
}

#breadcrumb {
    background: unset;
}

/* フォント */
body {
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
	    letter-spacing: .04em;
}

/* ボタン */
.top-btn a {
    border: 1px solid rgb(38, 167, 132);
	}

.top-btn a {
    margin: 48px auto 64px;
}


/* 角丸 */
.container .splide .splide__slide .post-card {
    border-radius: 16px;
}



@media screen and (min-width: 768px) {
	.page-forfront .c_linkto img {
    border-radius: 16px;
  }

.page-forfront .c_linkto .longc_img img {
    border-radius: 16px;
  }
}


/* 余白 */
body {
    color: #333333;
    line-height: 1.5;
	}



html .page-forfront .alignfull {
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}


.splide__pagination {
    bottom: -52px !important;
}

  .for-pc {
        display: none;
    }


.top-title-container {
    margin-bottom: 24px;
}

.top-btn-ranking a {
    margin: 48px auto 0px;
}

.catpost-cards {
    margin-bottom: 0px!important;
}



@media screen and (min-width: 768px) {
	
	
	.page-forfront .c_linkto .c_linkto_text {
    padding: 16px 12px 0px;
}

	
}



.sidebar-main-title {
    margin-top: 40px;
	    margin-bottom: 0px;
}

.wp-block-search__inside-wrapper {
    margin-bottom: 0px;
}
.entry-content .top-right-sidebar  .top-category li.cat-item{
    padding:0px!important;
}


.top-category {
	 margin-top: 16px;
}

.top-category a {
	padding: 0px;
    padding-top: 8px;
	padding-bottom: 8px;
	}

.sidebar-links {
    margin-top: 16px;
}
.sidebar-links {
    gap: 12px;
}

ul.wp-block-categories-list.wp-block-categories {
    padding: 0px;
}
.sidebar .widget_categories {
	 margin-top: 16px;
}
.widget ul li a {
    color: #333;
    padding: 0px;
    padding-top: 8px;
	padding-bottom: 8px;
}

.top-ranking {
    padding-right: 0px;
    padding-left: 0px;
}


@media (min-width: 768px) {
    .for-pc {
        display: block;
    }
}


@media (max-width: 768px) {
 
.top-fv-heading {
    margin-top: 32px;
    margin-bottom: 32px;
}
	.splide__pagination {
    bottom: -44px !important;
}
	
	.page-forfront .c_linkto .c_linkto_text {
/*     padding: 16px 12px; */
		padding-top:8px;
		padding-bottom:0px;
}
	
		.page-forfront  .c_linkto .longc_content {
/*     padding: 16px 12px; */
		padding-top:8px;
		padding-bottom:16px;
}
	
	.catpost-cards, .catpost-cards--column-mobile-1, .catpost-cards--column-mobile-2, .catpost-cards--column-mobile-3, .catpost-cards--column-mobile-4 {
    gap: 16px;
}
	
	.top-btn-ranking a {
    margin: 32px auto 0px;
}
	.top-btn a {
    margin: 32px auto;
}
	.top-btn-ranking a  {
    margin: 32px auto 0px;
}
	
}


.header_hamburger .contents .inner .banner_list {
    margin-bottom: 4rem;
}

/* ホバーの動き */

.related-posts li a:hover img {
    box-shadow: unset!important;
    transform: translateY(-0px);
	opacity:0.7;
	 transition: opacity 0.3s ease-out;
}

/* .related-posts {
    box-shadow: unset!important;
} */

.related-posts.type_a.slide ul:hover {
    box-shadow: unset !important;
}
.related-posts.type_a.slide:hover {
    box-shadow: unset !important;
}
.related-posts, .type_a, .slide, .rlmg, .rep {
    box-shadow: unset !important;
}


.prnx_tb{ 
	box-shadow: unset!important;
} 



:root {
    --wp--custom--shadow--large-hover: unset;
    --wp--custom--shadow--medium-hover: unset;
    --wp--custom--shadow--solid-hover: unset;
}

/* 背景 */

body {
  background-color: #F8F9FA;
	}


.sgb-full-bg__cover {
    background:  #F8F9FA;
}


.top-ranking .sgb-full-bg__cover {
   opacity: 1;
	
}

.sgb-full-bg__cover {
      background:  #F8F9FA;
}

/* 記事 */
.viral h1 {
    width: 80%;
    text-align: left;
}

@media only screen and (min-width: 769px) {
    .single #breadcrumb{
        margin-bottom: 8px;
    }
	
	#entry .contents-last-cta-wrapper .contents-last-cta ul {
		font-size:16px;
		}
		.contents-last-cta li::before {
    transform: translateY(0%);
}
}
.contents-last-cta img{
	  margin-bottom: 24px;
}

.main-bc {
    border: 1px solid rgb(38, 167, 132);
}
.main-bc:hover {
    border: 1px solid rgb(38, 167, 132);
}
.contents-last-cta-wrapper p {
    line-height: 1.7;
		letter-spacing:0;
}

.prnx_tb:hover {
	opacity:0.7;
	 transition: opacity 0.3s ease-out;
}

.entry-content p {
    line-height: 1.7;
	letter-spacing:0;
}



#toc_container .toc_list li a, .ez-toc-list li a {
    color: #333;
}

footer.entry-footer {
    padding-top: 0px;
}


}



.post-25 .sgb-full-bg__content{
	padding-right: 0px !important;
    padding-left: 0px !important;
}


.post-19 .sgb-full-bg__content{
	padding-right: 0px !important;
    padding-left: 0px !important;
}


@media (max-width: 768px) {
   .post-25 .c_linkto .c_linkto_text ,  .post-19 .c_linkto .c_linkto_text {
        /* padding: 16px 12px; */
        padding-top: 8px;
        padding-bottom: 8px;
    }
	
	#entry footer {
    margin: 0;
		padding-top: 0px;
}
	.page .footer-contents {
    padding-bottom: 32px;
}
}

/* @media only screen and (max-width: 768px) {
	
	  #breadcrumb {
        margin-top: 0px;
    }
	
		  .post-template  #breadcrumb {
        margin-top: 54px;
    }
	
   .post-25 #breadcrumb {
        margin-top: 54px;
    }
	   .post-19 #breadcrumb {
        margin-top: 54px;
    }
		.author-info{
		  	padding-top: 0px;
}
	.sidebar-links {
    padding-bottom: 32px;
}
	.contents-last-cta li::before {
    background-size: contain;
}

} */


@media only screen and (max-width: 768px) {
    #breadcrumb {
        margin-top: 0px;
    }

    .post-template #breadcrumb,
    .post-25 #breadcrumb,
    .post-19 #breadcrumb {
        margin-top: 54px;
    }

    .author-info {
        padding-top: 0px;
    }

    .sidebar-links {
        padding-bottom: 32px;
    }

    .contents-last-cta li::before {
        background-size: contain;
    }
}


/* 修正02 */
@media (max-width: 768px) {
    .microcopy {
        font-size: 12px;
        margin-bottom: 8px;
    }
	   .sidebar-title-sns {
        text-align: center;
    }
}



.top-category-lists .sgb-full-bg__cover.alignfull {
/*     background-color: rgba(0, 0, 0, 0.4) !important; */

	    background-color: #EDEDED !important;
}

.top-category-lists .top-category a {
    color: #333;
}
.top-category-lists ul::before {
     color: #333;
}
.top-category a {
     color: #333;
}



/* 最後のli要素のafterだけ非表示にする */
#breadcrumb li:last-child::after {
    display: none;
}


.sns-dif ul::before {
    top: 12px;
	}


@media screen and (min-width: 768px) {
    .page-forfront .c_linkto .longc_content {
           padding: 15px 13px;
    }
}




.splide__pagination__page {
    background: #fff !important;
    opacity: 1;
	}

@media screen and (max-width: 768px) {
.wp-block-search {
	    margin-top: 40px;
	
}
}

input[type="text"], input[type="search"] {
    font-size: 16px; /* 16px以上に設定 */
}
.search-title i{
    display: none;
}

#archive_header {
    margin-bottom: 0px;
    box-shadow: unset;
    border-radius: 16px 16px 0px 0px;
	box-shadow: var(--wp--custom--shadow--small);
}

   .category .catpost-cards {
			background:#fff;
        padding-bottom: 2em;
			 border-radius: 0px;
    }


@media only screen and (min-width: 480px) {
   .category .catpost-cards {
        padding-left: 40px;
        padding-right: 40px;
			background:#fff;
        padding-bottom: 2em;
			box-shadow: var(--wp--custom--shadow--small);
			 border-radius: 0px 0px 16px 16px ;
    }
}

@media only screen and (max-width: 480px) {
body.custom-background.category {
    background-color: #fff;
}
	
	.category #archive_header {
    border-radius: 0px;
    box-shadow: unset;
}
	
	
	.page-id-25 .sgb-full-bg__content {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
		.page-id-19 .sgb-full-bg__content {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
	
	
	
	.category #archive_header {
    padding: 0px;
    padding-bottom: 20px;
	}
}


@media only screen and (max-width: 768px) {
    .viral h1 {
        font-size: 1.4em;
    }
}




.contents-last-cta li {
    display: flex;
    align-items: flex-start;
}
.contents-last-cta li::before {
    transform: translateY(0%);
	}


#sp-fixed-menu {
    width: auto!important;
	max-width: 100% !important;
		}


/* Recommended */
body {
  overflow-x: clip;
}


.document-download_close {
    background-color: unset;
    border: 0px solid #26A784;
	}


.document-download {
    border: 1px solid #26A784;
		}


.right-banner-img-wrapper {
    display: flex;
    max-height: 70px;
}
.right-banner-img {
    width: 110px;
}

.document-download a {
    padding: 12px 24px;
	}


a.link-gray {
    display: flex;
    justify-content: center;
    align-items: center;
		}




.document-download a {
    margin-left: 8px;
	 margin-right: 0px;
			}


.document-download a {
    padding: 18px;
}

.buttons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.document-download {
	padding: 0px;
	}

#footer .footerFor_list .footerFor_name {
    margin-bottom: 0px;
}





  footer {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
    }
	#footer .footerFor_list .footerFor_detail {
    margin-bottom: 0px;
    margin-top: 0px;
}
	#footer .footerFor_list .business .footerFor_text {
    margin-top: 0px;
    margin-bottom: 0px;
}
	#footer .footerFor_list ul {
    margin-bottom: 0px;
}

#sp-fixed-menu ul {
    margin-top: 12px;
}

	.contents-last-cta li::before {
    flex-shrink: 0; /* 縮小を防ぐ */
}


p.footerFor_text {
    margin-top: 0px;
    margin-bottom: 0px;
}


/* スマートフォンでは全てのスライドに対してクリックイベントを無効化 */
@media (max-width: 768px) {
/* 非アクティブなスライドおよび前後のスライドのリンクを無効にする */
.splide__slide:not(.is-active) .thumbnail-link,
.splide__slide:not(.is-active) .post-card-overlay,
.splide__slide.is-prev .thumbnail-link,
.splide__slide.is-prev .post-card-overlay,
.splide__slide.is-next .thumbnail-link,
.splide__slide.is-next .post-card-overlay {
    pointer-events: none!important;
}

/* アクティブなスライドのリンクを有効にする */
.splide__slide.is-active .thumbnail-link,
.splide__slide.is-active .post-card-overlay {
    pointer-events: auto;
  
}

	
	/* タップ時の背景色を変更しないようにする */
.thumbnail-link:active,
.post-card-overlay:active,
.thumbnail-link:focus,
.post-card-overlay:focus {
    background-color: transparent; /* 背景色を透明に設定 */
    color: inherit; /* 文字色を継承 */
}
	
	
/* 	.post-card-overlay {
    background-color: rgba(255, 255, 255, 1)!important;
} */
	
	
	
	
	
	
	
	
	
	/* タップ時に色が付くのを防ぐ（スマホ対策） */
.post-card-overlay {
    -webkit-tap-highlight-color: transparent!important;
}

/* :activeや:focusでの色付き防止 */
.post-card-overlay:active,
.post-card-overlay:focus,
.post-card-overlay:focus-visible {
    background-color: transparent !important;
    color: inherit !important;
    outline: none!important;
}

	
	#sp-fixed-menu.hide {
    bottom: -100px;
}
	#sp-fixed-menu {
	    transition: bottom 0.3s ease!important;
	}
	
}





.top-movie .wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-top: 0px;
}




/* ここから改善2025/04/24 */

	  


.header_inner {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fff;
    display: flex
;
/*     height: 90px; */
    justify-content: space-between;
    overflow: hidden;
    padding: 0 20px;
    position: fixed;
    top: 0;
    transition: .48s cubic-bezier(.165,.84,.44,1);
    width: 100%;
    z-index: 1;
}
	  
	  
	  
	 .header.common .header_inner {
    background: rgba(0, 0, 0, .4);
} 
	  
	  
	  	  @media screen and (min-width: 1200px) {
    .header_inner {
/*         height: 114px; */
        overflow: visible;
/*         padding: 27px 30px; */
		padding: 0px;
    }
	  
	  .header_navi {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
}
}			  

@media screen and (min-width: 1200px) {
  .header_navi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding-left: 203px;
    width: 100%;
  }

  .header.common .header_navi {
    padding-left: 280px;
  }
	.header_logo {
	        left: 20px;
		}
}
	
	.header_logo {
    z-index: 2000;
		
}
			  
.header_navi .nav_area {
  display: none;
}

@media screen and (min-width: 1200px) {
  .header_navi .nav_area {
    display: block;
    width: calc(100% - 450px);
  }
}

			  
 .headerNavArea_list {
  display: flex;
  gap: 24px;
}
.headerNavArea_item {
  cursor: pointer;
  transition: 0.15s ease-out;
  white-space: nowrap;
}
.headerNavArea.light .headerNavArea_item > a {
  color: #fff;
}

.headerNavArea_item > a {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .header_navi .header_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: -moz-fit-content;
    width: fit-content;
    width: 450px;
  }
}
			  
.header_navi .service {
  align-items: center;
  display: none;
  flex-wrap: wrap;
  margin-right: 32px;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .header_navi .service {
    display: flex;
  }
}
			  
.header_navi .service.mix .service_btn,
.header_navi .service.mix * {
  color: #fff;
}

.header_navi .service .service_btn {
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 9.5px 28px 9.5px 0;
  position: relative;
}
.header_navi .service .service_btn span {
  height: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

.header_navi .service.mix .service_btn,
.header_navi .service.mix * {
  color: #fff;
}
.header_navi .service.mix .service_btn span:before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.header_navi .service .service_btn span:before {
  border-bottom: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.4s;
  width: 8px;
}

			  .header_navi .service.mix .service_menu {
  background-color: #fff;
}

.header_navi .service.mix .service_btn,
.header_navi .service.mix * {
  color: #fff;
}

.header_navi .service .service_menu {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  min-width: 480px;
  opacity: 0;
  padding: 24px 24px 32px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 99;
}

			  .header_navi .service.mix .service_menu * {
  color: #1d1d1d;
}

.header_navi .service .service_menu .service_wrap {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.4s cubic-bezier(0, 0, 0.73, 0.98), transform 0.3s ease-out;
  visibility: hidden;
}
.header_navi .service.mix .service_menu * {
  color: #1d1d1d;
}

.header_navi .service .service_menu .service_link {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 8px 28px 8px 0;
  position: relative;
  transition: 0.3s ease-out;
}
.header_navi .service.mix .service_menu * {
  color: #1d1d1d;
}

.header_navi .service .service_menu .service_wrap {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.4s cubic-bezier(0, 0, 0.73, 0.98), transform 0.3s ease-out;
  visibility: hidden;
}
.header_navi .service.mix .service_menu * {
  color: #1d1d1d;
}

.header_navi .service .service_menu .service_link {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 8px 28px 8px 0;
  position: relative;
  transition: 0.3s ease-out;
}

.header_navi .service .service_menu .service_link span {
  display: block;
  height: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}


.header_navi .service .service_menu .service_link span::before {
  border-right: 1px solid #1d1d1d;
  border-top: 1px solid #1d1d1d;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
}
.header_navi .service.mix .service_menu .service_link span::before {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
			  
			  .header_navi .service.mix .service_menu * {
  color: #1d1d1d;
}

.header_navi .service .service_menu .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: flex-start;
  margin-top: 16px;
  padding-top: 36px;
  position: relative;
}

			  
			  .header_navi .service.mix .service_menu .flex::before {
  background-color: #ededed;
}

.header_navi .service .service_menu .flex::before {
  background-color: #ededed;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
}
.header_navi .service .service_menu .flex .column {
  width: calc(50% - 16px);
}

.header_navi .service.mix .service_menu * {
  color: #1d1d1d;
}

.header_navi .service .service_menu .flex .label.business {
  color: #ef6e00;
}

.header_navi .service .service_menu .flex .label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
		
			  
.header_navi .service .service_menu .flex .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
  margin-top: 8px;
}
.header_navi .service .service_menu .flex .list {
    width: 100%;
}			  
		.header_navi .service .service_menu .flex .list li a {
    cursor: pointer;
    display: block;
    padding: 8px 28px 8px 0;
    position: relative;
    transition: .3s ease-out;
    width: 100%;
}	  
			  .header_navi .service .service_menu .flex .list .detail {
  color: #777;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}
.header_navi .service .service_menu .flex .list .name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 2px;
	margin-bottom: 0px;
}
.header_navi .service .service_menu .flex .list li a span {
  display: block;
  height: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
.header_navi .service.mix .service_menu .flex .list li a span::before {
  border-right: 1px solid #1d1d1d;
  border-top: 1px solid #1d1d1d;
}

.header_navi .service .service_menu .flex .list li a span::before {
  border-right: 1px solid #1d1d1d;
  border-top: 1px solid #1d1d1d;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
}

			  .header_navi .service .service_menu .flex .list li {
    width: 100%;
}
.header_navi .service .service_menu .flex .list li a {
  cursor: pointer;
  display: block;
  padding: 8px 28px 8px 0;
  position: relative;
  transition: 0.3s ease-out;
  width: 100%;
}
		.header_navi .service.mix .service_menu .flex .list .detail {
  color: #777;
}

.header_navi .service .service_menu .flex .list .detail {
  color: #777;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}
	  .header_navi .service .service_menu .flex .list li a span {
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}
			  .header_navi .service.mix .service_menu .flex .list li a span:before {
    border-right: 1px solid #1d1d1d;
    border-top: 1px solid #1d1d1d;
}
.header_navi .service .service_menu .flex .list li a span:before {
    border-right: 1px solid #1d1d1d;
    border-top: 1px solid #1d1d1d;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 10px;
}
			  .header_navi .service .service_menu .flex .list li {
    width: 100%;
}
			  .header_navi .service .service_menu .flex .list li a {
    cursor: pointer;
    display: block;
    padding: 8px 28px 8px 0;
    position: relative;
    transition: .3s ease-out;
    width: 100%;
}
			  .header_navi .service.mix .service_menu .flex .list .detail {
    color: #777;
}
			  
			  .header_navi .service .service_menu .flex .column {
    width: calc(50% - 16px);
}
			  .header_navi .service .service_menu .flex .label.consumer {
    color: #26a784;
}

.header_navi .service .service_menu .flex .label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
			  
			  .header_navi .service .service_menu .flex .list {
    display: flex
;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    margin-top: 8px;
	 margin-bottom: 0px;			  
}
			  
			  .header_navi .service .service_menu .flex .list li {
    width: 100%;
}
			  .header_navi .service .service_menu .flex .list li a {
    cursor: pointer;
    display: block;
    padding: 8px 28px 8px 0;
    position: relative;
    transition: .3s ease-out;
    width: 100%;
}
			  .header_navi .service.mix .service_menu .flex .list .detail {
    color: #777;
}
.header_navi .service .service_menu .flex .list .detail {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}
			  .header_navi .service .service_menu .flex .list .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 2px;
}
			  .header_navi .service .service_menu .flex .list li a span {
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}
			  .header_navi .service.mix .service_menu {
    background-color: #fff;
}

.header_navi .service .service_menu.open {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
			  
			  .header_navi .service .service_menu.open .service_wrap {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
			  
			  .header-info {
    z-index: 10;
}
			  
	p.label.business,p.label.consumer,p.detail {
    margin-top: 0px;
    margin-bottom: 0px;
}		  
			  
			  
			  button.service_btn {
    background-color: unset;
    box-shadow: unset;
    border: 0px;
  
}
			  
.header_navi .service .service_btn.open span:before {
    top: calc(50% + 2px);
    transform: translate(-50%, -50%) rotate(225deg);
}			  
			  
.header-info {
    z-index: 990!important;
}

/*--------------------------------------
ハンバーガー修正
--------------------------------------*/
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button,
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .link {
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 24px 20px;
    position: relative;
    text-align: left;
    transition: .15s ease-out;
    width: 100%;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .link span {
    height: 24px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}
.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item:after {
    background-color: #3b3b3b;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item:after {
    background-color: #ededed;
    bottom: 50px;
    content: "";
    height: 1px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 40px);
}
.hamburgerContents.light .hamburgerContents_item > a,
.hamburgerContents.light .hamburgerContents_list * {
    color: #fff;
}



.hamburgerContents .hamburgerContents_list .hamburgerContents_item .link span:before {
    border-right: 1px solid #1d1d1d;
    border-top: 1px solid #1d1d1d;
    content: "";
    height: 10px;
    left: calc(50% - 2px);
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s ease-out;
    width: 10px;
}

.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item .link span:before {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.hamburgerContents_item .button {
    background-color: initial !important;
    height: auto !important;
        transition: .15s ease-out;
    width: 100%;
    display: block !important;
    justify-content: normal !important;
    align-items: normal !important;
	border: 0px;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button span {
    height: 24px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}
.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item .button span:after,
.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item .button span:before {
    background-color: #fff;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button span:before {
    transform: translate(-50%, -50%);
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button span:after,
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button span:before {
    background-color: #1d1d1d;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: .3s ease-out;
    width: 16px;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service.open {
    max-height: 999px;
    transition: .9s ease-out;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    transition: .4s ease-out;
}

.hamburgerContents.light .hamburgerContents_item > a,
.hamburgerContents.light .hamburgerContents_list * {
    color: #fff;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_link {
    display: block;
    padding: 8px 20px 24px 36px;
    position: relative;
    transition: .15s ease-out;
    width: 100%;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list li:first-child a {
    padding-top: 24px;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list li a {
    display: block;
    outline: 0;
    padding: 16px 48px 16px 52px;
    pointer-events: auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list .label.business {
    color: #ef6e00;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list .label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item .service_list li a .detail {
    color: #c1c1c1;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list .detail {
    color: #777;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 4px;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list li:first-child a .arrow {
    top: calc(50% + 5px);
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list .arrow {
    height: 24px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list .arrow:before {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    height: 10px;
    left: calc(50% - 2px);
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s ease-out;
    width: 10px;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list li:first-child a .arrow {
    top: calc(50% + 5px);
}
.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_link span span:before {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_link span span:before {
    border-right: 1px solid #1d1d1d;
    border-top: 1px solid #1d1d1d;
    content: "";
    height: 10px;
    left: calc(50% - 2px);
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s ease-out;
    width: 10px;
}
.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_link:before {
    background-color: #3b3b3b;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_link:before {
    background-color: #ededed;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 20px;
    width: calc(100% - 56px);
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_link span span {
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_link span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: fit-content;
    line-height: 1.5;
    position: relative;
    width: 100%;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .hamburgerContents_service .service_list .label.consumer {
    color: #26a784;
}
p.name {
    margin-top: 0px;
    margin-bottom: 0px;
}
.hamburgerContents .hamburgerContents_btns {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 40px;
}
ul.service_list {
    margin-top: 0px;
    margin-bottom: 0px;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button span:after {
    transform: translate(-50%, -50%) rotate(-90deg);
}



.header_inner {
    height: 90px!important;
}
.header-info {
    top: 90px!important;
}
@media screen and (min-width: 1200px) {
    .header_inner {
            height: 114px!important;
    }
	.header-info {
    top: 114px!important;
}
}

.header_hamburger .contents {
    height: calc(100svh - 90px);
    margin-top: 90px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 40px;
    -ms-overflow-style: none;  /* IE用：スクロールバー非表示 */
    scrollbar-width: none;     /* Firefox用：スクロールバー非表示 */
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button.open span[data-v-3b7abdd0]:after {
    transform: translate(-50%, -50%);
}
/* .button.open span::after {
    opacity: 0;
} */

/* .button span::before {
  transform: translate(-50%, -50%) rotate(90deg); 
}
.button span::after {
  transform: translate(-50%, -50%) rotate(0deg); 
}
.button.open span::after {
  transform: translate(-50%, -50%) rotate(180deg); 
  opacity: 0;
} */
@media screen and (min-width: 960px) {
    .hamburgerContents .hamburgerContents_list .hamburgerContents_item .button:hover, .hamburgerContents .hamburgerContents_list .hamburgerContents_item .link:hover {
        opacity: .7;
    }
}

.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button span:before {
    transform: translate(-50%, -50%);
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item .button.open span:after {
    transform: translate(-50%, -50%);
}


.hamburgerContents.light .hamburgerContents_list .hamburgerContents_item:after {
    background-color: #3b3b3b;
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item:after {
    background-color: #ededed;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 40px);
}
.hamburgerContents .hamburgerContents_list .hamburgerContents_item {
    position: relative;
}

body.menu-open {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
.header.hide + .header-info {
    top: -60px !important;
}

li.cat-item-none {
    padding: 13px 0;
}