@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.3
*/

body {
  overflow-x: hidden;
  color: #333;
  background: #fff;
  letter-spacing: 0.5px;
  background: #f3f3f3;
}

#container {
  overflow-x: hidden;
}

*:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.posts-not-found h2 {
  display: none;
}

.posts-not-found {
  padding-top: 7px;
}

img,video {
  vertical-align: bottom;
}

.mt-0 {
  margin-top: 0!important;
}

/* 幅 */
.main {
  padding: 35px 45px 40px;
  border-radius: 12px;
  background: #fff;
}

.content-in {
  -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
  margin-bottom: 50px;
}

.content {
  margin-top: 35px;
}

/* ヘッダー */
.tagline {
  display: none;
}

#header-container {
  padding: 0;
  background: linear-gradient(to right, #fff 80%, #ECF6FF 20%);

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 74px;
  z-index: 9999;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
  overflow: hidden;
}

.tagline {
  margin: 0;
}

#header {

}

.website-head-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.website-head-left {
  padding-left: 0px;
}

.website-note {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.website-name {
  display: none;
}

a.website-link {
  display: flex;
  align-items: flex-end;
  text-decoration: none;
  color: #333;
  transition: all 0.2s;
  width: 170px;
}

a.website-link img {
  width: 100%;
  max-width: 120px;
  height: auto;
}

a.website-link:hover {
  opacity: 0.7;
}

.website-sub {
  font-size: 20px;
  font-weight: 700;
  margin-left: 5px;
  line-height: 1;
  color: #FDD000;
}

.website-cta-list-link {
  background: #ECF6FF;
  font-weight: 500;
  padding: 10px 0px 10px 70px;
  position: relative;
}

.website-cta-list-link::before {
  content: "";
  display: block;
  width: 50px;
  height: 80px;
  background-image: url('../../../wp-content/uploads/2023/01/arrow.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -6px;
  left: 0px;
}

.head-cta-wrap {
  display: flex;
  align-items: center;
}

.head-cta-wrap .head-cta-item {
  margin-right: 20px;
  line-height: 1.5;
}

.head-cta-wrap .head-cta-item:last-child {
  margin-right: 0px;
}

.head-cta-desc {
  font-size: 14px;
  line-height: 1.3;
}

.head-cta-desc,
.head-cta-tel-top,
.head-cta-tel-bottom,
a.head-cta-mail {
  white-space: nowrap;
}

.head-cta-tel-top,
.head-cta-tel-bottom,
a.head-cta-mail {
  line-height: 1;
}

.head-cta-tel-top {
  font-size: 12px;
  margin-bottom: 3px;
}

.head-cta-tel-bottom {
  line-height: 1;
  font-size: 28px;
  font-weight: 700;
  font-family: 'Sofia Sans Extra Condensed', sans-serif;
}

.head-cta-tel-bottom i {
  margin-right: 5px;
  font-size: 22px;
}

a.head-cta-mail {
  display: block;
  text-decoration: none;
  background: #1967d2;
  color: #fff;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  transition: all 0.2s;
}

a.head-cta-mail:hover {
  opacity: 0.7;
}

a.head-cta-mail i {
  margin-right: 5px;
}

a.head-cta-mail .head-cta-mail-top {
  font-size: 12px;
  margin-bottom: 5px;
}

.sp-menu-form {
  margin: 15px 0;
}

#header-container .search-box,
.sp-menu-form .search-box,
.side-search .search-box {
  margin: 0;
}

.sp-menu-form .search-box {
  width: 280px;
  margin: 0 auto;
}

#header-container .search-box input[type="text"],
.sp-menu-form .search-box input[type="text"],
.side-search .search-box input[type="text"] {
  width: 280px;
  padding: 15px 58px 15px 50px;
  font-size: 14px;
  border-radius: unset;
  background: #ebeeff;
  border: 0px solid #333;
  border-radius: 32px;
}

.side-search .search-box input[type="text"] {
  width: 100%;
}

#header-container .search-box input[type="text"]::placeholder,
.sp-menu-form .search-box input[type="text"]::placeholder,
.side-search .search-box input[type="text"]::placeholder {
  color: #1967d2;
}

#header-container .search-box .search-submit,
.sp-menu-form .search-box .search-submit,
.side-search .search-box .search-submit {
  color: #1967d2;
  font-size: 14px;
  padding: 0 15px;

  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.search-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.search-icon span.fa-search {
  color: #1967d2;
}

/* メニュー */
.navi {
  background: #FDD000;
  padding: 25px 0 13px;

  margin-top: 74px;
}

.navi-in > ul {
  justify-content: center;
}

.navi-in > ul li {
  width: auto;
  height: auto;
  line-height: normal;
  margin-bottom: 12px;
  position: static;
}

.navi-in a {
  color: #64530C;
  font-size: 14px;
  font-weight: 500;
  transition: 0.2s;
  padding: 0 20px;
}

.navi-in a:hover {
  background: #FDD000;
  color: #64530C;
  opacity: 0.7;
}

.navi-in .has-icon {
  opacity: 1;
  font-size: 14px;
}

.navi-in > ul .sub-menu {
  padding: 12px 0;
  background: #fff6cc;
}

.navi-in > ul .sub-menu a:hover {
  background: #fff6cc;
}

.navi-in > ul .sub-menu a {
  padding: 12px 20px;
}

.navi-in > ul .sub-menu li {
  margin-bottom: 0;
}

/* リスト_トップページ_ピックアップ */
.top-list-title,
.sidebar h3,
h2.related-entry-heading,
h1.archive-title {
  padding: 0;
  margin: 0;
  border-radius: 0px;
  background: transparent;
  color: #333;
  font-weight: 500;
  font-size: 22px;
  position: relative;
  padding-left: 18px;
  line-height: 1.8;
}

.top-list-title::before,
.sidebar h3::before,
h2.related-entry-heading::before,
h1.archive-title::before {
  content: '';
  display: block;
  width: 8px;
  height: 100%;
  background: #1967d2;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  border-radius: 12px;
}


h1.archive-title span.fa-folder-open,
h1.archive-title span.fa-search,
h1.archive-title span.fa-user {
  display: none;
}

body.search #main form.search-box {
  display: none;
}

.mv-pickup {
  background: #fff8d6;
  padding: 35px 0;
}

.mv-pickup .new-entry-cards {
  margin: 0;
  padding: 0px 0;
}

.pickup-entry-cards {
  margin-top: 30px;
}

.pickup-entry-cards .a-wrap {
  padding: 0;
  margin: 0;
}

.pickup-entry-cards {
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5vw;
}

.pickup-entry-cards::after {
  content: none;
}

.pickup-entry-cards .a-wrap:nth-of-type(1) {

}
.pickup-entry-cards .a-wrap:nth-of-type(2) {

}
.pickup-entry-cards .a-wrap:nth-of-type(3) {

}

.pickup-entry-cards .widget-entry-card {
  height: auto;
}

.pickup-entry-cards .widget-entry-card-thumb {
  float: none;
}

.pickup-entry-cards figure {
  margin: 0;
  width: 100%;
  height: 100%;
}

.pickup-entry-cards figure img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px
}

.mv-label {
  display: inline-block;
  background: #fff;
  color: #1967d2;
  font-weight: 500;
  font-size: 14px;
  padding: 15px 5px;
  line-height: 1;
  writing-mode: vertical-rl;
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  white-space: nowrap;
}

.mv-label::before {
  content: '●';
  font-size: 50%;
  padding-bottom: 5px;
}

.pickup-entry-cards .widget-entry-card-content {
  margin: 0;
  position: static;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  width: 100%;
  padding: 10px 15px 5px;
  border-radius: 0 0 10px 10px;
}

.pickup-entry-cards .blog-desc-wrap,
article.type-post .blog-desc-wrap,
.related-entry-card-content .blog-desc-wrap,
.footer-pickup-entry-cards .blog-desc-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 3px 0 3px;
}

.pickup-entry-cards .blog-desc-wrap {
  padding-top: 0;
}

.pickup-entry-cards .e-card-info,
article.type-post .e-card-info,
.related-entry-card-content .e-card-info,
.footer-pickup-entry-cards .e-card-info {
  display: block;
  line-height: 1;
  margin-left: auto;
}

.pickup-entry-cards .e-card-info > span,
article.type-post .e-card-info > span,
.related-entry-card-content .e-card-info > span,
.footer-pickup-entry-cards .e-card-info > span {
  padding: 0;
  margin: 0;
  font-size: 14px!important;
  line-height: 1;
  display: block;
  margin-right: 5px!important;
  margin-bottom: 5px!important;
  color: #a6a1a0;
  font-weight: 400;
}

.pickup-entry-cards .e-card-info > span i,
article.type-post .e-card-info > span i,
.related-entry-card-content .e-card-info > span i,
.footer-pickup-entry-cards .e-card-info > span i {
  display: none;
}

.pickup-entry-cards .e-card-info {
  display: none;
}

.pickup-entry-cards .blog-date-cat,
article.type-post .blog-date-cat,
.related-entry-card-content .blog-date-cat,
.footer-pickup-entry-cards .blog-date-cat {
  font-size: 14px;
  line-height: 1;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: 700;
  color: #1967d2;
}


.pickup-entry-cards .blog-date-cat,
article.type-post .blog-date-cat,
.related-entry-card-content .blog-date-cat,
.footer-pickup-entry-cards .blog-date-cat {
  font-size: 12px;
  line-height: 1;
  margin-right: 8px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #1967d2;
  border: 1px solid #1967d2;
  padding: 4px 10px;
  border-radius: 15px;
  display: inline-block;
}

.pickup-entry-cards .blog-date-cat::before,
article.type-post .blog-date-cat::before,
.related-entry-card-content .blog-date-cat::before,
.footer-pickup-entry-cards .blog-date-cat::before {
  content:'\f07b';
  font-family:'Font Awesome 5 Free';
  font-weight:700;
  margin-right: 2px;
}

.pickup-entry-cards .new-entry-card-title,
article.type-post .entry-card-title,
.related-list .related-entry-card-title,
.footer-pickup-entry-cards .new-entry-card-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  margin-bottom: 10px;
  padding-top: 8px;
}

.pickup-entry-cards .new-entry-card-title {
  margin-bottom: 0px;
  font-size: 16px;
  padding-top: 0;
  margin-bottom: 5px;
}

.a-wrap,
.a-wrap .new-entry-card-title,
.a-wrap .entry-card-title,
.a-wrap .related-entry-card-title,
.a-wrap .new-entry-card-title,
.a-wrap .e-card-info > span,
.a-wrap .card-snippet,
.a-wrap .more-link,
.a-wrap span.popular-entry-card-title {
  transition: all 0.3s;
}

.a-wrap:hover .new-entry-card-title,
.a-wrap:hover .entry-card-title,
.a-wrap:hover .related-entry-card-title,
.a-wrap:hover .new-entry-card-title,
.a-wrap:hover .e-card-info > span,
.a-wrap:hover .card-snippet,
.a-wrap:hover span.popular-entry-card-title {
  color: #1967d2;
}

.a-wrap:hover .more-link {
  color: #1967d2;
  background: #fff;
}

.a-wrap:hover {
  background: transparent;
}

#list .a-wrap .entry-card-thumb,
.related-list .a-wrap .related-entry-card-thumb,
.pickup-entry-cards .a-wrap .widget-entry-card-thumb {
  overflow: hidden;
  border-radius: 10px;
}

.pickup-entry-cards .a-wrap .widget-entry-card-thumb {
  border-radius: 10px 10px 0px 0px;
}

#list .a-wrap .entry-card-thumb img,
.related-list .a-wrap .related-entry-card-thumb img,
.pickup-entry-cards .a-wrap figure img {
  transition: all 0.3s;
}
#list .a-wrap:hover .entry-card-thumb img,
.related-list .a-wrap:hover .related-entry-card-thumb img,
.pickup-entry-cards .a-wrap:hover figure img {
  transform: scale(1.1);
}

/* リスト */
#list .a-wrap,
.related-list .a-wrap {
  padding: 0;
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #Efefef;
}

#list .entry-card-thumb,
.related-list .related-entry-card-thumb {
  margin: 0;
  width: auto;
}

#list .card-thumb img,
.related-list .card-thumb img {
  width: 190px;
  height: 165px;
  object-fit: cover;
  border-radius: 10px;
}

#list .entry-card-content,
.related-list .related-entry-card-content {
  margin-left: 210px;
  padding: 0;
}

.entry-card-snippet,
.related-entry-card-snippet {
  font-size: 14px;
  line-height: 1.6;
}

.more-link-wrap {
  text-align: right;
}

.more-link {
  display: inline-block;
  background: #1967d2;
  color: #fff;
  font-size: 12px;
  padding: 6px 12px;
  line-height: 1;
  border-radius: 16px;
  border: 1px solid #1967d2;
}

.more-link i {
  margin-right: 5px;
}

/* リスト_フッター_ピックアップ */
.footer-mv-pickup {
  padding: 35px 0;
}

.footer-pickup-wrap {
  margin-top: 50px;
  margin-bottom: 40px;
}

.footer-pickup-bg {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
}

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

.footer-pickup-entry-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-pickup-entry-cards::after {
  content: none;
}

.footer-pickup-entry-cards .a-wrap {
  width: 48%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #333;
  padding: 20px 0;
}

.footer-pickup-entry-cards .blog-date-cat {

}

.footer-pickup-entry-cards .e-card-info > span {

}

.footer-pickup-entry-cards .new-entry-card-title {
  font-size: 16px;
}


.footer-pickup-entry-cards .widget-entry-card-thumb {
  float: none;
}

.footer-pickup-entry-cards figure {
  margin: 0;
  width: auto;
  height: auto;
}

.footer-pickup-entry-cards figure img {
  width: 120px;
  height: 90px;
  object-fit: cover;
  border-radius: 10px;
}

.footer-pickup-entry-cards .widget-entry-card-content {
  margin-left: 15px;
}

.footer-pickup-entry-cards .widget-entry-card {
  display: flex;
}

h3.footer-pickup-title {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}

/* サイドバー */
#sidebar {
  background: transparent;
  padding-top: 0;
}

.widget-sidebar {
  padding: 25px 15px 27px;
  border-radius: 12px;
  background: #fff;
}

.sidebar h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

#sidebar .popular-entry-cards {
  margin-bottom: 0;
}

#sidebar .widget-entry-cards .a-wrap {
  padding: 0;
  margin: 0;
  padding: 15px 0px;
  border-bottom: 1px solid #Efefef;
}

#sidebar .widget-entry-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#sidebar .widget-entry-cards.ranking-visible .card-thumb {
  margin: 0;
  width: 75px;
  height: auto;
  float: none;
}

#sidebar .widget-entry-cards.ranking-visible .card-thumb img {
  width: 75px;
  height: 60px;
  object-fit: cover;
}

#sidebar .widget-entry-card-content {
  margin: 0;
  width: calc(100% - 95px);
}

#sidebar span.popular-entry-card-title {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}

.widget-entry-cards.ranking-visible .card-thumb::before,
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
  background: #1967d2;
  opacity: 1;
  font-weight: 500;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -10px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  z-index: 999;
}

.widget_categories ul li.cat-item-3 {
  display: none;
}

.widget_categories ul li a {
  padding: 0;
  margin: 0;
  padding: 8px 0px;
  font-size: 14px;
  position: relative;
  transition: all 0.3s;
  border-bottom: 1px solid #Efefef;
}

.widget_categories ul li a:hover {
  background: transparent;
  color: #1967d2;
  transition: all 0.3s;
}

.widget_categories ul li a::before {
  content: '\f07b';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  margin-right: 4px;
}

.widget_categories ul li ul {
  padding-left: 15px;
}

.widget_categories ul.children li a {
  border-bottom: 0;
  font-size: 12px;
}

.widget_categories > ul > li > a,
.widget_categories > ul > li > a > .post-count {
  font-weight: 500;
  color: #1967d2;
}

.widget_categories ul li a .post-count {
  margin-left: 10px;
}

.widget_categories ul.children li a {
  border-bottom: 0;
}

.widget_categories ul.children li a::before {
  content: none;
}

.widget_custom_html {
  padding: 0;
  margin: 0;
  background: transparent;
}

a.side-service-item {
 display: block;
 text-decoration: none;
 position: relative;
 background: transparent;
 transition: all 0.3s;
}

a.side-service-item:hover {
  opacity: 0.7;
}

a.side-service-item figure {
  display: block;
  position: relative;
}

a.side-service-item figure::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 1;
}

a.side-service-item figure::before,
a.side-service-item figure img {
  border-radius: 12px;
}

a.side-service-item .side-service-title {
  writing-mode: vertical-rl;
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: #fff;
  color: red;
  z-index: 2;
  font-size: 14px;
  line-height: 1;
  padding: 15px 5px;
  white-space: nowrap;
  font-weight: 500;
}

a.side-service-item .side-service-title::before {
  content: '●';
  font-size: 50%;
  padding-bottom: 5px;
}

a.side-service-item .side-service-desc {
  position: absolute;
  bottom: 10px;
  left: 40px;
  color: #fff;
  z-index: 2;
  padding-right: 15px;
}

a.side-service-item .side-service-top {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  text-shadow: 1px 1px 8px rgb(0 0 0 / 25%);
}

a.side-service-item .side-service-bottom {
  text-align: center;
  margin-top: 5px;
}

a.side-service-item span.side-service-bottom-inner {
  display: inline-block;
  font-size: 12px;
  border: 1px solid #fff;
  padding: 5px 12px;
  line-height: 1;
  border-radius: 14px;
  font-weight: 500;
  text-shadow: 1px 1px 8px rgb(0 0 0 / 25%);
}

#custom_html-2 a.side-service-item .side-service-title {
  color: #E06827;
}

#custom_html-3 a.side-service-item .side-service-title {
  color: #00A679;
}

#custom_html-2 a.side-service-item figure::before {
  background: rgba(224, 104, 39, 0.4);
}

#custom_html-3 a.side-service-item figure::before {
  background: rgba(0, 166, 121, 0.4);
}

#popular_entries-2 p.popular-no-found {
  padding: 10px 10px 0;
}

/* 投稿ページ */
body.single article .eye-catch,
body.single article .eye-catch img {
  width: 100%;
}

body.single article figure.eye-catch span.cat-label {
  display: none;
}

body.single article .date-tags {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  margin-bottom: 0;
}

body.single article .post-update,
body.single article .post-date {
  display: block;
  margin: 0;
  font-size: 14px;
  white-space: nowrap;
}

body.single h1.entry-title {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 10px;
  letter-spacing: 0.3px;
  margin-top: 0;
}

body.single article .entry-content {
  margin-top: 0.5em;
}

.entry-categories a.cat-link {
  background: #1967d2;
  transition: all 0.2s;
  border-radius: 5px;
}

.entry-categories a.cat-link:hover {
  opacity: 0.7;
}

.entry-categories a.cat-link.cat-link-3 {
  display: none;
}

.single-header-desc {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.entry-categories-tags {
  margin-bottom: 0;
}

.entry-categories-tags > div,
body.single article .date-tags {
  margin-bottom: 15px;
}

/* 固定ページ */
body.page article.page .date-tags {
  display: none;
}

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

.career-block {
  width: 48%;
}

.career-block h3 {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0px;
  background: transparent;
  font-size: 18px;
  font-weight: 500;
}

ul.career-list {

}

ul.career-list li {

}

/* パンくず */
#breadcrumb {
  background-color: transparent;
}

.breadcrumb a:hover {
  color: #777;
}

.list-breadcrumb-category span.sp,
body.post-type-archive-news div.breadcrumb-home > span.sp.sp-b {
  margin-left: 5px;
}

body.archive.category #breadcrumb .breadcrumb-item {
  margin-left: 5px;
}

body.single #breadcrumb > div:nth-child(2) {
  margin-left: 5px;
}

body.single-news div.breadcrumb-home > span.sp.sp-b {
  margin: 0 5px;
}

body.archive.tag #breadcrumb .breadcrumb-item {
    margin-left: 5px;
}

body.archive.tag .breadcrumb .sp {
  margin: 0 6.2px 0 6.3px;
}

body.single .entry-tags {
  display: block;
}

/* フッター */
.footer {
  margin-top: 0px;
}

.navi-footer-in a {
  color: #333;
  transition: all 0.2s;
}

.navi-footer-in a:hover {
  color: #333;
  background: transparent;
  transition: none;
  text-decoration: underline;
}

.navi-footer-in a i {
  margin-left: 5px;
  font-size: 90%;
}

#footer {
  background: #FDD000;
  color: #333;
}

body.home #footer {
  margin-top: 0;
}

.footer-content-wrap {
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-bottom: 40px;
  margin-top: 20px;
}

.footer-ul {
  width: 35%;
  position: relative;
}

.footer-bottom.fdt-up-and-down .footer-bottom-content .footer-ul-inner .navi-footer-in > ul {
  justify-content: flex-start;
}

.footer-ul-inner .navi-footer-in > .menu-footer li {
  border-left: 0px solid #ddd;
  margin-bottom: 20px;
}

.footer-ul-inner .navi-footer-in > .menu-footer li:last-child {
  border-right: 0px solid #ddd;
}

.copyright {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #333;
}

.footer-box {
  width: 60%;
  padding: 30px 50px;
  background-color: #fff;
  color: #333;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}

.footer-box a.website-link {
  margin-bottom: 10px;
}

.footer-box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.website-company-wrap {
  display: flex;
  align-items: flex-end;
}

.website-company-title {
  font-weight: 700;
  font-size: 14px;
  padding-right: 5px;
  color: #64530C;
}

.website-company-wrap img {
  width: 100%;
  max-width: 200px;
  height: auto;
}

.footer-box p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0;
}

/* コンテンツ */
body.page article.type-page #toc {
  display: none;
}

.writer-box {
  background: #f3f3f3;
  font-size: 12px;
  padding: 30px;
}

.writer-title {
  margin-bottom: 10px;
}

.writer-info {
  display: flex;
}

.writer-item {
  margin-right: 20px;
}

.writer-item:last-child {
  margin-right: 0;
}

.writer-info .writer-img {
  width: 60px;
  background: #fff;
  padding: 10px;
}

.writer-info .writer-img img {
  width: 100%;
  height: auto;
}

.writer-company {
  margin-top: 5px;
}

.writer-company,
.writer-name .author-info .post-author {
  white-space: nowrap;
}

.writer-name .footer-meta {
  text-align: left;
}

.writer-name .author-info a.author-link {
  text-decoration: none;
  color: #64530C;
  font-weight: 700;
}

.writer-name .author-info .post-author {
  font-size: 15px;
  padding: 0;
  margin: 0;
}

.writer-name .author-info span.fa-pencil-alt {
  display: none;
}

.writer-name .author-info span.fa-pencil-alt:before {
  content: none;
}

.writer-item p {
  margin-bottom: 0;
}

.single-cta-wrap {
  background: #FDD000;
  padding: 40px;
  margin-top: 40px;
  color: #333;
  border-radius: 12px;
}

.single-cta-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.6;
}

.single-cta-desc {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1.8;
}

.single-cta-wrap a {
  display: inline-block;
  text-decoration: none;
  padding: 12px 24px;
  background: #1967d2;
  color: #fff;
  transition: all 0.2s;
  border-radius: 5px;
  font-weight: 500;
}

.single-cta-wrap a:hover {
  opacity: 0.7;
}

.sns-buttons a,
.sns-buttons a:hover {
  transition: all 0.3s;
}

#toc {
  background-color: #f3f3f3;
  padding: 20px 30px;
  margin: 3em 0;
  width: 100%;
  border: 0;
}

.toc-title {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  padding: 0;
}

#toc ol {
  margin: 0.5em 0;
}

#toc ol.toc-list > li > ol {
  margin: 0em 0;
}

ol.toc-list li {
  margin: 0;
}

ol.toc-list > li {
  margin-bottom: 5px;
}

ol.toc-list > li > ol {
  margin-top: 5px!important;
}

ol.toc-list li a {
  font-size: 16px;
  transition: all .2s;
  color: #1967d2;
}

ol.toc-list li a:hover {
  text-decoration: underline;
  color: #1967d2;
}

ol.toc-list > li > ol li {
  margin-bottom: 0px;
}

.toc.tnt-number-detail ol li:before {
  margin-right: 10px;
  font-size: 16px;
}

.toc .toc-list ul, .toc .toc-list ol {
  padding-left: 1.5em;
}

ol.toc-list > li > ol li {
  position: relative;
  padding-left: 15px;
}

ol.toc-list > li > ol li::before {
  content: ''!important;
  display: block;
  width: 10px;
  height: 2px;
  background: #333;
  position: absolute;
  top: 13px;
  left: 0;
}

ol.toc-list > li > a {
  font-weight: 500;
}

ol.toc-list > li > ol li a {
  color: #333;
  font-size: 14px;
}

ol.toc-list > li > ol li a:hover {
  color: #333;
}

body#tinymce {
  width: 100%;
}

h2.h-title,
body.page article.type-page h1.entry-title {
  margin: 2em 0 1em;
  padding: 0px;
  background-color: #1967d2;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

body.page article.type-page h1.entry-title {
  padding: 20px;
  border-radius: 2px;
  margin-top: 0;
}

h2.h-title > span {
  padding: 20px;
  display: inline-block;
}

h3.h-title,
body.page article.type-page h2.page-title {
  margin: 2em 0 1em;
  padding: 0px;
  border: 0;
  border-left: 8px solid #1967d2;
  font-size: 19px;
  color: #333;
  font-weight: 500;
  background: #f3f3f3;
  border-radius: 0;
  line-height: 1.4;
}

h3.h-title > span {
  padding: 20px;
  display: inline-block;
}

h4.h-title,
body.page article.type-page h3.page-title {
  margin: 2em 0 1.3em;
  padding: 0;
  border: 0;
  border-bottom: 3px solid #1967d2;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 7px;
  border-radius: 0;
  line-height: 1.4;
}

body.page article.type-page h2.page-title {
  padding: 15px 20px;
}

a.blogcard-wrap,
a.blogcard-wrap:hover {
  transition: all .2s;
}

a.blogcard-wrap .blogcard {
  padding: 20px;
}

.blogcard-thumbnail {
  margin-top: 0px;
  width: auto;
}

.blogcard-thumbnail img {
  width: 160px;
  height: 110px;
  object-fit: cover;
}

.blogcard-title {
  font-weight: 500;
  line-height: 1.7;
  text-decoration: underline;
}

.blogcard-content {
  margin-left: 175px;
}

.speech-wrap {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

.speech-person {
  width: 15%;
  min-width: 15%;
}

div.speech-balloon {
  padding: 15px 20px;
}

.dashed-box-gray,
.dashed-box-pink,
.dashed-box-yellow,
.dashed-box-blue {
  margin: 1.4em 0;
  padding: 30px;
}

.dashed-box-gray p:last-child,
.dashed-box-pink p:last-child,
.dashed-box-yellow p:last-child,
.dashed-box-blue p:last-child {
  margin-bottom: 0;
}

.dashed-box-gray {
  background: #fafafa;
  border: dashed 2px #dbdbdb;
}

.dashed-box-pink {
  background: #fef6fa;
  border: dashed 2px #F8AFD1;
}

.dashed-box-yellow {
  background: #fffae0;
  border: dashed 2px #FDD000;
}

.dashed-box-blue {
  background: #f5faff;
  border: dashed 2px #1967d2;
}

.border-solid {
  border-style: solid!important;
}

.is-style-primary-box, .primary-box, .sp-primary, .primary {
  color: #333;
  background-color: #d9f1fc;
  border-color: unset;
  padding: 30px;
}

.is-style-success-box, .success-box, .sp-success, .success {
  color: #333;
  background-color: #e6f4e9;
  border-color: unset;
  padding: 30px;
}

.is-style-info-box, .info-box, .sp-info, .info {
  color: #333;
  background-color: #fff3cd;
  border-color: unset;
  padding: 30px;
}

.is-style-warning-box, .warning-box, .sp-warning, .warning {
  color: #333;
  background-color: #fae0ec;
  border-color: unset;
  padding: 30px;
}

.is-style-danger-box, .danger-box, .sp-danger, .danger {
  color: #333;
  background-color: #f8d7da;
  border-color: unset;
  padding: 30px;
}

.box-label,
.box-label-pink,
.box-label-blue {
  position: relative;
  margin: 3.4em 0 1.4em;
  padding: 30px;
  border: solid 3px #FDD000;
  background: #fffae0;
}

.box-label p.box-title,
.box-label-pink p.box-title,
.box-label-blue p.box-title {
  position: absolute;
  display: inline-block;
  top: -35px;
  left: -3px;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  background: #FDD000;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
}

.box-label-pink {
  background: #fef6fa!important;
  border: solid 3px #F8AFD1!important;
}

.box-label-pink .box-title {
  background: #F8AFD1!important;
}

.box-label-blue {
  background: #f5faff!important;
  border: solid 3px #1967d2!important;
}

.box-label-blue .box-title {
  background: #1967d2!important;
}

.box-label p,
.box-label-pink p,
.box-label-blue p {
  margin: 0;
  margin-bottom: 1.4em;
}
.box-label p:last-child,
.box-label-pink p:last-child,
.box-label-blue p:last-child {
  margin-bottom: 0;
}

.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 {
  margin: 1.4em 0;
  padding: 30px 30px 30px 82px;
}

.is-style-information-box::before, .is-style-question-box::before, .is-style-alert-box::before, .is-style-memo-box::before, .is-style-comment-box::before, .is-style-ok-box::before, .is-style-ng-box::before, .is-style-good-box::before, .is-style-bad-box::before, .is-style-profile-box::before, .information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
  font-size: 40px;
  width: 50px;
}

.blank-box.bb-tab, .bb-tab.is-style-blank-box-#1967d2, .bb-tab.is-style-blank-box-navy, .bb-tab.is-style-blank-box-blue, .bb-tab.is-style-blank-box-yellow, .bb-tab.is-style-blank-box-green, .bb-tab.is-style-blank-box-pink, .bb-tab.is-style-blank-box-orange, .bb-tab.is-style-sticky-gray, .bb-tab.is-style-sticky-yellow, .bb-tab.is-style-sticky-#1967d2, .bb-tab.is-style-sticky-blue, .bb-tab.is-style-sticky-green {
  padding: 25px;
  margin-top: 2.5em;
}

body.single .article ul {
  margin: 1em 0;
  padding-left: 40px;
}

.good-box {
  background: #fef6fa;
  border: 1px solid #F8AFD1;
}

.good-box::before {
  color: #F8AFD1;
  border-right: 1px solid #F8AFD1;
}

.memo-box {
  background: #f5faff;
  border: 1px solid #1967d2;
}

.memo-box::before {
  color: #1967d2;
  border-right: 1px solid #1967d2;
}

.blank-box.bb-blue {
  border-color: #FDD000;
}

.blank-box.bb-tab.bb-blue .bb-label {
  background-color: #FDD000;
}

.blank-box.bb-green {
  border-color: #1967d2;
}

.blank-box.bb-tab.bb-green .bb-label {
  background-color: #1967d2;
}

.bad-box {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
}

.bad-box::before {
  color: #bfbfbf;
  border-right: 1px solid #bfbfbf;
}

/* ページネーション */
.pagination-next {
  display: none;
}

.pagination {
  margin: 37px 0 30px;
}

.page-numbers {
  color: #1967d2;
  border: 1px solid #1967d2;
  background-color: #fff;
  transition: all .2s;
  letter-spacing: 0;
  line-height: 45px;
}

.pagination a:hover {
  color: #fff;
  background-color: #1967d2;
  transition: all .2s;
}

.pagination .current {
  color: #fff;
  background-color: #1967d2;
}

@media screen and (max-width: 1023px){
  .content {
    margin-top: 28px;
  }
  .website-head-right {
    display: none;
  }
  #header-container {
    position: static;
    box-shadow: unset;
    background: #fff;
    height: auto;
    padding: 12px 0;
  }
  .website-head-wrap {
    justify-content: center;
  }
  a.website-link {
    width: auto;
    justify-content: center;
  }
  #navi {
    display: none;
  }
  .pickup-entry-cards {
    display: block;
  }

  .mv-pickup {
    padding: 27px 15px;
  }

  .pickup-entry-cards .a-wrap {
    margin-bottom: 20px;
  }

  .pickup-entry-cards .a-wrap:nth-last-child(1) {
    margin-bottom: 0px;
  }

  main.main,
  div.sidebar {
    margin: 15px;
  }

  .main {
    padding: 25px 15px 30px;
  }

  #sidebar {
    padding: 0;
    margin-bottom: 0;
    padding-top: 20px;
  }

  #sidebar #categories-2 {
    margin-bottom: 0;
  }

  .content-in {
    margin-bottom: 30px;
  }

  a.side-service-item .side-service-desc {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    padding-right: 0;
    width: 90%;
    text-align: center;
  }



  #custom_html-2,
  #custom_html-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* リスト */
  #list .a-wrap .entry-card-thumb,
  .related-list .a-wrap .related-entry-card-thumb,
  .pickup-entry-cards .a-wrap .widget-entry-card-thumb {
    float: none;
  }

  #list .entry-card-content,
  .related-list .related-entry-card-content {
    margin: 0;
  }

  #list .card-thumb img,
  .related-list .card-thumb img {
    width: 100%;
  }

  .top-list-title,
  .sidebar h3,
  h2.related-entry-heading,
  h1.archive-title {
    font-size: 18px;
    line-height: 1.8;
  }

  #list .a-wrap,
  .related-list .a-wrap {
    padding: 15px 0;
  }

  .pickup-entry-cards .new-entry-card-title,
  article.type-post .entry-card-title,
  .related-list .related-entry-card-title,
  .footer-pickup-entry-cards .new-entry-card-title {
    font-size: 16px;
  }

  #sidebar span.popular-entry-card-title,
  .widget_categories ul li a {
    font-size: 15px;
  }

  .entry-card-snippet,
  .related-entry-card-snippet {
    display: none;
  }

  .more-link-wrap {
    display: none;
  }

  .pickup-entry-cards .new-entry-card-title, article.type-post .entry-card-title, .related-list .related-entry-card-title, .footer-pickup-entry-cards .new-entry-card-title {
    margin-bottom: 0;
  }
  .pickup-entry-cards .blog-desc-wrap, article.type-post .blog-desc-wrap, .related-entry-card-content .blog-desc-wrap, .footer-pickup-entry-cards .blog-desc-wrap {
    margin-top: 5px;
  }
  .single-header-desc {
    display: block;
  }
  body.single article .date-tags {
    justify-content: flex-end;
  }
  .entry-categories-tags > div, body.single article .date-tags {
    margin-bottom: 10px;
  }
  /* ページ内 */
  h2.h-title, body.page article.type-page h1.entry-title {
    font-size: 18px;
  }

  h3.h-title, body.page article.type-page h2.page-title {
    font-size: 17px;
  }

  h4.h-title, body.page article.type-page h3.page-title {
    font-size: 16px;
  }

  h2.h-title > span,
  h3.h-title > span {
    padding: 15px;
  }

  body.page article.type-page h1.entry-title {

  }

  body.single article .eye-catch, body.single article .eye-catch img {
    margin-top: 7px;
  }

  .pagination-next {
    display: block;
  }

  .pagination-next a {
    background: #1967d2;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s;
  }

  .pagination-next a:hover {
    background: #1967d2;
    opacity: 0.7;
    transition: all 0.3s;
    color: #fff;
  }

  .page-numbers {
    line-height: 40px;
  }

  .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .pagination a.prev.page-numbers,
  .pagination a.next.page-numbers {
    display: none;
  }

  .head-cta-tel-bottom {
    font-size: 36px;
  }
  .head-cta-tel-bottom i {
    font-size: 28px;
  }
  .head-cta-tel-top {
    font-size: 16px;
    margin-bottom: 5px;
  }
  a.head-cta-mail {
    font-size: 18px;
    padding: 15px 20px;
  }
  a.head-cta-mail .head-cta-mail-top {
    font-size: 14px;
  }

  .writer-box {
    padding: 30px 20px;
    font-size: 14px;
  }
  .writer-company {
    margin-top: 3px;
  }
  .writer-info {
    flex-wrap: wrap;
  }
  .writer-item:last-child {
    width: 100%;
    margin-top: 10px;
  }
  .single-cta-wrap {
    padding: 30px 20px;
  }
  .single-cta-title {
    font-size: 18px;
    margin-bottom: 12px;
  }

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

  #breadcrumb {
    padding: 0em 15px;
  }

  .footer-mv-pickup {
    padding: 30px 15px;
  }

  .footer-content-wrap {
    display: block;
    margin-bottom: 10px;
  }

  .footer-box {
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 30px;
  }

  .footer-ul {
    width: 100%;
  }

  .footer-box-title {
    display: block;
  }

  .website-company-title {
    font-size: 12px;
  }
  .footer-box a.website-link {
    margin-bottom: 15px;
  }
  .footer-box p {
    margin: 20px 0;
    line-height: 1.8;
    font-size: 15px;
  }
  .website-company-wrap {
    justify-content: center;
  }
  .head-cta-wrap {
    display: block;
  }
  .head-cta-wrap .head-cta-item {
    text-align: center;
  }
  .head-cta-wrap .head-cta-item:last-child {
    margin-top: 15px;
  }
  .website-company-wrap img {
    max-width: 180px;
  }
  .footer-bottom {
    margin-top: 0;
  }
  .navi-footer-in > .menu-footer {
    display: block;
  }
  .footer-ul-inner .navi-footer-in > .menu-footer li {
    margin-bottom: 15px;
    text-align: left;
    width: 100%;
  }
  .copyright {
    position: static;
  }

  /* コンテンツ */
  .blogcard-thumbnail img {
    width: 90px;
    height: 80px;
  }

  .blogcard-content {
    margin-left: 105px;
  }

  .blogcard-snippet {
    display: none;
  }

  body.single article.type-post h1.entry-title {
    font-size: 20px;
    padding: 0;
  }

  body.page article.type-page h1.entry-title {
    padding: 15px;
    font-size: 18px;
  }

  #toc {
    padding: 20px;
    margin: 1em 0;
  }

  .speech-person {
    width: 20%;
    min-width: 20%;
  }

  .blogcard-title {
    font-size: 14px;
  }

  .dashed-box-gray, .dashed-box-pink, .dashed-box-yellow, .dashed-box-blue {
    padding: 30px 20px;
  }

  .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 {
    padding: 70px 26px 26px;
  }

  .is-style-information-box::before, .is-style-question-box::before, .is-style-alert-box::before, .is-style-memo-box::before, .is-style-comment-box::before, .is-style-ok-box::before, .is-style-ng-box::before, .is-style-good-box::before, .is-style-bad-box::before, .is-style-profile-box::before, .information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
    margin-left: -0.6em;
    top: 1em;
  }

  .is-style-primary-box, .primary-box, .sp-primary, .primary,.blank-box.bb-tab, .bb-tab.is-style-blank-box-#b7d150, .bb-tab.is-style-blank-box-navy, .bb-tab.is-style-blank-box-blue, .bb-tab.is-style-blank-box-yellow, .bb-tab.is-style-blank-box-green, .bb-tab.is-style-blank-box-pink, .bb-tab.is-style-blank-box-orange, .bb-tab.is-style-sticky-gray, .bb-tab.is-style-sticky-yellow, .bb-tab.is-style-sticky-#b7d150, .bb-tab.is-style-sticky-blue, .bb-tab.is-style-sticky-green {
    padding: 30px 20px;
  }

  .box-label, .box-label-pink, .box-label-blue {
    padding: 30px 20px;
  }

  table th, table td {
    padding: 7px;
    font-size: 15px;
  }

  .profile-wrap {
    display: block;
  }

  .profile-l,
  .profile-r,
  .profile-l img {
    width: 100%;
  }

  .profile-r {
    margin-top: 25px;
  }

  .good-box::before,
  .memo-box::before,
  .ng-box::before {
    border-right: 0;
  }

  /* モバイル */
  .mobile-menu-buttons {
    display: flex;
    align-items: stretch;
    box-shadow: unset;
    border-top: 1px solid #fff;
    z-index: 999;
  }

  .mobile-menu-buttons > li.menu-button {
    border-right: 1px solid #fff;
  }

  .mobile-menu-buttons > li.menu-button:hover {
    background: #FDD000;
  }

  .mobile-menu-buttons .menu-button > a {
    text-align: center;
  }

  span.menu-caption-company {
    font-size: 12px;
    background: #1967d2;
    padding: 2px 12px;
    color: #fff;
    display: inline-block;
  }

  .mobile-menu-buttons .menu-button {
    background: #FDD000;
  }

  span.menu-icon,
  span.menu-caption {
    color: #333;
    font-weight: 500;
  }

  .menu-drawer li {
    border-bottom: 1px solid #ccc;
  }

  .menu-drawer a {
    font-size: 16px;
    font-weight: 400;
    padding: 15px 15px;
  }

  .menu-drawer a i {
    margin-left: 3px;
    font-size: 80%;
  }

  .menu-close-button {
    margin-top: 10px;
  }

  .menu-close-button span.fa-times {
    font-size: 30px;
  }

  .mobile-menu-buttons .menu-caption {
    opacity: 1;
    font-size: 12px;
  }

  .mobile-menu-buttons > li {

  }

  .sp-menu-form {
    margin: 15px 15px;
  }

  .sp-menu-form .search-box input[type="text"],
  .sp-menu-form .search-box {
    width: 100%;
  }

  .side-search {
    padding: 0 15px;
  }


}

@media screen and (max-width: 834px){
  main.main,
  div.sidebar {
    padding: 21px 16px 30px;
    margin: 15px 0;
    border-radius: 0;
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  body.single article .post-update, body.single article .post-date {
    font-size: 12.5px;
  }

}