@charset "UTF-8";
/* ------------------------------------
		news
--------------------------------------*/
.tab{
 justify-content: center;
}
.tab li {
    border-radius: 23px;
    width: 130px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}
.tab li.current {
   pointer-events: none;
}
.tab li a{
 display: block;
 color: #fff;
}
@media screen and (min-width: 769px) {}/*-PC only-*/

@media screen and (max-width: 768px) {
   .tab{
      justify-content: flex-start;
     }
     

}/*-SP only-*/



/*------ single ------*/
article.inner{
 text-align: left;
}
.newsDetail .cat{
 display: inline-block;
    border-radius: 23px;
    border: 1px var(--basegr) solid;
    background: var(--basegr);
 min-width: 130px;
 padding: 0 10px;
 margin: 0 0 10px;
    color: #fff;
 font-size: 14px;
    text-align: center;
    line-height: 28px;
 letter-spacing: 0.06em;
}
.newsDetail .cat.blog{
 border-color: var(--basebl);
 background: var(--basebl);
}
.newsDetail .cat.family_open{
   border-color: #8FBC2F;
   background: #8FBC2F;
  }
.newsDetail h2{
 border-bottom: 1px #E4E6EC solid;
 padding: 0 0 20px;
 margin: 0 0 20px;
 font-size: 20px;
 font-weight: 700;
 text-align: left;
}
.newsDetail .date{
 margin: 0 0 40px;
 color: #999999;
 font-size: 14px;
 text-align: right;
}

.newsDetail article p{
 margin-bottom: 2em;
}
.newsDetail article figure{
 margin: 2em 0;
}
.newsDetail article img{
 height: auto;
}

.pageNavi{
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 110px;
}
.pageNavi li{
 width: 48px;
}
.pageNavi li a{
 display: block;
}
.pageNavi .prev a,
.pageNavi .next a{
 position: relative;
 background: #008383;
 width: 48px;
 height: 48px;
 text-indent: -9999px;
}
.pageNavi .prev a::after,
.pageNavi .next a::after{
 content: "";
 display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	border-top: 3px #fff solid;
	border-right: 3px #fff solid;
	width: 9px;
	height: 9px;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pageNavi .prev a::after{
 border:none;
	border-bottom: 3px #fff solid;
	border-left: 3px #fff solid;
	right: 16px;
}
.pageNavi .back{
 width: 60%;
 max-width: 322px;
}
.pageNavi .back a{
 border: 1px #008383 solid;
 background: #fff;
 color:var(--basegr) ;
 line-height: 58px;
 text-align: center;
}
@media screen and (min-width: 769px) {
.pageNavi .back{
 margin: 0 72px;
}
}/*-PC only-*/

@media screen and (max-width: 768px) {
.pageNavi{
 justify-content: space-between;
}
}/*-SP only-*/