@charset "utf-8";

/*
 * CSS Document
 * Name : シニア福祉アドバイザー / news-style.css
 * Production Date : 2020.8.28
 * Update :
 * Lust Updated :
 * Author : 一般社団法人シニア福祉相談士検定協会 / ds Jam - a.koga
 * Version : v 1.0
 * Bootstrap 3 = none
 * container width = - 1024 / 1023 - 768 / 767 - 500 / 499 - 320
*/

/*
@media screen and (max-width:px) {}
*/

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&display=swap');



/* common 共通項目 ========================================================== */
.gfont-m {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
}
.gfont-b {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 700;
}

.newText-img img {
	border: 1px solid #cccc;
	margin-bottom: 8px;
}
.imgCapt {
	font-size: .8125em;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}

.notice-link .link-txt {
	color: #066395;
	font-size: 1em;
}
.notice-link .link-txt:hover {text-decoration: underline;}



/* textNew-info  index & flow ========================================================== */
.textNew-info {
	margin: 0 auto 1.5em;
	width: 80%;
	height: auto;
}
.textNewInfo-box {
	width: 100%;
	padding: 14px 16px 10px;
	border: 3px solid #26a000;
	background-color: #fff9e9;
	display: flex;
	justify-content: space-between;
}
.saleInfTtl-tab, .textNewInfoBox-sm {display: none;}

.tNInfo-l {width: 20%;}

.tNInfo-r {width: 78%;}
.tNInfo-r .saleInfoTitle {
	padding: 2px 0 6px;
}
.tNInfo-r .saleInfo-subTitle {
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.5;
	color: #c1272d;
	margin-bottom: 4px;
}
.tNInfo-r .sec-dscp {
	font-size: .9375em;
	line-height: 1.7;
	margin-bottom: 4px;
}

.linkTxt-area {
	display: flex;
	justify-content: space-between;
}


@media screen and (max-width:839px) {
	.textNew-info {width: 100%;}
	.tNInfo-l {width: 23%;}
	.tNInfo-l .newText-img img {margin-bottom: 4px;}
	.tNInfo-l .imgCapt {font-size: .75em;}
	.tNInfo-r {width: 75%;}
	.tNInfo-r .saleInfoTitle {padding: 0 0 4px;}
	.tNInfo-r .saleInfo-subTitle {
		font-size: 1em;
		letter-spacing: -.01em;
		margin-bottom: 2px;
	}
	.tNInfo-r .sec-dscp {
		font-size: .875em;
		line-height: 1.6;
		margin-bottom: 0;
	}
}

@media screen and (max-width:767px) {
	.textNewInfo-box .tNInfo-l {
		width: 32%;
	}
	.textNewInfo-box .tNInfo-r {
		width: 66%;
	}
	.linkTxt-area {display: block;}
	.linkTxt-area .notice-link .link-txt {
		margin: 10px auto 0;
		width: 80%;
		background-color: #0085d2;
		color: #fff;
		font-size: .9375em;
		text-align: center;
	}
}

@media screen and (max-width:599px) {
	.linkTxt-area .notice-link .link-txt {width: 100%;}
}

@media screen and (max-width:479px) {
	.textNew-info {margin: 0 auto 1em;}
	.textNewInfo-box {display: none;}
	.textNewInfoBox-sm {
		display: block;
		width: 100%;
		padding: 10px 15px 10px;
		border: 3px solid #26a000;
		background-color: #fff9e9;
	}
	.textNewInfoBox-sm .saleInfoTitle-sm {
		display: block;
		margin: 0 auto 6px;
		width: 90%;
	}
	.textNewInfoBox-sm .saleInfo-subTitle {
		font-size: 1em;
		line-height: 1.5;
		font-weight: bold;
		color: #666;
		margin-bottom: 6px;
		letter-spacing: -.05em;
	}
	.textNewInfoBox-sm .newTextImg-sm {
		margin: 0 auto;
		width: 60%;
		margin-bottom: 4px;
	}
	.textNewInfoBox-sm .newTextImg-sm img {
		display: block;
		border: 1px solid #ccc;
		margin-bottom: 3px;
	}
	.textNewInfoBox-sm .newTextImg-sm .imgCapt-sm {
		font-size: .75em;
		padding-left: 1em;
		text-indent: -1em;
	}
	.textNewInfoBox-sm .sec-dscp {
		font-size: .9375em;
		line-height: 1.4;
		letter-spacing: -.05em;
	}
	.textNewInfoBox-sm .notice-link .btn.link-txt {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		text-align: center;
		color: #fff;
		background-color:#0085d2;
		margin-top: 10px;
		border-radius: 6px;
	}
}

@media screen and (max-width:375px) {
	.textNewInfoBox-sm .saleInfoTitle-sm {
		width: 100%;
		margin-bottom: 4px;
	}
	.textNewInfoBox-sm .newTextImg-sm {
		width: 75%;
	}
	.textNewInfoBox-sm .notice-link .btn.link-txt {
		width: 100%;
	}
}


/* textNew-info  textbook ========================================================== */
.newtextInfo {
	margin: 0 auto 2.5em;
	width: 90%;
	height: auto;
}
.newtextInfo-box {
	width: 100%;
	padding: 6px 16px 10px;
	border: 3px solid #26a000;
	background-color: #fff9e9;
}
.newtextInfoBox-flex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.newtextInfo-box .info-title {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.4;
	font-weight: bold;
	color: #666;
}

.newtextInfo-box .newtextInfoBox-l {width: 78%;}
.newtextInfo-box .newtextInfoBox-r {width: 20%;}

.newtextInfo-box .newtextInfoBox-l .sec-dscp {font-size: 1em;}

.newtextInfoBox-r {padding-top: .3em;}
.newtextInfoBox-r .newTextInfo-img img {
	display: block;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.newtextInfoBox-r .imgCapt {
	font-size: .875em;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}


@media screen and (max-width:839px) {
	.newtextInfo {width: 100%;}
	.newtextInfo-box .newtextInfoBox-l {width: 68%;}
	.newtextInfo-box .newtextInfoBox-r {width: 30%;}
	.newtextInfo-box .newtextInfoBox-l .sec-dscp {
		font-size: .9375em;
		line-height: 1.7;
	}
}

@media screen and (max-width:767px) {
	.newtextInfoBox-flex {
		display: block;
		position: relative;
	}
	.newtextInfoBox-flex::after {
		display: block;
		content: "";
		clear: both;
	}
	.newtextInfo-box .newtextInfoBox-l {
		width: 100%;
	}
	.newtextInfo-box .newtextInfoBox-r {
		float: left;
		width: 36%;
		margin-right: 3%;
		margin-bottom: 4px;
	}
	.newtextInfoBox-r .imgCapt {font-size: .8125em}
}

@media screen and (max-width:479px) {
	.newtextInfo-box .info-title {
		font-size: 1.25em;
		line-height: 1.25;
		margin: 3px 0 5px;
	}
	.newtextInfo-box .newtextInfoBox-r {
		float: none;
		width: 70%;
		margin: 0 auto;
	}
	.newtextInfoBox-flex {
		display: flex;
		flex-direction: column-reverse;
	}
	.newtextInfo-box .newtextInfoBox-l .sec-dscp {
		font-size: .9375em;
		line-height: 1.5;
	}
}



/* EeNews-info  index & flow  2023/6/15非表示========================================================== */
/* .EeNews-info {
	margin: 0 auto 1.5em;
	width: 70%;
	height: auto;
}
.EeNewsInfo-box {
	width: 100%;
	padding: 14px 16px 12px;
	border: 3px solid #26a000;
	background-color: #fff9e9;
}

.title-sub {
	text-align: center;
	font-size: calc(1em + .5em);
	font-weight: bold;
	color: #0b6738;
	line-height: 1;
	letter-spacing: -.05em;
	margin-bottom: .25em;
}
.title-sub .newLine {padding-left: .5em;}
.title-main {
	text-align: center;
	font-size: calc(2.25em + .5em);
	color: #ed1c24;
	line-height: 1;
	letter-spacing: -.025em;
	margin-bottom: .15em;
}
.EeNews-info .sec-dscp {
	font-size: 1.0625em;
	color: #777;
	line-height: 1.6;
}

@media screen and (max-width:1023px) {
	.title-sub {
		font-size: calc(.6em + .75em);
		margin-bottom: .1em;
	}
	.title-sub .newLine {
		padding-left: 0;
		line-height: 1.5;
	}
	.newLine {
		display: inline-block;
		line-height: 1.25;
	}
	.title-main {font-size: calc(2.05em + .75em);}
}

@media screen and (max-width:839px) {
	.flow .EeNews-info {width: 100%;}
}

@media screen and (max-width:767px) {
	.EeNews-info {width: 100%;}
	.title-sub {font-size: 1.25em;}
	.title-sub .newLine {display: inline-block;}
	.title-main {font-size: 2.25em;}
	.EeNews-info .sec-dscp {font-size: 1em;}
}

@media screen and (max-width:479px) {
	.title-sub {font-size: 1.1875em;}
	.title-main {font-size: 2em;}
	.EeNews-info .sec-dscp {font-size: .9375em;}
} */


/* 価格改定のお知らせ  index & flow 2023/6/12追加
========================================================== */
.br-mb {
	display: none;
}

.br-sp {
	display: none;
}

.priceRevisionInfo-table-sp {
	display: none;
}

.priceRevision-info {
	margin: 0 auto 1.5em;
	width: 70%;
	height: auto;
}

.priceRevisionInfo-box {
	width: 100%;
	padding: 14px 16px 12px;
	border: 3px solid #26a000;
	background-color: #fff9e9;
}

.title-main-priceRevision {
	text-align: center;
	color: #ed1c24;
	font-size: 1.75rem;
	line-height: 1;
	letter-spacing: -.025em;
}

.priceRevisionInfo-text {
	margin-top: 12px;
}

.priceRevisionInfo-date-wrapper {
	text-align: center;
	margin-top: 12px;
}

.priceRevisionInfo-date {
	font-size: 1.25rem;
	font-weight: bold;
	color: #ed1c24;
	line-height: 1.2;
}

.priceRevisionInfo-table-area {
	margin-top: 12px;
}

.priceRevisionInfo-table-box-wrapper {
	display: flex;
	gap: 16px;
	justify-content: space-between;
}

.priceRevisionInfo-table-box {
	flex: 1;
}

.priceRevisionInfo-table-title {
	font-size: 1.125rem;
	font-weight: bold;
}

.priceRevisionInfo-table-title::before {
	content: '●';
	color: #29abe2;
}

.priceRevisionInfo-table {
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}

.priceRevisionInfo-table th,
.priceRevisionInfo-table td {
	text-align: center;
	font-weight: normal;
	border: 1px solid #606060;
}

.priceRevisionInfo-table .name {
	width: 42%;
}

.priceRevisionInfo-table .current-price {
	width: 25%;
}

.priceRevisionInfo-table .new-price {
	width: 33%;
	color: #ed1c24;
	font-size: 1.125rem;
	font-weight: bold;
}

.priceRevisionInfo-annotation {
	display: flex;
	gap: 14px;
	margin-top: 4px;
}

.priceRevisionInfo-annotation > p {
	font-size: .875rem;
	padding-left: 14px;
	position: relative;
}

.priceRevisionInfo-annotation > p::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}


@media (max-width: 1023px) {
	.priceRevisionInfo-date-wrapper {
		margin-top: 16px;
	}

	.priceRevisionInfo-table-area {
		width: 370px;
		margin: 16px auto 0;
	}

	.priceRevisionInfo-table-box-wrapper {
		flex-direction: column;
		gap: 8px;
	}

	.priceRevisionInfo-annotation {
		flex-direction: column;
		gap: 0;
	}

	.priceRevisionInfo-annotation > p {
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.priceRevision-info {
		width: 100%;
	}
}

@media (max-width: 541px) {
	.title-main-priceRevision {
		line-height: 1.2;
	}

	.brackets {
		display: none;
	}

	.br-mb {
		display: block;
	}
}

@media (max-width: 479px) {
	.br-sp {
		display: block;
	}
	.priceRevisionInfo-text {
		font-size: .9375rem;
		line-height: 1.6;
	}

	.priceRevisionInfo-date {
		display: inline-block;
		border: 2px solid #ed1c24;
		padding: 8px 16px;
	}

	.priceRevisionInfo-date span {
		display: none;
	}

	.priceRevisionInfo-table-area {
		width: 100%;
		margin-top: 16px;
	}

	.priceRevisionInfo-table-title {
		font-size: 1rem;
	}

	.priceRevisionInfo-table .name {
		width: 37%;
		font-size: .9375rem;
		line-height: 1.2;
		padding: 4px 0;
	}

	.priceRevisionInfo-table .current-price {
		width: 30%;
		font-size: .9375rem;
	}

	.priceRevisionInfo-table .new-price {
		width: 33%;
		font-size: 1rem;
	}

	.priceRevisionInfo-annotation {
		margin-top: 8px;
	}

	.priceRevisionInfo-annotation > p {
		line-height: 1.2;
	}

	.priceRevisionInfo-annotation > p + p {
		margin-top: 4px;
	}
}