.top {
	font-size: 0px;
}
.truestory--index {
	font-size: 0px;
}
.top .sectionTruestory {
	padding: 80px 0px 0px; margin-top: -10px; background-color: rgb(247, 248, 250);
}
.truestory--index .sectionTruestory {
	padding: 80px 0px 0px; margin-top: -10px; background-color: rgb(247, 248, 250);
}
.top .sectionTruestory h2 {
	margin: 0px 0px 60px;
}
.truestory--index .sectionTruestory h2 {
	margin: 0px 0px 60px;
}
.top .sectionTruestory h2::after {
	margin: 30px auto 0px; width: 60px; border-bottom-color: rgb(12, 44, 122); border-bottom-width: 1px; border-bottom-style: solid; display: block; content: "";
}
.truestory--index .sectionTruestory h2::after {
	margin: 30px auto 0px; width: 60px; border-bottom-color: rgb(12, 44, 122); border-bottom-width: 1px; border-bottom-style: solid; display: block; content: "";
}
.top .truestoryList {
	margin: 0px auto; text-align: center; max-width: 1600px; background-color: rgb(247, 248, 250);
}
.truestory--index .truestoryList {
	margin: 0px auto; text-align: center; max-width: 1600px; background-color: rgb(247, 248, 250);
}
.top article.new .tl_l::before {
	background: url("/story/assets/truestory/img/new.svg") no-repeat 0% 0% / 54px; left: 10px; top: 192px; width: 54px; height: 54px; color: rgb(255, 255, 255); line-height: 54px; font-size: 12px; font-weight: bold; display: block; position: absolute; content: "New";
}
.truestory--index article.new .tl_l::before {
	background: url("/story/assets/truestory/img/new.svg") no-repeat 0% 0% / 54px; left: 10px; top: 192px; width: 54px; height: 54px; color: rgb(255, 255, 255); line-height: 54px; font-size: 12px; font-weight: bold; display: block; position: absolute; content: "New";
}
@media all and (-ms-high-contrast:none)
{
.top article.new .tl_l::before {
	line-height: 58px;
}
.truestory--index article.new .tl_l::before {
	line-height: 58px;
}
}
.top article {
	margin: 0px 1.18% 60px; width: 21.9%; vertical-align: top; display: inline-block; opacity: 0;
}
.truestory--index article {
	margin: 0px 1.18% 60px; width: 21.9%; vertical-align: top; display: inline-block; opacity: 0;
}
.top article .tl_l {
	background-position: center; transition:0.4s; position: relative; background-size: cover;
}
.truestory--index article .tl_l {
	background-position: center; transition:0.4s; position: relative; background-size: cover;
}
.top article .tl_r {
	background-color: rgb(255, 255, 255);
}
.truestory--index article .tl_r {
	background-color: rgb(255, 255, 255);
}
.top article img {
	width: 100%; height: auto;
}
.truestory--index article img {
	width: 100%; height: auto;
}
.top article .article__title {
	padding: 0px 15px; text-align: left;
}
.top article .article__tag {
	padding: 0px 15px; text-align: left;
}
.truestory--index article .article__title {
	padding: 0px 15px; text-align: left;
}
.truestory--index article .article__tag {
	padding: 0px 15px; text-align: left;
}
.top article .article__title {
	margin: 0px; height: 100px; line-height: 160%; letter-spacing: 0.05em; padding-top: 16px; font-size: 16px; font-feature-settings: "palt" 1; -webkit-font-feature-settings: "palt";
}
.truestory--index article .article__title {
	margin: 0px; height: 100px; line-height: 160%; letter-spacing: 0.05em; padding-top: 16px; font-size: 16px; font-feature-settings: "palt" 1; -webkit-font-feature-settings: "palt";
}
@media all and (-ms-high-contrast:none)
{
.top article .article__title {
	letter-spacing: 0em;
}
.truestory--index article .article__title {
	letter-spacing: 0em;
}
}
.top article .article__tag {
	margin: 0px 15px; padding: 0px 0px 10px; color: rgb(150, 155, 167); font-size: 12px; border-bottom-color: rgb(227, 226, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.truestory--index article .article__tag {
	margin: 0px 15px; padding: 0px 0px 10px; color: rgb(150, 155, 167); font-size: 12px; border-bottom-color: rgb(227, 226, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.top article .article__tag.multiline {
	margin: -18px 15px 0px;
}
.truestory--index article .article__tag.multiline {
	margin: -18px 15px 0px;
}
.top article .article__more {
	padding: 0px 15px; transition:0.4s; height: 40px; text-align: right; color: rgb(3, 18, 100); line-height: 40px; font-size: 12px;
}
.truestory--index article .article__more {
	padding: 0px 15px; transition:0.4s; height: 40px; text-align: right; color: rgb(3, 18, 100); line-height: 40px; font-size: 12px;
}
.top article .article__kobore {
	margin: 8px 0px 0px; padding: 0px 15px; height: 42px; text-align: left; color: rgb(3, 18, 100); line-height: 42px; font-size: 14px; position: relative; background-color: rgb(255, 255, 255);
}
.truestory--index article .article__kobore {
	margin: 8px 0px 0px; padding: 0px 15px; height: 42px; text-align: left; color: rgb(3, 18, 100); line-height: 42px; font-size: 14px; position: relative; background-color: rgb(255, 255, 255);
}
.top article .article__kobore::after {
	background: url("/story/assets/top/img/arw_small.svg") no-repeat; transition:0.3s; top: 15px; width: 22px; height: 12px; right: 15px; display: block; position: absolute; content: "";
}
.truestory--index article .article__kobore::after {
	background: url("/story/assets/top/img/arw_small.svg") no-repeat; transition:0.3s; top: 15px; width: 22px; height: 12px; right: 15px; display: block; position: absolute; content: "";
}
.top article a {
	color: rgb(0, 0, 0); display: block;
}
.truestory--index article a {
	color: rgb(0, 0, 0); display: block;
}
.top article a:hover .tl_l {
	transition:0.1s; opacity: 0.7;
}
.truestory--index article a:hover .tl_l {
	transition:0.1s; opacity: 0.7;
}
.top article a:hover .article__tag {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.truestory--index article a:hover .article__tag {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.top article a:hover .article__more {
	transition:0.1s; color: rgb(255, 255, 255); background-color: rgb(3, 18, 100);
}
.truestory--index article a:hover .article__more {
	transition:0.1s; color: rgb(255, 255, 255); background-color: rgb(3, 18, 100);
}
.top article a:hover .article__kobore {
	transition:0.1s; color: rgb(255, 255, 255); background-color: rgb(3, 18, 100);
}
.truestory--index article a:hover .article__kobore {
	transition:0.1s; color: rgb(255, 255, 255); background-color: rgb(3, 18, 100);
}
.top .truestory--v0 {
	display: none;
}
.truestory--detail .truestoryBody {
	margin: 0px auto; width: 1000px; position: relative;
}
.truestory--detail .truestoryBody__wrap {
	margin: auto; left: 0px; right: 0px; display: inline-table; position: absolute; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;
}
hr {
	border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(227, 226, 221) rgb(227, 226, 221); margin: 22px 0px; padding: 0px; border-image: none;
}
@media only screen and (max-width:699px)
{
.top .elm_pc {
	display: none;
}
.truestory--index .elm_pc {
	display: none;
}
.top .sectionTruestory {
	padding: 60px 0px 30px;
}
.truestory--index .sectionTruestory {
	padding: 60px 0px 30px;
}
.top .sectionTruestory h2 {
	margin: 0px auto 35px; width: 153px;
}
.truestory--index .sectionTruestory h2 {
	margin: 0px auto 35px; width: 153px;
}
.top .sectionTruestory h2 img {
	width: 100%; height: auto;
}
.truestory--index .sectionTruestory h2 img {
	width: 100%; height: auto;
}
.top .sectionTruestory h2::after {
	margin: 18px auto 0px; width: 30px;
}
.truestory--index .sectionTruestory h2::after {
	margin: 18px auto 0px; width: 30px;
}
.top article.new .tl_l::before {
	background: url("/story/assets/truestory/img/new.svg") no-repeat 0% 0% / 40px; left: auto; top: 4px; width: 40px; height: 40px; text-align: center; right: -5px; color: rgb(255, 255, 255); line-height: 40px; font-size: 11px; font-weight: bold; display: block; position: absolute; content: "New";
}
.truestory--index article.new .tl_l::before {
	background: url("/story/assets/truestory/img/new.svg") no-repeat 0% 0% / 40px; left: auto; top: 4px; width: 40px; height: 40px; text-align: center; right: -5px; color: rgb(255, 255, 255); line-height: 40px; font-size: 11px; font-weight: bold; display: block; position: absolute; content: "New";
}
.top article {
	margin: 0px 10px 15px; width: auto; text-align: left; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.truestory--index article {
	margin: 0px 10px 15px; width: auto; text-align: left; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.top article .tl_l {
	background-position: center; width: 44%; display: inline-block; min-height: 145px; background-size: cover;
}
.truestory--index article .tl_l {
	background-position: center; width: 44%; display: inline-block; min-height: 145px; background-size: cover;
}
.top article .tl_r {
	width: 56%; vertical-align: top; display: inline-block;
}
.truestory--index article .tl_r {
	width: 56%; vertical-align: top; display: inline-block;
}
.top article .tl_r .article__title {
	margin: 16px 0px; height: auto; padding-top: 0px; font-size: 14px;
}
.truestory--index article .tl_r .article__title {
	margin: 16px 0px; height: auto; padding-top: 0px; font-size: 14px;
}
.top article .tl_r .tr_r__bottom {
	width: 56%; bottom: 0px; position: absolute;
}
.truestory--index article .tl_r .tr_r__bottom {
	width: 56%; bottom: 0px; position: absolute;
}
.top article .tl_r .article__tag {
	margin: 0px 12px; padding: 0px 3px 6px; width: auto; line-height: 110%; font-size: 8px;
}
.truestory--index article .tl_r .article__tag {
	margin: 0px 12px; padding: 0px 3px 6px; width: auto; line-height: 110%; font-size: 8px;
}
.top article .tl_r .article__more {
	width: 100%; height: 40px;
}
.truestory--index article .tl_r .article__more {
	width: 100%; height: 40px;
}
.top article .article__kobore {
	margin: 8px 0px 0px auto; padding: 0px 15px; width: 56%; border-top-color: rgb(227, 226, 221); border-top-width: 1px; border-top-style: solid;
}
.truestory--index article .article__kobore {
	margin: 8px 0px 0px auto; padding: 0px 15px; width: 56%; border-top-color: rgb(227, 226, 221); border-top-width: 1px; border-top-style: solid;
}
.top article.kobore .tl_l {
	position: absolute;
}
.truestory--index article.kobore .tl_l {
	position: absolute;
}
.top article.kobore .tl_r {
	margin: 0px 0px 0px auto; display: block;
}
.truestory--index article.kobore .tl_r {
	margin: 0px 0px 0px auto; display: block;
}
.top article.kobore .tl_r .article__title {
	padding-top: 16px;
}
.truestory--index article.kobore .tl_r .article__title {
	padding-top: 16px;
}
.top .cmFooter {
	margin-top: 0px;
}
.truestory--index .cmFooter {
	margin-top: 0px;
}
}
@media only screen and (max-width:1280px) and (min-width:699px)
{
.top article {
	width: 30.64%;
}
.truestory--index article {
	width: 30.64%;
}
.top .truestory--v0 {
	display: inline-block;
}
.truestory--index .truestory--v0 {
	display: inline-block;
}
}