@charset "UTF-8";
/* ==================================================================
CSS information
style info :NEWS 用
================================================================== */


/* ----------------------------------------------------------------------------------------------------------------
OVER WRITE
---------------------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------------------
.ttlsection
---------------------------------------------------------------------------------------------------------------- */
.ttlsection { margin-bottom: calc(37/640*100%); }
@media screen and (min-width: 641px) {
	.ttlsection { margin-bottom: calc(80/1400*100%); }
	.ttlsection .tS__ttl { max-width: 594px; width: calc(594/1400*100%); }
}
@media screen and (min-width: 1401px) {
	.ttlsection { margin-bottom: 80px; }
}


/* --------------------------------------------------------
.newsSection
-------------------------------------------------------- */
.newsSection { width: 100%; margin: 0 auto; position: relative; }
.news_inner { width: calc(580/640*100%); margin: 0 auto; position: relative; }

@media screen and (min-width: 641px) {
	.news_inner { width: calc(1340/1400*100%); }
}
@media screen and (min-width: 1401px) {
	.news_inner { width: 1340px; }
}



/* --------------------------------------------------------
.newsItem
-------------------------------------------------------- */
.newsItem {
    color: #ffffff;
    background-color: #774608;
	background-image: url(../_img/bg_r.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-size: calc(1340/640*100vw);
    border: 4px solid #000;
    width: 100%;
    margin-inline: auto;
	padding: 2px;
    display: block;
    position: relative;
	&::before {
		content: "";
		position: absolute;
		inset: -3px;
		border: 1px solid #e6bd3c;
	}
}

.newsItem__head {
	background-color: rgba(0,0,0,0.3);
    padding: calc(20/640*100vw);
}
.newsItem__date {
    font-size: 1.6rem;
	color: #f2cd00;
}
.newsItem__ttl {
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
    margin-top: .25em;
    font-size: 2.2rem;
    line-height: 1.21;
}

.newsItem__contents {
    margin-top: calc(20/640*100vw);
    font-size: 1.8rem;
    padding: calc(20/640*100vw) calc(20/640*100vw) calc(80/640*100vw);
}
.newsItem__contents p {
    margin-block: calc(.5em - .5lh);
    line-height: 1.61;
}
.newsItem__contents p + p {
    margin-top: 1.5em;
}
.newsItem__contents > dl {
    margin-top: 2em;
}
.newsItem__contents > dl + p {
    margin-top: 1.8em;
}
.newsItem__contents > dl dt {
    font-weight: 600;
}
.newsItem__contents > dl dd {
    margin-top:.35em
}
.newsItem__contents > dl dd > ul {
    text-indent: -1em;
    padding-left: 1em;
}
.newsItem__contents > dl dd > ul li {
    line-height: 1.41;
}
.newsItem__contents > dl dd > ul li + li {
    margin-top: .25em;
}
.newsItem__contents > dl dd .listUnIndent {
    text-indent: 0;
    padding-left: 0;
}
.newsItem__contents .listNested__hl {
    margin-top: .25em;
    font-weight: 600;
}
.newsItem__contents .listNested__subhl {
    margin-top: .25em;
    font-weight: 500;
}
.newsItem__contents .listNested__subhl + ul {
    margin-top:.25em
}
.newsItem__contents .listNested ul {
    text-indent: -1em;
    padding-left: 1em;
}
.newsItem__contents .listNested > li + li {
    margin-top: 1em;
}
.newsItem__contents .listNested > li li {
    font-size: .95em;
}
.newsItem__contents .listNested > li li + li {
    margin-top: .75em;
}
.newsItem__contents .listNested > li li li + li {
    margin-top: .5em;
}
.newsItem__contents .notes {
    font-size: .8em;
}

@media screen and (min-width: 641px) {
    .newsItem {
		background-size: calc(1340/1400*100vw);
    }

    .newsItem__head {
		padding: min(30px, calc(30/1400*100vw)) min(45px, calc(45/1400*100vw));
    }
    .newsItem__date {
		font-size: 1.6rem;
    }
    .newsItem__ttl {
		letter-spacing: 0.05em;
        font-size: 2.4rem;
    }

    .newsItem__contents {
		margin-top: min(20px, calc(20/1400*100vw));
		font-size: 1.8rem;
		padding: min(25px, calc(25/1400*100vw)) min(45px, calc(45/1400*100vw)) min(100px, calc(100/1400*100vw));
    }
    .newsItem__contents > p {
        margin-block: calc(.5em - .5lh);
        line-height: 1.7;
    }
    .newsItem__contents > p + p {
        margin-top: 2em;
    }
    .newsItem__contents > dl {
        margin-top: 2.5em;
    }
    .newsItem__contents > dl + p {
        margin-top: 2.3em;
    }
    .newsItem__contents > dl dd {
        margin-top: .5em
    }
}
@media screen and (min-width: 1401px) {
    .newsItem {
		background-size: 1340px;
    }
}