@charset "UTF-8";

/*========================================================================

  newsroom

========================================================================*/

/*  title
========================================================================*/

.base-h1.newsroom {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 90px auto 0;
}
.base-h1.newsroom:not(.tag) > div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.base-h1.newsroom:not(.tag) .h1 {
    margin-right: 55px;
}
.base-h1.newsroom .h1:only-child {
	width: 100%;
	margin-right: 0;
}
.base-h1.newsroom .anchor ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}
.base-h1.newsroom .anchor li {
	margin: 0 12px;
}
.base-h1.newsroom .anchor a {
	position: relative;
    color: #242424;
    text-decoration: none;
}
@media (min-width: 768px) {
	.base-h1.newsroom .anchor a:hover {
		opacity: .6;
	}
}
.base-h1.newsroom .anchor a:after {
	content: '';
	position: relative;
	top: 2px;
	display: inline-block;
	width: 13px;
	height: 13.5px;
	margin-left: 8px;
	background: url(../img/icon_anchor.png) no-repeat center / contain;
}
.base-h2.newsroom:not(:first-child) {
	margin-top: 80px;
}
.base-h2.newsroom + div:not(:first-child) {
	margin-top: 15px;
}
.base-h2.newsroom + .base-style:not(:first-child) {
	margin-top: 5px;
}
.base-style.strong.newsroom {
	font-size: 18px;
	line-height: 1.6;
}
.base-style.newsroom + div {
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.base-h1.newsroom {
		margin: 40px auto 0;
	}
	.base-h1.newsroom .h1 {
		margin-right: 0;
	}
	.base-h1.newsroom .anchor {
		width: 100%;
		margin-top: 10px;
	}
	.base-h1.newsroom + div:not(:first-child) {
		margin-top: 5px;
	}
	.base-h2.newsroom h2 {
		font-size: 22px;
	}
}

/*  newsroom-slider
========================================================================*/

.base-section.newsroom-slider > div {
	padding-top: 20px;
}
.base-section.newsroom-slider:not(:last-child) > div {
	padding-bottom: 0;
}
@media print, screen and (min-width: 768px) {
	.base-section.newsroom-slider .b-o-moduleBanners.pc-stop {
		overflow: hidden;
	}
	.base-section.newsroom-slider .b-o-moduleBanners.pc-stop .b-o-moduleBanners_list {
		transform: translate(0px, 0px)!important;
	}
	.base-section.newsroom-slider .b-o-moduleBanners.pc-stop .b-a-sliderNavi {
		display: none;
	}
}
.base-section.newsroom-slider .b-o-moduleBanners {
	padding: 0;
}
.base-section.newsroom-slider .b-m-banner {
	position: relative;
	background: none;
	height: 304px;
}
.base-section.newsroom-slider .b-a-fullImage_image {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transform: translateY(-50%) translateX(-50%);
	transition: transform 1s, -webkit-transform 1s;
}
@media (min-width: 768px) {
	.base-section.newsroom-slider .b-m-banner:hover .b-a-fullImage_image {
		-webkit-transform: scale(1.08);
		transform: translateY(-50%) translateX(-50%) scale(1.08);
	}
}
.base-section.newsroom-slider .textbox {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px 30px;
	background: rgba( 24,24,24,.35);
	pointer-events: none;
}
.base-section.newsroom-slider .title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* height: calc(18px * 1.7 * 2); */
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0px;
}
.base-section.newsroom-slider .label {
	display: inline-block;
	margin-top: 5px;
	padding: 3px 12px 2px;
	background: #F5F6F8;
	color: #242424;
	border: 1px solid #83838C;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1;
}
@media all and (-ms-high-contrast: none) {
	.base-section.newsroom-slider .label {
		height: 20px;
		padding-top: 5px;
		padding-bottom: 1px;
	}
}

@media screen and (max-width: 767px) {
	.base-section.newsroom-slider .b-a-wrapper {
		width: 100%;
	}
	.base-section.newsroom-slider .b-m-banner {
		overflow: hidden;
		height: 46.131vw;
	}
	.base-section.newsroom-slider .textbox {
		padding: 10px 15px;
	}
	.base-section.newsroom-slider .title {
		height: calc(18px * 1.7 * 2);
		padding: 0px;
	}
}

/*  newsroom-search
========================================================================*/

.base-section.newsroom-search {
	background: #F4F4F4;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.base-section.newsroom-search > div {
	padding: 45px 0;
}

/*  button
------------------------------------------------*/

.base-search .button ul {
	display: flex;
	justify-content: center;
}
.base-search .button li {
	width: 365px;
	margin: 0 15px;
	padding: 14px;
	background: #fff;
	font-weight: bold;
	text-align: center;
	border: 1px solid #666666;
	cursor: pointer;
}
.base-search .button li.active{
	background: #707070;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.base-search .button ul {
		flex-direction: column;
	}
	.base-search .button li {
		width: 100%;
		margin: 0;
	}
	.base-search .button li:not(:first-child) {
		margin-top: 10px;
	}
}

/*  content
------------------------------------------------*/

.base-search .content {
	display: none;
}
.base-search .content > div.active {
	display: block;
	animation: fade-in .5s ease-in-out 0s;
}
.base-search .content > div:not(.active) {
	display: none;
}
.base-search .content > div {
	padding-top: 38px;
}
@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.base-search .base-tag ul {
	margin-top: 0;
}
.base-search .base-tag a {
	text-decoration: none;
}
@media (min-width: 768px) {
	.base-search .base-tag a:hover {
		opacity: .6;
		color: #838586;
	}
}
.base-search .year ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -24px;
}
.base-search .year li {
	width: calc(16.6% - 48px);
	margin: 0 24px;
	border-bottom: 1px solid #C2C2C2;
}
.base-search .year a {
	position: relative;
	display: block;
	padding: 8px 20px 8px 6px;
	color: #707070;
	font-size: 16px;
	text-decoration: none;
}
.base-search .year a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #707070;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	transition: all .2s;
}
@media (min-width: 768px) {
	.base-search .year a:hover:after {
		right: 3px;
	}
}
.base-search .checkbox ul {
	display: flex;
	flex-wrap: wrap;
	margin: -2px -20px;
}
.base-search .checkbox li {
	margin: 2px 20px;
}
.base-search .checkbox input[type=checkbox] {
	display: none;
}
.base-search .checkbox input[type=checkbox] + label {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	color: #707070;
	font-size: 16px;
	/* font-weight: bold; */
	cursor: pointer;
}
.base-search .checkbox input[type=checkbox] + label:before,
.base-search .checkbox input[type=checkbox] + label:after {
	content: '';
	position: absolute;
}
.base-search .checkbox input[type=checkbox] + label:before {
	top: .5em;
	left: 0;
	width: .934em;
	height: .934em;
	border: 1px solid #707070;
	border-radius: 2px;
	transition: all .2s;
}
.base-search .checkbox input[type=checkbox]:checked + label:before {
	background: #43434C;
	border-color: #43434C;
}
.base-search .checkbox input[type=checkbox]:checked + label:after {
	top: .5em;
	left: .35em;
	width: .3em;
	height: .7em;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
	.base-search .content > div {
		padding-top: 30px;
	}
	.base-search .base-tag a {
		font-size: 15px;
	}
	.base-search .year ul {
		padding: 0 20px;
	}
	.base-search .year li {
		width: 100%;
	}
	.base-search .year a {
		padding-left: 0;
	}
	.base-search .checkbox ul {
		margin: -2px -10px;
	}
	.base-search .checkbox li {
		margin: 2px 10px;
	}
	.base-search .checkbox input[type=checkbox] + label {
		padding-left: 20px;
		font-size: 15px;
	}
}

/*  base-newsroom
========================================================================*/

.base-newsroom a {
	color: #707070;
	text-decoration: none;
}

/*  anchor
------------------------------------------------*/

.base-newsroom .anchor + * {
	margin-top: 60px;
}
.base-newsroom .anchor ul {
	display: flex;
	flex-wrap: wrap;
	margin: -2px -20px;
	font-weight: bold;
}
.base-newsroom .anchor li {
	margin: 2px 20px;
}
.base-newsroom .anchor a {
	color: #242424;
}
@media (min-width: 768px) {
	.base-newsroom .anchor li a:hover {
		opacity: .6;
	}
}
.base-newsroom .anchor a:after {
	content: '';
	position: relative;
	top: .2em;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 13px;
	background: url(../img/icon_anchor.png) no-repeat center / contain;
}

@media (max-width: 767px) {
	.base-newsroom .anchor + * {
		margin-top: 20px;
	}
	.base-newsroom .anchor ul {
		margin: -5px -15px;
	}
	.base-newsroom .anchor li {
		margin: 5px 15px;
	}
}

/*  newsroom-block
------------------------------------------------*/

.newsroom-block {
    display: block;
}

.newsroom-block.is-none {
    display: none;
}

/*  h2
------------------------------------------------*/

.base-newsroom h2 {
	margin-top: 85px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: .59px;
}
.base-newsroom h2 + div {
	margin-top: 5px;
}

@media (max-width: 767px) {
	.base-newsroom h2 {
		margin-top: 40px;
	}
}

/*  result
------------------------------------------------*/

.base-section.newsroom-result > div {
	padding-top: 0;
}
.base-newsroom .result {
	margin: 40px 0 30px;
	font-size: 14px;
	color: #707070;
}
.base-newsroom .result .title {
	font-weight: bold;
}
.base-newsroom .result .number {
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 767px) {
	.base-newsroom .result {
		margin: 15px 0;
	}
}

/*  list
------------------------------------------------*/

.base-newsroom .list > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.base-newsroom .list > ul > li {
	width: calc(50% - 10px);
	border-bottom: 1px solid #C2C2C2;
}
.base-newsroom .list > ul > li:nth-child(-n+2) {
	border-top: 1px solid #C2C2C2;
}
.base-newsroom .list > ul > li > a {
	position: relative;
	display: block;
	min-height: 106px;
	padding: 15px 0 15px 154px;
}
.base-newsroom .list > ul > li > a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #707070;
	border-style: solid;
	border-width: 3px 0 3px 6px;
	transition: all .2s;
}
@media (min-width: 768px) {
	.base-newsroom .list > ul > li > a:hover:after {
		right: 3px;
	}
}
.base-newsroom .list .image {
	position: absolute;
	top: 17px;
	left: 0;
	width: 134px;
	height: 72px;
	display: flex;
	align-items:center;
	text-align: center;
}
.base-newsroom .list .image img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	image-rendering: -webkit-optimize-contrast;
}
.base-newsroom .list .data {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.base-newsroom .list .day {
	margin-right: 20px;
}
.base-newsroom .list .label ul {
	display: flex;
	flex-wrap: wrap;
	margin: -2px;
}
.base-newsroom .list .label li {
	display: inline-block;
	min-width: 104px;
	margin: 2px;
	padding: 3px 12px 2px;
	background: #F5F6F8;
	color: #242424;
	border: 1px solid #83838C;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
}
@media all and (-ms-high-contrast:none){
	.base-newsroom .list .label {
		padding-top: 5px;
		padding-bottom: 1px;
	}
}
.base-newsroom .list .text {
	position: relative;
	padding-right: 20px;
}
.base-newsroom .list .data + .text {
	margin-top: 5px;
}
.base-newsroom .article {
	display: inline;
	margin-right: 5px;
}
.base-newsroom a[target=_blank] .article:after,
.base-newsroom a.pbOpenNewWindow .article:after {
	content: '';
	position: relative;
	top: 2px;
	width: 1em;
	height: 1em;
	margin-left: 5px;
	display: inline-block;
	background: url(../img/icon_outbound_g.png) no-repeat center / contain;
}
.base-newsroom a[href*=".pdf"] .article:after {
	display: none;
}
.base-newsroom .list .new {
	position: relative;
	display: inline-block;
	top: -1px;
	margin-right: 5px;
	padding: 3px 10px 2px;
	background: #3B3B41;
	color: #FFFFFF;
	border-radius: 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1;
}
@media all and (-ms-high-contrast:none){
	.base-newsroom .list .new {
		padding: 4px 10px 1px;
	}
}
.base-newsroom .list .pdf_size {
	position: relative;
	display: inline-block;
	top: -1px;
	margin-right: 5px;
	padding-left: 20px;
	background: url(../img/icon_pdf.png) no-repeat left center / 15px 17px;
	color: #919191;
	font-size: 12px;
}
.base-newsroom .list .icon {
	position: relative;
	top: -2px;
	display: inline-block;
	padding: 4px 5px 3px;
	background: #e3e6e9;
	color: #83838c;
	font-size: 12px;
	line-height: 1.1;
}
.base-newsroom .list .base-tag {
	padding: 20px 0;
	border-top: 1px solid rgba(194,194,194,.5);
}
.base-newsroom .list .base-tag ul {
	margin: -5px;
}
.base-newsroom .list .base-tag li {
	margin: 5px;
}
.base-newsroom .base-tag li {
	cursor: pointer;
	transition: all .2s;
}
.base-newsroom .base-tag li.active {
	background: #707070;
	color: #fff;
	pointer-events: none;
}
@media (min-width: 768px) {
	.base-newsroom .base-tag li:hover {
		opacity: .6;
	}
}
.base-newsroom .base-tag li a {
	text-decoration: none;
}
@media (min-width: 768px) {
	.base-newsroom .base-tag li a:hover {
		color: #838586;
	}
}

@media screen and (max-width: 767px) {
	.base-newsroom .list > ul > li {
		width: 100%;
	}
	.base-newsroom .list > ul > li:not(:first-child) {
		border-top: none;
	}
	.base-newsroom .list > ul > li > a {
		display: flex;
		flex-wrap: wrap;
		padding: 15px 0 10px;
	}
	.base-newsroom .list .image {
		position: static;
		top: 15px;
	}
	.base-newsroom .list .image img {
		position: static;
	}
	.base-newsroom .list .data {
		position: relative;
		top: -5px;
		flex-direction: column;
		align-items: flex-start;
		width: calc(100% - 154px);
		margin-left: auto;
	}
	.base-newsroom .list .text {
		margin-top: 10px;
		width: 100%;
	}
	.base-newsroom .list .data + .text {
		margin-top: 10px;
	}
	.base-newsroom .list .base-tag {
		padding: 10px 0;
	}
	.base-newsroom .list .base-tag ul {
		margin-top: 0;
	}
	.base-newsroom .list .base-tag ul {
		margin: -3px;
	}
	.base-newsroom .list .base-tag li {
		margin: 3px;
	}
}

/*  button
------------------------------------------------*/

.newsroom-more {
    background: #ffffff url(/library/img/common/icon_more.png) no-repeat right 30px center;
    background-size: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    color: #242424;
    cursor: pointer;
    display: block;
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 60px;
    letter-spacing: .4px;
    line-height: 1.6;
    margin: 45px auto 15px;
    outline: none;
    padding: 0;
    position: relative;
    transition: opacity .3s;
    width: 366px;
}

.newsroom-more:hover {
    opacity: .6;
}

@media (max-width: 767px) {
    .newsroom-more {
        background-position: right 15px center;
        font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "meiryo", "Helvetica Neue", "arial", sans-serif;
        height: 45px;
        margin-top: 40px;
        width: 265px;
    }
}

/*  detail
========================================================================*/

div[class^="base-"].newsroom h1:before {
	max-height: 27px;
	top: 6px;
	bottom: auto;
}
.base-sns.newsroom > div {
	display: flex;
	justify-content: space-between;
}
.base-sns.newsroom > div:after {
	display: none;
}
.base-sns.newsroom > div > div:not(:only-child):last-child {
	width: 470px;
}
.base-sns.newsroom .sns-title {
	font-size: 16px;
	font-weight: bold;
}
.base-sns.newsroom .base-tag a {
	text-decoration: none;
}
@media (min-width: 768px) {
	.base-sns.newsroom .base-tag a:hover {
		opacity: .6;
		color: #838586;
	}
}
.base-linkset.newsroom .title > div {
	margin-bottom: 15px;
	padding: 0;
	font-size: 16px;
	border-bottom: none;
}
.base-linkset.newsroom .title a:before {
	display: none;
}
.base-linkset.newsroom .link > div,
.base-linkset.newsroom .link > div {
	padding: 15px 0;
	border-bottom: 1px solid #C2C2C2;
	font-size: 16px;
}
.base-linkset.newsroom .link a:after {
	top: calc(15px + .5em);
}

@media screen and (max-width: 767px) {
	div[class^="base-"].newsroom h1:before {
		max-height: 24px;
		top:1px;
	}
	.base-sns > div {
		flex-direction: column;
    }
    .base-sns > div > div:not(:only-child):last-child {
		width: 100%;
		margin-top: 10px;
	}
	.base-linkset.newsroom .title a:after {
		position: static;
	}
	.base-linkset.newsroom .link {
		width: calc(100% - 40px);
	}
	.base-linkset.newsroom .link > div {
		padding: 12px 0;
	}
	.base-linkset.newsroom .link a:after {
		top: calc(12px + .5em);
	}
}

/*.base-recommend {
	margin-top: 80px;
}
*/

.base-newsroom.base-recommend .base-h2 h2 {
    font-size: 22px;
}
@media screen and (max-width: 767px) {
	.base-newsroom.base-recommend .base-h2 h2 {
	    font-size: 16px;
	}
}