<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#Contents img,
.Contents img,
#PopUpContents img,
.FatBanner img {
	max-width: 100%;
	height: auto;
}

.GridSet:not(.toppage) {
	margin-bottom: 60px;
}

#Contents.toppage {
	position: relative;
	padding-bottom: 0px;
	background: transparent;
	border-bottom: 65px solid #fff;
	overflow: hidden;
	z-index: 0;
}

.GridSet.toppage {
	position: relative;
}
.GridSet.toppage .Grid4 {
	position: relative;
	z-index: 5;
}
.GridSet.toppage:after {
	content: "";
	display: block;
	position: absolute;
	width: 120vw;
	height: 100%;
	top: 170px;
	left: 50%;
	background: #fff;
	transform: translateX(-50%);
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.GridSet.toppage:after {
		top: 300px;
	}
}

#visualstage {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
}
#visualstage:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.1);
	z-index: 5;
}
#visualstage.pause * {
	animation: none !important;
	transition: 0ms !important;
}

#slidevisual {
	position: relative;
	height: 18.125rem;
}
#slidevisual #slidelink a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5;
}
#slidevisual .panel {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 1275px;
	height: calc(100% - 3.125rem);
	left: 50%;
	top: 0px;
	padding: 3.125rem 15px 0px;
	font-size: 100%;
	color: #fff;
	transform: translateX(-55%);
	opacity: 0;
	transition: opacity 1000ms, transform 0ms 1200ms;
}
#slidevisual .panel.show {
	transform: translateX(-50%);
	opacity: 1;
	transition: opacity 1500ms 800ms, transform 1500ms 800ms;
}
#slidevisual .panel .lead {
	font-weight: bold;
	line-height: 150%;
}
#slidevisual .panel .lead span {
	display: block;
}
@media screen and (max-width: 767px) {
	#slidevisual .panel .lead span {
		display: inline;
	}
}
#slidevisual .panel * + .lead {
	margin-top: 1.25rem;
}
#slidevisual .panel .more {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 0px;
	min-width: 11.875rem;
	min-height: 2rem;
	padding: 4px 35px 4px 10px;
	line-height: 100%;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#slidevisual .panel .more:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
#slidevisual .panel * + .more {
	margin-top: 1.875rem;
}
#slidevisual.hover .panel .more {
	text-decoration: underline;
}
#slidevisual.hover .panel .more:before {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}

#slidenavi {
	position: relative;
	padding: 5px 15px 15px;
}
#slidenavi ul {
	display: flex;
	justify-content: center;
}
#slidenavi li {
	margin: 0px 5px;
}
#slidenavi a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -10000px;
	background: url(/image/jp/r1/icon/btn_branding_indicator.png) no-repeat center top;
	background-size: 100%;
	overflow: hidden;
}
#slidenavi a:hover, #slidenavi a:active {
	background-position: center bottom;
}
#slidenavi .active a,
#slidenavi .current a {
	background-position: center bottom;
}
#slidenavi .pause a {
	background-image: url(/image/jp/r1/icon/btn_branding_stop.png);
}

h2.topstyle {
	margin: 80px 0 20px;
	padding: 0;
	text-align: center;
	background: none;
}
h2.topstyle &gt; span {
	padding: 0;
	font-size: 150%;
	background-color: transparent;
}
h2.topstyle a {
	position: relative;
	padding-right: 0px;
	background: none !important;
}
h2.topstyle a:hover:after, h2.topstyle a:active:after {
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}
h2.topstyle a:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}

.topicsbox {
	padding: 20px 20px 0px;
	background: rgba(255, 255, 255, 0.75);
	border-top: 2px solid #b1000e;
}
@media screen and (max-width: 767px) {
	.topicsbox {
		margin: 0px -15px;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, white 50%, white 100%);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, white 50%, white 100%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, white 50%, white 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#ffffff',GradientType=0 );
	}
}
.topicsbox h2 {
	margin: 0px 0 20px;
	padding: 0;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	background: none;
}
.topicsbox ul {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.topicsbox ul {
		display: block;
	}
}
.topicsbox li {
	width: calc((100% - 30px) / 3);
	max-width: 400px;
}
@media screen and (max-width: 767px) {
	.topicsbox li {
		width: 100%;
		max-width: 100%;
		margin: 20px auto 0px;
	}
}
.topicsbox a {
	position: relative;
	display: block;
}
@media screen and (max-width: 767px) {
	.topicsbox a {
		display: flex;
		text-decoration: none;
	}
}
.topicsbox a:hover .image img, .topicsbox a:active .image img {
	transform: scale(1.15);
	transition: transform 1200ms;
}
.topicsbox a:hover .title, .topicsbox a:active .title {
	text-decoration: underline;
}
.topicsbox a:hover .title:before, .topicsbox a:active .title:before {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
@media screen and (max-width: 767px) {
	.topicsbox a:hover .title:before, .topicsbox a:active .title:before {
		background-image: url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
	}
}
.topicsbox a .image {
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.topicsbox a .image {
		width: 40%;
		max-width: 150px;
		flex-shrink: 0;
	}
}
.topicsbox a .image img {
	transition: transform 800ms;
}
.topicsbox a .title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 15px 45px 15px 20px;
	box-sizing: border-box;
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.topicsbox a .title {
		align-self: center;
		position: static;
		width: auto;
		font-size: 100%;
		line-height: 1.3;
		color: #000;
	}
}
.topicsbox a .title:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
@media screen and (max-width: 767px) {
	.topicsbox a .title:before {
		background-image: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif);
	}
}
.topicsbox a .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% + 50px);
	bottom: 0px;
	left: 0px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	z-index: -1;
}
@media screen and (max-width: 767px) {
	.topicsbox a .title:after {
		display: none;
	}
}

.contentssize {
	max-width: 965px;
	margin: auto;
}

.tab {
	margin-bottom: 20px;
	border-bottom: 2px solid #b1000e;
}
.tab ul {
	display: flex;
	justify-content: center;
}
.tab li {
	display: flex;
	width: calc((100% - 15px) / 4);
	max-width: 190px;
	min-height: 32px;
}
.tab li + li {
	margin-left: 5px;
}
.tab .current a {
	color: #fff;
	background: #b1000e;
}
.tab .current a:hover, .tab .current a:active {
	color: #fff;
}
.tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	line-height: 1;
	color: #333333;
	background: #dddddd;
}
@media screen and (max-width: 767px) {
	.tab a {
		font-size: 90%;
	}
}
.tab a:link, .tab a:visited {
	text-decoration: none;
}
.tab a:hover, .tab a:active {
	color: #b1000e;
	text-decoration: underline;
}

.slidetab {
	position: relative;
	transition: hight 600ms 400ms;
}
.slidetab .tabblock {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
}

.datelist dl {
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	.datelist dl {
		display: block;
	}
}
.datelist dt {
	position: relative;
	width: 17.36111111111111em;
	padding: 12px 0px;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
	border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 767px) {
	.datelist dt {
		padding-bottom: 0px;
		border-bottom: 0px;
	}
}
.datelist dt .category {
	position: absolute;
	top: 0.8283132530120482em;
	right: 1.506024096385542em;
	width: 6.77710843373494em;
	font-size: 92.22222222222222%;
	font-weight: normal;
	text-align: center;
	border: 1px solid #dddddd;
}
.datelist dd {
	width: calc(100% - 15.63em);
	padding: 12px 0px;
	border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 767px) {
	.datelist dd {
		width: 100%;
	}
}
.datelist .LinkListStyle1 {
	margin-bottom: 0px;
}

@media screen and (max-width: 1304px) {
	.businessblock {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.businessblock ul {
	display: flex;
}
@media screen and (max-width: 767px) {
	.businessblock ul {
		flex-wrap: wrap;
	}
}
.businessblock li {
	position: relative;
	width: calc(100% / 3);
	flex-grow: 1;
}
@media screen and (max-width: 767px) {
	.businessblock li {
		width: 100%;
	}
}
.businessblock li:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.4);
	z-index: 1;
}
.businessblock li .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.businessblock li .bg:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: none no-repeat center center;
	background-size: cover;
	z-index: 0;
	transition: transform 800ms;
}
.businessblock li:hover .bg:after {
	transform: scale(1.15);
	transition: transform 1200ms;
}
.businessblock li.field .bg:after {
	background-image: url(../../topimage/business01.jpg);
}
.businessblock li.field a {
	justify-content: flex-end;
}
.businessblock li.engineering {
	max-width: 637.5px;
}
.businessblock li.engineering .bg:after {
	background-image: url(../../topimage/business02.jpg);
}
.businessblock li.education .bg:after {
	background-image: url(../../topimage/business03.jpg);
}
.businessblock li.education a {
	justify-content: flex-start;
}
.businessblock a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	color: #fff;
	text-decoration: none;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.businessblock a {
		height: 150px;
	}
}
.businessblock a &gt; div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: calc(1275px / 4);
}
@media screen and (max-width: 1912px) {
	.businessblock a &gt; div {
		max-width: calc((1275px - (100vw / 3)) / 2);
	}
}
.businessblock a:hover .title, .businessblock a:active .title {
	text-decoration: underline;
}
.businessblock a:hover .title:after, .businessblock a:active .title:after {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
.businessblock a .title {
	position: relative;
	display: inline-block;
	font-size: 110%;
	font-weight: bold;
}
.businessblock a .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
.businessblock a .info {
	font-size: 83%;
}

.banners {
	padding: 80px 15px;
	background: #f2f2f2;
}
@media screen and (max-width: 1304px) {
	.banners {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.banners ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1275px;
	margin: auto;
}
.banners li {
	width: calc((100% - 19px) / 2);
}
@media screen and (max-width: 767px) {
	.banners li {
		width: 100%;
		margin-top: 15px;
	}
}
.banners a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	white-space: nowrap;
}
@media screen and (max-width: 767px) {
	.banners a {
		font-size: 100%;
	}
}
.banners a:link, .banners a:visited {
	text-decoration: none;
}
.banners a:hover .image img, .banners a:active .image img {
	transform: scale(1.15);
	transition: transform 1200ms;
}
.banners a:hover .title, .banners a:active .title {
	text-decoration: underline;
}
.banners a:hover .title:after, .banners a:active .title:after {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
.banners a .image {
	overflow: hidden;
}
.banners a .image img {
	transition: transform 800ms;
}
.banners a .title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.banners a .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}

.corporateblock {
	padding: 50px 15px 80px;
	background: rgba(0, 0, 0, 0.6);
	border-bottom: 80px solid #fff;
}
@media screen and (max-width: 1304px) {
	.corporateblock {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.corporateblock h2 {
	margin: 0 0 45px;
	padding: 0;
	text-align: center;
	background: none;
}
.corporateblock h2 &gt; span {
	padding: 0;
	font-size: 150%;
	background-color: transparent;
}
.corporateblock h2 a {
	position: relative;
	padding-right: 0px;
	color: #fff;
	background: none !important;
}
.corporateblock h2 a:hover:after, .corporateblock h2 a:active:after {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
.corporateblock h2 a:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
.corporateblock h3 {
	position: relative;
	display: inline-block;
	left: 50%;
	font-size: 110%;
	color: #fff;
	transform: translateX(-50%);
}
.corporateblock h3:before {
	content: "";
	display: block;
	position: absolute;
	width: 50vw;
	height: 1px;
	top: 50%;
	right: calc(100% + 40px);
	background: #fff;
}
.corporateblock h3:after {
	content: "";
	display: block;
	position: absolute;
	width: 50vw;
	height: 1px;
	top: 50%;
	left: calc(100% + 40px);
	background: #fff;
}
.corporateblock .value {
	max-width: 1275px;
	margin: auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.corporateblock .value ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 960px;
	margin: 0px auto 0px;
}
.corporateblock .value li {
	width: calc(100% / 6);
	text-align: center;
}
@media screen and (max-width: 994px) {
	.corporateblock .value li {
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 767px) {
	.corporateblock .value li {
		width: 50%;
	}
}
.corporateblock .value a {
	display: block;
	margin: 10px;
	padding: 10px 0px;
	color: #fff;
	background: transparent;
	transition: background 200ms;
}
.corporateblock .value a:link, .corporateblock .value a:visited {
	text-decoration: none;
}
.corporateblock .value a:hover, .corporateblock .value a:active {
	background: rgba(255, 255, 255, 0.2);
	transition: background 400ms;
}
.corporateblock .value a:hover .title, .corporateblock .value a:active .title {
	text-decoration: underline;
}
.corporateblock .value a:hover .title:after, .corporateblock .value a:active .title:after {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
.corporateblock .value a .title {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	font-size: 100%;
	font-weight: bold;
}
@media screen and (max-width: 1304px) {
	.corporateblock .value a .title {
		font-size: 90%;
	}
}
.corporateblock .value a .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
.corporateblock .other ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 765px;
	margin: 20px auto 0px;
}
.corporateblock .other li {
	width: calc((100% - 86px) / 4);
	margin-top: 20px;
	padding: 0px 10px;
	border-right: 1px solid #fff;
}
.corporateblock .other li:first-child {
	border-left: 1px solid #fff;
}
@media screen and (max-width: 767px) {
	.corporateblock .other li {
		width: calc((100% - 41px) / 2);
	}
	.corporateblock .other li:first-child {
		border-left: 0px;
	}
	.corporateblock .other li:nth-child(2n) {
		border-right: 0px;
	}
}
.corporateblock .other a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	padding: 10px;
	color: #fff;
	background: transparent;
	transition: background 200ms;
}
@media screen and (max-width: 767px) {
	.corporateblock .other a {
		display: block;
		text-align: center;
	}
}
.corporateblock .other a:link, .corporateblock .other a:visited {
	text-decoration: none;
}
.corporateblock .other a:hover, .corporateblock .other a:active {
	background: rgba(255, 255, 255, 0.2);
	transition: background 400ms;
}
.corporateblock .other a:hover .title, .corporateblock .other a:active .title {
	text-decoration: underline;
}
.corporateblock .other a:hover .title:after, .corporateblock .other a:active .title:after {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
.corporateblock .other a .title {
	position: relative;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
}
@media screen and (max-width: 1304px) {
	.corporateblock .other a .title {
		font-size: 90%;
	}
}
.corporateblock .other a .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}

.speciallinks {
	padding: 20px 20px 25px;
	background: #737373;
}
@media screen and (max-width: 1304px) {
	.speciallinks {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.speciallinks ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 760px;
	margin: -20px auto 0px;
}
.speciallinks li {
	width: calc(100% / 3);
	margin-top: 20px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.speciallinks li {
		width: 50%;
	}
}
.speciallinks a {
	display: inline-block;
	color: #fff;
}
.speciallinks a:link, .speciallinks a:visited {
	text-decoration: none;
}
.speciallinks a:hover .image:before, .speciallinks a:active .image:before {
	transform: scale(1.15);
	transition: transform 400ms;
}
.speciallinks a:hover .title, .speciallinks a:active .title {
	text-decoration: underline;
}
.speciallinks a:hover .title:after, .speciallinks a:active .title:after {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
.speciallinks .title {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	font-size: 83%;
}
.speciallinks .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
.speciallinks .image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	margin: auto;
}
.speciallinks .image:before {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 0px;
	left: 0px;
	background: #fff;
	border-radius: 50%;
	transition: transform 200ms;
}
.speciallinks .image img {
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 399px) {
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf {
		position: relative;
		padding: 15px 30px 5px 15px;
		border-top: solid 1px #ddd;
	}
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf:first-child {
		border-top: 0 none;
	}
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf.hover {
		background-color: #f2f2f2;
	}
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf .Title p a,
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf .Title h2 a,
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf .Title h3 a,
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf .Title h4 a {
		padding: 0 !important;
		background-image: none !important;
		color: #707070 !important;
		text-decoration: none !important;
	}
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf .Title a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		right: 7px;
		margin: -8px 0 0;
		background-image: url(../../../image/jp/r1/icon/icon_link_right_l_hd.gif);
		background-repeat: no-repeat;
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
	}
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf.hover .Title a:after {
		right: 5px;
	}
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf .ImgHeadingStyle ~ p {
		margin: 0 0 10px 95px;
	}
	.JS .ResponsivePanelStyle .ImgHeadingSet .Column1andHalf .ImgHeadingStyle ~ ul {
		margin: -5px 0 10px 95px;
	}
}

.relatedlink li {
	max-width: 300px;
	margin: 0px auto 20px;
}
.relatedlink a {
	position: relative;
	display: block;
}
.relatedlink a:hover .image img, .relatedlink a:active .image img {
	transform: scale(1.15);
	transition: transform 1200ms;
}
.relatedlink a:hover .title, .relatedlink a:active .title {
	text-decoration: underline;
}
.relatedlink a:hover .title:before, .relatedlink a:active .title:before {
	background-image: url(../image/icon_link_right_xl_hover_white_hd.gif);
}
.relatedlink a .image {
	overflow: hidden;
}
.relatedlink a .image img {
	transition: transform 800ms;
}
.relatedlink a .title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	padding: 10px 45px 10px 15px;
	box-sizing: border-box;
	z-index: 0;
}
.relatedlink a .title:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
.relatedlink a .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% + 15px);
	bottom: 0px;
	left: 0px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	z-index: -1;
}

* + .relatedlink {
	margin-top: 20px;
}

#businessfieldimg {
	position: relative;
}
#businessfieldimg:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(/corporate/businessfield/images/businessfieldfront.png) no-repeat center center;
	background-size: 100% auto;
	z-index: 10;
	pointer-events: none;
}
#businessfieldimg:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(/corporate/businessfield/images/businessfieldhighlight.png) no-repeat top center;
	background-size: 100% auto;
	z-index: 5;
	pointer-events: none;
	opacity: 0;
	transition: opacity 400ms;
}
#businessfieldimg.highlightview:after {
	opacity: 1;
}
#businessfieldimg[data-hl="hl01"]:after {
	background-position: center 0%;
}
#businessfieldimg[data-hl="hl02"]:after {
	background-position: center 20%;
}
#businessfieldimg[data-hl="hl03"]:after {
	background-position: center 40%;
}
#businessfieldimg[data-hl="hl04"]:after {
	background-position: center 60%;
}
#businessfieldimg[data-hl="hl05"]:after {
	background-position: center 80%;
}
#businessfieldimg[data-hl="hl06"]:after {
	background-position: center 100%;
}

.bannerlink li {
	margin: 40px auto 0px;
	max-width: 640px;
}
@media screen and (max-width: 767px) {
	.bannerlink li {
		margin-top: 20px;
		max-width: 320px;
	}
}
.bannerlink a {
	display: flex;
	direction: rtl;
	width: 100%;
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.bannerlink a {
		display: block;
		font-size: 87%;
	}
}
.bannerlink a &gt; span {
	display: flex;
	align-items: center;
	direction: ltr;
	background: #000;
	color: #fff;
	overflow: hidden;
}
.bannerlink a &gt; span:last-child {
	max-width: 150px;
	padding: 10px 15px;
}
@media screen and (max-width: 767px) {
	.bannerlink a &gt; span:last-child {
		max-width: 100%;
	}
}
.bannerlink a &gt; span:last-child span:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	background: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif) no-repeat center center;
	background-size: 16px 16px;
}
.bannerlink a img {
	transition: transform 800ms;
}
.bannerlink a:hover &gt; span:last-child span:after {
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}
.bannerlink a:hover img {
	transform: scale(1.15);
	transition: transform 1200ms;
}

.iconlinkbutton ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -25px;
	margin-left: -25px;
	margin-right: -5px;
}
@media screen and (max-width: 994px) {
	.iconlinkbutton ul {
		margin-top: -15px;
	}
}
.iconlinkbutton li {
	width: calc((100% - 55px) / 2);
	margin-left: 25px;
	margin-top: 25px;
}
@media screen and (max-width: 994px) {
	.iconlinkbutton li {
		width: calc((100% - 30px) / 1);
		margin-top: 15px;
	}
}
.iconlinkbutton .fieldserviceicon01 a:before {
	background-image: url(/delivery_record/images/fieldserviceicon01.svg);
}
.iconlinkbutton .fieldserviceicon02 a:before {
	background-image: url(/delivery_record/images/fieldserviceicon02.svg);
}
.iconlinkbutton .fieldserviceicon03 a:before {
	background-image: url(/delivery_record/images/fieldserviceicon03.svg);
}
.iconlinkbutton .fieldserviceicon04 a:before {
	background-image: url(/delivery_record/images/fieldserviceicon04.svg);
}
.iconlinkbutton .fieldserviceicon05 a:before {
	background-image: url(/delivery_record/images/fieldserviceicon05.svg);
}
.iconlinkbutton .fieldserviceicon06 a:before {
	background-image: url(/delivery_record/images/fieldserviceicon06.svg);
}
.iconlinkbutton a {
	position: relative;
	display: flex;
	align-items: center;
	height: 80px;
	padding: 10px 86px 10px 124px;
	font-size: 162.5%;
	line-height: 1.1;
	color: #000;
	text-decoration: none;
	border: 1px solid #707070;
}
@media screen and (max-width: 767px) {
	.iconlinkbutton a {
		padding-left: 80px;
		font-size: 120%;
	}
}
.iconlinkbutton a:hover {
	text-decoration: underline;
}
.iconlinkbutton a:before {
	content: "";
	position: absolute;
	display: block;
	width: 64px;
	height: 64px;
	top: 50%;
	left: 30px;
	margin-top: -32px;
	background: none no-repeat center center;
}
@media screen and (max-width: 767px) {
	.iconlinkbutton a:before {
		width: 40px;
		height: 40px;
		left: 20px;
		margin-top: -20px;
		background-size: 100%;
	}
}
.iconlinkbutton a:after {
	content: "";
	position: absolute;
	display: block;
	width: 28px;
	height: 28px;
	top: 50%;
	right: 30px;
	margin-top: -14px;
	background: url(/image/jp/r1/icon/icon_link_bottom_hd.gif) no-repeat center center;
	background-size: 100%;
}

dl.fieldservice {
	display: flex;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 40px;
	font-size: 90%;
}
dl.fieldservice:before {
	content: "";
	display: block;
	position: absolute;
	width: 70%;
	height: 3px;
	left: 50%;
	bottom: 0px;
	background: #c02;
	transform: translateX(-50%);
}
dl.fieldservice dt {
	white-space: nowrap;
}

.accordion {
	display: none;
}

.ButtonStyle1 a.accordionbutton {
	background-image: url(/image/jp/r1/icon/icon_down_l_white_hd.gif);
	background-position: right 5px center;
}
.ButtonStyle1 a.accordionbutton:hover {
	background-position: right 7px center;
}
.ButtonStyle1 a.accordionbutton.open {
	background-image: url(/image/jp/r1/icon/icon_up_l_white_hd.gif);
}

.vegas-content-scrollable, .vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
}

.vegas-content-scrollable {
	position: relative;
	height: 100%;
	overflow: auto;
}

.vegas-overlay {
	opacity: .5;
	background: url(./overlays/02.png) center center;
}

.vegas-timer {
	top: auto;
	bottom: 0;
	height: 2px;
}

.vegas-timer-progress {
	width: 0%;
	height: 100%;
	background: #fff;
	transition: width ease-out;
}

.vegas-timer-running .vegas-timer-progress {
	width: 100%;
}

.vegas-slide, .vegas-slide-inner {
	margin: 0;
	padding: 0;
	background: center center no-repeat;
	transform: translateZ(0);
	will-change: transform,opacity;
}

body .vegas-container {
	overflow: hidden !important;
	position: relative;
}

.vegas-video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

body.vegas-container {
	overflow: auto;
	position: static;
	z-index: -2;
}

body.vegas-container &gt; .vegas-overlay, body.vegas-container &gt; .vegas-slide, body.vegas-container &gt; .vegas-timer {
	position: fixed;
	z-index: -1;
}

.vegas-transition-blur, .vegas-transition-blur2 {
	opacity: 0;
	filter: blur(32px) brightness(1.01);
}

.vegas-transition-blur-in, .vegas-transition-blur2-in {
	opacity: 1;
	filter: blur(0) brightness(1.01);
}

.vegas-transition-blur2-out {
	opacity: 0;
}

.vegas-transition-burn, .vegas-transition-burn2 {
	opacity: 0;
	filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-burn-in, .vegas-transition-burn2-in {
	opacity: 1;
	filter: contrast(100%) saturate(100%);
}

.vegas-transition-burn2-out {
	opacity: 0;
	filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-fade, .vegas-transition-fade2 {
	opacity: 0;
}

.vegas-transition-fade-in, .vegas-transition-fade2-in {
	opacity: 1;
}

.vegas-transition-fade2-out {
	opacity: 0;
}

.vegas-transition-flash, .vegas-transition-flash2 {
	opacity: 0;
	filter: brightness(25);
}

.vegas-transition-flash-in, .vegas-transition-flash2-in {
	opacity: 1;
	filter: brightness(1);
}

.vegas-transition-flash2-out {
	opacity: 0;
	filter: brightness(25);
}

.vegas-transition-negative, .vegas-transition-negative2 {
	opacity: 0;
	filter: invert(100%);
}

.vegas-transition-negative-in, .vegas-transition-negative2-in {
	opacity: 1;
	filter: invert(0);
}

.vegas-transition-negative2-out {
	opacity: 0;
	filter: invert(100%);
}

.vegas-transition-slideDown, .vegas-transition-slideDown2 {
	transform: translateY(-100%);
}

.vegas-transition-slideDown-in, .vegas-transition-slideDown2-in {
	transform: translateY(0);
}

.vegas-transition-slideDown2-out {
	transform: translateY(100%);
}

.vegas-transition-slideLeft, .vegas-transition-slideLeft2 {
	transform: translateX(100%);
}

.vegas-transition-slideLeft-in, .vegas-transition-slideLeft2-in {
	transform: translateX(0);
}

.vegas-transition-slideLeft2-out, .vegas-transition-slideRight, .vegas-transition-slideRight2 {
	transform: translateX(-100%);
}

.vegas-transition-slideRight-in, .vegas-transition-slideRight2-in {
	transform: translateX(0);
}

.vegas-transition-slideRight2-out {
	transform: translateX(100%);
}

.vegas-transition-slideUp, .vegas-transition-slideUp2 {
	transform: translateY(100%);
}

.vegas-transition-slideUp-in, .vegas-transition-slideUp2-in {
	transform: translateY(0);
}

.vegas-transition-slideUp2-out {
	transform: translateY(-100%);
}

.vegas-transition-swirlLeft, .vegas-transition-swirlLeft2 {
	transform: scale(2) rotate(35deg);
	opacity: 0;
}

.vegas-transition-swirlLeft-in, .vegas-transition-swirlLeft2-in {
	transform: scale(1) rotate(0);
	opacity: 1;
}

.vegas-transition-swirlLeft2-out, .vegas-transition-swirlRight, .vegas-transition-swirlRight2 {
	transform: scale(2) rotate(-35deg);
	opacity: 0;
}

.vegas-transition-swirlRight-in, .vegas-transition-swirlRight2-in {
	transform: scale(1) rotate(0);
	opacity: 1;
}

.vegas-transition-swirlRight2-out {
	transform: scale(2) rotate(35deg);
	opacity: 0;
}

.vegas-transition-zoomIn, .vegas-transition-zoomIn2 {
	transform: scale(0);
	opacity: 0;
}

.vegas-transition-zoomIn-in, .vegas-transition-zoomIn2-in {
	transform: scale(1);
	opacity: 1;
}

.vegas-transition-zoomIn2-out, .vegas-transition-zoomOut, .vegas-transition-zoomOut2 {
	transform: scale(2);
	opacity: 0;
}

.vegas-transition-zoomOut-in, .vegas-transition-zoomOut2-in {
	transform: scale(1);
	opacity: 1;
}

.vegas-transition-zoomOut2-out {
	transform: scale(0);
	opacity: 0;
}

.vegas-animation-kenburns {
	-webkit-animation: kenburns ease-out;
	animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
	0% {
		transform: scale(1.5);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes kenburns {
	0% {
		transform: scale(1.5);
	}
	100% {
		transform: scale(1);
	}
}
.vegas-animation-kenburnsDownLeft {
	-webkit-animation: kenburnsDownLeft ease-out;
	animation: kenburnsDownLeft ease-out;
}

@-webkit-keyframes kenburnsDownLeft {
	0% {
		transform: scale(1.5) translate(10%, -10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsDownLeft {
	0% {
		transform: scale(1.5) translate(10%, -10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsDownRight {
	-webkit-animation: kenburnsDownRight ease-out;
	animation: kenburnsDownRight ease-out;
}

@-webkit-keyframes kenburnsDownRight {
	0% {
		transform: scale(1.5) translate(-10%, -10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsDownRight {
	0% {
		transform: scale(1.5) translate(-10%, -10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsDown {
	-webkit-animation: kenburnsDown ease-out;
	animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
	0% {
		transform: scale(1.5) translate(0, -10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsDown {
	0% {
		transform: scale(1.5) translate(0, -10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsLeft {
	-webkit-animation: kenburnsLeft ease-out;
	animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
	0% {
		transform: scale(1.5) translate(10%, 0);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsLeft {
	0% {
		transform: scale(1.5) translate(10%, 0);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsRight {
	-webkit-animation: kenburnsRight ease-out;
	animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
	0% {
		transform: scale(1.5) translate(-10%, 0);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsRight {
	0% {
		transform: scale(1.5) translate(-10%, 0);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsUpLeft {
	-webkit-animation: kenburnsUpLeft ease-out;
	animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
	0% {
		transform: scale(1.5) translate(10%, 10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsUpLeft {
	0% {
		transform: scale(1.5) translate(10%, 10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsUpRight {
	-webkit-animation: kenburnsUpRight ease-out;
	animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
	0% {
		transform: scale(1.5) translate(-10%, 10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsUpRight {
	0% {
		transform: scale(1.5) translate(-10%, 10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsUp {
	-webkit-animation: kenburnsUp ease-out;
	animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
	0% {
		transform: scale(1.5) translate(0, 10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
@keyframes kenburnsUp {
	0% {
		transform: scale(1.5) translate(0, 10%);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}
.vegas-animation-kenburnsR {
	-webkit-animation: kenburnsR ease-out;
	animation: kenburnsR ease-out;
}

@-webkit-keyframes kenburnsR {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}
@keyframes kenburnsR {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}
</pre></body></html>