@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#container::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(161, 241, 241);
  background-image: radial-gradient(at 10% 40%, rgba(108, 188, 53, 0.9) 20%, transparent 50%), radial-gradient(at 90% 100%, rgba(8, 83, 140, 0.7) 30%, transparent 50%);
  background-size: 150% 150%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: bggradient 18s ease infinite;
  animation: bggradient 18s ease infinite;
  z-index: -2;
}
#container::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/container_bg.webp);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  z-index: -1;
}

.entry-content > *,
.article p,
.demo .entry-content p,
.article dl,
.article ul,
.article ol,
.article blockquote,
.article pre,
.article table,
.article .toc,
.body .article,
.body .column-wrap,
.body .new-entry-cards,
.body .popular-entry-cards,
.body .navi-entry-cards,
.body .box-menus,
.body .ranking-item,
.body .rss-entry-cards,
.body .widget,
.body .author-box,
.body .blogcard-wrap,
.body .login-user-only,
.body .information-box,
.body .question-box,
.body .alert-box,
.body .information,
.body .question,
.body .alert,
.body .memo-box,
.body .comment-box,
.body .common-icon-box,
.body .blank-box,
.body .button-block,
.body .micro-bottom,
.body .caption-box,
.body .tab-caption-box,
.body .label-box,
.body .toggle-wrap,
.body .wp-block-image,
.body .booklink-box,
.body .kaerebalink-box,
.body .tomarebalink-box,
.body .product-item-box,
.body .speech-wrap,
.body .wp-block-categories,
.body .wp-block-archives,
.body .wp-block-archives-dropdown,
.body .wp-block-calendar,
.body .ad-area,
.body .wp-block-gallery,
.body .wp-block-audio,
.body .wp-block-cover,
.body .wp-block-file,
.body .wp-block-media-text,
.body .wp-block-video,
.body .wp-block-buttons,
.body .wp-block-columns,
.body .wp-block-separator,
.body .components-placeholder,
.body .wp-block-search,
.body .wp-block-social-links,
.body .timeline-box,
.body .blogcard-type,
.body .btn-wrap,
.body .btn-wrap a,
.body .block-box,
.body .wp-block-embed,
.body .wp-block-group,
.body .wp-block-table,
.body .scrollable-table,
.body .wp-block-separator,
.body .wp-block,
.body .video-container,
.comment-area,
.related-entries,
.pager-post-navi,
.comment-respond,
.is-root-container > *,
[data-type="core/freeform"] {
  margin-bottom: 2rem;
}

a:hover {
  color: rgb(108, 188, 53);
}

.page-numbers.dots,
.a-wrap:hover,
.pagination a:hover,
.pagination-next-link:hover,
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.pager-links a:hover span,
.tag-link:hover,
.tagcloud a:hover {
  background: rgba(255, 255, 255, 0.9);
}

.wp-block-table th,
.wp-block-table td,
table th,
table td,
blockquote,
.page-numbers,
.page-numbers.dots,
.tagcloud a,
.list.ecb-entry-border .entry-card-wrap,
.related-entries.recb-entry-border .related-entry-card-wrap,
.carousel .a-wrap,
.pager-post-navi.post-navi-border a.a-wrap,
.article .toc,
.a-wrap .blogcard,
.author-box,
.comment-reply-link,
.ranking-item,
.key-btn {
  border-color: #fff;
}

.body .search-edit,
.body input[type=text],
.body input[type=password],
.body input[type=date],
.body input[type=datetime],
.body input[type=email],
.body input[type=number],
.body input[type=search],
.body input[type=tel],
.body input[type=time],
.body input[type=url],
.body textarea,
.body select {
  margin: 0.75rem auto;
  padding-left: 1rem;
  border-radius: 9px;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.25);
}
.body input[type=submit] {
  display: inline-block;
  margin: 0;
  padding: 0.5rem 1.75rem;
  outline: none;
  border: 2px solid #fff;
  border-radius: 100px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.9) 49%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.body input[type=submit]:hover {
  background-position: 99% 50%;
}
.body :focus-visible {
  outline: 1px solid #fff;
}

canvas,
iframe,
video,
.fb_iframe_widget,
.fb_iframe_widget span {
  border-radius: 23px;
}

.content {
  margin: 0;
  padding: 24px 0;
}

#header-container.fixed-header {
  background: white;
}

.header-container-in.hlt-top-menu .logo-header {
  line-height: 1;
}
.header-container-in.hlt-top-menu .logo-header img {
  max-width: 150px;
}

.tagline {
  padding: 1rem 0 0.25rem;
  font-weight: 600;
  line-height: 1.4;
}

#navi .navi-in a:hover {
  background: none;
}

#navi {
  font-weight: 600;
}
#navi .navi-in > ul.menu-header .sub-menu {
  background-color: rgba(255, 255, 255, 0.57);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
}
#navi .navi-in > ul.menu-header > li.menu-item > a .sub-caption {
  transition: 0.47s ease;
}
#navi .navi-in > ul.menu-header > li.menu-item:hover > a .sub-caption {
  letter-spacing: 0.2rem;
  transition: 0.47s;
}
#navi .navi-in > ul.menu-header > li.menu-item > ul.sub-menu li.menu-item a {
  transition: 0.47s;
}
#navi .navi-in > ul.menu-header > li.menu-item > ul.sub-menu li.menu-item a:hover {
  padding: 0 0 0 1.75rem;
}

.navi-in > ul {
  flex-wrap: nowrap;
}
.navi-in > ul .sub-menu {
  display: block;
  z-index: -1;
}
.navi-in > ul li > ul {
  opacity: 0;
  transition: 0.47s ease-in-out;
  transform: translateY(-10px);
}
.navi-in > ul li > ul li > ul {
  transform: translateX(-10px);
}
.navi-in > ul li > ul li:hover > ul {
  transform: translateX(2px);
}
.navi-in > ul li:hover > ul {
  opacity: 1;
  transition: 0.31s ease-in;
  z-index: 999;
  transform: translateY(0);
}

.external-link {
  position: relative;
}
.external-link::after {
  content: "\f08e";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 1.25rem;
  color: rgba(26, 25, 25, 0.5);
}

#header-container.fixed-header {
  background-color: rgba(255, 255, 255, 0.57);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 0;
}
#header-container.fixed-header .navi,
#header-container.fixed-header #navi .navi-in > .menu-header .sub-menu {
  background-color: transparent;
}

.main {
  background: none;
}

.single .main,
.page .main,
.post-type-archive-glossary .main {
  background-color: rgba(255, 255, 255, 0.57);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
}

.column1-wide .main {
  background-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
}

.breadcrumb,
.breadcrumb a {
  color: #fff;
}

.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
  padding-bottom: 1rem;
  background: none;
}

.go-to-top-button {
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
  color: rgba(255, 255, 255, 0.9);
}

#footer {
  background-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
  padding: 1.25rem 1.25rem 1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
  color: rgba(26, 25, 25, 0.78);
}
#footer a {
  color: rgba(26, 25, 25, 0.78);
}
#footer a:hover {
  background: none;
  color: #fff;
}

.navi-footer-in > .menu-footer li,
.navi-footer-in > .menu-footer li:last-child {
  border-color: #1a1919;
}

.widget-footer-left ul li,
.widget-footer-center ul li,
.widget-footer-right ul li {
  font-size: 1rem;
}
.widget-footer-left ul li a,
.widget-footer-center ul li a,
.widget-footer-right ul li a {
  padding: 0.25rem;
}

#sidebar {
  padding: 0;
  background: none;
  color: #fff;
}
#sidebar aside:not(.widget_cta_box) {
  background-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
  padding: 0.75rem;
}
#sidebar h3 {
  padding-bottom: 0;
  background: none;
  color: #fff;
  line-height: 1.3;
}
#sidebar .widget-sidebar .a-wrap {
  border-radius: 9px;
  color: #fff;
}
#sidebar .widget-sidebar .a-wrap:hover {
  color: #1a1919;
}
#sidebar .widget_recent_entries ul li a,
#sidebar .widget_categories ul li a,
#sidebar .widget_archive ul li a,
#sidebar .widget_pages ul li a,
#sidebar .widget_meta ul li a,
#sidebar .widget_rss ul li a,
#sidebar .widget_nav_menu ul li a {
  padding: 0.75rem 1.25rem;
  border-radius: 100px;
  color: #fff;
  transition: 0.47s;
}
#sidebar .widget_recent_entries ul li a:hover,
#sidebar .widget_categories ul li a:hover,
#sidebar .widget_archive ul li a:hover,
#sidebar .widget_pages ul li a:hover,
#sidebar .widget_meta ul li a:hover,
#sidebar .widget_rss ul li a:hover,
#sidebar .widget_nav_menu ul li a:hover {
  color: #1a1919;
}
#sidebar .widget-sidebar-standard .search-edit,
#sidebar .widget-sidebar-standard input[type=text],
#sidebar .widget-sidebar-standard input[type=password],
#sidebar .widget-sidebar-standard input[type=date],
#sidebar .widget-sidebar-standard input[type=datetime],
#sidebar .widget-sidebar-standard input[type=email],
#sidebar .widget-sidebar-standard input[type=number],
#sidebar .widget-sidebar-standard input[type=search],
#sidebar .widget-sidebar-standard input[type=tel],
#sidebar .widget-sidebar-standard input[type=time],
#sidebar .widget-sidebar-standard input[type=url],
#sidebar .widget-sidebar-standard textarea,
#sidebar .widget-sidebar-standard select {
  background-color: rgba(255, 255, 255, 0.037);
  -webkit-backdrop-filter: blur(9.5px);
  backdrop-filter: blur(9.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 100px;
  color: #fff;
  transition: 0.3s;
}
#sidebar aside.widget_search {
  padding: 0;
  border-radius: 100px;
}
#sidebar aside.widget_search form {
  margin: 0;
}
#sidebar aside.widget_search form input.search-edit {
  margin: 0;
  border: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#sidebar .fa-search:before {
  color: #fff;
}
#sidebar .widget-sidebar-standard .search-edit:focus,
#sidebar .widget-sidebar-standard input[type=text]:focus,
#sidebar .widget-sidebar-standard input[type=password]:focus,
#sidebar .widget-sidebar-standard input[type=date]:focus,
#sidebar .widget-sidebar-standard input[type=datetime]:focus,
#sidebar .widget-sidebar-standard input[type=email]:focus,
#sidebar .widget-sidebar-standard input[type=number]:focus,
#sidebar .widget-sidebar-standard input[type=search]:focus,
#sidebar .widget-sidebar-standard input[type=tel]:focus,
#sidebar .widget-sidebar-standard input[type=time]:focus,
#sidebar .widget-sidebar-standard input[type=url]:focus,
#sidebar .widget-sidebar-standard textarea:focus,
#sidebar .widget-sidebar-standard select:focus {
  background: rgba(255, 255, 255, 0.25);
  outline: none;
}
#sidebar :-ms-input-placeholder {
  color: #fff;
}
#sidebar ::-moz-placeholder {
  color: #fff;
}
#sidebar ::placeholder {
  color: #fff;
}
#sidebar h3::after {
  display: block;
  padding-left: 0.15rem;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.75rem;
}
#sidebar .widget_new_entries h3::after {
  content: "RECENT ENTRIES";
}
#sidebar .widget_nav_menu h3::after {
  content: "CATEGORY";
}
#sidebar .widget_archive h3::after {
  content: "MONTHLY ARCHIVES";
}

.sidebar-scroll {
  top: 19px;
}

.cta-box {
  border-radius: 23px;
  background-image: linear-gradient(345deg, hsl(206deg, 89%, 29%) 0%, hsl(206deg, 84%, 30%) 9%, hsl(206deg, 79%, 32%) 18%, hsl(206deg, 76%, 33%) 27%, hsl(206deg, 72%, 34%) 36%, hsl(206deg, 70%, 35%) 45%, hsl(206deg, 67%, 36%) 55%, hsl(206deg, 65%, 37%) 64%, hsl(206deg, 62%, 38%) 73%, hsl(206deg, 60%, 39%) 82%, hsl(206deg, 59%, 40%) 91%, hsl(206deg, 57%, 41%) 100%);
  color: #fff;
  font-weight: 600;
}

.cta-heading {
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.73) 50%, rgba(255, 255, 255, 0.92) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.278rem + 1.11vw, 2.25rem);
}

.cta-message p {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.8;
}

.cta-button a {
  border-radius: 100px;
}

#slide-in-sidebar input,
#slide-in-sidebar select {
  border-color: rgba(26, 25, 25, 0.37);
  border-radius: 100px;
}
#slide-in-sidebar h3 {
  padding-left: 0;
}

.mobile-menu-buttons {
  margin: 0 0.5rem 0.5rem;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
.mobile-menu-buttons .fa-search:before {
  color: #1a1919;
}

@media screen and (max-width: 1023px) {
  .mblt-footer-mobile-buttons {
    margin: 0;
  }
  .mblt-footer-mobile-buttons #footer {
    padding-bottom: 70px;
  }
}
.appeal {
  padding-bottom: 48vh;
  background-position: center bottom;
  background-size: contain;
}
.appeal-content {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  text-align: inherit;
}
.appeal-title {
  padding: 1.25rem 0;
  font-size: clamp(1.5rem, 1.056rem + 2.22vw, 3rem);
  line-height: 1.5;
  text-shadow: 0 3px 12px rgba(108, 188, 53, 0.3);
}
.appeal-message {
  margin-bottom: 2rem;
  line-height: 1.5;
  font-size: clamp(1.125rem, 1.014rem + 0.56vw, 1.5rem);
  font-weight: 600;
  text-shadow: 0 3px 12px rgba(108, 188, 53, 0.3);
}
.appeal-button {
  /*ボタンの形状*/
  display: inline-block;
  border-radius: 100px;
  outline: none;
  background: linear-gradient(270deg, hsl(204deg, 100%, 50%) 0%, hsl(193deg, 100%, 50%) 10%, hsl(174deg, 100%, 45%) 20%, hsl(131deg, 94%, 58%) 30%, hsl(76deg, 100%, 47%) 40%, hsl(63deg, 100%, 44%) 50%, hsl(52deg, 88%, 52%) 60%, hsl(42deg, 99%, 59%) 70%, hsl(35deg, 99%, 58%) 80%, hsl(28deg, 95%, 58%) 90%, hsl(20deg, 89%, 58%) 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.appeal-button:hover {
  background-position: 99% 50%;
  box-shadow: 0 8px 32px 0 rgba(20, 35, 10, 0.25);
}

@media screen and (max-width: 767px) {
  .appeal-button {
    display: block;
    text-align: center;
  }
}
@media screen and (min-width: 540px) {
  .appeal {
    padding: 1vh 0;
    background-position: right center;
  }
}
@media screen and (min-width: 768px) {
  .appeal {
    padding: 5vw 0;
  }
  .appeal-content {
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  .appeal {
    margin: 0 5vw;
    padding: 10vh 0;
    background-position: right center;
  }
}
@media screen and (min-width: 1400px) {
  .appeal {
    margin: 0 10vw;
  }
}
.carousel {
  margin: 3rem auto 4rem;
  padding: 0 0.75rem;
}

.carousel-in {
  background-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
  padding: 0.75rem 1rem 2.25rem;
}
.carousel-in a {
  color: #1a1919;
}

.carousel .a-wrap {
  padding: 0.5rem 0.7rem;
  border-radius: 9px;
}
.carousel .a-wrap .cat-label {
  bottom: 3px;
}

@media screen and (max-width: 539px) {
  .carousel-in {
    padding: 0.5rem 0.5rem 1rem;
  }
}
.content-top,
.content-bottom {
  background-color: rgba(255, 255, 255, 0.57);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  padding: 5rem 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
.content-top .widget-content-top,
.content-top .widget-content-bottom,
.content-bottom .widget-content-top,
.content-bottom .widget-content-bottom {
  margin: 0;
  padding: 0 0.75rem;
}
.content-top .widget-content-top h2,
.content-top .widget-content-bottom h2,
.content-bottom .widget-content-top h2,
.content-bottom .widget-content-bottom h2 {
  margin: 0 auto 1rem;
  color: rgb(8, 83, 140);
  font-size: 2rem;
  text-align: center;
}
.content-top .widget-content-top .adv-search__text,
.content-top .widget-content-bottom .adv-search__text,
.content-bottom .widget-content-top .adv-search__text,
.content-bottom .widget-content-bottom .adv-search__text {
  padding: 0 0 2rem;
  color: rgb(8, 83, 140);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.content-top form ul,
.content-bottom form ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
.content-top form ul li,
.content-bottom form ul li {
  padding: 0;
}
.content-top form input::-moz-placeholder,
.content-bottom form input::-moz-placeholder {
  color: #1a1919;
}
.content-top form input:-ms-input-placeholder,
.content-bottom form input:-ms-input-placeholder {
  color: #1a1919;
}
.content-top form input::-moz-placeholder, .content-bottom form input::-moz-placeholder {
  color: #1a1919;
}
.content-top form input:-ms-input-placeholder, .content-bottom form input:-ms-input-placeholder {
  color: #1a1919;
}
.content-top form input::placeholder,
.content-bottom form input::placeholder {
  color: #1a1919;
}

.content-top {
  margin: 2rem auto 0;
}

.content-bottom {
  margin: 0 auto 2rem;
}

@media screen and (min-width: 768px) {
  .content-top form ul,
.content-bottom form ul {
    flex-direction: row;
    align-items: center;
  }
  .content-top form ul li,
.content-bottom form ul li {
    padding-right: 10px;
  }
}
.bnr {
  padding: 3rem 1rem 0;
}
.bnr-left, .bnr-right {
  padding: 1rem;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.17);
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
  transition: 0.47s;
}
.bnr-left a, .bnr-right a {
  color: inherit;
  text-decoration: none;
}
.bnr-left:hover, .bnr-right:hover {
  box-shadow: 0 6px 12px 0 rgba(31, 38, 135, 0.47);
}
.bnr-left {
  background: rgb(108, 188, 53);
  background: linear-gradient(180deg, rgba(108, 188, 53, 0.45) 0%, rgba(108, 188, 53, 0.68) 100%);
}
.bnr-right {
  background: rgb(8, 83, 140);
  background: linear-gradient(180deg, rgba(8, 83, 140, 0.45) 0%, rgba(8, 83, 140, 0.68) 100%);
  color: #fff;
}
.bnr-btn {
  margin-top: 0.75rem;
}

.list-title {
  font-size: 2rem;
}
.list-title-in {
  padding: 0;
  white-space: normal;
}
.list-title-in::before, .list-title-in::after {
  display: none;
}

.ect-2-columns,
.ect-3-columns {
  justify-content: space-between;
}
.ect-2-columns .entry-card-wrap,
.ect-3-columns .entry-card-wrap {
  background-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
  margin-bottom: 1rem;
}
.ect-2-columns .entry-card-wrap:hover,
.ect-3-columns .entry-card-wrap:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #1a1919;
}

.entry-card {
  display: flex;
  flex-direction: column;
}

.card-thumb img {
  border-radius: 9px;
}

.entry-card-content {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 0;
  height: 100%;
}

.entry-card-meta {
  position: inherit;
  margin-top: auto;
  text-align: inherit;
}

.entry-card-taxonomy {
  display: flex;
  justify-content: flex-end;
  font-size: 0.7em;
}
.entry-card-taxonomy .tax__ul {
  margin: 1rem 0 0;
  padding: 0;
  list-style-type: none;
  color: rgba(26, 25, 25, 0.78);
}
.entry-card-taxonomy .tax__li {
  padding-right: 5px;
  line-height: 1.4;
}
.entry-card-taxonomy .tax__li::before {
  padding-right: 1px;
  color: rgb(8, 83, 140);
  font-weight: 600;
}
.entry-card-taxonomy .tax__li--industry::before {
  content: "業界:";
}
.entry-card-taxonomy .tax__li--products::before {
  content: "製品:";
}
.entry-card-taxonomy .tax__li--purpose::before {
  content: "目的:";
}

@media screen and (min-width: 835px) {
  .ect-3-columns .entry-card-wrap {
    margin-bottom: 1.5rem;
    padding: 1rem;
    width: 32%;
  }
}
@media screen and (min-width: 1024px) {
  .list-new-entries .ect-3-columns .entry-card-wrap {
    padding: 1.5rem;
  }
  .list-new-entries .entry-card-taxonomy {
    display: block;
  }
  .list-new-entries .entry-card-taxonomy .tax__ul {
    display: flex;
    justify-content: space-between;
  }
  .list-new-entries .entry-card-taxonomy .tax__li {
    text-indent: -2.35em;
    margin-left: 2.3em;
  }
}
.ect-3-columns > *,
.fpt-3-columns > * {
  width: 32%;
}

.body .new-entry-cards {
  margin-bottom: 0;
}

.list-columns .widget-entry-cards .a-wrap {
  background-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(40, 40, 40, 0.25);
  border-right: 1px solid rgba(40, 40, 40, 0.25);
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
}
.list-columns .widget-entry-cards .a-wrap:hover {
  background: rgba(255, 255, 255, 0.9);
}

.list-more-button {
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid #fff;
  outline: none;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.25) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.list-more-button:hover {
  background-position: 99% 50%;
}

.cat-label,
.eye-catch .cat-label {
  top: inherit;
  left: inherit;
  bottom: 12px;
  right: 3px;
  border-radius: 7px;
  border-color: #fff;
}

.new-entry-cards .display-none {
  display: inline-block;
}
.new-entry-cards .display-none .new-entry-card-update-date {
  display: none;
}

.archive-title span {
  display: none;
}

pre,
.pager-links span,
table th,
.pagination .current {
  border-color: #fff;
}

.entry-content {
  padding-bottom: 1.5rem;
}

.entry-title,
.archive-title {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-size: clamp(2rem, 1.759rem + 1.2vw, 2.813rem);
}

@media screen and (max-width: 480px) {
  .entry-title {
    padding: 0.6em 0;
  }
}
.eye-catch-wrap img {
  border-radius: 23px;
}

.entry-categories-tags {
  margin-bottom: 4rem;
}

.cat-link,
.tag-link {
  margin-bottom: 0.5rem;
  border-radius: 100px;
  border: 1px solid rgba(26, 25, 25, 0.5);
  background: none;
  color: rgba(26, 25, 25, 0.78);
  transition: 0.3s;
}
.cat-link:hover,
.tag-link:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: #1a1919;
  opacity: 1;
}

.term-label {
  font-weight: 600;
}

.cat-link {
  padding: 0.5rem 1.25rem;
}

.tag-link {
  padding: 0.25rem 1rem;
  font-size: 11px;
}

.toc {
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  display: block;
  border-radius: 23px;
}

.toc-title {
  font-weight: 600;
}

.toc.tnt-number-detail ol li:before {
  color: rgba(26, 25, 25, 0.5);
}

.article h2:not(.glossary-toggle__h2),
.article h3,
.article h4,
.article h5,
.article h6 {
  margin: 4rem 0 1.5rem;
  line-height: 1.5;
}
.article h2 + h3,
.article h3 + h4,
.article h4 + h5,
.article h5 + h6 {
  margin-top: 0;
}
.article h2:not(.glossary-toggle__h2) {
  background-image: linear-gradient(100deg, hsl(96deg, 56%, 47%) 0%, hsl(138deg, 64%, 43%) 11%, hsl(158deg, 100%, 34%) 22%, hsl(168deg, 100%, 32%) 33%, hsl(179deg, 100%, 30%) 44%, hsl(188deg, 100%, 32%) 56%, hsl(195deg, 100%, 33%) 67%, hsl(199deg, 100%, 32%) 78%, hsl(202deg, 100%, 30%) 89%, hsl(206deg, 89%, 29%) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  font-size: 1.75rem;
  font-size: clamp(1.75rem, 1.528rem + 1.11vw, 2.5rem);
}
.article h3 {
  padding-left: 1rem;
  border-width: 0 0 0 5px;
  -o-border-image: linear-gradient(170deg, hsl(96deg, 56%, 47%) 0%, hsl(138deg, 64%, 43%) 21%, hsl(158deg, 100%, 34%) 30%, hsl(168deg, 100%, 32%) 39%, hsl(179deg, 100%, 30%) 46%, hsl(188deg, 100%, 32%) 54%, hsl(195deg, 100%, 33%) 61%, hsl(199deg, 100%, 32%) 69%, hsl(202deg, 100%, 30%) 79%, hsl(206deg, 89%, 29%) 100%) 1;
  border-image: linear-gradient(170deg, hsl(96deg, 56%, 47%) 0%, hsl(138deg, 64%, 43%) 21%, hsl(158deg, 100%, 34%) 30%, hsl(168deg, 100%, 32%) 39%, hsl(179deg, 100%, 30%) 46%, hsl(188deg, 100%, 32%) 54%, hsl(195deg, 100%, 33%) 61%, hsl(199deg, 100%, 32%) 69%, hsl(202deg, 100%, 30%) 79%, hsl(206deg, 89%, 29%) 100%) 1;
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.278rem + 1.11vw, 2.25rem);
}
.article h4 {
  padding: 0.75rem 0 0.75rem;
  border: none;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.028rem + 1.11vw, 2rem);
}
.article h5 {
  padding: 0.75rem 0 0.75rem;
  border: none;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.94rem + 0.93vw, 1.75rem);
}
.article h6 {
  padding: 0.75rem 0 0.75rem;
  border: none;
  font-size: 1rem;
  font-size: clamp(1rem, 0.852rem + 0.74vw, 1.5rem);
}

blockquote {
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  padding: 3rem;
}

blockquote::before,
blockquote::after,
.pager-post-navi a.a-wrap::before {
  color: #1a1919;
}

pre,
.pager-links span,
table th,
.pagination .current {
  background: #fff;
}

table tr:nth-of-type(2n+1) {
  background: rgba(255, 255, 255, 0.47);
}

table th,
table td {
  padding: 0.75rem 1.25rem;
}

.sns-share.ss-bottom,
.sns-follow {
  margin: 4rem 0;
}

.sns-share-message,
.sns-follow-message {
  padding-bottom: 1rem;
  font-weight: 600;
}

.sns-buttons a {
  border-radius: 9px;
}

.footer-meta .author-info {
  display: none;
}

.related-entry-heading,
.comment-title {
  margin-top: 4rem;
  padding: 0.75rem;
  border-left: 7px solid #1a1919;
}

.pager-post-navi.post-navi-square a,
.related-entry-card-wrap,
.rect-mini-card .related-entry-card-wrap,
.rect-vertical-card-3 .related-entry-card-wrap,
.rect-vertical-card-3 .related-entry-card-wrap {
  border-radius: 9px;
}

.fa-chevron-left:before,
.fa-chevron-right:before {
  color: #1a1919;
}

.key-btn {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.25);
}

.comment-reply-title {
  padding: 0.75rem 0;
}

.comment-form .comment-form-comment, .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url, .comment-form .comment-form-cookies-consent {
  margin-top: 1rem;
}

.column1-wide h1 {
  text-align: center;
}
.column1-wide .date-tags {
  display: none;
}
.column1-wide .article h2:not(.text-gradation) {
  margin-bottom: 0;
  background-image: linear-gradient(160deg, #1a1919 0%, rgba(26, 25, 25, 0.7) 57%, #1a1919 100%);
}

.content-only-wide h1 {
  text-align: center;
}

@media screen and (min-width: 835px) {
  .page.column1-wide.no-sidebar .main {
    padding: 3rem 4rem;
  }
}
.blank-box,
.is-style-blank-box-red,
.is-style-blank-box-navy,
.is-style-blank-box-blue,
.is-style-blank-box-yellow,
.is-style-blank-box-green,
.is-style-blank-box-pink,
.is-style-blank-box-orange,
.is-style-sticky-gray,
.is-style-sticky-yellow,
.is-style-sticky-red,
.is-style-sticky-blue,
.is-style-sticky-green,
.is-style-information-box,
.is-style-question-box,
.is-style-alert-box,
.is-style-memo-box,
.is-style-comment-box,
.is-style-ok-box,
.is-style-ng-box,
.is-style-good-box,
.is-style-bad-box,
.is-style-profile-box,
.information-box,
.question-box,
.alert-box,
.information,
.question,
.alert,
.memo-box,
.comment-box,
.common-icon-box {
  border-radius: 9px;
}

.common-icon-box {
  border-radius: 23px;
}

.is-style-information-box,
.information-box,
.information {
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-color: rgba(8, 83, 140, 0.5);
}
.is-style-information-box::before,
.information-box::before,
.information::before {
  border-color: rgba(8, 83, 140, 0.5);
  color: rgba(8, 83, 140, 0.5);
}

@media screen and (min-width: 1024px) {
  .wp-block-cocoon-blocks-info-box {
    padding: 3rem;
    border-radius: 23px;
  }
  .wp-block-cocoon-blocks-info-box h2:first-of-type {
    margin-top: 0;
  }
}
.light-box {
  background-color: rgba(255, 255, 255, 0.47);
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  color: rgba(26, 25, 25, 0.78);
}

.blogcard {
  border-radius: 9px;
  padding: 3% 4% 2%;
}
.blogcard-wrap {
  border-radius: 9px;
}
.blogcard-label {
  top: -20px;
  padding: 7px 1.5rem;
  border-radius: 9px;
  color: #1a1919;
}

.toggle-wrap {
  border-radius: 9px;
}

.toggle-button {
  padding: 1.7rem 1.5rem;
  border-width: 1px;
  border-radius: 9px;
  background: #fff;
  font-weight: 600;
  text-align: inherit;
}
.toggle-button::before {
  color: #1a1919;
}

.toggle-checkbox:checked ~ .toggle-content {
  padding: 1.5rem;
  border-width: 1px;
  border-top-width: 0;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

.timeline-box {
  border-color: #fff;
  border-radius: 9px;
}

.box-menu {
  background: rgba(255, 255, 255, 0.25);
  color: #1a1919;
}

.speech-icon img,
.speech-icon amp-img {
  border-color: #fff;
}

.search-form > div {
  border-color: rgba(26, 25, 25, 0.15);
  border-radius: 23px;
}

.search-form div.sbtn {
  background: rgb(108, 188, 53);
}

.page-about .main {
  background-image: url(images/container_bg.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: contain;
}

.pdt__sub {
  background-image: linear-gradient(100deg, hsl(96deg, 56%, 47%) 0%, hsl(138deg, 64%, 43%) 11%, hsl(158deg, 100%, 34%) 22%, hsl(168deg, 100%, 32%) 33%, hsl(179deg, 100%, 30%) 44%, hsl(188deg, 100%, 32%) 56%, hsl(195deg, 100%, 33%) 67%, hsl(199deg, 100%, 32%) 78%, hsl(202deg, 100%, 30%) 89%, hsl(206deg, 89%, 29%) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.75rem;
  padding-left: 5px;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.94rem + 0.93vw, 1.75rem);
  font-weight: 600;
  line-height: 1;
}

.pdt-feed {
  display: flex;
  flex-direction: column;
}
.pdt-feed__article {
  background-color: rgba(255, 255, 255, 0.47);
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem;
  color: #1a1919;
  text-decoration: none;
  transition: 0.45s;
}
.pdt-feed__article:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #1a1919;
  transition: 0.3s;
}
.pdt-feed__article__tmb--img {
  display: block;
  margin: 0 auto 0.75rem;
  border-radius: 9px;
}
.pdt-feed__article__footer p {
  margin: 0;
  color: rgba(26, 25, 25, 0.5);
  text-align: center;
}
.pdt-feed__link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: 3rem 0;
  border-radius: 23px;
  border: 2px solid #fff;
  outline: none;
  background: linear-gradient(90deg, rgb(108, 188, 53) 50%, #fff 50%, #fff 100%);
  background-position: 100% 50%;
  background-size: 200% auto;
  color: #1a1919;
  font-size: 1.5em;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.pdt-feed__link p {
  margin: 0;
}
.pdt-feed__link:hover {
  background-position: 0% 50%;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .pdt-feed {
    flex-direction: row;
    justify-content: space-between;
  }
  .pdt-feed__article,
.pdt-feed__link {
    width: 24%;
  }
}
.article .pdt-feed__article--h3 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1rem;
}

.casestudy__wrapper,
.exhibition__wrapper {
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  padding: 2rem;
}
.casestudy__wrapper h3,
.exhibition__wrapper h3 {
  margin-left: -2rem;
}

.casestudy__before {
  padding-bottom: 4rem;
  border-bottom: 1px solid #fff;
}

@media screen and (min-width: 835px) {
  .casestudy__before {
    padding-right: 1.75rem;
    padding-bottom: 0;
    border-right: 1px solid #fff;
    border-bottom: 0;
  }
  .casestudy__after {
    padding-left: 1.25rem;
  }
}
.article .casestudy__h2 h2,
.article .exhibition__h2 h2 {
  margin: 0;
}

.page-glossaries .entry-content,
.post-type-archive-glossary .entry-content {
  margin: 0;
  padding: 0;
}
.page-glossaries .entry-footer,
.post-type-archive-glossary .entry-footer {
  padding-top: 3rem;
}

h2.glossary-toggle__h2 {
  margin: 0;
  padding: 0;
  background: none;
}

.glossary-toggle__button {
  background: none;
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}
.glossary-toggle__button::before {
  color: #1a1919;
  opacity: 0.57;
}

.toggle-checkbox:checked ~ .glossary-toggle__content {
  border: 0;
  border-bottom: 1px solid #fff;
  background: rgba(255, 255, 255, 0.25);
}/*# sourceMappingURL=style.css.map */