@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-image: url('../../../wp-content/uploads/bg01.jpg');
}

body.single .entry-content {
  margin-bottom: 1em;
}

#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;
}

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;
}

.tagline {
  margin: 0;
}

#header {
  padding: 10px 0;
}

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

.site-name-text-link {
  padding: 0;
}

.logo-text {
  padding: 0;
}

.website-note-left a {
  display: block;
  text-decoration: none;
  color: #333;
}

.website-name-wrap {
  display: flex;
  align-items: center;
}

.website-name-left {
  width: 50px;
}
.website-name-left img {
  width: 100%;
  height: auto;
}

.website-name-right {
  width: calc(100% - 50px);
  padding-left: 10px;
  text-align: left;
}
.website-name-text-top {
  background: #b6d468;
  display: inline-block;
  line-height: 1;
  /* font-size: 12px; */
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 15px;
  margin-bottom: 7px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
}
.website-name-text-bottom {
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
  color: #006A38;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
  white-space: nowrap;
}

.website-note-wrap {
  display: flex;
  align-items: center;
}

.website-note-left a {
  display: block;
  text-decoration: none;
  transition: all 0.3s;
}

.website-note-left a:hover {
  opacity: 0.7;
}

.website-note-right {
  margin-left: 20px;
}

.website-note-right p {
  font-size: 14px;
  line-height: 1.5;
}

ul.website-cta-list {
  padding: 0;
  margin: 0;
  list-style: none;

  display: flex;
  align-items: center;
}

ul.website-cta-list li {
  margin: 0;
  margin-left: 12px;
}

ul.website-cta-list li:first-child {
  margin-left: 0px;
}

ul.website-cta-list li a {
  display: block;
  text-decoration: none;
  background: #b6d468;
  color: #fff;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 30px;
  font-weight: 500;
  transition: all 0.3s;
  white-space: nowrap;
}

ul.website-cta-list li a:hover {
  opacity: 0.7;
}

ul.website-cta-list li a i {
  margin-left: 8px;
  font-size: 90%;
}

ul.website-cta-list li:nth-child(2) a {
  background: #88c9f1;
}

ul.website-cta-list li:nth-child(3) a {
  background: #f2abb8;
}

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

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

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

#header-container .search-box input[type="text"],
.sp-menu-form .search-box input[type="text"] {
  width: 250px;
  padding: 15px 30px 15px 20px;
  font-size: 14px;
  border-radius: unset;
  background: #f4f7e3;
  padding-right: 28px;
  border: 0px solid #333;
  border-radius: 32px;
}

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

#header-container .search-box .search-submit,
.sp-menu-form .search-box .search-submit {
  color: #a2bd32;
  font-size: 16px;
  top: calc(50% - 8px);
  padding: 0 10px;
}

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

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

.navi-in > ul li {
  width: auto;
  height: auto;
  line-height: normal;
  border-right: 1px solid #fff;
  padding: 0 12px;
  margin-bottom: 12px;
}

.navi-in > ul li:last-child {
  border-right: 0px solid #fff;
}

.navi-in a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.navi-in a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.navi-in a:hover {
  background: #b6d468;
  color: #fff;
}

.navi-in a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* リスト_トップページ */
.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: 20px;
  line-height: 1.8;
}

.top-list-title::before,
.sidebar h3::before,
h2.related-entry-heading::before,
h1.archive-title::before {
  content: '';
  display: block;
  width: 12px;
  height: 100%;
  background: #b6d468;
  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 {
  display: none;
}

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

img.img-float {
  float: left;
  width: 200px;
  padding-top: 14px;
  padding-bottom: 5px;
  padding-right: 15px;
  background: #fff;
}


.mv-label {
  position: absolute;
  top: 0;
  left: 20px;
  display: inline-block;
  background: #b6d468;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  padding: 7px 10px;
  line-height: 1;
}

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


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

article.type-post .e-card-info > span,
.related-entry-card-content .e-card-info > span,
.new-entry-card-content .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;
}

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

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


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


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


.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: #b6d468;
}

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

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

#sidebar .widget-entry-cards.ranking-visible .a-wrap .card-thumb {
  overflow: hidden;
}

#list .a-wrap .entry-card-thumb,
.related-list .a-wrap .related-entry-card-thumb,
.new-entry-cards .a-wrap .new-entry-card-thumb {
  overflow: hidden;
  border-radius: 10px;
}
#list .a-wrap .entry-card-thumb img,
.related-list .a-wrap .related-entry-card-thumb img,
.new-entry-cards .a-wrap .new-entry-card-thumb img,
#sidebar .widget-entry-cards.ranking-visible .a-wrap .card-thumb img {
  transition: all 0.3s;
}
#list .a-wrap:hover .entry-card-thumb img,
.related-list .a-wrap:hover .related-entry-card-thumb img,
.new-entry-cards .a-wrap:hover .new-entry-card-thumb img,
#sidebar .widget-entry-cards.ranking-visible .a-wrap:hover .card-thumb img {
  transform: scale(1.1);
}

/* リスト */
#list .a-wrap,
.related-list .a-wrap,
.new-entry-cards .a-wrap {
  padding: 0;
  margin: 0;
  padding: 30px 0;
  border-bottom: 3px dashed #EAE8E4;
}

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

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

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

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

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

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

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

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

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

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

.sidebar h3::before {
  left: 15px;
}


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

#sidebar .widget-entry-cards .a-wrap {
  padding: 0;
  margin: 0;
  border-bottom: 2px dashed #EAE8E4;
  padding: 15px 15px;
}

#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: #b6d468;
  opacity: 1;
  font-weight: 500;
}

.widget_categories ul li a {
  padding: 0;
  margin: 0;
  border-bottom: 2px dashed #EAE8E4;
  padding: 15px 30px 15px 15px;
  font-size: 14px;
  position: relative;
  transition: all 0.3s;
}

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

.widget_categories ul li a::after {
  content : "\f054";
  font-family:'Font Awesome 5 Free';
  font-size: 18px;
  font-weight:700;
  position: absolute;
  top: 51%;
  right: 15px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  color: #b6d468;
  transition: all 0.3s;
}

.widget_categories ul li a:hover::after {
  right: 10px;
}

.widget_categories ul li a .post-count {
  display: inline-block;
  float: none;
  margin-left: 10px;
}

.widget_categories ul li a .post-count::before {
  content: '( '
}
.widget_categories ul li a .post-count::after {
  content: ' )'
}

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


a.side-service-item {
  display: block;
  text-decoration: none;
  color: #fff;
  background: #b6d468;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1;
  font-weight: 400;
  transition: all 0.3s;
  border-radius: 12px;
}

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

a.side-service-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  background: #fff;
}

.side-service-top {
  font-size: 14px;
  margin: 10px 0;
}

.side-service-title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 500;
}

#custom_html-3 .side-service-title,
#custom_html-6 .side-service-title {
  font-size: 17px;
}

.side-service-bottom {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #fff;
  padding: 7px 20px;
  margin-bottom: 10px;
  border-radius: 15px;
  font-weight: 500;
}

.side-service-bottom i {
  margin-left: 5px;
  font-size: 130%;
}


#custom_html-2 a.side-service-item img {
  height: 160px;
}

#custom_html-2 a.side-service-item {
  background: #88c9f1;
}
#custom_html-3 a.side-service-item {
  background: #f2abb8;
}
#custom_html-4 a.side-service-item {
  background: #eac357;
}
#custom_html-5 a.side-service-item {
  background: #bfb3ff;
}
#custom_html-6 a.side-service-item {
  background: #ff968f;
}
#custom_html-7 a.side-service-item {
  background: #2BE2B1;
}
#custom_html-4 a.side-service-item img,
#custom_html-5 a.side-service-item img {
  border-radius: 8px;
}



#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-end;
}

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

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

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

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

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

ul.link-list {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 10px;
}

ul.link-list li {
  margin: 0;
  margin-bottom: 8px;
}

ul.link-list li a {
  transition: all 0.3s;
}

ul.link-list li a:hover {
  opacity: 0.7;
}

.primary-box {
  background: #f4faf6;
  color: #333;
  border: dashed 1px #4ab063;
  border-radius: 0;
  padding: 30px 20px;
}

.primary-box ul {
  padding: 0;
  margin: 0 20px;
  list-style: none;
}

.primary-box ul li {
  margin-bottom: 10px;
}

.primary-box ul li::before {
  content: "＊ ";
  font-weight: 700;
}



/* 固定ページ */
body.front-top-page article h1.entry-title {
  display: none;
}

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



a.a-btn {
  transition: all 0.3s;
}
a.a-btn:hover {
  opacity: 0.7;
}


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



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;
}

/* パンくず */
#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 {
  background: #f5f5f5;
  margin-top: 0;
}

#footer .website-note-wrap {
  padding-top: 20px;
  align-items: normal;
}

#footer .website-note-left {
  padding-top: 7px;
  width: 255px;
}

#footer .website-note-right {
  margin-left: 0;
  width: calc(100% - 255px);
  padding-left: 20px;
}

#footer .website-note-right p {
  line-height: 1.8;
}

.website-note-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.footer-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 20px 0 0;
}

ul.footer-menu-list {
  padding: 0;
  margin: 0;
  list-style: none;

  display: flex;
}

ul.footer-menu-list li {
  margin: 0;
  margin-right: 20px;
}

ul.footer-menu-list li a {
  display: block;
  color: #333;
  text-decoration: none;
}

ul.footer-menu-list li a:hover {
  text-decoration: underline;
}

ul.footer-menu-list li a i {
  margin-left: 4px;
  font-size: 90%;
}

.footer-menu-right .copyright {
  margin-top: 0;
}

body.page article.type-page #toc {
  display: none;
}

/* コンテンツ */
.sns-buttons a,
.sns-buttons a:hover {
  transition: all 0.3s;
}

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

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

#toc ol {
  margin: 1em 0;
}

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

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

ol.toc-list > li > ol {
  margin-top: 15px!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: 5px;
}

.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;
}

body#tinymce {
  width: 100%;
}

h2.h-title,
body.page article.type-page h1.entry-title {
  margin: 2em 0 1em;
  padding: 0px;
  background-color: #b6d468;
  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 #b6d468;
  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: 5px dotted #b6d468;
  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;
}

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

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

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

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

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






h2.r-title {
  margin: 2em 0 1em;
  padding: 0px;
  background-color: #8BB60D;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px;
}
h3.r-title {
  margin: 2em 0 1em;
  padding: 0px;
  border: 0;
  border-left: 8px solid #b6d468;
  font-size: 19px;
  color: #333;
  font-weight: 500;
  background: #f3f3f3;
  border-radius: 0;
  line-height: 1.4;
  padding: 20px;
}
h4.r-title {
  margin: 2em 0 1.3em;
  padding: 0;
  border: 0;
  border-bottom: 5px dotted #b6d468;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 7px;
  border-radius: 0;
  line-height: 1.4;
}
.green-box {
	background: #f1fccf;
  border: 0px solid #8BB60D;
  color: #374805;
	border-radius: 2px;
  padding: 30px 20px;
}
h5.r-title,
h6.r-title {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 16px;
  font-weight: 400;

  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
h5.r-title {
  position: relative;
  padding: 0.7rem 1rem;
  border: 4px solid #b6d468;
  border-radius: 2px;
  background: #f3f3f3;
  margin: 2rem 0 1.3rem;
}
h6.r-title {
  border-left: 10px double #b6d468;
  padding: 3px 0 3px 13px;
  margin: 2em 0 1.3em;
}

.page-author {
  border: 1px solid #ccc;
  position: relative;
  padding: 30px;
  margin-top: 80px;
  margin-bottom: 30px;
}
.page-author-tab {
  position: absolute;
  top: -50px;
  left: 0;
  background: #4bb465;
  color: #fff;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  border-radius: 10px 10px 0 0;
}
.page-author-head {
  margin-bottom: 12px;
  text-align: center;
}
.page-author-name {
  font-size: 30px;
  font-weight: 700;
}
ul.page-author-career {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 22px;
}
ul.page-author-career li {
  margin: 0;
}
.page-author-content p {
  margin: 0;
}
.page-author-youtube {
  margin-top: 20px;
}
.page-author-youtube a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: #EC1C23;
  color: #fff;
  font-size: 26px;
  border-radius: 12px;
  font-weight: 700;
  padding: 20px 10px;
  line-height: 1.6;
  letter-spacing: 2px;
}
.page-author-youtube-icon {
  margin-right: 15px;
  display: flex;
  align-items: center;
}
.page-author-youtube-icon i {
  font-size: 200%;
}
.page-author-youtube-note {
  background: #FBD22E;
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1;
  padding: 15px 0;
  border-radius: 10px;
  position: relative;
}
.page-author-youtube-note::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  width: 0;
  height: 0;
  box-sizing: border-box;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #FBD22E;
  z-index: 1;
}

#custom_html-7 .side-service-top,
#custom_html-10 .side-service-top {
  background: red;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  padding: 7px;
}
#custom_html-7 .side-service-title,
#custom_html-10 .side-service-title {
  font-size: 24px;
}

span.sp-br::before {
  content: none;
}
.website-note-right {
  display: none;
}


span.color-style-01 {
  color: #0177D1;
}
span.color-style-02 {
  color: #DD803B;
}
span.color-style-03 {
  display: inline-block;
  background: #FFF7D4;
  padding: 5px 5px;
  border-radius: 5px;
}
.sp-block {
  display: none;
}
.header-symbol-navi {
  background: #b6d468;
}
.header-symbol-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  margin: 15px 0;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}
.header-symbol-wrap li.symbol-style-01 {
  margin-right: 10px;
}
.header-symbol-wrap li.symbol-style-01:last-child {
  margin-right: 0;
}
.header-symbol-wrap li.symbol-style-01 a {
  display: block;
  /* width: 84px; */
  width: 150px;
  height: 75px;
  border: 1px solid #000;
  text-decoration: none;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding-top: 6px;
  line-height: 1;
  letter-spacing: 0;
  transition: all 0.2s;
}
.header-symbol-wrap li.symbol-style-01 a:hover {
  opacity: 0.6;
}
.header-symbol-wrap li.symbol-style-01:nth-child(1) a {
  background: #f3afbd;
  border: 3px solid #ea7189;
}
.header-symbol-wrap li.symbol-style-01:nth-child(2) a {
  background: #FBD22E;
  border: 3px solid #be9904;
  color: #333;
}
.header-symbol-wrap li.symbol-style-01:nth-child(3) a {
  background: #34a6fe;
  border: 3px solid #0177D1;
}
.header-symbol-wrap li.symbol-style-01:nth-child(4) a {
  background: #f15b60;
  border: 3px solid #d31219;
}
.header-symbol-wrap li.symbol-style-01:nth-child(5) a {
  background: #51BD51;
  border: 3px solid #2e7a2e;
}
.header-symbol-wrap li.symbol-style-01:nth-child(6) a {
  background: #f9984d;
  border: 3px solid #c36822;
}
.header-symbol-wrap li.symbol-style-01 a img {
  width: auto;
  height: 38px;
  object-fit: contain;
  margin-bottom: 5px;
}
.header-symbol-wrap li.symbol-style-01:nth-child(6) a img {
  height: 30px;
  margin-bottom: 3px;
}
.symbol-style-title {
  font-size: 12.5px;
  font-weight: 700;
}
.header-symbol-wrap li.symbol-style-01:nth-child(6) .symbol-style-title {
  font-size: 12px;
}


@media (min-width: 1024px) and (max-width: 1230px){
  #header {
    padding: 15px 15px;
  }

  .website-note-right p {
    font-size: 13px;
  }

  ul.website-cta-list li {
    margin-left: 10px;
  }

  ul.website-cta-list li a {
    padding: 12px 12px;
    font-size: 12px;
  }

  #header-container .search-box input[type="text"] {
    width: 200px;
  }

  .navi-in > ul li {
    padding: 0 8px;
  }

  .content {
    padding-left: 15px;
  }

  #sidebar {
    padding-left: 15px;
  }
}

@media screen and (max-width: 1023px){
  span.sp-br::before {
    content: "\A";
    white-space: pre;
  }
  .website-name-text-bottom {
    line-height: 1.4;
  }
  .website-name-text-top {
    letter-spacing: 0;
  }
  img.img-float {
    float: none;
  }
  .content {
    margin-top: 27px;
  }

  #header {
    padding: 10px 0;
  }

  .tagline {
    display: block;
    text-align: left;
    padding: 0 15px;
    line-height: 1.5;
  }

  #navi {
    display: none;
  }

  .website-head-wrap {
    justify-content: center;
  }

  #header .website-note-right {
    display: none;
  }

  .site-name-text {
    font-size: 22px;
  }

  .website-head-right {
    display: none;
  }

  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: 1.4em;
  }

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

  #custom_html-2,
  #custom_html-3,
  #custom_html-4,
  #custom_html-5,
  #custom_html-6,
  #custom_html-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* sp-menu */

  /* リスト */
  #list .a-wrap .entry-card-thumb,
  .related-list .a-wrap .related-entry-card-thumb,
  .new-entry-cards .a-wrap .new-entry-card-thumb {
    float: none;
  }

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

  #list .card-thumb img,
  .related-list .card-thumb img,
  .new-entry-cards .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,
  .new-entry-cards .a-wrap {
    padding: 15px 0;
  }

  article.type-post .entry-card-title,
  .related-list .related-entry-card-title,
  .new-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,
  .new-entry-card-snippet {
    display: none;
  }

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

  article.type-post .entry-card-title,
  .related-list .related-entry-card-title,
  .new-entry-cards .new-entry-card-title {
    margin-bottom: 0;
  }

  /* ページ内 */
  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;
  }

  .pagination-next {
    display: block;
  }

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

  .pagination-next a:hover {
    background: #b6d468;
    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;
  }

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

  #breadcrumb {
    padding: 0em 15px;
  }

  .career-wrap {
    display: block;
  }

  .career-block {
    width: 100%;
  }

  .side-service-title {
    font-size: 18px;
  }

  a.side-service-item img {
    height: auto!important;
  }

  #footer .website-name-wrap {
    justify-content: center;
  }

  #footer .website-name-right {
    width: auto;
  }

  #footer .website-note-wrap {
    display: block;
  }

  #footer .website-note-left {
    padding-bottom: 15px;
    width: 100%;
  }

  #footer .website-note-right {
    margin-left: 0;
    width: 100%;
    padding: 0;
  }

  .footer {
    padding: 8px 15px;
  }

  .website-note-title {
    font-size: 18px;
  }

  .footer-menu-wrap {
    display: block;
  }

  ul.footer-menu-list {
    display: block;
    margin-bottom: 20px;
  }

  ul.footer-menu-list li {
    margin: 0;
    text-align: left;
    margin-bottom: 10px;
  }

  #sidebar .widget-entry-cards .a-wrap,
  .widget_categories ul li a {
    border-bottom: 3px dashed #EAE8E4;
  }

  /* コンテンツ */
  .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: 30px;
  }

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

  .primary-box {
    padding: 10px 0px;
  }

  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;
  }


  article.type-post .blog-desc-wrap, .related-entry-card-content .blog-desc-wrap, .new-entry-card-content .blog-desc-wrap {
    flex-wrap: wrap;
  }
  article.type-post .e-card-info, .related-entry-card-content .e-card-info, .new-entry-card-content .e-card-info {
    margin-left: unset;
  }

  /* モバイル */
  .sp-menu-form .search-box input[type="text"] {
    width: 250px;
  }

  .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:last-child {
    border-right: 0px solid #fff;
  }

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

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

  span.menu-caption-company {
    font-size: 13px;
    background: #006A38;
    padding: 2px 12px;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
  }

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

  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;
  }

  h2.r-title {
    font-size: 18px;
  }
  h3.r-title {
    font-size: 17px;
  }
  h4.r-title {
    font-size: 17px;
  }
  h2.r-title,
  h3.r-title {
    padding: 15px;
  }

  h5.r-title,
  h6.r-title {
    font-size: 16px;
  }

  .page-author-tab {
    font-size: 18px;
  }
  .page-author {
    padding: 20px 15px;
  }
  .page-author-name {
    font-size: 24px;
  }
  .page-author-youtube-note {
    font-size: 18px;
  }
  .page-author-youtube a {
    letter-spacing: 0;
    font-size: 18px;
    padding: 20px 5px;
  }
  .page-author-youtube-icon {
    margin-right: 10px;
  }


  .sp-block {
    display: block;
  }
  .header-symbol-navi {
    background: #fff;
    padding: 0 10px;
  }
  .header-symbol-wrap {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
  }
  .header-symbol-wrap li.symbol-style-01 {
    margin-right: 0;
    width: 31.7%;
    margin-bottom: 10px;
  }
  .header-symbol-wrap li.symbol-style-01 a {
    width: 100%;
    height: 80px;
    padding-top: 8px;
  }
  .symbol-style-title,
  .header-symbol-wrap li.symbol-style-01:nth-child(6) .symbol-style-title {
    font-size: 14px;
  }

}

/*834px以下*/
@media screen and (max-width: 834px){
  main.main,
  div.sidebar {
    padding: 21px 16px;
    margin: 15px 0;
    border-radius: 0;
  }
  body.single article .post-update, body.single article .post-date {
    font-size: 12.5px;
  }
}

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