@charset "utf-8";

/*
Theme Name: Simple
Theme URI:
Description:
Version: 2.0
Author: nw
*/

/* ==========================================================================

	BLOG

   ========================================================================== */


/* ------------------------------------------------------------ 基本レイアウト ------------------------------------------------------------ */


section .container aside {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-top: 1px dotted #ccc;
    padding-top: 50px;
}

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

    section .container aside {
        display: block;
    }

}

/* ------------------------------------------------------------ ナビゲーション ------------------------------------------------------------ */

/*--------------------------------
    検索コンテンツ
--------------------------------*/

/* 検索メニューボタン */

#search_btn {
    position: fixed;
    top: 110px;
    right: 30px;
    z-index: 1;
    width: 80px;
    height: 80px;
    cursor: pointer;
    background-color: #38603F;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

#search_btn svg {
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    fill: #fff;
    width: 43px;
    height: 43px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

@media only screen and (min-width: 813px) {
  #search_btn:hover {
    background-color: var(--color-highlight);
  }
  #search_btn:hover svg {
      fill: #38603F;
  }
}



@media only screen and (max-height: 700px) {

    #search_btn {
        /* position: absolute; */
        top: 90px;
        width: 60px;
        height: 60px;
    }

    #search_btn svg {
        width: 40px;
        height: 40px;
    }

}

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

    /* 検索ボタン */

    #search_btn {
        /* border-radius: 5px; */
        width: 40px;
        height: 40px;
        padding: 5px;
        /* position: absolute; */
        top:70px;
        right: 10px;
    }

    #search_btn svg {
        width: 30px;
        height: 30px;
    }
}

/* ナビ */

#blogNavi {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    position: fixed;
    top:0;
    left:0;
    z-index: 10000;
    background-color: #EDF4EE;
    width:100vw;
    height: 100vh;
    height: 100dvh;
    padding: 2em 0;
    overflow-y: scroll;
    -webkit-transition: 0.6s;
    transition: 0.6s;

    /* GPU acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity, transform;
}

#blogNavi {
    transform: scale(0)\9;
}

#blogNavi.on {
    top: 0;
}
_:-ms-lang(x)::-ms-backdrop, #blogNavi {
    transform: scale(0.95);
}

body.search-show #blogNavi {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ナビ出現時に背景でスクロールを止める処理 */

body.search-show {
    overflow: hidden;
    height: 100%;
}

#blogNavi .search_close {
    width: 100px;
    height: 100px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    cursor: pointer;
}

#blogNavi .search_close span {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#blogNavi .search_close span,
#blogNavi .search_close span:before {
    display: block;
    width: 2px;
    height: 50px;
    line-height: 1;
    background-color: #38603F;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    vertical-align: middle;
}

#blogNavi .search_close span:before {
    content: "";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* #blogNavi .search_close:hover {
    background-color: #38603F;
}

#blogNavi .search_close:hover span,
#blogNavi .search_close:hover span:before {
    background-color: #fff;
} */

/* 検索内容 */

#blogNavi .heading_gr2 {
    margin: 0 auto 1em;
    font-size: 2.0rem;
}

#blogNavi .heading_gr2 span:after {
    animation: lineAnime .5s cubic-bezier(0.87, 0, 0.13, 1) .5s forwards;
}

#blogNavi .blogNavi_ttl {
    margin-bottom: 1.5em;
    font-weight: 700;
}

#blogNavi .blogNavi_ttl span {
    display: inline-block;
    position: relative;
    line-height: 1.2;
    transition: all .6s cubic-bezier(0.87, 0, 0.13, 1);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

#blogNavi .blogNavi_ttl span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    display: block;
    width: 100%;
    height: 4px;
    background: #74AE74;
}

#blogNavi .col1-1 > * {
    margin-bottom: 0;
}

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

    #blogNavi {
        padding: 50px 0 50px;
    }

    #blogNavi.on {
        top: 0;
    }

    #blogNavi .search_close {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px;
    }

    #blogNavi .search_close span {
        top: calc(50% - 10px);
    }

    #blogNavi .search_close span,
    #blogNavi .search_close span:before {
        height: 20px;
    }

    #blogNavi .search_close:hover {
        background-color: #210000;
    }

    #blogNavi .search_close:hover span,
    #blogNavi .search_close:hover span:before {
        background-color: #fff;
    }

    #blogNavi .heading_gr2 {
        margin: 0 auto 2em;
        font-size: 2rem;

        display: none;
    }

    #blogNavi .blogNavi_ttl {
      margin-top: 2em;
      margin-bottom: 2em;
      text-align: center;
    }
    #blogNavi .heading_gr2 + .blogNavi_ttl {
      margin-top: 1em;
    }

}

/* 業種で探す */

.blogNavi_gyoushu {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2vw auto 3vw;
}

.blogNavi_gyoushu li {
    width:24%;
    margin:0 1.3% 15px 0;
}

.blogNavi_gyoushu li:nth-child(4n) {
    margin-right:0;
}

.blogNavi_gyoushu li div {
    display: -webkit-flex; /* Safari */
    display: flex; /* Chrome, Firefox, IE11 */
    -webkit-align-items: center;
    align-items: center;
    flex-flow: wrap;
    justify-content: space-around;
    padding: 15px 1%;
    background: #fff;
    font-weight: 700;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.8;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.blogNavi_gyoushu li div strong {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    color: #28623B;
}

@media only screen and (min-width: 813px) {
    .blogNavi_gyoushu li:hover div {
        background: var(--color-highlight);
    }
}

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

    /* .search_type {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blogNavi_gyoushu li,
    .blogNavi_gyoushu li:nth-child(4n) {
        width:100%;
        margin:0 0 4vw 0;
    } */

    .blogNavi_gyoushu li {
      width:48%;
      margin:0 4% 4vw 0;
      text-align: center;
    }

    .blogNavi_gyoushu li:nth-child(2n) {
      margin-right:0;
    }

    .blogNavi_gyoushu li strong {
      display: block;
      font-size: 1.4rem;
      padding: 0 0.5em;
    }
    .blogNavi_gyoushu li small {
      display: none;
    }
}

/* 効果・反響でさがす */

.blogNavi_result {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: left;
    justify-content: left;
    margin: 2vw auto 3vw;
    width: 100%;
}

.blogNavi_result li {
    width:22.75%;
    margin:0 3% 0 0;
    text-align: left;
}

.blogNavi_result li:nth-child(4n) {
    margin-right:0;
}

.blogNavi_result li div {
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    padding: 20px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.blogNavi_result li div img {
    width: 100%;
    max-height: 100%;
    height: auto;
}

.blogNavi_result li strong {
    display: inline-block;
    font-size: 1.6rem;
    color: #28623B;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 813px) {
    .blogNavi_result li:hover strong,
    .blogNavi_result li:active strong {
        color: #000;
    }
    .blogNavi_result li:hover div {
        color: #28623B;
        background: var(--color-highlight);
    }
    .blogNavi_result li:hover p {
        color: #28623B;
    }

}

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

    /* .blogNavi_result {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blogNavi_result li,
    .blogNavi_result li:nth-child(4n) {
        width:100%;
        margin:0 0 10vw 0;
    } */

  .blogNavi_result li {
      width:48%;
      margin:0 4% 5vw 0;
      text-align: center;
  }
  .blogNavi_result li:nth-child(2n) {
    margin-right:0;
  }
  .blogNavi_result li div {
    width: 80px;
    height: 80px;
    padding: 20px;
  }
  .blogNavi_result li strong {
    display: block;
    margin: 0.6em auto 0;
    font-size: 1.4rem;
  }
}


/* キーワード */

#blogNavi .search_tag {
    margin-bottom: 3vw;
}

#blogNavi .search_tag li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 0.5em;
    font-size: 1.6rem;
    font-size: min(1.6rem,16px);
}

#blogNavi .search_tag li a::before {
    content: "#";
}

#blogNavi .search_tag li a {
    color:#000;
}

@media only screen and (min-width: 813px) {
    #blogNavi .search_tag li a:hover,
    #blogNavi .search_tag li a:active {
        color:#28623B;
    }
}

@media only screen and (max-width: 812px) {
    #blogNavi .searchKeyword {
        margin: 0 auto 2em;
    }

    #blogNavi .search_tag {
        margin-bottom: 2em;
    }

    #blogNavi .search_tag li {
        font-size: 1.4rem;
        font-size: min(1.4rem,14px);
    }
    
    
}

/* 検索窓 */

.searchKeyword {
    max-width: 400px;
    position: relative;
    margin: 0;
    padding: 0;
}

.searchKeyword form input[type="text"] {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 5px;
    border: solid 2px #666;
    background-color: #ffffff;
    padding: 10px 40px 10px 10px;
}

.searchKeyword form button[type="submit"] {
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    will-change: opacity;
}

.searchKeyword form button[type="submit"] svg {
    max-width: 30px;
    max-height: 30px;
    fill: #666;
}

.searchKeyword form button[type="submit"]:hover {
    opacity: 0.6;
}

.searchKeyword form input::placeholder,
.searchKeyword form input::-webkit-input-placeholder,
.searchKeyword form input:-ms-input-placeholder,
.searchKeyword form input::-ms-input-placeholder {
    color: #666;
    font-size: 16px;
}

.searchKeyword form input[type="text"]:focus,
.searchKeyword form button[type="submit"]:focus {
    outline: 0;
}

/*---- SP ----*/

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

    .searchKeyword form input[type="text"] {
        height: 40px;
        font-size: 16px;
    }

    .searchKeyword form button[type="submit"] {
        width: 30px;
        height: 30px;
    }

    .searchKeyword form button[type="submit"] svg {
        max-width: 25px;
        max-height: 25px;
    }

    .searchKeyword form button[type="submit"]:hover {
        opacity: 1;
    }

}

/*--------------------------------
    検索結果なし
--------------------------------*/

section .container article .noresult {
    text-align: center;
}


/* ------------------------------------------------------------ 記事カラム ------------------------------------------------------------ */

/*--------------------------------
    記事ページ
--------------------------------*/


/* 記事情報（日付・カテゴリー） */

section .container article .post .postInfo {
    margin: 0 0 2em 0;
}

section .container article .post .postInfo span {
    display: inline-block;
    font-size: 1.4rem;
    margin: 0 2em 0 0;
}

section .container article .post .postInfo em {
    display: inline-block;
    font-size: 1.5rem;
    margin: 0 1.5em 0 0;
}

section .container article .post .postInfo em:last-of-type {
    margin: 0;
}

section .container article .post .postInfo em a	{
    color:#999;
}

@media only screen and (min-width: 813px) {
    section .container article .post .postInfo em a:hover,
    section .container article .post .postInfo em a:active {
        color:#333;
    }
}

/* 著者名 */

section .container article .post .postAuthor {
    display: -webkit-flex; /* Safari */
    display: flex; /* Chrome, Firefox, IE11 */
    -webkit-align-items: center;
    align-items: center;
}

section .container article .post .postAuthor span {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

section .container article .post .postAuthor em {
    display: inline-block;
    margin-left: 1em;
    font-size: 1.3rem;
}

/* 記事タイトル直上アーカイブ名 */

section .container article .post .archiveTitle {
	font-size: 1.8rem;
  margin-bottom: 0.8em;
}

/* 記事タイトル */

section .container article .post .postTitle {
	font-size: 2.8rem;
	line-height: 1.7;
	font-weight: normal;
	text-align: left;
	margin: .5em auto 1em;
  font-weight: 700;
}

/* タグ */

section .container article .post .postTag {
    margin: 50px 0 0;
}

section .container article .post .postTag em {
    display: inline-block;
    /* font-weight: 700; */
    margin: 0 1.5em 0 0;
    font-size: 1.6rem;
    font-size: min(1.6rem,16px);
}

section .container article .post .postTag em:last-of-type {
    margin: 0;
}

section .container article .post .postTag em a::before {
    content: "#";
}

section .container article .post .postTag em a {
    color:#888;
}

@media only screen and (min-width: 813px) {
    section .container article .post .postAuthor:hover span img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    section .container article .post .postAuthor:hover em,
    section .container article .post .postAuthor:active {
        color:#28623B;
    }

    section .container article .post .postTag em a:hover,
    section .container article .post .postTag em a:active {
        color:#333;
    }
}

@media only screen and (max-width: 812px) {
    section .container article .post .postTag em {
        font-size: 1.4rem;
        font-size: min(1.4rem,14px);
    }
}

/*--------------------------------
    目次（TOC）
--------------------------------*/

#toc_container .toc_title {
    font-size: 2rem;
    color: #38603F;
    font-weight: 700;
    margin: 3em auto 0;
}

#toc_container .toc_list {
    padding: 40px;
    border-top: solid 2px #38603F;
    border-bottom: solid 2px #38603F;
    margin: 1em auto;
}

#toc_container .toc_list li {
    margin-bottom: .5em;
    list-style-type: none;
    font-weight: 700;
    font-weight: 700;
    font-size: 2rem;
}

#toc_container .toc_list ul {
    margin-bottom: 1.5em;
}

#toc_container .toc_list ul li {
    font-size: 1.8rem;
}

#toc_container .toc_list ul ul li {
    font-weight: 400;
    font-size: 1.6rem;
}

#toc_container .toc_list ul:last-child {
    margin-bottom: 0;
}

#toc_container .toc_list ul {
    margin-top: 1em;
    padding-left: 2em;
}

#toc_container a:link,
#toc_container a:visited	{ color:#333; text-decoration:none; }
#toc_container a:hover,
#toc_container a:active	{ color:#999; text-decoration:none; }


@media only screen and (max-width: 812px) {
    #toc_container {
        margin: 2em auto;
    }

    #toc_container .toc_list {
        padding: 20px 3%;
    }

    #toc_container .toc_title {
        font-size: 18px;
    }

    #toc_container .toc_list li {
        margin-bottom: .3em;
        font-size: 1.6rem;
    }

    #toc_container .toc_list ul {
        margin-bottom: 1.4em;
    }

    #toc_container .toc_list ul li {
        font-size: 1.5rem;
    }

    #toc_container .toc_list ul ul li {
        font-weight: 400;
        font-size: 1.4rem;
    }

    #toc_container .toc_list ul {
        margin-top: .5em;
        padding-left: 1em;
    }


    #toc_container .toc_list > li > ul {
        padding-left: 1em;
    }

    #toc_container a:link,
    #toc_container a:visited	{ color:#333; text-decoration:none; }
    #toc_container a:hover,
    #toc_container a:active	{ color:#333; text-decoration:none; }

}

/*--------------------------------
    記事部分
--------------------------------*/

section .container article .post .postContents {
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 0.08em;
	word-break: break-all; /* 英語の時は消す */
  overflow-wrap : break-word;
  text-align: justify;
  margin-top: 2em;
}

section .container article .post .postContents:after {
    content: "";
    display: block;
    clear: both;
}

/* 記事内のスタイル */

section .container article .post .postContents a:link,
section .container article .post .postContents a:visited	{ color:#000; text-decoration:underline; }
section .container article .post .postContents a:hover,
section .container article .post .postContents a:active	{ color:#999; text-decoration:none; }

section .container article .post .postContents p {
  margin: 0 auto 2em;
	/* clear: both; */ /* 回り込みを禁止する場合 */
}

section .container article .post .postContents img {
	display: block;
	max-width: 100%;
  /* width: 100%; */
	height:auto;
  margin: 0 auto 2em;
}

section .container article .post .postContents .aligncenter {
  margin: 0 auto 2em;
}

section .container article .post .postContents .alignleft {
	float: left;
  margin: 0 1em 2em 0;
}

section .container article .post .postContents .alignright {
	float: right;
  margin: 0 0 2em 1em;
}

section .container article .post .postContents .wp-caption {
	max-width: 100%;
}

section .container article .post .postContents .wp-caption-text {
	font-size: .83em;
	margin-top: -5px;
}

section .container article .post .postContents strong {
	font-weight: bold;
}

section .container article .post .postContents em {
	font-style: italic;
}

section .container article .post .postContents blockquote {
	font-style: italic;
	margin: 1.12em 40px;
	color: #666;
}

section .container article .post .postContents pre {
    white-space: normal;
}

section .container article .post .postContents ul,
section .container article .post .postContents ol {
	margin: 1.12em 0;
}

section .container article .post .postContents ul li {
	list-style-type: disc;
}

section .container article .post .postContents ol li {
	list-style-type: decimal;
}

section .container article .post .postContents h1 {
	font-size: 2em;
	margin: 1.34em 0 .67em;
	font-weight: bold;
	text-align: left;
}

section .container article .post .postContents h2 {
	font-size: 1.5em;
	margin: 1.5em 0 .75em;
	font-weight: bold;
	text-align: left;
}

section .container article .post .postContents h3 {
	font-size: 1.17em;
	margin: 1.66em 0 .83em;
	font-weight: bold;
	text-align: left;
}

section .container article .post .postContents h4 {
	margin: 2.24em 0 1.12em;
	font-weight: bold;
	text-align: left;
}

section .container article .post .postContents h5 {
	font-size: .83em;
	margin: 3.0em 0 1.5em;
	font-weight: bold;
	text-align: left;
}

section .container article .post .postContents h6 {
	font-size: .75em;
	margin: 3.34em 0 1.67em;
	font-weight: bold;
	text-align: left;
}

section .container article .post .postContents iframe[src*="youtube"] {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    min-height: 474px; /* ポストエリア幅843pxのとき画角16:9想定で */
}

/* section .container article .post .postContents *:last-child {
    margin-bottom: 0;
} */

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

    section .container article .post {
      margin: 0 0 40px;
      padding: 0 0 40px;
    }

    /* 記事情報（日付・カテゴリー） */

    section .container article .post .postInfo {
    }

    section .container article .post .postInfo span {
      font-size: 1.2rem;
      margin: 0 2em 0 0;
    }

    section .container article .post .postInfo em {
      font-size: 1.2rem;
      margin: 0 1em 0 0;
    }

    section .container article .post .postInfo em a:link,
    section .container article .post .postInfo em a:visited	{ color:#999; }
    section .container article .post .postInfo em a:hover,
    section .container article .post .postInfo em a:active	{ color:#999; }

    /* 記事タイトル */

    section .container article .post .postTitle {
        font-size: 1.8rem;
        margin: 0 auto 1.2em;
    }

    /* タグ */

    section .container article .post .postTag {
        margin: 50px 0 0;
    }

    section .container article .post .postTag em {
        font-size: 1.3rem
    }

    section .container article .post .postTag em a:link,
    section .container article .post .postTag em a:visited	{ color:#999; }
    section .container article .post .postTag em a:hover,
    section .container article .post .postTag em a:active	{ color:#999; }

    /* 記事部分 */

    section .container article .post .postContents {
        font-size: 1.4rem;
        line-height: 1.8;
        letter-spacing: 0.08em;
    }

    /* 記事内のスタイル */

    section .container article .post .postContents a:link,
    section .container article .post .postContents a:visited	{ color:#000; text-decoration:underline; }
    section .container article .post .postContents a:hover,
    section .container article .post .postContents a:active	{ color:#000; text-decoration:underline; }

    section .container article .post .postContents p {
        margin: 0 auto 15px;
    }

    section .container article .post .postContents img {
        width:100%;
        margin: 0 auto 1.5rem;
    }

    section .container article .post .postContents img.alignright {
        margin: 0 auto 1.5rem;
    }

    section .container article .post .postContents img.alignleft {
        margin: 0 auto 1.5rem;
    }

    section .container article .post .postContents iframe[src*="youtube"] {
        min-height: 190px; /* ポストエリア幅337pxのとき画角16:9想定で */
    }
}



/* ------------------------------------------------------------ アーカイブ ------------------------------------------------------------ */


/*--------------------------------
    アーカイブページ
--------------------------------*/

/* アーカイブタイトル */

section .container article .archiveTitle {
    display: block;
    font-size: 2.8rem;
    font-weight: bold;
    color: #28623B;
    margin: 0 0 2em 0;
}

section .container article .archiveTitle span {
    display: inline-block;
    margin-left: 1em;
    font-size: 1.4rem;
}

section .container article .archiveMessage {
    font-weight: bold;
    padding: 20px;
    border: solid 4px #447F46;
    color: #447F46;
    margin: 2em auto 4em;
    line-height: 1.6;
}

section .container article .archiveMessage + .btn_more {
    text-align: right;
    margin-top: -4rem;
    margin-bottom: 10rem;
}

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

    /* アーカイブタイトル */

    section .container article .archiveTitle {
        font-size: 2rem;
        text-align: center;
    }

    section .container article .archiveTitle span {
        display: block;
        font-size: 1.2rem;
        margin-top: 1em;
    }

    section .container article .archiveMessage {
        padding: 10px;
        border: solid 2px #447F46;
    }

    section .container article .archiveMessage + .btn_more {
        margin-bottom: 4rem;
    }
}


/*--------------------------------
    関連リンク
--------------------------------*/

section .container article .related {
    margin: 20rem 0 0 0;
}

section .container article .related ul {
    margin: 5em auto 0;
}

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

    /* 関連リンク */
    section .container article .related {
        margin: 50px 0;
    }

    section .container article .related ul {
        margin: 3em auto 0;
    }
}


/* ------------------------------------------------------------ 操作系 ------------------------------------------------------------ */


/*--------------------------------
    前後記事リンク
--------------------------------*/

.pagelink {
    display: -webkit-flex; /* Safari */
    display: flex; /* Chrome, Firefox, IE11 */
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 8em;
}

.pagelink::after {
    content: "";
    display: block;
    clear: both;
}

.pagelink .pageprev {
    max-width: 40%;
    position: relative;
    padding: 0 0 0 30px;
    overflow: hidden;
}

.pagelink .pageprev::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/arrow_left2.svg) no-repeat center center / contain;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.pagelink .pageprev:hover::after {
    -webkit-transform:translate(-2px, -50%);
    transform:translate(-2px, -50%);
}

.pagelink .pagenext {
    max-width: 40%;
    position: relative;
    text-align: right;
    padding: 0 30px 0 0;
    overflow: hidden;
}

.pagelink .pagenext::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/arrow_right2.svg) no-repeat center center / contain;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.pagelink .pagenext:hover::after {
    -webkit-transform:translate(2px, -50%);
    transform:translate(2px, -50%);
}

.pagelink .pagelink_top {
    display: block;
    margin: 0 auto;
    width: 150px;
}

.pagelink .pagelink_top a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
}

.pagelink .pagelink_top a:link,
.pagelink .pagelink_top a:visited {
    color:#fff;
    background-color: #29813F;
}

@media only screen and (min-width: 813px) {
    .pagelink .pagelink_top a:hover,
    .pagelink .pagelink_top a:active {
        color:#fff;
        background-color: #000;
    }
}
@media only screen and (max-width: 812px) {

    .pagelink {
        font-size: 12px;
        margin: 4em 0 8em;
    }
    
    .pagelink .pageprev:hover::after {
        -webkit-transform:translate(0, -50%);
        transform:translate(0, -50%);
    }
    
    .pagelink .pagenext:hover::after {
        -webkit-transform:translate(0, -50%);
        transform:translate(0, -50%);
    }
}


/*--------------------------------
    ページネーション
--------------------------------*/

.pagenation {
    margin-top: 60px;
    text-align: center;
}

.pagenation ul {
    padding: 0;
    list-style: none;
    font-size: 0;
}

.pagenation ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 55px;
}

.pagenation ul li a {
    display: block;
    width: 55px;
    height: 55px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.pagenation ul li a:hover {
    background-color: #29813F;
    color: #fff;
    text-decoration: none;
}

.pagenation ul li span.current {
    display: block;
    width: 55px;
    height: 55px;
    background-color: #29813F;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.pagenation ul li a.prev {
    width: 55px;
    height: 55px;
    background: url(/assets/images/arrow_left2.svg) no-repeat left center;
    background-size: 55px auto;
    border: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.pagenation ul li a.next {
    width: 55px;
    height: 55px;
    background: url(/assets/images/arrow_right2.svg) no-repeat right center;
    background-size: 55px auto;
    border: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.pagenation ul li a.prev:hover {
    background-color: transparent;
    -webkit-transform:translate(-2px, 0);
    transform:translate(-2px, 0);
}

.pagenation ul li a.next:hover {
    background-color: transparent;
    -webkit-transform:translate(2px, 0);
    transform:translate(2px, 0);
}

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

    .pagenation {
        margin: 40px 0;
    }

    .pagenation ul li {
        margin: 0 4px;
        font-size: 12px;
        line-height: 40px;
    }

    .pagenation ul li a {
        width: 20px;
        height: 40px;
    }

    .pagenation ul li span.current {
        width: 40px;
        height: 40px;
    }

    .pagenation ul li a.prev {
        padding: 0 10px;
    }

    .pagenation ul li a.prev {
        padding: 0;
        width: 40px;
        height: 40px;
        background: url(/assets/images/arrow_left2.svg) no-repeat right center;
        background-size: 40px auto;
    }

    .pagenation ul li a.next {
        padding: 0;
        width: 40px;
        height: 40px;
        background: url(/assets/images/arrow_right2.svg) no-repeat right center;
        background-size: 40px auto;
    }

    .pagenation ul li a.prev:hover,
    .pagenation ul li a.next:hover {
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0);
    }

}


/* ------------------------------------------------------------ 実績 ------------------------------------------------------------ */

/* 実績 テーブル */

.jisseki_table {
    margin-top: 8em;
}

.jisseki_table table {
    width: 100%;
    margin-top: 4em;
}

.jisseki_table table tr th {
    border: 2px solid #28623B;
    background: rgb(214, 239, 222);
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
}

/* .jisseki_table table tr th:first-of-type {
    width: auto;
} */

.workshop .jisseki_table table tr th:nth-of-type(1) {
  width: 10%;
}
.workshop .jisseki_table table tr th:nth-of-type(2) {
  width: 40%;
}
.workshop .jisseki_table table tr th:nth-of-type(3) {
  width: 20%;
}
.workshop .jisseki_table table tr th:nth-of-type(4) {
  width: 20%;
}
.workshop .jisseki_table table tr th:nth-of-type(5) {
  width: 10%;
}

.consulting .jisseki_table table tr th:nth-of-type(1) {
  width: 20%;
}
.consulting .jisseki_table table tr th:nth-of-type(2) {
  width: 40%;
}
.consulting .jisseki_table table tr th:nth-of-type(3) {
  width: 40%;
}

.jisseki_table table tr td {
    border: 2px solid #28623B;
    padding: 10px;
    vertical-align: middle;
    line-height: 1.5;
}

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

  .jisseki_table table {
      width: 100%;
/*        table-layout: auto;*/
/*        font-size: 1.3rem;*/
  }

  .jisseki_table table tr th {
      padding: 5px;
  }

  .jisseki_table table tr td {
      padding: 5px;
      font-size: 1.4rem;
      font-size: min(1.4rem,14px);
  }

  .jisseki_table .table_wrap {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .jisseki_table .table_wrap table {
    width: 200%;
  }
}