@charset "UTF-8";
/* CSS Document */
.contentsBlock {
 padding: 15px 7% 100px;
 margin: auto;
 max-width: 1380px;
}
.date {
 color: #c69c6d;
 letter-spacing: .1em;
 font-weight: 600;
 font-size: .875em;
 margin-bottom: .5em;
}
.txtBlock img {
	margin: 2em 1em 0 0;
}
.txtBlock p {
	line-height: 2.2;
}
.newslist {
 padding: 0 0 50px 0;
}
.newslist .date {
 margin-bottom: 0em;
}
.newslist li {
 padding: 30px 0;
 border-bottom: 1px solid #eae7e4;
}
.newslist li a {
 display: flex;
}
.newslist li .newsimage {
 width: 110px;
}
.newslist li .newsimage img {
 width: 90px;
	height: 90px;
 margin-top: 5px;
 object-fit: cover;
 object-position: 50% 50%;
}
.newslist li .newstxt {
 width: calc(100% - 110px);
}
.newslist li .newstxt h2 {
 font-weight: normal;
 margin-bottom: .3em;
 font-size: 1.2em;
 line-height: 1.5;
}
.newslist li .newstxt p {
 font-size: .875em;
}
@media print, screen and (min-width: 768px) {
 .newslist li .newstxt h2 {
  font-size: 1.5em;
 }
 .newslist li .newstxt p {
  font-size: .9375em;
 }
}
.newsnav {
 padding: 100px 0 0 0;
 display: flex;
 justify-content: center;
}
.newsnav .prev, .newsnav .next {
 font-weight: 700;
 letter-spacing: .1em;
 color: #c1b3a7;
 line-height: 3.7em;
}
.newsnav .prev span, .newsnav .next span {
 position: relative;
 display: inline-block;
}
.newsnav .prev span::after, .newsnav .next span::after {
 content: '';
 position: absolute;
 display: block;
 border-bottom: 3px solid;
 border-left: 3px solid;
 width: 10px;
 height: 10px;
}
.newsnav .prev span::after {
 left: -30px;
 top: calc(50% - 5px);
 transform: rotate(45deg);
	transition: all .3s ease-out;
}
.newsnav .next span::after {
 right: -30px;
 top: calc(50% - 5px);
 transform: rotate(-135deg);
	transition: all .3s ease-out;
}
.backtolist {
 padding: 0 2em;
 line-height: 1;
}
.backtolist a {
 font-size: .75em;
 font-weight: bold;
 display: inline-block;
 width: 5em;
 height: 5em;
 background: #fff;
 border-radius: 50%;
 text-align: center;
 line-height: 5em;
}
@media print, screen and (min-width: 1025px) {
 .newsnav .prev a:hover span::after {
		left: -40px;
	}
 .newsnav .next a:hover span::after {
		right: -40px;}
}