@charset "UTF-8";


/* default sp
	----------------------------------------------- */
/* ============================================= sp
================================================*/
.news {padding: 8vw 0 12vw;width: 80vw;min-height: 100vw;margin: auto;}
.news-content { width: 80vw; margin: auto; }
.news-title { margin: 0 auto 8vw; color: var(--brown); font-size: 7.37vw; font-family: var(--mincho); position: relative; }
.news-title:after { content: ''; width: 15vw; height: 1px; background: var(--brown); position: absolute; bottom: -5vw; left: 0; }
.news-items { width: 100%; margin: 0 auto 8vw; }
.news-items li {width: 100%;border-bottom: 1px solid #e1e1e1;line-height: 1.7;padding: 10px 0 20px;}
.news-items a { padding: 4vw 0; }
.news-item-time { margin-bottom: 2vw; color: var(--brown); font-size: 3.68vw; font-family: "montserrat"; font-weight: 400; letter-spacing: 0.2vw; display: block; }
.news-item-title { font-size: 4.21vw; font-family: var(--mincho); text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.news-item-txt{font-size: 3.8vw;  text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em;color:#615c61; }



/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.news {padding: 80px 0 100px;width: 960px;min-height: 600px;}
.news-content { width: 960px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.news-title { margin: 25px auto 0 0; font-size: 28px; }
.news-title:after { width: 60px; bottom: -25px; }
.news-items { width: 750px; margin: 0 0 40px; }
.news-items a { padding: 25px 30px 25px 0; background: url(../images/arrow02.png) no-repeat center right 10px; background-size: 18px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.news-item-time { width: 120px; padding-top: 2px; margin-bottom: 0; font-size: 16px; letter-spacing: 1px; }
.news-item-title {font-size: 19px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.news-item-txt{font-size: 16px;}

  /* retina用 ----------------------------------------------- */ }