@charset "utf-8";
/*------------------------------------------------------------
NEWS
------------------------------------------------------------*/
.mv{
  overflow: hidden;
  position: relative;
  text-align: center;min-width: 1200px;margin: auto
}
.mv img{;border-radius: 0  0 50px 50px;}
.mv h2{position: absolute;left: 0;right: 0;margin: auto;top: 50%;z-index: 10; font-weight: bold; font-size: 3.1rem;letter-spacing: 0.1em;text-indent: 0.1em; line-height: 1;color: #fff;text-shadow: 2px 2px 3px rgba(0,92,164,1);}
.mv h2 span{font-size: 1.3rem}

@media screen and (max-width: 1200px) {/*小さい画面*/
.mv{ min-width: 100%;}
.mv .inner--base{width: 100%}
.mv img{height: 40vh!important;min-height: 300px; object-fit: cover;border-radius: 0  0 30px 30px}
.mv h2{font-size: calc(0.25vw + 1.5rem);}
}



.page_sec h3{font-weight: bold; font-size: 3.6rem;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1;}
.page_sec h3 span{font-size: 1.2rem}
@media screen and (max-width: 1200px) {/*小さい画面*/
.page_sec h3{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.page_sec h3 span{font-size: calc(0.25vw + 1rem);}
}

.news_waku{margin-top: 50px}
.news_sidenav{width: 20%}
.news_contents{width: 76%}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.news_contents{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;width: 100%;}
.news_sidenav{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;width: 100%;margin: 30px 0}
}


.news_sidenav ul{background: #f7f2ea;border-radius: 30px;}
.news_sidenav ul li{}
.news_sidenav ul li a{display: block;padding:20px;position: relative;font-weight: bold;border-top: 1px solid #fff}
.news_sidenav ul a:after {content: "";    position: absolute;    left: 86%;top: 50%; width: 13px;height: 13px;transform: translateY(-50%);	background: url("../images/news_arrow.svg");background-size: cover;}
.news_sidenav ul a:hover,
.news_sidenav ul li a.act{background: #f5aa57;color: #fff}
.news_sidenav ul li:first-child a{border-top:none;border-radius: 30px 30px 0 0;}
.news_sidenav ul li:last-child a{border-radius: 0px 0px 30px 30px;}
.title_arc{margin-top: 60px;font-size: 2rem;text-align: center}
.title_arc span{font-size: 1.5rem;color: #aaabab;padding-left: 10px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.news_sidenav ul{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;border-radius: 0px;}
.news_sidenav ul::after {
display: block;
content:"";
width: 33%;
}
.news_sidenav ul li{width: 33%}
.news_sidenav ul li a{padding:8px;}
.news_sidenav ul li:first-child a{border-radius: 0;}
.news_sidenav ul li:last-child a{border-radius:0px;}
}


.news_contents dl{border-bottom: 1px dashed #595757;margin-bottom: 30px;padding-bottom: 30px}
.news_contents dl dt{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;
justify-content: flex-start;-webkit-justify-content: flex-start;align-items: center;
}
.news_contents dl dt .date{width: 140px;text-align: left}
.news_contents dl dt .cat{background: #333;padding: 3px 0px;font-size: 1.3rem; border-radius: 50px;color: #fff;text-align: center;width: 120px}
.news_contents dl dt .info{background: #dd0010}
.news_contents dl dt .shopping{background: #a9cd77}
.news_contents dl dt .flyer{background: #48c0f0}
.news_contents dl dt .nursing{background: #f094ac}
.news_contents dl dt .recruit{background: #fbc841}
.news_contents dl dt .activity{background: #f5aa57}
.news_contents dl dt .funeral{background: #d69ec5}
.news_contents dl dt .txt{width: 100%;margin: 8px 0;text-align: left;font-weight: bold}
.news_contents dl dd{font-size: 1.4rem}
.news_contents dl dd a{text-decoration: underline}

.news_contents .news_title h3{text-align: center;margin-bottom: 40px}

/*index&category*/

.page_news  .pagination{text-align: center}
.page_news  .pagination a{padding:0 12px}

/*detail*/
.page_news .detail dl dt .txt{font-size: 3.6rem; }
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_news .detail dl dt .txt{font-size: 2rem; }
}
.page_news .detail .blogcontent{text-align: left}
.page_news .detail .blogcontent img{max-width: 100%;height: auto;display: block}
.page_news .detail .blogcontent .thumne img{border-radius: 10px}
.page_news .detail .wimg img,
.page_news .detail .blogcontent .thumne img{width: 100%!important;height: auto}
.page_news .detail .blogcontent a{text-decoration: underline;display: block}
.page_news .detail .blogcontent p{margin:initial;padding: initial;font-size:initial }
.page_news .detail .blogcontent ol,.page_news .detail .blogcontent ul,.page_news .detail .blogcontent li{list-style: initial;margin:initial;padding: initial; }
.page_news .detail .blogcontent ul{
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}
.page_news .detail .blogcontent ol{
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
.page_news .detail .blogcontent ol[type="1"] li {
  list-style-type: decimal;
}

.page_news .detail .blogcontent ol[type="i"]  li{
  list-style-type: lower-roman;
}

.page_news .detail .blogcontent ol[type="I"] li {
  list-style-type: upper-roman;
}
.page_news .detail .blogcontent ul[type="circle"] li{
	
	list-style-type: disc;
}