.sub_mv.blog{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vw;
  background: no-repeat center/cover url(../img/blog_mv.jpg);
}
.sub_mv.blog h1:before{
  content: 'Blog';
}
.cate_menu_wrapper label,.cate_menu_wrapper input{
  display: none;
}
.blog_cate_nav, .info_cate_nav{
  width: 92%;
  max-width: 700px;
  margin: 100px auto;
}
.blog_cate_list, .info_cate_list{
  display: flex;
  justify-content: center;
}
.blog_cate_list li, .info_cate_list li{
  flex: 0 0 23%;
  margin-right: 1em;
}
.blog_cate_list a, .info_cate_list a{
  display: block;
  width: 100%;
  border: solid 3px var(--main-color);
  font-size: clamp(16px,1.1vw,20px);
  font-weight: 700;
  text-align: center;
  padding: 10px 3px;
}
.blog_cate_list li.current-cat a{
  background: var(--main-color);
  color: var(--main2-color);
}
.blog_article_list, .info_article_list{
  width: 92%;
  max-width: 1280px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 50px auto 20px;
}
.blog_article_list li{
  flex: 0 0 30%;
  margin-bottom: 10vw;
}
.blog_article_list li:not(:nth-child(3n)){
  margin-right: 4%;
}
.blog_article_list li article{
  height: 100%;
  transition: opacity .4s;
}
.related_title {
  text-align: center;
}
time span{
  font-size: clamp(20px,5vw,42px);
}
.date_head{
  display: flex;
  align-items: center;
}
.cate_tag{
  background: var(--main-color);
  color: var(--main2-color);
  padding: 5px 24px;
  margin-left: .5em;
  margin-top: 6px;
}
.blog_entry_title{
  height: auto;
  font-size: clamp(16px,1.4vw,20px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: .5em 0;
}
.blog_single_main .blog_entry_title{
  font-size: clamp(16px,2.4vw,26px);
}
.blog_content{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--main2-color);
  border: solid 2px var(--main-color);
  padding: 1.5em 3em;
}
.blog_content > img{
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 35 / 25;
}
.blog_content > p{
  height: 6.5em;
  margin: .5em 0 2em;
}
.sub_btn_area{
  display: flex;
  justify-content: flex-end;
}
.sub_btn_area .more_btn{
  width: 154px;
  position: relative;
  border: solid 1px var(--main-color);
  font-family: 'Noto Serif', serif;
  text-align: center;
  padding: 2px;
}
.sub_btn_area img{
  position: absolute;
  bottom: 5px;
  right: -26px;
  width: 54px;
  transition: right .4s ease-in-out;
}

/*個別記事*/

.blog_article_head{
  display: flex;
  padding-left: min(3vw,30px);
}
.blog_single_main .blog_article_area{
  width: 92%;
/*  max-width: 1280px*/;
	  max-width: 1100px;
  overflow-wrap: break-word;
  margin: 150px auto;
}
.blog_article{
  background: var(--main2-color);
  border: solid 2px var(--main-color);
  padding: min(3vw,50px);
}
.blog_article .blog_entry_title{
  height: auto;
}
.blog_article a{
  border-bottom: solid 1px #0000cd;
  color: #0000cd;
}
.blog_single_main .more_btn{
  width: 240px;
  font-family: 'Noto Serif', serif;
  margin: 2em 4em 0 0;
}

/*お知らせ*/
.sub_mv.info{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vw;
  background: no-repeat center/cover url(../img/info_mv.jpg);
}
.sub_mv.info h1.info_title:before{
  content: 'Information';
}
.info_article_list li{
  width: 100%;
  margin-bottom: 3em;
}
.info_article_list article a:first-child{
  display: block;
  align-items: center;
}
.info_content{
  background: var(--main2-color);
  border: solid 3px var(--main-color);
  padding: 15px 38px 15px 20px;
}
.info_content p{
  margin: .5em 0 1em;
}
/*お客様の声*/
.sub_mv.voice{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30vw;
  background: no-repeat center/cover url(../img/voice_mv.jpg);
}
.sub_mv.voice h1:before{
  content: 'Voice';
}
.voice_article_wrap{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.questionnaire-image{
  flex: 0 0 37%;
}
.blog_entry_title.voice:not(.single){
  width: fit-content;
  margin: 0 auto;
}
.blog_entry_title.voice.single{
  width: fit-content;
  margin: 0 auto 2rem;
}
.voice_content{
  width: 100%;
  flex: 0 0 60%;
  margin: 0 auto;
}
.voice_content dt{
  background: var(--gray-color);
  color: var(--main2-color);
  font-size: clamp(16px,1.8vw,20px);
  padding: 0.3rem 0.5rem;
  margin: 0 0 0.5rem;
  }
  .voice_content dd{
    padding: 0 0.5rem;
    margin-bottom: 1.2rem;
  }
/*WP pageNavi*/
.wp-pagenavi {/* 全体 */
  width: fit-content;
  margin: 0 auto 50px;
  font-size: 12px;
}
.wp-pagenavi a {/* フォント色 */
  color: #4a4a4a;
}
.pages {/* 左の表記 */
  margin-right: 20px;
}
.wp-pagenavi .current,
.wp-pagenavi a.page {/* ボタン */
  margin: 0 1em 6px 0;
  display: inline-block;
  border: solid 1px var(--gray-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}
.wp-pagenavi .current {
  border: none;
  background: var(--main-color);
  color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {/* ... */
  margin-right: 1em;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {/* 記号の削除 */
  display: none;
}
@media(max-width:920px){
  .blog_article_list li {
    flex: 0 0 47%;
  }
  .blog_article_list li:not(:nth-child(3n)){
    margin-right: 0;
  }
  .blog_article_list li:not(:nth-child(even)) {
    margin-right: 5%;
  }
  .blog_content {
    padding: 1.5em 2em;
  }
  .sub_btn_area img {
    right: -13px;
    width: 35px;
  }
  .blog_content > p {
    height: 5em;
  }
}

@media(max-width:600px){
  .cate_menu_wrapper label {
    display: block;
    padding : 8px;
    color: var(--main-color);
    font-size: clamp(16px,1.3vw,20px);
    font-weight: bold;
    background: var(--main2-color);
    cursor: pointer;
    width: 92%;
    margin: 50px auto 0;
    text-align: center;
    border: solid 3px var(--main-color);
  }
  .cate_menu_wrapper input[type="checkbox"] {
    display: none;
  }
  .cate_menu_wrapper .content {
    width: 92%;
    height: 0;
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
  }
  .cate_button:checked + .content {
    height: auto;
    padding: 8px;
    background: var(--main-color);
    color: var(--main2-color);
  }
  .blog_cate_list, .info_cate_list {
    flex-direction: column;
  }
  .blog_cate_nav, .info_cate_nav {
    margin: 16px auto;
  }
  .blog_cate_list li a:before, .info_cate_list li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 14px solid var(--main2-color);
    color: var(--main2-color);
  }
  .blog_cate_list li a, .info_cate_list li a {
    position: relative;
  }
  .blog_cate_list li, .info_cate_list li {
    width: 120px;
    margin: 0 auto;
  }
  .blog_content > p {
    height: 6em;
  }
  .blog_cate_list a, .info_cate_list a {
    text-align: left;
  }
  .info_content {
    padding: 15px 20px 15px 20px;
  }
  /*お客様の声*/
  .voice_article_wrap {
    flex-direction: column-reverse;
  }
}
@media(max-width:480px){
  .blog_article_list li {
    flex: 0 0 100%;
    margin-bottom: 18vw;
  }
  time span {
    font-size: clamp(38px,5vw,42px);
  }
  .blog_content > p {
    height: 3em;
  }
}

@media(min-width:920px){
  li article:hover .sub_btn_area img{
    right: -42px;
  }
  li article:hover{
    opacity: .6;
  }
  .blog_single_main a.more_btn:hover img{
    right: -42px;
  }
  .wp-pagenavi a.page:hover {
    background: var(--main-color);
    color: #fff;
  }
}

/*ブログ調整*/
.blog_article a{
	border-bottom:none;
}
.blog_article p{
	font-size:16px;
	line-height:1.9;
}
.blog_article h2.wp-block-heading{
	margin-top:70px;
	margin-bottom:10px;
	background:#505050;
	padding:8px 16px;
	color:#fff;
}
.blog_article h2.wp-block-heading:first-of-type{
	margin-top:20px;
}
.blog_article h3.wp-block-heading{
	margin-top:40px;
	margin-bottom:10px;
	padding-left:16px;
	border-left:solid 5px #505050;
}
.blog_article h4.wp-block-heading{
	margin-top:30px;
	margin-bottom:10px;
}
#ez-toc-container{
	margin-top:20px;
}
@media screen and (max-width: 767px){
	.blog_article h3.wp-block-heading{
font-size:18px;
}
.blog_article h4.wp-block-heading{
font-size:16px;
}
}

.blog_article .contact_main_area .contact_wrapper{
	padding-bottom:0;
}
.contact_banar{
	margin-top:30px;
}
.contact_banar a:hover{
	opacity:0.7;
}

/* 箇条書き*/
.blog_article .wp-block-list{
	list-style:disc;
	padding-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.blog_article .wp-block-list li{
	font-size:16px;
}

@media screen and (max-width: 767px){
	.blog_article .wp-block-list li{
	font-size:16px;
}
}
/* 目次*/
.mokuji_box{
    width: 70%;
    margin: 7% auto;
    padding: 20px;
    background-color: #fafafa;
    border: 1px solid #050505;;
}
.mokuji_box ul li{
    margin-top: 1%;
    font-weight: bold;
	    font-size: 0.9rem;
}
.mokuji_box ul li ul{
    margin-left: 3%;
    margin-bottom: 1%;
}
.mokuji_box ul li ul li{
    font-weight: normal;
    border-bottom: 1px dotted #ccc;
}
.mokuji_box ul li span{
    font-weight: bold;
    margin-right: 5px;
    color: #ccc;
}
.mokuji_box ul li a{
color:#505050;
}
@media screen and (max-width: 767px){
	    .mokuji_box {
        width: 100%;
        margin: 6% auto;
        padding: 20px;
        background-color: #fafafa;
        border: 1px solid #050505;
    }
    .mokuji_box ul li{
        margin-top: 2%;
            font-size: 0.8rem;
    }
}
/* 目次 */